/* COMMON */
html,body{
height: 100%;
margin: 0;
font-size: 12px;
font-family: arial,verdana;
text-decoration: none;
text-align: center;
}
.container{
position: relative;
margin: auto;
padding-left: 5px;
padding-right: 5px;
text-align: left;
}
.spacer{
clear: both;
margin: 0;
padding: 0;
line-height: 0;
}
.bold{
font-weight: bold;
}
a{
cursor: pointer;
outline: none;
}
img{
border: none;
}
strong{
font-weight: normal;
}
.centered{
text-align: center;
}
.left{
float: left;
}
.right{
float: right;
}
.nomargin{
margin: 0;
padding: 0;
}
input,
textarea{
outline-style: none;
}

/* PAGE */
.page{
display: inline;
float: right;
width: 600px;
margin-right: 12px;
}
#product_columnless_modern .page{
clear: both;
display: inline;
float: left;
width: 960px;
}

/* COLUMNS */
.columns{
}
#column_left{
display: inline;
float: left;
width: 180px;
}
#column_right{
display: inline;
float: right;
width: 155px;
}

/* SEARCHFORM */
#searchform legend{
color: #000000;
}
/* PAGING */
#top_paging,
#bottom_paging{
padding-top: 22px;
}
a.nextandprevious,
a.nextandprevious span.nextandprevious_number,
a.nextandprevious span.nextandprevious_next,
a.nextandprevious span.nextandprevious_previous,
span.nextandprevious_number_current{
display: -moz-inline-stack;
display: inline-block;
height: 22px;
background: url('/images/common/crumbtrail_a_off.gif') no-repeat right center #cacaca;
color: #787878;
font-weight: bold;
text-decoration: none;
}
span.nextandprevious_number_current,
span.nextandprevious_number_current{
background: none;
color: #000000;
}
a.nextandprevious span.nextandprevious_number,
a.nextandprevious span.nextandprevious_next,
a.nextandprevious span.nextandprevious_previous,
span.nextandprevious_number_current{
background-position: left center;
padding-left: 6px;
margin-right: 6px;
line-height: 22px;
}
a.nextandprevious:hover,
a.nextandprevious:hover span.nextandprevious_number,
a.nextandprevious:hover span.nextandprevious_next,
a.nextandprevious:hover span.nextandprevious_previous{
background-image: url('/images/common/crumbtrail_a.gif');
background-color: #ff6600;
color: #FFFFFF;
}


/* UPPERCONTENT */
/* LOWERCONTENT */
/* SEARCH RESULTS : PAGING */
/* SITEMAP */
.uppercontent,
.lowercontent{
text-align: justify;
}
.uppercontent a,
.lowercontent a,
#sitemap a{
color: #000000;
}
.uppercontent a:hover,
.lowercontent a:hover,
#sitemap a:hover{
color: #ff6600;
}

/* H1 */
h1{
margin: 0;
padding: 0;
margin-top: 14px;
margin-bottom: 14px;
color: #ff6600;
font-size: 20px;
font-weight: bold;
text-align: left;
}
h1 span{
}

/* H2 */
h2{
}

/* CRUMBTRAIL */
#crumbtrail{
text-align: left;
}
.crumbtrail_inner{
margin-top: 8px;
}
#crumbtrail a,
#crumbtrail a span{
display: -moz-inline-stack;
display: inline-block;
height: 22px;
background: url('/images/common/crumbtrail_a_off.gif') no-repeat right center #cacaca;
color: #787878;
font-weight: bold;
text-decoration: none;
}
#crumbtrail a span{
background-position: left center;
padding-left: 6px;
margin-right: 6px;
line-height: 22px;
}
#crumbtrail a:hover,
#crumbtrail a:hover span{
background-image: url('/images/common/crumbtrail_a.gif');
background-color: #ff6600;
color: #FFFFFF;
}

/* PROMOTIONS */
#promotions{
text-align: center;
}
#promotions a{
text-decoration: none;
}

/* SEARCHBOX */
#searchbox{
display: inline;
float: right;
width: 181px;
height: 30px;
margin-top: 90px;
margin-right: 13px;
}
.searchbox_string{
display: inline;
float: left;
width: 139px;
height: 23px;
margin-top: 2px;
padding: 0;
border: 1px solid #999999;
background-color: #FFFFFF;
color: #656565;
font-weight: bold;
line-height: 19px;
text-indent: 5px;
text-transform: lowercase;
outline: none;
}
.searchbox_submit{
display: inline;
float: right;
width: 34px;
height: 30px;
border: 1px solid #FFFFFF;
border: none;
background: url('/images/common/searchbox2011.gif') no-repeat;
color: #606264;
font-size: 0pt;
cursor: pointer;
}

/* BASKETBOX */
#basketbox{
position: relative;
display: inline;
float: right;
width: 308px;
height: 39px;
margin-top: 85px;
margin-right: 9px;
}
#basketbox .basketbox_top{
display: inline;
float: left;
width: 84px;
height: 39px;
background: url('/images/common/basketbox2011.png') no-repeat left top;
}
#basketbox .basketbox_middle{
display: inline;
float: left;
width: 128px;
text-align: center;
}
#basketbox .basketbox_middle a,
#basketbox .basketbox_middle span,
#basketbox .basketbox_middle a span{
display: -moz-inline-stack;
display: inline-block;
color: #353535;
font-size: 12px;
font-weight: bold;
text-decoration: none;
line-height: 38px;
}
#basketbox .basketbox_middle a,
#basketbox .basketbox_middle span{
margin-left: 1px;
margin-right: 1px;
}
#basketbox .basketbox_middle a span.basketbox_checkout,
#basketbox .basketbox_middle span.basketbox_checkout{
position: absolute;
top: 5px;
right: 0;
width: 95px;
height: 30px;
background: url('/images/common/basketbox2011.png') no-repeat left bottom;
color: #e7e9ea;
font-size: 0pt;
}

/* BANNER */
/* HALLOWEEN BANNER - OVERRIDES */
#banner{
background-image: url('/images/common/banner_halloween.png');
}
#banner a.logo{
height: 106px;
margin-top: 4px;
}

/* BANNER */
/* CHRISTMAS BANNER - OVERRIDES */
#banner{
background-image: url('/images/common/banner_xmas.gif');
background-image: url('/images/common/banner_xmas_lastorders.gif');
}
#banner a.logo{
width: 398px;
height: 103px;
margin-top: 8px;
margin-left: 9px;
}

/* BANNER */
.banner_empty{
height: 210px;
}
#banner{
position: absolute;
top: 0;
left: 5px;
display: inline;
float: left;
width: 960px;
height: 195px;
margin-top: 10px;
background: url('/images/common/banner2011.gif') no-repeat left top;
}
#banner a.logo{
clear: both;
display: inline;
float: left;
width: 399px;
height: 101px;
margin-top: 9px;
margin-left: 13px;
}

/* NAV_EXTRA */
#nav_extra{
}
.nav_extra_top{
}
#nav_extra a img{
}

/* NAV_TOP */
#nav_top{
z-index: 10;
clear: both;
display: inline;
float: left;
width: 960px;
height: 28px;
background: url('/images/common/banner2011.gif') no-repeat left -125px #d6452e;
text-align: center;
}
#nav_top .nav_top_inner{
}
#nav_top .nav_block{
z-index: 10;
position: relative;
display: -moz-inline-stack;
display: inline-block;
zoom: 100%;
*display:inline;
}
#nav_top .nav_block a.nav_top_lvl1{
display: -moz-inline-stack;
display: inline-block;
height: 28px;
background-image: url('/images/common/nav_top2011.gif');
background-position: right center;
background-repeat: no-repeat;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
text-shadow: #984c24 0 1px 0;
}
#nav_top .nav_block a.nav_top_lvl1 span{
display: -moz-inline-stack;
display: inline-block;
height: 28px;
padding-top: 7px;
padding-left: 15px;
padding-right: 15px;
}
#nav_top .nav_block a.nav_top_lvl1_last{
background: none;
}
#nav_top .nav_block a.nav_top_lvl1:hover{
}
#nav_top .nav_block_selected{
}
#nav_top .nav_block_subs{
z-index: 100;
position: absolute;
top: 29px;
display: none;
width: 300px;
border-top: 1px solid transparent;
background-image: url('/images/common/nav_top_lvl2_block.gif');
background-repeat: no-repeat;
background-position: left bottom;
background-color: #363636;
text-align: left;
}
#nav_top .nav_block_left .nav_block_subs{
left: -15px;
}
#nav_top .nav_block_right .nav_block_subs{
right: -15px;
}
.nav_block_subs a{
display: block;
color: #FFFFFF;
}
.nav_block_subs a span{
display: block;
padding: 6px;
padding-top: 4px;
padding-bottom: 4px;
}

/* NAV_LEFT */
/* NAV_HELP */
#nav_left,
#nav_help{
width: 180px;
padding-top: 8px;
background-color: #f5f5f5;
background-image: url('/images/common/nav_left_bg.gif');
background-repeat: repeat-y;
background-position: right top;
}
.nav_left_top,
.nav_help_top{
margin-bottom: 8px;
margin-left: 6px;
width: 167px;
height: 22px;
background-image: url('/images/common/nav_left_top.gif');
font-weight: bold;
}
.nav_left_top span,
.nav_help_top span{
display: block;
padding-top: 4px;
padding-left: 7px;
}
.nav_left_middle{
}
.nav_left_bottom,
.nav_help_bottom{
height: 20px;
}
#nav_left a,
#nav_help a{
display: block;
}
.nav_left_lvl1,
.nav_help_lvl1{
width: 177px;
color: #000000;
}
.nav_left_lvl1 span,
.nav_help_lvl1 span{
display: block;
padding-left: 9px;
padding-right: 9px;
padding-top: 4px;
padding-bottom: 4px;
}
.nav_left_lvl1:hover,
.nav_help_lvl1:hover,
.nav_left_lvl1_selected,
.nav_left_lvl1_selected:hover,
.nav_help_lvl1_selected,
.nav_help_lvl1_selected:hover{
color: #ff6600;
}
.nav_left_lvl2{
}
.nav_left_lvl2 span{
}
.nav_left_lvl2:hover,
.nav_left_lvl2:hover span,
.nav_left_lvl2_selected,
.nav_left_lvl2_selected span{
}

/* NAV_HELP */
#nav_help{
}
.nav_help_top{
}
.nav_help_top span{
}
.nav_help_middle{
}
#nav_help a{
}
.nav_help_lvl1{
}
.nav_help_lvl1 span{
}

/* NAV_FEEDBACK */
#nav_feedback{
}
.nav_feedback_top{
}
.nav_feedback_top span{
}
.nav_feedback_middle{
}
#nav_feedback .feedback{
}
#nav_feedback .customer_name{
}

/* FOOTER */
#footer{
background: #d94c2d;
}
#footer .copyright{
padding-top: 9px;
padding-right: 12px;
color: #FFFFFF;
font-weight: bold;
text-align: right;
}
#footer a{
}
#footer .title{
}

/* FOOTER: CONTACT DETAILS */
#footer .contact_details{
}
#footer .tel_email{
}

/* FOOTER: PAYMENT DETAILS */
#footer .payment_options{
}

/* NAV_DEPARTMENTS */
#nav_departments{
}
#nav_departments .nav_departments_top{
}
#nav_departments a{
}

/* NAV_RIGHT */
#nav_right{
width: 155px;
}
#nav_right a{
clear: both;
display: inline;
float: left;
width: 155px;
margin-top: 10px;
text-decoration: none;
text-align: center;
}

/* SUBSECTIONS */
.subsections_name_image .subsection{
position: relative;
width: 195px;
height: 104px;
margin-top: 6px;
margin-left: 2px;
margin-right: 3px;
background: url('/images/common/subsection_name_image.gif') no-repeat;
}
.subsections_name_image .subsection a.subsection_name,
.subsections_name_image .subsection a.subsection_name span{
display: block;
width: 177px;
background: url('/images/common/subsection_name_image_name.gif') no-repeat left top;
color: #000000;
text-decoration: none;
}
.subsections_name_image .subsection a.subsection_name{
position: absolute;
bottom: 6px;
right: 6px;
color: #000000;
}
.subsections_name_image .subsection a.subsection_name span{
margin-top: 16px;
padding-bottom: 10px;
padding-left: 6px;
}
.subsections_name_image .subsection a.subsection_image{
display: block;
width: 183px;
height: 92px;
margin-top: 6px;
margin-left: 6px;
text-align: center;
}


/* PRODUCT THUMBS */
#products{
margin-top: 22px;
}
.productthumbnail{
margin-left: 6px;
}
.product{
display: block;
margin-bottom: 8px;
width: 190px;
text-align: center;
}
.product .inner{
}
#products .product_name{
display: block;
height: 92px;
background-image: url('/images/common/product_top.gif');
background-repeat: no-repeat;
background-position: left top;
color: #000000;
}
#products .product_name span{
display: block;
margin-left: 8px;
padding-top: 32px;
padding-right: 8px;
background-image: url('/images/common/product_top.gif');
background-repeat: no-repeat;
background-position: right top;
}
#products .product_code,
#products .product_moreinfo{
}
#products .product_moreinfo{
display: block;
height: 9px;
margin-top: 4px;
background: url('/images/common/product_moreinfo.gif') no-repeat center center;
color: #000000;
text-decoration: none;
text-transform: lowercase;
}
#products .product_moreinfo span{
}
#products .product_image{
display: block;
height: 150px;
min-height: 100px;
text-decoration: none;
}
#products .product_price_inc,
#products .product_price_ex{
display: block;
margin-top: 8px;
color: #ff6600;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
#products .product_price_ex{
margin: 0;
color: #939393;
}
#products .product_price span{
}
#products .product_rrp{
color: #939393;
text-decoration: line-through;
}
#products .product:hover{
}
#products .product:hover .product_price{
}
#products .product:hover .product_name{
color: #ff6600;
}
#products .product_price_inc .incvat,
#products .product_price_ex .exvat{
display: -moz-inline-stack;
display: inline-block;
width: 49px;
height: 12px;
background: url('/images/common/incvat.gif') no-repeat;
}
#products .product_price_ex .exvat{
width: 44px;
background-image: url('/images/common/exvat.gif');
}

/* MAIN IMG */
#main_img{
border-right: 18px solid #FFFFFF;
margin-bottom: 8px;
}

/* GALLERY */
#gallery{
margin-bottom: 8px;
}
.gallery_main{
}
.gallery_thumbs{
margin-top: 22px;
}
.gallery_thumbs a{
text-decoration: none;
}
.gallery_thumbs a img{
}
.gallery_thumbs a:hover img{
}

/* MAIN DESCRIPTION */
#main_description{
clear: both;
display: inline;
float: left;
width: 542px;
margin-top: 4px;
text-align: justify;
}
#main_description a{
color: #000000;
}
#main_description a:hover{
color: #ff6600;
}
#main_description .save{
color: red;
}
#main_description .rrp{
text-decoration: line-through;
}
#main_description .price{
font-weight: bold;
}

/* ORDER */
#order{
clear: both;
display: inline;
float: left;
width: 542px;
border-bottom: 12px solid #FFFFFF;
background-repeat: no-repeat;
background-position: left top;
color: #000000;
}
#order .inner{
zoom: 100%;
background-repeat: no-repeat;
background-position: left bottom;
}
#order .product_options{
border-bottom: 34px solid #FFFFFF;
}
#order .product_options .option_prompt{
display: inline;
font-weight: bold;
text-transform: uppercase;
}
#order .product_options .option_select{
display: inline;
}
#order .order_product{
clear: both;
margin-bottom: 10px;
border-bottom: 1px solid #e0e0e0;
}
#order .order_product_bottom{
clear: both;
}
#order .order_product_common_name{
display: block;
padding-bottom: 16px;
font-weight: bold;
}
#order .order_product_name{
display: inline;
float: left;
font-weight: bold;
}
#order .order_product_code{
display: inline;
float: left;
margin-left: 12px;
padding-top: 1px;
color: #808080;
}
#order .order_product_pricing{
clear: both;
display: block;
font-weight: bold;
}
#order .order_product_rrp,
#order .order_product_price,
#order .order_product_vat{
display: inline;
float: left;
margin-top: 6px;
margin-bottom: 6px;
font-weight: bold;
}
#order .order_product_rrp{
padding-right: 16px;
color: #313131;
text-decoration: line-through;
}
#order .order_product_price,
#order .order_product_vat{
color: #ff6600;
}
#order .order_product_price_ex{
clear: both;
display: block;
color: #939393;
}
#order .order_submit{
margin-top: 12px;
}
#order .order_button{
width: 122px;
height: 26px;
margin-top: 2px;
padding: 0;
padding-bottom: 3px;
border: 1px solid #FFFFFF;
border: none;
background-image: url('/images/common/order_button.gif');
background-color: #ff6600;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
cursor: pointer;
}
#order .discrete_pricing{
border: 6px solid #e3e3e3;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}
#order .discrete_pricing .discrete_pricing_inner{
padding: 8px;
}
#order .in_stock,
#order .out_of_stock{
display: inline;
float: right;
background: url('/images/common/instock.gif') no-repeat;
width: 185px;
height: 29px;
}
#order .out_of_stock{
background-image: url('/images/common/outofstock.gif');
}
#order .in_stock span,
#order .out_of_stock span{
font-size: 0pt;
}

/* PRODUCT_LEFT */
.product_left{
position: relative;
display: inline;
float: left;
width: 400px;
margin-top: 12px;
}
.product_left .product_video,
.product_left .product_youtube{
clear: both;
display: inline;
float: left;
width: 400px;
height: 250px;
}
.product_left .product_youtube{
height: 325px;
}

/* WARRANTY */
.product_left .warranty{
position: absolute;
right: -8px;
top: -4px;
}

/* ADDTHIS */
.product_left .addthis_container{
margin-top: 8px;
margin-left: 14px;
height: 32px;
}
.product_left .addthis_container .addthis{
}

/* PRODUCT_RIGHT */
.product_right{
display: inline;
float: right;
width: 542px;
margin-top: 12px;
}

/* PRODUCT_RIGHT : PRODUCT_PRICING */
.product_right .product_pricing{
clear: both;
display: inline;
float: left;
width: 542px;
margin-top: 4px;
margin-bottom: 24px;
}
.product_right .product_pricing .price,
.product_right .product_pricing .save,
.product_right .product_pricing .rrp{
display: -moz-inline-stack;
display: inline-block;
float: left;
margin-right: 6px;
height: 22px;
color: #000000;
font-size: 20px;
font-weight: bold;
}
.product_right .product_pricing .price{
color: #c42732;
}
.product_right .product_pricing .save{
padding-right: 4px;
background: url('/images/common/product_right_saving.gif') no-repeat 4px center #ff6600;
font-size: 16px;
line-height: 24px;
text-indent: 21px;
}
.product_right .product_pricing .rrp{
text-decoration: line-through;
}

/* PRODUCT RING */
#product_ring{
clear: both;
display: inline;
float: left;
width: 100%;
margin-top: 12px;
border-top: 6px solid #535353;
background-color: #f5f5f5;
}
#product_ring a{
display: block;
width: 49%;
color: #000000;
font-size: 11px;
background-repeat: no-repeat;
}
#product_ring a span{
padding-top: 10px;
display: block;
padding-bottom: 10px;
}
#product_ring a.previous{
display: inline;
float: left;
text-align: left;
background-image: url('/images/common/product_ring_prev.gif');
background-position: left center;
}
#product_ring a.previous span{
padding-left: 30px;
}
#product_ring a.next{
display: inline;
float: right;
text-align: right;
background-image: url('/images/common/product_ring_next.gif');
background-position: right center;
}
#product_ring a.next span{
padding-right: 30px;
}
.product_ring_bottom{
clear: both;
}

/* ASSOCIATED PRODUCTS */
#associated_products{
clear: both;
width: 100%;
border-top: 12px solid #FFFFFF;
}

/* FOOTER */
#footer{
clear: both;
height: 255px;
background: url('/images/common/footer.gif') no-repeat center center;
}

/* SUBSECTIONS : HOMEPAGE */
.subsections_homepage{
text-align: center;
}
.subsections_homepage .subsection{
margin-top: 16px;
}
.subsections_homepage a,
.subsections_homepage a span{
display: block;
text-decoration: none;
}
.subsections_homepage a.subsection_name{
width: 140px;
height: 20px;
background: url('/images/common/subsection_name.gif') #272727;
color: #FFFFFF;
font-weight: bold;
}
.subsections_homepage a.subsection_image{
height: 125px;
}
.subsections_homepage a.subsection_content{
display: none;
}

/* DELIVERY ARRANGEMENT */
.delivery_arrangement{
clear: both;
font-weight: bold;
text-align: center;
}
.delivery_arrangement .delivery_arrangement_inner{
padding: 8px;
background: #e8ebf0;
}
.delivery_arrangement .arrangement_date_time{
display: block;
}
.delivery_arrangement .arrangement_date,
.delivery_arrangement .arrangement_time{
color: #007236;
}

/* CALLBACK */
.callback_container{
clear: both;
position: relative;
display: inline;
float: left;
width: 542px;
margin-top: 10px;
}
.callback_toggle{
cursor: pointer;
}
#callback{
z-index: 10;
display: none;
position: absolute;
left: 0;
bottom: 0;
width: 542px;
height: 328px;
background: url('/images/common/callback_bg2.gif') no-repeat;
}
.callback_top{
height: 35px;
cursor: pointer;
}
.callback form{
margin: 0;
padding: 0;
margin-top: 100px;
margin-left: 30px;
}
.callback p{
display: inline;
float: left;
width: 154px;
margin-top: 4px;
margin-right: 8px;
}
.callback p b{
display: block;
color: #000000;
font-size: 14px;
}
.callback p input,
.callback p textarea{
width: 134px;
padding: 4px;
border: 1px solid #959595;
}
.callback p textarea{
width: 458px;
height: 50px;
}
.callback .submit{
clear: both;
position: relative;
top: -12px;
display: inline;
float: right;
width: 169px;
height: 35px;
margin-right: 30px;
border: 1px solid red;
border: none;
background: transparent;
color: #000000;
font-size: 18px;
font-weight: bold;
cursor: pointer;
text-align: right;
}
.callback .success{
padding-top: 26px;
color: #000000;
font-size: 18px;
text-align: center;
}

/* RELATED ITEMS */
#related{
clear: both;
display: inline;
float: left;
width: 960px;
margin-top: 12px;
background: url('/images/common/blue_top.gif') repeat-x left top;
}
#related h2,
#related h2 span{
display: block;
height: 28px;
margin: 0; 
padding: 0;
background: url('/images/common/nav_top_bg.gif') no-repeat left top;
font-size: 16px;
font-weight: bold;
line-height: 26px;
}
#related h2 span{
margin-left: 8px;
padding-right: 8px;
background: url('/images/common/nav_top_bg.gif') no-repeat right top;
}
#related .prodthumbnails_normal{
margin: 0;
width: 960px;
}
#related .prodthumbnails_row{
display: inline;
}
#related .productthumbnail{
margin: 0;
}
#related .productthumbnail .product{
margin-top: 4px;
margin-left: 2px;
margin-right: 0;
}
#related .ishop_clear{
display: none;
}

/* TOGGLE CONTENT BOXES */
.toggle_content_box{
clear: both;
position: relative;
}
.toggle_content_box h2{
clear: both;
margin: 0;
padding: 0;
margin-top: 12px;
color: #e95a17;
font-size: 14px;
font-weight: bold;
cursor: pointer;
}
.toggle_content_box h2 span{
display: -moz-inline-stack;
display: inline-block;
padding-right: 22px;
background: url('/images/common/toggle_content_box_h2_show.gif') no-repeat right center;
}
.toggle_content_box .toggle_content_box_middle{
padding-left: 12px;
padding-right: 12px;
background: #ffe8dd;
border: 1px solid #ffd4c0;
}
.toggle_content_box span.toggle_trigger_bottom{
display: none;
position: absolute;
right: 6px;
bottom: -10px;
width: 77px;
height: 20px;
background: url('/images/common/toggle_content_box_trigger_bottom.gif') no-repeat #e95a17;
cursor: pointer;
}
/* TOGGLE CONTENT BOXES : ACTIVE */
.toggle_content_box_active h2 span{
background-image: url('/images/common/toggle_content_box_h2_hide.gif');
}
.toggle_content_box_active span.toggle_trigger_bottom{
z-index: 10;
display: block;
}

/* READ MORE / LESS TOGGLE */
.homeReadMo{
color: #e95a17;
font-weight: bold;
text-decoration: underline;
}