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

body {
line-height: 1;
}

ol, ul {
list-style: none;
}

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

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

a img {
border: none;
}

object {
outline: none;
}

/*===== General =======================*/
html {
min-height: 100%;
}

body {
min-height: 100%;
font-family: Helvetica, Arial, sans-serif;
font-size: 62.5%;
font-weight: normal;
color: #333333;
background: #DADEEC;/*url("../image/layout/bottom-background.png") no-repeat scroll bottom center;*/
}

#outerWrapper {
position: relative;
min-height: 100%;
background: #fff url(../image/layout/top-background.jpg) no-repeat center -15px;
width: 100%;
}

#wrapper {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 960px;
}

.topBackground {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 435px;
background: url("../image/layout/top-background.png") no-repeat scroll top center;
}

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

em {
font-style: italic;
}

#siteAlertWrapper {
width: 96em;
margin: 0 auto;
}

#siteAlertLink {
right: 30px !important;
}

/*===== Header ========================*/
#header {
position: relative;
height: 95px;
width: 960px;
margin: 0 auto;
overflow: visible;
z-index:29;
}

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

#logo a {
display: block;
height: 56px;
width: 297px;
}

#logo img {
display: none;	
}

#primaryNav {
position: absolute;
top: 53px;
right: 19px;
width: 529px;
z-index: 20;
}

/*.navigationBackground {
position: absolute;
top: 84px;
left: 0;
height: 0;
width: 100%;
z-index: 10;
background: #D4DBE6;
}*/

#primaryNav li {
display: inline;
}

#primaryNav li a {
display: block;
float: left;
}

#primaryNav li h2 a {
float: left;
height: 44px;
text-indent: -999em;
background-color: transparent;
background-image: url("../image/layout/primary-nav.png");
background-repeat: no-repeat;
background-position: 0 0;
display: block;
}

#primaryNav li h2 a.nthChild-1 {
width: 133px;
background-image: url("../image/layout/primary-nav.png");
background-position: 0 0;
}

#primaryNav li h2 a.nthChild-2 {
width: 132px;
background-image: url("../image/layout/primary-nav.png");
background-position: -133px 0;
}

#primaryNav li h2 a.nthChild-3 {
width: 131px;
background-image: url("../image/layout/primary-nav.png");
background-position: -265px 0;
}

#primaryNav li h2 a.nthChild-4 {
width: 133px;
background-image: url("../image/layout/primary-nav.png");
background-position: -396px 0;
}

#primaryNav li h2 a.nthChild-1:hover, #primaryNav li.inPath h2 a.nthChild-1 {
background-image: url("../image/layout/primary-nav.png");
background-position: 0 -44px;
}

#primaryNav li h2 a.nthChild-2:hover, #primaryNav li.inPath h2 a.nthChild-2 {
background-image: url("../image/layout/primary-nav.png");
background-position: -133px -44px;
}

#primaryNav li h2 a.nthChild-3:hover, #primaryNav li.inPath h2 a.nthChild-3 {
background-image: url("../image/layout/primary-nav.png");
background-position: -265px -44px;
}

#primaryNav li h2 a.nthChild-4:hover, #primaryNav li.inPath h2 a.nthChild-4 {
background-image: url("../image/layout/primary-nav.png");
background-position: -396px -44px;
}

/*#primaryNav li.hover h2 a.nthChild-1 {
background-position: 0 -62px;
}

#primaryNav li.hover h2 a.nthChild-2 {
background-position: -106px -62px;
}

#primaryNav li.hover h2 a.nthChild-3 {
background-position: -220px -62px;
}

#primaryNav li.hover h2 a.nthChild-4 {
background-position: -363px -62px;
}*/

#primaryNav li ul.nthTier-2 {
background: url(../image/layout/primary-drop-down.png) no-repeat left bottom;
display: none;
position: absolute;
top: 41px;
width: 134px;
z-index: 99;
}
#primaryNav li.nthChild-1 ul.nthTier-2 {
	left: 1px;
}
#primaryNav li.nthChild-2 ul.nthTier-2 {
	left: 133px;
}
#primaryNav li.nthChild-3 ul.nthTier-2 {
	left: 264px;
}
#primaryNav li.nthChild-4 ul.nthTier-2 {
	left: 394px;
}

#primaryNav li.hover ul.nthTier-2 {
display: visible;
}

#primaryNav li h3 a {
	border-bottom: 1px solid #CAD1E4;
	color: #DFDFDF;
	display: block;
	font-size: 1.2em;
	margin: 0 9px 0 7px;
	padding: 7px 0 7px 11px;
	width: 106px;
}
#primaryNav li h3 a.lastChild {
	border-bottom: 0;
}

#primaryNav li h3 a:hover {
	background: url(../image/arrow-apply-li.png) left 8px no-repeat;
	color: #fff;
}

#ultraTopNav {
position: absolute;
top: 17px;
right: 184px;
font-size: 1.1em;
}

#ultraTopNav li {
background: url(../image/layout/ultraDivider.png) no-repeat right top;
float: left;
padding: 0 6px 0 5px;
}

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

#ultraTopNav li a {
color: #333;
}

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

#searchForm {
position: absolute;
top: 11px;
right: 21px;
height: 20px;
width: 150px;
}

#searchForm input#roi_input {
position: absolute;
top: 0;
left: 0;
width: 117px;
height: 14px;
padding: 6px 6px 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.1em;
line-height: 1;
background: transparent url("../image/search-input.png") no-repeat;
border: none;
}

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

/*===== Main Content ==================*/
#mainContent {
display: inline;
float: right;
width: 700px;
margin-top: 35px;
min-height: 500px;
z-index: 10;
}

/*===== Left Column ===================*/
#leftColumn {
display: inline;
float: left;
width: 200px;
margin-top: 35px;
margin-left: 30px;
}

ul#leftNav {
border: 1px solid #dde2ee;
}

ul#leftNav a {
display: block;
padding-left: 22px;
padding-right: 22px;
line-height: 1.2em;
/*background-color: transparent;
background-image: url("../image/layout/leftnav.png");
background-repeat: no-repeat;
background-position: 0 0;*/
}

ul#leftNav li h2 a {
padding-top: 8px;
padding-bottom: 5px;
/*background-color: #326497;
background-position: -280px 10px;*/
background: #326497 url("../image/layout/leftnav.png") no-repeat left -270px;
font-size: 1.4em;
color: #F6F7FB;
border-top: 1px solid #b1cddb;
}

ul#leftNav li h2 a.firstChild {
border: none;
}

ul#leftNav li h2 a:hover {
background: #D4DAEA url("../image/layout/leftnav.png") no-repeat left top;
color: #002D64;
}
ul#leftNav li h2 a.inPath {
background: #002D64 url("../image/layout/leftnav.png") no-repeat left -90px;
color: #D4DAEA;
}


ul#leftNav li h3 a {
background-color: #F6F7FB;
background-image: none;
padding-top: 7px;
padding-bottom: 5px;
font-size: 1.2em;
color: #66899D;
border-bottom: 1px solid #D9E6ED;
}

ul#leftNav li h3 a:hover, ul#leftNav li h3 a.inPath {
color: #2F366C;
background: #fff url("../image/layout/leftnav.png") no-repeat left -180px;
/*background-color: #ffffff;
background-image: url("../image/layout/leftnav.png");
background-position: -278px -52px;*/
}

ul#leftNav li h3 a.lastChild {
border: none;
}

ul#leftNav ul {
border: none;
}

#quickLinks {
width: 208px;
height: 157px;
/*padding: 13px;*/

}

#quickLinks h2 {
padding-bottom: 5px;
font-size: 1.4em;
font-weight: bold;
color: #475F84;
padding: 13px 13px 5px;
background: transparent url("../image/layout/quicklinks-background-top.png") no-repeat 0 0;
}

#quickLinks ul {
	padding: 0 13px 13px;
	background: transparent url("../image/layout/quicklinks-background-bottom.png") no-repeat 0 bottom;
}

body#home #quickLinks li {
font-size: 12px;
line-height: 14px;
}
#quickLinks li {
font-size: 1.2em;
line-height: 1.2;
}

#quickLinks li a {
display: block;
padding: 7px 30px 3px 5px;
color: #666;
border-top: 1px solid #929BBB;
background-color: transparent;
background-image: url("../image/layout/quicklinks-icons.png");
background-repeat: no-repeat;
background-position: 0 0;
}

#quickLinks li a.lastChild {
padding-bottom: 0;
}

#quickLinks li a:hover {
color: #333;
}

/*

#quickLinks li a.nthChild-2 {
background-position: 150px -45px;
}

#quickLinks li a.nthChild-2:hover {
background-position: -249px -45px;
}

*/

#quickLinks li a.nthChild-1 {
background-position: 155px -226px;
color: #9F1033;
}

#quickLinks li a.nthChild-1:hover {
background-position: 155px -226px;
}

 #quickLinks li a.nthChild-2 {
background-position: 155px 3px;
}

#quickLinks li a.nthChild-2:hover {
background-position: -244px 3px;
} 

#quickLinks li a.nthChild-3 {
background-position: 155px -87px;
}

#quickLinks li a.nthChild-3:hover {
background-position: -244px -87px;
}

#quickLinks li a.nthChild-4 {
background-position: 155px -143px;
}

#quickLinks li a.nthChild-4:hover {
background-position: -244px -143px;
}

#quickLinks li a.nthChild-5 {
background-position: 155px -194px;
}

#quickLinks li a.nthChild-5:hover {
background-position: -244px -194px;
}

/*===== Footer ========================*/
#footerWrapper{
	background: #DADEEC url(../image/footerBG.png) repeat-x left top;
	width: 100%;
}
#footer {
position: relative;
margin: 0 auto;
padding: 0 0 25px;
clear: both;
font-size: 1em;
width: 960px;
}

#footer #firstROI {
position: absolute;
top: 22px;
right: 21px;
height: 29px;
width: 103px;
}

#footer #fdic {
position: absolute;
top: 29px;
left: 30px;
}

#footer #eh {
position: absolute;
top: 28px;
left: 110px;
}

#footer a {
color: #565759;
}

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

#footer ul#footerNav {
padding: 23px 0 0;
text-align: center;
}

#footer ul#footerNav li {
display: inline;
padding: 0 7px;
border-right: 1px solid #333333;
}

#footer ul#footerNav li.lastChild {
padding-right: 0;
border: none;
}

#footer p {
color: #565759;
text-align: center;
padding-top: 3px;
}

#footer p.fdicTAGP {
padding-top: 10px;
}

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

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

/*===== Home Page =====================*/
/*body#home {
background: none;
}*/

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

body#home #header {
margin-bottom: 382px;
}

body#home #mainContent {
margin: 0 0 10px 0;
min-height: 0;
}

body#home #leftColumn {
margin-top: 0;
margin-left: 0;
}

#obLogin {
position: absolute;
top: 152px;
left: 30px;
height: 193px;
width: 178px;/*170px;*/
margin: 0 0 0 2px;
padding: 0 19px 12px 9px;
z-index: 2;
background: transparent url("../image/layout/online-banking-background.png") no-repeat 0 0;
}
body.popup #obLogin {
left:0;
margin:0 auto;
padding:0 19px 12px 9px;
position:relative;
top:0;
width:176px;
}
#obLogin h2 {
margin: 9px -19px 10px -9px;
padding: 12px 19px 5px 10px;
background: url("../image/layout/online-banking-lock.png") no-repeat 10px 5px;
text-indent: -999em;
}

#obLogin form {
margin: 0 0 10px;
padding: 0 0 15px;
border-bottom: 1px solid #929BBB;
}

#obLogin form fieldset ol li {
position: relative;
list-style: none;
padding: 0 0 10px;
}

#obLogin form fieldset ol li label {
font-size: 1.1em;
padding-bottom: 2px;
}

#obLogin form fieldset ol li label.overlabel-apply {
position: absolute;
top: 5px;
left: 9px;
padding: 0;
z-index: 1;
}

#obLogin form fieldset ol li input {
padding: 2px 8px 0;
width: 148px;
height: 12px;
font-size: 1.1em;
font-family: Helvetica, Arial, sans-serif;
background: transparent url("../image/layout/online-banking-input.png") no-repeat 0 0;
border: none;
padding: 6px 0 0 6px;
}

#obLogin form button {
display: block;
width: 81px;
height: 25px;
margin: 2px 0 0 0;
text-indent: -999em;
background-color: transparent;
background-image: url("../image/layout/online-banking-submit.png");
background-repeat: no-repeat;
background-position: 0 0;
border: none;
cursor: pointer;
}

#obLogin form button:hover {
background-position: 0 -25px;
}

#obNav {
margin-right: -10px;
padding-left: 1px;
font-size: 1.1em;
}

#obNav li a {
display: inline-block;
padding-right: 12px;
padding-bottom: 6px;
color: #333;
background: transparent url("../image/layout/online-banking-nav-background.png") no-repeat right 1px;
}

#obNav li a.lastChild {
padding-bottom: 0;
}

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

body#home #quickLinks {
position: absolute;
top: 477px;
width: 208px;
margin: 0 0 0 24px;
}

/*

body#home #quickLinks li a.nthChild-2 {
background-position: 155px -45px;
}

body#home #quickLinks li a.nthChild-2:hover {
background-position: -244px -45px;
}
*/

body#home #quickLinks li a.nthChild-1 {
background-position: 155px -226px;
color: #9F1033;
}

body#home #quickLinks li a.nthChild-1:hover {
background-position: 155px -226px;
}

body#home #quickLinks li a.nthChild-2 {
background-position: 155px 3px;
}

body#home #quickLinks li a.nthChild-2:hover {
background-position: -244px 3px;
} 

body#home #quickLinks li a.nthChild-3 {
background-position: 155px -95px;
}

body#home #quickLinks li a.nthChild-3:hover {
background-position: -244px -95px;
}

body#home #quickLinks li a.nthChild-4 {
background-position: 155px -143px;
}

body#home #quickLinks li a.nthChild-4:hover {
background-position: -244px -143px;
}

body#home #quickLinks li a.nthChild-5 {
background-position: 155px -194px;
}

body#home #quickLinks li a.nthChild-5:hover {
background-position: -244px -194px;
}

#flashBanner {
position: absolute;
top: 95px;
left: 0;
width: 100%;
z-index: 1;
}

#flashDNA {
width: 960px;
margin: 0 auto;
}

#applyNowApplications {
display: none; /* display block in JavaScript */
position: absolute;
left: 34px;
top: 365px;
padding: 5px 0;
width: 203px;
z-index: 3;
background: url(../image/layout/open-account-drop-down.png) no-repeat scroll left top;
}

#applyNowApplications h2 {
color: #ECEFF9;
font-size: 1.2em;
font-weight: bold;
padding: 5px 0 8px;
text-indent: -999em;
}

#applyNowApplications ul {
	background: url(../image/layout/open-account-bg.png) no-repeat left bottom;
display: none; /* display block in JavaScript */
/*margin: 0 0 0 5px;*/
overflow: hidden;
}

#applyNowApplications ul li {
border-bottom: 1px solid #B5D3E8;
margin: 0 10px;
padding: 5px 0;
}

#applyNowApplications ul li.lastItem {
border-bottom:none;
}

#applyNowApplications ul li a {
display: block;
color: #C3CBD3;
font-size: 1.2em;
padding: 2px 0 2px 18px;
}

#applyNowApplications ul li a:hover{
background: url(../image/arrow-apply-li.png) 2px 3px no-repeat;
color: #fff;
}

#homeFeaturedProducts ul{
	overflow: hidden;
}

#homeFeaturedProducts ul li {
position: relative;
display: block;
float: left;
width: 168px;
height: 163px;
padding: 20px 30px 0 30px;
margin-right: 3px;
background-color: transparent;
background-image: url("../image/layout/home-boxes.png");
background-repeat: no-repeat;
background-position: 0 0;
}

#homeFeaturedProducts ul li.active {
background-position: 0 -183px;
cursor: pointer;
}

#homeFeaturedProducts ul li img {
position: absolute;
top: 53px;
left: 30px;
display: none;
}

#homeFeaturedProducts ul li#homeFeatured-3 {
margin-right: 0;
}

#homeFeaturedProducts ul li p {
padding-top: 17px;
font-size: 13px;
line-height: 19px;
color: #333333;
}

#homeFeaturedProducts ul li h3 {
font-size: 15px;
text-align: center;
}

#homeFeaturedProducts ul li h3 a {
color: #002F60;
font-weight: bold;
}

#homeFeaturedProducts ul li h4 {
position: absolute;
width: 228px;
top: 145px;
left: 64px;
font-size: 1.2em;
}

#homeFeaturedProducts ul li h4 a {
display: block;
width: 98px;
height: 12px;
background-color: transparent;
background-image: url("../image/layout/home-featured-learn-more.png");
background-repeat: no-repeat;
background-position: 0 0;
color: #990000;
text-indent: -999em;
}

#homeFeaturedProducts ul li h4 a:hover {
color: #d81833;
background-position: 0 -12px;
}

#homeFeaturedProducts li li {
width: auto;
height: auto;
background: none;
}

/*===== Category Page =================*/
#featuredProduct {
position: relative;
width: 626px;
min-height: 182px;
margin: 0 0 30px 0;
padding: 20px 22px 20px 22px;
background-color: transparent;
background-image: url("../image/layout/featured-product-background.png");
background-repeat: no-repeat;
background-position: 0 0;
border: 1px solid #a7b2d3;
z-index: 10;
}

.notProducts #featuredProduct {
background-image: url("../image/layout/featured-product-screen-background.png");
background-repeat: repeat;
}

#featuredProduct h1 {
width: 300px;
padding: 7px 0 12px 0;
font-size: 3em;
color: #2f366c;
}

.notProducts #featuredProduct h1 {
width: 385px;
}

#featuredProduct p {
width: 290px;
font-size: 1.4em;
line-height: 1.5;
color: #3F4A59;
}

.notProducts #featuredProduct p {
width: 385px;
}

#featuredProduct ul {
margin: 0 0 0 1.5em;
font-size: 1.4em;
line-height: 1.5;
color: #3F4A59;
}

#featuredProduct ul li {
list-style: disc;
}

#featuredProduct img {
position: absolute;
top: 20px;
right: 22px;
border: 1px solid #a7b2d3;
}

#featuredProduct h3 a {
position: relative;
bottom: 0;
right: 0;
display: block;
width: 122px;
height: 29px;
margin-top: 18px;
background-color: transparent;
background-image: url("../image/learn-more.png");
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -999em;
}

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

#secondaryProducts {
padding: 0 0 0 20px;
}

#secondaryProducts ul li {
position: relative;
cursor: pointer;
min-height: 105px;
width: 630px;
margin-bottom: 20px;
background: transparent url("../image/layout/secondary-product_border.png") repeat-x left bottom;
}

#secondaryProducts ul li img {
position: absolute;
top: 0;
left: 0;
border: 1px solid #B7BDD3;
}
#secondaryProducts ul li.active img {
border: 1px solid #2F366C;
}

#secondaryProducts ul li .secondaryProductContent {
padding-left: 112px;
}

#secondaryProducts ul li h2 {
padding: 0 0 8px 0;
font-size: 1.4em;
font-weight: bold;
}

#secondaryProducts ul li h2 a {
color: #0D4066;
}

#secondaryProducts ul li h3 {
/*position: absolute;
top: 80px;
left: 470px;*/
float: right;
margin: 10px 45px 0 0;
display: inline;
font-size: 1.2em;
font-weight: normal;
}

#secondaryProducts ul li h3 a {
display: block;
width: 81px;
height: 18px;
padding: 7px 0 0 24px;
color: #2E356C;
background-color: transparent;
background-image: url("../image/layout/secondary-product_learn-more.png");
background-repeat: no-repeat;
background-position: 0 0;
}

#secondaryProducts ul li h3 a:hover, #secondaryProducts ul li.active h3 a {
color: #505785;
background-position: 0 -25px;
}

#secondaryProducts li p {
float: left;
width: 280px;
padding-right: 10px;
font-size: 1.3em;
line-height: 1.25;
border-right: 1px dotted #cccccc;
}

#secondaryProducts li ul {
float: left;
width: 195px;
margin-left: -1px;
padding: 0 0 0 30px;
font-size: 1.2em;
line-height: 1.5;
border-left: 1px dotted #cccccc;
}

#secondaryProducts li li {
width: auto;
min-height: 1px;
margin-bottom: 0;
list-style-type: disc;
line-height: 1.25;
background: none;
}

/*===== Product Page ==================*/
#productPage {
position: relative;
width: 626px;
margin: 0 0 30px 0;
padding: 20px 22px 20px 22px;
background: transparent url("../image/layout/content-background.png") repeat 0 0;
border: 1px solid #a7b2d3;
z-index: 10;
}

#productHead h1 {
width: 400px;
padding: 7px 0 12px 0;
font-size: 3em;
color: #2f366c;
}

#productSummary {
min-height: 150px;
}

#productSummary p {
width: 375px;
padding: 0 0 8px 0;
font-size: 1.4em;
line-height: 1.5;
color: #3F4A59;
}

#productSummary ul {
margin: 0 0 0 1.5em;
font-size: 1.4em;
line-height: 1.5;
color: #3F4A59;
}

#productSummary ul li {
list-style: disc;
}

#productSummary img {
position: absolute;
top: 20px;
right: 22px;
border: 1px solid #a7b2d3;
}

#productButtons {
position: relative;
width: 626px;
z-index: 10;
border-bottom: 1px solid #a7b2d3;
}

#productButtons ul {
	overflow: hidden;
	padding: 0 5px 20px 0;
	position: relative;
}

#productButtons li{
	float: left;
	width: 130px;
}

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

#productButtons ul li#openNow a, #productButtons ul li#applyNow a, #productButtons ul li#enrollNow a, #productButtons ul li#questions a {
width: 122px;
height: 29px;
}

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

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

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

#productButtons ul li#questions a {
margin: 0;
background-image: url("../image/questions.png");
}

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

/* AddThis */
.addthis_toolbox {
position: absolute;
bottom: -30px;
right: 0;
width: 165px;
height: 20px;
}

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

.addthis_toolbox a:hover {
opacity: 1;
}

.addthis_toolbox .addthis_button_compact /* Share */ {
width: 50px;
margin-right: 8px;
padding: 2px 3px 0 8px;
padding-top: 2px;
font-size: 12px;
text-indent: 15px;
border-right: 1px solid #C8C4C1;
background: transparent url("../image/icon-share.png") no-repeat scroll left top;
}

.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 */
#productDetails {
clear: right;
position: relative;
padding: 35px 0 0 0;
}

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

#productDetails dl dt {
width: 125px;
padding: 3px 18px 12px 0;
z-index: 1;
font-size: 1.25em;
font-weight: bold;
line-height: 1.2;
text-align: right;
background-color: transparent;
background-image: url("../image/layout/product-details-tab-background.png");
background-position: right -45px;
background-repeat: no-repeat;
color: #999999;
cursor: pointer;
}

#productDetails dl dt.selected, #productDetails dl dt:hover {
color: #2F366C;
background-position: right 5px;
}

#productDetails dl dd {
position: relative; /* Set absolute in JavaScript */
overflow: hidden;
top: 0;
left: 145px;
width: 330px;
margin: 0 0 0 14px;
padding: 0 20px 0 20px;
border-left: 1px dotted #cccccc;
}

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

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

#productDetails dl dd h3 {
font-size: 1.2em;
font-weight: bold;
line-height: 1.5;
}

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

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

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

/*===== Individual Page ===============*/
.individualPage {
position: relative;
width: 626px;
margin: 0 0 30px 0;
padding: 20px 22px 20px 22px;
background: transparent url("../image/layout/content-background.png") repeat 0 0;
border: 1px solid #a7b2d3;
}

.individualPage h1 {
margin: 0 0 20px 0;
padding: 35px 0 25px;
font-size: 3em;
background: transparent url("../image/layout/header-border.png") repeat-x left bottom;
color: #2f366c;
}

.individualPage h2 {
margin: 15px 0 10px 0;
padding: 4px 0 10px;
font-size: 1.7em;
font-weight: bold;
background: transparent url("../image/layout/header-border.png") repeat-x left bottom;
color: #0C3F66;
}

.individualPage h3 {
font-weight: bold;
font-size: 1.3em;
line-height: 1.4;
color: #0C3F66;
}

.individualPage img.downstreamPhoto {
position: absolute;
top: 20px;
right: 22px;
width: 80px;
border: 1px solid #a7b2d3;
}

.individualPage a { 
text-decoration: underline;
}

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

.individualPage p + h2 {
margin-top: 0;
}

.individualPage p.zeroPaddingParagraph + h2 {
margin-top: 15px;
}

.individualPage p.disclaimer {
font-size: 1.2em;
padding: 0;
color: #000000;
}

.individualPage p.zeroPaddingParagraph {
padding: 0;
}

.individualPage p.textVariant1 {
font-style: italic;
}

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

.invest table, .individualPage table {
width: 100%;
margin: 0 0 1em 0;
font-size: 1.2em;
line-height: 1.4em;
text-align: left;
vertical-align: top;
border-collapse: collapse;
color: #0D4066;
}

.individualPage table p.secondary {
font-size: .9em;
}

.invest table tr th,.individualPage table tr th {
font-weight: bold;
text-align: left;
color: #ffffff;
background: #2E356C;
}

.invest table tr th, .individualPage table tr th, .individualPage table tr td {
padding: 10px 10px 6px 10px;
border: 1px solid #ffffff;
}

.individualPage table tr.nth-row-odd td {
background: #f8f8fb;
}

.individualPage table tr.nth-row-even td {
background: #d4daea;
}

.individualPage table tr td.indent {
padding-left: 40px;
}

/* Contact Us */
#contactUs h2 {
margin-bottom: 5px;
padding-bottom: 0;
font-size: 2.4em;
font-weight: normal;
background: none;
color: #2C336C;
}

#contactUs #sidebar {
position: absolute;
left: -225px;
top: 12.5em;
width: 200px;
padding: 0 0 10px 0;
background: transparent url("../image/layout/header-border.png") repeat-x left bottom;
}

#contactUs #sidebar p, #contactUs #sidebar h3 {
padding: 0 20px;
}

#contactUs #sidebar h2 + p {
padding: 0 15px 10px 0;
}

#contactUs #sidebar h2 + p + p {
padding: 0 15px 0 0;
}

#contactUs #sidebar h3 {
margin: 10px 0 0 0;
padding-top: 10px;
background: transparent url("../image/layout/header-border.png") repeat-x left top;
}

#formContactUs {
width: 100%;
}

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

#formContactUs fieldset {
position: relative;
border: none;
} 

#formContactUs fieldset ul {
padding: 0;
}

#formContactUs li {              
width: 670px;
margin: 0 0 20px;
list-style: none;
overflow: hidden;
}

#formContactUs label {
display: block;
width: 215px;
padding: 0 0 2px 3px;
font-weight: bold;
line-height: 1.4;
color: #2E356C;
}

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

#formContactUs input, #formContactUs textarea {
padding: 2px 5px;
border: 1px solid #A7B2D3;
background: #fff;
}

#formContactUs input {
width: 290px;
height: 20px;
}

#formContactUs textarea {
height: 196px;
width: 290px;
}

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

#formContactUs label.error {
width: 160px;
padding-top: 5px;
font-weight: bold;
color: #f72222;
}

#formContactUs #captcha {
position: absolute;
top: 200px;
left: 330px;
width: 200px;
}

#formContactUs #captcha h4 {
padding: 0 0 5px 2px;
font-size: 1.3em;
font-weight: bold;
line-height: 1.2;
color: #2E356C;
}

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

#formContactUs #captcha p {
padding: 0;
}

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

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

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

/* Customer Comments */
#contactUs #customerComments h1 {
margin: 0 0 5px 0;
padding: 10px 0 0;
background: none;
}

#contactUs #customerComments #intro p {
width: 370px;
font-size: 1.4em;
line-height: 1.5;
letter-spacing: .01em;
color: #3F4A59;
}

#contactUs #customerComments h2 {
margin: 30px 0 15px 0;
padding: 4px 0 18px 18px;
font-size: 1.7em;
font-weight: normal;
background: transparent url("../image/layout/header-arrow.png") no-repeat 0 25%;
border-bottom: 1px solid #a7b2d3;
color: #2C336C;
}

#contactUs #customerComments img.largeDownstreamPhoto {
position: absolute;
top: 20px;
right: 22px;
border: 1px solid #a7b2d3;
}

/* Enroll in Online Banking */
#enrollInOnlineBanking h1 {
margin-bottom: 10px;
padding-bottom: 0;
background: none;
}

#enrollInOnlineBanking p.textVariant1 {
margin-bottom: 5px;
padding-right: 120px;
font-style: normal;
color: #2E356C;
background: transparent url("../image/layout/header-border.png") repeat-x left bottom;
}

#enrollInOnlineBanking ul#agreeDisagree {
padding: 10px 0 30px;
}

#enrollInOnlineBanking ul#agreeDisagree li {
display: inline;
}

#enrollInOnlineBanking ul#agreeDisagree li a {
display: block;
float: left;
height: 29px;
text-indent: -999em;
background-color: transparent;
background-image: url("../image/agree-disagree.png");
background-repeat: no-repeat;
background-position: 0 0;
}

#enrollInOnlineBanking ul#agreeDisagree li#agree a {
width: 212px;
margin-right: 35px;
}

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

#enrollInOnlineBanking ul#agreeDisagree li#disagree a {
width: 132px;
background-position: -212px 0;
}

#enrollInOnlineBanking ul#agreeDisagree li#disagree a:hover {
background-position: -212px -29px;
}

/* FAQs */
#faqs h3 {
	color: #326497;
}

#faqs h3:hover, #faqs h3.open {
	color: #0C3F66;
}

/* Locations */
#locations h1 {
margin: 0 0 10px;
padding: 25px 20px 0 4px;
background: none;
}

#locations #map {
height: 300px;
border: 1px solid #A7B2D3;
}

#locations #map .googleMap-InfoWindow h2 {
margin: 0;
padding: 0 0 10px;
background: none;
}

#locations p.map-address {
	padding: 0;
}

#locations p.map-phones {
	padding: 0;
	height: 1.4em;
	overflow: hidden;
}

#locations #locationsKey {
border-bottom: 1px solid #A7B2D3;
color: #2D346C;
padding:10px 0;
}

#locations #locationsKey ul {
display: inline;
padding: 0 0 1em 5px;
}

#locations #locationsKey ul li {
display: inline;
padding: 10px 20px 10px 30px;
font-size: 1.2em;
background-color: transparent;
background-image: url("../image/layout/location-icons.png");
background-repeat: no-repeat;
background-position: 0 -244px;
}

#locations #locationsKey ul li#atm {
padding-left: 28px;
padding-right: 0;
background-position: 0 -494px;
}

#locations ul#locList {
padding: 0;
}

#locations ul#locList li {
padding: 10px 20px 10px 40px;
list-style: none;
background-color: transparent;
background-image: url(../image/layout/location-icons.png);
background-repeat: no-repeat;
background-position: 5px -240px;
border-bottom: 1px solid #A7B2D3
}

#locations ul#locList li.branchWithATM {
background-position: 5px 10px;
}

#locations ul#locList li.atm {
background-position: 5px -490px;
}

#locations ul#locList li.lastChild {
border: none;
}

#locations ul#locList li h2 {
margin: 0;
padding: 0;
font-size: 1.1em;
background: none;
}

#locations ul#locList li h2 a {
color: #1E658C;
text-decoration: none;
}

#locations ul#locList li h2 a:hover {
color: #E41715;
}

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

#locations ul#locList li .contactDetails {
float: left;
width: 245px;
}

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

#locations ul#locList li.atm .lobby, #locations ul#locList li.atm .driveThrough {
display: none;
}

#locations ul#locList li .hours {
float: left;
width: 160px;
}

#locations ul#locList li .hours dl {
padding-bottom: 5px;
}

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

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

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

/* Search */
#search #pages{
	display: none;
}
#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;
}

/*===== Special =======================*/
/* Popup styling */
body.popup {
overflow: hidden;
border: none;
background: none;
}

body.popup #thankYou {
width: auto;
border: none;
}

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

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

body.popup form {
overflow: hidden;
}

body.popup form h1 {
margin: 0 0 20px 0;
padding: 0 0 10px;
font-size: 3em;
background: transparent url("../image/layout/header-border.png") repeat-x left bottom;
color: #2f366c;
}

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

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

body.popup label {
font-weight: bold;
line-height: 1.4;
color: #2E356C;
}

body.popup label em {
font-weight: normal;
font-style: normal;
color: #2E356C;
}

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 button {
display: block;
margin: 0 auto;
width: 122px;
height: 29px;
background-color: transparent;
background-image: url("../image/submit.png");
background-repeat: no-repeat;
background-position: 0 0;
border: none;
text-indent: -999em;
cursor: pointer;
}

body.popup button:hover {
background-position: 0 -29px;
}

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 img {
padding: 0 0 15px;
}

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

body.popup #captcha p {
font-size: 1.2em;
line-height: 1.4;
padding: 0 0 15px 0;
}

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

body.popup #captcha h4 {
padding: 0 0 5px 2px;
font-size: 1.3em;
font-weight: bold;
line-height: 1.2;
color: #2E356C;
}

/* Online Banking Popup */
body.popup .individualPage {
padding: 0;
}

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

/*Videos*/
#videos{
	background: url(../image/videoBG.png) repeat-y center top;
	margin: 20px 0 0 -12px;
	overflow: hidden;
	padding: 0;
	width: 647px;
}
#videos li{
	cursor: pointer;
	float: left;
	height: 150px;
	list-style-type: none;
	padding: 0 11px 0 0;
	width: 204px;
}
#videos .vidLeft{
	float: left;
	margin-right: 5px;
	width: 83px;
}
#videos .vidLeft img{
	border: 1px solid #B8BFD4;
}
#videos .vidLeft a{
	background: url(../image/playButton.png) no-repeat left top;
	display: block;
	height: 21px;
	text-indent: -999em;
	width: 83px;
}
#videos .vidLeft a:hover{
	background: url(../image/playButton.png) no-repeat left -21px;
}
#videos .vidRight{
	float: left;
	width: 116px;
}
#videos .vidRight h3{
	color: #0C3F66;
	font-size: 13px;
	margin-bottom: 8px;
}
#videos .vidRight span{
	color: #000;
	display: block;
	font-size: 11px;
}
#videos .vidRight p{
	color: #333;
	font-size: 12px;
}