/* Client: HSBC Direct Taiwan
 * Author: Alex Sandrey
 * Contact: Alex Sandrey
 * Vendor: HeathWallace
 * Created: 28 April 2007
 */
 BODY {
	BACKGROUND: #FFFFFF}
	
#tooltip {
	position: absolute;
	display:none;
	background-color:#eee;
	color: #666666;
	padding: 3px;
	border-width: 1px;
	border-style: outset;
	top: 40px;
	margin-left: -236px;
}

..dropDownWidth{
 width:60px;
}	

.containerHead
{
	border-bottom:5px solid #f00;
	width:100%;
	position:relative;
	float: left;
}
div.hsbcLogo
{
	width:167px;
	float:left;
	margin: 0;
}
div.extContainerStyle01
{
	padding-left: 10px;
	display: block;
}
div.extContainerStyle01 div.hsbcLogo
{
	padding-bottom:14px;
	margin-top:6px;
	
}



div.hsbcLogo img
{

	margin-top:3px;
	vertical-align:middle;
}

/* new tab style start */



/* new tab style end */

div.extContainerStyle01 div.hsbcDivtletTabMenu
{
	left:172px;
	width:785px;
	float: left;
}


/*div.hsbcDivtletTabMenu ul
{float: left;
	border-bottom:5px solid #fff;
	margin:0;
	padding:25px 0 0 26px;
}



div.hsbcDivtletTabMenu ul li
{
	background:url(../../images/new/tab-menu-bg-x-0-0.gif) 100% no-repeat;
	float:left;
	height:38px;
	margin-right:-24px;
	position: relative;
	list-style:block;
	display: block;
	white-space: nowrap;
}


div.hsbcDivtletTabMenu ul li a
{
	background:url(../../images/new/tab-menu-bg-0-0.gif) no-repeat left top;
	color:#666666;
	float:left;
	font-size:15px;
	height:23px;
	text-decoration:none;
	padding:15px 24px 0 26px;
}

div.hsbcDivtletTabMenu ul li a:hover
{	
text-decoration:underline;
}

div.hsbcDivtletTabMenu ul li.extFirstTab a
{	background-image:url(../../images/new/tab-menu-bg-null-0.gif);
	padding-left:24px;
	}

div.hsbcDivtletTabMenu ul li.extFirstTab.hsbcDivtletTabMenuSelected a
{	background-image:url(../../images/new/tab-menu-bg-null-1t.gif);
	padding-left:24px;	
	color:#fff;	}
	
div.hsbcDivtletTabMenu ul li.hsbcDivtletTabMenuSelected
{	background-image:url(../../images/new/tab-menu-bg-1-1-1t.gif);
	position: relative;
	list-style:block;
	display: block;
	white-space: nowrap;
}*/


/*      Oblic overlapping tabs      */
ul.obtabs {
    list-style: block;
    padding: 25px 0 0 26px;
	margin:0;
}

ul.obtabs li.first {
    margin-left: 0;
}

ul.obtabs li {
    float: left;
    display: block;
    height: 38px;
    padding-right: 30px;
    margin-left: -21px;
    position: relative;
    background: url(../../images/new/tab-menu-bg-x-0-0.gif) 100% 0 no-repeat;
    white-space: nowrap;
}

ul.obtabs span {
    height: 38px;
    line-height: 46px;
    padding-left: 30px;
    background: url(../../images/new/tab-menu-bg-0-0.gif) top left no-repeat;
}

* html ul.obtabs span {display: inline-block;line-height:30px;padding-top:8px;height:30px;}

html>body ul.obtabs span {
    display: block;
}

ul.obtabs li#current {
    z-index: 1;
    font-weight: bolder;
    height: 38px;
    background-image: url(../../images/new/tab-menu-bg-1-1-1t.gif);
}

ul.obtabs li#current span {
    background-image: url(../../images/new/tab-menu-bg-0-1t.gif);
}

ul.obtabs li#current a {
	color:#FFF; text-decoration:none;
}

ul.obtabs li#FirstTab span {
    background-image: url(../../images/new/tab-menu-bg-null-0.gif);
}


ul.obtabs li#FirstTabSelected a{
    color:#FFF;
}


ul.obtabs li#FirstTabSelected {
    font-weight: bolder;
    z-index: 1;
    color:#FFF;
    height: 38px;
    background-image: url(../../images/new/tab-menu-bg-1-1-1t.gif);
}

ul.obtabs li#FirstTabSelected span {
    background-image: url(../../images/new/tab-menu-bg-null-1t.gif);
}

ul.obtabs a {
	color: #666;
	text-decoration: none;
}

ul.obtabs a:hover {
	color: #ff0000;
	text-decoration: none;
}
		
ul.obtabs li#LastTab {
	float: right;
	background-image: url(../../images/new/tab-menu-bg-x-0-0.gif) 100% 0 no-repeat;
}

ul.obtabs li#LastTab span {
	background-image: url(../../images/new/tab-menu-bg-null-0.gif);
}

ul.obtabs li#LastTabSelected {
	float: right;
	background-image: url(../../images/new/tab-menu-bg-1-1-1t.gif);
}

ul.obtabs li#LastTabSelected span {
	background-image: url(../../images/new/tab-menu-bg-null-1t.gif);
}

ul.obtabs li#LastTabSelected a{
	color:#FFF;
}

/* 暫時拿掉
div.hsbcDivtletTabMenu ul li.extLastTab
{	background-image:url(../../images/new/tab-menu-bg-0-0.gif) 100% 0 no-repeat;
    display: block;
	padding-right:24px;
}

div.hsbcDivtletTabMenu ul li.extLastTab a
{	padding-right:24px;}
	
div.hsbcDivtletTabMenu ul li.hsbcDivtletTabMenuSelected
{	background-image:url(../../images/new/tab-menu-bg-1-1-1t.gif);}

div.hsbcDivtletTabMenu ul li.hsbcDivtletTabMenuSelected a
{	background-image:url(../../images/new/tab-menu-bg-0-1t.gif);
	color:#fff;}

div.hsbcDivtletTabMenu ul li.extSelectedTabLeft
{	background-image:url(../../images/new/tab-menu-bg-x-0-1t.gif);
	}
	
暫時拿掉	*/

/* 暫時拿掉
div.hsbcDivtletTabMenu ul li.hsbcDivtletTabMenuSelected a
{	_margin-left:-9px;	} /* IE 6 and back need this. don't ask me why */

/* 暫時拿掉
div.hsbcDivtletTabMenu ul li.hsbcDivtletTabMenuSelected 
{	_margin-right:-9px;	} /* IE 6 and this */

/* 暫時拿掉
div.hsbcDivtletTabMenu ul li.extSelectedTabRight a
{	background-image:url(../../images/new/tab-menu-bg-1-0t.gif);}


/* 暫時拿掉
div.hsbcDivtletTabMenu ul li.extLastTab.hsbcDivtletTabMenuSelected
{	background-image:url(../../images/new/tab-menu-bg-x-2-nullt.gif);}
*/

/* 暫時拿掉	
div.hsbcDivtletTabMenu ul li.extLastTab.hsbcDivtletTabMenuSelected a
{	padding-right:24px;	
	color:#fff;		}

div.hsbcDivtletTabMenu ul li.extFirstTab.hsbcDivtletTabMenuSelected a
{	background-image:url(../../images/new/tab-menu-bg-null-1t.gif);
	padding-left:24px;	
	color:#fff;	}
*/
/* 暫時拿掉
div.hsbcDivtletTabMenu ul li.extFirstTab a
{
	_margin-left:0px; /* IE 6 and back hack 
}	
*/

div.hsbcDivletTopTool 
{
	white-space:nowrap;
	font-size:12px;
	color:#999999;
	float: right;
	margin-bottom: 10px;
	display: inline;
	margin-top: 7px;
}

div.hsbcDivletTopToolHeader0123
{
	white-space:nowrap;
	font-size:12px;
	color:#999999;
	float: right;
	margin-bottom: 20px;
	display: inline;
	margin-top: 7px;
}

div.hsbcDivletTopToolHeader0123 a:hover
{

	color:#000000;
}

div.hsbcDivletTopTool a:hover
{

	color:#000000;
}

div.hsbcDivletTopLink /* only for TOP tool---ag */
{
	float: left;
	margin-top: 8px;
	margin-bottom: 8px;
}

div.hsbcDivletTopLink /* only for TOP tool---ag */
{
	float: left;
	margin-top: 8px;
	margin-bottom: 8px;
}


div.hsbcTopToolDropdown /* only for TOP tool---ag */
{
	float: left;
	padding-top: 2px;
	padding-bottom: 10px;
	padding-left: 5px;
}

div.hsbcDivletTopToolHeader0123 a
{
	font-size:12px;
	color:#999999;
}

div.hsbcDivletTopTool a
{
	font-size:12px;
	color:#999999;
}

div.hsbcDivletLanguageToggle
{
	white-space:nowrap;
	font-size:12px;
	color:#000000;
	margin-top: 14px;
	margin-bottom: 5px;
	text-align: right;
	float: right;
}
div.hsbcDivletLanguageToggle a
{
	font-size:12px;
	color:#000000;
}
div.hsbcDivletLanguageToggle em
{
	font-size:12px;
	color:#000000;
	font-style: normal;
}
div.hsbcDivletLanguageToggle img
{
	text-align:right;
	padding-left: 10px;
}

.containerFootbox {
	PADDING-LEFT: 10px; FLOAT: left; WIDTH: 100%
}
.containerFoot
{
	float:left;
	width: 964px;
	margin-top: 15px;
	background: url(../../images/new/footer_bg.gif) repeat-x top;
}


.hsbcFooterLinks_right
{
	margin-top: 12px;
	float:right;
	display: block;
}


.hsbcFooterLinks
{
	font-size:12px;
	color:#000000;
	float:left;
	padding:0;
	margin-top: 12px;
	/*color:#FF0000 → #000000*/
}

.myfootitem7 {
	FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: Arial,Helvetica,Verdana,Sans-Serif; TEXT-DECORATION: underline
}
.myfootitem7:hover {
	FONT-SIZE: 9pt; COLOR: #ff0000; FONT-FAMILY: Arial,Helvetica,Verdana,Sans-Serif; TEXT-DECORATION: underline
}

.hsbcFooterLinks span
{
	float:right;
	font-size:12px;
	color:#999;
	vertical-align: baseline;	 
	/*margin-top: 3px;*/
}

.hsbcFooterLinks span a
{
	color:#999;
}

.hsbcFooterLinks span a:hover
{
	color:#000000;
}

p.hsbcFooterCopyright
{
	color:#333;
	float:right;
	font-size:11px;
	margin:0;
	padding:5px 0;
	white-space:nowrap;
	display: block;
	text-align: right;
}


.leftnavspace{
	height: 11px;
}

.form-a{
        height: 10px
	font-size:12px;
	color:#999999;
	border: 1px solid #999999;
}

.arrow-normal{
   width:33px
   }
	
	.cont-rd{
	font-size:12px;
	color:#FF0000;
	font-weight: bold;
	}
	
	.board_06 {
	FONT-SIZE: 12px; COLOR: #333333; LINE-HEIGHT: 18px; FONT-FAMILY: arial, helvetica; TEXT-DECORATION: none
}
	
	.cont-no-gy{
	font-size:12px;
	color:#666666;
	}
	
	.cont-no-rd{
	font-size:12px;
	color:#FF0000;
	font-weight: bold;
	}
	
.cont-gy{
	font-size:12px;
	color:#666666;
	text-decoration: none;
	}

.cont-gy a:link{
	color:#666666;
	text-decoration: none;
	}

.cont-gy a:visited{
	color:#666666;
	text-decoration: none;
	}
.cont-gy a:hover{
	color:#FF0000;
	text-decoration: none;
	}
	
.title-rd{
	font-size:12px;
	color:#FF0000;
	font-weight: bold;
	}
.title-rd a:link{
	color:#FF0000;
	text-decoration: none;
	}
	
.title-rd a:visited{
	color:#FF0000;
	text-decoration: none;
	}
.title-rd a:hover{
	color:#666666;
	text-decoration: none;
	}









/*for index page only קﭺcontent FLAH Ϫ]sWCSS^*/

.global{
	float: left;
	margin-left: 10px;
	width: 964px;
	display: inline;
}

div.containerGlobal
{
	width: 974px;
}

.hpContainerContent
{
	/*background:#FFFFFF url("../../images/content/homepage/background.gif") no-repeat;*/
		border:1px solid #ccc;
	border-bottom:2px solid #f00;
	margin-left:0px;
	float:left;
	clear:both;
	width:954px;
	wid\th:964px;
	display:inline;
	min-height:460px;
	font-family:Arial, MingLiu, sans-serif;
}

.rowOne
{
	clear:both;
	width:954px;
	height:370px;
	position:relative;
	margin-bottom: 20px;
}

.columnOne
{
	float:left;
	padding:20px 40px 20px 20px;
	width: 167px;
}

.titleText
{
	float:left;
	display: inline;
}
	.titleText h2{
		color:#666;
		font-weight:normal;
	}
	.titleText h2.titleSubTextMain{
		color:#EE3023;
	}
	.titleText p{
		font-size:137%;
		padding:0;
		margin:0;
	}
	.titleText p.titleSubTextOne{
		color:#666;
	}
	.titleText p.titleSubTextTwo{
		color:#9A9A99;
	}

.columnTwo{
		background:url("../../images/content/homepage/salary_index_en-20070703.gif") no-repeat;
		float:left;
		width:400px;
		margin-top:20px;
	}
	
	
	.columnTwo h1
	{
		padding:0;
		margin:0;
		font-size:112%;
		color:#766;
		font-weight:normal;
	}
	.columnTwo h1 strong
	{
		font-weight:normal;
		color:#f00;
	}
	.columnTwo ul.hsbchpList00
	{
		margin:20px 0 0 0;
		padding:0;
		list-style:none;
		float:left;
	}
	
	.columnTwo ul.hsbchpList00 li
	{
		margin-bottom:10px;
		/*clear:both;
		float:left;*/
		background:url("../../images/content/homepage/li_bg_00.gif") top left no-repeat;
	}
	
	.columnTwo ul.hsbchpList00 li span
	{
		display:block;
		width:280px;
		margin-left:12px;
		font-size:87%;
		color:#766;
	}
	.columnTwo ul.hsbchpList01
	{
		/*position:relative;*/
		margin:135px 0px 0px 0px;
		padding:0px;
		float:left;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
	}
	.columnTwo ul.hsbchpList01 li.first {
		margin-right:35px;
	}
	.columnTwo ul.hsbchpList01 li {
		background:transparent url("../../images/content/homepage/li_button_03.gif") no-repeat scroll left top;
		float:left;
		height:45px;
		width:167px;
	}
	.columnTwo ul.hsbchpList01 li a {
		color:#FFFFFF;
		/*float:right;*/
		font-size:87%;
		font-weight:bold;
		text-align:center;
		display:block;
		margin:11px auto;
	}
	.columnTwo .hsbchpList02 span {
	float:left;
	color:#776666;
	display:block;
	font-size:12px;
	margin-bottom:12px;
	margin-top:12px;
	text-align:center;
	width:380px;
	}
	.columnTwo a{
		text-decoration:none;
	}
	.columnTwo a:hover{
		text-decoration:underline;
	}

.columnTwo h3{
		font-size:115%;
		padding:8px 5px 8px 22px;
		margin:0;
		background:url("../../images/content/homepage/h3_bg.gif") no-repeat left;
	}
	.columnTwo h3.selected{
		/* background-color:#f9f9f9; */
	}
	.columnTwo h3 a{
		color:#000;
		text-decoration:none;
	}

.columnTwoLink h3{
		padding-left:8px;
		background:none;
	}
	.columnTwoLink h3 a{
		color:#f00;
		text-decoration:none;
		font-size:75%;
		font-weight:normal;
		/* background-color:#fff; */
	}
	.columnTwoLink h3 a:hover{
		text-decoration:underline;
	}

.columnTwo ul.hsbchpList00
	{
		margin:20px 0 0 0;
		padding:0;
		list-style:none;
		float:left;
	}
	
	.columnTwo ul.hsbchpList00 li
	{
		margin-bottom:10px;
		/*clear:both;
		float:left;*/
		background:url("../../images/content/homepage/li_bg_00.gif") top left no-repeat;
	}
	
	.columnTwo ul.hsbchpList00 li span
	{
		display:block;
		width:280px;
		margin-left:12px;
		font-size:87%;
		color:#766;
	}

.columnThree{
		float:left;
		/*border:1px solid #000;*/
		margin-top:30px;
		margin-left:20px;
		
	}
	.columnThree .hsbchpPanel03 {
		float:left;
		margin:0;
		padding:0;
	}

.hsbchpContent02 {
		margin:0px;
		padding:8px 0pt 0pt 8px;
		position:relative;
	}

.flashContainer00 {
		top:0;
		left:-280px;
		padding:0;
		position:absolute;
		text-align:right;
		/*width:570px;*/
		z-index:4;
	}
	
.flashInnerContainer00
	{
		float:left;
		padding:0;
		margin:0;
	}

/*for index page only end*/
.no_line {
	text-decoration: none;
}
.hsbcFAQquestion {
	margin-top: 5px;
	margin-bottom: 5px;
}
.hsbcFAQanwser {
	margin-top: 5px;
	margin-left: 15px;
	margin-right: 10px;
}



/*for FAQ page container only */
DIV.containerControlLeft DIV.containerFAQ {
	FLOAT: Right;
	width: 812px;
	display: inline;
}
/*for FAQ page container only end*/
div.hsbcDivletLogonStatus
{
	white-space:nowrap;
	font-size:12px;
	color:#000000;
	margin-top: 10px;
	margin-bottom: 5px;
}