/***********************************
MAIN STYLESHEET
created:	10/11/2011
for:		MB Financial

COLOR PALLETTE:
Black			#000000		rgb(0, 0, 0)
Red				#d81118		rgb(216, 17, 24)
Dark Gray		#808083		rgb(128, 128, 131)
Light Gray		#707174		rgb(112, 113, 116)
***********************************/

/***********************************
SITE HEADER
***********************************/
#siteHeader {
	width:960px;
	position:relative;
}
#siteHeader .top { height:145px; }
#siteHeader .bottom { display:inline-block; /* gives hasLayout for IE */ }
#siteHeaderInner { width:100%; line-height:0; }
#siteHeaderLinks,
#siteHeaderLoginArea,
#siteNav {
	clear:right;
	width:810px;
	float:right;
}
#siteHeaderLinks { height:16px; padding-top:8px; }
#siteHeaderLoginArea { height:51px; padding-top:18px; }
#siteNav { height:50px; }
/**** Logo ****/
#siteLogo {
	background:#d81118;
	display:block;
	width:150px;
	height:145px;
	float:left;
	border-bottom:none;
	color:#fff;
}
/**** Utility Links ****/
#siteHeaderLinks ul.vList {
	float:right;
}
#siteHeaderLinks a {
	color:#363636;
	border-bottom-color:#363636;
	text-decoration:none;
}
#siteHeaderLinks .phone {
	color:#d81118;
}

/**** Search Form (locatd in header and search results module) ****/
#siteHeaderLoginArea .searchBox {
	float:left;
}
.searchBox {
	position:relative;
}
.searchBox .placeholder {
	margin-top:0;
	left:0px;
	bottom:4px;
}
.searchBox .submit {
	width:30px;
	height:28px;
	padding:0;
	margin:0;
	float:left;
	position:relative;
}
.searchBox .submit input[type=submit] {
	width:100%;
	height:100%;
	border:0 none;
	outline:0 none;
	background:url(/media/icon_search.png) 50% 50% no-repeat;
	/* text-indent:-9999px; */
	font-size:0;
}
.searchBox input {
	width:220px;
	height:30px;
	float:left;
	border-right:0 none;
}

/***********************************
DROP DOWN MENU STRUCTURE
NOTE:	Structure is required to function
			with full accessibility; Use
			extreme caution when editing
***********************************/
.dropDown {
	position:relative;
	/* width:750px; */
}

/* link positioning */
/* .dropDown .topLevel {float:left;} */

/* menu positioning */
.dropDown .menu {position:absolute;}
.dropDown .menu.left {left:0;}
.dropDown .menu.right {right:0;}

/* show / hide .menu on hover */
.dropDown .menu,
.dropDown :hover .menu .menu,
.dropDown :focus .menu .menu {
	margin-top:-9999px;
}
.jsOff .dropDown .topLevel:hover > .menu,
.jsOff .dropDown .topLevel:focus > .menu,
.dropDown .topLevel.open .menu  /* class added by jquery */{
	margin-top:0;
}
/* show .menu link when focused... */
.jsOff .dropDown .menu a:focus {
	position:relative;
	top:9999px;
}
/* and keep it showing when hovering over the .menu AND focused on the link */
.jsOff .dropDown:hover .menu a:focus,
.dropDown .topLevel.open .menu a:focus /* class added by jquery */ {
	position:static;
	top:0;
}

/***********************************
DROP DOWN DEFAULT STYLES
***********************************/
.dropDown .menu {
	background:#fff;
	z-index:300;
	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,.4);
	-moz-box-shadow:0px 0px 4px rgba(0,0,0,.4);
	box-shadow:0px 0px 4px rgba(0,0,0,.4);
}

/**** default styles when link is focused ****/
.jsOff .dropDown .menu a:focus {
	min-width:126px;
	display:block;
	line-height:20px;
	padding:4px 18px;
	margin:-6px -18px 0;
	background:#fff;
	border:0 none;
	-webkit-box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	box-shadow: 0 0 6px #000;
}
.jsOff .dropDown .menu .ad a:focus {
	margin:-15px -15px 0;
	padding:15px;
}
/* resets when link is focused but menu is hovered */
.jsOff .dropDown:hover .menu a:focus {
	min-width:0;
	display:inline;
	line-height:1;
	padding:0;
	margin:0;
	background:transparent;
	border:0 none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}


/***********************************
LOGIN MENU
***********************************/
/**** Login Menu ****/
#siteHeaderLoginArea {
	/* width:355px; */
}
#siteHeaderLoginArea .content {
	float:right;
}
#loginMenu {
	height:33px;
	float:left;
	margin-right:15px;
	position:relative;
	z-index:500;
}
#loginMenu .btn.red {
	text-transform:uppercase;
}
#loginMenu .btn.red  span.arrow {
	background:url(/media/sprite_arrowdown.png) 0 0 no-repeat;
	width:7px;
	height:9px;
	display:inline-block;
	padding-left:3px;
}
.jsOff #loginMenu .btn.red span.arrow {
	display:none;
}
#loginMenu .topLevel.open .shdwMask {
	display:block;
	width:100%;
	height:10px;
	left:0;
	bottom:0;
}
.jsOff #loginMenu .shdwMask,
.jsOff #loginMenu .shdwMask {
	display:none;
}
#loginMenu .menu {
	width:355px;
}
#loginMenu .menu h3 {
	font-size:13px;
}
#loginMenu .menu ul.links li {
	width:150px;
}
#loginMenu .menu .col1 {
	float:left;
}
#loginMenu .menu .col2 {
	float:right;
}
#loginMenu .row1,
#loginMenu .row2 {
	padding:10px 20px;
}
#loginMenu .row1 {
	border-bottom:1px solid #cccccc;
}
#loginMenu .row2 {
	background-color:#eeeeee;
	border-top:1px solid #ffffff;
	overflow:hidden;
	margin-top:0;
	padding-bottom:4px;
}
#loginMenu .row1 ul.vList {
	overflow:hidden;
}
#loginMenu .row1 ul.vList li {
	margin-left:10px;
}
#loginMenu .row1 ul.vList li:first-child {
	margin-left:0;
}
#iBank {
	position:relative;
}
#iBank label a,
#iBank label {
	font-size:16px;
	font-weight:bold;
}
#iBank label.placeholder {
	font-size:12px;
	font-weight: normal;
}
#iBank #ecuid,
#iBank .submit {
	margin:10px 0;
}
#iBank #ecuid {
	border-right:0 none;
	float:left;
	height:30px;
	width:232px;
}
#iBank .placeholder {
	bottom:15px;
	left:0;
	margin-top:0;
}
#iBank .submit {
	float:left;
	height:30px;
	padding:0 14px;
}
#loginMenu .menu ul.links li,
#loginMenu .menu h2,
#loginMenu .menu h3 {
	margin-bottom:6px;
}
#loginMenu .menu h2 {
	font-size:14px;
	font-weight:normal;
	margin-bottom:10px;
}
.jsOff #loginMenu .menu {
	display:none;
}
#loginMenu .topLevel.open > .btn.red {
	-webkit-box-shadow:0px 0px 4px rgba(0,0,0,.4);
	-moz-box-shadow:0px 0px 4px rgba(0,0,0,.4);
	box-shadow:0px 0px 4px rgba(0,0,0,.4);
}
.jsOff #loginMenu:hover,
.jsOff #loginMenu .btn.red:focus {
	-webkit-box-shadow:0 none;
	-moz-box-shadow:0 none;
	box-shadow:0 none;
}
#loginMenu .topLevel.open > .btn.red {
	background:#fff;
	color:#000;
	text-shadow:none;
	filter:none;
	margin-bottom:-1px;
	outline:0 none !important;
}
.jsOff #loginMenu:hover .btn.red,
.jsOff #loginMenu .btn.red:focus {
	background:#dd1b22; /* Old browsers */
	background:-moz-linear-gradient(top, #dd1b22 0%, #d81118 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd1b22), color-stop(100%,#d81118)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #dd1b22 0%,#d81118 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #dd1b22 0%,#d81118 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #dd1b22 0%,#d81118 100%); /* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd1b22', endColorstr='#d81118',GradientType=0 ); /* IE6-9 */
	background:linear-gradient(top, #dd1b22 0%,#d81118 100%); /* W3C */
}
.jsOff #loginMenu:hover .btn.red span.arrow,
.jsOff #loginMenu .btn.red:focus span.arrow,
#loginMenu .topLevel.open .btn.red span.arrow {
	background-position:0 -10px;
}
/* positioning for focused links */
.jsOff #loginMenu ul.links a:focus {
	position:absolute;
	bottom:0;
	left:18px;
	margin-top:-1px;
	padding-bottom:25px;
}
/* resets focused link when menu is hovered */
.jsOff #loginMenu:hover ul.links a:focus {
	position:static;
	bottom:auto;
	left:auto;
	margin-top:0;
	padding-bottom:0;
}

/***********************************
SKIN FOR SITE NAVIGATION DROP DOWN
***********************************/
/**** Skip Link positioning ****/
#siteNav > .skipLink:focus {
	left:0;
	bottom:100%;
	margin-bottom:-11px;
}
/**** Defaults ****/
#siteNav {
	width:810px;
	height:50px;
	padding:0;
	position:relative;
	z-index:400;
	background:transparent;
	-webkit-box-shadow:1px -2px 2px rgba(0,0,0,.1);
	-moz-box-shadow:1px -2px 2px rgba(0,0,0,.1);
	box-shadow:1px -2px 2px rgba(0,0,0,.1);
}
#siteNav .menu {
	background:#fff;
}
/**** Top Level Links ****/
#siteNav .topLevel {
	width:162px;
	margin:0;
	padding:0;
	float:left;
}
#siteNav .topLevel > a.btn {
	display:block;
	padding:0;
	height:50px;
	border-left:0 none;
	line-height:49px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.jsOn #siteNav .topLevel > a.btn {
	background:#ffffff; /* Old browsers */
	background:-moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
	background:linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* W3C */
}
.jsOn #siteNav > .topLevel.open > a.btn {
	background:#fff;
	filter:none;

	-webkit-box-shadow:0px 2px 12px rgba(0,0,0,.4);
	-moz-box-shadow:0px 2px 12px rgba(0,0,0,.4);
	box-shadow:0px 2px 12px rgba(0,0,0,.4);
	position:relative;
}
#siteNav > .topLevel > a.btn.current {
	color:#d81118;
}
.jsOff #siteNav .topLevel:hover .shdwMask,
.jsOff #siteNav .topLevel:focus .shdwMask,
#siteNav .topLevel.open .shdwMask {
	display:block;
	width:161px;
	height:15px;
	bottom:-2px;
	z-index:500;
}
/**** Menus ****/
#siteNav .menu {
	background:#fff;
	padding:20px 2px 40px;
	min-width:482px;
	min-height:201px;
	z-index:100;
	-webkit-box-shadow:0px 2px 12px rgba(0,0,0,.4);
	-moz-box-shadow:0px 2px 12px rgba(0,0,0,.4);
	box-shadow:0px 2px 12px rgba(0,0,0,.4);
}
#siteNav .menu .tagline {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	display:block;
	font-size:14px;
	font-weight:normal;
	color:#000;
	text-decoration:none;
	border:0 none;
	cursor:default;
	background:#efefef;
	margin:0;
	padding:10px 20px;
	z-index:100;
}
#siteNav h3, #siteNav .menu li {
	margin-bottom:8px;
	line-height:135%;
}
#siteNav .menu li {
	margin-bottom:0;
	margin-top:8px;
}
#siteNav .menu .col {
	width:155px;
	margin:0;
	padding:0 18px;
	float:left;
	border-right:1px dotted #D5D5D5;
}
#siteNav .narrow .menu .col {
	width:204px;
}
#siteNav .menu .col.ad {
	width:195px;
	margin-bottom:10px;
}
#siteNav .menu .ad a {
	border-bottom:0 none;
	display:inline-block;
	line-height:0;
}
#siteNav .menu .ad img {
	margin:0 auto;
}
#siteNav .menu .big.bold {
	line-height:1;
}
/**** #siteNav with JS disabled ****/
.jsOff #siteNav .menu {
	display:none;
}
.jsOff #siteNav .topLevel .shdwMask {
	display:none !important;
}

/***********************************
BANNERS / IMAGE ROTATORS IN HEADER
***********************************/
#siteBanner {
	width:960px;
	margin:0;
}
#siteBanner, #siteBanner a {
	line-height:0;
}
#siteBanner h1, #siteBanner h2 {
	color:#fff;
	letter-spacing:-1px;
	position:absolute;
	left:20px;
	bottom:10px;
	margin:0;
	padding:0;
}
.homePgA #siteBanner h2, .homePgB #siteBanner h2 {
	font-size:26px;
	font-weight:normal;
	left:40px;
	letter-spacing:0;
	bottom:19px;
}
#siteBanner .ibanking .btn {
	line-height:180%;
	position:absolute;
	right:0;
	bottom:30px;
}

/***********************************
BREADCRUMB
***********************************/
#siteBreadcrumb {
	height:38px;
	width:930px;
	padding:0 15px;
	background:#404040;
	overflow:hidden;
}
#siteBreadcrumb li, #siteBreadcrumb li a {
	color:#fff;
	line-height:38px;
	margin:0;
	border-bottom-color:#fff;
}
#siteBreadcrumb li.current h1 {
	font-size:12px;
	font-weight:normal;
	letter-spacing:0;
	line-height:38px;
	color:#ccc;
	text-decoration:none;
	cursor:default;
	border-bottom:0 none;
}

/***********************************
FOOTER
***********************************/
#siteFooter .top {
	position:relative;
}
#siteFooter .bottom {
	clear:both;
	padding-top:15px;
	margin-top:15px;
	border-top:1px solid #c1c1c1;
}
#siteFooterTagline {
	color:#808080;
	font-size:26px;
	font-family:Prada, serif;
	font-weight:normal;
	text-transform:lowercase;
	position:absolute;
	right:0;
	bottom:4px;
	border-bottom:none;
}
#siteFooter .bottom a {
	color:#363636;
	border-bottom-color:#363636;
}
#siteFooter .bottom .social {
	float:right;
}
#siteFooter #socialLink {
	float:right;
}
#siteFooter .social li {
	margin-left:7px;
}
#siteFooter .social li:first-child {
	margin-left:0;
}
#siteFooter .social li a {
	background:url(/media/sprite_social.png) 0 0 no-repeat;
	width:22px;
	height:22px;
	display:block;
	border-bottom:0 none;
	line-height:22px;
}
#siteFooter .social .twitter a { background-position:-29px 0; }
#siteFooter .social .linkedin a { background-position:-58px 0; }
#siteFooter .social .youtube a { background-position:-87px 0; }
#siteFooter .social a:hover, #siteFooter .social a:focus {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity:.6;
	-moz-opacity:.6;
}
#siteFooter .copyright {
	clear:both;
	color:#707174;
	float:left;
	font-size:11px;
	margin:21px 0;
	width:100%;
}
#siteFooter .fdic {
	width:17px;
	height:19px;
	margin:-5px 7px 0 0;
	display:block;
	float:left;
	background:url(/media/logo_fdic.png) 0 0 no-repeat;
}
#siteFooter .copyText {
	margin-left:30px;

}


/***********************************
MODULES
***********************************/



#shareButtons .social li {
	margin-left:9px;
    margin-top: 0px;
}
#shareButtons .social li:first-child {
	margin-left:0;
}
#shareButtons .social li a {
	background:url(/media/sprite_share.png) 0 0 no-repeat;
	width:28px;
	height:28px;
	display:block;
	border-bottom:0 none;
	line-height:28px;
}
#shareButtons .social .twitter a { background-position:0 0; }
#shareButtons .social .linkedin a { background-position:-37px 0; }
#shareButtons .social .email a { background-position:-74px 0; }
#shareButtons .social .print a { background-position:-111px 0; }

#shareButtons .social a:hover, #siteFooter .social a:focus {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity:.6;
	-moz-opacity:.6;
}


/**** Image Text Links module ****/
/* column layouts */
.imgTextLinks .moduleContent {
}
/**** News & Events Articles Image Text Links module ****/
.imgTextLinks.articles .date {
	margin-bottom:10px;
	display:block;
}

/**** Image Tout module ****/

/**** Search Results module ****/
/* search form */
.searchResults form.searchBox .col {
	float:left;
}
.searchResults form.searchBox .col.one {
	width:auto;
	margin-right:10px;
	margin-top:2px;
}
.searchResults form.searchBox .col.two {
	width:auto;
	position:relative;
}
.searchResults .searchBox {
	margin-top:18px;
	margin-bottom:30px;
}
.searchResults .searchBox label {
	font-size:16px;
}
.searchResults .searchBox .placeholder {
	left:18px;
	font-size:12px;
}
.searchResults .searchBox input {
	margin:0;
	float:left;
	width:220px;
}
.searchResults .searchBox .submit {
	float:left;
}
.searchResults div.clear {
	clear:both;
}
.searchResults form.searchBox + div.clear > p.big {
	margin-bottom:8px;
}
/* search results */
#searchResults {
	border-top:1px dotted #d5d5d5;
	padding-top:8px;
	margin:0;
}
#searchResults li {
	padding-bottom:8px;
	margin-bottom:8px;
	position:relative;
	border-bottom:1px dotted #d5d5d5;
}
#searchResults .no {
	width:18px;
	margin-right:10px;
	float:left;
	text-align:right;
	font-weight:bold;
}
#searchResults .result {
	margin-left:28px;
}
#searchResults li p {
	margin:0;
}
.searchResults a.prevPg {
	margin-left:5px;
	margin-right:5px;
}
.searchResults span.disabled {
	color:#d2d2d2;
}

/**** Footnotes module ****/
.footnotes { padding-top:20px; }
.rail3 .footnotes { padding-top:8px; } /* from plain text comp */
.footnotes.b { padding-top:0 !important; }
.footnotes.b .moduleContent { padding-top:0 !important; }
.footnotes .moduleContent {
	padding:15px 0 0;
	margin-bottom:0;
	border-top:1px dotted #d2d2d2;
}
.footnotes p {
	padding-top:5px;
}
.footnotes p:first-child {
	padding-top:0;
}
.footnotes p, .footnotes strong {
	font-size:11px;
	color:#5e5e5e;
	margin:0;
	text-align:justify;
	line-height:140%;
}
.footnotes a {
	font-size:11px;
	line-height:140%;
}
.footnotes a.top {
	margin-left:5px;
}
.footnotes sup {
	padding-left:0;
	font-weight:bold;
}

/**** Mini Branch Locator Module ****/
.jsOff .miniBranchLocator #miniResultsWrap {
	display:none;
}

.homePgA .miniBranchLocator .moduleContent,
.homePgB .miniBranchLocator .moduleContent {
	margin-bottom:0;
}
.miniBranchLocator .form, .miniBranchLocator p {
	position:relative;
}
.miniBranchLocator .form {
	max-width:235px;
	padding:15px;
	padding-bottom:95px;
	border:1px solid #d5d5d5;
	background:url(/media/branchlocator.jpg) 0 100% no-repeat;
}
.rail1 .miniBranchLocator .form {
	max-width:206px;
}
.miniBranchLocator.form fieldset {
	width:auto;
	position:relative;
}
.miniBranchLocator .form .row {
	margin-top:0;
}
.miniBranchLocator .form .row.areaField {
	padding-bottom:5px;
}
.miniBranchLocator .form label.checkbox:first-child {
	margin-top:0;
}
.miniBranchLocator .form .area {
	width:100%;
	margin-bottom:5px !important;
}
.miniBranchLocator form input[type=text] {
	min-width:0;
}
.miniBranchLocator form .submit {
	float:right;
	padding-left:10px;
	padding-right:10px;
	z-index:10;
}
.miniBranchLocator form .submit button {
	text-transform:uppercase;
}
.miniBranchLocator form .advanced {
	margin-top:7px;
	line-height:15px;
	float:left;
}
/* small branch locator */
#wrapper .miniBranchLocator fieldset {
	margin-top:0;
}
.miniBranchLocator.small form {
	padding:0;
	background:none;
	border:0 none;
}
.miniBranchLocator.small fieldset {
	margin:0;
}
.jsOff .miniBranchLocator .address:hover .error {
	display:none;
}
.miniBranchLocator .address .error {
	width:90%;
	cursor:text;
}
.miniBranchLocator .error,
.miniBranchLocator .error.show {
	left:8px;
	top:32px;
}
.miniBranchLocator .address .error {
	color:#bd0d17;
}
.miniBranchLocator .checkbox .error,
.miniBranchLocator .checkbox .error.show {
	width:100px;
	left:auto;
	top:0;
	right:0;
}
.tabbedNav #miniResultsWrap {
	border:1px solid #d5d5d5;
	padding:15px 12px 30px;
}

/**** Branch Locator module ****/
.branchLocator h2.title,
.branchLocator #branchLocator {
	width:700px;
	margin-bottom:40px;
	float:left;
}
.branchLocator .form fieldset {
	width:700px;
	margin-top:0;
}
.branchLocator p.alignR,
.branchLocator .ad {
	float:right;
}
.branchLocator h2.title {
	margin-bottom:20px;
}
.branchLocator p.alignR {
	margin-top:20px;
}
.branchLocator form fieldset + .row,
.branchLocator form legend + .row {
	padding-top:0;
}
.branchLocator .form .col {
	width:194px;
}
.branchLocator .form .col + .col {
	width:224px;
	padding-left:16px;
}
.branchLocator .form .col label {
	text-align:right;
	float:right;
}
.branchLocator .form .col + .col label {
	float:none;
	text-align:left;
	margin:0 0 5px;
}
.branchLocator .form .row.showHideWrap {
	padding:15px 0;
	margin-top:10px;
	border-top:1px dotted #d5d5d5;
	border-bottom:1px dotted #d5d5d5;
	position:relative;
}
.branchLocator .form .row.showHideWrap .showHideContent:last-child {
	border-bottom:0 none;
}
.branchLocator .showHideContent.open {
	padding-bottom:0;
}
.branchLocator .form .row.showHideWrap .showHideTrigger {
	border-top:0 none;
}
.branchLocator .form .row.showHideWrap a.showHideTrigger {
	position:absolute;
	bottom:8px;
	line-height:120%;
}
.branchLocator .form .row.showHideWrap a.showHideTrigger:hover,
.branchLocator .form .row.showHideWrap a.showHideTrigger:focus {
	margin-bottom:-1px;
}
.branchLocator .form .row.showHideWrap p {
	margin-bottom:5px;
}
.branchLocator .form .row.showHideWrap p.alignR {
	margin:0;
}
.branchLocator .form input {
	margin-top:0;
}
.branchLocator .form input.submit {
	margin-bottom:15px;
}
.branchLocator .form .errorsWrap {
	margin-top:0;
}
.branchLocator .form label .error {
	width:230px;
	text-align:left;
	left:450px;
	top:0;
}
.branchLocator .form legend + .row label .error {
	top:0;
}
.jsOff .advancedOptions {
	display:none;
}
/* results */
.branchLocator #results {
	clear:both;
	padding-top:30px;
	border-top:4px solid #e1e1e1;
}
.branchLocator #results #branchResultsMapContainer {
	clear:both;
	float:left;
	margin-right:20px;
	width:391px;
}
.branchLocator #results #branchResultsMap {
	height:510px;
	width:391px;
	margin-bottom:20px;
	border:3px solid #ccc;
}
.jsOff .branchLocator #results #branchResultsMap {
	height:auto;
}
.branchLocator #branchResultsListContainer {
	width:525px;
	position:relative;
	float:right;
	zoom:1;
}
#branchResultsList h2 {
	float:left;
}
#branchResultsList .paginator.top {
	float:right;
	margin-top:3px;
}
#branchResultsList table {
	margin-top:0;
	margin-bottom:15px;
	border:0 none;
	clear:both;
	border-bottom:1px dotted #d5d5d5;
}
/* branch results table width */
#branchResultsList table tbody th.brlNumber {
	width:25px;
	min-width:25px;
}
#branchResultsList table tbody td.brlLocation {
	width:155px;
}
#branchResultsList table tbody td.brlHours {
	width:180px;
}
#branchResultsList table tbody td.brlServices {
	width:145px;
}
#branchResultsList table td,
#branchResultsList table th {
	padding:5px 8px 15px 8px;
	vertical-align:top;
}
#branchResultsList table td {
	padding:15px 8px;
}
#branchResultsList table td.brlLocation{
}
#branchResultsList table td.brlHours{
}
#branchResultsList table td.brlServices{
}
#branchResultsList table th {
	padding:8px 8px 6px;
}
#branchResultsList table h3 a {
	font-size:12px;
	line-height:135%;
}
#branchResultsList table tbody td,
#branchResultsList table tbody th {
	border:0 none;
	background:transparent;
}
#branchResultsList table thead th,
#branchResultsList table tfoot th{
}
#branchResultsList table thead th.brlLocation {
	border-left:1px solid #d1d1d1;
}
#branchResultsList table tr td, #branchResultsList table tbody tr th {
	border-bottom:1px dotted #d5d5d5;
}
#branchResultsList table tr.hcard:hover {
	background:#fafafa;
}
#branchResultsList table tfoot {
	display:none;
}
#branchResultsList th.brlNumber {
	padding:15px 0;
}
#branchResultsList th.brlNumber a {
	width:25px;
	height:25px;
	background-color:#ec1f27;
	color:#fff;
	display:block;
	font-size:15px;
	font-weight:normal;
	line-height:25px;
	text-align:center;
	text-decoration:none;
	border:0 none;
}
#branchResultsList .typeRange div {
	display:inline;
}
#branchResultsList .brlLocation h3 {
	margin:0;
	font-size:12px;
}
#branchResultsList .brlServices ul {
	margin-top:0;
}
#branchResultsList .brlServices ul li {
	margin:0;
}
#branchResultsList .brlServices .note ul {
	margin-bottom:10px;
}
#branchResultsList .brlServices a {
	margin-right:10px;
}
#branchResultsList  .street-address {
	display:block;
}
#branchResultsList .tel .type,
#branchResultsList .geo {
	display:none;
}
#branchResultsList td.brlHours {
}
.infoBoxInner .hoursLabel,
#branchResultsList .hoursLabel {
    font-weight: bold;
}
.infoBoxInner .hoursLabel:not(:first-child),
#branchResultsList .hoursLabel:not(:first-child) {
    margin-top: 5px;
}
#branchResultsList .brlHoursForDay .title {
	display:inline-block;
	*display:inline;
	width:55px;
	zoom:1;
}
#branchResultsList .brlHoursForDay .value {
	display:inline-block;
	*display:inline;
	width:95px;
	margin-left:10px;
	zoom:1;
}
/* infobox */
.infoBox {
	padding-top:13px;
	width:238px;
}
.infoBoxWedge {
	background:url(/media/info_box_wedge.gif) top center no-repeat;
	height:13px;
	left:0;
	position:absolute;
	top:0;
	width:248px;
	z-index:2;
}
.infoBoxInner {
	background-color:white;
	color:#363636;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
	-o-box-shadow:0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
	-ms-box-shadow:0 0 10px rgba(0,0,0,0.5);
	z-index:1;
}
.infoBoxInner h3 {
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:24px 18px 0 18px;
	line-height:135%;
}
.infoBoxInner .typeRange {
	padding:0 18px;
}
.infoBoxInner .typeRange div {
	display:inline;
}
.infoBoxInner .adr {
	padding:0 18px 0 18px;
}
.infoBoxInner .adr .street-address {
	display:block;
}
.infoBoxInner .tel {
	padding:0 18px 0 18px;;
}
.infoBoxInner .tel .type {
	display:none;
}
.infoBoxInner .links {
	padding:0 18px 12px 18px;
}
.infoBoxInner .links ul {
	margin:0;
	padding:0;
}
.infoBoxInner .links li {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
}
.infoBoxInner .brlDriveUpHours,
.infoBoxInner .brlHours {
	padding:6px 18px;
	margin:6px 0;
	border-bottom:1px solid #d2d2d2;
	border-top:1px solid #d2d2d2;
}
.infoBoxInner .brlHours .title,
.infoBoxInner .brlDriveUpHours .day {
	display:inline-block;
	*display:inline;
	width:70px;
	zoom:1;
}
.infoBox img {
	background:url(/media/info_box_close_bg.gif) top left no-repeat;
	height:14px;
	width:46px;
	z-index:1000;
}
.infoBox img:hover {
	background:url(/media/info_box_close_bg.gif) bottom left no-repeat;
}
/* paginator */
.paginator {
	text-align:right;
	zoom:1;
}
.paginator .paginatorPagesPage, .paginator .paginatorPagesPrev,
.paginator .paginatorPagesCurrent {
	margin-right:4px;
}
.paginatorRange {
	display:inline;
}
.paginatorPages {
	margin-bottom:15px;
	display:inline-block;
	*display:inline;
	text-align:right;
	width:215px;
	zoom:1;
}
.paginatorSimple .paginatorPages {
	display:inline;
	width:auto;
}
.paginatorPagesCurrent {
	color:#000;
	font-weight:bold;
}
.paginatorSimple .paginatorPagesCurrent,
.paginatorSimple .paginatorPagesPage {
	display:none;
}
.paginatorSimple .paginatorAll {
	display:none;
}

/**** News & Events module ****/
.homePgA .newsEventsWrap .moduleContent,
.homePgB .newsEventsWrap .moduleContent {
	margin-bottom:0;
}
.newsEvents {
	margin-bottom:4px;
}
.newsEvents li {
	margin-top:19px;
	padding-top:19px;
	overflow:hidden;
}
.newsEvents li:first-child {
	padding-top:0;
	margin-top:0;
}
.newsEventsWrap .newsEvents + p {
	margin-top:19px;
	padding-top:15px;
	border-top:1px dotted #d2d2d2;
}
.newsEvents h3, .newsEvents p {
	margin-left:130px;
}
.newsEvents .date {
	float:left;
}
/* if title needs to be a link and the color still needs to be red*/
/*.newsEvents h3, .newsEvents h3 a { */
.newsEvents h3, .newsEvents h3 a {
	color:#d81118;
	border:0 none;
}
.newsEvents h3 a:hover,
.newsEvents h3 a:focus {
	color:#5E5D5D;
	border-color:#5E5D5D;
	text-decoration:none;
}
/* toggle image */
.newsEvents.noImg li {
	border-top:1px dotted #d2d2d2;
}
.newsEvents.noImg li:first-child {
	border-top:0 none;
}
.newsEvents li img {
	margin-top:4px;
}
.newsEvents.noImg img {
	display:none;
}
.newsEvents.noImg h3, .newsEvents.noImg p {
	margin-left:0;
}
/* toggle posted date */
.newsEvents.noDate .date {
	display:none;
}
.newsEvents.noDate .more.floatRight {
	float:none;
}

/**** Comparison Table module ****/
table.comparison th[scope="row"] {
	width:20%;
}
table.comparison.twoCol td {
	width:40%;
}
table.comparison.threeCol td {
	width:26.6%;
}
table.comparison.fourCol td {
	width:20%;
}
.comparison h2.title {
	margin-bottom:3px;
}
/* comparison table */
table.comparison {
	margin-bottom:20px;
	margin-top:22px;
	border:0 none;
}
table.comparison td,
table.comparison td * {
	line-height:120%;
}
table.comparison td .btn {
	line-height:160%;
}
table.comparison th, table.comparison td {
	border:3px solid #fff;
}
/* table.comparison td {
	min-width:105px;
}
 */table.comparison .noBorderTop th,
table.comparison .noBorderTop td {
	border-top:0 none !important;
}
table.comparison .noBorderBottom th,
table.comparison .noBorderBottom td {
	border-bottom:0 none !important;
}
table.comparison td,
table.comparison tfoot th {
	background:#e9e9e9;
}
table.comparison tfoot td,
table.comparison tfoot th {

}
table.comparison th[scope=row] {
	background:#fff;
	font-size:12px;
}
table.comparison th[scope=col] {
	line-height:140%;
	font-size:15px;
	color:#fff;
	background: #3c3b3b url(/media/backgrounds/gradient_tablecomparison.png) bottom left repeat-x; /* Old browsers */
	background: -moz-linear-gradient(top, #3c3b3b 0%, #222222 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3b3b), color-stop(100%,#222222)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #3c3b3b 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #3c3b3b 0%,#222222 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #3c3b3b 0%,#222222 100%); /* IE10+ */
	background: linear-gradient(top, #3c3b3b 0%,#222222 100%); /* W3C */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3b3b', endColorstr='#222222',GradientType=0 ); IE6-9 */
}
table.comparison th[scope=col] a,
table.comparison th[scope=col] a:hover,
table.comparison th[scope=col] a:focus {
	font-size:15px;
	line-height:140%;
	color:#ffffff;
	border:0 none;
	border-color:#ffffff;
}
table.comparison th[scope=col] a:hover,
table.comparison th[scope=col] a:focus {
	text-decoration:underline;
}
table.comparison th[scope=col] a.btn:hover,
table.comparison th[scope=col] a.btn:focus {
	text-decoration:none;
}
table.comparison th[scope=col] a.btn,
table.comparison .btn {
	font-size:12px;
	display:inline-block;
}
table.comparison h2 {
	color:#fff;
}
/* comparison table spacing */
table.comparison td,
table.comparison th {
	padding:9px 14px;
	vertical-align:top;
}
table.comparison th[scope=col] {
	padding-top:15px;
	padding-bottom:15px;
}
table.comparison th[scope=col] p {
	margin:8px 0 0;
}
table.comparison th[scope=row] {
	padding:6px 10px 6px 0;
	border-left:0 none;
}
table.comparison td p,
table.comparison td h3,
table.comparison td h2 {
	margin:0;
	padding:0;
}
table.comparison td p {
	margin-top:4px;
}
table.comparison td p:first-child {
	margin-top:0;
}
table.comparison tfoot td {
	padding-bottom:14px;
}
table.comparison tfoot td h3 {
	margin-bottom:0;
}
table.comparison tfoot td .btn.red {
	margin-top:4px;
}


/**** Defaults for All Carousel / Page modules ****/
/* styles for when js is disabled */
.jsOff .moduleWrap.carousel.home { padding:0 18px; }
.jsOff .carousel .slideLeft,
.jsOff .carousel .slideRight,
.jsOff .carousel .slideControl {
	display:none; /* hides page controls when js disabled */
}
.moduleWrap.carousel {
	position:relative;
	padding-bottom:0;
	overflow:hidden;
}
.carousel { /* javascript controls display of this when it loads */
	display:none;
}

/**** Home Page Carousel module ****/
.content .moduleWrap.carousel.home {
	margin-top:25px;
}
.carousel .moduleContent {
	margin-bottom:2px;
}
.jcarousel-container #homePgCarousel {
	height:auto;
}
.moduleWrap.carousel .fix {position:absolute; width:1px; right:0; top:0; bottom:0; background:#fff;}
/* prev/next buttons */
.carousel .slideLeft, .carousel .slideRight {
	display:block;
	width:10px;
	height:17px;
	margin-top:66px;
	position:relative;
	background:url(/media/sprite_prevnextbtns.png) 0 0 no-repeat;
	z-index:100;
	border-bottom:0 none;
}
.carousel .slideLeft {
	float:left;
	margin-left:8px;
}
.carousel .slideRight {
	float:right;
	margin-right:8px;
	background-position:0 -20px;
}
/* carousel viewer */
#homePgCarousel {
	position:relative;
	overflow:hidden;
	margin:0;
}
.jsOn #homePgCarousel {
	width:923px !important;
}
#homePgCarousel li {
	width:307px;
	padding:0;
	margin:0 0 20px;
	border-right:1px dotted #d5d5d5;
}
#homePgCarousel li h2 {
	margin-top:2px;
	margin-bottom:10px;
	font-size:30px;
	line-height:28px;
	letter-spacing:-1px;
}
#homePgCarousel li h2.floatLeft {
	margin-right:15px;
}
#homePgCarousel img {
	margin-top:8px;
}
#homePgCarousel li h2.floatLeft + img.floatLeft {
	margin:7px 0 0;
}
#homePgCarousel li h2 span {
	display:block;
}
#homePgCarousel li p {
	margin-top:0;
	margin-bottom:12px;
	clear:both;
}
#homePgCarousel h2,
#homePgCarousel p,
#homePgCarousel img {
	margin-right:13px;
	margin-left:20px;
}
#homePgCarousel li a {
	display:block;
	border:0 none;
	cursor:default;
}
#homePgCarousel li sup {
	font-size:.6em;
}
#homePgCarousel li sup a {
	display:inline;
}
#homePgCarousel li .btn {
	padding:5px 14px;
	margin:0 20px;
	cursor:pointer;
}

/**** Carousel module on personal page ****/
#carouselPersonal {
	width:960px;
	height:217px;
	position:relative;
	overflow:hidden;
}
#carouselPersonal img, #carouselPersonal li {
	margin:0;
}
#carouselPersonal .slideControlWrap {
	width:916px;
	padding:0 22px;
	position:absolute;
	left:0;
	bottom:20px;
	z-index:1000;
}
#carouselPersonal .slideControl {
	float:right;
}
#carouselPersonal .slideControl a {
	width:8px;
	height:8px;
	margin-left:8px;
	border:0 none !important;
	display:block;
	float:left;
	text-indent:-9999px;
	background:#9e9c9c;
	overflow:hidden;
}
#carouselPersonal .slideControl a.active,
#carouselPersonal .slideControl a:hover,
#carouselPersonal .slideControl a:focus {
	background:#fff;
}

/**** Accordion module ****/
/* functionality for all accordions */
.showHideContent {
	overflow:hidden;
	height:0;
	display:block;
}
.showHideContent.open {
	height:auto;
	padding-bottom:12px;
}
.showHideWrap {
	position:relative;
}
.showHideWrap.showOnHover .showHideContent {
	position:absolute;
	top:100%;
	left:0;
}
/* with JS disabled */
.jsOff .showHideContent {
	height:auto;
	padding-bottom:12px;
}
.jsOff .showHideTrigger .icon {
	display:none;
}
.jsOff .showHideWrap h3.showHideTrigger a {
	padding-left:0;
	color:#000;
	cursor:default;
}
.jsOff .showHideWrap .toggle {
	display:none;
}
.jsOff .showHideWrap.showOnHover .showHideContent {
	height:0;
}
.jsOff .showHideWrap.showOnHover .showHideContent:hover,
.jsOff .showHideWrap.showOnHover .showHideContent:focus {
	height:auto;
}
/* default styling for all .showHideWraps */
.showHideWrap .showHideContent.last {
	border-bottom:1px dotted #d5d5d5;
}
.showHideWrap .showHideTrigger {
	border-top:1px dotted #d5d5d5;
}
.showHideWrap h3 {
	display:block;
	margin:0;
	font-size:12px;
}
.showHideWrap h3 a {
	display:block;
	margin:0;
	padding:12px 20px;
	color:#000;
	border-bottom:0 none;
	position:relative;
	font-size:14px;
}
.showHideWrap h3.noLink {
	padding:12px 0;
	border-bottom:1px dotted #d5d5d5;
}
.showHideWrap h3.first a {
	border-top:0 none;
}
.showHideWrap.leftNav h2 a:hover, .showHideWrap.leftNav h2 a:focus {
	color:#5e5d5d;
	text-decoration:none;
}
.showHideWrap h3 a:hover, .showHideWrap h3 a:focus {
	color:#5e5d5d;
	text-decoration:none;
}
.showHideWrap.leftNav h3.open:hover a {
	color:#5e5d5d;
	text-decoration:none;
}
.showHideWrap h3.open a,
.showHideWrap h3.open:hover a,
.showHideWrap h3.open:focus a {
	color:#d81118;
	text-decoration:none;
}
.showHideWrap h3 a,
.showHideWrap h3:hover a,
.showHideWrap h3:active a,
.showHideWrap h3:focus a {
	outline:0 none;
	text-decoration:none;
}
.showHideWrap h3 .icon {
	background:url(/media/sprite_accordionplusminus.png) 0 -10px no-repeat;
	width:10px;
	height:10px;
	display:block;
	position:absolute;
	left:4px;
	top:15px;
}
.showHideWrap h3.open .icon {
	background-position:0 0;
	margin-top:4px;
}
.showHideContent p:first-child {
	margin-top:0;
}

/* Accordion module on Business Landing Pg */
.showHideWrap.business .showHideContent .col1 {
	width:205px;
	float:left;
}
.showHideWrap.business .showHideContent .col2 {
	width:395px;
	float:left;
}
.showHideWrap.business .showHideContent.noImg .col1 {
	width:0;
}
.showHideWrap.business .showHideContent.noImg .col2 {
	width:600px;
}
.showHideWrap.business .showHideContent {
	clear:both;
}
.showHideWrap.business p {
	margin-bottom:7px;
	margin-top:0;
}
.showHideWrap.business h2.title {
	color:#000;
	font-size:21px;
	margin-bottom:11px;
	letter-spacing:0;
}
.showHideWrap.business ul.twoCol {
	overflow:auto;
	margin-top:0;
	margin-bottom:2px;
}
.showHideWrap.business ul.twoCol li, .showHideWrap.business ul.twoCol li:first-child,
.showHideWrap.business ul.twoCol li + li {
	width:175px;
	margin:0 0 5px;
}
.showHideWrap.business h3 a,
.showHideWrap.business h3.noLink {
	padding-top:11px;
	padding-bottom:11px;
}

/**** Left Nav module ****/
.leftNav h2 {
	margin:0;
	padding-bottom:8px;
	border-bottom:4px solid #ccc;
	font-size:14px;
}
.leftNav h2 a {
	color:#000;
}
.leftNav h2 a.active {
	color:#d81118;
}
.leftNav h3 a {
	padding-left:0;
	padding-right:0;
	font-size:12px;
	font-weight:normal;
	border-bottom:1px dotted #d5d5d5;
}
.leftNav h3.active {
	font-size:12px;
}
.leftNav h3.open a {
	font-weight:bold;
	color:#000;
}
.leftNav a.noBorder {
	padding-bottom:0;
}
.leftNav ul {
	margin-top:0;
}
.leftNav ul a {
	padding-left:15px;
}
.leftNav ul ul a {
	padding-left:30px;
}
.leftNav li {
	margin:0;
}
.leftNav .active a, .leftNav .active,
.leftNav .active a:hover, .leftNav .active a:focus,
.leftNav .active:hover, .leftNav .active:focus {
	font-weight:bold;
	color:#d81118;
	cursor:text;
}
.leftNav h4.open a {
	font-weight:bold;
	color:#000;
}
.leftNav ul span {
    padding-left: 15px;
}
.leftNav ul ul span {
    padding-left: 30px;
}

/**** Branch Details Left Nav module ****/
.leftNav.branchDetails h2 {
	padding-bottom:10px;
	margin-bottom:12px;
	border-bottom:4px solid #ccc;
}
.leftNav.branchDetails p {
	padding-bottom:8px;
	margin:8px 0;
}

/**** Tabs modules ****/
/* defaults for all tabbed modules */
.tabbedNav {
	width:100%
}
.tabbedNav .openHtml:first-child {
	margin-top:0;
}
.tabContainer {
	overflow:hidden;
}
.tabContent {
	padding-top:30px;
	clear:both;
	overflow:hidden;
}
.jsOn .tabContent {
	padding-top:16px;
	display:none;
}
.tabContent .back {
	clear:both;
	display:none;
}
.tabbedNav h2.title {
	margin-bottom:8px;
}
.tabbedNav .col1 {
	float:left;
	width:420px;
}
.tabbedNav .col2 {
	float:right;
	width:240px;
}
.tabbedNav .tabContainer .col2 {
	width:230px;
}
.tabbedNav .tabContainer .b .col1 {
	width:310px;
}
.tabbedNav .tabContainer .b .col2 {
	width:340px;
}
/* with JS disabled */
.jsOff .tabContent .back {
	display:block;
}

/* Interest Rates module */
.productDetails h2 {
	font-size:18px;
}
.productDetails h2.title {
	font-size:30px;
}
.productDetails .sep,
.productDetails .sepDotted {
	margin:20px 0 24px;
}

/* Product Details tabbed module */
.productDetails .cta {
	margin-top:20px;
}
.productDetails .col1, .productDetails .col2 {
	margin-bottom:10px;
}
.productDetails .cta .col1 {
	width:auto;
	margin-bottom:0;
	margin-right:18px;
}
.productDetails .cta .col2 {
	width:172px;
	margin-bottom:0;
	float:left;
}
.productDetails .cta .col2 p:first-child {
	margin-top:6px;
}
.productDetails .cta .btn + .btn {
	float:none;
}
.productDetails .cta .btn.questions {
	padding:6px 10px 5px;
	position:relative;
	top:1px;
}
.productDetails .cta.col2 {
	margin-top:-16px;
}
.productDetails .cta.col2 p {
	width:100%;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* for webkit browsers only */
	.productDetails .cta.col2 div.floatRight {

	}
}
.productDetails .form fieldset {
	width:auto;
}

/* Online Banking Login module */
.obLogin {
	width:940px;
	margin-bottom:12px;
}
.obLogin .moduleContent {
	margin-bottom:25px;
	margin-top:23px;
}
.obLogin h2, .obLogin p, .obLogin .signIn {
	display:inline;
	padding-left:12px;
}
.obLogin h2 {
	padding-left:15px;
}
.obLogin h2:first-child {
	padding-left:0;
}
.obLogin h2 {
	font-size:18px;
}
.obLogin .signIn {
	float:right;
	padding-left:0;
}
.obLogin .signIn p {
	padding-right:10px;
	position:relative;
	bottom:4px;
	float:left;
}
.jsOff .obLogin .signIn p {
	padding-right:0;
	margin-top:4px;
}
.jsOff .obLogin .signIn .btn.red {
	margin-left:8px;
}
.obLogin .dropDown {
	margin-top:1px;
	position:relative;
	z-index:500;
}
.jsOff .obLogin .dropDown {
	display:none;
}
.jsOn .obLogin .dropDown {
	display:block;
}
.obLogin .dropDown .topLevel .field {
	height:28px;
	width:190px;
	text-indent:5px;
	text-decoration:none;
	margin-bottom:-1px;
	border:1px solid #ccc;
	border-right:0 none;
	line-height:28px;
	display:block;
	float:right;
	background:url(/media/dropdownarrow.png) no-repeat 100% -1px;
}

.obLogin .dropDown a {
	color:#363636;
}
.obLogin .dropDown > p {
	float: left;
}
.obLogin .dropDown .menu {
	width:100%;
	max-height:160px;
	overflow:auto;
	margin-bottom:0;
	top:100%;
	position:absolute;
	background:#fff;
	-webkit-box-shadow:0px 0 4px rgba(0,0,0,.4);
	-moz-box-shadow:0px 0 4px rgba(0,0,0,.4);
	box-shadow:0px 0 4px rgba(0,0,0,.4);
}
.jsOff .obLogin .dropDown .menu {
	display:none;
}
.obLogin .dropDown .menu.open {
	padding: 10px 0;
}
.obLogin .dropDown h3,
.obLogin .dropDown .menu a {
	padding:3px 16px;
}
.obLogin .dropDown h3,
.obLogin .dropDown .menu li {
	margin:0;
	font-size: 12px;
}
.obLogin .dropDown .menu ul {
	margin-top:0;
	margin-bottom:3px;
}
.obLogin .dropDown .menu a {
	display:block;
	margin:0;
	padding-left:26px;
	border:0 none;
	line-height: 130%;
}
.obLogin .dropDown .menu h3 a {
	color:#000;
}
.obLogin .dropDown .menu li a:hover,
.obLogin .dropDown .menu li a:focus {
	background:#efefef;
}

/**** 404 Error module ****/
.error404 .moduleContent {
	max-width:385px;
	padding:0 0 80px;
}
.error404 p.big, .error404 p.big a {
	font-size:16px;
	line-height:140%;
}
.error404 .searchBox {
	margin-bottom:30px;
	margin-top:25px;
}
.error404 .searchBox input[type=text] {
	margin:0;
}
.error404 .searchBox .submit {
	width:auto;
	height:30px;
	padding:0 14px;
}
.error404 .searchBox .submit button {
	background:transparent;
	border:0 none;
	outline:0;
	color:#fff;
	font-size:13px;
}

/**** Login module ****/
.login {
	padding-top:16px;
}
.login .form.login {
	border-bottom:1px solid #d2d2d2;
	margin-bottom:15px;
}
.login .form label {
	font-size:14px;
}
.login .form.login fieldset, .login .form.login {
	width:240px;
}
.login h2.title {
	padding-left:20px;
	font-size:18px;
	letter-spacing:0;
	background:url(/media/iconsecure.png)  no-repeat 0 3px;
}
.login .col1, .login .col2 {
	float:left;
}
.login ul {
	width:300px;
}
.login ul li {
	width:150px;
	float:left;
}
.login .form.login label .error {
	left:260px;
	top:28px;
	/* padding:3px 8px;
	background:#ffdbdb; */
}

/**** Logged Off module ****/
.loggedOff .col {
	margin-bottom:5px;
	width:319px;
}
.loggedOff .btn.dark {
	margin-right:10px;
}
.loggedOff h2.title {
	font-size:18px;
	letter-spacing:0;
}

/**** Guard My Card form module ****/
.guardMyCard .moduleContent {
	margin-bottom:0;
}

/**** Guard My Card Success module ****/
.guardSuccess {
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
}
.guardSuccess h2.title {
	margin-bottom:22px;
	color:#000;
}
.guardSuccess .success {
	padding:20px 20px 20px 70px;
	margin-bottom:25px;
	border:1px solid #ccc;
	background:url(/media/icon_success.png) 20px 20px no-repeat;
}
.guardSuccess .success h2 {
	margin-bottom:6px;
}
.guardSuccess .success p {
	margin:0;
}

/**** Branch Details module ****/
.branchDetails .col1 {
	width:470px;
	float:left;
}
.branchDetails .col2 {
	width:220px;
	float:right;
}
.branchDetails .col1 ul.redsquare {
	margin-left:0;
}
.branchDetails .col1 ul.redsquare li {
	width:160px;
	margin-right:15px;
	float:left;
}
.branchDetails .col1 ul.redSquare {
	margin-left:0;
}
.branchDetails .col1 ul.redSquare li {
	width:160px;
	margin-right:15px;
	float:left;
}
.branchDetails .col1 img {
	margin-bottom:13px;
}
.branchDetails .details {
	margin-bottom:30px;
}
.branchDetails .map {
	clear:both;
}
.branchDetails #branchMapSingle {
	height:360px;
	width:444px;
	border:3px solid #ccc;
}
.branchDetails .details .col2 .day {
	width:70px;
	display:inline-block;
}

/**** Loan MOdification Request module ****/
.modificationRequest label.checkbox {
	padding-bottom:0;
}
.modificationRequest p.notice {
	width:422px;
	padding:8px;
	margin:15px 0 0;
	display:block;
	border:1px solid #fddb65;
	background:#fbfbd3;
}

/**** Loan Modification Success module ****/
.modificationSuccess h2.title {
	margin-bottom:22px;
	color:#000;
}
.modificationSuccess .colWrap {
	padding-top:15px;
	margin-top:15px;
	border-top:1px solid #ccc;
}
.modificationSuccess p.notice {
	padding:10px 8px;
	margin-top:15px;
	display:block;
	border:1px solid #fddb65;
	background:#fbfbd3;
}
.modificationSuccess p.notice + ul {
	margin-top:16px;
}


/* columns for lead generation modules */
.leadWealth .colWrap .col,
.leadBusiness .colWrap .col {
	width:315px;
}
/**** Lead Gen Wealth module ****/
.jsOn .leadWealth .form select {
	width:201px;
}


/**** Customer Updates module ****/
.homePgA .customerUpdates .moduleContent,
.homePgB .customerUpdates .moduleContent {
	margin-bottom:0;
}
.customerUpdates h2 {
	margin-bottom:16px;
}
.customerUpdates li {
	margin-bottom:18px;
}
.customerUpdates li .title {
	padding-bottom:5px;
	display:block;
}
.customerUpdates li .date {
	padding-top:5px;
	display:block;
}

/***********************************
INTERSTITIAL MODAL (2 variables)
	- External Link Interstitial
	- Credit Terms & Conditions Interstitial
***********************************/
/* common elements */
#interstitial.show {
	position:absolute;
	bottom:0;
	top:0;
	left:0;
	right:0;
	z-index:1000;
}
#interstitial.show .bg {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:#000;
	background:rgba(0,0,0,.5);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:alpha(opacity=50);
}
#interstitial .modal {
	background:none repeat scroll 0 0 #FFFFFF;
	box-shadow:0 0 8px rgba(0, 0, 0, 0.8);
	left:255px;
	margin-top:-115px;
	padding:0;
	position:absolute;
	top:50%;
	width:450px;
	z-index:1000;
}
#interstitial .modal .heading {
	background:#f6f6f6; /* Old browsers */
	background:-moz-linear-gradient(top, #ffffff 0%, #e9e9e9 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
	background:linear-gradient(top, #ffffff 0%,#e9e9e9 100%); /* W3C */
	border-bottom:1px solid #ccc;
	padding:18px 75px 18px 20px;
	position:relative;
}
#interstitial .modal .heading h3,
#interstitial .modal .heading h2 {
	text-shadow:1px 1px 0 #fff;
	color:#000;
	margin:0;
}
#interstitial .heading .close {
	font-size:12px;
	font-weight:normal;
	line-height:120%;
	position:absolute;
	right:20px;
	top:23px;
}
#interstitial .moduleContent .heading .close {
	display:none;
}
#interstitial.show .content {
	padding:15px 20px;
}
#interstitial .content p:first-child,
#interstitial .footer p.alignR {
	margin-top:0;
}
#interstitial .footer {
	border-top:1px solid #ccc;
	margin:0 20px;
	padding:15px 0;
	overflow:hidden;
}
#interstitial .moduleContent .footer,
#mainContentCol1 #interstitial .moduleContent .footer {
	margin:0;
}

/* Specific to Exit Link Interstitial */
#interstitial .moduleContent .content {
	padding:0;
	margin:0;
}
#interstitial .exitLink .content p {
	font-size:14px;
}
#interstitial .moduleContent.exitLink .footer {
	border-top:0 none;
}

/* Specific to Terms & Conditions Interstitial */
#interstitial .termsConditions {
	left:80px;
	margin-top:0;
	top:75px;
	width:800px;
}
#interstitial .termsConditions .content {
	margin:0;
	padding:0;
}
#interstitial .modal.termsConditions .content {
	max-height:450px;
	overflow-x:hidden;
	overflow-y:scroll;
}
#interstitial .termsConditions .contentInner {
	margin:20px;
}
#interstitial .moduleContent.termsConditions .contentInner {
	margin:20px 0;
}
#interstitial .termsConditions th[scope="col"] {
	background:#363636;
	border:1px solid #363636;
	color:#ffffff;
	font-size:16px;
}
#interstitial .termsConditions th,
#interstitial .termsConditions td {
	border:1px solid #cccccc;
}
#interstitial .termsConditions th p {
	font-weight:normal;
}
#interstitial .termsConditions .footer form {
	margin-top:5px;
}
#interstitial .moduleContent.termsConditions .footer form {
	width:100%;
}
#interstitial .moduleContent.termsConditions .footer form input.submit {
	padding-top:7px;
	padding-bottom:7px;
}
#interstitial .termsConditions .footer p {
	margin:0;
}
#interstitial .termsConditions .footer .btn.red.disabled {
	background:#cccccc;
	filter:none;
	text-shadow:none;
	cursor:default !important;
	outline:none;
}

/* show & display functionality */

.deleteModuleButton { display:none !important; }

/***********************************
FAQ Module
***********************************/
#faqList {
	border-bottom:1px dotted #d5d5d5;
}

/***********************************
Contact Us module
***********************************/
.contactUs .row.address label.noText {
	margin-top:8px;
}

/***********************************
Marketing 1 & 2 modules
***********************************/
/**** common elements ****/
.marketing1 h2.title,
.marketing2 h2.title {
	font-size:30px;
}
.marketing1 h2 ,
.marketing2 h2 {
	font-size:22px;
}
.marketing1 h2 .apy,
.marketing2 h2 .apy {
	font-size:18px;
}
.marketing1 h2 .medium,
.marketing2 h2 .medium {
	font-size:22px;
}
/**** marketing 1 module ****/
.marketing1 h2.title {
	margin-top:60px;
	line-height:1;
}
.marketing1 .btn.dark {
	margin-left:10px;
}
/**** marketing 2 module ****/
.marketing2 .marketingBanner {
	position:relative;
	margin-bottom:20px;
}
.marketing2 .marketingBanner img {
	margin-bottom:0;
}
.marketing2 .marketingBanner  p.right {
	position:absolute;
	right:0;
	bottom:20px;
	margin:0;
}
.marketing2 .marketingBanner  p.left {
	position:absolute;
	left:20px;
	bottom:20px;
	margin:0;
}
.marketing2 #mainContentCol1 ul.redsquare {
	margin-left:0;
	font-size:14px;
}
.marketing2 #mainContentCol2 ul.redsquare + p {
	margin-top:20px;
	margin-bottom:20px;
}
.marketing2 #mainContentCol1 ul.redSquare {
	margin-left:0;
	font-size:14px;
}
.marketing2 #mainContentCol2 ul.redSquare + p {
	margin-top:20px;
	margin-bottom:20px;
}
.marketing2 #miniBranchLocator {
	margin-top:26px;
}
.marketing2 #miniBranchLocator h3 {
	margin:0;
}
.marketing2 #miniBranchLocator .row.areaField {
	margin-top:10px;
}
.marketing2 #miniBranchLocator .row {
	margin-top:0;
}
.marketing2 #miniBranchLocator input#area {
	margin-top:15px;
}
.marketing2 #miniBranchLocator .btn.red {
	margin-right:0;
}
.marketing2 .footnotes {
	margin-top:0;
}
.marketing2 .miniBranchLocator .error, .marketing2 .miniBranchLocator .error.show {
	top:auto;
	bottom:14px;
}
.branchListing .hoursLabel {
    font-weight: bold;
    width: 60px;
    display: inline-block;
}
/***********************************
Popup module
***********************************/
.popup #siteHeaderLinks {
	padding-top:15px;
}
.popup #siteLogo,
.popup #siteLogo img {
	width:105px;
	height:99px;
	display:block;
}
.popup #siteLogo {
	background:url(/media/logoHeaderSmall.png) no-repeat;
}

/***********************************
FAQs module
***********************************/
.faq h2.title {
	margin-bottom:3px;
}
.faq h2.title + p.alignR {
	margin-bottom:7px;
}
.faq.showHideWrap .showHideContent {
	margin-top:-3px;
}
.faq.showHideWrap h3 .icon {
	top:16px;
}

/***********************************
RateWatch module
***********************************/
/* height of first chart (all values should be equal) */
#rateWatch { padding-bottom:170px; }
#rateWatch .chart,
#rateWatch .barWrapMB .bar { height:170px; }

/* module */
#rateWatch {
	width:338px;
	padding-top:14px;
	border:1px solid #d2d2d2;
	text-align:center;
	position:relative;
}
#rateWatch .barWrapMB {
	float:left;
	left:10px;
	margin-top:6px;
	position:relative;
	width:106px;
}
#rateWatch .barWrapMB .bar {
	position:absolute;
	left:8px;
	top:100%;
	background:#ed1c24; /* Old browsers */
	background:-moz-linear-gradient(top, #ed1c24 0%, #dd1b22 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed1c24), color-stop(100%,#dd1b22)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #ed1c24 0%,#dd1b22 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #ed1c24 0%,#dd1b22 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #ed1c24 0%,#dd1b22 100%); /* IE10+ */
	background:linear-gradient(top, #ed1c24 0%,#dd1b22 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#dd1b22',GradientType=0 ); /* IE6-9 */
}
#rateWatch .barWrapMB .barBlurb {
	margin-bottom:4px;
}
#rateWatch .chart {
	width:214px;
	position:absolute;
	bottom:0;
	right:0;
}
#rateWatch .barWrap {
	width:96px;
	position:absolute;
	bottom:0;
}
#rateWatch .barWrap.one {
	left:0;
}
#rateWatch .barWrap.two {
	right:12px;
}
#rateWatch .bar {
	width:90px;
	height:100%;
	background-color:#e9e9e9;
}
#rateWatch .barWrap .barDesc {
	width:96px;
	position:absolute;
	bottom:100%;
	left:-3px;
	margin-bottom:3px;
}
#rateWatch p, h4, h5 {
	margin:0;
}
#rateWatch h4 {
	margin:0 10px;
	font-weight:bold;
}
#rateWatch h4 .title {
	margin-bottom:3px;
	font-size:16px;
}
#rateWatch h4 .red {
	font-size:20px;
}
#rateWatch .barDesc,
#rateWatch .barTitle,
#rateWatch .barBlurb,
#rateWatch .barVal {
	line-height:120%;
}
#rateWatch .barWrapMB .barDesc,
#rateWatch .barWrapMB .barVal {
	font-weight:bold;
}
#rateWatch .barWrap p,
#rateWatch .barWrap h5 {
	font-weight:normal;
	font-size:11px;
}
#rateWatch .barWrapMB .barVal {
	position:relative;
	top:35%;
	font-size:18px;
	color:#ffffff;
	text-shadow:0 -1px 1px rgba(0,0,0,.4);
}
#rateWatch .barWrap .barVal {
	font-size:14px;
	font-weight:bold;
}

/**** Newsletter Registration Form Additions ****/
.bankerSelect input, .bankerSelect span, .bankerSelect div {
    float:left;
}
.bankerSelect input {
    margin-top:3px;
}
.bankerSelect div.select {
    position:relative;
    top:-12px;
}
.bankerSelect span.preInputText, .bankerSelect span.postInputText {
    display:block;
    margin-right:10px;
    padding-top:6px;
}
.bankerSelect span.postInputText {
    padding-left:10px;
}