html,
body{
margin: 0;
background: url('/images/common/site_bg.gif') repeat-x left bottom fixed;
font-size: 12px;
font-family: arial,verdana,tahoma;
text-align: center;
}
body{
border-top: 14px solid #272727;
}
a{
outline: none;
cursor: pointer;
}
img{
border: none;
}

/* LOGO */
#banner{
height: 260px;
background: url('/images/common/banner_default.jpg') no-repeat center 72px;
}
#banner .logo{
display: inline;
float: left;
width: 187px;
height: 35px;
margin-top: 17px;
margin-left: 16px;
}


/* CONTAINER */
.container{
margin: auto;
background: #FFFFFF;
text-align: left;
}

/* COLUMNS */
.columns{
clear: both;
position: relative;
}

/* PAGE */
#threecolumn_modern .page{
display: inline;
float: right;
width: 618px;
margin-right: 14px;
}
#product_columnless_modern .page{
display: inline;
float: left;
width: 964px;
margin-left: 14px;
}

/* COLUMN_LEFT */
#column_left{
display: inline;
float: left;
width: 174px;
margin-left: 14px;
}

/* COLUMN_RIGHT */
#column_right{
display: inline;
float: right;
width: 142px;
margin-right: 14px;
}

/* H1 */
h1{
margin-top: 14px;
color: #272727;
font-size: 18px;
font-weight: normal;
text-align: left;
}

/* UPPERCONTENT */
/* LOWERCONTENT */
/* MAIN DESCRIPTION */
.uppercontent,
.lowercontent,
#main_description{
margin-top: 8px;
color: #272727;
line-height: 18px;
text-align: justify;
}
.uppercontent .theme{
display: inline;
float: right;
width: 159px;
height: 143px;
margin-left: 12px;
background: url('/images/common/theme_bg.gif');
text-align: center;
}
.uppercontent .theme img{
margin-top: 7px;
}
.uppercontent a,
.lowercontent a,
#main_description a{
color: #5f0000;
font-weight: bold;
}
/* MAIN DESCRIPTION */
#main_description{
clear: both;
display: inline;
float: left;
width: 583px;
margin-top: 12px;
border-top: 2px solid #dbdbdb;
}

/* LOWERCONTENT */
.lowercontent{
margin-top: 28px;
}

/* MAIN_DESCRIPTION */
#main_description .rrp{
color: #5f0000;
font-weight: bold;
text-decoration: line-through;
}
#main_description .save,
#main_description .price{
font-weight: bold;
}

/* SEARCHBOX */
#searchbox{
display: inline;
float: right;
width: 399px;
height: 32px;
background: url('/images/common/searchbox_bg.gif');
}
#searchbox .searchbox_string{
display: inline;
float: left;
width: 120px;
height: 16px;
margin-top: 2px;
margin-left: 53px;
border: 1px solid #FFFFFF;
}
#searchbox .searchbox_submit{
display: inline;
float: left;
width: 22px;
height: 18px;
margin-top: 3px;
margin-left: 16px;
border: 1px solid #FFFFFF;
border: none;
background: url('/images/common/searchbox_submit.gif') transparent;
color: #272727;
font-size: 0;
cursor: pointer;
}

/* BASKETBOX */
#basketbox{
display: inline;
float: right;
width: 399px;
height: 32px;
text-align: center;
}
.basketbox_middle{
height: 18px;
margin-top: 10px;
}
.basketbox_middle a,
.basketbox_middle span{
display: -moz-inline-stack;
display: inline-block;
height: 18px;
color: #272727;
text-decoration: none;
}
.basketbox_middle span{
padding-top: 3px;
padding-left: 6px;
padding-right: 6px;
}
.basketbox_middle span.basketbox_items{
padding-left: 26px;
background: url('/images/common/basketbox_items.gif') left top no-repeat;
}
.basketbox_middle span.basketbox_checkout{
font-weight: bold;
text-transform: lowercase;
}

/* NAV_TOP */
#nav_top{
clear: both;
display: inline;
float: left;
width: 958px;
height: 31px;
margin-top: 165px;
margin-left: 16px;
background: url('/images/common/nav_top_bg.gif') #212121;
text-align: center;
}
#nav_top a,
#nav_top a span{
display: -moz-inline-stack;
display: inline-block;
height: 31px;
color: #FFFFFF;
font-size: 12px;
text-decoration: none;
}
#nav_top a span{
padding-left: 8px;
padding-right: 8px;
line-height: 28px;
}
#nav_top a:hover span{
text-decoration: underline;
}
#nav_top a.selected{
background: url('/images/common/nav_top_selected.gif');
}
#nav_top a.selected:hover span{
text-decoration: none;
}

/* FOOTER */
#footer{
clear: both;
height: 106px;
border-bottom: 14px solid #FFFFFF;
background: url('/images/common/footer.gif') no-repeat center bottom;
}

/* NAV_RIGHT */
#nav_right a{
display: block;
margin-top: 11px;
text-decoration: none;
}

/* NAV_LEFT */
/* NAV_HELP */
#nav_left,
#nav_help{
width: 174px;
margin-top: 14px;
}
a.nav_left_lvl1,
.nav_help_top{
background: url('/images/common/nav_all_top.gif') no-repeat left bottom;
color: #272727;
font-size: 18px;
text-decoration: none;
}
a.nav_left_lvl1,
.nav_help_top span{
display: block;
padding-bottom: 14px;
}
a.nav_left_lvl2,
#nav_help a{
display: block;
margin-top: 5px;
border-left: 4px solid #dbdbdb;
color: #272727;
text-decoration: none;
}
a.nav_left_lvl2,
#nav_help a span{
display: block;
padding-left: 4px;
}
a.nav_left_lvl2:hover,
a.nav_left_lvl2_selected,
#nav_help a:hover{
border-color: #272727;
}
a.nav_left_lvl2_selected{
font-weight: bold;
}

/* CRUMBTRAIL */
#crumbtrail{
margin-top: 14px;
}
#crumbtrail a,
#crumbtrail a span{
display: -moz-inline-stack;
display: inline-block;
height: 23px;
background: url('/images/common/crumbtrail_a.gif') no-repeat right center #d0dde6;
color: #272727;
font-weight: bold;
line-height: 25px;
text-decoration: none;
}
#crumbtrail a span{
background-position: left center;
padding-left: 10px;
margin-right: 10px;
}

/* SUBSECTIONS */
.subsections{
margin-top: 40px;
text-align: center;
}
.subsections_row{
margin-top: 12px;
}
.subsection{
}
.subsection_inner{
width: 200px;
}
.subsection a,
.subsection a span{
display: block;
text-decoration: none;
}
.subsection a.subsection_name{
background: #dbdbdb;
color: #272727; 
font-weight: bold;
text-decoration: underline;
}
.subsection a.subsection_name span{
padding: 4px;
}
.subsection a.subsection_content{
background: #ebebeb;
color: #272727;
text-align: left;
}
.subsection a.subsection_content span{
padding: 4px;
}

/* PRODUCTS */
.prodthumbnails_normal{
margin-top: 37px;
}
.prodthumbnails_normal .productthumbnail{
margin-top: 3px;
border: 2px solid #dbdbdb;
}
.prodthumbnails_normal .productthumbnail:hover{
border-color: #272727;
}
.prodthumbnails_normal .product{
padding-right: 10px;
}
.prodthumbnails_normal .product a{
display: block;
color: #272727;
text-decoration: none;
}
.prodthumbnails_normal .product a.product_image{
display: inline;
float: left;
height: 170px;
margin-top: 3px;
margin-left: 10px;
border-right: 12px solid #FFFFFF;
}
.prodthumbnails_normal .product a.product_name{
margin-top: 13px;
font-weight: bold;
text-decoration: underline;
}
.prodthumbnails_normal .product a.product_description{
margin-top: 7px;
line-height: 18px;
text-align: justify;
}
.prodthumbnails_normal .product .product_brand{
display: -moz-inline-stack;
display: inline-block;
float: left;
margin-top: 10px;
}
.prodthumbnails_normal .product .pricing{
display: -moz-inline-stack;
display: inline-block;
float: right;
margin-top: 39px;
text-align: right;
}
.prodthumbnails_normal .product a.product_rrp,
.prodthumbnails_normal .product a.product_price,
.prodthumbnails_normal .product a.product_moreinfo{
display: -moz-inline-stack;
display: inline-block;
font-weight: bold;
}
.prodthumbnails_normal .product a.product_rrp span,
.prodthumbnails_normal .product a.product_price span,
.prodthumbnails_normal .product a.product_moreinfo span{
display: -moz-inline-stack;
display: inline-block;
padding-left: 16px;
}
.prodthumbnails_normal .product a.product_rrp span{
color: #5f0000;
text-decoration: line-through;
}
.prodthumbnails_normal .product a.product_moreinfo span{
color: #5f0000;
text-decoration: underline;
}

/* PRODUCT_LEFT */
.product_left{
display: inline;
float: left;
width: 380px;
}

/* PRODUCT_RIGHT */
.product_right{
position: relative;
display: inline;
float: right;
width: 583px;
}

/* PRODUCT_BOTTOM */
.product_bottom{
clear: both;
}

/* PRODUCT FEATURES */
/* PRODUCT SPECIFICATION */
.product_features h2,
.product_specification h2{
margin: 0;
padding: 0;
margin-top: 14px;
background-color: #dbdbdb;
color: #272727;
font-size: 18px;
font-weight: normal;
}
.product_features h2 span,
.product_specification h2 span{
display: block;
padding: 2px;
}

/* PRODUCT FEATURES */
.product_features p{
clear: both;
margin: 0;
padding: 0;
margin-top: 12px;
height: 112px;
border-bottom: 2px solid #dbdbdb;
}
.product_features p img{
float: left;
border-right: 8px solid #FFFFFF;
}
.product_features p b{
display: block;
}

/* PRODUCT SPECIFICATION */
.product_specification{
clear: both;
}
.product_specification table{
margin-top: 8px;
}
.product_specification table th,
.product_specification table td{
width: 50%;
padding: 4px;
}
.product_specification table td{
text-align: center;
}
.product_specification th.even,
.product_specification td.even{
background: #efefef;
}

/* GALLERY */
#gallery{
width: 380px;
text-align: center;
}
/* GALLERY */
#gallery .gallery_thumbs a{
text-decoration: none;
}

/* ORDER */
#order{
display: inline;
float: left;
width: 583px;
margin-bottom: 18px;
border-bottom: 1px solid #FFFFFF;
background-image: url('/images/common/order_bg.gif');
background-repeat: no-repeat;
background-position: left top;
color: #272727;
}
#order .inner{
zoom: 100%;
margin-top: 18px;
padding-bottom: 18px;
padding-left: 18px;
padding-right: 18px;
background-image: url('/images/common/order_bg.gif');
background-repeat: no-repeat;
background-position: left bottom;
}
#order .order_product{
clear: both;
border-bottom: 1px solid #e0e0e0;
}
#order .order_product_bottom{
clear: both;
}
#order .order_product_common_name{
display: block;
padding-bottom: 16px;
color: #5f0000;
font-weight: bold;
text-align: center;
text-decoration: underline;
}
#order .order_product_name{
display: inline;
float: left;
font-weight: bold;
}
#order .order_product_code,
#order .order_product_stock_ref_3{
display: inline;
float: left;
margin-left: 12px;
padding-top: 1px;
color: #808080;
}
#order .order_product_stock_ref_3{
color: red;
font-weight: bold;
}
#order .order_product_pricing{
clear: both;
display: block;
}
#order .order_product_rrp,
#order .order_product_price,
#order .order_product_vat{
display: inline;
float: left;
margin-top: 6px;
margin-bottom: 6px;
color: #272727;
color: #5f0000;
font-size: 18px;
font-weight: bold;
}
#order .order_product_rrp{
padding-right: 16px;
color: #5f0000;
text-decoration: line-through;
}
.out_of_stock{
padding-top: 14px;
font-weight: bold;
text-align: left;
}
#order .order_submit{
text-align: left;
margin-top: 12px;
height: 28px;
}
#order .order_button{
display: -moz-inline-stack;
display: inline-block;
float: left;
width: 122px;
height: 26px;
padding: 0;
padding-bottom: 1px;
border: 1px solid #FFFFFF;
border: none;
background: url('/images/common/order_button_bg.gif') left bottom no-repeat #5f0000;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
cursor: pointer;
}
#order .order_quantity{
display: -moz-inline-stack;
display: inline-block;
float: left;
margin-left: 4px;
line-height: 24px;
}
#order .order_quantity_input{
display: -moz-inline-stack;
display: inline-block;
float: left;
width: 26px;
height: 22px;
margin-left: 4px;
border: 1px solid #808080;
font-size: 14px;
font-weight: bold;
line-height: 24px;
text-align: center;
}

/* ASSOCIATED PRODUCTS */
#associated_products{
clear: both;
display: inline;
float: left;
width: 958px;
margin-left: 2px;
margin-top: 14px;
}
#associated_products h2{
margin: 0;
height: 31px;
background: url('/images/common/product_ring_bg.gif') #dbdbdb;
color: #272727;
font-size: 12px;
font-weight: bold;
text-align: left;
}
#associated_products h2 span{
display: block;
padding-top: 8px;
padding-left: 10px;
}
#associated_products .prodthumbnails_normal{
margin: 0;
}

/* PRODUCT RING */
#product_ring{
clear: both;
float: left;
width: 958px;
height: 31px;
margin-left: 2px;
margin-top: 14px;
background: url('/images/common/product_ring_bg.gif') #dbdbdb;
}
#product_ring a{
display: block;
width: 49%;
height: 31px;
color: #5f0000;
font-weight: bold;
background-repeat: no-repeat;
text-decoration: none;
}
#product_ring a span{
padding-top: 8px;
display: block;
}
#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: 32px;
}
#product_ring a.next{
display: inline;
float: right;
text-align: right;
border-left: 1px solid #cccccc;
background-image: url('/images/common/product_ring_next.gif');
background-position: right center;
}
#product_ring a.next span{
padding-right: 32px;
}
.product_ring_bottom{
clear: both;
}

/* SATISFACTION GUARANTEEE */
.satisfaction_guarantee{
display: inline;
float: left;
width: 184px;
margin-right: 6px;
}

/* CALLBACK */
.callback_container{
position: relative;
display: inline;
float: right;
width: 387px;
height: 121px;
margin-top: 4px;
}
.callback_toggle{
width: 387px;
height: 121px;
background: url('/images/common/callback_toggle.png') no-repeat right top;
cursor: pointer;
}
.callback{
position: absolute;
right: 0;
top: 122px;
display: none;
float: left;
width: 387px;
height: 190px;
margin-top: 5px;
background: url('/images/common/callback.png');
}
.callback .callback_top{
position: absolute;
right: 0;
top: 0;
width: 24px;
height: 24px;
cursor: pointer;
}
.callback form{
margin: 0;
padding: 0;
margin-top: 18px;
margin-left: 4px;
}
.callback p{
display: inline;
float: left;
margin: 0;
margin-top: 8px;
margin-left: 5px;
margin-right: 5px;
}
.callback p b{
display: block;
}
.callback p input,
.callback p.customer_message textarea{
width: 100px;
padding: 4px;
border: 1px solid #272727;
}
.callback p.customer_message{
width: 287px;
}
.callback p.customer_message textarea{
width: 285px;
height: 60px;
}
.callback .submit{
display: inline;
float: right;
width: 70px;
margin-top: 49px;
border: 1px solid red;
border: none;
background: transparent;
color: #272727;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
}
.callback .success{
padding-top: 12px;
font-size: 18px;
text-align: center;
}

/* PROMOTIONS */
/* SCROLLABLE HORIZONTAL */
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 618px;
	height: 400px;
	/* custom decorations */
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div.item {
	float:left;
	width: 618px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


/* SCROLLABLE HORIZONTAL : BUTTONS */
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {	
	background:url(/universal/images/common/scrollable_horilarge.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url('/universal/images/common/scrollable_vertlarge.png') no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* ADDED BY MAT */
a.browse {
z-index: 10;
top: 142px;
}
.scrollable a.left{
position: absolute;
left: 6px;

}
.scrollable a.right{
position: absolute;
right: 6px;
}

/* PRODUCT ICONS */
.product_icons{
clear: both;
position: relative;
text-align: right;
}
.product_icons_inner{
position: absolute;
bottom: 36px;
right: 16px;
width: 330px;
}
.selectors{
margin-bottom: 16px;
text-align: left;
}
.selector-wrap{
display: -moz-inline-stack;
display: inline-block;
zoom: 100%;
*display: inline;
margin: 0 12px;
text-align: centre;
}
.selector-wrap:first-child{
margin-left: 0;
}
.selector-wrap label{
display: block;
font-weight: bold;
}
#selectors h3{
color: #5f0000;
font-size: 18px;
font-weight: bold;
}