/* Template First Branch - layout.css */

* {
margin: 0;
padding: 0;
}

body {
background: #79B2D2 url("../image/background.png") repeat-x top left;
font-family: Helvetica, Arial, sans-serif;
font-size: 62.5%;
font-weight: normal;
color: #333333;
}

#siteAlertLink {
right: 40px !important;
}

#wrapper {
position: relative;
width: 960px;
margin: 0 auto;
background: #ffffff;
}

a {
text-decoration: none;
}

.disclaimer {
font-style: italic;
font-size: 90%;
}

/*====== Header ===============================================*/
#header {
position: relative;
min-height: 115px;
background: #C7D4EC url("../image/header-background.png") repeat-x top left;
width: 100%;
}

#logo {
position: absolute;
top: 20px;
left: 15px;
width: 263px;
height: 63px;
padding: 10px 0 0 9px;
background: transparent url("../image/logo-background.png") top left;
font-size: 1em;
}

#logo a {
display: block;
width: 254px;
height: 53px;
text-indent: -999px;
background: transparent url("../image/logo.png") no-repeat left top;
}

#primaryNav {
position: absolute;
top: 40px;
left: 302px;
width: 640px;
height: 32px;
}

#primaryNav li {
display: inline;
}

#primaryNav li a {
display: block;
float: left;
width: 128px;
height: 32px;
background-color: transparent;
background-image: url("../image/primary-nav.png");
text-indent: -999em;
}

#primaryNav li.nthChild-1 a {
background-position: 0 0;
}

#primaryNav li.nthChild-1 a.inPath, #primaryNav li.nthChild-1 a:hover {
background-position: 0 -32px;
}

#primaryNav li.nthChild-2 a {
background-position: -128px 0;
}

#primaryNav li.nthChild-2 a.inPath, #primaryNav li.nthChild-2 a:hover {
background-position: -128px -32px;
}

#primaryNav li.nthChild-3 a {
background-position: -256px 0;
}

#primaryNav li.nthChild-3 a.inPath, #primaryNav li.nthChild-3 a:hover {
background-position: -256px -32px;
}

#primaryNav li.nthChild-4 a {
background-position: -384px 0;
}

#primaryNav li.nthChild-4 a.inPath, #primaryNav li.nthChild-4 a:hover {
background-position: -384px -32px;
}

#primaryNav li.nthChild-5 a {
background-position: -512px 0;
}

#primaryNav li.nthChild-5 a.inPath, #primaryNav li.nthChild-5 a:hover {
background-position: -512px -32px;
}
#ultraTopWrapper {
height:3.5em;
margin:0 auto;
position:relative;
width:960px;
}
#ultraTopNav {
position:absolute;
right:175px;
top:12px;
}

#ultraTopNav li {
float: left;
padding-right: .5em;
margin-right: .5em;
border-right: 1px solid #ffffff;
}

#ultraTopNav li.firstChild {
font-weight: bold;
}

#ultraTopNav li.lastChild {
padding-right: 0;
margin-right: 0;
border: none;
}

#ultraTopNav li a {
font-size: 1.2em;
color: #ffffff;
}

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

#ultraTopNav li.firstChild a {
color: #81C9EE;
}

#searchForm {
height:20px;
position:absolute;
right:0;
top:7px;
width:165px;
}

#searchForm input#roi_input {
position: absolute;
top: 0;
left: 0;
border: none;
width: 131px;
height: 16px;
padding: 4px 7px 0 7px;
font-size: 1.2em;
font-family: Helvetica, Arial, sans-serif;
background: transparent url("../image/search-input-background.png") no-repeat;
}

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

/*====== Footer ===================================================*/
#footer {
min-height: 85px;
position: relative;
clear: both;
background: #001E45 url("../image/footer-background.png") repeat-x left bottom;
font-size: 1em;
line-height: 1.4;
color: #CCD7E5;
}

#footer a {
font-size: 1.1em;
color: #CCD7E5;
}

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

#footer #firstROI {
position: absolute;
top: 21px;
left: 25px;
}

#footer #eh {
position: absolute;
top: 21px;
right: 25px;
}

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

#footer #footerNav {
text-align: center;
padding: 1em 0 .2em;
}

#footerNav li {
display: inline;
margin-right: .5em;
padding-right: .5em;
border-right: 1px solid #CCD7E5;
}

#footerNav li.lastChild {
margin: 0;
padding: 0;
border: none;
}

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

#footer p.textVariant1 {
padding: 1em 0 0 0;
}

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

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

/*====== Main Content =================================================================================*/
#mainContent {
float: right;
width: 658px;
padding: 17px 15px 0 0;
min-height: 30em;
}

/*====== Left Column ==================================================================================*/
#leftColumn {
float: left;
clear: left;
width: 202px;
padding: 17px 0 0 34px;
}
#leftColumn #winner {
	margin:20px auto 0 35px;
}
ul#leftNav li a {
display: block;
padding: 5px 17px 3px 17px;
color: #1E658C;
}

ul#leftNav li h2 a {
padding-bottom: 3px;
font-size: 1.4em;
line-height: 1.1;
background: #EEF6FB;
border-bottom: 1px dashed #B2DAF1;
border-right: 1px solid #ECF5FB;
border-left: 1px solid #ECF5FB;
}

ul#leftNav li h2 a:hover, ul#leftNav li h2 a:active {
margin-top: -1px;
background: #B9E0F4;
border-top: 1px dashed #74A0BA;
border-right: 1px solid #DBEDF8;
border-bottom: 1px dashed #74A0BA;
border-left: 1px solid #DBEDF8;
color: #000D2A;
}

ul#leftNav li.inPath h2 a {
margin-top: -1px;
padding-top: 6px;
padding-left: 18px;
background: #000D2A;
border: none;
color: #ffffff;
}

ul#leftNav li li h3 a {
padding-left: 18px;
font-size: 1.3em;
line-height: 1.1;
color: #1E658C;
background: #F7FBFE;
border-bottom: 1px dashed #B2DAF1;
font-weight: normal;
}

ul#leftNav li li h3 a.selected {
color: #000414;
}

ul#leftNav li li h3 a:hover, ul#leftNav li li h3 a:active {
margin-top: -1px;
color: #000414;
background: #B9E0F4;
border-top: 1px dashed #1E658D;
border-bottom: 1px dashed #1E658D;
}

ul#leftNav li li.firstChild h3 a:hover, ul#leftNav li li.firstChild h3 a:active, ul#leftNav li li.firstChild h3 a.selected {
margin-top: 0;
border-top: none;
}

ul#leftNav li li.lastChild h3 a {
border-bottom: 1px dashed #8ABCE1;
}

ul#leftNav li li.lastChild h3 a:hover, ul#leftNav li li.lastChild h3 a:active, ul#leftNav li li.lastChild h3 a.selected {
border-bottom: 1px dashed #1E658D;
}

#quickLinks h2 {
font-size: 1.4em;
margin: 0;
padding: 0 0 3px 25px;
border-bottom: 1px dashed #007DA6;
color: #CC3300;
text-transform: uppercase;
}

#quickLinks li {
border-bottom: 1px dashed #DF8F26;
}

#quickLinks a {
display: block;
padding: 5px 14px 5px 35px;
font-size: 1.2em;
color: #666666;
margin-left: -10px;
}

#quickLinks a:hover {
color: #000000;
background: transparent url(../image/ql-arrow.png) left 2px no-repeat;
}

/*====== Home Page ====================================================================================*/
body#home #wrapper {
background: #fff url("../image/home-background.png") repeat-x left bottom;
}

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

body#home #mainContent {
padding:13px 0;
min-height: 20.5em;
width: 690px;
}

body#home #leftColumn {
width: auto;
padding: 0;
}

body#home #obLogin {
position: absolute;
top: 135px;
left: 16px;
width: 168px;
height: 215px;
padding: 18px 0 0 50px;
background: url("../image/online-banking-background.png") no-repeat;
}

body#home #obLogin h2 {
padding-bottom: 20px;
font-size: 1.3em;
font-weight: bold;
text-transform: uppercase;
color: #001E45;
}

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

body#home #obLogin #obNav a {
display: block;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px dashed #B2DAF1;
font-size: 1.2em;
font-weight: bold;
color: #1D2E3F;
margin-right: 5px;
}

body#home #obLogin #obNav a:hover, body#home #obLogin #obNav a:active {
color: #E41714;
}

body#home #obLogin #obNav a.lastChild {
margin: 0;
padding: 0;
border: none;
}

body#home #obLogin input {
margin-bottom: 0.5em;
}

body#home #obLogin label {
color: #1D2D3F;
}

body#home #obLogin ol li.radio label {
padding-left: 6px;
}

body#home #obLogin ol li.text {
position: relative;
}

body#home #obLogin ol li.text input {
height: 16px;
width: 117px;
padding: 5px 9px 0 9px;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.1em;
background: transparent url("../image/online-banking-input-background.png") no-repeat;
border: none;
}

body#home #obLogin ol li.text label.overlabel-apply {
position: absolute;
top: 5px;
left: 10px;
z-index: 1;
font-size: 1.1em;
}

body#home #obLogin form button {
width: 77px;
height: 20px;
margin-bottom: 10px;
background-color: transparent;
background-image: url("../image/online-banking-login-button.png");
background-repeat: no-repeat;
background-position: 0 0;
border: none;
cursor: pointer;
text-indent: -9999em;
}

body#home #obLogin form button:hover {
background-position: 0 -20px;
}

body#home #quickLinks {
width: 188px;
padding: 25px 0 25px 40px;
}

body#home #flashBanner {
background: #ffffff;
border-bottom: 1px solid #BCC9DD;
}

/*======== Home Featured Products ==================================================================*/
ul#homeFeaturedNav {
width: 690px;
}

ul#homeFeaturedNav li {
display: inline;
width: 215px;
margin-right: 13px;
height: 205px;
position: relative;
float: left;
overflow: hidden;
cursor: pointer;
border: 1px solid #DDEEF8;
}

ul#homeFeaturedNav li a {
display: block;
width: 215px;
color: #fff;
}

#homeFeatured1, #homeFeatured2, #homeFeatured3 {
width: 215px;
height: 205px;
background-image: url(../image/home-featured-bg.jpg);
background-color: transparent;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 0; 
z-index: 10;
cursor: pointer;
}

#homeFeatured1 {
background-position: 0 bottom;
}

#homeFeatured2 {
background-position: -215px bottom;
}

#homeFeatured3 {
background-position: -430px bottom;
}

ul#homeFeaturedNav h2 {
font-size: 18px;
background: #001E45 url("../image/home-featured-arrows.png") left top no-repeat;
padding: 6px 0 6px 45px;
width: 170px;
height: 18px;
overflow: hidden;
}

.homeFeaturedHidden {
background: #F4F6F9;
width: 215px;
height: 205px;
position: absolute;
left: 0;
top: 0;
cursor: pointer;
}

ul#homeFeaturedNav .homeFeaturedHidden h2 {
background-color: #001E45;
background-image: url(../image/home-featured-arrows.png);
background-repeat: no-repeat;
background-position: 0 -45px;
}

.homeFeaturedHidden p {
font-size: 13px;
line-height: 16px;
color: #333;
padding: 35px 16px 0;
}

.homeFeaturedHidden p a {
color: #333;
}

.homeFeaturedHidden h4 a {
text-indent: -9999px;
height: 70px;
position: absolute;
left: 0;
bottom: 0;
background-image: url("../image/home-featured-bg-hover.jpg");
background-color: transparent;
}

ul#homeFeaturedNav li.first .homeFeaturedHidden h4 a {
background-position: 0 0;
}

ul#homeFeaturedNav li.second .homeFeaturedHidden h4 a {
background-position: -230px 0;
}

ul#homeFeaturedNav li.third .homeFeaturedHidden h4 a {
background-position: -460px 0;
}

ul#homeFeaturedNav li.first .homeFeaturedHidden h4 a:hover {
background-position: 0 bottom;
}

ul#homeFeaturedNav li.second .homeFeaturedHidden h4 a:hover {
background-position: -230px bottom;
}

ul#homeFeaturedNav li.third .homeFeaturedHidden h4 a:hover {
background-position: -460px bottom;
}

/*====== Category Page =================================================================================*/
#featuredProduct {
position: relative;
width: 403px;
min-height: 186px;
padding: 4px 215px 0 40px;
background: #DDEEF8 url("../image/featured-product-background.png") no-repeat top left;
border-bottom: 2px solid #A4CDE9;
cursor: pointer;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#featuredProduct h1 {
position: relative;
padding-bottom: 15px;
font-size: 2.4em;
font-weight: bold;
color: #001E45;
}

#featuredProduct h2 {
font-size: 1.4em;
font-weight: bold;
line-height: 1.2;
color: #1E658C;
}

#featuredProduct p {
padding-top: 20px;
width: 405px;
padding-bottom: 25px;
z-index: 10;
font-size: 1.6em;
line-height: 1.4;
}

#featuredProduct ul {
display: none;
}

#featuredProduct img {
position: absolute;
top: -15px;
right: 0;
}

#featuredProduct h3 a {
position: relative;
bottom: 15px;
left: 0;
display: block;
width: 121px;
height: 34px;
background-image: url("../image/learn-more.png");
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -9999em;
z-index: 20;
}

#featuredProduct h3 a:hover, #featuredProduct.active h3 a {
background-position: -121px 0;
}

#secondaryProducts ul li {
position: relative;
border-bottom: 1px dashed #001E45;
cursor: pointer;
}

#secondaryProducts ul li.lastChild {
border: none;
}

#secondaryProducts {
z-index: 10;
}

#secondaryProducts ul li img {
position: absolute;
top: 17px;
left: 11px;
z-index: 1;
}

#secondaryProducts ul li .secondaryProductContent {
position: relative;
width: 305px;
min-height: 104px;
padding: 20px 235px 0 118px;
z-index: 10;
background-color: transparent;
background-image: url("../image/secondary-product-background.png");
background-repeat: no-repeat;
background-position: 0 0;
}

#secondaryProducts ul li.active .secondaryProductContent {
background-position: 0 -150px;
}

#secondaryProducts ul li h2 {
padding-bottom: 5px;
font-size: 1.6em;
font-weight: bold;
line-height: 1.2;
}

#secondaryProducts ul li h2 a {
color: #1E658D;
}

#secondaryProducts ul li h2 a:hover, #secondaryProducts ul li.active h2 a {
color: #B90C0C;
}

#secondaryProducts ul li h3 {
padding-bottom: 10px;
font-size: 1.6em;
font-weight: bold;
line-height: 1.2;
}

#secondaryProducts ul li h3 a {
color: #001E45;
background: transparent url("../image/learn-more-arrows.png") right 0 no-repeat;
padding-right: 45px;
}

#secondaryProducts ul li h3 a:hover, #secondaryProducts ul li.active h3 a {
color: #0071B2;
background-position: right -22px;
}

#secondaryProducts ul li p {
padding-bottom: 5px;
font-size: 1.3em;
line-height: 1.2;
color: #001E45;
}

#secondaryProducts li ul {
position: absolute;
top: 40px;
left: 444px;
width: 175px;
padding-left: 30px;
border-left: 1px dashed #1E658D;
font-size: 1.2em;
line-height: 1.4;
}

#secondaryProducts li li {
border: none;
list-style-type: disc;
}

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

#search ul li {
font-size: 1em;
padding-left: none;
list-style-type: none;
}

#search ul li h3 {
padding-bottom: 0;
}

#search ul li p.hide {
display: none;
}

#search ul ul {
display: none;
}

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

#productHead {
position: relative;
width: 418px;
padding: 5px 200px 0 40px;
z-index: 20;
}

#productHead h1 {
position: relative;
padding-bottom: 15px;
font-size: 2.4em;
font-weight: bold;
color: #001E45;
}

#productHead ul {
display: inline;
}

#productHead ul li {
display: inline;
font-weight: bold;
}

#productHead ul li a {
color: #1E658C;
font-size: 1.4em;
line-height: 1.2;
}

#productHead ul li a:hover, #productHead ul li a:active {
color: #0071B2;
}

#productHead ul ul {
padding-left: 5px;
}

#productPhoto {
position: absolute;
top: 2px;
right: 11px;
z-index: 1;
}

#productSummary {
position: relative;
top: -62px;
left: 0;
min-height: 200px;
padding: 80px 200px 0 40px;
background: url("../image/product-head-background.png") no-repeat top left;
border-bottom: 2px solid #A4CDE9;
z-index: 10;
}

#productSummary a {
text-decoration: underline;
color: #000C2A;
}

#productSummary a:hover, #productSummary a:active {
text-decoration: none;
}

#productSummary p {
padding: 0 0 .5em 0;
font-size: 1.3em;
line-height: 1.4;
}

#productSummary .addthis_toolbox {
position: absolute;
bottom: 25px;
right: 5px;
z-index: 10;
width: 105px;
height: 17px;
}

#productSummary .addthis_toolbox a {
float: left;
display: block;
position: relative;
width: 16px;
height: 16px;
padding: 0 5px;
opacity: 0.7;
font-size: 1.2em;
text-decoration: none;
color: #000C2A;
cursor: pointer;
}

#productSummary .addthis_toolbox a:hover {
opacity: 1;
}

#productSummary a.addthis_button_compact {
width: auto;
margin-right: 5px;
padding-left: 20px;
line-height: 17px;
border-right: 1px solid #8CA1B1;
background: transparent url(../image/icon-share.png) left top no-repeat;
}

#productSummary a.addthis_button_print {
background: transparent url(../image/icon-print.png) left top no-repeat;
text-indent: -999em;
}

#productDetails {
position: relative;
padding: 20px 0 0 0;
top: -62px;
}

#productDetails dl {
display: block;
position: relative;
width: 618px;
padding: 0 0 55px 0;
list-style: none;
}

#productDetails dl dt {
display: inline;
z-index: 1;
padding: 0 8px;
border-left: 1px dashed #1F6C97;
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
color: #1F6C97;
cursor: pointer;
}

#productDetails dl dt.selected {
color: #001E45;
}

#productDetails dl dt.productDetail0 {
border: none;
padding-left: 40px;
}

#productDetails dl dd {
position: absolute;
overflow: hidden;
top: 22px;
left: 0;
width: 598px;
padding: 20px 20px 0 40px;
border-top: 1px dashed #1F6C97;
color: #001E45;
}

#productDetails dl dd a {
text-decoration: underline;
color: #000C2A;
}

#productDetails dl dd a:hover, #productDetails dl dd a:active {
text-decoration: none;
}

#productDetails dl dd p {
font-size: 1.2em;
padding-bottom: .5em;
line-height: 1.5;
}

#productDetails dl dd p.textVariant1 {
font-size: 1.2em;
padding: 0;
color: #000000;
}

#productDetails dl dd ul {
padding: 0 0 .75em 1.4em;
}

#productDetails dl dd ul li {
font-size: 1.2em;
list-style: disc outside;
line-height: 1.5;
}

#productButtons {
position: absolute;
bottom: 15px;
left: 0;
width: 300px;
padding-left: 36px;
z-index: 10;
}

#productButtons ul {
position: relative;
}

#productButtons ul li a {
display: block;
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -9999em;
}

#productButtons ul li#applyNow a, #productButtons ul li#openNow a {
float: left;
margin-right: 7px;
width: 121px;
height: 34px;
}

#productButtons ul li#applyNow a {
background-image: url("../image/apply-now.png");
}

#productButtons ul li#openNow a {
background-image: url("../image/open-now.png");
}

#productButtons ul li#applyNow a:hover, #productButtons ul li#openNow a:hover {
background-position: 0 -34px;
}

#productButtons ul li#questions a {
float: left;
background-image: url("../image/questions.png");
width: 121px;
height: 34px;
}

#productButtons ul li#questions a:hover {
background-position: 0 -34px;
}

/*====== Individual Page ==============================================================================*/
.individualPage {
padding: 0 200px 50px 40px;
position: relative;
}

.individualPage h1 {
margin: 0 -20px 13px -40px;
padding: 20px 0 12px 40px;
border-bottom: 1px dashed #B2DAF1;
font-size: 2.4em;
font-weight: bold;
line-height: 1.4;
color: #001E45;
}

.individualPage img.photo {
float: right;
}

.individualPage .pageImageWrapper {
position: absolute;
right: -15px;
top: -17px;
}

.individualPage .pageImageWrapper img.pageImage {
position: absolute;
right: 20px;
top: 20px;
}

.individualPage .pageImageWrapper .imageMask {
position: absolute;
z-index: 10;
right: 0;
top: 0;
}

.individualPage h2 {
font-size: 1.6em;
font-weight: bold;
line-height: 1.4;
color: #1E658C;
}

.individualPage h3 {
font-size: 1.4em;
font-weight: bold;
line-height: 1.4;
}
.individualPage p.textVariant1 {
font-size:1.3em;
padding:0 0 5px;
}
.individualPage a {
text-decoration: underline;
color: #000C2A;
}

.individualPage a:hover, .individualPage a:active {
text-decoration: none;
}

.individualPage p {
padding: 0 0 1em 0;
font-size: 1.3em;
line-height: 1.4;
}

.individualPage p.zeroPaddingParagraph {
padding: 0;
}

.individualPage ul, .individualPage ol {
padding: 0 0 1em 2em;
}

.individualPage li {
list-style-type: disc;
font-size: 1.3em;
line-height: 1.4;
}

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

/* Careers */
#careers h2 {
margin: 0 0 13px -40px;
padding: 20px 0 12px 40px;
font-size: 2em;
border-bottom: 1px dashed #B2DAF1;
}

#careers h2+h3 {
padding-top: 0;
}

#careers h3 {
padding-top: 20px;
color: #1E658C;
}

/* Government and Minimum Down Payment Programs */
#governmentAndMinimumDownPaymentPrograms h1 {
font-size: 1.9em;
}

#governmentAndMinimumDownPaymentPrograms #productPhoto {
top: -3px;
}

/* Investments */
#investments ul.representatives {
position: relative;
width: 608px;
padding: 1em 0 2em;
}

#investments ul.representatives li {
position: relative;
padding: 15px 0 0 118px;
border-bottom: 1px dashed #001E45;
font-size: 100%;
list-style: none;
min-height: 120px;
}

#investments ul.representatives li.firstChild {
border-top: 1px dashed #001E45;
}

#investments ul.representatives li img {
position: absolute;
top: 17px;
left: 11px;
}

#investments ul.representatives li h3 {
font-size: 1.6em;
font-weight: bold;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.2;
color: #1E658C;
}

#investments ul.representatives li p {
padding-bottom: 5px;
font-size: 1.3em;
line-height: 1.2;
color: #001E45;
}

#investments ul.representatives li .location {
position: absolute;
top: 15px;
right: 0;
width: 215px;
min-height: 100px;
padding-left: 25px;
border-left: 1px dashed #1E658D;
}

#investments ul.representatives li .location h4 {
font-size: 1.3em;
color: #001E45;
}

/* Locations */
#locations.individualPage {
padding: 0 0 50px 20px;
}

#locations h1 {
margin: 0;
border: none;
}

#locations #map {
height: 300px;
border: 2px solid #A4CDE9;
}

#locations #map .map-phones {
display: none;
}

#locations #locationsKey {
padding: 25px 0 15px 0;
}

#locations #locationsKey ul {
display: inline;
}

#locations #locationsKey ul li {
display: inline;
padding: 6px 12px 4px 36px;
border-right: 1px dashed #1E658D;
font-size: 1.2em;
font-weight: bold;
color: #001E45;
background-color: transparent;
background-image: url("../image/locations-key.png");
background-repeat: no-repeat;
background-position: 0 0;
}

#locations #locationsKey ul li#branch {
background-position: 12px 0;
}

#locations #locationsKey ul li#atm {
padding-left: 32px;
background-position: 12px -60px;
border-right: none;
}

#locations #locList h2 {
font-size: 1.25em;
color: #1E658C;
padding: 5px 0 8px 42px;
border-bottom: 1px dashed #1E658D;
background-color: transparent;
background-image: url("../image/locations-arrows.png");
background-repeat: no-repeat;
background-position: 12px 7px;
cursor: pointer;
}

#locations #locList h2.active {
color: #E41715;
text-decoration: none;
background-color: #F9F9F9;
}

#locations #locList h2.open {
background-color: #F9F9F9;
background-position: 12px -45px;
}

#locations #locList h3 {
font-size: 1.1em;
}

#locations #locList h3 a {
color: #1E658C;
text-decoration: none;
}

#locations #locList h3 a:hover {
color: #E41715;
}

#locations #locList h4 {
font-size: 1.1em;
}

#locations ul {
padding: 0;
}

#locations ul ul {
border-bottom: 1px dashed #1E658D;
}

#locations li {
list-style: none;
}

#locations li li {
padding: 10px 12px 10px 42px;
background-color: transparent;
background-image: url("../image/locations-icons.png");
background-repeat: no-repeat;
background-position: 8px 7px;
}

#locations li li.atm {
background-position: 8px -215px;
}

#locations li li.even {
background-color: #F6FBFC;
}

#locations #contactDetails {
float: left;
width: 255px;
}

#locations ul li.atm #lobby, #locations ul li.atm #driveThrough, #locations ul li.mortgageServices #driveThrough, #locations ul li.realEstate #driveThrough {
/*display: none;*/
}

#locations #contactDetails .adr {
padding-bottom: 10px;
}

#locations #contactDetails .adr span {
display: inline-block;
}

#locations .hours {
float: left;
width: 160px;
color: #001E45;
}

#locations .hours dl {
padding-bottom: 10px;
}

#locations .hours dl:last-child {
padding: 0;
}

#locations .hours dl dt {
font-weight: bold;
}

#locations .hours dl dt.noDriveThrough {
font-weight: normal;
}

/* Online Banking Enrollment */
#agreeDisagree {
margin: 0 -15px;
padding: 15px;
border: 1px solid E3EFF6;
background: #EEF6FB;
}

#agreeDisagree ul {
padding: 0;
}

#agreeDisagree ul li {
display: inline;
float: left;
}

#agreeDisagree ul li a {
display: block;
width: 135px;
height: 39px;
list-style: none;
background-color: transparent;
background-image: url("../image/agree-disagree-print-buttons.png");
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -999em;
}

#agreeDisagree ul li.agree {
}

#agreeDisagree ul li.agree a:hover {
background-position: -145px 0;
}

#agreeDisagree ul li.disagree a {
background-position: 0 -55px;
}

#agreeDisagree ul li.disagree a:hover {
background-position: -144px -55px;
}

#agreeDisagree ul li.printDisc a {
background-position: 0 -110px;
}

#agreeDisagree ul li.printDisc a:hover {
background-position: -143px -110px;
}


/* Our History */
#enrollmentAgreement h2 {
margin: 0 0 13px -40px;
padding: 20px 0 12px 40px;
font-size: 2em;
border-bottom: 1px dashed #B2DAF1;
}

/* Our History */
#ourHistory img {
margin: 0 0 8px -2px;
border: 2px solid #C8E5F7;
}

#ourHistory p.caption {
font-size: 1.15em;
color: #1E658C;
padding-bottom: 20px;
}

/* Private Banking */
#privateBanking h1 {
height: 78px;
text-indent: -999em;
background: url("../image/private-banking.png") no-repeat 40px 20px;
border: none;
}

#privateBanking ul.representatives {
position: relative;
width: 608px;
padding: 1em 0 2em;
}

#privateBanking ul.representatives li {
position: relative;
padding: 15px 0 0 118px;
border-bottom: 1px dashed #001E45;
font-size: 100%;
list-style: none;
min-height: 120px;
}

#privateBanking ul.representatives li.firstChild {
border-top: 1px dashed #001E45;
}

#privateBanking ul.representatives li img {
position: absolute;
top: 17px;
left: 11px;
}

#privateBanking ul.representatives li h3 {
font-size: 1.6em;
font-weight: bold;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 1.2;
color: #1E658C;
}

#privateBanking ul.representatives li p {
padding-bottom: 5px;
font-size: 1.3em;
line-height: 1.2;
color: #001E45;
width: 230px;
}

#privateBanking ul.representatives li .location {
position: absolute;
top: 15px;
right: 0;
width: 215px;
min-height: 100px;
padding-left: 25px;
border-left: 1px dashed #1E658D;
}

#privateBanking ul.representatives li .location h4 {
font-size: 1.3em;
color: #001E45;
}

#privateBanking ul.representatives li .location p {
width: auto;
}

/* Search */
#search ul li {
font-size: 1em;
padding-left: none;
list-style-type: none;
}

#search ul li h3 {
padding-bottom: 0;
}

#search ul ul {
display: none;
}

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

/*======== Application ===============================================================================*/
label.required em {
color: #666;
font-size: 0.8em;
}

label.required em:before {
content: "(";
}

label.required em:after {
content: ")";
}

fieldset#newApplication label.required em {
display: block;
}

#verifyButtons img {
margin: 5em;
}

/* Captcha */
fieldset#newApplication #captcha {
width: 20em;
margin: 0 auto;
}

fieldset#newApplication #captcha input {
float: none;
width: 19.4em;
display: block;
margin: 1em 0;
}

fieldset#newApplication #captcha p {
margin: 0;
text-align: center;
}

/* SSN */
fieldset#newApplication a#ssnWhy {
display: block;
clear: both;
margin-left: 24.5em;
font-size: 1.2em;
padding-bottom: 1em;
color: #013260;
}

fieldset#personalInformation {
position: relative;
}

#ssnExplanation {
position: absolute;
width: 30em;
left: 30em;
top: 2.5em;
z-index: 1000;
background-color: #CCC;
border: 1px solid #333;
padding: 2em 2em 0 2em;
display: none;
}

fieldset#newApplication .on {
display: block;
}

fieldset#newApplication #ssnExplanation p {
padding: 0 0 2em 0;
margin: 0;
}

#ssnExplanation p.center {
text-align: center;
color: #013260;
}

#ssnExplanation p a {
background-color: #EEE;
border: 1px solid #333;
padding: 0.5em;
}

/* Introduction */
fieldset#newApplication div#introduction {
margin: 0 2.5em 2.5em;
min-height: 16em;
padding-top: 2.5em;
}

fieldset#newApplication div#introduction div#introHead {
background: url("../image/lock.png") no-repeat 790px 5px;
margin-bottom: 0.7em;
}

fieldset#newApplication div#introduction img {
border: 1px solid #CCC;
float: left;
margin-right: 2em;
}

fieldset#newApplication div#introduction h1 {
font-size: 2.4em;
font-weight: bold;
line-height: 1.4;
padding-bottom: 12px;
}

fieldset#newApplication div#introduction h2 {
color: #333;
font-size: 1.6em;
padding-bottom: 0;
margin: 0;
}

fieldset#newApplication div#introText {
border-top: 1px dashed #B2DAF1;
margin-left: 17em;
}

fieldset#newApplication div#introduction p {
margin: 0.7em 0.7em 0.7em 0;
clear: none;
}

fieldset#newApplication div#introduction h4 {
clear: both;
width: 15em;
}

fieldset#newApplication div#introduction a {
text-decoration: underline;
}

/* Headings and paragraphs */
fieldset#newApplication fieldset h1, fieldset#newApplication fieldset h2, fieldset#newApplication fieldset h3, fieldset#newApplication fieldset p {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

fieldset#newApplication h1 {
padding: 0 1em 0 0;
}

fieldset#newApplication h2 {
padding-bottom: 1em;
}

fieldset#newApplication h3 {
text-align: center;
clear: both;
padding: 0 0 1em;
}

fieldset#newApplication p {
margin: 2.5em;
clear: both;
font-size: 1.2em;
}

fieldset#newApplication fieldset p {
margin: 0;
padding: 0.8em 0 0.4em;
}

fieldset#newApplication fieldset#otherIncome p, fieldset#newApplication fieldset#CAotherIncome p, fieldset#newApplication fieldset#optIn p {
margin-top: 0;
}

p.required {
text-align: center;
margin-bottom: 0;
}

fieldset#newApplication fieldset#optIn {
background-color: #FFC;
}

/* Labels and spans */
fieldset#newApplication span.required {
float: left;
}

fieldset#newApplication fieldset#accountInfo div#account_info label {
width: 13.5em;
margin: 0 0 0.5em 0;
}

fieldset#newApplication fieldset#billPay label {
width: 50em;
margin-left: 2em;
}

fieldset#newApplication .radio label, fieldset#newApplication .radioWlabel label {
width: auto;
display: inline;
float: none;
padding: 0 0 0 0.4em;
}

fieldset#newApplication fieldset fieldset label, fieldset#newApplication fieldset fieldset .radiolabel {
width: 27.5em;
}

fieldset#newApplication label, fieldset#newApplication .radiolabel, fieldset#newApplication .checklabel {
display: block;
text-align: right;
float: left;
padding-right: 2.5em;
clear: both;
font-size: 1.2em;
margin-bottom: 1em;
}

fieldset#newApplication fieldset#newCustomer .radiolabel {
margin-bottom: 0;
}

fieldset#newApplication .checklabel, fieldset#newApplication fieldset label, fieldset#newApplication fieldset .radiolabel {
width: 22em;
}

fieldset#newApplication fieldset label {
padding-top: 0.4em;
}

fieldset#newApplication fieldset#comments label {
padding-top: 0;
}

fieldset#newApplication fieldset#jointSwitch label.dontMove {
clear: none;
text-align: left;
width: auto;
padding-top: 0.1em;
}

fieldset#newApplication fieldset#accountType label, fieldset#newApplication fieldset#atmcard label, fieldset#newApplication fieldset#optIn label {
text-align: left;
clear: none;
padding-left: 1.5em;
width: auto;
}

fieldset#newApplication fieldset#accountInfo label, fieldset#newApplication fieldset#billPay label {
width: auto;
clear: none;
text-align: left;
margin-bottom: 2em;
margin-right: 0;
margin-left: 3em;
}

fieldset#newApplication fieldset#billPay label {
margin-top: -1.5em;
}

fieldset#newApplication fieldset#accountInfo label {
margin-top: -1.5em;
}

fieldset#newApplication fieldset#jointSwitch label {
margin-bottom: 0;
padding-top: 0.2em;
}

/* Inputs */
fieldset#newApplication input.submitButton, fieldset#newApplication input.submitButton {
float: none;
width: 20em;
margin-left: auto;
margin-right: auto;
}

fieldset#newApplication div.states select {
width: 10em;
}

fieldset#newApplication input {
width: 28em;
}

/* New DOB style rules */
fieldset#newApplication input.month {
width: 8em;
margin-right: 0.5em;
display: inline;
}

fieldset#newApplication input.day {
width: 8em;
margin-left: 0.5em;
margin-right: 0.5em;
display: inline;
}

fieldset#newApplication input.year {
width: 8.1em;
margin-left: 0.5em;
display: inline;
}

fieldset#newApplication span.float {
float: left;
}
/* End new DOB style rules */

fieldset#newApplication select {
width: 28.4em;
}

fieldset#newApplication input, fieldset#newApplication select {
display: block;
float: left;
margin-bottom: 1em;
}

fieldset#newApplication fieldset#accountType input, fieldset#newApplication fieldset#jointSwitch input, fieldset#newApplication fieldset#atmcard input, input#account_switch, fieldset#newApplication fieldset#billPay input, fieldset#newApplication fieldset#accountInfo input, fieldset#newApplication fieldset#optIn input {
width: 1em;
}

fieldset#newApplication fieldset#accountInfo div#account_info input {
width: 12em;
margin-bottom: 0.5em;
margin-right: 2em;
}

fieldset#newApplication fieldset#accountInfo input, fieldset#newApplication fieldset#billPay input {
margin-bottom: 0;
}

fieldset#newApplication fieldset#accountType input, fieldset#newApplication fieldset#atmcard input, fieldset#newApplication fieldset#optIn input {
clear: both;
}

fieldset#newApplication fieldset#jointSwitch input, fieldset#newApplication fieldset#beneficiarySwitch input {
margin-right: 1.5em;
margin-bottom: -0.4em;
}

fieldset#newApplication div.radioWlabel {
width: 25em;
display: block;
float: left;
margin-bottom: 1em;
}

fieldset#newApplication fieldset#newCustomer div.radioWlabel {
margin-bottom: 0;
}

fieldset#newApplication div.radioWlabel {
margin-left: -2.5em;
font-size: 1.2em;
}

fieldset#newApplication .radio {
margin: 0 2.5em 1em 30em;
clear: both;
}

fieldset#newApplication fieldset fieldset .radio {
margin-left: 27.5em;
}

fieldset#newApplication .radio input, fieldset#newApplication .radioWlabel input {
width: 1em;
float: none;
display: inline;
margin-bottom: -0.3em;
margin-left: 2.5em;
}

fieldset#newApplication textarea {
margin-left: 0;
width: 24em;
}

fieldset#newApplication input#signed {
float: none;
clear: none;
display: inline;
width: 1em;
margin: 0;
}

fieldset#newApplication input.required {
color: #000;
font-weight: normal;
}

fieldset#newApplication div.states select {
width: 10em;
}

fieldset#newApplication input.submitButton {
float: none;
width: 30em;
margin-left: auto;
margin-right: auto;
}

fieldset#newApplication #addSwitcher input {
width: 1em;
}

fieldset#newApplication #addSwitcher {
clear: both;
}

fieldset#newApplication #addSwitcher label#addressLabel {
clear: none;
text-align: left;
padding-left: 1em;
width: 27em;
padding-top: 0.1em;
}

fieldset#newApplication select#contact_information-branch {
margin-top: 0.6em;
}

/* Divs and fieldsets and legends */
fieldset#newApplication {
margin: 0 auto;
line-height: normal;
border: 0 none;
background: #FFF;
}

fieldset#newApplication fieldset, fieldset#newApplication fieldset {
margin: 2.5em;
padding: 2.5em 0 2.5em 2.5em;
border: 1px solid #CCC;
}

#accountTypeLeft, #accountTypeRight {
width: 32em;
float: left;
}

fieldset#newApplication legend {
font-size: 1.4em;
margin-bottom: 0;
}

fieldset#newApplication fieldset {
margin: 2.5em;
padding: 2em;
border: 1px solid #CCC;
clear: both;
}

fieldset#newApplication fieldset fieldset {
margin: 2.5em 0;
}

/* formContactUs */
#formContactUs {
width: 435px;
}

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

#formContactUs fieldset {
padding-top: 30px;
border: none;
}

#formContactUs fieldset ul {
padding: 0;
}

#formContactUs fieldset ul li {
position: relative;
font-size: 1em;
list-style: none;
}

#formContactUs label {
display: block;
padding: 0 0 .5em 2px;
font-size: 1.3em;
font-weight: bold;
color: #000C2A;
}

#formContactUs label em {
font-weight: normal;
font-style: normal;
}

#formContactUs label.error {
position: absolute;
top: 30px;
right: -15px;
width: 135px;
font-weight: normal;
color: #FF0000;
}

#formContactUs input, #formContactUs textarea {
width: 288px;
margin-bottom: 1em;
padding: 5px 6px 7px;
background: none;
border: none;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.3em;
}

#formContactUs input {
background: url("../image/input-background.png") no-repeat;
}

#formContactUs fieldset p {
margin-left: 21em;
}

#formContactUs button {
display: block;
width: 121px;
height: 34px;
background-color: transparent;
background-image: url("../image/submit-button.png");
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -999em;
border: none;
cursor: pointer;
}

#formContactUs button:hover {
background-position: 0 -34px;
}

#formContactUs textarea {
height: 200px;
background: url("../image/textarea-background.png") no-repeat;
}

#formContactUs #captcha {
width: 20em;
margin: 1em 0 1em 0;
}

#formContactUs #captcha input {
float: none;
width: 188px;
display: block;
margin: 1em 0;
background: url("../image/captcha-input-background.png") no-repeat;
}

#formContactUs #captcha p {
margin: 0;
}

/* Slimbox */
#lbOverlay {
position: absolute;
z-index: 10;
left: 0;
width: 100%;
}

body.popup {
padding: 0;
background: none;
}

#lbHeader {
text-align: right;
}

#lbHeader a {
display: block;
float: right;
width: 108px;
height: 34px;
margin-right: 21px;
background: transparent url("../image/close-button.png") no-repeat;
}

#lbHeader a img {
height: 0;
width: 0;
}

#lbFrame {
position: absolute;
z-index: 100;
left: 50%;
overflow: hidden;
border: none;
background-color: transparent;
}

iframe {
border: none;
overflow: hidden;
}

/*--- New Popup Stuff ---*/
#newPopUpForm {
background: transparent url("../image/popup-background.png") no-repeat 0 0;
width: 552px;
height: 453px;
overflow: hidden;
}

#newPopUpForm fieldset {
border: 0 none;
padding: 80px 0 0 25px;
float: left;
width: 252px;
}

#newPopUpForm fieldset input {
display: block;	
padding: 3px;
width: 214px;
height: 14px;
margin-bottom: 10px;
border: 2px dashed #9CBBCD;
}

#newPopUpForm textarea {
display: block;	
padding: 3px;
height: 80px;
width: 214px;
margin-bottom: 10px;
border: 2px dashed #9CBBCD;
}

#newPopUpForm button {
border: none;
display: block;
width: 121px;
height: 34px;
float: left;
margin-left: 50px;
text-indent: -9999px;
font-size: 0;
line-height: 0;
background: transparent url("../image/submit-button.png") repeat scroll left top;
cursor: pointer;
}

#newPopUpForm button:hover {
background-position: 0 -34px;
}

#newPopUpForm label {
font-size: 1.2em;
display: block;
margin-bottom: 6px;
color: #001E45;
font-weight: bold;
}

#newPopUpForm label em {
font-weight: normal;
font-style: normal;
}

#newPopUpForm p {
margin: 0 0 20px 0;
}

#newPopUpForm #popUpLogo {
float: left;
padding: 20px 20px 0 0;
}

/* Captcha */
#newPopUpForm #captcha {
width: 185px;
padding: 100px 25px 25px 47px;
float: left;
}

#newPopUpForm #captcha input {
display: block;
float: none;
width: 190px;
height: 1.4em;
margin: 10px 0;
padding: 3px;
border: 2px dashed #9CBBCD;
}

#newPopUpForm #captcha p {
margin: 0;
color: #333333;
font-size: 1.3em;
line-height: 1.2;
}

#newPopUpForm #captcha h4 {
font-size: 1.1em;
font-weight: bold;
margin: 0 0 5px 0;
color: #001E45;
}

#newPopUpForm h2 {
margin: 20px 0 10px 0;
font-weight: bold;
text-align: center;
font-size: 1.2em;
}

/* Thanks */
#newPopUpForm #thanks {
margin: 25px;
}

#newPopUpForm #thanks h1 {
margin: 0 -20px 13px -20px;
padding: 20px 0 12px 20px;
border-bottom: 1px dashed #B2DAF1;
font-size: 2.4em;
font-weight: bold;
line-height: 1.4;
color: #001E45;
}

#newPopUpForm #thanks p {
padding: 0 0 1em 0;
font-size: 1.3em;
line-height: 1.4;
}

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