/*  
Version: 1.0
Author: TargetScope Inc.
Author URI: http://www.targetscope.com
*/

/*____________________________________________________________
Import other styles
____________________________________________________________*/

@import url(lib/lists.css);
@import url(lib/typography.css);
@import url(lib/sIFR-screen.css);


/*____________________________________________________________
Global
____________________________________________________________*/

/*green*/
html {
padding:0;margin:0;
background:#2D4418 url(/images/backgrounds/footer_greenleaves.jpg) top center repeat-y;
}


/*black font color*/
body {
color:#231f20;
font-family:/*"Gill Sans",*/Arial,Helvetica,sans-serif;
line-height:1em;
margin:0;
padding:0;

}
.ClearAll {
clear:both;
line-height:0px;
margin:0px;
padding:0px;
}
.ClearLeft {
clear:left;
height:1px;
line-height:0px;
margin:0px;
padding:0px;
}
.ClearRight {
clear:right;
height:1px;
line-height:0px;
}
.noborder {
border:0px none;
}
img {
border:0px none;
margin:0px;
padding:0px;
}
.right {
float:right;
}
.right.moremargin {margin-bottom:9px;}
.right.moremarginleft {margin-left:20px;}
.left {
float:left;
}
img.left {
margin-right:11px;
margin-top:21px;
margin-bottom:20px;
}
img.left.moremargin {margin-top:14px;margin-bottom:16px;}
img.elsiestory {float:left;margin-top:5px;margin-bottom:0px;margin-right:11px;}
.nopad {
padding:0px;
}
.nomargin{
margin:0px;
}
.padleft {
padding-left:14px;
}

.hr { width:100%;height:1px;margin:15px 0px;background:transparent url(/images/layout/horizontaldivider_reddot.gif) bottom left repeat-x;}
.hrgreen { width:100%;height:4px;margin:30px 0px;background:transparent url(/images/layout/dot_healthyplanet.gif) top center repeat-x;}
* html .hrgreen, * html .hrred {margin:0px;}
.hrred {width:100%;height:4px;margin:30px 0px;background:transparent url(/images/layout/dot_elsiesplace.gif) top center repeat-x;}




a#logo {width:182px;height:135px;float:left;position:absolute;top:8px;z-index:999;}
* html a#logo {width:182px;height:135px;float:left;position:absolute;top:8px;cursor:pointer;}

#contentequalizer{
    width:0px;
    float:right;
	height:600px;
}

/*____________________________________________________________
Layout Containers
____________________________________________________________*/
#mainContainer {width:100%;margin:0px;padding:0px;}
#main {width:100%;margin:0px;padding:0px;overflow:auto;}

#headerContainer {
background:url(../images/backgrounds/header_greenleaves.jpg) top center no-repeat;
height:71px;
margin:0 auto;
width:100%;

}
#middleContainer { 
	background-position:top center;
	background-repeat:repeat-y;
	margin:0 auto;
	width:100%;
	padding:35px 0px;}
	

#homeimage {/*width:1400px;*/height:517px;background:transparent url(/images/backgrounds/bordenhome.jpg) top center no-repeat;margin:0 auto;}

/*white content container*/
#copyContainer {width:511px;background-color:#fff;min-height:600px;}
* html #copyContainer {height:800px;}
.products {padding:30px 23px 50px 23px;}

/*Perfect Pour Bottle styles because header graphic is wrong size */
.ppb {padding:0px 23px 0px 23px;}
#ppbContainer {width:557px;background-color:#fff;min-height:600px;}
#ppbContainer .headerimage {background:url(/images/products/ppb_header.jpg) top left no-repeat;width:568px; height:239px;display:block;}
img.ppb_image {padding-top:22px;padding-left:16px;}


.whyorganic {padding:25px 23px 100px 23px;}
.whyorganic.nopad {padding:25px 23px 0px 23px;}
.elsiesplace, .healthyplanet, .storyofelsie {padding:23px 23px 100px 23px;}
.contact {padding:54px 23px 100px 23px;}
.aboutus {padding-left:25px;}
/*spacing for images in content container*/

div#rightcolumn img.nomargin {margin-bottom:35px;}

img#pullquote_left {float:left;margin:20px 25px 20px 0px;display:block;}
img#pullquote_right {float:right;margin:5px 0px 20px 15px;}

img#elsie, .lw_blue img#elsie {float:right;margin-right:-23px;position:relative;top:1px;}
* html .lw_blue img#elsie{top:5px;margin-right:-26px;}

img#hands {float:right;position:relative;margin-right:-23px;}



/*____________________________________________________________
ToolTip Styles
______________________________________________________________*/

#dhtmltooltip{
position: absolute;
left: -300px;
visibility: hidden;
z-index: 100;
}

#dhtmltooltip img{
margin:3px auto 0 auto;
}

#dhtmltooltip p{
margin:0;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}




img.space {margin-bottom:19px;}

.productrow {float:left;width:514px;margin-top:15px; padding:0;}
.productrow ul {list-style-type:none;margin:0px;padding:0px;}
.productrow ul li{float:left;}

.productrow.new {margin-left:15px;margin-bottom:15px;}


/*____________________________________________________________
Timeline Container  
______________________________________________________________*/

#timelineContainer { background:#fff url(/images/layout/aboutustimelineback.jpg) top left repeat-x;width:100%;margin-top:-35px;}

#timeline {margin:0 auto;height:267px;background:transparent url(/images/aboutus/aboutustimeline.jpg) top center no-repeat;width:7025px;clear:both;}


div.white#middleContainer {padding-top:0px;margin:0 auto;clear:both;
	width:100%;}
	
	
#aboutusgreenleaves {
	background:url(../images/backgrounds/header_greenleaves.jpg) top center no-repeat;
	height:71px;
	margin:0 auto;
	margin-top:0px;
	width:100%;
	
	}	


/*Healthy Planet*/	
.green {background-color:#2D4418;background-image:url(../images/backgrounds/interior_green.jpg);}
 
/*Products*/
.yellow {background-color:#957018;background-image:url(../images/backgrounds/interior_yellow.jpg);}

/*Living Well*/
.blue {background-color:#13283B;background-image:url(../images/backgrounds/interior_blue.jpg);}

/*Elsies Place*/
.red {background-color:#470C0E;background-image:url(../images/backgrounds/interior_red.jpg);}

/*About Us*/
.white {background-color:#fff;padding:0px;}


.common {width:810px;margin:0 auto;}
#headerContainer .common {postion:relative;top:7px;}

#footerContainer {
	
	
	margin:0 auto;
	width:100%;text-align:center;padding-top:50px;
	}
#footerContainer p{color:#dde5d5;font:10px "Times New Roman", Times, serif;}

#footer {}
	
.bar {background-position:top left;background-repeat:repeat-x;height:44px;}
.bottom {background-image:url(../images/backgrounds/footer_greenborder.gif);text-align:center;}
.bottom a {text-align:center;}
#bottomnav {margin:0 auto;/*width:628px;*/padding-top:8px;}
#bottomnav a span {display:none;}
.top{background-image:url(../images/backgrounds/header_greenborder.gif);}

/*____________________________________________________________
topNav
____________________________________________________________*/

#topNav {
height:44px;
margin-left:181px;
padding:0px;
/*width:345pxchange width to this when all nav appears width:613px;*/
}

#topNav ul {
list-style-type:none;
margin:0px;
padding:0px;
}
#topNav ul li {
float:left;
margin:0px;
padding:0px;
}

#btn_products {background-image:url(/images/nav/btn_products.gif);width:102px;}
ul#p7menubar li.btn_products {background-image:url(/images/nav/btn_products.gif);margin-top:0px;}
ul#p7menubar a.trigger#btn_products:hover {background-position:100% -44px;margin-top:0px;z-index:50;}

#btn_whyorganic {background-image:url(/images/nav/btn_whyorganic.gif);width:131px;}
ul#p7menubar li.btn_whyorganic {background-image:url(/images/nav/btn_whyorganic.gif);margin-top:0px;width:131px;}
ul#p7menubar a.trigger#btn_whyorganic:hover {background-position:100% -44px;margin-top:0px;z-index:50;}

#btn_healthyplanet {background-image:url(/images/nav/btn_healthyplanet.gif);width:153px;}
ul#p7menubar li.btn_healthyplanet {background-image:url(/images/nav/btn_healthyplanet.gif);margin-top:0px;}
ul#p7menubar a.trigger#btn_healthyplanet:hover {background-position:100% -44px;margin-top:0px;z-index:50;}

#btn_elsiesplace {background-image:url(/images/nav/btn_elsiesplace.gif);width:127px;}
ul#p7menubar li.btn_elsiesplace {background-image:url(/images/nav/btn_elsiesplace.gif);margin-top:0px;}
ul#p7menubar a.trigger#btn_elsiesplace:hover {background-position:100% -44px;margin-top:0px;z-index:50;}

#btn_aboutus {background-image:url(/images/nav/btn_aboutus.gif);width:98px;}
#topNav li.btn_aboutus {background-image:url(/images/nav/btn_aboutus.gif);margin-top:0px;}
#topNav a.trigger#btn_aboutus:hover {background-position:100% -44px;margin-top:0px;z-index:50;}


a.trigger#btn_products, a.trigger#btn_whyorganic, a.trigger#btn_healthyplanet, a.trigger#btn_elsiesplace, a.trigger#btn_aboutus {
display:block;
float:left;
height:44px;
}
a.trigger#btn_products:hover, a.trigger#btn_whyorganic:hover, a.trigger#btn_healthyplanet:hover, a.trigger#btn_elsiesplace:hover, a.trigger#btn_aboutus:hover {
background-position:100% -44px;
}
#btn_products span, #btn_whyorganic span, #btn_healthyplanet span, #btn_elsiesplace span, #btn_aboutus span {
display:none;
}
.topnav_activebtn {
background-position:100% -44px;
}

/*____________________________________________________________
Dropdowns
____________________________________________________________*/

#p7menubar li ul#healthyplanet, #p7menubar li ul#aboutus, #p7menubar li ul#productlist, #p7menubar li ul#elsiesplace, #p7menubar li ul#whyorganic_list, #p7menubar li ul#productlist {padding-bottom:15px;}

#p7menubar li ul#healthyplanet, #p7menubar ul#healthyplanet li {width:153px;z-index:1;clear:both;background-color:#a8091a;}
ul#p7menubar ul#healthyplanet li.subnavred, ul#p7menubar ul#healthyplanet a#healthyplanet_subnavred {height:44px;width:153px;}


#p7menubar li ul#aboutus, #p7menubar ul#aboutus li {width:98px;z-index:1;clear:both;background-color:#a8091a;}
ul#p7menubar ul#aboutus li.subnavred, ul#p7menubar ul#aboutus a#aboutus_subnavred {height:44px;width:98px;}



#p7menubar li ul#productlist, #p7menubar ul#productlist li  {width:102px;z-index:1;clear:both;background-color:#a8091a;}
ul#p7menubar ul#productlist li.subnavred, ul#p7menubar ul#productlist a#productlist_subnavred {height:44px;width:102px;}
/*html>body #p7menubar li ul#elsiesplace {*position:relative;*top:-44px;*left:0px;*z-index:1;}delete this when all navigation is viewable*/

#p7menubar li ul#elsiesplace, #p7menubar ul#elsiesplace li  {width:127px;z-index:999;clear:both;background-color:#a8091a;}
ul#p7menubar ul#elsiesplace li.subnavred, ul#p7menubar ul#elsiesplace a#elsiesplace_subnavred {height:44px;width:127px;}
/*ul#p7menubar ul#elsiesplace li.taller, ul#p7menubar ul#elsiesplace a#elsiesplace_taller{height:38px;width:127px;}*/
/*html>body #p7menubar li ul#whyorganic_list {*position:relative;*top:-44px;*left:0px;*z-index:1;}delete this when all navigation is viewable*/

#p7menubar li ul#whyorganic_list, #p7menubar ul#whyorganic_list li  {width:131px;z-index:1;clear:both;background-color:#a8091a;}
ul#p7menubar ul#whyorganic_list li.subnavred, ul#p7menubar ul#whyorganic_list a#whyorganic_list_subnavred {height:44px;width:131px;}
ul#p7menubar ul#whyorganic_list li.taller, ul#p7menubar ul#whyorganic_list a#whyorganic_list_taller {height:36px;width:131px;}

ul#p7menubar ul#productlist li.taller, ul#p7menubar ul#productlist a#productlist_taller{height:36px;width:102px;}
#p7menubar li ul#productlist, #p7menubar ul#productlist li  {width:102px;z-index:1;clear:both;background-color:#a8091a;}

ul#p7menubar ul#aboutus a#aboutus_subnavred:hover, ul#p7menubar ul#productlist a#productlist_subnavred:hover, ul#p7menubar ul#elsiesplace a#elsiesplace_subnavred:hover,
ul#p7menubar ul#whyorganic_list a#whyorganic_list_subnavred:hover, ul#p7menubar ul#healthyplanet a#healthyplanet_subnavred:hover {background-color:#a8091a;}






#p7menubar a {display: block;height:23px;}

#p7menubar ul li a  {
	color: #fff;
	padding: 0px;
	display:block;
	background-color:#a8091a;
}


#p7menubar ul {position:absolute;top:71px;display:none;float:left;width:100%;z-index:1000;}

#p7menubar li:hover a, #p7menubar a:focus, #p7menubar a:active, #p7menubar li.p7hvr a {color: #ffffff;}

#p7menubar li:hover ul, #p7menubar li.p7hvr ul {display: block;}

#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #fff;
	background-color:#a8091a;
	display:block;
	text-decoration:none;
	font-size:9px;
}

#p7menubar ul li a:hover, #p7menubar ul li:hover { color: #fff;background-color: #c82a39;}

/*____________________________________________________________
rightNav
____________________________________________________________*/

#rightNav {
height:23px;
padding:0px;
width:159px;
float:right;
margin-right:26px;
}
* html #rightNav {margin-right:13px;}

#rightNav ul {
list-style-type:none;
margin:0px;
padding:0px;
}
#rightNav ul li {
float:left;
margin:0px;
padding:0px;
}

#btn_specialoffers {background-image:url(/images/nav/btn_specialoffers.gif);width:95px;}
#rightNav li.btn_specialoffers {background-image:url(/images/nav/btn_specialoffers.gif);margin-top:0px;}
#rightNav a#btn_specialoffers:hover {background-position:100% -23px;margin-top:0px;z-index:50;}

#btn_contactus {background-image:url(/images/nav/btn_contactus.gif);width:64px;}
#rightNav li.btn_contactus {background-image:url(/images/nav/btn_contactus.gif);margin-top:0px;}
#rightNav a#btn_contactus:hover {background-position:100% -23px;margin-top:0px;z-index:50;}

#btn_specialoffers, #btn_contactus {
display:block;
float:left;
height:23px;
}
#btn_specialoffers:hover, #btn_contactus:hover {
background-position:100% -23px;
}
#btn_specialoffers span, #btn_contactus span {
display:none;
}
.rightnav_activebtn {
background-position:100% -23px;
}


/*____________________________________________________________
leftColumn
____________________________________________________________*/
#leftcolumn {width:182px;float:left;padding-top:10px;padding-left:12px;}
a.promo {margin-left:-12px;margin-bottom:18px;float:left;cursor:pointer;}

div.morepadding#leftcolumn {padding-top:30px;}



/*____________________________________________________________
leftNav
____________________________________________________________*/

#leftNav {
margin-bottom:50px;
padding:20px 0px 10px 0px;
width:172px;
border-top:2px dotted #fff;
border-bottom:2px dotted #fff;
}

div.yellow#middleContainer #leftNav {padding:20px 0px;}

#leftNav ul {
list-style-type:none;
margin:0px;
padding:0px;
}
#leftNav ul li {
margin-bottom:10px;
padding:0px;
float:left;height:32px;
}

#btn_organicregulations {background-image:url(/images/nav/btn_organicregulations.gif);width:172px;}
#leftNav li.btn_organicregulations {background-image:url(/images/nav/btn_organicregulations.gif);margin-top:0px;}
#leftNav a#btn_organicregulations:hover {background-position:-172px 100%;margin-top:0px;z-index:50;}

#btn_environmentalbenefits {background-image:url(/images/nav/btn_environmentalbenefits.gif);width:172px;}
#leftNav li.btn_environmentalbenefits {background-image:url(/images/nav/btn_environmentalbenefits.gif);margin-top:0px;}
#leftNav a#btn_environmentalbenefits:hover {background-position:-172px 100%;margin-top:0px;z-index:50;}

#btn_elsiesgreentips {background-image:url(/images/nav/btn_elsiesgreentips.gif);width:172px;}
#leftNav li.btn_elsiesgreentips {background-image:url(/images/nav/btn_elsiesgreentips.gif);margin-top:0px;}
#leftNav a#btn_elsiesgreentips:hover {background-position:-172px 100%;margin-top:0px;z-index:50;}

/*living healthy buttons*/
#btn_whatisorganic {background-image:url(/images/nav/btn_whatisorganic.gif);width:172px;}
#leftNav li.btn_whatisorganic {background-image:url(/images/nav/btn_whatisorganic.gif);margin-top:0px;}
#leftNav a#btn_whatisorganic:hover {background-position:-172px 100%;margin-top:0px;z-index:50;}

#btn_whychooseorganic {background-image:url(/images/nav/btn_whychooseorganic.gif);width:172px;}
#leftNav li.btn_whychooseorganic {background-image:url(/images/nav/btn_whychooseorganic.gif);margin-top:0px;}
#leftNav a#btn_whychooseorganic:hover {background-position:-172px 100%;margin-top:0px;z-index:50;}

/*elsies place buttons*/
#btn_wheretofindelsie {background-image:url(/images/nav/btn_wheretofindelsie.gif);width:172px;margin-bottom:0px;}
#leftNav li.btn_wheretofindelsie {background-image:url(/images/nav/btn_wheretofindelsie.gif);margin-top:0px;margin-bottom:0px;}
#leftNav a#btn_wheretofindelsie:hover {background-position:-172px 100%;margin-bottom:0px;margin-top:0px;z-index:50;}

#btn_storyofelsie {background-image:url(/images/nav/btn_storieofelsie.gif);width:172px;margin-bottom:0px;}
#leftNav li.btn_storyofelsie {background-image:url(/images/nav/btn_storieofelsie.gif);margin-top:0px;margin-bottom:0px;}
#leftNav a#btn_storyofelsie:hover {background-position:-172px 100%;margin-bottom:0px;margin-top:0px;z-index:50;}

#btn_funfactsquiz {background-image:url(/images/nav/btn_funfactsquiz.gif);width:172px;margin-bottom:0px;}
#leftNav li.btn_funfactsquiz {background-image:url(/images/nav/btn_funfactsquiz.gif);margin-top:0px;margin-bottom:0px;}
#leftNav a#btn_funfactsquiz:hover {background-position:-172px 100%;margin-bottom:0px;margin-top:0px;z-index:50;}

#btn_coloringpagesandgames {height:40px;background-image:url(/images/nav/btn_coloringpagesandgames.gif);width:172px;margin-bottom:0px;}
#leftNav li.btn_coloringpagesandgames {height:40px;background-image:url(/images/nav/btn_coloringpagesandgames.gif);margin-top:0px;margin-bottom:0px;}
#leftNav a#btn_coloringpagesandgames:hover {height:40px;background-position:-172px 100%;margin-bottom:0px;margin-top:0px;z-index:50;}

/*product buttons*/
#btn_organicmilk {background-image:url(/images/nav/btn_organicmilk.gif);width:172px;margin-bottom:0px;}
#leftNav li.btn_organicmilk {background-image:url(/images/nav/btn_organicmilk.gif);margin-top:0px;margin-bottom:0px;}
#leftNav a#btn_organicmilk:hover {background-position:-172px 100%;margin-bottom:0px;margin-top:0px;z-index:50;}

#btn_perfectpourbottle {background-image:url(/images/nav/btn_perfectpourbottle.gif);width:172px;margin-bottom:0px;}
#leftNav li.btn_perfectpourbottle {background-image:url(/images/nav/btn_perfectpourbottle.gif);margin-top:0px;margin-bottom:0px;}
#leftNav a#btn_perfectpourbottle:hover {background-position:-172px 100%;margin-bottom:0px;margin-top:0px;z-index:50;}

#btn_organicregulations, #btn_environmentalbenefits, #btn_elsiesgreentips, #btn_whatisorganic,
#btn_whychooseorganic, #btn_wheretofindelsie, #btn_funfactsquiz, #btn_coloringpagesandgames, #btn_storyofelsie, #btn_organicmilk, #btn_perfectpourbottle {
display:block;
height:32px;
}
#btn_organicregulations:hover, #btn_environmentalbenefits:hover, #btn_elsiesgreentips:hover, #btn_whatisorganic:hover,
#btn_whychooseorganic:hover, #btn_wheretofindelsie:hover, #btn_funfactsquiz:hover, #btn_coloringpagesandgames:hover, #btn_storyofelsie:hover, #btn_organicmilk:hover, #btn_perfectpourbottle:hover {
background-position:-172px 100%;
}
#btn_organicregulations span, #btn_environmentalbenefits span, #btn_elsiesgreentips span, #btn_whatisorganic span,
#btn_whychooseorganic span, #btn_wheretofindelsie span, #btn_funfactsquiz span, #btn_coloringpagesandgames span, #btn_storyofelsie span, #btn_organicmilk span, #btn_perfectpourbottle span {display:none;}

.leftnav_activebtn {
background-position:-344px 100%;
}

a.leftnav_activebtn#btn_coloringpagesandgames {
background-position:-344px 100%;height:40px;
}



















#rightcolumn {padding:0px;width:590px;float:right;}