/* First Community 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 {
margin: 0 0 1em;
}

h1 {
font-size: 2.7em;
margin-bottom: .5em;
color: #006341;
}

h2 {
font-size: 1.7em;
}

h3 {
font-size: 1.4em;
font-weight: bold;
}

p {
line-height: 150%;
font-size: 1.2em;
margin-bottom: 1em;
}

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

a:hover {
color: #006341;
}

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

em {
font-style: italic;
}

body {
min-width: 904px;
width: 904px;
width: auto !important;
font-family: Helvetica, Arial, sans-serif;
font-size: 62.5% !important;
font-weight: normal;
color: #333;
background: #ffffff;
}

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

#siteAlertLink {
right: 30px !important;
}

#wrapper {
margin: 0 auto;
width: 896px;
padding: 0 4px;
background: #ffffff url(../image/bg-repeat.png) center top repeat-y;
overflow: hidden;
}

/*===== Header ==================================================================*/
#header {
height: 160px;
margin: 0 auto;
position: relative;
width: 896px;
background: transparent url(../image/header-bg.png) 0 bottom no-repeat;
padding-bottom: 4px;
}

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

#logo a {
display: block;
height: 108px;
width: 162px;
}

#logo img {
  display: none;
}

#ultraTopNav {
position: absolute;
right: 190px;
top: 14px;
}

#ultraTopNav li {
float: left;
font-size: 1.1em;
}

#ultraTopNav li a {
display: block;
color: #666;
padding: 0 0.7em;
border-right: 1px solid #666;
}

#ultraTopNav li a.lastChild {
border: none;
}

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

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

#searchForm input#roi_input {
position: absolute;
top: 0;
left: 0;
width: 107px;
height: 15px;
padding: 3px 5px;
border: none;
background: none;
}

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

#searchForm input#searchButton {
position: absolute;
top: 0;
right: 0;
overflow: hidden;
display: block;
width: 48px;
height: 21px;
font-size: 0;
line-height: 0;
text-indent: -999em;
border: none;
background: url("../image/search-btn.png") no-repeat scroll right 0 transparent;
cursor: pointer;
}

#searchForm input#searchButton:hover {
background-position: right -50px;
}

#primaryNav {
position: absolute;
bottom: 4px;
left: 185px;
}

#primaryNav li {
display: inline;
}

#primaryNav a {
color: #000;
font-size: 1.6em;
font-weight: normal;
text-transform: uppercase;
padding: 28px 40px 58px 40px;
display: block;
border-right: 1px solid #DCD7CA;
float: left;
width: auto;
}

#primaryNav a.lastChild {
border: none;
}

#primaryNav a:hover, #primaryNav li.inPath a {
color: #B27D00;
}

/*===== Online Banking ============================================================*/
#obLogin {
  width: 204px;
  height: 60px;
  position: absolute;
  bottom: 34px;
  right: 20px;
  background: none;
  padding: 0;
  color: #fff;
}

#obLogin h2 {
  padding: 0;
  margin: 0;
  background: none;
  font-size: 1.3em;
  text-transform: uppercase;
}

#obLogin h2 a {
  background:url("../image/obl-bg-ds.png") no-repeat scroll 0 0 transparent;
  color:#FFFFFF;
  display:block;
  height:48px;
  padding:12px 22px 0 60px;
  width:122px;
}

#obLogin h2 a:hover {
  background-position: 0 -70px;
}

#userNameWrapper, #passwordWrapper {
  position:relative;
  width:100%;
}

#obLogin label {
  font-size: 1.2em;
  margin-right: 10px;
}

#obLogin input {
  margin-bottom: 0.5em;
  width: 80px;
}

#obLogin label.overlabel-apply {
  color:#888;
  left:5px;
  position:absolute;
  top:6px;
  z-index:1;
  text-transform: uppercase;
}

#obLogin #oblSubmit {
  background:url("../image/obl-login.png") no-repeat scroll 0 0 transparent;
  border:0 none;
  cursor:pointer;
  display:block;
  font-size:0;
  height:18px;
  line-height:0;
  margin:0;
  overflow:hidden;
  text-indent:-999em;
  width:44px;
  float:right;
}

#obLogin #oblSubmit:hover {
  background-position:-54px 0;
}

#obNav a {
color:#ccc;
display:block;
font-size:11px;
margin-top:4px;
width:117px;
}

#obNav a:hover {
color: #fff;
text-decoration: underline;
}

/*===== Left Column =============================================================*/
#leftColumn {
  clear: left;
  float: left;
  margin: 0;
  width: 200px;
  padding: 15px;
}

/*===== Left Column - Quick Links =======================*/
#quickLinks {
  margin: 0;
}

#quickLinks h2 {
  margin: 0 0 .5em 22px;
  color: #006340;
  font-size: 1.5em;
}

#quickLinks li a {
  font-size: 1.3em;
  display: block;
  padding: 0.4em 0 0.4em 22px;
  border-bottom: 1px solid #DCD7CA;
  color: #333;
  background: transparent url(../image/ql-bg.png) 7px 7px no-repeat;
}

#quickLinks li a:hover {
  background-position: 7px -43px;
  color: #000;
}

/*===== Left Column - Left Nav =======================*/
#leftNav li a {
  display: block;
  padding: .6em 22px;
}
/*---- 1st tier ----*/
#leftNav li h2 {
  font-size: 1.5em;     
  font-weight: normal;
  margin: 0;
  padding: 0;
}
#leftNav li h2 a {
  color: #000;
}
#leftNav li h2 a:hover {
  color: #006341;
}
#leftNav li.inPath h2 a {
  color: #B27D00;
}
/*---- 2nd tier ----*/
#leftNav li li h3 {
  font-size: 1.3em;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
#leftNav li li a {
  background:url("../image/ql-bg.png") no-repeat scroll 21px 9px transparent;
  border-bottom:1px solid #DCD7CA;
  color:#666666;
  padding-left:35px;
}
#leftNav li li a:hover {
  color: #000;
  background-position: 21px -40px;
}
#leftNav li li a.inPath {
  color: #000;
  border-bottom: 1px solid #E5EFEC;
  background-color: #E5EFEC;
  background-position: 21px -40px;
}

/*===== Footer ==================================================================*/
#footer {
clear:both;
color:#666666;
height:8em;
margin:0 auto;
position:relative;
width:896px;
padding: 0 4px;
background: #fff url(../image/bg-bottom.png) center top no-repeat;
}

#footer #bancVue {
position: absolute;
top: 3em;
left:22px;
height:29px;
width:103px;
}

#footer img.froiLogo {
display: none;
}

#footer #eh {
position: absolute;
top: 3em;
right:22px;
}

#footer #fdic {
position: absolute;
top: 3.35em;
right:6em;
}

.footerPopup {
  display: none;
}

#footer #ehDisclaimer {
	width: 180px;
	height: 177px;
	position: absolute;
	left: -135px;
	top:-180px;
	background: transparent url(../image/popup-eh.png) 0 0 no-repeat;
}

#footer #fdicDisclaimer {
	width: 352px;
	height: 142px;
	position: absolute;
	left: -230px;
	top:-150px;
	background: transparent url(../image/popup-fdic.png) 0 0 no-repeat;
}

#footer #footerNav {
text-align: center;
padding: 1.7em 0 .5em;
}

#footerNav li {
display: inline;
padding: 0 1em;
border-right: 1px solid #666;
}

#footerNav li.lastChild {
border-right: none;
}

#footerNav li a {
color: #666;
font-size: 1.1em;
text-decoration: none;
}

#footerNav a:hover {
margin-bottom:0.2em;
text-decoration: underline;
}

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

#footer a {
  text-decoration: underline;
}

#footer a:hover {
  color: #000;
}

/*===== Home Page ==================================================================*/
#home #header {
  background: none;
  padding-bottom: 0;
}

body#home #ultraTopNav li.nthChild-1 {
  display: none;
}

#home #primaryNav {
  bottom: 0;
}

#home #leftColumn {
  height: 135px;
  width: 166px;
}

#flashBanner {
  width: 100%;
  height: 270px;
}

#flashDNA {
  height:270px;
  width: 896px;
}

#home #obLogin {
  height: 105px;
  width: 161px;
  bottom: 0;
  right: 20px;
  background: transparent url(../image/obl-bg-home.png) center 0 no-repeat;
  padding: 12px 22px 0;
}

#home #obLogin h2 {
  padding: 7px 0 7px 35px;
  background: transparent url(../image/obl-lock.png) 0 0 no-repeat;
}

/*===== Home Page - featured products ==============================================*/
#featuredProducts {
  width: 669px;
  float: right;
  padding: 15px;
  border-left: 1px solid #DCD7CA;
  background: #fff;
  height: 135px;
}

#featuredProducts #featured {
  width: 342px;
  border-right: 1px solid #DCD7CA;
  float: left;
}

#featuredProducts #featured li {
  padding: 0 0 0 67px;
  background: transparent url(../image/featured-prods-bg.png) 0 10px no-repeat;
  margin-bottom: 15px;
  position: relative;
}

#featuredProducts #featured li.nthChild-2 {
  background-position: 0 -465px;
  margin: 0;
}

#featuredProducts #featured li:hover, #featuredProducts #featured li.hover {
  background-position: 0 -190px;
}

#featuredProducts #featured li.nthChild-2:hover, #featuredProducts #featured li.nthChild-2.hover {
  background-position: 0 -372px;
}

#featuredProducts h2 {
  color: #C69200;
  font-size: 1.5em;
  margin:0;
  padding:2px 0;
}

#featuredProducts #featured li p {
  color: #333;
  font-family: trebuchet MS, arial, helvetica, sans-serif;
  font-size: 1.2em;
  width: 192px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
  #featuredProducts #featured li p {
    font-size: 1.2em;
  }
  #locList .adr {
    font-size:11px;
  }
}

#featuredProducts #featured li.hover p {
  color: #000;
}

#featuredProducts #featured li a {
  position: absolute;
  left: 260px;
  bottom: 2px;
  font-size: 1.2em;
  padding-left: 10px;
  background: transparent url(../image/featured-arrows.png)  0 1px no-repeat;
  width: 70px;
}

#featuredProducts #featured li a:hover, #featuredProducts #featured li.hover a {
  background-position: 0 -49px;
  color: #000;
  text-decoration: underline;
}

#featuredProducts #currentNews {
  width: 306px;
  float: right;
  position: relative;
}

#featuredProducts #currentNews h2 {
  margin-bottom: 7px;
}

#featuredProducts #enrollOBL {
  margin-bottom: 17px;
}

#featuredProducts #enrollOBL h2 {
  margin-bottom: 4px;
}

#featuredProducts #currentNews h3 {
  padding-left: 13px;
  color: #006340;
  font-size: 1.3em;
  background: transparent url(../image/current-news-bullets.gif) 0 3px no-repeat;
  margin: 0 0 .3em;
  font-style: italic;
}

#featuredProducts #currentNews li a {
  margin: 0 0 6px 13px;
  padding-left: 10px;
  color: #666;
  font-size: 1.2em;
  background: transparent url(../image/current-news-bullets.gif) 0 -27px no-repeat;
  display: block;
}

#featuredProducts #currentNews li a:hover {
  color: #333;
  text-decoration: underline;
}

#featuredProducts #currentNews #newsLink a {
background:url("../image/featured-arrows.png") no-repeat scroll 0 1px transparent;
display:block;
float:right;
font-size:1.2em;
padding-left:10px;
margin-top:-10px;
}

#featuredProducts #currentNews #newsLink a:hover {
background-position: 0 -49px;
color: #000;
text-decoration: underline;
}

/*===== Content & mainContent ==============================================*/
#content  {
  width: auto;
  background: transparent url(../image/content-bg.png) center 0 repeat-y;
  float: left;
  margin-top: -4px;  
}

#mainContent {
  float: right;
  width: 666px;
  min-height: 35em;
  padding:0;
}

/*===== Category Page =================*/
#categoryPage {
  position: relative  
}

#categoryPage #catBreadcrumb {
  position: absolute;
  right: 110px;
  top: 60px;
  width: 516px;
  text-align: right;
}

#categoryPage #catBreadcrumb a {
  color:#fff;
  display:block;
  float:left;
  margin-right:8px;
  font-size: 32px;
}

#categoryPage #catBreadcrumb ul a {
}

#productCategory {
  float: left;
  padding: 10px 10px 0;
}

#productCategory li {
  float: left;
  width: 261px;
  height: 9em;
  margin: 0 20px 10px 0;
  border: 1px solid #FDFCF7;
  border-bottom: 1px solid #DCD7CA;
  position: relative;
  padding: 20px 2.5em;
}


#productCategory li.nthChild-2, #productCategory li.nthChild-4, #productCategory li.nthChild-6, #productCategory li.nthChild-8, #productCategory li.nthChild-10, #productCategory li.nthChild-12, #productCategory li.nthChild-14, #productCategory li.nthChild-16, #productCategory li.nthChild-18, #productCategory li.nthChild-20 {
margin-right: 0;
}

#productCategory li.hover {
  background:#E5EFEC;
  border: 1px solid #DCD7CA;
}

#productCategory li h2 {
  font-size: 1.7em;
  font-weight: normal;
  margin-bottom: 7px;
}

#productCategory li h2 a {
  color: #C59200;
}

#productCategory li.hover h2 a {
  color: #006341;
}

#productCategory li ul {
  width: 160px;
  margin-left: 13px;
}

#productCategory li li {
  float: none;
  width: auto;
  height: auto;
  margin: .4em 0;
  padding: 0;
  list-style: disc outside;
  border: none;
  font-family: trebuchet MS, arial, helvetica, sans-serif;
  font-size: 1.2em;
  color: #666;
}

#productCategory h4 a {
  background:url("../image/cat-pg-learn-more.png") no-repeat scroll 0 0 transparent;
  border:medium none;
  cursor:pointer;
  display:block;
  font-size:0;
  height:28px;
  line-height:0;
  overflow:hidden;
  position:absolute;
  right:25px;
  text-indent:-999em;
  bottom:20px;
  width:84px;
}

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

/*===== Product Page - Page Summary ==================*/
#productPage {
  position: relative;
}

#productSummary {
  padding: 35px 235px 20px 25px;
  position: relative;
  padding-right: 250px;
  min-height: 20.5em;
  height: auto !important;
  _height: 20.5em;
}

#productSummary p {
  color: #596466;
  font-size: 1.3em;
  margin-bottom: 1em;
}

#productPage img {
  position: absolute;
  top: 75px;
  right: 60px;
}

#productPage #imageMask img {
  position: absolute;
  top: 73px;
  right: 58px;
}

#productPage #applyNow a, #productPage #enrollNow a, #productPage #contactUsLink a {
  width: 76px;
  height: 76px;
  display: block;
  position: absolute;
  top: 180px;
  right: 40px;
  text-indent: -999em;
}

#productPage #applyNow a {
  background: transparent url(../image/prod-apply-now.png) 0 0 no-repeat;
}
#productPage #enrollNow a {
  background: transparent url(../image/prod-enroll-now.png) 0 0 no-repeat;
}
#productPage #contactUsLink a {
  background: transparent url(../image/prod-contact-us.png) 0 0 no-repeat;
}

#productPage #applyNow a:hover, #productPage #enrollNow a:hover, #productPage #contactUsLink a:hover {
  background-position: -90px 0;
}

/* ------- AddThis -------------- */
.addthis_toolbox {
  position: absolute;
  right: 25px;
  top: 35px;
  width: 120px;
}

.addthis_toolbox .custom_images a, #questionsLink a {
  background: transparent url("../image/share.png") 0 0 no-repeat;
  padding: 3px 10px 3px 22px;
  border-right: 1px solid #CAB785;
  color: #CAB785;
  height: 10px;
  overflow: hidden;
  float: left;
  font-size: 11px;
  margin-right: 10px;
  width: auto;
  cursor: pointer;
  display: block;
}

#questionsLink a {
  position: absolute;
  top: 35px;
  right: 145px;
}

#questionsLink a:hover {
  background-position: 0 -50px;
  color: #B49951;
}

.addthis_toolbox .custom_images a.addthis_button_compact {
  background-position: 0 -100px;
}
.addthis_toolbox .custom_images a.addthis_button_print {
  background-position: 0 -200px;
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}

.addthis_toolbox .custom_images a.addthis_button_compact:hover {
  background-position: 0 -150px;
  color: #B49951;
}
.addthis_toolbox .custom_images a.addthis_button_print:hover {
  background-position: 0 -250px;
  color: #B49951;
}

/* ------- Product Buttons -------------- */
#productPage #productButtons {
padding-bottom: 2em;
}

#productPage #productButtons ul li a {
display: block;
padding: 0 0 .5em;
font-size: 1.4em;
font-weight: bold;
}

#productPage #productButtons ul li a:hover {
text-decoration: underline;
}

/* ------- Product Details -------------- */
#productPage #productDetails dl {
background:#E5EFEC url(../image/prod-details-bg.png) 0 0 repeat-x;
display:block;
list-style:none outside none;
margin:0 0 0 1px;
padding:0 35px 70px;
position:relative;
}

#productPage #productDetails dl dt {
position: relative;
float: left;
z-index: 1;
font-size: 1.2em;
font-weight: bold;
padding: 0 0 0 10px;
cursor: pointer;
}

#productDetails dt span {
  display:block;
  height:24px;
  padding:20px 30px 0 20px;
  color: #666;
}

#productPage dt span:hover {
  color: #444;
}

#productDetails dt.selected {
  cursor: default;
  background:url("../image/prod-tab-left-sm.png") no-repeat scroll 0 -1px transparent;
  text-decoration: none;
}

#productDetails dt.selected span {
  background:url("../image/prod-tab-right-lg.png") no-repeat scroll right -1px transparent;
  color: #006341;
}

#productDetails dl dd {
  position: relative;
  overflow: hidden;
  top: 55px;
  width: 495px;
}

#productPage #questionsButton a {
width: 105px;
height: 30px;
display: block;
position: absolute;
bottom: 20px;
left: 33px;
background: transparent url(../image/prod-questions.png) 0 0 no-repeat;
text-indent: -999em;
}

#productPage #questionsButton a:hover {
  background-position: -110px 0;
}


#productPage ul {
  padding: 0 0 1em 1.5em;
}

#productPage li {
  margin: 0 0 5px 0;
  list-style-type: disc;
  line-height:130%;
  font-size: 1.2em;
}

#productPage li a, #productPage #productDetails p a {
  text-decoration: underline;
  color: #000;
}

#productPage li a:hover, #productPage #productDetails p a:hover {
  color: #006341;
}

#productDetails p {
  margin-bottom: 1em;
  display: block;
}

#productDetails p.disclaimer, .individualPage p.disclaimer {
  font-size: 1em;
  color: #777;
  font-style: italic;
}

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

/*===== Individual Page ===============*/
.individualPage {
  padding: 35px 85px 35px 25px;
  position: relative;
  min-height: 30em;
}

#blurbWithImage.individualPage, #financialCalculators, #thankYou {
  padding: 35px 235px 35px 25px;
}

#blurbWithImage #imageMask img, #financialCalculators #imageMask img, #thankYou #imageMask img {
  position:absolute;
  right:58px;
  top:73px;
}

#blurbWithImage img, #financialCalculators img, #thankYou img {
  position:absolute;
  right:60px;
  top:75px;
}

.individualPage a { 
text-decoration: underline;
}

.individualPage p.zeroPaddingParagraph {
margin: 0;
}

#blurbWithImage p.textVariant1 {
  padding: 0 0 0 25px;
  font-style: italic;
  margin: 0 0 1em;
  display: block;
}

.individualPage p.textVariant1 {
  display: list-item;
  margin: 0 0 .5em 40px;
}

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

.individualPage li {
font-size: 1.2em;
list-style-type: disc;
margin: 0.4em 0;
line-height: 135%;
}

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

/* Careers */
#careers .jobListing .introText {
display: none;
}

#careers .mainText {
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
}

#careers.jobListing h3 {
color:#C59200;
font-size: 1.7em;
font-weight: normal;
padding-top: 10px;
margin-bottom: 5px;
border-top: 1px solid #ccc;
}

#careers h3 span {
background: url(../image/careers-more.png) no-repeat left top;
height: 28px;
width: 53px;
cursor: pointer;
display: block;
float: right;
text-indent: -999em;
}

#careers h3 span:hover {
background: url(../image/careers-more-hover.png) no-repeat left top;
cursor: pointer;
}

#careers h3 span.less {
background: url(../image/careers-less.png) no-repeat left top;
}

#backTo h3 {
	color:#006340;
	font-family: "Futura","Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
}
#backTo ul {
	margin-left: 0;
}
#backTo ul li {
	background: url(../image/back-to-bullet.png) no-repeat 0 2px;
	padding-left: 15px;
	list-style: none;
	
}
	

/*=============== Contact Us =================================================*/
#contactUs, #locations {
  padding: 35px 25px; 
}

#formContactUs {
  width: 299px;
  border-right: 1px solid #D0D5DC;
  float: left;
  display: block;
  margin: 20px 0;
}

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

#formContactUs fieldset {
  border: 0 none;
} 

#formContactUs ul {
  margin: 0;  
}

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

#formContactUs label {
  float: left;
  padding: 0 0 5px 0;
  width: 275px;
  font-weight: bold;
}

#formContactUs label em {
  font-size: 90%;
  font-style: italic;
  font-weight: normal;
}

#formContactUs input, #formContactUs textarea {
  float: left;
  margin-bottom: 1em;
}

#formContactUs input {
  width: 263px;
  background: #fff;
  border: 1px solid #E1E4E6;
  padding: 5px;
}

#formContactUs textarea {
  height: 6.5em;
  width: 263px;
  background: #fff;
  border: 1px solid #E1E4E6;
  padding: 5px;
}

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

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

#formContactUs label.error {
  color:#F72222;
  margin:0;
  padding:0 0 10px;
  text-align:right;
  width:275px;
  font-weight: normal;
}

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

#formContactUs #captcha h4 {
  font-size: 1.2em;
  padding: 0;
  width: 275px;
  color: #666;
  border: none;
}

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

#formContactUs #captcha p {
  margin: 0 0 1.5em 0;
}

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

#formContactUs button.submitButton {
  background:url("../image/submit.png") no-repeat scroll 0 0 transparent;
  border:0 none;
  cursor:pointer;
  display:block;
  height:30px;
  margin:0;
  overflow:hidden;
  text-indent:-999em;
  width:105px;
  font-size:0;
  line-height:0;
}

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

#contactUsInfo {
  display:block;
  float:right;
  margin: 20px 0 0 0;
  width: 290px;
}

#contactUsInfo h3 {
  border-bottom: 1px solid #D0D4D8;
  padding-bottom:.5em;
  padding-top: 40px;
}

#contactUsInfo p.textVariant1 {
  color: #596466;
  border-bottom: 1px solid #D0D4D8;
  font-size: 1.2em;
  padding-bottom:.9em;
}

#contactUsInfo p {
  color: #596466;
}


/* ==================== Locations and atms ================================== */
#map {
  height: 30em;
  padding: 4px;
  background-color: #fff;
  border: 1px solid #C5CAD1;
}

#locList {
  margin: 0;
}

#locList li {
  background:#D8E4D9;
  list-style-type:none;
  overflow:hidden;
  padding:0;
  position: relative;
  margin: .8em 0;
}

#locList li h2 {
  color:#333;
  font-family: trebuchet MS, arial, helvetica, sans-serif;
  font-size:1.4em;
  padding: 11px 0 0.5em 25px;
  background: transparent url(../image/loc-arrows.png) 10px 16px no-repeat;
  margin: 0;
  border: 1px solid #ccc;
}

#locList li h2:hover, #locList li.hover h2, #locList li h2.active {
  background-position: 10px -32px;
  background-color: #FCF9F0;
}

#locList li h3 {
  font-size:12px;
  font-weight:normal;
  position:absolute;
  right:25px;
  top:13px;
}

#locList .contactDetails {
  padding: 10px 25px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#locList .adr {
  position: absolute;
  left: 215px;
  top: 13px;
  width: 305px;
}

#locList .phones, #locList .lobbyHours {
  margin-right: 10px;
}

#locList .phones, #locList .lobbyHours, #locList .driveHours {
  float: left;
  width: 180px;
  line-height: 150%;
}

#locList .phones .type {
  font-weight: bold;
}

#locList dt {
  width: 180px;
}

#locList dd {
  width: 180px;
  margin-bottom: .2em;
}

#locList .adr p, #locList .phones p, #locList .lobbyHours p, #locList .driveHours p {
  margin: 0;
  font-size: 100%;
  font-weight: bold;
}

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

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

.individualPage .googleMap-InfoWindow h2 {
color:#006341;
font-size:1.5em;
margin:0.5em 0;
}

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

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


/*==================== Rates ==============================*/
#rates {
  padding: 35px 25px;  
}

#rates table {
  width: 100%;
  font-size: 1.2em;
  color: #000;
  margin-bottom: 1em;
}

#rates table td a {
   color: #006341;
}
#rates table td a:hover {
   color: #000;
}

#rates table th {
   padding: 10px;
   background-color: #C18C00;
   color: #fff;
   font-size: 13px;
   text-align: center;
   font-weight: bold;
}

#rates table td, #rates table tr {
  padding: 10px;
  text-align: center;
}

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

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

#rates table tr.nth-row-1 {
  color: #fff;
}

#rates table th.nth-column-1, #rates table td.nth-column-1 {
  text-align: left;
}

#rates table td.nth-column-4, #rates table td.nth-column-5 {
  width: 16%;  
}

#rates .indented {
  margin: 0 0 0 2.5em;
  display: block;
}

#rates .disclaimer {
  font-style: italic;
  color: #666;
  margin-bottom: 30px;
}

/* ========================== search ================================== */
#search #froisearch-resultsHeader {
  border-bottom:1px solid #D0D5DC;
  color:#4B526C;
  font-size:1.5em;
  margin:1em 0 0.5em;
  padding-bottom:1em;
}

#froisearch-q {
float:left;
height:23px;
width:220px;
}

#froisearch-button {
  float: left;
  width: 105px;
  height: 30px;
  display: block;
  background:url("../image/search-submit.png") no-repeat scroll 0 0 transparent;
  text-indent: -999em;
  border:0 none;
  cursor:pointer;
  margin:0 0 0 10px;
  overflow:hidden;
  font-size:0;
  line-height:0;
}

#froisearch-button:hover {
  background-position: -110px 0;
}

.froisearch #froisearch-autoCompleteResults {
  clear: left;
}

.froisearch .pagination a, .froisearch .pagination span {
  background:#DDE1E6;
  font-size:1.2em;
  font-weight:bold;
}

#search ul {
  padding: 1.5em 0 0 0;
  margin: 0;
}

#search ul li {
  border-bottom:1px solid #CCCCCC;
  font-size:1em;
  list-style-type:none;
  margin:0 0 2em;
  padding:1em;
}

#search ul li.hover {
  background:#E5EFEC;
  border: 1px solid #DCD7CA;
}

#search ul li h2 {
  padding-bottom: 0;
  font-size: 1.6em;
  color: #006341;
  margin-bottom: .3em;
}

#search ul li h2 a {
  color: #C59200;
}

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

#search ul li p {
  margin-bottom: 0;
}

#search ul ul {
  display: none;
}

/*============= Popups =======================================================*/
/* Popup form styling */
body.popup {
  background:#006341 url(../image/popup/popup-bg.png) 0 0 repeat-x;
  border:medium none;
  min-width:100px;
  overflow:hidden;
}

 /* obl popup */
body.popup #obLogin  {
  height:120px;
  left:50px;
  padding:0 50px;
  position:absolute;
  top:25px;
  width:200px;
}

body.popup #obLogin h2 {
  background:url("../image/obl-lock.png") no-repeat scroll 0 0 transparent;
  padding:5px 0 11px 35px;
  font-size: 1.63em;
}

body.popup #obLogin input {
  height: 20px;
}

body.popup #obLogin label.overlabel-apply {
  top:9px;
}

body.popup #obNav a {
  font-size:12px;
  left:50px;
  margin-top:0px;
  position:absolute;
  top:102px;
}

body.popup #randomList {
  border-top:1px solid #FBBE08;
  left:25px;
  padding:15px 0 0;
  position:absolute;
  top:160px;
  width:350px;
}

body.popup #randomList li {
  display: none;
  padding: 0 25px;
}

body.popup #randomList li h3 {
  color: #fff;
  font-size: 14px;
  font-style: italic;
  margin: 0 0 5px;
}

body.popup #randomList li p {
  color:#FFFFFF;
  font-size:12px;
  margin:0 0 5px;
}

body.popup #randomList li p strong {
  color: #FBBE08;
}

body.popup #randomList li a {
  background:url("../image/popup/popup-arrow.png") no-repeat scroll 0 2px transparent;
  color:#fff;
  display:block;
  font-size:1.2em;
  float: right;
  padding: 0 0 0 10px;
  text-decoration: none;
}

body.popup #randomList li a:hover, body.popup #randomList li.hover a {
  color: #FBBE08;
  text-decoration: underline;
}

/* tell me more */
body.popup form {
  overflow: hidden;
}

body.popup h1 {
  padding: 20px;
  margin: 0;
  color: #FBBE08;
}

body.popup p {
  margin: 1em;
  color: #fff;
}

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

body.popup #formSection {
overflow: hidden;
padding: 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 img#popupLogo {
margin: 14px auto 0;
display: block;
float: none;
}

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

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

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

body.popup fieldset#popupStandard label.required em {
color:#CCCCCC;
}

body.popup fieldset#popupStandard label.error {
color: #FBBE08;
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;
color: #fff;
}

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

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

/* ------ thank you popup ----------- */
body.popup #thankYou h1 {
  margin:50px 0 0;
  text-align:center;
}

body.popup #thankYou p {
  font-size:1.6em;
  padding:0 9em;
  text-align:center;
}

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

/* form builder stuff */
body form.inmo-application li {
	margin: 0;
}

body form.inmo-application li input,
body form.inmo-application li fieldset,
body form.inmo-application li ul,
body form.inmo-application li select.fullWidth {
	margin: 0;
}

/* 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 - */