/*----------------------------------------------*/

/*     General site wide
----------------------------------------------*/
body {
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; 
	color:#666666; 
	margin:0px auto; 
	padding:0px;
	text-align:center;
	background:url(../images/bg.png) repeat-y center #f5f5f5;
}
h1 {
	font-size:1.5em;
	color:#dd3d14;
	margin-top:0.5em;
	margin-bottom:0.5em;
	line-height:1.8em
}

h2 {	
	font-size:1.1em;
	color:#dd3d14;
	margin-bottom:0.5em;
	padding:0;
}


h4 {
	font-size:1em;
	margin-top:0;
	margin-bottom:0.5em;
}	


a {
	text-decoration:none;
	color:#666666;
} 
a:hover {
	text-decoration:underline !important;
}
a:focus {
	text-decoration:underline !important;
}

img {
	border:none;
	background:none;
}

#access-keys, h1.website {
	position: absolute; 
	width: 250px; 
	left: -3000px; 
	float: left;
}
a em {
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}
address {
	margin-left:1em;
}

object {
	outline:none;
}

form {	
	margin:0;
	padding:0;
}
.cleaner {
	overflow:hidden;
	clear:both;
	height:1px;
	margin-top:-1px
}
.error, .mand {
	color:#ff0000;
}

.smaller {
	font-size:0.8em
}
.larger {
	font-size:1.3em;
}
.center {
	text-align:center;
}

.underline {
	text-decoration:underline;
}

#breadcrumb {
	font-size:0.8em;
	border:1px solid #bcbcbc;
	padding:5px 0 5px 5px;
	color:#333333; 
	font-weight:bold;
	margin-bottom:5px;
	background:url(../images/breadcrumb-tile.gif) repeat-x;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

div#main-content-plain #breadcrumb a {
	color:#666666;
	text-decoration:underline;
}

#breadcrumb a:hover {
	color:#333;
	text-decoration:underline;
}
.redprice {
	color:#dd3d14;
	font-weight:bold;
}

.floatleft {
	float:left;
	padding:0 1em 1em 1em;
}
.floatright {
	float:right;
	padding:0 1em 0 1em;
}

.linethrough {
	text-decoration:line-through;
}

blockquote {
	margin-top:0.5em;
	margin-left:1.5em;
}
.icon {
	line-height:2em;
	font-weight:bold
}
.icon img{
	margin-bottom:-0.9em;
}
/*----------------------------------------------*/

/*     Layout for all site 
----------------------------------------------*/

#wrapper {
	width: 960px;
	margin:0 auto 0 auto;
	padding:0;
	text-align:left;
	/*border:1px solid #333333;*/
}

/*   *free delivery & *search bar
----------------------------------------------*/
.logo {
	padding:1em 1em 0em 0;
	float:left;
	position:relative;		
}
#free-delivery {
	position:relative;
	float:left;
	width: 500px;
	height:100px;
	margin-top:10px;
	display:inline;
}
#free-delivery img, .flash-banner {
	margin-top:0.5em;
}
#search-area{
	overflow: hidden;
}

#Tel-no { 
	float: left; margin: 0px; padding: 0px; 
}

.search-elements { 
	float: left; margin-top: 7px; 
}

input.search {
	height: 22px;
	width: 180px;
	font-size:1.1em;
	border:1px solid #ccc;
	line-height:1.4em;
	color:#666666;
	/*background:#FFFFCC*/
}



/*    *account login
----------------------------------------------*/

.basketoverview{background:url(../images/basketbg.png) no-repeat; width:196px; height:96px; float:right; position:relative;}
.basketinfo{width:186px; margin-top:41px; float:left; height:30px; text-align:left; padding-left:10px; }
.basketlink{position:absolute; display:block; top:16px; left:0px; width:190px; height:20px; outline:none;}
.basketlink span{display:block; top:-9999px; left:-9999px; text-indent:-9999px;}
.basketoverview a{font-weight:normal !important;}
.greyselect{background:url(../images/greyselect.gif) no-repeat; width:81px; height:21px; text-align:center; position:absolute; bottom:0px; color:#484848 !important; left:10px; line-height:21px;}
.orangeselect{background:url(../images/orangeselect.gif) no-repeat; width:77px; height:21px; text-align:center; position:absolute; bottom:0px; color:#fff !important; right:10px; line-height:21px;}


#login {
	width:17.4em;
	height:100px;
	padding-top:10px;
	position:relative;
	float:right;
	display:inline;
	text-align:right;
}
#login #tel{color:#000000; margin-bottom:1em; width:13em; float:right;}

#control {
	background:url(../images/control-bg.gif) 0 0 repeat-x #dcdcdc;
	border:1px #c2c2c2 solid;
	width:13em;
	padding:0.25em;
	position:relative;
	float:right;
}

#control img {
	margin:0 0.4em -0.3em 0em;
}

#login a {
	color:#000000;
	font-size:1em;
	font-weight:bold;
	margin:0 0.2em 0 0;
}
#login #basket {
float:right;
	margin-top:1em;	
}
#login #basket a {
	color:#000000;
	font-weight:bold;
	line-height:2em;	
}
.basket-icon {
	background:url(../images/icon-basket.jpg) no-repeat;
	padding-left:1.8em;
	padding-bottom:0.4em
}

.minibasket-heading { text-align: center; color: black; font-weight: bold; padding: 2px; background:url( ../images/background-product-h4.gif ) repeat-x; }
.minibasket-table { border-collapse: collapse; border-spacing: 0; }
.minibasket-qty { border-bottom: 1px solid #EEEEEE; padding: 2px 0px 2px 5px; text-align: right; }
.minibasket-thumb { border-bottom: 1px solid #EEEEEE; padding: 2px 5px 2px 5px; }
.minibasket-desc { border-bottom: 1px solid #EEEEEE; padding: 2px 5px 2px 5px; }
.minibasket-price { border-bottom: 1px solid #EEEEEE; padding: 2px 5px 2px 0px; text-align: right; }
.minibasket-total { padding: 2px 5px 2px 0px; text-align: right; font-weight: bold; color: black; }
.minibasket-close { text-align: center; margin-top: 10px; }

/*    *primary navigation
----------------------------------------------*/

/*----------------------------Parent Links----------------------------*/
#navigation {
	width:100%;
	height:38px;
	background:url(../images/background-nav.gif) repeat-x;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position:relative;
	z-index:999;
	margin:10px 0;
}
#navigation ul {
	list-style:none;
	padding:0;
	margin:0;
}
#navigation ul li {
	float:left;
	position:relative; /*--Declare X and Y axis base for sub navigation--*/
	margin:0;
	padding:0;
}
#navigation ul li a {
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	display:block;
	border-right:1px solid #535353;
	text-decoration:none;
	line-height:38px;
	margin:0;
	padding:0 14px;
}
#navigation ul li a:hover { /*--parent link hover state--*/
	background:#5c5c5c;
	text-decoration:none !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#navigation ul .hover {  /*--hover condition for jquery to trigger, also used for active links when your on that page--*/
	background:#5c5c5c;
	text-decoration:none !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
/*----------------------------Sub Links----------------------------*/
#navigation ul li ul {
	width:200px;
	list-style:none;
	display:none;
	border:1px solid #282828;
	border-top:none;
	position:absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	top:38px;
	left:0;
	margin:0;
	padding:0;
}
#navigation ul li ul li {
	width:100%;
	margin:0;
	padding:0;
}
#navigation ul li ul li a {
	font-size:11px;
	font-weight:normal;
	background:#FFF;
	color:#333;
	line-height:1.3;
	border:none;
	border-top:1px solid #ccc;
	display:block;
	padding:5px 10px;
}
#navigation ul li ul li a:hover { /*--sub link hover state--*/
	background:url(../images/background-nav.gif) repeat-x;
	color:#FFF;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
* html #navigation ul li ul li a { /*--IE 6 fix--*/
	width:100%;
}



/*    *side navigation menu
----------------------------------------------*/
#left-hand-content {
	padding:0px; 
	width:13.3em; 
	position:relative; 
	float:left;
	margin-right:0.4em;
	/*border:1px solid #333333;*/
}

#left-hand-content img{
	padding-bottom:5px;
}

#left-hand-content h2, .recent-viewed h3, #right-hand-content h3  {
	font-size:1em; 
	color:#000000; 
	height:2.5em; 
	line-height:2.5em;
	margin:0 0 0.5em 0;
	text-align:center;
	background:url(../images/background-headers.gif) repeat-x;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border:1px solid #ffcc00;
	text-shadow: 0px 1px 0px #ffcc00;
}

#left-hand-content h2 {
	margin-bottom:0px;
}

.specialoffbanner{padding-left:0 !important;}

#left-hand-content ul{
	padding-left:0;
	margin:0 0 0.8em 0;
	border:#ebebeb solid 1px;
}	

#left-hand-content li{	
	list-style:none;
	margin-left:0;
	font-size:1em;
	position:relative;
	border-bottom:#ebebeb solid 1px;
}
#left-hand-content li a{	
	color:#333333;
	font-weight:normal;
	display:block;
	padding:4px;
}

#left-hand-content li a:hover{
	background-color:#f1f1f1;
}

#left-hand-content li.sub-menu {
	padding-left:10px;
		background:url(../images/navarrow.gif) no-repeat left center;
	font-weight:normal;	
	}
#left-hand-content li.sub-menu:hover {
background-color: #f5f5f5;
}
#left-hand-content li.sub-menu a{
	font-weight:normal;	
	font-size:0.9em
}

#right-hand-content-img {
	padding-bottom:5px;
}


/*   *brand select
----------------------------------------------*/

#brand {
	background:url(../images/background-select-brand.gif) repeat-x;
	margin-bottom:0.5em;
	padding:0.3em 0.5em 0.5em 0.5em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #E3441B;
}

/*hack ie 6 only */
*html #brand {
	padding:0.3em 0.2em 0.5em 0.5em;
}

#brand label {
	color:#ffffff;
	font-weight:bold;
}
#brand select {
	width:12.5em;
	margin:0.5em 0.2em 0 0;
	padding:0.1em;
	height:2em;	
	font-size:1em;
	line-height:2em;
	color:#666666;
}
#brand input {
	float:right;
	margin-top:0.2em;
}

/*    *recently viewed
----------------------------------------------*/
.recent-viewed  { font-size:1em; }
.recent-viewed .one-item { height: 65px; width: 157px; overflow: hidden; border-bottom: 1px #E1E1E1 solid; }
.recent-viewed .thumb { float: left; width: 60px; height: 65px; }
.recent-viewed .description { float: right; height: 65px; width: 90px; color: #333333; font-size: 0.9em; }
.recent-viewed .description a { color: #333333; }


/*    *main content (center column)
----------------------------------------------*/
div#main-content, div#main-content2, div#main-content-plain, #main-content-all { 
	position:relative;
	float:left;
	width:610px;
	margin:0 0 0 10px;
	padding:0px;
}

* html div#main-content, * html div#main-content2, * html div#main-content-plain, * html #main-content-all {width:600px;}

#slider{margin-top:4px; overflow:hidden; height:151px; max-height:151px; padding-left:80px;}

div#main-content2, div#main-content-plain, div#main-content-secure {
	position:relative;
	float:left;
	width:785px;
	margin:0 0 0 10px;
	padding:0px;
}
* html div#main-content2, * html div#main-content-plain {width:783px;}

div#main-content-secure { width: 960px !important; margin: 0px; }

div#main-content2 ul, div#main-content-plain ul{
	margin-top:0.5em;
}
div#main-content2 li, div#main-content-plain li{
	line-height:1.6em;
	margin-left:-1em;
}


/*    *right hand content (right column)
----------------------------------------------*/
#right-hand-content { 
	position:relative;
	float:right;
	width:162px;
}
/* hack ie6 only */
*html #right-hand-content { 
	width:13.3em;
}
#right-hand-content img { 	
	margin-bottom:0.5em;
}
#right-hand-content h4 {
	color:#000000;
	font-size:0.9em;
	margin:0.8em 0 0 0.3em;

}
#right-hand-content h4 a {
	color:#000000;
}
#right-hand-content p {
	font-size:0.9em;
	margin:0.3em 0 1em 0.3em;
	color:#666666;
	font-weight:normal;
}

/*     *footer  
----------------------------------------------*/
#footer { 
	background:url(../images/background-nav.gif) repeat-x;
	height:3em; 
	color:#ffffff;
	font-size:0.9em;
	position:relative;
	float:left;
	width:100%;
	line-height:1.5em;
	margin:20px 0 10px 0;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#footer ul{
	list-style: none; 
	float:left;
	margin:0 0 0 220px;
	padding:0;
}
#footer li {
	display:block; 
	float:left; 
	padding:0.8em 0.4em;
}
#footer a {
	color:#ffffff;
}
.copyright{
	text-align:center;
	margin-top:0.5em;
	color:#999999;
	font-size:1em
}
.copyright img{	
	padding:0.5em 2em 1em 2em;
	}
.copyright a{
	font-size:0.8em;
	color:#999999;
}

#footerlinks {width:950px; background-color:#ebebeb; overflow:hidden; font-size:10px; margin:0 auto; padding:5px}
#footerlinks .col {width:190px; float:left; overflow:hidden;}
#footerlinks h3 {font-size:10px; font-weight: bold;}
#footerlinks ul {margin:0px; padding:0px;}
#footerlinks li {margin:0px; padding:0px;}
#footerlinks a {color:#333333; text-decoration:none;}
#footerlinks a:hover {text-decoration: underline;}

/*----------------------------------------------*/

/*     page specific 
----------------------------------------------*/

/*     *homepage 
----------------------------------------------*/
#banner {
	width:38em;
}

.special-offers {
	margin:3px 6px 3px 0;	
	width:138px;
	text-align:center;
	float:left;
	color:#333333;
	border:1px dashed #ccc;
	padding:5px 3px 5px 3px;	
	overflow:hidden;
}
* html .special-offers {margin-right:4px;}


.special-offers a{
	color:#333333;
	font-weight:normal;
}
.special-offers h4 {
	color:#dd3d14;
	margin-bottom:0.2em;	
	font-style:italic;
}
.special-offers .text {
	margin-top:0.3em;
	min-height:2.7em; height:auto !important; height:2.7em;
	font-size:0.9em;
	color:#333333;
}
.special-offers .price a {
	color:#dd3d14;
	font-weight:bold;
	font-size:1.2em
}

/*     *section page 
----------------------------------------------*/

div#main-content h1, div#main-content2 h1, div#main-content-plain h1 {
	color:#696969;
	height:40px;
	line-height:40px;
	margin:0 0 15px 0;

border-bottom:1px solid #ebebeb;
}
div#main-content2 h1 {
	margin-bottom:0.5em;
}
#section-container .one-section {
	float: left;
	width: 135px;
	height: 155px;
	text-align: center;
	margin: 0.5em;
	border: 2px solid #EBEBEB;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
}
#section-container .one-section:hover { border: 2px solid #E3441B; }
#section-container .one-section img {margin-top:5px;width:130px; }
#section-container .one-section a {color:#003366;}
#section-container .one-section-image {height: 110px !important;padding-bottom: 2px;overflow: hidden;} 
/* hack ie 6 only */
* html #section-container .one-section {
	margin:0.3em;
}
* html #section-container .one-section-image {
	overflow:hidden;
}

.one-section h4 {
	font-size:1em;
	padding: 0.6em 0.5em 0 0.4em;
}
.one-section a {
	color:#000000;
}
.best-sellers-container {
	text-align:center;
	margin:0.7em 0.2em 0.5em 0.2em;
}
.best-sellers-container a{
	color:#000000;
	font-size:0.9em
}

/*     *list page 
----------------------------------------------*/

#filterb {
	float:right;
	overflow:hidden;
	font-size:11px;
	margin-bottom:5px;
}
#filterb label {
	float:left;
	margin:2px 10px 0 0;
}
#filterb select {
	font-size:0.9em;
	margin-right: 10px;
	float:left;
}
#filterb .filterBox  {
	float:left;
	overflow:hidden;
	padding-left:20px;
}
#filterb .button {
	float:left;
	margin-top:-2px;
}

#list-container .listproduct {float:left; width:100%; border-bottom: solid 1px #ebebeb; margin:0 10px 10px 0; height:100px; padding-bottom:10px}
#list-container .listproduct h4 {margin:5px 0 8px 10px; font-size:14px;}
#list-container .listproduct img {float:left; margin:0 5px 0 2px; width:100px;}
#list-container .listproduct p {color:#666; width:380px; float:left; font-size:10px; margin-bottom:2px; display:block; min-height:40px; margin-top:0px}
#list-container .pricecontainer {float:right; overflow:hidden; width:110px;}
#list-container .productprice {width:100px; float:right; color:#990000; font-size:16px; font-weight:bold; margin-top:5px;}
#list-container .productpricevat {font-size:8px; color:#990000; font-weight:normal;}
#list-container .list-view-button {float:right; margin-top:10px;}
#list-container .one-section {
	float:left;
	width:16em;
	min-height:120px; height:auto !important; height:120px;
	margin:0.5em; 
	padding:0.1em 0.5em 0.5em 0.5em;
	/*border:1px solid #cccccc*/
}

#list-container .one-section:hover {border:1px dashed #ccc;}

#list-container .one-section a{position:relative; top:-1px;}
#list-container .one-section-image {height:95px !important; padding-bottom:2px;} 
#list-container .one-section .list-image{
	float:left;
	min-height:7.5em; height:auto !important; height:7.5em;
	width:7.4em	;
}

#list-container .one-section img{
	float:left;
	margin-top:0.4em;
}
#list-container .one-section .text {
	float:left;
	width:10em;
	font-size:0.9em;
	min-height:4.4em;
	height:auto !important; 
	height:4.4em;	
	margin-top:0.2em;
	overflow:hidden;
}
#list-container .one-section .text-price, #list-container .one-section {
	margin-top:0.3em;
	float:left;
	font-weight:bold;
	color:#dd4d14;
	font-size:0.9em;
	width:10em;
}

#list-container .one-section {
	margin-top:-0.5em;
}

.text-price-web {float:right; color:#FF0000; font-weight:bold; text-align:center; margin-right:12px}

/*     *product page 
----------------------------------------------*/
.image-holder .price {
	margin:0.2em 0em 1em 0em;
	text-align:center;
	font-size:1.3em;
	color:#666666
}
.image-holder .price .nowprice{
 	font-size:1.2em;
	color:#dd3d14;
	font-weight:bold
}

div#main-content2 .text form {
	/*margin-left:2em;*/
	color:#000000;
	font-weight:bold;
	/*text-align:center*/
}
div#main-content2 .text label{ 
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 0.9em 0.2em 0 0.5em; 
	text-align: right;
}
div#main-content2 .text form input.quantity, div#main-content2 .text form select{
	margin:0.5em 0.2em 0 0;
	padding:0.1em;
	font-size:1.1em;
	color:#3366ff;
	text-align:left
}
div#main-content2 .text form input.quantity {
	font-size:1em;	
	height:1.4em;		
	width:2.5em;
	color:#666666;
}
div#main-content2 .text form option {
	color:#666666;
}
div#main-content2 .text form .option, div#main-content2 .Blue {
	color:#3366ff;
}

div#main-content2 .text form input.button {
	margin:0.7em 0 -0.2em 0.2em;
	/*position:absolute*/
}	
div#main-content2 .text {
	width:45em;
	float:left;
	margin-right:0.8em;
	margin-bottom:1em;
	font-size:0.9em;
	/*border:1px solid #cccccc*/
}
div#main-content2  .warranty {
	border:1px solid #cccccc;
	margin:0.2em 0 0.2em 1em;
	padding:0.5em;
	font-size:1.1em;
	line-height:1.5em;	
	color:#999999;
	min-height:4.5em; height:auto !important; height:4.5em;
}	
.warranty2 {
	float:left;

}
div#main-content2 .image-holder {
	width:27.5em;
	float:right;
	text-align:right;
	font-size:0.8em;
	line-height:2.8em;
	/*border:1px solid #cccccc*/
}
div#main-content2 .image-holder .icons img{
	margin-bottom:-0.9em;
	margin-right:0.3em
}
div#main-content2 .image {
	background:url(../images/background-product-image.gif) no-repeat; 
	padding:1em;
	min-height:17.5em; height:auto !important; height:17.5em;
	text-align:center;
	position:relative;
	width:262px;
	/*border:1px solid #cccccc;	*/
}

.thumbnail{margin:0 auto; display:block;}
.thumbnail:hover {
	background-color: transparent; 
	z-index: 50;
}
.thumbnail span {
	position: absolute; 
	background-color: white; 
	padding: 0.5em; 
	left:-9999px; 
	display:block;
	border: 1px solid #cccccc; 
	visibility: hidden; 
	min-height:190px;
	height:auto !important;
	height:190px;
	min-width:270px;
	width:auto !important;
	width:270px;
	}
.thumbnail span img{
	border-width: 0; 
	display:block;
			}
.thumbnail:focus span, .thumbnail:active span{
	visibility: visible; 
	top: 0px; 
	left: 0px;
	z-index:999;
	border:1px solid #ffd035;
}

.thumbnail:hover span{
	visibility: visible; 
	top: 0px; 
	left: 0px;
	z-index:999;
}



div#main-content2 .product-image {
	min-height:7.5em; height:auto !important; height:7.5em;
	}

div#main-content2 div.feedback {
	background:url(../images/background-product-feedback.gif) no-repeat 0 0.5em; 
	padding-left:1.8em;
	font-size:0.9em;
	min-height:12.2em; height:auto !important; height:12.2em;
}

div#main-content2 .feedback h4 {
	color:#000000;
	font-size:1.1em;
	background:#ffffff;
	display:block;
	width:11em;
	padding:0 0.5em;
	margin-bottom:0.7em;
	margin-left:0.5em

}
div#main-content2 .feedback .title {
	font-weight:bold;
	color:#000000;
}

div#main-content2 .feedback .view-all {
	float:right;
	margin-top:-1.2em;
	margin-right:2em
}

div#main-content2 .feedback .view-all a {
	color:#dd3d14;
}

div#main-content2 .related-products h4,  div#main-content2 .product-review h4{
	background:url(../images/background-product-h4.gif) repeat-x;
	color:#000000;
	font-size:1em;
	padding:0.5em 0 0.3em 0.5em;
}
div#main-content2 .related-products  {
	width:100%
}
.related-products h4 {font-size:13px; display:block;padding:5px; background-color:#ebebeb;}
.related-products .one-product {
	width:130px;
	height: 120px;
	float:left;
	margin:0 10px 0 0;
	font-size:0.9em;
	border: solid 1px #ebebeb;
	padding:5px;
}
.related-products .one-product .product-image {
	width:14.8em;
	text-align:center;
}
.product-review {
	margin-right:0.8em;
	position:relative;
}
.product-review p{
	font-weight:normal;
	color:#666666;
	font-size:0.9em;
	padding:0.5em
}
.product-review label {
	float: left;
	width: 10em; 
	padding: 0; 
	margin: 0.7em 0.5em 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	font-size:0.9em;
	line-height:1.1em;
}
.product-review input, .product-review select, .product-review textarea{
	margin:0.3em 0.2em 0 0;
	padding:0.1em;
	font-size:1em;
	line-height:1.1em;
	color:#666666;
	text-align:left

}
.product-review input.main {
	height:1.2em;
}	

.product-review form input.button {
	margin-left:9.3em;
	position:relative
}

/*     *plain pages
----------------------------------------------*/

div#main-content-plain a {
	color:#dd3d14;
}

/*     *basket pages
----------------------------------------------*/
table.main-basket {
	width:100%;
	margin-bottom:2em; 
	color:#333333; 
	font-size:1em;
	border-collapse: collapse; border-spacing: 0;
	/*border:1px solid #cccccc*/
}
table.main-basket a {color: #2C5278 !important;}

table.main-basket th {
	background:url(../images/background-product-h4.gif) repeat-x;
	color: black;
	font-size: 1em;
	padding: 0.3em;
	margin: 0px;
	vertical-align: bottom;
}

table.main-basket tbody td { font-size: 1em; padding: 3px; vertical-align: middle; color: #666666; border-bottom: 1px silver solid; }
table.main-basket .basketthumbnail { padding-left: 0px; text-align: right; vertical-align: top; }
table.main-basket .product { font-weight: bold; font-size: 1.1em; }
table.main-basket .option { color: black; }
table.main-basket .measure { color: #666666; }
table.main-basket .code { font-size: 0.9em; color: #666666; }
table.main-basket .remove { text-align: center; }
table.main-basket .value { text-align: right; font-weight: bold; color: #666666; }
table.main-basket .majorvalue { text-align: right; font-weight: bold; color: black; }

table.main-basket tr.voucher { background-color: #DFF2BF; color: #3D6607; }
table.main-basket tr.voucher td { background-color: #DFF2BF; color: #3D6607; }
table.main-basket tr.voucher td.price { background-color: #DFF2BF; color: black; text-align: right; font-weight: bold; }

table.main-basket tfoot td { font-size: 1em; padding: 3px; vertical-align: bottom; color: #666666; }
table.main-basket tfoot tr.total td { padding-top: 8px; padding-bottom: 8px; font-size: 1.2em; font-weight: bold; color: black; background-color: #E9E9E9; border-top: 1px #AAAAAA solid; border-bottom: 1px #AAAAAA solid; }

.basket-error { font-size: 1em; font-weight: normal; padding: 5px; color: maroon; background-color: #eed9d7; border: 1px solid #caacaa; margin: 0px;}
.basket-error h2 { margin: 0px; padding: 0px; font-size:14px;}

.basket-promo-free { font-size: 1em; padding: 2px; color: #3d6607; padding-left: 31px; height: 18px; line-height: 18px; background: url(../images/icotick.png) no-repeat #dff2bf; border: 1px solid #8dcd9a; margin: 0 auto 5px 0; }
.basket-promo-notify { font-size: 1em; padding: 2px; color: #2776a2; padding-left: 31px; height: 18px; line-height: 18px; background: url(../images/icoinfo.png) no-repeat #ebf6fc; border: 1px solid #5aa9e2; margin: 0 auto 5px 0; }

.promotional-code { padding: 0px; margin: 0px; border-collapse: collapse; border-spacing: 0; border: 1px #CECECE solid; background-color: #F3F3F3; color: #D24905; }
.promotional-code .content { border: 0px; color: #D24905; }



.vat {
	font-weight:normal;
	font-size:0.8em;
}
.world {
	margin-left:7em;
}
.paymentlogos img {	
	padding:0.5em;
}


.basket-warning {width:100%; background-color:#d8f7c7; padding:5px; margin:0 5px 10px 5px;}
.basket-warning p {margin:0px; padding:0px;}
.basket-warning h3 {font-size:14px; margin:0px; padding:0px;}
.basket-warning img {float:left; padding: 0 5px 5px 5px;}
.basket-warning ul {margin:0 0 0 50px; padding:0px;}

















/*     *terms & conditions
----------------------------------------------*/

/*ol { counter-reset: item;  }
ol.terms LI { display: block }
ol.terms li:before { content: counters(item, "."); counter-increment: item }*/

ol.terms ol li {
	list-style-type:lower-alpha;
	font-weight:normal;
	margin:0.5em 0 0.5em 0;

}
ol.terms ol li ol li{
	list-style-type:lower-roman;

}
ol.terms ol li ol {
	margin-bottom:0.5em;
}
ol.terms {
	font-weight:bold;	
	font-size:0.9em;
	color:#333333
}
ol.terms ol{
	margin-bottom:1em
}
ol.terms .normal {
	font-weight:normal;
}

/*     *contact page
----------------------------------------------*/
.contact-form form {
	margin:0;
	color:#666666;
	width:42em;
	margin-left:1em;	
}

.contact-form fieldset {
	background:url(../images/lightgreyfade.gif) repeat-x;
	border: 2px solid #cccccc;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.contact-form legend {
	background-color: white;
	border: 1px solid #ffcc00;
	background:url(../images/background-headers.gif) repeat-x;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 1px 5px;
	color: black;
	font-weight: bold;
}
.contact-form .row { 
	clear:both;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.email-form fieldset{
	border: 1px solid #cccccc;
	margin-bottom:1em;
	padding:1em;
}
.contact-form label, .email-form label{ 
	float: left; 
	width: 10.5em; 
	padding: 0; 
	margin: 0.7em 0.5em 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}
.contact-form input.main, .contact-form select, .email-form input.main{
	margin:0.3em 0.2em 0 0;
	padding:0.1em;
	font-size:1.1em;
	line-height:1.4em;
	color:#666666;
}
.contact-form textarea {	
 	color:#666666;	
	margin:0.3em 0 0 0;
	font-family: arial, helvetica; 
	font-size:1.1em;
}
.contact-form input.main {
	height:1.3em;
}
.contact-form .button {
	margin-left:11em;
	margin-top:0.5em;
}
/* *sign up */
.contact-form label.signup {
	float:none;
	font-style:italic
}
.contact-form input.signup {
	margin:0.7em 0 -0.3em 0;

}
.contact-right {
	background:url(../images/lightgreyfade.gif) repeat-x;
	float:right; 
	width:230px; 
	border: 2px solid #cccccc; 
	margin-top:8px; 
	padding:10px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/*     *news
----------------------------------------------*/
.page-numbers {
	overflow: hidden;
	list-style: none;
	font-size: 0.9em;
	border:1px solid #bcbcbc;
	padding: 0px 5px 0 0;
	color: #333333; 
	font-weight: bold;
	margin-bottom: 10px;
	background-color: #E7E7E7;
	background: url(../images/breadcrumb-tile.gif) repeat-x;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.page-numbers li {
	float: right;
	padding: 0px;
	margin: 0 !important;
}
.page-numbers .current { padding: 3px 5px; }
.page-numbers li a { padding: 3px 5px; display: block; }
.page-numbers li a:hover { background-color: white; }
.one-news-item {
	overflow: hidden; 
	width: 763px; 
	border: 2px solid silver; 
	margin-bottom: 10px; 
	padding: 10px; 
	-moz-border-radius: 4px; 
	border-radius: 4px;
	cursor: pointer;
}
.one-news-item:hover { border: 2px solid #E3441B; }
.one-news-item img { float:left; }
.one-news-item div {float: right; width: 680px; }
.one-news-item h2 { margin: 0px; }
.newsarticle { margin: 5px 0px; color: #666666; text-decoration: none; }
.newsdate { font-style: italic; margin: 0px; font-size: 10px; color: #666666; text-decoration: none; }

.newsPage {
	width:37em;
	float:left;
}
.news-article {
	width:37em;
	position:relative;
	float:left;
}
.news-article h2 {
	color:#333333;
}
.news-article img		{float:left; width:15em; margin:0.4em; margin-left:0;}
ul.related {
	list-style:none;
	margin-left:1em	;
	padding-left:0
}
#right-hand-content .best-sellers-container a{
	color:#333333;
}
.news-date{
	font-size:0.9em;
	margin:-1.5em 0 1em 0em;
	color:#333333
}
#news_rss {
	text-align:right
}
.pagenumbers {
	margin-top:1em;
	font-style:italic;
}
.news-title h2{
	background:url(../images/background-forum-header.gif) repeat-x;
	padding:0.8em 0 0.2em 0.3em;
	margin:0.5em 0 0.2em 0;
}
#main-content-plain .news-title h2 a{
	color:#ffffff;
}
.news-title p{
	font-size:0.9em;
	margin-top:0;
}
.newsImg {
	float:left;
	margin-right:5px;
}
.newsImgLrg {
	float:left;
	margin:0 5px 5px 5px;
}
#newspageMonths 				{margin:3em 0 0 0;}
#newspageMonths .monthList		{list-style:none; padding:0; margin:0; border:2px dotted #CCCCCC; border-top:none;}
#newspageMonths .monthList li	{margin:0 0 0 0.5em; background:url(../images/navigation-bullet.gif) no-repeat 0 0.4em; padding-left:1.1em;}

/*     *sitemap page
----------------------------------------------*/

h3.sitemap, h3.maximise, h3.minimise {
	background : url(../images/maximise.gif) no-repeat center left;
	cursor : default;
	padding-left : 1.2em;
	color:#333333;
	font-size:1em
}

h3.minimise	{
	background : url(../images/minimise.gif) no-repeat center left;
}

ul.sitemap	{
	list-style-type : none;
	margin-left : 0.5cm;
	padding-left : 0;
}

ul.sitemap li {
	background : transparent;
	padding-left : 1.1em;
	font-weight:normal;
	padding-bottom:0.5em;

}

ul.sitemap li a	{
	background : transparent url(../images/sitemap-docbullet.gif) no-repeat;
	/*margin-left : -1.1em;*/
	padding-left : 1em;
	text-decoration:none;
	font-weight:normal;	
}
#main-content-plain ul.sitemap li a	{
	color:#333333;
}
ul.sitemap li img {
	padding-right : 0.2em;
}

ul.sitemap li a.parent {
	background : transparent;
	padding-left : 0;
	text-decoration:none;
}

ul.sitemap li ul{
	background : transparent /*url(../images/sitemapfolderbullet.gif)*/ no-repeat;
	list-style-type : none;
	margin : -1em 0 0 1.6em;
	padding : 0em 0 0 0.6em;
}

ul.sitemap li ul li	{
	margin-left : 0.5cm;
	padding-left : 1em;
}
h3.sitewide {
	background : transparent url(../images/sitemap-docbullet.gif) no-repeat  0px 2px;
	font-size:1em
}
#main-content-plain h3.sitewide a{
	text-decoration:none;
	color:#333333;
	padding-left:1.2em;
}

/*     *brand page
----------------------------------------------*/
#main-content-plain h1.brand {
	color:#ffffff;
	background:url(../images/background-select-brand.gif) repeat-x;
	padding: 0.6em 0 0.6em 1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #E3441B;
}
#right-hand-content h3.brand  {
	font-size:1em; 
	color:#ffffff; 
	height:2.5em; 
	line-height:2.5em;
	margin:0 0 0.5em 0;
	text-align:center;
	/*background:#de0528;*/
	background:url(../images/background-select-brand.gif) repeat-x;
}
.brand-section {
	width:450px;
	position:relative;
	float:left;
}
.brand-section #ExpandAll { margin-left: 6px; margin-bottom: 2px; font-size: 0.9em; font-weight: bold; color: gray; cursor: pointer; }
.RootSection .headerbar {
	font-size: 1em;
	border:1px solid #ffcc00;
	padding: 2px 5px 2px 5px;
	color: black; 
	font-weight: bold;
	margin-bottom: 5px;
	background:url(../images/background-headers.gif) repeat-x;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}
.RootSection .headerbar:hover { border: 1px solid #E3441B; }
.RootSection .headerbar .Title { float: left; }
.RootSection .headerbar .ProdCount { float: right; color: #902B14; font-size: 0.8em; margin-top: 0.3em; }
.RootSection .headerbar .SubSections { }
.one-brand-section {
	border: 2px solid silver;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:5px 0;
	margin-bottom:0.5em;
	overflow:hidden;
	cursor: pointer;
}
.one-brand-section:hover {
	border: 2px solid #E3441B;
}
.one-brand-section h3 {
	font-size:1.2em;
	margin:0;
	padding:10px 0;
}
.one-brand-section img {
	float: left;
	width: 60px;
	margin-left: 10px;
}
.one-brand-section .brand-description {
	float: right;
	width: 360px;
}
.one-brand-section .brand-description h3 { margin: 0px; padding: 5px 0px 0px 0px; }
.one-brand-section .brand-description .path { color: gray !important; font-size: 0.8em; font-style: italic; }
.one-brand-section .brand-description .path:hover { text-decoration: none; }
.one-brand-section .brand-description .prodcount { color: #902B14; font-size: 0.8em; }
.one-brand-section .brand-description .prodcount:hover { text-decoration: none; }
.one-brand-section a { display: block; text-decoration: none !important; }
.one-brand-section a:hover h3 { text-decoration: none; }
.one-brand-section a:hover img { text-decoration: none; }

#main-content-plain .one-brand-section img{
	margin:0 0.5em 0 0.5em ;
	float:left;
}

#brand-right-hand-content { 
	position: relative;
	float: right;
	width: 334px;
}

#brand-right-hand-content h2 {
	font-size:1em; 
	color:#000000; 
	height:2.5em; 
	line-height:2.5em;
	margin:0 0 5px 24px;
	text-align:center;
	background:url(../images/background-headers.gif) repeat-x;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #ffcc00;
}
.brand-best-sellers-container {
	text-align:center;
	border: 1px solid #E0E0E0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	float: right;
	width: 140px;
	height: 110px;
}
.brand-best-sellers-container:hover {
	border: 1px solid #E3441B;
}
.brand-best-sellers-container a {
	display:block;
	width: 100%;
	height: 100%;
}
.brand-best-sellers-container a:hover p {
	text-decoration: underline;
}
.brand-best-sellers-container p{
	color:#000000;
	font-size:0.9em
}

/*     *search page 
----------------------------------------------*/

.pagenumbers
{
	margin: 0px;
	padding: 0px;
	font-style: normal;
}

.pagenumbers ul
{
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
	display: inline;
	list-style-type: none;
	font-size: 0.9em;
	font-style: normal;
}

.pagenumbers li
{
	display: inline;
	margin: 0px;
	padding: 0px;
	font-style: normal;
}

.pagenumbers li#active
{
	display: inline;
	margin: 0px;
	padding: 1px 5px 1px 5px;
	border: 1px solid #A70336;
	font-style: normal;
	background:url(../images/orange-fade.gif) repeat-x;
	border:1px solid #DE4219;
	color: white;
	font-weight: bold;
	margin-right: 3px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.pagenumbers a 
{
	padding: 1px 5px 1px 5px;
	color: black;
	background:url(../images/background-headers.gif) repeat-x;
	border:1px solid #ffcc00;
	text-decoration: none;
	font-weight: bold;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.pagenumbers a:hover
{
	color: #A70336;
	background-color: #BFBDBE;
	text-decoration: none !important;
}

#right-hand-content #filtercleaner {
	clear: both;
}

#right-hand-content #filtertitle {
	float: left;
}

#right-hand-content #ShowHide {
	float: right;
	font-size: 0.8em;
	margin-top: 2px;
}

.search-options h4 {
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #ffcc00;
	background:url(../images/background-headers.gif) repeat-x;
	padding: 2px 5px !important;
	overflow: hidden;
	margin: 0px;
}

.search-options .options ul
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.search-options .options li
{
	border-top: 1px solid white;
	padding: 0px;
	margin: 0px;
	line-height: 16px;
}

.search-options .options a
{
	display: block;
	padding: 1px 1px 1px 25px;
	background-color: white;
	text-decoration: none !important;
	color: black;
	background-image: url(../images/filter-off.gif);
	background-repeat: no-repeat;
	background-position: 4px 2px;
}

.search-options .options a:hover
{
	background-color: #FEF36A;
	background-image: url(../images/filter-add.gif);
	background-repeat: no-repeat;
	background-position: 4px 2px;
	color: #006300;
	text-decoration: none;
}

.search-options .options #active a
{
	background-color: #EAEAEA;
	background-image: url(../images/filter-on.gif);
	background-repeat: no-repeat;
	background-position: 4px 2px;
	text-decoration: none;
	font-weight: bold;
}

.search-options .options #active a:hover
{
	background-color: #BFBDBE;
	background-image: url(../images/filter-remove.gif);
	background-repeat: no-repeat;
	background-position: 4px 2px;
	color: #A70336;
	text-decoration: none;
}

.search-options .options #zero a
{
	background-color: #EAEAEA;
	background-image: url(../images/filter-on-disabled.gif);
	background-repeat: no-repeat;
	background-position: 4px 2px;
	text-decoration: none;
	color: #777777;
}

.search-options .options #zero a:hover
{
	background-color: #BFBDBE;
	background-image: url(../images/filter-remove.gif);
	background-repeat: no-repeat;
	background-position: 4px 2px;
	color: #A70336;
	text-decoration: none;
}

.search-options .options .count
{
	color: gray;
}


.search-results {
	margin-top: 10px;
}
.search-results a {
	color:#dd3d14;
}
.one-search {
	border: 2px solid silver;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 4px;
	margin-bottom:0.5em;
	overflow:hidden;
	cursor: pointer;
	background:url(../images/greyfade.gif) repeat-x;
}
.one-search:hover {
	border: 2px solid #E3441B;
}
.search-results a img {
	float:left;
	margin-right:0.5em;
}

.search-results h3 {
	padding:0px;
	font-size:1em;
	position:relative;
	margin-top:0px;
	color: black;
}
.search-results .search-image {
	width: 80px;
	float:left;
	position:relative; 
}
.search-results .text {
	float:left;
	width:39em;
	min-height:3em; height:auto !important; height:3em;
	font-size:0.9em;
	padding-right:10px;
	color: #666666;
}
.search-results .moreinfo {
	color:#999999 !important;
	font-size:0.9em;
}
#right-hand-content .search-options h3 {
	margin-top:0.3em
}
#right-hand-content .search-options h4 {
	background:url(../images/background-product-h4.gif) repeat-x;
	color:#000000;
	font-size:0.9em;
	padding:0.5em 0 0.3em 0.5em;
	margin:0.8em 0 0 0em

}
.search-options .options {
	font-size:0.9em;
	line-height:2em;
	margin: 5px 0 0 0;
}
.search-options .options a {
	text-decoration:underline;
}
.search-options label {
	font-size:0.9em;
}
.search-options select {
	font-size:0.9em;
	margin-top:0.4em;
	width:15em
}
.button2 {
	margin-top:0.3em;

	}
.suggestedSearches			{background:#F0F0F0; color:#333333; padding:3px;}
	
	

/*     *forums 
----------------------------------------------*/
/*     *forums - default 
----------------------------------------------*/

.forum-titles {
	font-size:0.9em;
	color:#999999;
}

.forum h3, .forum-board h3 {
	background:url(../images/background-forum-header.gif) repeat-x;
	padding:0.8em 0 0.2em 0.3em;
	color:#ffffff;
	margin:0 0 1em 0;
	font-size:1.2em;
	width:43.3em
}
.forum-subject {
	float: left;
	width:32em;	
	margin-left:4em;
}
/* hack ie6 only */
* html .forum-subject {
	margin-left:2.1em;
}
.forum-threads, .forum-lastpost, .forum-views {
	float:left;
	width:5.5em; 
	text-align:center;
}
.forum-lastpost {
	width:10.5em;
}
.forums {
	min-height:4.5em; height:auto !important; height:4.5em;
}
.forums img, .forumfolder {
	float:left;
}
h4.forum-subject {
	float: left;
	width:28.5em;	
	margin-left:0.8em;
}
.forums .forum-threads, .forums .forum-views {
	float:left;
	width:4.8em; 
	text-align:center;	
	/*border:1px solid #cccccc*/
}
.forums .forum-lastpost {
	width:9.5em;	
}

/*     *forums - boards
----------------------------------------------*/
.forum-board h4.forum-subject {
	float: left;
	width:26.5em;	
	margin-left:0.8em;
}
/* hack for ie6 only */
* html .forum-board h4.forum-subject {
	margin-left:0.2em;
}
.forum-board h4.forum-subject img{
	padding-right:0.4em;
}
.forum-board .forum-subject {
	float: left;
	width:27.5em;
	margin-left:3.6em;
}
/* hack for ie6 only */
* html .forum-board .forum-subject {
	margin-left:1.6em;
}
.forum-board .forum-lastpost {
	width:7.5em;
}

/*	
/********* page numbers ************/
.forum-pages {margin:0.5em 0.2em 0.5em 0;text-align:right;}
.forum-pages ul {font-size:1em; list-style:none;color:#666666;margin:0;padding:0;}
.forum-pages ul li {border:1px solid #cccccc; background:#e1e1e1;padding:0 1em;font-size:0.9em;margin:0;display:inline;text-align:center;}

/***************  *Message Page  *****************/
div.thread-left, div.thread-right, div.thread-leftA, div.thread-rightA {
	width:19em;
	float:left;
	position:relative;
	padding:0.4em;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	min-height:2.5em; height:auto !important; height:2.5em;
}
div.thread-right, div.thread-rightA {
	border-right:none;
	width:31.5em
}
div.thread-leftA, div.thread-rightA {
	background:#f5f5f5;
}

div.posted-title h4, div.message-title h4 {
	background:#999999;
	padding:0.8em 0 0.2em 0.4em;
	color:#ffffff;
	font-size:1em;	
	width:19.5em;
	float:left;
	position:relative;
}
div.message-title h4 {
	width:32em;
}


/***************   Printer Friendly Page  *****************/
.print {
	padding:0.5em;
	text-align:left;
}

.product-image {
	float:left;
	font-size:0.8em;
	text-align:center
}

.product-text {
	padding:1em;
	float:right;
	text-align:left;
}

/***************   *email friend Page  *****************/

.email-form {
	width:30em;
	padding:1em 0 0.5em 0;	
}
.email-form label {
	width:14em;
	font-weight:bold;
	}
.email-form .button {
	margin-top:0.5em;
}
/***************   *newsletter sign up  *****************/
#sign-up {
	background:url(../images/banner-sign-up.jpg) no-repeat;
	margin:0 0 0.5em 0;
	margin-top:-5px;
	height:105px;
	width:161px;
	position:relative;
}

* html #sign-up {
	height:105px;
	width:161px;
}



#sign-up form input.newsletter-signup {
	position:absolute;
	bottom:15px;
	right:12px;
}
input#newsletterEmail {
	width:110px;
	border:1px solid #cccccc;
	height:22px;
	line-height:22px;
	color:#666666;
	position:absolute;
	bottom:15px;
	left:10px;
}
*html #sign-up {
	padding:0.3em 0.2em 0.5em 0.4em;
	width:153px; margin:0;
}

.freedelivbanner{background:url(../images/freedelivbanner.gif) no-repeat bottom left; width:361px; height:55px; }


*html input#newsletterEmail {bottom:25px; left:10px;}
*html #sign-up form input.newsletter-signup {bottom:25px;}
/***************  *24 hour  *****************/

.twentyfour {
	background:url(../images/24-hour-bg.jpg) no-repeat;
	margin:0 0 0.5em 0;
	color:#ffffff;
	font-size:0.9em;
}

.twentyfour-pad {
	padding:1em;
}

.twentyfour-image {
	float:right;
	margin:0 0 0.5em 0.5em;
	border:1px solid #999999;
}

.twentyfour-rightcol {
	float:right;
	/*width:90px;*/
	text-align:left;
}

.twentyfour-product a {
	color:#ffffff;
	font-weight:bold;
	padding:0;
	margin:0;
}
.time-container {
	margin:0.8em 0 0.8em 0;
}

.time {
	background-color:#FFFFFF;
	border:1px solid #999999;
	line-height:1em;
	width:1em;
	clear:none;
	padding:1px;
	margin:0 1px 0 0;
	color:#999999;
}

.twentyfour-was {
	color:#ffffff;
	text-decoration:line-through;
}

.twentyfour-price {
	color:#ffce33;
	font-weight:bold;
	font-size:1em;
}

#confidence {
	margin:0 0 0.5em 0;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:block;
}

* html .clearfix {
	height:1%;
}

accronym {
	cursor:help;
}

.warningText {
	color:#FF0000;
	font-size:16px;
	margin:5px 0px 5px 0px;
	padding:5px;
	border:1px solid #FF0000;
}

/* Twitter advert*/
div#twitter_ad{padding-top: 5px; padding-bottom:5px;}	

.productleft{float:left; width:520px; margin-right:15px;}
*html .productleft {width:510px}
.productright{float:right; width:250px; display:inline; }
.buyinfo{border:1px solid #e1e1e1; float:left; width:250px; margin-bottom:5px;}
.buyinfo h2{width:250px; float:left; background:url(../images/buytile.gif) repeat-x; height:42px; line-height:42px; color:#666666; font-size:14px; padding:0; margin:0; text-align:center;}
.pricing{width:220px; padding:15px; float:left;}
.exvat{color:#000000; font-size:22px; font-weight:bold;}
.incvat{color:#7b7b7b; font-size:14px;}
.orange{color:#e14219;}

	#buyform {padding-top:10px;}
	#buyform label{font-size:14px;}
	#buyform input{padding:3px; border:1px solid #c8c8c8; color:#000;}
	#buyform select{ border:1px solid #c8c8c8;}
	#buyform .buybutton{border:none !important; padding-top:10px;}

.productaction{float:left;background:#eeeeee; border:1px solid #e1e1e1; width:240px; padding:5px; overflow:hidden; margin-bottom:5px;}
.productaction img{float:left; padding-right:5px;}
.productaction a:hover{color:#333; position:relative;}
.productaction p {margin:0.5em 0;}
/* Basket Notice */
.basketNotice
{	position:relative;
	float:left;
	width:100%;
	color:#FFFFFF;
	font-size:1em;
	background:#CD4346;
	text-align:center;
	margin-bottom:20px;
}
div#slideshow {margin-left:0;}
.footer-left {float:left; font-size:12px; color:#999999; width:400px;}
.footer-left ul { overflow: hidden; list-style: none; padding: 0px; margin: 0px; width: 600px; }
.footer-left li { float: left; margin: 0 10px 0 0 !important; }
.footer-right {float:right; font-size:12px; color:#999999; width:400px; text-align:right; font-size:11px;}
.promo-notify {
	text-align:left;
	font-size:1em;
	color: #006600;
	background: #DFF2BF url(../images/icotick.png) no-repeat;
	width:100%;
	padding:2px;
	margin:0 auto;
	border: 1px solid #8DCD9A;
	margin-bottom:10px;
}
.promo-notify p {padding-left:25px; margin:2px;}

.delivery-table { border-spacing: 2px; border: 1px solid silver; }
.delivery-table td{ background-color: #F5F5F5; padding: 5px; }







/*     *Secure section
-----------------------------------------------------------------------------------------------------------------------*/





/*     *login page 
----------------------------------------------*/

.login-form {
	background:url(../images/h3tile.png) repeat-x;
	margin:0 0.5em 0 0.5em;	
	width:299px;
	float:left;
	min-height:15em; height:auto !important; height:15em;
	border:1px solid #cccccc;	
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.login-form form{padding: 0 15px 10px 15px; width:269px; height:180px; float:left; position:relative;}
/* hack for ie 6 only */
* html .login-form {
	margin:0 0.5em 0 0.2em;	
}
.login-form h3 {
	
	width:279px;
	padding:0 10px 0 10px;
	height:39px;
	color:#666666;
	line-height:39px;
	margin:0 0 0em 0;
	font-size:1.2em;
}

input.login, select.login {
	margin:0.3em 0.2em 0 0;
	padding:0.1em;
	height:1.3em;
	font-size:1.1em;
	line-height:1.4em;
	color:#666666;
}

.login-form label{ 
	float: left; 
	font-size:14px;
	width:269px;
	padding: 0; 
	margin: 0.7em 0.5em 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: left;
}

.logincontainer{width:630px; margin:0 auto;}
.login-form input{float:left; width:266px; height:27px; border:1px solid #ccc;}
.login-form .loginbutton{border:none; display:inline; width:86px; height:30px; position:absolute; bottom:15px; right:15px; }
.login-form .registerbutton{border:none; display:inline; width:177px; height:30px; position:absolute; bottom:15px; right:15px; }
.login-form .lostpass{float:left; display:inline-block; width:150px; margin-top:30px;}
.helpbanner{float:left; margin-top:20px; background:url(../images/helpbanner.png); width:614px; height:43px; display:block; margin-left:0.5em;}
.helpbanner span{display:block; text-indent:-9999px; position:absolute; top:-9999px; left:-9999px;}

.login-form .button {
	margin-left:6.5em;
	margin-top:0.5em;
}

.icon {
	line-height:2em;
	font-weight:bold
}
.icon img{
	margin-bottom:-0.9em;
}

/*     *logout page 
----------------------------------------------*/

.main-form label{ 
	float: left; 
	width: 10em; 
	padding: 0; 
	margin: 0.7em 0.5em 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}
.main-form input.main, .main-form select.main {
	margin:0.3em 0.2em 0 0;
	padding:0.1em;
	font-size:1.1em;
	line-height:1.4em;
	color:#666666;
}
.main-form .button {
	margin-left:10.5em;
	margin-top:0.5em;
}

/*     *register page 
----------------------------------------------*/


input[type=text]:focus, select:focus, textarea:focus {
	border-color: #ffcc00; 
	border-style: solid;
}

.register-text { float: right; width: 390px; }
.register-text .errorbox {
	border: 2px solid #E3441B; 
	padding: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	background-color: white; 
	background:url(../images/background-brand-headers.gif) repeat-x;
}
.register-text .errorbox h2 {
	padding: 0px; 
	margin: 0px 0px 15px 0px; 
	color: white; 
	text-align: center; 
	font-size: 1.4em;
}
.register-form { float: left; width: 550px; }
.register-form fieldset {
	background:url(../images/lightgreyfade.gif) repeat-x;
	border: 2px solid #cccccc;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.register-form legend {
	background-color: white;
	border: 1px solid #ffcc00;
	background:url(../images/background-headers.gif) repeat-x;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 1px 5px;
	color: black;
	font-weight: bold;
}
.register-form .row { 
	clear:both;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}
.register-form label { 
	float: left; 
	width: 170px; 
	padding: 0; 
	margin: 0.7em 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}
.register-form input, .register-form select { 
	float: left; 
	margin: 3px 3px 0 0;
	padding: 2px;
	line-height: 1.4em;
	color: #666666;
}
.register-form .button-row { clear: both; margin: 0px !important; padding: 5px 5px 0px 175px !important; }
.register-form .button-row img { cursor: pointer !important; }
.register-form .button { margin: 0px !important; padding: 5px 5px 0px 5px !important; }
.register-form .button img { cursor: pointer !important; }

.register-form .extrainfo {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	clear: both;
}



/*     *retrieve basket page 
----------------------------------------------*/

.retrieve-basket { width: 600px; float: left; border-collapse: collapse; border-spacing: 0; }
.retrieve-basket thead { border:1px solid #ffcc00; } 
.retrieve-basket thead td { 
	font-size: 1em;
	padding: 2px 5px 2px 5px;
	color: black; 
	font-weight: bold;
	margin: 0px;
	background:url(../images/background-headers.gif) repeat-x;
}
.retrieve-basket td { border-bottom: 1px solid #EEEEEE; padding: 2px 5px 2px 5px; }
.retrieve-basket td.first { border-left: 1px solid #EEEEEE; }
.retrieve-basket td.last { border-right: 1px solid #EEEEEE; text-align: right; }
.retrieve-basket-dialog {
	width: 300px; 
	float: right; 
	border: 2px solid silver; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	padding: 10px; 
	background:url(../images/greyfade.gif) repeat-x; 
}
.retrieve-basket-dialog h2 { margin: 10px 0px 10px 0px; padding: 0px; text-align: center; }
.retrieve-basket-dialog .yes { float: left; margin-top: 10px }
.retrieve-basket-dialog .no { float: right; margin-top: 10px }

/*     *order history page 
----------------------------------------------*/

.order-history { border-collapse: collapse; border-spacing: 0; }
.order-history thead { border:1px solid #ffcc00; } 
.order-history .leftheader { 
	font-size: 1em;
	padding: 2px 10px 2px 10px;
	color: black; 
	font-weight: bold;
	margin: 0px;
	background:url(../images/background-headers.gif) repeat-x;
	text-align: left;
}
.order-history .rightheader { 
	font-size: 1em;
	padding: 2px 10px 2px 10px;
	color: black; 
	font-weight: bold;
	margin: 0px;
	background:url(../images/background-headers.gif) repeat-x;
	text-align: right;
}
.order-history .order-history-item { border-bottom: 1px solid #EEEEEE; padding: 2px 10px 2px 10px; text-align: left; }
.order-history .order-history-price { border-bottom: 1px solid #EEEEEE; padding: 2px 10px 2px 10px; text-align: right; }
.order-history .order-history-total {
	font-size: 1.2em;
	padding: 5px 10px 5px 10px;
	color: black; 
	font-weight: bold;
	margin: 0px;
	background:url(../images/background-headers.gif) repeat-x;
	border:1px solid #ffcc00;
}
.order-history .order-history-subtotal {
	font-size: 1.1em;
	padding: 5px 10px 5px 10px;
	color: black; 
	font-weight: bold;
	margin: 0px;
	background: url(../images/lightgreyfade.gif) repeat-x;
	border-bottom: 1px solid #DDDDDD;
}

/*     *order history view order page 
----------------------------------------------*/

.order-detail-left { 
	float: left; 
	width: 450px;
	background:url(../images/lightgreyfade.gif) repeat-x;
	border: 2px solid #cccccc;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0 10px 0;
	padding: 10px;
}
.order-detail-right { 
	float: right; 
	width: 450px;
	background:url(../images/lightgreyfade.gif) repeat-x;
	border: 2px solid #cccccc;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0 10px 0;
	padding: 10px;
}
.order-detail-left h2 { margin: 0px; }
.order-detail-right h2 { margin: 0px; }
.order-detail-label { float: left; width: 130px; color: #666666; font-size: 0.9em; }
.order-detail-data { float: left; width: 300px; color: black; }
.order-detail-left p { clear: both; margin: 0 0 5px 0; }
.order-detail-right p { clear: both; margin: 0 0 5px 0; }



/*     *delivery page 
----------------------------------------------*/

#delivery-form #left-panel { float: left; width: 540px; margin-right: 20px; }
#delivery-form #right-panel { float: right; width: 400px; }

#delivery-form fieldset {
	background:url(../images/lightgreyfade.gif) repeat-x;
	border: 2px solid #cccccc;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#delivery-form legend {
	background-color: white;
	border: 1px solid #ffcc00;
	background:url(../images/background-headers.gif) repeat-x;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 1px 5px;
	color: black;
	font-weight: bold;
}

#delivery-form .row { 
	overflow: hidden;
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

#delivery-form .AddressLabel { 
	float: left; 
	width: 170px; 
	padding: 0px; 
	margin-right: 10px;
	text-align: right;
	color: gray;
}

#delivery-form .AddressData { 
	float: left; 
	margin: 0;
	padding: 0px;
	color: black;
	font-weight: bold;
}

#delivery-form label { 
	float: left; 
	width: 170px; 
	padding: 0; 
	margin: 4px 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}

#delivery-form input, #delivery-form select { 
	float: left; 
	margin: 2px 2px 0 0;
	padding: 1px;
	line-height: 1.4em;
	color: #666666;
}

#delivery-form .button { margin: 0px !important; padding: 5px 5px 0px 5px !important; }
#delivery-form .button img { cursor: pointer !important; }

#delivery-form .button-row { overflow: hidden; margin: 0px !important; padding: 5px 5px 0px 175px !important; }
#delivery-form .button-row img { cursor: pointer !important; }

#submitBtn { cursor: pointer !important; }







/*     *confirm page 
----------------------------------------------*/

#confirmleft { 
	float: left; 
	width: 550px; 
	background: url(../images/lightgreyfade.gif) repeat-x;
	border: #cccccc solid 1px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px; 
	margin-bottom: 40px; 
}
#confirmleft h3 { margin: 0px; }
#confirmleft .field { width: 130px; text-align: right; float: left; padding-right: 10px; }
#confirmleft .info { width: 300px; text-align: left; float: left; font-weight: bold; margin-bottom: 5px; }
#confirmright { 
	float: right; 
	width: 370px; 
}
#confirmright p { margin-top: 0px; }
#confirmpanel { 
	background: url(../images/lightgreyfade.gif) repeat-x;
	border: #cccccc solid 1px; 
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px; 
}
#confirm-price { font-size: 23px; font-weight: bold; margin: 0 0 10px 0; text-align: center; }