/********************************
 STYLESHEET
 2 COLUMNS WITH HEADER AND FOOTER
 ********************************/
UL {
padding:0px;
margin-top:0px;
margin-left:25px;
margin-bottom:10px;

}

OL {
padding:0px;
margin-top:0px;
margin-left:25px;
margin-bottom:10px;
}

body {
	text-align: center;
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #12410A;
}

form {
	display: inline;
}

#centerwrap {
	margin: 0 auto;
	width: 710px;
	text-align: center;
}


input.directionbutton {
	font-family: Wingdings;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	line-height:18px;
	width:25px;
}


/* HEADER = 710PX WIDE */
#header {
	width: 710px;
	text-align: left;
	border-bottom: 12px solid #e4e8d1;
}

#logo {
	float: left;
	width: 300px;
}

#topnav {
	float: right;
	margin-top: 8px;
	font-size: 11px;
	width: 410px;
	text-align: right;
}

#header img.overhang {
	position: relative;
	left: -30px;
}

#bcsearch {
	width: 710px;
	border-top: 1px solid #bcc68d;
	border-bottom: 1px solid #e4e8d1;
}

#breadcrumb {
	float: left;
	width: 560px;
	padding: 8px 0 8px 3px;
	text-align: left;
	font-size: 11px;
	clear: both;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 557px; /* WIDTH ABOVE - (BORDERS + MARGIN + PADDING) */
}

#search {
	float: right;
	width: 150px;
	padding: 2px 0 2px 0;
	text-align: right;
}

/* PAGE CONTENT - RHS FIRST THEN LEFT NAV */
/* 710 PX WIDE WITH TWO FLOATED ELEMENTS */
#pagecontent {
	width: 710px;
	position: relative;
	background: #ffffff url(images/pagecontentbg.gif) repeat-y;
	margin-top: 20px;
	text-align: left;
}

#rhscontent {
	float: right;
	width: 540px;
	padding-left: 24px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 514px; /* WIDTH ABOVE - (BORDERS + MARGIN + PADDING) */
}

#defaultleft {
	float: left;
	width: 388px;
}

#defaultright {
	float: right;
	margin-left: 16px;
	border: 1px solid #e4e8d1;
	padding: 0 0 10px 0;
	width: 126px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 108px; /* WIDTH ABOVE - (BORDERS + MARGIN + PADDING) */
}

/* DEFAULT HOMEPAGE TABLES */
table {
	border-collapse: collapse;
	margin-bottom: 10px;
}

table td {
	vertical-align: middle;
	padding: 0;
}

#deftop2 {
	width: 100%;
	border: 1px solid #bcc68d;
	voice-family: "\"}\"";
	voice-family:inherit;
}

	#deftop2 td.deftopl {
		width: 198px;
	}

	#deftop2 td.deftopr {
		width: 190px;
		background: #f8f9f3;
		padding: 6px;
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 178px;
	}

#deftop {
	width: 388px;
	border: 1px solid #bcc68d;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 386px;
}

	#deftop td.deftopl {
		width: 198px;
	}

	#deftop td.deftopr {
		width: 190px;
		background: #f8f9f3;
		padding: 6px;
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 178px;
	}
	
	
#defmid {
	width: 388px;
	border: 1px solid #bcc68d;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 386px;
}

	#defmid td.defmidl {
		width: 123px;
	}

		#defmid td.defmidl img {
			margin: 4px;
			padding: 6px;
			border: 1px solid #cccccc;
		}
	
	#defmid td.defmidr {
		width: 265px;
		padding: 6px;
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 253px; /* WIDTH ABOVE - (BORDERS + MARGIN + PADDING) */	
	}
	
	
#defbota {
	width: 388px;
	border: 1px solid #bcc68d;
	background: #f8f9f3;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 386px;
}

	#defbota td.defbotal {
		width: 215px;
		padding: 10px;
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 195px;
	}
	
	#defbota td.defbotar {
		width: 173px;	
	}

		#defbota td.defbotar img {
			margin: 4px;
			padding: 6px;
			border: 1px solid #cccccc;
		}
	
	
#defbotb {
	width: 388px;
	border: 1px solid #bcc68d;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 386px;
}

	#defbotb td.defbotbl {
		width: 98px;
	}

		#defbotb td.defbotbl img {
			margin: 4px;
			padding: 6px;
			border: 1px solid #cccccc;
		}
	
	#defbotb td.defbotbr {
		width: 280px;
		padding: 6px;
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 268px; /* WIDTH ABOVE - (BORDERS + MARGIN + PADDING) */	
	}

.deftext {
	clear: both;
}

.deftext p {
	border: 1px solid #bcc68d;
	padding: 2px;
}

#lhsnav {
	float: left;
	width: 160px;
}

#relprod {
	clear: both;
	position: relative;
	top: 20px;
	width: 514px;
	height: 89px;
	background: url(/images/relatedbg.gif) no-repeat top left;
	padding: 5px 0 0 8px;
	font-size: 11px;
}

.breaker {
	clear: both;
}

#gap {
	height: 20px;
	border-bottom: 1px solid #bcc68d;
}

div.relprodbox {
	float: left;
	width: 253px;
	padding-left: 15px;
	padding-top: 5px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 238px; /* WIDTH ABOVE - (BORDERS + MARGIN + PADDING) */
}

div.relprodbox img {
	float: left;
	width: 93px;
	background: #bcc68d url(/images/relprodbg.gif) no-repeat top left;
	padding: 5px;
	/* border: 4px solid #ffffff; */
	margin-right: 8px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 75px; /* WIDTH ABOVE - (BORDERS + MARGIN + PADDING) */
}

/* FOOTER */
#footer {
	border-top: 12px solid #e4e8d1;
	clear: both;
	width: 710px;
	text-align: left;
	font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
}

#footerleft {
	float: left;
	width: 405px;
}

#footerright {
	float: right;
	text-align: right;
	width: 305px;
}

/*********
 NAV LISTS
 *********/

/****************************************************
	 Next comes the LHS nav which is a vertical list
	 in traditional UL style - but with custom rules
	 again!
 ****************************************************/
#lhsnav ul.leftnav {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 11px;
}

#lhsnav ul.leftsubnav {
	list-style: none;
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 0;
	font-size: 11px;
	border-top: 1px solid #e4e8d1;
	border-bottom: 1px solid #e4e8d1;
}

#lhsnav ul.security {
	list-style: none;
	margin-top: 10px;
	margin: 0;
	padding: 0;
	text-align: center;
}

/*******************************************************
 	Set up a nice large block for the link to sit in
 	DON'T specify the margin / borders etc. in this rule
 *******************************************************/
#lhsnav ul.leftnav li {
	padding: 10px 0 10px 25px;
	text-transform: uppercase;
}

#lhsnav ul.leftsubnav li {
	padding: 10px 0 10px 0;
}

#lhsnav ul.security li {
	display: inline;
}

#lhsnav ul.security li.shopsafe {
	padding: 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 50px; /* WIDTH ABOVE - (BORDERS + MARGIN + PADDING) */
}

#lhsnav ul.security li.verisign {
	text-align: left;
	padding: 0px 10px 0px 0px;
	margin: 0px;
}

/***********
 OTHER STUFF
 ***********/
#prodimage {
	float: left;
	width: 264px;
	height: 264px;
	padding: 6px;
	border: 1px solid #cccccc;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 250px; /* WIDTH ABOVE - (BORDERS + MARGIN + PADDING) */
	height: 250px;
}

#prodprice {
	float: right;
	width: 250px;
	padding-left: 25px;
	padding-top: 10px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 225px; /* WIDTH ABOVE - (BORDERS + MARGIN + PADDING) */
}

#nexttoheading {
	float: right;
	text-align: right;
	width: 214px;
	margin-bottom: 10px;
}

.catheader {
	padding-right: 180px;
	padding-top: 15px;
	height: 105px;
	border-bottom: 2px solid #e4e8d1;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 88px; /* WIDTH ABOVE - (BORDERS + MARGIN + PADDING) */
}

.catheader p {
	color: #666666;
	margin: 0;
}

.brokprod {
	clear: left;
	padding: 20px 0;
	border-bottom: 1px solid #e4e8d1;
	font-size: 11px;
	line-height: 18px;
}

.brokfeat {
	float: left;
	padding: 35px 0 20px 0;
	width: 257px;
	border-bottom: 1px solid #e4e8d1;
	font-size: 12px;
}

.brokfeat span.topgap {
	display: block;
	margin-top: 15px;
}

.brokfeat img {
	float: left;
	width: 115px;
	height: 105px;
	padding: 2px;
	margin-right: 10px;
	border: 1px solid #cccccc;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 100px;
	height: 100px; /* WIDTH ABOVE - (BORDERS + MARGIN + PADDING) */
}

div.featprod {
	border-bottom: 1px solid #e4e8d1;
	font-size: 11px;
	width: 108px;
	margin: 10px;
	padding-bottom: 10px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 88px; /* WIDTH ABOVE - (BORDERS + MARGIN + PADDING) */
}

div.ourfaves {
	width: 514px;
	border: 1px solid #e4e8d1;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 512px; /* WIDTH ABOVE - (BORDERS + MARGIN + PADDING) */
}

div.faveprod {
	float: left;
	font-size: 11px;
	width: 128px;
	margin: 10px;
	text-align: center;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 108px; /* WIDTH ABOVE - (BORDERS + MARGIN + PADDING) */
}

img.prodsmall {
	padding: 2px;
	border: 1px solid #bcc68d;
	margin-bottom: 10px;
}

/*************
 FONT SETTINGS
 *************/
h1 {
	font-size: 14px;
	color: #12410a;
}

h2 {
	font-size: 12px;
	color: #12410a;
	border-bottom: 1px solid #e4e8d1;
}

h1.cathead {
	font-size: 14px;
	color: #ecb01b;
	margin-bottom: 10px;
}

h1.roomy {
	float: left;
	padding-top: 4px;
	width: 300px;
}

a:link, a:visited {
	color: #12410a;
}

a:hover {
	color: #1e6d10;
}

p.price {
	font-size: 14px;
	font-weight: bold;
}

p.prodcode {
	font-size: 11px;
}

p.prodshort {
	line-height: 18px;
}

div.proddesc {
	padding-top: 20px;
	padding-bottom: 10px;
	clear: left;
	font-size: 11px;
}

div.proddesc UL {
	padding:0px;
	margin-top:0px;
	margin-left:25px;
	margin-bottom:10px;
}

p.smalltext, span.smaller {
	font-size: 11px;
}

p.warning {
	font-weight: bold;
	color: #cc0000;
	background: #ffffcc;
	padding: 5px;
	border: 1px solid #cc0000;
}

p.indent {
	margin-top: 5px;
	padding-left: 20px;
	margin-bottom: 15px;
}

p.ourfave {
	margin-top: 0;
	height: 45px;
	padding: 6px 0;
	background: #e4e8d1;
	text-align: center;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 33px; /* WIDTH ABOVE - (BORDERS + MARGIN + PADDING) */
}

span.colourred {
	color: #990000;
}

span.nonbold {
	font-weight: normal;
}

span.subprod {
	color: #666666;
	font-size: 11px;
}

span.noprint {
	display: inline;
}

span.noscreen {
	display: none;
}

span.ourfaveheader {
	display: block;
	background: #e4e8d1;
	padding: 2px 0 2px 5px;
	font-weight: bold;
}

/***************************
 TURN OFF LINK IMAGE BORDERS
 ***************************/
a img {
	border: 0;
}

/*****
 FORMS
 *****/
input.searchbox {
	width: 113px;
	height: 17px;
	border: 1px solid #999999;
	position: relative;
	color: #333333;
	top: -3px;
}

input.searchsubmit {
	position: relative;
	top: 3px;
}

label {
	font-weight: bold;
	position: relative;
	top: -3px;
}

label.dontmove {
	position: relative;
	top: 1px;
}

label.hidden {
	display: none;
}

#prodprice label {
	font-size: 11px;
}

div.contshopping {
	clear: both;
	float: left;
	width: 225px;
	background: #f8f9f3;
	border: 1px solid #bcc68d;
	padding: 5px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 213px; /* WIDTH ABOVE - (BORDERS + MARGIN + PADDING) */
}

/************
 SHOPCART DIV
 ************/
#shopcart {
	width: 514px;
	clear: both;
}

#shopcart div.toprow, #shopcart div.prodrow {
	clear: left;
}

#shopcart div.prodrow {
	width: 514px;
	position: relative;
	border-bottom: 1px solid #e4e8d1;
}

#shopcart div.shopimage {
	clear: left;
	float: left;
	padding: 4px 0;
	width: 81px;
}

#shopcart div.shopimage img {
	padding: 2px;
	border: 1px solid #cccccc;
}

#shopcart div.qtydel {
	float: left;
	width: 85px;
	text-align: center;
	padding: 13px 0;
}

#shopcart div.qty {
	float: left;
	width: 85px;
	text-align: center;
	padding: 10px 0;
}

#shopcart div.shopname {
	float: left;
	width: 187px;
	text-align: left;
	padding: 10px 0;
}

#shopcart div.shopnamenoimg {
	float: left;
	width: 268px;
	text-align: left;
	padding: 10px 0;
}

#shopcart div.shoptotal {
	float: left;
	width: 80px;
	text-align: center;
	padding: 10px 0;
}

#shopcart div.shopsub {
	float: left;
	width: 80px;
	text-align: right;
	padding: 10px 0;
}

#shopcart div.header {
	background: #ffffff;
	color: #12410a;
	padding: 2px 0;
	border: 0;
	border-top: 1px solid #e4e8d1;
	border-bottom: 1px solid #e4e8d1;
	height: auto;
	line-height: 16px;
	font-weight: bold;
}

#shopcart div.imgheader {
	float: left;
	width: 81px;
}

#shopcarttotals {
	border-top: 1px solid #e4e8d1;
	border-bottom: 1px solid #e4e8d1;
	clear: left;
	float: right;
	padding: 5px 0;
	margin-bottom: 10px;
	width: 230px;
	background: #ffffff;
}

#shopcarttotals strong {
	float: left;
	width: 150px;
	text-align: right;
}

#shopcarttotals span {
	float: right;
	width: 80px;
	text-align: right;
}

#shopcarttotals span.total {
	font-weight: bold;
}

.hamperoffer {
	background: #f8f9f3;
	border: 1px solid #bcc68d;
	padding: 5px;
}

/**************
 CHECKOUT SETUP
 **************/
h1.checkouthead {
	clear: both;
	font-size: 16px;
	padding-bottom: 3px;
	border-bottom: 1px solid #12410a;
}

h1.checkouthead span {
	font-size: 22px;
}

#checkout div.labeldiv {
	position: relative;
	top: 7px;
	clear: left;
	float: left;
	width: 200px;
	text-align: right;
	padding-right: 10px;
	margin-bottom: 5px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 190px; /* WIDTH ABOVE - (BORDERS + MARGIN + PADDING) */
}

#checkout input, #checkout select {
	margin-bottom: 5px;
}

/*************
 CONTACT FORM
 *************/

div.contform{
	float: right;
	width: 514px;
	padding-top: 5px;
	voice-family: "\"}\"";
	voice-family:inherit;
}

div.formlabel {
	float: left;
	width: 114px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	width: 104px;
	font: normal 13px Verdana, Arial, Helvetica, sans-serif;
	color: #12410A;
	vertical-align: middle;
}

div.forminput {
	float: right;
	width: 400px;
	padding: 0px;
	margin: 0px;
}

div.forminput input {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

div.forminput textarea {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}