/*reset code*/
wrapper, body, div, p, h1, h2, h3, h4, h5, ul, li, form, fieldset {
    margin: 0;
    padding: 0;
}
html{
    color:#000;
    background:#FFF; 
    font-family: "Trebuchet MS";
    font-size:12px;
    }
    
body {
    background-attachment: fixed;
    background-image: url(/2296/mirror/design/bg.jpg);
    background-repeat: repeat-x;
    background-position: center top;
    padding-top: 10px;
}
/* ------------ BACKGROUND IN BODY ------------- */
#bg {}
/* ------------ WRAPPER ------------- */
#wrapper {
    width: 918px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
/* ------------ GENERAL CLASSES ------------- */
#header {
    background-image: url(/2296/mirror/design/header.jpg);
    background-repeat: no-repeat;
    height: 161px;
    width: 900px;
    padding-right: 9px;
    padding-left: 9px;
}
#header_logo {
    float: left;
    height: 161px;
    width: 242px;
}
/* ------------ TOP NAV BEGINS ------------- */
#nav_top {
    float: left;
    color: #052D57;
    text-align: right;
    padding-top: 12px;
    padding-left: 85px;
    padding-bottom: 86px;
}
#nav_top a {
    color: #052D57;
    text-decoration: none;
}
#nav_top a:hover {
    text-decoration: underline;
}
#nav_top ul {
    list-style-type: none;
}
#nav_top ul li {
    display: inline;
}
/* ------------ TOP NAV ENDS ------------- */
/* ------------ SEARCH BEGINS ------------- */
#search {
    float: right;
    width: 140px;
    padding-right: 10px;
    padding-left: 5px;
    padding-top: 10px;
}
.textfield {
    color: #000000;
    height: 15px;
    width: 100px;
    border: 1px solid #062D58;
    background-color: #E2E2E2;
    font-size: 11px;
    margin: 0px;
    padding-top: 3px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 3px;
}
.search_button {
    font-size: 11px;
    color: #FFFFFF;
    background-color: #052E5C;
    padding: 0px;
    height: 19px;
    width: 30px;
    font-weight: bold;
    margin: 0px;
    border: 1px solid #062D58;
}
.form {margin: 0px;}
/* ------------ SEARCH ENDS ------------- */
/* ------------ MAIN NAV BEGINS ------------- */
#mainNav {float: left;width: 658px;}
#mainNav ul {list-style-type: none;}
#mainNav ul li {
    display: inline;
    float: left;
    position: relative;
    text-transform:uppercase;
}
#mainNav ul li a {
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
    width: 131px;
    height: 33px;
    padding-top: 12px;
}
#mainNav ul li a:hover {color: #052E5C;background-image: url(/2296/mirror/design/btn_nav_f2.jpg);background-repeat: no-repeat;}
#mainNav .personal a:hover {background: url(/2296/mirror/design/btn_nav_leftcurve_f2.jpg);}
/* MAIN NAV HOVER STYLES FOR HORIZATONAL ONLY */
#mainNav ul li ul{
    visibility: hidden;
    position: absolute;
    z-index: 10;
    width: 624px;
    top: 40px;
    padding: 7px 15px 15px 15px;
    background-color:#062D58;
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    list-style-type:disc;
}
#mainNav .personal ul {left:0;}
#mainNav .personal ul li a:hover{background-image:none;}
#mainNav .business ul {left:-131px;}
#mainNav .business ul li a:hover{background-image:none;}
#mainNav .invest ul {left:-262px;}
#mainNav .invest ul li a:hover{background-image:none;}
#mainNav .service ul {left:-393px;}
#mainNav .service ul li a:hover{background-image:none;}
#mainNav .about ul {left:-524px;}
#mainNav .about ul li a:hover{background-image:none;}
#mainNav ul li ul li{
    padding:0;
    margin:0;
    width:280px;
    background-image:none;
    text-transform:none;
    list-style-type:disc;
}
#mainNav ul li ul li a{
    text-decoration:none;
    font-size: 13px;
    font-weight:normal;
    color:#fff;
    height:auto;
    width:auto;
    text-align: left;
    padding-left: 15px;
}
#mainNav ul li ul li a:hover {text-decoration:underline;color: #fff;}
#mainNav ul li ul li ul {display: none;visibility: hidden;}
#mainNav ul li ul li ul li {display:none;visibility: hidden;} 
#mainNav li:hover ul, #mainNav li:hover li:hover ul {visibility:visible;}
#mainNav li:hover li ul, #mainNav li:hover li:hover li ul {visibility:hidden;}
#mainNav li:hover>ul {display:block;visibility:visible;}
html>body #mainNav li ul {display:none;}

/* ------------ MAIN NAV ENDS ------------- */
/* ------------ BODY WRAP TO SHOW OLIVE BORDERS ------------- */
#body_wrap {
    background-color: #B6BF88;
    width: 900px;
    float: left;
    padding-right: 9px;
    padding-left: 9px;
}
/* ------------ ONLINE BANKING BEGINS ------------- */
#online_banking_area {
    float: left;
    height: 261px;
    width: 242px;
}
/*#online_banking_feed_area {
    height: 144px;
    width: 242px;
    padding-top: 50px;
}
#online_banking_links {
    height: 49px;
    width: 219px;
    padding-top: 17px;
    padding-left: 23px;
}
#online_banking_links ul {
    list-style-type: none;
}
#online_banking_links ul li {
    background-image: url(/2296/mirror/design/bullet2_trans.gif);
    background-repeat: no-repeat;
    background-position: 1px 4px;
    padding-left: 17px;
}
#online_banking_links a {
    color: #FFFFFF;
    text-decoration: none;
}
#online_banking_links a:hover {
    text-decoration: underline;
}
*/
/* ------------ ONLINE BANKING ENDS ------------- */
/* ------------ FLASH AREA ------------- */
#hero {
    height: 261px;
    width: 658px;
    float: right;
}
/* ------------ SPLASH CONTENT BEGINS ------------- */
#splash_content_area {
    background: #FFFFFF url(/2296/mirror/design/welcome_gradient.jpg) no-repeat top center;
    height: 381px;
    width: 900px;
    float: left;
}
.product_box_wrap {
    float: left;
    width: 900px;
    background: url(/2296/mirror/design/bg_color_bars.jpg) no-repeat top center;
}
.product_box {
    float: left;
    height: 158px;
    width: 272px;
    padding-left: 18px;
    padding-top: 26px;
    padding-right: 10px;
}
.product_box h1 {
    font-size: 16px;
    font-weight: bold;
    color: #585858;
    padding-bottom: 10px;
}
.product_box   ul {
    list-style-type: none;
}
.product_box   ul   li {
    background-image: url(/2296/mirror/design/bullet_squares.gif);
    background-repeat: no-repeat;
    background-position: 1px 5px;
    padding-left: 17px;
    float: left;
    clear: both;
}
.product_box a {
    font-weight: bold;
    color: #869439;
    text-decoration: underline;
}
.product_box a:hover {
    text-decoration: none;
}
.product_box_content_wrap {
    float: left;
    width: 272px;
    padding-bottom: 15px;
}
.product_box_photo {
    height: 77px;
    width: 94px;
    float: left;
}
.product_box_text {
    padding-left: 10px;
    float: left;
    width: 168px;
}

.switch_kit_logo {
    margin-bottom: 10px;
}
#welcome_area {
    float: left;
    height: 159px;
    width: 561px;
    padding-top: 26px;
    padding-left: 21px;
    padding-right: 18px;
}
#welcome_area h1 {
    font-size: 23px;
    color: #052D57;
    margin-bottom: 3px;
    font-weight: normal;
}
#welcome_area ul {
    list-style-type: none;
    float: right;
}
#welcome_area ul li {
    background-image: url(/2296/mirror/design/bullet.jpg);
    background-repeat: no-repeat;
    background-position: 1px 4px;
    padding-left: 17px;
}
#welcome_area a {
    color: #052D57;
    text-decoration: none;
    font-weight: bold;
}
#welcome_area a:hover {
    text-decoration: underline;
}
/* ------------ SPLASH CONTENT ENDS ------------- */
/* ------------ MAIN CONTENT BEGINS ------------- */
#content_header_area {
    background-image: url(/2296/mirror/design/content_header.jpg);
    background-repeat: no-repeat;
    float: left;
    height: 37px;
    width: 900px;
}
#content_header {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    float: left;
    padding-top: 11px;
    padding-left: 16px;
    height: 26px;
    width: 226px;
}
#bread_crumb {
    color: #FFFFFF;
    float: left;
    padding-top: 14px;
    padding-left: 16px;
    height: 23px;
    width: 642px;
}
#bread_crumb ul {
    list-style-type: none;
}
#bread_crumb ul li {
    display: inline;
}
#bread_crumb a {
    color: #FFFFFF;
    text-decoration: none;
}
#bread_crumb a:hover {
    text-decoration: underline;
}
#main_content_column_wrap {
    width: 900px;
    float: left;
    background-image: url(/2296/mirror/design/bg_content.jpg);
    background-repeat: repeat-y;
    border-top-width: 3px;
    border-top-style: solid;
    border-top-color: #FFF;
}
#main_content_column_left {
    float: left;
    width: 242px;
}
#main_content_column_left_ad_area {
    color: #FFF;
    width: 221px;
    padding: 14px 5px 16px 16px;
}
#main_content_column_left_ad_area h1 {
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    margin-bottom: 5px;
}
#main_content_column_left_ad_area h2 {
    font-size: 15px;
    font-weight: bold;
    color: #CDD6DD;
    margin-bottom: 5px;
}
#main_content_column_left_ad_area h3 {
    font-size: 14px;
    font-weight: bold;
    color: #B6BF8A;
}
#main_content_column_left_ad_area strong {
    font-weight: bold;
}
#main_content_column_left_ad_area p {
    padding-bottom: 20px;
}
#main_content_column_left_ad_area a {
    font-weight: bold;
    color: #B6BF8A;
    text-decoration: underline;
}
#main_content_column_left_ad_area a:hover {
    text-decoration: none;
}
#main_content_column_left_ad_area ul {
    list-style-type: none;
    padding-top: 15px;
    padding-bottom: 5px;
    padding-left: 30px;
}
#main_content_column_left_ad_area ul li {
    background-image: url(/2296/mirror/design/bullet2_trans.gif);
    background-repeat: no-repeat;
    background-position: 1px 5px;
    padding-left: 17px;
}
#main_content_column_left_ad_area ul li a {
    color: #FFF;
    text-decoration: underline;
}
#main_content_column_left_ad_area ul li a:hover {
    text-decoration: none;
}
#left_column_texture {
    width: 236px;
    padding-right: 3px;
    padding-left: 3px;
}
#main_content_column_right {
    float: right;
    width: 658px;
}

/* ------------ TOOLS BEGINS ------------- */
#tools {height:20px;padding:0 16px 0 16px;font-size:11px;color:#000;}
#printer {float:right;width:102px;}
#printer a {
    float:left;
    width:91px;
    background:url(/2296/mirror/design/img_print_page.jpg) no-repeat right top;
    padding-top:2px;
    text-decoration:none;
    color:#000;
}
#printer a:hover {text-decoration:underline;}
#sizer {float:right;padding-top:2px;}
#sizer #label {float:left;width:55px;font-weight:bold;}
#sizer #icons {width:27px;padding-top:1px;float:left;}
#decrease-size {float:left;height:11px;width:11px;border:0;}
#increase-size {float:right;height:11px;width:11px;border:0;}
/* ------------ TOOLS ENDS ------------- */

#main_content {
    background-color: #FFFFFF;
    float: left;
    width: 626px;
    padding: 0 16px 16px 16px;
}
#main_content h1 {
    font-size: 1.333em;
    font-weight: bold;
    color: #052D57;
    margin-bottom: 5px;
}
#main_content h2 {
    font-size: 1.25em;
    font-weight: bold;
    color: #000000;
    margin-bottom: 5px;
}
#main_content h3 {
    font-size: 1.167em;
    font-weight: bold;
    color: #869439;
}
#main_content strong {
    font-weight: bold;
}
#main_content p {
padding-bottom: 10px;
}
#main_content a {
    font-weight: bold;
    color: #869439;
    text-decoration: underline;
}
#main_content a:hover {
    text-decoration: none;
}
#main_content ul {
    list-style-type: none;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
}
#main_content ul li {
    background-image: url(/2296/mirror/design/bullet.jpg);
    background-repeat: no-repeat;
    background-position: 1px 5px;
    padding-left: 17px;
}
#main_content ul li a {
    color: #666666;
    text-decoration: underline;
}
#main_content ul li a:hover {
    text-decoration: none;
}
.table_locOff {
    margin: 0px;
    padding: 0px;
    width: 500px;
}
.table_locOff a {
    color: #5A7590;
    text-decoration: underline;
    font-size: 11px;
}
.table_locOff a:hover {
    text-decoration: none;
}
.table_locOff strong{
    font-weight: bold;
    font-size: 13px;
}
.table_locOff em{
    font-style: italic;
}
.table_locOff_greenrow_cell{
    padding-left: 10px;
    width: 157px;
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: #FFF;
    background-image: url(/2296/mirror/design/bg_tables.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    font-size: 13px;
    font-weight: bold;
    color: #FFFfff;
}
#main_content .table_locOff_greenrow_cell a {
    color: #FFFFFF;
}
.table_locOff_whiterow_cell{
    padding-left: 10px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #365778;
    padding-bottom: 5px;
    padding-top: 5px;
    vertical-align: top;
}
.table_coffee {
    width: 471px;
    margin: 0px;
    padding: 0px;
}
.table_coffee_greenrow {
    padding-left: 10px;
    width: 200px;
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: #FFF;
    background-image: url(/2296/mirror/design/bg_tables_coffee.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    font-size: 13px;
    font-weight: bold;
    color: #FFFfff;
}
.table_coffee_bluerow {
    padding-left: 10px;
    width: 175px;
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: #FFF;
    background-image: url(/2296/mirror/design/bg_tables_coffee2.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    font-size: 13px;
    font-weight: bold;
    color: #FFFfff;
}
.table_coffee_whiterow {
    padding-left: 10px;
    vertical-align: top;
}
.table_coffee_whiterow strong {
    font-weight: bold;
}
.photos_history {
    padding-left: 10px;}
/* ------------ MAIN CONTENT ENDS ------------- */

/*----------------CALENDAR STYLES ------------*/

.CalendarTable {  background-color: #A09C58; width: 500px; margin-top: 3px; margin-right: 0px; margin-bottom: 1px; margin-left: 3px}
.CalendarTitleTD { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFFFFF; background-color: #003567; text-align: center; vertical-align: top; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px}
.CalendarTitleTD a:link {  color: #FFFFFF; text-decoration: none; font-size: 16px }
.CalendarTitleTD a:visited {  color: #FFFFFF; text-decoration: none; font-size: 16px }
.CalendarTitleTD a:hover {  color: #A09C58; text-decoration: none; font-size: 16px }
.CalendarTitleTD a:active {  color: #A09C58; text-decoration: none; font-size: 16px }
.CalendarTD { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; background-color: #ECEAD5; text-align: center; vertical-align: top; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px}
.CalendarEmpty { background-color: #DDDDDD }
.CalendarDay { background-color: #ECEAD5; vertical-align: top }
.CalendarCurrDay { background-color: #FFFFFF; vertical-align: top }
.CalendarDetails { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: left; vertical-align: top; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px}
.CalendarBottomTD { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; background-color: #ECEAD5; text-align: center; vertical-align: top; padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px}
.CalendarEventTD { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #000000; background-color: #ECEAD5; text-align: left; vertical-align: top; padding-top: 1px; padding-right: 0px; padding-bottom: 1px; padding-left: 0px}
.CalendarEventTD a:link {  color: #003567; text-decoration: none }
.CalendarEventTD a:visited {  color: #003567; text-decoration: none}
.CalendarEventTD a:hover {  color: #523238; text-decoration: underline}
.CalendarEventTD a:active {  color: #523238; text-decoration: underline}
/* ------------ FOOTER BEGINS ------------- */
#footer_area {
    background-image: url(/2296/mirror/design/footer.jpg);
    background-repeat: no-repeat;
    height: 130px;
    width: 873px;
    float: left;
    padding-top: 45px;
    padding-left: 27px;
}
#footer_content {
    color: #FFFFFF;
    width: 702px;
    float: left;
}
#footer_area h1 {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 10px;
}
#footer_content ul {
    list-style-type: none;
    padding-bottom: 10px;
}
#footer_content ul li {
    display: inline;
}
#footer_content a {
    color: #B3C160;
    text-decoration: underline;
}
#footer_content a:hover {
    text-decoration: none;
}
#footer_content p {
    padding-bottom: 10px;
}
#footer_logos {
    width: 161px;
    padding-left: 10px;
    float: left;
}
#footer_logos_FDIC {
    float: left;
    text-align: center;
}
#footer_logos_FDIC a {
    font-size: 10px;
    color: #B3C160;
    text-decoration: underline;
}
#footer_logos_FDIC a:hover {
    text-decoration: none;
}

#footer_logos_EHL {
    float: left;
    padding-left: 10px;
    width: 48px;
    text-align: center;
}
#footer_logos_EHL a {
    font-size: 10px;
    color: #B3C160;
    text-decoration: underline;
}
#footer_logos_EHL a:hover {
    text-decoration: none;
}
/* ------------ FOOTER ENDS ------------- */
/* ------------ CODED BY BH  ------------- */
/* User Styles */
.white_txt {
    color: #FFFFFF;
}

/*FORM VALIDATION CSS*/
    .formError {
            position:absolute;
            top:300px; left:300px;
            padding-bottom:13px;
            display:block;
            z-index:5000;
        }
            #debugMode{
                background:#000;
                position:fixed;
                width:100%; height:200px;
                top:0; left:0;
                overflow:scroll;
                opacity:0.8;
                display:block;
                padding:10px;
                color:#fff;
                font-size:14px;
                z-index:100000;
            }
        
            .ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
            .formError .formErrorContent {
                width:100%; 
                background:#ee0101;
                color:#fff;
                width:150px;
                font-family:tahoma;
                font-size:11px;
                border:2px solid #ddd;
                box-shadow: 0px 0px 6px #000;
                -moz-box-shadow: 0px 0px 6px #000;
                -webkit-box-shadow: 0px 0px 6px #000;
                padding:4px 10px 4px 10px;
                border-radius: 6px;
                -moz-border-radius: 6px;
                -webkit-border-radius: 6px;
            }
            .greenPopup .formErrorContent {background:#33be40;}
            
            .blackPopup .formErrorContent {background:#393939;color:#FFF;}
            
            .formError .formErrorArrow{
                position:absolute;
                bottom:0;left:20px;
                width:15px; height:15px;
                z-index:5001;
            }
            .formError .formErrorArrowBottom{top:0;margin:-6px;}
            
                .formError .formErrorArrow div{
                    border-left:2px solid #ddd;
                    border-right:2px solid #ddd;
                    box-shadow: 0px 2px 3px #444;
                    -moz-box-shadow: 0px 2px 3px #444;
                    -webkit-box-shadow: 0px 2px 3px #444;
                    font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
                }
                    .formError .formErrorArrowBottom div{
                        box-shadow: none;
                        -moz-box-shadow: none;
                        -webkit-box-shadow: none;
                    }
                    
                .greenPopup .formErrorArrow div{background:#33be40;}
                .blackPopup .formErrorArrow div{background:#393939;color:#FFF;}
                .formError .formErrorArrow .line10{width:15px;border:none;} 
                .formError .formErrorArrow .line9{width:13px;border:none;} 
                .formError .formErrorArrow .line8{width:11px;} 
                .formError .formErrorArrow .line7{width:9px;} 
                .formError .formErrorArrow .line6{width:7px;} 
                .formError .formErrorArrow .line5{width:5px;} 
                .formError .formErrorArrow .line4{width:3px;} 
                .formError .formErrorArrow .line3{width:1px;
                    border-left:2px solid #ddd;
                    border-right:2px solid #ddd;
                    border-bottom:0px solid #ddd;} 
                .formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
                .formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}