/* css layout from http://www.pmob.co.uk/ */
#trust {
	width: 860px;
	padding-left: 40px;
	}
	
#trust table {
	text-align: left;
	font-size: 11px;
	}

h3 {
	font-size: 18px;
	}
	
#centercontent h3{
	padding-top: 20px;
	}
	
/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
	padding:0;
	margin:0;
	margin-top: 0px;
	text-align:center;
	min-width:897px;/* for mozilla*/
	color: #000000;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background: #efefef url(images/bodyshadow2.gif) top center repeat-y;
	/*background: url(images/grid.gif) top center repeat-y;*/
	border: 0px solid blue;
	
}
A:link {font-size: 12px; color:#5a8564; text-decoration:underline; background-color: #fff;}
A:visited {font-size: 12px; color:#5a8564; text-decoration:underline;}
A:hover {font-size: 12px; color:#5a8564; text-decoration:none;}
#outer{
	height:99.9%;
	min-height:100%;
	width:898px;
	border: 0px solid red;
	color: #000000;
	text-align:left;
	margin:auto;
	/*background-color: #fff;*/
	position:relative;
	background: #fff;
	
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#innerwrap {/* enables content first */
	float:left;
	width:750px;
	border: 0px solid green;
}

#innerwrapsearch {/* enables content first */
	float:left;
	width:890px;
	border: 0px solid blue;
}

#header{
	position:absolute;
	top:0;
	left:0px;
	width:898px;
	height:112px;
	background: url(images/headgrad2.gif) 0 54px repeat-x;
	}

#leftnav {
	position:relative;/*ie needs this to show float */
	width:160px;
	float:left;
	/*padding-top:130px;needed to make room for header*/
	padding-bottom:32px;/* needed to make room for footer */
	margin-top: 0px;
	padding-left: 0px;
	margin-left: 0px;
	border: 0px solid red;
	
	}

#rightnav {
	position:relative;/*ie needs this to show float */
	width:130px;
	float:right;
	padding-top:130px;/*needed to make room for header*/
	padding-bottom:32px;/* needed to make room for footer */
	margin-right: 8px;
	}

#leftnav p {padding-left:3px;padding-right:2px}
#rightnav p {padding-left:4px;padding-right:2px}

#footer {
	width:898px;
	clear:both;
	height:80px;
	color: #9E9F9E;
	text-align:center;
	padding-top: 4px;
	left:0;
	bottom:0;
	position: absolute;
	background: #fff;
	border: 0px solid green;
}

#footer A:link {font-size: 11px; color: #656565; text-decoration: underline;}
#footer A:visited {font-size: 11px; color: #656565; text-decoration: underline;}
#footer A:hover {font-size: 11px; color: #656565; text-decoration: none;}

div,p  {margin-top:0}/*clear top margin for mozilla*/

#centercontent {
	width:500px;
	float:right;
	padding-top:0px; /* Orig value: 75, This s/b 92 if optimized for MOZ */
	padding-bottom:80px;/* needed to make room for footer */
	border: 0px solid red;
	/*
	margin-right: 15px;*/
	margin-left: 0px;
	
}

#centercontent p {padding-left:3px}

#centercontentsearch {
	float: right;
	width: 650px;
	border: 0px solid red;
	margin-right: 30px;
	padding-top:130px; /* This s/b 92 if optimized for MOZ */
	padding-bottom:80px;/* needed to make room for footer */
	}
	
#clearfooter {width:100%;height:80px;clear:both} /* to clear footer */

html >body #minHeight{float:left;width:0px;height:100%;margin-bottom:-52px;} /*safari wrapper */
/* ##### End page layout ##### */

/* ##### Begin HEADER content ##### */

#logo {
	/*position: absolute;
	top: 20px;
	left: 16px;*/
}

#logo .logo {
	margin-left: 20px;
	margin-top: 16px;
	float: left;
	}
	
#logo .tagline {
	float: right;
	margin-right: 45px;
	margin-top: 20px;
	font-family: "times new roman";
	font-size: 24px;
	color: #5a8564;
	}
	
#discover {
	position: absolute;
	top: 30px;
	left: 410px;
	font-size: 16px;
	color: #000;
	}
	
#tag h1 {
	margin-bottom: 5px;
	margin-top: 45px;
	margin-left: 200px;
	font-size: 15px;
	color: #5a8564;
	width: 700px;
	}
	
#headgrad {
	position: relative;
	top: 3px;
	background: url(images/blackgrad.jpg) repeat-x;
	}
	
#topcart {
	position: absolute;
	right: 45px;
	top: 60px;
	background-color:  /*#DB8A43*/ transparent;
	font-size: 10px;
	color: #777;
	text-align: right;
	height: 14px;
	border: 0px solid red;
	}
	
#topcart A:link {font-size: 10px; color:#777; background: transparent; text-decoration:none;}
#topcart A:visited {font-size: 10px; color:#777; background: transparent; text-decoration:none;}
#topcart A:hover {font-size: 10px; color:#777; background: transparent; text-decoration:underline;}
	
#topcart img {
	padding-bottom: 2px;
	}
	
#topnav {
	height: 34px;
	background: url(images/topnavgrad2.gif) repeat-x;
	margin-top: 23px;
}

#topnav ul {
	margin-left: -40px;
	margin-top: 5px;
	}
	
#topnav li {
	list-style-type: none;
	float: left;
	margin-top: 8px;
	color: #ddd;
	font-weight: bold;
	margin-left: 30px;
	}
	
	/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */

.menu2 {padding:0 0 0 18px; margin: 0; list-style:none; height:26px; font-family:verdana, arial, sans-serif; border: 0px solid red;}
.menu2 li.top {display:block; float:left; position:relative; background: transparent;}
.menu2 li a.top_link {display:block; float:left; color:#DDD; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 0; cursor:pointer; background: transparent;}
.menu2 li a.top_link span {float:left; display:block; padding:0 0 0 12px; height:26px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 0px 0 12px; height:26px; }
/*
.menu2 li a.top_link:hover {color:#fff; background: url(images/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(images/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(images/button4a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(images/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(images/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(images/button4a.gif) no-repeat right top;}
*/

.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:50px; top:20px; background: #fff3eb; padding:0 0 3px 0; border:1px solid #AF4C04; white-space:nowrap; width:170px; height:auto; text-align: left;}
.menu2 :hover ul.sub li {display:block; left: -30px; height:12px; padding: 0 0 0 3px; position:relative; float:left; width:170px; font-weight: normal!Important;}
.menu2 :hover ul.sub li.bot {padding-bottom: 12px;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:164px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; background: transparent;}
.menu2 :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#6a9e76; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#AF4C04 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#AF4C04 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #000; padding:3px 0; border:1px solid #4ab; white-space:nowrap; width:93px; z-index:200; height:auto;}
	
#searchform {
	position: absolute;
	right: 12px;
	top: 83px;
	border: 0px solid red;
	width: 200px;
	}
	
.searchlable {
	font-size: 11px;
	color: #5a8564;
	margin-right: 1px;
	}
	
.searchadvanced a {
	font-size: 9px;
	}

/*
#header A:link {font-size: 14px; color:#777; background: transparent; text-decoration:underline;}
#header A:visited {font-size: 10px; color:#777; background: transparent; text-decoration:underline;}
#header A:hover {font-size: 10px; color:#777; background: transparent; text-decoration:none;}
*/
#topcart img {
	margin-bottom: -5px;
	}

/* ##### End HEADER content ##### */

/* ##### Begin Leftnav content ##### */

#leftnavspace {
	margin-top: 94px;
	width: 160px;
	border: 0px solid red;
	}
	
#leftnavlinks {
	background-color: #eee;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	padding: 16px 0 0 5px;
	}


/*.product, .product1{
	border: 1px solid #99E4AA;
	margin-bottom: 8px;
	}
*/

.lnavt {background: url(images/dot.gif) 0 0 repeat-x; width: 160px;}
.lnavb {background: url(images/dot.gif) 0 100% repeat-x;}
.lnavl {background: url(images/dot.gif) 0 0 repeat-y;}
.lnavr {background: url(images/dot.gif) 100% 0 repeat-y;}
.lnavbl {background: url(images/bl.gif) bottom left no-repeat;}
.lnavbr {background: url(images/br.gif) bottom right no-repeat;}
.lnavtl {background: url(images/tl.gif) top left no-repeat;}
.lnavtr {background: url(images/tr.gif) top right no-repeat;}





.seperator {
	padding-left: 8px;
	margin-top: 0px;
	padding-bottom: 0;
	padding-top: 10px;
	color: /*fff*/#A05903;
	font-size: 12px;
	font-weight: bold;
	text-align: /*center*/left;
	border: 0px solid red;
	}
	
.seperatortop {
	padding-left: 12px;
	padding-top: 8px;
	color: /*fff*/#A05903;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	border: 0px solid #e5e3e3;
	}
	
/* ##### End leftnav ##### */

/* ##### Begin rightnav ##### */

#rnavtable {
	font-size: 11px;
	line-height: 1.5em;
	color: #fff;
	border-left: 0px solid #B9DFC1;
	border-bottom: 1px solid #000;
	border-right: 0px solid #B9DFC1;
	/*background-color: #fff;*/
	margin: 1px;
	padding: 0px;
}

 
#cart	{
	padding: 1px 2px;
	background-color: #E4FCE4;
}

#carttop {
	margin-right: 1px !important;
	background: #6A9E76;
	background-image: url(Images/cart.gif);
	background-repeat: no-repeat;
	width: 91px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	padding-top: 2px;
	height: 19px;
	border: 1px solid #000;
	margin-left: 1px;
	margin-bottom: -1px;
	padding-left: 25px;
}

.cart	{
	font-size: 10px;
	color: #000;
}

.minicarthead {
	font-size: 10px;
	font-weight: bold;
	color: #6A6868;
	padding: 2px 0px;
}


#checkout {
	position: relative;
	top: 13px;
	margin-right: 12px;
	font-size: 11px!Important;
	font-weight: bold;
	color: #fff;
}

.checkout a {
	text-decoration: none !Important;
}

.cart A:link {font-size: 10px; color:#5a8564; text-decoration:underline;}
.cart A:visited {font-size: 10px; color:#5a8564; text-decoration:underline;}
.cart A:hover {font-size: 10px; color:#5a8564; text-decoration:none;}

/*  Begin featured products */

.t {background: url(images/dot.gif) 0 0 repeat-x; width: 130px}
.b {background: url(images/dot.gif) 0 100% repeat-x}
.l {background: url(images/dot.gif) 0 0 repeat-y}
.r {background: url(images/dot.gif) 100% 0 repeat-y}
.bl {background: url(images/bl.gif) 0 100% no-repeat}
.br {background: url(images/br.gif) 100% 100% no-repeat}
.tl {background: url(images/tl.gif) 0 0 no-repeat;}
.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding-top:4px}

#featured A:link {font-size: 10px; color: #656565; text-decoration: underline;}
#featured A:visited {font-size: 10px; color: #656565; text-decoration: underline;}
#featured A:hover {font-size: 10px; color: #656565; text-decoration: none;}

#featuredprod1 A:link img {vertical-align:middle;}
#featuredprod1 A:visited img {vertical-align:middle;}
#featuredprod1 A:hover img {vertical-align:middle;}

.rheadgrn {
	font-size: 12px;
	font-weight: bold;
	color: #A05903;
	padding: 3px;
	padding-left: 4px;
	margin-top: -4px;
	padding-bottom: 0px;
	/*background: #75987D url(images/featured_cap.gif) no-repeat*/;
	text-align: center;
	width: 123px;
}

#featuredprod1, #featuredprod2, #featuredprod3, #featuredprod4, #featuredprod5, #featuredprod6  {
	padding: 4px 2px 4px 2px;
	text-align: center;
	color: #5a8564;
	font-size: 11px;
	font-weight: bold;
	
	}
	
#featuredprod5 {
	padding-bottom: 8px;
	}

.featuredot {
	border-top: 1px solid #B9DFC1;
	margin-top: 4px;
	width: 130px;
}

/* ##### End rightnav ##### */

/* ##### Begin FOOTER ##### */

.copyright {
	font-size: 9px;
	color: #555;
	padding-bottom: 5px;
}
/* ##### End FOOTER ##### */

.error{
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: red;
}

.errorbig{
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: red;
}

.red{
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: red;
}

.exceptionhead {
	font-size: 14px;
	color: red;
	font-weight: bold;
	}
	
.exception {
	font-size: 11px;
	color: #000;
	}
	
.regprice {
	text-decoration: line-through;
	color: red;
	}
	
#searchleftcol {
	float: left;
	width: 300px;
	border: 0px solid #ddd;
	padding: 4px;
	}
	
#searchrightcol {
	float: left;
	width: 300px;	
	border: 0px solid #ddd;
	margin-left: 15px;
	padding: 4px;
	
	}
	
#searchrightcol td {
	font-size: 12px;
	}
	
#searchresprods {
	background-color: #fff;
	border: solid 0px #B4701F;
	padding: 4px;
	text-align: left;
	
	}
	
.searchreshead {
	color: #000;
	font-size: 12px;
	font-weight: 600;
	border-bottom: dotted 0px #B4701F;
	margin-bottom: 8px;
	}
	
#searchhead {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin-bottom: 8px;
	}
	
.error {
	font-size: 16px;
	color: red;
	}
	
.error p {
	font-size: 12px;
	color: #000;
	}	
	
.seals {
	text-align: center;
	}
	
#seals {
	text-align: center;
	margin-top: 10px;
	}
	
.seals A:link {font-size: 8px; color: #aaa; text-decoration: none;}
.seals A:visited {font-size: 8px; color: #aaa; text-decoration: none;}
.seals A:hover {font-size: 8px; color: #aaa; text-decoration: none;}

.question {
	font-size: 12px;
	font-weight: 600;
	color: #5A8564;
	}
	
.answer {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 15px;
	}
	
.safepainthead {
	font-size: 16px;
	font-weight: 600;
	color: #000;
	}
	
.imgcap {
	margin-bottom: 0;
	font-size: 11px;
	font-style: italic;
	font-weight: 600;
	}
	
#sugform {
	margin-top: 40px;
	}
	
div#sugform form {
	display: inline;
	font-weight: 100;
	font-variant: small-caps;
	}
	
li.alpha {
	font-weight: 600;
	font-size: 14px;
	margin-top: 1.5em;
	}
	
.index {
	margin: 0; /*removes indent IE and Opera*/
padding-bottom: 5px; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
/*background-color: #99E4AA;*/
border: 0px solid red;
margin-left: -30px;
	}
	
.cosmetics {
		font-size: 9px;
		color: #777;
		font-weight: 600;
		}
		
.articlesubhead {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
	}
	
.articlesection {
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 5px;
	}
	
p.finishlink {
	margin-bottom: 2px;
	margin-top: 20px;
	}
	
a.finishlink {
	font-size: 12px;
	font-weight: 600;
	}
	
.finishimg {
	margin-bottom: -6px;
	margin-left: 5px;
	}
	
.probsol {
	font-size: 12px;
	font-weight: 600;
	font-style: italic;
	}
	
hr {
	border: 0;
	background-color: #5a8564;
	height: 2px;
	}
	
br.link {
	padding-bottom: 55px;
	}
	
#print {
	float: right;
	}
	
.holiday {
	color: #d50303;
	font-size: 12px;
	font-weight: bold;
	}
	
div.clearer {
	clear: both;
	line-height: 0;
	height: 0;
	border: 0px solid red;
	
	}
	
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/example_flyout.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
/*
.product{
font-family: verdana, arial, "sans-serif"; width:160px; position:relative; font-size:12px; margin: 0; margin-left: 4px; z-index:100; border: 0px solid #f7f7f7;
}

.product ul {
padding:0; margin-left:1px; list-style-type: none; background:#fff; width:160px; border: 0px solid red; margin-top: 0; margin-bottom: 5px;
}
.product ul li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:187px;  margin-bottom: 1px;
}
*html .product ul li ul {
left:179px;
}
.product ul li {
float:left;
}
.product ul li a, .product ul li a:visited {
display:block; float:left; text-decoration:none; color: #3f5c46; width:160px; line-height:1.8em; font-size:12px; background:transparent; padding-left:10px; border-bottom: 1px solid white;
}
* html .product ul li a, * html .product ul li a:visited {width:160px; w\idth:160px;}

.product table {
border-collapse:collapse; border:0; margin:0; padding:0; font-size:1em; position:absolute; left:0; top:0;
}
*/
/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
/*
.product ul li:hover a,
.product ul li a:hover{
background:#6a9e76; color:#ff0;
}

.product ul li:hover {position:relative; z-index:90;}
* html .product ul li a:hover {position:relative; z-index:100;}

.product ul li:hover ul,
.product ul li a:hover ul {
visibility:visible; position:absolute; height:auto; border:0px solid #000; background:#6a9e76; overflow:invisible;  width:160px;
}
.product ul li:hover ul li a,
.product ul li a:hover ul li a{
display:block; background:transparent; color:#fff; line-height:15px; padding:15px 0 15px 15px; height:auto; text-decoration:none;
}

.product ul li:hover ul li:hover a,
.product ul li a:hover ul li a:hover {
background:#6a9e76; color:#ff0; 
}
.product ul li:hover ul li ul,
.product ul li a:hover ul li a ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0; left:130px;
}
.product ul li:hover ul li:hover ul,
.product ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; height:auto; color:#000; padding:0; border:1px solid #6a9e76; list-style-type:none; background:#6a9e76;
}
.product ul li:hover ul li:hover ul li a,
.product ul li a:hover ul li a:hover ul li a {
display:block; background:transparent; color:#fff;  
}

.product ul li:hover ul li:hover ul li:hover a,
.product ul li a:hover ul li a:hover ul li a:hover {
background:#6a9e76; color:#ff0;
}
*/
.morecolors {
	margin: 5px 0;
	color: #444;
	}
	
#specialarticle {
	border: 1px solid #db8a43;
	padding: 4px;
	margin: 10px 20px 10px 0;
	}
	
.sparticlehead {
	font-weight: 600;
	margin-bottom: 0px;
	color: #db8a43;
	}
	
.sparticle {
	margin-bottom: 0;
	padding-left: 10px;
	 
	}
	
#mmlinks ul {
	list-style-type: none;
	margin-left: -30px;
	margin-top: 5px;
	}
	
#mmlinks li {
	margin-top: 0px;
	line-height: 25px;
	}
	
#mmlinks A:link {font-size: 14px; color: #5a8564; text-decoration: underline; font-weight: bold;}
#mmlinks A:visited {font-size: 14px; color: #5a8564; text-decoration: underline; font-weight: bold;}
#mmlinks A:hover {font-size: 14px; color: #5a8564; text-decoration: none; font-weight: bold;}

.discontinued {
	font-size: 10px;
	font-weight: bold;
	}
	
.pig_tri {
	background-image: url(images/tri_grn.gif);
	background-repeat: no-repeat;
	background-position: 72px .7em;
	padding-right: 1em;
	}
	
.artmat_tri {
	background-image: url(images/tri_grn.gif);
	background-repeat: no-repeat;
	background-position: 118px .7em;
	padding-right: 1em;
	}
	
.wall_tri {
	background-image: url(images/tri_grn.gif);
	background-repeat: no-repeat;
	background-position: 96px .7em;
	padding-right: 1em;
	}
	
.disclaimer {
	font-size: 9px;
	width: 800px;
	margin-top: 5px;
	text-align: left !Important;
	padding-left: 40px;
	}
	
 #searchform .searchsubmit{background-color: #F9FAE9; border: 1px solid #555; margin: 0; padding: 2px 4px; font: 9px Verdana; color: #777;
}

.preholiday {
	font-size: 11px;
	color: #444;
	}