/* United Bank - layout.css */

/*===== Reset =========================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

table {
border-collapse: separate;
border-spacing: 0;
}

caption, th, td {
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}

a img {
border: none;
}

object {
outline: none;
}

/*===== General =======================*/
h1, h2, h3, h4 {
font-weight: bold;
margin: 0 0 1em;
}

h1 {
font-size: 1.6em;
}

h2 {
font-size: 1.4em;
}

p {
line-height: 150%;
}

a {
text-decoration: none;
color:#666666;
outline: none;
}

ul li {
list-style-type: none;
list-style-position: outside;
}

em {
font-style: italic;
}

body {
background: url("../image/background-new-3.jpg") no-repeat fixed center bottom #90CAFE;
font-family: Helvetica, Arial, sans-serif;
font-size: 62.5%;
font-weight: normal;
color: #333;
margin-bottom: 30px;
}

#siteAlert {
width:938px !important;
margin: 0 auto !important;
}

#siteAlertLink {
right: 30px !important;
}

#wrapper {
margin: -3px auto 0;
width: 938px;
background: transparent url(../image/wrapper-bg.png) center 0 repeat-y;
overflow: hidden;
z-index: 0;
}

/*===== Header ========================*/
#header {
background: transparent url(../image/header-bg.png) center 42px no-repeat;
height: 21em;
margin: 0 auto;
position: relative;
width: 938px;
z-index: 2;
}

#logo {
position: absolute;
top: 61px;
left: 82px;
height: 99px;
width: 92px;
margin: 0;
text-indent: -999em;
background: transparent url("../image/logo.png") 0 0 no-repeat;
}

#logo a {
display: block;
height: 99px;
width: 92px;
}

#logo img {
  display: none;
}

#ultraTopNav {
position: absolute;
right: 193px;
top: 13px;
}

#ultraTopNav li {
float: left;
margin: 0 0 0 18px;
font-size: 11px;
}

#ultraTopNav li a {
background:url("../image/gray-arrow.png") no-repeat scroll 0 3px transparent;
color:#666666;
padding:2px 0 0 10px;
}

#ultraTopNav li a:hover {
color:#555555;
text-decoration: underline;
}

#searchForm {
position: absolute;
height: 20px;
width: 150px;
right: 27px;
top: 8px;
background: transparent url("../image/search.png") 0 0 no-repeat;
}

#searchForm input#roi_input {
background:none repeat scroll 0 0 transparent;
border:medium none;
color:#666666;
height:14px;
left:0;
padding:3px 5px 3px 10px;
position:absolute;
top:0;
width:105px;
}

#searchForm input#roi_input:focus {
outline: none;
}

#searchForm input#searchButton {
position: absolute;
top: 0;
right: 0;
overflow: hidden;
display: block;
width: 30px;
height: 20px;
font-size: 0;
line-height: 0;
text-indent: -999em;
border: none;
background: none;
cursor: pointer;
}

#primaryNav {
position: absolute;
bottom: 0;
left:0;
height: 42px;
width: 634px;
}

#primaryNav li {
display: inline;
}

#primaryNav a {
color: #fff;
font-size: 1.6em;
font-weight: normal;
text-transform: uppercase;
padding: 0;
text-indent: -999em;
width: 214px;
height: 42px;
display: block;
background: transparent url(../image/primary-nav-sprite.png) 0 0 no-repeat;
float: left;
}

#primaryNav a.nthChild-2 {
  width:210px;
  background-position: -214px 0;
}
#primaryNav a.nthChild-3 {
  width:210px;
  background-position: -424px 0;
}

#primaryNav a.nthChild-1:hover {
  background-position: 0 -42px;
}
#primaryNav a.nthChild-2:hover {
  background-position: -214px -42px;
}
#primaryNav a.nthChild-3:hover {
  background-position: -424px -42px;
}

#primaryNav li.inPath a.nthChild-1 {
  background-position: 0 -84px;
}
#primaryNav li.inPath a.nthChild-2 {
  background-position: -214px -84px;
}
#primaryNav li.inPath a.nthChild-3 {
  background-position: -424px -84px;
}

/* Quicklinks */
#quickLinks {
width: 304px;
height: 42px;
background: transparent url(../image/primary-nav-sprite.png) right 0 no-repeat;
position: absolute;
bottom: 0;
right: 0;
}

#quickLinks h2, #quickLinks ul#quickLinksNav {
  display: none;
}

#quickLinks h3 {
  font-size: 1.6em;
  color: #fff;
  font-weight: normal;
  margin: 14px auto 0;
  text-align: center;
}

#quickLinks h2 {
  background:url("../image/quicklinks-bg.png") no-repeat scroll 0 0 transparent;
  font-family:Arial,Helvetica,sans-serif;
  font-size:13px;
  height:17px;
  margin:8px 0 0 27px;
  overflow:hidden;
  padding:6px 0 0 27px;
  width:220px;
  color: #555555;
}

#quickLinks h2.active, #quickLinks h2:hover {
  background-position: 0 -35px;
  color: #333;
}

#quickLinks ul#quickLinksNav {
background:url("../image/quicklinks-bg.png") no-repeat scroll -260px bottom transparent;
left:0;
margin:0 0 0 27px;
padding:10px;
position:relative;
top:0;
width:227px;
z-index:29;
}

#quickLinks ul#quickLinksNav li a {
  border-bottom:1px solid #CCCCCC;
  color:#666666;
  display:block;
  font-size:12px;
  padding:0.3em 0.3em 0.3em 20px;
}

#quickLinks ul#quickLinksNav li a:hover {
  color: #006147;
  background: transparent url(../image/green-dot.png) 13px 7px no-repeat;
}

#quickLinks ul#quickLinksNav li a.lastChild {
  border-bottom:none;
}

/*===== Main Content ==================*/
#mainContent {
float: right;
width: 714px;
min-height: 35em;
height: auto !important;
_height: 35em;
padding: 0;
margin-right: 10px;
}

/*===== Left Column ===================*/
#leftColumn {
  background:#FFFFFF;
  clear:left;
  float:left;
  margin:0 0 0 10px;
  width:204px;
  height:245px;
}

#leftNavWrapper {
  margin: 20px 0 10px -10px;
  background: transparent url(../image/left-nav-bg-top.png) 0 0 no-repeat;
  padding-top: 5px;
}

#leftNav {
  padding: 0 20px;
  background: transparent url(../image/left-nav-bg-bottom.png) 0 0 no-repeat;
}

#leftNav li a {
display: block;
}

#leftNav li h2 {
font-size: 1.5em;     
font-weight: normal;
margin: 0;
border-bottom: 1px solid #9EC31A;
border-top: 1px solid #7A9813;
text-transform: uppercase;
}
#leftNav li.firstChild h2 {
border-top: none;
}
#leftNav li.lastChild h2, #leftNav li.inPath h2 {
border-bottom: none;
}

#leftNav li h2 a {
color: #FFF;
padding: 7px 15px 4px;
}

#leftNav li.inPath h2 a {
color: #333;
background: transparent url(../image/green-arrow.png) right 8px no-repeat;
}

#leftNav li h2 a:hover {
color: #333;
}

#leftNav li li h3 {
font-size: 1.3em;
font-weight: normal;
margin: 0;
padding: 0;
}

#leftNav li li a {
color: #4B4B4B;
padding: 5px 10px 5px 46px;
}

#leftNav li ul.nthTier-2 {
  background: #C7D98C;
  margin-left: -16px;
  border-bottom: 1px solid #8FB219;
}

#leftNav li li a:hover {
  background: #E3ECC5;
}

#leftNav li li.inPath a {
  background: #FFFFFF;
  color: #006147;
}

#leftColBlurb {
  background:url("../image/left-nav-bg-bottom.png") no-repeat scroll 0 0 transparent;
  padding:10px 20px;
}

#leftColBlurb h2 {
  color: #fff;
  font-size:1.5em;
  font-weight:normal;
  margin:0 0 0.5em 0;
  text-transform:uppercase;
}

#leftColBlurb p {
  font-size: 1.2em;
  margin-bottom: 0.5em;
}

#leftColBlurb p a {
  color: #006147;
  text-decoration: underline;
}

#leftColBlurb h3 a {
  background:url("../image/cat-list-learn-more-button.png") no-repeat scroll 0 0 transparent;
  display:block;
  height:26px;
  overflow:hidden;
  text-indent:-999em;
  width:109px;
}

#leftColBlurb h3 a:hover {
  background-position: 0 -26px;
}

/*===== Footer ========================*/
#footer {
clear:both;
color:#666666;
height:8.5em;
margin:0 auto 30px;
position:relative;
width:938px;
background: url("../image/footer-bg.png") no-repeat scroll center bottom transparent;
padding: 30px 0 0;
}

#footer #firstROI {
position: absolute;
top: 4em;
left:35px;
height:29px;
width:103px;
}

#footer img.froiLogo {
display: none;
}

#footer #eh {
position: absolute;
top: 4em;
right:35px;
}

#footer #fdic {
    position:absolute;
    right:70px;
    top:4.2em;
}

#footer .footerModule {
  float: left;
  display: inline;
  margin: 0 30px 0 0;
}

#footer #footerNav {
  width: 155px;
  margin-left: 160px;
}

#footer #footerTagp {
  width: 195px;
  padding-left: 12px;
  background:url("../image/gray-arrow.png") no-repeat scroll 0 3px transparent;
}

#footer #footerTagline {
  width: 190px;
}

#footerNav li {
  border-bottom: 1px dashed #999999;
  padding: 0;
}

#footerNav li a {
  background:url("../image/gray-arrow.png") no-repeat scroll 13px 6px transparent;
  color:#666666;
  display:block;
  font-size:1.1em;
  padding:5px 0 3px 24px;
}

#footerNav li a:hover {
  text-decoration: none;
  color: #006147;
}

#footer p {
  font-size: 1.1em;
}

#footer #footerTagp a {
  text-decoration: underline;
}

#footer #footerTagp a:hover {
  color: #006147;
}

/*===== Home Page =====================*/

#obLogin {
  position: absolute;
  right: 3px;
  top: 90px;
  width: 271px;
  height: 57px;
  background: transparent url(../image/obl-bg-downstream.png) 0 0 no-repeat;
}

body#home #obLogin {
  top: 60px;
  height: 101px;
  background: transparent url(../image/obl-bg.png) 0 0 no-repeat;
}

#obLogin h2 {
  margin: 16px 52px 5px;
}

#obLogin a {
  background:url("../image/obl-bg-downstream-button.png") no-repeat scroll 190px 20px transparent;
  color:#333333;
  display:block;
  font-size:1.3em;
  font-weight:bold;
  padding:22px 80px 5px 40px;
}

#obLogin a:hover {
  color: #555;
  background-position: 190px -80px;
}

#obLogin form {
  height:50px;
  margin-left:23px;
  overflow:hidden;
  position:relative;
  width:176px;
  display: none;
}

#obLogin noscript p {
font-size:1.1em;
padding:2px 5em 0 1.5em;
text-align: center;
}

#obLogin label {
font-size: 1.1em;
color: #333;
}

#obLogin input {
  border:medium none;
  color:#333333;
  font-size:1.1em;
  height:12px;
  margin-bottom:0.5em;
  padding:5px;
  width:166px;
  background: transparent url(../image/obl-sprites.png) 0 0 no-repeat;
  overflow-hidden;
}

#obLogin input#pin {
  width: 114px;
}

#obLogin a#oblSubmit {
  background-color:transparent;
  background-image:url("../image/obl-sprites.png");
  background-position:right 0;
  background-repeat:no-repeat;
  border:medium none;
  cursor:pointer;
  font-size:0;
  height:22px;
  line-height:0;
  overflow:hidden;
  text-indent:-999em;
  width:52px;
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  padding: 0;
}

#obLogin a#oblSubmit:hover {
  background-position: right bottom;
}

#obLogin #userNameWrapper, #obLogin #passwordWrapper {
	float:left;
	position:relative;
}

#obLogin label.overlabel-apply {
	color: #333;
	left:5px;
	position:absolute;
	top:5px;
	z-index:1;
}

#flashBanner {
  height:425px;
  margin:0 auto;
  text-align: center;
}

#homeFeaturedProducts p {
  font-size: 1.2em;
}

/*===== Category Page =================*/
#categoryImage {
  width: 712px;
  height: 245px;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}

#categoryImage img {
  position: absolute;
  right: 0;
  top: 0;
}

#categoryImage p {
  position: absolute;
  color:#666666;
  font-size:1.4em;
  line-height:135%;
  top: 95px;
  left: 35px;
  width:270px;
}

div#productCategory {
  float: left;
  color: #666;
}

div#productCategory li {
  font-size:1.2em;
  margin-left:-2px;
  width:714px;
  background: transparent url(../image/cat-list-bg.png) 0 0 no-repeat;
  height: 130px;
  position: relative;
}

div#productCategory li.hover {
  background-position: 0 -130px;
}

div#productCategory li img {
  position: absolute;
  left:20px;
  top: 15px;
  z-index: 0;
}

div#productCategory li img.categoryImageMask {
  left: 10px;
  top: 5px;
  z-index: 1;
}

div#productCategory div.productContent {
  padding: 20px 129px 20px 185px;
  overflow: hidden;
}

div#productCategory div.productContent h3 {
  margin-bottom: 0.5em;
  font-size: 1.7em;
  font-weight: normal;
}

div#productCategory div.productContent p {
  width: 220px;
}

div#productCategory div.productContent ul {
  position: absolute;
  left: 450px;
  top: 50px;
}

div#productCategory li li {
  font-size: 1em;
  margin: 0 0 3px 0;
  width:auto;
  background: none;
  height: auto;
  list-style: disc outside;
}

div#productCategory div.productContent h4 {
position: absolute;
right: 15px;
top: 20px;
width: 109px;
height: 26px;
overflow: hidden;
}

div#productCategory div.productContent h4 a {
width: 109px;
height: 26px;
overflow: hidden;
text-indent: -999em;
background: transparent url(../image/cat-list-learn-more-button.png) 0 0 no-repeat;
display: block;
}

div#productCategory div.productContent h4 a:hover, div#productCategory li.hover h4 a {
background-position: 0 -26px;
}

/*===== Product Page ==================*/
#productSummary {
  background:none repeat scroll 0 0 #FFFFFF;
  min-height:205px;
  height:auto !important;
  _height: 205px;
  overflow:hidden;
  padding:40px 300px 0 60px;
  position:relative;
  width:354px;
  color: #666;
}

#productSummary h1 {
  font-size: 3em;
  margin: 0 0 15px;
  font-weight: normal;
}

#productSummary img.prodPageImage {
  position: absolute;
  right:30px;
  top: 40px;
  z-index: 0;
}

#productSummary img {
  position: absolute;
  right: 20px;
  top: 30px;
  z-index: 1;
}

.productButtons {
height: 37px;
width: 300px;
margin: 20px 0;
}

.applyNow {
  width: 140px;
  height: 37px;
  margin: 0 12px 0 0;
  float: left;
}

.applyNow a {
  display: block;
  background: url("../image/prod-button-sprites.png") 0 0 no-repeat;
  text-indent: -999em;
  width: 140px;
  height: 37px;
}

.applyNow a:hover {
  background-position: 0 -40px;
}

#productDetails .applyNow a {
  background-position: -150px 0;
}

#productDetails .applyNow a:hover {
  background-position: -150px -40px;
}

#productSummary .tellMeMoreButton img {
  display: none;
}

.tellMeMoreButton {
  width: 130px;
  height: 31px;
  margin: 6px 0 0 0;
  float: left;
}

.tellMeMoreButton a {
  float: left;
  display: block;
  background: url("../image/prod-button-sprites.png") -150px -80px no-repeat;
  text-indent: -999em;
  width: 130px;
  height: 31px;
  overflow: hidden;
}

.tellMeMoreButton a:hover {
  background-position: -150px -120px;
}

#productSummary p, #productDetails p {
margin: 0 0 1em;
font-size: 1.2em;
color: #333;
}

#productSummary p.zeroPaddingParagraph, #productDetails p.zeroPaddingParagraph {
margin: 0;
}

#productSummary a, #productDetails a {
color: #666;
text-decoration: underline;
}

#productSummary a:hover, #productDetails a:hover {
color: #006147;
}

#productSummary ul, #productDetails ul {
margin: 0em 1.5em 1em;
}

#productSummary li, #productDetails li {
list-style-position: outside;
list-style-type: disc;
margin: 0.4em 0;
font-size: 1.2em;
color: #333;
}

#productDetails {
clear: right;
background: #F4F7E8;
padding: 0 60px 10px;
position: relative;
}

/* AddThis */
.addthis_toolbox {
border:1px solid #999999;
margin:0;
padding:0 9px;
position:absolute;
right:60px;
top:8px;
z-index: 2;
}

.addthis_toolbox .custom_images a {
background: transparent url("../image/share.png") 0 top no-repeat;
margin: 0 5px;
height: 16px;
width: 16px;
float: left;
cursor: pointer;
font-size:12px;
color:#666666;
}

.addthis_toolbox .custom_images a.addthis_button_compact {
background-position:37px 3px;
border-right:1px solid #999999;
float:left;
height:16px;
line-height:16px;
overflow:hidden;
padding:3px 24px 3px 4px;
width:auto;
}

.addthis_toolbox .custom_images a.addthis_button_print {
background: none;
border-right:1px solid #999999;
float:left;
height:16px;
line-height:16px;
overflow:hidden;
padding:3px 14px 3px 0;
width:auto;
}

.addthis_toolbox .custom_images a.addthis_button_facebook {
background-position: -30px top;
text-indent: -999em;
margin: 3px 9px;
}

.addthis_toolbox .custom_images a.addthis_button_twitter {
background-position: -60px top;
text-indent: -999em;
margin: 3px 5px 3px 3px;
}

.addthis_toolbox .custom_images a:hover {
color:#333;
text-decoration: underline;
}

.addthis_toolbox .custom_images a.addthis_button_compact:hover {
background-position:37px -27px;
}

.addthis_toolbox .custom_images a.addthis_button_facebook:hover {
background-position: -30px -30px;
}

.addthis_toolbox .custom_images a.addthis_button_twitter:hover {
background-position: -60px -30px;
}

/* Tabs */
dl#productTabs {
display: block;
list-style: none;
position: relative;
width: 500px;
}

dl#productTabs dt {
position: relative;
float: left;
z-index: 1;
color: #666;
font-size: 1.2em;
padding: 12px 16px;
cursor: pointer;
}

dl#productTabs dt:hover {
text-decoration: none;
color: #333;
}

dl#productTabs dt.selected {
text-decoration: none;
color: #333;
background: transparent url(../image/green-arrow-light.png) center top no-repeat;
}

dl#productTabs dd {
position: relative; /* set absolute is js */
overflow: hidden;
top: 3em;
left: 0;
padding: 15px 5px 0 0;
font-size: 1em;
}

dl#productTabs dd a {
text-decoration: underline;
}

dl#productTabs dd a:hover {
color: #006147;
}

/*===== Individual Page ===============*/
.individualPage {
background:none repeat scroll 0 0 #FFFFFF;
padding:40px 60px;
position:relative;
width:593px;
min-height: 36em;
height: auto !important;
_height: 36em;
}

.individualPage h1 {
font-size: 3em;
margin: 0 0 15px;
color: #666;
font-weight: normal;
}

.individualPage h2 {
font-size: 1.8em;
margin: 0 0 12px;
color: #666;
font-weight: normal;
}

.individualPage h3 {
font-size: 1.4em;
margin: 0 0 10px;
color: #333;
font-weight: normal;
}

.individualPage p {
margin: 0 0 1em;
font-size: 1.2em;
color: #333;
}

.individualPage a {
color: #666;
text-decoration: underline;
}

.individualPage a:hover {
color: #006147;
}

.individualPage p.zeroPaddingParagraph {
margin: 0;
}

.individualPage ul, .individualPage ol {
margin: 1em 0 1em 20px;
}

.individualPage li {
font-size: 1.2em;
}

.individualPage li li {
font-size: 1em;
}

.individualPage ul li {
list-style-type: disc;
margin: 0.3em 0;
line-height:150%;
}

/* Contact Us */
#formContactUs {
  background:none repeat scroll 0 0 #F4F7E8;
  float:left;
  margin:0 -60px 0px;
  padding:1.5em 0 0;
  width:713px;
}

#formContactUs legend {
  color: #333;
  font-weight: bold;
}

#formContactUs #validateForm {
  padding:0 30px 2em 60px;
  border: 0 none;
  width: 370px;
  float: left;
}

#formContactUs #contactInformation {
  float:right;
  padding-right:60px;
  width:160px;
}

#formContactUs p.textVariant1 {
  color: #006147;
  font-size: 1.3em;
  margin: 0;
}

#formContactUs ul {
  margin: 0;  
}

#formContactUs li {              
list-style-position: outside;
list-style-type: none;
overflow: hidden;
}

#formContactUs label {
float:left;
padding:3px 5px 10px 0;
width:140px;
}

#formContactUs input, #formContactUs textarea {
float: left;
margin-bottom: 1.2em;
background: #fff;
border: 1px solid #cccccc;
}

#formContactUs input {
  height: 17px;
  width: 220px;
}

#formContactUs textarea {
height: 10em;
width: 219px;
}

#formContactUs input:focus, #formContactUs textarea:focus {
border: 1px solid #999;
}

#formContactUs input.error, #formContactUs textarea.error{
background-color:#F6F6CB;
border:1px solid #FF0000;
}

#formContactUs button.submitButton {
border: 0 none;
margin: 0 0 0 147px;
display: block;
width: 108px;
height: 27px;
float: none;
text-indent: -999em;
background: transparent url("../image/popup/submit-button.png") no-repeat 0 0;
overflow: hidden;
cursor: pointer;
}

#formContactUs button.submitButton:hover {
background-position: 0 -27px;
}

#formContactUs label.error {
color:#F72222;
float:right;
font-weight:bold;
margin:-5px 0 10px;
padding:0;
text-align:right;
width:160px;
}

#formContactUs #captcha h4 {
  font-size: 1.2em;
}

#formContactUs #captcha {
clear: both;
margin: 10px 0 10px 147px;
width: 200px;
}

#formContactUs #captcha input {
display: block;
float: none;
margin: 10px 0;
width: 196px;
}

#formContactUs #captcha p {
margin: 0;
}

#formContactUs #captcha p.error {
color: #F72222;
}

/* Locations */

#locations {
  padding: 40px 10px 0;
  width: 690px;
}

#locations h1 {
  margin-left: 50px;
}

#map {
height: 30em;
border: 1px solid #8FB219;
}

#locations ul#locList {
background:#F4F7E8;
margin:1em -10px 0;
padding:1em 0;
}

#locations ul#locList li {    
list-style-type: none;    
padding: 0;
margin: 2px 10px;
background: #E4F2BA;
display: block;
position: relative;
clear: both;
overflow: hidden;
}

#locations h2 {
  font-size: 1.4em;
  margin: 0;
  font-weight: normal;
}

#locations h2 {
  background:url("../image/locations-arrows.png") no-repeat scroll 23px 12px #E7E7E7;
  color:#666666;
  display:block;
  margin:0;
  padding:10px 10px 10px 50px;
  text-decoration:none;
  height: 15px;
}

#locations h2:hover, #locations h2.hover {
  background-position: 23PX -88px;
  background-color: #E4F2BA;
}

#locations h2.open {
  background-position: 23PX -188px;
  background-color: #E4F2BA;
}

#locations .locationInfo {
  display:block;
  background: #E4F2BA;
  padding-bottom: 1em;
  overflow: hidden;
}

#locations .adr, #locations .lobbyHours, #locations .driveHours {
  font-size: 100%;
  position: relative;
  background: #E4F2BA;
  float: left;
}

#locations .adr {
  width: 155px;
  padding: 0 0 0 50px;
}

#locations .adr span {
  line-height: 150%;
}

#locations .adr h3 a {
  position: absolute;
  left: 10px;
  top: 0;
  width: 28px;
  height: 51px;
  display: block;
  text-indent: -999em;
  background: transparent url(../image/locations-map-link.png) 0 0 no-repeat;
}

#locations .adr h3 a:hover {
  background-position: 0 -99px;
}

#locations .lobbyHours {
  width: 210px;
  padding: 0 10px;
  border-left: 1px solid #B9D269;
  height: 70px;
}

#locations .driveHours {
  width: 220px;
  padding: 0 0 0 10px;
}

#locations p {
  font-size: 1.1em;
  margin: 0;
  color: #666;
}

#locations p span {
  font-size: 1.1em;
  margin: 0 0 .4em;
  color: #333;
  line-height: 150%;
}

#locations .lobbyHours dl, #locations .driveHours dl {
  width: 100%;
  overflow: hidden;
  margin-bottom: .4em;
}

#locations .lobbyHours dl dt, #locations .driveHours dl dt {
  float: left;
  display: inline;
  width: auto;
  margin-right: 10px;
}

#locations .lobbyHours dl dd, #locations .driveHours dl dd {
  float: right;
  display: inline;
  width: auto;
}

.googleMap-InfoWindow {
position: relative;
top: 0;
left: 0;
}

#locations .googleMap-InfoWindow h2, #locations .googleMap-InfoWindow p, #locations .googleMap-InfoWindow p.map-phones {
margin: .2em 0;
}

#locations .googleMap-InfoWindow h2 {
background:none no-repeat scroll 0 0 transparent;
color:#006248;
font-size:1.5em;
margin-bottom:0.3em;
padding:0;
}

#locations .googleMap-InfoWindow p {
font-size: 1.2em;
}

#locations .googleMap-InfoWindow p.map-phones {
height: 1.2em;
overflow: hidden;
}

/* Rates */
#rates h2 {
  margin:2em 0 .3em 0;
}

#rates table {
  width: 100%;
  font-size: 12px;
  border-top:1px solid #CCCCCC;
  border-collapse:collapse;
  border-left:1px solid #CCCCCC;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
  #rates table {
      float: left;
  }

}

#rates table a {
  color: #fff;
  text-decoration: underline;
}
#rates table a:hover {
   color: #F3DDAC;
}
#rates table td a {
   color: #1D4E58;
}
#rates table td a:hover {
   color: #2D7380;
}

#rates table th {
   padding: 10px;
   background-color: #E4F2BA;
   color: #333;
   font-size: 13px;
}

#rates table td, #rates table tr {
  padding: 10px;
  color: #666;
}

#rates table th, #rates table tr, #rates table td {
  border-bottom:1px solid #CCCCCC;
  border-collapse:collapse;
  border-right:1px solid #CCCCCC;
}

#rates table tr.nth-row-odd {
  background: #F4F7E8;
}

#rates table tr.nth-row-even {
  background: #FFF;
}

#rates table tr.nth-row-1 {
  background: #CB7444;
  text-align: left;
  font-weight: bold;
}

#rates table tr.nth-row-1 th.nth-column-1 {
}

#rates p.disclaimer {
  color:#999999;
  display:block;
  float:left;
  font-size:1.1em;
  margin:0 0 40px;
  padding-top:5px;
  width:100%;
}
#rates .secondary {
  margin: 0.3em 0 0 1.5em;
  font-size: 1em;
  font-style: italic;
  font-weight: normal;
}

#rates .indent {
  padding-left: 70px;
}

#rates .secondary:before {
content: "(";
}
#rates .secondary:after {
  content: ")";
}

/* Reg E */
#regE {
background:none repeat scroll 0 0 #FFFFFF;
float:left;
margin:0 11px;
padding:30px;
width:856px;
}

#regE h1 {
font-size: 3em;
margin: 0 0 15px;
color: #666;
font-weight: normal;
}

#regE h2 {
border-bottom:1px solid #ADC742;
color:#666666;
font-size:1.8em;
font-weight:normal;
line-height:145%;
margin:35px 0 8px;
}

#regE h3 {
font-size: 1.4em;
margin: 0 0 10px;
color: #333;
font-weight: normal;
}

#regE p {
margin: 0 0 1em;
font-size: 1.2em;
color: #333;
}

#regE a {
color: #666;
text-decoration: underline;
}

#regE a:hover {
color: #006147;
}

#regE p.zeroPaddingParagraph {
margin: 0;
}

#regE ul, #regE ol {
margin: 1em 0 1em 20px;
}

#regE li {
font-size: 1.2em;
}

#regE ul li {
line-height:150%;
list-style-type:disc;
margin:0.3em 0;
}

#regEForm {
  background:none repeat scroll 0 0 #F4F7E8;
  float:left;
  margin:0 auto;
  padding:0;
  width:856px;
}

#applicationPage #regEForm #validateForm {
  margin:0;
}


#regEForm fieldset#newApplication  {
  background:none;
  padding:20px;
}

#regEForm h2 {
  margin:25px 0 8px 25px;
}

#optInLeft {
  width: 300px;
  float: left;
}

#optInRight {
  width: 496px;
  float: right;
}

#regEForm fieldset#newApplication label {
  float:left;
  padding:3px 5px 0 0;
  width:85px;
  text-align: left;
}

#regEForm fieldset#newApplication label.error {
margin: -24px 0 10px;
padding:0;
text-align:right;
width:270px;
}

#regEForm fieldset#newApplication input {
  float: left;
  margin-bottom: 2.5em;
  background: #fff;
  border: 1px solid #cccccc;
  height: 17px;
  width: 170px;
}

#regEForm input:focus {
  border: 1px solid #999;
}

#regEForm input.error {
  background-color:#F6F6CB;
  border:1px solid #FF0000;
}

#regEForm fieldset#newApplication #optInRight .eSignCheckbox {
	font-size:11px;
  line-height: 125%;
}
#regEForm fieldset#newApplication #optInRight .eSignCheckbox strong {
	color: #006147;
  font-weight: normal;
}

#regEForm fieldset#newApplication #optInRight .eSignCheckbox input {
	clear: both;
	float: left;
	margin: 0 10px 0 0;
	width: 15px !important;
}

#regEForm fieldset#newApplication #optInRight .eSignCheckbox span {
	display: inline-block;
	margin: 0 0 10px;
	width: 90%;
}

#regEForm fieldset#newApplication #optInRight input {
	width: 175px;
}

#regEForm fieldset#newApplication #optInRight .radioWlabel {
	width: 400px;
	margin: 10px 0 0;
}

#regEForm fieldset#newApplication #optInRight .radioWlabel input {
	clear:both;
	float:left;
	margin:2px 10px 0 0;
	width:10px;
}

#regEForm fieldset#newApplication #optInRight .radioWlabel span {
	display:block;
	float:left;
	margin:0 0 10px;
	width:350px;
}

#regEForm fieldset#newApplication #optInRight label {
	width: 100px;
	padding-right: 15px;
}

#regEForm fieldset#newApplication #optInRight label.error {
margin:0;
padding-right:0;
text-align:left;
width:270px;
}

#regEForm fieldset#newApplication #optInRight label.esign-ssn {
padding-right:15px;
width:280px;
color: #666;
float: right;
}

#regEForm fieldset#newApplication #optInRight input#personal_information-ssn {
	margin: 0;
}

#regEForm fieldset#newApplication #optInRight p {
  margin: 5px 0;
}

#regEForm fieldset#newApplication #optInRight p strong {
	color: #006147;
  font-weight: normal;
}

#regEForm fieldset#newApplication #optInRight input.submitButton {
background:url("../image/popup/submit-button.png") no-repeat scroll 0 0 transparent;
border:0 none;
cursor:pointer;
display:block;
float:none;
height:27px;
margin:0;
overflow:hidden;
text-indent:-999em;
width:108px;
font-size: 0;
line-height: 0;
}

#regEForm fieldset#newApplication #optInRight input.submitButton:hover {
  background-position: 0 -27px;
}

#overdraftAltOptions {
  float:left;
  margin:0 auto;
  padding:0;
  width:856px;
}

#regEForm h2, #overdraftAltOptions h2 {
  border: none;
}

#regE #overdraftAltOptions ul {
	margin: 10px 0;
}

#regE #overdraftAltOptions ul li {
display:inline;
float:left;
line-height:150%;
list-style-type:none;
margin:0 18px;
width:227px;
background: transparent url(../image/reg-e-options-bg.png) 0 0 no-repeat;
font-size: 100%;
padding: 10px;
height: 142px;
}

#regE #overdraftAltOptions ul li h3 {
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  letter-spacing:0.05em;
}

#regE #overdraftAltOptions ul li p {
color: #666666;
}

/* Search */
#search ul {
	padding: 0;
	margin: 0;
}

#search ul li {
  background:url("../image/cat-list-bg.png") no-repeat scroll -10px -5px transparent;
  border:1px solid #E3F4FE;
  font-size:1.2em;
  height:55px;
  list-style-type:none;
  margin-left:-2px;
  padding:25px;
  position:relative;
  width:550px;
  font-size: 100%;
}

#search ul li.hover {
  background-position: -10px -135px;
}

#search a:hover, #search ul li.hover a {
  color: #006147;
}

#search p {
	margin: 1em;
	width: 385px;
}

#search h4 a {
	padding: 0;
	font-size: 1.1em;
	font-weight: normal;
	width: 109px;
	height: 26px;
	background: url("../image/cat-list-learn-more-button.png") no-repeat scroll 0 0 transparent;
	display: block;
	position: absolute;
	right: 20px;
	bottom: 20px;
	text-indent: -999em;
}

#search h4 a:hover, #search ul li.hover h4 a {
	background-position: 0 -26px;
}

#search ul ul {
	display: none;
}

/* Thank You */
#thankYou, #blurbWithImage, #financialCalculators {
  padding:40px 300px 30px 60px;
  position:relative;
  width: 352px;
}

#thankYou img.blurbPageImage, #blurbWithImage img.blurbPageImage, #financialCalculators img.blurbPageImage {
  position: absolute;
  right:30px;
  top: 40px;
  z-index: 0;
}

#thankYou img, #blurbWithImage img, #financialCalculators img {
  position: absolute;
  right: 20px;
  top: 30px;
  z-index: 1;
}

/*===== Special =======================*/
/* Popup form styling */
body.popup {
overflow: hidden;
border: none;
background: url("../image/popup/background-popup.jpg") no-repeat fixed center bottom #679010;
margin-bottom: 0;
}

body.popup p {
margin: 1em;
}

body.popup form {
overflow: hidden;
}

body.popup h1.title {
background-color:#006248;
color:#FFFFFF;
display:block;
font-size:2em;
font-weight:normal;
margin:0;
padding:12px 10px 10px;
text-shadow:0 0 3px #000000;
text-transform:uppercase;
}

body.popup h1.oblTitle {
background:url("../image/obl-title-bg.png") no-repeat scroll 0 0 #006248;
color:#FFFFFF;
display:block;
font-size:2em;
font-weight:normal;
margin:0;
padding:15px 10px 7px;
text-align:center;
text-shadow:0 0 3px #000000;
}

body.popup fieldset {
border: 0 none;
float: left;
width: 252px;
}

body.popup #formSection {
overflow: hidden;
padding: 30px 15px 0 15px;
}

body.popup fieldset#popupStandard input, body.popup fieldset#popupStandard textarea {
font-family: Helvetica, Arial, sans-serif;
}

/* Start popup input verification display */
/* - Not selected - */
body.popup fieldset#popupStandard input {
background: url("../image/popup/input-background.png") no-repeat;
display: block;	
width: 227px;
height: 19px;
margin-bottom: .5em;
padding: 8px 17px 2px 7px;
border: none;
font-size: 1.4em;
} 

body.popup fieldset#popupStandard textarea {
background: url("../image/popup/textarea-background.png") no-repeat;
display: block;	
width: 227px;
height: 81px;
margin-bottom: 0.5em;
padding: 6px 17px 3px 7px;
border: none;
font-size: 1.5em;
}

body.popup #popupStandard input.error {
background: url("../image/popup/input-background.png") no-repeat 0 -150px;
}

body.popup #popupStandard input.valid {
background: url("../image/popup/input-background.png") no-repeat 0 -30px;
}

body.popup #popupStandard textarea.error {
background: url("../image/popup/textarea-background.png") no-repeat 0 -455px;
}

body.popup #popupStandard textarea.valid {
background: url("../image/popup/textarea-background.png") no-repeat 0 -91px;
}

/* - Selected - */
body.popup #popupStandard input.selected{
background: url("../image/popup/input-background.png") no-repeat 0 -60px;
}

body.popup #popupStandard input.selected.valid{
background: url("../image/popup/input-background.png") no-repeat 0 -90px;
}

body.popup #popupStandard input.selected.error{
background: url("../image/popup/input-background.png") no-repeat 0 -120px;
}

body.popup #popupStandard textarea.selected {
background: url("../image/popup/textarea-background.png") no-repeat 0 -182px;
}

body.popup #popupStandard textarea.selected.valid {
background: url("../image/popup/textarea-background.png") no-repeat 0 -273px;
}

body.popup #popupStandard textarea.selected.error {
background: url("../image/popup/textarea-background.png") no-repeat 0 -364px;
}

body.popup #captcha input.selected {
background: url("../image/popup/captcha-background.png") no-repeat 0 -62px;
}
/* End popup input verification display */

body.popup .rightSide {
float: right;
overflow: hidden;
width: 230px;
}

body.popup input.submitButton, body.popup button.submitButton {
border: 0 none;
display: block;
width: 108px;
height: 27px;
float: none;
text-indent: -999em;
background: transparent url("../image/popup/submit-button.png") no-repeat 0 0;
overflow: hidden;
cursor: pointer;
}

body.popup input.submitButton:hover, body.popup button.submitButton:hover {
background-position: 0 -27px;
}

body.popup fieldset#popupStandard label {
font-size: 1.2em;
display: block;
margin-bottom: 0.5em;
}

body.popup fieldset#popupStandard label.error {
color: #F72222;
text-align: right;
margin-bottom: 0;
font-size: 1.1em;
}

body.popup fieldset#popupStandard p {
margin: 0 0 2em 0;
}

/* Captcha */
body.popup #captcha {
width: 230px;
float: none;
padding-bottom: 1em;
}

body.popup #captcha input {
float: none;
background: url("../image/popup/captcha-background.png") no-repeat;
width: 223px;
height: 23px;
border: none;
display: block;
margin: 1em 0;
padding: 7px 0 0 7px;
font-size: 1.4em;
}

body.popup #captcha p {
margin: 0;
font-size: 1.2em;
}

body.popup #captcha p.error {
color:#F72222;
}

body.popup #captcha h4 {
font-size: 1.1em;
font-weight: bold;
margin: 0 0 0.5em 0;
}

body.popup h2 {
margin: 2em 0 1em 0;
font-weight: bold;
text-align: center;
font-size: 1.2em;
}

/* Online Banking Popup */

body.popup #onlineBankingWrapper {
margin:40px auto 0;
width:175px;
position: relative;
height: 82px;
}

#onlineBankingWrapper label {
font-size: 1.2em;
color: #FFF;
text-shadow:1px 1px 3px #000000;
}

#onlineBankingWrapper input {
  border:medium none;
  color:#333333;
  font-size:1.1em;
  height:12px;
  margin-bottom:0.5em;
  padding:5px;
  width:166px;
  background: transparent url(../image/obl-sprites.png) 0 0 no-repeat;
  overflow-hidden;
}

#onlineBankingWrapper input#pin {
  width: 114px;
  position: absolute;
  left: 0;
  bottom: 0;
}

#onlineBankingWrapper a#oblSubmit {
  background-color:transparent;
  background-image:url("../image/obl-sprites.png");
  background-position:right 0;
  background-repeat:no-repeat;
  border:medium none;
  cursor:pointer;
  font-size:0;
  height:22px;
  line-height:0;
  overflow:hidden;
  text-indent:-999em;
  width:52px;
  position: absolute;
  right: 0;
  bottom: 5px;
  display: block;
  padding: 0;
}

#onlineBankingWrapper a#oblSubmit:hover {
  background-position: right bottom;
}

/* Thank You Popup */
body.popup #thankYouPopup img {
  background:none repeat scroll 0 0 #FFFFFF;
  display:block;
  margin:30px auto;
  padding:3px;
  text-align:center;
}

body.popup #thankYouPopup p {
  width: 320px;
  margin: 0 auto;
  text-align: center;
  color: #FFF;
  text-shadow: 1px 1px 3px #000;
  font-size: 1.3em;
}

/* Alert Popup */
#popup_container {
font-size: 12px;
min-width: 300px;
max-width: 600px;
background: #FFF;
border: solid 5px #999;
color: #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#popup_title {
font-size: 14px;
font-weight: bold;
text-align: center;
line-height: 1.75em;
color: #666;
background: #ccc url("../image/alert/title.gif") top repeat-x;
border: solid 1px #FFF;
border-bottom: solid 1px #999;
cursor: default;
padding: 0em;
margin: 0em;
}

#popup_content {
background-color: transparent;
background-image: url("../image/alert/info.gif");
background-position: 16px 16px;
background-repeat: no-repeat;
padding: 1em 1.75em;
margin: 0em;
}

#popup_content.confirm {
background-image: url("../image/alert/important.gif");
}

#popup_content.prompt {
background-image: url("../image/alert/help.gif");
}

#popup_message {
padding-left: 48px;
}

#popup_panel {
text-align: center;
margin: 1em 0em 0em 1em;
}

#popup_prompt {
margin: .5em 0em;
}

/* reg e popup */
#regEPopup {
	background: transparent url(../image/popup/reg-e-popup-bg.png) no-repeat scroll left top;
	height: 315px;
	width: 452px;
	z-index: 99;
}
#regEPopup #closeLB{
	position: absolute;
	right: -8px;
	top: 30px;
  width: 30px;
  height: 30px;
  display: block;
  cursor: pointer;
  background: transparent url(../image/fancybox/closebox.png) 0 0 no-repeat;
}
#regEPopup h2, #regEPopup p{
	text-indent: -999em;
}
#regERemindMeLater {
	left: 60px;
	position: absolute;
	top: 230px;
  height: 31px;
  width: 151px;
  background: transparent url(../image/popup/reg-e-popup-buttons.png) 0 0 no-repeat;
  cursor: pointer;
}

#regERemindMeLater:hover {
  background-position: 0 -31px;
}

#regETellMeMore {
	left: 222px;
	position: absolute;
	top: 230px;
  height: 31px;
  width: 121px;
}

#regETellMeMore a {
  text-indent: -999em;
  height: 31px;
  width: 121px;
  display: block;
  background: transparent url(../image/popup/reg-e-popup-buttons.png) -163px 0 no-repeat;
}

#regETellMeMore a:hover {
  background-position: -163px -31px;
}

#lbOverlay {
display:none;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:30;
}

/* Clear fix */
.clear:after {
content: "."; 
display: block;
height: 0; 
clear: both; 
visibility: hidden;
}

.clear {
display: block;
}

/* - Hides from Internet Explorer for the Mac - \*/
.clear {
min-height: 1%;
}

* html .clear {
height: 1%;
}
/* - End hide - */