/* 
========================================================================
CACTUSHOP.CSS
========================================================================
*/


/*
------------------------------------------------------------------------
COMMON ELEMENTS
------------------------------------------------------------------------
*/
/* ------------ Typographic settings --------------------------------- */
/*reset all margins*/

body,blockquote,p,ul,li,h1,h2,h3,h4,h5,h6,div,form{
margin:0;padding:0;
}

body, td, select, input {
	font-family: Tahoma,Arial,Helvetica,Sans-Serif; 
	font-size: small; /**/
	font-weight: normal; 
	color: white;
}

th {
	text-align: left;
}

/* Headings and Text */
h1 {
/*	font-size: 13pt;
	font-weight: bold;
	color: #ffa66a;
	margin: 10px 0 4px 0;
	
	margin:0;
	padding:0;
	height:63px;
	width:335px;
	float:left;
	background:URL(h1.gif) no-repeat top left;background:url(../images/banner_3.jpg) no-repeat top left;*/
	/*height:163px;
	width:252px; margin:0; float:left;*/display:none;}
h1 a{
	height:163px;
	width:252px;
	display:block;
	float:left;
}

.hideme{
	display:none;
	}
h2, h3{
	/*display:none;height:43px;background:url(../images/h2_bg.gif) repeat-x;*/
	   padding:0 6px; margin:0; font-weight:normal;color:#000000;width:auto;
	   font-size:150%; text-transform:uppercase;/*font-family:"TradeGothic LT Bold", tahoma, arial, sans-serif;*/
}
h4{padding:0 6px}

/*h2 span{display:block; margin:0; height:27px; padding:8px 5px 8px 35px; font-size:85%;background:url(../images/h2_img.gif) no-repeat top left;}

h2 {
	font-size: 9pt;
	color: #ffa66a;
	margin-bottom: 5px;
}*/
h3.general {
	/*background: url(../images/h3_bg.gif) repeat-x; font-size: 1.0em;*/
	height: 34px;
	padding: 0 0 0 6px;
	margin: 3px 0 0 0;
	font-weight: normal;
}

h3.general span {
	display: block;
	margin: 0;
	line-height: 35px;
	height: 34px;
	padding: 0px 5px 0px 5px;
	/*background: url(../images/h3_img.gif) no-repeat top left;*/
}
h3.new{
	/*background:#ec2027 url(../images/h3_bg.gif) repeat-x; font-size: 1.0em;
	height: 34px;
	padding: 0 0 0 30px;
	margin: 5px 0 5px 0;
	font-weight: normal;*/
}

h3.new span {
	/*display: block;
	margin: 0;
	
	/*height: 34px;
	padding: 0px 5px 0px 5px;
	background: url(../images/h3_img.gif) no-repeat top left;*/
}
h3 {
	/*font-size: 90%;
	padding:10px;
	background-color:111111;*/
}
h3.Perfect{
	margin-top:5px;
	background:#07487c url(perfect.gif) no-repeat top left;
	/*width:570px;*/
	
	padding:60px 0 10px 10px;
	color:#ffffff;
	font-family:"lucida grande", "Lucida Sans Unicode", geneva, arial, verdana, sans-serif;
	font-size:150%;
	font-weight:normal;
}
h3.EasyBody{
	/*background:url(easy_body.gif) no-repeat center left;
	width:570px;
	height:57px;
	padding:10px 0 0 160px;
	color:#ffffff;
	font-family:"lucida grande", "Lucida Sans Unicode", geneva, arial, verdana, sans-serif;
	font-size:150%;
	font-weight:normal;*/
	margin-top:5px;
	background:#006fb4 url(easy_body.gif) no-repeat top left;
	/*width:570px;*/
	
	padding:60px 0 10px 10px;
	color:#ffffff;
	font-family:"lucida grande", "Lucida Sans Unicode", geneva, arial, verdana, sans-serif;
	font-size:150%;
	font-weight:normal;
}

h3.VHT{
/*	background:url(vht.gif) no-repeat center left;
	width:570px;
	height:57px;
	padding:10px 0 0 160px;
	color:#ffffff;
	font-family:"lucida grande", "Lucida Sans Unicode", geneva, arial, verdana, sans-serif;
	font-size:150%;
	font-weight:normal;*/
	margin-top:5px;
	background:#43606d url(vht.gif) no-repeat top left;
	/*width:570px;*/
	
	padding:60px 0 10px 10px;
	color:#ffffff;
	font-family:"lucida grande", "Lucida Sans Unicode", geneva, arial, verdana, sans-serif;
	font-size:150%;
	font-weight:normal;
}

h3.QNT{
	/*background:url(qnt.gif) no-repeat center left;
	width:570px;
	height:57px;
	padding:10px 0 0 160px;
	color:#d62726;
	font-family:"lucida grande", "Lucida Sans Unicode", geneva, arial, verdana, sans-serif;
	font-size:150%;
	font-weight:normal;*/
	margin-top:5px;
	background:#fadbd4 url(qnt.gif) no-repeat top left;
	/*width:570px;*/
	
	padding:60px 0 10px 10px;
		color:#d62726;
	font-family:"lucida grande", "Lucida Sans Unicode", geneva, arial, verdana, sans-serif;
	font-size:150%;
	font-weight:normal;
}
h3.qnt{
	background:url(qnt.gif) no-repeat center left;
	width:570px;
	height:57px;
	padding:10px 0 0 160px;
	color:#d62726;
	font-family:"lucida grande", "Lucida Sans Unicode", geneva, arial, verdana, sans-serif;
	font-size:150%;
	font-weight:normal;
}
em.strapline{
	font-size:100%;
	text-transform:lowercase;
	/*height:25px;*/
	display:block;
	padding-left:6px;
	}

h4 {
	/*font-size: 7.5pt;
	color: #333;
	background: #f60 url(../templateimages/h4bg.gif) no-repeat top right;;
	margin: 10px 0 4px 0;
	font-size:150%;*/
	font-size:120%; text-transform:uppercase;font-family: tahoma, arial, sans-serif; padding-left:6px;
}

h4.EasyBody_sm, h4.Perfect_sm, h4.QNT_sm, h4.VHT_sm{}
h5 {
	margin: 20px 0px 5px 0px;
	font-size: 7.5pt;
	color: #336677;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 2px 2px 2px 0px;
	text-align: left;
	font-weight: normal; 
}

.breadcrumbtrail {
	color: #999999;
}

/* Hyperlinks #fffffffont-weight: bold;*/
a {
	text-decoration: none; 
color:#f51c24;
	font-weight:normal;
}


a:hover	{
	text-decoration: underline; 
	/*color:#ffffff;*/
	
}

#fullRangeColumn a{color:#000000;
}

.products_shortened a {
	text-decoration: none; 
	color: #f51c24;
	font-weight: bold;
}

.products_shortened a:hover {
	text-decoration: underline; 
	color: #f51c24;
	font-weight: bold;
}


/* General site warnings & alerts */
.warning {
	font-style: normal;
	font-weight: bold;
	color: red;
	font-size: 7.5pt;
}

/* Products */
.products .minprice {
	/*color: Red;
	text-align:left;*/ /*width:100px;float:right;*/font-size:85%;
}

.coloredred{/*font-size:130%;*/ font-weight:bold;}

.quantitydiscount {
	padding: 10px 0px 5px 0px;
	font-size: 7.5pt;
}



/* ------------ Site Colour Scheme and Layout ------------------------- */
body {
/*background:#000000 url(body.gif) repeat-x;*/
margin:0; background:#ffffff url(../templateImages/pageBg.jpg) repeat-x top; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;
}
#wrap{
	width:918px;
	margin:0 auto;
	/*background-color:#000000;*/
	background:url(../templateImages/wrapBg.jpg) no-repeat 6px 0px; padding:6px 0px 6px 6px;
	font-size:0.8em;
}

/*header in order to add page depth for the product images*/
#header{height:211px; margin-left:132px; padding-right:6px;}
body.home #header{height:294px;}
.homeProductAdvert{margin-top:1px;float:left;}
.betaAlanine{float:right; margin-top:170px;width:300px;padding-right:50px;}

#fullRangeColumn{width:120px; margin-top:13px;}
body.home #fullRangeColumn{margin-top:-70px;}
#fullRangeColumn p{padding-left:6px;}

/*additional menu for headerfloat:left;*/
#header ul{
	float:right;margin:0;width:650px;
	list-style:none;padding:5px 0 ;text-align:right;
}	
#header ul li{ padding:0 5px; border-right:2px solid #f51c24; display:inline}
#header ul li a{font-weight:bold;}
#mainColumn{float:right;  width:792px;}


#nav{background:url(../templateImages/navBg.jpg) no-repeat top left;padding:25px 0;}

#nav li{ display:inline; padding-left:25px;}

#nav li a{font-size:105%; color:#ffffff;}

/*widths*/

.single{width:144px;}
.double{width:264px;}
.triple{width:396px;}
.quad{width:528px;}
.floatLeft{float:left;}
.floatRight{float:right;}
.boxPad{padding:6px;}

/* Boxes for general display */
.box {
	border: none;
}

.boxinset {
	border-top:solid 1px #eb1924;
	border-bottom: 1px solid #eb1924;
/*	background: #444;*/
}


/* Shortened column format boxes */
.products_shortened .box {
	width: 120px;text-align:center;
	/*height: 163px;
	margin: 0px 5px 5px 0px;
	/*background: #444 url(../templateimages/back_fade_feature.gif) no-repeat top right;
	background-color:#242424;
	border: solid 2px #07487c;
	font-size: 85%;
	color:#C9C9C9;
	padding:5px 0 0 0;*/
}
.products_shortened .box2 {
	/*width: 208px;
	height: 155px;
	margin: 0px 5px 5px 0px;
	/*background: #444 url(../templateimages/back_fade_feature.gif) no-repeat top right;
	background-color:#242424;
	border: solid 2px #07487c;/*#2A2C2B;
	font-size: 85%;
	color:#C9C9C9;
	padding:5px 0 0 0;*/
}

.product h4{
	/*font-family:Arial, Helvetica, sans-serif;
	float:right;
	width:102px;
	margin:0;
	padding:0;*/
	margin:0 0 5px 0; font-size:100%;
}
/*.product .box2 .pad h4{
	font-family:Arial, Helvetica, sans-serif;
	float:right;
	width:80px;
	margin:0;
	padding:0;
}.productfont-size:18pt;*/
 h4.nofloat{
	float:none;
	width:auto;
	font-size:16pt;
	font-weight:normal;
	font-style:italic;
	margin-top:10px;
	
}
.product h4.customerreview{
	width:199px;
	height:57px;
	background:url(customerreviews.gif) no-repeat top left;
	margin-top:50px;
	
	float:none;
	
}
.product p{
	font-size:85%;
	line-height:150%;
	margin-top:0;
	text-align:justify;/**/
}
.product p.strapline{margin:10px 0;text-align:left; }
.box, .pad{margin:0;padding:0;}
.product h4 a{
	/*color:#ffffff;*/
	text-decoration:none;
}
.product .box .pad img, .product .box2 .pad img{
float:left;
border:none;
}
.product .box /*.pad*/{height:175px;}

/*.product .box2 .pad{width:229px;}*/
.subcategories_shortened .box {
	width: 175px;
	height: 260px;
	margin: 0px 5px 5px 0px;
	background: #444;
	border: solid 1px #999;
	font-size: 7.5pt;
}

/* Line between products */
.products_extended .product {
	border:solid 1px #999;
	background: #555;
	padding: 10px;
	margin-top: 10px;
}

.products_normal .product {
	border:solid 1px #999;
	background: #555;
	margin-top: 10px;
	padding: 10px;
}

/* tables */

/* Tables */
table caption {
	/*font-size: 10pt;*/
	color: #DD6600;
}

table {
	border-collapse: collapse;
	width: 100%;
	/*background: #f60 url(../templateimages/tblheaderbg.gif) no-repeat top right;*/
}

table tr {
	/*background: #555;*/
}

table tr.alt {
	/*background: #444;*/
}

table tr.highlight {
	background-color: #777;
	background-image: none;
}

.versions tr.highlight td {
	background-image: none;
	background-color: #777;
}

table tr.header {
	background: transparent;
}

table tr.header th {
	/*font-size: 7.5pt;*/
	font-weight: bold;
	background-image: none;
	background-color: transparent;
}

table tr.subheader td {
	border-top: solid 1px #CBD5DB;
}

table td, table th {
	padding: 3px;
	font-size:100%;/**/
	color:#000000;
}

table th {
	/*background-color: white;
*/}

/*
------------------------------------------------------------------------
SPECIFIC ELEMENTS
------------------------------------------------------------------------
*/
/* ------------ Mini-basket ------------------------------------------ */
#minibasket{
	/*float:right;width:300px;*/text-align:right;
	font-size:85%;margin:0px 0px 5px 0px; color:#ffffff;
}
#minibasket a{
	color:#000000;
	text-transform:lowercase; font-weight:normal; color:#ffffff;
}
#basketlines a {
	display: block;
	text-decoration: none;  
	color: black;
	padding: 1px 2px 2px 3px;
}

#basketlines a:hover {
	color: white;
	background-color: #DD6600;
	border-right: solid 1px #990000;
	border-bottom: solid 1px #990000;
	padding: 1px 1px 1px 3px;
}

#baskettotals {
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	color: Red;
	font-weight: bold;
	text-align: right;
}

#baskettotals p {
	border-bottom: solid 1px #CBD5DB;
}

#basketempty, #baskethidden {
	font-style: italic;
}	

#basketlines {
	border-top: solid 1px #CBD5DB;
}

#basketlines li {
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	border-bottom: solid 1px #CBD5DB;
}

#basketlines li.alt {
	background-image: url(../templateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
}

#basketlinks a {
	/*display: block;
	border-bottom: solid 1px white;
	padding: 1px 1px 1px 3px;*/
	color:#000000;
	/*float:right;*/
}

#basketlinks a:hover {
	/*display: block;
	color: white;
	background-color: #DD6600;
	border-bottom: solid 1px #990000;
	padding: 1px 1px 1px 3px;*/
}

/* ------------ Other Elements --------------------------------------- */

/* Reviews 	width:198px;
*/
.reviews {
	padding-top: 5px;
	
	
}

.reviews .box {
	/*background: #555;
	border: solid 1px #999;*/
}

/* Carry On Shopping / Cross Selling */
.carryonshopping {
	float:right;
	width:200px;
	
	/*margin-top:-40px;border:solid 1px #999;
	background: #444;*/
	padding-top: 5px;
}

/* Attributes */
.attributes {
	border-bottom: solid 1px #CBD5DB;
}

.attributes td {
	background-color: #E2EAEF;
	border-top: solid 1px #CBD5DB;
}

/* Promotions */
.product .promotions, .basket .promotions {
	border:solid 1px #999;
	/*background: #444;*/
	padding-top: 5px;
	padding-bottom: 5px;
}

.promotion .box {
	border:solid 1px #999;
	/*background: #444;*/
}

.promotionfooter {
	color: #aaa;
	margin-top: 8px;
}

/* Compare */
.compare td {
	border-top: solid 1px #999;
/*	background: #444;*/
}


/* ------------ Forms ------------------------------------------------ */
form{margin:0;
padding:0;}

select, input, textarea {
	font-weight: normal;
	color: black;
	background-color: #DCE4E9;
	border-color: #cccccc;
	border-style: inset;
	border-width: 1px;
	margin-bottom: 3px;
}

select:focus, input:focus, textarea:focus {
	font-weight: normal;
	color: black;
	background-color: #F7F7FF;
	border-color: #cccccc;
	border-style: inset;
	border-width: 1px;
	margin-bottom: 3px;
}

input.submit {
	background-color: #eb1924;/*# 005e99005e990197b2#0197b2#0197b2#DD6600;*/
	color: white;
	font-weight: bold;
	font-size: 7.5pt;
	border-style: outset;
	border-left: solid 1px #eb1924;
	border-top: solid 1px #eb1924;
	border-right: solid 1px #eb1924;
	border-bottom: solid 1px #eb1924 ;
	margin: 0px 1px 3px 0px;
}

input.smallsubmit {
	display: in-line;
	margin: 0;
	font-size: 85%;
	text-decoration: none; 
	color: #07487c;
	font-weight: bold;
	padding: 0px 2px 0px 2px;
	text-align: left;
	font-weight: bold; 
	background-color: transparent;
	border: none;
}

/* form error messages */
.errors {
	display: block;
	width: 85%;
	color: red;
	background-color: #FFEEEE;
	border: dotted 1px red;
	margin: 18px;
	padding: 12px;
}

.errors label {
	border-bottom: dotted 1px red;
}

/* --- Category menu ------------------------------------------------- */

#categorymenu {
	margin-top:3px; background:url(../images/navbar.gif) no-repeat top left; height:33px; padding:0 15px 0 15px;
	/*border-top: solid 1px #CBD5DB;margin: 0 0 28px 0;*/font-size:70%;
	
}

#categorymenu ul {
/*	margin: 0;
	padding: 0;
	border: 0;margin-top:10px;*/
	clear:both;
	height:33px; list-style-type:none; border-left:2px solid #000000; margin:0; padding:0;
}

#categorymenu ul li {
/*	list-style: none;
	float: none;
	clear: both;
	padding: 0;*/
	float:left;
	list-style:none;
}

#categorymenu ul li div {
/*	font-size: 7.5pt;
	background-color: transparent; 		*/
}

#categorymenu ul li div a {
	
	/*color:#07487C;
	text-decoration:none;
	padding:0 10px;
	font-size:90%;
	
	font-weight:bold;
	display:block;
	display: block;font-style:italic;
	padding: 1px 2px 2px 2px;
	color: #ff944c;
	background: #666;
	border-bottom: solid 1px #999;font-family: Helvetica, Arial, sans-serif;*/
	display:block; float:left; height:19px; padding:7px; background-color:#242424; line-height:19px; border-right:2px solid #000000;font-weight: normal;
}

#categorymenu ul li div a:hover {
/*	padding: 1px 2px 2px 2px;
	color: white;
	background-color: #DD6600;
	background-image: none;
	border-right: solid 1px #990000;
	border-bottom: solid 1px #990000;*/background: url(../images/nav_on.gif) repeat-x top left;
}

#categorymenu ul ul li div {
	font-weight: normal;
	text-indent: 10px;
}

#categorymenu ul ul li div a {
	font-weight: normal;
	background-image: none;
	background-color: #DCE4E9; 
	color: #336677;
}

#categorymenu ul ul ul li div {
	text-indent: 20px;
}

#categorymenu ul ul ul ul li div {
	text-indent: 30px;
}

#categorymenu ul ul ul ul ul li div {
	text-indent: 40px;
}

#categorymenu ul ul ul ul ul ul li div {
	text-indent: 50px;
}

/* ------------ Checkout and Basket ---------------------------------- */
/* Card details box during checkout */
.carddetails {
	border: none;
}

/* shipping methods line during checkout */
.basket .shippingmethodline {
	border:solid 1px #666;
	/*background: #444;*/
	padding: 6px;
}

.basket tr.separate {
	height: 20px;
	/*background-color: #444;*/
	background-image: none;
}

.basket .section {
	width: 100%;
	padding-top: 10px;
	border-top:solid 2px #666;
	/*background: #444;*/
}

.basket .totals {
	text-align: right;
	margin-top: 18px;
	padding-top: 5px;
	margin-bottom: 8px;
}

.basket .applycoupon {
	border:solid 1px #999;
	/*background: #444;*/
	margin-top: 18px;
	padding: 5px;
	margin-bottom: 8px;
}

.checkout .section {
	width: 100%;
	padding-top: 10px;
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#fieldsrequired {
	color: #888888;
	font-size: 7.5pt;
}

.shippingmethodstable .subheader .name {
	font-weight: bold;
	font-size: 7.5pt;
	color: #DD6600;
	margin-bottom: 4px;
	padding-bottom: 0px;
}

/* ------------ Customer --------------------------------------------- */
.customer .section {
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

.vieworder {
	margin-bottom: 15px;
}

/* ------------ Site Map --------------------------------------------- */
.sitemap ul {
	padding: 0;
	margin: 0;
}

.sitemap ul li {
	display: block;
	float: left;
	width: 260px;
	margin: 5px;
	padding: 0;
	border-top: solid 1px #CBD5DB;
	border-left: solid 1px #CBD5DB;
	border-bottom: solid 1px #E2EAEF;
	border-right: solid 1px #E2EAEF;
	list-style-position: inside;	
	list-style-type: none;
}

.sitemap ul li div.pad {
	padding: 15px;
}

.sitemap ul ul {
	padding: 0;
	margin: 0;
}

.sitemap ul ul li {
	float: none;
	width: 100%;
	width: 100%;
	padding: 3px 10px 3px 10px;
	margin: 0;
	border: 0;
}

/* ------------ Miscellaneous ---------------------------------------- */
/* horizontal rule */
hr {
	color: #DDDDDD; 
	background-color: #DDDDDD; 
}

/* Controls the first news item */
#newsitem1 h1 {

}

/* 'Top items' boxes on home page */
#toplists ul li div a:hover {
	color: red;
}

/* Search keyword highlight */
em.highlight {
	background-color: #F60;
	font-style: normal;
}

/* Strapline font styling */
.product em.strapline {
	/*font-style: normal;
	color: #FFF;
	font-weight: bold;
	font-size: 7.5pt;*/
}

/* styles for common features on your content pages */
.page .cutout {
	margin: 12px;
	border-top: solid 1px #CBD5DB;
	border-left: solid 1px #CBD5DB;
	border-bottom: solid 1px #E2EAEF;
	border-right: solid 1px #E2EAEF;
}

.page .cutout_left {
	float: left;
}

.page .cutout_right {
	float: right;
}

.page .right {
	text-align: right;
}
.page p.justified{
	text-align:justify;
	font-size:85%;
	line-height:150%;
}

/* style used to highlight explanations of demo data. This can be safely remove
when you have your own styles */
.demodataexpl {
	clear: both;
	color: #008800;
	background-color: #AAEEAA;
	font-size: 7.5pt;
	font-weight: bold;
	display: block;
	padding: 10px;
	margin-top: 10px;
	border: dotted 1px #008800;
}


/*
------------------------------------------------------------------------
ADVANCED CHANGES
These styles should not need to be changed - such as element 
positioning and padding that most stores would not need to alter
------------------------------------------------------------------------
*/
/* ------------ Boxes ------------------------------------------------ */
.boxheader {
	margin: 15px 0px 0px 0px;
}

.pad_shortformat {
	padding: 20px;
}

div.spacer {
  	clear: both;
}

/* ------------ Forms ------------------------------------------------ */
form { 
	margin: 0; 
	display: inline;
	padding: 0;
}

.inputform {
	margin-bottom: 12px;
	zoom: 100%; /* To fix IE 'invisible text' rendering bug (http://archivist.incutio.com/viewlist/css-discuss/57305) */
}

.inputform label {
	width: 180px;
	float: left;
}

.inputform label.checklabel {
	width: auto;
	float: none;
}

.inputform div {
	float: left;
	margin-bottom: 5px;
}

.inputform br {
	display: block;
	clear: both;
}

.inputform input.submit {
	margin-left: 180px;
	width: auto;
}

.inputform input {
	width: 180px;
}
.inputform h4 {
	/*background: #f60 url(../templateimages/tblheaderbg.gif) no-repeat right top;
	margin-bottom: 12px;*/
}
input.radio, input.checkbox {
	border-style: none;
	background-color: transparent;
	display: inline;
	width: 20px;
}

.column2 {
	padding-left: 180px;
	margin-bottom: 20px;
	width: auto;
}

textarea { 
	width: auto; 
}

/* ------------ Mini-basket ------------------------------------------ */
#numberofitems {
	/*margin: 0px 0px 5px 0px;
	padding: 0;
	font-size: 7.5pt;float:right;*/
	color:#ffffff;
}

#numberofitems em {
	font-style: normal;
	font-weight: bold;
}

/* Lines of the basket */
#basketlines {
	padding: 0;
	margin: 0;
}

#basketlines li {
	list-style: none;
	font-size: 7.5pt;
	clear: both;
}

#basketlines em {
	font-style: normal;
}

#baskettotals p em {
	margin-left: 5px;
}

#baskettotals em {
	font-style: normal;
}

#baskettotals #taxexception {
	font-weight: normal;
}

#basketlinks {
	/*margin: 5px 0px 0px 0px;
	padding: 0;
	font-size: 7.5pt;*/
}

#basketlinks li {
	list-style: none;display:inline;
}

#basketlinks img {
	border: 0;
	vertical-align: middle;
	margin: 0px 5px 0px 0px;
}

#basketempty, #baskethidden {
	padding: 0px 3px 0px 3px;
	margin: 0;
}	

#baskettotals p {
	padding: 0px 3px 0px 3px;
	margin: 0;
	font-size: 7.5pt;
}

/* ------------ Speed order page ------------------------------------- */
.speedordertable {

}

.speedorder table {
	width: 100%;
	margin: 0 auto;
}

.speedorder td, .speedorder th {
	text-align: left;
	padding-left: 0px;
	padding-right: 10px;
}

.speedorder .productcode input {
	width: 100%;
}

.speedorder .quantity input {
	width: 50px;
	text-align: right;
}

.speedorder div.submit {
	margin-top: 15px;
	text-align: left;
}

/* ------------ Checkout --------------------------------------------- */
/* step 1 - login form */
.emailreminder {
	width: 100%;
	padding-top: 15px;
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
}

/* step 3 - shipping methods */
.shippingmethodstable {
	width: 100%;
	padding-bottom: 8px;
}

.shippingmethodstable .price_1, .shippingmethodstable .price_2, .shippingmethodstable .price {
	text-align: right;
	white-space: nowrap;
	padding-right: 30px;
}

.euvat {
	padding-bottom: 8px;
}

.checkout textarea {
	width: 500px;
}

.carddetails {
	width: 100%;
}

.carddetails .inside {
	padding: 0px;
}

.shippingmethodline strong {
	padding-right: 16px;
}

.step4 input.submit {
	margin-left: 0px;
}

#strMailingListHTML {
	display: block;
	margin: 10px 0 5px 0;
}


/* Billing details typography */
.billtotal em {
	font-style: normal;
}

.billtotal, .gatewaymessage {
	margin: 15px 0 30px 0;
}

.billtotal {
	font-size: 10pt;
}

#termspopup {
	font-size: 7.5pt;
	}

/* ------------ Search ----------------------------------------------- */

/*---adding additional search stuff here for a box on the template----*/

#searchForm{display:block; text-align:right;clear:right; width:300px; float:right;}
#searchForm label{font-weight:bold; color:#ffffff;}
#searchForm #search_input{background-color:#ffffff; border:1px solid red;}
#searchForm #searchSubmit{background-color:#000000; color:red; border:1px solid #000000;}


.trythesecategories {
	margin: 8px 0px 8px 0px;
}

.trythesecategories ul {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

.trythesecategories ul li {
	display: inline;
	margin: 0;
	padding: 0;
	text-indent: 0;
}

#resultsheader {
	margin: 8px 0 8px 0;
}

.search .pricefields input {
	width: 4em;
}


/* ------------ Basket ----------------------------------------------- */
.basket .baskettable {
	width: 100%;
}

.basket .price_1, .basket .price_2, .basket .price, .basket .quantity, .basket .remove, .basket .tax, .basket .total {
	text-align: right;
	white-space: nowrap;
}

.basket .quantity input {
	text-align: right;
}

.basket .totals em {
	line-height: 30px;
	color: #F60;
	font-weight: bold;
	font-style: normal;
	font-size: 10pt;
}

.basket .totals .controls {
	margin-top: 8px;
}

.basket .links {
	margin-top: 3px;
	overflow: hidden;
	width: 560px;
	text-align: left;
	padding: 0 0 15px 15px;
}

.basket .links div {
	width: 48%;
	margin: 0;
	padding: 0;
	float: left;
}

.basket .links div p {
	margin: 0;
	padding: 4px 4px 0 0px;
}

.basket .links img {
	margin-right: 4px;
}

.basket .continueshopping {
	margin-top: 8px;
	text-align: right;
}


/* ------------ Shipping rates --------------------------------------- */
.shippingtable {
	width: 100%;
	margin-bottom: 20px;
}

.shippingtable .price, .shippingtable .price_1, .shippingtable .price_2 {
	text-align: right;
	white-space: nowrap;
}

/* ------------ Customer --------------------------------------------- */
.section tbody td {
	padding: 2px;
}

.section table {
	margin-bottom: 2px;
}

.section th {
	text-align: left;
}

.savebasketstable .date, .wishliststable .date {
	width: 130px;
}

.savebasketstable .actions, .wishliststable .actions {
	text-align: right;
	width: 130px;
}

.orderdetails label {
	width: 30%;
	float: left;
}

.orderdetails div {
	float: left;
	margin-bottom: 4px;
}

.orderdetails br {
	display: block;
	clear: both;
}

.orderdetails div.tick {
	float: none;
	margin-bottom: 0;
}

.orderdetails div.tick img {
	margin-right: 8px;
}

.customer .links div {
	width: 48%;
	margin: 0;
	padding: 0;
	float: left;
}

.wishlist #chkUpdateItems {
	margin: 0;
	width: 20px;
	text-align: left;
	float: left;
	padding: 0;
}

/* ------------ Affiliate -------------------------------------------- */
.affiliatestatstable {
	width: 100%;
}

.affiliatestats .total {
	text-align: right;
	padding-right: 12px;
}

.affiliatestats .graph {
	text-align: center;
}

.affiliatestats h2 {
	margin-top: 16px;
}


/* ------------ Categories ------------------------------------------- */
.category h2 {
	margin: 0px 0px 8px 0px;
}

.subcategories {
	margin-bottom: 0px;
}

.subcategories_normal {
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

.subcategories_extended {
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

.maincategory {
	padding: 0;
	width: 100%;
	border: 0;
	overflow: hidden;
}

.subcategory {
	margin: 0;
	padding: 0px 0px 1px 0px;
}

.subcategories_normal .subcategory {
	margin: 0;
	padding: 15px 0px 1px 0px;
}

.subcategories_extended .subcategory {
	margin: 0;
	padding: 15px 0px 1px 0px;
}

.subcategory strong {
	display: block;
	margin-bottom: 4px;
}

.subcategories .subcategory img, .maincategory img {
	float: left;
	margin: 0px 0px 10px 10px;
}

.subcategories .subcategory .pad, .maincategory .pad {
	margin: 0 0 0 0;
	zoom: 100%; /* To fix IE 'invisible text' rendering bug (http://archivist.incutio.com/viewlist/css-discuss/57305) */
	overflow: hidden; /* To fix image flow in extended view, mozz/opera */
}

/* For the shortened design */
.subcategories_shortened .subcategory {
	display: block;
	float: left;
	margin-bottom: 0px;
	
}

.subcategories_shortened .subcategory .pad {
	padding: 10px;
}

/* Style specifically for the 'link'. We remove most of the box styling for link mode */
.subcategories_link .subcategory .pad {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
}

/* ------------ Products --------------------------------------------- */
/* h2s are used on product.asp to break up main parts of the page */
.product h2 {
	text-align: left;
}

.products_shortened {

}	


.products_shortened .product h2 {
	/*margin-top: 5px;
	text-align: left;
	font-size: 7.5pt;
	height: 38px;*/
}	

/* Covers info on all 'product' views - including product.asp */
.product em.strapline {
	/*display: block;
	margin: 8px 0px 8px 0px;
	padding: 0;*/
}

.generalspace {
	display: block;
	height: 1px;
}

.product .box2{min-width:165px;}


.product p {
	/*margin: 0 0 5px 0px;*/
}


.product .main {
	/*overflow: hidden;*/
}

.product img.thumb {
	/*float: right;*/
	/*margin-left: 10px;*/
}

.quantitydiscount .link {
	padding: 5px 0px 5px 0px;
}

#column3{
float:left;
width:200px;
padding-top:50px;

/*background-color:#00FFFF;*/
}
#description{
	float:left;
	width:209px;
	/*margin-top:-30px;
	background-color:#00FF00;*/
	}
#description h4{
	margin-top:15px;
	color:#c50a0a;
}
#description p{
	font-size:85%;
	line-height:150%;
	/*font-family:Helvetica,Arial,sans-serif;
	font-style:italic;
	font-weight:bold;*/
}
.image{
	float:left;
	display:inline;
	margin:0 15px 0 15px;
	width:280px;
	/*margin-top:-30px;*/
	
	}
.image img{
	margin:0 auto 20px auto;
	/*border:1px solid #07487C;*/
	}


/* All products in a list format (i.e. not product.asp) */
.products {
	/*margin-bottom: 0px;
	padding-bottom: 10px;
	overflow: hidden;*/
}

.products_end {
	clear: both;/**/
}

.products .minprice {
	/*display: block;
	font-weight: bold;
	padding-top: 10px;*/
}

.products .product img {
	/*float: right;
	margin: 0px 0px 10px 10px;*/
}


.products .product .pad {
	/*margin-bottom: 8px;
	padding: 0px;*/
	 /*zoom: 100%; To fix IE 'invisible text' rendering bug (http://archivist.incutio.com/viewlist/css-discuss/57305) */
	 /*overflow: hidden; To fix image flow in extended view, mozz/opera */	
}

.products .product .product_end {
	/*clear: both;*/
}

/* Specific to the shortened display - note: the width of .product is set programmatically
based on the numShortenedFormatCols config setting */
.products_shortened .product img {
/*	display: block;
	float: none;
	margin: 8px auto;
	text-align: center;*/
}	

.products_shortened .product {
	/*display: block;
	float:left;
	margin-bottom: 0px;*/
	/*border:1px solid #3F4042; background: #242424 url(..images/corner.gif) no-repeat top left; widows:211px; height:150px;*/ float:left;  margin:3px 0px 0px 0px;padding:6px;
}

.products_shortened .minprice {
	/*text-align: center;*/
	/*width:45%;*/
}

.products_shortened em {
	/*padding: 0px 10px 5px 10px;*/
}


/* Specific to the 'classic' search display type - no styling, just text and description */
.products_classicsearch .product .pad {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

.products_classicsearch .product .pad p {
	margin: 4px 0 8px 0;
}


/* To improve the display you may wish to force the height of these boxes */
.products_shortened .product .pad {
	padding: 0 5px 10px 10px;
}

.products_shortened .product .moredetails {
	display: none;
	visibility: hidden;
}

/* ------------ Wish List -------------------------------------------- */
.wishlist .section {
	margin-bottom: 25px;
}

.wishlist .explanation {
	margin: 0px 0px 15px 0px;
	display: block;
	width: 90%;
	font-size: 7.5pt;
}

/* ------------ Compare ---------------------------------------------- */
.compare h4 {
	background: none;
	margin:0;
	padding:0;
}
.compare .header {
	margin: 0;
	padding: 0;
	height: 20px;
}

.compare tr {
	background-color: transparent;
}

.compare .propertyheader {
	font-weight: bold;
	font-size: 7.5pt;
}

.compare .lastrow td {
	/*background-color: #444;*/
	font-size: 7.5pt;
	border-bottom: solid 1px #444;
	padding-bottom: 10px;
}


/* ------------ Attributes ------------------------------------------- */
.attributes {
	margin: 10px 0 10px 0;
	padding: 0;
	width: 100%;
}

.attributes table {
	width: 100%;
	border-collapse: collapse;
}

/* Product attributes table */
.attributes table tr {
	background-image: none;
}

/* ------------ Reviews ---------------------------------------------- */
.reviews {
	margin: 5px 0 10px 0;
}

.reviews h2 {
	margin-bottom: 8px;
}

.review {
	margin: 0 0 0px 0;/*background: #242424;*/padding-bottom:5px;
}

.review .pad {
	padding: 10px;
}

.review .stars {
	display: inline;
	margin-right: 2px;
}

.review strong {
	display: inline;
}

.review .reviewer {
	font-style: italic;
}

.review blockquote {
	margin: 15px 20px 15px 20px;
}

.review .date, .review .appliesto {
	text-align: right;
}

/* Review add page */
.addreview form strong {
	display: block;
}

.addreview form p {
	margin: 0px 0px 20px 180px;
}

.addreview textarea {
	width: 340px;
	height: 100px;
}

.writeyourown{
	/*background:#242424 url(reviews_bot.gif) no-repeat bottom left;*/
	padding:10px;
}
	
/* ------------ Cross Selling ---------------------------------------- */
.carryonshopping h2 {
	margin-bottom: 8px
}

.carryonshopping h3 {
	margin-top: 5px;
}

.carryonshopping ul {
	margin: 2px 0px 10px 40px;
	list-style-type: none;
	padding: 0;
}

/* ------------ Versions --------------------------------------------- */
/* Clear so it comes below the floating image tag */
.versions {
	clear: both;
	margin-bottom: 10px;
}

.versions strong {
	display: block;
	padding-bottom: 5px;
}

.products_shortenened .versions { /* don't want to clear if we're doing things in shortened format */
	clear: none;
}

/* Versions displayed in options may first have a price line */
.versions .prices {
	padding: 5px;
	/*text-align:right;*/
}

.versions .prices strong {
	display: inline;
}

.versions .prices span {
	/*margin-left: 2em;*/
}

.versions .line {
	text-align: right;
	padding: 5px;
}

.versions .line img {
	float: none;
}

/* Version Table width: 100%;width: 530px;*/
.versions table {
	
	border: none;
	border-collapse: collapse;
	background: ;
}

.versions div.versionstable {
	
	border: solid 1px #777;
	overflow:hidden;
}

.versions tr.description {
	background-image: none;
	background-color: transparent;
}

.versions td.description {
	background-image: none;
	background-color: white;
}

.versions th, .versions td {
	text-align: right;
}

.versions table .stock {
	text-align: center;
}

.versions table .name {
	padding-left: 5px;
}

.versions table .addtobasket {
	padding-right: 5px;
}

.versions table .addtobasket img {
	float: none;
}

.versions table .description {
	padding: 5px;
	overflow: hidden;
}

.versions table .description img {
	float: left;
	margin-right: 4px;
}
	
.versions table .name, .versions table .name, .versions table .description {
	text-align: left;
}

/* ------------ Product Options -------------------------------------- */
.optiongroups_block .options {
	padding: 10px;
	margin: 10px 0px 5px 0px;
}	

.optiongroups_block .addtobasket {
	text-align: right;
	padding: 5px;
	clear: both;
}

.outofstockmessage em {
	display: block;
	margin-top: 10px;
}

.optiongroups_block .option {
	clear: both;
}

.optiongroups_block .option label.optiontitle {
	display: block;
	/*width: 150px;*/
	float: left;
	margin-right: 5px;
}

.versions .option label.optiontitle {
	margin-right: 5px;
}

.optiongroups_block .option div {
/*	display: inline-block;
	margin-left: 160px;*/
	margin-bottom: 10px;
}

.optiongroups_block .option div .radiooptions {
	display: block;
}

.optiongroups_block .addtobasket img {
	float: none;
	text-align: right;
}

/* Inline groups */
.optiongroups_line {
	padding: 5px;
	margin-bottom: 5px;
	text-align: left;
	zoom: 100%;
	overflow: hidden;
}

.optiongroups_line .options, .optiongroups_line .option div, .optiongroups_line .option, .optiongroups_line strong, .optiongroups_line label, .optiongroups_line select, .optiongroups_line .addtobasket {
	display: inline;
}

.optiongroups_line label {
	margin-left: 10px;
}

.optiongroups_line .addtobasket {
	display: block;
	float: right;
	width: 100px;
	text-align: right;
	margin-left: 20px;

}
.optiongroups_line .addtobasket img {
	float: none;
}
/* ------------ Homepage Layout Divs --------------------------------- */
.home_region {
	float: left;
	width: 100%;
}


/* ------------ Homepage News ---------------------------------------- */
/* Controls specifically the first news item */
#newsitem1 {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}

#newsitem1 .pad {
	margin: 0;
	padding: 0px 20px 20px 0px;
}

#newsitem1 h1 {
	padding-top: 0px;
}


#newsitem1 img {
	float: right;
}

/* Other news items */

#newsitems div {
	padding: 0;
	margin: 0;
}

#newsitems {
	padding: 0;
	margin: 0;
	width: 100%;
}

#newsitems .newsitem {
	width: 33%;
	float: left;
}

#newsitems .newsitem .pad {
	margin: 0px 15px 10px 0px;
}

#newsitems strong {
	display: block;
	padding: 0;
	margin: 0;
}



/* ------------ Top lists -------------------------------------------- */
#toplists {
	padding: 0;
	width: 100%;
	clear: both;
}

#toplists .box h4 {
	margin-right:15px;
}

#toplists .box {
	width: 33%;
	font-size: 7pt;
	float: left;
}

#toplists .pad {
	margin: 0px 15px 10px 0px;
}

#toplists ul {
	margin: 0;
	padding: 0;
	border: 0;
}

#toplists ul li {
	list-style: none;
	float: none;
	clear: both;
	padding-bottom: 2px;
}

#toplists ul li div {
	display: block;
	font-size: 7.5pt;		
}

/* ------------ Homepage Specials ------------------------------------ */
.specials {
	clear: both;
}

.specials h2 {
	display: block;
	margin-bottom: 12px;
}


/* ------------ Promotions ------------------------------------------- */
/* promotion class controls listing in extended view (with thumbnail) */
.promotion {
	clear: both;
	vertical-align: middle;
	margin: 8px 0px 8px 0px;
	display: block;
}

.promotion img {
	float: right;
	margin-left: 10px;
}

.promotion .box {
	width: 100%;
	margin: 0px 5px 5px 0px;
	font-size: 8pt;
}

.promotion .pad {
	padding: 10px;
	overflow: hidden;
}

/* promotiontext class controls listing in text view */
.promotiontext {
	clear: both;
	vertical-align: middle;
	margin: 8px 0px 8px 0px;
	display: block;
}

.promotiontext .box {
	width: 100%;
	margin: 0px 5px 5px 0px;
	font-size: 8pt;
}

.promotiontext .pad {
	overflow: hidden;
}


/* ------------ Miscellaneous ---------------------------------------- */
body, td {
	padding: 0;
	margin: 0;
}

#popup .pad {
	padding: 10px;
}

.extrainfolinks {
	margin: 8px 0px 10px 0px;
	overflow: hidden;
	font-size: 7.5pt;
}

.extrainfolinks a {
	white-space: nowrap;
}

.extrainfolinks .largeview {
	margin: 5px 0px 0px 0px;
	display: inline;
}

.extrainfolinks .moreinfo {
	margin: 5px 0px 0px 0px;
}

.extrainfolinks .compare {
	margin: 5px 0px 0px 0px;
}

.extrainfolinks .compare a {
	font-weight: normal;
}

.extrainfolinks img {
	float: none;
	margin: 0;
}

.nowrap {
	white-space: nowrap;
}

/* horizontal rule */
hr { 
	height: 1px; 
	border-width: 0; 
}



/* Paddings on various items */
h1 {
	padding: 0;
	margin: 0px 0px 8px 0px;
}

/* By default disable all borders on images */
img {
	border: none;
}

/* Breadcrumb trail  */
.breadcrumbtrail {
	padding: 3px 3px 3px 0px;
	margin-bottom: 10px;
}

.breadcrumbtrail ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
} 

.breadcrumbtrail ul li {
	margin-left: 0;
	border: none;
	list-style: none;
	display: inline;
}

/* Pagination */
.paging { 
	margin: 8px 0 8px 0;
}

.paging a { 
	font-weight: normal;
}

.paging a:hover { 
	font-weight: normal;
}

.paging_footer {
	text-align: right;
}



/*tempbackground:url(delivery_van.jpg) no-repeat top left;*/
.contactus{
	padding:50px 0 195px 10px;
	
	
}
.deliveryinfo{
	padding:50px 0 215px 260px;
	background:url(delivery_van.jpg) no-repeat top left;
	
}
#searchbox{
/*clear:right;
float:right;*/
margin-top:24px;
text-align:right;
}

.clearall{
	height:1px;
	clear:both;
}
.spacer{
	height:1px;
	clear:both;
}
#footer{
	padding:10px 80px;
	color:#FFFFFF;
	clear:both;
	font-size:80%;
	background:#000000 url(bgnd_footer2.jpg) no-repeat bottom right;
}
#footerConstraint{width:912px; margin:0 auto;}

#footer a{
/*	color:#0197b2;*/
	color:#eb1924;
}
#footer h3{
	margin-left:0;margin:0;padding:0;
	}
#footer p{
	padding-left:10px;margin:none;padding:0;
}
h4.tiny{
font-size:65%;
}

/*teammembers*/

.partners{width:144px;
	float:left;
	padding:5px 6px 5px 6px;
	border:1px solid #cccccc;
	margin:6px;
	display:inline; text-align:center;}


.teammember{
	/*width:144px;
	float:left;*/
	padding:5px 6px 5px 6px;
}
.robjones{background:url(../templateimages/robjones.jpg) no-repeat top center;}
.markfoster{background:url(../templateimages/markfoster.jpg) no-repeat top center;}
.paulanderson{background:url(../templateimages/paulanderson.jpg) no-repeat top center;}
.jeanmarc{background:url(../templateimages/jeanmarc.jpg) no-repeat top center;}
.teammember p{
	font-size:85%;
	line-height:140%;
}

/*special*/
p, table{margin:10px 0px 10px 0px;font-size:85%;}
#rightsquare{margin:4px 0 0 0; width:145px; height:267px; float:left;}

#leftsquare {	margin: 4px 7px 0 0; 	width: 142px;	height: 267px;	float: left;}/*background-color:#003399;background-color:#330099;background-color:#339900;*/

#middlesquare {	float: left;	width: 610px;	margin: 4px 3px 0 0;display:inline;padding:0;text-align:left;}
#middlesquare img{padding:0;margin:0;}
#search_btn{border:none;}

pre{background-color:#CCCCCC; padding:5px; border:1px dashed #999999;}

.quad p{padding-left:6px;}
.quad h3{padding-left:6px;}

.maincategory p{font-size:110%;}
.maincategory p img{float:left;}