/* Begin Superfish */
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	/*width:			100%; SRF 2008-11-20*/
	width: 117px;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	top:-1px; /* SRF 2008-11-20 */
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** SKIN ***/
.sf-menu {
	float:			left;
	/* margin-bottom:	1em; */
	margin-bottom:1px; /* SRF 2008-11-20 */
	/* SRF 2008-11-20b */
	width:600px;
}

.sf-menu a {
	/* border-left:	1px solid #fff; SRF 2008-11-20b */
	/* border-top:		1px solid #CFDEFF; SRF 2008-11-20 */
    border-top: 1px solid #D7D7D7;
	/* padding: 		.75em 1em; SRF 2008-11-20 */
	padding: 0.75em 0;
	text-decoration:none;
	font-size:12px; /* SRF 2008-11-20 */
	/* SRF 2008-11-20b */
	position:relative;
	/* left:-1px; SRF 2008-12-02 */
}

.sf-menu li li a {
	border-top:1px solid #D7D7D7;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	/* color:			#13a; SRF 2008-11-20*/
	color: #004990;
	/* SRF 2008-11-20b */
	/* border-left:1px solid #D7D7D7; */

}
.sf-menu li {
	/* background:		#BDD2FF; SRF 2008-11-20*/
	background: transparent url(../images/nav.png) no-repeat scroll center center;
	width:117px; /* 2008-11-20 SRF */
	text-align:center; /* SRF 2008-11-20 */
	/* SRF 2008-11-20b */
	margin-right:1px;
	/* border-bottom:1px solid #D7D7D7;	*/
}
.sf-menu li li {
	/* background:		#AABDE6; 2008-11-20 SRF */
	background: #FFFFFF;
}

/* SRF 2008-11-20b */
.sf-menu li ul {
	border-left:1px solid #D7D7D7;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	/* background:		#CFDEFF; SRF 2008-11-20 */
	text-decoration:none; /* SRF 2008-11-20 */	
	background: transparent url(../images/nav-ro.png) no-repeat scroll center center;
	outline:		0;
	/* SRF 2008-11-20b */
	left:0;
}

/* add SRF 2008-11-20 */
.sf-menu li li:hover, .sf-menu li li.sfHover,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {
	background:#244A8B;
	color:#FFFFFF;
	text-decoration:none;	
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	/* padding-right: 	2.25em;
	min-width:		1px; SRF 2008-11-20 */ /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/* End Superfish */

/* BEGIN Thickbox */
	/* ----------------------------------------------------------------------------------------------------------------*/
	/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
	/* ----------------------------------------------------------------------------------------------------------------*/
	*{padding: 0; margin: 0;}
	
	/* ----------------------------------------------------------------------------------------------------------------*/
	/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
	/* ----------------------------------------------------------------------------------------------------------------*/
	#TB_window {
		font: 12px Arial, Helvetica, sans-serif;
		color: #333333;
	}
	
	#TB_secondLine {
		font: 10px Arial, Helvetica, sans-serif;
		color:#666666;
	}
	
	#TB_window a:link {color: #666666;}
	#TB_window a:visited {color: #666666;}
	#TB_window a:hover {color: #000;}
	#TB_window a:active {color: #666666;}
	#TB_window a:focus{color: #666666;}
	
	/* ----------------------------------------------------------------------------------------------------------------*/
	/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
	/* ----------------------------------------------------------------------------------------------------------------*/
	#TB_overlay {
		position: fixed;
		z-index:100;
		top: 0px;
		left: 0px;
		height:100%;
		width:100%;
	}
	
	.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
	.TB_overlayBG {
		background-color:#000;
		filter:alpha(opacity=75);
		-moz-opacity: 0.75;
		opacity: 0.75;
	}
	
	* html #TB_overlay { /* ie6 hack */
	     position: absolute;
	     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}
	
	#TB_window {
		position: fixed;
		background: #ffffff;
		z-index: 102;
		color:#000000;
		display:none;
		border: 4px solid #525252;
		text-align:left;
		top:50%;
		left:50%;
	}
	
	* html #TB_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}
	
	#TB_window img#TB_Image {
		display:block;
		margin: 15px 0 0 15px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #666;
		border-left: 1px solid #666;
	}
	
	#TB_caption{
		height:25px;
		padding:7px 30px 10px 25px;
		float:left;
	}
	
	#TB_closeWindow{
		height:25px;
		padding:11px 25px 10px 0;
		float:right;
	}
	
	#TB_closeAjaxWindow{
		padding:7px 10px 5px 0;
		margin-bottom:1px;
		text-align:right;
		float:right;
	}
	
	#TB_ajaxWindowTitle{
		float:left;
		padding:7px 0 5px 10px;
		margin-bottom:1px;
	}
	
	#TB_title{
		background-color:#e8e8e8;
		height:27px;
		display:none; /* SRF 2008-12-05 */
	}
	
	#TB_ajaxContent{
		clear:both;
		padding:2px 15px 15px 15px;
		overflow:hidden; /* auto changed SRF 2008-12-05 */
		text-align:left;
		line-height:1.4em;
	}
	
	#TB_ajaxContent.TB_modal{
		padding:15px;
	}
	
	#TB_ajaxContent p{
		padding:5px 0px 5px 0px;
	}
	
	#TB_load{
		position: fixed;
		display:none;
		height:13px;
		width:208px;
		z-index:103;
		top: 50%;
		left: 50%;
		margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
	}
	
	* html #TB_load { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}
	
	#TB_HideSelect{
		z-index:99;
		position:fixed;
		top: 0;
		left: 0;
		background-color:#fff;
		border:none;
		filter:alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
		height:100%;
		width:100%;
	}
	
	* html #TB_HideSelect { /* ie6 hack */
	     position: absolute;
	     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}
	
	#TB_iframeContent{
		clear:both;
		border:none;
		margin-bottom:-1px;
		margin-top:1px;
		_margin-bottom:1px;
	}

/* END Thickbox */


body {margin:0; padding:0; font-family: Arial, sans-serif; font-size:12px; color:#626262;}
form {margin:0; padding:0;} 
input {margin:0; padding:0;}

#body2 {width:960px; margin:0 auto;}

h1, h2 {margin:0; padding:0; color:#244A8C; font-weight:bold;}

a {text-decoration:none; font-weight:bold; font-size:10px; line-height:13px; color:#244A8B;}
a:hover {text-decoration:underline;}

input.textinput {height:16px; width:130px; font-size:12px; font-weight:bold; padding:5px 0; color:#505050;}

.header {overflow:hidden; padding-top:15px; margin-bottom:15px;}

.logo {float:left;}

.shortcuts {float:right; font-size:10px;}
.shortcuts .links {font-family:'Arial-BoldMT','Arial',sans-serif; position:relative; left:-10px; top:37px;}
.shortcuts .links a {color:#898989;}
.shortcuts .search {margin-top:7px;}
.shortcuts .search input.textinput {width:150px; color:#004990;}
.gobutton {position:relative; 
 top:11px; /* FF */
/* top:3px; */ /* IE6 IE7 set on page with condition statements*/
}

.leftsection {float:left; width:585px;}
.leftsection { clear:both; /* for IE6 */}

.rightsection {float:right; width:352px;}

.topsection {overflow:hidden;}
.topsection .leftsection {}
.topsection .rightsection {}

.pagetitle img, .billboard img, .billboard-new img {border:1px solid #D7D7D7; padding:4px; margin-top:2px;}
.billboard-new {position:relative; display:block; width:579px; height:225px; margin-bottom:15px; clear:left;}
.billboard-new ul li {position:absolute; list-style:none;}

.netteller {border:1px solid #D7D7D7; padding:4px;}
.netteller h1, .netteller a {color:#FFFFFF;}

.netteller .login {background-color:#244A8B; color:#FFFFFF; padding:7px;}
.netteller .login form, .netteller .login a {margin-left:2px;}
.netteller .login h1 {font-size:12px; line-height:12px; margin:2px 0 8px 0; padding:0; border:none;}
.netteller .login a {display:block; margin-top:8px; margin-bottom:2px;}
.netteller ul {padding:0; margin:5px 0 0; overflow:hidden; 
	height:30px; /* needed for ie6 */
}
.netteller ul li {
	list-style-image:none; 
	list-style-position:outside; 
	list-style-type:none; 
	width:114px; 
	height:30px; 
	float:left;
	margin-left:0px;
}
.netteller ul li.first {margin-left:0px; margin-right:0px;}
.netteller ul li a {
	display:block; 
	width:114px; 
	height:30px;  
	font-weight:bold; 
	font-size:12px; 
	line-height:30px; 
	text-align:center;
	background: transparent url(../images/bluebutton.png) no-repeat scroll center center;
}
.netteller ul li a:hover {background: transparent url(../images/bluebutton-ro.png) no-repeat scroll center center; text-decoration:none;}

.netteller {position:relative;}
.netteller .idlabel, .netteller .pinlabel {position:absolute; top:29px; left:15px; font-size:10px; font-weight:bold;}
.netteller .pinlabel {left:153px;}



.promotions {overflow:hidden; height:106px; border:1px solid #D7D7D7; padding:4px; margin-top:6px;}
.promotions img {float:left; border:none;}
.promotions img.first {margin-right:16px;}


.leftsection img.heading {border-bottom: 1px solid #D7D7D7; padding-left:5px; padding-right:305px; padding-bottom:10px; margin-bottom:10px; margin-top:15px;}
.leftsection .bkpg_links {border-bottom: 1px solid #D7D7D7; padding-left:5px;  padding-bottom:10px; margin-bottom:11px; margin-top:14px;}
.leftsection .testimonial {border-top: 1px solid #D7D7D7; padding-top:20px; margin-top:21px;}
.rightsection h1.latest {margin-top:45px;}
.backpage .rightsection h1.latest{margin-top:17px;}

.leftsection .text, .leftsection .links {padding-left:6px;}
.leftsection .text {line-height:18px;}
.leftsection .text a {line-height:18px; font-size:12px; font-weight:normal;}
.leftsection .text ul {padding-left:40px; margin:12px 0;}
.leftsection .text p {margin:12px 0;}
.leftsection .text h2 {margin:12px 0; font-size:16px; line-height:20px;}

.rightsection h1 {
	font-weight:bold; 
	font-size:16px; 
	line-height:22px; 
	border-bottom: 1px solid #D7D7D7; 
	margin-top:25px; 
	padding-bottom:17px; 
	padding-left:4px; 
	margin-bottom:10px;
}

.leftsection .links {margin-top:15px;}

.news {padding-left:4px; padding-right:4px;}
.news div {width:163px; float:left; font-size:10px; line-height:13px;}
.news div.news_dbl_wide {width:345px;}
.news .news1 {margin-right:16px;}
.news h2 {font-size:12px; line-height:20px;}



.footer {clear:both; text-align:center; color:#244A8B; padding-top:35px; font-size:10px; line-height:13px; margin-bottom:15px;}
.footer a {font-size:10px; font-weight:normal;}


/* .pagetitle, .billboard {position:relative;} overlays nav - no good*/

.leftsection {position:relative;}
.pagetitle h1 {position:absolute; margin:0; padding:0; top:55px; left:19px; font-size:37px; font-weight:bold; z-index:1;}
.pagetitle h2 {position:absolute; margin:0; padding:0; top:95px; left:19px; font-size:25px; font-weight:normal;}

.sf-menu {z-index:2; position:relative;}
.sf-menu a {border-top:none;}

.backpage .bkpg_links {font-size:12px; line-height:28px; border-bottom: 1px solid #D7D7D7; padding-left:6px;}
.backpage .bkpg_links a {font-size:12px; line-height:28px;}

.sf-menu li li {border-right:1px solid #D7D7D7; border-left:1px solid #D7D7D7; width:115px;}
.sf-menu li ul {border:none;}

.rates td {border-top:#c1c1e6 1px solid; }
.rates .noline td {border-top:none; }
.rates h2 {font-size:12px; line-height:14px;}
.rates .highlight {color:#244A8C; font-size:12px; line-height:14px; font-weight:bold; margin:0; padding:0;}
.rates #personal_loans {display:none;}
.rates #business_accts {display:none;}
.rates .fine {font-size:10px; line-height:12px;}

.style2 {
	color: #244A8C;
	font-weight: bold;
}

/* BEGIN: popup when leaving affinity */
  
 .jqiwarning .jqi{
      background-color: #ff0000;
}
.jqifade{
      background-color: #ffffff;
}
div.jqi{
      position: absolute;
      background-color: #244A8B;
      padding: 10px;
      width: 300px;
}
div.jqi .jqiclose{
      float: right;
      margin: -35px -10px 0 0;
      cursor: pointer;
}
div.jqi .jqicontainer{
      background-color: #ffffff;
      padding: 5px;
      color: #ffffff;
      font-weight: bold;
}
div.jqi .jqimessage{
      background-color: #244A8B;
      padding: 10px;
}
div.jqi .jqibuttons{
      text-align: center;
      padding: 5px 0 0 0;
}
div.jqi button{
      padding: 3px 10px 3px 10px;
      margin: 0 10px;
}

/* END: popup when leaving affinity */

/* BEGIN: announcements */
#announcement {
    width:592px;
}
#announcement h3 {
    color:#244A8C;
    padding:40px 0 11px 6px;
    border-bottom:1px solid #D7D7D7;
    font-size:15px; line-height:18px;
    font-weight:bold;
}
#announcement ul {
    padding-left:0;
    list-style:none;
}
#announcement li {
    padding:0 0 12px;
    font-size:11px; line-height:14px;
}
#announcement h4 {
    color:#244A8C;
    font-size:12px; line-height:15px;
    font-weight:bold;
    padding:0 0 3px;
}
/* END: announcements */