/* --- Globals: ------------------------------------------------------------ */

body, div, ul, ol, li, img, a, h1, h2 { 
	padding: 0; 
	margin: 0;
	
} 

#chead {
	position: relative;
	z-index: 9999;
}

a img { 
	border: none; 
}


/* --- main page index.html: --------------- */

#ad_wrapall {
	width: 960px;
	float: none;
	clear: both;
	background-color: #edf8fd;
	position: relative;
	top: -10px;
}

#ad_heroWrap {
	width: 960px;
	height: 385px;
	position: relative;
	float: none;
	clear: both;	
}	
	
#ad_heroWrap img, #ad_ecoTipsheroWrap img, #ad_eco_products img{
	display: block;

}	
	
#ad_heroWrap ul, #ad_ecoTipsheroWrap ul, #ad_eco_products ul {
	padding: 0;
	margin: 0;
	height: 354px;
	width: 230px;
	position: absolute;
	top: 0px;
	left: 0px;	

}

#ad_heroWrap li, #ad_ecoTipsheroWrap li, #ad_eco_products li{
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
	list-style: none;
}
 			



#ad_heroRt  {
	background-image: url(/sbd/cre/marketing/ecoeasy/images/_hero_bcgrd_pattern.gif);
	background-repeat: no-repeat;
	width: 719px;
	height: 354px;
	position: absolute;
	top: 0px;
	left: 225px;	
/* 	display: block; */
}

#ad_heroRt p {
	position: absolute;
	top: 73px;
	left: 64px;
	width: 211px;	
	margin: 0;
	padding: 0;
/* 	z-index: 0; */
}
	
#ad_HeroProduct {
	position: absolute;
	top: 0px;
	right: 0px;	
	width: 340px;
	height: 354px;
	margin: 0;
	padding: 0;
	z-index: 9;
}
#backAnchor, #frontAnchor {
	position: absolute;
	top: 0px;
	right: 0px;	
	width: 340px;
	height: 354px;
	margin: 0;
	padding: 0;


}

#backAnchor_se, #frontAnchor_se {
	position: absolute;
	top: 0px;
	right: 11px;	
	width: 325px;
	height: 307px;
	margin: 0;
	padding: 0;

}
		
img#frontAnchor, img#frontAnchor_se {
	z-index: 2;
}

img#backAnchor, img#backAnchor_se {
	z-index: 1;
}



/* start of mid sect */

#ad_wrapMid {
	position: relative;
/* 	height: 905px; */
/*
	overflow: auto;
	display:block;
	width: 960px;
*/
	float: none;
	clear: both;

/* border: solid #cc0000; border-width: 1px;  */

}

#ad_leftRailAd {
	position: absolute;
	top: 35px;
	left: -5px;	
	z-index: 1;
	
}

#ad_leftRailAd .ad_fix{
margin: 10px 0 0px 14px;
	
}

#ad_midSectRight {
	position: relative;
	top: 0px;
	left: 255px;	
	z-index: 1;
	padding: 0px 30px 20px 30px;
	background-color: #ffffff;
	width: 625px;
	font-family: Arial, Helvetica, sans-serif;
/* 	border: solid #cc0000 1px;  */

}

#ad_midSectRight.ad_upper {
	margin-top:0px;
	border-top: 1px solid #ccc;
}

#ad_midSectRight.ad_products {
	position: static;
	margin: 0 0 0 40px;
}

#ad_midSectRight.ad_products div.ad_column {
	width: 290px;
}

#ad_midSectRight.ad_products div.ad_column + div.ad_column {
	margin-left: 20px;
}

#ad_midSectRight h1 {
	font-size: 20px;
	font-weight: normal;
	padding: 0px 0 6px 0;
	line-height: 22px;
	color: #4d4d4d;
	margin-top: 30px;

}

div#ad_midSectRight span.ad_h1Sub {
	display: block;
	margin-top: 6px;
	color: #4d4d4d;
	font-size: 16px;
	padding: 0;
}

#ad_midSectRight h2 {
	color: #65ab36;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 30px;
}


#ad_midSectRight h3 {
	font-size: 12px;
	font-weight: bold;
	color: #666;	
	margin-bottom:3px;
	margin-top: 16px;
}


#ad_midSectRight p {
	color: #4d4d4d;
	font-size: 12px;
	line-height: 1.375em;
	margin-botom: 12px;
}



#ad_midSectRight {
	width: 603px;
	position: relative;
	margin: 25px 0 25px 0px;
}

#ad_slideContainer {
	position: relative;
	width: 602px;
	margin: 20px 0 0 0;
	border-bottom: 1px solid #ccc;
	-webkit-box-shadow: 0px 3px 4px #ccc;
	-webkit-border-top-left: 6px;
	-webkit-border-top-right: 6px;
	-webkit-border-bottom-right: 0px;
	-moz-box-shadow: 0px 3px 4px #ccc;
	-moz-border-radius: 6px;
	-moz-border-radius-bottomright: 0px;
}


#ad_counter {
	width: 600px;
	border-right: solid #ccc 1px; 
	border-left: solid #ccc 1px; 
	border-bottom: solid #ccc 1px; 
	border-top: solid #ccc 1px;
	position: relative;
}


#pageCount {
	margin: 0 auto 0 auto;
	display: block;
	text-align: center;
	list-style-type: none;
	padding: 0px;
	border: none;
/* 	height: 20px; */
}

#pageCount li {
/* 	float: left; */
	list-style-type: none;
	display: inline-block;
	clear: none;
	color: #0092db;
	text-align: center;
	margin: 0px;
	border-left: 1px solid #ccc;
	padding: 5px;
	font-size: 10px;
}

#pageCount li + li {
	border-right: 1px solid #ccc;
}

#pageCount li:hover {
	text-decoration: underline;
	cursor: pointer;
}

#pageCount li.selected {
	background-color: #e3f6ff;
	color: #999;
}

#offerCount {
	position: absolute;
	top: 4px;
	right:10px;
}

#ad_midSectRight h2.ad_sliderheader {
	background-image: url(/sbd/cre/marketing/ecoeasy/images/slider_header_bg.gif);
	background-repeat: no-repeat;
	font-size: 16px;
	padding: 11px 0px 8px 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #000;
	border: solid #ccc;
	border-width: 1px 1px 0 1px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	width: 580px;


}

#arrow_right, #arrow_left {
	position: absolute;
	top: 170px;
	z-index: 1;
}


#arrow_left {
	left: -10px;
	width: 29px;
	height: 28px;
}

#arrow_right {
	right: -10px;
	width: 29px;
	height: 28px;
}

#ad_keyhole {
/* 	width: 601px; */
/* 	border: solid #cccccc; border-width: 0  1px 1px 1px; */
/*
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
*/


}

#ad_slidingDiv .productWrapper {
	width: 140px;
	height: 270px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 30px;
}


#ad_slidingDiv .productWrapper2 {
	width: 115px;
	height: 200px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 30px;
}

#ad_slidingDiv .productWrapper h3, ad_slidingDiv .productWrapper2 h3 {
	font-family: "Arial", "Helvetica", sans-serif;
	margin-top: 15px;
	font-size: 12px;
}

#ad_slidingDiv .productWrapper ul {
	margin: 0;
	margin-left: 18px;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 10px;
}

#ad_slidingDiv .productWrapper ul li {
	padding-top: 0px;

}

#ad_expand_button {
 	margin-bottom: 35px;
 	clear: both;
}

#ad_slideExpand {
	position: relative;
	top: 0px;
	left: 477px;
}

#ad_midSectRight .ad_midCol h2 {
	margin-top: 0px;
}

#ad_midSectRight .ad_midCol {
	width: 185px; 
	position: relative;
	top: 0px;
	right: 0px;	
	margin: 30px 16px 50px 0px;
}

#ad_midSectRight .ad_midCol p {
	width: 175px;
}


.ad_midCol img {
	position: absolute;
	top: 0px;
 	left: 180px;
 	z-index: 1;
}


#ad_midSectRight #ad_ecohome_shop {
	position: absolute;
	bottom: -20px;
 	left: 200px;	
	z-index: 1;

}

#ad_shopAllProductsButton{
	margin-top: 40px;
}

#ad_social_footer {
	float: none;
	clear: both;
	position: relative;
	padding-bottom: 20px;
	padding-top: 20px;
	width: 960px;
}

#ad_social_media {
	position: relative;
	left: 18px;
}

#ad_ticker {
	position: relative;
	left: 410px;
}

/* Table on staple initiatives -----------------------------------------------*/

#ad_midSectRight table{
	border: solid #666; border-width: 1px; 
	float: left;
	clear: none;
	color: #666;
	margin: 10px 0 10px 0;

}

#ad_midSectRight td{
	border: solid #666; border-width: 1px; 

}

#ad_midSectRight th {
	background-color: #65ab36;
	color: #fff;
	text-align: center;
	font-size: 14px;
}



#ad_midSectRight .ad_tableLogo{

}

/* Eco tips page styles ------------------------------------------------*/

#ad_ecoTipsheroWrap {
	width: 960px;
	height: 355px;
	margin: 0 0px 0 0px;
	
	
}	

#ad_ecotips_hero {
	position: absolute;
	right:11px;
	top: 0px;

}

#ad_subNav { 
	margin: 10px 0 0 10px;
	position: absolute; 
	top:322px; 
	left: 245px;}

#ad_subNav li { 
	float: left; 
	list-style: none; 
	padding: 0; 
	margin-right: 1px;
	height: 24px;
}

	
	
/* SE priducts page styles -------------------------------------------*/

ul#ad_prodnav {
	width: 575px;
	height: 40px;
	margin: 0;
	padding-left: 10px;
}

#ad_prodnav li{
	margin: 4px 3px 4px 3px;
	float: left;
	display: inline;
	list-style: none;
	font-size: 12px;
}

.ad_paragraph {
	padding: 20px 0 20px 0;
	float: left;
	clear: none;
}

.ad_paragraph img{
	float: left;
	clear: none;
}

.ad_paragraph ul, .ad_paragraph li {
	margin-left: 8px;
	font-size:12px;
	color: #4d4d4d;
	padding: 6px 0px 6px 0px;
	line-height: 14px;
	
}


.ad_paragraph ul {
	padding: 0px 0 10px 0;


}
.ad_RightParaLogo {
	width: 430px;
	float: left;
	clear: none;
	margin-left: 20px;
border: solid #cc0000; border-width:1px;

}

.ad_RightPara {
	width: 280px;
	float: left;
	clear: none;
	margin-left: 20px;
}

.ad_RightPara img {
	padding: 6px 0 6px 0;

}
h1.ad_RightPara {
	margin: 0;
	padding: 0;

}

#ad_paragraphdis {
	font-style: italic;
}

#ad_se_productsRightRail {
	position: relative;
	top:400px;
	left: -5px;

}

#ad_se_productsRightRail .ad_rightRailprod{
	position:absolute;
	left: 13px;

}