body {
	font-size:12px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: green;
	line-height:1.3;
}
p {margin-bottom: 4px;}
h1 {font-size: 200%; text-align:center;padding-bottom:15px;}
h2 {text-align: center; margin-top: 6px; padding-bottom:5px; border-bottom: 2px solid #309d33;}
h2.biggerhead {font-size:170%; border-bottom:none; padding-bottom:6px; font-family:"Times New Roman", Times, serif;}
h3.center {text-align: center; font-style:italic;}
h3 {text-align:center;margin-top:15px;color:#196547;}
hr {width:150px;}
sup, sub {vertical-align: baseline; position: relative; top: -0.4em;}
sub {top: 0.4em;}

#container {margin:0 auto; width:950px;background-color:#ff9; background-image:url(graphics/sidenav_background.gif); background-repeat:repeat-y;} 
#banner {text-align: right; width:100%; background-color:#5d5f5d; margin-bottom:0;}

div#topnav_new {margin-top:0px; float:right; width:750px;}

span.textright {text-align:right;font-size:85%;color:#f0f0f0;padding-left:40px;}
div.opague {background-image:url(images/no_weeds_opague_.gif); background-repeat:no-repeat;
			padding-bottom:	570px; background-position:center; font-weight: bold;}
div.opague p {padding-top:6px;}
div.opague address {text-align:center; padding-top: 20px;}
div.opague p img {text-align:center;}
div#distributor-bottom img{display:block;padding-bottom:150px; padding-left:340px;}
div#distributor-bottom a img {padding-left:300px;}

#content {float:right; width:720px; margin:0; padding:5px 5px 5px 0px;}
#content a {text-decoration:none;}
div.content-bottom {float:left; margin: 45px 0px 0px 300px; clear:both;}
div.content-bottom img {display:block; padding-bottom:25px;}
div.content-bottom a img {margin-left:-20px;}

.guarantee_quote {color:brown; font-size:13px; padding-bottom:25px;}
div.guarantee {color:#333333; border-color: black; border-width:2px; border-style:double; background-color: #a7cece; padding: 25px 25px 25px 80px; margin:30px 75px 30px 75px; 					                background-image:url(graphics/background_star.gif); background-repeat: no-repeat; background-position: top left;font-weight:bold;line-height:17px;}
div.guarantee h3 {font-size:135%;padding-bottom:10px;}
.floatright {float:right; color:gray; padding-right:20px;}
p.peterquote {font-size:120%; font-style:italic;font-weight:bold;padding-bottom:4px;}
.clear {clear:left;}
blockquote.yield {font-size:170%; font-style:italic;font-weight:bold; margin:10px 325px 10px 10px;}
blockquote.yield p {background-color:#9CF; padding:5px;}
span.quote {font-size:80%; color:brown; padding-left:175px; padding-bottom:7px; line-height:.9;}

caption {font-size:135%; font-weight:bold; padding: 10px; background-color:#387a9b; color:#f0f0f0; border:6px inset green; margin-top:8px;}

img.picright {float:right; padding:2px 0px 10px 8px;}
span.picleft img {float:left;padding: 4px 10px 4px 0px; border-right:6px solid #ff9;}
.picleft {float:left; padding:4px 10px 4px 0px;}


.price {background-color:#196547;color:white; padding:0px 3px 0px 8px;}
table#homegardener {width: 720px; border:1px solid #5d5d5d; line-height:1.5;}
table#homegardener tr th, table#accessories tr th {text-align: center; background:#387a9b; color:white;font-size:115%; padding:5px 0px 5px 0px;}
table#homegardener tr td  {
	border-bottom:1px solid #5d5d5d;
	border-left:1px solid #196547;
	vertical-align:top;}
table#homegardener .gardenmatpic {color:#009933; line-height:1.5em; text-align:center; width:300px;}
table#homegardener div.plants ul { width:170px; float:left; padding-left:45px; padding-top:6px;}
table#homegardener div.plants  ul li {font-size:12px; color:#196547; list-style:circle; text-align:left; line-height:1.2;}
table#homegardener td p{padding:10px;}

table#accessories {border:3px inset green;}
table#accessories tr td {vertical-align: top;}
table#accessories p {padding:20px 10px;}
img.accessories-center{float: right; margin-right:200px; margin-top: 20px;}
p.accessories-center {float:left; margin:8px 200px 40px 245px;}

table#contactus {width:480px; text-align:center; border:3px inset green;; text-align:left;}
table#contactus td, table#contactus th {border:3px inset green;;padding:3px 2px;}

tr.altrow {background-color:#CCCCCC;}
span.style {font-weight:bold; font-style:italic;font-size:110%; color:blue;}
div.paypal {background-color:#196547;color:white;padding:6px 0px 3px 30px; }
table#guide {border:1px solid #000; border-collapse:separate;margin-left:25px;}
table#guide td {padding:2px 0px 2px 25px;}
table#guide tr th {border-bottom:1px solid #000; padding:5px 0px;}
table#guide caption {margin-bottom:0px;}

#testimonials {padding-bottom:5em;}
div#testimonials blockquote {font-style:italic;font-weight:bold; padding-top:10px;}
div.source {margin-left:160px; font-style:normal; font-size: 90%; color:brown; padding-bottom:1em;}
div.source2 {margin-left:460px; font-style:normal; font-size: 90%; color:brown; padding-bottom:1em;}
div#testimonials p{font-style:italic;font-weight:bold; padding-top:10px; padding-bottom:6px;}
div#testimonials img {float:right; padding:12px 8px;}
div#testimonials img.left {float:left; padding:12px 28px 0 0;}

div#commercial p {font-weight:bold;}
div#commercial img  {width: 320px; height:200px; padding-right:3px; padding-bottom:2px;}

div#faq {padding:25px; font-weight:bold; text-align:justify;}
div#faq p.answer {padding:10px 40px; font-style:italic;}
div#faq h3 {color:#000; text-align:left;}
p.orderinginformation {font-weight:bold; font-style:italic; text-align:justify; padding:5px;}
#orderinginformation ul li{display:inline-block;}
div#orderinginformation li.creditcards {padding: 0px 250px 30px 130px; vertical-align:bottom;}
#orderinginformation h3 {color:#000; font-size:125%;}
.box li {list-style-type:decimal; font-weight:85%; font-family:Verdana, Geneva, sans-serif;}

span.address {padding-left:120px;font-size:14px;}

form#subscribe {margin: 20px 0 0 20px; text-align:left;}
span.required {color:red;}
.writein {margin-bottom:3px;}

.style1 {color: #F0F0F0; text-align:center;}
.style3 {font-size: 9px;}
.style4 {font-size: larger;}
div#video a{margin:60px 0 0 150px; display:block;width:400px;height:300px;}
div#video img {padding-right:10px; vertical-align:middle;}
.video {font-weight:bold; padding-right:8px; font-size:14px;}

#footer {clear:both; background:#387a9b; color: #F0F0F0; padding-left:220px;  font-size:90%;}

#nav {float:left; width:190px; background-color:#196547;} 
#nav ul {color:#F96;}
#nav li {padding: 6px 0px 6px 12px; list-style-type:none;font-size:11px; font-weight:bold;}
#nav li a:link {color:yellow; text-decoration:none; padding:2px 1px 0px 1px;}
#nav li a:hover {background-color:gray;padding:2px 1px 0px 1px;}
#nav li a:active {color:#ffffff;}
#nav li a:visited {color:yellow; text-decoration: none;}
#nav form input[type="submit"] {margin-left:22px;}
#springsale {padding: 6px 0px 6px 20px;}

img#noweeds{padding-top:15px; padding-left:15px;}
span.pictext1 {color:#F33; font-size:110%;padding-left:28px; font-weight:bold;}
span.pictext2 {color:#ff0; font-size:110%; padding-left:24px; font-weight:bold;}
#nav form {padding-bottom:12px; padding-left:2px;}

/* Dropdown CSS from Jason */

ul.nav {
    display: block;
	margin-top:0;
	
}
ul.nav li {
	position: relative;
	overflow:visible;
    display: block;
    float: right;
    clear: none;
    background-color: #387a9b;
	margin-right:1px;
	
}
ul.nav li a {
    display: block;
	text-decoration:none;
	color:yellow;
	padding:5px 36px 5px 22px;
	white-space: pre;
}
ul.nav li li {
    clear: both; border-bottom: 1px solid black;
	width: 100%;
}
ul.nav li ul {
    display: none; position:absolute; top: 20px;
	padding-left: 0; 
}
ul.nav li:hover ul,
ul.nav li.hover ul {
    display: block; 
}
ul.nav a:hover {color:#fff;
}



/* Example */

.box {
	width: 38em;
	color: #fff;
	padding: 2em;
	margin: 2em 0 3em 8.8em;
	background-color:#f96;
	background-image: url(graphics/mtop-left.gif), url(graphics/mtop-right.png), url(graphics/mbottom-left.gif), url(graphics/mbottom-right.gif);
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: top left, top right, bottom left, bottom right;
}
div#planting_tips h3 {font-size:110%; padding-bottom:4px; clear:both;}
div#planting_tips img.planting_tips_img_left {float:left; border: width:92px; padding-right:8px;}
div#planting_tips img.planting_tips_img_right {float:right; width:92px; padding-left:8px;}

