/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	
	color:#181818;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;	
	font-size:14px;
	font-weight:normal;
	line-height:26px;
	background: #fff url(../graphics/bg.jpg) top left;
}
ol, ul {
	list-style: none;
}

ol {
list-style:decimal;
padding-left:15px;
}

ul, ul.list_style_disc {
list-style:disc;
padding-left:15px;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear_all {
clear:both;
}

a:link, a:visited {
color: #00704a;
text-decoration:none;
}

a:hover, a:active {
color: #30b084;
text-decoration:none;
}

h1, h2 {
font-size:24px;
color:#212121;
}

h1, h2, h3, h4, h5, h6 {
padding:8px 0px 12px;
color:#000;
}

h1 {
font-size:27px;
line-height:36px;
padding:0px;
}

h4 {
font-weight:normal;
font-size:18px;
line-height:23px;
font-style:italic;
padding-top:0px;
}

p {
padding-bottom:18px;
}

/*-- End reset --*/

.content_wrap {
background:url(../graphics/header_bg_repeat.jpg) top left repeat-x;
}

.wrap {
background:url(../graphics/header_body_bg.jpg) center top no-repeat;
min-height:640px;
width:100%;
}

/*------------------ Begin Header ---------------------*/

.logo {
width:980px;
margin:0 auto;
padding:2px 0px 12px;
position:relative;
}

.utils {
position:absolute;
top:20px;
right:0px;
color:#26331e;
}

.utils a:link, .utils a:visited {
color:#26331e;
}

.utils ul {
padding:0px;
}

.utils ul li {
float:left;
padding-right:20px;
text-transform:uppercase;
font-size:11px;
line-height:21px;
}

.utils ul li.first {
list-style:none;
}


.google_search {
width: 240px;
height: 31px;
background: none;
position: absolute;
top: 50px;
right: 13px;
}



.primary_nav {
text-align:center;
background:#00704a;
font-weight:normal;
font-size:21px;
line-height:27px;
padding:0px 0px;
position:relative;
z-index:200;
}

.primary_nav a:link, .primary_nav a:visited {
color:#fff;
display: inline-block;
padding: 7px 30px;
}

.primary_nav li:hover a:link, .primary_nav li:hover a:visited {
color:#00704A;
background:#fff;
}

.primary_nav ul {
padding:0px;
}

.primary_nav ul li {
display:inline-block;
position:relative;
}

.dropdown {
position:absolute;
top:41px;
text-align:left;
font-size:14px;
line-height:18px;
padding:5px 0px 15px;
background:#fff;
z-index:200;
width:260px;
visibility:hidden;
left:0px;
}

.primary_nav ul li:hover .dropdown, .primary_nav ul li.hover .dropdown {
visibility:visible;
}

.primary_nav .dropdown ul {
padding:0px 30px;
list-style:none;
}

.primary_nav .dropdown ul li {
display:block;
padding:10px 0px;
border-bottom:1px solid #ededed;
}

.primary_nav .dropdown ul li.last {
border:0px;
}

.primary_nav .dropdown ul a:link, .primary_nav .dropdown ul a:visited {
color:#00704A;
padding:0px;
}

.primary_nav .dropdown ul a:hover, .primary_nav .dropdown ul a:active {
color:#8B8A87;
padding:0px;
}

/*-------------- Begin Primary content -------------*/

.primary_content {
width:980px;
margin:0 auto;
padding-top:30px;
}

.content {
width:475px;
float:left;
font-size:14px;
line-height:22px;
padding-right: 26px;
}

.spotlight {
width:475px;
float:left;
position:relative;
height:420px;
}

.spotlight #homepage_photo ul {
padding:0px;
list-style:none;
}

.spotlight div.content_image_box {
width:473px !important;
}

.spotlight .content_image img {
    border: 0 none;
    margin: 7px;
    padding: 0;
}

.spotlight .content_image_box {
    background: none repeat scroll 0 0 #d2f0ff;
    border: 0px solid #959595;
}

.spotlight #home_slideshow_nav {
    background: none repeat scroll 0 0 #6B849C;
    bottom: 0;
    left: 161px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    width: 145px;
    z-index: 100;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;

}

#home_slideshow_nav a:link, #home_slideshow_nav a:visited {
background:#fff;
width:10px;
height:10px;
color:#fff;
font-size:6px;
padding:0px 2px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
margin:0px 2px;
}

#home_slideshow_nav a:hover, #home_slideshow_nav a:active, #home_slideshow_nav a.activeSlide {
background:#ffc63f;
width:10px;
height:10px;
color:#ffc63f;
}

.spotlight .collection_item_label, .spotlight .collection_item_description {
display:none;
}

.spotlight p.content_image {
padding:0px;
}


.internal_content {
padding-right: 0;
width: 630px !important;
font-size:15px;
line-height:21px;
color:#362e23;
}

.internal_content img.left {
float:left;
margin: 0 20px 10px -45px;
border:7px solid #fff;
}

.internal_nav {
float:left;
width:340px;
padding-left:10px;
}

.internal_nav h2 {
font-size:27px;
padding:0px 0px 20px;
line-height: 36px;
}

.internal_nav ul {
list-style:none;
padding-left:0px;
font-size:21px;
line-height:24px;
font-weight:200;
}

.internal_nav ul li {
padding-bottom:15px;
}


h1.page_title {
padding-bottom:25px;
font-size:30px;
}

.internal_nav a.current_page {
color: #30b084;
text-decoration:none;
}

.internal_nav ul li ul {
padding:10px 0px 0px 16px;
font-size:16px;
list-style:disc;
}

.internal_nav ul li ul li {
padding-bottom:5px;
}



/*-------------- Begin footer area ------------------*/

.footer_area {
height:500px;
width:100%;
background:url(../graphics/footer_bg_repeat.jpg) top left repeat-x;
}

.footer_area_inner {
height: 365px;
margin: 0 auto;
padding: 125px 0px 10px;
width: 990px;
margin:0 auto;
}

.footer_area_bg {
width:100%;
background:url(../graphics/footer_bg.jpg) center top no-repeat;

}

/*--------------- Begin News ---------------*/

.news {
width:300px;
float:left;
padding-right:28px;
height: 185px;
overflow: hidden;
}

.news h2 {
color:#fff;
text-transform:uppercase;
font-size:21px;
line-height:36px;
}

.news ul {
padding:0px;
}

.news .news_articles h3.content_news_article_headline {
font-size:14px;
font-weight:normal;
line-height:16px;
padding:0px;
}

.news .news_articles ul li span {
color:#c0c0c0;
font-size:12px;
}

.news div.news_articles ul li {
    margin: 0;
}

.news ul li {
list-style:none;
}

.news ul li.news_article {
padding-bottom:10px;
}

.news a:link, .news a:visited {
color:#fff;
}

.news a:hover, .news a:active {
color:#c0c0c0;
}

.news_archives {
float:right;
}

.news_archives a:link, .news_archives a:visited {
color:#c0c0c0;
font-size:12px;
}

.news_archives a:hover, .news_archives a:active {
color:#fff;
font-size:12px;
}

/*------------- Begin Spotlets --------------*/

.spotlets {
height:185px;
}

.column {
width:318px;
height:166px;
float:left;
position:relative;
}

.column h1, .column h2, .column h3, .column h4, .column h5, .column h6 {
font-size:30px;
line-height:30px;
color:#fff;
font-weight:normal;
padding-bottom:3px;
}

.column1 {
background:url(../graphics/ordering.png) top left no-repeat;
padding-right:20px;
}

.column1 .inner_box {
    height: 140px;
    left: 145px;
    overflow: hidden;
    position: absolute;
    top: 24px;
    width: 160px;
}


.column2 {
background:url(../graphics/recycle.png) top left no-repeat;
}

.column {
color:#ffc53d;
font-size:12px;
line-height:18px;
}

.column2 .inner_box {
    height: 140px;
    left: 120px;
    overflow: hidden;
    position: absolute;
    top: 24px;
    width: 180px;
}

.column3 {
background:url(../graphics/tips.png) top left no-repeat;
width:334px;
}

.column3 .inner_box {
    height: 140px;
    left: 156px;
    overflow: hidden;
    position: absolute;
    top: 24px;
    width: 170px;
}

/*------------- Begin Footer -----------------*/

.footer {
text-align:center;
font-size:13px;
line-height:24px;
color:#8b8a87;
padding-top:65px;
position:relative;
}

.footer p.contact_info {
padding-left:221px;
background:url(../graphics/eco_logo.jpg) 5px -7px no-repeat;
}

.footer span.company_name {
text-transform:uppercase;
color:#fff;
}

.footer .social_media {
    font-size: 13px;
    left: 30px;
    position: absolute;
    top: 93px;
}

.footer .social_media img {
position:relative;
top:12px;
}

.footer .sponsors {
position:absolute;;
top:99px;
left:270px;
}

.footer .payment {
position:absolute;;
top:81px;
right:30px;
font-size: 13px;
}

.footer .payment img {
position:relative;
top:18px;
}

.content_image img {
    border: 0 none;
    margin: 0px;
    padding: 0;
}

.content_image_box {
    background: transparent;
    border: 0px solid #959595;
}

div.form_row_submit, h5.form_title, div.portal_login div.form_row_submit  {
    background: none repeat scroll 0 0 #000;
    color: #fff;
}

/*------------- Homepage Re-do case #00324617 -----------------*/

.home .spotlight {
width: 900px;
float: none;
position: relative;
height: 420px;
margin: 0 auto;
}

.home .spotlight #home_slideshow_nav {
background: none;
left: 0;
width: 960px;
}

.home .spotlight div.content_image_box {
width: 900px !important;
text-align: center;
}

.dlItemHeading a:link, .dlItemHeading a:hover {
	color: #fff !important;
}

.home .content {
width: 900px;
float: none;
margin-left: 40px;
-moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;
margin-top: 20px;
}	

/*------------- Design Changes case #00350762 -----------------*/

.primary_nav { line-height: 16px; }

.primary_nav a:link, .primary_nav a:visited { font-size: 14px; }

.dropdown { top: 30px; }

.footer_area { height: 420px; }

.footer_area_inner { padding: 80px 0px 10px; height: 320px; }

.footer { padding-top: 50px; }

.footer .sponsors { top: 80px; }

.footer .payment { top: 61px; }

.footer .social_media { top: 73px; }

.spotlight .collection_toc { display: none; }

.column1 {
	display:none;
	
}
.column {
	margin: 0 84px;
}

.home .column {
	margin: 0;
}