html { font-family:Verdana, Arial, Helvetica, sans-serif; }

body { 
text-align: center; 
background: #DED7BD;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000;
font-size: xx-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: x-small;

}

html>body  {
    font-size: x-small;
}
/* */

#wrap
{
width: 770px;
margin: 10px auto;
padding: 0;
text-align: left;
background: #CCC url(media/wrap_bg.gif) repeat-y top right;
border-left: 1px solid black;
border-right: 1px solid black;
}

#header {
	margin:0;
	padding: 0;
	width: 770px;
	float: left;
	background: #FFF url(media/header_bg.gif) repeat-x top left;
	}
#logo {
	height: 78px;
	width: 146px;	
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	background: #FFF url(/media/logo.jpg) no-repeat top center;
	display:block;
	}
#homelink {
	text-decoration: none;
	cursor: hand;
}
#strapline {
	float: right;
	width:535px;
	height:70px;
	}

#heading1 {
	float:right;
	width:535px;
	height:51px;
	margin: 0; 
	overflow:hidden;
	font-size: 200%;
	text-align: right;
	padding: 6px 5px 0 0;
  }
#heading1 #h1span {
	position:relative;
	display:block;
	width:100%;
}
#heading1 #h1span span {
	display:block;
	position:absolute; left:0; top:0; z-index:1;
	width:535px; height:51px;
	margin:0; padding:0;
	background: url(media/header_h1.gif) no-repeat top right;
}
#heading2 {
	float:right;
	width:535px;
	height:24px;
	margin: 0;
	overflow:hidden;
	font-size: 120%;
	text-align: right;
	padding: 0 5px 0 0;
}
#heading2 #h2span {
	position: relative;
	display:block;
	height: 100%;
	overflow:hidden;

}
#heading2 #h2span span {
	position:absolute; left:0; top:0; z-index:1;
	width:535px; height:24px;
	margin:0; padding:0;
	background: url(media/header_h2.gif) no-repeat top right;
}


#main-body {
	float: left;
	width: 607px;
	background: #CCC url(media/main_body_bg.gif) ;
	}
	
p.line {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0;
	border-bottom: 1px solid #CCC;
}
p.gap {
	margin-top: 5px;
	margin-bottom: 0;
	padding: 0;
}

#content {
	float: right;
	width: 451px;
	background: #FFF url(media/content_bg_top.gif) repeat-x top left;
	padding-top:20px;
	margin-left: 10px;
	}
#content.spacer {
	float: left;
	height: 80px;
}
#content_banner img {
	border-bottom: 1px solid #000;
	margin:0;
}
#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	margin: -11px 0;
	padding-bottom:7px;
	font-size: 175%;
	color: #666;
}
#about_content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	color: #666;
	margin-bottom: -10px;
}
#content h3 {
/*	width: 435px;
*/	margin: 0;
	padding: 3px 8px;
	background: #F9893D;
	color: #FFF;
	font-size: 100%;
	border-top: 2px solid #FFF;
	font-weight: normal;
	clear: both;
	height: 1.5em;
}

#content h3 a {
	text-decoration: none;
	color: #FFF;
}
#content h3 a:hover {
	text-decoration: underline;
}
#content #rule {
	margin: 0;
	font-size:20%;
	padding:0;
	float: left;
	width: 451px;
	height: 4px;
	background:#666;
	border-bottom: 4px solid #FFF;
}
#content .searchresult {
	padding: 3px;
	font-size: 110%;
}
#content .searchresult a {
	color: #ff6100;
	text-decoration: none;
}
#content .searchresult a:hover {
	color: #666;
}

#content_map {
	text-align:center;
	margin-top:10px;
}
#content_welcome, .content_welcome {
	width: 451px;
	background: #BBB;
	margin-top: 10px;
	float: right;
	color: #FFF;
	border-bottom: 1px solid black;
}
#content_welcome img, .content_welcome img {
	float: left;
	margin-right: 4px;
}
#content_welcome h2, .content_welcome h2 {
	font-family:"Times New Roman", Times, serif;
	margin: 0;
	padding: 2px 4px;
	font-size: 170%;
	color: #686868;
}
#content_welcome p, .content_welcome p {
	/*font-weight: bold;*/
	font-size: 110%;
	margin: 0;
	padding: 4px;
}
.content_product_cat {
	width: 451px;
	background: #CCC;
	margin-top: 10px;
	float: left;
	color: #FFF;
	border-bottom: 1px solid black;
}
.content_product_cat img,  .content_product a {
	float: left;
	margin-right: 4px;
}
#offers .content_product img,
#clearance .content_product img {
 	float:left;
 }
.content_product_cat h2 {
	font-family:"Times New Roman", Times, serif;
	margin: 0;
	padding: 2px 4px;
	font-size: 170%;
	color: #686868;
}
.content_product_cat p {
	/*font-weight: bold;*/
	font-size: 110%;
	margin: 0;
	padding: 6px 4px 4px 156px;
	color: #000;
}

.content_product {
	width: 441px;
	min-height:112px;
	background: #FFF;
	margin: 5px 0 0 0;
	color: #666;
	float: left;
	border-top: 1px solid #ccc;
	padding-top: 10px;
	padding-left: 10px;
	background: #efefef;
	/*position:relative;*/
}
.content_product img {
	border: 1px solid #CCC;
}
/*.content_product a, .content_product a:visited {
	position:absolute;
	bottom: 5px;
	margin-left: 8px;
	color: #666;
	font-size: 110%;
}*/

.content_product a, .content_product a:visited {
	color: #666;
	/*margin-left:110px;
	margin-top: 10px;*/
	display:block; /*force to be aligned 8px right of floated image*/	
}
.content_product h2 {
	font-size: 120%;
	margin: 0 0 0 110px;
}
.content_product p {
	font-size: 110%;
	margin: 0;
	padding: 6px 0 4px 110px;
	color: #666;
}
.content_product a.MagicThumb {
	text-decoration:none;
}
.content_product a p {
	text-align:center;
	padding-left: 0;
	margin-top:0;
}
.content_product2 {
	background: #FFF;
	color:#000;
	clear: both;
	margin-bottom:18px;
	height: 1%;
}
.content_product2 h4 {
	background: #CCC;
	color:#ff6600;
	padding: 3px 0 4px 3px;
	font-size: 120%;
	margin: 0;
}
.content_product2 a {
	text-decoration: none;
	color:#ff6600;
}
.content_product2 p {
	margin: 0;
}

.content_product_detail {
	width: 451px; /*IE 5.0/5.5 */
	w\idth: 439px; /*standards browsers*/	
	border-bottom: 1px dotted #ff6600;
	display:block;
	background: #FDFFCD;
	padding: 6px;
}
.content_product_detail table {
	font-size: 100%; /*For IE 5 versions that don't inherit properly */
}
.directions {
	border-bottom: 1px solid #ff6600;
	background: #FDFFCD;
	padding: 0 ;
	margin-top: 10px;
}
.directions h4 {
	background: #CCC;
	color:#FFF;
	padding: 3px 0 4px 3px;
	font-size: 120%;
	margin: 0;
}
.directions p {
	margin: 0;
	padding: 6px;
	color: #000;
	font-size: 110%;
}
.directions div {
	margin: 0;
	padding: 6px;
}

.productsizetable, .producttechtable{
	width: 100%;
	margin-bottom: 5px;
}
.productsizetable caption, .producttechtable caption {
	margin-top: 8px;
	text-align: left;
	color: #666;
	font-size: 100%;
	font-weight: bold;
	border-bottom: 1px solid #CCC;

}
.productsizetable th, .productsizetable td{
	text-align: center;
}
.producttechtable th {
	text-align: left;
}
.productsizetable .name{
	text-align: left
}
#garden_feature {
	width:451px;
	background: #F9893D;
	margin-top: 6px;
	float: left;
	color: #FFF;
	border-bottom: 3px solid #FFF;
}
#garden_feature img {
	float: right;
	margin-left: 20px;
}
#garden_feature h2 {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 2px 4px;
	font-size: 140%;
	color: #FFF;
}
#garden_feature p {
	font-size: 110%;
	margin: 0;
	padding: 5px 20px;
}
#sidebar {
	float: left;
	width: 146px;
	background: #CCC url(media/sidebar_bg.gif) repeat-x top;
	padding-top: 20px;
	overflow-x: hidden; /*prevent IE from pushing sidebar out due to email address */
	}

#about_content {
	margin-top: 10px;
	float: left;
	font-size: 110%;
}

#about_content img {
	float: right;
	padding-left: 20px;
	padding-bottom: 20px;
}

#stock_content {
	margin-top: 10px;
	float: left;
	font-size: 110%;
}

.image-container {
	text-align: center;
	margin: 10px 0;
}

.image-container img {
	margin: 0 8px;
}

.img-right {
	float: right;
	padding-left: 20px;
	padding-bottom: 20px;
}
	
/* =Navigation Structure 
-------------------------------------------------------------------------------------
Items with width (e.g. #nav_main a) use the (Modified) Simplified box model hack 
To force IE5.5 and below to use a bigger value for width.
Otherwise the a links are too short.	

*/
#nav_main {
	margin: 0;
	padding: 0;
	background: #CCC;
	/*font-size: 80%;*/

}
#nav_main ul {
	list-style: none;
	margin:0;
	padding:0;
}
#nav_main li {
	display:block;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #FFF;
	letter-spacing:-0.2px;
}

/*#nav_main li.productsnavli {
	border-bottom: none;
}
*/
#address {
	margin-top: 30px;
	padding: 5px;
	font-size: 90%;
	color: #666;
}
#address a {
	color: #000;
}
#address div {
	padding: 3px;
}
#address a:hover {
	color:#ff6100;
	text-decoration:underline;
}
#products #nav_main .productsnavli {
	border-bottom: none;
}

#nav_main a {
	display: block;
	padding: 4px 0 4px 8px;
	text-decoration: none;
	background: #CCC;
	margin: 0;
	color: #020202;
	width:138px;
}
*html #nav_main a {
	width: 146px;
	w\idth: 138px;
}
/*Specifiers for nav_main hover and active links */
#nav_main a:hover {
	background: #666;
	color: #FF9A03;
}
#home #nav_main .homenav, 
#products #nav_main .productsnav,
#about #nav_main .aboutnav ,
#stock #nav_main .stocknav ,
#ethical #nav_main .ethicalnav ,
#offers #nav_main .offersnav ,
#clearance #nav_main .clearancenav ,
#advice #nav_main .advicenav ,
#contact #nav_main .contactnav,
#sample #nav_main .samplenav,
#brochure #nav_main .brochurenav,
#location #nav_main .locationnav, 
#triathlon #nav_main .triathlonnav,
#site-map #nav_main .site-map
{
	background: #666;
	color: #FF9A03;
	cursor: default
}


#nav_sub {
	letter-spacing:-0.7px;
	border-top: 1px solid #FFF;
}
#nav_sub li {
	color: #6D6563;
	background: #FECC99;
	border-bottom: 1px solid #FF9900;
	letter-spacing:-0.2px;

}
#nav_sub a {
	display: block;
	padding: 3px 0 3px 12px;
	text-decoration: none;
	background: #FECC99;
	margin: 0;
	color: #666;
	width:134px;
}
*html #nav_sub a {
	width: 146px;
	w\idth: 134px;	
}
#nav_sub a:hover{
	background: #FDFFCD;
	color: #666;
	border-bottom: none;
}

#nav_sub .active {
	background: #FDFFCD;
	color: #666;
	border-bottom: none;
	cursor:default;
}

#nav_sub_sub li {
	color: #6D6563;
	background: #FFF;
	border-bottom: none;
	letter-spacing:-0.2px;

}
#nav_sub_sub a {
	display: block;
	padding: 3px 0 3px 16px;
	text-decoration: none;
	background: #FFF;
	margin: 0;
	color: #666;
	width:130px;
}

*html #nav_sub_sub a{
	width: 146px;
	w\idth: 130px;
}
#nav_sub_sub a:hover {
	background: #FFF;
	color: #FF6100;
	border-bottom: none;
}
#nav_sub_sub .active {
	background: #FFF;
	color: #FF6100;
	border-bottom: none;
}
#sidebar-2 {
	float: right;
	width: 153px;
	background: #FFF url(media/content_bg_top.gif) repeat-x top left;
	padding: 20px 0 0 0;
	margin: 0;
	margin-right: -2px; /*IE 5.0/5.5 */
	marg\in-right: 0; /*standards browsers*/
	}
#searchform {
	width: 153px; /* IE 5.0/5.5 */
	w\idth: 145px; /*standards browsers*/
	background: #CCC;
	margin: 0;
	padding: 4px;
}
/*box model hack for width */
*html #searchform {
	width: 153px;
	w\idth: 145px;
}
#searchquestion {
	font-size:110%;
	color: #FE6601;
	padding:4px 0 2px 4px;
}

#searchstatement {
	font-size: 110%;
	padding:4px 0 2px 4px;
}

#searchform form {
	margin: 0;
	padding-left: 4px;
	padding-top: 4px;
}
.submit_button {
	font-size: 110%;
	background: #fecc99;
	color: #666;
	border: 1px solid #666;
	padding: 1px;
}

.submit_button_float {
	font-size: 110%;
	background: #fecc99;
	color: #666;
	border: 1px solid #666;
	padding: 1px;
	float: right;
	margin-left: 3px;

}

	
#specialoffer, #maplocation {
	margin-bottom: 10px;
}

/*Generic classes for layout*/
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
/*=CMS specific classes 
-----------------------------------------------------------
*/

#error {
	color: #F00;
}

#cms_product_display_options {
	margin-right: 50px;
}
#sidebar-2 h2 {
	margin: 0;
	padding: 4px 0 4px 8px;
	background: #CCC;
	color: #020202;	
	font-size: 110%;
	font-weight: normal;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #000;
}

#sidebar-2 #prod-img-preview {
	padding: 20px 0;
	text-align:center;
	background: #FFF;
}

#sidebar-2 #prod-img-preview img{
	border:1px solid #000;	
}

#nav-cms-size {
	margin: 0;
	padding: 0;
	background: #CCC;
}
#prodlist-cms, #prod-cms-size{
	list-style: none;
	margin:0;
	padding:0;
}

#prodlist-cms li, #prod-cms-size li {
	color: #6D6563;
	background: #FECC99;
	border-bottom: 1px solid #FF9900;
	letter-spacing:-0.2px;
	display:block;
}
#prodlist-cms a, #prod-cms-size a {
	display: block;
	padding: 3px 0 3px 14px;
	text-decoration: none;
	background: #FECC99;
	margin: 0;
	color: #666;
	width:139px;
}
#prodlist-cms a:hover, #prodlist-cms .active, #prod-cms-size a:hover, #prod-cms-size .active{
	background: #FDFFCD;
	color: #666;
	border-bottom: none;
}
#editform {
	background: #EEE;
	border: 1px solid #666;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	width: 449px;
}


#editform h1 {
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom:7px;
	margin-top: 5px;
	font-size: 175%;
	color: #666;
}
#editform h2, #editform label, #content h6{
	margin: 4px 0 0 0;
	padding: 3px 0 1px 4px;
	color: #ff6100;
	font-size: 110%;
	font-weight: normal;
	clear: both;
	
}
#content h5 {
	font-size: 120%;
	margin-bottom: 10px;
}
#content h6 {
	margin-bottom: 3px;
}

#editform label{
	margin: 4px 0 0 5px;
	float: left;
	width: 14em;
}

#editform textarea, .inputtext {
	width: 437px;
	margin-left: 3px;
	padding-left: 2px;
}

#editform select {
	margin-left: 3px;
}

#editform #enquiry {
	width: 205px;
	margin-left: 0px;
	padding-left: 0px;
	
}

#editform p {
	margin: 10px 0 0 0;
	padding: 0;
}

#editform #categorylist {
	margin-left: 3px;
}

#editform .submit_div {
	padding:4px;
	text-align:right;
}
/*=Footer styles 
-------------------------------------------------*/
#footer {
	clear: both;
	background: #666;
	height:40px;
	margin: 0;
	}
#footerleft {
	height:40px;
	padding:0;
	margin: 0;
	color: #CCC;
	float: left;
	padding-left: 5px;
	display:inline;
}
#footerleft p {
	padding: 0;
	margin:22px 0 0 0;
}
#footerright {
	height:40px;
	padding:0;
	margin: 0;
	color: #CCC;
	float: right;
	padding-right: 5px;
	display:inline;
}
#footerright p {
	padding: 0;
	margin:22px 0 0 0;
}
#footer a {
	color: #EEE;
	text-decoration:none;
}
#footer a:hover {
	color: #ff6100;
	text-decoration: underline;
}
#prodzoom {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}	
#prodzoom h2 {
	margin: 0;
	padding: 3px 0 3px 3px;
	background: #666;
	color: #FF9A03;
	font-size: 120%;
	font-weight: bold;
	border-bottom:1px solid #FFF;
	clear: both;
}
#prodzoom h3 {
	margin: 0;
	padding: 3px 0 3px 3px;
	background: #fecc99;
	font-weight: normal;
	font-size: 120%;
}

sup {font-size: 90% }

div#login {
	padding-left: 50px;
}

.newsletterdiv {
	margin: 15px 0;
}
.newsletterdiv p{
	margin: 2px;
	font-size:110%;
	padding: 0;
}
.newsletterdiv p.heading {
	color: #ff6100;
}
.newsletterdiv p.headingbold {
	color: #ff6100;
	font-weight: bold;
}
.newsletterdiv td {
	padding: 2px 0;
}

.newsletterrule {
	margin: 5px 0 0 0;
	padding:0;
	border-bottom: 1px solid #CCC;
}

#newsletterform {

}

#newsletterform label {
	display: block;
	margin: 4px 0 0 0;
	padding: 3px 0 4px 4px;
	color: #ff6100;
	font-size: 110%;
	font-weight: normal;
}
.specialoffer {

	font-size: 110%;
	padding:4px 0 2px 0px;
}

.specialofferheading {
	font-size:110%;
	color: #FFFFFF;
	padding:4px 2px 6px 8px;
	font-weight: bold;
	background-color: #F9893D;
}
.specialofferbox {

	width: 153px; /* IE 5.0/5.5 */
	w\idth: 153px; /*standards browsers*/
	background: #CCC;
	margin: 0;
	padding: 0px;
}

.specialoffer a {
	padding-top: 5px;
	padding-left: 4px;
	display:block;
	height: 35px;
	color: #000000;
	text-decoration: none;
	background:#FFF;
	margin-bottom: 6px;
}

.specialoffer a.autumnbrown {
	height: 50px;
	background: #FFF url(media/prod_3a.jpg) no-repeat 98px -13px;
}
.specialoffer a.rajgreen {
	height: 50px;
	background: #FFF url(media/prod_6a.jpg) no-repeat 98px -13px;
}
.specialoffer a.travertine {
	height: 50px;
	background: #FFF url(media/prod_15.jpg) no-repeat 98px -13px;
}
.specialoffer a.goldenleaf {
	background: #FFF url(media/prod_5a.jpg) no-repeat 98px -10px;
}
.specialoffer a.modak {
	background: #FFF url(media/prod_8a.jpg) no-repeat 98px -10px;
}
.specialoffer a.peacock {
	background: #FFF url(media/prod_16a.jpg) no-repeat 100px -20px;
}
.specialoffer a.whitby {
	background: #FFF url(media/prod_10a.jpg) no-repeat 98px -10px;
}
.specialoffer a.yorky {
	background: #FFF url(media/prod_9a.jpg) no-repeat 98px -10px;
}
.specialoffer a.setts {
	height: 50px;
	padding-right: 30px;
	background: #FFF url(media/prod_63.jpg) no-repeat 98px -30px;
}
.specialoffer a.brownsetts {
	height: 50px;
	padding-right: 30px;
	background: #FFF url(media/prod_60.jpg) no-repeat 98px -30px;
}

.specialoffer a.yorkstone {
	height: 50px;
	background: #FFF url(media/prod_46r.jpg) no-repeat 100px -30px;
}
.specialoffer a:hover {
	text-decoration:underline;
}
.formentry {
	display: none;
}
h2.sub {
	margin-left: 30px;
	font-size: 120%;
}
#site-map h2 {
	font-size: 140%;
	margin-bottom: 0;
	margin-top: 10px;
}
#site-map h2.sub {
	font-size: 120%;
}
#site-map #content a {
	color:#ff6100;
}
#site-map #content a:hover {
	color: #666666;
}
.float-left {
	float:left;
}
.clear-both {
	clear:both;
	height: 1px;
	font-size: 1px;
}