@charset "utf-8";
/*  Styles
Updated: 12/16/2009
Site: Mother Love
Author: Laurence Johnston
----------------------------------------------------*/

/* SECTION INDEX
-------------
=ZEROING ALL ELEMENTS
=GENERIC
=WRAPPER
=HEADER
=NAVBAR
=MAIN
=FOOTER
=SFNT PAGE
=CTGY PAGE
=PROD PAGE
*/

/* =ZEROING ALL ELEMENTS
----------------------------------------------------*/



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,textarea,p,blockquote{
margin:0;
padding:0;
}
fieldset,img{
border:0;
}
address,caption,cite,code,dfn,em,th,var{
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
q:before,q:after{
content:'';
}
abbr,acronym {
border:0;
}

body { background: #ededde; font:12px normal; text-align: center; font:normal 12px Arial, Helvetica, sans-serif; }

#page { position: relative; margin: 50px auto; text-align: left; width: 900px; }

#branding { position: relative; }
#branding h6 { width: 212px; height: 40px; background: #ededde url(images/motherlove.png) no-repeat; margin-left: 20px; overflow: hidden; text-indent: -9000px; }
#branding h6 a { display: block; width: 100%; height: 100%; }


#primary-navigation_sfnt { position: absolute; left: 280px; bottom: 0; font-family: "Trebuchet MS", Helvetica, sans-serif; text-transform: lowercase; }
#primary-navigation_sfnt li { float: left; margin-right: 20px; }
#primary-navigation_sfnt li a { color: #7a785c; display: block; float: left; font-size: 13px; line-height: 21px; text-decoration: none; }
#primary-navigation_sfnt li a:hover, #primary-navigation li.cart-link a:hover, #primary-navigation li a.active { color: #3c4082; }
#primary-navigation_sfnt li.cart-link a { background: url(images/icon_bag.png) no-repeat left center; color: #7f9053; font-weight: bold; padding-left: 24px; }
#primary-navigation_sfnt li.cart-link a span.cart-num-items { font-size: 11px; font-weight: normal; margin-left: 5px; } 



#primary-navigation { position: absolute; left: 300px; bottom: 0; font-family: "Trebuchet MS", Helvetica, sans-serif; text-transform: lowercase; }
#primary-navigation li { float: left; margin-right: 25px; }
#primary-navigation li a { color: #7a785c; display: block; float: left; font-size: 13px; line-height: 21px; text-decoration: none; }
#primary-navigation li a:hover, #primary-navigation li.cart-link a:hover, #primary-navigation li a.active { color: #3c4082; }
#primary-navigation li.cart-link a { background: url(images/icon_bag.png) no-repeat left center; color: #7f9053; font-weight: bold; padding-left: 24px; }
#primary-navigation li.cart-link a span.cart-num-items { font-size: 11px; font-weight: normal; margin-left: 5px; } 



 
a{
position:relative;
z-index:1;
}
input, select, option, textarea{
font:normal 12px Arial, Helvetica, sans-serif;
position:relative;
z-index:1;
}
ul, ol{
list-style:none;
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


/* =GENERIC
----------------------------------------------------*/
 
h1{
font:normal 21px Arial, Helvetica, sans-serif;
color:#7f9053;
padding-bottom:5px;
margin-bottom: 10px;
text-transform: lowercase; 
text-align:left;
}
h2{
color:#7a785c;
font:normal 18px Arial, Helvetica, sans-serif;
}
h3{
font:normal 15px Arial, Helvetica, sans-serif;
color:#3C4082;
}
/* = 
-----
h4{
font:normal 13px Arial, Helvetica, sans-serif;
color:#7a785c;
}
------*/
h4 { 
color: #3c4082; 
font-size: 14px; 
font-weight: bold; 
line-height: 20px; 
margin: 0 0 5px; 
}
h5 { 
font:normal 11px Arial, Helvetica, sans-serif;
color:#7a785c;
float: right; 
font-size: 11px; 
margin-top: 10px; 
}
h5 a { 
color: #797a7d; 
text-decoration: none; 
}
h5 a:hover { 
text-decoration: underline; 
}
p{
margin:0.20em 0px 0.85em 0px;
font:normal 12px Arial, Helvetica, sans-serif;
}
a{
color:#7a785c;
text-decoration:none;
}
a:hover{
color:#000000;
}


.mivaNav a { color: #7a785c;   font-size: 13px; text-decoration: none;   font-family: "Trebuchet MS", Helvetica, sans-serif; text-transform: lowercase;  margin-left: 5px; }
.mivaNav a:hover, a.active { color: #3c4082; }




/* =CONTAINER
----------------------------------------------------*/
#container { 
position: relative; 
margin:50px auto;
text-align: left; 
width: 960px;
}

#container_sfnt { 
position: relative; 
margin:50px auto;
text-align: left; 
width: 900px;
}

/* =LOGO
----------------------------------------------------*/
#head{
width:960px;
height:50px;
margin:0 auto;
}


#logo{
		float:left;
		width:230px;
		height:50px;
}



#navbar{
		float:right;
		padding:20px 0px 0px 20px;
		width:630px;
		height:30px;
		text-align:center;
}
#navigation{
		font-family: "Trebuchet MS", Helvetica, sans-serif; 
		text-transform: lowercase; 
}
#navigation li {
		margin-right: 20px;
}
#navigation li a {
		color: #7a785c;
		font-size: 13px;
		text-decoration: none;
}
#navigation li a:hover, #navigation li.cart-link a:hover, #navigation li a.active { 
color: #3c4082; 
}
#navigation li.cart-link a { 
background: url(../images/icon_bag.png) no-repeat left center; 
color: #7f9053; 
font-weight: bold; 
padding-left: 24px; 
}
#navigation li.cart-link a span.cart-num-items { 
font-size: 11px; 
font-weight: normal; 
margin-left: 5px; 
} 















/* =NAVIGATION


#branding h6 { 
width: 212px; 
height: 60px; 
background: #ededde url(../images/motherlove.png) no-repeat; 
margin-left: 20px; 
overflow: hidden; 

}
#branding h6 a { 
display: block; 
width: 100%; 
height: 100%; 
width: 212px; 
height: 60px; 
background: #ededde url(../images/motherlove.png) no-repeat; 
margin-left: 20px; 
overflow: hidden; 
}


#primary-navigation { 
font-family: "Trebuchet MS", Helvetica, sans-serif; 
text-transform: lowercase;
padding-top:30px;
height: 60px;
width:688px;
}
#primary-navigation li { 
display: inline;
margin-right: 20px; 
}
#primary-navigation li a { 
color: #7a785c;
display: inline;
font-size: 13px; 
text-decoration: none;
}




#primary-navigation li a:hover, #primary-navigation li.cart-link a:hover, #primary-navigation li a.active { 
color: #3c4082; 
}
#primary-navigation li.cart-link a { 
background: url(../images/icon_bag.png) no-repeat left center; 
color: #7f9053; 
font-weight: bold; 
padding-left: 24px; 
float: right; 
}
#primary-navigation li.cart-link a span.cart-num-items { 
font-size: 11px; 
font-weight: normal; 
margin-left: 5px; 
} 



----------------------------------------------------*/

 










/* =NAVIGATION
----------------------------------------------------*/

.navigation{
font:normal 12px Arial, Helvetica, sans-serif;
margin:0px 30px 10px auto;
color:#7a785c;
}
.navigation a{
font-size:12px;
padding:0 10px;
text-decoration:none;
color:#7a785c;
}
.navigation a:hover{
text-decoration:underline;
}
.navigation_on{
color:#000000;
padding:0 10px;
font-weight:bold;
}


/* =BREADCRUMBS
----------------------------------------------------*/
.breadcrumbs{
font:normal 12px Arial, Helvetica, sans-serif;
margin:0px 10px 10px auto;
color:#7a785c;
}
.breadcrumbs a{
font-size:12px;
padding:0 10px;
text-decoration:none;
color:#7a785c;
}
.breadcrumbs a:hover{
text-decoration:underline;
}
.breadcrumbs_on{
color:#000000;
padding:0 10px;
font-weight:bold;
}


/* =CART
----------------------------------------------------*/
#cart{
width:250px;
padding:10px 0px 0px 0px;
height:auto;
float:right;
text-align:right;
}
.cart{
font:normal 12px Arial, Helvetica, sans-serif;
color:#819255;
}
.cart a{
font-size:12px;
text-decoration:none;
color:#819255;
}
.cart a:hover{
text-decoration:underline;
}
.cart_on{
color:#819255;
font:bold 12px Arial, Helvetica, sans-serif;
padding:0 2px;
}


/* =CONTENT
----------------------------------------------------*/

#content_sfnt { 
position: relative; background-color: #fff; margin-top: 20px; height: 572px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; 
width:900px;}

 

#content { 
position: relative;
background-color: #fff; 
margin-top: 20px; 
height: 572px; 
-moz-border-radius: 12px; 
-webkit-border-radius: 12px; 
border-radius: 12px; 
}
#content a { 
color: #7f9053; 
}
#content a:hover { 
color: #232f6d; 
}




#content_checkout { 
background-color:#FFFFFF;
margin-top:20px;
min-height:572px;
-moz-border-radius: 12px; 
-webkit-border-radius: 12px; 
border-radius: 12px; 
}
#content_checkout a { 
color: #7f9053; 
}
#content_checkout a:hover { 
color: #232f6d; 
}











/* =SEARCH
----------------------------------------------------*/
#search form input[type=submit] {
background: url(../images/search.png) top left no-repeat;
border: 0;
cursor: pointer;
height: 26px;
width: 84px;
margin-left:10px;
display:block;
float:left;
}
#search form input[type=submit]:hover {
background-position: 0 -26px;
}



/* =CATTREE
----------------------------------------------------*/
#cattree{
width:240px;
float:left;
height:auto;
text-align:left;
min-height:550px;
background-image:url(../images/cattree_background.jpg);
background-repeat:no-repeat;
background-position:top;
}
.cattree_links a{
font:bold 14px Arial, Helvetica, sans-serif;
padding:5px;
}
ul#first{
margin: 0;
border-bottom: solid 1px #cdcdcd;
width: 180px; 
padding: 0;
}
#cattree h5 { 
display:block; 
color:#888888; 
font:bold 12px Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 0px; 
}
#cattree li { 
margin: 0; 
padding: 0; 
list-style:none; 
width: 180px; 
font:normal 12px Arial, Helvetica, sans-serif;
height:auto;
}	
#cattree li a { 
color: #888888; 
text-decoration:none; 
display: block; 
padding: 3px 0px 3px 0px; 
}
#cattree li a:hover { 
text-decoration:underline;  
}
#cattree li ul { 
margin: 0; 
padding: 0; 
font:bold 12px Arial, Helvetica, sans-serif; 
}
#cattree li.subcategory { 
padding: 3px 0px 3px 5px; 
font:bold 12px Arial, Helvetica, sans-serif;
margin: 0; 
list-style:none; 
border:none; 
}	
#cattree li.subcategory a { 
color: #888888; 
font:normal 12px Arial, Helvetica, sans-serif;
padding: 3px 0px 3px 5px; 
}		
#cattree li.subcategory a:hover { 
text-decoration:underline; 
}	
#cattree li.subcategory a:visited:hover { 
color: #888888; 
}
#cattree li.subcategory h5 { 
color: #d7548a; 
padding: 3px 0px 3px 5px; 
font:bold 12px Arial, Helvetica, sans-serif;;
}	
.subcategory{
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color:#131313;
padding:2px 0px 2px 6px;
}


/* =MAIN
----------------------------------------------------*/
#main{
width:700px;
vertical-align:top;
float:right;
padding: 10px;
}


/* =SFNT PAGE
----------------------------------------------------*/


/* =BUTTONS
----------------------------------------------------*/
.b_view{
background: url(../images/b_view.png) 0 0 no-repeat;
border: 0;
cursor: pointer;
height: 21px;
width: 46px;
display:block;
}
.b_view:hover{
background-position: 0 -21px;
}
.b_reset{
background: url(../images/b_reset.png) top left no-repeat;
border: 0;
cursor: pointer;
height: 21px;
width: 67px;
display:block;
float:right;
}
.b_reset:hover{
background-position: 0 -21px;
} 
.b_send{
background: url(../images/b_send.png) top left no-repeat;
border: 0;
cursor: pointer;
height: 21px;
width: 52px;
display:block;
float:left;
}
.b_send:hover{
background-position: 0 -21px;
} 



/* =CTGY PAGE
----------------------------------------------------*/
#ctgy_addtocart {
}
#ctgy_addtocart form input[type=submit] {
background: url(../images/b_details.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 25px;
float:left;
width:61px;
display:block;
}
#ctgy_addtocart form input[type=submit]:hover {
background-position: 0 -25px;
}
.product{
float: left;
text-align: center;
width: 33%;
height:230px;
}
.product.new-row {
clear: both;
}
.product_box {
width: 160px;
text-align: center;
height:120px;
float: left;
padding: 5px;
}
#product_main {
width: 100%;
height:60px;
float: left;
text-align: center;
}
#product_text {
width: 100%;
height:35px;
float: left;
text-align: center;
}
.product_name a {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #494949;
text-align: center;
}
.ctgy_code{
color: #989898;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
}
.ctgy_price{
color: #aa2611;
margin-top: 5px;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 5px;
}
.cart_red{
color: #FF0000;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
}
.product_related{
text-align: left;
width: 290px;
height:auto;
float: left;
vertical-align:middle;
}
.product_related.new-row {
clear: both;
}
.product_related_box {
width: 100px;
text-align: center;
height:auto;
float: left;
}
#product_related_main {
width: 190px;
padding-top:10px;
height:auto;
float: right;
text-align: left;
}
.p_name a {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #494949;
text-align: left;
}
#ctgy{
float:left;
width:160px;
height:30px;
padding-left:50px;
}



/* =PROD PAGE
----------------------------------------------------*/
#prod_addtocart form input[type=submit] {
		background: url(../images/ml_b_addtocart.jpg) top left no-repeat;
		border: 0;
		cursor: pointer;
		height: 20px;
		width: 85px;
		display:inline;
		margin-bottom:5px;
		vertical-align:middle;
}
#prod_addtocart form input[type=submit]:hover {
background-position: 0 -20px;
}
.prod_name{
color:#232f6d;
font:normal 28px Verdana, Arial, Helvetica, sans-serif;
}
.prod_price{
color: #231f20;
font:normal 24px Verdana, Arial, Helvetica, sans-serif;
}
#prod_alternate_border{
border:1px solid #999999;
display:block;
float:left;
height:65px;
padding:2px;
width:65px;
}
#prod_alternate_container {
display:block;
float:left;
height:65px;
padding:3px;
width:68px;
}


/* =CATEGORY TITLE IMAGES
----------------------------------------------------*/
#cat_title_images{
width:750px;
height:80px;
position:absolute;
}
.cat_titles{
position:relative;
padding:50px 0px 0px 20px;
color: #ffffff;
font:normal 22px Arial, Helvetica, sans-serif;
}
#cat_title_images_tall{
width:752px;
height:160px;
position:absolute;
}
.cat_titles_tall{
position:relative;
padding:40px 0px 0px 10px;
color: #ffffff;
width:300px;
height:110px;
font:normal 28px Arial, Helvetica, sans-serif;
}


/* =FOOTER
----------------------------------------------------*/
#footer{
margin:0 auto;
width:960px;
font:normal 11px Arial, Helvetica, sans-serif;
text-align:right;
color:#404088;
padding:10px;
clear:both;
}
.footer a:hover{
text-decoration:underline;
}
.copyright {
color:#404088;
font-weight:bold;
}
.copyright a{
color:#404088;
font-weight:bold;
}
.footer_on{
color:#000000;
}


/* LOGIN SCREENS
----------------------------------------------------*/
#login form input[type=submit] {
background: url(../images/b_login.png) top left no-repeat;
border: 0;
cursor: pointer;
height: 21px;
width: 140px;
display:block;
}
#login form input[type=submit]:hover {
background-position: 0 -21px;
}
#password form input[type=submit] {
background: url(../images/b_password.png) top left no-repeat;
border: 0;
cursor: pointer;
height: 21px;
width: 130px;
display:block;
float:right;
}
#password form input[type=submit]:hover {
background-position: 0 -21px;
}


/* CUSTOM 
----------------------------------------------------*/
div.other{ 
background: url(../images/flower_bg_1.jpg) no-repeat 0px 0;
}
div.main, div.Sproducts, div.plants, div.contact { 
background: url(../images/flower_bg_1.jpg) no-repeat 160px 0; 
}
div.resources, div.company { 
background: url(../images/flower_bg_0.jpg) no-repeat 160px 0; 
}
div.news { 
background: url(../images/flower_bg_2.jpg) no-repeat 160px 0; 
}
#secondary-navigation { 
position: absolute; 
top: 15px; 
left: 180px; 
width: 150px; 
}
#secondary-navigation li { 
font-size: 16px; 
text-transform: lowercase; 
}
#secondary-navigation a { 
background: url(../images/subnav_divider.png) no-repeat bottom; 
color:  #7a785c; 
display: block; 
padding: 16px 0;
text-decoration: none; 
width: 150px; 
}
#secondary-navigation li.last a { 
background: none; 
}
#secondary-navigation a:hover, #secondary-navigation a.active { 
color: #3c4082; 
}



/* =CONTENT WIDE
---------------------------  div.content-wide - width: 545px;  ---------- table.content-wide - width: 455px;  ---------------*/
div.content-wide { 
position: absolute; 
top: 20px; 
left: 355px; 
width: 605px; 
height: 532px; 
overflow: auto;
}

table.content-wide { 
width: 560px; 
height: 532px; 
overflow: visible; 
}
table.content-wide p { 
color: #111; 
font-size: 12px; 
line-height: 18px; 
margin-bottom: 18px; 
}





div.content_checkout-wide { 
position: absolute; 
top: 20px; 
left: 355px; 
width: 605px; 
min-height: 532px; 
height:auto;
overflow: auto;
}

table.content_checkout-wide { 
width: 560px; 
height: 532px; 
overflow: visible; 
}
table.content_checkout-wide p { 
color: #111; 
font-size: 12px; 
line-height: 18px; 
margin-bottom: 18px; 
}








/* =CONTENT PRODUCT PAGE
----------------------------------------------------*/
div.content-productpage { 
position: absolute; 
top: 20px; 
left: 495px; 
width:455px; 
height: 532px; 
overflow: auto;
}
table.content-productpage { 
width:445px; 
height: 510px; 
overflow: visible; 
}
table.content-productpage p { 
color: #111; 
font-size: 12px; 
line-height: 18px; 
margin-bottom: 18px; 
}
#prod_left{
float:left; 
width:220px;
}
#prod_right{
float: right; 
width: 220px; 
height: auto; 
vertical-align: middle; 
padding-top: 20px;
}


/* =HOME LAYOUT
----------------------------------------------------*/
#home-image-pane { 
position: relative; 
width: 364px; 
height: 387px; 
overflow: hidden; 
}
#rotating-display-overlay { 
position: absolute; 
top: 0; 
left: 0; 
width: 364px; 
height: 387px; 
z-index: 20; 
}
   
#home-text {
color:#797A7D;
position:absolute;
right:20px;
text-align:center;
top:20px;
width:340px;
}

#home-text p { 
font-size: 13px; 
line-height: 20px; 
margin: 25px 0 20px;
}
#home-text h4 { 
width: 303px; 
height: 112px; 
font-size: 12px; 
margin: 25px auto 25px; 
overflow: hidden; 
color:#aaacaf;
line-height:16px;
}

/* =OPTION
---------------------------
background: url(images/more_than_a_generation_ago.png) no-repeat; 
text-indent: -9999px; 
-------------------------*/


#home-text img.celebrating { 
margin-top: 20px; 
}
div.home-feature { 
background: url(../images/dot.png) repeat-y right; 
float: left; 
font-size: 11px; 
line-height: 15px; 
width: 165px; 
height: 95px; 
padding: 0 20px 20px; 
}
div.home-feature-1 { 
background: none; 
width: 285px;
}
div.home-feature-1 h3 { 
color: #d59d3e; 
background: none; 
width: 285px;
}
div.home-feature-3 { 
background: none;
width:240px;
}
div.home-feature h3 { 
font-size: 14px; 
text-align:left;
margin-bottom: 15px; 
text-transform: lowercase; 
}
div.home-feature-0 { 
padding-left: 20px; 
width: 165px;
}
div.home-feature-2 h3 { 
color: #D59D3E; 
}
div.home-feature-3 h3 { 
color: #7f9053;
margin-left:60px;
}
div.home-feature label { 
margin-right: 10px; 
}
div.home-feature table td { 
padding-bottom: 5px; 
}
div.home-locator { 
background: url(../images/dot.png) repeat-y right; 
color: #797a7d; 
float: left; 
font-size: 11px; 
line-height: 14px; 
width: 170px; 
height: 115px; 
padding: 10px 15px; 
}
div.home-locator-3 { 
background: none; 
}
div.home-locator h3 { 
color: #7f9053; 
font-size: 14px; 
margin-bottom: 10px;
margin-right:85px;
text-align:center;
text-transform: lowercase; 
}
div.home-locator-2 h3 { 
color: #867a96; 
}
div.home-locator-3 h3 { 
color: #d59d3e; 
}
div.home-locator label { 
margin-right: 10px; 
}
div.home-locator table td { 
padding-bottom: 5px; 
}
#zip { 
border: 1px solid #cecfd1; 
padding: 3px 5px; 
width: 83px; 
}
div.home-feature a.more { 
color: #a7a9ac; 
display: block; 
font-size: 12px; 
font-weight: bold; 
margin-top: 5px; 
text-decoration: none;
text-align:right;
padding-right:10px;
}
div.home-feature a.more span { 
color: #fcb340; 
}
div.home-feature a.more:hover { 
color: #fcb340; 
text-decoration: underline; 
}



/* =PRODUCT PAGE SUBPAGE
----------------------------------------------------*/
ul.Sproduct-navigation { 
position: absolute; 
top: 15px; 
left: 330px; 
width: 145px; 
border-left: 1px solid #dedede; 
font-size: 13px; 
line-height: 14px;
overflow:hidden;
text-transform: lowercase; 
}
ul.Sproduct-navigation li { 
background: url(../images/subnav_divider.png) no-repeat bottom; 
overflow: hidden; 
}
ul.Sproduct-navigation li.last { 
background: none; 
}
ul.Sproduct-navigation a { 
color: #7a785c; 
display: block; 
padding: 8px 10px; 
text-decoration: none; 
}
ul.Sproduct-navigation a:hover, ul.Sproduct-navigation a.active { 
color: #3c4082; 
}



/* =PRODUCT PAGE PREGNACY NAVIGATION
----------------------------------------------------*/
#pregnancy-navigation { 
padding: 0 0 100px; 
}
#birth-navigation { 
padding: 60px 0 40px; 
}
#baby-navigation { 
padding: 165px 0 0; 
}
#gifts-navigation { 
padding: 215px 0 0; 
} 



/* =RESOURCES SUBPAGE
----------------------------------------------------*/
#plant-navigation, #faq-navigation, #founder-navigation { 
position: absolute; 
top: 15px; 
left: 330px; 
width: 85px; 
border: 1px solid #dedede; 
border-top: none; 
border-bottom: none; 
font-size: 12px; 
line-height: 14px; 
padding: 30px 15px; 
text-transform: lowercase; 
}
#plant-navigation li, #faq-navigation li, #founder-navigation li { 
padding-bottom: 6px; 
}
#plant-navigation a, #faq-navigation a, #founder-navigation a { 
color: #7a785c; 
display: block; 
text-decoration: none; 
}
#plant-navigation a:hover, #plant-navigation a.active, #faq-navigation a:hover, #faq-navigation a.active, #founder-navigation a:hover, #founder-navigation a.active { 
color: #3c4082; 
}


/* =CONTENT NARROW
----------------------------------------------------*/
div.content-narrow { 
position: absolute; 
top: 20px; 
left: 470px; 
width: 470px;
padding-right:10px;
padding-left:10px;
height: 532px; 
overflow: auto; 
}
table.content-narrow { 
width: 450px; 
height: 532px; 
overflow: visible; 
}
#content h4 a, #content h4 a:hover { 
color: #3c4082; 
}
h4.binomial-name { 
color: #111; 
font-size: 11px; 
font-style: italic; 
margin: -16px 0 20px; 
}
img.plant { 
margin-bottom: 20px; 
}
table.content-narrow p { 
color: #111; 
font-size: 12px; 
line-height: 16px; 
margin: 0 0 18px; 
}
table.content-narrow ul { 
color: #111; 
font-size: 12px; 
line-height: 16px; 
list-style-type: disc; 
margin: 0 15px 18px; 
}
table.content-narrow ol { 
color: #111; 
font-size: 12px; 
line-height: 16px; 
list-style-type: decimal; 
margin: 0 20px 18px; 
}
table.content-narrow ul li { 
margin-bottom: 6px; 
}


/* =NEWS SUBPAGES
----------------------------------------------------*/
#testimonials-navigation { 
position: absolute; 
top: 15px; 
left: 330px; 
width: 85px; 
border: 1px solid #dedede; 
border-top: none; 
border-bottom: none; 
font-size: 12px; 
line-height: 14px; 
padding: 30px 15px; 
text-transform: lowercase; 
}
#testimonials-navigation li { 
padding-bottom: 6px; 
}
#testimonials-navigation a { 
color: #7a785c; 
display: block; 
text-decoration: none; 
}
#testimonials-navigation a:hover { 
color: #3c4082; 
}


/* =COMPANY SUBPAGE
----------------------------------------------------*/
table.content-wide ul { 
color: #111; 
font-size: 12px; 
line-height: 18px; 
list-style-type: disc; 
margin: 0 15px 18px; 
}
table.content-wide ol { 
color: #111; 
font-size: 12px; 
line-height: 18px; 
list-style-type: decimal; 
margin: 0 20px 18px; 
}
table.content-wide ul li { 
margin-bottom: 6px; 
}



/* =CONTENT EXTRA WIDE
----------------------------------------------------*/
div.content-extra-wide { 
position: absolute; 
top: 20px; 
left: 190px; 
width: 760px; 
height: 532px;
padding-right:10px; 
overflow: auto; 
}
table.content-extra-wide { 
width: 690px; 
height: 510px; 
overflow: visible; 
}
table.content-extra-wide p { 
color: #111; 
font-size: 12px; 
line-height: 18px; 
margin-bottom: 18px; 
}
table.content-extra-wide ul { 
color: #111; 
font-size: 12px; 
line-height: 18px; 
list-style-type: disc; 
margin: 0 15px 18px; 
}
table.content-extra-wide ol { 
color: #111; 
font-size: 12px; 
line-height: 18px; 
list-style-type: decimal; 
margin: 0 20px 18px; 
}
table.content-extra-wide ul li { 
margin-bottom: 6px; 
}






div.content_checkout-extra-wide { 
height:auto;
padding:30px 10px 20px 200px;
width:760px;
}
table.content_checkout-extra-wide { 
width: 690px; 
height:auto;
}
table.content_checkout-extra-wide p { 
color: #111; 
font-size: 12px; 
line-height: 18px; 
margin-bottom: 18px; 
}
table.content_checkout-extra-wide ul { 
color: #111; 
font-size: 12px; 
line-height: 18px; 
list-style-type: disc; 
margin: 0 15px 18px; 
}
table.content_checkout-extra-wide ol { 
color: #111; 
font-size: 12px; 
line-height: 18px; 
list-style-type: decimal; 
margin: 0 20px 18px; 
}
table.content_checkout-extra-wide ul li { 
margin-bottom: 6px; 
}


















.image-right { 
float: right; 
margin: 3px 0 10px 15px; 
}
.image-left { 
float: left; 
margin: 3px 15px 10px 0; 
}
.cntr { 
text-align: center; 
}
hr { 
margin: 10px 0px 0px 0px; 
color: #c9cbcc; 
height: 1px; 
background-color: #c9cbcc; 
border: none; 
position: relative; 
z-index: 20; 
}


/* =TABS
----------------------------------------------------*/
ul.tabNavigation {
list-style: none;
margin: 0;
padding: 0px 0px 10px 0px;
text-transform:lowercase;
height: auto;
line-height:14px;
font-size:13px;
}
ul.tabNavigation li {
display: inline;
}
ul.tabNavigation li A {
color: #000;
text-decoration: none;
padding-right:10px;
}
ul.tabNavigation li A.selected,
ul.tabNavigation li A:hover {
text-decoration:none;
}
ul.tabNavigation li A:focus {
outline: 0;
}
div.tabs > div {
padding: 5px 5px 10px 0px;
width:auto;
}
div.tabs > div h2 {
margin-top: 0;
}
#first {
display: block;
padding:0px;
line-height:14px;
}
#second {
background-color: #fff;
display: none;
padding:0px;
line-height:14px;

}
#third {
background-color: #fff;
display: none;
padding:0px;
line-height:14px;

}
#fourth {
background-color: #fff;
display: none;
padding:0px;
line-height:14px;

}
.prod_descrip{
font: normal 14px Arial, Helvetica, sans-serif; 
color:#494949;
line-height:14px;

}
.details{
background: url(../images/details.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height:36px;
width: 89px;
display:block;
float:left;
}
.details:hover{
background-position: 0 -36px;
} 
.details:active{
background-position: 0 -36px;
} 
.reviews{
background: url(../images/reviews.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height:36px;
width: 186px;
display:block;
float:left;
}
.reviews:hover{
background-position: 0 -36px;
} 
.reviews:active{
background-position: 0 -36px;
} 
.shipping{
background: url(../images/shipping.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height:36px;
width: 148px;
display:block;
float:left;
}
.shipping:hover{
background-position: 0 -36px;
} 
.shipping:active{
background-position: 0 -36px;
} 
#subheader{
width:750px;
height:auto;
border:1px solid #c1c1c1;
}
#subheader_bar{
background-image:url(../images/headers_bg_repeat.jpg);
background-repeat:repeat-x;
height:30px;
width:750px;
}
#subheader_text{
padding:7px; 
font: 16px Arial, Helvetica, sans-serif; 
color:#aa2611;
}
#subheader img{
border:0px;
margin:0 auto;
float:left;
}
#trim{
width:750px;
height:150px;
}


/* =BUTTONS
----------------------------------------------------*/
.b_previous{
background: url(../images/b_previous.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 25px;
width: 67px;
display:block;
}
.b_previous:hover {
background-position: 0 -25px;
}
.b_next{
background: url(../images/b_next.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 25px;
width: 47px;
display:block;
}
.b_next:hover {
background-position: 0 -25px;
}
.b_view{
background: url(../images/b_view.jpg) 0 0 no-repeat;
border: 0;
cursor: pointer;
height: 21px;
width: 46px;
display:block;
}
.b_view:hover{
background-position: 0 -21px;
}
.b_reset{
background: url(../images/b_reset.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 21px;
width: 67px;
display:block;
float:right;
}
.b_reset:hover{
background-position: 0 -21px;
} 
.b_send{
background: url(../images/b_send.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 21px;
width: 52px;
display:block;
float:left;
}
.b_send:hover{
background-position: 0 -21px;
} 



/* LOGIN SCREENS
----------------------------------------------------*/
.b_create{
background: url(../images/b_create.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 25px;
width: 124px;
display:block;
}
.b_create:hover {
background-position: 0 -25px;
}
.b_express{
background: url(../images/b_express.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 25px;
width: 124px;
display:block;
}
.b_express:hover {
background-position: 0 -25px;
}
.b_login {
background: url(../images/b_login.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 25px;
width: 104px;
display:block;
}
.b_login:hover {
background-position: 0 -25px;
}
.b_logout {
background: url(../images/b_logout.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 25px;
width: 110px;
display:block;
}
.b_logout:hover {
background-position: 0 -25px;
}
.b_submit_review {
background: url(../images/b_submit_review.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 25px;
width: 110px;
display:block;
}
.b_submit_review:hover {
background-position: 0 -25px;
}
.b_continue_shopping {
background: url(../images/b_continue_shopping.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 25px;
width: 124px;
display:block;
}
.b_continue_shopping:hover {
background-position: 0 -25px;
}
.b_checkout {
background: url(../images/b_checkout.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 25px;
width: 124px;
display:block;
}
.b_checkout:hover {
background-position: 0 -25px;
}
.b_continue_shopping_checkout {
background: url(../images/b_continue_shopping_checkout.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 26px;
width: 149px;
display:block;
}
.b_continue_shopping_checkout:hover {
background-position: 0 -26px;
}
.b_checkout_now {
background: url(../images/b_checkout_now.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 26px;
width: 118px;
display:block;
}
.b_checkout_now:hover {
background-position: 0 -26px;
}
#login form input[type=submit] {
background: url(../images/b_login.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 25px;
width: 104px;
display:block;
}
#login form input[type=submit]:hover {
background-position: 0 -25px;
}
#password form input[type=submit] {
background: url(../images/b_password.jpg) top left no-repeat;
border: 0;
cursor: pointer;
height: 23px;
width: 125px;
display:block;
float:right;
}
#password form input[type=submit]:hover {
background-position: 0 -23px;
}


/* =HOME SPLASH ANIMATION
----------------------------------------------------*/
 
 
#home-splash { position: relative; width: 513px; height: 387px; margin: 0 20px 20px; padding: 20px 0; border-bottom: 2px solid #e3e4e5; }
 
#home-splash ul { 
position: absolute; 
top: 20px; 
left: 364px; 
}
#home-splash ul li.organic { 
width: 149px; 
height: 129px; 
background: url(../images/square_organic.jpg) no-repeat; 
overflow: hidden; 
text-indent: -9000px; 
}
#home-splash ul li.safe { 
width: 149px; 
height: 129px; 
background: url(../images/square_safe.jpg) no-repeat; 
overflow: hidden; 
text-indent: -9000px; 
}
#home-splash ul li.effective { 
width: 149px; 
height: 129px; 
background: url(../images/square_effective.jpg) no-repeat; 
overflow: hidden; 
text-indent: -9000px; 
}
#home-splash #term-overlay { 
position: absolute; 
top: 20px; 
left: 364px; 
width: 149px; 
height: 387px; 
z-index: 20; 
}
#home-splash #term-overlay li { 
background-position: 0 -129px; 
}
#home-splash #term-overlay li.organic { 
position: absolute; 
top: 0; left: 0; 
}
#home-splash #term-overlay li.safe { 
position: absolute; 
top: 129px; 
left: 0; 
}
#home-splash #term-overlay li.effective { 
position: absolute; 
top: 258px; 
left: 0; 
}
