/* COMMON */
html,body{
height: 100%;
margin: 0;
font-size: 12px;
font-family: arial,verdana;
text-decoration: none;
background-image: url('/images/common/site_bg.gif');
background-color:  #FFFFFF;
text-align: center;
}
#body_table{
margin: auto;
padding-left: 7px;
padding-right: 7px;
text-align: left;
background-image: url('/images/common/body_table_bg.gif');
background-repeat: repeat-y;
background-color: #FFFFFF;
}
.spacer{
clear: both;
margin: 0;
padding: 0;
line-height: 0;
}
.bold{
font-weight: bold;
}
a{
outline: none;
cursor: pointer;
}
img{
border: none;
}
form{
margin: 0;
padding: 0;
font-size: 12px;
}
.centered{
text-align: center;
}
.left{
float: left;
}
.right{
float: right;
}

/* H1 */
h1{
margin: 0;
padding: 0;
background-image: url('/images/common/h1.gif');
background-position: left center;
background-repeat: no-repeat;
color: #539dbc;
color: #424242;
font-size: 20px;
font-weight: normal;
text-align: left;
}
h1 span{
display: block;
padding: 6px;
padding-left: 24px;
}

/* PAGE */
.page{
border-left: 9px solid #FFFFFF;
border-right: 9px solid #FFFFFF;
}

/* UPPERCONTENT */
/* LOWERCONTENT */
.uppercontent,
.lowercontent{
color: #424242;
text-align: justify;
line-height: 18px;
}
.uppercontent{
padding-bottom: 14px;
}
.uppercontent a,
.lowercontent a{
color: #7b7b7b;
}

/* BANNER */
#banner{
height: 104px;
margin-top: 6px;
background-image: url('/images/common/banner_bg.gif');
background-repeat: no-repeat;
}
#banner .logo{
display: table-cell;
float: left;
width: 204px;
}
#banner .logo img{
margin-top: 6px;
}

/* BASKETBOX */
#basketbox{
position: relative;
display: table-cell;
float: right;
width: 247px;
right: 10px;
}
.basketbox_top{
margin-top: 4px;
margin-bottom: 3px;
font-size: 18px;
font-weight: bold;
}
.basketbox_middle a{
color: #000000;
font-weight: bold;
text-align: left;
text-decoration: none;
}
.basketbox_middle a span.basketbox_items,
.basketbox_middle a span.basketbox_value{
display: table-cell;
float: left;
width: 60px;
text-decoration: underline;
}
.basketbox_middle a span.basketbox_value{
width: 90px;
}
.basketbox_middle a span.basketbox_checkout{
display: table-cell;
float: right;
width: 74px;
margin-right: 4px;
text-align: center;
text-transform: uppercase;
}


/* SEARCHLINE */
.searchline{
clear: both;
float: left;
width: 100%;
margin-top: 3px;
}

/* NAV_TOP */
#nav_banner{
display: table-cell;
float: left;
width: 600px;
text-align: left;
}
#nav_banner a{
display: -moz-inline-stack;
display: inline-block;
float: left;
height: 31px;
border-right: 1px solid #000000;
background-position: left top;
background-repeat: repeat-x;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
#nav_banner a span{
display: block;
padding-top: 5px;
padding-left: 12px;
padding-right: 12px;
}
#nav_banner a.selected{
background-image: url('/images/common/nav_banner_selected.gif');
}

/* SEARCHBOX */
#searchbox{
display: table-cell;
float: right;
width: 210px;
height: 23px;
margin-top: 4px;
}
.searchbox_top{
display: none;
}
.searchbox_middle{
width: 210px;
background-image: url('/images/common/searchbox_middle_bg.gif');
background-position: left top;
background-repeat: no-repeat;
}
.searchbox_string{
float: left;
margin-left: 25px;
color: #424242;
border: 1px solid #FFFFFF;
border: none;
background: #FFFFFF;
background: none;
}
.searchbox_submit{
display: table-cell;
float: right;
width: 31px;
border: 1px solid #FFFFFF;
border: none;
background: #FFFFFF;
background: none;
color: #FFFFFF;
font-weight: bold;
text-transform: uppercase;
text-decoration: underline;
text-align: left;
cursor: pointer;
}

/* COLUMNS */
.columns{
position: relative;
float: left;
width: 100%;
}

/* CRUMBTRAIL */
#crumbtrail{
position: absolute;
top: -16px;
left: 0;
float: left;
zoom: 100%;
width: 970px;
color: #424242;
font-size: 10px;
}
#crumbtrail a{
font-size: 10px;
color: #424242;
text-decoration: none;
}
#crumbtrail a.selected{
font-weight: bold;
}

/* NAV_LEFT */
#nav_left{
width: 188px;
margin-top: 1px;
}
#nav_left a.nav_left_lvl1{
display: block;
width: 188px;
border-top: 1px solid #FFFFFF;
background-image: url('/images/common/nav_left_lvl1.gif');
background-position: right bottom;
background-repeat: no-repeat;
background-color: #e4e4e4;
color: #424242;
font-weight: bold;
text-decoration: none;
}
#nav_left a.nav_left_lvl1 span{
display: block;
padding: 9px;
}
#nav_left a.nav_left_lvl2{
display: block;
margin-bottom: 1px;
border-bottom: 1px dashed #b3b3b3;
background-image: url('/images/common/nav_left_lvl2.gif');
background-position: left center;
background-repeat: no-repeat;
color: #919191;
text-decoration: none;
}
#nav_left a.nav_left_lvl2 span{
display: block;
padding: 3px;
padding-left: 7px;
padding-right: 7px;
}
#nav_left a.nav_left_lvl1:hover,
#nav_left a.nav_left_lvl1_selected{
border-color: #848484;
background-image: url('/images/common/nav_left_lvl1_selected.gif');
background-color: #4c4c4c;
color: #FFFFFF;
}
#nav_left a.nav_left_lvl2:hover,
#nav_left a.nav_left_lvl2_selected{
border-color: #424242;
background-image: url('/images/common/nav_left_lvl2_selected.gif');
color: #424242;
}

/* NAV_EXTRA */
#nav_extra{
margin-top: 7px;
}

/* FOOTER */
#footer{
margin-top: 7px;
margin-bottom: 7px;
}
#footer .links{
height: 34px;
background-image: url('/images/common/footer_links_bg.gif');
background-color: #424242;
text-align: right;
color: #FFFFFF;
font-weight: bold;
}
#footer .links .inner{
padding-top: 8px;
}
#footer .links a{
padding-left: 10px;
padding-right: 10px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
#footer .links a span{
text-decoration: underline;
}
#footer .line2{
margin-top: 4px;
}
#footer .logos{
margin-top: 4px;
}

/* SUBSECTIONS */
.subsections{
padding-top: 14px;
padding-bottom: 14px;
border-top: 1px solid #424242;
}
.subsections .subsection{
width: 177px;
border: 1px solid #c5c5c5;
background-color: #e4e4e4;
text-align: center;
}
.subsections .subsection a.thumb_image{
display: block;
margin-top: 8px;
margin-bottom: 7px;
}
.subsections .subsection a.thumb_image img{
}
.subsections .subsection .thumb_content{
display: none;
}
.subsections .subsection a.thumb_name{
display: block;
background-color: #c7c7c7;
color: #424242;
font-weight: bold;
text-decoration: none;
}
.subsections .subsection a.thumb_name span{
display: block;
padding-top: 8px;
padding-bottom: 8px;
}

/* PRODUCT THUMBS */
#products{
padding-top: 14px;
border-top: 1px solid #424242;
}
#products .product{
width: 284px;
min-height: 180px;
border: 1px solid #c7c7c7;
text-align: left;
}
#products .product a.product_name{
display: block;
color: #424242;
font-weight: bold;
}
#products .product a.product_name span{
display: block;
padding: 8px;
}
#products .product a.product_image{
float: left;
margin-left: 2px;
margin-right: 6px;
}
#products .product a.product_description{
display: block;
padding-right: 6px;
color: #424242;
text-decoration: none;
text-align: justify;
}
#products .product a.product_rrp{
display: block;
margin-top: 12px;
color: red;
font-size: 12px;
font-weight: bold;
text-decoration: line-through;
}
#products .product a.product_price{
display: block;
margin-top: 12px;
margin-bottom: 12px;
color: #424242;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
#products .product .add_to_basket{
text-align: right;
}
#products .product .add_to_basket input{
width: 110px;
height: 28px;
margin-right: 12px;
border: 1px solid #424242;
border: none;
background-image: url('/images/common/product_add_to_basket.gif');
background-repeat: no-repeat;
background-color: #c5c5c5;
color: #424242;
font-size: 12px;
font-weight: bold;
}
#products .product a.more_info{
display: table-cell;
float: right;
width: 110px;
height: 28px;
margin-right: 12px;
border: 1px solid #424242;
border: none;
background-image: url('/images/common/product_add_to_basket.gif');
background-repeat: no-repeat;
background-color: #c5c5c5;
color: #424242;
font-size: 12px;
font-weight: bold;
text-align: center;
}
#products .product a.more_info span{
display: block;
padding-top: 6px;
}

/* PRODUCT FEATURED / FEATURED PRODUCTS */
#product_featured{
width: 188px;
}
.product_featured_top{
border-top: 1px solid #FFFFFF;
background-image: url('/images/common/nav_left_lvl1_selected.gif');
background-position: right bottom;
background-repeat: no-repeat;
background-color: #e4e4e4;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
.product_featured_top span{
display: block;
padding: 9px;
}
#product_featured .product{
background-color: #e4e4e4;
margin-bottom: 4px;
text-align: center;
}
#product_featured a.product_name{
display: block;
color: #424242;
font-weight: bold;
}
#product_featured a.product_name span{
display: block;
padding: 6px;
}
#product_featured a.product_image{
display: block;
float: left;
width: 170px;
margin-left: 8px;
border: 1px solid #b3b3b3;
background-color: #FFFFFF;
}
#product_featured a.product_image img{
margin: 10px;
}
#product_featured a.product_price{
display: table-cell;
float: right;
width: 89px;
height: 26px;
margin-right: 8px;
margin-bottom: 8px;
background-image: url('/images/common/product_featured_price.gif');
background-position: left bottom;
background-repeat: repeat-x;
color: #424242;
font-size: 18px;
text-decoration: none;
}
#product_featured a.product_price span{
padding-top: 2px;
display: block;
}

/* NAV_RECENT */
#nav_recent{
width: 188px;
margin-bottom: 8px;
}
.nav_recent_top{
border-top: 1px solid #FFFFFF;
background-image: url('/images/common/nav_left_lvl1_selected.gif');
background-position: right bottom;
background-repeat: no-repeat;
background-color: #e4e4e4;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
.nav_recent_top span{
display: block;
padding: 9px;
}
#nav_recent a{
display: block;
width: 188px;
margin-bottom: 4px;
background-image: url('/images/common/nav_left_lvl1.gif');
background-position: right bottom;
background-repeat: no-repeat;
background-color: #e4e4e4;
color: #424242;
font-weight: bold;
text-decoration: none;
text-align: center;
}
#nav_recent a span{
display: block;
}
#nav_recent a img{
margin-top: 8px;
}
#nav_recent a span.product_name{
padding: 8px;
text-decoration: underline;
}
#nav_recent a.nav_history_link{
border: 1px solid #b3b3b3;
text-decoration: underline;
}
#nav_recent a.nav_history_link span{
padding-top: 4px;
text-decoration: underline;
}

/* ORDER BUTTON */
#order{
margin-top: 12px;
padding: 12px;
width: 100%;
border: 2px dashed #549dbc;
text-align: center;
}
#order table{
width: 100%;
}
td.multi_radio_button{
padding-top: 8px;
padding-bottom: 8px;
}
td.order_qty_prompt input{
height: 24px;
border: 1px solid #000000;
}
.order_button{
border: 1px solid #000000;
background-color: #549dbc;
color: #000000;
font-size: 12px;
font-weight: bold;
cursor: pointer;
}

/* PRODUCT PAGE */
#main_img{
float: left;
border-right: 10px solid #FFFFFF;
color: #424242;
}
#main_description a{
color: #000000;
}
#main_description .rrp{
color: red;
font-weight: bold;
text-decoration: line-through;
}
#main_description .save{
color: #737373;
font-weight: bold;
}
#main_description .price{
color: #424242;
font-weight: bold;
}

/* ASSOCIATED PRODUCTS */
#product_group_desc{
height: 50px;
background-image:url('/images/common/associated_products_bg.gif');
background-repeat: no-repeat;
background-position: left 33px;
color: #a5a5a5;
font-weight: bold;
font-size: 24px;
text-align: left;
}