


div#mast {margin-bottom:0px;}
div#container {width:770px;margin-left:0;position:relative;top:-25px;margin-top:0;margin-bottom:0px;}
div#main {margin-right:10px;}
/*** TABS PRIMARY NAV ***/
div#mast div.tab_nav  { background-image:url(/learn-about-loans/images/tab_bar_line_ext.gif);top:-5px; /* counter acts div.tab_nav ul offset */
	overflow:visible; /* safari & ie requires visible to to make div behave */
	clear:both;width:760px;background-color:transparent;
	border-bottom:0px solid #666;
	} /* ie gap hack */
html > body div#mast div.tab_nav {height:auto;}

div#mast div.tab_nav div.line { background-image:url(/learn-about-loans/images/tab_bar_line_ext.gif);width:100%;clear:both}
div#mast div.tab_nav ul {position:relative;
	top:0px;left:0px; width:549px;margin-left:0;} /* offset tabs over red bar */
div#mast div.tab_nav ul li {height:auto;background-color:transparent; background-image:url(/learn-about-loans/images/tab_bar_background.gif);}
div#mast div.tab_nav ul li a {
	color:#000;
	padding-bottom:5px;padding-top:10px;padding-left:4px;padding-right:4px;
	font-size:.78em;
	font-weight:bold;
	text-decoration:none;}
div#mast div.tab_nav ul li a:hover {color:#c00;}
.assistance {position:absolute; top:100px;left:560px;color:#18453b;font-size:.9em;font-weight:bold;padding:0 0px 0px 0px;background-color:none;}
.assistance_sub {color:#666;font-size:.75em;}

div#sub_content_nav {padding-right:0;}

/* utility nav (margin-bottom WAS 15px) */
div#utility_nav  {color:#333;
	background-color:#fff;
	font-size:.8em;line-height:1.0em;
	margin-bottom:15px;margin-top:0;*border-bottom:1px solid #ccc;padding-bottom:2px;padding-right:0;}
div#utility_nav a:hover	{text-decoration:underline;}
div#utility_nav .float_right {height:18px;padding:3px 0px 3px 5px;margin-top:-4px;}	
div#utility_nav a .float_right{color:#fff;text-decoration:none;margin:0;}
div#utility_nav a:hover .float_right {color:#fff;text-decoration:underline;}
.float_right a{padding:0 5px;border-right:0px solid #333;margin:0;margin-top:0;}

/* utility nav On */
div#utility_nav a.on {color:#fff;text-decoration:none;background-color:#18453b;padding:3px 5px 3px 5px;
margin:0;border:0;font-weight:bold;}
div#utility_nav a:hover.on {color:#fff;text-decoration:underline;}
div#utility_nav a.login { color:#fff;text-decoration:none;background-color:#c00;padding:3px 20px 3px 5px;margin:0;border:0;font-weight:bold;}
div#utility_nav a:hover.login {color:#fff;text-decoration:underline;}


/* logo (height WAS 60px)*/
div#logo {width:294px;height:70px;
	margin-left:18px;margin-bottom:0;}
	
	
/*** TABS SECONDARY NAV ***/
div#secondary_tab {border-bottom:4px solid #18453b;margin-bottom:0;height:35px !important; padding-bottom:9px;_padding-bottom:0px; *padding-bottom:0px;}
div#secondary_tab .tab_nav_sub  {top:5px; /* counter acts div.tab_nav ul offset */
	overflow:visible; /* safari & ie requires visible to to make div behave */
	clear:both;
	height:.1em;} /* ie gap hack */
html > body div#secondary_tab .tab_nav_sub {height:auto;}

div#secondary_tab .tab_nav_sub ul {position:relative;
	top:5px;left:0px;margin-left:0;width:567px;} /* offset tabs over red bar */

div#secondary_tab .tab_nav_sub ul li {height:auto;
	background-image: url(/learn-about-loans/images/tab_secondary.gif);background-color:#e4e6be;}
	
div#secondary_tab .tab_nav_sub ul li a {
	color:#000;background-image:url(/learn-about-loans/images/tab_secondary.gif);
	padding-bottom:4px;
	font-size:.8em;
	font-weight:bold;
	text-decoration:none;}
div#secondary_tab .tab_nav_sub ul li a:hover {color:#c00;}

/* double line tab */
html>body .tab_nav_sub {border-top-width:0;}
.tab_nav_sub ul li a span {position:relative;top:.5em;}
.tab_nav_sub ul li a span.double {position:relative;top:0;}
	
/* tabs SECONDARY nav On */
div#secondary_tab .tab_nav_sub li.on {background-color:#fff;}
div#secondary_tab .tab_nav_sub li.on a {color:#000;padding-bottom:11px;} /* padding forces overlap of rule */

/* tabs nav NO status */
div#secondary_tab .tab_nav_sub ul.no_status {position:relative;top:0px;}
div#secondary_tab .tab_nav_sub ul.no_status li a {padding-bottom:2px;}


/*** TABS ***/
.tab_nav_sub {position:relative;top:1px;
	overflow:visible;
	clear:none;
	margin:0;
	height:1em;} /* ie gap hack */	
html > body .tab_nav_sub {height:auto;
	border-top:1px dotted transparent;overflow:hidden;}

.tab_nav_sub {position:relative;top:1px;
	width:auto;
	clear:both;
	margin:0 0 0 0px;}

.tab_nav_sub li {list-style:none; /* Necessary for IE */
	width:100px; /* ie mac only */
	float:left;
	background:#e4e6be url(/learn-about-loans/images/tab_secondary.gif) 0% 0%;
	padding-left:3px;
	margin:0 -1px 0 0;
	font-size:.8em;
	white-space:nowrap;
	text-align:center;}
	
.tab_nav_sub  li h3 {margin:0;}

.tab_nav_sub  li a {display:block;
	float:left; /* fixes IE Mac bug (anchor stretches to width of ul) */
	width:auto;
	color:#333;background:transparent url(/learn-about-loans/images/tab_secondary.gif) 100% 0%;
	padding:6px 7px 7px 6px;
	text-decoration:none;
	font-weight:normal;
	border-width:0;}
.tab_nav_sub li a:hover {text-decoration:underline;}
	
/* tabs On */
.tab_nav_sub  li.on a {color:#18453b;background:#fff url(/learn-about-loans/images/tab_on.gif) 100% 0%;
	font-weight:bold; padding-bottom:8px;} /* padding forces overlap of rule */
.tab_nav_sub  li.on a:hover {text-decoration:none;}
.tab_nav_sub  li.on {background:#fff url(/learn-about-loans/images/tab_on.gif) 0% 0%;}

/* Commented backslash hack hides rule from IE5-Mac \*/
.tab_nav_sub li a {float: none;}
.tab_nav_sub li {text-align:center;}
.tab_nav_sub li {width:auto;} /* end IE5_mac hack */

/*** END TABS ***/

/* secondary nav */
div#secondary_nav {margin:0px; 
	padding:1px 14px 2px 11px;
	border-left:1px solid #999; border-right:1px solid #999;
	font-size:.75em;line-height:1.6em;}
div#secondary_nav a {color:#333;text-decoration:none; padding:0 5px;}
div#secondary_nav a:hover {color:#c00;text-decoration:underline;}

/* secondary nav On */
div#secondary_nav a.on {font-weight:bold;}



/* tertiary nav */
div#container div.tertiary_nav {border-width:0;}
div.sub div.tertiary_nav h3 {margin:0;background-color:#797b4d;width:175px;}
div#container div.tertiary_nav h3 {color:#fff;
	padding:5px;
	font-size:.9em;line-height:1.3em;
	text-decoration:none;}
div#container div.tertiary_nav h3 a:hover {text-decoration:underline;}
div#container div.tertiary_nav h3.on a {text-decoration:underline;}
div.tertiary_nav ul {list-style:none;list-style-image:none; 
	padding:0;margin-bottom:0px;width:175px;
	margin:0;border: 0px solid #aaa;
	font-size:1.0em;}
div#container div.tertiary_nav ul li { padding:0;margin:0;
	border-bottom: 1px dotted #797b4d;background-color: #faf6d9;
	float:left;width:175px;}
html>body div#container div.tertiary_nav ul li {float:none;}
	
div#container div.tertiary_nav ul li a {display:block;
	background-color:#faf6d9;background-image:none;
	padding:5px 2px 5px 13px;margin:0;
	border-top: 1px solid #fff;
 	text-decoration: none;
 	width:165px;
 	voice-family: "\"}\"";  /* ie5win fudge begins */
	voice-family:inherit;
	width:175px;}
div#container div.tertiary_nav ul li span {
	font-weight: bold;
	display:block;
	background-color:#fff;background-image:none;
	padding:5px 2px 5px 13px;margin:0;
	border-top: 1px solid #fff;
 	text-decoration: none;
 	width:169px;
 	voice-family: "\"}\"";  /* ie5win fudge begins */
	voice-family:inherit;
	width:169px;}
div#container div.tertiary_nav ul li a:hover {background-color:#fefef2; background-position:2px -19px;}

/* tertiary nav On */
div#container div.tertiary_nav ul li.current a {background-color:#fff; background-position:2px -19px;}
div#container div.tertiary_nav ul li.current a:hover {background-color:#fff; background-position:2px -19px;}
div#container div.tertiary_nav ul li.on a {color:#18453b;font-weight:bold;background-color:#fff; }

div#container div.tertiary_nav ul li {
	voice-family: "\"}\"";  /* ie5win fudge begins */
	voice-family:inherit;
	width:169px;}	


/** SEARCH **/
div#search {display:block;position:absolute;top:150px;left:545px; width:210px;background-color:transparent;color:#18453b;font-size:.85em;font-weight:bold;}
div#search p {font-weight:bold;}
div#search a { text-decoration:none; color:#18453b;}	

/* bread crumb */
div#bread_crumbs {width:auto;color:#18453b;position:relative;top:-10px;.top:-35px;
	margin-top:0px;
	margin-bottom:8px;
	padding-left:17px;padding-top:8px;
	font-size:.75em;clear:left;}
div#bread_crumbs a {color:#18453b;text-decoration:underline;}
div#bread_crumbs a:hover {color:#cc0000;}

/* FOOTER */
div#footer {width:570px; border-top:1px solid #ccc; margin:0px 0 5px 5px; line-height:1.4em; padding:0px 0 5px 5px; text-align:left; font-size:.8em; color:#18453b;background-color:#fff;clear:both;}	
div#footer div.float_left {width:100%; border-top:1px solid #ccc;padding-top:10px;}
div#footer div.float_right {width:30%;}
div.copyright {font-size:1.0em; color:#666; padding-left:0px; margin-bottom:10px;margin-top:10px; text-align:left;}
div.disclaimer {font-size:.8em; color:#666; padding-left:15px; margin-bottom:10px;}
div.disclaimer a{color:#18453b}  
div#footer a  {color:#18453b;text-decoration:none;}
div#footer a:visited {color:#18453b;text-decoration:none;}
div#footer a:hover {text-decoration:underline;}
div#footer a:active {color:#18453b;text-decoration:none;}



div#sub_content {float:right;
	padding-right:0;
	padding-left:15px;
	overflow:visible;}
	
div#sub_content a {color:#18453b;text-decoration:underline;}

ul.questions li.question {list-style-image: url(/learn-about-loans/images/bullet_open.gif);}
ul.questions li.question_minus {list-style-image: url(/learn-about-loans/images/bullet_close.gif);}
ul.questions ul.answer li {list-style:none;margin-left:-20px;}
ul.answer {display:none;}

div.content {float:left;width:567px;
margin-bottom:0;margin-left:5px;margin-right:0px;
border-bottom:0px solid #fff;}
div.no_nav {background:transparent url(/learn-about-loans/images/dots_bg.gif) repeat-y 76% 0%;}

/* Content Boxes */
div.content_box1 {background:url(/learn-about-loans/images/tab_bottom.gif) #fff; width:285px;float:left ;
	padding:0px;border:0px solid #ccc;border-bottom:0px;margin-right:5px;margin-left:5px}
	
div.content_box2 {width:250px;float:left;
	padding:0px;border:0px solid #ccc;border-bottom:0px;margin-right:10px;}
div.content_box2 table {margin-bottom:0px;margin-top:0;border:0;color:#18453b;}
div.content_box2 table a {color:#18453b;text-decoration:underline;}
div.content_box2 table td {border:1px solid #ddd;margin-bottom:0px;margin-right:5px;font-size:.83em;font-weight:bold;color:#18453b;}
div.content_box2 table td.rates {border:1px solid #ddd;margin-bottom:0px;}
div.content_box2 table td.even {border:1px solid #ddd;background-color:#ddd;margin-bottom:0px;}	
div.content_box2 table td.hilite {border:1px solid #ddd;background-color:#ffffcf;margin-bottom:0px;}

div.tab_arrow{background-image:url(/learn-about-loans/images/tab_arrow_down.gif);position:relative;top:-1px;left:122px;margin-bottom:0;width:75px;margin-top:0;overflow:hidden;}
div.tab_arrow2{background-image:url(/learn-about-loans/images/tab_arrow_down.gif);position:relative;top:-1px;left:170px;margin-bottom:0;width:75px;margin-top:0;}

div.content_box3 {width:185px;float:left;
	padding:0px;border:0px solid #ccc;border-bottom:0px;margin-right:0px;}
	
/*----AADESH:C1----*/
	.hdr_promo_box {margin-left:0px;margin-top:0px;margin-bottom:20px;display:block;width:549px; }
             .hdr_promo_box1 {float:right; margin-right:0px;margin-top:0px;margin-bottom:20px;display:block;width:800px; }
	
		/*----Aadesh:New Style Defnitions----*/
		
			div.home_page { margin:0; width:747px; height:172px; border:0px solid #000;}
			div.home_page .hdr_promo_box { float:left; }
			div.home_page img { float:left;  border:0px solid #000;}
			div.home_page form { margin:0; padding:0; }
			div.home_page #search { margin:0 0 0 5px; width: 186px; float:left; border:0px solid #000; }
			div.home_page div#search img { float:left; position:absolute; top:3px; right:5px; }
				/* IE 5-6 Only (corrects left alignment of search box) */
					
					* html body div.home_page #search { margin:0 0 0 13px; width: 186px; float:left; border:0px solid #000; }
					* html body div.home_page div#search img { top:4px; right:10px; }
				
				/* IE 5-6 Only: END (corrects left alignment of search box) */
	
			/*----AADESH: Clear float hack for class="home_page" in Firefox----*/
			
				.home_page:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
				.home_page {display: inline-block;}
				/* Hides from IE-mac \*/
				* html .home_page {height: 1%;}
				.home_page {display: block;}
				/* End hide from IE-mac */
				
			/*----AADESH: End: Clear float hack for class="home_page" in Firefox----*/
			
		/*----Aadesh:End: New Style Defnitions----*/
		
/*----AADESH:End:C1----*/
div.main_promo {margin:0px;margin-bottom:15px;margin-left:0;}
div.main_promo img {float:left;margin-right:0px;}
div.main_promo a {padding-left:0px;}

div.inner_content_box {margin-left:5px;margin-bottom:0;margin-top:0px;}
div.inner_content_box img{padding-top:5px;}
div.inner_content_box table {border:0;margin-bottom:0px;}
div.inner_content_box table td {border-left:0;padding-left:0;padding-top:0;padding-bottom:0;
color:#18453b;font-size:.83em;font-weight:bold;}
div.inner_content_box table td a{color:#18453b;text-decoration:underline;}
div.inner_content_box table td.first {padding-top:0px; padding-bottom: 8px}

	
/* box headings sub content */
h1 {color:#18453b;
	margin-bottom:15px; 
	font-size:1.3em;line-height:.9em; 
	font-weight:bold;}
h2 {background-image:url(/learn-about-loans/images/arrow_red_lg.gif); 
    background-color:#18453b;color:#fff;font-size:.97em;padding:4px 0 4px 15px;margin:0px 0 10px 0;}
h2.tab {padding:4px 0 1px 10px;background-image:none;}
h2.tab td {color: #fff; border: 0;}
h3 {color:#c00;background-color:#fff;overflow:hidden; 
	padding:3px 2px 0 0px;margin-bottom:5px;margin-top:5px;margin-right:10px;border-bottom:1px dotted #18453b;}
h3.strong {background-color:#c00;}
h4 {padding-left:3px;}

table td {padding:5px;
	border-left:0px solid #b5b5b5;
	font-size:.9em;line-height:1.4em;
	overflow:hidden;
	vertical-align:top;}
	

div.float_left_long {width: 95%; float: left; margin-bottom: 5px;}

/* spiff - put tin hsbcusa troy */ 
div.spiff img, div.box div img {}
div.spiff div, div.box div div {width:auto;margin-left:0px;margin-bottom:0;}
/* spiff image fix */
div.spiff img { border:0px solid #000; margin-left:0px; margin-top:1px; }
div.faq_spiff {margin-top:10px;width:auto;}
/*div.faq_spiff ul li {list-style-image:url(/learn-about-loans/images/bullet_open.gif)}*/
div.faq_spiff a {font-weight:bold;}




/* STEPS */
div.steps {color:#666; padding-bottom:3px; margin-bottom:12px;
	border-bottom:1px dotted #999999;text-align:left;}
div.steps em {color:#333; font-weight:bold;}

/* PAGE STYLES */



/** PANELS **/
.panel {margin-bottom:10px;border:1px solid #ccc; border-bottom:0px;}

.top, .top div {background-image: url(/learn-about-loans/images/panel.gif);}

.bottom, .bottom div {background-image: url(/learn-about-loans/images/box_bottom2.gif);background-color:transparent !important;}
.bottom_long, .bottom_long div {background-image: url(/learn-about-loans/images/box_bottom_long.gif);}


.nav .top, .nav .bottom {display:none;}

.dropdown .top, .dropdown .bottom {display:block;}
	
.panel .content {border-bottom-width:0;}

/* IE 5-6 Only (corrects bottom image behavior) */
* html body .panel .content {border-bottom:0px solid #fff;}	
* html body .bottom {position:relative; top:5px;}
* html body .bottom_long {position:relative; top:0px;}

/* panel decor */
.top, .bottom {
	background-repeat:no-repeat;
	background-position:0% 0%;
	margin:0;}
	
.top div, .bottom div {
	background-repeat:no-repeat;
	background-position:100% 0%;
	background-color:invisible;
	margin:0 0 0 2px;}
	
.bottom_long {
	background-repeat:no-repeat;
	background-position:0% 0%;
	margin:0;}
	
.bottom_long div {
	background-repeat:no-repeat;
	background-position:100% 0%;
	background-color:invisible;
	margin:0 0 0 2px;}

.panel {background-color:#fff;
	padding:0px;
	margin-top:0;margin-bottom:0px;
	}

.bottom {background-position:0% 100%;}
.bottom div {background-position:100% 100%;font-size:.1em;} /* font size make IE behave*/

.bottom_long {background-position:0% 100%;}
.bottom_long div {background-position:100% 100%;font-size:.1em;} /* font size make IE behave*/


.top,.bottom, 
.top div, .bottom div {
	background-image: url(/learn-about-loans/images/box_bottom2.gif);
	width:auto;
	overflow:visible;
	height:15px;
	background-color:transparent;}
	
.bottom_long, .bottom_long div {
	background-image: url(/learn-about-loans/images/box_bottom_long.gif);
	width:auto;
	overflow:visible;
	height:15px;
	background-color:transparent;}
	
th {color:#000;
	background:#ccc;
	padding:4px;
	border-left:1px solid #fff;
	font-size:.9em;line-height:1.1em;
	font-weight:bold;
	text-align:left;
	letter-spacing:.09em;
	vertical-align:top;}

thead th a {color:#000;}
p a {color:#18453b; text-decoration:underline;}

/*----Aadesh:C2 IE Fixes----*/
* html body div.content_box1 div.panel h2 { width:290px; }
* html body div.content_box1 div.bottom { width:290px; }
/*----Aadesh:End:C2 IE Fixes----*/
/*----Aadesh:End:C3----*/
 div.content_box3 div.panel div.inner_content_box { margin-left:0px; } 
/*----Aadesh:End:C3----*/

/*----Aadesh:INNERPAGE:C4----*/
 div.main_promo .float_left { width: 180px; border:0px solid #000; }
 div.main_promo .float_right { width:360px; border:0px solid #000; }
 * html body div.main_promo .float_right { width:350px; border:0px solid #000; }
 div.main_promo .float_left img { margin:10px; }

* html body div.content {float:left;width:567px;
margin-bottom:0;margin-left:2px;margin-right:0px;
border-bottom:0px solid #fff;}

div.content .hdr_promo_box { margin-left:5px; }

/*----Aadesh:INNERPAGE:End:C4----*/
/*-------Verisign Table Update--------*/
TABLE.borderlessTable {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px}

/*removed inline styling*/

/*New Classes made by Raj*/
.txtright
{text-align:right
}
.tableclass
{ border:none;
padding:none;
width:100%
}
.tableclass1
{ 
border:none;
width:100%;
padding-bottom:0px;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
}
.txt_bld_wht1{
FONT-WEIGHT: bold; 
COLOR: #fff;
width:77%;
background-color:0f3e34;	
}
.txt_bld_wht2{
FONT-WEIGHT: bold; 
COLOR: #fff;
width:77%;
background-color:0f3e34;
text-align:center;
}
.divideline
{ height:1px;
background-color:#003300;
}

.hilite2 {
BACKGROUND-COLOR: #E4E6BE;
text-align:center;
}
.hilite2left {
BACKGROUND-COLOR: #E4E6BE;
}
.tdalignv
{vertical-align:middle;
}
.tdalignvr
{vertical-align:middle;
text-align:right;
}
div#wrapper{width:800px !important;}

/* Added for positioning buttons in manage account pages */
.alignCenter {text-align:center;}


.display_content{color:#000000 !important;font-weight:normal;font-size:12px;}
.display_content_bold{color:#000000;}

/*Popup Position*/
div.popup_position{text-align:center;float:left;}
/*Secondary Nav - Links*/

div#secondary_nav{border:1px solid #fff !important;}

span.align_txt{white-space:nowrap;}

/* Nov release customer security feedback 2008 */

.grill UL.rootLevel {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px!important; MARGIN: 0px; PADDING-TOP: 0px}
.grill UL LI {PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 18px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;}
.grill .grillHandle {MARGIN-TOP: 5px; DISPLAY: block; FONT-WEIGHT: bold;CURSOR: pointer; }
.hidden {display: none !important;}
.swapfaq.grill .closed {BACKGROUND: url(../images/bullet_open.gif) no-repeat 5px 5px}
.swapfaq.grill .closed A {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
.swapfaq.grill .opened {BACKGROUND: url(../images/bullet_close.gif) no-repeat 5px 5px; BORDER-BOTTOM-WIDTH: 0px}
div.content table td.txtmiddle{vertical-align:bottom !important; font-size:11px !important;}
div.content table td.txtmiddle textarea{width:95%;}
div.content table td.txtmiddle input{vertical-align:text-bottom;}
div.dotted{color:#c00;background-color:#fff; margin-top:10px; border-bottom:1px dashed #c8c8c0;}
table#unsec_email td{ padding:0px; margin:0px;}
span.feedback_error_label {
width:12em;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
color:#000;
background-color:#FFCCCC;
font-size:12px;
}
/* END Nov release customer security feedback 2008 */
div.no_nav div#sub_content a div.spiff img{margin-bottom:20px;}
div#rightcolumn{float:right; width:180px; margin-top:-37px; *margin-top:-32px;}
