@charset "utf-8";
/* CSS Document */
body, img, ul, li, h1, h2, h3, h4, h5, h6, p, form {
    margin:0;
    border:none;
    padding:0;
}
body {
    background-image: url(/2057/mirror/design/main-wrapper.jpg);
    background-repeat: repeat-y;
    background-position: center top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
#topWrapper {
    width: auto;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    background-repeat: repeat-x;
    background-image: url(/2057/mirror/design/topWrapper.jpg);
    height: 433px;
}
#bottomWrapper  {
    width: 874px;
    margin-right: auto;
    margin-left: auto;
}
#header {
    height: 434px;
    width: 874px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(/2057/mirror/design/header.jpg);
    background-repeat: no-repeat;
    padding-right: 18px;
    padding-left: 18px;
    background-position: center top;
}
#mastHead {
    height: 154px;
    width: 874px;
    float: left;
}
.logo {
    float: left;
}
#ib_account {
    float: right;
    height: 111px;
    width: 194px;
    background-image: url(/2057/mirror/design/onlineBanking.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 33px;
}
#ib_account h1 {
    font-size: 12px;
    font-weight: bold;
    color: #005266;
    float: left;
    padding-bottom: 5px;
}
.login {
    float: right;
}
.app {
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #005266;
    background-image: url(/2057/mirror/design/app-icon.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
    width: 160px;
    height: 20px;
    line-height: 18px;
}
.app:hover {
    text-decoration: none;
}
.features {
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #005266;
    background-image: url(/2057/mirror/design/features-icon.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
    width: 160px;
    height: 20px;
    line-height: 18px;
}
.features:hover {
    text-decoration: none;
}
.disc {
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #005266;
    background-image: url(/2057/mirror/design/disclosure-icon.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
    width: 160px;
    height: 20px;
    line-height: 18px;
}
.disc:hover {
    text-decoration: none;
}
.faq {
    float: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #005266;
    background-image: url(/2057/mirror/design/faqs-icon.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
    width: 160px;
    height: 20px;
    line-height: 18px;
}
.faq:hover {
    text-decoration: none;
}
#bannerBox {
    width: 856px;
    padding-right: 9px;
    padding-left: 9px;
    float: left;
    padding-top: 8px;
    padding-bottom: 8px;
    height: 264px;
    background-color: #4A8492;
}
.left {
    padding: 22px;
    width: 187px;
    height: 179px;
    background-image: url(/2057/mirror/design/nav-bg.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    float: left;
    background-color: #005267;
}
.left ul li {
    list-style-type: none;
}
.left ul li a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    line-height: 18px;
}
.left ul li a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #00A652;
    text-decoration: none;
    font-weight: bold;
    line-height: 18px;
    cursor: auto;
}
.left h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    float: left;
    padding-top: 50px;
    width: 187px;
}
#form {
    float: left;
    width: 187px;
    height: 19px;
    padding-top: 5px;
}
#jumpMenu {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 19px;
    width: 144px;
}
#go_button {
    float: left;
    padding-left: 5px;
}
.banner1 {
    float: left;
    padding-left: 302px;
    height: 179px;
    width: 313px;
    margin-bottom: 8px;
    padding-top: 44px;
    background-repeat: no-repeat;
    background-position: right top;
    padding-right: 9px;
    background-image: url(/2057/mirror/images/banner01.jpg);
}
.banner1 h1 {
    font-family: "Times New Roman", Times, serif;
    font-size: 22px;
    text-align: right;
    color: #005266;
}
.banner1 p {
    float: right;
    height: 65px;
    width: 191px;
    font-size: 13px;
    color: #000000;
    padding-top: 3px;
    padding-left: 122px;
}
.banner1 .learnMore {
    float:left;
    padding-top: 7px;
    padding-left: 209px;
}
.banner2 {
    float: left;
    padding-left: 40px;
    height: 73px;
    width: 583px;
    margin-bottom: 8px;
    padding-top: 150px;
    background-repeat: no-repeat;
    background-position: right top;
    background-image: url(/2057/mirror/images/banner02.jpg);
}
.banner2 h1 {
    font-family: "Times New Roman", Times, serif;
    font-size: 22px;
    text-align: left;
    color: #000000;
    line-height: 22px;
    float: left;
    width: 400px;
    height: 45px;
}
.banner2 p {
    float: left;
    font-size: 13px;
    color: #000000;
    line-height: 13px;
    width: 400px;
    height: 13px;
}
.banner2 .learnMore {
    float: left;
    height: 24px;
    width: 104px;
    padding: 0px;
    margin: 0px;
    position: absolute;
    left: 716px;
    top: 350px;
}
.bottomBlock {
    float: left;
    height: 34px;
    width: 855px;
    background-color: #005267;
}
.bottomBlock marquee {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    width: 626px;
    float: left;
    height: 1.5em;
    padding-top: 1em;
}
.bottomBlock marquee a {
    color: #FFFFFF;
    text-decoration: underline;
}
.bottomBlock marquee a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
#topnav {
    float: right;
    padding-top: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 11px 0px 10px 0px;
}
#topnav ul {
    width: 205px;
    list-style-type: none;
}
#topnav ul li {
    float: left;
    font-size: 11px;
    color: #FFFFFF;
    padding-right: 8px;
}
#topnav ul li a {
    color: #FFFFFF;
    text-decoration: none;
    padding-right: 8px;
}
#topnav ul li a:hover {
    color: #FFFFFF;
    text-decoration: underline;
    padding-right: 8px;
}
#footer {
    height: 158px;
    width: 874px;
    float: left;
    margin-top: 20px;
}
.bottomNav {
    width: 862px;
    background-image: url(/2057/mirror/design/footer-bg.jpg);
    height: 15px;
    padding: 45px 12px 0px 0px;
    background-repeat: no-repeat;
    background-position: center top;
}
.bottomNav ul {
    padding-left: 25px;
    list-style-type: none;
}
.bottomNav ul li {
    float: left;
    padding-right: 4px;
}
.bottomNav  ul li a {
    color: #005266;
    text-decoration: none;
    padding-right: 4px;
}
.bottomNav ul li a:hover {
    color: #005266;
    text-decoration: underline;
    padding-right: 4px;
}
.copyright  {
    color: #666666;
    padding-left: 25px;
    padding-top: 8px;
    float: left;
    width: 500px;
}
.copyright a {
    color: #666666;
    text-decoration: underline;
}
.copyright a:hover {
    text-decoration: none;
}
.notice {
    width: 740px;
    float: left;
    padding-top: 8px;
    padding-left: 25px;
    color: #666666;
}
.logos {
    float: right;
    padding-right: 5px;
}
.ehl {
    padding-right: 29px;
}
.fdic {
    padding-right: 18px;
}

/* Begin Splash Page Styles */
#splash {
    width: 800px;
    height: 371px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 23px;
    padding-right: 37px;
    padding-bottom: 12px;
    padding-left: 37px;
}
.featureBox {
    height: 169px;
    width: 240px;
    float: left;
    padding: 5px;
    border: 1px solid #D2D2D2;
    background-repeat: no-repeat;
    background-position: center 36px;
}
.featureBox h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFFFFF;
    line-height: 1em;
    text-align: center;
    width: 240px;
    padding-top: 9px;
    padding-bottom: 9px;
    background-image: url(/2057/mirror/design/heading-bg.jpg);
    background-repeat: no-repeat;
}
.featureBox p {
    height: auto;
    width: 205px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding-top: 8px;
}
#generic {
    background-image: url(/2057/mirror/design/feature-bg.jpg);
}
.splash-learnMore a {
    font-size: 11px;
    color: #008ED6;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
}
.splash-learnMore a:hover {
    font-size: 11px;
    color: #008ED6;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
}
#bgHome {
    background-image: url(/2057/mirror/design/house-bg.jpg);
}
#mobileMan {
    background-image: url(/2057/mirror/design/man-cellphone.jpg);
}
#laptop {
    background-image: url(/2057/mirror/design/female-laptop.jpg);
}
#desktop {
    background-image: url(/2057/mirror/design/man-desktop.jpg);
}
#splash .space {
    float: left;
    width: 22px;
    height: 181px;
}
#splash .rowSpacer {
    float: left;
    height: 11px;
    width: 800px;
    margin: 0px;
    padding: 0px;
}
.center-filler {
    float: left;
    padding-top: 7px;
    padding-right: 14px;
    padding-bottom: 7px;
    padding-left: 14px;
}