@charset "utf-8";

/* RESET STYLES */
/* Tables still need 'cellspacing="0"' in the markup. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
:focus {
	outline:0;
}
body {
	line-height:1;
}
ol, ul {
	list-style:none;
}
caption, th, td {
	font-weight:normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}



.jumpto, 
.top, 
#nav-site h2, 
#nav-basket h2 {
	position:absolute;
	top:0;
	left:-9999px;
}
.clear {
	height:1px;
	font-size:1px;
	clear:both;
}
.divider {
	margin-bottom:5em;
	border-bottom:1px solid #ccc;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clearfix:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}



html, 
body {
	padding:0;
	color:#000;
	background-color:#cce5cd;
	text-align:center;
}



#main {
	text-align:left;
}



#head {
	background-image:none;
}
#head h1 {
	position:absolute;
	top:0;
	left:50%;
	width:580px;
	height:100px;
	margin-left:-290px;
	font-size:1.2em;
	line-height:1.2;
	text-align:center;
}
#head h1 span {
	position:absolute;
	top:0;
	left:0;
	width:580px;
	height:100px;
	color:#185319;
	background:transparent url("/img/head-h1.jpg") no-repeat 0 0;
}
#head h1 a {
	color:#185319;
	background-color:#fff;
	text-decoration:none;
}



#nav-site {
	position:absolute;
	top:102px;
	left:0;
	width:100%;
	height:75px;
	color:#333;
	background:#185319 url("/img/nav-site.gif") repeat-x 0 0;
	font-size:0.8em;
	list-style-type:none;
}
#nav-site ul li {
	float:left;
}
#nav-site ul li a {
	height:26px;
	color:#fff;
	background-color:transparent;
	text-decoration:none;
	text-align:center;
	display:block;
}
#nav-site-tier1 {
	position:absolute;
	top:0;
	left:50%;
	width:740px;
	height:26px;
	margin-left:-370px;
	color:#333;
	background-color:#185319;
}
#nav-site-tier1 li a {
	position:relative;
	width:148px;
}
#nav-site-tier1 li a span {
	position:absolute;
	top:0;
	left:0;
	width:0;
	width:148px;
	height:26px;
	color:#fff;
	background:transparent url("/img/nav-site-tier1.jpg") no-repeat 0 0;
	display:block;
}
#nav-site-tier1 li#nav-cyclenews a span {
	background-position:-148px 0;
}
#nav-site-tier1 li#nav-messageboard a span {
	background-position:-296px 0;
}
#nav-site-tier1 li#nav-aboutus a span {
	background-position:-444px 0;
}
#nav-site-tier1 li#nav-contactus a span {
	background-position:-592px 0;
}
#nav-site-tier2 {
	position:absolute;
	top:27px;
	left:50%;
	width:600px;
	height:26px;
	margin-left:-300px;
	color:#333;
	background-color:#1b771d;
}
#nav-site-tier2 li a {
	position:relative;
	width:200px;
}
#nav-site-tier2 li a span {
	position:absolute;
	top:0;
	left:0;
	width:0;
	width:200px;
	height:26px;
	color:#fff;
	background:transparent url("/img/nav-site-tier2.jpg") no-repeat 0 0;
	display:block;
}
#nav-site-tier2 li#nav-assemblyandcare a span {
	background-position:-200px 0;
}
#nav-site-tier2 li#nav-paymentanddelivery a span {
	background-position:-400px 0;
}



#foot-wrap {
	padding:15px 0 45px;
	border-top:5px solid #9ecca0;
	color:#666;
	background-color:#cce5cd;
	text-align:center;
	clear:both;
}
#foot {
	width:960px;
	margin:0 auto;
}
#copyright {
	margin-top:15px;
	color:#666;
	background-color:#cce5cd;
	font-size:0.8em;
	line-height:1.2;
}
#copyright a {
	color:#666;
	background-color:#cce5cd;
}
#copyright a:hover {
	color:#cce5cd;
	background-color:#060;
}
#nav-help li {
	padding-right:5px;
	border-right:1px solid #333;
	font-size:0.9em;
	display:inline;
}
#nav-help li#nav-sitemap {
	padding-right:0;
	border:0;
}
#nav-help li a {
	color:#060;
	background-color:#cce5cd;
	text-decoration:none;
}
#nav-help li a:hover {
	color:#fff;
	background-color:#060;
	text-decoration:none;
}
#accessibility #nav-accessibility a, 
#sitemap #nav-sitemap a {
	color:#fff;
	background-color:#030;
}




#nav-basket {
	position:absolute;
	top:17px;
	left:50%;
	width:190px;
	height:74px;
	margin-left:295px;
	color:#030;
	background:#cce5cd url("/img/nav-basket.gif") no-repeat 0 0;
}
#nav-basket div {
	position:absolute;
	top:0;
	left:0;
	width:89px;
	height:74px;
	padding-top:19px;
	font-size:1em;
	text-align:center;
}
#nav-basket ul li a {
	position:absolute;
	right:6px;
	width:89px;
	height:62px;
	color:#fff;
	background-color:#1b771d;
	font-size:0.7em;
	text-decoration:none;
	text-align:center;
	display:block;
}
#nav-basket ul li a span {
	position:absolute;
	top:0;
	left:0;
	width:0;
	width:89px;
	height:62px;
	display:block;
}
#nav-basket-viewbasket a {
	top:6px;
}
#nav-basket-viewbasket a span {
	color:#fff;
	background:transparent url("/img/nav-basket-a.jpg") no-repeat 0 0;
}



#paymentlogos {
	position:absolute;
	z-index:99;
	top:17px;
	left:50%;
	width:960px;
	margin-left:-480px;
}
#acceptedcards {
	position:absolute;
	top:0;
	left:0;
}
#sagepay {
	position:absolute;
	top:68px;
	left:0;
}



#content-wrap {
	position:relative;
	width:100%;
	color:#333;
	background-color:#fff;
}
#content {
	padding:50px 30px;
	text-align:left;
}
#content h1 {
	margin-bottom:1em;
	font-size:1.8em;
}
#content h1 {
	margin-bottom:0.5em;
	padding-bottom:20px;
	color:#060;
	background:#fff url("/img/h2.jpg") no-repeat 0 0.8em;
	font-size:1.8em;
	text-align:center;
}
#content h2 {
	margin-bottom:1em;
	color:#060;
	background-color:transparent;
	font-size:1.4em;
}
#content h3 {
	margin-bottom:1em;
	font-size:1.1em;
}
#content h4 {
	margin-bottom:1em;
	font-size:1.1em;
}
#content strong {
	color:#060;
	background-color:transparent;
	font-weight:bold;
}
#content p {
	margin-bottom:1.5em;
	font-size:0.9em;
	line-height:1.6;
}
#content ul, 
#content ol {
	margin:0 0 1em 1.5em;
}
#content ul {
	list-style-type:square;
}
#content ol {
	margin:0 0 1em 2.2em;
	list-style-type:decimal;
}
#content ol li, 
#content ul li {
	margin-bottom:0.5em;
	line-height:1.4;
}
#content ol li ul, 
#content ul li ul {
	margin:0.5em 0 0.5em 1.5em;
	font-size:1em;
}



#content form {
	margin-bottom:1em;
}
#content form div {
	margin-bottom:0.4em;
}
#content form div label span {
	margin-bottom:0.3em;
	color:#060;
	background-color:#fff;
	font-size:1em;
}
#content form input {
	width:225px;
	border:2px solid #9ecca0;
	color:#030;
	background:#cce5cd url("/img/input.jpg") repeat-x 0 0;
}
#content form textarea {
	width:450px;
	height:120px;
	border:2px solid #9ecca0;
	color:#030;
	background:#cce5cd url("/img/textarea.jpg") repeat-x 0 0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em;
}
#content form button {
	position:relative;
	width:225px;
	height:30px;
	padding:0;
	border:0;
	color:#333;
	background-color:transparent;
	cursor:pointer;
}
#content form label input.gray {
	border:2px solid #ccc;
	color:#999;
	background:#efefef none;
}
#content form label.error {
	margin-left:10px;
	color:#c00;
	background-color:transparent;
	font-size:0.9em;
	font-style:italic;
	text-align:right;
}
#content form div.error {
	display:none;
}
#content form input:focus, 
#content form textarea:focus {
	border:2px solid #060;
}
#content form input.error {
	border:2px solid #c00;
	color:#c00;
	background:#ffe5e5 url("/img/input-error.jpg") repeat-x 0 0;
}
#content form textarea.error {
	border:2px solid #c00;
	color:#c00;
	background:#ffe5e5 url("/img/textarea-error.jpg") repeat-x 0 0;
}
/* START Firefox button position fix */
#content form div button img, x:-moz-any-link {position:absolute;top:-16px;left:-3px;}
#content form div button img, x:-moz-any-link, x:default {position:static;}
/* END Firefox button position fix */
#content #errors {
	margin-left:0;
	font-size:0.9em;
}






#home #content {
	width:960px;
	padding:50px 0;
	margin:0 auto;
}
#home #intro {
	position:relative;
}
#home #slideshow {
	width:480px;
	height:280px;
	margin-left:30px;
	float:right;
}
#home #sellingpoints {
	position:relative;
	top:-20px;
	clear:both;
}
#home #sellingpoints ul {
	width:50%;
	margin:0 0 1em;
	text-align:center;
	list-style:none;
	float:left;
}
#home #sellingpoints ul li {
	margin:0 1em;
	display:inline;
}
#home #boxouts {
	margin:0 -10px;
	clear:left;
}
#home #boxouts .boxout {
	position:relative;
	width:215px;
	min-height:200px;
	height:auto !important;
	height:200px;
	margin:0 5px;
	padding:0 10px;
	color:#333;
	background:#fff url("/img/boxout.jpg") no-repeat 0 0;
	float:left;
}
#home #boxouts .boxout h2 {
	margin:0.5em 0;
	color:#030;
	background-color:transparent;
	font:normal 1.1em "Trebuchet MS",Tahoma,Arial,Helvetica,sans-serif;
	text-align:center;
}
#home #boxouts .boxout p {
	font-size:0.8em;
	line-height:1.3;
}
#home #boxouts .boxout ul {
	margin:0;
	font-size:0.8em;
	list-style:none;
}
#home #boxouts .boxout ul li {
	margin-bottom:1em;
	padding-top:1em;
	border-top:1px solid #ccc;
	line-height:1.2;
}







#home #boxouts .boxout.viewrange {
	color:#333;
	background:#cce5cd url("/img/boxout-view-range.jpg") no-repeat 0 0;
}
#home #boxouts .boxout.viewrange a {
	position:absolute;
	left:10px;
	width:215px;
	height:200px;
	color:#030;
	background:transparent;
	text-decoration:none;
	display:block;
}
#home #boxouts .boxout.viewrange a:hover {
	color:#030;
	background-color:transparent;
}



#catalogue #categories, 
#catalogue #categoryindex {
	margin:0 -15px;
}
#catalogue .row.remainder1 {
	margin-left:330px;
}
#catalogue .row.remainder2 {
	margin-left:165px;
}
#catalogue .category, 
#catalogue .product {
	position:relative;
	width:300px;
	margin:0 15px;
	text-align:center;
	float:left;
}
#catalogue .category .thumbnail, 
#catalogue .product .thumbnail {
	position:relative;
}
#catalogue .product span {
	left:75px;
}
#catalogue .product {
	width:450px;
}
#catalogue .product p a {
	margin-left:75px;
}
#catalogue .category a:hover, 
#catalogue .product a:hover {
	color:#030;
	background-color:transparent;
}
#catalogue .category h2, 
#catalogue .product h2 {
	margin-bottom:1.5em;
	font:normal 1.6em "Trebuchet MS",Tahoma,Arial,Helvetica,sans-serif;
}
#catalogue .category h2 a, 
#catalogue .category h2 a:hover , 
#catalogue .product h2 a, 
#catalogue .product h2 a:hover {
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:250px;
	color:#060;
	background-color:transparent;
	text-decoration:none;
	display:block;
}
#catalogue .product h2 a, 
#catalogue .product h2 a:hover {
	width:450px;
	height:250px;
}
#catalogue .category p, 
#catalogue .product p {
	margin:1em 0 0;
	border-bottom:10px solid #fff;
	text-align:left;
}
#catalogue .category p a, 
#catalogue .product p a {
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:30px;
	padding-top:250px;
	text-align:center;
	display:block;
}
#catalogue .category p a span, 
#catalogue .product p a span {
	position:absolute;
	top:0;
	left:0;
	width:300px;
	height:280px;
	color:#fff;
	background:transparent url("/img/more.png") no-repeat center bottom;
}
#catalogue .rowdivider {
	margin:1em 0;
	border-bottom:1px solid #ccc;
	clear:both;
}
#catalogue h2.categoryname {
	margin-bottom:0.5em;
	padding-bottom:20px;
	color:#060;
	background:#fff url("/img/h2.jpg") no-repeat 0 0.8em;
	font-size:1.8em;
	text-align:center;
}
#catalogue #categoryindex #categorydescription {
	padding-top:1em;
	clear:both;
}



/* PRODUCT DETAILS */
#content h3.flash_message {
	margin:0 0 1.7em 0;
	padding:0.3em 0;
	border:3px double #fff;
	color:#fff;
	background-color:#1B7720;
	font-size:1.4em;
	line-height:1.2;
	text-align:center;
}
#catalogue #productdetails h3 {
	margin:-0.9em 0 1.7em 0;
	padding:0.3em 0;
	border:3px double #9ecca0;
	color:#060;
	background-color:#cce5cd;
	text-align:center;
}
#catalogue #productdetails #productdescription {
	width:520px;
	margin-left:63px;
	clear:both;
	float:left;
}
#catalogue #productdetails #productdescription ul {
	margin:0 0 1em 1em;
	font-size:0.9em;
	list-style-type:square;
}
#catalogue #productdetails #productdescription ul li {
	margin-bottom:0.2em;
	line-height:1.6;
}
#catalogue #productdetails #productprice {
	position:relative;
	width:280px;
	height:60px;
	margin-left:616px;
	color:#030;
	background:transparent url("/img/productprice.gif") no-repeat right top;
}
#catalogue #productdetails #productprice .price {
	padding:0.3em 0 0 0.5em;
	color:#060;
	background-color:transparent;
	font-size:1.6em;
}
#catalogue #productdetails #recommendtoafriendlink {
	position:absolute;
	bottom:60px;
	width:280px;
	height:60px;
	margin-left:616px;
}
#catalogue #productdetails #recommendtoafriendlink a {
	position:relative;
	width:280px;
	height:42px;
	padding-top:18px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	display:block;
}
#catalogue #productdetails #recommendtoafriendlink a span {
	position:absolute;
	top:0;
	left:0;
	width:280px;
	height:60px;
	color:#030;
	background:transparent url("/img/recommendtoafriend.gif") no-repeat right top;
	display:block;
}

#catalogue .addtobasket a {
	position:absolute;
	top:1em;
	right:1em;
	width:107px;
	height:30px;
	display:block;
	text-align:left;
	float:left;
}
#catalogue .addtobasket a span {
	position:absolute;
	top:0;
	left:0;
	width:107px;
	height:30px;
	border-right:1px solid #cce5cd;
	border-bottom:1px solid #cce5cd;
	color:#fff;
	background:transparent url("/img/add-to-basket.jpg") no-repeat 0 0;
	display:block;
}
#catalogue .addtobasket a:active span {
	border-top:1px solid #cce5cd;
	border-right:0;
	border-bottom:0;
	border-left:1px solid #cce5cd;
}
#catalogue p.back {
	margin-bottom:0;
}
#catalogue #productdetails p.back {
	margin:-1.6em 1em 1.6em 0;
	text-align:right;
}



#catalogue #productdetails .outofstock {
	margin:-1em 0 2em 0;
	padding:0.3em;
	border:3px double #9ecca0;
	color:#060;
	background-color:#cce5cd;
}
#catalogue #productdetails .outofstock p {
	margin-bottom:0;
}
#catalogue #productdetails .outofstock form {
	padding-left:250px;
}
#catalogue #productdetails .outofstock div {
	clear:left;
}
#catalogue #productdetails .outofstock div span {
	width:100px;
	color:#060;
	background-color:#cce5cd;
	display:block;
	float:left;
}
#catalogue #productdetails .outofstock div button {
	width:231px;
}
#catalogue #productdetails .outofstock div.buttons {
	margin-left:100px;
}



#imagegallery-wrap {
	height:340px;
	margin:-1em 0 1em 0;
	padding-bottom:1.7em;
	color:#666;
	background:transparent url("/img/h2-inverted.jpg") no-repeat center bottom;
}
#imagegallery {
	position:relative;
	width:826px;
	height:340px;
	margin:0 auto;
}
#imagemain {
	position:absolute;
	top:0;
	left:0;
	width:500px;
	height:340px;
}
#imagemain.single {
	padding-left:166px;
}
#imagemain a.shadowbox img {
	border:2px solid #fff;
	display:block;
}
#imagemain a:hover.shadowbox img {
	border:2px solid #393;
	display:block;
}
.galleria {
	position:absolute;
	top:0;
	left:500px;
	width:144px;
	list-style:none;
}
.galleria li {
	width:144px;
	height:98px;
	margin:0 0 25px 0;
	border:1px solid #ccc;
	display:block;
	overflow:hidden;
	float:left;
}
#imagegallery ul.galleria li.right1 {
	margin:-363px 0 0 687px;
}
#imagegallery ul.galleria li.right2 {
	margin:-242px 0 0 687px;
}
#imagegallery ul.galleria li.right3 {
	margin:-121px 0 0 687px;
}
#imagegallery ul li {
	margin:0 0 21px 0;
}
.galleria li.hover {
	border-color:#bbb;
}
.galleria li.active {
	border-style:solid;
	border-color:#222;
}
.galleria li a {
	display:none;
}
.galleria li div {
	position:absolute;
	top:0;
	left:-523px;
	width:500px;
	height:340px;
	border:1px solid #ccc;
	overflow:hidden;
	display:none;
}
.galleria li div img {
	cursor:pointer;
}
.galleria li.active div img, 
.galleria li.active div {
	display:block;
}
.galleria li img.thumb {
	top:auto;
	left:auto;
	width:auto;
	height:auto;
	display:block;
	cursor:pointer;
}
.galleria li .caption {
	padding-top:.5em;
	display:block;
}
/* MSIE bug */
* html .galleria li div span {
	width:400px;
}



/* Thumbnail images on left. */
.galleria {
	left:-25px;
}
.galleria li div {
	left:166px;
}



#contactus #contactform {
	width:47%;
	margin-right:6%;
	float:left;
}
#contactus #contactdetails {
	margin-left:53%;
}
#contactus #contactdetails p {
	font-size:0.9em;
}
#contactus #contactdetails .address p {
	font-size:1em;
}
#contactus #contactform h2, 
#contactus #contactdetails h2 {
	border-bottom:1px solid #ccc;
}
#contactus #contactdetails .address.postal {
	width:50%;
	float:left;
}
#contactus #contactdetails  .outro h2 {
	margin-top:4.6em;
}



#contactus #content .callback {
	margin:0 0 1em 0;
	padding:0.3em;
	border:3px double #9ecca0;
	color:#060;
	background-color:#cce5cd;
}
#contactus #content .callback form {
	position:relative;
}
#contactus #content .callback div span {
	color:#060;
	background-color:#cce5cd;
}
#contactus #content .callback div input, 
#contactus #content .callback div button {
	width:200px;
}
#contactus #content .callback div input#cbtime {
	width:100px;
}
#contactus #content form label.error {
	font-size:0.8em;
}
#contactus #content form #hideform {
	position:absolute;
	top:0;
	right:0;
	font-size:0.9em;
}







#basket-table, 
#basket-table caption, 
#basket-table tbody, 
#basket-table tfoot, 
#basket-table thead, 
#basket-table tr, 
#basket-table th, 
#basket-table td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
#basket-table {
	width:960px;
	margin-bottom:1em;
	border-collapse:collapse;
	border-spacing:0;
}
#basket-table thead th, 
#basket-table tfoot th {
	padding:0.3em 0;
	border-top:2px solid #9ecca0;
	border-bottom:2px solid #9ecca0;
	color:#030;
	background-color:#cce5cd;
}
#basket-table tbody td {
	padding:0.1em 0;
	border-bottom:1px solid #ccc;
	vertical-align:middle;
}
#basket-table tbody td.thumb {
	width:150px;
}
#basket-table thead th.product, 
#basket-table tbody td.product {
	width:22%;
	text-align:left;
}
#basket-table thead th.code, 
#basket-table tbody td.code {
	width:8%;
	text-align:left;
}
#basket-table tbody td.thumb a {
	background-color:transparent;
}
#basket-table tbody td.thumb img {
	display:block;
}
#basket-table thead th.quantity, 
#basket-table tbody td.quantity {
	width:100px;
	text-align:center;
}
#basket-table tbody td.quantity input {
	width:30px;
}
#basket-table thead th.price, 
#basket-table tbody td.price, 
#basket-table thead th.total, 
#basket-table tbody td.total {
	width:70px;
	padding-right:30px;
	text-align:right;
}
#basket-table thead th.total.vat, 
#basket-table tbody td.total.vat {
	width:104px;
}
#basket-table span.incvat {
	font-size:0.7em;
	display:inline;
}
#basket-table thead th.total, 
#basket-table tfoot th.grandtotal {
	text-transform:uppercase;
}
#basket-table tbody td.remove {
	width:89px;
	text-align:right;
}
#basket-table tbody td.remove a {
	position:relative;
	width:89px;
	height:30px;
	text-align:center;
	display:block;
}
#basket-table tbody td.remove a span {
	position:absolute;
	top:0;
	left:0;
	width:89px;
	height:30px;
	color:#060;
	background:transparent url("/img/remove.jpg") no-repeat 0 0;
	display:block;
}
#basket-table tfoot th.total {
	padding-right:30px;
	text-align:right;
}
#basket-table tfoot th.vat {
	padding:0.2em 30px 0.3em 0;
	color:#68aa6a;
	background-color:#cce5cd;
	font-size:0.8em;
}
#basket-table tfoot th.grandtotal, 
#basket-table tfoot th.grandtotal.remove {
	padding-right:30px;
	color:#000;
	background-color:#9ad39c;
	font-size:1.4em;
	text-align:right;
}
#basket-table tfoot th.promocode {
	padding-right:30px;
	color:#030;
	background-color:#cce5cd;
	font-size:0.9em;
	text-align:right;
}
#basket-table tfoot th.promocode input {
	width:100px;
	background:#fff none;
}
#basket-table tfoot th.promocode .error {
	color:#c00;
	background-color:#cce5cd;
}




#basketcontrols {
	position:relative;
	height:15px;
}
#basketcontrols p {
	margin:0 0;
	float:left;
	clear:left;
}
#basketcontrols p.termsviewed {
	width:700px;
	font-size:0.9em;
}
#basketcontrols p.printmailorderform, 
#basketcontrols p.europe {
	width:100%;
	margin-top:0.1em;
	font-size:0.8em;
}
#basketcontrols p.attention, 
#content form select.attention {
	color:#c00;
	background-color:#ffe5e5;
}
#basketcontrols p input, 
#basketcontrols p input:focus {
	width:auto;
	border:0;
	background:transparent none;
}
#basketbuttons {
	position:absolute;
	right:0;
}
#basketbuttons #updatesubmit, 
#basketbuttons #clearsubmit {
	width:120px;
	height:30px;
	margin-bottom:4px;
	border:0;
}
#basketbuttons #updatesubmit {
	margin-right:4px;
}
#basketbuttons #checkoutsubmit {
	width:244px;
	height:30px;
	border:0;
}



#sagepaybasket {
	margin:50px 0 0 150px;
}



#mailorder #yourdetails, 
#mailorder #deliverydetails, 
#mailorder #carddetails {
	width:290px;
	margin:0 15px 1em;
	float:left;
}
#mailorder #yourdetails div, 
#mailorder #deliverydetails div, 
#mailorder #carddetails  div{
	width:100%;
	margin-bottom:0.3em;
	border-bottom:1px dotted #666;
	clear:left;
}
#mailorder #basket-table, 
#mailorder #userdetails, 
#mailorder .instructions {
	display:none;
}
#mailorder .printbutton {
	text-align:center;
	clear:both;
}
#mailorder .printbutton a {
	position:relative;
	width:231px;
	height:30px;
	margin:0 auto;
	color:#fff;
	background-color:#060;
	text-align:center;
	display:block;
}
#mailorder .printbutton a span {
	position:absolute;
	top:0;
	left:0;
	width:231px;
	height:30px;
	color:#fff;
	background:transparent url("/img/print-mail-order-form.jpg") no-repeat 0 0;
	display:block;
}





#checkout #head {
	padding-top:120px;
}
#checkout #content {
	padding:0 30px;
}
#checkout #checkoutstages {
	margin-bottom:0.9em;
	padding-bottom:20px;
	color:#060;
	background:#fff url("/img/h2.jpg") no-repeat 0 1.2em;
	font-size:1.5em;
	text-align:center;
}
#checkout #checkoutstages span {
	color:#ccc;
	background-color:transparent;
}
#checkout.billingaddress #checkoutstages #stage1, 
#checkout.deliveryaddress #checkoutstages #stage2, 
#checkout.confirmdetails #checkoutstages #stage3, 
#checkout.carddetails #checkoutstages #stage4, 
#checkout.ordercompleted #checkoutstages #stage5 {
	color:#393;
	background-color:transparent;
}
#checkout #form-userdetails {
	width:740px;
	margin-right:30px;
	padding-right:30px;
	border-right:1px solid #ccc;
	float:left;
}
#checkout form fieldset {
	padding-left:130px;
}
#checkout form div.hidden {
	display:none;
}
#checkout form div {
	clear:left;
}
#checkout form div span {
	width:140px;
	margin-right:20px;
	text-align:right;
	display:block;
	float:left;
}
#checkout #postcode, 
#checkout #deliverypostcode {
	width:75px;
}
#checkout #telephone {
	width:125px;
}
#checkout #content button {
	width:125px;
	margin-left:160px;
}
#checkout .privacy {
	margin-top:2em;
}
#checkout .privacy strong {
	font-size:0.8em;
	font-weight:normal;
}
#checkout #content form label.error {
	font-size:0.8em;
}
#paymentdetails {
	margin-left:801px;
}
#paymentdetails .logos {
	margin-bottom:1em;
}
#paymentdetails p {
	line-height:1.2;
}
#paymentdetails .logos img {
	margin:3px 4px 3px 0;
	border:1px solid #ccc;
}
#checkout #samedelivery {
	width:auto;
	border:0;
	background:transparent none;
}
#checkout.confirmdetails .formbuttons {
	text-align:right;
}



#checkout.confirmdetails #billingaddress {
	width:25%;
	padding-bottom:1em;
	float:left;
}
#checkout.confirmdetails #deliveryaddress {
	width:25%;
	padding-bottom:1em;
	float:left;
}
#checkout.confirmdetails #basket-table {
	width:480px;
	font-size:0.9em;
}
#checkout.confirmdetails #basket-table th, 
#checkout.confirmdetails #basket-table td {
	padding:0.2em 0;
}
#checkout.confirmdetails #basket-table th.product, 
#checkout.confirmdetails #basket-table td.product {
	width:200px;
}
#checkout.confirmdetails #content div.formbuttons {
	clear:left;
}
#checkout.confirmdetails #content #proceedwithorderbutton {
	width:244px;
	margin-left:0;
	text-align:right;
}



#checkout #data {
	padding:0.5em;
	border:1px solid #ccc;
	color:#333;
	background-color:#fefefe;
	font-size:0.9em;
	line-height:1.4;
}
#checkout #data span {
	width:120px;
	display:block;
	float:left;
}




#sitemap #content ul {
	font-size:0.9em;
}
#sitemap .main1, 
#sitemap .main2, 
#sitemap .main3 {
	width:33%;
	margin-bottom:2em;
	float:left;
}
#sitemap .categories {
	clear:left;
}
#sitemap .categories .category {
	width:33%;
	margin-bottom:2em;
	float:left;
}



/* BLOG STYLES */
#blogcontent {
	width:640px;
	margin-right:20px;
	padding-right:40px;
	color:#333;
	background:transparent url("/img/blog-sidebar.jpg") no-repeat right top;
	float:left;
}
#blogcontent .post {
	margin-bottom:1em;
	border-bottom:1px dotted #ccc;
}
#blogcontent .post small {
	margin:-1.4em 0 1em 0;
	color:#999;
	background-color:#fff;
	font-size:0.8em;
	display:block;
}
#blogcontent.archives .post h3 {
	font-size:1.4em;
}
#sidebar {
	width:260px;
	margin-left:700px;
}
#sidebar ul {
	margin:0;
	font-size:0.9em;
	list-style:none;
}
#sidebar ul li {
	margin:0 0 2em 0;
}
#sidebar ul li ul {
	margin:0 0 0 1.5em;
	list-style:square;
}
#sidebar ul li ul li {
	margin:0 0 0.3em 0;
}
#content #sidebar form {
	position:relative;
}
#content #sidebar form input {
	width:150px;
	margin-top:5px;
}
#content #sidebar form button {
	position:absolute;
	top:0;
	left:165px;
	width:90px;
	height:30px;
}
#blogcontent .navigation {
	position:relative;
	padding-bottom:3em;
	font-size:0.9em;
}
#blogcontent .alignleft {
	position:absolute;
	top:0;
	left:0;
	width:50%;
}
#blogcontent .alignright {
	position:absolute;
	top:0;
	left:50%;
	width:50%;
	text-align:right;
}
#blogcontent .postmetadata.alt {
	padding:0.3em;
	border:1px solid #ccc;
	color:#999;
	background-color:#efefef;
}
#blogcontent .postmetadata small {
	margin:0;
	color:#999;
	background-color:#efefef;
}



/* MESSAGEBOARD STYLES */
#messageboard  {
	line-height:1.4;
}
#messageboard form input {
	width:auto;
}
#messageboard td.search {
	padding:0;
}
#messageboard td.search form {
	position:relative;
	height:45px;
}
#messageboard #searchterms {
	margin:12px 100px 0 0;
}
#messageboard #searchsubmit {
	position:absolute;
	top:7px;
	left:234px;
	width:90px;
	height:30px;
}
#messageboard .post {
	margin-top:1em;
	padding-top:1em;
	border-top:1px solid #ccc;
}
#messageboard #content form textarea.editor {
	font-size:1.1em;
}
#messageboard .quoteheader, 
#messageboard .quote {
	font-size:1em;
}
#messageboard .quote {
	padding:0.4em;
	color:#666;
}
#messageboard #content a:hover {
	color:#fff;
	background-color:#393;
	text-decoration:none;
}
#messageboard #nav-basket div {
	line-height:1;
}


.thumbnail-row {
	clear:both;
}
.thumbnail-row img {
	width:300px;
	height:220px;
}
.thumbs1 {
	padding-left:330px;
}
.thumbs2 {
	padding-left:150px;
}
#catalogue .thumbs4  .category {
	width:210px;
}
#catalogue .thumbs4  .category h2 a, 
#catalogue .thumbs4  .category h2 a:hover {
	width:210px;
	height:184px;
}
#catalogue .thumbs4 .category p a {
	width:210px;
	padding-top:184px;
}
#catalogue .thumbs4 .category p a span {
	width:210px;
	height:214px;
}
#catalogue .thumbs4 .category img {
	width:210px;
	height:154px;
}



#catalogue .thumbs4  .product {
	width:210px;
}
#catalogue .thumbs4  .product h2 {
	font-size:1.2em;
}
#catalogue .thumbs4  .product h2 a, 
#catalogue .thumbs4  .product h2 a:hover {
	width:210px;
	height:184px;
}
#catalogue .thumbs4 .product p a {
	width:210px;
	padding-top:184px;
}
#catalogue .thumbs4 .product p a span {
	width:210px;
	height:214px;
}
#catalogue .thumbs4 .product img {
	width:210px;
	height:154px;
}


#catalogue .product span {
	left:0;
}
#catalogue .product {
	width:300px;
}
#catalogue .product p a {
	margin-left:0;
}
#catalogue .product h2 a, 
#catalogue .product h2 a:hover {
	width:300px;
	height:220px;
}



#catalogue #categoryindex .thumbs2 {
	padding-left:0;
}
#catalogue .thumbs2  .product {
	width:450px;
}
#catalogue .thumbs2 .product p a {
	margin-left:75px;
}
#catalogue .thumbs2 .product h2 a, 
#catalogue .thumbs2 .product h2 a:hover {
	width:450px;
	height:250px;
}



#foot {
	position:relative;
}
.addthis_button {
	position:absolute;
	top:0;
	left:0;
}
.addthis_button:hover {
	color:#000;
	background-color:transparent;
}
#at15pfpro:hover, 
#at15sptx:hover, 
#at16ptx:hover, 
#at16pfpro:hover, 
#at-privacy:hover {
	color:#000;
	background-color:transparent;
	text-decoration:underline;
}
.facebook_badge {
	position:absolute;
	top:0;
	right:0;
}



/* SHADOWBOX STYLES */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;border-top:4px solid #64a964;border-right:4px solid #1b771d;border-bottom:4px solid #1b771d;border-left:4px solid #64a964;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(/js/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:25px;line-height:25px;}
#sb-info-inner{font-size:12px;}
#sb-info{position:absolute;top:14px;right:-10px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:25px;width:24px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close,#sb-nav-close:hover{background-image:url(/img/close.png);background-color:transparent;}
#sb-nav-next{background-image:url(/js/shadowbox/next.png);}
#sb-nav-previous{background-image:url(/js/shadowbox/previous.png);}
#sb-nav-play{background-image:url(/js/shadowbox/play.png);}
#sb-nav-pause{background-image:url(/js/shadowbox/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}


/* MODAL WINDOW STYLES */
#recommendtoafriend-overlay {
	background-color:#000;
}
#recommendtoafriend-container {
	width:526px;
	text-align:left;
}
#recommendtoafriend-container h1 {
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
	color:#185319;
	font-size:18px;
}
#recommendtoafriend-container .recommendtoafriend-content {
	height:40px;
	padding:10px;
	border-top:4px solid #64a964;
	border-right:4px solid #1b771d;
	border-bottom:4px solid #1b771d;
	border-left:4px solid #64a964;
	color:#333;
	background-color:#fff;
}
#recommendtoafriend-picture {
	padding-left:62px;
}
#recommendtoafriend-container .formrow {
	margin-bottom:5px;
	clear:both;
}
#recommendtoafriend-container .formbuttons {
	padding-left:168px;
	clear:both;
}
#recommendtoafriend-container label {
	width:158px;
	margin-right:10px;
	padding-top:4px;
	color:#060;
	background-color:#fff;
	font-size:0.9em;
	text-align:right;
	display:block;
	float:left;
}
#recommendtoafriend-container input {
	width:167px;
	border:2px solid #9ecca0;
	color:#030;
	background:#cce5cd url("/img/input.jpg") repeat-x 0 0;
}
#recommendtoafriend-container textarea {
	width:320px;
	height:60px;
	border:2px solid #9ecca0;
	color:#030;
	background:#cce5cd url("/img/textarea.jpg") repeat-x 0 0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.8em;
}
#recommendtoafriend-container .checkbox {
	padding:5px 0 5px 168px;
}
#recommendtoafriend-container .checkbox label {
	width:auto;
	font-size:0.8em;
	color:#666;
	text-align:left;
	display:inline;
	float:none;
}
#recommendtoafriend-container .checkbox input {
	width:auto;
	border:none;
	display:inline;
}
#recommendtoafriend-container .textarea {
	padding-top:0px;
}
#recommendtoafriend-container .textarea label {
	padding-top:0;
}
#recommendtoafriend-container .formbuttons button {
	position:relative;
	width:90px;
	height:30px;
	padding:0;
	border:0;
	color:#333;
	background-color:transparent;
	cursor:pointer;
}
/* START Firefox button position fix */
#recommendtoafriend-container .formbuttons button img, x:-moz-any-link {position:absolute;top:-16px;left:-3px;}
#recommendtoafriend-container .formbuttons button img, x:-moz-any-link, x:default {position:static;}
/* END Firefox button position fix */
#recommendtoafriend-container a.modal-close, 
#recommendtoafriend-container a.modal-close:hover {
	position:absolute;
	top:-10px;
	right:-10px;
	width:24px;
	height:25px;
	background:transparent url("/img/close.png") no-repeat 0 0;
	text-decoration:none;
}
#recommendtoafriend-container .recommendtoafriend-error {
	margin:15px 0;
	padding:5px;
	border:1px solid #ffe5e5;
	color:#c00;
	background:#ffe5e5 none;
	font-size:14px;
}







/* TEMPORARY OVERRIDE TO FORCE FIXED WIDTH ON ALL PAGES */
#content {
	width:960px;
	padding:50px 0;
	margin:0 auto;
}



#errorconsole {
	position:absolute;
	z-index:999;
	top:10px;
	left:10px;
	border:1px solid #000;
	color:#000;
	background-color:#fff;
	font-size:0.8em;
	text-align:left;
}