body { background: #151515 url('Images/bg.jpg'); font-family: Arial, Sans-Serif; color: White; }
a { color: White; text-decoration: none; font-weight: bold; }
#wrapper 
{
    width: 900px; /*with padding = 990*/
    margin: auto; background-color: #151515; padding: 0 40px 40px 40px;
    position: relative;
}
#header         { text-align: right; border-bottom: solid 2px #97331d; }
#logo           { float: right; width: 327px; }
#top_nav, #top_nav a
{
    color: White; text-decoration: none; font-weight: bold; text-align: left;
    font-size: 1em;
}
#top_nav        { width: 500px; float: left; padding-top: 80px;}
#wh_main_nav    { width: 160px; float: left; margin: 40px 0 0 30px;}
/*.wh_main_nav a  
{
    font-family: Arial, Sans-Serif; color: White; display: block; height: 7px;
    width: 160px; font-size: 0.9em; font-weight: bold; text-decoration: none; padding-left: 20px;
    padding-bottom: 10px;
    background: url('Images/glyph-link.jpg') no-repeat; text-transform: lowercase;
    margin-top: 8px; float: left; clear: left;
}*/
.wh_main_nav a:hover    { color: Yellow; }
#wh_main_content        { width: 690px; float: right;}
#brand-logos            { width: 650px; overflow: hidden; float: left; }
#cart-summary 
{
    float: right; width: 190px; height: 30px; padding-top: 13px;
    padding-left: 50px; font-size: 0.9em; margin-top: 3px;
    background: url('Images/glyph-exclamation.jpg') no-repeat;
}
#cart-summary a             { color: White; font-weight: normal; }
.wh_cart_summary_text span  { color: Red; }

/*Search*/
#search_box         { margin-top: 0; width: 200px; position: absolute; left: 60px; }
.wh_tbsearch input  { border: solid 1px white; }
.wh_btn_search
{
    background-color: White;
    border: none;
    height: 25px; width: 24px;
    font-weight: normal; font-size: .6em;
    text-transform: uppercase; color: #ffffff; 
    background-image: url('Images/btn-search.jpg');
    cursor: pointer; margin: 0; padding: 0;
}

.footer     { clear: both; font-size: 0.8em; padding: 10px; margin-top: 40px; background-color: #242323; }
.footer a   { color: White; text-decoration: none; }
.clear, .wh_clear { clear: both; }
.wh_fontsize { font-size: 0.8em; }

/* Product Listing */
.wh_productList 
{
    border: solid 1px #cd3a1b;
    margin: 10px; padding: 30px;
    float: left; width: 240px;
    height: 340px; font-size: 0.9em;
}
.wh_productListImage { text-align: center; background-color: White; height: 220px; width: 245px;}
.wh_productList a           { color: White; text-decoration: none; }
.wh_productListHeadPrice    {  }
.wh_productListTitle        { float: left; width: 155px; margin-top: 10px; }
.wh_productListBrief        { clear: both; padding-top: 10px; }
.wh_plMore                  { float: right; width: 80px; margin-top: 10px;}

/*Final Product Page*/
.wh_final_prod      { margin-top: 30px; }
.wh_final_head      { width: 300px; float: left; }
.wh_final_content   { width: 350px; float: right; }
.wh_final_image     { margin-top: 20px; }
.wh_final_skus      { clear: both; }


/*.wh_final_tabs { width: 490px; float: right; }*/
.wh_final_tabs .content { height: 300px; overflow: auto; }

/*Ajax Tabs*/
.wh_ajax_tabs .ajax__tab_header                     { text-transform: lowercase; padding: 0; font-weight: bold; height: 23px; overflow: hidden; border-bottom: solid 1px #ef4723;}

.wh_ajax_tabs .ajax__tab_active .ajax__tab_outer    {padding-right:17px;background: url(Images/Tabs/atab-r.png) no-repeat right; height:24px;}
.wh_ajax_tabs .ajax__tab_active .ajax__tab_inner    {padding-left:17px;background: url(Images/Tabs/atab-l.png) no-repeat;}
.wh_ajax_tabs .ajax__tab_active .ajax__tab_tab      {height:16px; color: white; padding:4px;margin:0;background: url('Images/Tabs/atab-bg.png') repeat-x;font-size: 0.9em;}

.wh_ajax_tabs .ajax__tab_hover .ajax__tab_outer     {padding-right:17px;background:url(Images/Tabs/atab-r.png) no-repeat right; height:24px;}
.wh_ajax_tabs .ajax__tab_hover .ajax__tab_inner     {padding-left:17px;background:url(Images/Tabs/atab-l.png) no-repeat;}
.wh_ajax_tabs .ajax__tab_hover .ajax__tab_tab       {height:16px; color: white; padding:4px;margin:0;background:url('Images/Tabs/atab-bg.png') repeat-x;font-size: 0.9em;}

.wh_ajax_tabs .ajax__tab_outer                      {padding-right:13px;background:url(Images/Tabs/atab-alt-r.png) no-repeat right; height:24px;}
.wh_ajax_tabs .ajax__tab_inner                      {padding-left:17px;background:url(Images/Tabs/atab-alt-l.png) no-repeat;}
.wh_ajax_tabs .ajax__tab_tab                        {height:16px; color: white; padding:4px;margin:0;background:url('Images/Tabs/atab-alt-bg.png') repeat-x;font-size: 0.9em;}


.wh_ajax_tabs .ajax__tab_body                       {font-size: .7em; margin: 0 0 5px 0; padding: 8px 20px 8px 20px; position: relative; color: white;}
.wh_final_tabs .wh_ajax_tabs .ajax__tab_body        {height: 330px; } 

.wh_ajax_tabs .ajax__tab_body .tl { height: 19px; width: 19px; background: url('Images/Corners/s3-tl.png') no-repeat; top: -3px; left: -3px;}
.wh_ajax_tabs .ajax__tab_body .tr { height: 19px; width: 19px; background: url('Images/Corners/s3-tr.png') no-repeat; top: -3px; right: -3px; }
.wh_ajax_tabs .ajax__tab_body .bl { height: 19px; width: 19px; background: url('Images/Corners/s3-bl.png') no-repeat; bottom: -3px; left: -3px; }
.wh_ajax_tabs .ajax__tab_body .br { height: 19px; width: 19px; background: url('Images/Corners/s3-br.png') no-repeat; bottom: -3px; right: -3px; }
    
/*List Items Removed due to misuse of li in some product descriptions*/
/*.wh_ajax_tabs .ajax__tab_body ul {list-style-type: none; list-style-image: url('Images/Bullet.png'); }*/
/*.wh_ajax_tabs .ajax__tab_body li {background:  no-repeat; padding: 0 0 0 20px; line-height: 1;}*/

/*Hover Menu Extender*/
wh_ajax_hover_div 
{
    z-index: 10;
}
.wh_ajax_hover_div_main
{
    /*background-color: #fdffca;*/
    z-index: 10;
}
.wh_ajax_hover_div_content 
{
    padding: 0 10px 0 10px;
    color: white;
    font-weight: normal;
    font-size: .8em;
}
.wh_ajax_hover_div_content a 
{
    font-weight: bold;
    text-decoration: none;
    color: #001e9f;
}
.wh_ajax_hover_div_content a:hover
{
    color: white;
}

/*Sku Styles*/
/*Originally created for sku but now also used for other tables with same design*/
.wh_sku             { background-color: #282623; margin-top: 20px; }
.wh_sku_header      { color: #ffffff; background-color: #151515; font-size: .9em; font-family: "Arial Black", Arial; font-weight: bold; text-align: left; }
.wh_sku_header th   { padding: 2px 2px  0 3px; }
.wh_sku td          { color: #ffffff; font-weight: bold; font-size: .8em; text-transform: uppercase; padding: 2px 2px 2px 3px; }
.wh_sku_ref         { padding-left: 5px; }
.wh_sku_footer      { height: 20px; padding: 2px; }
.wh_sku_footer td   { border: none; }
.wh_sku_alt         { background-color: #151515; }

.wh_shop_content h1 
{
  text-transform: uppercase; font-size: 1em;
}

/*View Cart*/
.cart_shopsafebox 
{
    
}
.wh_basket_postage {padding-left: 10px; background: #242323 url(Images/cart3b.png) no-repeat bottom center; width: 277px; height: 192px; font-size: .7em; float: left;  border: solid 1px #cd3a1b;}
.wh_basket_postage a { color: #ffffff; }
.wh_basket_postage_options {padding: 0 20px 20px 40px; }

.cart_custserv_box { margin: 0 0 0 10px; padding: 0; background : #242323 url(Images/gbox1.png) no-repeat bottom center; width: 180px; height: 192px; float: left;  }
.cart_custserv_box h2 {font-size:.9em; color:#ffffff; font-weight:normal; margin: 20px 0 0 10px;}
.cart_custserv_box ul { margin:  5px 0 0 40px; padding: 0; }
.cart_custserv_box li { font-size: .7em; margin: 0; padding: 0;}
.cart_custserv_box a { color: #ffffff; text-decoration: none; }

.cart_shopsafebox { margin: 0 0 0 10px; background :  #242323 url(Images/trust.png) no-repeat bottom center; width: 180px; height: 192px; float: left; }
.cart_shopsafebox2 { margin: 5px 0 0 10px; background : #242323  url(Images/trust.png) no-repeat bottom center; width: 226px; height: 194px; float: left;}

.cart_basket { width:700px; padding:0px; margin-top: 5px; }
.cart_basket a { color: #ffffff; }
.cart_basket h2 { font-size: 1em; text-transform: uppercase; margin: 15px 0 0 0; padding:0;}

.wh_btn_update { margin-right: 10px; }

.wh_breadcrumb a { color: yellow; text-decoration: none; }
.wh_breadcrumb a:hover { color: #ffffff; text-decoration: none; }


.wh_ProductList_CatMenu a { color: #ffffff; font-size: .8em; display: block; float: left; width: 160px; text-decoration: none; }
.wh_ProductList_CatMenu a:hover { color: yellow; font-size: .8em; display: block; float: left; width: 160px; text-decoration: none; }

.wh_filter { width: 75%; float: left; clear: right;}
.wh_sort { width: 134px; float: right; margin-right: 0; position: relative;  top: 27px; }
.wh_sort_head, .wh_filter_head { width: 32px; float: left; color: #ffffff; font-size: .7em; font-weight: bold; padding: 3px 0 0 0;}
.wh_filter_content { float: left;}
.wh_sort_content { height: 20px; padding: 0;}
.wh_filter_content select, .wh_filter_content input,  .wh_sort_content select {font-size: .7em;}

.wh_page_size { border-bottom: solid 1px #cccccc; border-top: dashed 1px #cccccc; margin-top: 3px; padding: 3px 0 3px 0; clear: both; font-size: .7em; }
.wh_page_size select { font-size: 1em; }
.wh_page_size a { color: #ffffff; }

/* PAGING NAVIGATION STYLES */
.wh_PagingNav { font-size: .8em; padding: 3px 0 3px 0;}
.wh_PagingNav a { color: #ffffff; float: left; text-decoration: none;}
.wh_PagingSelected, .wh_PagingLeftNav, .wh_PagingRightNav, .wh_PagingInfo { float: left; }
.wh_PagingNumNav { float: left; margin-left: 5px; margin-right: 5px; }
.wh_PagingNumNav a { display: block; float: left; margin-left: 2px; width: 15px; height: 15px; text-align: center; }
.wh_PagingLeftNav  a { display: block; height: 17px; width: 38px; float: left; text-align: center; }
.wh_PagingRightNav a { display: block; height: 17px; width: 44px; float: left; text-align: center; }
.wh_PagingSelected { background-image: url('Images/small_btn_ora.gif'); float: left; font-weight: bold; color: #ffffff; margin-left: 2px; width: 15px; height: 15px; text-align: center; }

.wh_filtering { font-size: .9em; }
.wh_filtering h1 { font-size: 1em; font-weight: bold; }
.wh_filtering h2 { font-size: .9em; background-color: #232323; padding: 5px;}
.wh_filtering a  
{
    font-family: Arial, Sans-Serif; color: yellow; display: block; height: 7px;
    width: 135px; font-size: 0.9em; font-weight: normal; text-decoration: none; padding-left: 5px;
    padding-bottom: 10px; background: none; text-transform: lowercase; margin-top: 8px; float: left; clear: left; 
}
.wh_filtering a :hover { color: #ffffff; }
.wh_showing a 
{
    padding-left: 25px; color: White; font-weight: bold;
    background: #6bC35d url('Images/accept.jpg') no-repeat left;
    margin-top: 2px;
}
.wh_showing a:hover
{
    background: #e9594d url('Images/reject.jpg') no-repeat left;
}

/* GENERAL FORM STYLES */
.wh_form { font-size: 0.8em; }
.wh_form legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold; 
} 
.wh_form fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none; 
} 
/*START Right aligned labels with background*/
.wh_form label {  
float: left;  
width: 10em;  
margin-right: 1em; 
margin-top: 4px; 
text-align: right; 
}
.wh_form legend {  
position: relative;  
left: -7px;  
top: -0.75em; 
} 
.wh_form fieldset ol {  
padding-top: 0.25em; 
}
.wh_form fieldset {  
position: relative; 
}
.wh_form legend {  
margin-left: 1em;  
padding: 0;  
color: #000;  
font-weight: bold; 
}
.wh_form fieldset {  
float: left;  
clear: both;  
width: 100%;  
margin: 0 0 1.5em 0;  
padding: 0;  
border: 0px solid #BFBAB0;  
background-color: #F2EFE9; 
}
.wh_form fieldset.submit {  
float: none;  
width: auto;  
border-style: none;  
padding-left: 12em;  
background-color: transparent; 
}
/*sub groups */
.wh_form fieldset.wh_form_subset label {  
float: none;  
width: auto;  
margin-right: auto; 
padding-right: 10px;
}
.wh_form .wh_form_subset div
{
    margin-left: 30px;
    padding-bottom: 15px;
}

/*END Right aligned labels*/


/*Checkout*/

/*stage 1*/
.wh_c1_custserv { position: absolute; left: 505px; width: 120px; padding-top: 30px; font-size: 1.2em;} /*ie6*/
.wh_c1_custserv[class] { position: absolute; left: 505px; width: 120px; padding-top: 30px; font-size: 1.2em;} /*others*/
#chec1 {width:551px;}

#chec1 fieldset {width:500px; padding:0px; background :  #cfd0d1 url(Images/che5b.png) no-repeat bottom center;}

#chec1 h2.checti1, #chec1 h2.checti2, #chec1 h2.checti3, #chec1 h2.checti4, #chec1 h2.checti5, #chec1 h2.checti6, #chec1 h2.checti0 {font-size:1.5em; color:#000000; font-weight:normal; background :  #cfd0d1 url(Images/che5b1.png) no-repeat top center; margin:0; padding:20px 10px 15px 65px;}

#chec1 h2.checti2 {background :  #cfd0d1 url(Images/che5b2.png) no-repeat top center;}
#chec1 h2.checti3 {background :  #cfd0d1 url(Images/che5b3.png) no-repeat top center;}
#chec1 h2.checti4 {background :  #cfd0d1 url(Images/che5b4.png) no-repeat top center;}
#chec1 h2.checti5 {background :  #cfd0d1 url(Images/che5b5.png) no-repeat top center;}
#chec1 h2.checti6 {background :  #cfd0d1 url(Images/che5b6.png) no-repeat top center;}
#chec1 h2.checti0 {background :  #cfd0d1 url(Images/che5b0.png) no-repeat top center;}

#chec1 fieldset ol { margin:0px 30px 20px 30px; padding:0;}

#chec1 fieldset ol li{ margin:3px 0 3px 0; padding:0;}

.pros {padding:0; margin: 10px 0 10px 0;}

/*Stage 2*/
#chec2 fieldset {width:670px; padding:0px; background :  #cfd0d1 url(Images/che7b.png) no-repeat bottom center; border: none;}
#chec2 h2.chect1, #chec2 h2.chect2, #chec2 h2.chect3 {font-size:1.3em; color:#000000; font-weight:normal; background :  #cfd0d1 url(Images/che7b1.png) no-repeat top center; margin:0; padding:20px 10px 15px 65px;}
#chec2 h2.chect2 {background :  #cfd0d1 url(Images/che7b2.png) no-repeat top center; font-size: 1.5em;}
#chec2 h2.chect3 {background :  #cfd0d1 url(Images/che7b3.png) no-repeat top center; font-size: 1.5em;}

/*Checkout Button*/
.wh_btn_checkout 
{
    background-color: transparent; width: 140px; color: #000000; font-weight: bold; font-size: .8em;
    /* Mozilla ignores crazy MS image filters, so it will skip the following */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/App_Themes/WH/Images/checkout-Btn.png');
    height: 26px; /*margin:5px 0 20px 380px;*/
}
.wh_btn_checkout[class] 
{
    background: url('Images/checkout-Btn.png') no-repeat right;
}

.wh_btn_checkout_on {color: #000000; font-weight: bold; font-size: .8em; background: url('Images/checkout-Btn.png') no-repeat right; height: 26px;}
.receipt { background-color: White; color: black; }

.wh_acc_head { display: block; padding: 2px; background: url('Images/arr-d.png') no-repeat right; }
.wh_acc_head a
{
    font-family: Arial, Sans-Serif; color: White; display: block; height: 7px;
    width: 100px; font-size: 0.9em; font-weight: bold; text-decoration: none; padding-left: 20px;
    padding-bottom: 10px;
    background: url('Images/glyph-link.jpg') no-repeat; text-transform: lowercase;
    margin-top: 8px;
}

.wh_acc_head_selected { display: block; padding: 2px; background: url('Images/arr-u.png') no-repeat right; }
.wh_acc_head_selected a
{
    font-family: Arial, Sans-Serif; color: White; display: block; height: 7px;
    width: 100px; font-size: 0.9em; font-weight: bold; text-decoration: none; padding-left: 20px;
    padding-bottom: 10px;
    background: url('Images/glyph-link.jpg') no-repeat; text-transform: lowercase;
    margin-top: 8px;
}

.wh_acc_content { padding:  0 5px 5px 40px; overflow: visible; }
.wh_acc_content a { font-size: 11pt; text-transform: lowercase; }