/*--NAVIGATION WRAP--*/
#sidebar {
	float:left;
	width:240px;
	margin:0 0 0 0;
	padding:0px 0 50px 0;}


/*--NAVIGATION PANEL--*/
#sidebar h4 {
	color:#ffffff;
	margin:0;
	padding:12px 11px 12px 11px;
	}
#sidebar h4 a:hover {color:#ffffff;}

#sidebar h4.PanelNavListHdr1 {
	background: url(../images/nav_separator.gif) no-repeat top left;}

#sidebar a,
#sidebar a:link,
#sidebar a:visited,
#sidebar a:active {
	color:#ffffff;
	text-decoration:none;}

#sidebar a:hover {
	color:#f5e3e3;
	text-decoration:underline;}


/*--GENERAL - FORM WRAP--*/
#sidebar #login,
#sidebar #inetLogoffWrap,
#sidebar #inetLogoffWrap2,
#sidebar #searchbox,
#sidebar #optionbox,
#sidebar #newsletter,
#sidebar #ourworldbox,
#sidebar #ourworld,
#sidebar #greyBoxArea {
	float:left;
	width:240px;
	margin:0;
	padding:0;
	color:#ffffff;}

#searchbox label {
	display:none;
}

#sidebar label {
	float:left;
	font-size:130%;
	font-weight:bold;
	padding-left:11px;
	padding-bottom:8px;
}

#sidebar span.label {
	font-size:130%;
	font-weight:bold;
	padding-left:11px;
	padding-bottom:8px;
}

#sidebar label.signup {
	float:left;
	font-size:110%;
	font-weight:bold;
	padding-left:11px;
	padding-bottom:8px;}

/*--LOGON --*/
#sidebar #login {
	background: #efebe3 url("../images/grey_bot_bar.gif") no-repeat bottom left;
	padxding:0 0 8px;
	position: relative;
	}

#sidebar #login h3 {
	background:url("../images/BGnav_blend_pib_01.gif") no-repeat scroll left top #C90200;
	color:#fff;
	font-size:1em;
	margin:0;
	padding:10px;
}

#sidebar #login p{
	color:#000;
	float: left;
	padding:12px 10px;
	width: 220px;

}
#sidebar #login .lock{
	background: url(../images/icon_lock.gif) no-repeat 10px 13px;
	padding:12px 10px 12px 30px;
	width: 200px;
}
#sidebar .btnImg{
	float:right;
	margin-top:-3px;
}

#sidebar #login h3.loggedInHeaderText {font-size:85%;}

#sidebar #login form, #sidebar #login form fieldset {
	margin:0px 0px 0px 0px;
	padding:0px 0px 4px 0px;
	border:0px;}

#sidebar #login form fieldset {
	padding:0px 0px 5px 0px;
	float:none;}

#sidebar #login form#loginpersonalform,
#sidebar #login form#loginbusinessform,
#sidebar #login form#loginform {
	width:240px;
	clear:both;}

#sidebar #login form#loginbusinessform {
	float:left;
	padding:0 0 6px 0;
	margin:0;
	}

#sidebar #login form#loginbusinessform  .clearfix {
	float:left ! important;
	padding:0;
	margin:0;
	}

#sidebar #login form#loginform button#logoff { margin-bottom:0;}

#sidebar #login label {
	padding-bottom: 0;
	padding-top: 4px;
	width:150px;}

#sidebar #login label.noPadding {
	padding:0px 0px 0px 0px;
	width:160px;}

#sidebar #login #logonPer,
#sidebar #login #logonBiz,
#sidebar #login #logoff {
	float:right;
	margin:0 15px 0 0px;
	padding:0px;
	background: url(../images/nav_logon.gif) no-repeat 0 0;
	width:63px;
	height:23px;
	border:none;
	cursor:pointer;}

#sidebar #login #logoff {
	background: url(../images/nav_logoff.gif) no-repeat 0 0;
	width:65px;
	margin-bottom: 5px;}

#sidebar #login .next_notch {
	float:left;
	background-image:url(../images/BGnav_top_notch.gif);
	background-position:top;
	background-repeat:no-repeat;
	/*background-color:#c30000;*/
	padding-top:10px;}

/*--LOGOFF WRAP--*/
#sidebar #inetLogoffWrap,
#sidebar #inetLogoffWrap2 {
	padding-bottom:3px;
	background:#a60000 url(../images/BGnav_how_top.gif) no-repeat bottom left;}

#sidebar #inetLogoffWrap2 {
	padding-top:6px;
	padding-bottom:3px;
	background:#a60000 url(../images/section_secure_right.gif) no-repeat top left;}


/*--REGISTER LIST--*/
#sidebar #login p
{
	font-weight: bold;
	margin: 0px;
}


#sidebar #login ul{
	background:url("../images/grey_gradient_bkgrd.gif") repeat-x 0 0 #C8C5C0;
	float:left;
	height:31px;
	margin:0;
	padding:0 10px;
	width:220px;
}

#sidebar #login .next_notch ul {
	background-color:#9c0000;
	background-image:url(../images/transparent_dot.gif);
	min-height:19px; /* See also ie6orless.css for height */}

#sidebar #login li	{
	background:transparent url("../images/red_arrow.gif") no-repeat scroll 2px 4px;
	display:inline;
	float:left;
	font-size:0.85em;
	font-weight:bold;
	margin-top:8px;
	padding:0 10px 0 15px;
}
#sidebar #login li a{
	color:#666;
 	*position: relative;
 	*top: -3px;
 }

#sidebar #login li.last {
	border-left:0px ! important;
	border-right:0px ! important;
	padding-right:5px! important;
}



/*--SEARCH WRAP--*/
#sidebar #searchbox {
	padding:12px 0 4px 0;
	margin:0;
}

#sidebar #searchfield {
	width:140px;
	margin:1px 0px 0px 10px;
	float:left;
	border:solid 1px #ffffff;}

#sidebar #searchbox #go,
#sidebar #searchbox #search{
	float:right;
	margin:0 15px 0 0;
	padding:0px;
	background: url(../images/nav_go.gif);
	width:38px;
	height:21px;
	border:none;
	cursor:pointer;}
/* Note this is "sel one", not "sell" */
.sel1 { float: left; margin-right: 0; }
#sidebar #optionbox #go{
	float:right;
	margin:0 15px 0 0;
	padding:0px;
	background: url(../images/homepage/btn_go.jpg);
	width:45px;
	height:22px;
	border:none;
	cursor:pointer;}
#sidebar #searchbox #search{
	background: url(../images/homepage/btn_search.jpg);
	/*background: url(../images/nav_search.gif);*/
	width:65px;
	height:23px;}


/*--OPTION WRAP--*/
#sidebar #optionbox label {
	padding-top:11px;
	width:240px;
	display:none;}

#sidebar #optionbox {
	padding-top:12px;
	padding-bottom:4px;
}

#sidebar #optionbox select#sel1 {
	margin-bottom: 5px;
	margin-left:11px;
	/*margin-right:11px;*/
	width: 160px;
	border:solid 1px #ffffff;
	}

#sidebar #optionbox span {
	font-size:65%;
	font-weight:normal;}



/*--NEWSLETTER WRAP--*/
#sidebar #newsletter label {
	padding-top:11px;
	width:240px;}

#sidebar #newsletter {
	padding-bottom:14px;
	background: url(../images/nav_news_bottom.gif) no-repeat bottom left;}

#sidebar #newsletterfield {
	width:140px;
	margin:1px 0px 0px 12px;
	float:left;
	border:solid 1px #ffffff;}

#sidebar #newsletter #submit {
	float:right;
	margin:0 15px 0 0;
	padding:0px;
	background: url(../images/nav_submit.gif);
	width:67px;
	height:23px;
	border:none;
	cursor:pointer;}

#sidebar #newsletter .privacy {
	float:left;
	padding:5px 0px 0px 12px;
	font-size:85%;
}

#sidebar #newsletter .privacy a {
	text-decoration:underline;
}



/*--OUR WORLD BOX--*/
#ourworldbox {
	background:#CA0F0F url(../images/nav_diag_tile.gif) 10px 0;
	padding:0 0 20px 0;
	border-bottom:solid 1px #ff0000;}

#ourworld {
	background:transparent url(../images/nav_our_world_top.gif) no-repeat 0 0;
	width:234px;
	padding:0 0 0px 0;
	}

#ourworld h4 {
	margin:10px 3px 0 3px;
	padding:6px 11px 6px 6px;
	border-bottom:solid 1px #333333;}


#ourworld h4.active {
	background:transparent url(../images/nav_inter_panel_on.gif) no-repeat 0 0;
	}

#ourworld .WorldMap {
	padding-top:0;}


#ourworld h4.inactive {
	margin-bottom: 20px ! important;
	background:transparent url(../images/nav_inter_panel_off.gif) no-repeat 0 0;	}


#ourworldbox .inner {
	float:left;
	margin:0 1px 10px 3px;
	display:inline;
	width:234px;
	background:transparent url(../images/nav_map_bg.gif) no-repeat 0 0;}

#ourworldbox p{
	color:#363C42;
	margin:0;
	padding:5px 11px 5px 6px;}

#ourworldbox ul{
	float:left;
	color:#666666;
	margin:0;
	padding:5px 11px 5px 6px;
	list-style-type:none;
	display:inline;
	}

#ourworldbox ul li{
	float:left;
	margin:0 10px 0 0;
	padding:0;
	list-style-type:none;
	font-weight:bold;
	}
/* GREY BOXES */
#greyBoxArea {
	background: url(../images/homepage/nav_our_world_top.gif) no-repeat 0 0;
	color: #666;
	padding: 16px 0 0 0 !important;
}
#login .redBottom {
	background: url(../images/homepage/nav_our_world_topY.gif) top left;
	height: 7px;
	width: 240px;
	clear: both;
}
/* Start IE hacks for double-padding on floated elements */
/* * html #greyBoxArea { padding: 7px 0 0 0; }
*:first-child+html #greyBoxArea { padding: 7px 0 0 0; } */
/* End IE hacks */
.greyBox {
	background: url(../images/homepage/grey_box_bottom.gif) bottom left no-repeat;
	padding: 0 0 11px 0;
}
.greyBox .greyBoxTitleNoDent {
	background-image:url(../images/homepage/grey_box_title_v2.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#636262;
	border-bottom:1px solid #212121;
}
.greyBox .greyBoxTitleDent {
	background-image:url(../images/homepage/grey_box_title_dent_v2.jpg);
	background-position:top;
	background-repeat:no-repeat;
	border-bottom:1px solid #212121;
	background-color:#636262;
}
.greyBox .greyBoxTitleNoDent h4, .greyBox .greyBoxTitleDent h4 {
	font-size: 120%;
	padding: 5px 11px !important;
}
#greyBoxArea #greySearchfield {
	width:140px;
	margin:1px 0px 0px 10px;
	float:left;
	border:solid 1px #ffffff;}
#greyBoxArea #greySearch{
	float:right;
	margin:0 15px 0 0;
	padding:0px;
	background: url(../images/nav_go.gif);
	width:38px;
	height:21px;
	border:none;
	cursor:pointer;}
#greyBoxArea #greySearch{
	background: url(../images/nav_search.gif);
	width:65px;
	height:23px;}
#greyBoxArea .greyBoxBody p {
	font-size: 85%;
	margin: 10px 0 5px 0;
	padding: 0 11px;
}



#greyBoxArea .greyBoxBody ul,
#greyBoxArea .greyBoxBody ul {
	margin: 8px 0;
	padding: 0;
	list-style: none;
	font-size:85%;}

#greyBoxArea .greyBoxBody ul li,
#greyBoxArea .greyBoxBody ul li {
	margin: 0 0 0 11px;
	padding: 0 0 0 11px;
	list-style: none;
	background: url(../images/content/arrow_dgrey2.gif) no-repeat left center;
	}


#greyBoxArea .greyBoxBody a,
#greyBoxArea .greyBoxBody a:hover,
#greyBoxArea .greyBoxBody a:visited {
	color: #666666;
	text-decoration: underline;

}





#greyBoxArea .greyEnd {
	background: url(../images/homepage/grey_box_dent.gif) top left no-repeat;
	height: 8px;
	width: 240px;
	clear: both;
}
.clearBoth { clear: both; }

.greyBox2 {
	padding: 0 0 11px 0;
}
.greyBox2 .greyEnd {
	background: url(../images/homepage/grey_box_dent.gif) top left;
	height: 8px;
	width: 240px;
}


/* SAFARI HACKS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* NOTE: These are valid CSS3 rules, but will not validate under CSS2. */

/* Mac Safari (1st method) */
html[xmlns*=""] body:last-child #sidebar #login li { display: inline-block; }
html[xmlns*=""] body:last-child #sidebar #login li a { margin: 0 !important; }

/* Mac Safari (2nd method) */
body:last-child:not(:root:root) #sidebar #login li { display: inline-block; }
body:last-child:not(:root:root) #sidebar #login li a { margin: 0 !important; }

/* PC/unofficial Safari versions */
@media all and (min-width: 0px) {
	body:not(:root:root) #sidebar #login li { display: inline-block; line-height: normal; }
}







body div div#greyBoxArea div.greyBox p {
	color:#333;
	font-size:100%!important;
	background:none!important;
	margin:10px 0 5px!important;
}
body div div#greyBoxArea div.greyBox p a.normalRedHsbcLink{
	color:#f00!important;
	padding-left:0;
	text-decoration:none!important;
	background:none!important;
}
body div div#greyBoxArea div.greyBox p a.normalRedHsbcLink:hover{
	text-decoration:underline!important;
}
body div div#greyBoxArea div.greyBox a.rightHsbcLink{
	display:block;
	text-align:right;
	padding:10px 10px 0;
}
body div div#greyBoxArea div.greyBox ul.detailsList
{
	list-style:none;
	margin:10px 0 10px;
	padding:0;
	float:left;
	width:100%;
}
body div div#greyBoxArea div.greyBox ul.detailsList li{
	background:none;
	padding:0;
	color:#333;
	line-height:1.5em;
	font-size:108.33%!important;
}

body div div#greyBoxArea div.greyBox ul.detailsList li.lastItem{
clear:left;
padding-top:10px;
}
body div div#greyBoxArea div.greyBox ul.detailsList li.seperator{
	padding:0 0 3px;
}
body div div#greyBoxArea div.greyBox ul.detailsList li span{
	width:58px;
	float:left;
}
body div div#greyBoxArea div.greyBox ul.detailsList li a{
	color:#f00;
	text-decoration:none;
}
body div div#greyBoxArea div.greyBox ul.detailsList li a:visited{
	color:#f00!important;
	text-decoration:none;
}
body div div#greyBoxArea div.greyBox ul.detailsList li a em{
	font-size:80%;
}
body div div#greyBoxArea div.greyBox ul.detailsList li a:hover{
	text-decoration:underline;
}
body div div#greyBoxArea div.greyBox ul.navigationList li{
	font-size:108.33%!important;
	line-height:1.5em;
	background-image:url(../images/arrow_333.gif);
}
body div div#greyBoxArea div.greyBox div.greyBoxBody ul.navigationList li a,
body div div#greyBoxArea div.greyBox div.greyBoxBody ul.navigationList li a:visited{
	color:#333;
	text-decoration:none;
	font-weight:bold;
}
body div div#greyBoxArea div.greyBox div.greyBoxBody ul.navigationList li a:hover{
	text-decoration:underline;
}
body div div#greyBoxArea div.greyBox div.greyBoxBody ul.navigationList li.selected{
	background-image:url(../images/arrow_red2.gif);
}
body div div#greyBoxArea div.greyBox div.greyBoxBody ul.navigationList li.selected a,
body div div#greyBoxArea div.greyBox div.greyBoxBody ul.navigationList li.selected a:visited{
	color:#f00;
}

body div div#greyBoxArea div.greyBox div.right
{
	float:right!important;
	text-align:right;
	margin-right:5px;

}
body div div#greyBoxArea div.greyBox div.left
{
	float:left!important;
	text-align:left;
	margin-left:5px;

}
body div div#greyBoxArea div.greyBox div.buttonStyleRed
{
	padding:0;
	background:url(../images/btn_red_left.gif) left top no-repeat;
	position:relative;
	margin-top: 5px;
	margin-bottom: 0px;
	display: block;
}
body div div#greyBoxArea div.greyBox div.buttonStyleRed a
{
	background:url(../images/btn_red_right.gif) right top no-repeat;
	color:#fff!important;
	text-decoration:none!important;
	font-weight:bold!important;
	font-size:12px;
	padding:3px 18px 4px 7px;
	display:block;
}
body div div#greyBoxArea div.greyBox div.buttonStyleGrey
{
	padding:0;
	background:url(../images/btn_grey_left.gif) left top no-repeat;
	position:relative;
	margin-top: 5px;
	margin-bottom: 0px;
	display: block;
}
body div div#greyBoxArea div.greyBox div.buttonStyleGrey a
{
	background:url(../images/btn_grey_right.gif) right top no-repeat;
	color:#fff!important;
	text-decoration:none!important;
	font-weight:bold!important;
	font-size:12px;
	padding:3px 18px 4px 7px;
	display:block;
}


.greyBox{ float:left!important; width:100%; }
.detailsListValue {float: left!important; width: 160px!important;}

/* /////////////////////////// */

a.normalRedHsbcLink em{
font-size:108.33% !important;
}

div.detailsColLeft
{
float:left;
width:24%;
margin-right:10px;
}

div.detailsColRight
{
float:left;
width:60%;
}

.StrechIt00{ padding-bottom:5px; }

#sidebar #login {
	background-color: transparent;
}
/* Quick Help */
#sidebar #quick-help {
	border-top: 1px solid #E8E5D9;
	float: left;
	margin: 14px 0 0 2px;
}
#sidebar #quick-help .section {
	display: inline-block;
	width: 238px;
}
#sidebar #quick-help .section h3.head {
	background: transparent url('../images/accordian_module_bg.gif') repeat-x 0 0;
	line-height: 100%;
	padding: 0;
	margin: 0;
}
#sidebar #quick-help .section h3.head a {
	background: transparent url('../images/accordian_plus_minus.gif') no-repeat 6px 10px;
	color: #3f3e3c;
	display: block;
	padding: 8px 8px 8px 26px;
}
#sidebar #quick-help .expanded h3.head a {
	background-position: 6px -27px;
}
#sidebar #quick-help .section h3.head a:hover {
	text-decoration: none;
}
#quick-help .body {
	background-color: #fff;
	float: left;
	width: 235px;
}
#sidebar #quick-help .body p {
	color: #3f3e3c;
	font-weight: normal;
	margin: 0;
	padding: 7px 10px;
	width: auto;
}
.business-options {
	background: url('../images/grey_gradient_bkgrd.gif') repeat-x scroll 0 0 #C8C5C0;
	float: left;
	width:100%;
}
#sidebar #login .business-options ul {
	background: transparent url('../images/br_corner.gif') no-repeat bottom right;
}
#sidebar .buttonStyleRed2 {margin-top:8px; float:right; margin-right:7px; }
#sidebar .buttonStyleRed2 a {
background:url("../images/btn_red_right_sidebar.gif") no-repeat scroll right top transparent;}
#sidebar #login p.sidebarLogon {float:left; width:auto;}
#sidebar #login .lock{
	background: url(../images/icon_lock.gif) no-repeat 10px 13px;
	padding:12px 10px 12px 30px;
	width: auto;
}
.buttonStyleRed2 {
background:url(../images/red_left.gif) no-repeat scroll left top transparent;
display:block;
margin-bottom:0;
margin-top:5px;
padding:0;
position:relative;
}
.buttonStyleRed2 a {
background:url(../images/btn_red_arrow.gif) no-repeat scroll right top transparent;
color:#FFFFFF !important;
display:block;
font-size:90%;
font-weight:bold !important;
padding:3px 18px 4px 7px;
text-decoration:none !important;
}
.buttonStyleRed2 input {
background:url("../images/btn_red_arrow.gif") no-repeat scroll right top transparent;
color:#FFFFFF !important;
display:block;
font-size:90%;
font-weight:bold !important;
height:23px;
border:none;
padding:3px 18px 8px 7px;
*padding:4px 7px 8px 0px;
cursor: pointer;
text-decoration:none !important;
margin: 0;
}
div.containerMain .buttonStyleRed2 a:hover {
text-decoration:none !important;
}
.buttonStyleRed2 a.iefix {
padding /*\**/:3px 14px 4px 7px\9;
}