/*
Global Styles for Belco Community Credit Union
Author: Jeff Green / Cimbrian
*/

body { margin:0; padding:0; background:#060606; }

a img { border:none!important; }

* { margin:0; padding:0; }

a:active, a:link, a:visited { color:#bf2e1a; outline:none; }

a:hover { color:#000; }


/* Header */
#headerWrapper { width:100%; margin:0 auto; padding:0; background-color:#FFF; position:relative; z-index:11!important; }

#header { position:relative; width:990px; margin:0 auto; padding:0; height:150px; background:url(../../images/ui/header-bkgd.jpg) no-repeat center bottom; }

#header h1 { position:absolute; top:19px; left:27px; background:url(../../images/ui/belco-logo.gif) no-repeat; width:201px; height:91px; text-indent:-2000px; margin:0; padding:0; }

#header h1 a { display:block; height:91px; }

#onlineBankingLogin { position:absolute; top:15px; right:200px; text-align:right; font:normal 12px Arial, Helvetica, sans-serif; }

#btnApplyLoan { position:absolute; top:0px; right:27px; }

#btnApplyLoan a:hover { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; }

#searchWrapper { position:absolute; top:6px; left:312px; }

#navWrapper { position:absolute; top:93px; right:27px; /*width:740px;*/ height:27px; margin:0 auto; /*z-index:11!important;*/ }


/* HOME - Page Content */
#homeContentWrapper { margin:0 auto; padding:0; width:100%; background:#FFF url(../../images/ui/home-bkgd.jpg) repeat-x; position:relative; }

#homeContent { position:relative; margin:0 auto; padding:0; width:990px; display:block; height:424px; overflow:visible; background:url(../../images/ui/home-page-bkgd.jpg) no-repeat center top; }

#homeContent li { font:normal 13px/19px Arial, Helvetica, sans-serif; color:#c8c4c0; margin:0 0 3px 0; }

/*#homePagePromo { position:absolute; width:512px; height:204px; right:50px; top:0; }*/

#homePageImageRotator { position:absolute; width:370px; height:204px; left:40px; top:0; }

/* HOME - Slideshow */
#homePagePromo { position:absolute; width:512px; height:204px; right:50px; top:0; padding:0; margin:0; }

#homePagePromo div { background:transparent!important; }

#homePagePromo img { margin:0; }

.slideshowNav { position:absolute; display:block; right:50px; top:-36px; margin:0; z-index:10; padding:3px 6px; }

#slideshowNav a { margin:0 1px; padding:0 2px 80px 2px; background:url(../../images/ui/slideshow-nav-off.gif) no-repeat center 24px; text-decoration:none; color:#FFF; line-height:48px; }

#slideshowNav a.activeSlide { background:url(../../images/ui/slideshow-nav-active.gif) no-repeat center 24px; color:#FFF; }

#slideshowNav a:focus { outline:none; }


/* HOME - Help Menu */
#helpMenu { position:absolute; width:202px; left:40px; top:230px; background-color:#acb185; padding:20px 18px; z-index:50; }

#helpMenu h4 { font:bold 15px Arial, Helvetica, sans-serif; color:#FFF; padding:0; margin:0 0 7px 0; }

#helpMenu #cont3Menu { margin:0; padding:0; list-style-type: none; border-bottom:solid 1px #FFF; }

#helpMenu #cont3Menu li { margin:0 0 1px 0; padding:4px 0 4px 0; font-size:12px; border-top:solid 1px #FFF; font-weight:bold; }

#helpMenu #cont3Menu li ul { margin: 0 0 0 15px; list-style-type:none; }

html>body #helpMenu #cont3Menu li ul { margin: 0px 0px 0px 12px; }

#helpMenu #cont3Menu a { display:block; text-decoration:none; color:#000; }

#helpMenu #cont3Menu a:visited, #cont3 #cont3Menu a:active { color:#000; }

#helpMenu #cont3Menu a:hover { color:#FFF; background:url(../../images/ui/home-arrow.gif) no-repeat right 8px; }

/* HOME - Rates Popup Menu */
#ratesMenu { position:absolute; width:202px; left:305px; top:230px; background-color:#acb185; padding:20px 18px 14px 18px; z-index:49; }

#ratesMenu h4 { font:bold 15px Arial, Helvetica, sans-serif; color:#FFF; padding:0; margin:0 0 7px 0; }

/* HOME - Promotion Links */
#promoLinks { position:absolute; width:389px; height:199px; background:url(../../images/ui/home-links-bkgd.jpg) no-repeat; right:30px; bottom:0; text-align:left; padding:1px 0 0 1px; }

/*#promoLinks img { margin:4px 3px 3px 4px; }*/

#promoLinks #linkOne { position:absolute; top:5px; left:5px; width:119px; }

#promoLinks #linkTwo { position:absolute; top:5px; left:135px; width:119px; }

#promoLinks #linkThree { position:absolute; top:5px; left:265px; width:119px; }

#promoLinks #linkFour { position:absolute; top:105px; left:5px; width:119px;}

#promoLinks #linkFive { position:absolute; top:105px; left:135px; width:119px; }

#promoLinks #linkSix { position:absolute; top:105px; left:265px; width:119px; }


/* Content */
#contentWrapper { position:relative; margin:0 auto; padding:0; width:100%; background:#FFF; /*z-index:1;*/ }

#content { margin:0 auto; position:relative; padding:0 0 30px 0; width:990px; background:url(../../images/ui/content-bkgd.jpg) repeat-y center top; display:block; min-height:500px; height:auto!important; height:500px; }

#content #insetDrawing { position:absolute; bottom:0; _bottom:-4px; right:80px; margin:0; padding:0; height:141px; }

#content p, #content li { font:normal 13px/18px Arial, Helvetica, sans-serif; color:#000; margin:0 0 12px 0; }

#content p { margin:0 0 12px 0; }

#content ul { margin:0 0 20px 25px; list-style-position:outside; list-style-image:url(../../images/ui/black-arrow.gif); }

#content ol { margin:0 0 20px 35px; }

#content .caption { font-size:9px; line-height:12px; color:#030000; }

h2 { font:normal 18px/20px Arial, Helvetica, sans-serif; color:#bf2e1a; padding:0 0 4px 0; margin:0 0 8px 0; border-bottom:solid 1px #9fa374; }

h3 { font:bold 15px/19px Arial, Helvetica, sans-serif; padding:0; margin:20px 0 8px 0; }

h4 { font:bold 13px/17px Arial, Helvetica, sans-serif; color:#000; padding:0; margin:10px 0 3px 0; }

hr { margin:20px 0; }

#container5 { position:relative; width:900px; padding:0; margin:0 auto; }

#container10 { position:relative; width:900px; padding:0; margin:0 auto; }

#container10 p { padding-top:30px; }

#container15 { position:relative; width:900px; padding:0; margin:0 auto; }


/* --- Container 2 - 1-Column Standard Content Grid --- */
.oneColumn { position:relative; width:900px; padding:0; margin:0 auto; }

.oneColumn ul { margin:0 0 0 35px; }


/* --- Container 2 - 2-Column Standard Content Grid --- */
.twoColumn { position:relative; width:900px; padding:0; margin:0 auto; }

.twoColumn .grid-m1 { float: left; width: 0px; height: 1px; }

.twoColumn .grid-c1 { float: left; width: 550px; padding-top:20px; }

.twoColumn .grid-c1 img { margin:0 0 10px 15px; }

.twoColumn .grid-m2 { float: left; width: 30px; height: 1px; }

.twoColumn .grid-c2 { float: left; width: 320px; padding-top:20px; }

.twoColumn grid-c2 img { margin-bottom:50px; }


/* --- Container 2 - 3-Column Standard Content Grid --- */
.threeColumn { position:relative; width:900px; padding:0; margin:0 auto; }

.threeColumn .grid-m1 { float: left; width: 0px; height: 1px; }

.threeColumn .grid-c1 { float: left; width: 82px; text-align:center; }

.threeColumn .grid-m2 { float: left; width: 30px; height: 1px; }

.threeColumn .grid-c2 { float: left; width: 438px; text-align:left; padding-top:20px; }

.threeColumn .grid-m3 { float: left; width: 30px; height: 1px; }

.threeColumn .grid-c3 { float: left; width: 320px; padding-top:20px; }

.threeColumn .grid-c3 img { margin-bottom:20px; }


/* --- Container 2 - 3-Column Equal Content Grid --- */
.threeColumnEqual { position:relative; width:900px; padding:0; margin:0 auto; }

.threeColumnEqual .grid-m1 { float: left; width: 0px; height: 1px; }

.threeColumnEqual .grid-c1 { float: left; width: 280px; }

.threeColumnEqual .grid-m2 { float: left; width: 30px; height: 1px; }

.threeColumnEqual .grid-c2 { float: left; width: 280px; text-align:left; }

.threeColumnEqual .grid-m3 { float: left; width: 30px; height: 1px; }

.threeColumnEqual .grid-c3 { float: left; width: 280px; }


/* --- Container 2 - 2-Column Landing Page for Eblast Promotions --- */
.twoColumnLanding { position:relative; width:900px; padding:0; margin:0 auto; }

.twoColumnLanding .grid-c1 { float: left; width: 82px; }

.twoColumnLanding .grid-m2 { float: left; width: 30px; height: 1px; }

.twoColumnLanding .grid-c2 { float: left; width: 788px; padding-top:10px; }

.twoColumnLanding .grid-c2 .introImage { border:solid 3px #d7d7d7; margin-bottom:20px; }

.twoColumnLanding .grid-c2 .bottomBox { background-color:#989d65; padding:20px 40px; margin:30px 0 120px 0; font:normal 12px/16px Arial, Helvetica, sans-serif; color:#FFF; }

.twoColumnLanding .grid-c2 .bottomBox b, .twoColumnLanding .grid-c2 .bottomBox strong { font-size:15px; display:block; }

.twoColumnLanding .grid-c2 .bottomBox a { color:#FFF; text-decoration:underline; }


/* Promo Items */
#officiersBox { margin:30px 0; padding:25px 30px 10px 30px; text-align:center; border:solid 4px #CCC; background-color:#fbfaf2; }

.largePromoButton { padding:4px 15px 4px 15px; width:200px; background-color:#bf2e1a; }

.largePromoButton a { font-size:14px; font-weight:bold; color:#FFF; text-decoration:none; }


/* --- TABLE SETTINGS --- */
.tableATMLocations,
.tableRates4Column { width:100%; margin:20px 0px; padding:7px; font:normal 12px/14pt Arial, Helvetica, sans-serif; color:#675c55; border-collapse:collapse; }

.tableATMLocations p,
.tableRates4Column p { font:normal 12px/14pt Arial, Helvetica, sans-serif; color:#675c55!important; padding:0!important; margin:0!important; }

.tableATMLocations tr th,
.tableRates4Column tr th { text-align:left; padding:5px; border-bottom:solid 2px #999; }

.tableATMLocations a,
.tableRates4Column a { color:#1d5da7; }

.tableATMLocations tr td,
.tableRates4Column tr td { padding:5px 10px 5px 4px; border-bottom:1px solid #999; }

.tableATMLocations .altRow,
.tableRates4Column .altRow { background-color:#fbfaf2; }

.tableATMLocations tr.titles,
.tableRates4Column tr.titles { font-weight:bold; }

/* --- ATM/BRANCH LOCATIONS TABLE/3 COLUMN TABLE --- */
/* location */
.tableATMLocations tr th[scope=col] { width:250px; }
/* services */
.tableATMLocations tr th+th[scope=col] { width:150px; }
/* hours */
.tableATMLocations tr th+th+th[scope=col] { width:200px; }

.tableATMLocations td.hoursGrid p { padding:2px 0; border-bottom:solid 1px #CCC; margin:0 0 5px 0!important; }


/* --- 4-COLUMN RATES TABLE --- */
/* first column */
.tableRates4Column tr th[scope=col] { width:250px; }
/* second column */
.tableRates4Column tr th+th[scope=col] { width:115px; }
/* third column */
.tableRates4Column tr th+th+th[scope=col] { width:115px; }
/* fourth column */
.tableRates4Column tr th+th+th[scope=col] { width:115px; }


/* Footer */
#footerWrapper { position:relative; display:block; width:100%; margin:0 auto; background:url(../../images/ui/footer-wrapper-bkgd.jpg) repeat-x center top; /*z-index:10!important;*/ }

#footer { position:relative; width:990px; margin:0 auto; height:210px; background:url(../../images/ui/footer-bkgd.jpg) no-repeat center top; }

#footer #nav { position:absolute; top:42px; left:43px; width:600px; /*z-index:100!important;*/ }

#footer .copyright { position:absolute; top:71px; left:43px; font:normal 10px Arial, Helvetica, sans-serif; color:#939393; }

#footer .memberBtn { position:absolute; top:36px; right:181px; }

#footer .goldstarBtn { position:absolute; top:38px; right:10px; }

#footer .vendorLinks { position:absolute; top:130px; width:990px; text-align:center; }

#footer .vendorLinks img { margin:0 15px; }

#footer .vendorLinks a:active, #footer .vendorLinks a:link, #footer .vendorLinks a:visited { color:#272727; }

#footer .financeLinks { position:absolute; top:69px; right:43px; }

#footer .financeLinks img { margin-left:15px; }