/* Import the text styles on load ------ */
@import 'homepage_styles.css';
@import 'login.css';
@import 'moreinfo.css';
@import 'product_group.css';

@import 'showBasket.css';

a img{
	border: none;
}
:focus { 
    outline: none; 
}

img{
	margin: 0;
	padding: 0;
	border: none;
}

*{margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
a{color: #000}
/* footer styles */
.footerlinks {
	clear:both;		
}

.fr {
	float:right;
}
#footer {padding: 0; margin: 0 auto; width: 960px; clear: both; text-align: center;}
div#footer ul{ 
	list-style-type: none;
	padding: 7px 0 0px 5px;
}
div#footer ul li{
	float: middle;
	padding: 0 4px;
	font-size: 0.9em;
	display: inline;
}
div#footer ul li.pipe{
	border-right: 1px solid #ccc;
}
div#footer ul li a{
	color: #6E749F;
}
div#footer ul li a:hover{
	text-decoration: underline;
}
#container {width: 990px; background: url(../images/page_bg-grad.gif) top left no-repeat; margin: 0 auto; margin-bottom: 20px;}
/* BOTTOM OF PAGE STYLES (Copyright info) */
#bottom_page {clear:both; width: 950px; margin: 0 auto; margin-bottom: 10px;}
#bottom_page p { color: #797FA9; font-size: 12px;}
#bottom_page p.botleft {float: left;}
#bottom_page p.botright {float: right;}
.body {margin: 5px; b1ackground: url(../images/leftCol-grad.gif) left repeat-y!important;}
#body_left {width: 165px; float: left; padding:0px 10px 0px 10px;}
  #body_left .header {color: #6E749F; font-size: 12px; font-weight: bold; padding: 5px; background: transparent url(../images/leftgrad.png) repeat scroll 0% 50%;}
  #body_left ul {list-style-type: none; margin-top: 5px;}
  #body_left ul li {}
  #body_left ul li a { color: #6E749F; font-size: 12px; line-height: 20px;}
.right_banner {width: 176px;}
.right_banner img {margin-bottom: 10px;}

#body_right { padding: 0 0 0 10px; float: left; width: 772px; border-left: 1px solid #cccccc;}
#body_right h11 {font-size: 12px; color:black;}
#body_right .orderhistory h2 {color: #6D739F; font-size: 14px; }
.body p.hide {clear: both; color: #fff;}

.hide {color:white;}

/* HEADER */
#header { width: 960px; height: 110px; margin: 0 auto;}

/* Curved Edges bit ----------------- */

.nw {
	position:absolute;
	background-position:left top;
	left:0;
	top:0;
	width: 4px;
	height: 4px;
	background: url('../images/c2.gif') no-repeat;
	margin: 0 0 0 0;
}
.ne {
	position:absolute;
	background-position:right top;
	right:0;
	top:0;
	width: 4px;
	height: 6px;
	font-size: 0.1em;
	background: url('../images/c2-ne.gif') no-repeat;
	margin: 0 -1px 0 0;
}
.sw {
	position:absolute;
	background-position:left bottom;
	bottom:0;
	left:0;
	width: 4px;
	height: 4px;
	font-size: 0.1em;
	margin-bottom: -1px;
	background: url('../images/c2-sw.gif') no-repeat;
}
.se {
	position:absolute;
	background-position:right bottom;
	bottom:0;
	right:0;
	width: 4px;
	height: 4px;
	font-size: 0.1em;
	margin: 0 -1px -1px 0;
	background: url('../images/c2-se.gif') no-repeat;
}

/* Template Layout Styles (For internal content pages see further down)
----------------------------------------------------------------------------------*/

/* Top Bar Styles ------------- */

#topBar {
	width:  940px;
	background: #046CB7;
	float: left;
	clear: both;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
}

#topMenu { 
	float: left; 
	margin: 5px 0 0 10px; 
	padding: 0;
}

#topMenu li {
	list-style: none;
	display: inline;
	float: left;
	color: white;
	font-family: 'TREBUCHET MS', verdana, arial,verdana;
	font-style: normal;
	font-weight: 100;
	padding: 0 1em 0 0;
}

#search { 
	float: right; 
	margin: 0.3em 0em 
}

#search *{ 
	float: left; 
	margin: 0 0.15em 0 0 
}

#search label { 
	font-size: x-small; 
	color: white; 
	margin: 0.5em 1em 0 0 
} 


/* Left Column Styles ------------- */

#menuBox {
	background: #046CB7 url('../images/leftNav-bottom.gif') no-repeat bottom;
	width: 145px;
	float: left;
	clear: both;
	padding: 0 0 9px 0;
}

#leftMenu {
	width: 121px;
	padding:0 10px 0 10px;
	margin:0;
	float: left;
	list-style: none;

	background: #64BC49;
}

#leftMenu li {
	float: left;
	list-style: none;
	color: white;
	padding: 5px 0;
	margin: 2px 0;
	font-size:0.8em;
	font-weight: bold;
	clear: left;
	font-size: 0.9em;
	width: 100%;
}

#leftMenu li a, #topMenu li a {
	color: white;
	float: left;
}

#leftMenu ul {
	padding: 0;
	margin: 0;
	float: left;
	list-style: none;
	clear: left;
}

#leftMenu ul li {
	color: #ccc;
	font-weight: normal;
	font-size: 0.8em;
}

#leftMenu ul li a {
	color: white;
	font-weight: normal;
	background: url(../images/bullet-menu.gif) no-repeat left;
	padding: 0 0 0 15px !important;
	margin: 0 0 0 5px!important;
	width: 105px !important;
	font-size: 1.2em;
	clear: left;
}

#leftMenu ul li a:hover {
	color: #FFFF00;
	font-weight: normal;
	background: url(../images/bullet-menu.gif) no-repeat left;
	padding: 0 0 0 15px !important;
	margin: 0 0 0 5px!important;
	width: 105px !important;
	font-size: 1.2em;
}


#leftMenu ul a:hover {
	color: #1a4f75;
	font-weight: bold;
}
#leftMenu li a:hover {
	color: #FFFF00;
	font-weight: bold;
	font-size: 1.0em;
}


/* Center Column Styles ------------------ */


#center {
	float: left;
	width: 635px;
	padding: 20px 10px 10px 10px;
	position: relative;
	background: white url('../images/cbg.png') repeat-x top;
}


/*Right Col Styles ------------------- */

#cc {
	position: absolute;
	top: 0;
	right:0;
	width: 20px;
	height: 20px;
	background: white url('../images/cbgc.png') no-repeat;
}
#right { 
	width: 140px;
	float: left;
	padding: 20px 0px 0px 0px;
	position: relative;
	background: white url('../images/cbg.png') repeat-x top;
}



/* Product Styles -------------- */

#product {
	position: relative;
}
#product #image {
	float: left;
	width: 40%;
	
}
#productHeader {
	position: relative;
}

#productHeader #image{
	width: 260px;
	background: #fff;
	text-align: center;
}

#productHeader #image p{
	width: 260px;
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 0.8em;
	text-align: center;
}
#productHeader #image p a{
	color: #1a4f75;
	text-decoration: underline;
}

#product input {

}
.price, .wasprice, .saveprice {
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
#product h1 {
	float: left;
	margin: 0 0 12pt 0;
}

#product #info {
	float: right;
	width: 58%;
}

#product #buy {
	float: left;
	height: 86pt;
}
#product #buy .price {
	font-size: 24pt;
}
#product .longWebDescription {
	clear: both;
	margin: 0 18% 12pt 0;
	font-size: medium;
	font-weight: lighter;
}

.features ul{
	list-style: none;
	margin: 0;
	padding: 0;
	margin: 10px 15px;
	width: 720px;
}
.features li.color .f-left{
background: #eeeeee;
padding:3px;
}

.features li.color .f-right{
background: #eeeeee;
width: 64%!important;
padding:3px;
}

.features li.color{
	list-style-type: none;
	display: inline;
	width: 350px;
	background: #ff0000!important;
}

.features li{
	list-style-type: none;
	display: inline;
	width: 350px;
}

ins.f-left {

}
p.f-right {

}



#product .infotxt {
	width: 13em; 
}
#productFoot {
	float: right;
	width: 365px;
	margin: 0 0 0 0;
	background: #fff;
}

#product #guarantees {
	font-size: small;
	float: left;
	background-color: #B2D4E9;
	margin: 0;
	width: 200pt;
	min-height: 80pt; 
	position: relative;
}
#cfix{
	background-color: #B2D4E9;
	position: absolute;
	right: 0;
	width: 6px;
	height: 80pt; 
}

#product #guarantees h4 {
	padding: 0;
	margin: 4px; 
	float: left;
}


#product .priceButton {
	float: left;
	clear: both !important;
	width: 346px;
	height: 102px;
	padding: 0 0 0 0;
	margin: 0;
	background: #FFF;
	border: 2px dashed #CCC;
}

#product .priceButton div.compare{
	color: #000;
	margin: 5px 0 5px 5px;
	clear: left;
	float: left;
	text-align: right;
	font-size: 1.0em;
}

#product .priceButton div.compare label{
	text-align: left;
	font-size: 0.9em;
	padding: 2px 0 0 15px;
}

#product .priceButton p.buyForPrice{
	float: left;
	clear: both;
	font-size: 1.1em;
	width: 330px;
	background: transparent;
	margin: 0;
	padding: 15px 0 0 15px;
}

#product .priceButton h2{
	width: 305px;
	float: left;
	clear: both;
	margin: 0 0 0 0;
	padding: 5px 40px 0 0;
	font-size: 1.7em;
	color: #64BC49;

	font-weight: normal;
	text-align: right;
}

#product .priceButton p.reserveNow{
	width: 335px;
	float: left;
	clear: both;
	font-size: 1.0em;
	font-weight: bold;
	text-align: right;
	margin: 0;
	padding: 0 20px 0 0;
}

#product .priceButton p.reserveNow a{
	color: #0083C1;
}


#guaranteeDesc .guaranteeDesc {
	display: none;
}
#product #guarantees .field {
	clear: both;
	float: left;
}


/* Linked Products -------------- */

#linkedProducts {
	width: 635px;
	clear: both;
	float: left;
	background: #fff; 
	padding: 10px 0 0 0;
}

#linkedProducts h3.linked{
	width: 615px;
	background: #64BC49;
	color: #fff;
	padding: 5px 10px;
	margin: 0 0 10px 0;
}



/* Product List -------------- */

#productList {
	clear: both;
	float: left;
	width: 100%;
	margin: 0 0 12pt 0;
}

.productListEntry {
	clear: left;;
	float: left;
	width: 635px;
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	background: #fff;
	border-bottom: solid 2px #1A4F75;
}

.productListEntry .imageBox{
	float: left;
	width: 180px;
	background: #fff;
	text-align: center;
}

.productListEntry div.Details{
	width: 320px;
	float: left;
	background: #fff;
}

.productListEntry div.Details h2{
	float: left;
	margin: 0;
	padding: 5px 10px;
	font-size: 0.8em;
}

.productListEntry div.Details h3{
	float: right;
	clear: both;
	margin: 0;
	padding: 5px 10px;
	font-size: 0.8em;
	text-decoration: underline;
}

.productListEntry div.Details p{
	float: left;
	clear: both;
	width: 300px;
	padding: 0px 10px;
	font-size: 0.7em;
}



/* Price Box styles ------- */

.priceBox{ 
	float: left;
	font-size: 1.0em;
	background: url(../images/detailsBox.gif) no-repeat;
	color: #fff;
	height: 96px;
	width: 96px;
	padding: 5px 5px 5px 5px;
	margin: 0 0 0 20px;
}

.priceBox p.price{
	color: #fff;
	margin: 0;
	padding: 0;
	width: 96px;
	text-align: right;
} 


div.priceBox div.compare{
	color: #FFF;
	margin: 5px 0 5px 5px;
	clear: left;
	float: right;
	text-align: right;
	width: 95px;
	font-size: 0.8em;
}

.priceBox div.compare label{
	text-align: right;
	font-size: 0.9em;
	padding: 2px 0 0 15px;
}

.priceBox p.moreInfo{
	width: 90px;
	clear: both;
	float: right;
	font-size: 0.8em;
	text-align: right;
	padding-top: 5px;
	font-weight: bold;
	color: #fff;
}

.priceBox p.moreInfo a{
	color:#76DC56;
}



/* Product List Entry ---------- */

.productListEntry .info { 
	float: left;
	border-top: 3px solid #B2D4E9;
	width: 60%;
	padding: 0 0 0 0.25em;
	font-size: 9pt;
	background: #ccc;
}
.productListEntry .info .features {
	float: left;
	width: 67%
}

.productListEntry .price { 
	font-size: 16pt;
}
.productList .action {
}



/* Action ----------------- */

.action { 
	float: left;
	font-size: 10pt;
	position: relative;
	background-color:#B2D4E9;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	height: 72pt;
	width: 72pt;
	padding: 4pt;
}
.action div {
	clear: both;
	float: left;
}
.moreinfo {
	text-align: right; 
	padding: 2em 0 0 0;
	width:100%;
}
.moreinfo a {
	text-decoration: underline; 
}
.action .price {
	font-size:175%;
	width:100%;
	text-align:right;
}
.buy {
	position: relative;
	font-weight: bold;
	color: #5F8FC9;
}
.productListEntry h2 {
	padding: 0;
	margin: 0;
	font-size: 12pt;
}
.productListEntry p {
	padding: 0 ;
	margin:0;
	font-size: small;
}
.productListEntry ul {
	font-size: small;
	float: left;
	padding: 0 0 0 1em ;
	margin: 2pt ;
}

.pence {
	font-size: 70%;
	
}

.productGroups {
	margin: 0;
	padding: 0 0 15px 0 ;
	font-size:10pt;
	list-style: none;
	background-color: #64BC49;
	float: left;
	width: 100%;
	position: relative;
}

.productGroups h1 {
	color: #eee;
	font-size: 16pt;
	padding: 5px 10px;

	margin: 0; 
}
.pgroup { 
	height: 200px;
	font-weight: bold;
	width: 100%;
	float: left;
	color: #fff;
}

.productGroups ul{
	list-style: none;
}

.productGroups ul li{
	margin: 2px 15px;
	width: auto;

}

.productGroups ul li a{
	margin: 0;
	padding: 5px 10px;
	color: #fff;
	border: 1px solid #fff;
	display: block;
}

.productGroups ul li a:hover{
	background:#046CB7;
	display: block;
}

.productGroupEntry {
	float: left;
	width: 33%;
	font-weight: normal;
}

.offer {
	width: 49%;

	color:#000; 
	float: left;
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 10pt;
	position: relative;
	border: 1px solid #003B67;
}

.offer .image {
	float: left;
	margin: 4px; 
}

.offer .buy {
	position: relative;
	bottom: 4px; 
	right: 4px;
	font-size: 11pt; 
	font-weight: bold;
}
.offer .moreinfo {
	position: relative;
	bottom: 4px; 
	left: 138px;
	font-size: 10pt;
	font-weight: normal;
}

.offer .price {
	margin: 4pt 0 0 0;
	font-size: 250%;
}

/* ODD and EVEN Styles
------------------------------------------ */

#row1{
	width:635px;
	float: left;
	clear: left;
}

#row1 .even{
	height: 250px;
}

#row1 .odd{
	height: 250px;
}

#row2{
	width:635px;
	float: left;
	clear: left;
	margin-top: 10px;

}

.even{
	border: 1px solid #046CB7;
	width: 310px;
	height: 280px;
	float: left;
	padding: 0;
	margin: 0 0 10px 11px;
}

.even a img{
	width: 170px;
	margin: 0;
	padding: 10px 0 0 0;
	border: none;
	float: left;
}

.even div.title{
	float: left;
	clear: none;
	width: 130px;
	padding: 20px 0 0 0;
}

.even a{
	color: #5F8FC9;
}

.even div.title h1{
	font-size: 1.2em;
	padding: 10px 0 0 0;
	margin: 0;
	color: #5F8FC9;
}

.even div.title h2{
	font-size: 1.0em;
	padding: 5px 0 0 0;
	margin: 0;
	font-weight: normal;
}

.even div.title h3{
	float: left;
	font-size: 2.2em;
	margin: 0;
	padding: 10px 0 0 0;
	color: #64BC49;
}

.even div.title p.infotban{
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
}

.even ul{
	width: 300px;
	float: left;
	clear: both;
	list-style: none;
	margin: 0;
	padding: 5px 0 0 0;
}

.even ul li{
	width: 100px;
	float: left;
	clear: left;
	text-align: center;
	margin: 0;
	padding: 5px 0 0 45px;
	font-size: 0.9em;
}

.even ul li a{
	color: #5F8FC9;
	text-decoration: underline;
	font-weight: normal;
}

.even p{
	float: left;
	clear: left;
	width: 300px;
	margin: 0;
	padding: 10px 5px 0 5px;
	text-align: center;
	font-size: 0.7em;
	color: #446174;
	font-weight: bold;
}

.odd{
	border: 1px solid #046CB7;
	width: 310px;
	height: 280px;
	float: left;
	clear: left;
	padding: 0; 
	margin: 0 0 10px 0;
}

.odd a img{
	width: 170px;
	margin: 0;
	padding: 10px 0 0 5px;
	border: none;
	float: left;
}

.odd div.title{
	float: left;
	clear: none;
	width: 130px;
	padding: 20px 0 0 0;
}


.odd a{
	color: #5F8FC9;
}

.odd div.title h1{
	font-size: 1.2em;
	padding: 10px 0 0 0;
	margin: 0;
	color: #5F8FC9;
}

.odd div.title h2{
	font-size: 1.0em;
	padding: 5px 0 0 0;
	margin: 0;
	font-weight: normal;
}

.odd div.title h3{
	float: left;
	font-size: 2.2em;
	margin: 0;
	padding: 10px 0 0 0;
	color: #64BC49;
}

.odd div.title p.infotban{
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
}

.odd ul{
	width: 300px;
	float: left;
	clear: both;
	list-style: none;
	margin: 0;
	padding: 5px 0 0 0;
}

.odd ul li{
	width: 100px;
	float: left;
	clear: left;
	text-align: center;
	margin: 0;
	padding: 5px 0 0 45px;
	font-size: 0.9em;
}

.odd ul li a{
	color: #5F8FC9;
	text-decoration: underline;
	font-weight: normal;
}

.odd p{
	float: left;
	clear: left;
	width: 300px;
	margin: 0;
	padding: 10px 5px 0 5px;
	text-align: center;
	font-size: 0.7em;
	color: #446174;
	font-weight: bold;
}

/* End of ODD and EVEN 
------------------------------------------ */

#firstoffer{
	width: 633px;
	border: 1px solid #046CB7;
	float: left;
	margin: 10px 0;
	padding: 0 0 10px 0;
}

#firstoffer div.leftDetail{
	float: left;
	width: 300px;
}

#firstoffer div.leftDetail h2{
	font-size: 1.2em;
	padding: 10px 0 0 25px;
	margin: 0;
}

#firstoffer div.leftDetail h3{
	font-size: 1.0em;
	padding: 5px 0 0 25px;
	margin: 0;
}

#firstoffer div.leftDetail p{
	font-weight: bold;
	clear: left;
	color: #446174;
	font-size: 0.8em;
	padding: 10px 0 0 25px;
	width: 250px;
	margin: 0;
}


#firstoffer .rightDetail{
	float: left;
	width: 330px;
}

#firstoffer .rightDetail img{
	padding: 10px 0 0 0;
	border: 0;
	float: right;
	margin: 0 20px 0 0;
}

#firstoffer .rightDetail a img{
	padding: 10px 0 0 0;
	border: 0;
	float: right;
}

#firstoffer .rightDetail h2{
	width: 100px;
	height: 30px;
	float: left;
	font-weight: bold;
	color: #446174;
	font-size: 0.8em;
	padding: 15px 0 0 15px;
	margin: 0;
}

#firstoffer .rightDetail h3{
	width: 110px;
	float: left;
	clear: left;
	font-weight: normal;
	color: #64BC49;
	font-size: 2.0em;
	margin: 0;
	padding: 0 0 0 15px;
}

#firstoffer .rightDetail ul{
	width: 270px;
	clear: both;
	list-style: none;
	padding: 5px 0 0 60px;
	margin: 0;
}

#firstoffer .rightDetail ul li{
	float: left;
	width: 100px;
	padding: 0 10px;
}

#firstoffer .rightDetail ul li a{
	color: #5F8FC9;
	text-decoration: underline;
	font-size: 0.9em;
}

#sortList {
	float: left;
	clear: left;

	font-size: small;
	margin: 0 0 0 0;
	padding: 0 0;
	width: 630px;
}
#sortList h2 {
	display: inline;
	font-size: small;
	float: left;
}
#sortList ul {
	margin: 0;
	padding: 15px 0 0 0;
	float: left;
	clear: none;
	width: 550px;
}

#sortList ul li { 
	list-style: none;
	display: inline;
	padding: 1px 5px; 
	margin: 0 10px;
	background: #eee;
}

.sortPriceASC {
	padding-right: 1.25em;
	background-image: url('../images/up.png');
	background-position: center right;
	background-repeat: no-repeat;
}
.sortPriceDESC {
	padding-right: 1.25em;
	background-image: url('../images/down.png');
	background-position: center right;
	background-repeat: no-repeat;
}

#pageInfo{
	width: 635px;
	background: #eee;
	float: left;
	clear: left;
	margin: 5px 0;
	padding: 2px 0;
}

.pageList {
	font-size: small;
	color: silver;
	float: left;
}
.pageList a {
	padding: 0 0.25em;
	color: #6E749F;
}

.compareList{
	float: right;
	font-size: 0.75em;
}

.compareList a{
	padding: 0 10px 0 0;
	text-decoration: underline;
}
.cartItem {
	clear: both;
	float: left; 
	width: 632px;
	border: 1px solid #003B67;
	margin: 5px 0 0 0;
	padding: 5px 0;
	
}
.cartItem .imageBox {
	width: 120px;
	margin: 0 0 0 0;
	padding: 0;
	background: #eee;
	float: left;
}

.cartItem div {
	float: left;
	font-size: 14pt;
	width: 3em;
	padding-left: 10px; 
	white-space: nowrap;
	text-align: right;	
}
.cartItem .qty {
	width: 50px;
}

.cartItemh2{
	font-weight: bold;
	clear: left;
	color: #446174;
	padding: 0pt;
	font-size: 14pt;
	margin:2pt;

}

.cartItem{
	width: 632px;
	background: #fff;
	float: left;
}

.cartItem p{
	margin: 20px;
	text-align: center;
}
.cartItem p a{
	color: #64BC49;
}

.cartItem .imageBox{
	float: left;
	width: 180px;
	text-align: center;
	background: #fff;
}

.cartItem .basketItemText{
	float: left;
	font-size: 1.2em;
	color:#5F8FC9;
	width: 320px;
	background: #fff;
}

.cartItem .basketItemText h2{
	text-align: left;
	margin: 0 0;
	padding: 0 0;
	font-size: 1.0em;
}
.cartItem .basketItemText h3{
	text-align: left;
	margin: 0 0;
	padding: 10px 0 0 0;
	font-size: 0.9em;
	color: #5F8FC9;
	font-weight: normal;
}

.cartItem .basketRightCol{
	float: left;
	width: 110px;
	background: #fff;
	margin: 0 auto;
}

.cartItem .basketRightCol input{
	margin: 0 0 0 5px;
	width: 40px;
}

.cartItem .basketRightCol ul.removeText{
	list-style: none;
	width: 110px;
	margin: 0 auto;
	padding: 10px 0;
	float: left;
	text-align: center;
}

.cartItem .basketRightCol ul.removeText li{
	float: left;
	clear: left;
	width: 110px;
	text-align: center;
	padding: 5px 0 0 0;
}

.cartItem .basketRightCol ul.removeText li a{ 
	text-decoration: underline;
	font-size: 0.7em;
	color: #5F8FC9;
}

.cartItem .product {
	width: 300px;
	padding-left: 0;
	font-weight: bold;
	text-align: left;
}
.cartItemWarranty {
	border-top: none;
}
.cartItemWarranty .product {
	padding-left: 130px;
}
.cartItemWarranty .subtotal {
	padding-left: 70px;
}

#totals {
color:#78787B;
float:right;
line-height:20px;
text-align:right;
width:230px;
}
#totals table tr td p {font-size: 14px;}
#totals table tr td p strong {font-size: 14px;}
#totals table tr td p span.red {color: #d70b32; font-size: 14px; text-decoration: underline; font-weight: bold;}
#totals h1{
	font-size: 1.1em;
	clear: none;
	float: right;
	margin: 0;
	padding: 5px 0;
	text-align: right;
	color: #fff;
}

#totals h1 span.bigger {
	font-size: 1.5em !important;
}

#totals .note {
	width: 25%;
	float: left;
}

#totals .label{
	font-size: 10pt;
	font-weight: 800;
}

#totals .total{
	font-size: 10pt;
	font-weight: 800;	
}


#tempting {
	clear:both;
	padding: 12pt 0 0 0 
}


/* Logo */
#logo { margin-right: 1.8em; }


/* checkout */

#checkout{
	width: 500px;
	background: #fff;
	float: left;
	margin: 0;
	padding: 0;
}

#checkout .fieldset{
	margin: 10px 0;
	padding: 10px 10px;
	width: 580px;
	float: left;
}

#checkout .formComplete{
	width: 580px;
	clear: left;
	margin: 20px 10px;
	padding: 0;
}

#checkout h4{
	margin: 0;
	padding: 10px 0;
	color: #64BC49;
}

#checkoutError {
	color: black;
	font-size: 12pt;
}
#checkoutError a {
	font-size: 12pt;
	font-weight: bold;
	text-decoration: underline;
}	
#checkoutform input.error {
	border: 1px solid red; 
	background: #FFFCE2; 
}
#checkoutform #delpostcode.error, #checkoutform #postcode.error, #checkoutform #title.error {
	border: 1px solid red;
	background: #FFFCE2 url('../images/warning_obj.gif') no-repeat right; 
	width: 6em; 
	margin: 3px 0 0.5em 15px;
	margin-bottom: 0.5em;
	font-size: 0.75em; 
	float:left;
}

.error {
	border: 1px solid red;
	background: #FFFCE2; 
}

form#checkoutform {
	margin: 0; 
	padding: 0; 
	background: #fff;
}
.bullet { clear:none }

#checkoutform label, .warning, .bullet  {
	font-size: 0.75em;  
	font-weight: bold; 
	padding: 5px 0 0 5px; 
	float: left; 
	clear: left; 
	width: 270px;
}

#checkoutform label a{
	color: #046CB7;
	text-decoration: underline;
}

#checkoutform .lblpostcode {
	font-size: 0.75em; 
	color: #555; 
	display: block; 
	font-weight: bold; 
	padding:  5px 0 0 5px; 
	float: left; 
	clear: none; 
	width: 100px; 
	text-align: right;
}
form#checkoutform input.text, form#checkoutform select.text {
	border: solid #ccc 1px; 
	width: 15em; 
	margin: 3px 0 0.5em 15px;
	font-size: 0.75em; 
	float:left;
}
form#checkoutform input.checkbox {
	border: solid #ccc 1px; 
	margin: 3px 0 0.5em 15px;
	font-size: 0.75em; 
	float:left;
}
form#checkoutform input.text2 {
	border: solid #ccc 1px; 
	width: 6em; 
	margin: 3px 0 0.5em 15px;
	font-size: 0.75em; 
	float:left; 
	clear:right
}
form#checkoutform textarea {
	border: solid #ccc 1px; 
	margin: 3px 0 0.5em 15px;
	font-size: 0.75em; 
	width: 31.0625em
}
form#checkoutform .text, .text2 {
	font-size: 0.75em
}
form#checkoutform .warning {
	color: red; 
}
#checkoutform fieldset {
	margin: 0% 3% 0% 0;
}
#checkoutform fieldset p {
	color: #555; 
	font-size: 0.6875em
}
#checkoutform fieldset p.indent {
	margin-left: 30px
}
legend {
	display: none;
}
clear2 {
	clear: left
}
#checkoutform.warning {
	color: #f00; 
	float:left; 
	width: 50%;
}
#checkoutnotice.notice {
	color: #f00; 
	font-size: 0.8em; 
	float:left
}
span.fieldreq { 
	font-size: 0.7em; 
	left:0.7em; 
	float:left; 
	padding: 0.35em 0 0 0.35em;
	color: #2E72B9;
}
span.uk { 
	width: 40%; 
	margin: 3px 0 0.5em 15px;
	font-size: 0.75em;  
	float:left;
}
span.checkoutlast { 
	font-size: 0.7em; 
	float:left;
}
span.checkoutnext { 
	font-size: 0.7em; 
	float:right; 
	font-weight: bold;
}
#checkoutform input.checkoutnav {
	font-size: 1.3em;
}
#postcodeclick { 
	margin-left: 2em; 
}
#address_error { 





	font-size: 0.75em; 
	font-weight: bold; 
	padding:  0.35em 0 0 0;
	color: #D70B32;
}
#header h1 { float: left; }
#LOGO { float: left; margin: 0 0 0 0.3em }
#HEADBANNER { float: right; }
div.offer { height: 18em; }
.hotoffer { text-align: center; width:100%; background: #64BC49; padding: 0; color:#FFF; font-weight: bold; margin: 0 0 0 0; }
.leftImg { text-align: center; padding: 0.5em 0; }
#leftBanners { background-color: #FFF; clear: left; }
#topofferdesc { padding: 0.3em 0em 0em 0.3em; color: #103756; font-size:13.5pt; }
.productdata { float: left; width: 50%; }
#firstoffer div.pricedata { float: right; margin:0.9em 0 0 0; width:9em; }
#firstoffer div.image { float: right; }
#firstoffer div.priceimg { width: 50%; background: #eee; }
#firstoffer div.priceimg img {}
#firstoffer div.priceimg div.infotban{ float: left; width:100px; padding-top: 10px;}
#firstoffer div.priceimg div.price { color:#446174; font-size:2.4em; font-weight: bold; }
#firstoffer div.buy { position: relative; float: left; width: 50%; font-size: 11pt; font-weight: bold; text-decoration: underline; }
#firstoffer div.priceimg ul.buydata { width: 200px; float:left; clear: left; background: #ccc; }
div.wasprice { float: left; clear:both; color:#446174; font-size:12pt; height: 1.2em; }
div.saveprice { float: left; clear:both; color:#446174; font-size:12pt; height: 1.2em; }
.imgbuydata { float: left; width: 13em; }
.detailpricedata { float: left; width: 9em; color:#5F8FC9; margin:1em 0em 0em 0.5em; }
.buydata { float: left; text-align: center; color:#5F8FC9; font-weight: bold; text-decoration: underline; margin: 0 0 0 3.85em; background: #333; }
.proddescdata { float: left; text-align: center; color: #446174; font-size: 9pt; font-weight: bold; text-align: center; clear: left; width: 99%; }
#submitbutton{float: right; margin-top:5pt}
#items div.product{font-size: 13pt; margin-top:0.1em}
.buydata a { color: #5F8FC9; }
.productbuy { text-align: right; width:100%; margin: 1.75em 0pt 0pt }
.productbuy a { font-size: 13pt; text-decoration:underline; color:#446174;}
.checkoutFinish { width: 870px; padding: 0 50px;}
.checkoutFinish p {line-height: 20px;}
.checkoutFinish p b {padding: 0; margin: 0; line-height: 30px;}
.checkoutFinish h2 {color:#6D739F;font-size:16px;margin:0 0 10px;padding:0;}
.checkoutFinish h2.header {}
.checkoutFinish #orderNumber {padding: 15px 0; font-weight: bold; color: #d70b32; font-size: 14px;}
.checkoutFinish table {margin-top: 10px; }
.checkoutFinish td {padding: 2px 0; }
.checkoutFinish #continueButton {float: right; margin: 10px;}
#map { height: 500px; height:500px; }
.rightImg { text-align: center; padding: 0.5em 0; }


/* Product Text Banner Classes */
.tbanred { color: red; }
.tbangreen { color: green; }
.tbansilver { color: silver; }
.tbanblack { color: black; }
.tbanyellow { color: yellow; }

#productBigPicture p a{
	color: #446174;
	font-size: 0.8em;
	float: left;
	clear: left;
	margin: 20px 0; 
}

#productBigPicture div#image{
	width: 630px;
	float: left;
	clear: left;
}

/* Product Compare */
.compare {
	color: #000;
	margin: 0 0 0 1.5em;
	display: inline;
	width: 100%;
}
#compareproducts {
	font-size: 10pt;
	text-align: center;
}
#compareproducts .price {color: #D20A30; font-size: 18px;font-weight:bold; padding: 10px;}
#compareproducts h2{
	color: #6D739F; font-size: 14px;
	text-align: left;
}
.compareRow .colour {background: #f4f4f4;}
.gridH3Style {line-height: 20px; padding: 0; margin: 10px;}
.comparecol {
	font-weight: bold;
	border-style: none solid solid none;
	border-width: 0pt 1px 1px 0pt;
	border-color: #CCCCCC;
	text-align: center;
}
.featurecol {
	font-weight: normal;
	border-style: none solid solid none;
	border-width: 0pt 1px 1px 0pt;
	border-color: #CCCCCC;
}

#compare input {
	float: none;
}

/* Choose Branch Screen */
#neareststore {
	float: left;
	clear: right;
}

#neareststore h1{
	font-size: 1.8em;
	color: #2E72B9;
	margin: 0;
	padding: 10px 0 0 0;
	clear: left;
}

#neareststore h2{
	clear: left;
	font-size: 0.9em;
}

#neareststore h3{
	clear: left;
	font-size: 1.0em;
	color: #1A4F75;
}

#neareststore p{
	font-size: 0.8em;
	font-weight: normal;
	clear: left;
}

#neareststore div.branchSelector{
	width: 600px;
	clear: left;
	margin: 10px 0;
	padding: 10px 0 20px 0;
	border-bottom: 1px solid #000;
}


#neareststore div.branchSelector label{
	float: left;
	padding: 2px 10px 0 0;
	font-size: 1.0em;
}

#neareststore div.branchSelector select {
	float: left;
	padding: 0.1em 0 0 0;
	margin: 0 10px 0 0;
}

#storecopy {
	font-weight: bold;
	width: 100%;
	clear: left;
	float: left;
	margin: 1.25em 0 0 0;
}
.locationdetails h3 {
	float: left;
	clear: left;
	margin: 0;
}
#locationdetailsMap, #locationdetailsMap1, #locationdetailsMap2 {
	clear: left;
}

div.comparefeatures{
	width: 640px;
	float: left;
	background: #fff;
}


table.compareRow {
	background: #fff;
	float: left;
	clear: left;
	margin: 20px 0;
}

table.compareRow td{
	padding: 0;
border-right: 1px solid #ccc;
width: 148px;
}

table.compareRow td.compareproduct{
	background: #fff;border: 0;

}

table.compareRow td.compareproduct h2{
	font-size: 1.3em;
	margin: 5px 0 5px 0;
	padding: 0 0 0 15px;
}

table.compareRow td.compareproduct img{
	margin: 0 0 5px 0;
}

table.compareRow td.compareproduct p{
	margin: 0 ;
	padding: 0 0 5px 0;
	font-size: 0.8em;
	color: #1a4F75;
}

table.compareRow td.compareproduct p a{
	color: #1A4F75;
	text-decoration: underline;
}

table.compareRow td.header{
	font-weight: normal;
	font-size: 0.8em;
	padding: 5px 5px;
	width: 160px;
        border-right: 1px solid #ccc;
}

#pagePrint h2{
	float: left;
	clear: both;
}

#pagePrint fieldset{
	float: left;
	clear: left;
	margin: 10px 0;
	width: 500px;
}

#pagePrint p{
	float: left;
	clear: left;
	margin: 5px 0;
	padding: 0;
	font-size: 0.8em;
}

#pagePrint p a{
	text-decoration: underline;
	color: #1a4f75;
	font-size: 1.0em;
}

#pagePrint hr{
	width: 100%;
	float: left;
	clear: both;
}

a {text-decoration: none; color: inherit;}

a img {border: 0; cursor:pointer;}

body { background: url(../images/prc_main_bg.gif) repeat-x #fff;
	/* align cols in IE */
	margin: 0 0 0 1px;
	/* :hover, :active and :focus pseudoclasses for IE */
	behavior: url("/csshover2.htc");
}



/* HEADER ( LOGO AREA) */
#header_left { width: 270px; float: left; height: 50px; padding-top: 35px}
#header_left a { clear: both; display: block;}
#header_left a img {border: 0; margin-top: 2px;}
#header_left strong { font-size: 12px; color: #686D8D;}
#header_left strong span { font-size: 18px;}

#header_left h1 a {
position:relative;	
}

#header_left h1 a span {
position:absolute;
z-index: 400;
width:270px;
}

#header_left h1 a img {
position:absolute;
z-index: 500
}

/* HEADER (LINKS, SEARCH and BASKET AREA) */
#header_right {width: 680px; float: left; text-align: right}

/* HEADER (LINKS AREA) */
#header_right_links { margin: 15px 0 0 0; height: 25px; float: right}
#header_right_links ul { list-style-type: none; float: right; clear: both;}
#header_right_links ul li {float: left; padding: 0 10px 0 10px; background: url(../images/header_right_links_bg.gif) right no-repeat;}
#header_right_links ul li a {text-decoration: none; color: #2C3365; height: 20px; text-align: center; display: block; display: block; float: left;}

/* HEADER (SEARCH AREA) */
#header_right_search { float:left;}
#header_right_search label {color: #686D8D; font-weight: bold; font-size: 14px; padding-right: 5px; }
#header_right_search input {border: 1px solid #BBBED3; background: url(../images/header_searchform_bg.gif) repeat-x; height: 16px; padding: 0; margin-bottom: 2px;}
#header_right_search .header_search_button {background: url(../images/header_searchform_go.gif) no-repeat; border: 0; color: #fff; width: 47px; height: 18px; padding: 0 0 0 0; margin: 2px 10px;}

/* HEADER (BASKET AREA) */
#header_right_basket { color: #686D8D; font-size: 11px; float:right;}
#header_right_basket strong {font-size: 14px; color: #686D8D; margin-right: 10px;}

.header_right_red {color: #D70B32; font-weight: bold;}
.header_right_red a {color: #D70B32; text-decoration: underline;}

.contact {float:right;font-size:12px;font-weight:bold;color:#5f5f5f;height: 22px; margin-top: 8px;}
.contact span {font-size:1.4em; padding: 0 5px 0 5px;}

.headright { float:right; width:606px;}
/* Main Navigation */

#main_nav { width: 960px; background: url(../images/main_menu_bar.gif) no-repeat; height: 32px; margin: 0 auto; clear: both;}
/* HOME IMAGE */
.nav img {margin-left: 10px; float: left;}

/* LINKS */
/*
#main_nav ul { list-style-type: none;}
#main_nav ul li { float: left;}
#main_nav ul li a { color: #F0EFEF; text-decoration: none; font-size: 11px; display: block; padding: 8px 8px 0px 8px; height: 23px; float: left;}
#main_nav ul li a:hover {text-decoration: underline;}
*/

/*** Nav bar styles ***/

.menusep {border-right:1px solid #dddddd; height: 26px!important;}
ul.nav, .nav ul{margin: 0; padding: 0; list-style-type: none; display: inline; float: left; z-index: 10;}
ul.nav li{clear: none; float: left; position: relative; z-index: 10;height:27px;}
ul.nav li a{float: left; padding: 5px 13px 5px 13px; z-index: 10;}
ul.nav li:hover{ background: #00ff00 left no-repeat; z-index: 10;}
ul.nav li:hover a{ background: #be1335 right no-repeat;text-decoration:none; height: 18px;}
ul.nav li ul{display: none;}
ul.nav li:hover ul{display: block; position: absolute; top: 23px; left: 0; top: 28px; border: 1px solid #D3697F; border-top: 0; background: url(../images/menu_bg.gif) repeat-x #740015; width: 165px; margin-left: 0px; z-index: 9999;}
/*** Menu colors (customizable) ***/
ul.nav, .nav ul, .nav ul li a{ color: #F0EFEF; background: none; display: block; }
ul.nav li:hover, .nav ul li a:hover{color: #fff;}
ul.nav li:hover ul li a:hover {background: none;}
ul.nav li:active, .nav ul li a:active{color: #fff;}
.nav a{ color: #F0EFEF; text-decoration: none; font-size: 12px; font-weight:bold; padding: 0px 1px 0px 2px; }

ul.nav li ul li a {font-weight:normal;font-size:12px;padding: 10px 5px 10px 15px; float: left; width: 140px; background: none!important;}

ul.nav li:hover ul.sbb{display: block; position: absolute; top: 23px; left: 0; top: 28px; border: 1px solid #D3697F; border-top: 0; background: url(../images/menu_bg.gif) repeat-x #740015; width: 370px; margin-left: 0px; z-index: 9999;}

ul.nav li ul li.left {float: left;width: 120px;}

ul.nav li ul li:hover {background: #C46678!important}

.mainMenu_homeLinkImage img {background: none; padding: 0; margin: 0;}
.mainMenu_homeLinkImage a {background: none !important;}
.mainMenu_homeLinkImage {background: none !important; margin-top: -7px;}

.mainMenu_homeLink {background: none !important;}
.m1ainMenu_homeLink a{background: none !important;}

.menulast span ul {right: 0!important; left: auto!important;}

div.membersarea,
div.reviewsplash{
	width: 100%;
	padding: 10px 0 0 0;
}

div.membersarea div.logout{background: url('../images/ma-logout-gs.jpg') no-repeat center top;}
div.membersarea div.logout:hover{background: url('../images/ma-logout.jpg') no-repeat center top;}
div.membersarea div.ordertracking{background: url('../images/ma-ordertracking-gs.jpg') no-repeat center top;}
div.membersarea div.ordertracking:hover{background: url('../images/ma-ordertracking.jpg') no-repeat center top;}
div.membersarea div.invoices{background: url('../images/ma-invoices-gs.jpg') no-repeat center top;}
div.membersarea div.invoices:hover{background: url('../images/ma-invoices.jpg') no-repeat center top;}
div.membersarea div.reviews{background: url('../images/ma-reviews-gs.jpg') no-repeat center top;}
div.membersarea div.reviews:hover{background: url('../images/ma-reviews.jpg') no-repeat center top;}

div.membersarea div.link{
	padding: 0 7px 0 7px ;
	float: left;
	width: 180px;
	height: 300px;
	text-indent: -90123px;
}

div.membersarea div.link a{
	display:block;
	width: 100%;
	height: 100%;
}

div.reviewsplash div.product{background: url('../images/ma-prodrev-gs.jpg') no-repeat center top;}
div.reviewsplash div.product:hover{background: url('../images/ma-prodrev.jpg') no-repeat center top;}
div.reviewsplash div.service{background: url('../images/ma-servicerev-gs.jpg') no-repeat center top;}
div.reviewsplash div.service:hover{background: url('../images/ma-servicerev.jpg') no-repeat center top;}

div.reviewsplash div.link{
	padding: 0 7px 0 7px ;
	float: left;
	width: 375px;
	height: 300px;
	text-indent: -90123px;
}

div.reviewsplash div.link a{
	display:block;
	width: 100%;
	height: 100%;
}

#breadcrumbs {background: #F9F9FF; padding: 10px 0 0 0; color: #6E749F; height: 20px;}
#breadcrumbs p {padding-top: 2px; font-weight: bold;}
#breadcrumbs ul{float: left; margin: 0;list-style: none;font-size: 0.9em;}
#breadcrumbs ul li{float: left;}
#breadcrumbs ul li a{background: none !important;padding: 0 0 0 0 !important;overflow: hidden;}

#breadcrumbs ul li.end{	color: #CC0000; float: left; clear: right;}
#breadcrumbs .pageList {float: left; width: 120px; padding: 5px; }


/*.green {color: green}*/
.green {color: #000000}
.orange {color: #000000}
/*.red {color: #D20A30}*/
.red {color: #000000; padding-left: 5px;}

.showTab{
	visibility:visible;
}

.hideTab{
	visibility:hidden;
}


ul.tabset {
	overflow:hidden;
	list-style:none;
	width:670px;
	float: left;
	margin:10px 0 0 1px;
	padding:0 0 1px;
	/*background:url(../images/primary-line.gif) repeat-x 0 100%;*/
	color:#666;
	clear: left;
}
ul.tabset-right {
	float: right;
	overflow:hidden;
	list-style:none;
	margin:10px 0 0 1px;
	padding:0 0 1px;
	/*background:url(../images/primary-line.gif) repeat-x 0 100%;*/
	color:#666;
	clear: right;
}

ul.tabset li {
	float:left;
	margin:0 2px 0 0;
	font:bold 11px/28px Arial, Helvetica, sans-serif;
}

ul.tabset-right li.list {
    float:left;
    margin:0 2px 0 0;
    font:bold 11px/28px Arial, Helvetica, sans-serif;
}

ul.tabset-right li.grid {
    float:left;
    margin:0 2px 0 0;
    font:bold 11px/28px Arial, Helvetica, sans-serif;
}

ul.tabset li a {
	color:#333;
	text-decoration:none;
	text-align:center;
	display:block;
	float:left;
	background:url(../images/tabset-right.gif) no-repeat 100% 0;
}
ul.tabset-right li a {
	color:#333;
	text-decoration:none;
	text-align:center;
	display:block;
	float:left;
	background:url(../images/tabset-right.gif) no-repeat 100% 0;
}
ul.tabset li a span {
	background:url(../images/tabset-left.gif) no-repeat;
	display:block;
	padding:0 14px;
}
ul.tabset-right li a span {
background:transparent url(../images/tabset-left.gif) no-repeat;
display:block;
height:20px;
padding:4px 0px;
width: 45px;
}
.mac ul.tabset li a span {padding:0 11px 0 12px;}
.mac ul.tabset-right li a span {padding:0 11px 0 12px;}

ul.tabset li a.active span {
	background:url(../images/tabset-left-active.gif) no-repeat;
	display:block;
	padding:0 14px;
}
ul.tabset li a.active {
	margin:0 0 -1px;
	position:relative;
	line-height:29px;
	color:white;
	background:url(../images/tabset-right-active.gif) no-repeat 100% 0;

}
ul.tabset-right li a.active {
	margin:0 0 -1px;
	position:relative;
	line-height:29px;
}

ul.tabset li a:hover, ul.tabset li a.active {color:#6D739F;}
ul.tabset li a.active {color:white;}
ul.tabset-right li a:hover, ul.tabset-right li a.active {color:#6D739F;}

#prodtabs {
    width:768px;
}

#prodtabsbasket {
    width:860px;
}

.productdatatabs .tab {
	width:748px;
	padding:10px 8px;
	border:1px solid #ccc;
	overflow:hidden;
	margin:0 0 0 1px;
	line-height: 20px;
	clear: both;
}

#basketRightCol .brd-box {
	width:720px;
	padding:10px 8px;
	border:solid #ccc;
	border-width:1px 1px 1px;
	overflow:hidden;
	margin:0 0 0 1px;
	line-height: 20px;
}
.productdatatabs .tab .f-left {padding:3px;float: left; font-weight: bold; width: 250px;clear: left; text-align: left!important;}
.productdatatabs .tab .f-right {padding:3px;text-align: left; width: 400px; float: left; clear: right;}

.static {padding: 0 10px;}
.static table tr td div h1 {font-size: 18px; font-weight: bold;}
.static table {padding: 10px 10px 10px 20px; line-height: 18px;}
.static table ul {margin-left: 25px;}
.static table ol {margin-left: 25px;}
.static ul {margin-left: 15px;}
.static ul.secondlvl {margin-left: 30px;}
.finance_title { font-weight: normal; font-size: 18px; color: black; margin-bottom:10px;}
.finance_description { padding-bottom: 0px; font-size: 12px; color:#78787B;}
.finance_moreinfo { padding: 10px 0px 20px 0px; font-size: 12px; }

.sitemap {padding: 10px;}

.sitemap a {}
.sitemap ul li {margin-left: 25px; padding: 2px; }
.sitemap ul li ul {padding-top: 5px;}
.subcat {font-weight: normal;}
.subsubcat {font-weight: normal;}

.sitemap h2 {padding-bottom: 10px;}

.sitemap_leftcol { width: 300px; float: left;}
.sitemap_rightcol {}
#sitemap_rightcol ul.secondlvl li { margin-left: 30px;}

.sitemap h3 {font-size: 16px;}
.sitemap h2 {font-size: 14px;}


/* Quicklinks Section ----------------------- */

div.quicklinks{
	width: 960px;
	clear: left;
	padding: 5px 0;
	border-top: 1px solid #cccccc;
	margin: 0 auto;
}
div.quicklinks ul{
	float: left;
	padding: 0 0 0 10px;
	width: 23%;
        text-align: center;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
div.quicklinks ul h3{
	font-size: 1.0em;
	padding: 5px 0;
}
div.quicklinks ul li{
	float: left;
	clear: left;
	padding: 3px 5px 3px 10px;
	font-size: 0.9em;
	width: 90%;
}
div.quicklinks ul li a{
	color:#000;
}
div.quicklinks ul li a:hover{
	text-decoration: underline;
	color: #CC0000;
}
div.quicklinks ul.stores{
	width: 14%;
	padding: 0 0 0 5px;	
}
div.quicklinks ul.stores li{
	width: 80%;
	padding: 2px 0 2px 10px;
}
.bot_heading {font-weight: bold;color: #6E749F;}
h1.finance_header {font-weight: bold!important; color:#000!important; font-size: 16px!important; margin-bottom: 20px!important;}



.righty{
  text-align:right;
  float:right;
  width:300px;
  padding: 0;
}

.inptxt{	
	display:block;
	margin: 3px 0 0 0;	
}


#JT_arrow_left{
    background-image: url(../images/arrow_left.gif);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index:101;
    left:-12px;
    height:23px;
    width:10px;
    top:-3px;
}

#JT_arrow_right{
    background-image: url(../images/arrow_right.gif);
    background-repeat: no-repeat;
    background-position: left top;
    position: absolute;
    z-index:101;
    height:23px;
    width:11px;
    top:-2px;
}

#JT {
    position: absolute;
    z-index:100;
    border: 2px solid #CCCCCC;
    background-color: #fff;
}

#JT_copy{
    padding:10px 10px 10px 10px;
    color:#333333;
}

.JT_loader{
    background-image: url(../images/loader.gif);
    background-repeat: no-repeat;
    background-position: center center;
    width:100%;
    height:12px;
}

#JT_close_left{
    background-color: #CCCCCC;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    font-weight:bold;
}

#JT_close_right{
    background-color: #CCCCCC;
    text-align: left;
    padding-left: 8px;
    padding-bottom: 5px;
    padding-top: 2px;
    font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
    padding: 1px;
    border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}
static h1, h2, h3, h4, h5, h6 {border:none; text-align:left;}
.static h1 {border:none; font-size:18px !important; color: #000080; padding: 10px 0;}
.static h2 {border:none; font-size:16px; color: #000080; padding: 10px 0;}
.static h3 {border:none;font-size:14px; color: #000080; padding: 10px 0;}
.static a {color:#0000EE;text-decoration:underline;}

.seotext {color:#6E749F;
font-size:12px;
line-height:20px; width: 770px; text-align: justify;}

.searchTop {}
.searchTop h1 {color: #6E749F; font-size: 14px; margin-bottom: 10px;}
.searchTop h2 {font-weight: normal; margin-bottom: 20px;}
.searchTop h3 {color: #000; font-weight: normal;}
.searchTop .searchBox label {margin-right: 10px;}
.searchTop .searchBox form .GO{
background: url(/images/header_searchform_go.gif) no-repeat;
border:none;
color:#FFFFFF;
height:18px;
margin:0;
margin-left: -3px;
padding:0;
width:48px;
}




/* INVOICE LAYOUT */

div.invoice{
	width: 870px;
	float: left;
	padding: 0 30px;
}

div.invoice div.invoiceleft{
	width: 370px;
	padding: 5px 10px 0;
	float: left;
	clear: left;
}

div.invoice div.invoiceright{
	width: 370px;
	padding: 5px 0 0 10px;
	float: left;
	clear: right;
}

div.invoice div.whole p.invoicecontact{
	text-align: center;
}

div.invoice p.invoicecontact{
	margin: 10px 0 10px 0 ;
}

p.invoicecontact span {font-size: 16px !important; font-weight: bold;}
div.deliverynotes{
	height: 80px;
}

div.invoice dt{
	float: left;
	clear: left;
	font-weight: bold;
	width: 100px;
}

div.invoice dd{
	float: left;
	clear: none;
	width: 150px;
	margin: 0;
	padding: 0 0 0 10px
}

div.invoice dl.products,
div.invoice dl.tax,
div.invoice dl.invoicetotals{
	width: 100%;
	float: left;
	margin: 0;
}

div.invoice dl.products dt
div.invoice dl.invoicetotals dt,
div.invoice dl.tax dt{
	clear: left;
	float: left;
}

div.invoice dl.products dd,
div.invoice dl.invoicetotals dd,
div.invoice dl.tax dd{
	clear: none;
	float: left;
}

div.invoice dl.products dt,
div.invoice dl.invoiceproducts dd,
div.invoice dl.tax dt,
div.invoice dl.tax dd{
	font-weight: normal;
	padding: 0 0 5px 0;
}

div.invoice dl.products div.header,
div.invoice dl.tax div.header{
	padding: 0 0 10px 0;
}

div.invoice dl.products div.header dt,
div.invoice dl.products div.header dd,
div.invoice dl.tax div.header dt,
div.invoice dl.tax div.header dd{
	font-weight: bold;
}


div.invoice dl.products dt.pcode{width: 150px;}
div.invoice dl.products dd.desc{width: 150px;}
div.invoice dl.products dd.ls{width: 40px;}
div.invoice dl.products dd.qty{width: 40px;}
div.invoice dl.products dd.vat{width: 75px;}
div.invoice dl.products dd.gtee{width: 100px;}
div.invoice dl.products dd.valinc{width: 85px;}
div.invoice dl.products dd.valexc{width: 75px;}

div.invoice dl.tax dt.vcode{width: 90px;}
div.invoice dl.tax dd.vrate{width: 90px;}
div.invoice dl.tax dd.tax{width: 90px;}
div.invoice dl.tax dd.vamount{width: 90px;}

div.invoice dl.invoicetotals dt,
div.invoice dl.invoicetotals dd{
	margin: 0;
	padding: 0;
}

div.invoice dl.invoicetotals dt{
	width: 85px;
	float: left;
	font-weight: normal;
	margin: 0 0 0 100px;
}

div.invoice dl.invoicetotals dd{
	width: 185px;
	clear: none;
	float: left;
	text-align: right;
	font-weight: bold;
}

div.invoice dl.invoicetotals dd.color,
div.invoice dl.invoicetotals dt.color{
	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	background: #FAFAFA;
}

div.invoice dl.invoicetotals dd.balance,
div.invoice dl.invoicetotals dt.balance{
	border-top: 1px solid #606060;
	margin-top: 10px;
}

.invoice_leftcol {
float:left;
margin:10px 10px 10px 0;
width:300px;
}
.invoice_leftcol h2 {font-size: 16px;}
.invoice_rightcol {
float:right;
margin:10px 0 10px 10px;
width:400px;
}
.invoice_rightcol h2 {font-size: 16px;}

.invoice_fullwidth {}

.promo {
	color:#D20A30!important;
	font-weight:bold;
	margin-bottom:10px;
	background:#F1C3CB;
	border:1px solid #F07189;
	font-size:16px;
	line-height:22px;
	padding:2px 8px;
}
.promo span {
	font-size: 24px;
 }

.promo a {
	color:#D20A30!important;
	font-size:16px!important;
	font-weight:bold!important;
}

.promolist {
	color:#D20A30;
	font-weight:bold;
	padding:2px 8px;
}

.promooffer {
	color:#D20A30!important;
	font-weight:bold;
	margin:0px 0px 3px 0px;
}
.promooffer a{
	color:#D20A30!important;
}
.promooffer span {font-size: 16px;}

div.invoice div.whole{
	width: 870px;
	padding: 5px 10px 5px 0;
        clear: both;
        margin: 10px;
}
div.invoice div.whole p.contact {width: auto; float: none; text-align: center; background: #EEE; border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4;padding-top: 5px; }
div.invoice div.invoiceleft p.contact {float: none;
color:#6D739F;
font-size:16px;
margin:0 0 10px;
background: #EEE;
padding:10px 0 0 10px; width: 370px;  clear: both; margin: 10px 0;}

div.invoice div.invoiceright p.contact {float: none;
color:#6D739F;
margin: 10px 0;
font-size:16px;
background: #EEE;
padding:10px 0 0 10px; width: 470px;}

div.invoice div.invoiceleft {line-height: 20px;}
div.invoice div.invoiceright {clear: right; float: left; line-height: 20px;}

div.invoice .whole .products {margin: 10px 0}
div.deliverynotes {height: 100px; clear: both; float: none; margin: 0; padding: 0 10px;}
div.invoice dl.totals{padding: 0 10px;}
div.invoice dl.tax{padding: 0 10px;}
div.invoice dl.products{padding: 0 10px; width: 920px}
div.invoice dl.customerdetails{padding: 0 10px; width: 920px}
div.invoice dl.agreementdetails{padding: 0 10px; width: 920px}

#sitemap_rightcol ul li { margin-left: 30px;}
.sitemap_links_heading {list-style-type: none; margin: 0px; padding: 0; margin-left: -30px!important;}

.V12Options{
	width:689px;
	height:95px;
	background:#EBEBE4 url(../images/v12.gif) no-repeat scroll right top;
	border:1px solid #7F9D89;
	padding:5px;

}

.width216{
	width:212px;
}


#enquiry_top {width: 400px; margin: 0 auto;}
#enquiry_top_left {width: 400px; padding-right: 18px; }
#enquiry_top_right {width: 400px; clear: both; text-align: center;}
#enquiry_top_right p.norm {font-size: 12px; font-weight: bold; line-height: 22px;}
#enquiry_top_right p.large {font-size: 26px; font-weight: bold; color: #6D739F;}

#enquiry_formText { margin: 0 0 10px 0; width: 775px; text-align: center; padding-top: 10px; font-weight: bold;}
#enquiry_formText span.veryLarge { color:#6D739F; font-size:26px; font-weight:bold; }
#enquiry_formText strong{}

#enquiry_form { width: 500px; margin: 0 auto; margin-top: 20px;}
#enquiry_form p strong {color: #6D739F;}
#enquiry_form label {float:left; width:200px;}
#enquiry_form input {clear:right; float:left; margin:3px 3px 3px 10px; width:280px;}
#enquiry_form input.button {clear:right; float:left; margin:3px 3px 3px 10px; width:auto;}
#enquiry_form_productTitle {margin: 10px 3px 3px 10px; font-weight: bold; width: 280px; float: left;}
#enquiry_form textarea {float:left; margin:3px 3px 3px 10px; width:280px;}

#enquiry_top_left .product .pricea {
color:#D20A30;
font-size:16px;
font-weight:bold;
padding-bottom:10px;
text-align:center;
width:400px;
}

div#content404 {
	width:100%;
}

div#content404 div#content404left {
	float:left;
	width:50%;
}

div#content404 div#content404left h1 {
	color:#CB181E;
	font-size:3.0em;
}

div#content404 div#content404left p {
	font-size:1.2em;
}

div#content404 div#content404right {
}

div#content404 div#content404right h2 {
	color:black;
	font-size:1.9em;
}

/**
 * Payonline css
 */

.payonlinenotice {
	border: 1px solid red; 
	background: #FFFCE2;
	padding:5px;
	margin:5px 5px 5px 5px;
	text-align:center; 
}

#payonline {
	height:300px;	
}

#payonline h1.heading {
	font-size:1.3em !important;	
}

#payonline p.error {
	color:red;
	font-size:1.1em;
	margin-top:10px;
	text-align:center;
	padding:5px;	
}

#payonline table {
	padding:5px;
	margin:25px auto;
	border:1px solid #ccc;
}

#payonline table th {
	text-align:left;
	font-size:1.2em;
	color:gray;
}

#payonline table td input {
	text-align:left;
	font-size:1.2em;
}

#payonline h2 {
	margin-top:10px;	
}

/**
 * End payonline css
 */

.smallPrice {
float:left;
font-size:12px;
width:120px;}
.smallPriceShowProd {float:none;
font-size:12px;
width:auto;
margin: 0 0 5px 0;
}
/**
 * basket - cash back text styles
 */
 
 #cashBackText { text-align: right; margin-top: 10px;}
 #cashBackText a {color: #000; font-size: 12px; text-decoration: none;font-weight: bold;}

.priceR {
	color: #D20A30;
	font-size: 20px;
	font-weight: bold;
	padding-left: 5px;	
}