@charset "UTF-8";
/* CSS Document */
*html, #left { height: 100%; }
body { margin: 30px 0px 0px 0px; text-align: center; background-color: #7ba0c0; height: 100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.print-only { display:none; }

/* Layout Elements */
#container { background-color: #7ba0c0; margin: 0 auto; width: 893px; text-align: center; }
#header { width: 893px; height: 28px; background: url(../images/headshdwr.gif) right no-repeat; margin: 0; padding: 0; }
#headernav { width: 388px; padding: 5px 10px 0 0; margin: 0; height: 23px; font: 12px Arial, Helvetica, sans-serif; color: #fff; float: right; background: url(../images/headshdwnav.gif) right no-repeat; }
#headersearch { width: 253px; height: 23px; background: #fff; float: right; padding: 5px 0 0 0; margin: 0 9px 0 0; font: 11px Arial, Helvetica, sans-serif; color: #000; display: inline; }
#bodywrapper { width: 861px; background: #fff url(../images/bodyshdwr.gif) right repeat-y; padding: 12px 20px 0 12px; height: 100%; }
#bodywrappersubs { width: 861px; height: 100%; background: #fff url(../images/bodyshdwr.gif) right repeat-y; padding: 12px 20px 0 12px; }
#bodysubbg { background: url(../images/subbgblue.gif) left repeat-y; background-position: left; width: 100%; }
#bodysubbg-business { background: url(/business-banking/images/sidenav-bg.jpg) no-repeat left bottom; }
#bodynobg { background-position: left; width: 100%; }
#footcap { width: 853px; height: auto; margin: 0 auto; padding: 30px 20px 10px; background: url(../images/footcap.gif) top no-repeat; font: 12px Arial, Helvetica, sans-serif; color: #ffffff; text-align: right; }
#footcap p	{ margin:0; }
#footlogos { height: 50px; text-align: right; margin: 0 auto; padding: 0 20px 0 0; }
#footcap #footlogos	{ padding:0; margin-top:10px; }	

/* Layout Elements - Main Page Left */
#mainleft { width: 335px; text-align: left; float: left; margin: 0; padding: 0; height: 221px; font: 11px Arial, Helvetica, sans-serif; color: #000; background: #003974; }
#loginbg { background: #fff; }
#bluebar { background: #003974; color: #fff; text-align: left; text-transform: uppercase; width: 325px; font: bold 12px Arial, Helvetica, sans-serif; padding: 5px; margin: 0; }
#bluebarsmall { background: #003974; height: 16px; width: 100%; }
#grayarea { width: 325px; background: #F0F0F0; color: #000; font: 11px Arial, Helvetica, sans-serif; padding: 5px; margin: 0; line-height: 14px; text-align: center; }

/* Layout Elements - Main Page Right */
#mainright { width: 525px; float: left; margin: 0; padding: 5px 0 0 0; height: 221px; }
#promoRotator { width: 520px; float: left; margin: 5px 0 0 5px; padding: 0 0 0 0; height: 215px; z-index:0; }
#mainwrapper { width: 100%; margin: 0; padding: 0; }

/* Layout Elements - Main Page Bottom */
#botleft { width: 331px; height: 217px; float: left; margin-right: 7px; }
#lightbluebar { background: #507aa5; color: #fff; text-align: left; text-transform: uppercase; width: 321px; font: bold 12px Arial, Helvetica, sans-serif; padding: 5px; margin: 5px 0 0 0; }
#newsfeeder { width: 301px; height: 65px; overflow: auto; float: left; font: 11px Arial, Helvetica, sans-serif; color:
 #333333; text-align: left; padding: 15px; scrollbar-base-color: #F0F0F0; scrollbar-face-color: #003974; scrollbar-track-color: #F0F0F0; scrollbar-highlight-color: #507aa5; scrollbar-3dlight-color: #FFFFFF; scrollbar-shadow-color: #507aa5; scrollbar-darkshadow-color: #FFFFFF; scrollbar-arrow-color: #507aa5; }
#mainpromo { width: 523px; height: 217; float: right; }

/* Layout Elements - SubPage */
#subheader { width: 100%; height: 60px; margin: 0; padding: 0; }
#subnavwrap { width: auto; float:right; display: inline; }
#navhr { width: 100%; height: 5px; background-color: #003974; padding: 0; font-size: 1px; line-height: 1px; }
#left { width: 203px; height: 100%; background: #003974 url(../images/subleftfader.gif) top repeat-x; float: left; margin: 5px 0 0 0; text-align: center; overflow: hidden; padding: 0 0 50px 0; }
#left-business { width: 203px; height: 100%; float: left; margin: 5px 0 0 0; text-align: center; overflow: hidden; padding: 0 0 50px 0; }
#right { width: 635px; min-height: 550px; height:auto !important; height:550px; float: right; margin: 5px 0 0 10px; text-align: left; padding: 0 0 50px 0; }
#livechatsub { width: 203px; height: 23px; background: #7ba0c0; font: 11px Arial, Helvetica, sans-serif; color: #fff; margin: 20px 0 20px 0; text-align: center; padding: 5px 0 5px 0; }
.chatbutton { margin: 2px 10px 0 0; }

/* Layout Elements - Navigation */
#navmain { width: 100%; height: 40px; background: url(../images/navbg.gif) repeat-x; margin: 5px 0 5px 0; }

/* SUB HEAD IMAGES */
#subheadpromos { width: 635px; height: 25px; margin-bottom: 5px; text-align: right; }
#subheadlogin { width: 635px; height: 76px; background: url(../images/subhead1.jpg) top right no-repeat; margin-bottom: 20px; text-align: right; }
#subheadloginabout { width: 635px; height: 76px; background: url(../images/subhead2.jpg) top right no-repeat; margin-bottom: 20px; text-align: right; }
#subheadloginbusiness { width: 635px; height: 76px; background: url(../images/subhead3.jpg) top right no-repeat; margin-bottom: 20px; text-align: right; }
#subheadlogincalculators { width: 635px; height: 76px; background: url(../images/subhead4.jpg) top right no-repeat; margin-bottom: 20px; text-align: right; }
#subheadlogincareers { width: 635px; height: 76px; background: url(../images/Apply_header2.jpg) top right no-repeat; margin-bottom: 20px; text-align: right; }
#subheadlogincommunity { width: 635px; height: 76px; background: url(../images/subhead6.jpg) top right no-repeat; margin-bottom: 20px; text-align: right; }
#subheadlogincontact { width: 635px; height: 76px; background: url(../images/subhead7.jpg) top right no-repeat; margin-bottom: 20px; text-align: right; }
#subheadlogindisclosures { width: 635px; height: 76px; background: url(../images/subhead8.jpg) top right no-repeat; margin-bottom: 20px; text-align: right; }
#subheadloginlocations { width: 635px; height: 76px; background: url(../images/subhead9.jpg) top right no-repeat; margin-bottom: 20px; text-align: right; }
#subheadloginpersonal { width: 635px; height: 76px; background: url(../images/subhead10.jpg) top right no-repeat; margin-bottom: 20px; text-align: right; }
#subheadloginroundup { width: 635px; height: 140px; background: url(../images/subhead-round-up.jpg) top right no-repeat; margin-bottom: 20px; text-align: right; }
#subheadloginroundupmobile { width: 635px; height: 195px; background: url(../images/subhead-round-up-mobile.jpg) top right no-repeat; margin-bottom: 20px; text-align: right; }
#subheadloginprivacy { width: 635px; height: 76px; background: url(../images/subhead11.jpg) top right no-repeat; margin-bottom: 20px; text-align: right; }
#subheadloginregulation { width: 635px; height: 76px; background: url(../images/subhead12.jpg) top right no-repeat; margin-bottom: 20px; text-align: right; }
#subheadloginsecurity { width: 635px; height: 76px; background: url(../images/subhead13.jpg) top right no-repeat; margin-bottom: 20px; text-align: right; }
#subheadonlinebanking { width: 635px; height: 76px; background: url(../images/subhead14.jpg) top right no-repeat; margin-bottom: 20px; text-align: right; }
#subheadloginsitemap { width: 635px; height: 76px; background: url(../images/subhead15.jpg) top right no-repeat; margin-bottom: 20px; text-align: right; }
#subheadloginsupport { width: 635px; height: 76px; background: url(../images/subhead16.jpg) top right no-repeat; margin-bottom: 20px; text-align: right; }
#subheadloginwealth { width: 635px; height: 76px; background: url(../images/subhead17.jpg) top right no-repeat; margin-bottom: 20px; text-align: right; }
/* END SUB HEAD IMAGES */

#loginbar { float: right; width: 243px; height: 24px; text-align: right; }
#theFormDiv { display:none; margin: 0; padding: 10px; width: auto; background-color:#FFF; border: 1px solid #CCC; position: absolute; z-index: 99999; }
.nocss { display:none; }
#mainleftlogin { width: 335px; text-align: left; float: left; margin: 0; padding: 0; font: 11px Arial, Helvetica, sans-serif; color: #000; background: #003974; }

/* Clears and Floats */
.clearerSmall { clear: both; margin: 5px 0px 0px 0px; line-height: 0px; padding: 0px; }
.clearerMedium { clear: both; margin: 10px 0px 0px 0px; line-height: 0px; padding: 0px; }
.clearerMedium2 { clear: both; margin: 20px 0px 0px 0px; line-height: 0px; padding: 0px; }
.clearerLarge { clear: both; margin: 30px 0px 0px 0px; line-height: 0px; padding: 0px; }
.clearer { clear: both; margin: 0px; line-height: 0px; padding: 0px; }
.floatLeft { float: left; margin: 0px; line-height: 0px; padding: 0px; }
.floatLeftImage { float: left; margin: 0px 20px 20px 0; line-height: 0px; padding: 0px; }
.floatLeftImageHead { float: left; margin: 0px 20px 0px 0; line-height: 0px; padding: 0px; }
.floatRight { float: right; margin: 0px; line-height: 0px; padding: 0px; }
.floatRightImage { float: right; margin: 0px 20px 20px 20px; line-height: 0px; padding: 0px; }
.clearerblueline { clear: both; margin: 5px 0 5px 0; line-height: 1px; padding: 0px; border-bottom: 1px solid #99b0c7; width: 100%; }

/* Links */
a.headnav { font: 12px Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; }
a.headnav:hover { font: 12px Arial, Helvetica, sans-serif; color: #003399; text-decoration: underline; }
a.warning { font: bold 10px Arial, Helvetica, sans-serif; color: #F00; text-decoration: underline; }
a.warning:hover { font: bold 10px Arial, Helvetica, sans-serif; color: #000; text-decoration: none; }
a.blue { font: bold 10px Arial, Helvetica, sans-serif; color: #003974; text-decoration: underline; }
a.blue:hover { font: bold 10px Arial, Helvetica, sans-serif; color: #000; text-decoration: none; }
a.bluemd { font: bold 12px Arial, Helvetica, sans-serif; color: #003974; text-decoration: none; }
a.bluemd:hover { font: bold 12px Arial, Helvetica, sans-serif; color: #003974; text-decoration: underline; }
a.white { font: 11px Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: underline; }
a.white:hover { font: 11px Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; }
a.white12 { font: 12px Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: underline; }
a.white12:hover { font: 12px Arial, Helvetica, sans-serif; color: #ffffff; text-decoration: none; }
ul.subnav { margin: 0 0 30px 15px; padding: 0; text-align: left; }
li.subnav { list-style: none; font: bold 14px Arial, Helvetica, sans-serif; color: #fff; margin-bottom: 10px; }
li.subnavorange { list-style: none; font: bold 14px Arial, Helvetica, sans-serif; color: #ff9900; margin-bottom: 10px; }
li.subnavinner { list-style: none; font: bold 12px Arial, Helvetica, sans-serif; color: #fff; margin-bottom: 10px; }
ul.subs { font: 12px Arial, Helvetica, sans-serif; color:#333333; ; }
ul.subs a { font: 12px Arial, Helvetica, sans-serif; color:#003974; text-decoration: none; }
ul.subs a:hover { font: 12px Arial, Helvetica, sans-serif; color:#003974; text-decoration: underline }
a.subnav { color: #fff; text-decoration: none; }
a.subnav:hover { color: #ff9900; text-decoration: none; }
a.subnavinner { color: #fff; text-decoration: none; }
a.subnavinner:hover { color: #ff9900; text-decoration: none; }
a.subnavactive { color: #ff9900; font: italic; text-decoration: none; }
a.subnavactive:hover { color: #ff9900; font: italic; text-decoration: none; }
a.whitelarge { color: #fff; font: 12px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; }
a.whitelarge:hover { color: #fff; font: 12px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; }
a.orange, .bus-column1 a.orange, .bus-column1 a.orange:visited, .bus-column1 a.orange:link, .bus-column2 a.orange, .bus-column2 a.orange:visited, .bus-column2 a.orange:link { color: #ff9900; font: 12px Arial, Helvetica, sans-serif; text-decoration: underline; }
.bus-column1 a.orange:hover, .bus-column2 a.orange:hover, a.orange:hover { color: #ff9900; text-decoration: none; }
a.orangerev { color: #003366; font: 11px Arial, Helvetica, sans-serif; text-decoration: none; }
a.orangerev:hover { color: #003366; text-decoration: underline; }
a.orangesmall { color: #ff9900; font: 10px Arial, Helvetica, sans-serif; text-decoration: underline; }
a.orangesmall:hover { color: #ff9900; text-decoration: none; }
a.orangesmall11 { color: #ff9900; font: 11px Arial, Helvetica, sans-serif; text-decoration: underline; }
a.orangesmall11:hover { color: #ff9900; text-decoration: none; }
a.bluemedium { font: bold 13px Arial, Helvetica, sans-serif; color: #003974; text-decoration: underline; }
a.bluemedium:hover { font: bold 13px Arial, Helvetica, sans-serif; color: #003974; text-decoration: none; }
a.blueregular { font: bold 13px Arial, Helvetica, sans-serif; color: #003974; text-decoration: underline; }
a.blueregular:hover { font: bold 13px Arial, Helvetica, sans-serif; color: #003974; text-decoration: none; }

/* Image */
.whiteborder { border: 1px solid #ffffff; }

/* Form Elements */
.formInput { background-color: #ffffff; width : 130px; border: 1px solid #003366; height: 15px; }
.formInputlogin { background-color: #ffffff; width : 130px; border: 1px solid #003366; height: 20px; margin: 0; padding: 0; }
select.formInput { color: #000; border: 1px solid #000000; height: 15px; margin-bottom: 2px; }
input { color: #000; }
#action { background: #ff9900; color: #FFF; font: bold 11px Arial, Helvetica, sans-serif; text-align: center; height: 17px; width: auto; margin: 0 5px 1px 0; border: 1px solid #000000; cursor: pointer; }
#actionlogin { background: #ff9900; color: #FFF; font: bold 11px Arial, Helvetica, sans-serif; height: 20px; width: 70px; border: 1px solid #000000; cursor: pointer; margin: 0; padding: 0; }
#action2 { background: #000000; color: #FFF; font-weight: bold; height: 20px; border-left: 1px solid #000000; border-bottom: 1px solid #000000; border-right: 1px solid #000000; border-top: 1px solid #000000; cursor: pointer; background: url(../images/navheadbg.gif) repeat-x; }
#accept, #reject { background: #FFFFFF; color: #000000; font-weight: bold; height: 22px; border-left: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; }
#form1 { margin: 0px; padding: 0px; }
#formloginmain { margin: 0; padding: 5px 0 0 0; }
#tempimage { background: url(../images/flashtempMain.jpg); height: 200px; }

/* Font Controls  */
h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue { font: bold 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #003974; }
h1.blueserif, h2.blueserif, h3.blueserif, h4.blueserif, h5.blueserif, h6.blueserif { font: bold 16px "Times New Roman", Times, serif; margin: 0; padding: 0; color: #003974; }
h1.blueserifmedium, h2.blueserifmedium, h3.blueserifmedium, h4.blueserifmedium, h5.blueserifmedium, h6.blueserifmedium { font: bold 20px "Times New Roman", Times, serif; margin: 0; padding: 0; color: #003974; }
h1.blueseriflarge, h2.blueseriflarge, h3.blueseriflarge, h4.blueseriflarge, h5.blueseriflarge, h6.blueseriflarge { font: bold 26px "Times New Roman", Times, serif; margin: 0 0 20px 0; padding: 0; color: #003974; }
h2.blue { font: bold 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #003974; }
h2.black, h3.black, h4.black, h5.black, h6.black { font: bold 14px Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #000000; }
h2.bluemedium, h3.bluemedium, h4.bluemedium, h5.bluemedium, h6.bluemedium { font: bold 14px Arial, Helvetica, sans-serif; margin: 0; padding: 0; color:#003974; }
h3.blue { font: bold 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #003974; }
.blue { font: bold 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #003974; }
.orangefont { font: bold 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #ff9900; }
.redfont { font: bold 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #ff0000; }
.bluesmall { font: 10px Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #003974; }
.bluesmall11 { font: 11px Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #003974; }
.bodycopy { font: 12px Arial, Helvetica, sans-serif; color:#333333; margin: 0 0 15px 0; width: 95%; }
.bodycopy2 { font: 12px Arial, Helvetica, sans-serif; color:#333333; margin: 0 0 0 0; width: 95%; }
.bodycopysm { font: 10px Arial, Helvetica, sans-serif; color:#333333; }
.bodycopytiny { font: 8px Arial, Helvetica, sans-serif; color:#333333; }
p.headcopy { font: 11px Arial, Helvetica, sans-serif; color: #333333; text-align: left; margin: 0; padding:0; }
.smallblack { font: 12px Arial, Helvetica, sans-serif; color:#333333; margin: 0; padding:0; }
.bodycopysmspace { font: 12px Arial, Helvetica, sans-serif; color:#333333; margin: 5px 0 5px 0; }
p.newscroll { margin: 0 0 10px 0; }
.tablebottom { font: 11px Arial, Helvetica, sans-serif; color: #000000; border-bottom: 1px solid #ccc; }
.tableheadbottom { font: bold 12px Arial, Helvetica, sans-serif; color: #003974; border-bottom: 1px solid #003974; }

/* Checking Page New */
#checkhead { width: 625px; height: auto; background:url(../images/chking_bghead.gif) repeat-x; padding: 0 10px 0 0; border-bottom: 1px solid #7ba0c0; }
.comparebuttonhead { margin: 0 0 0 0; }
.savingsbuttonhead { margin: 10px 0 0 20px; float: right; }
.textboxchecking { width: 625px; height: 50px; text-align: left; border-bottom: 1px solid #7ba0c0; margin: 10px 0 0 0; }
.textwrapinner { float: left; width: 300px; }
.smallwhite { font: 10px Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; }
.smallwhite11 { font: 11px Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; }
.tableone { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.tableoneend { border-bottom: 1px solid #ccc; }
.tableoneleft { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.tablebottomchecking { border-right: 1px solid #ccc; }
.tablebottomendchecking { border: 0; }
li.bodycopy { margin: 0 0 5px 0; padding:0; list-style-type: disc; font: 12px Arial, Helvetica, sans-serif; color: #333333; }
li.bodycopynobull { margin: 0 0 5px 0; padding:0; list-style-type: none; font: 11px Arial, Helvetica, sans-serif; color: #333333; }
.graylinkbox { width: 122px; height:80px; background:url(../images/grayfadebox.gif) no-repeat; float: left; margin: 0; padding:30px 0 0 0; text-align: center; vertical-align:middle; }
.graylinkboxlg { width: 122px; height:97px; background:url(../images/grayfadebox.gif) no-repeat; float: left; margin: 0; padding:13px 0 0 0; text-align: center; vertical-align:middle; }
.graylinkboxmed { width: 122px; height:97px; background:url(../images/grayfadebox.gif) no-repeat; float: left; margin: 0; padding:22px 0 0 0; text-align: center; vertical-align:middle; }
.bullets { line-height: 16px; color: #333; }

/* Consumer Credit Cards Page New */
#credithead { width: 625px; height: auto; background:url(../images/chking_bghead.gif) bottom repeat-x; padding: 0 10px 10px 0; border-bottom: 1px solid #7ba0c0; }
#credithead h1 { font: bold 23px "Times New Roman", Times, serif; margin: 0 0 0 0; padding: 25px 0 0 0; color: #003974; }
h2.credit { font: bold 13px Arial, Helvetica, sans-serif; margin: 10px 0 10px 0; padding: 0; color: #003974; }
#credithead p { font: 14px Arial, Helvetica, sans-serif; color: #333333; text-align: left; margin: 0; padding:0; }
/* Promo pages */

#promo { float:left; padding:0 17px 17px 17px; width:570px; color:#8e8e8e; font-family:"Helvetica", sans-serif; }
#promo h2 { color:#efa600; margin:0; padding:0; font-weight:normal; font-size:20px; }
#promo p { font-size:11px; line-height:16px; margin:0; padding:0 0 10px 0; }
#promo p.intro { font-size:14px; line-height:20px; margin:0 0 15px 0; }
#promo .product { float:left; width:100%; padding:10px 0; }
#promo .productImg { float:left; padding:0 20px 0 0; }
#promo a img { border:none; }
#promo .moreInfo { float:right; border:none; }
#promo .moreInfo img { border:none; }
#promo .moreInfoIntro img { border:none; padding:0 0 0 12px; }
#promo ul { line-height:18px; margin:0; padding:0 0 10px 40px; font-weight:bold; font-size:13px; }
#promo ul li { margin-bottom:10px; }
/* MORTGAGE PAGE */

#mortgageRight { width: 650px; height:auto !important; float: right; margin: 7px 0 0 0; text-align: left; padding: 0 0 50px 0; }
.topColumn1 { width: 350px; height:280px; overflow:hidden; background-color:#174585; margin: 0 0 0 0; padding:0 0 0 0; float: left; }
.topColumn2 { width: 300px; height:280px; margin: 0 0 0 0; padding: 0 0 0 0; background: url(/mortgage/images/topColumn2BG.gif) no-repeat top; float: left; }
.topColumn2 p { margin: 0 0 15px 0; padding: 0 35px 0 10px; line-height:16px; text-align:justify; color:#FFF; font-size:14px; }
.topColumn2 h1 { margin: 35px 0 10px 0; padding: 0 0 0 10px; font-size:28px; font-weight:normal; color:#ffbc2a; line-height:18px; }
.applyButton { width:205px; height: 65px; display:block; }
a.applyButton { width:205px; height: 65px; background: url(/mortgage/images/applyNowButton.gif) top left no-repeat; margin:0 0 0 35px; }
a.applyButton:hover { width:205px; height: 65px; background: url(/mortgage/images/applyNowButton.gif) top right no-repeat; margin:0 0 0 35px; }
.applyLink, .applyLink a:link, .applyLink a:visited { text-decoration: underline; font-size:16px; color:#ff9900; margin:0 0 0 0; font-weight:bold; }
.applyLink a:hover { text-decoration: none; font-size:16px; color:#ff9900; margin:0 0 0 0; font-weight:bold; }
.largeContainer { width: 650px; height:auto !important; margin: 10px 0 0 0; text-align: left; padding: 10px 0 0 0; background: url(/mortgage/images/largeTop.gif) no-repeat top; background-color:#eaf0f5; }
.largeContainer h2 { margin: 0 0 0 0; padding: 10px 0 0 20px; font: bold 22px "Times New Roman", Times, serif; color: #003974; line-height:18px; display: inline; }
.ratesColumn { width: 340px; height:auto; margin: 0 0 0 20px; padding:0 0 0 0; float: left; }
* html .ratesColumn { margin-left:10px; }
.ratesColumn a:link, .ratesColumn a:visited { text-decoration: underline; font-size:12px; color:#003974; margin:7px 0 0 15px; float: left; }
.ratesColumn a:hover { text-decoration: none; font-size:12px; color:#003974; margin:7px 0 0 15px; }
.ratesColumn table { width:100%; margin-bottom:5px; line-height: 1.1em; }
.ratesColumn table th { color:#003974; text-align:center; font-size:112%; }
.ratesColumn table th.title { text-align:left; color:#FF9900; }
.ratesColumn table td { text-align:center; }
.ratesColumn table td.title { text-align:left; }
.quoteButton { width:225px; height: 30px; display:block; margin: 0 0 0 0 !important; padding:0 0 0 0; }
a.quoteButton { width:225px; height: 30px; background: url(/mortgage/images/quoteButton.gif) top left no-repeat; }
a.quoteButton:hover { width:225px; height: 30px; background: url(/mortgage/images/quoteButton.gif) top right no-repeat; }
.rateWatch { width:255px; height: 195px; background: url(/mortgage/images/rateWatchBG.gif) top no-repeat; float: right; margin: 0 20px 0 0; padding:0 0 0 0; }
* html .rateWatch { margin-right:10px; }
.rateWatch p { margin: 0 0 0 0; padding:120px 17px 0 23px; }
.rateWatch a:link, .rateWatch a:visited { text-decoration: underline; font-size:12px; color:#003974; }
.rateWatch a:hover { text-decoration: none; font-size:12px; color:#003974; }
.houseIcon { width: 155px; height:auto; margin: 0 0 0 20px; padding:0 0 0 0; float: left; }
* html .houseIcon { margin-left:10px; }
.productsColumn { width: 455px; height:auto; margin: 0 20px 0 0; padding:0 0 0 0; float: right; }
* html .productsColumn { margin-right:10px; }
.productsColumn a:link, .productsColumn a:visited { text-decoration: underline; font-size:12px; color:#003974; }
.productsColumn a:hover { text-decoration: none; font-size:12px; color:#003974; }
.productsColumn ul { margin: 0 0 0 0; padding:0 0 0 0; }
.productsColumn li { margin: 0 0 0 0; padding:2px 0 0 15px; color: #003974; font-weight:bold; list-style: none; background: url(/mortgage/images/bullet.gif) no-repeat center left; }
.productsColumn p { margin: 0 0 10px 0; padding:0 0 0 0; }
.testimonialContainer img, .largeContainer img, .smallContainer img { margin-bottom:-3px; }
.smallContainer { width: 320px; height:auto !important; margin: 10px 0 0 0; text-align: left; padding: 10px 0 0 0; background: url(/mortgage/images/smallTop.gif) no-repeat top; background-color:#eaf0f5; float:left; }
.smallContainer h3 { margin: 0 0 0 0; padding: 10px 0 0 20px; font: bold 22px "Times New Roman", Times, serif; color: #003974; line-height:18px; display: inline; }
.smallContainer p { margin: 0 0 0 0; padding:0 20px 0 20px; }
.smallSpacer { width:10px; float:left; margin: 10px 0 0 0; }
.rotatingTestimonials { margin-top:25px; }
.testimonialContainer { width: 320px; height:auto !important; margin: 10px 0 0 0; text-align: left; padding: 10px 0 0 0; background: url(/mortgage/images/smallTop.gif) no-repeat top; background-color:#eaf0f5; float:left; }
.testimonialContainer h3 { margin: 0 0 0 0; padding: 10px 0 0 20px; font: bold 22px "Times New Roman", Times, serif; color: #003974; line-height:18px; display: inline; }
/* THIS IS FOR JAVASCRIPT FALLBACK*/
.testimonialContainer .testimonial p { margin: 20px 20px 0; padding:0 0 0 0; line-height:18px; }
/* THIS IS FOR REGULAR JAVASCRIPT VERSION */
.rotatingTestimonials .testimonial p { margin:0 0 10px 0; }
#TestimonailStepper { position:absolute; top:12px; right:15px; }
#tStepperNumbering { float:left; }
#tStepperArrows { width:36px; float:left; position:relative; margin-left:8px; }
#tPrevStepper, #tNextStepper { display:block; outline:none; cursor:pointer; position:absolute; width:18px; height:18px; overflow:hidden; text-indent:-10000px; background-image:url(/mortgage/images/bg-stepper-arrow.png); }
#tPrevStepper:focus, #tNextStepper:focus { outline:none; }
#tPrevStepper { left:0; background-position:left 1px; }
#tNextStepper { right:0; background-position:right 1px; }
#tPrevStepper.disabled { background-position:left 18px; }
#tNextStepper.disabled { background-position:right 18px; }
* html #tPrevStepper, * html #tNextStepper { background-image:url(/mortgage/images/bg-stepper-arrow.gif); }
* html #tStepperArrows { width:40px; }
/* TOOLTIP STYLES -----------*/
.tooltip { display:none; }
#tiptip_holder #closeButton { width:15px; height:15px; position:absolute; top:8px; right:8px; cursor:pointer; background:url(/business-banking/images/tiptip-close.gif) no-repeat top left; }
.team-member { width:350px; }
.team-member img { float:left; margin:0 15px 10px 0; border: 3px solid #81a4c3; }
.industry-profiles { width:350px; height:auto; }
#tiptip_content .industry-profiles img, #business-content .industry-profiles img { float:left; margin:0 15px 10px 0; border: 3px solid #81a4c3; }
/* BUSINESS BANKING PAGES */

#business-column1 { width: 565px; height:auto; overflow:hidden; margin: 0 0 0 0; padding:0 0 0 0; float: left; }
.bus-column1 { width: 565px; height:auto !important; margin: 10px 0 0 0; text-align: left; padding: 10px 0 0 0; background: url(/business-banking/images/bus-column1-top.gif) no-repeat top; background-color:#eaf0f5; }
.bus-column1 h2 { margin: 0 0 0 0; padding: 10px 0 0 20px; font: bold 22px "Times New Roman", Times, serif; color: #003974; line-height:18px; display: inline; }
.bus-column1 h4 { margin: 0 0 0 0; padding: 0 0 5px 20px; font: bold 14px Arial, Helvetica, sans-serif; color: #ff9900; line-height:14px; float:left; }
.bus-column1 p { margin: 0 0 10px 0; padding:0 10px 0 20px; float:left; line-height:16px; }
.bus-column1 ul { margin: 0 0 0 0; padding:0 0 0 0; float:left; }
.bus-column1 li { margin: 0 0 0 0; padding:2px 0 3px 20px; color: #003974; font-weight:bold; list-style: none; }
.bus-column1 a:link, .bus-column1 a:visited { text-decoration: underline; font-size:12px; color:#003974; }
.bus-column1 a:hover { text-decoration: none; font-size:12px; color:#003974; }
.bus-column1 #TestimonailStepper { top:3px; right:20px; }
.bus-column1 #tStepperArrows { margin-top:-1px; width:38px; }
#business-column2 { width: 286px; height:auto; overflow:hidden; margin: 0 0 0 0; padding:0 0 0 0; float: right; }
.bus-column2 { width: 286px; height:auto !important; margin: 10px 0 0 0; text-align: left; padding: 10px 0 0 0; background: url(/business-banking/images/bus-column2-top.gif) no-repeat top; background-color:#d8e3ec; }
.bus-column2 h2 { margin: 0 0 0 0; padding: 10px 0 0 20px; font: bold 22px "Times New Roman", Times, serif; color: #003974; line-height:18px; }
.bus-column2 h4 { margin: 0 0 0 0; padding: 0 0 0 20px; font: bold 14px Arial, Helvetica, sans-serif; color: #ff9900; line-height:18px; float:left; }
.bus-column2 p { margin: 0 0 10px 0; padding:0 20px 5px 20px; float:left; line-height:16px; }
.bus-column2 ul { margin: 0 0 0 0; padding:0 0 0 0; float:left; }
.bus-column2 li { margin: 0 0 0 0; padding:2px 0 3px 20px; color: #003974; font-weight:bold; list-style: none; }
.bus-column2 a:link, .bus-column2 a:visited { text-decoration: underline; font-size:12px; color:#003974; }
.bus-column2 a:hover { text-decoration: none; font-size:12px; color:#003974; }
#business-right { width: 650px; height:auto !important; float: right; margin: 7px 0 0 0; text-align: left; padding: 0 0 50px 0; }
#business-content { width: 620px; height:auto !important; margin: 0 0 0 0; text-align: left; padding: 0 15px 0 15px; }
#business-content h1 { margin: 10px 0 10px 0; padding: 0 0 0 0; font: bold 26px "Times New Roman", Times, serif; color: #003974; line-height:18px; }
#business-content h2 { margin: 0 0 0 0; padding: 10px 0 5px 0; font: bold 16px Arial, Helvetica, sans-serif; color: #003974; line-height:16px; }
#business-content p { margin: 0 0 10px 0; padding:0 0 0 0; color:#333333; }
#business-content hr { margin: 10px 0 20px; padding: 0 0 0 0; border: 0; width: 620px; color: #b3844a; background-color: #b3844a; height: 1px; display:block; float:left; }
#business-content ul { margin: 0 0 0 0; padding:0 0 0 0; }
#business-content li { margin: 0 0 0 0; padding:2px 0 0 15px; color:#333333; list-style: none; background: url(/business-banking/images/bullet.gif) no-repeat center left; }
#industry-profile-images { width:220px; height:205px; overflow:hidden; margin: 0 0 10px 20px; padding:0 10px 0 0; float:left; }
#industry-profile-images a { text-decoration:none; }
#industry-profile-images a img { border:none; }
/* BUSINESS Expandable Panels */

.service { position:relative; }
.service h3 { background:#C3D1DE; color:#013A6F; padding:8px 15px; margin:0 0 4px 0; font: bold 16px Arial, Helvetica, sans-serif; }
.service .viewService { position: absolute; color:#013A6F; right: 15px; top: 10px; padding-right:25px; background: url(/business-banking/images/service-arrows.gif) no-repeat top right; height:13px; outline:none !important; }
.service .viewService.open { background-position:bottom right; }
.service-details { padding:10px 15px 15px 15px; zoom:1; }
.service-details * { zoom:1; }
.service-details-javascript-fix { padding:10px 15px 15px 15px; }
.service-details a:link, .service-details a:visited { text-decoration: underline; font-weight:bold; font-size:13px; color:#ff9900; }
.service-details a:hover { text-decoration: none; font-size:13px; font-weight:bold; color:#ff9900; }
.service-details h4 { color:#013A6F; font: bold 14px Arial, Helvetica, sans-serif; padding:10px 0 5px 0; margin:0 0 0 0; }
.service-details img { float: left; padding:10px 10px 5px 0; }
.industry-profiles .service-details, .industry-profiles .service-details-javascript-fix { padding-bottom:10px; }
.industry-profiles a.tooltipTrigger { display:block; margin-bottom:10px; }
#teamRotator { width:152px; height:240px; overflow:hidden; margin:0 auto; }
.teamMember { height:240px; color:#fff; font-size:14px; }
.teamMember img { margin-bottom:10px; border: 3px solid #7ba0c0; }
.teamMember a { color:#FF9900; font-size:11px; margin-top:8px; }
/* CAREERS PAGES */

#careers-column1 { width: 425px; height:auto; overflow:hidden; margin: 0 0 0 0; padding:0 0 0 0; float: left; }
.careers-col1 { width: 425px; height:auto !important; margin: 10px 0 0 0; text-align: left; padding: 10px 0 0 0; background: url(/careers/images/careers-col1-top.gif) no-repeat top; background-color:#eaf0f5; }
.careers-col1 h2 { margin: 0 0 0 0; padding: 10px 0 0 20px; font: bold 22px "Times New Roman", Times, serif; color: #003974; line-height:18px; display: inline; }
.careers-col1 h4 { margin: 0 0 0 0; padding: 0 0 5px 20px; font: bold 14px Arial, Helvetica, sans-serif; color: #ff9900; line-height:14px; float:left; }
.careers-col1 p { margin: 0 0 10px 0; padding:0 10px 0 20px; float:left; line-height:16px; }
.careers-col1 ul { margin: 0 0 0 0; padding:0 0 0 0; float:left; }
.careers-col1 li { margin: 0 0 0 0; padding:2px 0 3px 15px; color: #003974; font-weight:bold; list-style: none; background: url(/mortgage/images/bullet.gif) no-repeat center left; }
.careers-col1 a:visited, .careers-col1 a:link, .bus-column2 a:visited { text-decoration: none; line-height:19px; font-size:13px; color:#003974; }
.careers-col1 a:hover { text-decoration: underline; font-size:13px; color:#003974; }
#career-opps-image { width:191px; height:177px; overflow:hidden; margin: 0 0 0 20px; padding:0 10px 0 0; float:left; }
#career-opps-image a { text-decoration:none; }
#career-opps-image a img { border:none; }
#careers-column2 { width: 425px; height:auto; overflow:hidden; margin: 0 0 0 0; padding:0 0 0 0; float: right; }
.careers-col2 { width: 425px; height:auto !important; margin: 10px 0 0 0; text-align: left; padding: 10px 0 0 0; background: url(/careers/images/careers-col1-top.gif) no-repeat top; background-color:#eaf0f5; }
.careers-col2 h2 { margin: 0 0 0 0; padding: 10px 0 0 20px; font: bold 22px "Times New Roman", Times, serif; color: #003974; line-height:18px; display: inline; }
.careers-col2 h4 { margin: 0 0 0 0; padding: 5px 0 5px 20px; font: bold 16px Arial, Helvetica, sans-serif; color: #ff9900; line-height:18px; float:left; }
.careers-col2 p { margin: 0 0 10px 0; padding:0 10px 0 20px; float:left; line-height:16px; }
.careers-col2 ul { margin: 0 0 0 0; padding:0 0 0 20px; float:left; }
.careers-col2 li { margin: 0 0 0 0; padding:2px 0 3px 15px; color: #003974; font-weight:bold; list-style: none; background: url(/mortgage/images/bullet.gif) no-repeat center left; }
.careers-col2 a:visited, .careers-col2 a:link, .bus-column2 a:visited { text-decoration: none; font-size:13px; color:#003974; }
.careers-col2 a:hover { text-decoration: underline; font-size:13px; color:#003974; }
#employee-profile-image { width:153px; height:177px; overflow:hidden; margin: 0 0 0 20px; padding:0 0 0 0; float:left; }
#view-profile-btn { width:98px; height:27px; overflow:hidden; margin: 0 0 0 20px; padding:0 10px 0 0; float:left; }
#view-profile-btn a { text-decoration:none; }
#view-profile-btn a img { border:none; }
#careers-right { width: 650px; height:auto !important; float: right; margin: 7px 0 0 0; text-align: left; padding: 0 0 50px 0; }
#careers-content { width: 620px; height:auto !important; margin: 0 0 0 0; text-align: left; padding: 0 15px 0 15px; }
#careers-content h1 { float: left; margin: 20px 0 10px 0; padding: 0 0 0 0; font: bold 26px "Times New Roman", Times, serif; color: #003974; line-height:18px; }
#careers-content h2 { margin: 0 0 0 0; padding: 10px 0 5px 0; font: bold 16px Arial, Helvetica, sans-serif; color: #003974; line-height:16px; }
#careers-content p { margin: 0 0 10px 0; padding:0 0 0 0; color:#333333; }
#careers-content hr { margin: 10px 0 20px; padding: 0 0 0 0; border: 0; width: 620px; color: #b3844a; background-color: #ff9900; height: 1px; display:block; float:left; }
#careers-content ul { margin: 0 0 0 0; padding:0 20px 15px 0; float:left; }
#careers-content ul li { margin: 0 0 0 0; padding:0 0 5px 15px; color:#333333; list-style: none; background: url(/business-banking/images/bullet.gif) no-repeat top left; }
#careers-content ol { margin: 0 0 0 0; padding:0 0 0 20px; float:left; color: ##333333; }
#careers-content ol li { margin: 0 0 0 0; padding:7px 0 3px 0; color: ##333333; }
#apply-online-btn { width:134px; height:27px; overflow:hidden; margin: 20px 0 0 0; padding:0 0 0 0; float:right; }
#apply-online-btn a { text-decoration:none; }
#apply-online-btn a img { border:none; }

#app-process-btn { width:171px; height:27px; overflow:hidden; margin: 20px 0 0 0; padding:0 0 0 0; float:right; }
#app-process-btn a { text-decoration:none; }
#app-process-btn a img { border:none; }


.error {
    background: none repeat scroll 0 0 #EFE0E0;
    border: 1px solid #CCCCCC;
    color: #7F3F3F;
    padding: 5px 15px;
}
.error p {
    margin: 0;
    padding: 5px;
}