/* CSS Document */
/*footer section links */
div#bttm_related_links {width:540px; border-top:1px dotted #F0F0F0; font-size:.99em; margin-top:10px; padding-top:10px;}
div#bttm_related_links div.float_left {width:30%; margin-right:12px;}

/* links */
a.redLink:link strong {color:#c00; text-decoration:none; line-height:1.3em;}
a.redLink:visited strong {color:#c00; text-decoration:none; line-height:1.3em;}
a.redLink:hover  strong{ text-decoration:underline; line-height:1.3em;}

a.black_link:link {color:#333;}
a.black_link:hover {color:#c00;}
#search_nav a{padding:0 4px 0 4px;}
#search_nav a:hover {padding:0 4px 0 4px;}
a.search_tab:link {background-color:#E9E9E9; color:#666; font-weight:bold; padding:5px 8px 5px 8px; text-decoration:none;}
a.search_tab:hover {background-color:#666; color:#fff; font-weight:bold; padding:5px 8px 5px 8px;}
a.red_arrow:link, a.red_arrow:visited {background:url(/hsbcusa/images/arrow_solid_red.gif) no-repeat 0 5px; padding-left:6px;}
a.red_arrow:hover {background:url(/hsbcusa/images/arrow_solid_red.gif) no-repeat 0 5px; padding-left:6px;}

/* Account Options */
div.box_account {border:0; background-color:#F5F2EA;}
div.box fieldset{border:0; background-color:#F5F2EA; margin:0; padding:0 0 0 6px; width:163px;}
div.box select {width:155px; font-size:.99em;}
div.box button {margin-bottom:6px; float:right;}
div#sub_content div.box img {float:left; padding-right:4px; border:#f0ede1;}
div.img_feature {border:1px solid #f0ede1; width:175px;}
div.box img{float:left; margin-right:4px;}
div.box a {color:#3179d2;}
div.box a:hover {color:#c00;}

/* level one landing page */
div.product_lists {background-image:url(/hsbcusa/images/bg_landingpage.gif); font-size:.95em; padding-top:5px;}
div.product_lists strong a {text-decoration:underline;}
div.product_lists a {text-decoration:none; line-height:1.3em; }
div.product_lists ul {margin:0 6px 0 8px; padding:0;}
div.product_lists li {list-style-image:url(/hsbcusa/images/arrow_solid_red_hme.gif); margin:-15px 0 20px 0px; padding:0 0 10px 0px; background:transparent url(/hsbcusa/images/bg_horzDots_bg.gif); background-repeat: repeat-x; background-position:bottom left;}
div.product_lists span {color:#999;}
h1.landing_page {color:#666;background-color:#f1ede2; padding:3px 3px 3px 3px; padding-left:5px; font-size:.95em; font-weight:bold;}
h2.landing_page {color:#666;background-color:#f1ede2; padding:1px; padding-left:5px; font-size:1.025em; font-weight:bold; width:170px;}

/* 2 column layout */
div.no_nav_no_sub{background-image:none; width:743px;}
div.no_nav_no_sub div.content, div.no_nav_no_sub div#main {background-image:none; width:743px;}
/* Contact Forms */
table.contact_forms  {border:0;}
table.contact_forms th {text-align:right; background-color:#FAFAFA; border-bottom:3px solid white;}
table.contact_forms td {border:0;}
div.buttons {text-align:right; }
/* lists */
ul {list-style:square; padding:0; margin:10px 40px;}
li {padding:0; margin:0 0 8px 0; line-height:1.2em;}
ul.gen_content_links, ul.content_column2, li.gen_content_links, li.content_column2 {margin:-7px 0 20px 0; padding:0; list-style:none;}
ul.contact_list {margin:4px 0 0 10px; list-style:none; list-style-image:none; font-size:1.2em;}
li.margin_new_section {margin-top:15px; font-weight:bold; list-style-image:none;}
ul.list_indent {padding-left:10px;}
/* right column headers for promotions */
.sitemap_level1 h4, .sitemap_level2 h4{font-weight:normal; font-size:8em;}
div.header_toolbar {margin-bottom:-100px;}
/* Misc Classes */
div.negative_margin {margin-bottom:-12px;}
.search_tab_on {background-color:#666; color:#fff; font-weight:bold; padding:5px 8px 5px 8px;} 
#search_nav {text-align:center; margin:10px 0 10px 0;} 
td p , th p {font-size:1em;}

/* classes for tables (this includes the form elements) */
.search_table th {background-color:#FAFAFA; text-align:right; padding:2px 5px 2px 5px; vertical-align: middle;}
/** Tables **/
table.search_table , div#search td , table.search_table td{border:0;}
/* MISC */  
div.remove_background {background-image:none;}
.txt_align_right {text-align:right;}
div.gray_bg {background-color:#FAFAFA; padding:2px;}
div.gray_bg img{float:left; padding-right:8px;}
div.indent-left {margin-left:15px;}
div#sub_content_nav {padding-right:0;}
div.disclaimer {color:#999; padding:0 0 0 10px; margin:0; width:540px; font-size:.87em; background-color:#fff;}
div.vert_dots {background:transparent url(/hsbcusa/images/dots_bg.gif) repeat-y 0% 0%; padding:0 0 10px 14px; width:45% }
img.float_right {float:right;}
div.home_page {margin:0 0 10px 0; padding:0;}

/* Comparison Chart */
div.comparison_chart  {clear:both; padding-top:15px;}
div.comparison_chart h3 {color:#FFF;text-align:center;}
div.comparison_chart table {border:1px solid #ccc;}
div.comparison_chart th.comparison_header  {background-color:#999; color:#FFF;}
div.comparison_chart ul {margin-top:0;}
div.comparison_chart li  {padding:0 3px 0 8px;font-size:.95em;}

/* Product Detail */
table.apply_now {background:#F1EDE2; padding:0; border:1px solid #ccc; width:90%; margin-bottom:20px; font-size:1em;} 
table.apply_now td {font-weight:bold;}
td.apply_now_redBg {background:#c00; padding:2px; text-align:center;}
table.apply_now a {color:#fff; background-image:url(/hsbcusa/images/arrow_white.gif); background-repeat: no-repeat; background-position: 0 6px; padding-left:5px;} 
table.apply_now a:hover {color:#fff;}
img.photo_left {margin-right:10px; float:left;}
/** Fix Nav Fold **/
div#container div#sub {padding:0; border:1px solid black;}

/** Style sheet fixes for QA **/
div#sub_content {margin:0; padding:0;}
div#sub_content div.sec_content_promo h4, div#sub_content_nav div.sec.content_promo h4
 {font-size:1.1em;color:#fff;background-color: #999;padding:3px 3px 4px 3px;margin-bottom:7px;}
h1.account_header   { font-size:1em;}
div#landing_page_maincontent {margin:0; padding:0; font-size:1.1em;}
table.top_page_search th  {width:200px; text-align:right;}
table.top_page_search button  {font-weight:bold; font-size:.925em;}
div.product_lists { font-size:.92em;}
h1.secondary_promotion_box {line-height:1.2em;}
div#sec_content {font-size:.9em;}
.accountForms {font-size:1em;}
div#main div#main_center_content {margin:0; padding:0; background-image:none;}
div.tertiary_nav h3{font-size:1em; padding:2px 0 2px 0px;}
div.tertiary_nav li {font-size:.95em;}
strong {color:#000;}
ul.gen_content_links {font-size:1.1em; padding-top:2px;}
div#sub_content_nav div.box p, div#sub_content div.box p , div#sub_content div.box li{font-size:.99em;}
div#secondary_nav {font-size:.87em; padding-bottom:2px; margin-top:-5px;}
div#search {margin-right:-10px;}
div#search fieldset {padding:0; margin:0; text-align:right;}
div#search table {width:auto;}
div.float_right div.product_lists  strong a { text-decoration:underline;}
em {font-weight:normal; font-style:italic;}
p {margin-bottom:7px;}
div.box_account_bottom {margin-top:-20px;} /*Move the bottom account box up*/
div.box .button {margin:0 5px 4px 0;}
table.search_table li {font-size:1em;}
div.product_lists ul li strong a:link {text-decoration:underline;}
div.product_lists ul li strong a:hover{text-decoration:underline;}
div.product_lists ul li strong a:active{text-decoration:underline;}
div.product_lists ul li strong a:visited{text-decoration:underline;}
div.sec_content_promo {font-size:.9em; width:175px; margin:0 0 15px 0;  padding:2px; border:1px solid #F0EDE1; voice-family: "\"}\""; voice-family:inherit; width:auto;}
div#sub_content_nav div.box h3 {color:#fff;background-color: #999;padding:3px 3px 4px 3px;margin-bottom:7px;}
div.box {width:169px;padding:2px;border:1px solid #F0EDE1;}
div#footer div.float_left {width:60%;}
ul.contact_list {margin:4px 0 0 10px; list-style:none; list-style-image:none; font-size:1.0em;}
div#float_left_maincontent table{border:0px solid #ccc;}
div#main h1, div#main h3{line-height:1.1em;} /*headers on spanish page*/
div#search #go {padding:0 2px 0 2px;} /*fix go button padding at top of page*/
fieldset {border:0;}
li h5 {font-size:1.1em;} /*site map fix increase font size*/ 
ul ul li  h5{font-size:1.2em;}
div#float_footer_fix {margin-bottom:0;}  /*remove from template*/
table.table_border1 th {background-color:#999; color:#fff; font-weight:bold;}

IMG.videoImg { PADDING-LEFT: 5px; float: right; PADDING-TOP: 5px; PADDING-BOTTOM: 5px; }

/** /Style sheet fixes for QA **/
/** Remove **/
div#folding_fix div#logo {float:left; text-align:left; margin-left:5px}
div#folding_fix div#utility_nav div.float_right{width:500px;  text-align:right;}
div#folding_fix  div#landing_page_column1 div#sec_content p {font-size:.8em;}
div#folding_fix h1.account_header {font-size:.9em; padding:4px;}
div#folding_fix  div.product_lists {font-size:.85em;}
div#folding_fix  div#sec_nav {font-size:.85em;}
div#folding_fix  div#landing_page_maincontent {margin-top:15px; margin-left:5px;}
div.sec_content_promo h1  {font-size:1.1em; padding:4px;}
div.sec_content_promo li {font-size:.95em;}
div.sec_content_promo p {font-size:.95em;}
div#sec_content p {font-size:1.2em;}
table.accountTable select {font-size:.99em;}
html > body p {font-size:1em;} /*make fonts larger in fire fox*/


div#main div.vert_sep {background:transparent url(/hsbcusa/images/dots_bg.gif) repeat-y;  background-position:right top; padding:0; margin:0; width:185px;}

/* following added by Robert 07May07 for recruiting */
.feature_event_banner {
	background: url(/careers/images/feature_banner_bg.gif) no-repeat; 
	width:359px;
	height:153px;
	margin:0 0 10px 0;
	}
.feature_event_text {
	width:140px;
	padding:2px 0 0 5px;
	font-size:.87em;
	}
.feature_head {
	font-weight:bold;
	color:#F00;
	font-size:.95em;
	}
.region_map {}
.red {
	color:#F00;
	}
.event_listings {
	display:table;
	width:360px;
	}
.event_header {
	display:table-header-group;
	background-color:#999;
	color:#FFF;
	font-size:1.0em;
	font-weight:bold;
	padding:4px;
	margin:0;
	}
.event_description {
	display:table-row;
	background-color:#FFF;
	color:#000;
	font-size:.95em;
	line-height:1.1em;
	padding:4px 0 4px 4px;
	margin:0;
	}
.alternate_row {
	background-color:#EEE;
	}
.display_inline {
	display:inline;
	}
div#logo {
	margin-bottom:5px !important;
	padding-bottom:4px !important;
	}

/* added by Robert 14May07 for product selector */
.card_options, .credit_rate {
	width:479px;
	min-height:140px;
  	height:auto !important;
  	height:140px;
	padding:0;
	margin:0 0 22px 0;
	*margin:0 0 20px 0;
	clear:both;
	}
.choices_desc {
	width:236px;
	min-height:60px;
  	height:auto !important;
  	height:60px;
	vertical-align:top;
	float:left;
	padding:0 0 0 15px;
	margin:0;
	line-height:.85em !important;
	*line-height:.90em !important;
	}
.choices_desc h4 {
	font-size:1.0em;
	color:#CC0000;
	padding:2px 0 9px 0;
	}
.choose_options {
	width:200px;
	min-height:60px;
  	height:auto !important;
  	height:60px;
	float:right;
	vertical-align:top;
	padding:31px 0 0 20px;
	*padding:28px 0 0 20px;
	margin:0;
	}
.choose_options input {
	margin-bottom:5px;
	*margin-bottom:0;
	}
.choose_options input br {
	padding:0 0 2px 0;
	}
#card_choices_error, #rate_credit_error {
	display:none;
	margin:-28px 0 0 0;
	height:105px;
	}
/* normal form error  */
.error {
	background-color:#FFC;
	color:#F00;
	font-weight:bold;
	}

/* product selector specific error */
 #card_choices_error .error, #rate_credit_error .error {
	width:192px !important;
	height:105px;
	background:transparent url(/hsbcusa/images/error_background.gif) top left no-repeat;
	color:#F00;
	font-weight:bold;
	margin:0;
	padding:0;
	}
#card_choices_error .error p , #rate_credit_error .error p {
	margin:5px 15px 0 15px !important;
	}


.ps_divide {
	width:474px;
	min-height:2px;
  	height:auto !important;
  	height:2px;
	background:transparent url(/hsbcusa/images/horz_dots.gif) repeat-x top left;
	margin:3px 0 3px 0;
	padding:0;
	clear:both;
	}
#card_selection {
	min-height:360px;
  	height:auto !important;
  	height:360px;
	margin:0;
	padding:0;
	}
button#cardChoice {
	float:right;
	margin:0 20px 30px 0;
	*margin:0 20px -5px 0;
	clear:both;
	}
button#orchardApply {
	float:right;
	margin:10px 10px 0 0;
	}
.curved_header_bg {
	background:transparent url(/hsbcusa/images/red_bg_curve.gif) no-repeat top center; 
	color:#FFF;
	font-weight:bolder;
	font-size:1.0em;
	height:26px;
	padding:7px 0 0 33px;
	margin:15px auto 0px auto;
	}
.curved_background, .top_right, .top_left, .curved_bottom_left {
    background:transparent url(/hsbcusa/images/white_bg_curve.gif) no-repeat bottom right; 
	} 
.curved_background { 
   	width:509px !important;
	padding:0px;
    margin:-6px auto 0px auto;
	} 
.top_right { 
    background-position:top right; 
	margin:0px; 
    padding-right:10px; 
	}
.top_left { 
    background-position:top left; 
    margin:0; 
    border:0px;  
    padding:0 0 0 10px; 
    height:auto !important;
	}
.curved_bottom_left { 
    background-position:bottom left; 
   	margin:0 10px 0 0;
    padding:0 0 0 10px;
	min-height:10px;
  	height:auto !important;
  	height:10px;
	overflow:hidden;
	*overflow:visible; /* display fix for IE */
	}	
.colOne {
	width:140px;
	margin:0 10px 0 0;
	float:left;
	}
.colTwo {
	width:335px;
	margin:0;
	float:right;
	}
.sm_results_box {
	border:1px #999 solid;
	width:127px;
	}
.sm_results_box h5 {
	margin:0;
	padding:3px 0 5px 3px;
	height:12px;
	background-color:#999;
	color:#FFF;
	font-weight:bolder;
	}
.sm_results_box ul {
	padding:0 0 0 20px;
	margin:5px 0 0 0;
	}
.lg_results_box {
	border:1px #666 solid;
	width:330px;
	postion:relative;
	min-height:100px;
	height:auto !important;
	height:100px;
  	display:table;
	padding:0;
	}
.lg_results_box h5 {
	margin:0;
	padding:3px 0 5px 3px;
	height:12px;
	background-color:#666;
	color:#FFF;
	font-weight:bolder;
	}
.lg_results_box ul {
	padding:0 0 0 20px;
	margin:5px 0 0 0;
	clear:all;
	}
.largeCol {
	width:220px;
	float:right;
	min-height:100px;
	height:auto !important;
	height:100px;
	display:table-cell;
	margin:0;
	padding:0;
  	}
.smallCol {
	width:100px;
	float:left;
	min-height:60px;
	height:auto !important;
	height:60px;
	display:table-cell;
  	}
.smallCol img {
	padding:8px 0px 5px 6px;
	margin:0;
	}
.apply_section {
	width:220px;
	display:table;
	vertical-align:top;
	}	
.apply_section .apply_links {
	width:128px;
	display:table-cell;
	vertical-align:top;
	float:left;
	}
.apply_section .apply_button  {
	width:70px;
	display:table-cell;
	vertical-align:top;
	float:right;
	padding:10px 5px 0 0;
	margin:0 2px 0 0;
	}
.apply_button button {
	padding:0 6px 3px 6px;
	}
div#recommend_content ul li {
	list-style:url(/hsbcusa/images/small_square_bullet.gif) outside;
	padding:0 0 0 0 !important;
	margin:0 0 5px 0 !important;
	}
ul li.arrowBullet {
	list-style-image:url(/hsbcusa/images/red_arrow_bullet.gif);
	vertical-align:top;
	}
#openCloseButton {
	width:60px;
	height:16px;
	padding:0 20px 0 0;
	margin:0 0 0 0;
	float:right;
	}
.closedStatus {
	background:transparent url(/hsbcusa/images/close_button.gif) no-repeat top left; 
	}
.openStatus {
	background:transparent url(/hsbcusa/images/open_button.gif) no-repeat top left; 
	}
#openCloseButton a {
	width:30px;
	font-size:.60em;
	color:#000;
	text-decoration:none;
	padding:0 0 0 2px;
	}
.alignBullet ul {
	padding:0 0 0 20px;
	margin:0;
	}
div#noresults {
	font-weight:bold;
	color:#C00;
	padding:5px;
	}
	
table.demisebox   { background-color: #fbfbcc; border: 1 solid #808080; margin: 5 }
table.demisebox td {valign:center; border:0;}
div.demisebox   { background-color: #fbfbcc; border: 1 solid #808080; margin: 5;padding:5px;margins:5px; }
img.demiseimg   { text-align: Left; float: left; margin-left: 5; margin-right: 4; margin-top: 5; 
               margin-bottom: 5 }
div.demisebox a {text-decoration: none;color:black;}

div#overlaydemise {background-color: #333333; display: block; position: absolute; top: 0pt; left: 0pt; width:100%; height: 100%; z-index: 1000 !important; /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;}
div#spanishdemise {display: block; width: 500px; position: absolute; top: 200px; left: 200px; border: 1 solid #808080; z-index: 1001 !important;  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1;}
body {z-index: 1 !important;}


ul#hwpdropdown { height: 147px; }
div#mast div.tab_nav ul li.on a { display: none;}
div#mast div.tab_nav ul.no_status li a { display: none;}
div#search {display:none;}
div#mast div.float_right {display:none;}
div#mast div.tab_nav ul li a {display:none;}

