body {color: #333; background: #fff url(../images/bg-body.jpg) repeat-x;}
body strong {color: #555;}
#wrap {width: 960px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}


/**************************************************header**************************************************/
#header {color: #fff; height: 147px; position: relative; border-bottom: 1px solid #ccc; z-index: 9999;}
#header h1 a {background: url(../images/internal-logo.png) no-repeat; width: 309px; height: 66px; position: absolute; top: 69px; left: 12px; text-indent: -9999px; outline: none;}
#header h2 {height: 35px; position: absolute; right: 0; top: 88px; text-indent: -9999px;}
.commercialbanking #header h2 {background: url(../images/bg-sectionTitle-commercial_banking.gif) no-repeat; width: 319px;}
.insidethebank #header h2 {background: url(../images/bg-sectionTitle-inside_the_bank.gif) no-repeat; width: 319px;}
.personalbanking #header h2 {background: url(../images/bg-sectionTitle-personal_banking.gif) no-repeat; width: 319px;}
.investmentservices #header h2 {background: url(../images/bg-sectionTitle-investment_services.gif) no-repeat; width: 319px;}
.locations #header h2 {background: url(../images/bg-pageTitle-locations.gif) no-repeat; width: 146px;}
#header h3 a {background: url(../images/bg-internal-jbt_direct.jpg) no-repeat; width: 260px; height: 55px; position: absolute; top: 15px; right: 0; text-indent: -9999px; outline: none; z-index: 999;}
#header ul#headerNav {height: 44px; position: relative; z-index: 999;}
#header ul#headerNav li {height: 44px; top: 0px; list-style: none; display: inline; position: absolute; text-indent: -9999px; outline: none;}
#header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -44px;}
#header ul#headerNav li a {background: transparent; height: 44px; left: 0; position: absolute; display: block;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#ik {background-image: url(../images/headerNav-iklnk.jpg); width: 102px; left: 75px;}
#header ul#headerNav li#ik a#iklnk {width: 102px;}
.insidethebank #header ul#headerNav li#ik {background-position: 0 -44px;}
#header ul#headerNav li#cg {background-image: url(../images/headerNav-cglnk.jpg); width: 131px; left: 215px;}
#header ul#headerNav li#cg a#cglnk {width: 131px;}
.commercialbanking #header ul#headerNav li#cg {background-position: 0 -44px;}
#header ul#headerNav li#pg {background-image: url(../images/headerNav-pglnk.jpg); width: 112px; left: 384px;}
#header ul#headerNav li#pg a#pglnk {width: 112px;}
.personalbanking #header ul#headerNav li#pg {background-position: 0 -44px;}
#header ul#headerNav li#is {background-image: url(../images/headerNav-islnk.jpg); width: 124px; left: 533px;}
#header ul#headerNav li#is a#islnk {width: 124px;}
.investmentservices #header ul#headerNav li#is {background-position: 0 -44px;}

/*1st level dropdown*/
#header ul#headerNav li ul {color: #fff; background: url(../images/bg-header-dropdown.png) repeat-y; width: 170px; height: auto; margin: 44px 0 0 0; left: -9999px; position: absolute; z-index: 99;}
#header ul#headerNav li ul li {width: 164px; height: auto; margin: 0 0 0 3px; top: auto; display: block; border-bottom: 1px solid #56a5d2; position: relative; text-indent: 0px;}
#header ul#headerNav li ul li:hover {background: url(../images/bg-header-dropdown_hover.png) repeat-y;}
#header ul#headerNav li ul li a {color: #fff; height: auto; padding: 6px 10px 6px 21px; position: relative; left: auto; font-size: 1em;}
#header ul#headerNav li ul li a:hover {background: url(../images/bg-header-dropdown_bullet.png) no-repeat 10px 10px; margin: 0; display: block; text-decoration: none;}
#header ul#headerNav li:hover ul, #header ul#headerNav li.iehover ul {left: 0;}

/**************************************************content area********************************************/
#content {position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {width: 632px; min-height: 500px; margin-left: 327px; position: relative; border-left: 1px solid #ccc; float: left;}/*see ie.css for fixes*/
#main #contentContainer {margin: 25px 0 0 65px; padding: 0 0 50px 0; line-height: 1.3; font-size: 1.1em;}
#main .lobbyHours {width: 198px; float: left; clear: left; position: relative;}
#main .driveHours {width: 198px; float: left;}
#main .address {margin: 0 0 30px 0; clear: both;}
#main #flash-content {background: url(../swf/flash-home.jpg) no-repeat; width: 500px; height: 100px; position: relative;}
#main img.left {float: left; margin: 0 20px 10px 0; border: none; }
#main img.right,#main ul.pics {float: right; margin: 0 0 10px 20px;}
#main h3 {margin: 0 0 20px 0; font-size: 1.3em;}
#main h4 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.15em; border-bottom: 1px solid #333; clear: both;}
#main h5 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.1em;}
#main p {margin: 0 0 20px 0;}
#main p#byLine {margin: 40px 0 0 50px;}
#main p.accountAccess a {background-image: url(../images/bg-login.gif); width: 71px; height: 29px; display: block; text-indent: -9999px; outline: none;}
#main p.accountAccess a:hover {background-position: 0 -29px;}
#main p.apply a {background: url(../images/bg-apply_now.gif) no-repeat; width: 107px; height: 27px; display: block; text-indent: -9999px; outline: none;}
#main p.apply a:hover {background: url(../images/bg-apply_now.gif) no-repeat 0 -27px;} 
#main p#applyOnlineToday a {background-image: url(../images/bg-callout-apply_online.png); width: 440px; height: 312px; margin: 0 0 0 45px; display: block; text-indent: -9999px; outline: none;}
#main p#applyOnlineToday a:hover {background-position: 0 -312px;}
#main .lobbyHours p,#main .driveHours p {margin: 0;}
#main p.top {width: 200px; position: absolute; top: 100px; left: 455px;}
#main p.day {width: 50%; float: left; clear: left;}
#main p.atm {background: #dbe6ec; width: 395px; padding: 3px 0; text-align: center;}
#main p#jbtHomes {text-align: center;}
.privacypolicy p em {color: #da2; font-weight: bold;}
#main ul {margin: 0 0 20px 25px;}
#main ul#locationsList {margin: 0 0 20px 0;}
#main ul#locationsList li {margin: 0 0 20px 0; list-style: none; display: inline;}
#main ul#benefits {width: 175px; float: right;}
#main ul.col1,#main ul.col2 {width: 40%; margin: 0 20px 0 0; float: left;}
#main ol {margin: 0 0 20px 35px;}
#main ul li {margin: 0 0 10px 0;}
#main ul.col1 li,#main ul.col2 li {margin: 0 0 15px 0; list-style: none;}
#main ul.pics li {list-style: none;}
#main ol li {margin: 0 0 10px 0;}
#main ol li ul, #main ul li ul {margin: 10px 0 0 20px;}
#main ol li ol, #main ul li ol {margin: 10px 0 0 30px;}
#main ol li ol li, #main ul li ol li {list-style: decimal;}
#main dl {margin: 0 0 20px 0;}
#main dl dt {margin: 0 0 3px 0;}
#main dl dd {margin: 0 0 15px 0;}
#main table {width:570px; margin: 0 0 20px 0;}
#main table thead tr th, #main table tfoot tr td {padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody tr td {padding: 5px 10px; vertical-align: middle;}
#statementofcondition #main table tbody tr td.col1 {width: 380px;}
#statementofcondition #main table tbody tr td.col2 {width: 170px;}
/*form elements*/
#main ul#error {background: #f7cbca; color: #c00; margin: 0 0 20px 0; padding: 25px; font-weight: bold; border: 1px solid #c00;}
#main ul#error li {}
#main form fieldset {margin: 0 0 0 40px;}
#main form label {margin: 0 0 10px 0; float: left; display: block;}
#main form label.error {color: #c00; font-weight: bold;}
#main form input,#main form select {margin: 0 0 10px 0; padding: 3px; font-size: 1em; border: 1px solid #999;}
#main form textarea {margin: 0 0 10px 0; padding: 3px; font-size: 1.4em; border: 1px solid #999;}
#main form input.error,#main form textarea.error,#main form select.error {border: 1px solid #c00;}
#main form div {margin: 0 0 10px 0; padding: 0 0 0 0; position: relative;}
#main form p {margin: 25px 0 10px 0;}
#main form .text label {width: 125px; text-align: right;}
#main form .text input {margin: 0 0 10px 15px;}
#main form .text select { margin: 0 0 10px 0; }
.personalbanking #main form .text select {margin: 0 0 10px 15px;}
#main form .checkbox label {width: auto;}
#main form .checkbox input {margin: 0 5px 10px 0; padding: 0; float: left; display: block; border: none;}
#main form .radio label {width: auto;}
#main form .radio input {margin: 0 5px 10px 0; padding: 0; float: left; display: block; border: none;}
#main form .radio input.indent {margin: 0 5px 10px 140px;}
#main form br {clear: both;}
#main form input#btnEdit, #main form input#btnSubmit,#main form input#btnNext,#main form input#btnBack {margin: 0; padding: 0; border: none;}
#main form p.required {color: #999; font-size: .9em; font-style: italic;}
#main ul.formVerify {margin: 0 0 20px 0; position: relative;}
#main ul.formVerify li {margin: 0 0 5px 0; list-style: none; display: block; clear: both; border-bottom: 1px dotted #666;}
#main ul.formVerify li:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#main ul.formVerify li strong {background: #fff; margin: 0; top: .6em; font-weight: normal; float: left; display: block; position: relative;}
#main ul.formVerify li em {background: #fff; margin: 0; top: .6em; float: right; display: block; position: relative;}
#main ul.formVerify li.textbox {margin: 15px 0 0 0; border: none;}
#main ul.formVerify li.textbox strong {float: none;}
#main ul.formVerify li.textbox em {float: none; overflow: auto;}
/*end form elements*/

/**************************************************left column*********************************************/
#sidebar {width: 327px; margin-left: -100%; position: relative; font-size: 1.1em; float: left;}
#sidebar ul {margin: 25px 0 25px 70px;}
#sidebar ul li {list-style: none; margin: 0 10px 0 0; padding: 6px 0; font-family: Trebuchet MS, Verdana, Arial, sans-serif;}
#sidebar ul#sidebarNav li a {color: #993; background: url(../images/bg-internal-sidebar-bullet.jpg) no-repeat; padding: 0 0 0 28px; font-weight: bold;}
#sidebar ul#sidebarNav li a:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
.investmentservices #sidebar ul#sidebarNav li a {color: #060;}
.personalbanking #sidebar ul#sidebarNav li a {color: #600;}
.insidethebank #sidebar ul#sidebarNav li a {color: #006;}
#sidebar ul#sidebarNav li a:hover,#sidebar ul#sidebarNav li a.selected {background: url(../images/bg-internal-sidebar-bullet_02.jpg) no-repeat; text-decoration: none;}
.investmentservices #sidebar ul#sidebarNav li a:hover,.investmentservices #sidebar ul#sidebarNav li a.selected {background: url(../images/bg-sidebar-investment_services-bullet.png) no-repeat;}
.personalbanking #sidebar ul#sidebarNav li a:hover,.personalbanking #sidebar ul#sidebarNav li a.selected {background: url(../images/bg-sidebar-personal_banking-bullet.png) no-repeat;}
.insidethebank #sidebar ul#sidebarNav li a:hover,.insidethebank #sidebar ul#sidebarNav li a.selected {background: url(../images/bg-sidebar-inside_the_bank-bullet.png) no-repeat;}
#sidebar img#map {margin: 30px 0 0 20px;}
#sidebar p#cdRates a {background: url(../images/bg-cd_rates.jpg) no-repeat; width: 124px; height: 64px; margin: 45px 0 20px 96px; display: block; text-indent: -9999px; outline: none;}
#sidebar p#cdRates a:hover {background: url(../images/bg-cd_rates.jpg) 0 -64px;}
#sidebar p#billPayDemo a {background: url(../images/bg-bill_pay.jpg) no-repeat; width: 124px; height: 64px; margin: 0 0 20px 96px; display: block; text-indent: -9999px; outline: none;}
#sidebar p#billPayDemo a:hover {background: url(../images/bg-bill_pay.jpg) 0 -64px;}
#sidebar h4 {color: #555; background: url(../images/bg-internal-sidebar-bullet.jpg) no-repeat 0 2px; margin: 25px 0 20px 20px; padding: 0 0 0 20px; font-size: 1.2em;}
#sidebar .contactInfo {background: url(../images/bg-sidebar-contactInfo.gif) no-repeat; width: 268px; height: 338px; margin: 0 0 0 20px;}
#sidebar .contactInfo table {width: 268px;}
#sidebar .contactInfo table tr td {padding: 8px 10px;}
#sidebar .contactInfo p {margin: 10px; clear: both;}
#sidebar .contactInfo p#viewLocations {margin: 0;}
#sidebar .contactInfo p#viewLocations a {background-image: url(../images/bg-sidebar-viewLocations.gif); width: 268px; height: 42px; margin: 0; display: block; font-weight: bold; overflow: hidden; text-indent: -9999px; outline: none;}
#sidebar .contactInfo p#viewLocations a:hover {background-position: 0 -42px;}

/**************************************************footer**************************************************/
#footer {margin: 0 0 30px 0; border-top: 1px solid #ccc; position: relative; clear: both;}
#footer ul#footerNav {margin: 25px 0 3px 392px;}
#footer ul#footerNav li {list-style: none; display: inline; text-transform: uppercase;}
#footer ul#secondaryNav {margin: 0 0 15px 392px;}
#footer ul#secondaryNav li {list-style: none; display: inline;}
#footer p {margin: 0 0 0 392px;}