/* <style> all styles which are mine */
	body {
	background-image:url('pageBorder.png') !important;
	background-repeat:repeat-y !important;
	background-position:center top !important;
}
a {
	text-decoration:none;
}
p.clear {
clear:both !important;
font-size:2px !important;
line-height:2px !important;
padding:0px !important;
margin:0 0 -2px 0 !important;
float:none !important;
width:100% !important;		
}
div#headerArea {
	padding-top:10px;
	position:relative;
	z-index:1;
	zoom:1;
	}
	div#headerArea li {
		list-style:none;
		margin-left:0px;
	}
	div#headerRight {
	text-align:right;	
	}
	div#headerRight p {
	color:#7AAB38;
	font-size:24px;
	line-height:24px;
	margin-bottom:0px;
	}
div#headerRight p.phonePrice {
	color: #999999;
	font-size: 10px;
	line-height: 1.1em;
	margin-bottom: 14px;
	padding-left: 485px;
	padding-right: 0;
}
div#headerRight p span {
		color:#D9E021;
	}
	div#headerRight ul#globalNav {
		margin-bottom:0px;
	}
	div#headerRight ul#globalNav li {
	background-image:url("global-nav-bg.png");
	background-repeat:no-repeat;
	float:right;
	height:41px;
	margin:1px 0 0;
	overflow:visible;
	text-align:left;
	width:111px;
	}
	
	div#headerRight ul#globalNav li a{
	display: block;
	height: 36px;
	text-decoration: none;
	font-size: 12px;
	line-height: 14px;
	padding: 5px 7px 0 7px;
	color: #999999;
	overflow: visible;
	}
	
	div#headerRight ul#globalNav li a:hover{
	font-weight: bold;
	}
	
	div#utilityBox {
	background:none repeat scroll 0 0 #E6E6E6;
	border-right:1px solid #B2B2B2;
	color:#999999;
	height:36px;
	margin-left:80px;
	padding:10px 10px 0;
	}
	ul#mainNav {
	background-image:url("mainNav-bg.gif");
	background-repeat:repeat-x;
	clear:both;
	display:block;
	height:40px;
	overflow:visible;
	}
	ul#mainNav li#leftNav {
	background-image:url("mainNav-bg-left.gif");
	background-repeat:no-repeat;
	border-right:1px solid #6EB33F;
	float:left;
	height:40px;
	margin:0 0 0 -7px;
	width:7px;
	}
	ul#mainNav li {
	float:left;
	height:40px;
	position:relative;
	text-align:center;
	}
	ul#mainNav li a {
	background-image:url("nav-hover.png");
	background-repeat:repeat-x;
	border-left:1px solid #425738;
	border-right:1px solid #6EB33F;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	height:38px;
	line-height:34px;
	overflow:hidden;
	padding:0 9px;
	text-decoration:none;
	}
	ul#mainNav li a:hover{
	background-position: bottom;
	color: #427238;
	}
	ul#mainNav li.batTwo{
	width: 101px;
	float: left;
	}
	
	ul#mainNav li.batTwo a{
	line-height: 14px;	
	height: 35px;
	padding: 5px 7px 0 7px;
	}
	ul#mainNav li#rightNav{
	background-image: url('mainNav-bg-right.gif');
	background-repeat: no-repeat;
	width: 7px;
	height: 40px;
	float: right;
	}
	ul#mainNav li#rightNav a {
		border:none;
	}
	
	div#headerArea div.dropdown{
	background-image: url('greenback.png');
	background-position: bottom;
	background-repeat: no-repeat;
	width: 352px;
	position: absolute;
	top: 40px;
	left: 0;
	}
	div#headerArea div.dropdownRight{
	background-image: url('greenback.png');
	background-position: bottom;
	background-repeat: no-repeat;
	width: 352px;
	position: absolute;
	top: 40px;
	right: 0;
	}
	div#headerArea h6{
	display: block;
	background-image:url('h3header.png');
	background-repeat: no-repeat;
	font-size: 19px;
	line-height: 19px;
	padding: 27px 28px 13px 28px;
	color: #fff;
	font-weight: normal;
	text-align: left;
	margin-bottom:0px;
	}
	div#headerArea div.dropdownRight h6 {
	text-align:right;
	}
	div#headerArea ul#mainNav dl.child{
	display: block;
	background-image: url('ulbackground.png');
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 0 28px 5px 28px;
	margin-bottom: 17px;
	}
	ul#mainNav li dl.child dd{
	padding: 0;
	}
	ul#mainNav li dl.child dd a{
	height: 20px !important;
	border-top: 1px solid #6EB33F;	
	border-left: none;	
	border-right: none;
	border-bottom: none;
	display: block; 
	padding: 4px 0 0 0;
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	line-height: 14px;
	background-image: url('dropdownarrow.jpg');
	background-position: right top;
	background-repeat: no-repeat;
	text-align: left;
	}	
	ul#mainNav li div.dropdownRight dl.child dd a {
	text-align:right;
	background-position: left top;
	}
	ul#mainNav dl.child dd a:hover{
	background-position: right bottom;
	padding: 4px 0 0 3px;
	color:#030;
	}
	ul#mainNav li div.dropdownRight dl.child dd a:hover {
	background-position: left bottom;
	padding: 4px 3px 0 0px;
	}
	div#headerArea div#searchArea {
	float:left;
	position:relative;
	}
	div#searchArea form {
	height:29px;
	position:relative;
	}
	div#searchArea input#topSearch {
	color:#030;
	left:0;
	padding:3px;
	position:relative;
	top:0;
	width:200px;
	}
	div#searchArea input#topGo {
	left:0;
	position:relative;
	top:-3px;
	vertical-align:top;
	}
		div#cartArea{
		float: right;
		position: relative;
		height: 29px;
		}
		
			div#cartArea ul{
			display: inline;
			}
			
			div#cartArea li{
			padding: 3px 5px;
			color: #060;
			float: right;
			background-color: #fff;
			border: 1px solid #7AAB38;
			font-size: 12px;
			margin-left: 9px;
			}
			
			div#cartArea a#viewCart img{
				display: inline;
				position: relative;
				vertical-align: top;
				top: -3px;
				left: 0;
				text-decoration: none;
				float: right;
			}
			div#cartArea a#checkoutCart img{
				display: inline;
				position: relative;
				vertical-align: top;
				top: -3px;
				left: 0;
				text-decoration: none;
				float: right;
				margin-left: 8px;
			}
	/* ###################################################################### left nav */
	div#leftnav div.menu h2 {
		background-color:#666;
		background-image:url('sideBarHeaders.jpg') !important;
		background-repeat:no-repeat;
		text-decoration:none;
		font-size:12px;
		line-height:14px;
		padding:5px;
		margin-bottom:0px;
	}
	div#leftnav div.menu h2.selected {
		background-image:url('sideBarHeaderHover.jpg') !important;
		}
	div#leftnav div.menu h2 a {
		text-decoration:none;
		color:#333;
		font-weight:bold;
	}
	div#leftnav div.menu ul {
	  background-color: #F1F1F1;
	  background-image: url("sideBarBack.jpg");
	  background-position: center bottom;
	  background-repeat: no-repeat;
	}
div#leftnav div.menu ul li {
		background:none;
		margin:0;
		font-size:12px;
		line-height:14px;
		border-bottom:1px solid #CCCCCC;
		border-top:1px solid #FFFFFF;
		text-transform: lowercase; /* force text to lowercase */
	}
	div#leftnav div.menu ul li a {
		display:block;
		padding:5px;
		color:#333;
		text-decoration:none;
	}
	div#leftnav div.menu ul li a:hover {
		background-image:url('sideBarHover.jpg');
		background-repeat:no-repeat;
	}
	div#leftnav div.menu ul {
		list-style:none;
		margin-bottom:0px;
	}
	div#leftnav div.box {
		border:solid 1px #C9E1F4;
		margin-bottom:20px;
	}
	div#leftnav div.box {
		padding:10px;
		font-size:12px;
		line-height:16px;
	}
	div#leftnav div.box p{
		line-height:14px;
		margin-bottom:10px !important;
		color:#333;
	}
		
	div#leftnav div.box ol.marketinglist {
		position:relative;
		margin-left:51px;
	}
	div#leftnav div.box ol.marketinglist li img {
		display:block;
		position:absolute;
		max-width:70px;
	}
	div#leftnav div.box ol.marketinglist li a {
		color:#394B91;
	}
	div#leftnav div.box li {
		margin-bottom:6px;
	}
	div#leftnav div.box li a {
		text-decoration:none;
		text-transform:lowercase;
	}
	div#leftnav div.box.menu {
		padding:0px;
	}
	div#leftnav div.box h5 {
		font-size:14px;
		color:#FF9900;
		margin-bottom:0px;
	}
	/* footer */
	div#footer {
		text-align:center;
		border-top:solid 1px #7AAB38;
	}
	div#footer ul {
		margin:0 auto;
		padding:0;
		display:block;
	}
	div#footer ul li {
		display:block;
		float:left;
		margin:0px;
		font-size:14px;
		border-right:solid 1px #7AAB38;
	}
	div#footer ul li:first-child {
		padding-left:22px;
	}
	div#footer ul li:last-child {
		border-right:none;
	}

	div#footer ul li a {
		display:block;
		padding:6px 20px;
		text-decoration:none;
		color:#666;
	}
	div#footer ul li a:hover {
		border-top:solid 1px #7AAB38;
		background-color:#eee;
		color:#000;
		padding:6px 20px 5px;
	}
	div#footer p {
		color:#999;
		font-size:14px;
		line-height:16px;
		margin-top:1em;
	}
/* generic layout ################################################################### */
.relative {
	position:relative;
	z-index:0;
}
/* text styles ###################################################################### */
body { font-family:Arial, Helvetica, sans-serif }
h1,h2,h3,h4,h5,h6 { color:#447438;
	 font-weight:normal;
	}
.gms h1 {
	margin-bottom:15px;
	line-height:33px;
}
.container_16 .grid_16.maincontent {
  width: 960px;
  min-height: 200px;
}
.gms .maincontent h5 {
	background-color:#f6f6e5;
	margin-top:1.5em;
	padding:0.1em 0.5em;
	font-size:22px;
}
.gms p {
	padding:0;
}
.gms .text_breadcrumbs {
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom:0px;
	font-size:12px;
	color:#79AB38;
	padding:0;
}
.text_breadcrumbs a {
	color:#999;
	text-decoration:underline;
}
.text_breadcrumbs a:hover {
	color:#3F682E;
	text-decoration:none;
}
.text_breadcrumbs #lastCrumb {
	display:none;
}
.moreinfo .text_breadcrumbs #lastCrumb {
	display:inline;
}
.price {
	font-weight:bold;
	color:#C00;
}
/* GMS sections */
.pictureIntros h2 {
	font-weight:normal;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:24px;
	margin-bottom:10px;
}
.pictureIntros p {
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	line-height:15px;
}
.lawnMowerIntro, .brushCutterIntro {
	position:absolute;
	top:180px;
	left:390px;
	padding-right:20px;
}
.hedgeTrimmerIntro {
	left:20px;
	padding-right:20px;
	position:absolute;
	top:200px;
	width:300px;
}
.sectionRow {
	background-image:url("article2Col.gif");
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-bottom:10px;
	float:left;
	min-width:340px;
}
.container_16 .sectionRow .grid_6 {
	width:auto;
}
.sectionlink {
	width:340px;
}
.sectionlink .header {
	background-image:url("article2ColHead.jpg");
	background-repeat:no-repeat;
	height:43px;
}
.sectionlink h3 {
	font-size:13px;
	line-height:15px;
	color:#333;
	padding:0.7em 1em;
}
.sectionlink h3 a {
	color:#333;
	text-decoration:none;
}
.sectionlink h3 a:hover {
	text-decoration:underline;
}
.sectionlink h4 {
	font-size:12px;
	padding:1em;
	background-color:#fff;
	margin-left:1px;
	color:#cc0;
}
.sectionlink .content {
	width:49%;
	float:left;
	min-height:130px;
}
.sectionlink .content p {
	padding-right:30px;
}
.sectionlink .image {
	width:55%;
	float:right;
	clear:right;
	text-align:center;
	margin-left:-20px;
	padding-top:10px;
}
p.sectionDescription {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	color:#666;
	padding:1em;
	background-color:#F1FDE8;
}
.productRow {
	background-image:url("product2col.png");
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-bottom:10px;
	min-width:330px;
	float:left;
	clear:left;
}
.container_16 .productRow .grid_6 {
	width:auto;
}
.productRow .productlink {
	width:340px;
}
.productRow .productlink .header {
	background-image:url("article2ColHead.jpg");
	background-repeat:no-repeat;
	height:45px;
}
.productRow .productlink h3 {
	font-size:12px;
	line-height:1.2em;
	color:#333;
	padding:1em;
	font-weight:bold;
}
.productRow .productlink h3 a {
	color:#333;
}
.productRow .productlink .image {
	float:left;
	margin-top:1em;
	width:150px;
	text-align:center;
}
.productRow .productlink .content {
	padding:1em;
	width:160px;
	float:right;
}
.productRow .productlink .content p {
	color:#333;
	margin-bottom:0.9em;
}
.productRow .buttonRow {
	padding:0 30px 1em;
}
.productRow .buttonRow .readMore {
	margin-right:45px;
}
.productRow .buttonRow .readMoreGreen {
	margin-left:145px;
}

/* More info Product */
#moreInfoProduct {
	background-image:url("moreInfoBottom.png");
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-top:10px;
}
#footerBack {
	background-image:url("moreInfoTop.jpg");
	background-repeat:no-repeat;
	background-position:top left;
}
#moreInfoProduct #productDescription {
	padding:1em;
}
#moreInfoProduct #productDescription p {
	font-size:13px;
	line-height:1.3em;
	padding:0;
}
#moreInfoProduct #productDescription .productimage {
	float:left;
	padding:1em;
	text-align:center;
}
#moreInfoProduct #productDescription .pricelist {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333;
}
#moreInfoProduct #productDescription .pricelist .vat {
	font-size:12px;
}
#moreInfoProduct #buychoices {
	min-height:350px;
}
#moreInfoProduct #buychoices h2 {
	font-weight:normal;
	color:#666;
	font-size:22px;
	padding:8px 20px;
}
#moreInfoProduct #buychoices .pricelist {
	font-size:20px;
	line-height:20px;
	padding:1em 1em 0.5em;
}
#moreInfoProduct #buychoices p {
	padding-left:1em;
}
#moreInfoProduct #buychoices .pricelist .vat {
	font-size:16px;
}
ul#custpeace {
	margin:10px 0px 10px;
	height:34px;	
}
ul#custpeace li {
	color:#666;
	list-style:none;
	float:left;
	position:relative;
	padding-left:10px;
	margin-right:25px;
}
ul#custpeace li a {
	color:#666;
}
ul#custpeace li img {
	position:absolute;
	top:-7px;
	left:-45px;
}
/* Brochure Page */
.brochure h1, .brochure  h2 {
	color:#447438;
	font-weight:normal;
	font-size:15px;
	margin-bottom:0;
	font-weight:bold;
}
.brochure .fragment {
	border-bottom:solid 1px #ccc;
	margin-bottom:1em;
}
.brochure .fragment p {
	font-size:13px;
	line-height:15px;
	color:#333;
}
.brochure .fragment li {
	color:#333333;
	font-family:arial;
	font-size:13px;
	line-height:15px;
	margin-bottom:0.5em;
	margin-left:30px;
}
.brochure .fragment p a {
	color:#333;
}
.brochure .fragment p span.note {
	font-size:11px;
	line-height:12px;
}
.brochure .fragment p a:hover {
	text-decoration:underline;
}
/* browse by brand */
#browsebybrand ul {
	margin:0;
}
#browsebybrand ul li {
	list-style:none;
	float:left;
	margin:0;
}
/* search */
#searchTips {
	border:solid 1px #ccc;
	padding:1em 1em 0em;
	margin-bottom:1em;
}
.gms #searchTips h2 {
	font-size:18px;
	margin-bottom:0.4em;
	color:#666;
}
#searchform {
	background-color:#eeeecc;
	padding:1em;
	margin-bottom:0;
}
#searchform input {
	width:150px;
	margin-right:1em;
	margin-bottom:0;
}
#searchform select {
	width:150px;
	margin-right:1em;
}
#searchform input#searchButton {
	background-image:url("searchButton.gif");
	background-repeat:no-repeat;
	color:#FFF;
	width:100px;
	height:24px;
	display:inline-block;
	border:none;
}
#searchform input#searchButton:hover {
	cursor:pointer;
}
#searchbestsellers {
	margin-bottom:100px;
}
#searchbestsellers .marketinglist li, .sectNoDesc {
	background-image:url("squareSectionBack.jpg");
	background-repeat:no-repeat;	
	border:solid 1px #A79CA0;
	width:218px;
	text-align:center;
	padding-top:20px;
	margin-bottom:15px;
}
#searchbestsellers .marketinglist li a.prodlink, .sectNoDesc .header h3 a {
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    height: 24px;
    line-height: 14px;
    overflow: hidden;
    padding: 0.25em 1em 0.5em 2em;
}
.thumbHorContainer {
	width:150px;
	height:150px;
	margin-left:auto;
	margin-right:auto;
    overflow: hidden;
	background-color:#fff;
	border:solid 2px #ccc;
 }
.thumbcontainer {
    height: 150px;
    width: 150px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.gms .sectNoDesc.grid_4 {
	width:218px;
	margin-bottom:20px;
}
.sectNoDesc .header {
	display:table;
}
.sectNoDesc .header h3 {
	margin-bottom:0;
	display:table-cell;
	vertical-align:middle;
	height:38px;
}
.sectNoDesc .image {
	margin-bottom:20px;
	width:150px;
	height:150px;
	margin-left:auto;
	margin-right:auto;
	border:solid 1px #ccc;
	overflow:hidden;
	background-color:#fff;
}
.sectNoDesc .imagein {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	height:150px;
	width:150px;
	text-align:center;
}
#searchbestsellers .marketinglist .price {
	display:block;
	margin:10px;
}
#searchbestsellers .marketinglist .plinkcont, .gms .sectNoDesc .header{
	background-image:url("sectionBackSqrTitle.jpg");
	background-repeat:no-repeat;
	display:block;
	text-align:left;
}
div.searchresults {
	margin-bottom:60px;
}
/* Basket */
.basket h1.basketH1 {
	background-image:url("basketGliff.gif");
	background-repeat:no-repeat;
	padding-left:45px;
	margin-top:20px;
}
.checkout table, table.checkout  {
	width:100%;
}
.checkout table td {
	padding:1em;
}
.checkout .checkout-field-label {
	background-color:#F7F7E6;
	border:solid 2px #fff;
	font-weight:bold;
}
.basket th, .checkout th, .checkout .cartheading {
	background-color:#EEEECC;
	padding:0.6em;
	border:solid 2px #f7f7f7;
}
.cartheading table { 
margin:0; 
}
#basketTable {
	width:100%;
	margin-bottom:1em;
}
.basket th.delete {
	width:100px;
}
.basket th.cartTabDesc {
	width:460px;
}
.basket table {
	margin-bottom:0px;
}
.cartFreeDelivery {
	margin-top:3em;
}
#basketProgressPositioner {
	position:relative;
}
#basketProgress {
	position:absolute;
	font-weight:bold;
	top: -50px;
	right:-10px;
	text-align:right;
}
#checkoutProgress {
	position:absolute;
	font-weight:bold;
	top: -10px;
	right:-10px;
	text-align:right;
}
#basketProgress ul li, #checkoutProgress ul li {
	display:block;
	float:left;
	width:90px;
	color:#999;
}
#basketProgress ul li.active, #checkoutProgress ul li.active {
	color:#333;
}
input.button {
	display:block;
	margin-top:5px;
}
.basket table#basketTable tr.lineItems td {
padding:0.5em;
border-bottom:1px solid #FF6600;
font-size:14px;
}
.basket table#basketTable tr.lineItems td.cancelLines td {
border-bottom:medium none !important;
}
.basket table#basketTable td#totalCaption, .basket table#basketTable td#jqueryGrabTotal {
	border:solid #eec 2px;
}
.basket table#basketTable td#totalCaption {
	border-right:none;
	background-color:#F6F6E5;
}
.basket table#basketTable td#jqueryGrabTotal {
	border-left:none;
	color:#C00;
}
#checkoutColumn p {
	margin:0;
}
.regSection {
	border:solid #eec 4px;
	padding:30px;
	-moz-border-radius:10px;    /* Firefox */
    -webkit-border-radius:10px; /* Safari and Chrome */
	/* explorer will have to make do with square corners */
}
.regSection td, .regSection td input, .regSection td select{
	padding:0.5em;
}
.regSection td, .regSection td input {
	margin-right:1em;
	margin-left:0;
}
.regSection td.caption, td.checkout-field-label {
	text-align:right;
	white-space:nowrap;
	width:300px;
}
.actrequired {
	color:#C00;
}
/* search results */
.searchresults .searchSummary {
	float:right;
	width:50%;
	color:#060;
	text-align:right;
}
.searchresults h1 {
	float:left;
	width:50%;
	margin-bottom:0;
}
.searchCont {
	clear:both;
	padding:1em;
	border:solid 2px #D9E021;
}
.searchCont a {
	color:#060;
	text-decoration:underline;
	margin-right:0.5em;
}
.searchResult {
	background-image:url("article1col.jpg");
	background-repeat:no-repeat;
	background-position:bottom;
	margin-bottom:0.5em;
}
.searchResult h2 {
	font-size:14px;
	color:#333;
	padding:1em;
	background-image:url('h2Back1Col.jpg');
	background-repeat:no-repeat;
	background-position:top;
}
.searchResult h2 a {
	color:#333;
}
.searchResult .imageCol {
	float:left;
	text-align:center;
}
.searchResult .buttoninner {
	padding:0 2em;
}
/* tabs Section */
#tabsSection {
	margin-top:1em;
	margin-bottom:2em;
}
/* add this */
.gms #addthis {
	width:240px;
}
.addthis_toolbox {
	background-color:#fff;
	margin-top:1em;
	margin-bottom:1em;
}
.gms .addthis_toolbox .addthis_header {
	background-color:#E6E6E6;
	padding:2px;
}
.gms .addthis_toolbox .addthis_header h4 {
	color:#666;
	background-color:#f3f3f3;
	font-size:14px;
	text-align:center;
	padding:0.5em;
	margin-bottom:0;
}
.custom_images {
	padding:15px 10px 0px;
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
}
.printline {
	padding-left:10px;
	padding-top:5px;
	background-color:#fff;
}
.printline_cont {
	background-color:#CCC;
	padding:1px;
}
.custom_images img {
	vertical-align:top;
}
.tooltip {
	display:none;
	font-size:12px;
	color:#fff;	
	width:370px;
}
.tooltip div.outer {
	background-image:url("black_arrow_big.png");
	background-repeat:no-repeat;
	background-position:top;
}
.tooltip div.inner {
	padding:25px 25px 0px;
}
.tooltip div.footer {
	background-image:url("black_arrow_big_footer.png");
	background-repeat:no-repeat;
	background-position:bottom;
	height:29px;
}
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url("tabs.png") no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 

.panes .pane {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;
	border-top:0;
	min-height:100px;
	font-size:14px;
	background-color:#fff;
}
.panes .pane .alsorelated {
	border-bottom:dashed 1px #CCC;
	border-top:dashed 1px #CCC;
	padding:15px;
}
.panes .pane .alsorelated li {
	float:left;
	list-style:none;
	display:block;
	width:205px;
	margin-left:0px;
	margin-right:15px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:17px;
}
.panes .pane .alsorelated li a {
	text-transform:lowercase;
	text-decoration:underline;
	display:block;
	margin-bottom:0.7em;
	color:#3a3399;
}
.panes .pane .alsorelated li a:hover {
	color:#e68100;
}
.panes .pane .alsorelated li .price {
	font-weight:normal;
}
.panes .pane .extText {
	padding:15px;
}
#featHolder {
	width:49%;
	float:left;
}
#specHolder {
	float:right;
	width:49%;
}
.panes .pane table {
	background-color:#fff;
	width:100%;
	border:solid 1px #ccc;
	color:#333;
}
.panes .pane td {
	padding:0.8em;
}
.panes .pane td p {
	margin:0;
}
.panes .pane tr.odd td {
	background-color:#f3f3f3;
}
.panes .pane th {
	text-align:left;
	padding:1em;
	font-weight:bold;
	background-color:#f3f3f3;
}
/* quicktree */
.tree * {margin:0; padding:0;}
.tree {
	padding:1em;
	border:solid 1px #CCC;
}
.tree li {	list-style:none; padding-left:21px;
			line-height:24px;
			border-bottom:dashed 1px #ccc;
		}
.tree li a {
	color:#333;
	padding:2px;
}
.tree li a:hover {
	background-color:#7AAB38;
	color:#fff;
}
.tree li.root {padding-left:0;}
    .tree li li {
		background-image:url("rootNode.gif");
		background-repeat:no-repeat;
		background-position:17px center; 
		margin-left:10px; 
		padding-left:31px;
		}
	.tree li li.root {padding-left:10px; background:url("justOne.gif") repeat-y 17px 0;}
	.tree li li.root.last {background:none;}
    .tree li li.last {background:url("lastRoot.gif") no-repeat 17px 0;}
.expand {
	background-image:url("plusMinus.gif");
	background-repeat:no-repeat; 
	width:16px; _width:13px; 
	height:16px; 
	display:block; 
	float:left; 
	margin-top:2px; 
	padding:0 5px 0 0; 
	text-indent:-9999px; 
	line-height:0; 
	font-size:0;}
.contract {background-position:0 -16px;}
.expand:hover {cursor:pointer;}

/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
		
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #666;
	-webkit-box-shadow: 0 0 90px #666;	
	border:solid 2px #ccc;
	background-color:#fff;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url("close.png");
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
/* homepage adverts */
div#headerAdverts {
	height:220px;
	background-image:url("gmsHomeLargeAdBack.jpg");
	background-repeat:no-repeat;
	padding:10px;
}
@charset "utf-8";
/* CSS Document */
ul#buttons  {
	float:left;
	display:block;
	margin:0;
	padding:0;
}
ul#actionButtons  {
	float:left;
	display:block;
	margin:0;
	padding:0;
}
#buttons li, #actionButtons li {
background:url("advertButtons.png") no-repeat scroll 0 -40px transparent;
color:black;
display:inline-block;
height:18px;
margin-right:5px;
margin-left:0px;
overflow:hidden;
padding:0;
text-align:center;
text-indent:20px;
width:18px;
cursor:pointer;
}
#actionButtons li.play {
	background-position:0 -440px;
}
#actionButtons li.play:hover {
	background-position:0 -240px;
}
#actionButtons li.stop {
	background-position:0 -340px;
}
#actionButtons li.stop:hover {
	background-position:0 -240px;
}
#buttons li.current {
	background-position:0 -140px;
}
#buttons li:hover {
	background-position:0 -240px;
}
#dealofweek {
	background-image:url("dealOfWeek.png");
	background-repeat:no-repeat;
	height:169px;
	position:relative;
}
#dealofweek #wasprice {
	position:absolute;
}
#dealofweek .prodname {
float:left;
line-height:1.3em;
padding:50px 2% 0px 6%;
text-transform:lowercase;
width:53%;
}
#dealofweek .prodname a {
	color:#666;
}
#dealofweek .prodimg {
	margin-top:15px;
}
div#priceContainer {
	float:right;
	text-align:left;
	width:50%;
	margin-top:10px;
}
div.price  {
	background-image:url("dealWeekPrice.jpg");
	background-repeat:no-repeat;
	padding:3px 0;
	text-align:center;
	width:95px;
	margin-top:0.8em;
}
#dealofweek .price a {
	color:#fff;
}
#dealofweek #wasprice {
color:#666666;
font-size:18px;
margin-left:30px;
margin-top:5px;
position:absolute;
text-decoration:line-through;
top:125px;
}
#dealofweek #wasprice .price {
	margin:0px;
}
.rotatProds {
	background-image:url("prodRotatBack.jpg");
	background-repeat:no-repeat;
	background-position:bottom;
	position:relative;
	display:block;
	margin-bottom:20px;
	min-height:235px;
}
.rotatProds h4 {
	color:#630;
	background-color:#FFF;
	margin:0px;
	padding:2px 8px;
	font-size:12px;
	border:solid 6px #EEEECC;
}
.rotatProds .menu {
	width:53%;
}
.rotatProds dt {
	padding:1px;
	margin:0 0 6px 8px;
	font-size:11px;
	line-height:13px;
	color:#330;
}
.rotatProds dt.active, .rotatProds dt:hover {
	background-color:#fff;
}
.rotatProds dt.active a, .rotatProds dt:hover a {
	color:#333;
}
.rotatProds dt a {
	color:#61544C;
	text-decoration:underline;
}
.rotatProds dd.picture {
	padding-top:10px;
	display:block;
	position:absolute;
	right:0;
	text-align:center;
	top:66px;
	width:50%;
}
.rotatProds dd.title {
	font-size:15px;
	color:#333;
	margin-bottom:0px;
	padding:4px;
	position:absolute;
	top:33px;
	text-align:center;
	width:290px;
}
.rotatProds dd.title a {
	color:#333;
}
.rotatProds .headCont {
	background-image:url("prodRotatTop.gif");
	background-repeat:no-repeat;
	height:35px;
	margin-bottom:30px;
}
.rotatProds dl {
	margin-bottom:0;
}
.rotatProds dd.hide, div.hide {
	display:none;
}
.rotatProds h3 {
	margin-bottom:0px;
	color:#EEEECC;
	font-size:18px;
	text-align:center;
	padding:4px;
}
.rotatProds h3 a {
	color:#fff;
	font-size:17px;
}
.rotatProds .priceRow {
	font-size:14px;
	font-weight:bold;
	color:#666;
	line-height:14px;
}
.rotatProds .priceRow .vat {
	font-weight:normal;
	font-size:11px;
}
.marketingAnimation {
	border:solid 1px red;
}
.home .maincontent h1, .home .maincontent h2 {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	background-image:url("homeHeadBack.jpg");
	background-repeat:repeat-x;
	color:#fff;
	padding:1em;
	margin:10px 0px 15px;
}
div#browsebybrand {
	margin-bottom:40px;
}
#browsebybrand .brandColumn ul li:hover {
	margin-top:-5px;
	margin-bottom:5px;
}
.rrp {
	text-decoration:line-through;
	color:#999;
}
.rrp .price {
	color:#999;
}
#convince {
	padding-top:20px;
	border-top:solid 1px #e2e2e2;
}
#convince ul li {
	list-style:none;
	font-size:12px;
	padding-bottom:6px;
}
#convince ul li a {
	color:#333;
}
#convince ul li a:hover {
	text-decoration:underline;
}
#convince ul li.gmsFHeading {
background:url("footerHeadBack.gif") no-repeat scroll center center transparent;
font-weight:bold;
line-height:3em;
margin:0;
text-align:center;
color:#333;
padding-bottom:0px;
}
#convince .titleCol {
float:left;
font-weight:bold;
position:relative;
text-align:right;
width:60px;
}
#convince .detailCol {
float:right;
position:relative;
width:115px;
}
#convince .chargesText {
color:#888888;
font-size:9px;
text-align:center;
}
#contactPage {
	padding-bottom:50px;
}
#contactPage .boxed {
	margin-bottom:15px;
}
#contactPage .boxed .inner {
	border:solid 1px #CCC;
	padding:1em;
	background-image:url("contactBoxFragBack.jpg");
	background-repeat:no-repeat;
	background-position:bottom right;
	min-height:118px;
}
#contactPage .boxed h3 {
	color:#333;
	font-size:14px;
	font-weight:bold;
	background-image:url("contactBoxFragH3.jpg");
	background-repeat:no-repeat;
	padding:0.4em 1em;
	border-right:solid 1px #ccc;
	margin-bottom:0;
}
#contactPage #telephone ul {
	padding:1em;
}
#contactPage #telephone li {
	color:#666;
	list-style:none;
	font-size:25px;
	line-height:30px;
}
#contactPage .boxed {
	position:relative;
}
#contactPage .boxed td {
	padding:0.5em;
}
#contactPage .boxed img {
position:absolute;
}
#contactPage .boxed img#pen {
	left:170px;
}
#contactPage .boxed img#atsym {
	left:500px;
	top:50px;
}
#contactPage .boxed td input {
	padding:0.5em;
}
.actrequiredcolor blockquote {
background-color:lightgreen;
border:2px solid green;
color:green;
display:block;
font-size:26px;
padding:1em;
position:relative;
quotes:none;
top:20px;
width:100%;
}
.regSection td input.checkout-change-button {
	background-image:url("changeButton.gif");
	background-repeat:no-repeat;
	color:#FFF;
	font-weight:bold;
	border:none;
	margin:0;
	padding:3px 14px 3px 0px;
}
.hidden {
	display:none;
}
.checkout-buttons {
	clear:both;
}
#coupon {
	float:left;
	width:38%;
	padding-right:1em;
	font-size:14px;
}
#coupon label {
	background-color:#fff;
}
#coupon .checkout-field-input {
	padding:0em;
}
#coupon .checkout-field-input input {
	padding:0.5em;
}
#shipping {
	float:right;
	width:49%;
}
#shipping h3 {
	font-size:24pt;
	line-height:120%;
	color:#447438;
	text-align:right;
}
#shipping h3 span { 
 font-weight:bold;
 color:#CC0000;
 text-transform:uppercase;
}
#shipping p {
clear: both; 
color:#666; 
font-size: 14px; 
line-height: 100%; 
margin: 0pt;
}
#shippingLeft #specInstructions {
border:solid 1px #ccc;
}
#shippingLeft #specInstructions label {
text-align:center;
color:black;
font-weight:normal;
padding:0.35em;
line-height:110%;
}
#shippingLeft {
text-align:right;
float:left;
width:50%;
}
#shippingLeft input {
padding:0.5em;
margin:4px;
border:solid 1px #ccc;
}
#shippingLeft label {
font-weight:bold;
color:#c00;
display:block;
text-align:right;
background-color:#F7F7E6;
padding:0.5em;
margin-bottom:5px;
}
#shipRight {
float:right;
width:45%;
font-size: 14px; 
line-height: 100%; 
color: black; 
margin-top: 0.5em; 
margin-bottom: 1em;
}
#shipRight p {
font-size: 14px; line-height: 100%; color: rgb(102, 102, 102); margin-top: 0.5em; margin-bottom: 1em;
}
#shipRight input {
color: black; 
font-size: 16px;
}
#shipRight input.button {
display:block;
margin-top:0px;
}
/* for the homepage */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 635px;
	height:192px;

}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:635px;
}
	div#leftnav div.box ol.marketinglist li .imageout {
		display:block;
		position:absolute;
		left:-51px;
		margin-top:3px;
		width:70px;
		height:70px;
		overflow:hidden;
		border:solid 1px #ccc;
	}
	div#leftnav div.box ol.marketinglist li .imagein {
		display:table-cell;
		vertical-align:middle;
	}
	div#leftnav div.box ol.marketinglist li {
		margin-bottom:5px;
		min-height:70px;
		overflow:visible;
	}