/* main CSS Document */
/* general styling first */
* {margin:0;padding:0}
ul{list-style:none;}
p,h1,h2,h3,h4,h5,h6,ul {margin-bottom:.5em}
a img,img{border:none;display:block;}
a{text-decoration:none;}
/*............ clear without structural mark up - do not alter .........*/
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}

/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide */

/*........... do not change or amalgamate the above clearfix styles or move them ..................*/

body{
	color:#000; 
	padding:20px;
	font-size: 76%; 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	text-align:center;/* for ie5.+*/
	background:#c0c0c0 ;
}
INPUT { background-color:#FEFFBF;}
/* #outer holds all of the page content */
#outer{
	width:64em;/* use em so text can resize sideways and not break topnav*/
	margin:auto;
	text-align:left;
	position:relative;
	border:1px solid #000;
	color:#7F7777;
	background:#fff;
}
html>body #outer{overflow:hidden}
/*.............. header styles ............*/
h1#logo{
	width:456px;
	height:102px;
	float:left;
	margin:0 0 .5em 0;
	position:relative;
	overflow:hidden;
}
#home h1#logo{	margin:20px 0 .5em 0;}
h1#logo a{/* make logo clickable*/
	position:absolute;
	left:0;top:0;
	width:456px;
	height:102px;
	display:block;
	background:url(../images/logo.jpg) no-repeat left top;
	text-decoration:none;
}
/* top nav styling */
#navwrap{
	width:62em;
	margin-left:1em;
 background: url(../images/nav-slice.jpg) repeat-x left top;
}
#navwrap2{ width:100%;background: url(../images/top-nav-right.jpg) no-repeat right top;}
#topnav{	width:39em;}
#topnav li, #topnav li a{
	float:left;
	text-decoration:none;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;	
	font-size:90%;
 text-align:center;
}
#topnav li a{
 background:url(../images/top-nav-dvider.jpg) no-repeat right top;
}
#topnav li.account{
	background: url(../images/top-nav-left.jpg) no-repeat left top;
 padding-left:7px
}
#topnav li.privacy a{
	background:none;
 padding-right:0;
}
#topnav li a {padding:10px 8px 10px 4px}
#topnav li a:hover {color:#0e8c00;text-decoration:underline}

/* drag  big image back over the top of the nav with negative margin */
.mainimg{
	width:273px;
	height:304px;
	float:right;
	margin:-54px 20px 10px 3px;
	position:relative;
	display:inline;
}
#welcome{
	float:left;
	width:28em;
	padding-left:110px;
 background:url(../images/welcome-plant.jpg) no-repeat left bottom;
	min-height:136px;
	margin-left:13px;
	display:inline;
}
* html #welcome{	
	width:462px;
	w\idth:28em;
	height:136px;
	margin-left:5px;
	ma\rgin-left:16px;
}
#welcome h2{
	width:352px;
	height:36px;
 background:url(../images/welcome.jpg) no-repeat left top;
	position:relative;
	overflow:hidden;
	margin:0 0 .5em 0;
}
#welcome h2 em{position:absolute;left:-999em}
#welcome h3{
	color:#717171;
	font-size:90%;
	margin:0 0 .5em 0;
}
#welcome p{
	color:#7F7777;
	font-size:90%;
}
/* left side hold the vertical nav */
#left{
	float:left;
	margin:0 20px 0 16px;
	display:inline;
	width:203px;
	clear:both;
	padding-bottom:15px;
}
#home #left{	margin:20px 20px 0 16px}
h4.plant,h4.cart{
	position:relative;	
	width:203px;
	height:27px;
	overflow:hidden;
}
h4.plant em,h4.cart em{
	position:absolute;
	left:0;
	top:0;
	width:203px;
	height:27px;
 background:url(../images/plant-type.jpg) no-repeat left top;
}
h4.cart em { background:url(../images/shopping-cart.jpg) no-repeat left top;}
.leftnav{
	width:201px;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
}
* html .leftnav{width:203px;width:201px}
.leftnav-base{
	width:203px;
	height:15px;
 background:red url(../images/nav-base.gif) no-repeat left bottom ;
}
.leftnav ul{
	margin:0 -1px;
	position:relative;
 background:url(../images/nav-top-fade.jpg) no-repeat left top;
	padding:9px 9px 0;
	font-size:90%;
}
.leftnav ul ul{margin:2px 0 4px 0;padding:0;font-size:100%}
.leftnav li {margin-bottom:1px;}
.leftnav li, .leftnav a{
	color:#8e2b5d;
	font-weight:bold;
 display:block;
}
.leftnav a{	
	background:#efefef;
	text-decoration:none;
	padding:1px 2px 2px;
}
.leftnav a:hover{background:#8e2b5d;color:#fff}
.leftnav li li a{
	color:#7f7f7f;
	font-weight:normal;
	background:#fff url(../images/arrow.gif) no-repeat 2px 50%;
	padding-left:10px;
}
.leftnav li li{border-bottom:1px dotted #c0c0c0}
.leftnav li li.last{border-bottom:none}
.leftnav li li a:hover{
	background:#fff url(../images/garrow.gif) no-repeat 2px 50%;
	color:#8e2b5d;
}

.leftnav ul ul {display:block;}/* switch off all sublists*/

#main{
	width:43.5em;
	float:left;
	margin:0 0px 10px 0;
	display:inline;
}
#home #main{	margin:20px 0px 10px 0;}
#main h2{
    position:relative;
	font: normal 2.0em Verdana, 'Trebuchet MS', Arial, Helvetica, sans-serif;
	margin:0 0 .3em 0;
	clear:both;
    color:#AB4E87;
}
h2.about em,h2.ourprod em{
	position:absolute;
	left:0;
	top:0;
	background:url(../images/about.jpg) no-repeat left top;
	height:35px;
	width:533px;
}
h2.ourprod em{	background:url(../images/products.jpg) no-repeat left top;}

p.fl{
	float:left;
	width:95px;
	height:95px;
	position:relative;
	top:2px;
	margin-right:3px
}
.offset{
	overflow:auto;
	margin-left:15px;
	font-size:90%;
	height:110px;
}
.o2{margin-left:5px;}
.double{
	width:43.5em;
	background:url(../images/divider.jpg) no-repeat center center;
}
.col0{width:48%;float:left;margin-top:5px;border-bottom:1px dashed #E0E0E0;}
.col1{width:48%;float:right;margin-top:5px;border-bottom:1px dashed #E0E0E0;}

#main h3,h3 a, p.read-more a{
	color:#0e8c00;
	font-size:100%;
	font-weight:bold;
	margin:0;
	

}
p.read-more{margin:5px 0}
p.read-more a{
	padding:0 5px 0 22px;
	float:right;
	background:url(../images/read.gif) no-repeat 0 2px;
	text-decoration:none;
}
p.read-more a:hover{color:#8e2b5d}

/* footer styling */

#footwrap{
	width:62em;
	margin-left:1em;
 background:#e185be url(../images/foot-fade.jpg) repeat-x left top;
	clear:both;
}
#footwrap2{ width:100%;background: url(../images/foot-right.jpg) no-repeat right top;}
#footnav{
	width:100%;
	background: url(../images/foot-left.jpg) no-repeat left top;
	text-align:center;
padding-top:5px
}
#footnav li {	font-size:90%;}
#footnav li, #footnav li a{
	text-decoration:none;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;	
 text-align:center;
	display:inline;
}
#footnav li a {padding:10px 8px 5px 4px}
#footnav li a:hover {color:#0e8c00;text-decoration:underline}
#footwrap p{
	text-align:center;
	margin:0;
	font-size:90%;
	color:#fff;
	padding:0 0 5px 0;
}
/* .................subpage styles ........................ */
address{
	color:#0a6800;
	font-weight:bold;
	font-style:normal;
	padding-left:16px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	width:50%;
	margin-top:-5px;
	position:relative;
 float:left;
	top:-8px;
}
/* drag  big image back over the top of the nav with negative margin */
.sub-mainimg{
	width:273px;
	height:166px;
	float:right;
	margin:-54px 20px 10px 3px;
	position:relative;
	display:inline;
}
.shop{margin-bottom:15px}

/* turn on shopping cart and over-ride leftnav styles */
.sc ul ul {display:block!important}
.sc li a{
	color:#8e2b5d;
	font-weight:bold;
 display:block;
}
.sc li li a{
	color:#7f7f7f;
	font-weight:normal;
	background:#efefef;
	padding:3px 5px 3px;
}
.sc li ul{margin:10px 0}
.sc li li span{
	font-weight:bold;
	float:right;
	color:#8e2b5d;
}
.sc a{	
	background:#efefef;
	text-decoration:none;
}
.sc a:hover{background:transparent;color:#8e2b5d}
.sc p{
	font-size:80%;
	color:#7f7f7f;
	background:#fff;
	padding:0 8px;
	margin:0
}
.sc p a{	
	color:#7f7f7f;
	background:#fff;
	font-weight:normal;
	display:inline;
	text-decoration:underline;
}
.sc p span{
	float:right;
	font-size:110%;
	color:#005b76;
	font-weight:bold;
}
.submain .nml{margin-left:0}
.submain .double{background:#fff}
.submain{margin-bottom:45px!important}
p.add-to-cart a{
	float:left;
	padding:1px 30px 2px 6px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background:#509e48 url(../images/add-tocart.gif) no-repeat right center;
}
p.add-to-cart a:hover{text-decoration:underline}
p.add-to-cart span{
	float:left;
	padding:1px 5px 2px;
	background:#8a285a;
	color:#fff;
	font-weight:bold;
	margin-left:1px;
}
p.flsub{
	float:left;
	width:95px;
	height:95px;
	position:relative;
	top:2px;
	margin-right:3px;
	margin-left:-5px;
}
.submain h3{margin-bottom:7px!important;}
.submain .double{margin-top:1px;}
.submain .col-inner {
	background:url(../images/sub-corner.jpg) no-repeat right top;
	padding:10px 10px 0 0;
}

/* opera hack which you can remove if you don't mind the odd pixel differnces */
@media all and (min-width: 0px){
		#outer {
	overflow:hidden;
  }
		.sub-mainimg{	margin:-33px 20px 10px 3px;}
#navwrap{
	height:32px
}
}
td.productListing-heading {
   height:19px;
   background:url(../images/header-back.jpg) repeat top;
   color:#FFFFFF;
   padding-right:5px;
   padding-left:3px;
   padding-bottom:1px;
   font-weight:bold;
}
a.productListing-heading {
    color:#FFFFFF;
	text-decoration:underline;
}
.productListing-heading a:hover{
   color:#0e8c00;
}
.productListing-data {
   padding-top:5px;
   padding-right:5px;
}
.post-head {
  background:#FFEFF9;
  border-bottom:1px solid #EFC2DF;
}