/*
*	AquestaBank
*	E-dreamz | JJohnson 2007
*
*/

/*-----Tag Selectors-----*/

html { font-size:100.01%; }
body { font-size:1em; }

body{ font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:14px; color: #333; background: #AEC2D6 url('../images/page-background.jpg') repeat-x left top; margin: 0;  padding: 0; }

p{ margin: 5px; }

small{ font-size: 11px; }

h3 { font-size:13px; color:#036;}

li{margin-bottom:5px;}
/*-----End Tag Selectors-----*/

/*-----Class Selectors-----*/
.clear{clear:both;}
/*-----End Class Selectors-----*/
 
/*-----Link Styles------ */
a img{border: 0;}
a{text-decoration: none; color: #387cc5; outline: none;}
a:hover{text-decoration:underline; color: #0c3c6c;}
a.login{ width: 48px; height: 18px; background: url('../images/buttons/btn_login.gif') no-repeat 0 0; text-indent: -9999em; outline: none; display:block; }
a.login:hover{ background-position: 0 -18px; }
a.signin{ width: 56px; height: 17px; background: url('../images/buttons/btn_signin.gif') no-repeat 0 0; text-indent: -9999em; outline: none; display: block; }
a.signin:hover{ background-position: 0 -17px; }	
a.enroll{ width: 83px; height: 17px; background: url('../images/buttons/btn_enroll.gif') no-repeat 0 0; text-indent: -9999em; outline: none; display: block; }
a.enroll:hover{ background-position: 0 -17px; }
a.downloadApp, a.downloadPersonalApp{ width: 177px; height: 30px; background: url('../images/buttons/btn_download_app.gif') no-repeat 0 0; text-indent: -9999em; outline: none; display: block; }
a.downloadPersonalApp{ background: url('../images/buttons/btn_personal-download_app.gif') no-repeat 0 0; margin-left: 10px; }
a.downloadApp:hover, a.downloadPersonalApp:hover{ background-position: 0 -30px; }
a.locationLink{ width:180px; height: 55px; background: url('../images/bank-locations.jpg') no-repeat 0 0; text-indent: -9999em; outline: none; display:block; margin-top: 10px; }
a.pdf { padding: 5px 0 5px 20px; background: transparent url('/images/icons/icon_pdf.gif') no-repeat center left; }
a.cm{ background: transparent url('../images/cash-mgt.jpg') no-repeat 0 0; display:block; height: 25px; width: 179px; outline: none; text-indent: -9999em; }
a.cm:hover{ background-position: 0 -25px; }
.promo a{color: #fff; font-weight: bold; text-decoration: underline;}
.promo a:hover{color: #fff; font-weight: bold; text-decoration: none;}
/*-----End Link Styles------ */
  
/*-----Layout Containers -----*/ 
#wrapper{ width: 778px; margin: 0 auto; background: #fff; }

#hd{ background: url('../images/header-bg.jpg') no-repeat 3px 0; height: 86px; position: relative; padding: 5px; }
#hd.ins {background: url('../images/header-bg-ins.jpg') no-repeat 3px 0;}
#hd h1{margin: 0; padding: 0;}
#hd h1 a{ margin: 0; padding: 0; width: 190px; height: 75px; position: absolute; top: 10px; text-indent: -9999em; outline: none; }
#hd #topnav{float: right; margin: 17px 0 0 0;}
#hd #topnav ul{margin: 0; padding: 0;}

#mainnav{ background: #003466; height: 24px; }
	
#footer{ clear:both; margin: 0 5px; padding: 0 0 5px 0; }
.footernav{ background: url('../images/footer-bg.gif') no-repeat left top; height: 31px; padding-top: 20px; }
.footernav ul{background: #036; list-style:none; margin: -5px 0 0 54px; padding: 5px 0 5px 15px;}
.footernav li{display:inline; padding: 8px 0; margin: 0;}
.footernav a{color: #fff; font-size: 0.7em; border-right: 1px solid #fff; padding: 0 8px 0 0;}

#footer small{ display:block; width: 400px; font-size: 0.7em; margin: 10px 0 0 5px; float: left; }
#footer .disclaimer{ font-size: 10px; background: url('../images/fdic.gif') no-repeat bottom left; padding: 10px 0 40px 0; color: #999999; }
#footer address{ font-size: 0.7em; float: right; width: 170px; color: #036; font-style:normal; }
#footer address strong{ color: #3e8bd8; }

/*-----End Layout Containers -----*/

/*-----Home Page Specific-----*/
.home_left, #col_left{ float: left; width: 586px; margin: 0 5px; }
* html #col_left{margin-left: 1px;}

#col_left{font-size: 12px;}
#col_left p{line-height: 18px;}

#three-columns{ background: url('../images/home-middle-bg.gif') repeat-y -1px 0; float: left; margin: 5px 0 0 0; }

.col{ float: left; color: #387cc5; min-height: 245px; font-size: 0.8em; width: 195px; }
.col .admin{ float:left; width:193px; color: #387cc5; }
.col h5{ margin: 0; text-align:center; padding:5px 8px 0 8px; height: 63px; background-repeat: no-repeat; background-position: top left; }

#new-account{ width: 199px; }
	/*#home-mortgages{ width: 192px; }*/
#coming-soon{ width: 192px; }
#coming-soon .admin, #center .admin{ width:180px; padding:5px 0 0 7px; }

#switch{ width: 188px; }
#switch p.top{ margin-top:0px; }

.col-switch{ float: left; color: #387cc5; font-size: 0.8em; width: 181px; }
.col-switch h5{ margin: 0; padding: 0; height: 68px; text-indent: -9999em; background-repeat: no-repeat; background-position: top left; }

#accordion dd{ margin:0; padding:0;}

#new-account h5{ background-image: url('../images/headers/h-left.gif'); }
#new-account .downloadApp{ margin: 10px; }

#center h5{ background-image: url('../images/headers/h-center-col.gif'); }
#coming-soon h5{ background-image: url('../images/headers/h-right.gif'); }

#video2 h5{ background-image: url('../images/headers/video-demos-short.gif'); }
#video2 ul, #video2 li, .video-demos{ margin: 0; padding: 0; list-style:none; }
#video2 li, .video-demos li{ margin: 0 0 5px 0; }
#video2 .online-bill-pay, #video2 .hsa, .video-demos .online-bill-pay, .video-demos .hsa{ display:block; width: 178px; height: 30px; text-indent: -9999em; outline: none; }
#video2 { clear: left; /*border: 1px dashed #F00; */ float:left; width: 178px; margin-left:0; padding: 20px 0 0 0; }

.welcome-text{ float: left; /*width: 375px;*/ width: 550px; padding: 20px 0 30px 0; margin-left: 20px; font-size: 11px; line-height: 1.5em; display:inline; overflow: hidden; }

.video-link{ float: left; width: 550px; padding: 5px 0 5px 25px; margin:-25px 0 10px 0; font-size: 11px; line-height: 1.5em; display:inline; overflow: hidden; background:#ccc; color:#0c3c6c; }

.online-bill-pay:hover,  .hsa:hover{ background-position: 0 -30px; }
.online-bill-pay{ background: url('../images/buttons/btn_onlinebillpay.gif') no-repeat 0 0;}

.hsa{ background: url('../images/buttons/btn_hsa.gif') no-repeat 0 0;}

#switch h5{ background-image: url('../images/headers/switch-accounts.gif'); }
#switch ul, #switch li{ margin: 0; padding: 0; list-style:none; }
#switch ul{ margin-left: 10px; }
#switch .auto-payments, #switch .checking, #switch .direct-deposit{ width: 166px; height: 23px; display:block; text-indent: -9999em; outline: none; margin: 5px 0 0 0; }
#switch li a:hover{ background-position: 0 -23px; }
#switch li a.auto-payments:hover{ background-position: 0 -30px; }
#switch .auto-payments{ height: 30px; background: url('../images/buttons/btn_auto_payments.gif') no-repeat 0 0; }
#switch .checking{ background: url('../images/buttons/btn_checking.gif') no-repeat 0 0;	}
#switch .direct-deposit{ background: url('../images/buttons/btn_direct_deposit.gif') no-repeat 0 0; margin-bottom: 15px; }

.accountSwitch { display:block; width:181px; height:68px; text-indent: -9999em; background-image:url('../images/headers/switch-accounts.gif');}
	
.home_right, #col_right{ float: right; width: 180px; margin: 7px 2px 0 0; }
#col_right{ margin: 0 2px 0 0; }

.callout-box{ border: 1px solid #013467; margin: 0 0 10px 0; font-size: 11px; padding: 0 0 5px 0; }
.callout-box .title {font-size:13px; font-weight:bold; color:#036; display:block; margin-bottom:5px;}
.callout-box h4{ margin: 0; padding: 0; font-size: 0.8em; text-indent: -9999em; background-position: left top; background-repeat: no-repeat; }
.callout-box a.login{ margin: 0 0 0 5px; }
.callout-box a.signin{ margin: 0 10px 0 5px; float: left; }
.callout-box a.enroll{ margin: 0 0 0 5px; float: left; }

.online{ background: url('../images/mouse.jpg') no-repeat 114px 50px;}
	
.managecc{ background: url('../images/cc.jpg') no-repeat right bottom;}

.online h4{ height: 39px; background-image: url('../images/headers/h-billpay.gif');}

.managecc h4{ height: 22px; background-image: url('../images/headers/h-credit-cards.gif');}

.online p, .managecc p{	width: 105px;}

.promo h4{ height: 22px; background-image: url('../images/headers/h-current-promo.gif');}

.callout-box.promo{
	display:block;
	width:178px;
	height: 170px;
	margin-top:10px;
	color: #fff;
	background: #036 url('../images/current-promo-bg.gif') repeat-x left top;
}

.news-and-events { float:left; width:180px;}
.news-and-events h4{
	background: url('../images/headers/h-news-events.gif') no-repeat left top;
	text-indent: -9999em;
	margin: 0;
	padding: 0;
	position: relative;
	height: 16px;
}
.news-and-events h4 a{ display:block; width: 180px; height: 16px; }
	
#col_left .news-and-events p{font-size: 12px;}
#col_left .news-and-events dt{font-size: 14px;}
.news-and-events dl{margin: 0; padding: 0;}
.news-and-events dt{padding: 5px 0 0 0; margin: 5px 0 0 0; background: url('../images/grey-dashed.gif') repeat-x left top; color: #369; font-weight: bold; font-size: 10px;}
.news-and-events small{color: #333; font-size: 0.7em; font-weight: normal; display:block;}
.news-and-events dd{margin: 0; padding: 0;}
.news-and-events .readmore, .news-and-events .viewphotos{ margin: 5px 0 0 0; text-indent: -9999em; display:block; width: 77px; float: left; }
.news-and-events .readmore{ height: 9px; width: 68px; background: url('../images/buttons/btn_readmore.gif') no-repeat left top; }
.news-and-events .viewphotos{ height: 9px; background: url('../images/buttons/btn_viewphotos.gif') no-repeat left top; margin-left: 10px; }
.news-and-events .archive{margin: 10px; padding: 0; list-style:none;}
.news-and-events .archive .year{font-size: 18px; color: #036; font-weight: bold;}
.news-and-events .archive .year ul{font-size: 12px; list-style:none;}
.news-and-events .archive .year li{padding: 4px 0;}
	
.jobs{margin: 10px;}
.jobs small{font-weight: normal; color: #036;}
.jobs dt{font-size: 14px; padding: 5px 0 0 0; font-weight: bold;}
.jobs dd{background: url('../images/grey-dashed.gif') repeat-x left bottom; margin: 0; padding:0 0 10px 0;}
.jobs dd p{margin: 0; padding: 0;}

.home-event {float:left; width:400px; margin:20px 0 0 15px; font-size:10px; background:#d4e3f2; padding:10px 0 10px 10px;}
.home-event .logo {float:left; margin:0 8px 10px 0; vertical-align:text-top;}
.home-event .event-item {float:left; margin:0 20px 10px 0;}

/*-----End Home Page Specific-----*/	
.int_left{ float: left; width: 177px; font-size: 0.8em;}
.int_right{ float: left; width: 360px; padding: 0 0 0 20px; font-size: 0.8em; }
	
#pagetitle{color: #578dc0; margin: 10px 0 0 0; padding: 0;}
#pagetitle2{color: #578dc0; margin: 10px 0 0 0; padding: 0;}

.vd{margin-top: 10px;}
.vd h5{background: url('../images/headers/h-video-demos.gif') no-repeat left top; text-indent: -9999em; height: 51px; margin: 0; padding: 0;}
.vd p{margin: 3px 0; padding: 0; color: #387cc5; font-size: 11px;}
.vd ul{margin: 10px 0 0 0; padding: 0;}

.breadcrumb{margin: 0; padding: 3px 0 5px 0; background: url('../images/grey-dashed.gif') repeat-x left bottom; font-size: 0.8em;}

.category{ float:left; background: url('../images/grey-dashed.gif') repeat-x left top;}
.category h3{
	float:left;
	clear:both;
	width:580px;
	font-weight: bold; 
	font-size: 14px; 
	color: #333;
	margin: 10px 0 5px 5px;
}

.catIndividual{
	float:left;
	margin:0 5px 0 5px;
	width:80px;
	min-height:210px;
	clear:none;
}

/*.catIndividual #name{
	margin:0;
	padding:0;
	color: #3e8bd8;
}*/

.catIndividual img{ margin-bottom:5px; max-height:110px; }

.account-type, .bio{ background: url('../images/grey-dashed.gif') repeat-x left top; padding: 1px 0 0 0; }
.account-type{margin: 10px;}
.account-type img{float: left;}
/*.account-type p{float: right; width: 260px; padding: 0; margin: 0;}*/
.account-type p a{font-weight: bold; font-size: 1.2em;}
	
.bio{padding-top: 10px; }
.bio .bioImage{margin: 5px 0 0 10px; width: 85px; float: left;}
.bio .bioInfo{width: 475px; margin-top: 5px; float: right;}
.account-type p{float: right; width: 80%; padding: 0; margin:5px 0 0 0;}
.bio p{float: none; line-height: 16px !important;  padding: 0; margin:5px 0 0 0;}
.bio{line-height: 16px;}
	
.curvebg{ background: url('../images/bluecurve.jpg') no-repeat right top; }
.curvebg p{ font-size: 12px; line-height: 18px;}

.curvebg #pagetitle{margin-top: 45px;}
.curvebg #pagetitle2{margin-top: 45px;}
.curvebg p.breadcrumb{background: none; padding: 15px 5px 0 5px; font-size: 11px;}

.curvebg #col_right div p{font-size: 11px; line-height: 14px;}
.curvebg #col_right{margin-top: 30px;}
div#account #col_right{margin-top: 0;}
div#account #col_right #subnav{background-image: url('../images/account-curve.gif');}

#rates-table{margin: 15px 0 10px 0;}
#rates-table td{padding: 4px;}
#rates-table .acc-type{background: #036; color: #fff; font-weight: bold;}
#rates-table .acc{background: #ccc; font-weight: bold; font-size: 13px;}
#rates-table .rate td{font-size: 11px; background: url('../images/grey-dashed.gif') repeat-x left bottom;}
.rate-footer{color: #aaa;}

.input{width: 200px; border: 1px solid #c8c8c8; border-right: 1px solid #ddd; border-top: 1px solid #ddd; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#form-table label{font-weight: bold;}

dl.account{background-position: 0 10px; background-repeat: no-repeat;}
.acct-tbl h3{font-weight: bold; font-size: 14px; color: #036; padding: 5px 0 0 0; margin: 0 0 5px 0;}
.acct-tbl tr{font-size: 11px; }
.acct-tbl td tr td{font-size: 11px; padding: 0 0 8px 0; background: url('/images/grey-dashed.gif') repeat-x left bottom;}
dl#personal-checking.account{background-image: url('../images/bg-personal-checking.jpg');}

.promos{background: url('../images/grey-dashed.gif') repeat-x left top; padding: 15px 0 10px 0; margin: 10px 10px 10px 0; font-size: 11px;}
.promos h3{color: #036; font-weight: normal; font-size: 20px; margin: 0; padding: 0;}
.promos h5{color: #c1891e; font-size: 15px; margin: 5px 0 8px 0; padding: 0;}
.promos p{font-size: 11px;}
h6{font-size: 14px; color: #036; margin: 12px 0 3px 0; padding: 0;}

div.newsletters{font-size: 12px;}
div.newsletters ul{margin: 0 0 0 10px; padding: 3px 0 0 8px; }
div.newsletters li{padding: 0 0 6px 2px; list-style: url('/images/icons/icon_pdf_bullet.gif');}
div.newsletters li a{display:block;  padding-top: -5px;}
div.newsletters h3{margin: 0 0 5px 0; padding: 0; font-size: 14px; color: #036;}

.gallerythumb { margin: 0 0 10px 20px; }


/*----- Navigation Styles -----*/
/* top nav bar */
#topnav ul { margin: 0;	padding: 0;	height: 19px; list-style: none;	display: inline; overflow: hidden; }
#topnav ul li { margin: 0; padding: 0; list-style: none; display: inline; }
#topnav a { float: left; padding: 19px 0 0 0; overflow: hidden; height: 0px !important; height /**/:19px; /* for IE5/Win only */ }
#topnav a:hover { background-position: 0 -19px; }
#topnav a:active, #nav a.selected { background-position: 0 -19px; }
/* end top nav bar */

/*main nav bar */
#mainnav ul { margin: 0; padding: 0; height: 19px; list-style: none; display: inline; overflow: hidden;	}
#mainnav ul li { margin: 0; padding: 0; list-style: none; display: inline; }
#mainnav a { float: left; padding: 24px 0 0 0; overflow: hidden; height: 0px !important; height /**/:24px; /* for IE5/Win only */}
#mainnav a:hover, #mainnav a.selected { background-position: 0 -24px; }
#mainnav a:active, #nav a.selected { background-position: 0 -24px;}
/* end main nav */

/* subnav styles */
#subnav{background: #e5eaf0 url('/images/subnav-bg.gif') no-repeat left top; padding: 50px 0 0 0; margin: 0 0 10px 0;}
#subnav ul{margin: 0; padding: 0; list-style:none;}
#subnav li{border-bottom: 1px solid #fff; line-height: 12px; padding: 3px 2px;}
#subnav a{font-size: 10px; font-weight: bold; background: url('/images/icons/subnav-off.gif') no-repeat left center; padding-left: 15px;}
#subnav a:hover{color: #c93; background: url('/images/icons/subnav-over.gif') no-repeat left center;}
/* end subnav styles */

#thome a{ width: 43px; background: url('/images/topnav/home.gif') top left no-repeat;}
#texpert a{ width: 83px; background: url('/images/topnav/expert.gif') top left no-repeat;}
#tblast a{ width: 92px; background: url('/images/topnav/eblast.gif') top left no-repeat;}
#tcareers a{ width: 58px; background: url('/images/topnav/career.gif') top left no-repeat;}
#tlocations a{ width: 66px; background: url('/images/topnav/location.gif') top left no-repeat;}
#tvisit a{ width: 125px; background: url('/images/topnav/visit_aquesta.gif') top left no-repeat;}

#tpersonal a{ width: 145px; background: url('/images/mainnav/personal.gif') top left no-repeat;}
#tbusiness a{ width: 145px; background: url('/images/mainnav/business.gif') top left no-repeat;}
/*#tinsurance a{ width: 90px; background: url('/images/mainnav/insurance.gif') top left no-repeat;}*/
#tcurrent a{ width: 123px; background: url('/images/mainnav/current-rates.gif') top left no-repeat;}
#tnews a{ width: 127px; background: url('/images/mainnav/news-events.gif') top left no-repeat;}
#tabout a{ width: 123px; background: url('/images/mainnav/about.gif') top left no-repeat;}
#tcontact a{ width: 112px; background: url('/images/mainnav/contact.gif') top left no-repeat;}

/*-- insurance nav --*/
#ins-personal a{ width: 130px; background: url('/images/mainnav/ins-personal.gif') top left no-repeat;}
#ins-business a{ width: 130px; background: url('/images/mainnav/ins-business.gif') top left no-repeat;}
#ins-benefits a{ width: 80px; background: url('/images/mainnav/ins-benefits.gif') top left no-repeat;}
#ins-resources a{ width: 100px; background: url('/images/mainnav/ins-resources.gif') top left no-repeat;}
#ins-locations a{ width: 90px; background: url('/images/mainnav/ins-locations.gif') top left no-repeat;}
#ins-news a{ width: 110px; background: url('/images/mainnav/ins-news.gif') top left no-repeat;}
#ins-contact a{ width: 90px; background: url('/images/mainnav/ins-contact.gif') top left no-repeat;}

/*-----End Navigation Styles -----*/

.sIFR-hasFlash #pagetitle { /*visibility: hidden; other CSS properties go here */ font-size: 24px; }
.sIFR-hasFlash #pagetitle2 { /*visibility: hidden; other CSS properties go here */ font-size: 24px; }

.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }

span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
/*** MSG Styles ***/

#msg{ width: 95%; font-family: Verdana, sans-serif; margin: 5px 0 10px 0; padding: 5px 5px 5px 10px; line-height: 20px; }
.notice{ font-size: 11px; background: #fff8cc; color: #31363e; border: 1px solid #ffdc50; }
.notice small{font-size: 10px; color: #707173;}
.notice p{margin: 0; padding: 0;}
.notice a{font-weight: bold; color: #fc683b;}

.success{ /* background: #E2F9E3; color: #060; border: 1px solid #9c9;*/ background: #D7E3F1; color: #036; border: 1px solid #369; }
.error{ background: #FFE3E0; color: #E31B0C; border: 1px solid #DC6E66; }

/*** end msg ***/


/** Lightbox styles **/




/** end lightbox styles **/