/************************************************
Derived from Vision's custom.css, dropdownmenu.css and dropdownmenubutton.css
Created June 2009 for the conversion to the new Vision GUI, certain elements removed that conflicted with existing style sheets
************************************************/
body {
    border: 0px;
    margin: 0px;
    padding: 0px;
    background: #4972b8 !important;
}


/* Use :after instead of clear:both because IE adds a space with clear:both */
.clearfix:after,
.mainSpan:after,
.contentheader:after,
.content:after,
.content_wrapper:after,
.container:after,
.width_container:after,
.title:after,
.home_columns:after,
.content_wrapper2:after,
.search_result:after,
.search_result_alternate:after,
.component_listitem:after,
.home_menus:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0px;
}

.clearfix,
.mainSpan,
.contentheader,
.content,
.content_wrapper,
.container,
.width_container,
.title_right,
.home_columns,
.content_wrapper2,
.search_result,
.search_result_alternate,
.component_listitem,
.home_menus {
    display: inline-block;
}

.clearfix, .mainSpan, .contentheader, .content, .container, .width_container, .content_wrapper, .title_right, .home_columns, .content_wrapper2, .search_result, .search_result_alternate, .component_listitem, .home_menus {
    display: block;
}

/* Containing frame for the site */
.mainSpan_wrapper_home,
.mainSpan_wrapper,
.mainSpan_wrapper_noleftnav,
.mainSpan_wrapper_review {
    width: 100%;
    background: #173a78 url(body_bg_strip.gif) center top repeat-x;
}

.mainSpan {
    width: 100%;
    text-align: center;
    background: url(body_bg.gif) center top no-repeat;
}

.header_wrapper {
    width: 940px;
    margin: 0 auto;
    text-align: left;
}

.header {
    width: 940px;
    padding: 0px;
    height: 131px;
    background: url(header_bg.png) 0 0px no-repeat;
    position: relative;
}

.header_left {
    float: left;
    width: 90px;
}

    .header_left a.home_link {
        width: 675px;
        position: absolute;
        top: 30px;
        left: 0px;
        display: block;
        overflow: hidden;
        height: 80px;
        text-indent: -4000px;
    }

.header_right {
    width: 183px;
    height: 27px;
    float: right;
    clear: right;
    margin-top: 19px;
}

.header_nav {
    float: right;
    text-align: right;
    padding: 0px 7px 0 0px;
    font-size: 11px;
    width: 680px;
    color: #7696c3;
    margin-top: 10px;
    font-family: tahoma, verdana, sans-serif;
    line-height: 18px;
}

    .header_nav a {
        color: #405e90;
        text-decoration: none;
        font-weight: bold;
    }

        .header_nav a:hover {
            color: #405e90;
            text-decoration: underline;
            font-weight: bold;
        }

/* Container for search field and go button */
.searchbox {
    padding: 0px;
    float: left;
}

.searchbox_textbox {
    float: left;
    padding: 2px 0 1px 3px !important;
    margin: 3px 0px 0px 0px;
    line-height: 16px !important;
    height: 15px;
    font-size: 12px;
    width: 138px;
    color: #464646;
    font-family: tahoma, verdana, sans-serif;
    BORDER: #d8dce2 1px solid;
    BACKGROUND-COLOR: #ffffff;
}

.searchbox_button {
    width: 34px;
    height: 27px;
    float: left;
    margin: 0px;
    background: url(go_button.gif) no-repeat;
    cursor: pointer;
}

/************************************************
Footer
************************************************/
.footer_wrapper {
    clear: both;
    width: 100%;
    background: #4972b8 url(footer_bg_strip.gif) 0 0 repeat-x;
}

.footer {
    padding: 0px 8px 20px 12px;
    text-align: left;
    color: #112665;
    width: 920px;
    min-height: 94px;
    height: auto !important;
    height: 94px;
    margin: 0px auto;
    background: url(footer_bg.jpg) 430px 40px no-repeat;
    font-size: 11px;
    font-family: tahoma, verdana, sans-serif;
}

    .footer a, .footer p {
        color: #112665;
    }

        .footer a:hover {
        }

    .footer a, .footer p {
        margin: 0;
        padding: 0;
        font-size: 11px;
    }

.footer_nav {
    font-size: 12px;
    padding: 0px;
    font-weight: bold;
    color: #bacbff;
    height: 40px;
    line-height: 40px;
    margin-bottom: 18px;
    background: url(footer_bg_strip.gif) 0 0 repeat-x;
}

    .footer_nav p, .footer_nav a {
        font-size: 12px;
        font-weight: bold;
        color: #bacbff;
    }

    .footer_nav a {
        text-decoration: none;
    }

        .footer_nav a:hover {
            text-decoration: underline;
        }

/* Section Colors for table backgrounds, etc.*/
.ShortTabH {
    background: url(1_int.gif) 0 0px no-repeat;
    width: 131px;
    height: 36px;
}

.ShortTabIC {
    background: url(2_int.gif) 0 0px no-repeat;
    width: 137px;
    height: 36px;
}

.ShortTabEC {
    background: url(3_int.gif) 0 0px no-repeat;
    width: 134px;
    height: 36px;
}

.ShortTabBC {
    background: url(4_int.gif) 0 0px no-repeat;
    width: 134px;
    height: 36px;
}

.ShortTabLC {
    background: url(5_int.gif) 0 0px no-repeat;
    width: 134px;
    height: 36px;
}

.ShortTabSC {
    background: url(6_int.gif) 0 0px no-repeat;
    width: 134px;
    height: 36px;
}

.ShortTabOS {
    background: url(7_int.gif) 0 0px no-repeat;
    width: 136px;
    height: 36px;
}

div.TabLink {
    text-align: center;
}

    div.TabLink a:link, div.TabLink a:active, div.TabLink a:visited {
        color: #1a3d81;
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 1px;
        text-decoration: none;
        display: block;
    }

    div.TabLink a:hover {
        color: white;
    }

.SOSContent {
    width: 100%;
    background-color: #EEEEEE;
}
/* background color and width for content table */

.Cart {
    BACKGROUND: url(/SharedVision/cart.png);
    background-repeat: no-repeat;
    background-position: right;
    margin-top: -1px;
    margin-right: -4px;
    height: 17px;
    font-family: arial black;
    font-size: x-small;
    font-weight: bold;
    color: #003366;
    text-decoration: none !important;
}

    .Cart:hover {
        cursor: pointer;
        BACKGROUND: url(/SharedVision/cartBRIGHT.png);
        background-repeat: no-repeat;
        background-position: right;
        text-decoration: none !important;
    }