/* HSBC Direct css : Update May 16 */
body {width:760px;
	color:#000; 
	background-color:#fff;
	padding:0; 
	margin:0 0 0 30px; 
	font: normal normal 85%/95% verdana,arial,helvetica,san-serif,serif; 
	text-decoration:none;}
blockquote {font-weight:bold;}
strong {font-weight:bold; color:#f00;}
em {font-style:bold;  font-style:normal;}
.italic {font-style:italic;}
.req {color:#000; font-weight:bolder;}
div {overflow:visible;
	padding:0px;
	margin:0px;
	}
div.float_left {
	clear:none; 
	float:left;
	}
div.float_fix {
	overflow:hidden;
	clear:both;
	height:1px;
	padding:0;
	margin:0;
	font-size:.1em;
	line-height:1px;
	}
input, select {
	border: 1px solid #e7e7d9; 
    font-family:verdana,arial,helvetica,sans-serif; 
    font-size:.96em; 
    color:#666;
	}
p {
	padding:0;
	margin:0 10px 10px 0px;
	font-size:0.9em;
	line-height:1.43em;
	}
img {
	display:block;
	border-width:0;
	padding:0;
	margin:0;
	}
ul {
	padding:0; 
	margin:3px 10px 10px 10px;
	}
ul li{
	font-size:0.9em; color:#000;
	line-height:1.2;
	padding:0 0 0 0px;
	margin:0 0 7px 10px;
	overflow:visible;
	list-style-type:disc;
	}
ul li.on, ul li.on a {
	color:#F00;
	font-weight:bold;
	}
ul ul li{
	position:relative;
	left:-14px;
	padding:0 0 0 10px;
	margin:0 0px;
	}
	
	
/* Second level: 2 col layout : Links   */
ul li ul { display:none;}
ul li.on ul { display:block; }
ul li.on ul li.onC, ul li.on ul li.offC, {  margin-top:4px !important;}
ul li.on ul li.onC a { color:#F00;}
ul li.on ul li.offC a { color:#000; font-weight:300; }
ul li.on ul li a.off { color:#000; }
/* second level end */	
	
ol{
	padding:0; 
	margin:20px 0 0 0px;
	}	
ol li {
	color:#000;
	font-size:0.8em;
	line-height:1.2;
	padding:0 0 0 10px;
	margin:5px 10px 7px 0px;  
	list-style-type:decimal;
	}
ol li span {
	color:#505050;
	font-weight:medium;
	}
.no_bullet li{
	list-style-type:none;
	}
a {
	color: #000;
	text-decoration:none;
	/*font-size:11px; */
	}
a:hover {
	color: #ff0000;
	text-decoration:underline;
	}
.closed {
	display:none;
	}
.open {
	display:block;
	}
form {
	width:98%;
	padding:0;
	margin:5px 0 0 0px;
	font-size:.9em;
	font-weight:normal;
	}
form#contact_form {
	width:100%;
	padding:0;
	margin:0;
	z-index:50;
	position:relative;
	top:0px;
	*top:0px;
	}
/* START: WCAG 2.0 Level A Fix */
form#contact_form DIV#formFields {width: 450px;}
form#contact_form DIV#formFields p {font-weight: bold;}
form#contact_form DIV#formFields label {display: block; font-size: .9em; clear: both; padding-top: 1px; padding-bottom: 1px;}
form#contact_form DIV#formFields label span {display: block; width: 35%; padding-top: 2px; float: left; margin-right: 15px; margin-bottom: 15px;}
FORM#contact_form DIV#formFields SPAN {DISPLAY: block; FLOAT: left; MARGIN-BOTTOM: 15px; WIDTH: 35%; MARGIN-RIGHT: 15px; PADDING-TOP: 2px; font-size: .9em;}
legend { visibility:hidden; display:none; }
form#contact_form DIV#formFields DIV#contactUsStretched {display: block; width: 100%; height: 100%; padding-top: 2px; float: left; margin-right: 15px; margin-bottom: 0px;}
form#contact_form DIV#formFields DIV#contactUsStretched label span {display: block; width: 100%; padding-top: 1px; padding-bottom: 1px; float: left; margin-right: 15px; margin-bottom: 15px;}
form#contact_form DIV#formFields DIV#contactUsStretched select {padding-left: 15%; padding-bottom: 1px; float: right; margin-right: 15px; margin-bottom: 15px;}
form#contact_form DIV#formFields fieldset { border: none; padding: 0px; margin: 0px; }
form#contact_form DIV#formFields fieldset span { display: inline; float: none; width: auto; margin-right: 0px;}
form#contact_form DIV#formFields DIV.buttonAlignL {padding-left: 38%; padding-top: 15px;}
form#contact_form DIV#formFields DIV.buttonAlignL input {float: none; border: none; width: auto;}
/* END: WCAG 2.0 Level A Fix */	
object {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
button {   
	border:0px solid #F00;
	padding:5px; 
	color:#FFF; 
	cursor: pointer; 
	font-size:.925em; 
	font-weight:bold; 
	margin:10px 10px 10px 10px;
	background-color:transparent;
	}
.borderline {
	border-bottom:1px solid #CCC;
	padding:0px 0 10px 0px;
}
.right {text-align:right;}
.center {text-align:center;}
.center_buttons {
	margin:10px 100px 0 190px !important;
	margin:10px 0 0 55px;
	text-align:center;
	width:76%;
}
.center_buttons2 {
	margin:10px 0 0 0;
	text-align:center;
	width:76%;
}
.float_buttons{
	padding:0;
	margin:0 7px 0 0;
	white-space: nowrap;
	float:left;
	width:123px;
	background:transparent;
	}
.float_buttons_right{
	padding:0;
	margin:0 7px 0 0;
	white-space: nowrap;
	float:right;
	width:123px;
	background:transparent;
	}
.error, #error {background-color:#F99;
	}
.error_text, #error_text {
	color:#000; 
	font-size:.85em; 
	line-height:1.0em;
	font-weight:bold; 
	padding:0; 
	margin:0 0 10px 0px;
	border:2px solid #FCC;
	display:block;
	}
.error_text div, #error_text div{
	margin:5px 0 5px 5px;
	}
.help_bubble {
	width:259px;
	height:199px;
	background:url(../hbus_common_hsbcdirect/learn_more_bubble.gif) top left no-repeat;
	position:absolute;
	top:300px;
	left:150px;
	overflow:hidden;
	}
#contact_form { color:#000;}
#contact_form table {
	width:95%;
	}
#contact_form table tr td {vertical-align:top;}
#contact_form table tr td label {font-weight:normal;}

#contact_form table tr td.first {
	background-color:#fff;
	margin-bottom:5px;}

#contact_form #PC_7_0_15E1_message {
	width:96%;
	}
.vert_faq_border {
	background:url(../hbus_common_hsbcdirect/vert_faq_border.gif) top center repeat-y;
	float:left;
	min-height:430px;
	height:auto !important;
  	height:430px;
	overflow:visible; 
	z-index:1;
	}
/* headings */
h1 {padding:0;
	margin:0 0 0 0px; 
	font-size:1.7em;
	line-height:1.7em; 
	font-weight:normal;}

h2 {color:#000;
	padding:0;
	margin:0 0 0 0px; 
	font-size:1.3em;
	line-height:1.2em; font-weight:bold;}
h3 {color:#666;
	padding:0;
	margin:0 10px 10px 0px; 
	font-size:1.0em;
	line-height:1.2em; font-weight:bold;}
h4 {font-size:.95em; color:#000;
	line-height:1.0em;
	padding:0;
	margin:10px 0 0 0px; }

h5 {font-weight:normal;
	font-size:.80em;
	line-height:.95em;
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;}
/* end headings */

/*  header  */
#header {
	width:760px;
	padding:0px 0px 0px 0px;
	margin:0px auto 11px auto;
	}
#mast {
	width:760px;
	height:50px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-bottom:0px solid #F00;
	background:url(../hbus_common_hsbcdirect/red_nav_border.gif) bottom left no-repeat;
	white-space:nowrap;
	}
#logo {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	width:245px; height:45px;
	}
#cobrand {
	padding:0px;
	margin:12px 0px 0px 0px;
	}
DIV#country_nav {
	FLOAT: left; 
	*left:10px; 
	background:#fff; 
	margin:0px; padding:0px;
	width:245px; height:45px;
}
DIV#country_nav div { float:left; padding:0px;}
html body div#country_nav div { text-align:RIGHT;}
#choose_country {
	padding:0;
/*	margin:12px 0px 0px 0px;
	*width:55px;  ::: Rohan(s) Pixel Perfect */
	float:right;
	}
#choose_country label{
	padding-bottom:6px;
	
	}
select#country { margin-top:4px; }
.status_bar {
	padding:0px 0px 0px 0px;
	margin:2px 0px 0px 0px;
	float:right;
	width:190px; height:45px;
	}

.status_bar_btn {  position:relative; top:12px; #position:relative; #top:28%;}
.status_bar img { border:0px #000 solid; position:relative; bottom:-15px;}
.status_bar2 {
	padding:0;
	margin:0 10px 0 0;
	*margin:0;
	float:left;
	width:122px;
	}
#secure_lock {
	padding:0;
	margin:0 0 0 4px;
	float:right;
	}

.status_bar a.status_button, .status_bar2 a.status_button {
	padding:3px 5px 3px 5px;
	margin:20px 0 0 0;
	background:#3179d2; 
	color:#fff; 
	text-decoration:none;
	float:right;
	font-size:.80em;
	}  
.status_bar a.status_button:hover, .status_bar2 a.status_button:hover  {
	color:#fff; 
	text-decoration:underline;
	}
.status_bar p, .status_bar2 p, .status_bar a, .status_bar2 a{
	padding:0px 0px 3px 0px;
	margin:0px 0px 0px 0px;
	font-weight:normal;
	white-space:nowrap;
	font-size:.80em;
	float:right;
	vertical-align:top;
	}
.status_bar img {
	padding:0px 0px 0px 0px;
	margin:2px 0px 0px 0px;
	float:right;
	}
/*  end header  */

/* nav bar */
#nav_bar  {
	font-size:.9em;
	width:760px;
	height:25px;
	margin:0px auto 0px auto;
	padding:0px 0px 1px 0px;
	border-bottom:1px solid #DADADB;
	vertical-align:middle;
	}
#nav_bar ul {
	border:0px solid red;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
#nav_bar ul li {
	list-style:none;
	display:block;
	float:left;
	padding:0px 5px 1px 0px;
	margin:10px 0px 0px 5px;
	border-right:1px solid #DADADB;
	}
#nav_bar ul li a {
	color:#666;
	border-right:0px dotted #000;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	padding-left:8px; padding-right:8px;
	margin:0px 0px 0px 0px;
	}
#nav_bar ul li a:hover {
	color:#F00;
	font-weight:bold;
	text-decoration:none;
	}
#nav_bar ul li.on, #nav_bar ul li.on a {
	color:#F00;
	font-weight:bold;
	}
#nav_bar ul li.last {
	border-right:0px;
	}
/* end nav bar */

/* content */
#content {
	width:760px;
	min-height:500px;
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
	}
#main_content {
	float:left;
	padding:0px;
	margin:0px 10px 0px auto;
	width:760px;
	}
#main_content a{
	text-decoration:underline;
	}
.right_column #main_content{
	width:480px;
	padding:0px;
	margin:0px 0px 0px auto;
 	min-height:480px;
  	height:auto !important;
  	height:480px; 
	}
#content a.status_button {
	padding:5px 5px 5px 5px;
	margin:0px 0px 5px 0px;
	background:#F00; 
	color:#fff; 
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	}
#content a.status_button:hover {
	color: #fff; 
	text-decoration:none;
	}
.resume_button {
	padding:5px 5px 5px 5px;
	margin:auto;
	background:url(../hbus_common_hsbcdirect/btn_resume_app.gif) top left no-repeat;
	width:170px;
	height:20px;
	display:block;
	text-align:center;
	}	
#wide_faq_background {
	}
#main_content ol{
	padding:0px 0px 0px 0px; 
	margin:20px 0px 20px 15px;
	}	
#main_content ol li {
	color:#000;
	font-size:1.0em;
	line-height:1.2;
	padding:0px 0px 0px 10px;
	margin:20px 40px 7px 10px;  
	list-style-type:decimal;
	}
#main_content ul {
	padding:0px 0px 0px 0px;
	margin:10px 20px 0px 10px;
	}
#main_content ul li{
	font-size:0.85em;
	line-height:16px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 7px 10px;
	overflow:visible;
	}
	blockquote ul li{
	font-size:0.85em;
	line-height:16px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 7px 10px;
	overflow:visible;
	}
#main_content ul ul li{
	margin:0 0 0 20px;
	}
#main_content ul li a{
	text-decoration:underline;
	}
#main_content p{
	padding:0;
	margin:5px 20px 5px 0; 
	}
#main_content h2 {color:#000;
	padding:0;
	margin:5px 5px 0px 0px;
	}
#main_content h3 {color:#000;
	padding:0;
	margin:5px 5px 0px 0px; 
	}
.main_content_horz, .main_content_horz OL LI  {
	padding:0;
	margin:0 0 10px 0; color:#000;  
	}
.no_nav {
	padding:0;
	margin:20px 0 0 0; 
	}
.main_content_vert {
	width:32%; 
	padding:0;
	margin:0 0 10px 0; 
	float:left;
	} 

#right_content { border:0px #000 solid;
	width:273px;
	float:right;
	padding:0;
	margin:0 !important;
	min-height:480px;
  	height:auto !important;
  	height:480px; width:auto !important;
	}
#right_content p {
	margin:0 0 0 0px;
	}	
#right_content ol li {
	margin:0 0 10px 15px;
	}
.right_content1 {
	width:270px;
	padding:0;
	margin:0 0 10px 0;
	}
.right_content1 p{
	padding:0;
	margin:0;
	}
.right_content2 h3 { 
	color:#000;
	padding:10px 0px 0px 20px;
	font-size:1.3em;
	line-height:1.2em;  
	font-weight:normal; 
 }	

.right_content2 {
	width:275px;
	height:170px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:url(../hbus_common_hsbcdirect/resume_bkgrnd.gif) top left no-repeat;
	}
	

	
#right_content h2 {color:#000;
	margin:5px 0 0 0;
	padding:10px 0px 0px 20px; 
	/*border-bottom:0px solid #CCC;*/
	}
#right_content h3 {
	margin:5px 0px 0px 0px; 
	}
.right_content2 p {
	padding:10px 0px 10px 20px;
	margin:0 0 0 10px;
	}
	
.right_content2 p a img { float:left; margin-right:8px; }

#page_title {
	padding:0;
	margin:0px 0px 0px 8px;
	}
#page_title2 {
	padding:0;
	margin:0px 0px 0px 8px;
	}
#page_title img{
	padding:0 0 5px 0;
	margin:0 0 0 0px;
	}
#page_title h1, #page_title2 h1{
	color:#636363;
	font-size:1.8em;
	font-weight:500;
	margin:0 0 0 0px; line-height:30px; margin-bottom:10px; /* Rohan(s) : udpated line height, fort size and weight attr */
	}
.gray_border {
	width:98%;
	border-top:1px solid #CCC;
	padding:0px;
	margin:0px; display:none; /* Rohan(s) : Commented */
	}
#inline_tabs  {
	width:760px;
	padding:0px;
	margin:0 0 2px 0; 
	*margin:0px 0px -6px 0px; /* IE Fix */
	background-color:#FFF;
	}
#inline_tabs ul {
	border:0px solid red;
	padding:0;
	margin:10px 0px 0px 0px;
	}
#inline_tabs ul li {
	list-style:none;
	float:left;
	font-size:.9em;
	padding:10px 3px 0px 0px;
	margin:0px;
	background:url(../hbus_common_hsbcdirect/gray_tab.gif) top left no-repeat;
	width:187px;
	height:23px;
	text-align: center;
	}
#inline_tabs ul li a {
	color:#666;
	border-right:0px dotted #000;
	font-weight:bold;
	padding:0px;
	margin:0px;
	cursor:pointer;
	text-decoration:none;
	}
#inline_tabs ul li a:hover {
	color:#666;
	font-weight:bold;
	text-decoration:underline;
	}
#inline_tabs ul li.tab_on{
	color:#FFF;
	font-weight:bold;
	background:url(../hbus_common_hsbcdirect/red_tab.gif) top left no-repeat;
	width:187px;
	}
#inline_tabs ul li.tab_on a {
	color:#FFF;
	font-weight:bold;
	}
#inline_tabs h1 {
	color:#F00;
	padding:0;
	margin:10px 0 10px 0;
	}
.column1 { width:376px;
	
	margin:0;
	padding:0;
	float:left;
	cursor:pointer;
	background:transparent;
	overflow:visible;
	}
.column1 ul{
	padding:0;
	margin:0;
	}
.column1 ul li{
	list-style:none;
	line-height:.9em;
	margin:0;
	}
.column1 a:active, .column1 a:focus{
	color: #ff0000;
	font-weight:bold;
	}
.column2 { width:375px;
	padding:0; 
	margin:0; 
	float:right;
	background:transparent;
	border-left:0px solid #cdc1a7;
	overflow:visible;
	}
.column2 p {
	padding:0;
	margin:0; 
	}
.column2 ul{
	padding-left:0px;
	margin:0px;
	}
.column2 ul li{
	list-style:inherit;
	font-size:1.0em;
	margin:0px;
	}
.column2 .open ol{
	font-size:.9em;
	}
.column1, .column2 { margin-top:20px;} 
.column1 { width:377px; }	
.column2 { width:378px;}
.column2 div.gray480x480_bottom_left { width:auto !important;}	
.column2 div.gray480x480_bottom_left ul li { list-style-position:outside; margin-left:16px; font-size:0.9em;}	
.column2 div.gray480x480_bottom_left p { margin-top:14px;}	
.faq_bottom_left .column1 {
	padding:0;
	margin:0;
	}
.faq_bottom_left .column2 {
	padding:0;
	margin:0;
	}
.faq_bottom_left .column2 div {
	padding:0;
	margin:0px 5px 0 15px;
	}
.faq_background .column1 h1 {
	padding:0;
	font-size:3.0em;
	color:#F00;
	margin:0px 5px 0px 0px;
	}
.faq_background .column1{
	position:relative;
	top:-15px;
	*top:-25px;
	}
.faq_background .column2{
	position:relative;
	top:-15px;
	*top:-25px;
	left:20px;
	}
.faq_bottom_left .column2 h1 {
	padding:0;
	margin:0px 5px 0px 0px;
	font-size:3.0em;
	color:#F00;
	}
.column2 h2 {
	padding-left:0px;
	margin-left:0px;
	}
.column2 h3 {
	color:#F00;
	padding:0;
	margin:10px 0 10px 0px; 
	}
.form_column1 {
	width:27%;
	float:left;
	}
.form_column2 {
	width:27%;
	float:left;
	}
.form_column3 {
	width:27%;
	float:left;
	}
/* end content */

/* footer */
#footer {
	width:760px;
	border-top:1px solid #ccc;
	padding:0;
	margin:10px auto 0px auto;
	font-size:0.95em;
	line-height:1.4em;
	text-align:left;
	}
#footer a {color:#666;
	font-weight:normal;
	padding:0 10px 0 0;
	margin:0;
	text-decoration:underline;
	}
#footer a:hover {
	color:#f00;
	text-decoration:none;
	}
div#footer a[name] { /* Firefox fix for portal added a tags*/
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
	}
#footer_logo {
	width:auto;
	padding:10px 10px 0px 0px;
	margin:auto ;
	border-right:0px solid #CCC; /* Rohan(s) : New Design : Border set to 0 px */
	float:left;
	vertical-align:top;
	}

#footer_links {
	width:65%;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	font-size:0.8em;
	font-weight:bold; color:#999;
	}
.footer_column {
	width:30%;
	float:left;
	}
#footer_graphics {
	vertical-align:top; 
	padding:0; 
	margin:10px 10px 10px 10px; 
	float:right; width:140px;
	}
#footer_graphics a {
	vertical-align:top; 
	float:left;	
	padding:0px; 
	margin:0px;
	}
#footer_graphics img {
	vertical-align:top;
	float:left;
	padding:0px; 
	margin:0px 0px 0px 0px;
	}
#footer_graphics a img {
	vertical-align:top;
	padding:0px; 
	margin:0px 0px 0px 0px;
	}
#disclosure {
	width:auto;
	padding:0px;
	font-size:0.85em;
	line-height:1.4em;
	color:#999999;
	text-align:left;
	position:relative;
	left:0px;	
	clear:both; margin:0px;  
	}
#disclosure p { margin:0px;} 

/* end footer */

.print_page, #footer_logo.print_page {
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	border:0px solid #FFF;
	}	
#print_body{ 
	width:100%;
	padding:10px 0px 0px 0px;
	margin:10px 0px 10px 0px;
	float:left;
	}
#print_body span.closed{ 
	display:block;
	}
#print_body a.status_button {
	padding:5px 5px 5px 5px;
	margin:0px 0px 5px 0px;
	background:#F00; 
	color:#fff; 
	font-weight:bold;
	text-decoration:none;
	text-align:right;
	}
#print_body p.buttons {
	float:right;
	}
#print_body a.status_button:hover {
	color: #fff; 
	text-decoration:none;
	}
.flash_buttons {
	width:270px; 
	float:left;
	position:absolute;
	top:450px;
	left:100px;
	margin:0px auto 0px auto;
	z-index:2;
	}
	
/* added by L.H. 1-8-07 */	
.adjacentButtonsLeft {margin:0 0 0 95px; width:98px;}
html> body .adjacentButtonsLeft {margin:0 0 0 105px; width:98px;} /* for Firefox */
.adjacentButtonsRight {margin:-45px 0 0 195px; width:98px;}
html> body .adjacentButtonsRight {margin:-29px 0 0 200px; width:98px;} /* for Firefox */
/* end addition */		
	
/* rounded backgrounds */

.gray480x480_background, .gray480x480_top_right, .gray480x480_top_left, .gray480x480_bottom_left {
    /* background:transparent url(../hbus_common_hsbcdirect/standard_gray_bg.gif) no-repeat bottom right; */ background-color:#fff;
	} 
.gray480x300_background, .gray480x300_top_right, .gray480x300_top_left, .gray480x300_bottom_left {
    /* background:transparent url(../hbus_common_hsbcdirect/standard_gray_bg.gif) no-repeat bottom right; */
	} 
.gray480x170_background, .gray480x170_top_right, .gray480x170_top_left, .gray480x170_bottom_left {
    /* background:transparent url(../hbus_common_hsbcdirect/standard_gray_bg.gif) no-repeat bottom right; */ 
	}
.gray270x480_background, .gray270x480_top_right, .gray270x480_top_left, .gray270x480_bottom_left {
    background:transparent url(../hbus_common_hsbcdirect/standard_gray_bg.gif) no-repeat bottom right; 
	} 
.gray270x300_background, .gray270x300_top_right, .gray270x300_top_left, .gray270x300_bottom_left {
    /* background:transparent url(../hbus_common_hsbcdirect/standard_gray_bg.gif) no-repeat bottom right; */
	} 
.gray270x170_background, .gray270x170_top_right, .gray270x170_top_left, .gray270x170_bottom_left {
    /*background:transparent url(../hbus_common_hsbcdirect/standard_gray_bg.gif) no-repeat bottom right; background-color:#E0E3CB;*/
	 background-color:#E0E3CB;
	} 
.gray235x235_background, .gray235x235_background2, .gray235x235_top_right, .gray235x235_top_left, .gray235x235_bottom_left {background:transparent url(../hbus_common_hsbcdirect/standard_gray_bg.gif) no-repeat bottom right;} 
.faq_background, .faq_top_right, .faq_top_left, .faq_bottom_left {
    background:transparent url(../hbus_common_hsbcdirect/faq_bg.gif) no-repeat bottom right;} 
.full_background, .full_top_right, .full_top_left, .full_bottom_left {
    /* background:transparent url(../hbus_common_hsbcdirect/standard_gray_bg.gif) no-repeat bottom right; */} 
.gray480x480_background {color:#666; 
   	width: auto !important;
	padding:0px;
    margin:0px 0px 0px 0px;
	} 
.gray480x480_top_right {color:#666; 
    background-position:top right; 
	margin:0px; 
    padding-right:20px; 
	}
.gray480x480_top_left { 
    background-position:top left; 
    margin:0px; 
    border:0px;  
    padding:0px 0 0px 0px; /* Rohan(s) : Updated padding */
    height:auto !important; 
	height:1%;
	color:#666; 
	font-weight:bold;
	font-size:1.1em;
	}
.gray480x480_bottom_left {color:#000;  
    background-position:bottom left; 
   	margin-right:0px;
    padding:20px 20px 20px 20px;
	min-height:390px;
	width:440px;
  	height:auto !important;
  	height:390px;
	overflow:hidden; background-color:#F3F6E7;
	*overflow:visible; /* display fix for IE */
	}	
.gray480x300_background {color:#666;  
   	width: 480px !important;
	padding:0px;
    margin:0px 0px 10px 0px;
	} 
.gray480x300_top_right {color:#666;  
    background-position:top right; 
	margin:0px; 
    padding-right:20px; 
	}
.gray480x300_top_left { 
    background-position:top left; 
    margin:0px; 
    border:0px;  
    padding:15px 0 5px 15px; 
    height:auto !important; 
	height:1%;
	color:#666; 
	font-weight:bold;
	font-size:1.1em;
	}
.gray480x300_bottom_left {color:#666;  
    background-position:bottom left; 
   	margin-right:25px;
	padding:5px 0 15px 25px;
	min-height:210px;
  	height:auto !important;
  	height:210px;
	overflow:hidden;
	*overflow:visible; /* display fix for IE */
	}	
.gray480x170_background {color:#666;  
   	width: 480px !important;
	padding:0px;
    margin:0px 0px 0px 0px; background-color:#F3F6E7;
	} 
.gray480x170_top_right {color:#666;  
    background-position:top right; 
	margin:0px; 
    padding-right:20px; 
	}
.gray480x170_top_left { 
    background-position:top left; 
    margin:0px; 
    border:0px;  
    padding:15px 0 5px 15px; 
    height:auto !important; 
	height:1%;
	color:#FFF;
	font-weight:bold;
	font-size:1.1em; display:none; /* Rohan(s) may 11 Curves turned off Design change May */
	}
.gray480x170_bottom_left {color:#000;  
    background-position:bottom left; 
   	margin-right:25px;
    padding:5px 0 15px 25px;
	min-height:75px; line-height:15px;
  	height:auto !important;
  	height:75px;
	overflow:hidden; margin-top:10px;
	*overflow:visible; /* display fix for IE */
	}	
	
.gray480x170_bottom_left p, .main_content_horz p { margin-bottom:14px !important;}
	
.gray270x480_background {color:#666;  
   	width: 270px !important;
	padding:0;
    margin:0;
	} 
.gray270x480_top_right {color:#666;  
    background-position:top right; 
	margin:0px; 
    padding-right:20px; 
	}
.gray270x480_top_left { 
    background-position:top left; 
    margin:0px; 
    border:0px;  
    padding:15px 0 5px 15px; 
    height:auto !important; 
	height:1%;
	color:#666; 
	font-weight:bold;
	font-size:1.1em;
	}
.gray270x480_bottom_left {color:#666;  
    background-position:bottom left; 
   	margin-right:25px;
    padding:5px 0 15px 25px;
	min-height:406px;
  	height:auto !important;
  	height:406px;
	overflow:hidden;
	*overflow:visible; /* display fix for IE */
	}
.gray270x300_background {color:#666;  
   	width: 270px !important;
	padding:0;
    margin:0; 
	} 
.gray270x300_top_right {color:#666; 
    background-position:top right; 
	margin:0px; 
    padding-right:20px; 
	}
.gray270x300_top_left { 
    background-position:top left; 
    margin:0px; 
    border:0px;  
    padding:15px 0 5px 15px; 
    height:auto !important; 
	height:1%;
	color:#666; 
	font-weight:bold;
	font-size:1.1em;
	}
.gray270x300_bottom_left {color:#666;  
    background-position:bottom left; 
   	margin-right:0px;
    padding:15px 0 15px 25px;
	min-height:225px;
  	height:auto !important;
  	height:225px;
	overflow:hidden; 
	background-color:#F3F6E7;
	*overflow:visible; /* display fix for IE */
	}
	
.gray270x300_bottom_left div.main_content_horz {margin-right:0px; margin-top:17px;}



.gray270x170_background {color:#000; border:0px #000 solid;   
   	width: 245px;
	padding:15px 0px 15px  25px;
    margin-left:0; 
	} /* Rohan(s) : May 07 :  Updated margin-left : moving from curved corners */	
.gray270x170_background p { margin:0px !important; } /* Rohan(s) : May 07 :  Updated margin 0 : moving from curved corners */
.gray270x170_background p, div.gray270x300_bottom_left p { color:#000;} 	
.gray270x170_background h2, div.gray270x300_bottom_left h3 {  color:#000 !important; border-bottom:0px; text-decoration:none !important; border-bottom:0px #000 solid !important; }	/* Rohan(s) : May 07 :  border, font color, text decoration - new des req : moving from curved corners */
	
.gray270x170_top_right {color:#666; 
    background-position:top right; 
	margin:0px; 
    padding-right:20px; 
	}
.gray270x170_top_left { 
    background-position:top left; 
    margin:0px; 
    border:0px;  
    padding:15px 0 5px 15px; 
    height:auto !important; 
	height:1%;
	color:#666; 
	font-weight:bold;
	font-size:1.1em;
	}
.gray270x170_bottom_left {color:#666;  
    background-position:bottom left; 
   	margin-right:25px;
    padding:5px 0 15px 25px;
	min-height:75px;
  	height:auto !important;
  	height:75px;
	overflow:hidden;
	*overflow:visible; /* display fix for IE */
	}
.gray235x235_background {color:#666;  
   	width: 235px !important;
	padding:0;
    margin:10px 10px 0px 0px;
	float:left;
	} 
.gray235x235_background2 {color:#666;  
   	width: 235px !important;
	padding:0px;
    margin:10px 0px 0px 0px;
	float:left;
	} 
.gray235x235_top_right {color:#666;  
    background-position:top right; 
	margin:0px; 
    padding-right:20px; 
	}
.gray235x235_top_left { 
    background-position:top left; 
    margin:0px; 
    border:0px;  
    padding:15px 0 5px 15px; 
    height:auto !important; 
	height:1%;
	color:#666; 
	font-weight:bold;
	font-size:1.1em;
	}
.gray235x235_bottom_left {color:#666;  
    background-position:bottom left; 
   	margin-right:25px;
    padding:5px 0 15px 25px;
	min-height:187px;
  	height:auto !important;
  	height:187px;
	overflow:hidden;
	*overflow:visible; /* display fix for IE */
	}
.faq_background {color:#666;  
   	width: 760px !important;
	padding:0;
    margin:0;
	} 
.faq_top_right {color:#666;  
    background-position:top right; 
	margin:0px; 
    padding-right:20px; 
	}
.faq_top_left { 
    background-position:top left; 
    margin:0px; 
    border:0px;  
   	padding:15px 0 5px 15px; 
    height:auto !important; 
	height:1%;
	color:#666; 
	font-weight:bold;
	font-size:1.1em;
	}
.faq_bottom_left { 
    background-position:bottom left; 
   	margin-right:25px;
    padding:5px 0 15px 25px;
	min-height:388px;
  	height:auto !important;
  	height:388px;
	overflow:hidden;
	*overflow:visible; /* display fix for IE */
	}		
.full_background {color:#666;  
   	width: 760px !important;
	padding:0px;
    margin:0px 0px 0px 0px;  background-color:#F3F6E7; /* Rohan(s) Class Applies to Sitemap : Bg Change  */
	} 
.full_top_right {color:#666;  
    background-position:top right; 
	margin:0px; 
    padding-right:20px; display:none; /* Rohan(s) Hide Div */
	}
.full_top_left { 
    background-position:top left; 
    margin:0px; 
    border:0px;  
    padding:15px 0 5px 15px; 
    height:auto !important; 
	height:1%;
	color:#666; 
	font-weight:bold;
	font-size:1.1em;
	}
.full_bottom_left {color:#000;  
    background-position:bottom left; 
   	margin-right:0px;
    padding:5px 10px 10px 15px;
	min-height:388px;
  	height:auto !important;
  	height:388px;
	overflow:hidden;
	*overflow:visible; /* display fix for IE */
	}		
	
	
	


#footer_links .footer_Right { background:#fff;}
#footer_links .footer_Right ul li { list-style-type:none; list-style-position:outside; color:#999; font-size:0.9em; background:#fff; font-weight:400;} 
#footer_links .footer_Right ul li div { width:80px; float:left; }
#footer_links .footer_Left { background:#fff;}
#footer_links .footer_Left ul li { list-style-type:none; list-style-position:outside; color:#999; font-size:0.9em; background:#fff; font-weight:400;} 
#footer_links a { color:#999;  } 
#footer_links a:hover { color:#FF0000;  } 
#footer_links a:visited { color:#999;  } 

/* Reasonable */
div.LeftNav { width:150px; }
div.LeftNav ul { background-color:#; list-style:none; color:#fff; 
padding:1px; font-size:0.8em; overflow:visible; *overflow:hidden;  margin:0px !important; width:166px;   }
div.LeftNav ul li {list-style:none; color:#000; border:0px #000 solid; border-bottom:1px #ADAE9B solid; line-height:28px; margin:0px !important; width:159px;   }
div.LeftNav ul li a { color:#fff;  padding:4px; margin:0px;  line-height:28px; margin-left:4px; text-decoration:none; font-size:1.04em; font-weight:bold;  }
div.LeftNav a:link, div.LeftNav a:visited { text-decoration:none !important; }
div.LeftNav a:hover{ text-decoration:underline !important;}
div.LeftNav ul li.Link a { color:#000; background-color:#F3F6E7; } 
div.LeftNav ul li.Link { color:#000; background-color:#F3F6E7;  width:166px;   } 



/* 3 Column Section Styling */
div.RightLeftBorder { background-image:url(../hbus_common_hsbcdirect/Left-column-bg-extended.gif); background-repeat:no-repeat; *line-height:4px; *width:760px; width:760px; margin:0px; padding:0px; background-color:#F3F6E7; height:4px; *height:auto;}
*html div.RightLeftBorder { width:auto !important; }
div.RightColumn { float:right; width:590px; height:100%;

/* Pixel Perfect : Updates ie only : need to be verified */
*width:578px; *float:left; *margin-left:3px;

}
RightColumn .faq_A_Style p { background-color:#006600;}
div.RightColumnBg div.div12 { float:left; *width:166px !important; border:0px #000 solid;}
div.LeftColumnBg { border:0px #000 solid; background-image:url(../hbus_common_hsbcdirect/bg-faq.gif);  background-position:0px 0px ; background-repeat:repeat-y; padding-top:0px; padding-bottom:0px; height:100%; background-image:url(../hbus_common_hsbcdirect/Left-column-bg-extended01.gif); width:760px; }
div.Switch1{ border:0px #000 solid; background-image:url(../hbus_common_hsbcdirect/bg-faq.gif);  background-position:0px 0px ; background-repeat:repeat-y; padding-top:0px; padding-bottom:0px; height:100%; background-image:url(../hbus_common_hsbcdirect/Left-column-bg-extended02.gif); width:760px; } /* Class driven by JavaScript */
div.Switch2{ border:0px #000 solid; background-image:url(../hbus_common_hsbcdirect/bg-faq.gif);  background-position:0px 0px ; background-repeat:repeat-y; padding-top:0px; padding-bottom:0px; height:100%; background-image:url(../hbus_common_hsbcdirect/Left-column-bg-extended.gif); width:760px; } 


/* Class driven by JavaScript */

div.faq_Q_Style, div.faq_A_Style { margin-bottom:40px; }
div.faq_A_Style { float:left; margin-left:2px; width:49.3%; }
div.faq_Q_Style { float:left; width:49%;  background-color:#fff; }
.faq_Q_Style h1, .faq_A_Style h1 { margin-left:10px; *font-weight:600; font-weight:590; margin-bottom:10px; color:#000; }
.faq_Q_Style ul { border:0px #000 solid; margin:0px !important;}
.faq_Q_Style ul li { list-style:none !important; margin-top:13.5px;}
.faq_Q_Style ul li a  { text-decoration:underline !important; list-style:none; font-weight:400; color:#000;}
.faq_Q_Style ul li.on a { color:#EE3024; text-decoration:underline !important; list-style:none; font-weight:700;}
.faq_Q_Style ul li { font-weight:500; font-size:.75em !important;}
.faq_Q_Style ul li ul li { font-weight:500; font-size:1em !important;}
.faq_Q_Style h3, .faq_A_Style h3 { font-size:.85em;}
.faq_A_Style { margin-left:18px;}
.faq_A_Style p, .faq_A_Style ol { font-weight:500; font-size:.7em; margin-top:4px;}
.faq_A_Style div, .faq_A_Style h1 { margin-left:18px;}


/* Expand Boxes Functionality */
div.ExpBox { border:1px #666 solid; margin-right:30px; background-color:#E3E6D0; display:none; font-size:.9em; padding:12px; margin-top:0px; width:auto;}
div.ExpBox  br { clear:both;}
div.ExpBox p {  }
div.ExpBox  div { float:right; margin-bottom:10px; } 
div.ExpBox  ol { padding:0px; margin-top:10px !important;  list-style-position:outside; font-size:.9em; color:#000; 	list-style-type:decimal;   }
div.ExpBox  ol li {  margin:3px 0px 0px 10px !important; font-size:.9em; color:#000; border:0px #000 solid  }
div.ExpBoxHidBrd { border-top:0px #000 solid; margin-right:30px; padding-top:10px; font-size:.9em; }
div.ExpBoxHidBrd  strong {font-size:1.0em; color:#000}
div.ExpBoxHidBrd .left { float:left; width:45%; text-align:left; margin-left:auto; margin-right:auto; }
div.ExpBoxHidBrd .right { float:right; width:50%; text-align:left; margin: 0 auto; padding-left:14px; border-left:0px #000 solid}
div.ExpBoxHidBrd img { /*padding:8px;  margin: 0 auto;*/}

/* Horizontal style added : to be merged   */
div.main_content_horz hr { height:1px; *color:#CACCC1; background-color:#ccc; border:0px; margin-right:17px;}
div.main_content_horz h4 { margin-top:24px;}
.ImageColumn  { margin-top:-5px; }

/* Curves hidden : should be removed from Template etc wherever possible  */
div.gray480x480_top_right, div.gray270x300_top_right { display:none;}
div.gray270x170_top_left, .gray270x170_top_right { border:1px #000 solid;}
div.faq_A_Style ul li { font-size:.7em !important;}

/* New Additions */
.main_content_vert  ul.Sitemap { padding:0px; color:#fff; padding:15px 0px 0px 0px !important;}
.main_content_vert  ul.Sitemap li.title { font-weight:bold; font-size:.9em !important;}
.main_content_vert  ul.Sitemap li { font-size:.75em; list-style-position:outside; list-style:none; margin-left:0px !important; line-height:8px !important; padding:0px;}
.main_content_vert  ol li { font-size:.75em;} 
#contact_form p { border:1px #000 solid; } /* Not working */
div.gray480x480_bottom_left #contact_form p { margin:0px 0px 20px 0px;}
div.gray480x480_bottom_left #contact_form table th { text-align:left; width:180px; font-size:11px; font-weight:normal;} */
div.buttonAlignL p.left img { float:left; margin-right:4px; margin-top:4px;}
div.buttonAlignL p.left button { float:left; width:70px; margin-right:4px; margin-top:0px; border:0px #000 solid; padding:0px !important;}

/* Form Element Fixes */
#contact_form select { width:250px}


/* debug purpose classes */
div.border { border:1px #000 solid; }


