/*reset code*/
wrapper, body, div, p, h1, h2, h3, h4, h5, h6, ul, li, form, fieldset {
    margin: 0;
    padding: 0;
}
html{
    color:#000;
    font-family:Arial, Helvetica, sans-serif; 
    font-size:12px;
}
body {
    background-attachment: scroll;
    background-image: url(/3508/mirror/design/bg.jpg);
    background-color: #B3C4BE; 
    background-repeat: repeat-x;
    background-position: top;
}
#wrapper {
    width: 912px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
#header {
    background-color: #FFFFFF;
    float: left;
    width: 912px;
    height: 166px;
}
#logo_online_wrapper {
    width: 912px;
    float: left;
}
#logo {
    width: auto;
    float: left;
    padding-top: 5px;;
    padding-bottom: 6px;
    padding-left: 24px;
}
#logoOLD {
    width: auto;
    float: left;
    padding-top: 5px;;
    padding-bottom: 23px;
    padding-left: 24px;
}
#login_area {
    float: right;
    height: 61px;
    width: auto;
    text-align: right;
    padding-right: 32px;
    padding-top: 40px;
}
#login_area a {
    color: #023825;
    font-weight: bold;
    text-decoration: none;
}
#login_area a:hover {
    color: #023825;
    font-weight: bold;
    text-decoration: underline;
}
#login_area ul {
    list-style-type: none;
    padding-top: 5px;
}
#login_area ul li {
    display: inline;
}
.login_button {
    margin-bottom: 7px;
}
#mainNav {
    background: url(/3508/mirror/design/bg_nav.jpg) no-repeat 0px 2px;
    height: 40px;
    width: 912px;
    float: left;
}
#mainNav ul {
    list-style: none;
}
#mainNav ul li {
    display: inline;
    position: relative;
    float: left;
}
#mainNav ul li a {
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
    height: 28px;
    padding-top: 12px;
}
.active a{
    width: 130px;
    background: #023825;
}
.active a:hover{
    background: #356152;
}
.active ul li a{
    border-right: 1px solid #356152;
    border-bottom: 1px solid #356152;
    border-left: 1px solid #356152;
}
.checking a {
    width: 130px;
}
.checking a:hover {
    background: url(/3508/mirror/design/bg_nav_rollover_leftend.jpg) no-repeat 0px 2px;
}
.checking ul li a {
    background: #9E8624;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #B6A45B;
    border-bottom-color: #B6A45B;
    border-left-color: #B6A45B;
}
.checking ul li a:hover {
    background: #B6A45B;
}
.middle5 a {
    width: 130px;
}
.middle5 a:hover {
    background: url(/3508/mirror/design/bg_nav_rollover.gif) no-repeat 0px 2px;
}
.middle5 ul li a {
    background: #9E8624;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #B6A45B;
    border-bottom-color: #B6A45B;
    border-left-color: #B6A45B;
}
.middle5 ul li a:hover {
    background: #B6A45B;
}
.help a {
    width: 132px;
}
.help a:hover {
    background: url(/3508/mirror/design/bg_nav_rollover_rightend.jpg) no-repeat 0px 2px;
}
.help ul li a {
    background: #9E8624;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #B6A45B;
    border-bottom-color: #B6A45B;
    border-left-color: #B6A45B;
}
.help ul li a:hover {
    background: #B6A45B;
}
/* MAIN NAV HOVER STYLES FOR HORIZATONAL ONLY */
#mainNav ul li ul{
    visibility: hidden;
    position: absolute;
    z-index: 1000;
    width: 185px;
    top: 40px;/*36px;*/
    left: 0; 
}
#mainNav ul li ul li{
    padding: 0;
    margin: 0;
}
#mainNav ul li ul li a{
    width: 135px;
    text-align: left;
    padding: 4px 0 4px 18px;
    height: auto;
}
#mainNav ul li ul li a:hover{
}
#mainNav ul li ul li ul{ 
    left: 154px; 
    top: 0px;
}
#mainNav ul li ul li ul li{

}
/* hide drop downs until you hover over main button */
#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;
}
/* do the normal show, with increased specificity, for good browsers */
#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;
}

#flash {
    float: left;
    height: 239px;
    width: 886px;
    padding-right: 12px;
    padding-left: 12px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #000000;
    border-left-color: #000000;
    background-color: #FFFFFF;
    padding-top: 13px;
    padding-bottom: 13px;
}
#tan_box_content {
    background-color: #E9E4CD;
    float: left;
    height: auto;
    width: 844px;
    padding-top: 12px;
    padding-right: 20px;
    padding-bottom: 13px;
    padding-left: 20px;
    border: 1px solid #759388;
}
#tan_box_content h1 {
    font-size: 15px;
    font-weight: bold;
    color: #9E8624;
    margin-bottom: 10px;
}
#tan_box_content ul {
    list-style-type: none;
    padding-top: 10px;
}
#tan_box_content ul li {
}
#tan_box_content a {
    color: #9E8624;
    text-decoration: underline;
}
#tan_box_content a:hover {
    color: #9E8624;
    text-decoration: none;
}
.content_bg {
    background-color: #FFFFFF;
    float: left;
    width: 886px;
    padding-right: 12px;
    padding-bottom: 13px;
    padding-left: 12px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #000000;
    border-left-color: #000000;
}
#tabbed_content_area {
    float: left;
    height: 252px;
    width: 886px;
}
#product_box_wrap {
    float: left;
    height: 98px;
    width: 886px;
}
.product_boxes1-3 {
    background-image: url(/3508/mirror/design/bg_small_box.jpg);
    background-repeat: repeat-x;
    height: 87px;
    width: 200px;
    margin-right: 6px;
    padding-top: 8px;
    padding-right: 7px;
    padding-bottom: 3px;
    padding-left: 8px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #000000;
    border-left-color: #000000;
    float: left;
}
.product_box4 {
    background-image: url(/3508/mirror/design/bg_small_box.jpg);
    background-repeat: repeat-x;
    float: left;
    height: 87px;
    width: 201px;
    padding-top: 8px;
    padding-right: 7px;
    padding-bottom: 3px;
    padding-left: 7px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #000000;
    border-left-color: #000000;
}
.product_box_photo {
    height: 82px;
    width: 52px;
    float: left;
}
.product_box_text {
    width: 138px;
    padding-left: 10px;
    float: left;
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
}
.product_box_text  h1 {
    font-weight: bold;
    color: #759388;
    font-size: 12px;
    font-family: "Trebuchet MS";
    line-height: 14px;
}
.product_box_text a {
    font-size: 11px;
    font-weight: bold;
    color: #133F27;
    text-decoration: underline;
}
.product_box_text a:hover {
    font-size: 11px;
    font-weight: bold;
    color: #133F27;
    text-decoration: none;
}
#footer {
    background-image: url(/3508/mirror/design/footer.jpg);
    background-repeat: no-repeat;
    background-position: top;
    float: left;
    height: 125px;
    width: 912px;
    padding-top: 36px;
}
#footer h1 {
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 5px;
}
#footer_links {
    float: left;
}
#footer_links a {
    text-decoration: underline;
    color: #023825;
}
#footer_links a:hover {
    text-decoration: none;
}
#footer_links ul {
    list-style-type: none;
}
#footer_links ul li {
    display: inline;
}
#notice {
    padding-top: 10px;
    float: left;
    width: 675px;
}
#notice a {
    color: #023825;
    text-decoration: underline;
}
#notice a:hover {
    font-weight: bold;
    color: #023825;
    text-decoration: none;
}
#logos_FDIC {
    float: left;
    width: 125px;
    text-align: center;
}
#logos_FDIC a {
    color: #023825;
    text-decoration: underline;
}
#logos_FDIC a:hover {
    color: #023825;
    text-decoration: none;
}
#logos_EHL {
    float: left;
    width: 110px;
    text-align: center;
}
#logos_EHL a {
    color: #023825;
    text-decoration: underline;
}
#logos_EHL a:hover {
    color: #023825;
    text-decoration: none;
}
#product_description {
    background-color: #FFFFFF;
    float: left;
    width: 886px;
    padding-right: 12px;
    padding-bottom: 13px;
    padding-left: 12px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #000000;
    border-left-color: #000000;
    padding-top: 13px;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: #9E8624;
}
#product_description h1 {
    font-size: 18px;
    color: #FFFFFF;
    background-color: #023825;
    padding-top: 8px;
    padding-left: 13px;
    height: 27px;
}
#product_description_photo {
    float: left;
    height: 168px;
    width: 265px;
    padding-top: 29px;
    padding-left: 32px;
}
#product_description_text {
    float: left;
    height: 168px;
    width: 563px;
    padding-top: 29px;
    padding-left: 25px;
}
#product_description_text p {
/*    padding-top: 35px;*/
}
#product_description_text h1{
    font-size: 16px;
}
#product_description_text h2{
    font-size: 14px;
    color: #285848;
}
#product_description_text h3{
    font-size: 12px;
}
#product_description_text h4{
    font-size: 12px;
}
#product_description_text h5{
    font-size: 12px;
}
#content_wrap {
    background-color: #FFFFFF;
    float: left;
    width: 886px;
    padding-right: 12px;
    padding-bottom: 13px;
    padding-left: 12px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #000000;
    border-left-color: #000000;
    padding-top: 13px;
}
#content {
    float: left;
    width: 607px;
}
#content h1 {
    font-size: 18px;
    color: #759388;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #023825;
    padding-bottom: 2px;
    margin-bottom: 10px;
}
#content h2 {
    font-size: 16px;
    color: #000000;
    padding-bottom: 5px;
}
#content h3 {
    color: #023825;
    font-size: 12px;
}
#content h4 {
    font-size: 14px;
    color: #285848;
}
#content h5 {
    font-size: 14px;
    color: #9E8624;
}
#content h6 {
}
#content ul {
    list-style-type: none;
    padding: 0 0 10px 20px;
   /* padding-top: 15px;
    padding-left: 40px;
    padding-bottom: 15px;*/
}
#content ul li {
    background-image: url(/3508/mirror/design/bullet_round.gif);
    background-repeat: no-repeat;
    padding-left: 18px;
    background-position: 1px 4px;
    padding-bottom: 2px;
}
#content a {
    font-weight: bold;
    color: #9E8624;
    text-decoration: underline;
}
#content a:hover {
    text-decoration: none;
}
#content_full {
    width: 884px;
}
#content_full h1 {
    font-size: 18px;
    color: #759388;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #023825;
    padding-bottom: 2px;
    margin-bottom: 10px;
}
#content_full h2 {
    font-size: 16px;
    color: #000000;
    padding-bottom: 5px;
}
#content_full h3 {
    color: #023825;
    font-size: 12px;
}
#content_full h4 {
    font-size: 14px;
    color: #285848;
}
#content_full h5 {
    font-size: 14px;
    color: #9E8624;
}
#content_full h6 {
}

#content_full ul {
    list-style-type: none;
    padding: 0 0 10px 20px;
/*    padding-top: 15px;
    padding-left: 40px;
    padding-bottom: 15px;*/
}
#content_full ul li {
    background-image: url(/3508/mirror/design/bullet_round.gif);
    background-repeat: no-repeat;
    padding-left: 18px;
    background-position: 1px 4px;
    padding-bottom: 2px;
}
#content_full a {
    font-weight: bold;
    color: #9E8624;
    text-decoration: underline;
}
#content_full a:hover {
    text-decoration: none;
}
#ad_column {
    float: left;
    width: 261px;
    padding-left: 18px;
}
#rate_box {
    background-image: url(/3508/mirror/design/rate_feature_box.jpg);
    background-repeat: no-repeat;
    float: left;
    height: 93px;
    width: 244px;
}
#rate_box h1 {
    font-size: 17px;
    color: #023825;
    padding: 12px 0 0 15px;
/*    padding-left: 15px;
    padding-top: 12px;*/
    margin: 0;
    border: 0;
}
#rate {
    font-size: 17px;
    color: #9E8624;
    padding-top: 15px;
    width: 155px;
    float: left;
}
#rate h1 {
    font-size: 33px;
    color: #9E8624;
    display: inline;
}
#rate_description {
    font-size: 9px;
    color: #000000;
    padding-top: 15px;
    width: 75px;
    float: left;
    padding-left: 12px;
}
#links {
    width: 244px;
}
#links h1{
    color: #676767;
    font-size: 15px;
    border-bottom: 1px solid #676767;
    padding: 3px 0 2px 0;
    margin-bottom: 5px;
}
#links h2{
    color: #676767;
    font-size: 15px;
    padding: 3px 0 2px 0;
    margin-bottom: 5px;
}
#links .red {
    color: red;
}
#links a {
    font-weight: bold;
    color: #9E8624;
    text-decoration: underline;
}
#links a:hover {
    text-decoration: none;
}
#links ul {
    list-style-type: none;
    padding: 0 0 5px 0;
}
#links ul li {
    background: url(/3508/mirror/design/bullet_round.gif) no-repeat 1px 4px;
    padding-left: 18px;
    padding-bottom: 2px;
}
/* USER STYLES */
.red {
    color: red;
}
.small_grey {
    font-size: 9px;
    color: #C4C4C4;
}
.accounts {
    background: url(/3508/mirror/design/bg_accounts.jpg) repeat-x;
}
.white {
    color: #FFFFFF;
}