/* CSS Document */
.clearfix:after {/*this will help the menu to push its container down and not overlapping it in firefox*/
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
#logo h1{
display:none;
}
body {
	margin: 0px;
	padding: 10px 0 20px 0 ;
	font-size:62.5%;
	font-family:Arial,Tahoma, Verdana, Georgia, sans-serif;
	font-weight:normal; 
	color:#0f420a ;
	background-color:#99CA57;
	line-height:14pt;
}
img {
	border:none;
}
#liquid-round { 
position:relative; 
width:980px;
min-width:980px;
margin:0px auto; 
background:#EEEEBA ;
font-size:1.4em;
}
#top { 
width:100%; 
height:80px; 
} 
#center-content { 
position:relative;
padding:1px 8px 1px 20px; 
margin:85px 0 0 0;
float:left;
min-height:400px;
}
#banner{
display:block;
width:80%;
text-align:center;
padding:0;
margin:0;
position:absolute;
top:210px;
height:40px;
float:left;
}
#banner img{
border:none;
margin:0;
}
#content { 
background:transparent; 
padding:1px 20px 1px 0; 
margin:20px 170px 20px 0;
z-index:3;
}
#content a {color:#150B62;}
#bottom { 
display:block;
margin:0px auto;  
width:98%;
/*height:32px; */
} 
#logo{
display:block; 
position:absolute; 
top:0;
left:20px;
height:136px; 
width:944px; 
background:  url(../images/parts/logo_new.jpg) no-repeat left top;
border-bottom:2px solid #3F6F00;

}
#logo a img{
display:block; 
position:relative; 
top:0px;
left:0px;
border:none;

}
#menu{
 display:block;
 width:940px;
 position:relative;
	top:138px;
	left:20px;
	margin:0;
	padding: 0;
	border:2px solid #3F6F00;
	border-top:none;
}
#navlist
{
    display:block;
	margin:0;
	padding: 1px 0 0 10px;
	white-space: nowrap;
	width:930px; 
	background:   url(../images/parts/menu_bg.gif) repeat-x left top;
	height:22px;
	position:relative;
	}

#navlist li
{
display: inline;
line-height: 1.3em;
list-style-type: none;
margin:0;
padding:8px 0;
color:#ffffff;
font-size:15px;
position:relative;
line-height:22px;
position: relative;
}

/* second-level lists */
#navlist li ul { 
	position: absolute;
	top: 29px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    margin:0 ;
	padding:0;
	background:   #CFDF96;
	z-index:5000;
	}

#navlist li ul li {
    width:150px;
	position:relative;
    padding:0 0 0 0;
	margin:0;
	text-align:right;
	font-size:1em;
	padding: 6px 0;
	margin:0;
	text-align:left;
	list-style-type:none;
	}

#navlist li:hover ul, #navlist li li:hover ul, #navlist li li li:hover ul, #navlist li.sfhover ul, #navlist li li.sfhover ul, #navlist li li li.sfhover ul { /* lists nested under hovered list items */
	 left: 0;
	 top:25px;
	 margin:0 ;
	padding:0;
	background:   #CFDF96;
	}

 #navlist li.sfhover ul, #navlist li li.sfhover ul, #navlist li li li.sfhover ul { /* lists nested under hovered list items */
	 left: 0px;
	 top:25px;
	 margin:0 ;
	padding:0;
	background:   #CFDF96;
	}
	#navlist li a
{
	text-decoration:none;
	color:#026300;
	font-size:15px;
	font-weight:bold;
	margin:0 2px 0 2px;
	padding:4px 10px 3px 0;
	border-right:2px solid #026300;
	text-transform:capitalize;
	}
#navlist li a.last{	border-right:none;}
#navlist li a:hover
{
	text-decoration:none;
	border-bottom: none;
	color:#5780C0;
	font-size:15px;
	margin:0 2px 0 2px;
	}
#navlist li a.here, #navlist li a:hover.here
{
	text-decoration:none;
	border-bottom: none;
	color:#5780C0;
	font-size:15px;
	font-weight:bold;
	margin:0 2px 0 2px;
	}
#navlist li li a
{
	text-decoration:none;
	color:#026300;
	font-size:15px;
	font-weight:bold;
	margin:0;
	padding:4px 10px 10px 0;
	border-right:none;
	text-transform:capitalize;
	cursor:pointer;
		
}
#navlist li li a:hover
{
	margin:0;
	padding:4px 10px 10px 0;
}

#right_text{
	position:absolute;
	right:5px;
	top:180px;
	display:block;
	width:190px;
	float:right;
	height:380px;
	font-size:13px;
	z-index:11;
	
	}
#right_fb{
	position:absolute;
	right:5px;
	top:570px;
	display:block;
	width:190px;
	height:565px;
	float:right;
	z-index:11;
	
	}
#right_text img{
border:none;
margin: 0 0 5px 15px;
}


#cart_search{ 
position:absolute;
right:5px; top:-5px;
width:170px;
height:40px;
color:#5780C0;
padding:0px;
line-height:13pt;
font-size:0.95em;
font-weight:bold;
background:transparent;
z-index:10;
} 
#my_cart{ 
position:absolute;
right:170px; top:1px;
width:120px;
height:40px;
color:#5780C0;
padding:0px;
line-height:13pt;
font-size:0.95em;
font-weight:bold;
background:transparent;
z-index:10;
} 
#my_cart a{
font-size:1.2em;
font-weight:normal;
text-decoration:none;
color:#5780C0;
margin:15px 10px 0 10px;
padding:3px 30px 3px 0;
line-height:22px;
background:  url(../images/parts/cart.gif) no-repeat right center; 
}
#my_cart span{
float:right;
}
#cart_search form{
margin:0 0 0 8px;
padding:0;
float:left;
}
#cart_search form input.field {
display:inline;
width: 100px;
color:#5780C0;
background:#EEEEBA;
border:1px solid #5780C0;
padding:2px 0px 1px 0px;
}
#cart_search form input.go {
position:relative;
top:5px;
}
#bottom_menu
{
position:relative;
clear:both;
text-align:center;
margin: 0 auto;
padding:10px 0 15px 0;
display:block;
width:980px;
margin-bottom:6px;
}
.twitter{
position:absolute;
left:10px;
bottom: 5px;
}
#seal{
position:absolute;
right:10px;
bottom: 5px;
} 
#seal img{
height:45px;
} 
#navlist_bottom
{
display:block;
width:980px;
margin: 0;
padding-left: 0;
white-space: nowrap;
}
#navlist_bottom li
{
display: inline;
list-style-type: none;
margin:0px;
}
#navlist_bottom a {
text-decoration:none;
padding: 0px 3px;
font-size:0.9em;
 }
#navlist_bottom a:hover {
background-color: #cdef98;
 }
#credits{
display:block;
width:950px;
color:#fff;
margin:0 auto;

}   
#credits a{
color:#fff;
text-decoration:none;
} 
#credits a:hover{
color:#000;
text-decoration:none;
} 
span.credit{
float:right;
}
#email_reg{
position:absolute;
top:22px;
left:100px;
width:650px;
border:2px solid #B3CC4C;
background: #fffff5;
z-index:10000;
text-align:left;
padding:5px 5px 5px 20px/**/;
font-size:14px;
/*color:#4A7A00;*/
color:#000;
text-align:center;

} 
#email_reg h3{
font-size:30px;
color:#CC0000;
font-family:"Times New Roman", Times, serif;
position:relative;
top:10px;
line-height:36px;

}
#email_reg li{
text-align:left;

}
#email_reg form{
display:block;
width:620px;
padding:11px 30px 0 0;
height:95px;
font-size:14px;
background: #fffff5 url('../images/parts/harvest_box_logo.gif')  no-repeat right top;
}
#email_reg form input.text{
width:140px;
}     
#email_reg a.righty{
color:#000;
text-decoration:underline;
cursor:pointer;
margin:0 0 20px 0;
float:right;
}
/* home css */
#top_teaser{ 
position:absolute;
left:290px; top:0px;
width:450px;
height:170px;
color:#76277A;
padding-top:0px;
line-height:13pt;
font-size:0.95em;
font-weight:bold;
}
#top_teaser h3{
position:relative;top:-120px;left:240px;
display:block;
height:112px;
width:226px;
background:  url(../images/parts/slogan.gif) no-repeat right top;
}
#top_teaser h3 span{ display:none;}
#header_and_list{
display:block;
height:100px;
background:transparent;
}
#header_and_list ul ,#header{
float:left;
}
.home_page_list{
color:#76277A;
padding-left:30px;
}
.home_page_list li{
list-style-type:circle;
}

#home_left_icons{
display:block;
float:left;
width:553px;
height:585px;
z-index:14;
border:1px solid #3F6F00;
}
#left_icons{
display:block;
float:left;
z-index:15;
margin:5px 0 10px 20px;
width:90%;
}
#left_icons p{
display:block;
margin:5px 0 0 20px;
}
#left_icons h3 {
display:block;
line-height:27px;
vertical-align:middle;
background:  url('../images/parts/header_bar2.jpg') no-repeat left top;
margin:0;
padding:0 0 0 25px;
color:#fff;
}
#left_icons h3 a{
color:#fff;
text-decoration:none;

}
#left_icons img{
border:none;
float:left;
margin:5px 5px 5px 20px;
}
#home_right_box{
	display:block;
	float:left;
	width:373px;
	height:585px;
	padding:0;
	margin:0 0 5px 13px;
	position:relative;
	top:0px;
	border:1px solid #3F6F00;
}
#shop_home{
	display:inline-block;
	width:560px;
	background-color: white;
}
.shop_home_heading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color: #0F420A;
}
.shop_feature_heading{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color: white;
	margin: 0 0 11px 8px;
	pading: 0 0 0 13px;
}
#gregs_green_deal_pic
.img {
	border: 1px solid red;
}
#right_icons{
display:block;
float:left;
position:relative;
top:0;
margin:0 0 25px 0;
padding:34px 0 0 0;
width:292px;
background: #DDE9F9 url('../images/parts/blue_box_top.gif') no-repeat left top;

}
#right_icons img.top_image{
position:absolute;
top:5px;
left:15px;

}
#right_icons span{
display:block;
float:left;
margin:0;
padding:0;
width:292px;
height:34px;
background: #DDE9F9 url('../images/parts/blue_box_bottom.gif') no-repeat left bottom;
}
#right_icons img{
display:block;
border:none;
float:left;
margin: 0 5px 8px 0;
}
#icon_container{
display:block;
width:710px;
margin:0 auto;
}
#home_text{
clear:left;
display:block;
width:98%;
min-width:500px;
color:#150B62;
}
#editors_picks{
display:block;
width:100%;
background:  url('../images/parts/editors_picks.jpg') no-repeat left top;
padding:45px 0 0 0;
}
#intro{
	display:block;
	padding:0px 18px 0 10px;
}
#greg-sig{
	float:right;
	padding:0 60px 0 0;
}
.editor{
display:block;
width:100%;
min-height:120px;
margin:0 0 20px 0;
}
.editor img{
display:block;
border:none;
float:left;
margin: 0 5px 8px 0;
}
.editor p{
display:block;
margin: 0 5px 8px 160px;
}


#tips_on_home{
display:block;
min-height:110px;
margin:0 0 0 15px;
}

/* Indestrucible box */

ul.wn_container {
margin:0 0 0 127px;
padding: 0  0 0 0;
color:#76277A;
}
ul.wn_container  li{
margin:0;
padding: 0 ;
list-style-type:none;

}
.wn_container li a {
  font-size: 1em;
  color: #000;
  margin:0 0 0 10px;
  font-weight:normal;
  
  }
.wn_container a span{
   color:#f00;
  }

  /* Indestrucible box */
  #cont_cont{
   display:block;
   width:85%; 
  
  }
  .container3 {
  position:relative;
  width:28%;
  max-width:350px;
  height:260px;
  float: left;
  margin: 30px 5px 0 5px;
  padding: 8px;
  color: #103D06;
 
   border: 2px solid #A2B7BD ;
   font-size: 0.9em;
   line-height:1.3em;
  }

  .container3 a.big_blue{color:#5780C0;font-size:1.2em;}
  .container3 img{border:none; float:left; margin:0 10px 0 0;}
  .container3 img.icon{/*position:absolute; bottom:5px; right:0;*/ float:right;}
  .container3 span.price{font-size:1.1em; color:#D04026; font-weight:bold;} 
  .container3 span.old_price{color:#666666; text-decoration:line-through;}
  
  .container{
  position:relative;
  width:30%;
  height:230px;
  float: left;
  margin: 30px 10px 50px 10px;
  padding: 0;
  color: #103D06;
  background: url(../images/parts/book_box_right.gif) top right no-repeat;
   font-size: 0.9em;
  }
  
  
.desc {
  margin: 0;
  padding: 5px 12px 0 22px;
  background: url(../images/parts/book_box_left.gif) top left no-repeat;
  }
.link {
  margin: 0;
  padding: 0 0 0 22px;
  background: url(../images/parts/book_box_left.gif) bottom left no-repeat;
  }
.link em {
 height:230px;
  display: block;
  padding: 0 12px 5px 0;
  font-style: normal;
  background: url(../images/parts/book_box_right.gif) bottom right no-repeat;
  }
.container a {
  font-size: 1em;
  color: #000;
  
  }
.container a span{
  
  color:#f00;
  
  }
.container img {
  height:120px;
  margin:0 auto;
  float:right;
  }
  
  /*--box 2--*/
.container2 {
  /*position:relative;*/
  width:260px;
  height:160px;
  float: left;
  margin: 0px 10px 90px 10px;
  padding: 0;
  color: #103D06;
  background: transparent url(../images/parts/book_box_right.gif) top right no-repeat;
   font-size: 0.9em;
  } 
.desc2 {
  margin: 0;
  height:20px;
  padding: 5px 22px 10px 22px;
  font-size:18px;color:#5780C0;font-family: Arial, Tahoma; letter-spacing:-1;
  background:   url(../images/parts/book_box_left.gif) top left no-repeat;
  }
.link2 {
  margin: 0;
  padding: 0 0 0 22px;
  background: url(../images/parts/book_box_left.gif) bottom left no-repeat;
  }
.link2 em {
 height:160px;
  display: block;
  padding: 0 22px 22px 0;
  font-style: normal;
  background: url(../images/parts/book_box_right.gif) bottom right no-repeat;
  }
.container2 a {
  font-size: 1em;
  color: #000;
  
  }
.container2 a span{
  
  color:#f00;
  
  }
.container2 img {
  margin-right:10px;
  margin-bottom:5px;
  }
img.top_box {
  
  }
  /* CSS styles */
a {
	color:black;
	font-style: normal;
}
a.to_learn{ display:block;position:absolute; top:25px; left:160px; width:220px; height:120px;
 text-decoration:none;}
 a.to_learn_home{ display:block;position:absolute; top:0; left:50px; width:200px; height:100px;
 text-decoration:none;}
h3.purple{font-size:18px;color:#76277A;font-family: Arial,"Times New Roman", Times, serif;margin:20px 0 0 0;}
h3.green{font-size:18px;color:#0f420a;font-family: Arial,"Times New Roman", Times, serif;margin:20px 0 0 0;}
h3.blue1{font-size:18px;color:#5780C0;font-family: Arial, Tahoma;margin:10px 0 0 10px;}
h3.blue2{font-size:18px;color:#5780C0;font-family: Arial, Tahoma;margin:15px 0  10px 0;}
h3.purple1{font-size:18px;color:#76277A;font-family: Arial, Tahoma;margin:0 0 0 10px;}
h3.purple2{font-size:16px;color:#76277A;font-family:Arial, Tahoma,"book antiqua" ;margin:10px 0 5px 0;}
h3.green1{font-size:18px;color:#0f420a;font-family: Arial, Tahoma;margin:10px 0 10px 10px;}
span.purple_right{color:#76277A; margin-left:160px; font-size:1.2em;}
a.green_link{ text-decoration:none;color:#0f420a ;}
a.purple_link{ text-decoration:none;color:#76277A ;}
a.header{font-size:1.2em; text-decoration:none;color:#76277A ;}
a.link{font-size:0.9em;text-decoration:underline;}
a.link:hover{font-size:0.9em;text-decoration:none;}
a em {color:#150B62;}
p.blue{color:#5780C0; margin:10px 0  10px 0;}
ul.blue{color:#5780C0; margin:10px 0  10px 20px;}
a.blue{color:#5780C0;}

p.copyrights{ display:block;margin: 0; padding:10px 0 0 0; color:#000000; font-size:0.8em; }
a.bold{ font-weight:bold;}
#holiday_top{display:block;width:600px;  padding:10px; text-align:left;  color:#000; z-index:10000; background:#EEEEBA ; border:2px solid #000; position:absolute; top:-160px; left:55px; }
#holiday_cont_top {display:block; position:absolute; left:3px;text-align:left; margin:18px 0 0 0;}
#holiday_cont_top a { color:#324D18; text-decoration:underline; display:block; font-size:0.9em; line-height:14px;width:170px; } 
.feed{ float:left; margin:0; position:absolute;left:130px; top:5px; z-index:10000;}
.feed img{border:none;}
#shop_menu{
display:block;
float:left;
margin:0px 10px 0 10px;
}
#green_deal{
	display:block;
	float:none;
	margin:5px 0px 0 10px;
}
#shop_banner{
display:block;
float:left;
margin: 0 10px 3px 10px;
}
#store_feature{
display:block;
float:left;
width:377px;
}
#store_feature_heading {
display:block;
line-height:27px;
vertical-align:middle;
background:  url('../images/parts/green_bar_store.png') no-repeat left top;
margin:8px 0 10px 8px;
padding:0 0 0 12px;
color:#fff;
}
#home_right_box a img{
border:none;
}
#mainmenu-nav {
	list-style: none;
	list-style-type: none;
	padding-left: 3px;
	margin: 0px;
	float:left;
	background:#fff;
	font-size:0.9em;
	line-height:17px;
	
}

.li-nav a {
	padding: 2px 1px;
	background-color: #ffffff;
	width: 150px;
	display: block;
	color: #333333;
	text-decoration: none;
	margin: 0px;
	text-indent: 2px;
}
.li-nav a:hover {
	background-color: #cdef98;
	color: black;
}

.ul-nav, .li-nav {
	display: block;
	list-style: none;
}

.ul-nav {
	width: 150px;
	padding: 0px;
}

.li-nav {	
	float: left;
}

.li-nav .ul-nav  {
	display: none;
	position: absolute;
	margin-left: 135px;
	margin-top: -23px;
	border-left: 1px solid #e1e1e1;
	border-right: 2px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-top: 4px solid #cdef98;
	z-index: 99;
}

a.hassubmenu {
	background-image: url(../images/parts/more.gif);
	background-repeat: no-repeat;
	background-position: 135px 6px;
	
}
.boxCategories {
	border: 1px solid #E1E1E1;
	background-color: #fff;
	margin-bottom: 3px;
	padding-top: 3px;
	padding-bottom: 10px;
	display:block;
	width:150px;
	float:left;
} 
.boxTitleLeft {
	font-family: "Lucida Sans Unicode", Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background-color: #3F6F00;
	height: 15px;
	padding: 3px 5px 6px 5px;
	display:block;
	width:145px;
}
.boxTitleLeft a{
color:#fff;
text-decoration:none;

}
#bottom_banners{
position:relative;
display:block;
width:980px;
height:142px;
float:left;
margin-top:19px;
}
#bottom_banners form{
width:560px;
margin: 0 0  0 18px;
height:120px;
background:  url(../images/parts/subscribe_form.jpg) no-repeat top left;
float:left;
}
#bottom_banners form input.f_name{
position:absolute;
top:82px;
left:140px;
width:100px;
background:transparent;
border:none; 
}
#bottom_banners form input.f_from{
position:absolute;
top:82px;
left:300px;
width:100px;
background:transparent;
border:none; 
}
#bottom_banners form input.sub{
position:absolute;
top:82px;
left:405px;
width:70px;
background:transparent;
border:none;
cursor:pointer; 
}
#bottom_banners img.certified{
position:relative;
top:-4px;
left:5px;
}
#staff p img{
float:left;
margin:0 10px 8px 0;
}
.rss-button{position:absolute;top:100px;right:17px;}
.facebook-button{position:absolute;top:100px;right:51px;}
.twitter-button{position:absolute;top:100px;right:85px;}
