/* ======== http://www.peopleschoicecreditunion.com Screen Stylesheet ::

Published:	6-16-10 CP, http://www.iBecCreative.com
Updated: 	6-21-10 JDB
TOC:		Resets; HTML & Body; Links; Typography; Lists; Tables;
			Classes; Template; Navigation; Page Styles; Forms; Other;
----------------------------------------------------------------- */
/* ======== Resets ::
----------------------------------------------------------------- */
body, address, blockquote, h1, h2, h3, h4, h5, h6, p, pre, dl, ol,
ul, dd, dt, li, fieldset, form {margin:0;padding:0;}
table {width:100%;border:none;border-collapse:collapse;border-spacing:0;overflow:hidden;word-wrap:break-word;}
caption,th,td{text-align: left;vertical-align:top; line-height: 18px;}
/* ======== HTML & Body ::
----------------------------------------------------------------- */
html {font-size:100.01%;height:101%;}
body {height:100%;font:62.5%/1.4 Verdana, Geneva, sans-serif;background: #fff;color:#3d3d3d;}

/* ======== Links ::
----------------------------------------------------------------- */
a {outline: none !important;}
a,a:visited {color:#fff; text-decoration:none;}
a:active, a:focus, a:hover {text-decoration:underline;}
a img {border:none;}

/* ======== Typography ::
----------------------------------------------------------------- */
@font-face {
font-family: 'FrutigerLTStd65Bold';
src: url('fonts/frutigerltstd-bold-webfont.eot');
src: local('☺'), url('fonts/frutigerltstd-bold-webfont.woff') format('woff'), url('fonts/frutigerltstd-bold-webfont.ttf') format('truetype'), url('fonts/frutigerltstd-bold-webfont.svg#webfontJ9n3KAdg') format('svg');
font-weight: normal;font-style: normal;
}
@font-face {
font-family: 'MyriadProRegular';
src: url('http://www.peopleschoicecreditunion.com/styles/fonts/myriadpro-regular-webfont.eot');
src: local('☺'), url('fonts/myriadpro-regular-webfont.woff') format('woff'), url('fonts/myriadpro-regular-webfont.ttf') format('truetype'), url('fonts/myriadpro-regular-webfont.svg#webfontvXsHNbX9') format('svg');
font-weight: normal;font-style: normal;
}
/* ==== Resets for Nested elements ==== */
blockquote p, p blockquote, div div, div li, div p,div dt,div dd,li li, li li li,ul ul, p address, p pre, pre p,td address, td h1, td h2, td h3, td h4, td li, td dd, td dt, td p, td pre {font-size: 100%;}
h3, h4, h5 {color:#3b7234;}
abbr,acronym {text-decoration: none;border:0}
address, h1, h3, h4, h5, h6, dd, dt, p, pre {padding:.4em 0;}
h1 {color:#49AA43;font:bold 18px 'MyriadProRegular',myriad,verdana;margin:0 0 0 -2px;padding:4px 0 12px;}
h2 {color:#0077c0;margin: 0.25em auto;font:normal 15px 'MyriadProRegular',myriad,verdana;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-size:.9em;}
h6 {font-size:.8em;}
address,blockquote,div,dd,dt,li,p,th,td {font-size:1.2em;}
dt {font-weight:bold;}
pre {font-size: 12px;}
q:before,q:after {content:'';}
/* === Lists === */
ul li a{color:#000;}
ul{list-style:none;}
ul li{background:url(../images/greenBullet.png) 5px 0.5em no-repeat;line-height:16px;padding:0 0 0 1.5em;}
ol li{line-height:16px;margin:0 0 0 1.75em;}

/* ======== General Purpose Classes ::
----------------------------------------------------------------- */
.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.alignCenter { text-align:center; }
.center {text-align:center;}
.clear {clear:both;padding:0;margin:0;line-height:0;}
.floatLeft {float:left;}
.floatRight {float:right;}
.hidden {display:none;}
.inline {display:inline;}
.large {font-size:20px;font-weight:bold;}
.light {color:#999;}
.small {font-size:10px;font-weight:normal;}
.imagetext { font-size: 0; text-indent: -1000000px; }
.imageLeft { float: left; margin: 0 0.5em 0.5em 0; }
.imageRight { float: right; margin: 0 0 0.5em 0.5em; }

/* ======== Template ::
----------------------------------------------------------------- */
.pageWidthWrapper {overflow:hidden; /* stops horizontal scroll */width: 1001px;margin: 0 auto;}
#header{position:relative;background:#fff;width:100%;padding:0 0 20px;}
#loginIframe{position:absolute;top:106px;}
#headerBannerLink{ float: right; position: relative; top: 13px; font-size: 10px; font-weight: bold; color: #000; clear: right; width: 500px; text-align: right; }
#headerBannerLink .red { color: #900;}
#headerBannerLink a { color: #000 !important;}
#logo{height:103px;width:252px;float:left;margin:10px 0 0;}
#headerRight{width:500px;float:right;}
#liveChatNow{height:34px;float:right;background:url(../images/blue-two-shade-bar-bg.png) top left repeat-x #0077C0;text-align:center;font:14px/34px 'FrutigerLTStd65Bold',arial, Verdana, Geneva, sans-serif;color:#fff;cursor:pointer;text-transform:uppercase;width:160px;}
/* === Apply, Lost Password links in Header === */
#toploginlinks {text-align: right;font-size:11px;}
#toploginlinks a, #toploginlinks a:focus, #toploginlinks a:visited {color:#0077C0;}
#toploginlinks a:hover { text-decoration: underline;}
/* === Login, Search in Header === */

#headerSearchWrapper{clear:both;float:right;margin:10px 0 0;}
#headerRight iframe {clear:both;float:right;}
#headerLoginWrapper form{overflow:hidden;}

#headerLoginWrapper input#loginSubmit,#headerSearchWrapper input.search-button{
border:none;
color:#fff;
font:bold 12px 'MyriadProRegular', Myriad, Verdana, Geneva, sans-serif;
text-transform:uppercase;
background:url(../images/blue-two-shade-button-bg.png) top left repeat-x #0077C0;
letter-spacing:0.15em;
height:20px;
padding:0 5px 2px;}
#headerSearchWrapper label.search-label{position:absolute;top:-999em;left:-999em;}
#headerLoginWrapper label,#headerLoginWrapper input,#headerSearchWrapper input{float:left;height:18px;line-height:18px;margin:1px 0 1px 3px;}
#loginUsername,#loginPasswordPlaceholder,#loginPassword{height:18px;width:115px;background:url(../images/loginInputBg.png) top left no-repeat #fff;border:none;color:#3d3d3d;padding:1px 5px;}
input[type="password"]{font-weight:500;color:#c0c0c0;}
input.search-input{height:18px;width:155px;background:url(../images/searchInputBg.png) top left no-repeat #fff;border:none;color:#3d3d3d;padding:1px 5px;}
#loginPassword{display:none;}
/* lower login form #passwordLower {display: none;}*/

/* ======== Slide show on Home page ::
----------------------------------------------------------------- */
#hpCycle{height:330px;overflow:hidden;position:relative;width:494px;z-index:1;}
#cycleNavWrapper{float:right;height:0;overflow:visible;position:relative;right:20px;top:300px;z-index:2;}
#cycleNav{height:18px;position:relative;z-index:3;}
#cycleNav a{background:url(../images/cycleNavInactive.png) bottom right no-repeat;display:block;float:left;height:18px;margin:0 0 0 2px;text-indent:-10000px;width:18px;z-index:4;}
#cycleNav a.activeSlide{background:url(../images/cycleNavActive.png) bottom right no-repeat;}
/* --- White Box --- */
.whiteboxWrapper{height:0;overflow:visible;position:relative;z-index:6;}
.whitebox{background:url(../images/white65_1x1.png) top left repeat;float:left;font-size:16px;letter-spacing:0;line-height:18px;overflow:visible;padding:20px 10px;position:absolute;text-align:center;z-index:7;}/* no hacks -moved to IE css */
.whiteboxLink{margin:10px 0 0;z-index:8;}
a.whiteboxBottom{background:#005DAB;color:#fff !important;font-size:12px;font-style:italic;padding:5px 10px;z-index:9;}
a.whiteboxBottom:hover{text-decoration:none;}
.whitebox strong{font-size:24px;font-weight:400;}
.whitebox h3{color:#48A942;font-size:22px;font-weight:400;line-height:22px;margin:0;padding:0;}
.whitebox h3.padme{padding:8px 0;}
.whitebox h3 span.blue{color:#0077C0;}
div.hr {height: 0;margin: 3px 0;border-bottom: 1px solid #0077C0;}

/* ======== Navigation ::
----------------------------------------------------------------- */
/* === Top Navigation === */
#headerNavWrapper {width: 500px;height: 34px;background: /*#CCE1BA*/#d5e8d3;}
#headerNavWrapper ul {z-index: 100;}
ul#headerNav, #headerNav li {float: left;padding: 0;background: none;}
#headerNav {height: 34px;width: 338px;color: #48a943;}
#headerNav a {font:12px/34px 'FrutigerLTStd65Bold', 'MyriadProRegular', Myriad, Verdana, Geneva, sans-serif;color: #48a943;display: block;padding: 0 3px 0 12px;height: 34px;}
#headerNav a, #headerNav a:visited, #headerNav a:active, #headerNav a:hover {color: #48a943;}
	/* 2nd Tier */
	#headerNav li ul {position: absolute;top: -999em;left: -999em;background: #CCE1BA;z-index:999;}
	#headerNav li:hover ul, #menu li.hover ul {top: auto;left: auto;}
	#headerNav li ul li {float:none;}
	#headerNav li ul li a {height:auto ;padding: 0 12px;line-height:1.75;}

/* === Main Navigation === */
#mainNavWrapper{background:#5999BF;border-bottom:7px solid #0077C0;clear:both;height:36px;width:100%;}
#mainNav{width:1001px;height:36px;line-height:1;margin:0 auto;position:relative;z-index:100;}
#mainNav li {background:#5999BF;float:left;padding:0;position:relative;}
#mainNav li:hover,#mainNav li.sfHover{background:url(../images/blue-two-shade-nav-hover-bg.png) top left repeat-x #0077C0;outline:0;}
#mainNav li a, #mainNav li a:active, #mainNav li a:focus, #mainNav li a:hover, #mainNav li a:link, #mainNav li a:visited  {
display:block;color:#fff;
font:20px/1.8 'MyriadProRegular', Myriad, Verdana, Geneva, sans-serif;

/*font-size:20px;
line-height:1.8;
font-family: 'MyriadProRegular', Myriad, Verdana, Geneva, sans-serif;*/
padding:0 29px;text-decoration:none;}

	/* 2nd tier  */
	#mainNav ul{background:#0077C0;padding:0 0 10px;position:absolute;top:-999em;width:10em;}
	#mainNav li:hover ul,#mainNav li.sfHover ul{left:auto;top:43px;z-index:999;}
	#mainNav li li{background:#0077C0;width:100%;}
	#mainNav li li a,#mainNav li li a:link,#mainNav li li a:visited,#mainNav li li a:active, #mainNav li li a:focus, #mainNav li li a:hover{color:#fff;font:12px/22px Verdana, Geneva, sans-serif;height:auto !important;padding:0 5px 0 2em;text-decoration:none;}
	/* third tier  */
	ul#mainNav li:hover li ul,ul#mainNav li.sfHover li ul{top:-999em;}
	ul#mainNav li li:hover ul,ul#mainNav li li.sfHover ul{left:10em;top:0;}
	/* 4th tier  */
	ul#mainNav li li:hover li ul,ul#mainNav li li.sfHover li ul{top:-999em;}
	ul#mainNav li li li:hover ul,ul#mainNav li li li.sfHover ul{left:10em;top:0;}
	#mainNav li li li{background:#0077C0;}

/* ======== Footer and Footer menus ::
----------------------------------------------------------------- */
#footerWrapper{background:url(../images/footer-bg.png) top left repeat-x #0077C0;border-top:7px solid #5999BF;color:#fff;min-height:400px;overflow:hidden;width:100%;}
#footerNav{margin:0 0 0 60px;}
#footerNav > li a,#footerNav li > a:link,#footerNav li > a:visited,#footerNav li > a:active{color:#fff;font:20px/36px 'MyriadProRegular', Myriad, Verdana, Geneva, sans-serif;height:36px;overflow:visible;padding:0 0 0 0.75em;text-decoration:none;}
#footerNav > li li a,#footerNav li li > a:link,#footerNav li li > a:visited,#footerNav li li > a:active{color:#fff;font:10px/1 Verdana, Geneva, sans-serif;padding:0;text-decoration:none;}
#footerNav li{float:left;padding:0 1em 0 0;width:auto;}
#footerNav,#footerNav ul,#footerNav li{background:none;list-style:none;}
#footerNav ul{display:block;}
#footerNav li ul li{display:block;float:none;padding:0.1em 0;}
#footerNav li ul{margin:0;padding:0 0 0 1.4em;width:80%;}
#footerLocations{clear:left;float:left;margin:20px 0 20px 70px;width:930px;}
#footerLocations address{color:#fff;float:left;font-size:10px;font-style:normal;line-height:11px;padding:4px 0;width:20%;}
#footerOtherLinksWrapper{clear:left;float:left;font-size:10px;margin:0 0 0 70px;width:635px;}
#footerOtherLinksWrapper ul,#footerOtherLinksWrapper li{background:none;float:left;list-style:none;margin:0;padding:0;}
footerOtherLinksWrapper ul{color:#48a943;height:34px;width:338px;}
#footerOtherLinksWrapper a,#footerOtherLinksWrapper a:link,#footerOtherLinksWrapper a:visited,#footerOtherLinksWrapper a:active,#footerOtherLinksWrapper a:hover{color:#fff;display:block;font:12px/34px 'FrutigerLTStd65Bold', 'MyriadProRegular', Myriad, Verdana, Geneva, sans-serif;height:34px;margin:0 1em 0 0;}
#footerBadges{float:right;margin:30px 0 0;padding:0 22px 0 0;width:213px;}
#contentWrapper{background:#fff;padding:10px 0;width:100%;}

/* ======== Right and Left Column containers ::
----------------------------------------------------------------- */
#rightColWrapper{float:right;width:750px;}
#leftColWrapper{float:left;width:235px;}
#rightColSkinny{width:235px;}
#rightColWide{width:500px;}

/* ======== Content Boxes ::
----------------------------------------------------------------- */

/* ======== Blue Box ======= */
.blueBox{background:#5999BF;color:#fff;margin:0 0 10px;width:235px;}
.blueBox .boxHeader{background:url(../images/blueBoxHeaderBg.png) top left no-repeat #0077C0;font:14px/32px 'MyriadProRegular', Myriad, Verdana, Geneva, sans-serif;height:32px;padding:0 7px 0 0;text-align:right;text-transform:uppercase;}
.blueBox .boxFooter{background:#0077C0;font:14px 'MyriadProRegular', Myriad, Verdana, Geneva, sans-serif;text-align:right;text-transform:uppercase;}
/* ======== Green Box ======= */
.greenBox{background:#CCE0BA;margin:10px 0;}
.greenBox .icon{float:left;margin:0 10px 0 0;}
.greenBox .boxHeader{background:url(../images/greenBoxHeaderBg.png) top left no-repeat #48a942;color:#fff;font:14px/32px 'MyriadProRegular', Myriad, Verdana, Geneva, sans-serif;height:32px;padding:0 7px 0 0;text-align:right;text-transform:uppercase;}
.greenBox .boxFooter{background:#0077C0;font:14px 'MyriadProRegular', Myriad, Verdana, Geneva, sans-serif;text-align:right;text-transform:uppercase;}
/* ======== Green-white Box ======= */
.greenWhiteBox{margin:0 0 10px;width:235px;}
.greenWhiteBox .boxHeader{background:url(../images/greenLine.png) 95% 50% no-repeat #d5e8d3;color:#48a942;font:14px/31px 'MyriadProRegular', Myriad, Verdana, Geneva, sans-serif;height:31px;padding:0 0 0 7px;text-transform:uppercase;}
.greenWhiteBox .boxHeader strong{font-weight:400;}
.greenWhiteBox .button,.greenBox .button{background:#48a942;}
.greenWhiteBox .boxContent{padding:3px 0 3px 3px;width:235px;}
/* ======== Box Content ====== */
.boxContentSpecialPadding .boxContent.brg{border-right:1px solid #48a942;padding:10px;}
.boxContentSpecialPadding{padding:10px 0;}
.boxContentSpecialPadding .boxContent{padding:10px 0 10px 10px;width:230px;}
.boxContentSpecialPadding .boxContent input{width:212px;}
.boxContent{padding:10px;width:215px;}
/* box links */
.greenWhiteBox a.button,
.greenBox a.button, 
.blueBox a.button, 
.greenWhiteBox a.button:active,
.greenBox a.button:active, 
.blueBox a.button:active, 
.greenWhiteBox a.button:link,
.greenBox a.button:link,
.blueBox a.button:link,
.greenWhiteBox a.button:visited,
.greenBox a.button:visited,
.blueBox a.button:visited {color: #fff !important;}
/* ======== Blue Box ======  */
.blueBox .update{margin:0 0 5px;padding:0 0 5px;}
.blueBox .update.bb{border-bottom:1px solid #0077c0;}
.blueBox .arcBg{background:url(../images/blue-two-shade-box-bg.png) top left no-repeat;}
.blueBox .button{background:#0077c0;}
.button{color:#fff;float:right;font:bold 12px/24px 'MyriadProRegular', Myriad, Verdana, Geneva, sans-serif;height:24px;letter-spacing:0.15em;margin:0 3px 0 0;padding:0 0.5em;text-transform:uppercase;}
.dt{position:relative;top:-1px;}
.boxContent input{background:#fff;border:0 solid #0077C0;margin:0 0 7px;padding:8px 5px;width:202px;}

/* ======== Content wrapper styles ::
-----------------------------------------------------------------  */
#contentWrapper p {padding: 0;margin: 0 0 0.75em;}
#contentWrapper {color: #3d3d3d;line-height: 1.25em;}
#contentWrapper a, #contentWrapper a:active, #contentWrapper a:link, #contentWrapper a:visited {color: #0077c0;}

/* ======== Right Column - interior pages ::
-----------------------------------------------------------------  */
.rightColImgWrapper {position:relative;width:243px;height:381px;}
.rightColArc {bottom:0;display:block;height:173px;left:0;position:absolute;z-index:101;}

/* ======== Bottom Links - Interior pages ::
-----------------------------------------------------------------  */
#bottomlinks{background:#5999BF;color:#fff;margin:20px 0 0;padding:5px;}
#bottomlinks p{margin:0;padding:0;}
#bottomlinks br{display:none;}
#bottomlinks a{color:#FFF !important;text-transform:uppercase;}

/* ======== Tables ::
-----------------------------------------------------------------  */
table.savingsratestable,table.locationshourstable,table.feeschedule,table.xpressline,table.contactpage,table.rates,table.driveup{background-color:white;border:1px solid #0077C0;border-collapse:separate;border-spacing:2px;color:#3d3d3d;font:.8em Verdana,Geneva,sans-serif;}
table.savingsratestable th,table.locationshourstable th,table.feeschedule th,table.xpressline th,table.contactpage th,table.rates th,table.driveup th,
table.savingsratestable td,table.locationshourstable td,table.feeschedule td,table.xpressline td,table.contactpage td,table.rates td,table.driveup td {background-color:white;border:1px solid #0077C0;padding:4px;}/*-moz-border-radius:0;*/
.calcTableHeader{font-size:10px;}

/* ======== News Styles ::
-----------------------------------------------------------------  */
a.newssummarylink{color:#fff !important;font-weight:700;}
.NewsSummary{margin:0 0 20px;}

/* ======== Forms ::
-----------------------------------------------------------------  */
.peopleschoiceform{clear:both;padding:0 0 20px;width:500px;}
.peopleschoiceform fieldset{border:none;}
.peopleschoiceform legend{display:none;}
.peopleschoiceform label{float:left;margin:0 10px 0 0;width:120px;}
.peopleschoiceform .formrow input,.peopleschoiceform .formrow textarea, .captcha .cms_textfield {background:#fff;border:1px solid #0077C0;float:left;padding:3px 5px;font:12px Verdana, Geneva, sans-serif;width:165px;}
.peopleschoiceform textarea{width:174px;overflow:auto;}
/* checkboxes */
.peopleschoiceform .formrow{clear:both;overflow:hidden;margin:3px 0;}
.peopleschoiceform .formrow.checkboxes div{clear:both;float:left;margin:0 0 0 135px;}
.peopleschoiceform .formrow.checkboxes input {width:15px;border:none;}
.peopleschoiceform .formrow.checkboxes label{margin:1px 0 10px;}
/* captcah and submit */
.peopleschoiceform .captcha {margin:20px 0 0;}
.peopleschoiceform .captcha input {width:194px;}
.peopleschoiceform .submit {width:361px;text-align:center;margin:20px 0;}
.peopleschoiceform .submit input{background:url(../images/blue-two-shade-button-bg.png) top left repeat-x #0077C0;border:none;clear:both;color:#fff;font:bold 12px 'MyriadProRegular', Myriad, Verdana, Geneva, sans-serif;height:22px;letter-spacing:0.15em;padding:0 5px 2px;text-transform:uppercase;width:100px}
.peopleschoiceform .formrow .cms_checkbox { width: 20px; border: none; }
.peopleschoiceform .formrow .cms_dropdown {border:1px solid #0077C0;}
.error_message{padding:10px 0;}
.error_message ul li{color:red;}

.peopleschoiceform .accountNumbers {
	position: relative;
	left: 130px;	
}
.peopleschoiceform .accountNumbers label {
	width: 100%;
	margin: 20px 0 6px 0;
	float: left;	
}
.peopleschoiceform .accountNumbers div {
	float: left;
	clear: both;
}

.peopleschoiceform .accountNumbers input {
	background:url(../images/blue-two-shade-button-bg.png) top left repeat-x #0077C0;border:none; color:#fff;font:bold 12px 'MyriadProRegular', Myriad, Verdana, Geneva, sans-serif;height:22px;letter-spacing:0.15em;padding:0 5px 2px;text-transform:uppercase;width:30px; float: left; display: block; margin: 0px 200px 16px 2px;
}

.peopleschoiceform .accountNumbers div input {
	background:#fff;border:1px solid #0077C0;float:left;padding:3px 5px;font:12px Verdana, Geneva, sans-serif;width:165px; letter-spacing: normal; height: auto; font: inherit; margin: 0; color: #000 !important;
}

/* ======== Visa Access Button ::
-----------------------------------------------------------------  */
#contentWrapper #visaOnlineAccessLink,#contentWrapper #visaOnlineAccessLink:link,#contentWrapper #visaOnlineAccessLink:visited,#contentWrapper #visaOnlineAccessLink:active{background:url(../images/visa-righcol.jpg) top left no-repeat;color:#fff;display:block;font-size:14px;height:99px;line-height:18px;padding:32px 0 0 10px;width:234px;}
#contentWrapper #visaOnlineAccessLink:hover{text-decoration:none;}
#contentWrapper #visaOnlineAccess strong{display:block;font-size:18px;padding:3px 0;}

/* ======== HP Welcome Box ::
----------------------------------------------------------------- */
.cookieBoxWrapper {position: fixed;top: 0;left: 0;height: 0;overflow: visible;z-index: 99999;}
.cookieBox {width: 500px;border: 4px solid #333;background: #ccc;padding: 20px;display: none;cursor: pointer;}

/* ======== LeaveNotice ::
----------------------------------------------------------------- */
#ln-blackout {position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; z-index: 10000;}
#ln-messageHolder {position:fixed; top:150px; left:0; width:100%; z-index: 10001;}
#ln-messageBox {width:460px; margin:0 auto; min-height:200px; background-color:#fff; border:10px solid #e6e6e6; -moz-box-shadow:0 0 20px 10px #666; -webkit-box-shadow:0 0 20px #666; text-align:center; padding:20px;}
a#ln-cancelLink {background-color:#e6e6e6; font-weight:bold; padding:5px; color:#666; text-decoration:none; text-transform:uppercase; font-size:0.8em;}
a#ln-cancelLink:hover {background-color:#666; color:#e6e6e6;}
.setoff {background-color:#f2f2f2; padding:5px; margin:10px 0 20px;}
#ln-messageBox a,#ln-messageBox a:link,#ln-messageBox a:hover,#ln-messageBox a:active {color: #5999BF;}