/* General */
html{background:#E7E8E9 url('../gfx/body_bg.png') repeat-x; }

#footer .inner{width:958px; background:#fff url('../gfx/footer_bg.png') repeat-x;}

/*
    ** Used for the phone number
*/
div#phone
{
    clear:right; 
    float:right; 
    background:transparent url('../gfx/phone.gif') no-repeat;
    font-size:40px;
    font-weight:bold;
    padding-left:40px;
    color:#0054a6;
    margin-top:8px;
    line-height:44px;
    letter-spacing:-1px;
    width:232px;
    }

/*
    ** Used for the search area
*/
div#header div#search{clear:right; float:right;color:#0054a6;margin-top:12px;}
div#header div#search .textbox
{
    border:solid 2px #bbbdc0;
    width:230px;
    color:#bbbdc0;
    height:18px;
    padding-top:2px;
    }
    
div#header div#search small{font-size:11px;} 
div#header div#search a{}
div#header div#search #sel-header-search{cursor:pointer;}
div#header div#search table{ margin-bottom:4px;}
div#header div#search table td{ padding:0;}

#header p.welcome{visibility:hidden; display:none; }

/*######################################################*/
/*                      MAIN MENU                       */
/*######################################################*/

#menu
{
    float: left;
    width: 960px;
    color: #fff;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    height:30px;
}

#menu a{cursor:hand;cursor:pointer;display:block;}

#menu ul{padding:0; margin:0;list-style-image:none;list-style:none;}
#menu ul li{list-style-image:none;list-style:none; padding:0; margin:0;}
#menu ul.Horizontal{line-height:20px; height:30px;background:transparent url('../gfx/main_menu_bg.png') repeat-x bottom; position:relative;}

#menu ul.Horizontal li.hSplit,
#menu ul.Horizontal li.hItem{height:30px;float:left; }
#menu ul.Horizontal li.hSplit{background:transparent url('../gfx/menuSplit.gif') no-repeat; width:1px;}
* html #menu ul.Horizontal li.hItem{position:relative; }
#menu ul.Horizontal li.hItem:hover{background:#fff;}
#menu ul.Horizontal li.Last:hover{background:#fff;}
* html #menu ul.Horizontal li.hItem:hover{height:32px;}
* html #menu ul.Horizontal li.Last:hover{height:32px;}
#menu ul.Horizontal li.hItem:hover a.hLink{color:#0054a6;text-decoration:underline; height:20px;}
* html #menu ul.Horizontal li.hItem:hover a.hLink{height:22px;}
#menu ul.Horizontal li.Last:hover a.hLink{color:#ed2928;text-decoration:underline; }

#menu ul.Horizontal li.hItem a.hLink
{
    width:186px;
    height:24px;
    margin-top:5px;
    color:#fff;
    /*border-left: solid 1px #fff;*/
    padding-bottom:4px;
    }

#menu ul.Horizontal li.First{background:none;}    
#menu ul.Horizontal li.First a.hLink{width:90px;}
#menu ul.Horizontal li.Last{background:#fff url('../gfx/main_menu_alt_bg.png') repeat-x;}
#menu ul.Horizontal li.Last a.hLink{width:122px;}

#menu .menuHover
{
    /*background:#fff url('../gfx/gradientLightToDarkBlue.jpg') no-repeat right bottom;*/
    border-right:solid 3px #252460;
    position:absolute;
    /*position:relative;*/
    z-index:1;
    /*margin-top:4px;*/
    /*padding-right:3px;*/
    min-width:0;
    min-height:0;
    margin-left:-3px;
    }
    
#menu .Last .menuHover
{    
    border-right:solid 3px #f26d50;
    }    
    
* html #menu .menuHover{left:0px;z-index:1000;}

#menu li.Last div.menuHover{right:0px;}

* html #menu li.Last div.menuHover{margin-left:-66px;}

#menu .menuHover .inner
{
    float:left;
    text-align:left;
    color:#0054a6;
    border-bottom:solid 3px #252460;
    border-left:solid 3px #252460;
    background-color:#fff;
    /*background:#fff url('../gfx/gradientLightToDarkBlue.jpg') no-repeat left bottom;*/
    }

#menu .Last .menuHover .inner
{    
    color:#f26d50;
    border-bottom:solid 3px #f26d50;
    border-left:solid 3px #f26d50;        
    }    
    
#menu .Last .menuHover ul li a 
{    
    color:#ed2928;    
    }      
    
* html #menu .menuHover .inner{width:300px;}
* html #menu .menuHover .last{width:188px;}

#menu .menuHover .inner .left{float:left;}

* html #menu .menuHover .inner .left{width:145px; overflow:hidden;}
    
#menu .menuHover h2{color:#0054a6; font-size:14px; text-decoration:underline; }
#menu .menuHover h3{float:left; margin:0; padding:0; line-height:18px; text-decoration:underline; color:#0054a6; font-weight:bold; font-size:12px;}

#menu .menuHover ul{float:left; line-height:18px; padding:10px 30px 10px 20px; list-style-image:none;list-style:none;} 
#menu .menuHover ul li{float:none;background:none; height:18px; font-size:11px; font-weight:normal; list-style-image:none;list-style:none; }
#menu .menuHover ul li:hover{background:none; border:none; height:18px;}

#menu .menuHover ul li.level1{text-decoration:underline; color:#0054a6; font-weight:bold; font-size:12px;}
#menu .menuHover ul li.level2{padding-left:10px;}

#menu .menuHover ul li a{height:18px;}
#menu .menuHover ul li a:hover{background:none; border:none;height:18px; text-decoration:underline;}
  
/*//*/

/*
    ** Used for the page listings
*/

#page_menu
{
    clear:left;
    float:left;
    color:#0054a6;
    font-weight:bold;
    height:24px;
    line-height:24px;
    width:630px;
    }

#page_menu a{}
#page_menu a:hover{text-decoration:underline;}
#page_menu ul{float:left; padding:0; margin:0;list-style-image:none;list-style:none;}
#page_menu ul li{float:left;padding-left:20px;list-style-image:none;list-style:none;}

/*################## END MENU ##################*/

/*######################################################*/
/*                   SUB NAVIGATION                     */
/*######################################################*/

#sub_menu span.header{line-height:50px;font-weight:bold; padding-left:8px;}

#sub_menu ul{padding:0; margin:0;list-style-image:none;list-style:none;}    
#sub_menu ul li{padding:0; margin:0;list-style-image:none;list-style:none;}    
#sub_menu h4
{
    background-color:#d1d2d4;
    font-weight:bold;
    margin-bottom:1px;
    line-height:21px;
    color:#383838;
    cursor:hand;
    cursor:pointer;
    font-family:Arial;
    font-size:12px;
    width:166px;
    }
    
#sub_menu h4 a{color:#383838;padding-left:10px;}
#sub_menu h4.selected,
#sub_menu h4:hover{background-color:#9d9fa2;}
#sub_menu h4.selected a,
#sub_menu h4:hover a{color:#fff;}


#sub_menu ul.third_tier{width:166px; list-style-image:none;list-style:none; background-color:#f3f3f4; padding-bottom:10px;}
#sub_menu ul.third_tier li{margin-bottom:0; list-style-image:none;list-style:none;}
#sub_menu ul.third_tier li a{padding-left:20px; color:#383838; font-weight:bold;}
#sub_menu ul.fourth_tier li{line-height:17px; font-size:10px;}
#sub_menu ul.fourth_tier li a{padding-left:40px; font-weight:normal;}
#sub_menu ul.fourth_tier li.selected{background-color:#f3f3f4;}
#sub_menu ul.fourth_tier li.selected a,
#sub_menu ul.fourth_tier li a:hover
{color:#00adef; text-decoration:underline;}

#sub_menu a.help
{
    display:inline-block;
    float:left;
    margin-top:12px;
    }

/*################# END SUB NAVIGATION #################*/

/*######################################################*/
/*                      FOOTER AREA                     */
/*######################################################*/
#footer .inner ul{margin:0; padding:0;}
#footer .inner ul.toplevel{float:left; margin:12px 0 0 0; height:147px;list-style-image:none;list-style:none; padding:12px 12px 12px 24px; border-bottom:solid 1px #b1b1b2;}
#footer .inner li.toplevel{float:left; width:184px;list-style-image:none;list-style:none;}
#footer .inner li.toplevel span{font-weight:bold;}
#footer .inner ul.links{margin-top:20px;}
#footer .inner ul.links li{margin-left:18px; font-size:10px; line-height:15px; height:18px;}
#footer .inner a{color:#383838; padding-bottom:4px;}
#footer .inner a:hover{text-decoration:underline;}

/*################### END FOOTER AREA ##################*/

/*######################################################*/
/*                   BREADCRUMB TRAIL                   */
/*######################################################*/

#breadcrumb{width:780px;height:50px;float:right;}
#breadcrumb ul{float:left;width:586px;padding-top:12px;list-style-image:none;list-style:none;}
#breadcrumb  ul li{display: inline;background:transparent url('../gfx/arrowRight.gif') no-repeat 6px;padding-left:20px;list-style-image:none;list-style:none;}
#breadcrumb  ul li.bcFirst{background:none;padding-left:0;}
#breadcrumb  ul li a{color:#383838;}
    
/* Browse by industry */
#industryBrowser{float:right;padding-right:20px;}
/*//*/

/*################ END BREADCRUMB TRAIL ################*/

/*######################################################*/
/*                    CATALOGUE VIEW                    */
/*######################################################*/

.advancedSearch .search .filter{float:left; width:720px; background:transparent url('../gfx/gradientWhiteToGrey.jpg') repeat-x; padding:0 10px 30px 10px; margin:0 0 0 20px;}
* html .advancedSearch .search .filter{margin-left:10px;}

div.advancedSearch div.filter div.code{float:left; height:50px; width:150px;}
div.advancedSearch div.filter div.codeGo{float:left; padding:24px 0 0 10px;}
div.advancedSearch div.filter div.codeErr{clear:left; float:left; height:20px; width:560px;}
div.advancedSearch div.filter div.codeErr span{line-height:20px; }
div.advancedSearch div.filter div.or{clear:left; float:left; padding:5px 0 20px 0;}

.productCategory div.item .brand p{display:none; visibility:hidden;}

/*################## END CATALOGUE VIEW ################*/

/*######################################################*/
/*                  LOGIN REGISTER VIEW                 */
/*######################################################*/
.loginRegister{}
.loginRegister .login{height:600px; border-right:solid 1px #B0B0B1; float:left;padding-right:75px;}
.loginRegister .register{float:right; width:360px;}

/*############### END LOGIN REGISTER VIEW ##############*/

/*######################################################*/
/*                BROWSE BY INDUSTRY VIEW               */
/*######################################################*/
.industry{padding:10px;}
.industry div.item{float:left; width:108px; height:200px; margin:10px 20px 0 0; text-align:center;}
.industry div.item img{border:solid 1px #BFC0C0 !important; margin-bottom:4px;}
.industry div.item a{color:#383838;}
.industry div.item a:hover {text-decoration:underline;}

/*############# END BROWSE BY INDUSTRY VIEW ############*/

/*######################################################*/
/*                  ORDER SUMMARY VIEW                  */
/*######################################################*/
.use-logo-description
{
    color:#bbbdc0; 
    }
    
table.updates-and-totals td p.po{display:none; visibility:hidden;}

/*############### END ORDER SUMMARY VIEW ###############*/