 
 
 
 
 
 
 
 



 
 
 
 





html body,
body,
.wpsPortletBody,
.wpsPortletText,
.wpsEditText,
.wpsPortletSmText,
.wpsEditSmText,
.wpsPortletTinyText,
.portlet-font
{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}


form
{
	display:inline;
}

input,
select,
label,
.portlet-form-input-field,
.wpsLabelText,
.portlet-form-field,
.portlet-form-field-label,
.wpsRequiredLabelText,
.portlet-form-label
{
	vertical-align:middle !important;
}


a img
{
	border:0px;
}

a
{
	color:#f00;
}

a:hover
{
	text-decoration:underline;
}


div.hsbcSpacing01
{
	padding-bottom:16px !important;
	width: auto;
	float:left;
	background-color:#fff;
}

div.hsbcSpacing02
{
	margin-bottom:16px;
	width: auto;
}


div.hsbcSpacing03 div.hsbcColumn
{

	
	border-bottom:8px solid #fff;
	
	border-bottom:16px solid #fff;
	
	background-color:#fff;
}








div.hsbcPageBanner
{
	line-height:0px;
}


div.hsbcBannerImg
{
	float:left;
	position:relative;
}
div.hsbcBannerContainer 
{
	float:right;
	position:relative;
}
div.containerRightTools .hsbcVerticalBannerTxt
{
	text-decoration:none!important;
	color:#0067DA;
	font-size:16px;
	font-weight: bold;
	padding:0px;
	position:absolute;
	width:140px;
	height:60px;
	overflow:hidden;
	line-height:110%;
	top:130px;
	left:12px;
	z-index:2;
	cursor:pointer;
}
div.hsbcBannerImg .hsbcBannerTxt
{
	font-size:18px;
	padding:0px;
	position:absolute;
	width:266px;
	height:20px;
	overflow:hidden;
	line-height:110%;
	top:12px;
	left:12px;
	z-index:2;
	cursor:pointer;
}
div.extSmallBanner .hsbcBannerTxt
{
	font-size:14px;
	top:8px;
	font-weight:bold;
	width:195px;
	height:18px;
}
div.hsbcBannerImg a
{
	text-decoration:none!important;
	color:#0067DA;
}


div.hsbcStyleContent01,
div.hsbcStyleContent03
{
	background-color:#F4EFDE;
	padding:16px;
}

div.hsbcStyleContent01 p,
div.hsbcStyleContent03 p
{
	margin:10px 0px 12px !important;
}

div.hsbcStyleContent01 h2,
div.hsbcStyleContent02 h2,
div.hsbcStyleContent03 h2
{
	text-transform:uppercase;
	
	font-size:80%;
	
	font-size:74%;
	
	margin:0px;
	line-height:100%;
	margin-bottom:21px;
	
}

div.hsbcStyleContent01 a,
div.hsbcStyleContent03 a
{
	color: #000; 
	text-decoration:none;
}

div.hsbcStyleContent01 a:hover
{
	text-decoration:underline; 
}


div.hsbcStyleContent02
{
	padding:16px 0px;
}

div.hsbcStyleContent02 p
{
	margin:6px 0px;
}

div.hsbcStyleContent02 p.extHrType01
{
	margin:12px 0px;
}


div > div.hsbcStyleContent02 p.extHrType01
{
	margin:12px 0px 10px;
}

div.hsbcStyleContent02 p.extHrType01:lang(en)
{
	margin:12px 0px;
}



div.hsbcStyleContent03
{
	padding-bottom:9px;
}

div.hsbcStyleContent03 h2
{
	margin-bottom:5px !important;
}


div.hsbcStyleContent14,
div.hsbcStyleContent04
{
	padding-left:40px;
	padding-right:49px !important;
	margin-bottom:23px;
}

div.hsbcStyleContent14 p,
div.hsbcStyleContent04 p
{
	margin-top:7px;
	margin-bottom:7px;
	
}


div.hsbcStyleContent16 h2,
div.hsbcStyleContent15 h2,
div.hsbcStyleContent05 h2
{
	
	font-size:93%;
	
	font-size:86%;
	
	margin:0px !important;
	margin-left:16px !important;
	margin-right:16px !important;
}
div.hsbcStyleContent16 h2 a,
div.hsbcStyleContent15 h2 a,
div.hsbcStyleContent05 h2 a
{
	color:#000;
	text-decoration:none;
}
div.hsbcStyleContent16 h2 a:hover,
div.hsbcStyleContent15 h2 a:hover,
div.hsbcStyleContent05 h2 a:hover
{
	text-decoration:underline;
}

div.hsbcStyleContent16 p,
div.hsbcStyleContent15 p,
div.hsbcStyleContent05 p
{
	margin:0px;
	margin-left:32px;
	margin-right:32px;
	margin-bottom:18px;
}

div.hsbcStyleContent16 p.extHrType01,
div.hsbcStyleContent15 p.extHrType01,
div.hsbcStyleContent05 p.extHrType01
{
	margin-left:16px;
	margin-right:16px;
	margin-bottom:14px;
}


div.hsbcStyleContent13 p,
div.hsbcStyleContent06 p
{
	margin: 0px 16px;
	padding-top:10px;
	padding-bottom:10px;
}


div.hsbcStyleContent07
{
	border: 1px solid #ccc;
	padding-top:12px;
}

div.hsbcStyleContent07 h1,
div.hsbcStyleContent07 h2,
div.hsbcStyleContent07 h3,
div.hsbcStyleContent07 p,
div.hsbcStyleContent07 ul
{
	margin-left:16px !important;
	margin-right:16px !important;
}

div.hsbcStyleContent07 p
{
	margin-top:6px !important;
}

div.hsbcStyleContent07 p.extHrType01
{
	margin-bottom:12px;
}



div.hsbcStyleContent08
{
	margin-left:24px;
	margin-right:32px !important;
	margin-bottom:23px;
}

div.hsbcStyleContent08 p
{
	margin-top:7px !important;
	margin-bottom:7px;
	
}

div.hsbcStyleContent08 p.extHrType01
{
	margin-right:0px !important;
}


div.hsbcStyleContent09 h3
{
	margin-bottom:15px !important;
	margin-top:-2px !important;
}

div.hsbcStyleContent09 h3 a
{
	color:#000;
	text-decoration:none;
}
div.hsbcStyleContent09 h3 a:hover
{
	text-decoration:underline;
}
div.hsbcStyleContent09 p.extHrType01
{
	margin-top:0px;
}



div.hsbcStyleContent17,
div.hsbcStyleContent10
{
	margin-left:16px;
	margin-right:32px !important;
}


div.hsbcStyleContent11
{
	margin-top:18px;
	margin-bottom:22px;
}

div.hsbcStyleContent11 p,
div.hsbcStyleContent11 h2
{
	margin: auto 16px;
}

div.hsbcStyleContent11 h2
{
	
	font-size:93%;
	
	font-size:86%;
	
	margin-bottom:3px;
	margin-top:15px;
}

div.hsbcStyleContent11 p
{
	margin-top:3px;
	margin-bottom:3px;
}

div.hsbcStyleContent11 p.extHrType01
{
	margin-top:15px;
	margin-bottom:15px;
}


div.hsbcStyleContent12
{
	background-color:#eee;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:14px 16px;
	
	font-size:80%;
	
	font-size:74%;
	
	font-weight:bold;
}

div.hsbcStyleContent12 select
{
	font-size:100%;
	color:#333;
}


div.hsbcStyleContent13
{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}


div.hsbcStyleContent14
{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:0px;
	padding-bottom: 20px;
}

div.hsbcStyleContent14 p
{
	margin:0px !important;
	padding:3px 0px;
}


div.hsbcStyleContent15
{
	padding-bottom:15px;
}



div.hsbcStyleContent16 p.extHrType01
{
	margin-top:15px;
	margin-bottom:14px;
}



div.hsbcStyleContent17
{
	margin-bottom:16px;
}

div.hsbcStyleContent17 h2
{
	
	font-size:93%;
	
	font-size:86%;
	
}



div.hsbcStyleContent18
{
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#fff;
}



div.hsbcStyleContent19
{
	width:291px;
	float:left;
}



div.hsbcStyleContent20
{
	width:275px;
	float:left;
}



div.hsbcStyleContent21
{
	margin-left:16px;
	margin-right:32px;
	margin-top:12px;
	margin-bottom:12px;
}

div.hsbcStyleContent21 p
{
	margin-bottom:6px;
	margin-top:6px;
}



div.hsbcStyleContent22
{
	margin-left:16px;
	margin-right:16px;
	margin-top:12px;
	margin-bottom:12px;
}

div.hsbcStyleContent22 p
{
	margin-bottom:6px;
	margin-top:6px;
}



h1,
div.hsbcStyleContentBase h1
{
	
	font-size:118%;
	
	font-size:111%;
	
	margin-bottom:14px;
	margin-top:0px;
}
h2,
div.hsbcStyleContentBase h2
{
	
	font-size:105%;
	
	font-size:99%;
	
	margin:14px 0px;
}
h3,
div.hsbcStyleContentBase h3
{
	
	font-size:80%;
	
	font-size:74%;
	
	margin:14px 0px;
}
div.hsbcStyleContentBase p
{
	
	font-size:80%;
	
	font-size:74%;
	
	margin:14px 0px 17px;
}
div.hsbcStyleContentBase a
{
	color:red;
}
ul.hsbcBaseList li,
div.hsbcStyleContentBase ul li
{
	
	font-size:80%;
	
	font-size:74%;
	
	list-style-type:none;
	background:url("../images/listDot.gif") no-repeat top left;
	padding-left:12px;
	margin:7px 0px 7px 16px;
	line-height: 151%;
}
ul.hsbcBaseList,
div.hsbcStyleContentBase ul
{
	margin:0px;
	padding:0px;
	padding-bottom:5px;
}
div.hsbcStyleContentBase p.extHrType02
{
	background-image:none !important;
	border-top: 2px solid #ccc !important;
}

div.hsbcStyleContentBase label
{
	
	font-size:80%;
	
	font-size:74%;
	
}

div.hsbcStyleContentBase select
{
	font-size:100%;
	
	font-size:74%;
	
	font-size:68%;
	
	color:#333;
}


.wpsPortletText,
.wpsEditText,
.wpsPortletSmText,
.wpsEditSmText,
.wpsPortletTinyText,
.portlet-font,
div.hsbcContent p
{
	
	font-size:80%;
	
	font-size:74%;
	
}


p.extHrType01
{
	background:url("../images/dotRepeater.gif") repeat-x;
	line-height:1px;
	display:block;
	font-size:1%;
	margin:0px;
	padding:0px !important;
}


.extInlineButtons img
{
	float:right;
}

.extInlineButtons img
{
	margin-left:6px;
}

.extOverrideInlineButtons
{
	float:none !important;
	margin-left:0px !important;
}


a.hsbcLinkStyle01
{
	color:#f00;
	text-decoration:none;
	font-weight:bold;
}

a.hsbcLinkStyle01:hover
{
	text-decoration:underline;
}


a.hsbcLinkStyle02
{
	color:#06c !important;
	text-decoration:none;
}

a.hsbcLinkStyle02:hover
{
	text-decoration:underline;
}


a.hsbcLinkStyle03
{
	color:#36c !important;
}


a.hsbcLinkStyle04
{
	color:#999 !important;
	text-decoration:none;
	font-family:Arial;
}

a.hsbcLinkStyle04:hover
{
	text-decoration:underline;
}



div.hsbcToolBox
{
	background-color: #E3DBBD;
	padding:0px 0px 11px;
	padding-bottom:14px;
	background-repeat: no-repeat;
	background-position: top;
	border-bottom: 1px solid #fff;
}

div.hsbcToolBox a
{
	color:#000;
	text-decoration:none;
}

div.hsbcToolBox a:hover
{
	text-decoration:underline;
}

div.hsbcToolBox p
{
	
	
	font-size:74%;
	
	font-size:68%;
	
	margin:5px 8px;
}

div.hsbcToolBox select
{
	
	font-size:74%;
	
	font-size:68%;
	
	margin-left:8px;
}

div.hsbcToolBox form
{
	display:block;
	margin:0px;
	
}

div.hsbcToolBox label
{
	display:block;
}

div.hsbcTitleToolBox p
{
	display:none;
}

div.hsbcTitleToolBox
{
	height:21px;
	display:block;
	background-repeat:no-repeat;
	background-position: top left;
	margin-left:8px;
}


div.hsbcToolBoxStyle01 div.hsbcTitleToolBox
{
	background-image:url("../images/hInternetBankingUnlocked.gif");
}

div.hsbcToolBoxStyle01 div.extUnlocked
{
	background-image:url("../images/hInternetBankingLocked.gif");
}

div.hsbcToolBoxStyle02 div.hsbcTitleToolBox
{
	background-image:url("../images/hRelatedLinks02.gif");
}

div.hsbcToolBoxStyle03 div.hsbcTitleToolBox
{
	background-image:url("../images/hPageOptions02.gif");
}

div.hsbcToolBoxStyle04 div.hsbcTitleToolBox
{
	background-image:url("../images/hAdviceAndTools02.gif");
	padding-bottom:6px;
}

div.hsbcToolBoxStyle05
{
	background-image:url("../images/hImgTalkToUs02.gif");
}

div.hsbcToolBoxStyle05 div.hsbcTitleToolBox
{
	background-image:url("../images/hTalkToUsTrn02.gif");
	padding-bottom:0px;
}

div.hsbcToolBoxStyle06 div.hsbcTitleToolBox
{
	background-image:url("../images/hQuickApplyAndInfo02.gif");
	padding-bottom:7px;
}

div.hsbcToolBoxStyle07 div.hsbcTitleToolBox
{
	background-image:url("../images/hMarketWatch02.gif");
	padding-bottom:5px;
}

div.hsbcToolBoxStyle08 div.hsbcTitleToolBox
{
	background-image:url("../images/hImportantInformation02.gif");
}


div.hsbcToolBoxStyle01 input.extTextInput
{
	width:100px;
	vertical-align:middle;
	font-size:100%;
	padding-bottom:0px !important;
}

div.hsbcToolBoxStyle01 label
{
	
}

div.hsbcToolBoxStyle01 table
{
	
	font-size:74%;
	
	font-size:68%;
	
	border-collapse:collapse;
	
	margin:0px 8px 9px;
	padding:0px;
}

div.hsbcToolBoxStyle01 table td
{
	margin:0px;
	padding:0px;
	height:22px;
}

div.hsbcToolBoxStyle01 .extLogStatus
{
	color:red;
	font-weight:bold;
}


div.hsbcToolBoxStyle04 select
{
	width:115px;
}

div.hsbcToolBoxStyle04 label
{
	
	font-size:74%;
	
	font-size:68%;
	
	
	margin-bottom:4px;
	margin-left:8px;
}



div.hsbcToolBoxStyle06 select
{
	width:118px;
}

div.hsbcToolBoxStyle06 label
{
	
	font-size:74%;
	
	font-size:68%;
	
	
	margin-bottom:4px;
}


div.hsbcToolBoxStyle07
{
	padding-left:1px;
	padding-right:1px;
}

div.hsbcToolBoxStyle07 p
{
	margin-left:10px;
	margin-right:10px;
	
	font-size:74%;
	
	font-size:68%;
	
}

div.hsbcToolBoxStyle07 p.pStyle01
{
	color:#666;
	
	font-size:68%;
	
	font-size:61%;
	
}



div.hsbcSubToolBoxContentStyle01
{
	background-color:#fff;
	border-left:1px solid #D4D4D4;
	border-right:1px solid #D4D4D4;
	padding:3px 0px;
	border-bottom:1px solid #D4D4D4;
}

div.hsbcSubToolBoxContentStyle01 p
{
	margin-top:2px;
	margin-bottom:2px;
}


tr.hsbcTableRow01
{
	background-color:#fff;
}

tr.hsbcTableRow02
{
	background-color:#fcc;
}

td.hsbcTableColumn01
{
	text-align:right;
}


table.hsbcTableStyle01
{
	border-collapse:collapse;
	width:100%;
}

table.hsbcTableStyle01 td
{
	vertical-align:top;
}

table.hsbcTableStyle01 td.extTableColumn01
{
	width:50%;
	padding-right:24px;
}


table.hsbcTableStyle01 td.extTableColumn02
{
	width:50%;
	padding-left:24px;
}


table.hsbcTableStyle02
{
	width:100%;
	border-collapse:collapse;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
table.hsbcTableStyle02 td
{
	
	font-size:74%;
	
	font-size:68%;
	
	text-align:center;
	padding:5px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}


table.hsbcTableStyle03
{
	border-collapse:collapse;
	width:auto;
}

table.hsbcTableStyle03 td
{
	
	font-size:68%;
	
	font-size:61%;
	
}

table.hsbcTableStyle03 td.extTableColumn01
{
	padding-left:9px;
}

table.hsbcTableStyle03 td.extTableColumn02
{
	padding-right:9px;
}

table.hsbcTableStyle03 td.extTableColumn03
{
	padding:0px 4px;
}


table.hsbcTableStyle04
{
	border-collapse:collapse;
	width:100%;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
}
table.hsbcTableStyle04 td
{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:center;
	
	font-size:80%;
	
	font-size:74%;
	
	padding: 6px 7px;
	background-color:#eee;
	font-weight:bold;
}
table.hsbcTableStyle04 td.extSelected
{
	background-color:#fff;
}
table.hsbcTableStyle04 td a
{
	font-weight:bold;
}


table.hsbcTableStyle05
{
	
	font-size:74%;
	
	font-size:68%;
	
	width:100%;
	border-collapse:collapse;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	margin-bottom:17px;
}

table.hsbcTableStyle05 th
{
	text-align:left;
	font-weight:normal;
}

table.hsbcTableStyle05 th,
table.hsbcTableStyle05 td
{
	vertical-align:top;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:5px 6px;
}

table.hsbcTableStyle05 td img
{
	padding-right:5px;
}

table.hsbcTableStyle05 tr.hsbcTableRow03 td
{
	border-bottom:none;
	padding-bottom:0px;
}

table.hsbcTableStyle05 tr.hsbcTableRow04 td
{
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
}

table.hsbcTableStyle05 tr.hsbcTableRow05 td
{
	background-color:#eee;
	white-space:nowrap;
	padding-bottom:15px;
}

table.hsbcTableStyle05 td.extTableColumn04
{
	padding-left:15px;
	white-space:nowrap;
}





.hsbcHideBlock
{
	display:none;
}


.hsbcAlignType01
{
	float:right;
}

.hsbcAlignType02
{
	text-align:right;
	white-space: nowrap;
}

.hsbcAlignType03
{
	float: left;
}

.hsbcAlignType04
{
	float: right;
	margin-left:16px;
}


.hsbcPageBgStyle01
{
	background: url(../images/bgColumnType02RightToolsOnly.gif) repeat-y;
}


.hsbcPageBgStyle02
{
	background: url(../images/bgRightToolsOnlyType02.gif) repeat-y;
}


.hsbcPageBgStyle03
{
	background:url("../images/bg.gif") repeat-y top left; 
}


.hsbcPageBgStyle04
{
	background:url("../images/subBg.gif") repeat-y top left; 
}


.hsbcPageBgStyle05
{
	border-bottom:1px solid #ccc;
	padding-bottom:16px;
}


.hsbcTextStyle01
{
	
	font-size:74% !important;
	
	font-size:68% !important;
	
}

.hsbcTextStyle01 a
{
	color:#000 !important;
}


.hsbcTextStyle02
{
	margin-top:3px;
	margin-bottom:15px !important;
	color:#666 !important;
}


.hsbcTextStyle03
{
	text-transform:uppercase;
	font-weight:bold;
}


.hsbcTextStyle04
{
	color:#f00;
	font-weight:bold;
}


.hsbcTextStyle05
{
	
	font-size:74% !important;
	
	font-size:68% !important;
	
	margin:0px 0px 7px !important;
}


.hsbcTextStyle06
{
	
	font-size:155% !important;
	
	font-size:149% !important;
	
	font-weight:bold;
}


.wpsCopyrightText,
p.hsbcTextStyle07
{
	
	font-size:74% !important;
	
	font-size:68% !important;
	
	color:#666;
}
	

.hsbcTextStyle08,
.hsbcTextStyle08 a
{
	color:#090 !important;
}


.hsbcTextStyle09,
.hsbcTextStyle09 a
{
	color:#f00 !important;
}


.hsbcTextStyle10
{
	font-weight:bold;
}


.hsbcTextStyle11
{
	color:#f00;
}


.hsbcTextStyle12
{
	color:#333;	
	
	font-size:74%;
	
	font-size:68%;
	
}
/*piblite add*/
.piblitehsbcTextStyle12
{
	color:#333;	
	
	font-size:74%;
	font-weight:bold;
	//margin-left:5px;
	padding:5px 0px 1px 8px;
	
}
/*piblite add*/

.hsbcBlockStyle01
{
	padding: 13px 17px;
	background: #eee;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}

.hsbcBlockStyle01 p
{
	margin:0px;
}


.hsbcBlockStyle02
{
	border-top:0px !important;
	border-bottom:1px solid #ccc;
}


img.hsbcImageStyle01
{
	margin-right:8px !important;
}


img.hsbcImageStyle02
{
	margin-right:6px !important;
}


.extFloatBugFix
{
	clear:both;
}

.extHideBlock
{
	display:none;
}


div.extMessageLangToggle
{
	background-color: #EFEFEF;
	padding:3px 5px 5px 5px;
	margin-bottom: 14px;
	font-size: 96%;
}

div.extMessageLangToggle span
{
	float: right;
	font-size: 86%;
	color: #999;
}

div.extMessageLangToggle p
{
	padding:0px 0px 0px 20px; 
	margin:0; 
	border:0; 
	background:url("../images/iconMessageNew.gif") no-repeat left; 
}



 
 
 
 





div.containerGlobal
{
	width: 974px;
}
div.containerPopupGlobal
{
	width: 98%;
}
div.containerLogoArea
{
	width: 350px;
	float: left;
	clear:left;
}
div.containerLeft
{
	width: 146px;
	float: left;
}
div.containerTabMenu
{
	width:100%;
	float:left;
}
div.containerBreadCrumb
{
	width:100%;
	float:left;
}
div.containerFooter
{
	width: 100%;
	float: left;
}
div.containerEntity
{
	width: 100%;
}
div.containerMain
{
	width: 100%;
	padding-left:10px;
	float:left;
}


div.containerControlOne,
div.containerControlTwo,
div.containerControlThree,
div.containerControlFour,
div.containerContent,
div.containerOuterContent
{
	float:left;
}



div.containerControlLeft div.containerContentOne 
{
	width: 818px;
	float: left;
}
div.containerControlLeft div.containerControlOne 
{
	width: 818px;
	float: left;
}
div.containerControlLeft div.containerControlOne div.containerContentOne 
{
	width: 818px;
	float: left;
}
div.containerControlLeft div.containerContentTwo 
{
	width: 652px;
	float: left;
}
div.containerControlLeft div.containerControlTwo 
{
	width: 652px;
	float: left;
}
div.containerControlLeft div.containerControlTwo div.containerContentTwo 
{
	width: 652px;
	float: left;
}
div.containerControlLeft div.containerRightTools 
{
	width: 166px;
	float: left;
}
div.containerControlLeft div.containerControlRightTools 
{
	width: 166px;
	float: left;
}
div.containerControlLeft div.containerControlRightTools div.containerRightTools
{
	width: 166px;
	float: left;
}




div.containerControlLeftRight div.containerContent
{
	width:438px;
	float:left;
}
div.containerControlLeftRight div.containerControlOne div.hsbcColumn
{
	width: 438px;
}
div.containerControlLeftRight div.containerControlTwo div.hsbcColumn
{
	width: 219px;
}
div.containerControlLeftRight div.containerControlThree div.hsbcColumn
{
	width: 146px;
}
div.containerControlLeftRight div.containerControlThree div.hsbcColumnDouble
{
	width: 292px !important;
}

div.containerControlLeftRight div.containerOuterContent
{
	width:604px;
}


div.containerControlRight div.containerLeftNav
{
	display:none;
}
div.containerControlRight div.containerContent
{
	width:584px;
	float:left;
}
div.containerControlRight div.containerControlOne div.hsbcColumn
{
	width: 584px;
}
div.containerControlRight div.containerControlTwo div.hsbcColumn
{
	width: 292px;
}
div.containerControlRight div.containerControlFour div.hsbcColumn
{
	width:146px;
}
div.containerControlRight div.containerControlTwo div.hsbcColumnDouble
{
	width: 292px !important;
}

div.containerControlRight div.containerOuterContent
{
	width:750px !important;
}


div.containerControlLeft div.containerLeftNav
{
	margin-right:0px !important;
}
div.containerControlLeft div.hsbcContent
{
	margin-left:16px;
	margin-right:0px !important;
}
/*
div.containerControlLeft div.containerRightTools
{
	display:none;
}
*/

div.containerControlLeft div.containerContent
{
	width:818px;
	float:left;
}
div.containerControlLeft div.containerControlOne div.hsbcColumn
{
	width: 818px;
}
div.containerControlLeft div.containerControlTwo div.hsbcColumn
{
	width: 408px;
}
div.containerControlLeft div.containerControlFour div.hsbcColumn
{
	width: 204px;
}
div.containerControlLeft div.containerControlFour div.hsbcColumnDouble
{
	width: 408px;
}
div.containerControlLeft div.containerControlFour div.hsbcTripleColumn
{
	width: 612px;
}

div.containerControlNone div.containerLeftNav
{
	display:none;
}
div.containerControlNone div.hsbcContent
{
	margin-right:0px !important;
}
div.containerControlNone div.containerRightTools
{
	display:none;
}
div.containerControlNone div.containerContent
{
	width:740px;
	float:left;
}
div.containerControlNone div.containerControlOne div.hsbcColumn
{
	width:740px;
}
div.containerControlNone div.containerControlTwo div.hsbcColumn
{
	width: 310px;
}
div.containerControlNone div.containerControlFour div.hsbcColumn
{
	width: 155px;
}
div.containerControlNone div.containerControlFour div.hsbcColumnDouble
{
	width: 310px;
}
div.containerControlNone div.containerControlFour div.hsbcTripleColumn
{
	width: 465px;
}

div.containerControlNone div.containerControlOne  div.extFormBox
{
	float:left!important;
	width:100%;
}

div.containerControlPopup div.containerLeftNav
{
	display:none;
}
div.containerControlPopup div.hsbcContent
{
	margin-left:16px;
	margin-right:0px !important;
}
div.containerControlPopup div.containerRightTools
{
	display:none;
}
div.containerControlPopup div.containerContent
{
	/*width:620px;*/
	width: auto;
	float:left;
}
div.containerControlPopup div.containerControlOne div.hsbcColumn
{
	width: auto;
	padding-right: 10px;
}

div.hsbcColumn
{
	float:left;
}
div.hsbcContent
{
	margin-right:16px;
	width:auto;
	float:none;
}
div.containerLeftNav
{
	width:130px;
	margin-right:16px;
	float:left;
}
div.containerRightTools
{
	width:166px;
	float:left;
}





 
 
 
 






div.hsbcDivletLogo
{
	height:52px;
	width:auto;
}
div.hsbcDivletLogo .hsbcDivletLogoImage
{
	padding:13px 0px 2px 10px;
	float:left;
	width:141px;
}
div.hsbcDivletLogo .hsbcDivletLogoTagLine
{
	float:left;
	vertical-align:middle;
	padding:18px 0px 0px 12px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#f00;
}


div.hsbcDivletSearch
{
	float:right;
	text-align:right;
	
	font-size:86%;
	
	font-size:80%;
	
	margin-top:13px;
	padding-right:6px;
}
div.hsbcDivletSearch input
{
	vertical-align:middle;
}


div.hsbcDivletTabMenu,
.wpsPortletTabSet
{
	background:url("../images/tab_bg.gif") repeat-x left bottom;
	height:44px;
	width:100%;
	clear:left;
}
div.hsbcDivletTabMenu ul
{
	margin:0px;
	padding:0px;
}
div.hsbcDivletTabMenu ul li
{
	margin:0px;
	padding:0px 0px 0px 6px;
	list-style:none;
	float:left;
	height:44px;
	background:url("../images/tab_off_left.gif") no-repeat top left;
	text-align:center;
}
div.hsbcDivletTabMenu ul li a,
.wpsPortletTabLink
{
	padding:0px 9px 0px 2px;
	margin:0px;
	height:44px;
	line-height:36px;
	float:left;
	display:block;
	background:url("../images/tab_off_right.gif") no-repeat top right;
	text-decoration:none;
	color:#000;
	
	font-size:74%;
	
	font-size:68%;
	
	font-weight:normal;
	vertical-align:50%;
}
div.hsbcDivletTabMenu ul li a:hover,
.wpsPortletTabLink:hover
{
	color:#f00 !important;
	text-decoration:none;
}
div.hsbcDivletTabMenu ul li.hsbcDivletTabMenuSelected,
.wpsPortletSelectedTab
{
	background:url("../images/tab_on_left.gif") no-repeat top left;
}
div.hsbcDivletTabMenu ul li.hsbcDivletTabMenuSelected a,
.wpsPortletSelectedTab a,
.wpsPortletSelectedTabLink
{
	background:url("../images/tab_on_right.gif") no-repeat top right;
}
div.hsbcDivletTabMenu ul li.extFirstTab
{
	background:url("../images/first_tab_off_left.gif") no-repeat top left;
	padding-left:15px;
}
div.hsbcDivletTabMenu ul li.extFirstTabSelected
{
	background:url("../images/first_tab_on_left.gif") no-repeat top left;
	padding-left:15px;
}
div.hsbcDivletTabMenu ul li.extFirstTabSelected a
{
	background:url("../images/tab_on_right.gif") no-repeat top right;
}
div.hsbcDivletTabMenu ul li.extSelectedTabRight
{
	background:url("../images/tab_off_left_selected_right.gif") no-repeat top left;
}
div.hsbcDivletTabMenu ul li.extSelectedTabRight a
{
	background:url("../images/tab_off_right_selected_right.gif") no-repeat top right;
}
div.hsbcDivletTabMenu ul li.extSelectedTabLeft
{}
div.hsbcDivletTabMenu ul li.extSelectedTabLeft a
{
	background:url("../images/tab_off_right_selected_left.gif") no-repeat top right;
}
div.hsbcDivletTabMenu ul li.extLastTabSelected
{
	background:  url("../images/tab_on_left.gif") no-repeat top left;
}
div.hsbcDivletTabMenu ul li.extLastTabSelected a
{
	background: url("../images/last_tab_on_right.gif") no-repeat top right;
	padding-right:34px;
}
div.hsbcDivletTabMenu ul li.extRightAlignTab
{
	float:right;
	padding-right:10px;
}
div.hsbcDivletTabMenu ul li.extRightAlignTabSelected
{
	background: url("../images/first_tab_on_left.gif") no-repeat top left;
	float:right;
	padding-left:15px;
	padding-right:0px;
}
div.hsbcDivletTabMenu ul li.extRightAlignTabSelected a
{
	background:url("../images/right_align_tab_on_right.gif") no-repeat top right;
	padding-right:20px;
	padding-left:3px;
}
div.hsbcDivletTabMenu ul li.extSelectedTabRightEndBlock
{
	background:url("../images/tab_off_left_selected_right_end_block.gif") no-repeat top left;
}
div.hsbcDivletTabMenu ul li a.extDoubleLine
{
	line-height:13px;
	padding-top:4px;
	
	height:44px;

	hei\ght:44px;
}
div.hsbcDivletTabMenu ul li a .extMacIE
{
	float:left;
	clear:left;
	padding-top:2px;
	
	float:none;
	clear:none;
	padding-top:0px;
	
}
		

div.hsbcDivletBreadCrumb,
.wpsBreadcrumbTrail
{
	float:left;
	margin:6px 0px 0px 0px;
	padding:0px 0px 10px 10px;
	
	width:100%;
}
div.hsbcDivletBreadCrumb span.hsbcDivletBreadCrumbStart
{
	float: left;
	
	font-size:74%;
	
	font-size:68%;
	
	color:#666;
	border-right:5px solid #fff;
	
}
div.hsbcDivletBreadCrumb ul
{
	margin:0px;
	padding:0px;
}
div.hsbcDivletBreadCrumb ul li,
.wpsBreadcrumbTrail
{
	margin:0px;
	padding:0px 4px 0px 10px;
	list-style:none;
	float:left;
	background:url("../images/breadcrumb_arrow.gif") no-repeat left;
	white-space:nowrap;
	
	font-size:74%;
	
	font-size:68%;
	
	color:#666;
}
div.hsbcDivletBreadCrumb ul li a,
.wpsBreadcrumbTrail a
{
	text-decoration:underline;
	color:#666;
}
div.hsbcDivletBreadCrumb ul li.hsbcDivletBreadCrumbFirst,
div.hsbcDivletBreadCrumb ul li.hsbcDivletBreadCrumbStart
{
	background:none;
	padding-left:0px;
}
div.hsbcDivletBreadCrumb ul li.hsbcDivletBreadCrumbLast
{
}


div.hsbcDivletNavigation,
.portlet-menu
{
}
//piblite add
hsbcDivletNavigationPiblite
.portlet-menu
{

padding-top:50px;
padding:0px 0px 300px;
}
div.hsbcDivletNavigation ul
{
	margin:0px 0px 8px 0px;
	padding:36px 0px 0px;
}
div.hsbcDivletNavigation ul li ul
{
	padding-top:0px;
}
div.hsbcDivletNavigation ul li,
.portlet-menu-item
{
	list-style:none;
	line-height:100%;
	padding:1px 10px 3px 0px;
}
div.hsbcDivletNavigation ul li a
{
	text-decoration:none;
	color:#000;
	
	font-size:74%;
	
	font-size:68%;
	
}
div.hsbcDivletNavigation ul li a:hover,
.portlet-menu-item-hover
{
	color:#f00 !important;
	text-decoration:none;
}
div.hsbcDivletNavigation ul li.hsbcDivletNavigationSelected,
.portlet-menu-item-selected
{
	
}
div.hsbcDivletNavigation ul li.hsbcDivletNavigationSelectedWithChildren
{
	
}
div.hsbcDivletNavigation ul li.hsbcDivletNavigationSelected a,
div.hsbcDivletNavigation ul li.hsbcDivletNavigationSelectedWithChildren a
{
	color:#f00;
}
div.hsbcDivletNavigation ul li ul
{
	margin:3px 0px 3px 5px;
}
div.hsbcDivletNavigation ul li ul li,
.portlet-menu-cascade-item
{
	background:url("../images/hsbcDivletNavigation.gif") no-repeat top left;
	margin:0px;
	padding:3px 0px 3px 7px;
	line-height:80%;
	
	line-height:70%;
	
}

div.hsbcDivletNavigation ul li ul li a
{
	color:#000 !important;
	
	font-size:74%;
	
	font-size:68%;
        line-height:130%;
	
}
div.hsbcDivletNavigation ul li ul li.hsbcDivletNavigationSelected,
.portlet-menu-cascade-item-selected
{
	background:none;
}
div.hsbcDivletNavigation ul li ul li.hsbcDivletNavigationSelected a
{
	color:#f00 !important;
}

div.hsbcDivletNavigation .extNavigationHeading
{
	color:#666;
	
	font-size:86%;
	
	font-size:80%;
	
	margin:0px 0px 3px 10px;
	font-weight:bold;
	font-style:italic;
}
div.hsbcDivletNavigation .extBackLink
{
}


div.hsbcDivletFooterLinks,
.wpsCopyrightText
{
	width:100%;
	float:left;
	margin:16px 0px 16px;
	background-color:#eee;
	color:#333;
	line-height:180%;
	padding:0px;
}
div.hsbcDivletFooterLinks p,
.wpsCopyrightText p
{
	
	font-size:68%;
	
	font-size:61%;
	
	color:#333;
	line-height:180%;
	padding:0px;
	margin:0px;
}
div.hsbcDivletFooterLinks p a,
.wpsCopyrightText p a
{
	color:#333;
	text-decoration:none;
}
div.hsbcDivletFooterLinks p a:hover,
.wpsCopyrightText p a:hover
{
	text-decoration:underline;
}
div.hsbcDivletFooterLinks p span.hsbcDivletFooterLinksLeft,
.wpsCopyrightText p span.hsbcDivletFooterLinksLeft
{
	float:left;
	margin-left:10px;
}
div.hsbcDivletFooterLinks p span.hsbcDivletFooterLinksRight,
.wpsCopyrightText p span.hsbcDivletFooterLinksLeft
{
	float:right;
	margin-right:10px;
}


div.hsbcEntity
{
	float:left;
	background: url("../images/bgEntityTabBack.gif") repeat-x top left;
	
	/* mac-ie */
	font-size:68%;
	/*non-mac-ie \*/
	font-size:61%;
	clear:both;
	/* */
	padding: 0px 7px 0px 11px ;
	/*width:742px*/
	width: 970px;
	
}
div.hsbcEntity div.hsbcEntityTextArea01
{
	float:left;
	padding: 3px 0px 0px;

}
div.hsbcEntity div.hsbcEntityTextArea02
{
	float:right;
}
div.hsbcEntity span.hsbcEntityTextArea01
{
	float:left;
}

div.hsbcEntity span.hsbcEntityTextArea02
{
	float:right;
}
div.hsbcEntity ul
{
	display: inline;
	padding: 0px;
	margin: 0px;


}
div.hsbcEntity ul li
{
	float: left;
	list-style: none;
	padding: 3px 16px 0px 0px;
	margin: 0px;
	background: url("../images/bgEntityTabDivider.gif") no-repeat top right;

	height: 18px;
}
div.hsbcEntity ul li a
{
	
}
div.hsbcEntity ul li.hsbcEntityTabSelectedLeft
{
	padding: 3px 0px 0px;
	background: none;
}
div.hsbcEntity ul li.hsbcEntityTabLastTab
{
	background: none;
	padding: 3px 13px 0px 0px;
}
div.hsbcEntity ul li.hsbcEntityTabSelected
{
	/*background: url("../images/bgEntityTabLeft.gif") no-repeat top left;*/
	padding: 3px 0px 0px 14px;
}
div.hsbcEntity a
{
	color:#333;
	text-decoration:none;
}

div.hsbcEntity a:hover
{
	color:#333;
	text-decoration:underline;
}


.hsbcDivletPageList
{
	padding: 0px 9px 0px 0px !important;
	background-color: #eee !important;
	font-size: 80%;
	
	font-size: 74% !important;
	
	font-weight:bold;
	line-height: 210% !important;

	border: 1px solid #D4D4D4;
}
.hsbcDivletPageList div
{
	 line-height:230% !important;
	
	line-height:240% !important;
	
}

div>.hsbcDivletPageList
{ height: 20px; }
div > .hsbcDivletPageList
{ height: auto; }

.hsbcDivletPageList ul
{
	margin: 0px !important;
	padding: 0px !important;
	float: left !important;
	clear: none;
}
.hsbcDivletPageList li
{
	float: left;
	margin: 0px !important;
	padding: 0px 11px !important;
	background: none !important;
	border-right: 1px solid #D4D4D4 !important;
	line-height: 240% !important;
	font-weight: bold;
	list-style:none;
}
.hsbcDivletPageList li.hsbcDivletPageListSelected
{
	background-color: #fff !important;
	border-right: 1px solid #D4D4D4 !important;
}
.hsbcDivletPageList li.hsbcDivletPageListSelected a
{
	color: #333 !important;
	text-decoration: none !important;
	cursor: auto !important;
}
.hsbcDivletPageList li a
{
	display:block;
	float: left !important;
	
	float: none;
	
}
.hsbcDivletPageList div.hsbcAlignType03
{
	float: left;
}
.hsbcDivletPageList div.hsbcAlignType02 	
{
	text-align: right;
	white-space: nowrap;
}








.hsbcDivletSiteMap a.extIconLink
{
	padding-left: 0px;
}

.hsbcDivletSiteMap a.extNonIconLink
{
	padding-left: 14px;
}

.hsbcDivletSiteMap ul
{
	padding-left: 0px;
	margin:0px 0px 15px 16px;
}

div.hsbcDivletSiteMap ul li
{
	background:none;
	padding-left: 0px;
	list-style-type:none;
	
	
	
	font-size:93%;
	
	font-size:86%;
	
	margin:0px !important;
	
}

div.hsbcDivletSiteMap ul li a
{
	font-weight:bold;
	color:#000;
	text-decoration:none;
}

.hsbcDivletSiteMap ul li ul
{
	background: none;
}

.hsbcDivletSiteMap ul li ul
{
	padding-left: 0px;
	padding-top:5px;
}

.hsbcDivletSiteMap ul li ul li
{
	font-size: 93%;
	
	font-size: 86%;
	
}

.hsbcDivletSiteMap ul li ul li a
{
	color:#f00 !important;
	font-weight:normal;
}
.hsbcDivletSiteMap ul li ul li ul
{
	padding-bottom:5px;
}
.hsbcDivletSiteMap ul li ul li ul li
{
	font-size: 100%;
}


div.hsbcDivletLogon
{
	height:36px;
	background-color:#fff;
}

/*PIBLITE add*/
div.hsbcDivletLogonpiblite
{
	//height:36px;
	//background-color:#fff;
	background-color: #FAFAD2;
	color:#333333; 
	float: left;
	width:652px;
}
/*PIBLITE add*/
div.hsbcDivletLogon p
{
	margin:0px;
	padding-top: 5px;
	padding-bottom:8px;
	padding-right:9px;
	text-align:right;
	background:#fff url("../images/dotRepeater.gif") repeat-x bottom;
	vertical-align:middle;
}

div.hsbcDivletLogon p img
{
	vertical-align:bottom !important;
}









 
 
 
 




div.extMainBanner
{
	width:553px;
	height:270px;
	float:left;
}

div.extBannerButtons
{
	width:15px;
	height:270px;
	float:left;
}

div.extBannerButton
{
	height:90px;
}

div.extHomePageLinks .hsbcColumn {
	padding-left: 26px;
	background: url("../images/hpSeparator.gif") repeat-y top left !important;
}
div.extHomePageLinks .extHomePageFirst {
	padding-left: 4px;
}

div.extHomePageTalkStrip {
	
	background: url("../images/bgPixel.gif") repeat-y top left !important;
}

div.extHomePageTalkStrip div.hsbcContent
{
	padding-top:10px;
}

div.extHomePageTalkStrip p
{
	
	font-size:80%;
	
	font-size:74%;
	
	margin-top:4px;
}

div.extHomePageTalkStrip p.extHeading
{
	text-transform:uppercase;
	
	font-size:74%;
	
	font-size:68%;
	
	font-weight:bold;
	margin:5px 0px 10px;
	line-height:100%;
	color:#000;
}

div.extHomePageTalkStrip select
{
	font-size: 68%;
}





 
 
 
 








table.hsbcTableStyle06,
table.hsbcTableStyle07
{
	font-family: arial,helvetica; 
	width: 100%;
	text-align: left;
	border: 0;
	border-collapse: collapse;
	
}






table.hsbcTableStyle06 td,
table.hsbcTableStyle06 th
{
	font-size:74%; 
	color:#333333; 
	vertical-align:top; 
	padding:5px 6px 5px 6px;
	line-height: 1.9em;
}


table.hsbcTableStyle07 td,
table.hsbcTableStyle07 th
{
	font-size:74%; 
	color:#333333; 
	vertical-align:top; 
	padding:5px 6px 5px 6px;
	line-height: 1.9em;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}




tr.hsbcTableRow03
{
	background-color: #EEEEEE;
}
tr.hsbcTableRow04
{
	background-color: #DBDBDB;
}
tr.hsbcTableRow05 td
{
	border-top: 1px solid #ffffff;
}
tr.hsbcTableRow06 td,
tr.hsbcTableRow06 th
{
	border-bottom: 15px solid #ffffff !important;
}


tr.hsbcTableRow07 td,
tr.hsbcTableRow07 th
{
	border-top: 15px solid #ffffff !important;
}




table.hsbcTableStyle06 th,
table.hsbcTableStyle07 th,
table.hsbcTableStyle06 td.hsbcTableColumn02,
table.hsbcTableStyle07 td.hsbcTableColumn02
{
	background-color: #999999;
	color:#ffffff; 
	font-size:80%; 
	font-weight:bold; 
	line-height:1em !important;
}

table.hsbcTableStyle06 td.hsbcTableColumn03,
table.hsbcTableStyle07 td.hsbcTableColumn03,
table.hsbcTableStyle06 th.hsbcTableColumn03,
table.hsbcTableStyle07 th.hsbcTableColumn03
{
	
	text-align: right;
}
table.hsbcTableStyle06 td.hsbcTableColumn04,
table.hsbcTableStyle07 td.hsbcTableColumn04
{
	white-space: nowrap;
}

table.hsbcTableStyle06 td.hsbcTableColumn05,
table.hsbcTableStyle07 td.hsbcTableColumn05
{
	font-size:86%;
	color:#000000; 
	font-weight: bold; 
	padding-bottom: 5px;
	text-align: left;
}
table.hsbcTableStyle06 td.hsbcTableColumn06,
table.hsbcTableStyle07 td.hsbcTableColumn06
{
	width: 25px;
}
table.hsbcTableStyle06 td.hsbcTableColumn07,
table.hsbcTableStyle07 td.hsbcTableColumn07
{
	text-align: left;
}
table.hsbcTableStyle06 td.hsbcTableColumn08,
table.hsbcTableStyle07 td.hsbcTableColumn08,
table.hsbcTableStyle06 th.hsbcTableColumn08,
table.hsbcTableStyle07 th.hsbcTableColumn08
{
	background-color: #ffffff;
}
table.hsbcTableStyle06 td.hsbcTableColumn09,
table.hsbcTableStyle07 td.hsbcTableColumn09
{
	padding: 0;
	margin: 0;
}
table.hsbcTableStyle06 td.hsbcTableColumn09 select,
table.hsbcTableStyle07 td.hsbcTableColumn09 select
{
	width: 48%;
}
table.hsbcTableStyle06 td.hsbcTableColumn09 input,
table.hsbcTableStyle07 td.hsbcTableColumn09 input
{
	width: 19.9%;
}
table.hsbcTableStyle06 td.hsbcTableColumn10,
table.hsbcTableStyle07 td.hsbcTableColumn10
{
	padding: 10px 0px;
}

table.hsbcTableStyle06 td.hsbcTableColumn11,
table.hsbcTableStyle07 td.hsbcTableColumn11
{
	width: 25%;
}
table.hsbcTableStyle06 td.hsbcTableColumn12,
table.hsbcTableStyle07 td.hsbcTableColumn12
{
	width: 20%;
}
table.hsbcTableStyle06 td.hsbcTableColumn13,
table.hsbcTableStyle07 td.hsbcTableColumn13
{
	width: 15%;
}
table.hsbcTableStyle06 td.hsbcTableColumn14,
table.hsbcTableStyle07 td.hsbcTableColumn14
{
	width: 35%;
}
table.hsbcTableStyle06 td.hsbcTableColumn15,
table.hsbcTableStyle07 td.hsbcTableColumn15
{
	width: 50%;
}
table.hsbcTableStyle06 td.hsbcTableColumn16,
table.hsbcTableStyle07 td.hsbcTableColumn16
{
	width: 40%;
}
table.hsbcTableStyle06 td.hsbcTableColumn17,
table.hsbcTableStyle07 td.hsbcTableColumn17
{
	width: 30%;
}
table.hsbcTableStyle06 td.hsbcTableColumn18,
table.hsbcTableStyle07 td.hsbcTableColumn18
{
	white-space:nowrap;
}

table.hsbcTableStyle06 td.hsbcTableColumn19,
table.hsbcTableStyle07 td.hsbcTableColumn19
{
	text-align: center;
}
table.hsbcTableStyle06 td.hsbcTableColumn20,
table.hsbcTableStyle07 td.hsbcTableColumn20
{
	width: 65%;
}
table.hsbcTableStyle06 td.hsbcTableColumn21,
table.hsbcTableStyle07 td.hsbcTableColumn21
{
	width: 45%;
}
table.hsbcTableStyle06 td.hsbcTableColumn22,
table.hsbcTableStyle07 td.hsbcTableColumn22
{
	background-color: #999999;
	color:#ffffff; 
	font-size:79%; 
	font-weight:bold; 
	line-height:1.4em !important;
}
table.hsbcTableStyle06 td.hsbcTableColumn23,
table.hsbcTableStyle07 td.hsbcTableColumn23
{
	white-space: normal;
}
/*piblite IMO L&F*/
table.hsbcTableStyle06 td.hsbcTableColumn24,
table.hsbcTableStyle07 td.hsbcTableColumn24
{
	background-color: #FAFAD2;
	color:#333333; 
	font-size:75%; 
	font-weight:bold; 
	line-height:1em !important;
}
table.hsbcTableStyle06 td.hsbcTableColumn25,
table.hsbcTableStyle07 td.hsbcTableColumn25
{
	font-size:13pt;
	color:#000000; 
	font-weight: bold; 
	padding-top: 15px;
	padding-bottom: 1px;
	text-align: left;
}
table.hsbcTableStyle06 td.hsbcTableColumn26,
table.hsbcTableStyle07 td.hsbcTableColumn26
{
	font-size:12pt;
	color:#000000; 
	font-weight: bold; 
	padding-top: 15px;
	padding-bottom: 1px;
	text-align: left;
}
/*piblite IMO L&F*/

a.hsbcLinkStyle05
{
}
a.hsbcLinkStyle05:hover
{
	
}

a.hsbcLinkStyle06,
a.hsbcLinkStyle07
{
	border-top: 2px solid #ffffff; 
	border-left: 2px solid #ffffff; 
	border-right: 2px solid #404040; 
	border-bottom: 2px solid #404040; 
	background-color: #D4D0C8; 
	color: #000000; 
	padding: 3px 8px; 
	font-weight: bold; 
	margin-top: 5px; 
	text-decoration: none; 
	white-space:nowrap;
}
/*piblite_IMO_L&F add begin*/
a.hsbcLinkStyle15
{
	border: 4px solid #FF0000;
	background-color: #ff0000;                //backgroud: red
	color: #FFFFFF;                           //wording: white
	padding: 3px 8px; 
	font-weight: bold; 
	margin-top: 5px; 
	text-decoration: none; 
	white-space:nowrap;
}
a.hsbcLinkStyle15
{
color: #FFFFFF;    
}
a.hsbcLinkStyle16
{
	border: 4px solid #999999;
	background-color: #999999;                //backgroud: red
	color: #FFFFFF;                           //wording: white
	padding: 3px 8px; 
	font-weight: bold; 
	margin-top: 5px; 
	text-decoration: none; 
	white-space:nowrap;
}
a.hsbcLinkStyle16
{
color: #FFFFFF;    
}
a.hsbcLinkStyle17
{
	border: 4px solid #404040;
	background-color: #404040;                //backgroud: red
	color: #FFFFFF;                           //wording: white
	padding: 3px 8px; 
	font-weight: bold; 
	margin-top: 5px; 
	text-decoration: none; 
	white-space:nowrap;
}
a.hsbcLinkStyle17
{
color: #FFFFFF;    
}
/*piblite_IMO_L&F add end*/
div > .hsbcLinkStyle06{ float: left; }

div.hsbcDivStyleTopMargin15 
{
	margin-top: 15px;
}

a.hsbcLinkStyle07
{
	 margin-right: 0px;
}

a.hsbcLinkStyle08
{
	 color: #ffffff;
}
a.hsbcLinkStyle08 img
{
	 margin-left: 10px;
}

a.hsbcLinkStyle09
{
	text-decoration: none;
}
a.hsbcLinkStyle10,
a.hsbcLinkStyle11
{
	font-weight: bold;
	text-decoration: none;
}
a.hsbcLinkStyle09:hover
{
	text-decoration: none;
}
a.hsbcLinkStyle10:hover,
a.hsbcLinkStyle11:hover
{
	font-weight: bold;
	text-decoration: none;
}

a.hsbcLinkStyle09
{
	color: #ff0000;
}
a.hsbcLinkStyle09:hover
{
	color: #8B0000;
}
a.hsbcLinkStyle10
{
	color: #0000ff;
}
a.hsbcLinkStyle10:hover
{
	color: #00008B;
}
a.hsbcLinkStyle11
{
	color: #00BB00;
}
a.hsbcLinkStyle11:hover
{
	color: #008B00;
}

a.hsbcLinkStyle12
{
	color: #000000;
}


span.hsbcTextStyle13
{
	font-weight:bold;
}
.hsbcTextStyle14
{
	font-size:86%;
	margin-left:6px;
	margin-bottom:6px;
	font-weight:bold;
}

.hsbcTextStyle15
{
	font-size:86%;
	margin-left:3px;
	margin-bottom:3px;
}
.hsbcTextStyle16
{
	background: url("../images/bullet.gif") no-repeat left;
	padding-left:12px;
}

.hsbcListStyle01
{	
	list-style-type: square;
	margin-left:15px; 
	padding-left:0;

}
.hsbcTextStyleError
{
	color:#ff0000 !important;
	font-weight:bold;
}

.hsbcTextStyleWarning
{
	color:#000000 !important;
	font-weight:bold;
}

.hsbcInputStyle01
{
	
	font-size:100%;
	height:200px;
}

.hsbcTextareaStyle01
{
	font-size:9pt;
	height:200px;
	width:100%;
}


table.hsbcTableStyle06 td.hsbcTableColumn20,
table.hsbcTableStyle07 td.hsbcTableColumn20
{
	white-space: normal;
}


.hsbcContentHeader1 {
	font-family:Arial,Helvetica,Verdana,Sans-Serif; 
	font-size:12pt; 
	color:#666666; 
	text-decoration:none; 
	padding-left:10;
	font-weight:bold;
	margin-left:10;
	padding: 0px 0px 4px 8px;	
}

.hsbcContentBody1 {
	font-family: arial,helvetica; 
	font-size:74%; 
	color:#000; 
	vertical-align:middle; 
	background-color: #fff; 
	border-bottom: 1px solid #fff; 
	padding: 4px 0px 4px 8px;
}

select.hsbcInputStyle08
{
	width:270px;
	font-family:Verdana;font-size:12px;
	behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
	
}
select.hsbcInputStyle09
{
	width:230px;
}
select.hsbcInputStyle10
{
	width:162px;
}

select.hsbcInputStyle11
{
	width:185px;
	font-family:Verdana;font-size:12px;
	behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
	
}

select.hsbcInputStyle12
{
	width:150px;
	font-family:Verdana;font-size:12px;
	behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
	
}

.hsbcTableRowBeneficiaryHeader
{
	font-family: arial,helvetica;
	font-size:10pt;
	color:BLACK;
	background-color: #DDDDDD;
	font-weight:Bold;
}

.hsbcTableColumnCheckBox
{
	width:5%;
}


.hsbcTableRowBeneficiaryEntry01{width:3%;}
.hsbcTableRowBeneficiaryEntry02{width:13%;}
.hsbcTableRowBeneficiaryEntry03{width:43%;}
.hsbcTableRowBeneficiaryEntry04{width:15%;}
.hsbcTableRowBeneficiaryEntry05{width:27%;}

.hsbcTableRowBeneficiaryDetails01{width:25%;}
.hsbcTableRowBeneficiaryDetails02{width:17%;}
.hsbcTableRowBeneficiaryDetails03{width:20%;}
.hsbcTableRowBeneficiaryDetails04{width:18%;}





 
 
 
 



#keyboardUpper		{position:absolute;z-index:1;left:0;top:0;width:290;height:129;visibility:hidden;}
#keyboardLower		{position:absolute;z-index:1;left:0;top:0;width:290;height:129;visibility:hidden;}
#colorDiv			{position:absolute;z-index:0;left:0;top:0;width:20;height:20;visibility:hidden;background-color:#C2C2C2}
#underlineDiv		{position:absolute;z-index:0;left:0;top:0;width:20;height:20;visibility:hidden;background-color:#EEEEEE}
#colorDiv_NS4		{position:absolute;z-index:0;left:0;top:0;visibility:hidden;}
#underlineDiv_NS4		{position:absolute;z-index:0;left:0;top:0;visibility:hidden;background-color:#EEEEEE}
#delColorDiv_NS4		{position:absolute;z-index:0;left:0;top:0;visibility:hidden;}
#delunderlineDiv_NS4	{position:absolute;z-index:0;left:0;top:0;visibility:hidden;background-color:#EEEEEE}
#capsColorDiv_NS4		{position:absolute;z-index:0;left:0;top:0;visibility:hidden;}
#capsunderlineDiv_NS4	{position:absolute;z-index:0;left:0;top:0;visibility:hidden;background-color:#EEEEEE}
#shadedKeyPad_NS4		{background-color:#C2C2C2;}
#shadedVKBgColor_NS4	{background-color:#E5E5E5;}


form.withinTable		{display:inline;}
#parentDiv				{position:relative;z-index:0;left:100;top:0;width:600px;height:175px;visibility:show;background-color:#EEEEEE}

#selfReg_parentDiv		{position:relative;z-index:0;left:0;top:0;height:175px;visibility:show;background-color:#EEEEEE}
#reAuth_parentDiv   	{position:relative;z-index:0;left:0;top:0;height:175px;visibility:show;background-color:#EEEEEE}
#chgPwd_parentDiv		{position:relative;z-index:0;left:0;top:0;height:185px;visibility:show;background-color:#EEEEEE}
#manChgPwd_parentDiv	{position:relative;z-index:0;left:0;top:0;height:185px;visibility:show;background-color:#EEEEEE;}

#rewardsRedemption_parentDiv	{position:relative;z-index:0;left:0;top:0;visibility:show;background-color:#EEEEEE;display:inline;}
#rewardsRedemption_buttonDiv 	{position:relative;z-index:0;left:0;top:0;display:inline;}

#unmigratedLogon_parentDiv	{position:relative;z-index:0;left:0;top:0;visibility:show;background-color:#EEEEEE;display:inline;}
#unmigratedLogon_buttonDiv	{position:relative;z-index:0;left:0;top:0;display:inline;}

#migratedLogon_parentDiv	{position:relative;z-index:0;left:0;top:0;visibility:show;background-color:#EEEEEE;display:inline;}
#migratedLogon_buttonDiv	{position:relative;z-index:0;left:0;top:0;visibility:show;background-color:#EEEEEE;display:inline;}

#migratingLogon_parentDiv	{position:relative;z-index:0;left:0;top:0;visibility:show;display:inline;}
#migratingLogon_buttonDiv	{position:relative;z-index:0;left:0;top:0;visibility:show;display:inline;}

#camPwdLogon_parentDiv	{position:relative;z-index:0;left:0;top:0;visibility:show;background-color:#EEEEEE;display:inline;}
#camPwdLogon_buttonDiv	{position:relative;z-index:0;left:0;top:0;display:inline;}



#selfReg_pwdDiv0		{position:relative;z-index:0;left:0;top:0;}
#selfReg_pwdDiv1		{position:relative;z-index:0;left:0;top:0;}
#selfReg_pwdDiv2		{position:relative;z-index:0;left:0;top:0;}


.highLightBackground { background-color: #dddddd; font-family: arial,helvetica; font-size:10pt; color:BLACK;}
.highLightDarkBackground { background-color: #666666; font-family: arial,helvetica; font-size:10pt; color:#FFFFFF; font-weight:Bold;}
.smallRedText { font-family: arial,helvetica; font-size:8pt; color:RED; }

#reAuth_pwdDiv0   {position:relative;z-index:0;left:0;top:0;}

#chgPwd_pwdDiv1			{position:relative;z-index:0;left:0;top:0;}
#chgPwd_pwdDiv2			{position:relative;z-index:0;left:0;top:0;}
#chgPwd_pwdDiv3			{position:relative;z-index:0;left:0;top:0;}
#chgPwd_spacerDiv		{position:relative;z-index:0;left:0;top:0;display:inline;}
#chgPwd_dummyDiv		{position:relative;z-index:0;left:0;top:0;display:inline;}

#manChgPwd_pwdDiv1			{position:relative;z-index:0;left:0;top:0;}
#manChgPwd_pwdDiv2			{position:relative;z-index:0;left:0;top:0;}
#manChgPwd_pwdDiv3			{position:relative;z-index:0;left:0;top:0;}



#teamsite_adjusted		{position:relative;}


#vk_pwdDiv			{position:relative;z-index:0;left:0;top:0;}
#vk_keyDiv		{position:relative;z-index:0;left:0;top:0;height:175px;visibility:show;background-color:#E5E5E5}
.shadedVKBgColor		{background-color:#E5E5E5;}
.id_on {
	position:absolute;cursor:pointer;visibility:hidden
}
.id_off {
	position:absolute;cursor:pointer;visibility:hidden
}
.id_key {
	position:absolute;cursor:pointer;visibility:hidden; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; font-size:10pt;font-family:Arial
}
.id_key_red {
	position:absolute; cursor:pointer; visibility:hidden; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none; font-size:10pt; font-family:Arial; color:red}
FONT.caption {
	FONT-SIZE: 10pt; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.inputField {
	cursor:default; font-weight:bold; font-size:12px; letter-spacing:1; color: black; background-color: #B3D1D8
}



 
 
 
 


.slothead { padding-left:12; height:22; background: #666666 url(../images/leftend_arrow.gif) no-repeat;}

.tab_off_top {font: 7pt arial,helvetica; color: white; width:78; height:12; padding-left:2; background:url(../images/tab_off_top.gif);}
.tab_off_bottom {font: 7pt arial,helvetica; vertical-align:top; line-height:11px; padding-top:2; width:75; height:38; padding-left:5; background:url(../images/tab_off_bottom.gif);}
.tab_on_top {font: 7pt arial,helvetica; color: white; width:78; height:12; padding-left:2; background:url(../images/tab_on_top.gif);}
.tab_on_bottom {font: 7pt arial,helvetica; vertical-align:top; line-height:11px; padding-top:2; color: #CC0000; width:75; height:38; padding-left:5; background:url(../images/tab_on_bottom.gif)}
.tab_title {font: 7pt arial,helvetica; color: #FFFFFF; line-height:8px;}

.nextlink {font-family: arial,helvetica; font-size:10pt; color:black; font-weight:Bold; text-decoration:none;}
.nextlink:hover {font-family: arial,helvetica; font-size:10pt; color:red; font-weight:Bold; text-decoration:none;}

.securitybox {font-size:10pt; background:LightSlateGray}


 
 
 
 


 
 
 





BODY {background-color: white;}


.mainhead {font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:16pt; color:#666666; text-decoration:none; padding-left:0;}


.sechead{font-family: arial,helvetica; font-size:86%; color:#fff; background-color: #999; font-weight:bold; padding: 4px 0px 4px 11px; border-bottom: 1px solid #fff;}

.button {font-family: arial,helvetica; font-size:10pt; color:WHITE; font-weight:Bold; text-decoration:none;}






.body1 select, input, img {font-weight: normal; margin-left: 0px; padding-left: 0px; vertical-align:middle;}

.body1-b {font-family: arial,helvetica; font-size:10pt; color:BLACK; font-weight:Bold; vertical-align:top;}

.body1-i {font-family: arial,helvetica; font-size:10pt; color:BLACK; font-style:Italic; vertical-align:top;}

.body-h {font-family: arial,helvetica; font-size:10pt; color:BLACK; vertical-align:top;}

.body2 {font-family: arial,helvetica; font-size:11pt; color:BLACK; vertical-align:top;}


.bullet {list-style-type: square;}




.t-head{font-family: arial,helvetica; font-size:86%; color:#000; font-weight: bold; padding-bottom: 5px;}

.p-head{font-family: arial,helvetica; font-size:10pt; color:BLACK; background-color: #ffffff; font-weight:Bold;}


.c-head{font-family: arial,helvetica; font-size:80%; color:#fff; background-color: #999; font-weight:bold; padding: 4px 0px 6px 7px;}

.c-head-h{font-family: arial,helvetica; font-size:10pt; color:BLACK; background-color: #cccccc; font-weight:Bold; text-decoration:underline;}


.t-body{font-family: arial,helvetica; font-size:74%; color:#333; background-color:#EEE; vertical-align:top; padding:5px 0px 5px 8px;}

.t-body-red{font-family: arial,helvetica; font-size:10pt; color:#FF0000; background-color:#EEEEEE; vertical-align:top;}


.t-body-alt{font-family: arial,helvetica; font-size:74%; color:#333; vertical-align:top; padding:5px 0px 5px 8px; background-color: #DBDBDB;}

.t-body-alt-red{font-family: arial,helvetica; font-size:10pt; color:#FF0000; vertical-align:top;}


.t-body-h{font-family: arial,helvetica; font-size:86%; color:#333; text-decoration:underline; background-color:#EEE; vertical-align:top; padding:5px 0px 5px 4px;}


.t-body-alt-h{font-family: arial,helvetica; font-size:86%; color:#333; text-decoration:underline; vertical-align:top; padding:5px 0px 5px 4px; background-color: #DBDBDB;}

.t-body-i{font-family: arial,helvetica; font-size:10pt; color:BLACK; font-style:Italic; background-color:#EEEEEE; vertical-align:top;}

.t-body-alt-i{font-family: arial,helvetica; font-size:10pt; color:BLACK; font-style:Italic; vertical-align:top;}

.t-body-b{font-family: arial,helvetica; font-size:10pt; color:BLACK; font-weight:Bold; background-color:#EEEEEE; vertical-align:top;}

.t-body-alt-b{font-family: arial,helvetica; font-size:10pt; color:BLACK; font-weight:Bold; vertical-align:top;}

.inputbox{font-family: arial,helvetica; font-size:10pt; color:BLACK; vertical-align:top;}
.dropdown{font-family: arial,helvetica; font-size:10pt; color:BLACK; vertical-align:top;}

.textarea {font-family: arial,helvetica; font-size:9pt; color:#000000;}
.textarea-nls {font-family: MingLiu,Courier New,arial,helvetica; font-size:9pt; color:#000000;} 	
.disclaimer{font-family: arial,helvetica; font-size:8pt; color:RED;}



.navl1{font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:9pt; color:BLACK; text-decoration:none;}

.navl1-sel{font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:9pt; color:#FF0000; text-decoration:none;}

.navl2{font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:9pt; color:#000000; text-decoration:none;}

.navl2-sel{font-family:Arial,Helvetica,Verdana,Sans-Serif; font-size:9pt; color:#FF0000; text-decoration:none;}

.errmsg{font-family: arial,helvetica; font-size:10pt; color:#ff0000;}
.wrnmsg{font-family: arial,helvetica; font-size:10pt; color:#ff0000;}
.copyright{font-family: arial,helvetica; font-size:8pt; color:BLACK;}

.header{white-space: nowrap; font-family:Arial; font-size:10pt; font-weight:Bold; color: White;text-decoration:none;}
.logoff{font-family:Arial; font-size:10pt; font-weight:Bold; color: #ffffff;}



.cal{font-family: arial,helvetica; font-size:10pt; color:BLACK; text-decoration:none;}

.cal-top-bg{background-color:WHITE;}

.cal-middle-bg{background-color:WHITE;}

.cal-bottom-bg{background-color:WHITE;}

.cal-t-bg{background-color:BLACK;}

.cal-t-head-bg{background-color:WHITE;}

.cal-t-head{font-family: arial,helvetica; font-size:12pt;  font-weight:Bold; color:BLACK; text-decoration:none;}

.cal-t-body-bg{background-color:LIGHTGREY;}

.cal-d-focus:link {font-family: arial,helvetica; font-size:10pt; color: GREEN; text-decoration: none;}
.cal-d-focus:visited {font-family: arial,helvetica; font-size:10pt; color: GREEN; text-decoration: none;}
.cal-d-focus:hover {font-family: arial,helvetica; font-size:10pt; color: DARKGREEN; text-decoration: none;}

.cal-d:link {font-family: arial,helvetica; font-size:10pt; color: BLUE; text-decoration: none;}
.cal-d:visited {font-family: arial,helvetica; font-size:10pt; color: BLUE; text-decoration: none;}
.cal-d:hover {font-family: arial,helvetica; font-size:10pt; color: DARKBLUE; text-decoration: none;}

.cal-d-weekend:link {font-family: arial,helvetica; font-size:10pt; color: RED; text-decoration: none;}
.cal-d-weekend:visited {font-family: arial,helvetica; font-size:10pt; color: RED; text-decoration: none;}
.cal-d-weekend:hover {font-family: arial,helvetica; font-size:10pt; color: DARKRED; text-decoration: none;}

.cal-dropdown{font-family: arial,helvetica; font-size:10pt; color:BLACK; text-decoration:none;}


.please-wait {font-family: arial,helvetica; font-size:10pt; color: WHITE; background: BLACK; font-weight:Bold;}


.highLightBackground { background-color: #EEEEEE;}

.body1-rb {font-family: arial,helvetica; font-size:10pt; color:#BD0126; font-weight:Bold; vertical-align:top;}



.extHubPibRowSpacer{height: 20px; padding: 0px; margin: 0px; border: 0px;}

.extHubPibNoBorder td{ border-bottom: 0px !important; }

.extHubPibLinkButton {border-right: 2px solid #999; border-bottom: 2px solid #999; background-color: #fff; color: #36C; padding: 4px; font-weight: bold; margin-top: 5px; text-decoration: none; }

div > .extHubPibLinkButton{ float: left; }

.extHubPibButtonRow{font-family: arial,helvetica; background-color: #EEE; text-align: right;}

.extHubPibButtonRow td{ padding: 9px 5px 9px 5px; }

.extHubPibButtonRow td .extHubPibLinkButton{ margin-right: 8px;}

.extHubPibButtonRow td .extHubPibFinalButton{ margin-right: 0px; }



div.mainhead {
font-family:Arial,Helvetica,Verdana,Sans-Serif; 
font-size:12pt; 
color:#666666; 
text-decoration:none; 
padding-left:10;
font-weight:bold;
margin-left:10;
padding: 4px 0px 4px 8px;	
}


.body1 {
font-family: arial,helvetica; 
font-size:60%; 
color:#000; 
vertical-align:middle; 
background-color: #fff; 
border-bottom: 1px solid #fff; 
 
padding: 4px 0px 4px 8px;
}
/*GAV theme*/

.contentWrapper .curvyBox01
{
	width:572px;
	background:#f7f7f7 url("../images/top-01.gif") top left no-repeat;
	padding-top:10px;
	margin-bottom:3px;
}

/*This will contain the sub links*/
.contentWrapper .curvyBox02
{
	background:#fff url("../images/mid-01.gif") top left no-repeat;
	text-align:left;
	margin-top:2px;
	padding-top:16px;
	clear:both;
}

/*This is used where ther eis no header in the curvy box*/
.contentWrapper .curvyBox08
{
	background:#fff url("../images/top-02.gif") top left no-repeat;
	text-align:left;
	margin-top:2px;
	padding-top:16px;
	clear:both;
	width:573px;
}

/*This is needed when sub links don't exist*/
.contentWrapper .curvyBox07
{
	background:url("../images/mid-03.gif") top left no-repeat;
}

/*This will contain the content*/
.contentWrapper .curvyBox03
{
	background:url("../images/mid-02.gif") top left repeat-y;
	text-align:left;
	clear:both;
	height:1%;
}
.contentWrapper .curvyBox .curvyBox03b
{
	margin:0px 16px 0px;
}
.contentWrapper .curvyBox .curvyBox03a
{
	margin:0px 16px 0px;
	border-top:1px solid #dcdcdc;
}

/*This is just the bottom curve*/
.contentWrapper .curvyBox04
{
	background:url("../images/bot-01.gif") bottom left no-repeat;
	text-align:left;
	height:18px;
}

/*This is the bottom curve with cancel text area*/
.contentWrapper .curvyBox05
{
	background:url("../images/bot-02.gif") bottom left no-repeat;
	text-align:left;
	padding-bottom:11px;
	padding-top:11px;
	padding-left:16px;
}

/*This is the bottom curve with space for two links*/
.contentWrapper .curvyBox09
{
	background:url("../images/bot-04.gif") bottom left no-repeat;
	text-align:left;
	padding-bottom:9px;
	padding-top:17px;/* added 05/12/2006. Solves the problem where background images are cut off in Safari and Opera. Previous value padding-bottom:15px; */
	padding-left:16px;
}

/*This is just the bottom curve when the box is closed*/
.contentWrapper .curvyBox06
{
	background:url("../images/bot-03.gif") bottom left no-repeat;
	text-align:left;
	height:10px;
	clear:both;
	font-size:1px;
}
/*help align background images*/
.curvyBox p
{
	font-size:68%;
	margin:0px;
}

/*get around the right aligned issue*/
.curvyBox01
{
	text-align:right;
}

/*Any header type should work the same here*/
.curvyBox h1,.curvyBox01 h2,.curvyBox01 h3,.curvyBox01 p.curvyBoxHeading
{
	font-size:87%;
	color:#666;
	margin:0px;
	padding-left:15px;
	vertical-align:middle;
	font-weight:normal;
	float:left;
}

/*right aligned text*/
.curvyBox01 p
{
	padding-right:15px;
	color:#8e8e8e;
}

.curvyBox01 a.txt04,
.curvyBox01 a.txt05
{
	float:left;
	display:block;
	height:14px;
	width:37px;
	background:url("../images/hide-01.gif") no-repeat left top;
	margin-left:17px;
}
.curvyBox01 a.txt05
{
	background-image:url("../images/show-01.gif");
	width:45px;
}
.curvyBox01 a.txt04 span,
.curvyBox01 a.txt05 span
{
	display:none;
}

/*hide show button*/
.curvyBox01 h1 img,.curvyBox01 h2 img,.curvyBox01 h3 img
{
	margin-left:17px;
	vertical-align:middle;
}

/*list of links in the header*/
.curvyBox02 ul,
.curvyBox03b ul
{
	margin:0px 0px 0px 17px;
	padding:0px;
	list-style:none;
}
.curvyBox03b
{
	padding-left:8px;
	padding-right:6px;
	padding-bottom:11px;
}
.curvyBox03b ul
{
	margin:17px 0px 16px 0px;
	width:100%;
}
.curvyBox02 ul li,
.curvyBox03b ul li
{
	font-size:68%;
	font-weight:bold;
	float:left;
	background:url("../images/arrow-right-01.gif") left top no-repeat;
	padding-left:18px;
	margin-right:23px;
	height:1%;
	padding-bottom:2px;
	margin-bottom:7px;
}
.curvyBox02 ul li a,
.curvyBox03b ul li a
{
	/*color:#2f89d4; 25/04/2007*/
	color:#2e1362;
}

/*the table*/
.curvyBox table
{
	width:540px;
	border-collapse:collapse;
	margin-top:1px;
}
.curvyBox table td,.curvyBox table th
{
	font-size:68%;
}
.curvyBox table th
{
	/*background-color:#ebf3f9; 25/04/2007*/
	background-color:#ddd9e6;
	border-right:1px solid #fff;
	text-align:left;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	/*color:#2f89d4; 25/04/2007*/
	color:#2e1362;
}
.curvyBox table td
{
	border-top:1px solid #ebf3f9;
	border-left:1px solid #ebf3f9;
	padding-top:6px;/* padding-top:10px; */
	padding-bottom:5px;/* padding-top:9px; */
	background:bottom right no-repeat;
}
.curvyBox table td.col01
{
	padding-left:24px;
	font-weight:bold;
	color:#333;
	border-left:none;
}
.curvyBox table td.col01 span
{
	margin-left:18px;
	padding-left:14px;
	background:url("../images/table-arrow.gif") top left no-repeat;
}
.curvyBox table td.col02
{
	text-align:center;
	color:#666;
}
.curvyBox table td.col03
{
	text-align:right;
	padding-left:34px;
	color:#666;
}
.curvyBox table tr.row01 td
{
	/*background-color:#f9fbfd; 25/04/2007*/
	background-color:#f7f6f9;
}

/*cancel line*/
.curvyBox05 p
{
	margin:0px;
	background:url("../images/cross-01.gif") left top no-repeat;
	padding-left:19px;
	min-height:13px;
}
.curvyBox05 p a
{
	height:1%;
	color:#e50000;
	font-weight:bold;
}

.curvyBox05a
{
	font-size:68%;
}

.curvyBox09 ul
{
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
}
.curvyBox09 ul li
{
	font-size:68%;
	font-weight:bold;
	background:url("../images/arrow-right-01.gif") left top no-repeat;
	padding-left:18px;
	margin-right:23px;
	height:1%;
	padding-bottom:7px;
	margin-bottom:0px;
}
.curvyBox09 ul li a
{
	/*color:#2f89d4; 25/04/2007*/
	color:#2e1362;
}

.curvyBoxLink01 a
{
	height:1%;
	background:url("../images/arrow-right-01.gif") left top no-repeat;
	padding-left:18px;
	padding-bottom:3px;
	/*color:#2f89d4; 25/04/2007*/
	color:#2e1362;
	font-weight:bold;
}

.formOptionList
{
	clear:both;
	border-bottom:1px solid #dfdfdf;
	margin-right:26px;
}
.curvyBox03b .formOptionList
{
	margin-bottom:24px;
	margin-right:18px;
}
.curvyBox03b p
{
	color:#666;
	margin-right:20px;
	margin-bottom:10px;
}

.curvyBox03c
{
	padding-top:7px;
	padding-left:7px;
	margin-right:15px;
	margin-bottom:7px;
	padding-bottom:17px;
	border-bottom:1px solid #dfdfdf;
}

.curvyBox03c label
{
	color:#333;
	font-size:74%;
}

.curvyBox03c select
{
	color:#333;
	font-size:74%;
	vertical-align:middle;
}

.curvyBox03d
{
	border-top:1px solid #ebf3f9;
	border-bottom:1px solid #ebf3f9;
	margin-right:26px;
	padding-left:14px;
	padding-top:12px;
	padding-bottom:0px;
	margin-top:17px;
	margin-bottom:24px;
}

.curvyBox03d ul
{
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:6px;
}

* html .curvyBox03d ul
{
	height:1%;
}
.curvyBox03d ul:after
{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}


.curvyBox03d ul li
{
	background:url("../images/list-bullet-01.gif") left top no-repeat;
	padding-left:11px;
	margin-bottom:0px;
	padding-bottom:9px;
	font-weight:normal;
}

.curvyBox03e
{
	margin:0px 16px 0px;
}

.formOptionSelected01
{
	background:url("../images/selected-bg-01.gif");
}

.formOptionSelected02
{
	background:url("../images/selected-bg-02.gif");
}

.formOption
{
	padding:13px 14px 15px;
	border-top:1px solid #ebf3f9;
}
.formOption01
{
	border-top:1px solid #dfdfdf;
}

.formOption input
{
	width:1em;
	height:1em;
}

.formOption label
{
	font-size:74%;
	color:#333;
}

.termsAndConditions
{
	border:1px solid #e7e4e4;
	height:198px;
	width:519px;
	overflow:auto;
}

.termsAndConditionsContents
{
	padding:13px 12px;
	color:#666;
}


.termsAndConditionsContents h4,.termsAndConditionsContents h5,.termsAndConditionsContents p
{
	margin:0px 0px 5px 0px;
	font-size:68%;
}
.termsAndConditionsContents h5
{
	font-weight:normal;
}
.curvyButton
{
	margin-bottom:8px;
	margin-top:11px;
	clear:both;
	height:1%;
}
* html .curvyButton
{
	height:1%;
}
.curvyButton:after
{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.curvyButton h2
{
	margin-top:6px;
	margin-bottom:0px;
}
.curvyButton h1
{
	margin-bottom:0px;
	margin-left:15px;
}
.curvyButton div
{
	background:top left no-repeat;	
	float:left;
	margin-right:9px;
}
.curvyButton div div
{
	background:url("../images/right-cap-01.gif") top right no-repeat;
	margin-left:31px;
	float:left;
	display:inline;
	margin-right:0px;
	padding-bottom:1px;/* added 05/12/2006. Solves the problem where background images are cut off in Safari and Opera */
	min-height:31px;
}

.curvyButton div div a
{
	display:block;
	font-size:74%;
	margin-top:8px;
	margin-bottom:9px;
	margin-right:14px;
}

div.curvyButton01 div a
{
	/*color:#2f89d4; 25/04/2007*/
	color:#2e1362;
}
div.curvyButton01
{
	background-image:url("../images/left-cap-01.gif");
}

div.curvyButton02 div a
{
	color:#666;
}
div.curvyButton02
{
	background-image:url("../images/left-cap-02.gif");
}

div.curvyButton03 div a
{
	color:#2f89d4;
	margin-bottom:13px;/* margin-bottom:13px; */
}
div.curvyButton03 div
{
	background-image:url("../images/right-cap-02.gif");
}
div.curvyButton03
{
	background-image:url("../images/left-cap-03.gif");
}

div.curvyButton04 div a
{
	color:#00a650;
	margin-bottom:13px;
}
div.curvyButton04 div
{
	background-image:url("../images/right-cap-02.gif");
}
div.curvyButton04
{
	background-image:url("../images/left-cap-04.gif");
}

div.curvyButton05 div a
{
	color:#00a650;
}
div.curvyButton05 div
{
	background-image:url("../images/right-cap-01.gif");
}
div.curvyButton05
{
	background-image:url("../images/left-cap-05.gif");
}

div.curvyButton06 div a
{
	color:#666;
}
div.curvyButton06
{
	background-image:url("../images/left-cap-06.gif");
}
div.curvyButtonRight
{
	padding-right:18px;
	float:right;
	margin-right:0px;
	margin-left:9px;
}
.txt01
{
	color:#33c00b;
}
.txt02
{
	color:#f7941d;
}

.txt01,.txt02
{
	display:block;
	float:left;
	width:1.5em;
	padding-left:4px;
	text-align:left;
}

.txt03
{
	display:block;
	float:left;
	width:5em;
}

html body div.curvyBox08 p.txt07
{
	font-size:74%;
	margin-bottom:17px;
	padding-top:7px;
}
html body div.curvyBox08 p.txt07 a
{
	/*color:#2F89D4; 25/04/2007*/
	color:#2e1362;
	text-decoration:underline;
}
html body div.curvyBox08 p.extSpacing01
{
	margin-bottom:5px;
}
.txt08
{
	color:#00a650;
}

.txt09 a
{
	height:1%;
	background:url("../images/arrow-right-02.gif") left top no-repeat;
	color:#8e8e8e;
	padding-left:18px;
	padding-bottom:3px;/* added 05/12/2006. Solves the problem where background images are cut off in Safari and Opera */
}
.leftNav01
{
	width:178px;
	margin-bottom:10px;
}

* html .leftNav01
{
	height:1%;
}
.leftNav01:after
{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.leftNav01 ul
{
	list-style:none;
	margin:0px;
	padding:0px;
}

.leftNav01 ul li
{
	list-style:none;
	width:178px;
	margin:0px;
	float:left;
	clear:both;
	margin-bottom:2px;
}

.leftNav01 ul li a
{
	background-color:#d6d6d6;
	color:#000;
	font-size:74%;
	display:block;
	width:auto;
	
	padding-left:18px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	line-height:120%;
	margin:0px;
}

.leftNav01 ul li ul li a
{
	background-color:#f6f4f1;
}

.leftNav01 ul li ul
{
	margin-top:2px;
	border-bottom:1px solid #fff;
}

.leftNav01 ul li.leftNav01a
{
	margin-bottom:0px;
}

.leftNav01 ul li ul li ul li a.leftNav01Selected
{
	background:#f6f4f1 url("../images/left-nav-arrow-01.gif") left top no-repeat;
	font-weight:bold;
}

.leftNav01 ul li ul li a.leftNav01Selected
{
	background:#f6f4f1 url("../images/left-nav-arrow-02.gif") left top no-repeat;
	font-weight:bold;
}

.leftNav01 ul li ul li ul li a
{
	padding-left:28px;
}
.leftNav02
{
	width:180px;
	float:left;
}
.leftNav02a
{
	background:url("../images/mid-01_1.gif") repeat-y left;
	border-bottom:11px solid #fff;
}

.leftNav02b
{
	background:url("../images/top-01_1.gif") no-repeat top left;
}

.leftNav02c
{
	background:url("../images/bot-01_1.gif") no-repeat bottom left;
	padding:16px 21px 16px 9px;
}


.leftNav02 p
{
	margin:0px;
	padding:0px 9px 12px;
	font-size:81%;
	color:#666;
}
.leftNav02 ul
{
	margin:0px;
	padding:0px;
	list-style:none;
	border-top:1px solid #e1e1e1;
}
.leftNav02 ul li
{
	border-bottom:1px solid #e1e1e1;
	padding:7px 9px 8px;
}
.leftNav02 ul li.selected
{
	font-weight:bold;
}
.leftNav02 ul li a
{
	color:#666;
	font-size:68%;
}

.gavToIb span
{
	display:none;
}

.gavToIb a
{
	width:180px;
	height:100px;
	background:url("../images/gav-to-ib.gif") no-repeat top left;
	display:block;
	margin-bottom:7px;
}

.launchDemo span
{
	display:none;
}

.launchDemo a
{
	padding-top:11px;
	width:180px;
	height:70px;
	background:url("../images/launch-demo.gif") no-repeat top left;
	display:block;
}


.rmBox01
{
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	padding:12px 5px 9px 10px;
}

* html .rmBox01
{
	height:1%;
}
.rmBox01:after
{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}


.rmBox01 p
{
	font-size:68%;
	margin:0px;
	padding:0px 0px 2px;
}

.rmBox01 p a
{
	color:#39c;
}

.rmBox01 img
{
	float:right;
}


.rmBox02
{
	padding:12px 5px 9px 10px;
}
.rmBox02 p
{
	font-size:68%;
	margin:0px;
	padding:0px 0px 2px;
}
.rmBox02 p.txt06
{
	font-size:87%;
	font-weight:bold;
	padding-top:4px;
}
h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:131%;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
h1.heading01
{
	margin:0px 0px 0px 15px;
}
h1.heading02
{
	margin:0px 0px 15px 0px;
}
h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:119%;
	font-weight:normal;
	margin:0px 0px 11px 15px;
	padding:13px 0px 0px 0px;
	clear:both;
	height:1%;
}
form
{
	margin:0px;
	padding:0px;
	display:inline;
}
.formContainer
{
	border-bottom:1px solid #ebf3f9;
	margin-right:18px;
	margin-bottom:7px;
	padding-top:10px;
	height:1%;
}

.formRowHighlight
{
	border-top:1px solid #ebf3f9;
	padding-top:13px;
	font-weight:bold;
}

.formRow
{
	height:1%;
	clear:both;
	padding-bottom:13px;
}

.formLabel
{
	float:left;
	width:185px;
	padding-left:5px;
	padding-right:10px;
}

.formLabelRCC
{
	width:178px;
}

.formInput select,
.formInput input,
.formLabel label,
.tdRCC label,
.tdRCC input
{
	color:#666;
	font-size:74%;
}
.formLabel p a
{
	/*color:#2F89D4; 25/04/2007*/
	color:#2e1362;
	text-decoration:underline;
}
.formInput
{
	float:left;
	width:320px;
}
.formInput p
{
	font-weight:bold;
}

.tdRCC
{
	width:60px;
}


* html .formRow
{
	height:1%;
}
.formRow:after
{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.wideFormat .contentWrapper .curvyBox01
{
	width:764px;
	background-image:url("../images/top-wide-01.gif");
}
.wideFormat .contentWrapper .curvyBox02
{
	background-image:url("../images/mid-wide-01.gif");
}
.wideFormat .contentWrapper .curvyBox08
{
	background-image:url("../images/top-wide-02.gif");
	width:764px;
}
.wideFormat .contentWrapper .curvyBox07
{
	background-image:url("../images/mid-wide-03.gif");
}
.wideFormat .contentWrapper .curvyBox03
{
	background-image:url("../images/mid-wide-02.gif");
}
.wideFormat .contentWrapper .curvyBox04
{
	background-image:url("../images/bot-wide-01.gif");
}
.wideFormat .contentWrapper .curvyBox05
{
	background-image:url("../images/bot-wide-02.gif");
}
.wideFormat .contentWrapper .curvyBox09
{
	background-image:url("../images/bot-wide-04.gif");
}
.wideFormat .contentWrapper .curvyBox06
{
	background-image:url("../images/bot-wide-03.gif");
}
.wideFormat .contentWrapper
{
/*	width:585px; + 192*/
	width:777px;	
}
.wideFormat .termsAndConditions
{
/*	width:519px; + 192 */
	width:701px;
}
.footer
{
	border-top:1px solid #d3d3d3;
	margin-top:13px;
	padding-top:11px;
	font-size:68%;
	color:#666;
	margin-bottom:30px;
}
.countryStrip
{
	background-color:#eaeaea;
	font-size:61%;
	padding-left:10px;
	padding-top:1px;
}

.popupHeader
{
	width:780px;
	border-bottom:8px solid #f00;
	float:left;
	margin-bottom:27px;
}

.popupHeader01
{
	height:75px;
	float:left;
}

div.hsbcDivletLogo
{
	margin-top:13px;
	margin-left:5px;
	width:auto;
}
div.hsbcDivletLogo .hsbcDivletLogoImage
{
	padding:13px 0px 0px 10px;
	float:left;
	width:141px;
}

div.hsbcDivletLogo .hsbcDivletLogoImage img
{
	border:0px;
}
div.hsbcDivletLogo .hsbcDivletLogoTagLine
{
	float:left;
	vertical-align:middle;
	padding:18px 0px 0px 12px;
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#f00;
}
body
{
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:1.01em; should be applied to opera and safari*/
	margin:0px;
}

a
{
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

.leftNav02 a img 
{
	margin-bottom:7px;
	margin-top:35px;
}


.pageWrapper
{
	width:780px;
	clear:both;
}

.dummyHeader
{
	padding-bottom:16px;
}

.banner01
{
	padding-top:1px;
}

.banner02
{
	float:right;
	margin-left:25px;
}

.leftNavWrapper
{
	padding-left:1px;
	float:left;
}
.contentWrapper
{
	float:left;
	width:585px;
}
.contentWrapper01
{
	padding-left:12px;
	float:left;
}


* html .headerBannerBox
{
	height:1%;
}
.headerBannerBox:after
{
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.headerBannerBox
{
	border-bottom:1px solid #d3d3d3;
	padding-left:15px;	
/*	float:left;*/
}
.extButtonInBoxFix
{
	height:1%; /* added 05/12/2006. This is a fix for IE7. If a .curvyButton is in .headerBannerBox you should add this extension class */
}
.headerBox
{
	padding-left:15px;
}
.headerBannerBox p
{
	font-size:74%;
	margin-bottom:15px;
	margin-right:15px;
}
.headerBannerBox p a
{
	/*color:#2f89d4; 25/04/2007*/
	color:#2e1362;
	text-decoration:underline;
}
p.loader
{
	background:url("../images/ajax-loader.gif") left no-repeat;
	font-size:100%;
	margin:10px 0px 5px 0px;
	padding:5px 0px 0px 35px;
}

.gavErrorMsg
{
	margin:0px 36px 0px;
}

.gavErrorMsg02
{
	margin:0px 39px 0px;
}
div.hsbcDivletNavigation ul li.hsbcDivletNavigationTextSelected
{ 
	text-decoration:none;
	color:#F00;
	/* mac-ie */
	font-size:74%;
	/*non-mac-ie \*/
	font-size:68%;
	/* */
}
/*pibliteII_registration Add for new registration page*/

a.hsbcLinkStyle17 {
background-color:#404040;
border:4px solid #404040;
font-weight:bold;
margin-top:5px;
text-decoration:none;
wite-space:nowrap;
color:#FFFFFF;
}


table.hsbcTableStyle06 td.hsbcNewTdStyle01
{
	  /* 
	width: 377px!important;;
	width: 560px;*/
        width: 45% ;
} 
table.hsbcTableStyle06 td.hsbcNewTdStyle03
{
        width: 3%;
        background-color:#FFFFFF;
        font-weight:bold;

}

span.hsbcNewTextStyle01
{
	background-color: #EEEEEE;
	font-size: 150%;
}
span.hsbcNewTextStyle02
{
	font-size:11px;
	margin-top: 3.0em;

}

span.hsbcNewTextStyle03
{
	font-size:90%;
}

span.hsbcNewTextStyle04
{
	font-weight:bold;
	line-height: 2.0em;
}
span.hsbcNewTextStyle06
{       
	font-weight:bold;
	line-height: 1.0em;
}
table.hsbcTableStyle06 td.hsbcTableColumn24, table.hsbcTableStyle07 td.hsbcTableColumn24
{
	background-color:#FAFAD2;
	color:#333333;
	font-size:75%;
	font-weight:bold;
	line-height:1em !important;
}
table.hsbcTableStyle06 td.hsbcNewTableColumn01
{
	/*border-right:10px solid white;*/
       
}

table.hsbcTableStyle06 td.hsbcNewTableColumn02
{
	border-right:10px solid #EEEEEE;
	 width: 60% !important;
}
/*pibliteII_registration Add end*/
/*piblite countdown style*/
.hsbcNewInputStyle01
{

border:0;

background-color:#FFFFFF;

text-align : center; 

}