@charset "utf-8";
/*reset code*/
#wrapper, body, div, p, h1, h2, h3, ul, li, form, fieldset {margin: 0; padding: 0;}
html{
    color:#000;
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px;
}
body {
    background-image: url(/3521/mirror/design/body.jpg);
    background-color: #7D9FBF;
    background-attachment: fixed;
    background-repeat: repeat-x;
    background-position: top left;
    margin-top: 20px;
}
img {border:0;}
.clear{clear:both;}
#wrapper {
    width: 881px;
    margin:0 auto;
    position:relative;
    background-color:#fff;
    padding:0 10px;
}
/* BEGIN HEADER STYLES*/
#header {width: 881px;}
#header_left {width:381px; float:left;}
#header_right {width:500px; float:right; height:92px;}
#logo {}
/* BEGIN TOP NAV STYLES*/
#topNav {width: 500px; padding-top:14px;}
#topNav ul {list-style-type: none; text-align: right;}
#topNav ul li {display: inline; color: #666666;}
#topNav ul li a {
    color: #666666;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}
#topNav ul li a:hover {text-decoration: underline;}
/* MAIN NAVIGAITON */
#mainNav {
    width:881px;
    background-image: url(/3521/mirror/design/mainNav.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height:28px;
}
#mainNav ul {width:655px; padding-left:226px;}
#mainNav ul li {
    list-style-type:none;
    height:28px;
    width:131px;
    position:relative;
    float:left;
    text-align:center;
}
#mainNav ul li a {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    color:#666666;
    text-decoration:none;
    display:block;
    height:23px;
    padding-top:5px;
}
#mainNav ul li a:hover {
    background-image: url(/3521/mirror/design/hover.jpg);
    background-repeat: no-repeat;
    background-position: 2px top;
    color:#000;
    }
    
#mainNav ul li.active a {color:#000;}
#mainNav ul li.active {
    background-image: url(/3521/mirror/design/active.jpg);
    background-repeat: no-repeat;
    background-position: 2px top;
    color:#000;
    }
#mainNav ul li ul {
    visibility:hidden;
    position:absolute;
    z-index:10;
    top:28px;
    width:220px;
    background-color: #ddd;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    left: 2px;
    padding: 0;
}
#mainNav ul li ul li {width:220px; text-align: left;}
#mainNav ul li ul li a {
    height:13px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #000;
    padding-left: 30px;
}
#mainNav ul li ul li a:hover {text-decoration: underline; background-image: url(none);}
#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;}
/* using display is better (no scrollbars when page loads), but IE can't handle it, so only good browsers should see this */
html>body #mainNav li ul {display: none;}
#feature_wrapper
{
    width:881px;
}
#left_column 
{
    width:228px;
    float:left;
    }
#ibanking{
    background-image: url(/3521/mirror/design/ibanking.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 60px;
    height:167px;
    width: 228px;
}
#ibanking label  {
    height: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}
#ibanking .tier1 {text-align: center; height: 26px;    width: 228px;}
#ibanking .tier1 label {font-weight: bold; padding-right: 5px;}
#ibanking .tier2 {padding-left: 18px; width: 210px;}
#ibanking .tier3 {padding-left: 58px; width: 170px;}
#ibanking .tier3 input {width: 45px; height: 20px; margin-top: 4px;}
#ibanking .tier4 {width: 227px;}
#ibanking .tier4 ul {
    padding-left: 70px;
    list-style-image: url(/3521/mirror/design/white-square-bullet.jpg);
    margin-top: 6px;
}
#ibanking .tier4 ul li {color: #fff;}
#ibanking .tier4 ul li a {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    padding-left: 6px;
}
#ibanking .tier4 ul li a:hover {text-decoration: none;}
#products_left {
    width: 208px;
    background-image: url(/3521/mirror/design/applications-bg1.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 27px;
    padding-left: 20px;
}
#interior_products_left {
    width: 208px;
    padding-top: 27px;
    padding-left: 20px;
}
#landing_products_left {
    width: 208px;
    padding-top: 27px;
    padding-left: 20px;
    background-image: url(/3521/mirror/design/landing-applications-bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
#products_left h2, 
#interior_products_left h2,
#landing_products_left h2 {
    color: #0250A1;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    width: 180px;
    margin-bottom: 8px;
}
#products_left .selectApplication {
    height: 25px; 
    margin-bottom: 30px; 
    width: 190px;
    }
    
#interior_products_left .selectApplication, 
#landing_products_left .selectApplication {
    height: 25px; 
    margin-bottom: 25px; 
    width: 190px;
    }    
#products_left select, 
#interior_products_left select,
#landing_products_left select {
    width: 150px; 
    height: 24px; 
    float:left;
    }
#products_left .selectApplication input, 
#interior_products_left .selectApplication input,
#landing_products_left .selectApplication input{
    float:right; 
    margin-top:2px;
}
#products_left .calculator-contact-wrapper, 
#interior_products_left .calculator-contact-wrapper {
    width: 200px;
}
#products_left .calculator-contact-wrapper ul{
    list-style-type: none; 
    padding-left: 20px; 
    width: 180px; 
    padding-bottom:30px;
    }
    
#interior_products_left  .calculator-contact-wrapper ul,
#landing_products_left  .calculator-contact-wrapper ul{
    list-style-type: none;
    padding-left: 20px;
    width: 180px;
    padding-top:27px;
    }    
#products_left .calculator-contact-wrapper ul li, 
#interior_products_left .calculator-contact-wrapper ul li,
#landing_products_left .calculator-contact-wrapper ul li{
    display: inline; 
    padding-right: 15px;
    }
#products_left .calculator-contact-wrapper ul li a,
#interior_products_left .calculator-contact-wrapper ul li a,
#landing_products_left .calculator-contact-wrapper ul li a{
    color: #4c4c4c;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
#products_left .calculator-contact-wrapper ul li a:hover,
#interior_products_left .calculator-contact-wrapper ul li a:hover,
#landing_products_left .calculator-contact-wrapper ul li a:hover{
    text-decoration:none;
    }

#products_left h3 {
    color: #0250A1;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 4px;
}
#products_left .bottom-left-area {width:190px;padding-bottom:10px;font-size:12px;}
#products_left .bottom-left-area h1 {font-size:14px;}
#products_left .bottom-left-area h2 {font-size:14px;}
#products_left .bottom-left-area h3 {font-size:14px;}
#products_left .bottom-left-area h4 {font-size:14px;margin:0;padding:0;}
#products_left .bottom-left-area h5 {font-size:14px;margin:0;padding:0;}
#products_left .bottom-left-area h6 {font-size:14px;margin:0;padding:0;}

#right_column {width:653px;float:right;}
#hero{
    width:653px;
    padding-bottom:16px;
    background-image: url(/3521/mirror/design/hero-bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}    
#products_navigation_wrapper {
    width: 653px;
    float:right;
    background-image: url(/3521/mirror/design/product-nav-bg.jpg);    
    background-repeat: no-repeat;
    background-position: right top;
}  
#products_navigation {width:492px; float:left;}     
#products_navigation .titles ul{
    padding:0; 
    margin:0; 
    list-style-type: none;
    margin-top: 15px;
    height: 23px;
    width: 490px;
    float:left;
}
#products_navigation .titles ul li{
    display: inline;
    width: 140px;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-right: 18px;
    padding-left: 32px;
}    
#landing_navigation_wrapper 
{
    width: 653px;
    background-image: url(/3521/mirror/design/interior-feature-bg.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    }    
    
#landing_navigation_wrapper .landing_titles {
    padding:0; 
    margin:0; 
    height: 38px;
    width: 653px;
}
#landing_navigation_wrapper .landing_titles ul{
    margin:0;
    list-style-type: none;
    height:15px;
    width: 653px;
    padding-top: 13px;
}
#landing_navigation_wrapper .landing_titles ul li{
    display:inline;
    color:#000;
    width:217px;
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    font-weight:bold;
    float: left;
}   
#products_navigation a {
    padding-left: 5px;
    color: #0250a1;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
#products_navigation a:hover {text-decoration: none;}
#products_navigation .nav-left {
    float: left;
    width: 158px;
    padding-left: 18px;
    padding-top: 18px;
}
#products_navigation .nav-left ul {padding-left: 12px;}
#products_navigation .nav-left ul li {
    list-style-position: outside;
    list-style-image: url(/3521/mirror/design/grey-square-bullet.jpg);
    padding-bottom: 7px;
}
#products_navigation .nav-middle {
    float: left;
    width: 163px;
    padding-left: 10px;
    padding-top: 18px;
}
#products_navigation .nav-middle ul {padding-left: 10px;}
#products_navigation .nav-middle ul li {
    list-style-position: outside;
    list-style-image: url(/3521/mirror/design/grey-square-bullet.jpg);
    padding-bottom: 7px;
}
#products_navigation .nav-right {
    float: left;
    width: 138px;
    padding-left: 5px;
    padding-top: 18px;
}
#products_navigation .nav-right ul {padding-left: 12px;}
#products_navigation .nav-right ul li {
    padding-bottom: 7px;
    list-style-position: outside;
    list-style-image: url(/3521/mirror/design/grey-square-bullet.jpg);
}
#landing_products_navigation {
    width:653px;
    padding-bottom:20px;
    background-image: url(/3521/mirror/design/blue-line.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
}    
#landing_products_navigation a {
    padding-left: 5px;
    color: #0250a1;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
#landing_products_navigation a:hover {text-decoration: none;}
#landing_products_navigation .landing_nav_left {
    float: left;
    width: 200px;
    padding-left: 18px;
    padding-top: 18px;
}
#landing_products_navigation .landing_nav_left ul {padding-left: 26px;}
#landing_products_navigation .landing_nav_left ul li {
    list-style-position: outside;
    list-style-image: url(/3521/mirror/design/grey-square-bullet.jpg);
    padding-bottom: 7px;
}
#landing_products_navigation .landing_nav_middle {
    float: left;
    width: 207px;
    padding-left: 10px;
    padding-top: 18px;
}
#landing_products_navigation .landing_nav_middle ul {padding-left: 28px;}
#landing_products_navigation .landing_nav_middle ul li {
    list-style-position: outside;
    list-style-image: url(/3521/mirror/design/grey-square-bullet.jpg);
    padding-bottom: 7px;
}
#landing_products_navigation .landing_nav_right {
    float: left;
    width: 211px;
    padding-left: 5px;
    padding-top: 18px;
}
#landing_products_navigation .landing_nav_right ul {padding-left: 44px;}
#landing_products_navigation .landing_nav_right ul li {
    padding-bottom: 7px;
    list-style-position: outside;
    list-style-image: url(/3521/mirror/design/grey-square-bullet.jpg);
}
#landing_products {width:653px;padding-top:43px;height:134px;}
.product_box  {width:214px;float:left;}
.product_box h3 {color:#024F9D;font-size:15px;margin-bottom:5px;}
.product_box td.row2 a {padding-left:15px;text-decoration:underline;color:#999;background: url(/3521/mirror/design/red-square-bullet.jpg) no-repeat left center;}
.product_box td.row2 a:hover {text-decoration:none;}
#money_pass{
    float:right;
    width:144px;
    padding-top:27px;
    padding-left:16px;
}    

#interior_money_pass{
    width:190px;
    padding: 27px 0 21px 0px;
    text-align:center;
}    
#money_pass .money_pass_link {
    width: 115px;
    padding-top:10px;
    padding-left:25px;
}
#interior_money_pass .money_pass_link {
    width: 190px;
    padding-top:15px;
}
#money_pass .money_pass_link a, #interior_money_pass .money_pass_link a {
    color: #0250a1;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
#money_pass .money_pass_link a:hover ,  #interior_money_pass .money_pass_link a:hover{text-decoration: none;}

#money_pass h3 {
    color: #0250A1;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 4px;
}
#money_pass .bottom-right-area {
    width: 135px;
    padding-bottom:10px;
    }

#rates{
    width: 190px;
    float:right;
    padding-right: 10px;
}
#interior_rates {
    width: 190px;
    padding-right: 10px;
}
#rates h4, #interior_rates h4 {
    margin: 0;
    margin-bottom: 5px;
    color: #0250a1;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
}
#rates select, #interior_rates select {
    height: 24px;
    width: 150px;
    float: left;
}
#rates input, #interior_rates input {
    float: right;
    margin-top: 2px;
}
#billpay-rates {
    float: left;
    width: 472px;
    margin-top: 22px;
    padding-left: 20px;
}
#billpay {width: 260px; float: left;    padding-top: 10px;}
#product_wrapper{
    width:863px;
    padding:18px 0 23px 18px;
    background-image: url(/3521/mirror/design/features-bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 21px;
}
#product_wrapper .goal-savers{width: 392px;    float: left;}
#product_wrapper .goal-savers a:hover {text-decoration: none;}
#iframe-market {width: 205px; float: left; padding-left: 32px;}
#iframe-market h2 {font-size: 16px;color: #000;margin-bottom: 5px;}
#market {width: 190px;border: 1px solid #999999;}
#iframe-weather {width: 212px;padding-left: 20px;float: left;}
#iframe-weather h2 {font-size: 16px;color: #000;margin-bottom: 5px;}
.go_button{
    border: 1px solid #000000;
    background: #989898;
    color: #FFF;
    width: 33px;
    height: 20px;
    font-weight:bold;
}
/* BEGIN INTERIOR CONTENT STYLES */
#content_wrapper {width: 881px;}  
#content {padding-left:11px;padding-top:12px;}
.content_left {width:415px;float:left;padding-left:10px;}
#breadcrumb {
    color:#666666;
    font-size:12px;
    padding-top:14px;
    padding-bottom:18px;
}
#breadcrumb a {color:#666666;font-size:12px;text-decoration:none;}
#breadcrumb a:hover {text-decoration:underline;}
#content p {margin-bottom:13px}
#content a {color:#0250a1;text-decoration:underline;}
#content a:hover {text-decoration:none;}
#content h1 {
    padding:0;
    margin:0;
    font-size:18px;
    padding:10px 0 8px 10px;
    background-color:#B5121B;
    color:#fff;
    }
#content h2 {
    padding:0;
    margin:0;
    font-size:16px;   
    color:#336699;
    margin-bottom:3px;
    }
#content h3 {
    padding:0;
    margin:0;
    font-size:14px;   
    color:#336699;
    margin-bottom:3px;
    }
#content h4 {
    padding:0;
    margin:0;
    font-size:12px;   
    color:#336699;
    margin-bottom:3px;
    }
#content h5 {
    padding:0;
    margin:0;
    font-size:10px;   
    color:#336699;
    margin-bottom:3px;
    }
#content h6 {
    padding:0;
    margin:0;
    font-size:8px;   
    color:#336699;
    margin-bottom:3px;
    }
#content .listGrey-box {padding:10px 0 15px 48px;list-style-position: outside;list-style-image: url(/3521/mirror/design/grey-square-bullet.jpg);}
#content .content_left_list ul {padding:10px 0 15px 48px;}
#content .content_left_list ul li {list-style-position: outside;list-style-image: url(/3521/mirror/design/grey-square-bullet.jpg);}
#content .content_left_list ol {padding:10px 0 0 48px;margin:0 0 15px 0;}
#content blockquote {
    background-color:#eeeeee;
    margin:10px 15px;
    padding:10px 15px;
    line-height:1.4em;
}
.content_right {
    width:208px;
    float:right;
    padding-top:25px;
    background-image: url(/3521/mirror/design/grey-bg.jpg);
    background-repeat: repeat-y;
    background-position: left bottom;
}    
#content .content_right ul {padding: 13px 0 71px 25px;}
#content .content_right ul li {
    list-style-position: outside;
    list-style-image: url(/3521/mirror/design/grey-square-bullet.jpg);
    padding-bottom: 10px;
}
#content .content_right ul li a {color: #0250a1;font-size: 11px;}
#content .content_right ul li a:hover {text-decoration:none;}
.table_title_2 {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF; 
    background-color: #336699;  
    vertical-align: middle; 
    padding: 5px 5px 5px 5px;
}
/*Table Title*/
.table_cell_2 {background-color: #e6e6e6;}
/*Cell Color*/
.table_border_2 {border-collapse: collapse;border: 1px solid #336699;}
/*Table Border*/
.table1 ul {font-size:10px;list-style-type: none;}
.table1 p {margin:0;}
.table1 ul li {
    background-image: url(/3521/mirror/design/table-li-bullet.jpg);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 9px;
    margin-bottom: 5px;
    list-style-type: none;
}
.columnHeader-grey {
    background-color: #E2E2E2;
    color: #0250A1;
    padding: 5px;
    font-size: 13px;
    font-weight: bolder;
    border-bottom: solid 1px #1E2124;
}
.columnHeader-white {
    color: #0250A1;
    padding: 5px;
    font-size: 13px;
    font-weight: bolder;
    border-bottom: solid 1px #1E2124;
}
.column1 {
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    padding: 5px;
    color: #0250A1;
    border-bottom: solid 1px #1E2124;
}
.column-grey {
    background-color: #E2E2E2;
    padding: 5px 0 5px 5px;
    font-size: 11px;
    font-weight: bolder;
    color: #4E4E4E;
    border-bottom: solid 1px #1E2124;
}
.column-white {
    padding: 5px 0 5px 5px;
    border-bottom: solid 1px #1E2124;
    font-size: 11px;
    font-weight: bolder;
    color: #4E4E4E;
}
.column-wide {
    padding: 5px;
    width: 621px;
    font-size: 11px;
    color: #1E2124;
    line-height: 1.3em;
}
.table1 .red {color: #B6121B;}


/* BEGIN FOOTER STYLES*/
#footer {
    width: 832px;
    padding: 15px 26px 12px 23px;
    background-image: url(/3521/mirror/design/footer-bg.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
#footer_links{width: 540px;    float: left;}
#footer_links h2 {
    color: #B5121B;
    font-size: 13px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin-bottom: 7px;
}
#footer_links ul{
    padding:0; 
    margin:0; 
    list-style-type: none;    
    margin-bottom: 7px;
    }
#footer_links ul li{display: inline; color: #666666;}
#footer_links ul li a{
    color: #666666;
    font-size: 12px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration: none;
}
#footer_links ul li a:hover{text-decoration: underline;}
#footer_links .fraud ul li a {
    color: #B21219;
    text-decoration: underline;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
#footer_links .fraud ul li a:hover {text-decoration: none;}
#fdic_ehl {width: 150px; float: right;}
#fdic {
    float: left;
    height: 38px;
    width: 60px;
    text-align: center;
    padding-top: 2px;
}
#fdic a:hover {text-decoration: none;}
#ehl {
    float: right;
    height: 60px;
    width: 80px;
    text-align: center;
}
#fdic a, #ehl a {
    color: #666666;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding-top:20px;
}
#ehl a:hover {text-decoration: none;}
#notice {float: left; width: 832px;    margin-bottom: 4px;}
#notice a {color: #666666;}
#notice a:hover {text-decoration: none;}
#copywrite {float: left; width: 832px;}
#copywrite a {color: #666666;}
#copywrite a:hover {text-decoration: none;}
/*CODED BY Troy Crowe*/