/* ------------------------------------------- project: Peoples Cash Solutions date: 2008/10/30 ------------------------------------------- */ html, body, p, ul, ol, dl, dt, dd, h1, h2, h3,h4,h5,h6, form, li { margin: 0; padding: 0;} html, body { font-family: arial, sans-serif; background: #ececec; text-align: center; } html { font-size: 0.84em;} a img{border:none;} table{border-spacing:0;} body.type2 { } h1 { color:#009900; font-family:"Times", Georgia, Serif; font-size:11pt; font-weight:normal; text-align: left; } h2 { color:#009900; font-family:"Times", Georgia, Serif; font-size:11pt; font-weight:normal; text-align: left; } #ackeys{position:absolute; top:-666em;} #container{width:930px; margin:0 auto; text-align:left; background:url('../images/fcol.gif') bottom right no-repeat;} #container .wrapper{background:url('../images/wrapper.gif') top left repeat-x; overflow:hidden;} /*header -----------------------------------*/ #header{height:72px; overflow:hidden;} #logoContainer{text-indent:-666em; overflow:hidden; width:265px; height:72px; background:url('../images/logo-main.gif') top left no-repeat; float:left;} #logoContainer a{width:265px; height:72px; display: block;} /* #topMenu{min-height: 41px; list-style: none; float:right; width:300px; padding-right:35px;} */ #topMenu{min-height: 41px; list-style: none; float:right; width:500px; padding-right:35px;} #topMenu li{float: right; margin-left: 2px;} #topMenu li a{display: block; color: #006600; text-decoration: none; background:#dedede url('../images/rc1.gif') bottom left no-repeat;} #topMenu li a span{display:block; padding: 5px 16px 6px 16px; color: #006600; text-decoration: none; background-image:url('../images/rc2.gif'); background-position:bottom right; background-repeat:no-repeat; font-weight:bold; font-size:0.9em;} #topMenu li a:hover{color: #006600; color: #fff; border:0px solid #000; background:#009600 url('../images/rc3.gif') bottom left no-repeat;} #topMenu li a:hover span{background:transparent url('../images/rc4.gif') bottom right no-repeat; color:#fff;} #topMenu li.current a, #topMenu li.current a:hover{color: #006600; color: #fff; border:0px solid #000; background:#009600 url('../images/rc3.gif') bottom left no-repeat;} #topMenu li.current a span, #topMenu li.current a:hover span{background:transparent url('../images/rc4.gif') bottom right no-repeat; color:#fff;} * html #topMenu a{height: 100%; float: left;} /*end header -----------------------------------*/ /*content -----------------------------------*/ #large-container {position:absolute; width:100%;} #background-wrapper {background:url('../images/main-bcg-2.gif') top left repeat-x;} #content{width:666px; float:left;} #bannerContainer{background:url('../images/test.png') top left no-repeat; padding:20px 0 20px 20px; margin-top:-8px;} #bannerContainer p{background:#e8e8e8; padding:10px; width:626px; height:242px;} #bannerContainer p img{display: block;} /*banner-container-top.gif*/ #innerContent{margin:0 20px; padding-bottom:30px;} #bCrumbs{overflow:hidden; width:100%; margin-top:-5px; padding-bottom:20px;} #bCrumbs li{font-size:0.74em; float:left; list-style:none; color:#666;} #bCrumbs li a{text-decoration:underline; color:#666; padding-right:16px; background:url('../images/bullet.gif') right 50% no-repeat;} #bCrumbs li a:hover{text-decoration:none;} #innerContent h5{font-weight:normal; font-size:2em; padding-bottom:13px;} #innerContent p{color:#333; font-size:1em; line-height:180%;} #itemsList{clear:both; padding-top:10px; list-style:none; margin-left:-20px; overflow:hidden; width:646px;} #itemsList li{float:left; padding-left:20px;} #innerContent div.expandableContent{background: #DFDFDF url(/images/gray_blue_arrow_right.gif) top right no-repeat; padding:5px 10px; margin:6px 0;border-bottom: 1px solid #CCCCCC;} #innerContent div.expandableContent.active{background: #DFDFDF url(/images/gray_blue_arrow_down.gif) top right no-repeat;} #innerContent div.expandableContent a{color:#006600; text-decoration:none;font-weight:bold;font-size:14px;} #innerContent div.expandableContent a.redHead{ color: #990000; } #innerContent div.expandableContent a:hover{text-decoration:underline;} #innerContent div.first{margin-top:0;} #innerContent div.expandableContent div.theCopy p{padding:10px 20px;} #innerContent div#programBenefitsContent ul li { padding-bottom: 12px; } #innerContent div#programBenefitsContent li { color: #009900; } #innerContent div#programBenefitsContent li span { color: #333333; } #innerContent div#programBenefitsContent div#benefitsCol1{ width: 45%; float: left; margin: 0; padding: 0; } #innerContent div#programBenefitsContent div#benefitsCol2{ width: 45%; float: left; margin: 0; padding: 0; } #innerContent div#googleMapsHolder{ border:#00CC00 3px solid;} .centerContent{text-align:center;} .instructions{color:#999999;font-style:italic;} .brightGreen{color:#009900;} div#featureBucketHolder { padding-left: 47px; } div.featuresImageHolder{width:162px;float:left;overflow:hidden;margin:10px 20px;cursor:pointer;} div.featuresImageHolder{margin-left:0;} div.featuresImageHolder#masterCardDebitCard{background:url(/images/features_mastercard_debitcard_on.gif) top left no-repeat;} div.featuresImageHolder#personalCheckbook{background:url(/images/features_personal_checkbook_on.gif) top left no-repeat;} div.featuresImageHolder#onlineBillPay{background:url(/images/features_online_bill_pay_on.gif) top left no-repeat;} div.featuresImageHolder#overdraftProtection{background:url(/images/features_overdraft_protection_on.gif) top left no-repeat;} div.featuresImageHolder#onlineMoneyTransfers{background:url(/images/features_online_money_transfers_on.gif) top left no-repeat;} div.featuresImageHolder#onlineBanking{background:url(/images/features_online_banking_on.gif) top left no-repeat;} div#applyCheckbox{float:left;width:30px;} div#applyInstructions{float:left;width:550px;} #innerContent div.expandableContent ul, #innerContent div.expandableContent ol{padding-left:50px;color:#333; font-size:1em; line-height:180%;} #innerContent .disclaimerPrint { color: #AAAAAA; font-size: 9px; line-height: 1em; } .clearBoth{clear:both;} .clearLeft{clear:left;} .clearRight{clear:right;} .justifyRight{text-align:right;} fieldset.contactus{border:0px;padding:0px;margin:0px;} fieldset.contactus label{font-family:'Arial Narrow',Arial,Helvetica,sans-serif;color:#666666;font-weight:bold;font-size:14px;} fieldset.contactus label.half{display:block;float:left;width:280px;margin-right:23px;margin-left:2px;} fieldset.contactus label.whole{display:block;float:left;width:600px;margin-left:2px;} fieldset.contactus input[type="text"]{display:block;float:left;width:270px;margin:0px 10px 10px 0px;padding:7px;height:14px;border:solid 1px #cccccc;font-family:Arial,Helvetica,sans-serif;font-size:12px;} fieldset.contactus textarea{padding:7px;font-size:12px;width:565px;height:120px;border:solid 1px #cccccc;font-family:Arial,Helvetica,sans-serif;margin:0px 0px 10px 0px;} fieldset.contactus input[type="submit"]{float:right;margin:0px 45px 20px 0px;} div#innerContent div.homeAccountFeature{margin-bottom:20px;} div#innerContent div.homeAccountFeature h5{ font-size: 13pt; font-weight:bold; color:#044484;} div#innerContent div.homeAccountFeatureImage{float:left;width:94px;} div#innerContent div.homeAccountFeatureCopy{float:left;width:495px;overflow:hidden;} span.formErrorSpan { display:block; color:red; font-weight:bold; font-style:italic; } /*end content -----------------------------------*/ /*side -----------------------------------*/ #sideCol{float:right; width:264px; background:url('../images/test1.png') top right no-repeat; margin-top:-8px;} #innerSide{background:#f4f4f4; min-height:300px; margin:20px 19px 0 10px; padding:10px 17px 10px 18px; background:url('../images/side.gif') top left repeat-x;} .type1 #sideHeader{background:#004283 url('../images/sideheader.gif') top left no-repeat;} .type1 #sideHeader .wrp{background:url('../images/sideheader1.gif') bottom left no-repeat; padding:10px 5px; text-align:center;} .type2 #sideHeader{background:#007400 url('../images/sideheader5.gif') top left no-repeat;} .type2 #sideHeader .wrp{background:url('../images/sideheader6.gif') bottom left no-repeat; padding:10px 5px; text-align:center;} .type3 #sideHeader{background:#ec5611 url('../images/sideheader7.gif') top left no-repeat;} .type3 #sideHeader .wrp{background:url('../images/sideheader8.gif') bottom left no-repeat; padding:10px 5px; text-align:center;} #sideHeader.blueapply{background:#004283 url('../images/sideheader.gif') top left no-repeat;} #sideHeader .bluewrp{background:url('../images/sideheader1.gif') bottom left no-repeat !important;} #sideHeader h4{font-weight:normal; color:#fff; font-size:1.4em;} #sideHeader h4 a{display: block; text-decoration:none; color:#fff;} .menuHeader{background:url('../images/sideheader9.gif') top left no-repeat; margin-top:10px; cursor:pointer; width:200px;} .menuHeader .wrp{background:url('../images/sideheader3.gif') bottom left no-repeat; padding:10px 5px; text-align:center;} .menuHeader .wrp a{text-decoration:none; color:#666;} .menuHeader .wrp a:hover{text-decoration:none; color:#333;} #menu div.active{background:#c1c1c1 url('../images/sideheader2.gif') top left no-repeat; margin-top:10px; cursor:pointer;} #menu .active .wrp{background:url('../images/sideheader4.gif') bottom left no-repeat; padding:10px 5px; text-align:center;} .menuHeader h4{font-weight:normal; color:#666; font-size:1.4em;} #menu .active h4{color:#333;} .sideMenu{background:#e4e4e4 url('../images/menurc.gif') bottom right no-repeat; padding:12px 10px; list-style:none; width:180px;} .sideMenu li{list-style:none; padding:4px 0;} .sideMenu li a{color:#333; text-decoration:none; padding-left:10px;} .type1 .sideMenu li.active a{background:url('../images/bullet3.gif') center left no-repeat; color:#007bf2;} .type2 .sideMenu li.active a{background:url('../images/bullet5.gif') center left no-repeat; color:#009900;} .type3 .sideMenu li.active a{background:url('../images/bullet7.gif') center left no-repeat; color:#eb4a13;} .type1 .sideMenu li a:hover{color:#007bf2; text-decoration:none;} .type2 .sideMenu li a:hover{color:#009900; text-decoration:none;} .type3 .sideMenu li a:hover{color:#eb4a13; text-decoration:none;} .sideMenu ul{padding-left:20px; padding-top:5px;} #menu .sideMenu ul li a{padding:0; color:#666; background:none;} .type1 #menu .sideMenu ul li a:hover{color:#007bf2;} .type2 #menu .sideMenu ul li a:hover{color:#009900;} .type3 #menu .sideMenu ul li a:hover{color:#eb4a13;} .type1 .sideMenu li ul li.active a{color:#007bf2 !important;} .type2 .sideMenu li ul li.active a{color:#009900 !important;} .type3 .sideMenu li ul li.active a{color:#eb4a13 !important;} .type1 .sideBox{background:#cde0f3 url('../images/side-box.gif') top left no-repeat; margin-top:10px;} .type1 .sideBox .wrp{background:url('../images/side-box1.gif') bottom left no-repeat; padding:10px 0 20px 0;} .type2 .sideBox{background:#d0edd0 url('../images/side-box2.gif') top left no-repeat; margin-top:10px;} .type2 .sideBox .wrp{background:url('../images/side-box3.gif') bottom left no-repeat; padding:10px 0 20px 0;} .type3 .sideBox{background:#f4e7d0 url('../images/side-box4.gif') top left no-repeat; margin-top:10px;} .type3 .sideBox .wrp{background:url('../images/side-box5.gif') bottom left no-repeat; padding:10px 0 20px 0;} /* Type 2 */ .type2 .sideBoxBlue{background:#cde0f3 url('../images/side-box.gif') top left no-repeat; margin-top:10px;} .type2 .sideBox .wrpBlue{background:url('../images/side-box1.gif') bottom left no-repeat; padding:10px 0 20px 0;} .type2 .sideBoxOrange{background:#f4e7d0 url('../images/side-box4.gif') top left no-repeat; margin-top:10px;} .type2 .sideBox .wrpOrange{background:url('../images/side-box5.gif') bottom left no-repeat; padding:10px 0 20px 0;} .sideBox p{padding:5px 15px; font-size:0.84em; color:#333;} .hWrapper{color:#fff; font-weight:normal; padding:9px 15px; margin-bottom:10px;} .hWrapper h5{font-size:1.3em; color:#fff; font-weight:normal;} .type1 .hWrapper{background:#003f7e url('../images/sidebox-header.gif') top left repeat-x;} .type2 .hWrapper{background:#006800 url('../images/sidebox-header1.gif') top left repeat-x;} .type3 .hWrapper{background:#eb4c13 url('../images/sidebox-header2.gif') top left repeat-x;} /* Type 2 */ .type2 .hWrapperBlue{background:#003f7e url('../images/sidebox-header.gif') top left repeat-x;} .type2 .hWrapperOrange{background:#eb4c13 url('../images/sidebox-header2.gif') top left repeat-x;} .sideBox p a{font-weight:bold; text-decoration:none;} .sideBox p a:hover{text-decoration:underline;} .type1 .sideBox p a{color:#3897F2; background:url('../images/bullet4.gif') center right no-repeat; padding-right:10px;} .type2 .sideBox p a{color:#006800; background:url('../images/bullet6.gif') center right no-repeat; padding-right:10px;} .type3 .sideBox p a{color:#eb4a13; background:url('../images/bullet8.gif') center right no-repeat; padding-right:10px;} /* type 2 */ .type2 .sideBoxBlue p a{color:#3897F2; background:url('../images/bullet4.gif') center right no-repeat; padding-right:10px;} .type2 .sideBoxOrange p a{color:#eb4a13; background:url('../images/bullet8.gif') center right no-repeat; padding-right:10px;} #contactHeader{margin-top:10px;} #contactHeader a{display:block; text-indent:-666em; overflow:hidden; width:200px; height:53px; background:url('../images/contact-header.gif') top left no-repeat;} /*end side -----------------------------------*/ /*footer -----------------------------------*/ #footer-copy {bottom:-250px; margin-left:18px; padding:0 0 10px 0; position:absolute; width:100%;} #footer-copy > div {color:#666; font-size:12px; line-height: 17px; margin: 0 auto 30px; width:893px; text-align: left;} #footer{background:#ececec url('../images/footer.gif') top left repeat-x;} #innerFooter{width:930px; margin:0 auto; text-align:left; background:url('../images/footer1.gif') 624px 0px no-repeat; min-height:80px; padding-top:30px;} /*.footerMenu{text-align:center; width:666px; padding-top:10px;}*/ .footerMenu{text-align:left; width:666px; padding-top:10px;margin-left:20px;} .footerMenu li{display:inline; color:#999; font-size:0.9em; list-style:none; padding:0 5px 0 8px; background:url('../images/bullet1.gif') 0 3px no-repeat;} #innerFooter .type1 li{background:url('../images/bullet2.gif') 0 3px no-repeat;} .footerMenu li.first{background:none;} #innerFooter .type1 li.first{background:none;} .footerMenu li a{color:#999; text-decoration:none;} .footerMenu li a:hover{text-decoration:underline;} #innerFooter .disclaimerPrint { color: #AAAAAA; font-size: 10px; line-height: 1.5em; width:893px; padding-top:15px;margin-left:28px; } /*end footer -----------------------------------*/ /*SIFR*/ /* These are standard sIFR styles... do not modify */ .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;} /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] {display: none !important;} /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash #innerContent h3{visibility: hidden; padding:0; font-size:35px;} .sIFR-hasFlash #sideHeader h4 {visibility: hidden; letter-spacing: -9px; font-size: 20px;} .sIFR-hasFlash #sideHeader .wrp{padding-bottom:5px;} *:first-child+html #sideHeader .wrp{padding-bottom:10px;} .sIFR-hasFlash #menu h4 {visibility: hidden; letter-spacing: -9px; font-size: 20px; cursor:pointer;} .sIFR-hasFlash #menu .menuHeader .wrp{padding-bottom:5px;} *:first-child+html #menu .menuHeader .wrp{padding-bottom:10px;} .sIFR-hasFlash .hWrapper h5{visibility: hidden; letter-spacing: -9px; font-size: 17px;} .sIFR-hasFlash .hWrapper{padding-bottom:5px;} .clearme{clear:both;}