@charset "UTF-8";
/* CSS Document */
*html, #left {
	height: 100%;
	 }

body {
	margin: 30px 0px 0px 0px;
	text-align: center;
	background-color: #7ba0c0;
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* Layout Elements */
#container {
	background-color: #7ba0c0;
	margin: 0 auto;
	width: 893px;
	text-align: center;
}
#header {
	width: 893px; height: 28px; background: url(../images/headshdwr.gif) right no-repeat;
	margin: 0 ; padding: 0;
	}
#headernav {
	width: 388px;
	padding: 5px 10px 0 0; margin: 0;
	height: 23px;
	font: 12px Arial, Helvetica, sans-serif; color: #fff;
	float: right;
	background: url(../images/headshdwnav.gif) right no-repeat; }
#headersearch {
	width: 253px; height: 23px; background: #fff; float: right; padding: 5px 0 0 0;
	margin: 0 9px 0 0; font: 11px Arial, Helvetica, sans-serif; color: #000; display: inline; }
#bodywrapper {
	width: 861px; background: #fff url(../images/bodyshdwr.gif) right repeat-y;
	padding: 12px 20px 0 12px; height: 100%; }
#bodywrappersubs {
	width: 861px; height: 100%; background: #fff url(../images/bodyshdwr.gif) right repeat-y;
	padding: 12px 20px 0 12px; }
#bodysubbg {
	background: url(../images/subbgblue.gif) left repeat-y; 
	background-position: left; width: 100%; }
#footcap {
	width: 853px; height: 50px; margin: 0 auto;
	padding: 20px;
	background: url(../images/footcap.gif) top no-repeat;
	font: 12px Arial, Helvetica, sans-serif; color: #ffffff; text-align: right; }
#footlogos {
	height: 50px; text-align: right; margin: 0 auto; padding: 0 20px 0 0; }

/* Layout Elements - Main Page Left */
#mainleft {
	width: 335px; text-align: left; float: left; margin: 0; padding: 0;
	height: 221px; font: 11px Arial, Helvetica, sans-serif; color: #000;
	background: #003974; }
#loginbg {
	background: #fff; }
#bluebar {
	background: #003974; color: #fff; text-align: left; text-transform: uppercase;
	 width: 325px; font: bold 12px Arial, Helvetica, sans-serif;
	 padding: 5px; margin: 0; }
#bluebarsmall {
	background: #003974; height: 16px; width: 100%;}
#grayarea { 
	width: 325px; background: #F0F0F0; color: #000; font: 11px Arial, Helvetica, sans-serif;
	padding: 5px;  margin: 0; line-height: 14px; text-align: center;}

/* Layout Elements - Main Page Right */
#mainright {
	width: 525px; float: left;  margin: 0; padding: 5px 0 0 0;  height: 221px; }
#promoRotator {
	width: 520px; float: left;  margin: 5px 0 0 5px; padding: 0 0 0 0;  height: 215px; }	
#mainwrapper {
	width: 100%;  margin: 0; padding: 0; }


/* Layout Elements - Main Page Bottom */
#botleft {
	width: 331px; height: 217px; float: left; margin-right: 7px; }	
#lightbluebar {
	background: #507aa5; color: #fff; text-align: left; text-transform: uppercase;
	 width: 321px; font: bold 12px Arial, Helvetica, sans-serif;
	 padding: 5px; margin: 5px 0 0 0; }
#newsfeeder {
	width: 301px; height: 65px; overflow: auto; float: left; font: 11px Arial, Helvetica, sans-serif; color:
	#333333; text-align: left; padding: 15px; 
	scrollbar-base-color: #F0F0F0;
scrollbar-face-color: #003974;
scrollbar-track-color: #F0F0F0;
scrollbar-highlight-color: #507aa5;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-shadow-color: #507aa5;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-arrow-color: #507aa5;
}

#mainpromo {
	width: 523px; height: 217; float: right; }
	
/* Layout Elements - SubPage */
#subheader {
	width: 100%; height: 60px; margin: 0; padding: 0; }
#subnavwrap {
	width: auto; float:right; display: inline; }
#navhr {
	width: 100%; height: 5px; background-color: #003974; padding: 0;
	font-size: 1px; line-height: 1px; }
#left {
	width: 203px; height: 100%; background: #003974 url(../images/subleftfader.gif) top repeat-x;
	float: left; margin: 5px 0 0 0; text-align: center; overflow: hidden; padding: 0 0 50px 0; }
#right {
	width: 635px; min-height: 550px; height:auto !important; height:550px; float: right; margin: 5px 0 0 10px; text-align: left; padding: 0 0 50px 0; }
#livechatsub {
	width: 203px; height: 23px; background: #7ba0c0; font: 11px Arial, Helvetica, sans-serif;
	color: #fff; margin: 20px 0 20px 0; text-align: center; padding: 5px 0 5px 0; }
.chatbutton {
	margin: 2px 10px 0 0; }

/* Layout Elements - Navigation */
#navmain {
	width: 100%; height: 40px; background: url(../images/navbg.gif) repeat-x;
	margin: 5px 0 5px 0; }
	
	
/* SUB HEAD IMAGES */
#subheadpromos{
	width: 635px; height: 25px;
	margin-bottom: 5px; text-align: right; }
#subheadlogin {
	width: 635px; height: 76px; background: url(../images/subhead1.jpg) top right no-repeat;
	margin-bottom: 20px; text-align: right; }
#subheadloginabout {
	width: 635px; height: 76px; background: url(../images/subhead2.jpg) top right no-repeat;
	margin-bottom: 20px; text-align: right; }
#subheadloginbusiness {
	width: 635px; height: 76px; background: url(../images/subhead3.jpg) top right no-repeat;
	margin-bottom: 20px; text-align: right; }
#subheadlogincalculators {
	width: 635px; height: 76px; background: url(../images/subhead4.jpg) top right no-repeat;
	margin-bottom: 20px; text-align: right; }
#subheadlogincareers {
	width: 635px; height: 76px; background: url(../images/Apply_header2.jpg) top right no-repeat;
	margin-bottom: 20px; text-align: right; }
#subheadlogincommunity {
	width: 635px; height: 76px; background: url(../images/subhead6.jpg) top right no-repeat;
	margin-bottom: 20px; text-align: right; }
#subheadlogincontact {
	width: 635px; height: 76px; background: url(../images/subhead7.jpg) top right no-repeat;
	margin-bottom: 20px; text-align: right; }
#subheadlogindisclosures {
	width: 635px; height: 76px; background: url(../images/subhead8.jpg) top right no-repeat;
	margin-bottom: 20px; text-align: right; }
#subheadloginlocations {
	width: 635px; height: 76px; background: url(../images/subhead9.jpg) top right no-repeat;
	margin-bottom: 20px; text-align: right; }
#subheadloginpersonal {
	width: 635px; height: 76px; background: url(../images/subhead10.jpg) top right no-repeat;
	margin-bottom: 20px; text-align: right; }
#subheadloginprivacy {
	width: 635px; height: 76px; background: url(../images/subhead11.jpg) top right no-repeat;
	margin-bottom: 20px; text-align: right; }
#subheadloginregulation {
	width: 635px; height: 76px; background: url(../images/subhead12.jpg) top right no-repeat;
	margin-bottom: 20px; text-align: right; }
#subheadloginsecurity {
	width: 635px; height: 76px; background: url(../images/subhead13.jpg) top right no-repeat;
	margin-bottom: 20px; text-align: right; }
#subheadonlinebanking {
	width: 635px; height: 76px; background: url(../images/subhead14.jpg) top right no-repeat;
	margin-bottom: 20px; text-align: right; }
#subheadloginsitemap {
	width: 635px; height: 76px; background: url(../images/subhead15.jpg) top right no-repeat;
	margin-bottom: 20px; text-align: right; }
#subheadloginsupport {
	width: 635px; height: 76px; background: url(../images/subhead16.jpg) top right no-repeat;
	margin-bottom: 20px; text-align: right; }
#subheadloginwealth {
	width: 635px; height: 76px; background: url(../images/subhead17.jpg) top right no-repeat;
	margin-bottom: 20px; text-align: right; }
/* END SUB HEAD IMAGES */


#loginbar {
float: right; width: 243px; height: 24px; text-align: right;
	 }
#theFormDiv {
	display:none;
	margin: 0;
	padding: 10px;
	width: auto;
	background-color:#FFF;
	border: 1px solid #CCC;
	position: absolute;
	z-index: 99999;

}

.nocss {
  display:none;
}
#mainleftlogin {
	width: 335px; text-align: left; float: left; margin: 0; padding: 0; font: 11px Arial, Helvetica, sans-serif; color: #000;
	background: #003974; }
	
	
/* Clears and Floats */
.clearerSmall {
	clear: both; margin: 5px 0px 0px 0px; line-height: 0px; padding: 0px; }
.clearerMedium {
	clear: both; margin: 10px 0px 0px 0px; line-height: 0px; padding: 0px; }
.clearerLarge {
	clear: both; margin: 30px 0px 0px 0px; line-height: 0px; padding: 0px; }
.clearer {
	clear: both; margin: 0px; line-height: 0px; padding: 0px; }
.floatLeft {
	float: left; margin: 0px; line-height: 0px; padding: 0px; }
.floatLeftImage {
	float: left; margin: 0px 20px 20px 0; line-height: 0px; padding: 0px; }
.floatLeftImageHead {
	float: left; margin: 0px 20px 0px 0; line-height: 0px; padding: 0px; }
.floatRight {
	float: right; margin: 0px; line-height: 0px; padding: 0px; }
.floatRightImage {
	float: right; margin: 0px 20px 20px 20px; line-height: 0px; padding: 0px; }
.clearerblueline {
	clear: both; margin: 5px 0 5px 0; line-height: 1px; padding: 0px; border-bottom: 1px solid #99b0c7; width: 100%; }
	
	
/* Links */
a.headnav {
	font: 12px Arial, Helvetica, sans-serif;
	color: #fff; text-decoration: none; }
a.headnav:hover {
	font: 12px Arial, Helvetica, sans-serif;
	color: #003399; text-decoration: underline; }
a.warning {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #F00;
	text-decoration: underline;
}
a.warning:hover {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #000; text-decoration: none; }
a.blue {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #003974; text-decoration: underline; }
a.blue:hover {
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #000; text-decoration: none; }
a.bluemd {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #003974; text-decoration: none; }
a.bluemd:hover {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #003974; text-decoration: underline; }
a.white {
	font: 11px Arial, Helvetica, sans-serif;
	color: #ffffff; text-decoration: underline; }
a.white:hover {
	font: 11px Arial, Helvetica, sans-serif;
	color: #ffffff; text-decoration: none; }
a.white12 {
	font: 12px Arial, Helvetica, sans-serif;
	color: #ffffff; text-decoration: underline; }
a.white12:hover {
	font: 12px Arial, Helvetica, sans-serif;
	color: #ffffff; text-decoration: none; }
ul.subnav {
	margin: 0 0 30px 15px;
	padding: 0; text-align: left; }
li.subnav {
	list-style: none;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #fff; 
	margin-bottom: 10px;
	}
li.subnavorange {
	list-style: none;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #ff9900; 
	margin-bottom: 10px;
	}
li.subnavinner {
	list-style: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #fff; 
	margin-bottom: 10px;
	}
ul.subs {
	font: 12px Arial, Helvetica, sans-serif; color:#333333;;}
ul.subs a {
	font: 12px Arial, Helvetica, sans-serif; color:#003974; text-decoration: none;}
ul.subs a:hover {
	font: 12px Arial, Helvetica, sans-serif; color:#003974; text-decoration: underline}
a.subnav {
	color: #fff;
	text-decoration: none; }
a.subnav:hover {
	color: #ff9900;
	text-decoration: none; }
a.subnavinner {
	color: #fff;
	text-decoration: none; }
a.subnavinner:hover {
	color: #ff9900;
	text-decoration: none; }
a.subnavactive{
	color: #ff9900;
	font: italic;
	text-decoration: none; }
a.subnavactive:hover {
	color: #ff9900;
	font: italic;
	text-decoration: none;
}
a.whitelarge{
	color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none; }
a.whitelarge:hover {
	color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}
a.orange {
	color: #ff9900; font: 12px Arial, Helvetica, sans-serif;
	text-decoration: underline; }
a.orange:hover {
	color: #ff9900;
	text-decoration: none; }
a.orangerev {
	color: #003366; font: 11px Arial, Helvetica, sans-serif;
	text-decoration: none; }
a.orangerev:hover {
	color: #003366;
	text-decoration: underline; }
a.orangesmall {
	color: #ff9900; font: 10px Arial, Helvetica, sans-serif;
	text-decoration: underline; }
a.orangesmall:hover {
	color: #ff9900;
	text-decoration: none; }
a.orangesmall11 {
	color: #ff9900; font: 11px Arial, Helvetica, sans-serif;
	text-decoration: underline; }
a.orangesmall11:hover {
	color: #ff9900;
	text-decoration: none; }
a.bluemedium {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #003974; text-decoration: underline; }
a.bluemedium:hover {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #003974; text-decoration: none; }
a.blueregular{
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #003974; text-decoration: underline; }
a.blueregular:hover {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #003974; text-decoration: none; }

	
/* Image */
.whiteborder {
	border: 1px  solid #ffffff; }
	
/* Form Elements */
.formInput {
	background-color: #ffffff; width : 130px;
	border: 1px solid #003366; height: 15px;
	
}
.formInputlogin {
	background-color: #ffffff; width : 130px;
	border: 1px solid #003366; height: 20px; margin: 0; padding: 0;
}
select.formInput {
	color: #000;
	border: 1px solid #000000; height: 15px; margin-bottom: 2px;
}
input {
	color: #000;
}
#action {
	background: #ff9900; color: #FFF; font: bold 11px Arial, Helvetica, sans-serif; text-align: center;
	height: 17px; width: auto; margin: 0 5px 1px 0; border: 1px solid #000000; cursor: pointer;
}
#actionlogin {
	background: #ff9900; color: #FFF; font: bold 11px Arial, Helvetica, sans-serif; 
	height: 20px;
	 width: 70px; border: 1px solid #000000; cursor: pointer; margin: 0; padding: 0;
}
#action2 {
	background: #000000; color: #FFF; font-weight: bold; 
	height: 20px; border-left: 1px solid #000000; border-bottom: 1px solid #000000; 
	border-right: 1px solid #000000; border-top: 1px solid #000000; cursor: pointer;
	background: url(../images/navheadbg.gif) repeat-x;
}
#accept, #reject {
	background: #FFFFFF;
	color: #000000; font-weight: bold; 
	height: 22px;
	border-left: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF;
}
#form1 {
	margin: 0px; padding: 0px; 
}
#formloginmain {
	margin: 0; padding: 5px 0 0 0;  }

#tempimage {
	background: url(../images/flashtempMain.jpg);
	height: 200px; }

/* Font Controls  */
h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue     {
font: bold 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0;
color: #003974;

}
h1.blueserif, h2.blueserif, h3.blueserif, h4.blueserif, h5.blueserif, h6.blueserif {
font: bold 16px "Times New Roman", Times, serif; margin: 0; padding: 0;
color: #003974;

}
h1.blueserifmedium, h2.blueserifmedium, h3.blueserifmedium, h4.blueserifmedium, h5.blueserifmedium, h6.blueserifmedium     {
font: bold 20px "Times New Roman", Times, serif; margin: 0; padding: 0;
color: #003974;

}
h1.blueseriflarge, h2.blueseriflarge, h3.blueseriflarge, h4.blueseriflarge, h5.blueseriflarge, h6.blueseriflarge  {
font: bold 26px "Times New Roman", Times, serif; margin: 0 0 20px 0; padding: 0;
color: #003974;

}

h2.blue {
font: bold 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0;
color: #003974;
	}
h2.black, h3.black, h4.black, h5.black, h6.black {
font: bold 14px Arial, Helvetica, sans-serif; margin: 0; padding: 0;
color: #000000;
	}
h2.bluemedium, h3.bluemedium, h4.bluemedium, h5.bluemedium, h6.bluemedium {
font: bold 14px Arial, Helvetica, sans-serif; margin: 0; padding: 0;
color:#003974;
	}
	
h3.blue {
font: bold 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0;
color: #003974;
}

.blue {
font: bold 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0;
color: #003974;
	}
.orangefont {
font: bold 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0;
color: #ff9900; }
.redfont {
font: bold 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0;
color: #ff0000; }
.bluesmall {
font: 10px Arial, Helvetica, sans-serif; margin: 0; padding: 0;
color: #003974;
	}
.bluesmall11 {
font: 11px Arial, Helvetica, sans-serif; margin: 0; padding: 0;
color: #003974;
	}
	
.bodycopy {
	font: 12px Arial, Helvetica, sans-serif; color:#333333; margin: 0 0 15px 0; width: 95%; }
.bodycopy2 {
	font: 12px Arial, Helvetica, sans-serif; color:#333333; margin: 0 0 0 0; width: 95%; }
.bodycopysm {
	font: 10px Arial, Helvetica, sans-serif; color:#333333; }
.bodycopytiny {
	font: 8px Arial, Helvetica, sans-serif; color:#333333; }
p.headcopy {
	font: 11px Arial, Helvetica, sans-serif; color: #333333; text-align: left; margin: 0; padding:0;}
.smallblack {
	font: 12px Arial, Helvetica, sans-serif; color:#333333; margin: 0; padding:0; }
	
.bodycopysmspace {
	font: 12px Arial, Helvetica, sans-serif; color:#333333; margin: 5px 0 5px 0; } 
p.newscroll {
	margin: 0 0 10px 0; }
.tablebottom {
	font: 11px Arial, Helvetica, sans-serif; color: #000000; border-bottom: 1px solid #ccc; }
.tableheadbottom {
	font: bold 12px Arial, Helvetica, sans-serif; color: #003974; border-bottom: 1px solid #003974; }
/* Checking Page New */
#checkhead {
	width: 625px; height: auto; background:url(../images/chking_bghead.gif) repeat-x ; padding: 0 10px 0 0; border-bottom: 1px solid #7ba0c0; }
.comparebuttonhead {
	margin: 0 0 0 0; }
.savingsbuttonhead {
	margin: 10px 0 0 20px; float: right; }
.textboxchecking {
	width: 625px; height: 50px; text-align: left; border-bottom: 1px solid #7ba0c0; margin: 10px 0 0 0; }
.textwrapinner {
	float: left; width: 300px; }
.smallwhite {
	font: 10px Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; }
.smallwhite11 {
	font: 11px Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; }
.tableone {
	border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.tableoneend {
	border-bottom: 1px solid #ccc; }
.tablebottomchecking {
	border-right: 1px solid #ccc; }
.tablebottomendchecking {
	border: 0; }
li.bodycopy {
	margin: 0 0 5px 0; padding:0; list-style-type: disc;  font: 12px Arial, Helvetica, sans-serif; color: #333333;  }
li.bodycopynobull {
	margin: 0 0 5px 0; padding:0; list-style-type: none; font: 11px Arial, Helvetica, sans-serif; color: #333333; }
.graylinkbox {
	width: 122px; height:80px; background:url(../images/grayfadebox.gif) no-repeat; float: left; margin: 0; padding:30px 0 0 0; text-align: center; vertical-align:middle; }
.graylinkboxlg {
	width: 122px; height:97px; background:url(../images/grayfadebox.gif) no-repeat; float: left; margin: 0; padding:13px 0 0 0; text-align: center; vertical-align:middle; }
.graylinkboxmed {
	width: 122px; height:97px; background:url(../images/grayfadebox.gif) no-repeat; float: left; margin: 0; padding:22px 0 0 0; text-align: center; vertical-align:middle; }
.bullets {
	line-height: 16px;
	color: #333;
}

/* Promo pages */

#promo{float:left; padding:0 17px 17px 17px; width:570px; color:#8e8e8e; font-family:"Helvetica", sans-serif;}
#promo h2{color:#efa600; margin:0; padding:0; font-weight:normal; font-size:20px;}
#promo p{font-size:11px; line-height:16px; margin:0; padding:0 0 10px 0;}
#promo p.intro{font-size:14px; line-height:20px; margin:0 0 15px 0;}
#promo .product{float:left; width:100%; padding:10px 0;}
#promo .productImg{float:left; padding:0 20px 0 0;}
#promo a img{border:none;}
#promo .moreInfo{float:right; border:none;}
#promo .moreInfo img{border:none;}
#promo .moreInfoIntro img{border:none; padding:0 0 0 12px;}
#promo ul{line-height:18px; margin:0; padding:0 0 10px 40px; font-weight:bold; font-size:13px;}
#promo ul li{margin-bottom:10px;}