/* 
Theme Name: Advance Nature
Description: Advance Nature theme
Version: 1.0
Author: Andy
*/

body {
  margin: 0;
  background: #ffffff url(images/bg.gif) left top repeat-x;
  }

p, body, li, ul, dd, td {
  font: 13px arial, verdana, helvetica, sans-serif;
  color: #7a7a6b;
  line-height: 180%;
  }

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  }

img a, a img {
  border: 0;
  }
  
a {
  font: 13px arial, verdana, helvetica, sans-serif;
  color: #4ab43c;
  text-decoration: underline;
  outline: none;
  }
  
a:hover {
  color: #2b92cc;
  }

ul { 
  margin: 15px 0 0 10px;
  padding: 0;
  list-style-type: none;
  }

h1, h1 a, h2, h2 a, h3, h3 a {
  color: #4ab43c;
  line-height: 120%;
  font-weight: normal;
  }

h1, h1 a {
  font-size: 24px;
  margin-top: 0;
  }
h2, h2 a {
  font-size: 20px;
  }
h3, h3 a {
  font-size: 18px;
  }

hr {
  height: 1px;
  border: 0;
  width: 100%;
  background: #81aad2;
  color: #81aad3;
  margin: 5px 0 15px 0; 
  }
  
#wrapper {
  width: 957px;
  margin: 0 auto;
  }

#cleaner {
  height: 114px;
  padding: 0 8px 0 0;
  background: url(images/advance-nature.gif) left top no-repeat;
  text-align: right;
  line-height: 114px;
  color: #686965;
  }
#cleaner a {
  background: url(images/login-arrow.gif) right 5px no-repeat;
  color: #686965;
  text-decoration: none;
  padding-right: 10px;
  margin: 0 14px;
  }
#cleaner a:hover {
  color: #4ab43c;
  background-position: right -11px;
  }
  
#header {
  height: 307px;
  overflow: hidden;
  }

#navbar {
  background: #e3f3ff url(images/nav-bg.gif) left top no-repeat;
  height: 45px;
  margin-bottom: 10px;
  }

#nav {
  margin:0; 
  padding:0; 
  list-style:none;
  }	
/* make the LI display inline */
/* it's position relative so that position absolute */
#nav li {
  float:left; 
  display:block; 
  position:relative;
  z-index:500; 
  margin:0;
  border-right: 1px solid #9dceeb;
  }

/* this is the parent menu */
#nav li a {
  display:block; 
  padding:8px 16px 0 16px; 
  height:37px;
  line-height: 27px;
  text-decoration:none; 
  text-align:center; 
  color:#125e88;
  font-size: 16px;
  }

#nav li a:hover {
  color:#fff;
  background: #51b943 url(images/nav-bg-on.gif) right top no-repeat;
  }

#nav #nav-home:hover {
  background: #51b943 url(images/nav-bg-on.gif) left top no-repeat;
  }


/* you can make a different style for default selected value */
#nav a.selected {
  color:#f00;
  }

/* submenu, it's hidden by default */
#nav ul {
  position:absolute; 
  left:0; 
  display:none; 
  margin:0 0 0 -1px; 
  padding:10px 0; 
  list-style:none;
  }

#nav ul li {
  width:150px; 
  float:left; 
  border-right: none;
  }

/* display block will make the link fill the whole area of LI */
#nav ul a {
  display:block;  
  height:15px;
  line-height: 10px;
  padding: 6px 20px; 
  text-align: left;
  font-size: 14px;
  background: url(images/png.png) left top;
  }
#nav ul a:hover {
  color:#4ab43c;	
  }
  
#content, #content-inner {
  margin: 30px 0 20px 0;
  padding: 0 29px 0 29px;
  overflow: auto;
  height: 100%;
  background: url(images/content-bg-home.gif) left top repeat-y;
  }
#content-inner {
  background: url(images/content-bg-inner.gif) left top repeat-y;
  }


#content-left {
  padding-right: 26px;
  width: 194px;
  float: left;
  }
#content-left h2 {
  margin: 0 0 5px 0;
  font-size: 24px;
  }

#content-main, #content-main-wide {
  padding: 0 26px;
  width: 405px;
  float: left;
  }
#content-main-wide {
  width: 626px;
  }
#content-main li {
  padding-left: 18px;
  background: url(images/bullet.gif) left 8px no-repeat;
  }

#content-right {
  padding-left: 26px;
  width: 194px;
  float: left;
  }

#news {
  padding-left: 5px;
  }  
#news h3, #news h3 a {
  font-size: 14px;
  margin: 0;
  text-decoration: none;
  }
#news p {
  margin: 2px 0 0 0;
  font-size: 12px;
  line-height: 140%;
  }
a.more-link {
  font-size: 11px;
  }
.date {
  font-size: 11px;
  color: #bbbbbb;
  font-style: italic;
  }
  
#footer {
  width: 100%;
  padding-top: 12px;
  height: 46px;
  background: #f0fae3 url(images/footer-bg.gif) left top repeat-x;
  text-align: center;
  line-height: 170%;
  }

#footer a, #footer, #footer p {
  color: #8fa174;
  font-size: 12px;
  text-decoration: none;
  }
#footer a:hover {
  color: #2891cb;
  }
#footer p {
  display: inline;
  }

#twitter_update_list {
  list-style-type: none;
  padding: 0;
  margin: 2px 0 0 3px;
  }
#twitter_update_list li {
  padding-bottom: 20px;
  background: #ffffff;
  padding: 0 0 12px 0;
  color: #2c93cc;
  }
#twitter_update_list li, #twitter_update_list li a {
  font-size: 11px;
  line-height: 140%;
  }
.smalltext, .smalltext a, #footer a.smalltext, .smalltext p {
  font-size: 11px;
  }

#wp_email_capture_2
  {
  }
#wp_email_capture_2 label
  {
  width: 60px;
  display: block;
  float: left;
  padding: 2px 0;
  }
#wp_email_capture_2 input
  {
  margin: 4px 0;
  clear: both;
  }

.facebook, .linkedin {
  margin: 12px 0;
  }
.facebook a, .linkedin a {
  background: url(images/facebook.gif) left top no-repeat;
  padding-left: 54px;
  color: #666666;
  font-size: 12px;
  text-decoration: none;
  font-weight: bold;
  line-height: 48px;
  display: block;
  }
.facebook a:hover, .linkedin a:hover {
  color: #89a9d9;
  }
.linkedin a {
  background: url(images/linkedin.gif) left top no-repeat;
  }
  
.featuredheader, .listingheader {
  width: 178px;
  height: 56px;
  overflow: hidden;
  padding: 10px;
  text-align: center;
  }
.featuredheader h3, .listingheader h3 {
  font-size: 21px;
  margin: 0;
  }
body .featuredheader a, body .featuredheader, body .listingheader a {
  text-decoration: none;
  font-size: 11px;
  line-height: 130%;
  }
#content-right img:hover, #listinggrid img:hover {
  opacity: 0.70;
  filter: alpha(opacity=70);
  }

#listinggrid {
  width: 100%;
  overflow: auto;
  height: 100%;
  float: left;
  }

#cartItems {
  width: 180px;
  height: 75px;
  background-color: #f1fce9;
  padding: 8px;
  }

.listingbox {
  width: 196px;
  height: 281px;
  float: left;
  margin: 0 10px 10px 0;
  overflow: hidden;
  border: 1px solid #ddd;
  }

body#home a#nav-home, body#news a#nav-news, body#green-cleaning-and-sustainability a#nav-green, body#products a#nav-products, body#specials a#nav-specials, body#about a#nav-about, body#latest-newsletter a#nav-newsletter, body#contact a#nav-contact {
  color:#fff;
  background: #51b943 url(images/nav-bg-on.gif) right top no-repeat;
  font-weight: bold;
  }
body#home a#nav-home {
  background: #51b943 url(images/nav-bg-on.gif) left top no-repeat;
  }



/* WP Common Styles */

ol.commentlist {
	margin:0;
	padding:0;
	}

.editLink {
   text-align: center;
   padding: 5px 0 15px 0;
}
.editLink a, a.editLink {
   background: #e0e0e0;
   color: #777777;
   font-size: 10px; 
   border: 1px solid #999999;
   text-decoration: none;
   padding: 3px 5px;
}
.editLink a:hover, a.editLink:hover {
   background: #eeeeee;
   border: 1px solid #333333;
   color: #000000;
}
.postmetadata {
   color: #999;
   font-size: 10px;
   margin: 2px 0;
}

#content img {
	margin: 0;
	max-width: 640px;
}
#content .attachment img {
	max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px 4px 0 4px;
	border: 1px solid #ddd;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p {
  padding: 0;
  }
#content .wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 11px;
}
#content .wp-smiley {
	margin:0;
}
#content .gallery {
	margin: auto;
}


#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery, .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px ;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery {
	display: none;
}
.more-link {
   display:block;
}
.linklove {
   display:none;
}


.aligncenter,
dl.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}
.alignright {
	float: right;
	margin: 0 0 10px 10px;
}