/* Template Second Branch - layout.css */

/*===== Reset =========================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}
/*End Reset*/

body {
	background: #fff url("../image/body-bg.jpg") no-repeat center top;
	font-family: Arial, sans-serif;
	font-size: 62.5%;
}
a{
	text-decoration: none;
}
strong{
	font-weight: bold;
}
u{
	text-decoration: underline;
}
i, em{
	font-style: italic;
}
#siteAlert #siteAlertLink{
	right: 30px;
}

/*Begin Framework*/
#wrapper{
	margin: 0 auto;
	width: 974px;
}
#header{
	height: 92px;
	overflow: hidden;
}
#logo{
	float: left;
	height: 61px;
	margin-top: 18px;
	width: 189px;
}
#printLogo{
	display: none;
}
#moreHeader{
	clear: right;
	float: right;
	margin-top: 13px;
	overflow: hidden;
	width: 200px;
}
#olbButton{
	height: 22px;
	float: right;
	margin: 0 0 0 10px;
	width: 145px;
}
#homeButton{
	height: 22px;
	float: right;
	width: 42px;
}
#moreHeader2{
	clear: right;
	float: right;
	margin-top: 6px;
	overflow: hidden;
	width: 240px;
}
#searchForm{
	float: right;
	margin: 0 0 0 10px;
	overflow: hidden;
}

#roi_input{
	background: url("../image/search-bg.png") no-repeat left top;
	border: 0;
	float: left;
	font-family: Verdana, Geneva;
	height: 15px;
	padding: 4px 0 0 6px;
	width: 118px;
}
#searchButton{
	float: left;
	height: 19px;
	width: 21px;
}
#inJapanese{
	float: right;
	height: 19px;
	width: 41px;
}
#inEnglish{
	float: right;
	height: 19px;
	width: 54px;
}
#home #searchForm{
	clear: right;
}
#home #searchForm,
#home #inJapanese,
#home #inEnglish{
	margin-top: 41px;
}

#innerWrapper{
	background: url("../image/inner-wrapper-bg.png") no-repeat left top;
	padding: 0 17px;
	width: 940px;
}
#nav{
	height: 30px;
	overflow: hidden;
	width: 940px;
}
#primaryNav{
	/*float: left;*/
	overflow: hidden;
	position: absolute;
	width: 740px;
}
#primaryNav li{
	float: left;
}
/*#primaryNav li.firstChild{
	padding-left: 14px;
}*/
#primaryNav li.lastChild{
	padding-right: 0px;
}
#primaryNav a{
	color: #0074C0;
	display: block;
	font-family: Univers, Geneva;
	font-size: 15px;
	height: 30px;
	line-height: 33px;
	overflow: hidden;
	text-align: center;
	text-transform: uppercase;
}
#primaryNav li.nthChild-1{
	width: 200px;
}
#primaryNav li.nthChild-2{
	width: 131px;
}
#primaryNav li.nthChild-3{
	width: 123px;
}
#primaryNav li.nthChild-4{
	width: 108px;
}
#primaryNav li.nthChild-5{
	width: 140px;
}
#primaryNav.jp {
	width: 957px;
}
#primaryNav.jp li.nthChild-1{
	width: 215px;
}
#primaryNav.jp li.nthChild-2{
	width: 350px;
}
#primaryNav.jp li.nthChild-3{
	width: 240px;
}
#primaryNav.jp li.nthChild-4{
	width: 150px;
}
#primaryNav a:hover{
	/*background: #fff;*/
	color: #00CCFF;
}
#primaryNav a.inPath{
	/*background: #fff;*/
	color: #0074C0;
}
#navBG{
	background: #fff;
	height: 30px;
	left: 0;
	position: absolute;
	top: 0;
}
#primaryNav a i{
	text-transform: lowercase;
}
#ultraTopNav{
	display: inline;
	float: right;
	margin-right: 37px;
	overflow: hidden;
}
#ultraTopNav li{
	float: left;
	padding-left: 17px;
}
#ultraTopNav a{
	color: #00467F;
	display: block;
	font-size: 11px;
	padding-top: 13px;
}
#ultraTopNav a:hover{
	background: $fff;
	color: #00CCFF;
}
#content{
	background: url("../image/content-bg.png") no-repeat left top;
	overflow: hidden;
	padding: 10px 11px;
	width: 918px;
}
#home #contentLeft{
	background: none;
	float: left;
	margin-right: 8px;
	min-height: 100px;
	width: 696px;
}
#flashWrapper{
	background: url("../image/flash-banner-bg.png") no-repeat left top;
	height: 370px;
	margin-bottom: 8px;
	padding: 9px;
	width: 678px;
}
#homeFeatured{
	background: url("../image/featured-bg.png") no-repeat left top;
	height: 128px;
	padding: 9px 3px 9px 9px;
	width: 684px;
}
#homeFeatured h3{
	color: #00467F;
	font-family: Univers, Geneva;
	font-size: 19px;
	line-height: 38px;
	margin-left: 3px;
}
#homeFeatured dl{
	background: url("../image/featured-list-bg.png") no-repeat left top;
	height: 91px;
	position: relative;
}
#homeFeatured dt{
	color: #666;
	cursor: pointer;
	font-size: 14px;
	height: 30px;
	line-height: 31px;
	padding-left: 13px;
}
#homeFeatured dt.selected{
	background: url("../image/featured-selected.png") no-repeat 1px 1px;
	color: #0073BF;
}
#homeFeatured dd{
	cursor: pointer;
	display: none;
	left: 188px;
	padding: 13px 0 0 35px;
	position: absolute;
	top: 0;
	width: 470px;
}
#homeFeatured dd.selected{
	display: block;
}
#homeFeatured p{
	color: #666;
	font-size: 13px;
	line-height: 18px;
	width: 290px;
}
#homeFeatured a{
	background: url("../image/featured-arrow.png") no-repeat right 4px;
	color: #0073BF;
	font-size: 11px;
	line-height: 18px;
	padding-right: 8px;
	text-transform: uppercase;
}
#homeFeatured .over a{
	color: #0cf;
}
#homeFeatured img{
	position: absolute;
	right: 8px;
	top: -43px;
}
#home #contentRight{
	float: left;
	width: 214px;
}
#contentRight iframe{
	margin-bottom: 8px;
}
#obLogin{
	background: url("../image/olb-bg.png") no-repeat left top;
	height: 225px;
	margin-bottom: 8px;
	padding: 9px 0 0 9px;
	width: 205px;
}
#obLoginInner{
	font-family: Arial, sans-serif;
}
#obLoginInner h2{
	color: #fff;
	font-size: 14px;
	line-height: 34px;
	text-transform: uppercase;
}
#obLoginInner form{
	background: #E7EFF6;
	margin-bottom: 8px;
	padding: 8px 0 0 10px;
	width: 186px;
}
#obLoginInner form ol{
	overflow: hidden;
}
#obLoginInner form li{
	margin-bottom: 9px;
}
#obLoginInner form a{
	color: #666;
	font-size: 11px;
}
#obLoginInner form a:hover{
	text-decoration: underline;
}
#obLoginInner label{
	color: #333;
	display: block;
	font-size: 11px;
	margin-bottom: 2px;
}
#obLoginInner input{
	background: url("../image/olb-input-bg.png") no-repeat left top;
	border: 0;
	height: 17px;
	padding: 4px 0 0 4px;
	width: 162px;
}
#obLoginInner input#login{
	background: url("../image/button-login.png") no-repeat left top;
	color: #0E3257;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 112px;
}
#obLoginInner input#login:hover{
	color: #fff;
}
#eBankingNav{
	overflow: hidden;
}
#eBankingNav li{
	display: inline;
}
#eBankingNav a{
	color: #fff;
	background: url("../image/olb-arrow.png") no-repeat 2px 4px;
	font-size: 11px;
	line-height: 14px;
	padding: 0 8px 4px 8px;
}
#eBankingNav a.noRight{
	padding: 0 0 4px 8px;
}
#eBankingNav a.newLine{
	display: block;
}
#eBankingNav a:hover{
	text-decoration: underline;
}
#quickLinks, #openAnAccount{
	background: url("../image/quick-links-bg.png") no-repeat left top;
	height: 128px;
	margin-bottom: 8px;
	padding: 9px;
	width: 196px;
}
#contentLeft #quickLinks{
	margin: 8px 0 8px 8px;
}
#openAnAccount{
	cursor: pointer;
	margin-bottom: 0;
}
#quickLinks h2{
	color: #00467F;
	font-family: Univers, Geneva;
	font-size: 18px;
	line-height: 37px;
	margin-left: 5px;
	text-transform: uppercase;
}
#quickLinks ul{
	background: #DDE8F2;
	padding: 7px 0 7px 5px;
}
#quickLinks a{
	background: url("../image/quick-links-arrow.png") no-repeat left top;
	color: #0074C0;
	display: block;
	font-size: 13px;
	height: 19px;
	line-height: 19px;
	padding-left: 8px;
}
#quickLinks a:hover{
	background-position: left -19px;
	color: #00CCFF;
}
#openAnAccount h2 a{
	background: url("../image/open-account-arrow.png") no-repeat right top;
	color: #00467F;
	display: block;
	font-family: Univers, Geneva;
	font-size: 18px;
	line-height: 37px;
	margin-left: 5px;
	text-transform: uppercase;
}
#openAnAccount a:hover, #openAnAccount.over a{
	background-position: right -37px;
	color: #00CCFF;
}
#footer{
	clear: both;
	padding: 26px 0 40px;
	position: relative;
	width: 920px;
}
#eh{
	left: 7px;
	position: absolute;
	top: 30px;
}
#fdic{
	left: 8px;
	position: absolute;
	top: 71px;
}
#firstROI{
	right: 0;
	position: absolute;
	top: 26px;
}
#footer ul{
	text-align: center;
}
#footer li{
	display: inline;
}
#footer li a{
	color: #0073BF;
	font-size: 11px;
	line-height: 18px;
	margin-right: 23px;
}
#footer li a:hover{
	color: #00CCFF;
}
#footer p{
	color: #666;
	font-size: 11px;
	line-height: 18px;
	text-align: center;
}
#footer p a{
	color: #0073BF;
}
#footer p a:hover{
	color: #00CCFF;
}
#dsT{
	background: url("../image/ds_bg_top.png") no-repeat left top;
	padding-top: 10px;
	width: 918px;
}
#dsB{
	background: url("../image/ds_bg_bottom.png") no-repeat left bottom;
	padding-bottom: 10px;
	width: 918px;
}
#ds{
	background: url("../image/ds_bg_mid.png") repeat-y left top;
	overflow: hidden;
	padding: 0 10px;
	width: 918px;
}
#contentLeft{
	background: url("../image/left-nav-bg.png") no-repeat 229px top;
	float: left;
	margin-right: 22px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	width: 245px;
}
#contentRight{
	float: left;
	overflow: hidden;
	width: 596px;
}
/*End Framework*/

/*Begin Left Nav*/
#leftNav h2{
	background: url("../image/left-nav-h2-bg.png") no-repeat left top;
	height: 34px;
}
#leftNav h2:hover, #leftNav h2.over{
	background-position: left -34px;
}
#leftNav h2 a{
	/*background: url("../image/left-nav-arrow.png") no-repeat 218px 17px;*/
	color: #0075C1;
	display:block;
	font-size: 15px;
	line-height: 34px;
	padding-left: 13px;
}
#leftNav h2.over a{
	color: #fff;
}
#leftNav h2 a:hover{
	background: none;
	color: #fff;
}
#leftNav h2 a.inPath, #leftNav h2 a.inPath:hover{
	background: #fff url("../image/left-nav-arrow.png") no-repeat 210px 17px;
	color: #0075C1;
	width: 216px;
}
#leftNav h2 a.selected, #leftNav h2 a.selected:hover{
	background: url("../image/left-nav-h2-selected.png") no-repeat left top;
	color: #fff;
	width: auto;
}
#leftNav h3 a{
	background: url("../image/left-nav-h3-bg.png") no-repeat left top;
	color: #0075C1;
	display: block;
	font-size: 13px;
	height: 32px;
	line-height: 32px;
	/*margin-top: 2px;*/
	padding: 0 0 0 18px;
}
#leftNav h3 a:hover{
	background-position: left -32px;
}
#leftNav h3 a.selected, #leftNav h3 a.selected:hover{
	background: url("../image/left-nav-h3-selected.png") no-repeat left top;
	color: #fff;
}
/*End Left Nav*/

/*Begin Category Page*/
#catTop p{
	color: #666;
	font-size: 1.4em;
	line-height: 1.21em;
	margin-bottom: 19px;
}
#catTop p a{
	color: #00467F;
	text-decoration: underline;
}
#catBreadcrumb a{
	color: #00467F;
	display: block;
	font-family: Univers, Geneva;
	font-size: 2.8em;
	margin: 21px 0 12px;
}
#japCatTitle h3 {
	color: #00467F;
	display: block;
	font-family: Univers, Geneva;
	font-size: 2.8em;
	margin: 21px 0 12px;
}
#productCategory li{
	background: #F0F0F0 url("../image/category-arrow.png") no-repeat right top;
	cursor: pointer;
	margin-bottom: 9px;
	overflow: hidden;
	padding: 4px;
	position: relative;
	width: 588px;
}
#productCategory li.over{
	background: #0075C1 url("../image/category-arrow-over.png") no-repeat right top;
}
#productCategory a img{
	float: left;
	height: 80px;
	margin-right: 4px;
	width: 137px;
}
#productCategory img.catWaves{
	height: 36px;
	left: 6px;
	position: absolute;
	top: 46px;
	width: 133px;
}
.productContent{
	float: left;
	width: 446px;
}
.productContent h3 a{
	color: #0074C0;
	font-size: 1.5em;
	height: 28px;
	line-height: 28px;
	padding-left: 7px;
}
#productCategory li.over h3 a{
	color: #fff;
}
.productContent p{
	background: #fff;
	color: #333;
	font-size: 1.2em;
	line-height: 16px;
	padding: 10px;
}
.productContent h4{
	display: none;
}
/*End Category Page*/

/*Begin Product Page*/
.addthis_toolbox{
	float: right;
}
.addthis_toolbox div{
	overflow: hidden;
}
.addthis_button_compact{
	background: url("../image/share.png") no-repeat left top;
	cursor: pointer;
	float: left;
	height: 27px;
	text-indent: -999em;
	width: 52px;
}
.addthis_button_print{
	background: url("../image/print.png") no-repeat left top;
	cursor: pointer;
	float: left;
	height: 27px;
	text-indent: -999em;
	width: 54px;
}
.productHead{
	border-bottom: 1px solid #E7EFF6;
	clear: right;
	height: 194px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	position: relative;
	width: 596px;
}
.individualPage .productHead{
	margin-top: 10px;
}
.productHead.eBanking{
	border: 0;
	margin-bottom: 20px;
	padding-bottom: 0;
}
.productHead .waves{
	left: 0;
	position: absolute;
	top: 100px;
}
.productHead h1{
	color: #fff;
	font-family: Univers, Geneva;
	font-size: 2.8em;
	left: 20px;
	line-height: 1.143em;
	position: absolute;
	top: 24px;
	width: 330px;
}
#applyNow a{
	background: url("../image/button-apply-now.png") no-repeat left top;
	cursor: pointer;
	height: 22px;
	left: 20px;
	position: absolute;
	text-indent: -999em;
	top: 150px;
	width: 135px;
}
a.applyNow{
	display: block;
	background: url("../image/button-apply-now.png") no-repeat left top;
	cursor: pointer;
	height: 22px;
	text-indent: -999em;
	width: 135px;
}
a.applyNowJp{
	display: block;
	background: url("../image/button-apply-now-jp.png") no-repeat left top;
	cursor: pointer;
	height: 22px;
	text-indent: -999em;
	width: 135px;
}

#enrollNow a{
	background: url("../image/button-enroll.png") no-repeat left top;
	cursor: pointer;
	height: 22px;
	left: 20px;
	position: absolute;
	text-indent: -999em;
	top: 150px;
	width: 135px;
}
#applyNow a:hover,
a.applyNow:hover,
a.applyNowJp:hover,
#enrollNow a:hover{
	background-position: left -22px;
}
#productDetails h2{
	color: #00467F;
	font-size: 1.6em;
	line-height: 1em;
	margin-bottom: 8px;
}
#productDetails h3{
	color: #00467F;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3333em;
	margin-bottom: 8px;
}
#productDetails p{
	color: #333;
	font-size: 1.2em;
	line-height: 1.3333em;
	margin-bottom: 10px;
	width: 555px;
}
#productDetails p.zeroPaddingParagraph{
	margin-bottom: 0;
}
#productDetails p.disclaimer{
	color: #888;
	font-size: 10px;
}
#productDetails ul{
	padding-bottom: 8px;
}
#productDetails li{
	color: #333;
	font-size: 1.2em;
	line-height: 1.3333em;
	list-style-type: disc;
	margin-left: 15px;
}
#productDetails li.textVariant1{
	margin-bottom: 16px;
}
#productDetails a{
	color: #0075C1;
	text-decoration: underline;
}
#tellMeMoreButton{
	height: 13px;
	margin: 8px 0 16px;
	width: 96px;
}
#tellMeMoreButton a{
	display: block;
}
#productTabs{
	background: url("../image/tab-bg.png") repeat-x left 61px;
	overflow: visible;
	position: relative;
}
#productTabs dt{
	color: #0075C1;
	font-size: 12px;
}
#productTabs dt:hover{
	color: #0cf;
}
#productTabs.on dt{
	cursor: pointer;
	display: inline;
	float: left;
	height: 21px;
	margin-right: 4px;
	padding-top: 45px;
	text-align: center;
}

/* eBanking Direct */
#productTabs.on dt.onlineBanking.selected{
	background-position: center top;
}
#productTabs.on dt.onlineBanking{
	background: url("../image/tabs-online-banking.png") no-repeat center -64px;
	width: 112px;
}
#productTabs.on dt.billPay.selected{
	background-position: center top;
}
#productTabs.on dt.billPay{
	background: url("../image/tabs-bill-pay.png") no-repeat center -64px;
	width: 70px;
}
#productTabs.on dt.bankToBank.selected{
	background-position: center top;
}
#productTabs.on dt.bankToBank{
	background: url("../image/tabs-bank-to-bank.png") no-repeat center -64px;
	width: 154px;
}
#productTabs.on dt.scanner.selected{
	background-position: center top;
}
#productTabs.on dt.scanner{
	background: url("../image/tabs-scanner.png") no-repeat center -64px;
	width: 120px;
}
#productTabs.on dt.financeCenter.selected{
	background-position: center top;
}
#productTabs.on dt.financeCenter{
	background: url("../image/tabs-finance-center.png") no-repeat center -64px;
	margin-right: 0;
	width: 122px;
}


#productTabs.on dt.selected{
	/*background: #fff url("../image/tab-selected-bg.png") repeat-x left top;*/
	border-left: 1px solid #EAEAEA;
	border-right: 1px solid #EAEAEA;
	color: #00467F;
	font-weight: bold;
}
#productTabs.on dd{
	left: 0;
	padding: 25px 18px;
	position: absolute;
	top: 64px;
	width: 555px;
}
/*End Product Pages*/

/*Begin All Downstream*/
.individualPage{
	padding-bottom: 8px;
}
#withImage{
	border-bottom: 1px solid #E7EFF6;
	height: 194px;
	margin: 28px 0 20px;
	padding-bottom: 20px;
	position: relative;
	width: 596px;
}
#withImage h1{
	color: #fff;
	font-family: Univers, Geneva;
	font-size: 2.8em;
	left: 20px;
	line-height: 1.143em;
	position: absolute;
	top: 24px;
	width: 280px;
}
.individualPage h2{
	color: #00467F;
	font-size: 1.6em;
	line-height: 1em;
	margin-bottom: 8px;
}
.individualPage h3{
	color: #00467F;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3333em;
}
.individualPage p{
	color: #333;
	font-size: 1.2em;
	line-height: 1.3333em;
	margin-bottom: 8px;
}
.individualPage p.disclaimer{
	color: #888;
	font-size: 10px;
}
.individualPage p.textVariant1{
	padding-left: 20px;
}
.individualPage p.zeroPaddingParagraph{
	margin-bottom: 0;
}
.individualPage ul, #rates ul{
	padding-bottom: 8px;
}
.individualPage ul li, #rates ul li{
	color: #333;
	font-size: 1.2em;
	line-height: 1.3333em;
	list-style-type: disc;
	margin-left: 15px;
}
.individualPage a, #rates a{
	color: #0075C1;
	text-decoration: underline;
}
/*End All Downstream*/

/*Begin Map Page*/
h1.pageHead, #froisearch-resultsHeader{
	color: #00467F;
	font-family: Univers, Geneva;
	font-size: 2.8em;
	line-height: 1.143em;
	margin: 24px 0 16px;
}
#map{
	height: 248px;
	margin-bottom: 20px;
}
#locList{
	border-top: 1px solid #E7EFF6;
	padding-top: 20px;
}
#locList li{
	background: #F0F0F0;
	overflow: hidden;
	padding: 6px 5px;
	width: 586px;
}
#locList li li{
	background: #FFF;
	height: auto;
	overflow: hidden;
	padding: 0;
}
.timeName{
	float: left;
	width: 100px;
}
#locList img{
	float: left;
	height: 171px;
	margin-right: 7px;
	width: 217px;
}
#locList .branchInfo{
	background: #fff;
	float: left;
	height: 178px;
	padding: 5px 0 9px 14px;
	width: 346px;
}
#locList .branchStuff{
	margin-bottom: 4px;
	overflow: hidden;
	width: 340px;
}
#locList .branchInfo h3{
	color: #333;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.333em;
	width: 110px;
}
#locList .stuffRight{
	color: #333;
	float: right;
	font-size: 1.2em;
	line-height: 1.333em;
	width: 230px;
}
#locList .extraPadding{
	margin-top: 5px;
}
/*End Map Page*/

/*Begin Rates Page*/
.theRates{
	border-bottom: 1px solid #E7EFF6;
	padding-bottom: 6px;
}
#rates h2{
	background: #d0e7f9 url("../image/rates-header-bg.jpg") no-repeat right top;
	color: #0075C1;
	cursor: pointer;
	font-size: 1.5em;
	height: 30px;
	line-height: 30px;
	margin-top: 16px;
	padding-left: 13px;
}
#rates h2.open{
	background-position: right -30px;
}
#rates table{
	margin-bottom: 6px;
	width: 100%;
}
#rates .sameW .nth-column-1{
	width: 272px;
}
#rates .checking .sameW .nth-column-1{
	width: 269px;
}
#rates th{
	background: #9FABB7;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	padding-left: 13px;
}
#rates td{
	background: #F0F0F0;
	color: #333;
	font-size: 1.2em;
	line-height: 24px;
	padding-left: 13px;
}
#rates .nth-row-odd td{
	background: #fff;
}
#rates p, #rates h3{
	color: #666;
	font-size: 1.2em;
	line-height: 1.2em;
	padding-left: 5px;
}
/*End Rates Page*/

/*Begin Contact Page*/
#contactUs form{
	border: 5px solid #F0F0F0;
	margin-bottom: 25px;
	padding: 17px 12px;
}
#contactUs fieldset{
	overflow: hidden;
}
#contactUs ol{
	/*float: left;
	margin-right: 24px;
	width: 335px;*/
}
#contactUs li{
	margin-bottom: 5px;
	overflow: hidden;
}
#contactUs label{
	color: #333;
	float: left;
	font-size: 1.2em;
	padding-right: 10px;
	width: 150px;
}
#contactUs label em{
	color: #666;
	font-size: 10px;
}
#contactUs label.error{
	color: #f00;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 161px;
	width: 230px;
}
#contactUs input{
	border: 1px solid #ccc;
	width: 230px;
}
#contactUs #roi-captchaCode{
	width: 197px;
}
#contactUs textarea{
	border: 1px solid #ccc;
	height: 116px;
	width: 230px;
}
#contactUs #captcha{
	/*float: left;*/
	margin-left: 160px;
	width: 200px;
}
#contactUs h4{
	color: #333;
	font-size: 1.2em;
	margin-bottom: 2px;
}
#contactUs img{
	margin-bottom: 5px;
}
#contactUs p.error{
	color: #f00;
}
#contactUs .submitButton{
	background: url("../image/button_submit.jpg") no-repeat left top;
	border: 0;
	cursor: pointer;
	display: block;
	height: 24px;
	margin-left: 160px;
	overflow: hidden;
	padding-top: 22px;
	text-indent: -999em;
	width: 142px;
	float: left;
}
#contactUs .submitButton:hover{
	background-position: left -24px;
}
#moreContact{
	border: 5px solid #F0F0F0;
	overflow: hidden;
	padding: 17px 12px 12px;
	width: 562px;
}
#moreContact li{
	float: left;
	margin-left: 0;
	width: 140px;
}
#moreContact li.last{
	width: 240px;
}
#contactUs h3{
	color: #333;
	font-size: 1em;
}
/*End Contact Page*/

/*Begin Search Page*/
#froisearch-form{
	display: none;
}
#froisearch-results li{
	list-style-type: none;
	margin: 0 0 11px 0;
	padding: 9px;
}
#froisearch-results li.over{
	background: #D3E5F1;
	cursor: pointer;
}
#froisearch-results h2{
	margin-bottom: 0;
}

/* Begin JP Portal */
#bannersWrap {
    float:left;
    display:block;
    width:678px;
    height:370px;
    position:relative;
    overflow:hidden;
}
ul#bannersNav {
    position:absolute;
    bottom: 7px;
    right: 26px;
    z-index:100;
    height:16px;
}
ul#bannersNav li {
    display:block;
    float:left;
    width:7px;
    height:7px;
    margin-right:7px;
    overflow:hidden;
    text-indent:-999px;
    cursor:pointer;
	background:url('../image/banner-slides/nav-inactive.png') 0 0 no-repeat;
}
ul#bannersNav li.nth-child-1 {
	background:url('../image/banner-slides/nav-inactive.png') 0 0 no-repeat;
}
ul#bannersNav li:hover,
ul#bannersNav li.selected{
    background:url('../image/banner-slides/nav-active.png') 0 0 no-repeat;
}
.banner {
	position:absolute;
	top:0;
	left:0;
	width:678px;
    height:370px;
	display:none;
	color:#FFF;
}
.banner.selected {
    display:block;
}
.banner a {
	display: block;
	width:678px;
    height:370px;
}
#banner1 {
    background:url('../image/banner-slides/slide1.png') 0 0 no-repeat;
}
/* end banner */
#jpPortal #contentLeft {
	background-position: 235px top;
	width: 250px;
}
#jpPortal #leftNav h2 {
	background-image: url("../image/left-nav-jp-h2-bg.png");
}
#jpPortal #leftNav h2 a {
	font-size: 12px;
}
#jpPortal #leftNav h2 a.inPath, #jpPortal #leftNav h2 a.inPath:hover {
	width: 222px;
}
#jpPortal #leftNav h2 a.selected, #jpPortal #leftNav h2 a.selected:hover {
	background-image: url("../image/left-nav-jp-h3-selected.png");
	width: auto;
}
#jpPortal #leftNav h3 a {
	background-image: url("../image/left-nav-jp-h3-bg.png");
	font-size: 11.5px;
}
#jpPortal #leftNav h3 a.selected, #jpPortal #leftNav h3 a.selected:hover {
	background-image: url("../image/left-nav-jp-h3-selected.png");
}
#jpPortal #productDetails h2,
#jpPortal .individualPage h2 {
	margin-top: 20px;
}
#jpPortal #productDetails p.disclaimer {
	font-size: 11px;
}
#jpPortal #catTop h2 {
	color: #666666;
    font-size: 1.6em;
	font-weight:bold;
    line-height: 1.21em;
    margin-bottom: 12px;
}
#jpPortal #catTop p.zeroPaddingParagraph {
	margin-bottom:0;
}
#jpPortal sup {
	font-size: 8px;
	padding: 0 5px 0 3px;
	vertical-align: top;
}
#hawaiian #productTabs {
	background-position: left 71px;
}
#hawaiian #productTabs.on dt {
	height: 27px;
	font-size: 11px;
	padding-top: 47px;
}
#productTabs.on dt.eBankingDirect.selected{
	background-position: center top;
}
#productTabs.on dt.eBankingDirect{
	background: url("../image/tabs-jp-ebanking.png") no-repeat center -64px;
	width: 145px;
}
#productTabs.on dt.checking.selected{
	background-position: center top;
}
#productTabs.on dt.checking{
	background: url("../image/tabs-jp-ebanking.png") no-repeat center -64px;
	width: 170px;
}
#productTabs.on dt.savings.selected{
	background-position: center top;
}
#productTabs.on dt.savings{
	background: url("../image/tabs-jp-ebanking.png") no-repeat center -64px;
	width: 155px;
}
#productTabs.on dt.loans.selected{
	background-position: center top;
}
#productTabs.on dt.loans{
	background: url("../image/tabs-jp-ebanking.png") no-repeat center -64px;
	margin-right: 0;
	width: 112px;
}
#productTabs.on dt.save.selected{
	background-position: center top;
}
#productTabs.on dt.save{
	background: url("../image/tabs-jp-ebanking.png") no-repeat center -64px;
	width: 146px;
}
#productTabs.on dt.use.selected{
	background-position: center top;
}
#productTabs.on dt.use{
	background: url("../image/tabs-jp-ebanking.png") no-repeat center -64px;
	width: 146px;
}
#productTabs.on dt.other.selected{
	background-position: center top;
}
#productTabs.on dt.other{
	background: url("../image/tabs-jp-ebanking.png") no-repeat center -64px;
	width: 145px;
}
#productTabs.on dt.faqs.selected{
	background-position: center top;
}
#productTabs.on dt.faqs{
	background: url("../image/tabs-jp-ebanking.png") no-repeat center -64px;
	margin-right: 0;
	width: 145px;
}

#jpPortal #locations p {
	font-size: 1.2em;
}
#jpPortal #locList {
	border: none;
}
#jpPortal #locList img {
	height: 151px;
	width: 197px;
}
#jpPortal #locList .branchInfo {
	height: auto;
	width: 366px;
}
#jpPortal #locList .branchStuff {
	width: 360px;
}
#jpPortal #locList .branchInfo h3 {
	clear: both;
	font-size: 1.15em;
	width: 150px;
}
#jpPortal #locList .stuffRight {
	width: 210px;
}
/* End JP Portal */







/*===== Special =======================*/
/* Popup form styling */
body.popup {
background: #D3E5F1;
overflow: hidden;
border: none;
min-width: 100%;
}

body.popup h1.title{
	background: #fff;
	color: #00467F;
	font-family: Univers, Geneva;
	font-size: 28px;
	line-height: 32px;
	padding-left: 10px;
}

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

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

body.popup p {
margin: 1em;
font-size:1.2em;
}

body.popup form {
overflow: hidden;
}

body.popup h1 {
padding: 10px;
margin: 0;
display: block;
background-color: #000;
color: #fff;
font-size: 2em;
font-weight: normal;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body.popup img#popupLogo {
margin: 14px auto 0;
display: block;
float: none;
}

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

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

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

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

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

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

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

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

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

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;
}
body.popup #obLoginInner h2 {
margin: 0;
font-weight: normal;
text-align: left;
font-size: 14px;
}

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

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

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

#popup_message {
padding-left: 48px;
}

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

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