@charset "UTF-8";
/* CSS Document */

/********************* Begin styling for EcoEndure.com template ***********************/


/********** Basic styling for the page *********/

/* Colors used for this site:

	333333: dark gray
	666666: med gray - links
	A0A0A0: lt. gray - hover links
	8AC341: eco tab green
	C1D82F: eco logo light green
	00853F: eco logo dark green
	DEE89A: 40% of C1D82F
	

*/

body, html {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	font-size: 12px;
	}
	
a {
	text-decoration: none;
	outline: none;
	color: #333;
	}

a:link, a:visited {
	color: #666666;
	}
	
a:hover {
	color: #A0A0A0;
	cursor: pointer;
	}
	
img {
	border: none;
	padding: 0;
	margin: 0;
	}
	
.highlights {
	color: #C1D82F;
	font-weight: bold;
	font-size: 14px;
	}
	
.clear {
	clear: both;
}

.underline {
	text-decoration: underline;
}

dl {width: 840px;}

dt, dt a[name] {
	margin: 10px 0;
	color: #C1D72E;
	font-weight: bold;
	font-size: 14px;
	cursor: text;
}

/********** Element specific Styling **********/

div#wrapper { /* Container for all the page content except the footer */
	position: relative;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	}
	
div#universalNav { /* Contains the tabbed navigation, search, and contact info similar to all Univenture sites */
	position: relative;
	padding: 0;
	margin: 0 auto;
	}
	
div#experience { /* Container for the "4 brands 1 shopping experience" banner image */
	float: left;
	padding: 20px 0 0 200px;
	margin: 0;
	}
	
div#universalLinks { /* Container for the Home, Login, etc... links at top right of page */
	position: relative;
	width: 330px;
	padding: 0;
	margin: 10px -14px 0 0;
	float: right;
	clear: right;
	}
	
div#universalLinks ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
	}
	
div#universalLinks ul li {
	margin: 10px 0 0 0;
	padding: 0 5px;
	border-right: 1px solid #CCCCCC;
	float: left;
	}
	
div#universalLinks ul li.noBorder { /* remove right border from last two list items */
	border: none;
	vertical-align: text-top;
	}
	
div#universalLinks img { /* styling for the "globe".  Bring it inline with the text */
	margin: -5px 5px 0 0;
	}
	
div#phone { /* Container for the phone numbers */
	width: 300px;
	float: right;
	clear: none;
	padding: 0 10px 0 0;
	margin: 0;
	text-align: right;
	}
	
div#tabs { /* Container for the site tabs at top left */
	margin: 0;
	padding: 0 0 0 60px;
	width: 500px;
	float: left;
	clear: none;
	}
	
div#tabs ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
	}
	
div#tabs ul li {
	display: block;
	margin: 0 0 -5px 0;
	padding: 0;
	float: left;
	}
	
div#bodyWrapper { /* Main container for all the page content except the footer. Contains top portion of page border */
	position: relative;
	clear: both;
	width: 900px;
	margin: 0;
	padding: 0;
	background: url(images/eco_bg.jpg) top left no-repeat;
	overflow: hidden;
	}
	
div#logo { /* EcoEndure logo container */
	position: absolute;
	top: 24px;
	left: 29px;
	z-index: 11;
	padding: 0;
	margin: 0;
	}
	
div#logo p {
	font-size: 11px;
	margin: 5px 0 0 -2px;
	padding: 0;
	color: #00853F;
	}
	
div#logo p.companyDisclamer {
	font-size: 11px;
	margin: 2px 0 0 0;
	padding: 0;
	color: #808080;
	}
	
div#googleSearch { /* Container for the google custom search field */
	display: inline;
	width: 200px;
	height: 30px;
	float: right;
	clear: none;
	margin: 20px 150px 0 0;
	padding: 0;
	}
	
div#googleSearch input#searchButton { /* Styling for the search button. Align with search box */
	vertical-align: top;
	}

div#googleSearch input#searchBox {
	margin: 2px 0 0 0;
	padding: 1px;
	color: #00853F;
	}
	
div#cse-search-results {
	border-top: 1px solid #DEE89A;
	}
	
div#rss { /* div at top of page containing the RSS Feed link and graphic */
	width: 210px;
	height: 30px;
	float: right;
	clear: none;
	margin: 27px 0 0 0;
	padding: 0;
	font-size: 11px;
	}
	
div#rss ul {
	display: inline;
	list-style: none;
	}
	
div#rss ul li {
	float: left;
	margin: 0;
	padding: 0 5px;
	border-right: 1px solid #CCCCCC;
	}
	
div#rss ul li.noBorder {
	border-right: none;
	}
	
div#rss ul li.leftNoBorder {
	border-right: none;
	margin: 0;
	padding: 0;
	}
	
div#rss img {
	vertical-align: text-bottom;
	margin: 0;
	padding: 0;
	}
	
div#rss a:link, div#rss a:visited {
	color: #00853F;
	}
	
div#rss a:hover {
	color: #333333;
	}
	
div.breadcrumbs {
	position: absolute;
	top: 60px;
	left: 340px;
	height: 30px;
	padding: 0;
	margin: 0;
	}
			
div#buyNow { /* Container for the shop now link for EcoEndure */
	position: absolute;
	height: 155px;
	width: 155px;
	top: 1px;
	right: 6px;
	z-index: 100;
}

img#buy {
	cursor: pointer;
	}
	
h1#category { /* Header at top of product categories slide in page */
	color: #666666;
	margin: 20px 0 40px 30px;
	padding: 0;
	font-size: 24px;
	text-align: left;
	}
	
h2.catTitles { /* Header at top of each product category image */ 
	text-align: left;
	color: #C1D82F;
	font-size: 20px;
	margin: 0;
	padding: 0 0 10px 0;
	clear: both;
	}

div#buyProducts { /* Container that appears when clicking "SHOP NOW" */
	overflow: hidden;
	position: absolute;
	top: 2px;
	right: 9px;
	width: 0px; /* width & height expanded via jquery javascript */
	height: 0px;
	background: url(images/slide-out_bg_white.gif) top left no-repeat;
	z-index: 11;
	padding: 0;
	margin: 0;
	color: #333333;
	font-size: 11px;
	}
	
div#buyProducts p {
	padding: 0 10px;
	margin: 0;
	}

div#prodCatPackaging, div#prodCatMailing, div#prodCatOffice { /* Container for each of the product categories within div#buyProducts above */
	position: absolute;
	overflow: hidden;
	width: 200px;
	height: 250px;
	padding: 20px;
	margin: 0;
	z-index: 120;
	}
	
div#prodCatPackaging p.back, div#prodCatMailing p.back, div#prodCatOffice p.back {
	font-size: 11px;
	font-weight: bold;
	float: left;
	clear: both;
	padding: 0;
	margin: 0;
	color: #00853F;
	display: none;
	white-space: nowrap;
	}
	
.noTransparency {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1
	}
	
div#prodCatPackaging {
	top: 125px;
	left: 50px;
	}
	
div#prodCatMailing {
	top: 125px;
	left: 320px;
	}
	
div#prodCatOffice {
	top: 125px;
	left: 590px;
	}
	
img.prodCat {
	margin: 0;
	padding: 0 0 5px 0;
	float: left;
	}
	
div#packContent, div#mailContent, div#offContent {
	display: none;
	position: absolute;
	left: 30px;
	top: 30px;
	width: 825px;
	height: 465px;
	background: url(images/cat_products_bg3.gif) top left no-repeat #FFFFFF;
	overflow: hidden;
	margin: 0;
	padding: 0;
	z-index: 101;
	}
	
table.shopNowProducts {
	float: left;
	clear: none;
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 11px;
	border-right: 1px solid #C1D82F;
	}
	
table.shopNowProducts tr, table.shopNowProducts td {
	margin: 0;
	padding: 0;
	}
	
table.shopNowProducts tr img.thumbnails {
	padding: 15px 0 0 0;
	margin: 0;
	}
	
table.shopNowProducts ul {
	list-style: circle;
	list-style-position: outside;
	margin: 0;
	padding: 0 0 0 30px;
	}
	
table.shopNowProducts ul li {
	margin: 0;
	padding: 0;
	}
	
table.shopNowProducts ul li.purchase {
	font-weight: bold;
	list-style: none;
	margin: 5px 0 0 0;
}

table.shopNowProducts ul li.purchase a {
	display: block;
	padding: 3px;
	border: 2px solid #FF8040;
	width: 62px;
	text-align: center;
	}
	
table.shopNowProducts ul li.purchase a.custom {
	display: block;
	padding: 3px;
	margin: 0 0 0 -10px;
	border: none;
	width: 100px;
	text-align: center;
	}
			
h1.prodTitle {
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 0 15px;
	margin: 0;
	}
	
div.groups {
	width: 140px;
	float: left;
	clear: none;
	margin: 55px 0 0 8px;
	padding: 0;
	}
	
div.groups ul {
	list-style: circle;
	margin: 0 0 0 15px;
	padding: 0;
	}
	
div.groups ul li {
	margin: 0;
	padding: 0;
	}
	
div.groups img {
	padding: 0;
	margin: 10px 0 20px;
	}

div.groups p.look {
	margin: 20px 0 0 0;
	padding: 0;
	color: #FF8040;
	font-weight: bold;
	}
	
div#packDesc, div#mailDesc, div#offDesc {
	display: none;
	position: absolute;
	bottom: 60px;
	left: 40px;
	width: 175px;
	height: 180px;
	border-right: 1px solid #C1D82F;
	margin: 0;
	padding: 0;
	z-index: 101;
	}
	
div#packBody, div#mailBody, div#offBody {
	text-align: left;
	width: 640px;
	height: 420px;
	float: right;
	margin: 0 -10px 0 0;
	padding: 0;
	}

div.categoryDirections { /* Linked clicked to get back to product categories within flyout */
	cursor: pointer;
	display: none;
	position: absolute;
	bottom: 0px;
	left: 5px;
	z-index: 10000;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background: url(images/return_button.gif) center center no-repeat;
	padding: 10px 0;
	width: 244px;
	}
	
div.shopNowDirections { /* Linked clicked to get back to product categories within flyout */
	cursor: pointer;
	display: none;
	position: absolute;
	bottom: 7px;
	right: 35px;
	z-index: 10000;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	background: url(images/return_button_right.gif) center center no-repeat;
	padding: 10px 0;
	width: 244px;
	}
		
a#closeBuyNow { /* Link at bottom of div#buyProducts that closes div#buyProducts */
	font-size: 10px;
	position: absolute;
	bottom: 15px;
	right: 30px;
	z-index: 1000;
	}
	
a#closeBuyNow span { /* inline element for styling the "X" within the link a#closeBuyNow above */
	float: left;
	display: block;
	clear: none;
	height: 14px;
	width: 15px;	
	}
		
div.buyProducts a {
	font-size: 10px;
	font-weight: bolder;
	}
	
div#memberships { /* Container for the "memberships banner" at the bottom of each page */
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	padding: 20px 0 0 0;
	}
		
div#footer { /* Conatainer for the footer.  Contains background image for bottom portion of page outline */
	height: 30px;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	background: url(images/eco_footer_bg.jpg) top left no-repeat;
	}
	
div#bottomLinks { /* Container for the list of links at bottom of each page/above the disclamer */
	width: 900px;
	clear: both;
	margin: 10px auto;
	padding: 0;
	color: #000000;
	text-align: center;
	font-size: 11px;
	}
	
div#bottomLinks ul {
	display: inline;
	list-style: none;
	}
	
div#bottomLinks ul li {
	display: inline;
	margin: 0 auto;
	padding: 0 8px 0 5px;
	border-right: 1px solid #CCCCCC;
	}
	
div#bottomLinks ul li.noseparator { /* remove separator from last list item */
	border: none;
	}
	
div#disclamer { /* Container for the disclamer at the bottom of the page outside the page border */
	margin: 20px auto;
	padding: 0;
	font-size: 10px;
	color: #999999;
	overflow: hidden;
	}	
	
/********************* End styling for EcoEndure.com template ***********************/

/********************* Begin styling for EcoEndure.com Home Page ***********************/
	
div#features {	/* Container for the features drawers (horizontal accordion) */
	position: relative;
	margin: 190px 8px 0 8px;
	padding: 0;
	height: 310px;
	with: 890px;
	overflow: hidden;
	}
	
div#features ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

div#features ul li {
	overflow: hidden;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	}

div#features ul li a {
	display: block;
	float: left;
	clear: none;
	overflow: hidden;
	height: 310px;
	width: 160px;
	padding: 0;
	margin: 0;
	text-align: left;
	color: #000;
	}

div#features ul li a:hover {color: #000;}
	
div#features a#sustain-panel {position: relative; background: url(images/sustainable.png) top left no-repeat;}

div#features a#compost-panel {position: relative; background: url(images/compostable.png) top left no-repeat;}

div#features a#biodegrade-panel {position: relative; background: url(images/biodegradable.png) top left no-repeat;}

/* individual horizontal accordion panels, reverse order on the page due to floated li elements */
div#features a#recycle-panel {position: relative; width: 400px; background: url(images/recyclable.png) top left no-repeat;}

div#features h2 {position: absolute; top: 10px; left: 30px;}

div#features p {width: 160px; position: absolute; top: 50px; right: 25px;}
	
div#features ul li img { 
	position: absolute;
	}
	

/*div#features ul li a#two {
	background: url(images/sustainable2.png) right top no-repeat;
	}

div#features ul li a#three {
	background: url(images/compostable.png) right top no-repeat;
	}
	
div#features ul li a#four {
	background: url(images/biodegradable.png) right top no-repeat;
	}

div#features ul li p {
	display: none;
	width: 160px;
	margin: 0 0 0 35px;
	padding: 0;
	font-size: 11px;
	text-align: left;
	background: #990000;
	}
*/	 		
div#bottomWrap { /* Container for the content below the "sliders" container containing the "green for a reason" logo */
	width: 886px;
	margin: 20px 0;
	padding: 0 0 0 10px;
	float: left;
	clear: both;
	overflow: hidden;
	background: url(images/green_reason_40.png) bottom center no-repeat;
	font-size: 12px;
	text-align: left;
	}
	
div#bottomWrap p {
	padding: 0;
	margin: 10px 0 0 8px;
	}
	
h2#productsListsTitle, h2#newsListsTitle, h2#faqListsTitle, h2#contactListsTitle {
	font-size: 16px;
	font-weight: bold;
	margin: 5px;
	padding: 0;
	}
	
h2#productsListsTitle {
	border-bottom: 4px solid #C1D82F;
	color: #C1D82F;
	}
	
h2#newsListsTitle {
	border-bottom: 4px solid #8AC341;
	color: #8AC341;
	}
	
h2#faqListsTitle {
	border-bottom: 4px solid #666666;
	color: #666666;
	}
	
h2#contactListsTitle {
	border-bottom: 4px solid #000000;
	color: #000000;
	}
	
ul.bottomWrapLists {
	list-style: circle;
	padding: 0 10px 0 0;
	margin: 5px;
	display: block;
	}
	
ul.bottomWrapLists li {
	margin: 4px 0 4px 15px;
	padding: 0;
	color: #000000;
	}
	
div.bottomListContainers { /* Containers for the products, news/media, faq, and contact lists */
	float: left;
	clear: none;
	margin: 0;
	padding: 0 3px 100px 0;
	width: 212px;
	}
	

/********************* End styling for EcoEndure.com Home Page ***********************/


/********************* Main content container for all pages but the Home Page ***********************/

div.mainContentWrap {
	position: relative;
	float: none;
	clear: left;
	margin: 170px 0 0 0;
	padding: 10px 0 200px 0;
	width: 870px;
	height: 120%;
	overflow: hidden;
	text-align: left;
	color: #000000;
	background: url(images/green_reason_40.png) bottom center no-repeat;
	}
	
div.mainContentWrap img {
	float: left;
	clear: none;
	margin: 15px 10px 10px 0;
	}

/********************* End main content container *********/


/********************* Begin styling for EcoEndure.com categories Pages (packaging.php, mailing.php, and office.php) *********/

div#prodContainer {
	position: relative;
	float: none;
	clear: left;
	margin: 0;
	padding: 10px 0 0 0;
	width: 866px;
	overflow: hidden;
	text-align: left;
	color: #000000;
	}
	
h1.pageTitle {
	font-size: 21px;
	color: #333333;
	padding: 0;
	margin: 30px 0 5px 0;
	}
	
div#prodContainer ul {
	clear: none;
	list-style: circle inside;
	padding: 0;
	margin: 20px 0 0 10px;
	}

div#prodContainer ul li {
	margin: 0;
	padding: 3px 0;
	}
	
div#prodContainer ul li.first {
	list-style: none;
	font-size: 14px;
	color: #333333;
	margin-bottom: 2px;
	}
	
div#prodContainer ul li.lookFor {
	list-style: none;
	color: #C1D82F;
	margin-bottom: 5px;
	font-weight: bold;
	}
		
div#prodContainer a:link, div#prodContainer a:visited {
	color: #666666;
	}
	
div#prodContainer a:hover {
	color: #999999;
	}		

div#prodWrap {
	clear: both;
	margin: 20px auto;
	padding: 0;
	}
	
div.recycleLogo {
	float: right;
	clear: right;
	padding: 0 0 20px 20px;
	margin: -35px 0 0 0;
	}
	
div.copy {
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	width: 580px;
	border-top: 1px solid #DEE89A;
	}
	
/********************* End styling for EcoEndure.com categories Page ***********************/

/********************* Begin styling for EcoEndure.com faq Pages (packaging.php, mailing.php, and office.php) *********/
	
div.subCopy { /* For the subsequent products sections */
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #DEE89A;
	}
	
div#faqWrap {
	width: 898px;
	margin: 20px auto 0 auto;
	clear: both;
	text-align: left;
	}
	
div.faqCopy {
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	width: 870px;
	border-top: 1px solid #DEE89A;
	}
	
div.faqCopy dl ul {
	overflow: hidden;
	clear: both;
}

div.faqCopy dl ul li {
	display: block;
	clear: both;
	background: none;
	list-style-type: none;
	text-align: left;
}

div.faqCopy dl ul li a {
	display: inline;
}

div#faqWrap ul#questions {
	width: 800px;
	overflow: hidden;
	}
	
li.ans {
	list-style: none;
	margin: 0;
	padding: 0;
	color: #000000;
	}
	
li.quest {
	list-style: circle;
	color: #00853F;
	font-size: 12px;
	margin: 10px 0 2px 0;
	padding: 0;
	}
	
	
img#lgRecycleLeaf {
	display: inline;
	float: right;
	width: 200px;
	height: 202px;
	margin: 0 10px 10px 10px;
	padding: 10px;
	}

h1.sectionTitle {
	font-size: 16px;
	color: #C1D82F;
	padding: 0;
	margin: 10px 0;
	}
	
div#prodContainer ul.overallList {
	display: inline;
	margin: 20px 0 0 0;
	padding: 0;
	float: left;
	clear: both;
	font-size: 11px;
	}

div#prodContainer ul.overallList li {
	float: left;
	padding: 5px;
	margin: 0;
	}
	
div#prodContainer li.noStyle {
	list-style: none;
	}
	
div#prodContainer div.thumbsContainer {
	width: 580px;
	margin: 20px 0;
	padding: 0;
	float: left;
	clear: both;
	border-top: 1px solid #CCCCCC;
	}
	
div#prodContainer div.subCopy div.thumbsContainer {
	width: 860px;
	}
	
div#prodContainer h1.featuredProducts {
	font-size: 14px;
	color: #666666;
	padding: 0;
	margin: 10px 0 0 0;
	}
	
div#prodContainer ul.thumbsList {
	display: inline;
	}
	
div#prodContainer ul.thumbsList li {
	display: block;
	width: 100px;
	float: left;
	list-style: none;
	margin: 20px 0;
	padding: 0 10px;
	text-align: left;
	font-size: 11px;
	}
	
p.captions {
	clear: both;
	float: left;
	width: 100px;
	}
	
	
div#prodContainer img.lgSectionImg {
	float: left;
	clear: none;
	margin: 0 20px 0 0;
	padding: 0;
	border: 1px solid #C1D82F;
	}
	
/********************* End styling for EcoEndure.com faq Pages ***********************/

/********************* Begin styling for EcoEndure.com contact page (contact.php) *********/


div#formCopy {
	float: left;
	text-align: left;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
	border-top: 1px solid #DEE89A;
	}
	
div#formWrap {
	clear: both;
	margin: 0 auto;
	padding: 0;
	}
	
div#formWrap table {
	text-align: left;
	}

form#contactUs, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
textarea {
	color: #333333;
	padding: 3px;
	}
	
form#contactUs {
	/*color: #DEE89A;*/
	}
	
span.asterDir {
	color: #FF8040;
	font-weight: bold;
	}
	
/********************* End styling for EcoEndure.com Contact Page ***********************/

/********************* Begin styling for EcoEndure.com abouteco page ********************/


div#ecoCopy {
	clear: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #DEE89A;
	width: 880px;
	}
	
img#lgRecycleLogo {
	display: inline;
	float: right;
	width: 400px;
	margin: 10px;
	padding: 0;
	}
	
span.materials {
	float: left;
	clear: none;
	padding: 0;
	margin: 12px 3px 0 0;
	}
	
#mo .faqCopy p {
	margin: 5px 0;
	clear: both;
	width: 100%;
	height: 100%;
}
	
#mo .faqCopy ul#poly-astm {
	float: left;
	clear: both;
	margin: 15px 0 20px;
}
	
#mo .faqCopy ul#poly-astm li {
	list-style-type: none;
	background: none;
	float: left;
	clear: both;
	text-align: left;
	white-space: normal;
	width: 800px;
}
	
div.coContainer {
	float: left;
	clear: both;
	margin: 10px 0;
	padding: 0;
	}
	
div.coContainer img.coImg {
	float: left;
	height: 100px;
	width: 152px;
	margin: 0 10px 0 10px;
	padding: 0;
	}
	
.coDesc {
	float: left;
	clear: right;
	width: 640px;
	padding: 0;
	margin: 0 5px;
	}

.ui-tabs {
	float: left;
}

.ui-tabs-hide, #about-eco {
	display: none;
}

.ui-tabs-nav ul.tabs-lists {
	width: 100%;
	float: left;
	list-style: none;
	padding: 0 0 0 5px;
	margin: 10px 0 0 0;
	border-bottom: 2px solid #666;
	position: relative;
	z-index: 0;
}

.ui-tabs-nav li {
	text-align: center;
	float: left;
	padding: 5px 10px;
	margin-right: 1px;
	position: relative;
	bottom: -1px;
	z-index: 10;
	background: url(images/tab-border-green.gif) top center no-repeat;
	overflow: hidden;
}

li.ui-tabs-selected {
	background: url(images/tab-border-gray.gif) top center no-repeat;
	border-bottom: 1px solid #FFF;
	position: relative;
	bottom: -3px;
}

.ui-tabs-nav li a {
	display: block;
	width: 130px;
	padding: 6px 0 0 0;
	margin: 0;
	color: #333;
}

.ui-tabs-panel {
	text-align: left;
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#co {
	position: relative;
}

.overview {
	display: inline;
	width: 245px;
	height: 290px;
	float: left;
	clear: none;
	padding: 10px;
	margin: 40px 10px 0 10px;
	overflow: hidden;
	color: #333;
	background: url(images/eco-overview-bg-2b.gif) top center no-repeat;
	position: relative;
}

.overview h3 {
	margin: 0 0 3px 0;
	padding: 0 0 5px 0;
	font-size: 14px;
	border-bottom: 1px solid #CCC;
}	

.overview ul {
	overflow: hidden;
	padding: 0;
	margin: 20px 0 0 0;
	text-align: left;
}

.overview ul li {
	float: none;
	background: none;
	border: none;
	clear: both;
	list-style: square inside;
	text-align: left;
	white-space: nowrap;
	margin-left: 20px;
	margin: 0;
}

.more-info {
	position: absolute;
	bottom: 20px;
	right: 2px;
	font-weight: bold;
	color: #FFF;
	padding: 0;
	margin: 0;
}

.more-info a:link, .more-info a:hover, .more-info a:visited {
	color: #FFF;
}

.material-opts, .custom {
	cursor: pointer;
}

#more-questions {
	margin: 20px 0 0 10px;
	clear: both;
}

#new-icon, #new-icon-materials {
	position: absolute;
}

#new-icon {
	top:  40px;
	left:  115px;
}

#new-icon-materials {
	top: 121px;
	left:  278px;
}

#main-content {float: left; width: 560px; overflow: hidden;}
#main-content dl {width: 560px;}
#main-content dd {margin-left: 20px;}
#gi-sidebar {width: 235px; float: right; overflow: hidden; margin: 0 0 0 30px; padding: 0 20px;}
#gi-sidebar p {margin: 0 0 5px 0; padding: 0;}
#gi-sidebar small a {display: block; text-align: right; font-size: 11px;}
#gi-sidebar h3 {font-size: 14px; font-weight: bold; font-style: normal;}
#gi-sidebar h4 {font-size: 12px; font-weight: bold; font-style: normal; margin-bottom: 2px;}
#gi-sidebar ul {list-style: circle inside none; padding: 0; margin: 0 0 0 5px; white-space: nowrap;}
#gi-sidebar ul li p {margin: 0 0 0 10px; padding: 0;}
#recycle-logo {width: 235px; margin: 10px auto 20px 0; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0;}

#cpsia {clear: both; padding: 0; background: #ECF4E1; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #999; overflow: hidden;}
#cpsia h3 {text-align: center; background: #83AF40; padding: 10px; margin: 0; color: #ffffff;}
#cpsia p, #cpsia small a {padding: 10px; margin: 0;}
#cpsia small a:link, #cpsia small a:visited {color: #333333;}
#cpsia small a:hover {color: #83AF40;}

/* consumer-product-info.php */

#testing-data {border: 1px dashed #d0d0d0; margin: 40px auto; padding: 10px; width: 800px; text-align: left;}
.materials {float: left; clear: none; height: 120px; width: 260px; margin: 20px 0; padding: 5px 15px 0; overflow: hidden;}
#contents h2 {color: #00853F;}
.materials h3 {margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid green;}
.materials ul {padding: 0 0 0 15px; margin: 0; list-style: circle outside none;}
.clear {clear: both;}
tr.even {background: #efefef;}
th {border-bottom: 1px solid #c0c0c0; color: #00853F; font-size: 13px;}