/* COMMON */
@import url('reset.css');

* {
	margin:0;
	padding:0;
}
@font-face {
    font-family: 'RockoUltraFLFBold';
    src: url('pocket_fonts/bold/rockoultraflf-bold-webfont.eot');
    src: url('pocket_fonts/bold/rockoultraflf-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('pocket_fonts/bold/rockoultraflf-bold-webfont.woff') format('woff'),
         url('pocket_fonts/bold/rockoultraflf-bold-webfont.ttf') format('truetype'),
         url('pocket_fonts/bold/rockoultraflf-bold-webfont.svg#RockoUltraFLFBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'RockoFLFRegular';
    src: url('pocket_fonts/rockoflf-webfont.eot');
    src: url('pocket_fonts/rockoflf-webfont.eot?#iefix') format('embedded-opentype'),
         url('pocket_fonts/rockoflf-webfont.woff') format('woff'),
         url('pocket_fonts/rockoflf-webfont.ttf') format('truetype'),
         url('pocket_fonts/rockoflf-webfont.svg#RockoFLFRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body,html{
	margin: 0;
	padding:0;
	font-size: 13px;
	font-family: arial,verdana,tahoma;
	color:#000;
}
body{
	margin: 0;
	padding:0;
	font-size: 13px;
	font-family: arial,verdana,tahoma;
	background:url(images/common/body_bg.jpg) top repeat-x;

	text-align: left;
	color:#000;
}
#wrapper
{
	width:1042px; height:auto;
	margin:40px auto 0 auto;
	background:url(images/common/wrapper-bg.png) no-repeat;
	behavior:url("iepngfix.htc");
	padding:0 20px 0 20px;
	position:absolute;	 
}
p
{
	line-height:1.4em;
	margin-bottom:20px;
	color:#000;
	padding-right:10px;
	 
}
a{
	outline: none;
	color:#000;
	cursor:pointer;
	text-decoration:none;
	font-weight:bold;
 
	
}
a:hover {
	text-decoration:underline;
	color:#0088e3;
	 
}
input{
	outline: none;
}
address {
	font-size:12px;
	font-family:"Arial Black", Gadget, sans-serif;
	font-style:normal;
	color:#2354a6;
}
address a {color:#2354a6;}
/* H1 */
h1{

    font-family:'RockoFLFRegular';
	color:#000;
	font-weight:normal;
	font-size:32px;
	margin-bottom: 10px;
}
h1 span{
	display: block;
	font-style:bold;
	font-weight:bold;
}

/* H2 */
h2{
	font-size: 16px;
}

/* H3 */
h3{
	margin: 0;
	margin-top: 12px;
}

img{
border: none;
}
.spacer{
	clear: both;
	margin: 0;
	padding: 0;
	line-height: 1pt;
	height:1px;
}
.strong{
	font-weight: inherit;
}
.centered{
	text-align: center;
}

/* CONTAINER */
#container{
	width:1010px;
	margin: 0 auto;

}

/* --------------------------------- CUSTOM CSS -------------------------------- */
#site 
{
	margin:0px auto;
	width:1040px;
}
#header 
{
	width:973px;
	margin:0px auto;
	height:103px;
}
#navigation
{
	width:973px;
	margin:0px auto;
	height:40px;
	width:999px;
	clear:both;
}
#navigation .left {float:left;width:200px}
#navigation .right {}


/* COLUMNS */
.columns{
padding-bottom: 9px;
}

/* COLUMN_LEFT */
#column_left{
	display: inline;
	float: left;
	width: 240px;
	margin-top:-10px;
	 
}
#cats-search 
{
	display:block;
	width:240px;
	margin-left:-6px;
	height:40px;

}
#left-banners 
 {
 width:240px;
 margin:10px auto

 }
#left-banners img 
{
	margin:5px 0 0 10px;
}
#column_right 
{
	width:740px;
	float:right;
	margin-right:30px;
	
}
/* CATEGORIES FORM */
#cats-form {
	margin:0;
	width:226px;
	color:#fff;
	font-weight:bold;
}
#cats-form input
{
	background:url(images/catsform/form-left.jpg) no-repeat; 
	width:190px; 
	height:40px; 
	display:inline;
	float:left;
	border:0;
	color:#fff;
	font-weight:bold;
	 
}
#cats-form input.button
{
	background:url(images/catsform/form-right.jpg) no-repeat; 
	width:36px; 
	height:40px; 
	display:inline;
	float:right;
	border:0;
	cursor:pointer;
}
 
/* NAV_EXTRTA */
 

#nav_extra{
}
#nav_extra a{
	display: block;
	margin-bottom: 7px;
	font-size: 0pt;
	text-decoration: none;
}

/* PAGE */
.page{
	display: inline;
 	width: 701px;
}
#product .page{
	width: 990px;
}

/* UPPER CONTENT */
/* LOWER CONTENT */
.uppercontent,
.lowercontent{
	clear: both;
	display: inline;
	float: left;
	width: 100%;
	color: #565656;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	
}
.uppercontent .uppercontent_inner,
.lowercontent .lowercontent_inner{
	padding-left: 12px;
	padding-right: 12px;
	border: 1px solid #dbdbdb;
}
.uppercontent h1 
{
	color:#CC1E22;
	font-size:28px;
	font-family: 'RockoUltraFLFBold';	
	margin:20px 0 20px 0;
	
}
.uppercontent h2 
{
	color:#143161;
	font-size:20px;
	font-family: 'RockoUltraFLFBold';
	margin:20px 0 20px 0;
	
}
/* MAIN_DESCRIPTION */
#main_description{
	clear: both;
	display: inline;
	float: left;
	width: 100%;
	margin-top: 4px;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
}
img {
	border:none;
}
table,tr,td 
{
	vertical-align:top;
}
/* BANNER */
 
#banner{
	position: absolute;
	top: 20px;
	left: 0;
	width: 990px;
	height: 232px;
	background-color:none;

}
#banner .banner_normal
{
	background:none;
}
#header .logo{
	display: inline;
	float: left;
	width: 300px;
	height: 116px;
	position:relative;
	top:-20px;
	left:-15px;
	border:none;
}

/* SOCIALBOX */
#socialbox{
	position: absolute;
	left: 351px;
	top: 0;
	width: 48px;
	height: 21px;
}
#socialbox a{
	position: absolute;
	top: 0;
	width: 21px;
	height: 21px;
	text-decoration: none;
}
#socialbox a.facebook{
	left: 0;
}
#socialbox a.twitter{
right: 0;
}

/* MAILINGLIST_SIGNUP */
.mailinglist_signup{
	display: inline;
	float: left;
	width: 196px;
	height: 122px;
	margin-top: 31px;
	margin-left: 37px;
	background: url('/images/common/mailinglist_signup.png') no-repeat 10px 11px;
	behavior:url("iepngfix.htc");
}
.mailinglist_signup form{
	display: inline;
	float: left;
	width: 176px;
	height: 27px;
	margin: 0;
	padding: 0;
	margin-top: 32px;
	margin-left: 10px;
}
.mailinglist_signup form .customer_email{
	display: inline;
	float: left;
	width: 148px;
	height: 18px;
	margin-top: 4px;
	margin-left: 4px;
	border: 1px solid red;
	border: none;
	color: #7e7e7e;
}
.mailinglist_signup form .submit{
	display: inline;
	float: right;
	width: 18px;
	height: 27px;
	border: 1px solid red;
	border: none;
	background: none;
	cursor: pointer;
}

/* NAV_BANNER */
#nav_banner{
	display: inline;
	float: left;
	width: 306px;
	height: 122px;
	margin-top: 30px;
	margin-left: 1px;
}
#nav_banner a{
	display: block;
	text-decoration: none;
}
/* CRUMBTRAIL_CALLBACK */
.crumbtrail_callback{
	clear: both;
	display: inline;
	float: left;
	width: 100%;
	height: 36px;
	behavior:url("iepngfix.htc");
}


/* CRUMBTRAIL */
#crumbtrail{
	display: inline;
	float: left;
	width: 960px;
	height: 53px;
	background: url(images/common/breadcrumbs.png) top no-repeat;
	text-align: left;
	margin-top: -10px;
	
}
#crumbtrail a{
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 100%;
	*display: inline;
	margin-left: 12px;
	height: 35px;
	color:#000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	line-height: 36px;
	text-shadow:0 2px 0 #fff;
}
#crumbtrail a:hover 
{
	text-decoration:underline;
	color:#000;
}
#crumbtrail a span{
	text-decoration: underline;
}
#crumbtrail a span{
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 100%;
	*display: inline;
	height: 35px;
}
#crumbtrail a.first{
	margin:0 30px 0 30px;
	color:#fff !important;
	text-shadow:0 1px 0 #000;
}
#crumbtrail a.first span{
	margin-left: 25px;
}

/* CALLBACK */
.callback_container{
	position: relative;
	display: inline;
	float: right;
	width: 234px;
	height: 30px;
	margin-top: 2px;
}
.callback_toggle{
	width: 234px;
	height: 30px;
	background: url('/images/common/callback.png') no-repeat right top;
	behavior:url("iepngfix.htc");
	cursor: pointer;
}
#callback{
	z-index: 10;
	display: none;
	position: absolute;
	right: 0;
	top: 33px;
	width: 590px;
	height: 262px;
	background: url('/images/common/callback.png') no-repeat left -33px;
	behavior:url("iepngfix.htc");
	color: #404040;
}
.callback_top{
	position: absolute;
	left: 0;
	top: 0;
	height: 42px;
	width: 42px;
	cursor: pointer;
}
.callback form{
	display: inline;
	float: left;

	width: 298px;
	margin: 0;
	padding: 0;
	margin-top: 21px;
	margin-left: 276px;
}
.callback p{
	clear: both;
	display: inline;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.callback p b{
	display: inline;
	float: left;
	width: 88px;
	margin-bottom: 9px;
	line-height: 25px;
}
.callback p input,
.callback p textarea{
	display: inline;
	float: left;
	width: 202px;
	height: 22px;
	border: 1px solid #dbdbdb;
	color: #404040;
}
.callback p textarea{
	height: 88px;
}
.callback .submit{
	clear: both;
	display: inline;
	float: right;
	width: 169px;
	height: 35px;
	margin-top: 1px;
	border: 1px solid red;
	border: none;
	background: transparent;
	color: #404040;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	cursor: pointer;
}
.callback .success{
	padding-top: 12px;
	font-size: 18px;
	text-align: center;
}

/* SUBSECTIONS */
#subsections{
	clear: both;
	display: inline;
	float: left;
	width: 100%;
	margin-top: 14px;
}
#subsections .subsection{
	position: relative;
	display: inline;
	float: left;
	width: 231px;
	height: 178px;
	margin-bottom: 38px;
	margin-left: 38px;
	background: url('/images/common/subsection.png') no-repeat 0 0;
	behavior:url("iepngfix.htc");
	text-align: center;
}
#subsections .subsection:first-child{
	margin-left: 0;
}
#subsections a{
	display: block;
	color: #404040;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#subsections a.subsection_name{
	position: absolute;
	left: 13px;
	bottom: 18px;
	display: table;
	width: 206px
	height: 28px;
	text-decoration: underline;
}
#subsections a.subsection_name span{
	display: table-cell;
	width: 206px;
	height: 30px;
	vertical-align: middle;
}
#subsections a.subsection_image{
	display: table;
	width: 206px;
	height: 130px;
	margin-top: 6px;
	margin-left: 13px;
}
#subsections a.subsection_image span{
	display: table-cell;
	width: 206px;
	height: 130px;
	vertical-align: middle;
}

/* PRODUCT THUMBS */
#products{
	padding-top: 12px;
	margin-bottom: 12px;
}
#products .prodthumbnails_row{
	clear: both;
}
#products .productthumbnail{
	position: relative;
	display: inline;
	float: left;
	width: 190px;
	height: 334px;
	margin-left: 4px;
	margin-bottom: 10px;
	background: url('/images/common/product.png') no-repeat 0 0;
	behavior:url("iepngfix.htc");
	text-align: center;
}
#products .prodthumbnails_row .productthumbnail:first-child{
}
#products .productthumbnail a{
	text-decoration: none;
}
#products .productthumbnail a.product_name{
	display: table;
	width: 190px;
	height: 47px;
	color: #404040;
	font-size: 11px;
	font-weight: bold;
}
#products .productthumbnail a.product_name span{
	display: table-cell;
	width: 190px;
	height: 42px;
	padding-left: 6px;
	padding-right: 6px;
	vertical-align: middle;
}
#products .productthumbnail a.product_image{
	clear: both;
	display: table;
	width: 190px;
	height: 170px;
}
#products .productthumbnail a.product_image span{
	display: table-cell;
	width: 190px;
	height: 160px;
	vertical-align: middle;
	text-align: center;
}
#products .productthumbnail .product_brand{
	clear: both;
	height: 30px;
}
#products .productthumbnail a.product_description{
	display: table;
	width: 188px;
	height: 48px;
	margin-left: 1px;
	color: #dbdbdb;
	font-size: 11px;
	line-height: 16px;
}
#products .productthumbnail a.product_description span{
	display: table-cell;
	width: 188px;
	height: 48px;
	padding-left: 6px;
	padding-right: 6px;
	vertical-align: middle;
}
#products .productthumbnail a.product_rrp{
	display: block;
	margin-top: 16px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
#products .productthumbnail a.product_price{
	display: table;
	float: left;
	width: 108px;
	height: 31px;
	margin-top: 2px;
	color: #f10202;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
}
#products .productthumbnail a.product_price span{
	display: table-cell;
	width: 108px;
	height: 31px;
	padding-top: 2px;
	padding-left: 6px;
	vertical-align: middle;
}
#products .productthumbnail a.product_moreinfo{
	position: absolute;
	bottom: 6px;
	right: 0;
	width: 80px;
	height: 31px;
	background: url('/images/common/product.png') no-repeat -110px -335px;
	behavior:url("iepngfix.htc");
}



/* NAV_HELP */
#nav_help{
	display: inline;
	float: left;
	margin-top: 44px;
	margin-left: 324px;
	width: 160px;
	height: 136px;
}
#nav_help a{
	display: block;
	color: #FFFFFF;
	text-shadow: #000000 0 1px 3px;
}
#nav_help a span{
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* PRODUCT RING */
#product_ring{
	clear: both;
	display: inline;
	float: left;
	width: 100%;
	height: 33px;
	margin-top: 12px;
	background: #f1f1f1;
}
#product_ring a{
	display: inline;
	float: left;
	width: 49%;
	height: 33px;
	background: url('/images/common/product_ring.png') left top;
	behavior:url("iepngfix.htc");
	color: #404040;
	font-size: 11px;
	font-weight: bold;
	background-repeat: no-repeat;
	text-align: left;
}
#product_ring a span{
	display: block;
	padding-top: 11px;
}
#product_ring a.previous span{
	padding-left: 30px;
}
#product_ring a.next{
	float: right;
	background-position: right bottom;
	text-align: right;
}
#product_ring a.next span{
	padding-right: 30px;
}
.product_ring_bottom{
	clear: both;
}

/* PROMOTIONS */
.promotions{
	clear: both;
	display: inline;
	float: left;
	width: 990px;
	height: 210px;
	margin-top: 2px;
}

 
 

/* PRODUCT PAGES */
/* PRODUCT_LEFT */
.product_left{
	display: inline;
	float: left;
	width: 421px;
	margin-top: 6px;
}
.product_left .addthis{
	display: inline;
	float: left;
	width: 220px;
	margin-top: 8px;
}
.product_left .product_brand{
	display: inline;
	float: right;
	width: 188px;
	height: 30px;
	margin-right: 6px;
}

/* GALLERY */
#gallery,
#main_image{
	clear: both;
	display: table;
	float: left;
	width: 421px;
	height: 421px;
	border-top: 6px solid #FFFFFF;
	text-align: center;
}
.gallery_main_inner,
#main_image_inner{
	display: table-cell;
	width: 421px;
	height: 421px;
	border: 1px solid #e3e3e3;
	vertical-align: middle;
}
.gallery_thumbs{
	clear: both;
}
.gallery_thumbs a{
	display: inline;
	float: left;
	margin-left: 3px;
	margin-bottom: 3px;
}


/* PRODUCT_RIGHT */
.product_right{
	position: relative;
	display: inline;
	float: right;
	width: 506px;
	margin-top: 16px;
	margin-right: 40px;
}
/* PRODUCT_RIGHT : H1 */
.product_right h1{
	height: auto;
	background: none;
	color: #404040;
	text-shadow: none;
}
.product_right h1 span{
	padding: 0;
}
/* PRODUCT_PRICING */
.product_right .product_pricing{
	clear: both;
	display: inline;
	float: left;
	width: 100%;
	margin-top: 8px;
}
.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-top: 4px;
	margin-right: 8px;
	height: 22px;
	color: #000000;
	font-size: 20px;
	font-weight: bold;
}
.product_right .product_pricing .price{
	margin-top: 0;
	color:#06C;
	font-size: 34px;
	font-family: 'RockoFLFRegular';
}
.product_right .product_pricing .save{
	padding-right: 4px;
	font-size: 16px;
	line-height: 28px;
	text-transform: lowercase;
}
.product_right .product_pricing .rrp{
	font-size: 16px;
	line-height: 28px;
	text-decoration: line-through;
}

/* ORDER */
#order{
	clear: both;
	display: inline;
	float: left;
	width: 100%;
	margin-top: 12px;
}
#order .order_product{
	margin-top: 12px;
	padding-bottom: 24px;
	border-bottom: 1px solid #d3d3d3;
}
#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: #c42732;
	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{
	height: 66px;
	margin-top: 12px;
}
#order .order_submit .order_button{
	display: inline;
	float: left;
	width: 210px;
	height: 93px;
	border: 1px solid red;
	border: none;
	background:url(images/product/buy-now-btn.png) no-repeat;
	behavior:url("iepngfix.htc");
	cursor: pointer;
}
#order .order_submit .order_quantity_input{
	display: inline;
	float: left;
	padding: 0;
	margin-left: 2px;
	width: 33px;
	height: 41px;
	border: 1px solid #d6d6d6;
	color: #000000;
	font-weight: bold;
	text-align: center;
	line-height: 44px;
}
#order .zzzin_stock,
#order .out_of_stock{
	position: absolute;
	top: 0;
	right: 1px;
	width: 152px;
	height: 49px;
	background: url('/images/common/stock.png') no-repeat 0 0;
	behavior:url("iepngfix.htc");
}
#order .out_of_stock{
	background-position: 0 -50px;
}
#order .out_of_stock span{
	display: none;
}

/* FEATURE ICONS */
.feature_icons{
	text-align: left;
}
.feature_icon{
	display: -moz-inline-stack;
	display: inline-block;
	margin-right: 15px;
	margin-top: 7px;
	margin-bottom: 7px;
}

/* ASSOCIATED PRODUCTS */
#associated_products{
	clear: both;
	display: inline;
	float: left;
	width: 990px;
	margin-top: 6px;
}
#associated_products h2{
	display: block;
	height: 37px;
	margin: 0;
	padding: 0;
	background: url('/images/common/nav_top2012.png') repeat-x left top #444444;
	color: #FFFFFF;
	behavior:url("iepngfix.htc");
	font-size: 11px;
	font-weight: bold;
	text-shadow: #000000 0 1px 3px;
	text-transform: uppercase;
}
#associated_products h2 span{
display: block;
padding-top: 12px;
padding-left: 8px;
}
#associated_products #products{
	margin: 0;
	padding: 0;
	padding-top: 7px;
}
#associated_products .prodthumbnails_normal{
	width: 990px;
}
#associated_products .prodthumbnails_row{
	display: inline;
}
#associated_products .productthumbnail{
	margin-bottom: 6px;
	margin-left: 7px;
}
#associated_products .ishop_clear{
	display: none;


}
/* FOOTER */
#footer{
	clear: both;
	position: relative;
	display: inline;
	left:33px;
	float: left;
	width: 974px;
	height: 299px;
	text-shadow:0 2px 0 #fff;
	margin-top:10px;

}
#footer address 
{
	text-shadow:0 2px 0 #fff;
	margin-top:10px;
	display:inline;
	color:#000;
	font-size:12px;
	font-family:arial;
	line-height:1.4em;
	font-weight:bold;
	
}
.footer-address {
	margin-left:60px; float:left;display:block
}
	
#footer-header
{
	background:url(images/common/footer-header.png) no-repeat;
	position:absolute;
	top:-10px;
	left:90px;
	width:700px;
	height:40px;
	color:#fff;
	font-size:12px;
	clear:both;
	text-shadow:none;
	padding-top:6px;
	behavior:url("iepngfix.htc");
}
#footer-header span {
	margin:0px auto;
	display:inline;
	padding:10px 0 0 30px;
	font-style:bold;
	font-weight:bold
}
#footer h1 
{
	color:#ac000c;
	font-family: 'RockoFLFRegular';
	font-size:18px;
	margin-bottom:20px;
}
#footer h1.contact {
	margin-top:40px;
}
#footer ul  {
	list-style:disc;
	display:inline-block;
	float:left;
	width:auto;
	height:300px;
	line-height:1.4em;
	color:#06C;
	margin:40px 0px 0 90px;
	float:left;
}
#footer ul li {
	font-style:bold; 
    font-weight:bold;
	  }
#footer ul li a {
    color:#000; 
    font-size:12px; 
	font-family:arial; 
	text-decoration:none;
	   }
#footer ul li a:hover
{
	color:#2454a6; 
}

#footer #left { 
    background:url(images/common/footer-bg-left.png) top right no-repeat;
    width:25px; height:283px; 
	float:left;
	behavior:url("iepngfix.htc");
	}
#footer #right { 
    background:url(images/common/footer-right-bg.png) top right no-repeat;
    width:25px; height:283px; 
	float:right;
	behavior:url("iepngfix.htc");
	}
#footer #mid { 
    background:url(images/common/footer-mid-bg.png) repeat-x;
	height:283px; 
	float:left;
	width:924px;
	behavior:url("iepngfix.htc");
	 
	}
 
#footer .copyright,
#footer .site_by{
position: absolute;
clear:both;
height: 20px;
width: 450px;
color:#ff0000;
font-size: 12px;
font-weight: bold;
bottom:40px;
left:100px;
 
}
#footer img.ishop-secure
{
	position:absolute; top:-40px; left:500px;
}
#footer .copyright{
 
}
#footer .site_by{
right: 0;
text-align: right;
}
#footer .site_by a{
color: #282828;

}