/* Transpecosbanks - 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 =======================*/
body {
background:url("../image/tile-body.png") repeat scroll 0 0 #38302D;
font-family: Helvetica, Arial, sans-serif;
font-size: 62.5%;
font-weight: normal;
color: #38302d;
}

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

h1 {
font-size: 1.6em;
}

h2 {
color:#003A64;
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}

p {
line-height:1.4em;
}

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

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

em {
font-style: italic;
}

#siteAlert {
margin:0 auto !important;
width:906px !important;
}
#siteAlertLink {
right: 30px !important;
}

/*===== Header ========================*/
#header {
background:url("../image/main-top-bg.png") no-repeat scroll 0 0 transparent;
height:128px;
margin:0 auto;
position:relative;
width:907px;
}

#logo {
height:96px;
left:52px;
margin:0;
position:absolute;
text-indent:-999em;
top:22px;
width:302px;
}

#logo a {
background:url("../image/logo.png") no-repeat scroll 0 0 transparent;
display:block;
height:96px;
width:302px;
}

#ultraTopNav {
height:19px;
padding:0 5px;
position:absolute;
right:28px;
top:19px;
}
#printLogo {
	display:none;
}
#ultraTopNav li {
float:left;
height:19px;
padding:3px 5px 0 3px;
}
#ultraTopNav li.firstChild, body#home #ultraTopNav li.nthChild-3 {
background:url("../image/icon-brackets.png") no-repeat scroll left top transparent;
padding:3px 5px 0 10px;
}
#ultraTopNav li.lastChild {
background:url("../image/icon-brackets.png") no-repeat scroll right -26px transparent;
}
#ultraTopNav li a {
background:url("../image/icon-brackets.png") no-repeat scroll right -58px transparent;
color:#201109;
font-size:1.2em;
padding:3px 10px 0 0;
}
#ultraTopNav li.lastChild a {
background: none;
padding:3px 6px 0 0;
}
#ultraTopNav li a:hover {
text-decoration: underline;
}
#ultraTopNav li .oblLock {
background:url("../image/icon-locks.png") no-repeat scroll left bottom transparent;
display:block;
float:left;
clear:right;
height:16px;
margin:-2px 0 0;
width:18px;
}

body#home #ultraTopNav li.firstChild, body#home #ultraTopNav li.nthChild-2 {
	display:none;
}

#searchForm {
height:29px;
position:absolute;
right:30px;
top:90px;
width:180px;
}

#searchForm input#roi_input {
background-image:url("../image/search-bg.png");
border:0 none;
font-size:1.1em;
height:auto;
left:0;
padding:7px 5px 8px 10px;
position:absolute;
top:0;
width:135px;
}

#searchForm input#searchButton {
height:29px;
position:absolute;
right:0;
top:0;
width:30px;
}

#primaryNav {
background:url("../image/nav-bg.jpg") no-repeat scroll 0 0 transparent;
height:60px;
width:906px;
position:relative;
z-index:5;
}

#primaryNav li {
padding:0;
position:absolute;
top:11px;
z-index:6;
}
#primaryNav li.nthChild-1 {
	left:175px;
}
#primaryNav li.nthChild-2 {
	left:415px;
}
#primaryNav li.nthChild-3 {
	left:650px;
}

#primaryNav a:hover, #primaryNav li.inPath a {
color: #fff;
}
#outerWrapper {
	position:relative;
	width:1047px;
	margin:0 auto;
	z-index:1;
}

#navEnds {
height:20px;
left:0;
position:absolute;
top:146px;
width:100%;
z-index:-1;
}
#navEnds span {
background:url("../image/nav-ends.png") no-repeat scroll 0 0 transparent;
display:block;
height:20px;
margin:0 auto;
width:1047px;
}

/* Online banking downstream pages */
#downstreamObl {
position: absolute;
top: 20px;
right: 300px;
}

#downstreamObl a {
color: #000;
}

/*===== Main Content ==================*/
#wrapper {
margin:15px auto 0;
position:relative;
width:907px;
}

#contentWrapper {
background:url("../image/tile-main-texture.jpg") repeat scroll 0 0 #E3DDC5;
overflow:hidden;
width:907px;
}

#mainContent {
float:left;
margin:0 0 40px 20px;
width:642px;
}
/*===== Left Column ===================*/
#leftColumn {
clear:left;
float:left;
margin:0;
position:relative;
width:245px;
}
body#home #leftColumn {
width:237px;
}
h2#quickLinksHeader {
color: #000000;
margin: 2em 0 0;
padding: 0 0 0.5em 0.5em;
font-size: 1.5em;
font-weight: normal;
border-bottom: 1px solid #DFE0E3;
}
#leftNavWrapper {
background:url(../image/leftnav-top.jpg) 0 0 no-repeat;
margin:20px 0 10px 32px;
width:213px;
}
#leftNav {
background:url("../image/leftnav-bottom.png") no-repeat scroll left bottom transparent;
margin:0;
padding:33px 18px 38px 16px;
width:179px;
}

#leftNav li a {
display: block;
}

#leftNav li h2 {
font-size:1.2em;
font-weight:bold;
margin:0;
padding:0;
text-transform:uppercase;
}

#leftNav li h2 a {
background:url("../image/leftnav-li-bg.jpg") repeat scroll 0 -60px transparent;
color:#312D2E;
height:24px;
letter-spacing:0.05em;
padding:16px 0 0 43px;
}

#leftNav li.inPath h2 a, #leftNav li h2 a:hover {
background:url("../image/leftnav-li-bg.jpg") repeat scroll 0 0 transparent;
color:#EDE0C4;
height:24px;
padding:16px 0 0 43px;
}

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

#leftNav li li a {
color: #183961;
padding:6px 6px 6px 17px;
}

#leftNav li ul.nthTier-2 {
background: none repeat scroll 0 0 transparent;
padding: 5px 0 10px;
}

#leftNav li ul.nthTier-2 li {
margin:0 12px;
}

#leftNav li li.inPath a, #leftNav li li a:hover {
background:url("../image/tile-white-texture.png") repeat scroll 0 0 #FFFFFF;
color: #183961;
padding:6px 6px 6px 17px;
}
#leftNav li li.inPath a {
color: #9E0B0F;
}
#leftNav li h2.longTitle a {
height:31px;
padding:9px 0 0 43px;
}

/* Quick Links */
#leftColumn #quickLinks {
background:url("../image/leftnav-bottom.png") no-repeat scroll left bottom transparent;
margin:0;
padding:33px 18px 38px 16px;
width:179px;
}

#quickLinks h2 {
background:url("../image/leftnav-li-bg.jpg") repeat scroll 0 -119px transparent;
color:#312D2E;
font-size:1.8em;
height:29px;
letter-spacing:0.05em;
margin:0 0 12px;
padding:11px 0 0 34px;
}

#quickLinks li {
margin:0 0 0 7px;
}

#quickLinks li a {
background:none repeat scroll 0 0 transparent;
color:#312D2E;
display:block;
font-size:1.2em;
font-weight:bold;
margin:4px 0;
padding:3px 0 3px 11px;
}

#quickLinks li a:hover, #quickLinks li a.inPath {
color: #9E0B0F;
}
/*===== Home Page =====================*/
#obLogin {
background:url("../image/icon-locks.png") no-repeat scroll 130px 171px transparent;
height:205px;
left:52px;
position:absolute;
top:40px;
width:162px;
}
body.popup #obLoginWrapper {
background:url("../image/tile-white-texture.png") repeat scroll 0 0 transparent;
margin:0 auto;
padding:0 0 10px;
width:200px;
}
body.popup #obLogin {
background:url("../image/icon-locks.png") no-repeat scroll 133px 155px transparent;
height:200px;
left:19px;
position:relative;
top:10px;
}

#obLogin h2 {
color:#53250D;
font-size:1.2em;
letter-spacing:0.5px;
text-transform:uppercase;
}

#obLogin label {
font-size: 1.2em;
}

#obLogin input {
margin-bottom: 0.5em;
width:72px;
}
div#obl-select {
margin:0 0 10px;
}
div#obl-select select {
margin:3px 0 0;
width:106px;
}

#obLogin input.login-button {
background:url("../image/obl-button.png") no-repeat scroll 0 0 transparent;
border:0 none;
clear:left;
cursor:pointer;
display:block;
float:right;
height:24px;
margin:0;
padding:24px 0 0;
text-indent:-999em;
width:50px;
}
#obLogin input.login-button:hover {
background:url(../image/obl-button.png) left bottom no-repeat;
}

ul#obNav {}
ul#obNav li {
font-size:1.1em;
padding:2px 0;
}
ul#obNav li a:hover {
	text-decoration:underline;
}
.overlabel-wrapper {
float:left;
position:relative;
}
.overlabel-apply {
	position:absolute;
	top:5px;
	left:5px;
}
#obl-accessid {
margin:0 3px 0 0;
}

#homeWrapper {
background:url("../image/home-login-bg.jpg") no-repeat scroll 19px 0 transparent;
height:253px;
overflow:hidden;
width:907px;
}
#flashContainer {
	float: right;
	width: 670px;
	height:253px;
	padding:0;
}
#homeFeaturedProducts {
background:url("../image/home-featured-bg.jpg") no-repeat scroll 0 0 transparent;
height:200px;
margin:0 0 0 20px;
width:873px;
}
#homeFeaturedProducts ul {}
#homeFeaturedProducts ul li {
float:left;
height:160px;
padding:40px 20px 0 40px;
position:relative;
width:231px;
}
#homeFeaturedProducts ul li h2 {
color:#003A64;
font-size:20px;
letter-spacing:1px;
margin:0 0 15px;
position:relative;
text-transform:uppercase;
z-index:99;
}
#homeFeaturedProducts ul li p {
font-size:1.2em;
line-height:1.6em;
position:relative;
z-index:99;
}
#homeFeaturedProducts ul li h3 {
font-size:1.5em;
font-weight:bold;
margin:10px 0 0 -15px;
position:relative;
z-index:99;
}
#homeFeaturedProducts ul li h3 a {
background:url("../image/btn-home-learnmore.png") no-repeat scroll 0 6px transparent;
display:block;
height:25px;
text-indent:-999em;
width:133px;
}
#homeFeaturedProducts ul li h3 a:hover {
background:url("../image/btn-home-learnmore.png") no-repeat scroll left bottom transparent;
}
#homeFeaturedProducts ul li .featureHover {
background:none repeat scroll 0 0 #EFECE0;
display:none;
height:200px;
left:0;
position:absolute;
top:0;
width:291px;
z-index:0;
}


body#home #quickLinks {
margin:0;
}

body#home #quickLinks {
background:url("../image/home-ql-bg.png") no-repeat scroll 0 0 transparent;
height:28px;
margin:0 0 0 20px;
width:873px;
}
body#home #quickLinks h2 {
background:none;
border:medium none;
color:#C4BC87;
display:inline;
float:left;
font-size:1.3em;
height:auto;
letter-spacing:1px;
margin:8px 15px 0 34px;
padding:0;
text-transform:uppercase;
}
body#home #quickLinks li {
float:left;
margin:8px 7px 0;
}
body#home #quickLinks li a {
background:url("../image/home-ql-line.png") no-repeat scroll right 5px transparent;
color:#E3DCD2;
display:inline;
font-size:1.3em;
font-weight:normal;
margin:0;
padding:5px 14px 0 0;
}
body#home #quickLinks li a:hover {
color:#fff;
text-decoration:underline;
}

body#home #quickLinks li a.lastChild {
background:none;
}
/*===== Category Page =================*/
#featuredProduct {
margin:20px 0 0 3px;
overflow:hidden;
width:585px;
}

#featuredProduct h1 {
background:url("../image/header-underline.png") no-repeat scroll left bottom transparent;
color:#183961;
float:left;
font-size:3em;
margin:20px 0 10px;
padding:0 0 7px;
width:430px;
}
#featuredProduct h3 {
float:left;
font-size:1.5em;
line-height:1.3em;
margin:5px 0;
width:430px;
}

#featuredProduct p {
float:left;
font-size:1.2em;
width:430px;
}
#featuredProduct #featuredImage {
float:right;
height:139px;
margin:20px 0 0;
position:relative;
width:148px;
}

#featuredProduct #featuredImage #catImageMask {
background:url(../image/cat-image-mask.png) 0 0 no-repeat;
height:139px;
width:148px;
position:absolute;
top:0;
left:0;
}

#featuredProduct ul {
float:left;
margin:1em 0 0 1.5em;
width:400px;
}

#featuredProduct li {
font-size:1.2em;
list-style:disc outside none;
padding:2px 0;
}

#secondaryProducts {
background:url("../image/cat-bar-bg.png") no-repeat scroll 3px 0 transparent;
margin:30px 0 20px;
overflow:hidden;
padding:12px 0 0;
}

div#secondaryProducts li {
background:url("../image/cat-li-bg.jpg") no-repeat scroll 0 0 transparent;
float:left;
font-size:1.2em;
height:202px;
margin:3px 0 0 3px;
position:relative;
width:202px;
display: inline;
}
div#secondaryProducts li.hover {
background:url("../image/cat-li-bg.jpg") no-repeat scroll 0 -210px transparent;
}
div#secondaryProducts div.productContent {
overflow:hidden;
padding:15px;
}

div#secondaryProducts div.productContent p {
margin-bottom: 1em;
}

div#secondaryProducts div.productContent h3 {
font-size:1.5em;
margin:0 0 10px;
}
div#secondaryProducts div.productContent h3 a {
	color:#183961;
}
div#secondaryProducts div.productContent ul {
margin:1em 0 1em 1em;
}

div#secondaryProducts li li {
background:none;
float: none;
list-style: disc outside;
border: none;
font-size: 1em;
width:auto;
height:auto;
}

div#secondaryProducts div.productContent h4 {
bottom:20px;
left:15px;
margin:0;
position:absolute;
}

div#secondaryProducts div.productContent h4 a {
background:url("../image/icon-arrow.png") no-repeat scroll 0 3px transparent;
font-size:1.2em;
font-weight:normal;
padding:0 0 0 11px;
}

div#secondaryProducts div.productContent h4 a:hover {
color:#9E0B0F;
text-decoration: underline;
}

/*===== Product Page ==================*/
#productSummary {
min-height:217px;
overflow:hidden;
padding:20px 0;
position:relative;
width:610px;
}

#productSummary h1 {
background:url("../image/header-underline.png") no-repeat scroll left bottom transparent;
color:#183961;
float:left;
font-size:3em;
margin:20px 0 10px;
padding:0 0 7px;
width:430px;
}
#productSummary h3 {
float:left;
font-size:1.5em;
line-height:1.3em;
margin:5px 0 0;
width:420px;
}

#productSummary p {
float:left;
font-size:1.2em;
margin:5px 0;
width:420px;
}
#productSummary #productPhoto {
float:right;
height:163px;
margin:20px 0 0;
position:relative;
width:175px;
}

#productSummary #productPhoto #productImageMask {
background:url(../image/product-image-mask.png) 0 0 no-repeat;
height:163px;
width:175px;
position:absolute;
top:0;
left:0;
}

#productDetails {
clear:right;
position:relative;
}

#openNow {
position:absolute;
right:0;
top:215px;
}

#openNow a, #openNowBottom a {
background: url("../image/btn-open-now.png") 0 0 no-repeat;
display:block;
height:42px;
overflow:hidden;
text-indent:-999em;
width:175px;
}

#openNow a:hover, #openNowBottom a:hover {
background: url("../image/btn-open-now.png") 0 -46px no-repeat;
}
#bottomButtons {
height:42px;
margin:40px 0 10px 20px;
overflow:hidden;
position:relative;
width:580px;
}
#openNowBottom {
display:inline;
float:left;
}

#learnMore, #questionsButton {
float:left;
margin:10px 0 0;
}

#learnMore a {
background:url("../image/btn-questions-ro.png") no-repeat scroll 0 0 transparent;
display:block;
height:42px;
overflow:hidden;
text-indent:-999em;
width:181px;
}

#learnMore a:hover {
background: url("../image/btn-questions-ro.png") 0 -46px no-repeat;
}

#tellMeMoreButton {
display:inline;
float:left;
padding:0 0 0 25px;
margin-top: 13px;
}

#tellMeMoreButton a {
background:url("../image/btn-questions.png") no-repeat scroll 0 0 transparent;
display:block;
height:16px;
margin:0;
padding: 0;
text-indent:-999em;
width:101px;
overflow:hidden;
}

#tellMeMoreButton a:hover {
background: transparent url("../image/btn-questions.png") left -22px no-repeat;
}

#trustServices #tellMeMoreButton {
float:none;
height:42px;
margin:10px 0 0 10px;
}
#trustServices #tellMeMoreButton a {
display:block;
margin:13px 0 0;
}

/* AddThis */
.addthis_toolbox {
border:medium none;
height:20px;
padding:0;
position:absolute;
right:35px;
top:60px;
width:auto;
z-index:5;
}

.addthis_toolbox a {
float: left;
display: inline;
position: relative;
width: 16px;
height: 16px;
text-indent: -999em;
padding: 0 5px;
cursor: pointer;
opacity: 0.7;
}

.addthis_toolbox a:hover {
opacity: 1;
}

.addthis_toolbox .addthis_button_compact /* Share */ {
background: transparent url("../image/icon-share.png") no-repeat scroll left top;
font-size: 12px;
padding-top: 2px;
text-indent: 15px;
width: 60px;
}

.addthis_toolbox .addthis_button_facebook {
background: transparent url("../image/icon-facebook.png") left top no-repeat;
}

.addthis_toolbox .addthis_button_linkedin {
background: transparent url("../image/icon-linkedin.png") left top no-repeat;
}

.addthis_toolbox .addthis_button_twitter {
background: transparent url("../image/icon-twitter.png") left top no-repeat;
}

.addthis_toolbox .addthis_button_print {
background: transparent url("../image/icon-print.png") left top no-repeat;
}

/* Tabs */
dl#productTabs {
list-style:none outside none;
position:relative;
width:615px;
}

dl#productTabs dt {
background:url("../image/dt-bg.png") no-repeat scroll 0 0 transparent;
color:#58585B;
cursor:pointer;
float:left;
font-size:1.2em;
font-weight:bold;
height:24px;
margin:0 3px 0 0;
padding:10px 10px 8px;
position:relative;
text-align:center;
text-decoration:none;
width:110px;
z-index:1;
}

dl#productTabs dt:hover {
text-decoration: underline;
}

dl#productTabs dt.selected {
background:url("../image/tile-white-texture.png") repeat scroll 0 0 #FFFFFF;
color:#9A4321;
text-decoration:none;
}

dl#productTabs dd {
background:url("../image/tile-white-texture.png") repeat scroll 0 0 #FFFFFF;
border-bottom:1px solid #BBB6A5;
border-right:1px solid #BBB6A5;
font-size:1em;
left:0;
overflow:hidden;
padding:25px 25px 75px;
position:relative;
top:42px;
width:565px;
float:left;
}
body.js dl#productTabs dd {
	float:none;
}
dl#productTabs dd p {
	width:400px;
	font-size:1.2em;
}
dl#productTabs dd h2 {
margin:1em 0 0;
}
dl#productTabs ul {
	float:left;
	padding:1em 0 1em 1.5em;
	width:400px;
}

dl#productTabs li {
	font-size:1.2em;
	list-style: disc;
	padding:2px 0;
}

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

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

/*===== Individual Page ===============*/
.individualPage {
background:url("../image/tile-white-texture.png") repeat scroll 0 0 transparent;
border-bottom:1px solid #BBB6A5;
border-right:1px solid #BBB6A5;
margin:20px 0 0;
padding:25px;
position:relative;
width:560px;
}

.individualPage h1 {
background:url("../image/header-underline-big.png") no-repeat scroll left bottom transparent;
color:#183961;
font-size:2.6em;
margin:0 0 0.5em;
padding:0 0 7px;
}

.individualPage a { 
text-decoration: underline;
}
.individualPage a:hover {
	color:#666;
}
.individualPage p {
margin: 1em 0;
font-size: 1.2em;
}

.individualPage p.zeroPaddingParagraph {
margin: 0;
}

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

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

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

.individualPage ul li {
list-style-type: disc;
margin: 0.4em 0;
}
.individualPage  #currentOpportunities {
color:#183961;
font-size:2.2em;
margin:1.4em 0 0;
}
/* Sitemap */
#sitemap {
margin-top: 2em;
}

#sitemapNav {
margin-top: 3em;
}

#sitemapNav li {
width: 16em;
float: left;
margin-right: 2.5em;
}

#sitemapNav li li {
width: auto;
float: none;
margin-right: 0;
}

#sitemap div.clear {
padding-top: 2em;
margin-top: 2em;
border-top: 1px solid #CCC;
}

#sitemap div.clear div {
width: 16em;
float: left;
margin-right: 2.5em;
}

#sitemap div.clear ul {
padding-bottom: 2.5em;
}

/* Locations */
#map {
border:5px solid #003A64;
height:30em;
}

#locations table {
width: 100%;
}

#locations th, #locations td {
text-align: left;
vertical-align:top;
padding: 2px 0;
/*width: 130px;*/
}
#locations td h3 {
font-size:1em;
margin:0.5em 0 0.2em;
}

#locations td.firstTd {
width: 16em;
}
#locations td.secondTd {}

#locations th.timeName {
width: 12em;
}

#locations td.timeValue {
width: auto;
}

#locations ul#locList {
margin: 1em 0;
}

#locations ul#locList li {    
background:url("../image/header-underline-big.png") no-repeat scroll left bottom transparent;
list-style-type:none;
overflow:hidden;
padding:1em 0;
}

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

#locations ul li a {
color:#003A64;
}
#locations ul li a:hover {
	text-decoration:none;
}

#locations .adr {
line-height:1.4em;
}
#locations .phones {
line-height:1.4em;
margin:0.5em 0 0;
}
#locations .phones .tel .type {
font-weight: bold;
}
.locationNotes {
	margin:5px 0;
}

.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 {
font-size: 1.5em;
}

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

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

/* Contact Us */
#formContactUs {
width: 100%;
}

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

#formContactUs fieldset {
padding: 1.5em 0 1em;
border: 0 none;
} 

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

#formContactUs label {
float: left;
font-size: 1.2em;
padding: 0 10px 10px 0;
text-align: right;
width: 215px;
}

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

#formContactUs input {
width: 220px;
}

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

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

#formContactUs button.submitButton {
background:url("../image/popup-submit.png") no-repeat scroll 0 0 transparent;
border:0 none;
cursor:pointer;
display:block;
float:none;
height:41px;
margin:0 0 0 245px;
padding:5px;
text-indent:-999em;
width:181px;
}
#formContactUs button.submitButton:hover {
background:url("../image/popup-submit.png") no-repeat scroll left bottom transparent;
}
#formContactUs label.error {
color:#F72222;
margin:0;
padding:0 0 0 225px;
text-align:left;
}

#formContactUs #captcha {
clear: both;
margin: 10px 0 10px 245px;
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;
}

/* Rates */
#rates table {
width: 100%;
border-top: 2px solid #ccc;
border-left: 2px solid #ccc;
font-size: 1em;
border-collapse:collapse;
}

#rates h2 {
font-size: 1.5em;
margin: 1.3em 0 0.2em;
}

#rates h3 {
font-size: 1.3em;
margin: 1.5em 0 0.3em;
}

#rates table th {
border-bottom: 2px solid #ccc;
border-right: 2px solid #ccc;
width: 20%;
padding: 5px 2px;
background-color: #eee;
text-align: center;
font-weight: bold;
}

#rates table td {
border-bottom: 2px solid #ccc;
border-right: 2px solid #ccc;
padding: 4px 7px;
text-align: center;
}

#rates div.finePrint {
font-size: .8em;
margin: 0 0 20px 0;
}

#rates div.apy {
margin: .5em 0 .5em 1em;
font-size: .9em;
}

/*===== Special =======================*/
/* thankyou form styling */
#thankYou {
padding:10px;
position:relative;
width:520px;
}

#thankYou img {
display:block;
margin:0 auto;
}
#thankYou h1 {
background:none repeat scroll 0 0 transparent;
left:30px;
position:absolute;
top:30px;
}
#thankYou p {
left:31px;
position:absolute;
top:47px;
}


/* Popup form styling */
body.popup {
background:url("../image/tile-white-texture.png") repeat scroll 0 0 #FFFFFF;
border:medium none;
overflow:hidden;
}
body.popup #thankYou {
display:block;
margin:0;
padding:0;
width:auto;
}
body.popup #thankYou h1 {
background:none repeat scroll 0 0 transparent;
left:25px;
position:absolute;
top:15px;
}
body.popup #thankYou p {
color:#000000;
left:30px;
position:absolute;
top:35px;
}
body.popup #thankYou img {
display:block;
margin:10px 0 0 10px;
}

body.popup #thankYou img#smallThankyou {
display: block;
margin: 8px auto 0;
}

body.popup p {
margin: 1em;
}

body.popup form {
overflow: hidden;
}

body.popup form h4.title {
background:url("../image/header-underline-light.png") no-repeat scroll left bottom transparent;
color:#183961;
float:left;
font-size:3em;
margin:14px 0 0 15px;
padding:0 0 7px;
width:525px;
}

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

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

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-bg.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-bg.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-bg.png") no-repeat 0 -150px;
}

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

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

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

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

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

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

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

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

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

body.popup #captcha input.selected {
background: url("../image/popup-captcha-bg.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 {
background:url("../image/popup-submit.png") no-repeat scroll 0 0 transparent;
border:0 none;
cursor:pointer;
display:block;
float:none;
height:41px;
margin:0 auto;
overflow:hidden;
text-indent:-999em;
width:181px;
}

body.popup input.submitButton:hover, body.popup button.submitButton:hover {
background:url("../image/popup-submit.png") no-repeat scroll 0 -46px transparent;
}

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-bg.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;
}

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 .individualPage {
border:medium none;
margin:0;
padding:0;
position:static;
width:auto;
}

body.popup .individualPage h1.pageHead {
text-align: center;
margin: 1em 0 0.5em;
}

body.popup #onlineBankingWrapper {
background: #c3c3c3 url("../image/popup-lock.png") left bottom no-repeat;
border: 1px solid #999999;
width: 300px;
margin: auto;
}

body.popup .individualPage #radioButtons {
width: 200px;
margin: 20px 50px 10px;
font-size: 14px;
}

body.popup .individualPage #radioButtons label#loginToPersonalLabel {
margin-right: 20px;
}

body.popup .individualPage form#personalLoginForm {
width: 300px;
margin: 2em auto;
}

body.popup .individualPage form#personalLoginForm input.accessID {
width: 200px;
margin: 10px auto 20px;
display: block;
color: #999999;
}

body.popup .individualPage form#personalLoginForm input.submit {
border: 0 none;
display: block;
margin: 0 100px;
width: 100px;
height: 30px;
float: none;
text-indent: -999em;
background: transparent url("../image/login-button.png") no-repeat 0 0;
overflow: hidden;
cursor: pointer;
}

body.popup .individualPage form#personalLoginForm input.submit:hover {
background-position: 0 -30px;
}

/* 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: transparent url("../image/alert-info.gif") 16px 16px no-repeat;
padding: 1em 1.75em;
margin: 0em;
}

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

#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;
}

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

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

#search ul li  {
border-bottom:1px solid #CCCCCC;
font-size:1em;
list-style-type:none;
margin:5px 0 20px;
min-height:6em;
height:auto !important;
_height:6em;
}

#search ul li h3 {
font-size:1.4em;
margin:0;
padding:0 0 0 4px;
}
#search ul li h3 a {
	text-decoration:none;
}
#search ul li h3 a:hover, #search ul li.hover h3 a {
	text-decoration:underline;
}

#search ul ul {
display: none;
}
#search p {
font-size:1.2em;
margin:0.4em 0 1em;
}
#search h4 {
float:right;
margin:5px 10px 20px 0;
width:134px;
}

#search h4.learnMoreSmall a {
background:url("../image/btn-learnmore-sm.png") no-repeat scroll 0 0 transparent;
display:block;
height:30px;
padding:0;
text-indent:-999em;
width:134px;
}
#search h4.learnMoreSmall a:hover, #search li.hover h4.learnMoreSmall a  {
	background:url(../image/btn-learnmore-sm.png) no-repeat 0 -34px;
}
/*===== Footer ========================*/

#footer {
	background:url("../image/footer-bg.png") no-repeat scroll 0 0 transparent;
	clear:both;
	color:#FFFFFF;
	font-size: 1.1em;
	height:90px;
	margin:0 auto;
	padding:30px 0 0 0!important;
	position:relative;
	width:907px;
}

#footer #firstROI {
	height:30px;
	left:30px;
	position:absolute;
	top:40px;
	width:110px;
}

#footer img.froiLogo {
display: none;
}

#footer #eh {
	position:absolute;
	right:100px;
	top:40px;
}

#footer #fdic {
	position:absolute;
	right:15px;
	top:40px;
}

#footer #footerNav {
	padding:10px 0 5px;
	text-align:center;
}

#footerNav li {
	display: inline;
	padding: 0 1em;
}

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

#footer a:hover {
	text-decoration: none;
}

#footer p {
	text-align: center;
}
#footer #fdicLink {
	margin:5px 0;
	text-align:center;
}
#footer #printElements {
	display:none;
}