/* COMMON */
html,
body{
margin: 0;
background: url('/images/common/site_bg.jpg') no-repeat center bottom fixed #000000;
font-size: 12px;
font-family: tahoma,arial,verdana,helvetica;
text-align: center;
}
.body_inner{
}
.body_inner2{
}
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;
}
.bold{
font-weight: bold;
}
.centered{
text-align: center;
}
.nomargintop{
margin-top: 0;
}

/* H1 */
h1{
clear: both;
display: inline;
float: left;
width: 100%;
margin: 0;
padding: 0;
margin-top: 8px;
color: #342f32;
font-size: 18px;
font-weight: bolder;
text-align: left;
}
h1 span{
display: block;
}
.product_right h1{
clear: both;
font-size: 18px;
margin-top: 0;
}
.product_right h1 span{
padding: 0;
padding-right: 174px;
}

/* COLUMNS */
.columns{
padding-top: 7px;
background: #FFFFFF;
}

/* COLUMN_LEFT */
#column_left{
display: inline;
float: left;
width: 206px;
background: url('/images/common/column_left.gif') repeat-y;
}

/* CONSTANT_CONTACT */
.constant_contact{
width: 158px;
margin-left: 18px;
}

/* PAGE */
.page{
display: inline;
float: right;
width: 764px;
margin-right: 10px;
}
#product .page{
width: 990px;
margin: 0;
}

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

/* BANNER */
.banner_empty{
height: 252px;
background: #000000;
}
#banner{
position: absolute;
top: 19px;
width: 990px;
height: 233px;
background: url('/images/common/banner_double.png') no-repeat left top;
}
#banner .logo{
display: inline;
float: left;
width: 172px;
height: 96px;
margin-top: 30px;
margin-left: 20px;
text-decoration: none;
}
#banner .web_exclusive_prices{
position: absolute;
left: 0;
top: -5px;
width: 213px;
height: 14px;
background: url('/images/common/banner_web_exclusive_prices.png') no-repeat;
}
#banner .free_delivery{
position: absolute;
left: 268px;
top: -6px;
width: 318px;
height: 20px;
background: url('/images/common/banner_free_delivery.png') no-repeat;
}

/* SEARCHBOX */
#searchbox{
display: inline;
float: left;
width: 277px;
height: 42px;
margin-top: 59px;
margin-left: 24px;
}
#searchbox .searchbox_top{
}
#searchbox .searchbox_string{
display: inline;
float: left;
width: 192px;
height: 24px;
padding: 0;
margin-top: 8px;
margin-left: 16px;
border: 1px solid #FFFFFF;
border: none;
background: transparent;
color: #2d2d2d;
font-size: 11px;
font-weight: bold;
line-height: 24px;
}
#searchbox .searchbox_submit{
display: inline;
float: right;
width: 34px;
height: 26px;
margin-top: 6px;
margin-right: 10px;
border: 1px solid red;
border: none;
background: transparent;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
}

/* BASKETBOX */
#basketbox{
position: relative;
display: inline;
float: right;
width: 182px;
height: 97px;
margin-top: 5px;
background: url('/images/common/basketbox.png') no-repeat left top;
text-align: center;
}
#basketbox .basketbox_top{
}
#basketbox .basketbox_middle{
margin-top: 43px;
}
#basketbox .basketbox_middle a{
margin: 0;
padding: 0;
font-size: 0pt;
line-height: 0;
text-decoration: none;
}
#basketbox .basketbox_middle a span,
#basketbox .basketbox_middle span {
display: -moz-inline-stack;
display: inline-block;
zoom: 100%;
*display: inline;
margin-left: 3px;
margin-right: 3px;
color: #2d2d2d;
font-size: 11px;
font-weight: bolder;
text-decoration: none;
text-transform: uppercase;
line-height: 22px;
text-align: center;
}
#basketbox .basketbox_middle span.basketbox_checkout,
#basketbox .basketbox_middle a span.basketbox_checkout{
position: absolute;
top: 0;
left: 0;
display: -moz-inline-stack;
display: inline-block;
width: 182px;
height: 90px;
margin: 0;
margin-top: 2px;
background: url('/images/common/checkout.png') left bottom no-repeat;
color: #000000;
font-size: 0pt;
text-align: left;
}
#basketbox .basketbox_middle span.basketbox_checkout {
display: none;
}
/* CRUMBTRAIL */
#crumbtrail{
clear: both;
display: inline;
float: left;
width: 832px;
height: 40px;
font-size: 0pt;
}
#crumbtrail a,
#crumbtrail a span{
display: -moz-inline-stack;
display: inline-block;
height: 40px;
color: #000000;
font-size: 10px;
font-weight: bold;
text-decoration: none;
vertical-align: top;
}
#crumbtrail a{
margin-left: 4px;
line-height: 40px;
}
#crumbtrail a span{
padding-right: 12px;
text-decoration: underline;
}
#crumbtrail a.first{
margin-left: 9px;
margin-right: 3px;
background: url('/images/common/crumbtrail.gif') no-repeat left center;
text-indent: 12px;
}
#crumbtrail a.selected span{
}

/* CALLBACK */
.callback_container{
position: relative;
display: inline;
float: right;
width: 128px;
height: 24px;
margin-top: 7px;
margin-right: 10px;
}
.callback_toggle{
width: 128px;
height: 24px;
background: url('/images/common/callback.png') no-repeat right top;
cursor: pointer;
}
#callback{
z-index: 10000;
display: none;
position: absolute;
right: -6px;
top: 28px;
width: 317px;
height: 283px;
background: url('/images/common/callback.png') left bottom no-repeat;
text-align: left;
}
.callback_top{
height: 46px;
cursor: pointer;
}
.callback form{
margin: 0;
padding: 0;
display: inline;
float: left;
width: 270px;
margin-top: 8px;
margin-left: 22px;
}
.callback p{
display: inline;
float: left;
width: 222px;
margin: 0;
margin-bottom: 6px;
}
.callback p b{
display: block;
height: 12px;
color: #222222;
font-size: 11px;
font-weight: bold;
}
.callback p input{
display: inline;
float: left;
width: 174px;
padding: 4px;
border: none;
background: #e3e3e3;
}
.callback .submit{
position: absolute;
right: 26px;
bottom: 32px;
width: 69px;
height: 35px;
border: 1px solid red;
border: none;
background: transparent;
color: #222222;
font-size: 12px;
font-weight: bolder;
cursor: pointer;
text-transform: uppercase;
text-align: right;
}
.callback .success{
position: absolute;
top: 52px;
left: 20px;
width: 272px;
padding-top: 80px;
padding-bottom: 80px;
background: #4d4d4d;
color: #FFFFFF;
font-size: 18px;
vertical-align: middle;
text-align: center;
}

/* NAV_TOP */
.nav_top_ulmenu_lvl1_only{
clear: both;
display: inline;
float: left;
width: 990px;
height: 56px;
text-align: center;
}
.nav_top_ulmenu_lvl1_only,
.nav_top_ulmenu_lvl1_only ul,
.nav_top_ulmenu_lvl1_only li{
display: block;
margin: 0;
padding: 0;
list-style: none;
}
.nav_top_ulmenu_lvl1_only{
margin-top: 11px;
}
.nav_top_ulmenu_lvl1_only li.nav_top_lvl1{
position: relative;
display: -moz-inline-stack;
display: inline-block;
zoom: 100%;
*display: inline;
height: 28px;
text-align: center;
}
.nav_top_ulmenu_lvl1_only li.nav_top_lvl1_first{
background: none;
}
.nav_top_ulmenu_lvl1_only li.nav_top_lvl1 a{
display: -moz-inline-stack;
display: inline-block;
zoom: 100%;
*display: inline;
height: inherit;
color: #FFFFFF;
font-family: arial;
font-size: 11px;
font-weight: bolder;
text-decoration: none;
text-transform: uppercase;
}
.nav_top_ulmenu_lvl1_only li.nav_top_lvl1 a span{
display: -moz-inline-stack;
display: inline-block;
zoom: 100%;
*display: inline;
margin-right: 10px;
padding-left: 11px;
padding-top: 5px;
}
.nav_top_ulmenu_lvl1_only li.nav_top_lvl1:hover a{
background: url('/images/common/nav_top_lvl1_hover_2011.gif') no-repeat center bottom;
}
.nav_top_ulmenu_lvl1_only li.nav_top_lvl1:hover ul.nav_top_lvl2s li a,
.nav_top_ulmenu_lvl1_only li.home:hover a{
background: none;
}
.nav_top_ulmenu_lvl1_only li.nav_top_lvl1:hover a,
.nav_top_ulmenu_lvl1_only li.nav_top_lvl1_selected a{
}

/* NAV_TOP : SUBS */
.nav_top_ulmenu ul.nav_top_lvl2s{
z-index: 1000;
position: absolute;
top: 29px;
display: none;
width: 529px;
background: url('/images/common/nav_top_subs.gif') no-repeat left bottom;
text-align: left;
}
.nav_top_ulmenu li.nav_top_lvl1_left ul.nav_top_lvl2s{
left: 0;
}
.nav_top_ulmenu li.nav_top_lvl1_right ul.nav_top_lvl2s{
right: 0;
}
.nav_top_ulmenu ul.nav_top_lvl2s .nav_top_lvl2s_inner{
margin-bottom: 10px;
background: url('/images/common/nav_top_subs.gif') no-repeat left top;
}
.nav_top_ulmenu li.nav_top_lvl1:hover ul.nav_top_lvl2s{
display: block;
}
.nav_top_ulmenu ul.nav_top_lvl2s .nav_top_lvl2s_image{
clear: both;
display: inline;
float: left;
width: 510px;
height: 67px;
margin-top: 11px;
margin-left: 10px;
margin-bottom: 3px;
}
.nav_top_ulmenu ul.nav_top_lvl2s .nav_top_lvl2s_left,
.nav_top_ulmenu ul.nav_top_lvl2s .nav_top_lvl2s_right{
display: inline;
float: left;
width: 249px;
margin-left: 10px;
}
.nav_top_ulmenu ul.nav_top_lvl2s .nav_top_lvl2s_right{
margin-left: 12px;
}
.nav_top_ulmenu ul.nav_top_lvl2s li{
height: 20px;
margin-top: 8px;
background: url('/images/common/nav_top_subs_a.gif') no-repeat left top;
}
.nav_top_ulmenu ul.nav_top_lvl2s li:hover,
.nav_top_ulmenu ul.nav_top_lvl2s li.nav_top_lvl2_selected{
background-position: left bottom;
}
.nav_top_ulmenu ul.nav_top_lvl2s li a{
display: block;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
}
.nav_top_ulmenu ul.nav_top_lvl2s li a span{
margin: 0;
padding: 0;
padding-top: 3px;
padding-left: 12px;
}

/* NAV_EXTRA */
#nav_extra{
display: inline;
float: left;
width: 187px;
margin-left: 9px;
}
#nav_extra a{
display: block;
margin-bottom: 7px;
font-size: 0;
}

/* UPPERCONTENT */
/* LOWERCONTENT */
/* MAIN_DESCRIPTION */
.uppercontent,
.lowercontent,
#main_description{
clear: both;
float: left;
width: 100%;
margin-top: 4px;
color: #222222;
font-size: 11px;
line-height: 20px;
text-align: justify;
}
#main_description{
margin-top: 16px;
}
.uppercontent a,
.lowercontent a,
#main_description a{
color: #005d9a;
}

/* LOWERCONTENT */
.lowercontent{
}

/* FOOTER */
#footer{
clear: both;
position: relative;
height: 202px;
border-top: 8px solid #FFFFFF;
background: url('/images/common/footer2012.png') no-repeat center center;
}
#footer .copyright,
#footer .social,
#footer .site_by{
position: absolute;
display: -moz-inline-stack;
display: inline-block;
zoom: 100%;
*display: inline;
height: 24px;
background: url('/images/common/footer2012.png') no-repeat left bottom #000000;
color: #FFFFFF; 
font-size: 10px;
font-weight: bold;
}
#footer .copyright{
left: 24px;
bottom: 0;
}
#footer .social{
left: 340px;
bottom: 10px;
}
#footer .social .facebook,
#footer .social .twitter{
display: -moz-inline-stack;
display: inline-block;
zoom: 100%;
*display: inline;
width: 138px;
height: 24px;
background: url('/images/common/social.png') no-repeat left top;
color: #000000;
font-size: 10px;
font-weight: bold;
text-decoration: none;
line-height: 23px;
text-indent: 29px;
}
#footer .social .facebook{
}
#footer .social .twitter{
background-position: left bottom;
}
#footer .site_by{
right: 24px;
bottom: 0;
}
#footer .site_by a{
color: #FFFFFF;
}


/* NAV_HELP */
#nav_help{
display: inline;
float: left;
width: 146px;
height: 67px;
margin-top: 40px;
margin-left: 311px;
}
#nav_help a,
#nav_help a span{
display: block;
color: #FFFFFF;
font-size: 10px;
}
#nav_help a span{
padding-top: 2px;
padding-bottom: 2px;
}

/* PRODUCT THUMBS */
.prodthumbnails_normal{
clear: both;
display: inline;
float: left;
width: 100%;
margin-top: 7px;
}
.prodthumbnails_normal .prodthumbnails_row{
padding-bottom: 6px;
}
.prodthumbnails .productthumbnail{
width: 188px;
height: 293px;
background: url('/images/common/product.png') no-repeat left top;
}
.prodthumbnails .productthumbnail .product{
position: relative;
display: inline;
float: left;
width: 179px;
height: 284px;
margin-top: 2px;
margin-left: 3px;
text-align: center;
}
.prodthumbnails .productthumbnail a,
.prodthumbnails .productthumbnail a span{
display: block;
}
.prodthumbnails .productthumbnail a{
text-decoration: none;
}
.prodthumbnails .productthumbnail .product_image{
height: 155px;
}
.prodthumbnails .productthumbnail .product_image span{
display: table-cell;
width: 179px;
height: 155px;
vertical-align: middle;
}
.prodthumbnails .productthumbnail .product_name{
position: absolute;
top: 155px;
left: 0;
width: 179px;
height: 38px;
color: #2a2a28;
font-size: 11px;
text-decoration: underline;
}
.prodthumbnails .productthumbnail .product_name span{
display: table-cell;
width: 179px;
height: 38px;
padding-left: 5px;
padding-right: 5px;
vertical-align: middle;
}
.prodthumbnails .productthumbnail .product_description{
clear: both;
display: inline;
float: left;
width: 100%;
height: 38px;
color: #FFFFFF;
font-size: 10px;
}
.prodthumbnails .productthumbnail .product_description span{
display: table-cell;
width: 190px;
height: 38px;
padding-left: 5px;
padding-right: 5px;
vertical-align: middle;
}
.prodthumbnails .productthumbnail .product_price,
.prodthumbnails .productthumbnail .call_for_price{
display: -moz-inline-stack;
display: inline-block;
zoom: 100%;
*display: inline;
float: left;
margin-top: 38px;
height: 26px;
color: #ed1c24;
font-size: 14px;
font-weight: bolder;
text-align: left;
}
.prodthumbnails .productthumbnail .product_price span,
.prodthumbnails .productthumbnail .call_for_price span{
display: -moz-inline-stack;
display: inline-block;
zoom: 100%;
*display: inline;
height: 26px;
margin-top: 5px;
margin-left: 7px;
}
.prodthumbnails .productthumbnail .product_rrp{
display: block;
margin-top: 38px;
color: #2a2a28;
font-size: 11px;
text-decoration: line-through;
}
.prodthumbnails .productthumbnail .product_rrp span{
display: block;
margin-top: 8px;
padding-right: 46px;
}
.prodthumbnails .productthumbnail .product_moreinfo{
position: absolute;
right: 3px;
bottom: 70px;
width: 34px;
height: 17px;
background: url('/images/common/product.png') no-repeat right top;
}
.prodthumbnails .productthumbnail .product_brand{
clear: both;
width: 190px;
height: 26px;
background: url('/images/common/product_2011.gif') no-repeat left -237px;
}

/* VIDEO PAGES */
.uppercontent .video{
position: relative;
height: 511px;
background-image: url('/images/common/ggd_video_bg.jpg');
background-repeat: no-repeat;
}
.uppercontent .video .inner{
position: absolute;
left: 109px;
top: 102px;
}
.uppercontent .video .inner .coming_soon{
width: 426px;
margin-top: 150px;
color: #FFFFFF;
font-size: 28px;
text-align: center;
}

/* OFFER STICKERS - THUMBNAILS */
/* OFFER STICKERS - PRODUCT PAGE */
#products .offer,
.product_left .offer{
position: relative;
}
#products .offer_inner,
.product_left .offer_inner{
position: absolute;
top: 150px;
left: 0px;
}
#products .offer_sticker,
.product_left .offer_sticker{
text-decoration: none;
left: 20px;
cursor: default;
}
#products .offer_tooltip,
.product_left .offer_tooltip{
z-index: 100;
position: absolute;
bottom: 0;
left: 2px;
display: none;
width: 186px;
background: url('/images/common/offer_tooltip.gif') no-repeat left bottom;
text-align: center;
}
#products .offer_tooltip_inner,
.product_left .offer_tooltip_inner{
padding: 6px;
padding-bottom: 20px;
font-weight: bold;
}
/* OFFER STICKERS - PRODUCT PAGE */
.product_left .offer_sticker{
left: 0;
}
.product_left .offer_inner{
top: 38px;
}

/* RECENTLY_VIEWED */
/* RELATED */
#recently_viewed,
#related{
clear: both;
display: inline;
float: left;
width: 990px;
margin-top: 6px;
background: url('/images/common/bar_dark.gif') no-repeat right top;
}
#recently_viewed h2,
#recently_viewed h2 span,
#related h2,
#related h2 span{
display: block;
height: 31px;
margin: 0;
padding: 0;
background: url('/images/common/bar_caps.gif') no-repeat left top;
}
#recently_viewed h2,
#related h2{
margin-bottom: 4px;
}
#related h2{
background-position: left -32px;
}
#recently_viewed h2 span,
#related h2 span{
background-position: right bottom;
font-size: 0pt;
}
#recently_viewed .prodthumbnails_normal,
#related .prodthumbnails_normal{
width: 990px;
}
#recently_viewed .prodthumbnails_row,
#related .prodthumbnails_row{
display: inline;
}
#recently_viewed .productthumbnail .product,
#related .productthumbnail .product{
margin-bottom: 6px;
margin-right: 8px;
}
#recently_viewed .ishop_clear,
#related .ishop_clear{
display: none;
}

/* PRODUCT_LEFT */
.product_left{
position: relative;
display: inline;
float: left;
width: 390px;
margin-left: 10px;
margin-top: 4px;
}
.addthis{
display: inline;
float: left;
width: 180px;
}
.product_brand{
display: inline;
float: right;
}

/* PRODUCT_RIGHT */
.product_right{
position: relative;
display: inline;
float: right;
width: 562px;
margin-top: 3px;
margin-right: 10px;
}

/* PRODUCT_RIGHT : PRODUCT_PRICING */
.product_right .product_pricing{
clear: both;
display: inline;
float: left;
width: 322px;
margin-top: 12px;
}
.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: 19px;
font-weight: bold;
}
.product_right .product_pricing .price{
color: #c70101;
}
.product_right .product_pricing .save{
padding-right: 4px;
background: url('/images/common/product_right_saving.gif') no-repeat 4px center #d8ffd3;
color: #0b5f00;
font-size: 16px;
line-height: 24px;
text-indent: 21px;
}
.product_right .product_pricing .rrp{
text-decoration: line-through;
}

/* PRODUCT LEFT : DELIVERY_BRAND ICONS */
.product_left .delivery_brand{
margin-top: 17px;
}
.product_left .delivery_brand .free_delivery{
margin-left: 6px;
}
.product_left .delivery_brand .brand{
display: inline;
float: right;
margin-right: 6px;
}


/* GALLERY */
#main_image,
#gallery{
clear: both;
display: inline;
float: left;
width: 400px;
margin-top: 12px;
text-align: center;
}
/* MAIN IMAGE */
#main_image_inner,
.gallery_main_inner{
display: table-cell;
width: 400px;
height: 400px;
background: url('/images/common/gallery.jpg') no-repeat;
vertical-align: middle;
}
/* GALLERY */
#gallery a{
text-decoration: none;
}
.gallery_thumbs{
text-align: center;
}
.gallery_thumbs a{
display: -moz-inline-stack;
display: inline-block;
width: 76px;
height: 76px;
margin: 4px;
background: url('/images/common/gallery.jpg') no-repeat left bottom;
text-decoration: none;
vertical-align: middle;
}
.gallery_thumbs a img{
margin-top: 6px;
}
.gallery_thumbs a:hover{
background-position: -77px bottom;
}
.gallery_thumbs_inner{
}
.gallery_thumbs_top{
}

/* 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;
}

/* PRODUCT RING */
#product_ring{
clear: both;

width: 970px;
margin-left: 10px;
margin-top: 8px;
padding-top: 8px;
border-top: 1px solid #e0e0e0;
height: 31px;
}
#product_ring a{
display: block;
width: 49%;
height: 31px;
color: #222222;
font-size: 11px;
}
#product_ring a span{
padding-top: 8px;
display: block;
}
#product_ring a.previous{
display: inline;
float: left;
text-align: left;
background: url('/images/common/product_ring.png') no-repeat left top;
}
#product_ring a.previous span{
padding-left: 42px;
}
#product_ring a.next{
display: inline;
float: right;
text-align: right;
background: url('/images/common/product_ring.png') no-repeat right bottom;
}
#product_ring a.next span{
padding-right: 42px;
}
.product_ring_bottom{
clear: both;
}

/* PRINTABLE_ELEMENTS */
.printable_elements{
clear: both;
}
.printable_elements .printable_element{
clear: both;
display: inline;
float: left;
width: 100%;
margin-top: 14px;
}
.printable_elements .printable_element label{
display: block;
}

/* ORDER */
#order{
clear: both;
display: inline;
float: left;
width: 562px;
margin-top: 12px;
background: #FFFFFF;
}
#order .order_product{
margin-top: 12px;
padding-right: 212px;
padding-bottom: 24px;
}
#order .order_product_name{
font-weight: bold;
}
#order .order_product_code{
color: #686868;
}
#order .order_product_pricing{
display: block;
margin-top: 4px;
}
#order .order_product_price,
#order .order_product_vat{
color: #c70101;
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 .product_options{
margin-top: 12px;
}
#order .order_submit{
margin-top: 12px;
}
#order .order_submit .order_button{
display: inline;
float: left;
width: 250px;
height: 60px;
border: 1px solid green;
border: none;
background: url('/images/common/order_button2012.png') green;
color: #4f0808;
font-size: 0pt;
font-weight: bold;
text-align: left;
cursor: pointer;
}
#order .order_submit .order_quantity_input{
display: inline;
float: left;
padding: 0;
margin-left: 2px;
width: 50px;
height: 58px;
border: 1px solid #d6d6d6;
color: #000000;
font-weight: bold;
text-align: center;
line-height: 54px;
}
#order .in_stock,
#order .out_of_stock{
z-index: 100;
position: absolute;
right: 0;
top: 0;
width: 164px;
height: 20px;
background: url('/images/common/stock.png') left bottom;
}
#order .out_of_stock{
background-position: left top;
}
#order .out_of_stock span{
display: none;
}

/* SUBSECTIONS */
#subsections{
clear: both;
display: inline;
float: left;
width: 100%;
margin-top: 14px;
padding-top: 22px;
}
#subsections .subsection{
position: relative;
display: inline;
float: left;
width: 181px;
height: 169px;
margin-bottom: 11px;
margin-right: 10px;
background: url('/images/common/subsection.jpg') no-repeat left top;
text-align: left;
}
#subsections a{
display: block;
color: #000000;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
#subsections a.subsection_name{
position: absolute;
right: 0;
bottom: 15px;
width: 171px;
height: 41px;
background: #000000;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
}
#subsections a.subsection_name span{
display: table-cell;
width: 171px;
height: 41px;
padding-left: 10px;
vertical-align: middle;
}
#subsections a.subsection_image{
height: 169px;
}
#subsections a.subsection_image span{
}

/* BRANDS BOX */
.brands_normal,
.brands_normal_inner{
clear: both;
display: inline;
float: left;
width: 195px;
background: url('/images/common/nav_brands_2011.gif') left bottom;
text-align: center;
}
.brands_normal_inner{
margin-bottom: 10px;
padding-top: 40px;
background-position: left top;
}
.brands_normal_inner2{
width: 177px;
margin-left: 9px;
background: #FFFFFF;
}
.brands_normal .brands_top{
height: 12px;
background: url('/images/common/nav_brands_2011.gif') right top;
}
.brands_normal .brands_bottom{
height: 20px;
background: url('/images/common/nav_brands_2011.gif') right bottom;
}
.brands_normal a{
display: block;
color: #000000;
font-weight: bold;
text-decoration: none;
}
.brands_normal a.brand_name{
text-decoration: underline;
}
.brands_normal a.viewall{
display: block;
width: 173px;
margin-top: 10px;
margin-left: 9px;
background: url('/images/common/nav_brands_viewall.gif') no-repeat left center;
color: #005d9a;
font-size: 11px;
font-weight: bold;
text-decoration: underline;
text-align: center;
}

/* SCROLLABLE HORIZONTAL */
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable{
/* required settings */
position:relative;
overflow:hidden;
width: 177px;
height: 80px;
margin-top: 10px;
/* 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: 177px;
}

/* 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;
}

/* PROMOTIONS */
#promotions{
clear: both;
}
.transitional_banners_container{
display: inline;
float: left;
width: 764px;
}

/* JQUERY FANCY BANNER TRANSITIONS */
.wt-rotator{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
background-color:#FFFFFF;
border:1px solid #FFFFFF;
position:relative;
width:825px;
height:300px;

width: 764px;
height: 294px;

overflow:hidden;
}
.wt-rotator a{
outline:none;
}
.wt-rotator .screen{
position:relative;
top:0;
left:0;
width:825px;
height:300px;

width: 764px;
height: 294px;

overflow:hidden;
}
.wt-rotator .main-img{
display:none;
position:absolute;
top:0;
left:0;
z-index:0;
border:0;
}
.wt-rotator .preloader{
position:absolute;
top:50%;
left:50%;
width:36px;
height:36px;
margin-top:-18px;
margin-left:-18px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background:#000 url(/universal/images/common/jquery_wtRotator_loader.gif) center no-repeat;
background:rgba(0,0,0,.7) url(/universal/images/common/jquery_wtRotator_loader.gif) center no-repeat;
z-index:4;
display:none;
}
.wt-rotator #timer{
position:absolute;
left:0;
height:4px;
background-color:#FFF;
-moz-opacity:.5;
filter:alpha(opacity=50);
opacity:0.5;
z-index:4;
visibility:hidden;
font-size:0;
}
.wt-rotator .desc{
color:#000;
position:absolute;
top:0;
left:0;
z-index:6;
overflow:hidden;
visibility:hidden;
text-align:left;
}
.wt-rotator .inner-bg{
position:absolute;
width:100%;
height:100%;
background-color:#000;
-moz-opacity:.7;
filter:alpha(opacity=70);
opacity:0.7;
z-index:0;
}
.wt-rotator .inner-text{
position:absolute;
padding:10px;
z-index:1;
}
.wt-rotator .c-panel{
position:absolute;
top:0;
left:0;
z-index:7;
visibility:hidden;
}
.wt-rotator .cp-bg{
background:#333;
background:-moz-linear-gradient(top, #999 0%, #333 50%, #000 51%, #111 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(50%,#333), color-stop(51%,#000), color-stop(100%,#111));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#111111',GradientType=0);
border:1px solid #000;
}
.wt-rotator .thumbnails,
.wt-rotator .buttons{
position:relative;
float:left;
overflow:hidden;
}
.wt-rotator .thumbnails ul{
list-style:none;
margin:0;
padding:0;
}
.wt-rotator .thumbnails li,
.wt-rotator .play-btn,
.wt-rotator .prev-btn,
.wt-rotator .next-btn{
list-style:none;
display:block;
float:left;
margin-right:4px;
overflow:hidden;
width:24px;
height:24px;
line-height:24px;
text-align:center;
color:#FFF;
background-color:#000;
border:1px solid #000;
cursor:pointer;
font-weight:bold;
}
.wt-rotator .thumbnails li.thumb-over{
color:#FFF;
background-color:#CCC;
}
.wt-rotator .thumbnails li.curr-thumb{
color:#000;
background-color:#FFF;
cursor:default;
}
.wt-rotator .thumbnails li.image{
background-color:#000;
}
.wt-rotator .thumbnails li.image.curr-thumb,
.wt-rotator .thumbnails li.image.thumb-over{
border-color:#06F;
}
.wt-rotator .thumbnails li.image a,
.wt-rotator .thumbnails li.image img{
display:block;
border:0;
}
.wt-rotator .thumbnails li.image.curr-thumb img{
-moz-opacity:.8;
filter:alpha(opacity=80);
opacity:0.8;
cursor:default;
}
.wt-rotator .thumbnails li *{
display:none;
}
.wt-rotator .thumbnails li div{
position:absolute;
color:#FFF;
background-color:#000;
}
.wt-rotator .play-btn{
background:#000 url(/universal/images/common/jquery_wtRotator_play.png) no-repeat center;
}
.wt-rotator .pause{
background:#000 url(/universal/images/common/jquery_wtRotator_pause.png) no-repeat center;
}
.wt-rotator .prev-btn{
background:#000 url(/universal/images/common/jquery_wtRotator_prev.png) no-repeat center;
}
.wt-rotator .next-btn{
background:#000 url(/universal/images/common/jquery_wtRotator_next.png) no-repeat center;
}
.wt-rotator .button-over{
background-color:#CCC;
}
#rotator-tooltip{
position:absolute;
top:0;
left:0;
z-index:99999;
display:none;
}
#rotator-tooltip.txt-up{
margin-left:-10px;
margin-bottom:5px;
background:url(/universal/images/common/jquery_wtRotator_tail.png) no-repeat;
background-position:10px bottom;
background-position-x:10px;
background-position-y:bottom;
}
#rotator-tooltip.txt-down{
margin-left:-10px;
margin-top:24px;
background:url(/universal/images/common/jquery_wtRotator_rev_tail.png) no-repeat;
background-position:10px top;
background-position-x:10px;
background-position-y:top;
}
#rotator-tooltip.img-up{
background:url(/universal/images/common/jquery_wtRotator_tail.png) center bottom no-repeat;
}
#rotator-tooltip.img-down{
background:url(/universal/images/common/jquery_wtRotator_rev_tail.png) center top no-repeat;
}
#rotator-tooltip .tt-txt{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
color:#FFF;
background-color:#000;
max-width:300px;
padding:4px;
margin:8px 0;
}
#rotator-tooltip .tt-img{
background-color:#000;
padding:2px;
margin:8px 0;
}
.wt-rotator .block,
.wt-rotator .vpiece,
.wt-rotator .hpiece{
position:absolute;
z-index:2;
}

/* MEDIA CHANGER */
#media_changer a,
#media_changer a span{
display: -moz-inline-stack;
display: inline-block;
color: #000000;
}
#media_changer a span{
padding-top: 4px;
padding-bottom: 8px;
}

/* BUNDLE_NORMAL */
.bundle_normal{
clear: both;
display: inline;
float: left;
width: 100%;
margin-top: 18px;
}
/* --- bundle sets */
.bundle_normal .bundle_set{
display: -moz-inline-stack;
display: inline-block;
zoom: 100%;
*display: inline;
}
.bundle_normal .bundle_set .bundle_set_name{
display: none;
}
/* --- bundle_members */
.bundle_normal .bundle_member{
position: relative;
display: inline;
float: left;
width: 178px;
height: 265px;
margin-right: 8px;
background: url('/images/common/bundle_normal.png') no-repeat 0 0;
text-align: center;
cursor: pointer;
}
.bundle_normal .bundle_member_name{
position: absolute;
left: 10px;
top: 10px;
width: 158px
color: #474747;
font-weight: bold;
}
.bundle_normal .bundle_member_image{
margin-top: 48px;
}
.bundle_normal .bundle_member_price,
.bundle_normal .bundle_member_radio{
display: none;
}
.bundle_normal .bundle_member:hover{
background-position: -179px 0;
}
.bundle_normal .bundle_member_selected,
.bundle_normal .bundle_member_selected:hover{
background-position: -358px 0;
}
/* BUY */
#bundle #bundle_total_product_price{
margin-top: 10px;
margin-bottom: 10px;
font-size: 22px;
font-weight: bold;
}
#bundle .bundle_order_button{
display: inline;
float: left;
width: 176px;
height: 60px;
border: 1px solid red;
border: none;
background: url('/images/common/order_button.png') #ed1c24;
color: #4f0808;
font-size: 0pt;
font-weight: bold;
text-align: left;
cursor: pointer;
}
#bundle .bundle_order_quantity{
display: inline;
float: left;
padding: 0;
margin-left: 2px;
width: 50px;
height: 58px;
border: 1px solid #d6d6d6;
color: #000000;
font-weight: bold;
text-align: center;
line-height: 54px;
}
/* PRODUCT VOUCHER GIFTS */
.product_voucher {
position: absolute;
top: 32px;
left: 12px;
}
.product_price_input_container {
width: 330px;
background: url('/images/common/voucher_instruction2012.gif') no-repeat 62px center white;
}
.product_price_input_container input {
padding: 3px;
border: 1px solid white;
background: #E3E3E3;
font-weight: bold;
}