/*
*	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 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;}
	#accordion ul {margin:0; list-style:none;}

	
	#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:#cccccc;
		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 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, Geneva, 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;
}

#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;
}
#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;
}
	
/*-----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 **/