/* COMMON */
html,
body{
margin: 0;
background: url('/images/common/site_bg.gif') repeat-x center top #d8e6e6;
color: #171717;
font-size: 12px;
font-family: verdana,arial,tahoma,helvetica;
text-align: center;
}
.body_inner{
border: 1px solid transparent;
background: url('/images/common/site_bg_middle.gif') repeat-y center top;
}
.container{
width: 990px;
margin: auto;
background: #FFFFFF;
text-align: left;
}
a{
outline: none;
cursor: pointer;
}
img{
border: none;
}
form{
margin: 0;
padding: 0;
}
input,
textarea{
outline-style: none;
}
.spacer{
clear: both;
font-size: 0pt;
line-height: 0pt;
}
.nomargintop{
margin-top: 0;
}

/* PAGE */
.page{

}

#columnless_modern,
#product,
#special{
position: relative;
}

/* COLUMNS */
.columns{
clear: both;
}
.columns_inner{
}
#product_columnless_modern .columns{
margin: 0;
}

/* H1 */
h1{
margin: 0;
color: #2e6262;
font-size: 22px;
font-weight: normal;
}

.navigation_columnless_option2 h1,
.navigation_columnless_option2_notrust h1,
.navigation_columnless_landingpage h1 {
clear: both;
display: inline;
float: left;
width: 990px;
height: 152px;
background: url('/images/common/h1_default3.jpg') no-repeat left top #2e6262;
color: #FFFFFF;
}
.navigation_columnless_option2 h1 span,
.navigation_columnless_option2_notrust h1 span,
.navigation_columnless_landingpage h1 span{
display: block;
padding-top: 120px;
padding-left: 8px;
}
.product_columnless_option2 h1{
width: 434px;
}

/* H2 */
.product_right h2{
clear: both;
display: inline;
float: left;
width: 100%;
margin: 0;
padding: 0;
margin-top: 4px;
color: #5a5a5a;
font-size: 14px;
text-align: left;
}
h2 span{
display: block;
}

/* PROMOTIONS */
#promotions{
}

/* BANNER */
.banner_empty{
position: relative;
height: 175px;
}
#banner{
position: absolute;
top: 0;
width: 990px;
height: 175px;
background: url('/images/common/banner_bg.gif') no-repeat 190px 12px;
}
#banner .logo{
clear: both;
display: inline;
float: left;
width: 177px;
height: 90px;
text-decoration: none;
}
#banner .email{
display: inline;
float: left;
width: 284px;
height: 30px;
margin-top: 27px;
margin-left: 230px;
}

/* NAV_BANNER */
#nav_banner{
display: inline;
float: right;
width: 300px;
margin-right: 14px;
text-align: right;
}
#nav_banner a,
#nav_banner a span{
display: -moz-inline-stack;
display: inline-block;
color: #1d1d1d;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}
#nav_banner a{
margin-top: 7px;
}
#nav_banner a span{
padding-left: 12px;
text-decoration: underline;
}

/* BASKETBOX */
#basketbox{
position: relative;
display: inline;
float: right;
width: 293px;
height: 79px;
margin-top: 11px;
background: url('/images/common/basketbox_bg.jpg') no-repeat;
text-align: center;
}
#basketbox .basketbox_top{
clear: both;
height: 47px;
}
#basketbox .basketbox_top .basketbox_top_link a{
display: inline;
float: left;
width: 180px;
height: 47px;
margin-left: 64px;
}
.basketbox_currencies{
display: inline;
float: right;
width: 35px;
height: 47px;
margin-top: 1px;
margin-right: 6px;
background: url('/images/common/basketbox_currencies_bg.gif');
}
.basketbox_currencies a.currency_icon,
.basketbox_currencies a.currency_icon span{
display: block;
width: 35px;
height: 23px;
text-decoration: none;
}
.basketbox_currencies a.currency_icon span{
background: no-repeat 6px center;
}
.basketbox_currencies a.currency_icon_selected,
.basketbox_currencies a.currency_icon:hover{
background: url('/images/common/currency_icon_selected.gif') no-repeat left center;
}
.basketbox_currencies a.currency_icon_GBP span{
background-image: url('/images/common/currency_icon_gbp.gif');
}
.basketbox_currencies a.currency_icon_EUR span{
background-image: url('/images/common/currency_icon_eur.gif');
}
#basketbox .basketbox_middle{
clear: both;
width: 220px;
float: right;
margin-right: 6px;
text-align: center;
}
#basketbox .basketbox_middle a span,
#basketbox .basketbox_middle span{
display: -moz-inline-stack;
display: inline-block;
margin-top: 4px;
margin-left: 2px;
margin-right: 2px;
}
#basketbox .basketbox_middle a,
#basketbox .basketbox_middle span{
color: #2b5e5e;
font-size: 12px;
font-weight: bold;
text-decoration: none;
text-transform: lowercase;
}
#basketbox .basketbox_middle a .basketbox_checkout,
#basketbox .basketbox_middle .basketbox_checkout{
line-height: 24px;
text-transform: uppercase;
text-decoration: underline;
}
/* BASKETBOX : JUST ADDED */
#basketbox .basketbox_just_added{
display: none;
position: absolute;
top: 73px;
right: 5px;
width: 310px;
height: 172px;
background: url('/images/common/basketbox_justadded.gif') no-repeat left top;
font-size: 11px;
}
#basketbox .basketbox_just_added_top{
height: 30px;
cursor: pointer;
}
#basketbox .basketbox_just_added .product{
display: inline;
float: left;
width: 290px;
height: 100px;
margin-top: 36px;
margin-left: 10px;
}
#basketbox .basketbox_just_added .product .product_image{
display: inline;
float: left;
width: 90px;
height: 90px;
margin-top: 4px;
border: 1px solid #aac2c2;
background: #FFFFFF;
}
#basketbox .basketbox_just_added .product .product_image img{
max-width: 84px;
max-height: 84px;
width: auto;
height: auto;
margin-top: 3px;
}
#basketbox .basketbox_just_added .product .product_name,
#basketbox .basketbox_just_added .product .product_price,
#basketbox .basketbox_just_added .product a,
#basketbox .basketbox_just_added .product a .just_added_checkout{
display: block;
color: #000000;
font-weight: bold;
}
#basketbox .basketbox_just_added .product .product_name{
margin-top: 22px;
}
#basketbox .basketbox_just_added .product a .just_added_checkout
#basketbox .basketbox_just_added .product .just_added_checkout{
text-decoration: underline;
}
#basketbox .basketbox_just_added .product .just_added_checkout,
#basketbox .basketbox_just_added .product a .just_added_checkout{
margin-top: 8px;
text-transform: uppercase;
}
#basketbox .basketbox_just_added .product .product_price{
margin-top: 8px;
}

/* CRUMBTRAIL_SEARCHBOX */
.crumbtrail_searchbox{
clear: both;
display: inline;
float: left;
width: 990px;
height: 30px;
background: url('/images/common/crumbtrail_searchbox.gif') no-repeat;
}

/* CRUMBTRAIL */
#crumbtrail{
display: inline;
float: left;
width: 450px;
height: 30px;
font-size: 0pt;
}
#crumbtrail a,
#crumbtrail a span{
display: -moz-inline-stack;
display: inline-block;
height: 30px;
color: #2b5e5e;
font-size: 11px;
line-height: 28px;
text-decoration: none;
}
#crumbtrail a{
margin-left: 8px;
background: url('/images/common/crumbtrail_a.gif') no-repeat left center;
}
#crumbtrail a span{
margin-left: 16px;
}
#crumbtrail a.first{
margin-left: 7px;
background-image: url('/images/common/crumbtrail_a_first.gif');
}
#crumbtrail a.first span{
margin-left: 23px;
}

/* SEARCHBOX */
#searchbox{
display: inline;
float: right;
width: 216px;
height: 28px;
margin-top: 1px;
margin-right: 6px;
}
#searchbox .searchbox_top{
display: none;
}
#searchbox .searchbox_string{
display: inline;
float: left;
width: 160px;
height: 28px;
padding: 0;
border: none;
background: transparent;
color: #545454;
font-size: 12px;
line-height: 24px;
text-transform: lowercase;
}
#searchbox .searchbox_submit{
display: inline;
float: right;
width: 52px;
height: 28px;
padding: 0;
border: 1px solid red;
border: none;
background: transparent;
color: #d41e02;
font-size: 18px;
text-transform: uppercase;
text-align: right;
cursor: pointer;
}

/* NAVTOP_NAVHELP */
.navtop_navhelp{
clear: both;
width: 986px;
height: 33px;
background: url('/images/common/navtop_navhelp.gif') repeat-x;
}

/* NAV_TOP */
.nav_top_ulmenu{
clear: both;
display: inline;
float: left;
width: 990px;
border-bottom: 3px solid #2e6262;
}
.nav_top_ulmenu,
.nav_top_ulmenu ul,
.nav_top_ulmenu li{
display: block;
margin: 0;
padding: 0;
list-style: none;
}
.nav_top_ulmenu li.nav_top_lvl1 {
display: inline;
float: left;
width: 90px;
height: 41px;
margin-top: 8px;
margin-right: 0;
border: none;
background: url('/images/common/nav_top_ulmenu_lvl1.gif') no-repeat #E3F2F2;
text-align: center;
padding-top: 0PX;
}
.nav_top_ulmenu li.nav_top_lvl1 a{
display: block;
height: 41px;
color: #424242;
font-weight: bold;
font-size: 11px;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
}
.nav_top_ulmenu li.nav_top_lvl1 a span{
display: block;
padding: 2px;
padding-top: 6px;
}
.nav_top_ulmenu li.nav_top_lvl1:hover,
.nav_top_ulmenu li.nav_top_lvl1_selected{
background: url('/images/common/nav_top_ulmenu_lvl1_selected.gif') #2e6262;
}
.nav_top_ulmenu li.nav_top_lvl1:hover a,
.nav_top_ulmenu li.nav_top_lvl1_selected a{
color: #FFFFFF;
}

/* NAV_TOP : SUBS */
.nav_block_subs{
z-index: 2147483647;
position: absolute;
left: 0;
top: 33px;
display: block;
width: 599px;
height: auto;
background: url('/images/common/nav_top_subs.jpg') no-repeat left bottom #d4e4e4;
text-align: left;
}
.nav_block_subs_inner{
display: block;
width: 599px;
height: auto;
margin-bottom: 6px;
background: url('/images/common/nav_top_subs.jpg') no-repeat left top;
text-align: left;
}
.nav_block_subs a{
display: inline;
float: left;
width: 280px;
margin-left: 9px;
color: #2b5e5e;
text-decoration: none;
}
.nav_block_subs a span{
display: block;
padding-top: 6px;
padding-bottom: 6px;
}
.nav_block_subs a:hover,
.nav_block_subs a.nav_top_lvl2_selected{
text-decoration: underline;
}
.nav_block_subs a.nav_top_lvl2_selected{
font-weight: bold;
}

/* NAV_HELP */
#nav_help{
display: inline;
float: right;
width: 304px;
height: 20px;
margin-top: 9px;
margin-right: 9px;
text-align: right;
}
#nav_help a{
display: -moz-inline-stack;
display: inline-block;
margin-left: 14px;
color: #d4e4e4;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

/* UPPERCONTENT */
/* LOWERCONTENT */
.uppercontent,
.lowercontent{
clear: both;
display: inline;
float: left;
width: 100%;
margin-top: 8px;
line-height: 18px;
text-align: justify;
}
.uppercontent a,
.lowercontent a{
color: #2e6262
}

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

/* FOOTER */
#footer{
clear: both;
width: 990px;
height: 190px;
margin-top: 10px;
margin-bottom: 10px;
}
.footer_image{
position:relative;
width: 990px;
height: 124px;
background: url('/images/common/footer.png') no-repeat left top;
}
.footer_image span{
position:absolute;
top:36px;
left:150px;
width: 200px;
height: 50px;
color: #2f2f2f;
font-weight: bold;
font-size: 12px;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
}
.footer_image span a{
text-decoration:none;
color: #2f2f2f;
}
#footer .handy_dryers{
display: inline;
float: left;
width: 257px;
height: 56px;
margin-top: 50px;
margin-left: 365px;
}
#footer .footer_links{
clear: both;
display: inline;
float: left;
width: 990px;
height: 31px;
margin-top: -10px;
background: #ebf2f2;
text-align: center;
}
#footer .footer_links a,
#footer .footer_links a span{
display: -moz-inline-stack;
display: inline-block;
color: #313131;
font-size: 11px;
}
#footer .footer_links a{
margin-top: 7px;
margin-left: 8px;
margin-right: 8px;
}
.product_columnless_option2 #footer{
margin-top: 0;
}

/* NAV_RIGHT */
#nav_right{
display: inline;
float: right;
width: 331px;
}
#nav_right a{
display: block;
margin-bottom: 2px;
text-decoration: none;
}

/* PRODUCTS */
.prodthumbnails_header_group h2{
margin: 0;
padding: 0;
margin-top: 10px;
background: #d8e6e6;
color: #306262;
}
.prodthumbnails_header_group h2 span{
padding: 4px 10px;
}

#products{
clear: both;
display:inline;
float:left;
width:800px;
}
#products .productthumbnail{
position: relative;
margin-top: 9px;
margin-left: 12px;
}

#products .productthumbnail_1{
margin-left: 0;
}
#products .product{
width: 188px;
border: 1px solid #2e6262;
background: url('/images/common/prodthumbnail_bottom.gif') no-repeat right bottom;
font-size: 12px;
text-align: center;
}
#products .product a{
display: block;
margin: 0;
color: #2e6262;
text-decoration: none;
}
#products .product a.sale,
#products .product a.product_outofstock{
position: absolute;
left: 0;
top: 0;
width: 70px;
height: 70px;
background: url('/images/common/product_sale.png');
}
#products .product a.product_outofstock {
z-index: 123456789;
background: url('/images/common/outofstock_2013.png') !important;
}
#products .product a.product_name{
height: 55px;
font-weight: bold;
}
#products .product a.product_name span{
display: block;
padding: 4px;
}
#products .product a.product_image{
height: 150px;
}
#products .product a.product_code span{
display: block;
padding-top: 12px;
padding-bottom: 12px;
}
#products .product .product_pricing{
position: relative;
display: inline;
float: left;
width: 110px;
height: 32px;
}
#products .product a.product_rrp,
#products .product a.product_price{
color: #2a2a2a;
text-align: left;
text-decoration: none;
}
#products .product a.product_price{
color: #d41e02;
font-size: 14px;
font-weight: bold;
}
#products .product a.product_price b.product_price_from{
position: absolute;
left: 6px;
top: -2px;
font-size: 11px;
}
#products .product a.product_rrp span, 
#products .product a.product_price span{
display: block;
padding: 6px;
padding-top: 8px;
padding-bottom: 0;
}
#products .product a.product_rrp span{
text-decoration: line-through;
}
#products .product form .order_button,
#products .product .product_moreinfo{
display: inline;
float: right;
width: 77px;
height: 32px;
background: url('/images/common/prodthumbnail_moreinfo.gif') no-repeat right center;
color: #44984b;
cursor: pointer;
}
#products .product .not_waterproof {
position: relative;
}
#products .product .not_waterproof img{
position: absolute;
top: -52px;
right: 20px;
}
#products .product .low_glare,
#products .product .low_glare_ho {
position: relative;
}
#products .product .low_glare img,
#products .product .low_glare_ho img {
position: absolute;
top: -18px;
right: 143px;
width: 40px;
height: 40px;
}
#products .product .low_glare_option,
#products .product .low_glare_option_ho  {
position: relative;
}
#products .product .low_glare_option img,
#products .product .low_glare_option_ho img {
position: absolute;
top: -18px;
right: 143px;
width: 40px;
height: 40px;
}

/* PRODUCT_LEFT */
.product_left{
position: relative;
display: inline;
float: left;
width: 402px;
margin-top: 12px;
background: url('/images/common/product_left.gif') no-repeat left top;
}
.product_left .low_glare img,
.product_left .low_glare_ho img,
.product_left .low_glare_option img,
.product_left .low_glare_option_ho img {
display: inline;
float: left;
margin: 0 0 12px 0;
}

.product_left 
.product_left .sale,
.product_left .outofstock{
position: absolute;
left: 0;
top: 0;
width: 70px;
height: 70px;
background: url('/images/common/product_sale.png');
}
.product_left .outofstock {
z-index: 123456789;
background: url('/images/common/outofstock_2013.png');
}
.product_left .glare_explained_icon{ 
z-index: 1000;
position: absolute;
right: 4px;
top: 443px;
width: 56px;
height: 79px;
text-decoration: none;
}
.product_brand{
display: inline;
float: right;
margin-right: 6px;
margin-top: 3px;
}

/* DELIVERY_ARRANGEMENT */
#delivery_arrangement{
display: inline;
float: left;
width: 255px;
margin-top: 1px;
margin-left: 6px;
background: url('/images/common/delivery_arrangement_icon.jpg') no-repeat left center;
font-size: 12px;
font-style: italic
}
.delivery_arrangement_inner{ 
margin-left: 32px;
padding-top: 2px;
}

/* NOT WATERPROOF ICON */
.product_left .not_waterproof{
z-index: 2147483647;
clear: both;
position: relative;
text-align: right;
}
.product_left .not_waterproof img{
position: absolute;
top: -75px;
right: 0;
}

/* PRODUCT_RIGHT */
.product_right{
position: relative;
display: inline;
float: right;
width: 572px;
margin-top: 12px;
}
/* EQUESTRIAN IMAGES */
.product_right .equestrian_image {
position: absolute;
left: -420px;
top: 411px;
}

/* PRODUCT_RIGHT : PRODUCT_PRICING */
.product_right .product_pricing{
margin-top: 4px;
}
.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: 24px;
color: #000000;
font-size: 20px;
font-weight: bold;
}
.product_right .product_pricing .price{
color: #d41e02;
}
.product_right .product_pricing .price_special{
padding-right: 113px;
background: url('/images/common/price_special_offer.gif') no-repeat right bottom;
}
.product_right .product_pricing .save{
padding-right: 4px;
background: url('/images/common/product_right_saving.gif') no-repeat 4px center #ffb1b1;
font-size: 16px;
line-height: 24px;
text-indent: 21px;
}
.product_right .product_pricing .rrp{
text-decoration: line-through;
}
.product_right .offer{
clear: both;
display: inline;
float: left;
margin-top: 14px;
color: #D41E02;
font-size: 16px;
font-weight: bold;
}

/* MAIN DESCRIPTION */
#main_description{
clear: both;
border-top: 18px solid #FFFFFF;
text-align: justify;
}
#main_description .description_video, 
#main_description .description_image {
display: inline;
}
/* IMAGE VIDEO TEXT */
#main_description .description_image {
float: left;
}
#main_description .description_video {
float: right;
}
#main_description .description_text {
display: block;
clear: both;
width: 100%;
}
#main_description .description_text .col_left,
#main_description .description_text .col_right {
display: inline;
padding:10px;
}
#main_description .description_text .col_left {
float: left;
width: 40%;
}
#main_description .description_text .col_right {
float: right;
padding: none;
width: 50%;
}
/* DOWNLOADABLE FILES */
#downloadable_files{
margin-top: 10px;
}
#downloadable_files a.item, #downloadable_files a.item:hover{
display: block;
height: 18px;
border: none;
background-repeat: no-repeat;
color: #000000;
font-weight: bold;
text-decoration: none;
}
#downloadable_files a.item span{
display: block;
padding-top: 2px;
padding-left: 22px;
}
#downloadable_files .pdf{
background-image: url('/images/common/file_pdf.gif');
}

/* MAIN IMAGE */
/* GALLERY */
#main_image,
#gallery{
display: inline;
float: left;
width: 400px;
margin-top: 10px;
border-top: 30px solid #FFFFFF;
margin-left: 1px;
}
/* MAIN IMAGE */
#main_image{
clear: both;
margin-top: 2px;
text-align: center;
}
.gallery_cloudzoom .gallery_main{
display: -moz-inline-stack;
display: inline-block;
width: auto;
}
/* GALLERY */
#gallery a{
text-decoration: none;
}
.gallery_thumbs{
clear: both;
position: relative;
margin-top: 8px;
padding-top: 45px;
}
.gallery_thumbs_inner{
}
.gallery_thumbs_top{
position: absolute;
left: 0;
top: 0;
width: 400px;
height: 39px;
background: url('/images/common/gallery_thumbs_top.gif') no-repeat left center;
}

/* GALLERY_CLOUDZOOM */
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
border: 4px solid #888;
margin:-4px;	/* Set this to minus the border thickness. */
background-color:#fff;	
cursor:move;		
}

/* This is for the title text. */
.cloud-zoom-title {
font-family:Arial, Helvetica, sans-serif;
position:absolute !important;
background-color:#000;
color:#fff;
padding:3px;
width:100%;
text-align:center;	
font-weight:bold;
font-size:10px;
top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
border:4px solid #ccc;
overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
color:white;	
background:#222;
padding:3px;
border:1px solid #000;
}

/* SCROLLABLE HORIZONTAL */
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.ticker .scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 990px;
	height:139px;

	/* 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.
*/
.ticker .scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

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

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


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

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

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

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

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

/* ADDED BY MAT */
.ticker {
clear: both;
display: inline;
float: left;
width: 990px;
height: 160px;
margin-top: 14px;
background: url('/images/common/ticker_top.png') no-repeat center top #FFFFFF;
text-align: justify;
}
.ticker_inner{
position: relative;
width: 990px;
margin-top: 18px;
}
.ticker .scrollable{
margin-top: 32px;
}
.ticker a.browse {
z-index: 10;
position: absolute;
display: none;
margin: 0;
margin-top: 52px;
}
.ticker a.left{
left: -27px;
}
.ticker a.right{
right: -27px;
}
.ticker .items{
height: 86px;
text-align: left;
}
.ticker .items .item span.client{
display: -moz-inline-stack;
display: inline-block;
float:left;
width:103px;
margin-left: 7px;
text-align: center;
font-size: 11px;
}
.ticker .items .item span.client_first{
margin-left: 0;
}
.ticker .items .item span.client a{
color: red;
text-decoration: none;
}

/* PRODUCT RING */
#product_ring{
clear: both;
display: inline;
float: left;
width: 990px;
height: 39px;
margin-top: 12px;
background: url('/images/common/product_ring_bg.gif') repeat-x #99cbcb;
}
#product_ring a{
display: block;
width: 49%;
height: 39px;
background-repeat: no-repeat;
color: #2e6262;
font-size: 11px;
font-weight: bold;
}
#product_ring a span{
padding-top: 13px;
display: block;
}
#product_ring a.previous{
display: inline;
float: left;
text-align: left;
background: url('/images/common/product_ring_prev.gif') no-repeat left center;
}
#product_ring a.previous span{
padding-left: 28px;
}
#product_ring a.next{
display: inline;
float: right;
text-align: right;
background: url('/images/common/product_ring_next.gif') no-repeat right center;
}
#product_ring a.next span{
padding-right: 28px;
}
.product_ring_bottom{
clear: both;
}

/* ORDER */
#order{
position: relative;
clear: both;
border-top: 12px solid #FFFFFF;
background: #FFFFFF;
}
#order .order_product{
margin-top: 12px;
padding-bottom: 22px;
border-bottom: 1px solid #d3d3d3;
}
#order .order_product_name{
font-weight: bold;
}
#order .order_product_code{
color: #686868;
}
#order .order_product_stock_ref_3{
color: #686868;
font-weight: bold;
font-style: italic;
}
#order .order_product_pricing{
display: block;
margin-top: 4px;
}
#order .order_product_price,
#order .order_product_vat{
color: #d41e02;
font-weight: bold;
}
#order .order_product_price{
float: left;
}
#order .order_product_vat{
float: left;
}
#order .order_product_rrp{
padding-left: 12px;
font-size: 12px;
font-weight: bold;
text-decoration: line-through;
}
#order .order_submit{
margin-top: 12px;
}
#order .order_submit .order_button{
display: inline;
float: left;
width: 120px;
height: 43px;
border: 1px solid red;
border: none;
background: url('/images/common/order_button.gif') #2e6161;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
cursor: pointer;
}
.download_datasheet {
float: right;
margin-left: 10px;
margin-top: -5px;
}

#order .order_submit .order_quantity_input{
display: inline;
float: left;
margin-top: 6px;
margin-left: 4px;
width: 28px;
height: 26px;
border: 1px solid #000000;
color: #000000;
font-weight: bold;
text-align: center;
line-height: 24px;
}
#order .out_of_stock{
margin-top: 15px;
color: #730000;
font-size: 18px;
}

/* ORDER SHADOW HEATERS */
#order-shadow-heaters{
clear: both;
position: relative;
display: inline;
float: left;
width: 100%;
margin-top: 22px;
text-align: left;
}
#order-shadow-heaters .products_col{
display: inline;
float: left;
width: 260px;
margin-top: 20px;
}
#order-shadow-heaters .products_col1{
margin-left: 20px;
}
#order-shadow-heaters .color{
color: #306262;
font-size: 24px;
font-weight: bold;
letter-spacing: 6px;
}
#order-shadow-heaters .order_product{
position: relative;
padding: 10px 0;
border-top: 1px solid #d3d3d3;
text-align: left;
}
#order-shadow-heaters .radio{
display: inline;
float: left;
width: 20px;
height: 45px;
margin-right: 10px;
background: #e6f5f5;
}
#order-shadow-heaters .radio input{
margin: 16px 0 0 5px;
}
#order-shadow-heaters .order_product_name{
color: #306262;
font-weight: bold;
}
#order-shadow-heaters .order_product_code{
color: #686868;
}
#order-shadow-heaters .order_submit{
clear: both;
display: inline;
float: left;
width: 100%;
padding: 20px 0;
border-top: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
text-align: left;
}
#order-shadow-heaters .order_button{
display: -moz-inline-stack;
display: inline-block;
zoom: 100%;
*display: inline;
width: 120px;
height: 43px;
border: 1px solid red;
border: none;
background: url('/images/common/order_button.gif') #2e6161;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
cursor: pointer;
}
#order-shadow-heaters .order_quantity_input{
height: 40px;
line-height: 40px;
text-align: center;
}

/* CALLBACK */
.product_right .callback_toggle{
position: absolute;
top: 0;
right: 4px;
width: 127px;
height: 80px;
cursor: pointer;
}
#callback{
z-index: 10;
display: none;
position: absolute;
left: 4px;
top: 0;
width: 565px;
height: 302px;
background: url('/images/common/callback_bg.jpg') no-repeat;
}
.callback_top{
height: 38px;
cursor: pointer;
}
.callback form{
display: inline;
float: left;
width: 491px;
margin: 0;
padding: 0;
margin-top: 92px;
padding-left: 37px;
}
.callback p{
display: inline;
float: left;
width: 153px;
margin-top: 1px;
margin-right: 8px;
text-align: left;
}
.callback p b{
display: block;
color: #2e6262;
}
.callback p input,
.callback p textarea{
clear: both;
width: 145px;
margin: 0;
padding: 0;
padding: 4px;
border: 1px solid #2e6262;
}
.callback p.customer_message{
margin: 0;
width: 314px;
}
.callback p.customer_message textarea{
width: 306px;
height: 16px;
}
.callback .submit{
display: inline;
float: right;
width: 109px;
height: 35px;
margin-right: 14px;
border: 1px solid red;
border: none;
background: transparent;
color: #2e6262;
font-size: 18px;
font-weight: bold;
cursor: pointer;
text-align: right;
}
.callback .success{
padding-top: 26px;
color: #FFFFFF;
font-size: 18px;
text-align: center;
}

/* SUBSECTIONS */
.subsections{
position:relative;
clear: both;
display: inline;
float: left;
width: 750px;
text-align: center;
}
#subsections {
position:relative;
}
#subsections .subsection {
display: inline;
float: left;
width: 241px;
height: 117px;
margin-left: 5px;
margin-top: 10px;
background: url('/images/common/subsection_2011_off.gif');
margin-right: 4px;
}
#subsections .subsection:hover{
background: url('/images/common/subsection_2011.gif');
}
#subsections .subsection_first{
}
#subsections a,
#subsections a span{
text-decoration: none;
}
.subsection .subsection_image{
display: inline;
float: left;
width: 118px;
height: 109px;
margin-top: 4px;
margin-left: 4px;
}
.subsection .subsection_name{
display: table;
float: right;
width: 109px;
height: 107px;
margin-top: 5px;
margin-right: 5px;
color: #424242;
font-size: 12px;
font-weight: bold;
line-height: 18px;
}
.subsection:hover .subsection_name{
color: #dbe8e8;
}
.subsection .subsection_name span{
display: table-cell;
vertical-align: middle;
}
a.subsection_content{
display: none;
}

/* ASSOCIATED PRODUCTS */
#associated_products{
clear: both;
display: inline;
float: left;
width: 990px;
margin-top: 14px;
}
#associated_products h2{
height: 32px;
margin: 0;
background: url('/images/common/subsection_name2010.gif') repeat-x center bottom #3e7171;
color: #d6e5e5;
font-size: 16px;
font-weight: bold;
text-align: left;
}
#associated_products h2 span{
display: block;
padding-top: 6px;
padding-left: 6px;
}

/* SPECIFICATION */
table.specification{
width: 100%;
text-align: left;
}
table.specification th{
text-align: left;
}

/* IDEAL HOME SHOW TAB */
/* KANGARILLO HAND DRYER TAB */
/* GORILLO HAND DRYER TAB */
/* REPLACEMENT LAMPS TAB */
.ideal_home_show_tab,
.kangarillo_hand_dryers_tab,
.gorillo_hand_dryers_tab{
position: fixed;
left: 0;
top: 280px;
width: 80px;
height: 134px;
}
.replacement_lamps_tab{
position: fixed;
left: 0;
top: 170px;
width: 80px;
height: 83px;
}

/* TESTIMONIAL */
.testimonial{
height: 203px;
background: url('/images/common/testimonial.gif') no-repeat;
}
.testimonial .text{
display: inline;
float: left;
width: 748px;
margin-top: 30px;
margin-left: 29px;
font-size: 11px;
line-height: 12px;
}
.testimonial .logo{
display: inline;
float: right;
width: 152px;
margin-top: 25px;
margin-right: 23px;
}

/* PANEL_LEFT */
/* PANEL_RIGHT */
#panel_left,
#panel_right{
position: absolute;
top: 158px;
width: 119px;
}
#panel_left{
left: -132px;
}
.panel_left_top,
.panel_left_bottom,
.panel_right_top,
.panel_right_bottom{
display: none;
height: 12px;
background: url('/images/common/panel_left.png') left top;
background: none;
}
.panel_left_middle,
.panel_right_middle{
background: #FFFFFF;
background: none;
}
.panel_left_bottom,
.panel_right_bottom{
background-position: left bottom;
}
#panel_left a,
#panel_right a{
display: block;
padding-top: 14px;
text-decoration: none;
text-align: center;
}
/* PANEL_RIGHT */
#panel_right{
right: -132px;
}
.panel_right_top,
.panel_right_bottom{
background-image: url('/images/common/panel_right.png');
}

/* COMPETITION FORM */
.competition{
}
.competition_left{
display: inline;
float: left;
width: 473px;
color: #2d2d2d;
font-size: 11px;
}
.competition_left .entry_form{
border: 7px solid #2e6162;
}
.competition_left .entry_form form{
display: inline;
float: left;
width: 428px;
margin: 15px;
margin-right: 0;
}
.competition_left .entry_form form .entry_form_left{
display: inline;
float: left;
width: 192px;
}
.competition_left .entry_form form .entry_form_right{
display: inline;
float: right;
width: 216px;
color: #2e6162;
}
.competition_left .entry_form form label{
display: block;
font-size: 12px;
font-weight: bold;
text-align: left;
}
.competition_left .entry_form form input,
.competition_left .entry_form form select{
width: 210px;
height: 22px;
border: 3px solid #b1c5c5;
color: #333333;
text-indent: 5px;
}
.competition_left .entry_form form select{
width: 208px;
text-indent: 0;
}
.competition_left .entry_form form .submit{
border: none;
background: #FFFFFF;
font-size: 20px;
font-weight: bold;
color: #2e6162;
text-align: right;
cursor: pointer;
}


.competition_right{
display: inline;
float: right;
width: 490px;
background: url('/images/common/competition_prize_ipad.jpg') no-repeat left top;
}
.competition_right h2{
margin: 0;
padding: 0;
margin-top: 298px;
border-bottom: 2px solid #686868;
color: #686868;
font-size: 14px;
font-weight: bold;
}
.competition_right .text{
font-size: 11px;
}
#trust-pilot-sub {
float: right;
background: url('/images/common/trust-pilot-bg.jpg') no-repeat;
width: 233px;
padding: 0;
margin-top: 10px;
} 
#trust-pilot {
float: right;
background: url('/images/common/trust-pilot-bg.jpg') no-repeat;
width: 182px;
padding: 0;
margin-top: 8px;
}

/* EXTENDED STYLESHEETS FOR LANDING PAGE */

.navigation_columnless_landingpage h1 {
text-transform: uppercase;
}
.navigation_columnless_landingpage p {
font-family:Arial, Helvetica, sans-serif;
line-height: 1.8em;
font-size: 16px;
}
.navigation_columnless_landingpage p.emphasized {
color: #31675d;
text-transform: uppercase;
line-height: 1.4em;
font-size: 16px;
font-weight: bold !important;
}
.navigation_columnless_landingpage a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
}
/* ~~ this fixed width container surrounds all other divs ~~ */
.navigation_columnless_landingpage .left-container {
width: 990px;
background-color: #FFF;
margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
overflow: hidden; /* this declaration makes the .left-container understand where the floated columns within ends and contain them */
}
.navigation_columnless_landingpage .sidebar1 {
float: right;
width: 487px;
background-color: #fff;
padding-bottom: 10px;
}
.navigation_columnless_landingpage .sidebar1 img {
border: 8px solid #31675d;
}
.navigation_columnless_landingpage .sidebar1 img.noborder {
border: none;
}
.navigation_columnless_landingpage .content {
width: 450px;
float: left;
}
.navigation_columnless_landingpage .clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #left-container) if the overflow:hidden on the .container is removed */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}


/* RELATEDEXPRESS */
#relatedexpress{
position: absolute;
right: 0;
bottom: 20px;
width: 392px;
height: 46px;
}
#relatedexpress ul,
#relatedexpress li{
margin: 0;
padding: 0;
list-style: none;
}
#relatedexpress li{
position: relative;
display: inline;
float: left;
width: 392px;
height: 46px;
background: url('/images/common/relatedexpress.png') no-repeat 0 0 #FFFFFF;
cursor: pointer;
}
#relatedexpress li.selected{
background-position: right -47px;
}
#relatedexpress li .image{
display: inline;
float: left;
width: 32px;
margin: 6px 10px;
}
#relatedexpress li .image img{
width: 32px;
height: auto;
max-height: 32px;
}
#relatedexpress li .details{
display: inline;
float: left;
width: 330px;
margin: 16px 0 0 0;
text-align: left;
}
#relatedexpress li .name,
#relatedexpress li .price{
display: -moz-inline-stack;
display: inline-block;
zoom: 100%;
*display: inline;
color: #396a6a;
font-weight: bold;
}
#relatedexpress li .price{
color: #000000;
}