body {
	font-family: arial, sans-serif;
	background:#fff;
	color:#333333;
	padding: 0;
	margin:0;
	line-height: 1.2em;
	font-size:80%;}

select, input, textarea {
	vertical-align: middle;
	font-family: arial, sans-serif;
	font-size:100%;
}
button {
	cursor: pointer;
	cursor: hand;
}
img {border:none;}
.floatLeft {float: left;}
.floatRight {float: right;}
.clear {clear:both;}
.clearLeft {clear: left;}
.clearRight {clear: right;}

.clearMM {float:none; clear:both; height:0px;
/*background-color:cyan; */
line-height:0%; font-size:0px; padding:0px; margin:0px;  } /*MM 9-7-07*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.hide {display:none;}

a:link /*, ul li a:link - didn't work MM!!*/ {
	color: #333;
	text-decoration: underline;
}

a:visited {color: #888;}

/* Hide skiplinks from visual browsers */
.skipLinkWrap ul {
	list-style: none;}

.skipLinkWrap ul li{
	list-style: none;
	float:left;
	padding:0 16px 0 0;}

a.skiplink {
   color: #fff;
   text-decoration: none;
   font-size: 75%;}

a.skiplink:visited {color:#fff;}
a.skiplink:hover {color:#000;}

a.linkDiv {width:100%; height:100%; display:block;}



#outerwrap { width: 1000px; }

/*--HSBC BANNER--*/
div#region {
	background: #EAEAEA;
	margin: 0;
	padding: 5px 0 3px 9px;
	font-size:75%;
	line-height: 1.2em;
	border-bottom:1px solid #CCCCCC;
}
div#region .viewStatus{
	float: right;
	margin-right: 10px;}
#masthead {
	float:left;
	background:#fff url(../images/BGred_bar2.gif) no-repeat bottom right;
}

#logo {
	background-color: #fff;
	float:left;
	width:191px;
	margin:0 0 7px 0;
	padding:0px;
	text-decoration: none;
}

#masthead span.hsbcTagLineText{
	color: #f00;
	display: block;
	float: left;
	font-size: 120%;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom:10px;
}

/*--WRAPPER--*/
#wrapper {
	float:left;
	width: 1000px; /*100%;*/
	margin:3px 0 0 0!important;
	padding:0;
	background:#ffffff url(../images/homepage/BGNav_shadow_strip.gif) repeat-y 760px 0;
}


/*--CONTENT--*/
#main {
	float:left;
	width:760px;
	margin:0;
	padding: 0;}

.home #main {
	padding-top: 10px;
}
.box {
	margin: 0 10px;
	padding: 0;}
.box .infoData {
	/*background-color: #fff;*/
	border-top: 1px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	margin: 0;
	padding: 0;}
.box .forgotPassword {
	background-color: #fff;
	border: 1px solid #cbcbcb;
	margin: 0;
	padding: 10px;}
.box form {
	margin: 0;
	padding: 0;}
.box p {
	font-size: 90%;
	font-weight: bold;
	margin: 10px 0 0 10px;
	padding: 0;}
.box .stress {
	color: #f00;}
.box a.blue{
	color: #36c;
	font-weight: bold;
	text-decoration: none;
}
.box .qMark {
	margin: 0;
	padding: 0 5px;
	vertical-align: bottom;
}
.box .boxButtons {
	/*background-color: #fff;*/
	border: none;
	float: right;
	margin: 150px 0 10px 0;
	padding: 0;}
.box .boxButtons #logonBack {
	background: url(../images/homepage/btn_back_blue.gif) top left no-repeat #f00;
	float: left;
	height: 22px;
	margin: 0 10px 0 0;
	padding: 0;
	width: 52px;}
.box .boxButtons #logonContinue {
	background: url(../images/homepage/btn_continue_blue.gif) top left no-repeat #f00;
	border-width: 0;
	float: left;
	height: 22px;
	margin: 0 10px 0 0;
	padding: 0;
	width: 74px;}
/*--HEADER--*/
#subnav {
	float:left;
	position:relative;
	width:760px;
	margin:0 0 16px 0;
	padding:0 0 0 0;
	background:transparent url(../images/top_bg_tile.gif) repeat-x bottom left;
	}

#subnav ul li a,
#subnav ul li a:link,
#subnav ul li a:visited,
#subnav ul li a:active {
	color:#666666;
	text-decoration:none;}

#subnav ul li a:hover {
	color:#ff0000;}


#subnav ul li a.selected
#subnav ul li a:link.selected,
#subnav ul li a:visited.selected,
#subnav ul li a:active.selected {
	color:#ff0000;}

/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*--PAGE HEADER--*/
#main #subnav h1 {
	margin:0 0 0 0;
	padding-top:22px;
	padding-left:10px!important;
	padding-bottom:9px;
	font-size:180%;
	font-weight:normal;
	color:#333;
	background-color: transparent;
	line-height:normal;
}

#subnav h1.sectionTopLevelHeader {padding:21px 0 9px 10px;}

/* For the new logon page only */
#newlogon #main #content h1 {
	font-size:190%;
	margin-top:10px;
	margin-bottom:9px;
	color:#000;
}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*--SECTION NAV--*/
ul#sectionnav {
	list-style-type:none;
	margin:1px 0 0;
	padding:0;
	width:760px;
}

ul#sectionnav li{
	/*display: inline;*/
	list-style-type:none;
	margin:0px;
	font-size:80%;
	float: left;
	padding:0 0 0.25em;
	background: url(../images/sectionNav/tab_left.gif) no-repeat left bottom;
}

ul#sectionnav li a {
	/*background:transparent url(../images/sectionNav/nav_l2_separator_v2.gif) no-repeat bottom right;*/
	background:transparent url(../images/sectionNav/tab_right.gif) no-repeat bottom right;
	line-height:110%;
	margin-left: 5px;
	padding: 0 12px 3px 3px;
}

ul#sectionnav a:hover {color:red!important;}


#subnav ul#sectionnav li a, ul#sectionnav li.first a, ul#sectionnav li.last a {
	color:#333333;
	font-size:120%;
}
/* padding bottom set to 2px in ie6orless.css */


ul#sectionnav li.first {
background: none;
margin-left:0;
}

ul#sectionnav li.first a{
	margin-left:0px;
	padding-left:10px;
}

ul#sectionnav li.last {}

ul#sectionnav li.last a {
	padding-right: 8px;
	/*padding:0;
	padding-bottom:5px;
	/*background:transparent url(../images/sectionNav/nav_l2_separator_v3.gif) no-repeat bottom right;*/
}
ul#sectionnav li.selected a{color: #f00!important;}

/*div#subnav_bottomBorder{
	background:transparent url(../images/sectionNav/nav_l2_separator_v3.gif) repeat-x bottom right;
	height:18px;
	/* Safari hack required, see bottom of file. 18px is for Safari on a Mac. 19px is for everything else.  */
/*}*/



/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*--SECTION SUB NAVIGATION--*/
#subsectionnav {
	width: 760px;
	background:transparent url(../images/sectionSubNav/nav_inpage_line.gif) repeat-x bottom left;
	min-height:67px; /* height set in ie6orless.css */
	padding-bottom:0;
	overflow:hidden; /*!!*/}

#subsectionnav .inner {float:left;}

#subsectionnav .inner .titleVerticalSpacer { min-height:52px; width:410px;}

/*--SUB NAVIGATION LIST--*/
#subnav #subsectionnav .inner ul {
	width : 100%;
	float:none;
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 0 0 6px;
}

* html #subnav #subsectionnav .inner ul {margin-bottom:1px;}

#subnav #subsectionnav .inner ul li {
	/*float:left;*/
	display:inline;
	list-style-type:none;
	margin:0;
	/*padding:3px 0px 3px 8px;*/
	padding:0;
	font-size:90%;
	margin-right : -0px/*-4px*/;
	/*background:transparent url(../images/sectionSubNav/nav_inpage_left_off.gif) no-repeat top left;*/
}

#subnav #subsectionnav .inner ul li span {
	padding:3px 0px 10px 7px;
	background:transparent url(../images/sectionSubNav/intab_left_grey.gif) no-repeat top left;}

#subnav #subsectionnav .inner ul a{
	background:transparent url(../images/sectionSubNav/intab_right_grey.gif) no-repeat top right;
	padding:3px 13px 10px 5px;
	color: #FFF;
	/*line-height:100%;*/}

#subnav #subsectionnav .inner ul a:active,
#subnav #subsectionnav .inner ul a:hover {color: #e9e9e9;}
#subnav #subsectionnav .inner ul li.selected span {background: url(../images/sectionSubNav/intab_left_white.gif) no-repeat 0 0; }
#subnav #subsectionnav .inner ul li.selected a {
	background:white url(../images/sectionSubNav/intab_right_white.gif) no-repeat top right;
	color:#ff0000;}

#subnav #subsectionnav .inner ul li.selected a:hover {color:#ff0000;}

#subnav #subsectionnav .inner ul li.selected {	border-bottom:1px solid #fff;}

/*--PRINT AND CONTACT LIST--*/
#subnav .divPrintcontact{
	float: right;
	padding-bottom: 2px ! important;
	padding-top:50px;
	text-align: right;
	width:200px /*150px*/;
	vertical-align:bottom;
}

#subnav .divPrintcontactplusIR{width:330px;}

#subnav ul#printcontact {
	float:right;
	list-style-type:none;
	padding:2px 10px 2px 0 ! important;
	margin:0;}

#subnav ul#printcontact li {
	display: inline;
	float:left;
	list-style-type:none;
	margin:0;
	font-size:90%;
	text-align: right;}

/*#subnav ul#printcontact div {
	padding-top: 10px;}*/

#subnav ul#printcontact li a {
	text-align: left;
	vertical-align: bottom;
	margin-left:15px;
	padding: 0 0 0 10px;
	background: url(../images/content/arrow_dgrey.gif) no-repeat left 2px;
	font-weight: bolder;
	text-decoration:underline;
}

/*#subnav ul#printcontact li.int a {
	padding: 0 15px 0 10px;
	background: url(../images/content/arrow_dgrey.gif) no-repeat left 2px;
	padding-left: 10px;
}
/* See ie6orless.css for IE6 width */


/*#subnav ul#printcontact li.prn a{
	padding: 0 15px 0 0;
	background: url(../images/content/arrow_dgrey.gif) no-repeat 2px left;
	padding-left: 10px;
}
/* See ie6orless.css for IE6 width */

/*#subnav ul#printcontact li.cct a {
	padding: 0 15px 0 0;
	background: url(../images/content/arrow_dgrey.gif) no-repeat 2px left;
	padding-left: 10px;
}
/* See ie6orless.css for IE6 width */

/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*--HOME--*/
#contentwrap p.homeMidSection {
	margin:0;
	padding-left:10px;
	white-space: nowrap;}

#contentwrap p.homeMidSection img{
	margin-right:10px;}

#contentwrap p.homeMidSection img.third{
	margin-right:9px;}

#contentwrap p.homeBaseSection {
	float:left;
	margin:15px 0 0 0;
	padding-left:0;
	white-space: nowrap;
	background:#e7e7e7;}

#contentwrap p.landingmid {
	padding: 0px 0 0 10px;
	margin:0;
	float:left;}

#contentwrap p.landingmid2 {
	padding: 12px 0 0 10px;
	float:left;}

#contentwrap p.homeBaseSection img,
#contentwrap p.landingmid img,
#contentwrap p.landingmid2 img {
	margin-right:10px;
	float:left;}

#contentwrap p.homeBaseSection img.third{
	margin-right:10px;}

#inter #contentwrap p {
	background:#ebebeb;
	margin:0;
	padding:0 0 0 0;}


p.personalHome {
	margin:0;
	padding:0 0 20px 0;}

p.personalHome img.padlock{
	position:absolute;
	top:45px;
	right:0;}

.padlock2{
	float:right;
	width:112px;
	padding:10px 0 0 0;
	margin:0;}



/*--RIGHT--*/
#secondary {
	float:right;
	margin-right: 10px;
	width:240px;}

#secondlevel {
	/*position : absolute;
	left : 260px;*/
	width:500px !important;}

#secondary p, #secondlevel p{
	margin:0;
	padding:0 0 5px 9px;}

/*--SEE PANELNAVIGATION.CSS --*/


/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
/*--FOOTER--*/
#footer {
	float:left;
	margin:0;
	padding:19px 0 5px 0;
	font-size:85%;
	background:#333333 url(../images/homepage/BGfooter_frame_bottom_home.gif) no-repeat 0 0;
	width: 1000px;
}
.home #footer {	background:#333333 url(../images/homepage/BGfooter_frame_bottom_home.gif) no-repeat 0 0;}
#inter #footer {background:#333333 url(../images/homepage/BGfooter_frame_bottom_home.gif) no-repeat 0 0;}
#footer ul {
	float:left;
	list-style-type: none;
	margin:2px 0px 0px 0px;
	color:#ffffff;
	width:624px;
	padding:0 0 0 10px;
}

#footer li{
	float:left;
	padding:2px 10px 4px 10px;
	background: transparent url(../images/pipe-white.gif) right center no-repeat;
}

#footer li.first { padding-left: 0; }
#footer li.last { background-image: none; }

p#copyright {
	color: #fff;
	float:right;
	margin: 0;
	padding: 4px 10px 4px 10px;
}

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

#footer a:hover {
	color:#ffffff;
	text-decoration:underline;
}



/* SAFARI HACKS ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*div#subnav_bottomBorder{
	height:19px;#
}*/