

/**
 * Theme: New Green (Natural Living) Theme for Magento eCommerce *
	* @copyright       Copyright 2009, Lotus Seeds Design  *
 * @link            http://www.lotusseedsdeisgn.com * 
 
 * @demo           http://red.lotusseedsdeisgn.com * 
 * @license    	Single Domain License
 * @revision        $Revision: 1 $
 * @lastmodified     1.0  $Date: Jun 8th, 2009 $
  /*----------------------------------------------------------------------*/

@import url(superfish-menu.css);
@import url(css3_support.css);
@import url(newgreen_store.css);
@import url(fancybox.css);


 body {text-align: center; color: #222;
  		font: normal 100.1%/1.5em Calibri, Arial, sans-serif;background:#F2F2F2 url(../images/base_images/body-bg.png) }
    	 
  * {margin:0; padding:0;} /* Reset all elements */
	img {border:none;display: block;cursor:pointer;}
  .clear {clear: both;height: 0;line-height: 0; }
  small, span.edit {font-family: Arial, "Lucida Grande", Lucida, Verdana, sans-serif; float: right;}
  
span,  small, span.edit {font-size: .85em;}
  a {text-decoration:none;color: #523a30;cursor: pointer;}
   a:hover {color: #0D7D00; }
   a:focus {outline: 0;}

  fieldset {border:none;margin: 0;padding: 0;}
 select.multiselect {font-size: .8em; line-height: 2em;}
  label, option, textarea{font-size: .9em; color: #222;}
  input, textarea, select {border: 1px solid #E0E5D1; }
 #rightcol input  {background:transparent;}
input {padding: 4px;}
  textarea {padding: 5px;}
  select {background: #FAF9F5 ;padding: 1px;}
  option {width: 99%;border-bottom: 1px dashed #E0E5D1; background: #FAF9F5;padding: 3px 5px 3px 5px;}
  
  
  
  em {font-style:normal;}
   address {font-style: normal;text-transform: capitalize;}
h1,h3,h4,h5,h6 { 
  font-weight: bold;color: #252525;}

h1 { font-size: 1.5em } 
h2 {color: #326600;font: 130% Georgia, "Times New Roman", Times, serif;}
h1 {color: #326600;font: 130% Georgia, "Times New Roman", Times, serif;}

       
h3 { font-size: 106% }  
h3 span {font-size: .9em}             
h4 { font-size: 102% }   
           
h5 { font-size: 102% }                      
h6 { font-size: 0.7em;text-transform: uppercase;}						
dd, p {font-size:.9em;line-height: 1.35em;}
li {list-style: none;font-size:.95em;} 
td {font-size: .9em;padding: 3px 5px;vertical-align: top;}
 span a:hover, span a:focus {text-decoration: underline;color:  #0D7D00; ;} 

/* control floated elements */
.fleft {float:left;}
.fright {float:right;}

 
 /* column & row wrappers - site structure
 ============================================== */
#container{width: 960px;margin: 0 auto 20px auto;text-align: left;overflow: hidden;}

#main {width: 54%;float: left;margin-left: 10px;position: relative;background: transparent url(../images/base_images/main-ctr.png) repeat-y left bottom;padding: 2%;}

#main-top {background: transparent url(../images/base_images/main-top.png) no-repeat left top;display: block;height: 15px;width: 554px;position: absolute;margin-left: -19px;margin-top: -18px;}

#main-btm {background: #F5F4EF url(../images/base_images/main-btm.png) no-repeat left top;display: block;height: 19px;width: 554px;position: absolute;margin-left: -19px;margin-bottom:0;}


 #leftcol {width: 20%;float:left;margin-top: -25px}
#leftcol li {list-style: circle inside none;}


#rightcol {float: right;width: 20%;}

#product-view {display: block;width: 715px;float:right;margin-right: 0;background: transparent url(../images/base_images/view-ctr.png) repeat-y left top; padding: 15px 15px 0 20px; }
.body_link{text-decoration:underline;}

#pv-top {background: transparent url(../images/base_images/view-top.png) no-repeat right top;display: block;height: 15px;width: 750px;position: absolute;margin-left: -20px;margin-top: -15px;}

#pv-btm {background: #F5F4EF url(../images/base_images/view-btm.png) no-repeat left top;display: block;height: 19px;width: 750px;position: absolute;margin-bottom:0;margin-left: -20px;z-index: 2;}



.cmspages{margin-top: 10px;}
/* for customer logged in  page - switch the left/right columns' placement and re-adjust margins*/
.acctnav {margin-left: 0!important; margin-top:0!important;}
.my-acct {margin-left:20px!important;}


 #content {width: 960px;overflow: hidden;clear: both;padding: 0;}
 


/* global elements=========================================*/


/* Mini top search */
#mini-search {width:210px;float: right;margin-top:5px }
#mini-search legend span, #mini-search label{position: absolute;top: -999em;}
	#mini-search #search {border: 2px solid #ADBC7F;background: #fff; padding: 3px;width:68%;margin:4px 5px 5px 5px;float: left;text-align: center;}
	#mini-search input:focus  {color:#222;background: #EDF7D5;}
	#mini-search button{background: url(../images/base_images/hdr-bg.png) no-repeat right 90%;margin-top: 4px;text-transform: uppercase;font-size: .95em;color: #007000;font-weight: bold;width: 3em;border: 2px solid #ADBC7F;padding: 0!important;height: 25px;line-height: 0.5;}
	
	
#searchbtn:hover {background:#7AA81B;color:#F4F1EB;}


	
.search-autocomplete {z-index: 1000!important; }
   .search-autocomplete ul {margin: -1px 0 0 0;background: #f8f8f8;border: 2px solid #ADBC7F;border-top: 1px solid #ADBC7F;text-align: left;}
   
   
.search-autocomplete li {border-bottom:1px solid #f4eee7; padding:2px 4px 1px 5px; cursor:pointer; }
.search-autocomplete li .amount { float:right; font-weight:bold;}
.search-autocomplete li.odd {background-color:#fffefb;}



   
	/* logo, h1 */
	#hdr {width:960px;background: transparent url(../images/base_images/hdr-bg2.png) repeat-x left bottom;position: relative;}
	#logo {background: url(../images/base_images/logo.png) no-repeat 0 0;height: 141px; float: left;width: 279px;margin-top:5px;}
	 h3 span {text-indent: -999999em;position: absolute;}

/*login (mini login) and welcome msg */

p.welcome {font-size: .75em;color:#553F18;width:25%;margin-top: 45px;text-align: right;position: absolute;right: 0;}



#acct-login {width:471px;text-align: right;float: right	;overflow: hidden;font-size:120%;}
	#acct-login ul li {float: left;padding-top: 7px;display: block;}
	#acct-login ul {text-align: right;float: right;}
	#acct-login ul li a {padding:2px 8px 5px 5px;color: #0D7D00;font-size: .8em;background: url(../images/base_images/icon-pipe.png) no-repeat right 7px;display: block;text-transform: capitalize;}
	
	 #acct-login ul li a:hover, #quick-access li a:hover  {text-decoration: none;color:#553F18;}                              

       
/* Quick Access - Register | My cart | Checkout  
==============================================*/
#quick-access { width:70%;float: right;overflow: hidden;}
#quick-access ul {float: right;margin-top:25px;text-align: right;}
#quick-access li {float: left;display: block; }
#quick-access li a {float: left;	display: block;padding: 2px 10px 0 10px;	color: #252525;font-size: .8em;font-weight: bold;text-transform: uppercase;margin-right: 3px;}
#quick-access  li.active a {color:#c4bc76;}

#quick-access li a:hover, #quick-access li a:active, #quick-access li a:focus {color:#0D7D00;background: url(../images/base_images/menu-bg.png) repeat-x center center;border: 1px dashed #b5bf85;}


#quick-access li.last a.link-feed {width:95px;height: 33px;background: url(../images/base_images/icon-rss-big.png) no-repeat 10% top;border: 0;display: block;font-size: 10px;padding: 0 0 0 15px;color: #0D7D00;}
#quick-access li.last a.link-feed:hover {color: #7AA81B;}
  
/* footer section #4C3F2F
============================ */

#ftr_wrap  {width: 960px;color:#232323;margin: 0 auto;clear: both;}

#footer {background: url(../images/base_images/ftr-bg.png) no-repeat left top;width: 960px; text-align: center; clear: both;color:#232323;margin-top: 10px;}

#ftr_wrap .badgewrap {padding: 10px 0 5px 20px;opacity: 0.92;width: 930px!important;margin: 35px auto 0 auto;overflow: hidden;border:1px solid #b5bf85;}
#ftr_wrap  div.narrow, #ftr_wrap  div.wide {overflow: hidden;margin-bottom: 10px;}
#ftr_wrap  div.second {width: 33%!important;}
#ftr_wrap  div.third {width: 150px!important;margin-right: 10px}
#ftr_wrap  div.narrow {float: left;width:22%;margin-right: 10px;}
#ftr_wrap  div.wide {float: left;width:21%!important;margin-right: 0;margin-top: 5px;border:1px solid #b5bf85;padding: 10px;font-size: .8em;line-height: 1.4;background: #fff;}


#footer p {padding: 4px 15px 5px 20px;color: #888;font: .7em Tahoma, Arial, Helvetica, Geneva, sans-serif;}
#footer p a {font-style: italic;color: #979d4d}

/*wrap footer's links and company info*/
#footer .ftr-inner {width: 68%;float: left;text-align: left;
overflow: hidden;display: block;margin-left: 15px;
}
#footer ul {margin-bottom: 5px;margin-left: 15px;overflow: hidden;clear: both;padding-top: 45px;}
#footer li {display: inline;margin-top: 55px;}
#footer li a {padding:0 10px 0 5px;
		font-size:.9em;background: url(../images/base_images/icon-pipe.png) no-repeat right 0;color: #252525;}

#footer li a:hover {color:#0D7D00;text-decoration: none;}
#footer strong {color: #e4e4e4;font-weight: normal;}

/* CMS pages : About, Customer Service, FAQ, 404 not found 
============================================================*/
.cms {padding: 0 5px;}
.cms-page-view .cms h2 {padding-left: 0!important;}
.cms h2, .cms h3 {padding-top: 15px;}

.cms-page-view .cms h3, .cms-page-view .cms h5, .cms-page-view .cms h6,
.cms-index-noroute .cms h4, .cms-page-view .cms h4 {border: 0;padding-bottom: 0;margin-bottom: 0;background: none;font-size: .95em;padding-left: 0;}
.cms ul li {padding-bottom: 5px;margin-left: 20px;}
.cms ul.disc {margin-top: 10px;padding-left: 0;margin-bottom: 0;}

.cms dt {font-weight: bold;padding: 15px 0 6px 0}

.cms dl#narrow-by-list {margin: 15px 5px 15px 0;}
.cms dl#narrow-by-list dt {font-weight: bold;display: block;padding:0;border: 0;}

.cms dl#narrow-by-list dt a {font-size:.9em;border-bottom: 1px dashed #E0E5D1;background:#F2F2F2 url(../images/base_images/body-bg.png);font-weight: normal;}

.link-feed {display:none;}
.cms br {margin-top: 10px;}
 .cms dl#narrow-by-list dd {padding:10px;font-size:.9em;background: transparent;line-height: 1.5em;border-bottom: 0;}
 .cms p {padding-bottom: 10px;padding-left: 0;}





/* Form lists
- Contact, Shipping, Billing, Contact
********************************************* */

/********************** Lists */
ul.form {width: 98%}
.form li {width: 95%;clear: both;}
.form li label {float: left;width: 25%;margin-bottom: 4px;}
.form li input  { float:left; width:60%; }




/* @group keyboard navigation tab access features */

#skip_nav a:hover, 
#skip_nav a:active,
#skip_nav a:focus, 
#footer a:hover, 
#footer a:active, 
ol li a:focus, ul li a:focus,
td a:focus,
span.edit a:focus
.mini-search button:focus,
p a:focus,
.actions a:focus
{color:#3D281A;outline: 0;}

textarea:focus, multiselect:focus, input:focus, select:focus {background: #EDF7D5}
/* @end */
