body 
{ 
    font: 10pt Arial, sans-serif; 
    background: #4E4F51;
    margin: 0; padding: 0;
}
div#pagewrapper{
    background: transparent url('new-bg-pagewrapper.jpg') repeat-x;
    width: 100%;
    min-height: 100%;
    text-align: center; /* IE fix to center containerwrapper*/
}
div#containerwrapper
{
    width: 870px;
    background: url('home-bg-containerwrapper.jpg') repeat-y top center;
    margin: 0 auto;
    text-align: left; /* overwrites IE fix in #pagewrapper */
}
div#container 
{
    /* main page container: includes all page content including header, content, footer, etc.*/
    /*border: 1px solid #005A9C; */
    width: 850px;
    background: url('home-bg-container.jpg') no-repeat top center;
    padding: 0 10px;
    /*----- avoid changing -----*/
    margin: 0 auto; 
}
div#contentarea 
{
    width: 850px;
    /*background: url('new-bg-contentarea.gif') repeat-y center;*/
}
div#sidebarleft
{
    /* left navigation area */
    width: 187px;
    float: left;
}
div#sidebarright
{
    width: 121px;
    float: right;
    text-align: center;
}
.sidebar_title {
    background-color: #000;
    color: white;
    margin: 0 0 10px 0;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:bold;
    text-align: center;
    padding: 5px 0;
}
div#content
{
    /* main page content area */
    margin: 0;
    padding: 10px;
    margin-left: 190px;
    /*background: url('debug-grid.gif') top left;*/
}
div#content.home {
    padding: 0px;
    background: #6d6e72 url('home-bg.jpg') no-repeat top right;
}
#content.home #banners {
    text-align: right;
    margin-left: 5px !important; margin-left: 0px;
}
#content.home #main_banner img {
    display: block;
}
#content.home #sub_banner {
    text-align: right;
}
#content.home #sub_banner img {
    display: block;
}
/*#content.home .tabber1, #content.home .tabber1live, #content.home .tabber2, #content.home tabber2live{*/
#content.home .tabber{
    background: url('home-tab-bg.jpg') repeat-y top right;
    position: relative;
    margin-top: 5px;
}
#content.home .tabber h3 {
    margin: 0;
    line-height: 19px;
    height: 19px;
    padding: 16px 0px 17px 15px;
    background: url('home-tab-top.jpg') no-repeat top right;

}
#content.home .tabber ul{
    list-style-type:none;
    margin:0pt;
    padding:0pt;
    position:absolute;
    /*right:28px;*/
    left: 154px !important;
    top:15px;
}
#content.home .tabber ul li{
    background:transparent url(home-tab-off.jpg) no-repeat scroll right bottom;
    float:left;
    line-height:24px;
    text-align:center;
    width:120px;
    list-style-type: none;
    margin: 0;
}
#content.home .tabber ul li.tabberactive {
    background:transparent url(home-tab-on.jpg) no-repeat scroll right bottom;
    float:left;
    line-height:24px;
    text-align:center;
    width:120px;
}
#content.home .tabber ul li a{
    background:transparent url(home-tab-off-arrow.jpg) no-repeat scroll left center;
    color:#333333;
    font-size:12px;
    padding-left:7px;
    text-decoration:none;
}
#content.home .tabber ul li.tabberactive a{
    background:transparent url(home-tab-on-arrow.jpg) no-repeat scroll left center;
    color:#034F9A;
    font-size:12px;
    padding-left:8px;
    text-decoration:none;
}
#content.home .tabbertab {
    background:transparent url(home-tab-bottom.jpg) no-repeat scroll right bottom;
    padding:0px 20px 20px 15px;
    height: 140px;
}
#content.home .tabbertab.tabbertabhide{
    display: none;
}
a img {
    border: none;
}
#content.home .tab_products {
    width: 100%;
    height: 140px;
    border-collapse: collapse;
    border: none;
}
#content.home .tab_products td{
    text-align: center;
    width: 20%;
    vertical-align: middle;
}
.tab_product a.prod_img_lnk {
    text-decoration: none;
}
.tab_products a {
    color: #273A87;
    font-size: 9pt;
    font-weight: normal;
}
.tab_products a:hover {
    color: #C01D2E;
}

/* HEADER */
div#header
{
    /* page header */
    text-align: left;
    width: 850px;
}
#header h1 
{
    /* header title: usually site name */
    background: url('new-bg-header.jpg') no-repeat top center;
    height: 152px;
    text-align: left;
    margin: 0; padding: 0px;
}
#header h1 a
{
    /* if the site title has a link, use this declaration to position or control its style */
    width: 410px;
    height: 152px;
    /*----- avoid changing -----*/
    text-decoration: none;
    display: block;
}
#header h1 a span
{
    /* hide the actual text for the site title (useful if you're using an image in the background)
    This allows the &lt;a href&gt; tag to still be functional, while hiding the text and maintaining semantics */
    visibility: hidden;
}
#header {
    position: relative;
}
#header #header_map {
    left:425px;
    position:absolute;
    top:25px;
}
#header_map img, #banners img {
    border: none;
}

/* NAVBAR */
.navbar {
    margin:0; padding:0; 
    width: 100%;
    /*text-align: center; /* makes the entire menu centered */
    height: 32px;
}
.navbar ul {
    padding: 0; /* removes left white space (usually saved for the bullets)*/
    margin: 0;
    background: url('new-bg-menu.gif') repeat-x center;
    height: 32px;
}
.navbar ul li {
    display:inline; /* makes the menu items display horizontally */
    list-style-type: none;
    margin: 0; padding: 0;
    font-style:normal; 
    font-variant:normal; 
    font-weight:bold; 
    font-size:13px; 
    font-family:Verdana, Arial, Helvetica, sans-serif;
}
.navbar ul li a {
    color: white; 
    background: url('new-bg-menu.gif') repeat-x center;
    border-right: 1px solid white;
    line-height: 20px;
    padding: 6px 11px; 

    text-decoration: none; 
    float: left;
    margin: 0;
}
.navbar li a:visited 
{
    color: white;
}
.navbar li a:hover, .navbar li .current
{
    color: white;
    background: url('new-bg-menu-active.gif') repeat-x center;
}
/* END NAVBAR */
/* END HEADER */

/* CONTENT */
/* Side navbar */
#sidebarmenu {
    margin: 0; padding: 0;
    list-style-type: none;
    margin: 0px;
}
#sidebarmenu li {
    padding: 2px 5px 2px 22px;
    background: url('new-arrow-menu.gif') no-repeat 7px center;
    list-style-type: none;
    margin: 0;
}
#sidebarmenu a {
    color:#FFFFFF;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    /*font-size:10px;*/
    font-size:9pt;
    font-weight:normal;
    text-decoration:none;
}
#sidebarmenu a:hover {
    /*color:#C99300;*/
    color:#4d66b8;
}
/* Side Brands bar */
#brandbarmenu {
    margin: 0; padding: 0;
    list-style-type: none;
    margin: 0px;
}
#brandbarmenu li {
    padding: 2px 5px 2px 22px;
    list-style-type: none;
    margin: 0;
}
#sidebarleft .menu_title {
    margin-top: 15px;
}
#sidebarleft form {
    display:block;
    float:none;
    margin:0pt;
    text-align:center;
    width:auto;
    background: url('new-bg-searchbar.jpg') no-repeat top left;
    padding: 8px 0px 8px 8px;
}
.searchblock {
    height: 20px;
}
#search_input {
    vertical-align: middle;
    border: 1px solid rgb(153, 153, 153);
    font-family: Verdana;
    color: rgb(153, 153, 153);
    font-size: 12px;
    float: left;
    width: 110px;
}
#search_submit {
    vertical-align: middle;
    margin: 1px 0pt 0pt 7px;
    float: left;
}
#sidebarleft input#searchbox{
    border:1px dashed #C0C0C0; 
    background-color:#000000; 
    font-size: 12px; 
    font-family: Verdana;
    margin: 5px auto;
    color:#C99300;
    font-weight:bold;
    display: block;
    width: 170px;
}

/* end Side navbar */

/* Brand Page */
#brand_container {
/*    width: 620px;*/
/*    margin: 0 auto;*/
}
#brand_container .title {
    margin: 10px 0;
    border-bottom: 1px solid #999;
}
#brand_container a {
    font-size: 9pt;
    color: #273A87;
    font-weight: normal;
}
#brand_container a:hover {
    color: #C01D2E;
}
#brand_container #brand_about {
    margin: 0 0 10px 0;
}
#brand_container #brand_banner {
    text-align: center;
}
#brand_content td {
    /*text-align: center;*/
}
#brand_content a .SectionLink {
    font-weight: normal;
    font-size: 9pt;
}
/* end Brand Page */

#section_banner {
    text-align: center;
}
/* END CONTENT */

/* FOOTER */
div#footer 
{
    /* page footer */
    clear: both;
    text-align: left;
    width: 850px;
    border-bottom: 1px solid #444;
}
/* END FOOTER*/
/* COPYRIGHT */
div#copyright {
    margin:0pt auto;
    text-align:left;
    width:850px;
    padding: 3px 10px;
    color: #aaa;
    font-size: 9pt;
}

/* ITEM INFO BOX */

#prod-info-title{background-color:#17367b; font: bold 13px Verdana, Arial, Helvetica, sans-serif; padding:5px; color:#FFFFFF;}
#prod-info-bottom{background-color:#C0C0C0; padding:18px; text-align:center; }
#prod-info-left{background-color:#17367b; font: 12px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; width:90px; padding:5px; text-align:right;}
#prod-info-right input{font: 12px Verdana, Arial, Helvetica, sans-serif;}
#prod-info-right{background-color:#F0F0F0; font: 12px Verdana, Arial, Helvetica, sans-serif; color:#000080; width:225px; padding:5px;}

/* END ITEM INFO BOX */

#homepage_intro{
    background-color:#fff;
    margin:8px;
    padding:11px;
}

