body { margin:0; padding:0;  }
a:link { color:#127300; font-weight:bold; text-decoration:none; }
a:visited { color:#127300; font-weight:bold; text-decoration:none; }
a:hover {
	color:#127300;
	font-weight:bold;
	text-decoration:underline;
	width: 120px;
}

div#contact a:link { color:#127300; text-decoration:none; }
div#contact a:visited { color:#127300;  text-decoration:none; }
div#contact a:hover { color:#d35f40; text-decoration:none; }
img {
	border: 0 none;
}
h2 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
h3 {
	color: #639233;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

h1,h2,h3 { font-family:Arial,Helvetica,sans-serif; }

div.clearfix { display:block; height:0; clear:both; visibility:hidden; }

div#container { margin:0 auto; background:url('../images/bg.png') top right no-repeat; width:897px; position:relative; }
div#shadow { margin:0 auto; background:url('../images/shadow.png') repeat-y; width:965px;  }

div#header { margin:0px 0px 0px 35px; }
div#logo { float:left; }
div#main-nav { float:left; }
div#main-nav ul { list-style-type:none; margin:0; padding:0; }
div#main-nav li {
	float:left;
	height:20px;
	border-right:1px solid #a4c868;
	padding-top: 50px;
	padding-right: 4px;
	padding-bottom: 0px;
	padding-left: 4px;
	margin-right: 4px;
	margin-left: 4px;
} 
div#main-nav   li.end, div#search-bar  div#sub-nav li.end { border-right:none; padding-right:0px; }
div#main-nav  li#products, div#main-nav li#products a {
	width: 92px;
}
div#main-nav li#products {
	background-image: url(../images/leaf.png);
	background-repeat: no-repeat;
	background-position: right top;
}

div#main-nav   li#stores, div#main-nav  li#stores  a {
	width: 70px;
}
div#main-nav   li#shop, div#main-nav  li#shop  a {
	width: 50px;
}
div#main-nav    li#press, div#main-nav   li#press   a {
	width: 54px;
}
div#main-nav  li#about, div#main-nav li#about a {
	width: 85px;
}

div#main-nav  li#retail, div#main-nav li#retail a {
	width: 95px;
}
div#main-nav li.active a{
	color: #d35f40;

}


div#search-bar {
	right:0;
	width: 150px;
	float: right;
}
div#search-bar ul { list-style-type:none; margin:0; padding:0; }
div#search-bar li { display:inline-block; height:35px; line-height:35px; padding:0px 8px; border-right:1px solid #a4c868; } 
div#search-bar li#contact { border-right:none; padding:0; }
div#search-bar li.end { border-right:none; padding-right:0px; }
div#search-bar div#search-button { float:right;margin:10px 5px 0px 5px; }
div#search-bar div#contact { border-left:1px solid #89bf8e; padding-left:5px; }
div#search-bar div#contact p {
	margin:0;
	padding-top: 20px;
}
div#search-bar div#cart {
	padding-top: 20px;
	text-align: right;
	clear: both;
	padding-right: 60px;
	width: 50px;
	float: right;
}

div#subscribe-box {
	padding-left: 5px;
}
input#subscribe {
	margin-top: 8px;
}
input#subscribe-text {
	width: 118px;
}



div#sub-nav {
	background-image: url(../images/sub-nav.png);
	height: 22px;
	width: 560px;
	margin-right: 15px;
	margin-top: 0px;
	font-size: 12px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 35px;
	padding-left: 10px;
	float: right;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	background-position: center bottom;
}
div#sub-nav.cart {
	background-image: url(../images/sub-nav-cart.png);
}
div#sub-nav.cart   li {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


div#sub-nav ul {
	margin: 0px;
	padding: 0px;
}
div#sub-nav  li  {
	display:inline-block;
	height:20px;
	line-height:20px;

	padding:0px;
	border-right:1px solid #a4c868;
	list-style-type: none;
	padding: 0 8px;
}
div#sub-nav   li   {
	float: left;
	padding-left: 12px;
	padding-right: 11px;
	display: block;
}
div#sub-nav  li.active a {
	color: #A8D273;
}

div#sub-nav a {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
div#sub-nav a:hover {
	font-weight: normal;
	color: #A8D273;
	text-decoration: none;
}



input.bg { background:#dff0d2; color:#5d5c5c; font-size:11px; padding-left:3px; }
input.click-clear {

	margin-top: 10px;
	font-size: 10px;
}


div#tagline-image {
	float:left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	margin: 0px;
	width: 210px;
	height: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
div#tagline-text {
	float:left;
	width:615px;
	height: 280px;
	filter: Alpha(Opacity=1);
}
div#tagline-text h2, h3 {
	margin:0;
	padding: 0px;
	line-height: 1em;
}
div#tagline-text h2 {
	margin-top:-20px;
}
div#tagline-text p { font-family:Georgia; font-size:15px; color:#547580; line-height:22px; margin:0px 0px 20px 0px;  }
div#tagline-text ul {padding:0; color:#92be4b; font-size:13px; list-style-type:none; font-weight:bold; }
div#tagline-text ul li { padding-left:20px; margin-top:10px; background: url('../images/bullet.png') left center no-repeat; font-family:Georgia,"Times New Roman",times; }
div#tagline-text ul li a:link { color:#92be4b; font-weight:bold; text-decoration:none; }
div#tagline-text ul li a:visited { color:#92be4b; font-weight:bold; text-decoration:none; }
div#tagline-text ul li a:hover { color:#92be4b; font-weight:bold; text-decoration:underline; }
div#content-left { float:left;border-right:1px solid #afe085; }
div#testimonials p {
	margin-top: 0px;
}


div.box { background:#c2dba2;float:left;width:224px;height:230px; text-align:center; }
div#home-text {
	padding-left: 80px;
}

div.box div.copy-container { margin-top:110px; }
div.box p.header { font-size:14px; font-weight:bold; color:#0d5400; margin:0; }
div.box p.content { font-size:11px; font-family:Arial,Helvetica,sans-serif; margin:0; padding:0px 30px; color:#0d5400; }
div.box span.subhead { display:black; width:223px; } 

div#spend {
	background:url('../images/spend.png');
	cursor: pointer;
	margin-left: 35px;
}
div#footprint { margin-left:1px; background:url('../images/footprint.png'); width:224px;cursor: pointer; }
div#earth { margin-left:1px; background:url('../images/earth.png'); width:224px; cursor: pointer;}
div#earth-report ul {
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
}
div#earth-report-sub ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
div#earth-report  li, div#earth-report-sub li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #585858;
	line-height: 14px;
}


div#blog-feed { width:674px; margin-top:10px; }
div#blog-feed-spacer {
	width:80px;
	float:left;
	margin-left: 25px;
	margin-right: 0px;
}
div#blog-feed-spacer h3 {
	margin-left:24px;
	margin-top:10px;
	font-size: 13px;
}
div#blog-feed-content {
	width:559px;
	float:left;
	margin-left: 10px;
}
div#blog-feed-content p { color:#585858; font-size:11px; line-height:21px; font-family:Arial,Helvetica,sans-serif;}
div#blog-feed-content  ul   {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div#blog-feed-content li {
	margin: 0px;
	padding: 5px;
	list-style-type: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #585858;
	line-height: 21px;
}



div#content-right {
	float:right;
	width:222px;
	margin-right: 30px;
}
div#content-right p { font-size:11px; color:#585858; padding:0px 20px; font-family:Arial,Helvetica,sans-serif; }

div#sign-up {  }

div#body {
	padding-top: 15px;
	text-align: left;
}
div#body-lefta {
	float:left;
	width:290px;
	padding-left: 10px;
	text-align: left;
}




div#body-left {
	float:left;
	width:221px;
	padding-left: 93px;
}
div#body-left p { font-size:11px; color:#585858; font-family:Arial,Helvetica,sans-serif;line-height:22px; }
div#body-left ul li { font-size:11px; color:#585858; font-family:Arial,Helvetica,sans-serif;line-height:22px; }
div#body-left h2 { margin:10px 0px 0px 0px; }
div#body-left-cart {
	float:left;
	width:190px;
	padding-left: 43px;
}


div#product-left {
	border-right:1px solid #dfdfdf;
	float:left;
	width:270px;
	padding-right: 20px;
	padding-left: 20px;
}
div#product-left img { width:270px; height:270px; }
div#product-left div#thumbs {
	margin: auto;
	padding: 0px;
	width: 134px;
	text-align: center;
}
div.thumb {
	width: 47px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
}
div.thumb p {
	margin: 0px;
	padding: 0px;
}
div.expand {
	float: right;
	margin-top: -50px;
}


div#product-mid {
	float:left;
	width:300px;
	padding-right: 30px;
	padding-left: 30px;
}
div#product-mid div#specs { display:none; }
div#product-mid p { font-family:Georgia,"Times New Roman",Times; line-height:20px; color:#3d585f; font-size:12px; }
div#product-mid ul li { font-family:Georgia,"Times New Roman",Times; line-height:20px; color:#3d585f; font-size:12px; }
div#product-mid p#sub-buttons {
	color: #999999;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
}
p#sub-buttons a {
	color: #999999;
}
p#sub-buttons a.selected {
	color: #296009;
}
p#sub-buttons a:hover {
	color: #296009;
	text-decoration:none;
}

div#product-right {
	border-left:1px solid #dfdfdf;
	float:left;
	width:196px;
	margin-top: 85px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 15px;
}
div#product-right input {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
}
div#product-right select {
	display: block;
	margin: 0px;
	padding: 0px;
}

div#product-right div#related-products { 
	display:none;
}

div.product-right-box {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #cdcdcd;
}
div#related-products ul {
	margin: 0px;
	padding: 0px;
}
div#related-products li {
	list-style-type: none;
	display: block;
	padding-bottom: 10px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
div#related-products li img {
	margin-right: 5px;
	float: left;
}



div#body-right {
	float:left;
	width:483px;
	padding-right: 50px;
	padding-left: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
div#productlist-right {
	float:left;
	width:483px;
	padding-right: 50px;
	padding-left: 50px;
}
div#body-right p { font-family:Georgia,"Times New Roman",Times; line-height:20px; color:#3d585f; font-size:11px; }
div#body-right ul li { font-family:Georgia,"Times New Roman",Times; line-height:20px; color:#3d585f; font-size:11px; }
div#body-right p.content-heading { font-family:Georgia,"Times New Roman",Times; line-height:20px; color:#3d585f; font-size:12px; font-weight:bold; }
div#body-right h2 { margin:0px; }
div#body-right-cart {
	float:left;
	width:563px;
	padding-right: 30px;
	padding-left: 40px;
}


div#footer { height:44px; background:#6fa033; font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:bold;color:#fff; }
div#footer ul { text-align:center;list-style-type:none;padding-top:18px;margin-top:0px; }
div#footer ul li { padding:0px 2px; display:inline; }
div#footer a { color: #FFFFFF;text-decoration: none; }
div#footer a:hover { color: #D1E1B9; text-decoration: none; }

div#contact { font-size: 13px; float: right; width: 90px; }
div#contact p a { width: 100px; }

div.product { float: left; height: auto; width: 230px; padding:0 10px 7px 0; }

div.product img { border: 1px solid #d5e2b5; margin-right: 5px; float: left; }
div.product p { color:#3d585f; margin: 0px; padding: 0px; line-height: 17px; font-size: 11px; font-family:Arial,Helvetica,sans-serif;padding-left: 107px;margin-top: 4px;}
div.product a:link { color:#6fa033; font-weight:bold; text-decoration:none; }
div.product a:visited { color:#6fa033; font-weight:bold; text-decoration:none; }
div.product a:hover { color:#6fa033; font-weight:bold; text-decoration:underline; }
div.product h3 { color: #639233; font-size: 14px; margin: 0; line-height: 16px; padding:0;}

div.productlong { float: left; height: auto; width: 480px; padding:0 0px 0px 5; }

div.productlong img { border: 0px solid #d5e2b5; margin-right: 0px; float: left; }
div.productlong p { color:#3d585f; margin: 0px; padding: 0px; line-height: 17px; font-size: 11px; font-family:Arial,Helvetica,sans-serif;padding-left: 10px;margin-top: 4px;}
div.productlong a:link { color:#6fa033; font-weight:bold; text-decoration:none; }
div.productlong a:visited { color:#6fa033; font-weight:bold; text-decoration:none; }
div.productlong a:hover { color:#6fa033; font-weight:bold; text-decoration:underline; }
div.productlong h3 { color: #639233; font-size: 14px; margin: 0; line-height: 16px; padding: 10;}
div.productlong h2 { color: #639233; font-size: 12px; margin: 0; line-height: 16px; padding: 10;}

span.buttons {
	height: 20px;
}
span.select-text {
	color: #296009;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
}

div.select-item {
	clear: both;
}
p.signature {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	text-align: right;
	font-size: 11px;
}
p.quote {
	margin: 0px;
	padding: 0px;
}
table#cart-table {
	margin: 0px;
	padding: 0px;
	width: 536px;
	border-collapse: collapse;
	background-image: url(../images/table-sides.gif);
	background-repeat: repeat-y;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
table#cart-table strong {
	color: #009999;
	display: block;
}

table#cart-table td {
	margin: 0px;
	padding: 5px;
}
table#cart-table  tr#top-row {
	background-image: url(../images/table-top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 30px;
	font-size: 12px;
	font-weight: bold;
	color: #405961;
}
table#cart-table td#top-row-left    {
	background-image: url(../images/table-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
table#cart-table   td#top-row-right  {
	background-image: url(../images/table-top.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

table#cart-table  tr#bottom-row {
	background-image: url(../images/table-bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
}
table#cart-table tr#bottom-row td {
	padding-top: 15px;
}
table#cart-table tr#horiz-line {
	background-image: url(../images/table-horiz.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: right;
}
table#cart-table img {
	border: 1px solid #e0e5c9;
}
span.orange {
	color: #D35F40;
}

div#earth-report-sub { display:none; }
div#earth-report { display:none; }
div#testimonials { display:none; }

/* ================================================================ 
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/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:745px; height:32px; position:relative; z-index:100; font-family:arial, sans-serif; background-image: url(../images/sub-nav.png);
height: 30px;
width: 570px;
margin-right: 15px;
margin-top: 0px;
font-size: 12px;
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
padding-top: 15px;
padding-left:0px;
float: right;
margin-bottom: 0px;
background-repeat: no-repeat;
background-position: center bottom;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:4px 0 0 0;list-style-type:none;}
.menu ul ul {width:149px; margin-top:-4px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:110px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#fff; width:110px; height:26px;  border-width:1px 0 1px 1px; background:transparent; padding-left:10px; line-height:26px; font-weight:normal; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:121px; w\idth:110px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65;}
.menu ul ul :hover > a.drop {background:#c9ba65;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}

.menu ul li ul li { font-weight:normal; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:30px;left:0; width:149px; background:url(../images/ulbg.jpg) repeat-x top left;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#6fa033; color:#fff; height:auto; line-height:1em; padding:8px 10px; width:168px;border-width:0 1px 1px 1px;}
.menu ul ul a.toplink, .menu ul ul a.toplink:visited {background:url(../images/ulbg.jpg) repeat-x top left; color:#fff; height:auto; line-height:1em; padding:8px 10px; width:168px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:190px;w\idth:168px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#4f8e33;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#4f8e33;}

.menu a:hover, .menu ul ul a.toplink:hover{color:#fff; background:#4f8e33;}
.menu :hover > a.toplink, .menu ul ul :hover > a.toplink {color:#fff; background:#4f8e33;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
.menu a#laundrytoplink:hover { color:#edcb72; background:url(../images/navover.gif) left top no-repeat;}
.menu a#bathroomtoplink:hover { color:#edcb72;}
.menu a#kitchentoplink:hover { color:#edcb72; }
.menu a#petstoplink:hover { color:#edcb72; }
.menu a#householdtoplink:hover { color:#edcb72;}
.menu a#laundrytoplink.laundry-hover  { color:#edcb72; background:url(../images/navover.gif) left top no-repeat; }
.menu a.hover  { color:#edcb72; }
#banner {
	float: left;
	height: 50px;
	width: 850px;
	text-align: center;
}
.sustaintext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #3C6;
}
#flashshow {
	float: left;
	height: 600px;
	width: 500px;
}
#petimageleft {
	float: left;
	height: 575px;
	width: 290px;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #F93;
}
.about-leftnav {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #090;
	float: left;
	height: 400px;
	width: 285px;
	font-weight: bold;
	text-align: left;
}
#place-left {
	float: left;
	height: 200px;
	width: 200px;
}