/* ********************************
Styles for Full Circle site
What are your plants whispering to you?
***********************************
*/

* { margin: 0; padding: 0; list-style-type: none; }


a { color:#3c7932; text-decoration:underline; }
a img { border:0 }

body { background-color:#c2d69e; }

h1 { font:normal 28px 'Lucida Sans',arial,sans-serif; color:#3c7932; margin-left:27px;margin-bottom:8px; margin-top:40px;}
h2 { font:normal 22px 'Lucida Sans',arial,sans-serif; color:#3c7932; margin-left:27px;margin-bottom:8px; margin-top:40px;}

#container { width:987px; margin: 0 auto; position:relative;}

#label { float:left;width:393px; height:585px; background:url(/images/home-bg.jpg) no-repeat 0 0; padding-top:10px; }

#label h1 { width:230px; height:56px; background:url(/images/tagline-home.png) no-repeat 0 0; text-indent:-9999px; margin: 0 auto; margin-top:480px; }

#logo.home { width:217px; height:124px; background:url(/images/logo.png) no-repeat 0 0; text-indent:-9999px; margin:0; margin-top:15px; margin-left:20px;}

#logo a {  width:217px; height:124px; background:url(/images/logo.png) no-repeat 0 0; text-indent:-9999px; position:absolute; z-index:1000; left:20px; top:14px; display:block }

#content-wrapper { background:white url(/images/soilglow.jpg) no-repeat bottom right; padding-bottom:50px;}

#content { height:514px; background:white url(/images/soilglow.jpg) no-repeat -360px bottom; padding-top:71px; padding-right:176px; margin-left:393px; }
body.sub #content { background:none; position:relative; height:auto;}
body.sub#wide #content { margin-left:235px; }

#content h3 { font:bold 18px arial,sans-serif; color:#3c7932; margin-left:27px; margin-top:20px; width:280px; margin-right:25px;}
#content h4 { font:normal; color:black; font:14px/1.5 'Lucida Sans', arial,sans-serif; margin-top:0.5em; margin-left:27px; margin-right:25px;}
#content p  { color:#3c7932; font:14px/1.6 'Lucida Sans', arial,sans-serif; margin-left:27px; margin-right:25px;} 

#content ul { margin-left:65px; margin-bottom:15px; color:black; font:14px/1.6 'Lucida Sans', arial,sans-serif; margin-right:25px; }
#content ul li { list-style-type: disc; }

body.sub #content p { margin-bottom:0.8em; }

div.promotion { width:230px; margin-top:50px; height:110px;}
div.promotion h3 span { color:black; }

body.sub div.promotion { margin-top:0;}

#endpage { clear:left; }

#siderail { position:absolute; top:155px; left:0; width:385px;}
body#wide #siderail { width:193px;}

#siderail div.testimonial { width:193px; float:left; margin-left:30px; }
#siderail div.testimonial blockquote p { font:italic 16px Georgia,'Times New Roman',serif; color:#6a5207; }
#siderail div.testimonial cite { font:11px verdana,arial,sans-serif; color:#6a5207; display:block;margin-top:7px;}
#siderail div.testimonial ul.more { border-top:1px solid #C2D69E;margin-top:7px; padding-top:5px;}
#siderail div.testimonial ul.more li {list-style-type:none; font:13px arial,sans-serif; margin-bottom:5px;}

#siderail div.photo-smallside {  float:right; width:136px; text-align:center;}
#siderail div.photo-smallside p.caption { font:11px Verdana,arial,sans-serif; padding-top:5px;}

#siderail div.labresults {  margin-left:auto; width:136px; background:url(/images/tomato-small.jpg) no-repeat 0 0; clear:both; height:200px;padding-top:100px;}
#siderail div.labresults img {margin-left:4px;}

#orderbar { width:176px; position:absolute; top: 72px; right: 0;}

#orderbox {width:inherit; background:url(/images/orderbox-bg.png) no-repeat 0 0; color:#5e3c15; margin-bottom:0; margin-top:20px;}
#orderbox h3, #orderbox h4 {color:#5e3c15 !important; margin-left:0 !important;}
#orderbox h3 { font-size:17px !important; margin-left:10px !important; padding-top:10px;padding-left:20px; background:url(/images/arrow-order.png) no-repeat 0px 17px; }
#orderbox ul { margin-left:0; !important; margin-bottom:0 !important;  margin-right:0 !important;}
#orderbox ul li { margin-left:1px !important; margin-bottom:5px !important; padding-left:11px !important; padding-bottom:15px !important; border-bottom:1px solid white; list-style-type:none !important; }
#orderbox ul li.last { margin-bottom:0 !important; border:0; padding-bottom:5px;}
#orderbox div.moreinfo { font:10px verdana,arial,sans-serif; position:relative; top:-17px; left:90px; }
#orderbox div.priceline { font:14px arial,sans-serif; margin-top:-7px; }
#orderbox div.priceline img { margin-right:13px; margin-top:-3px; float:right;}
#orderbox-cap { background:url(/images/orderbox-bot-bg.png) no-repeat bottom left; height:26px; margin-top:0px;}
#orderbox p { margin-left:10px; font:11px verdana,arial,sans-serif; }
#orderbox #emailform { margin:10px; }
#orderbox #emailform label {display:none;}
#orderbox #emailform #hjfo-hjfo { width:150px; border:1px solid #68590B; }


#newsbox { width:inherit; background:url(/images/newsbox-bg.png) no-repeat; margin-top:-15px; }
#newsbox h3 { font: normal 13px verdana,arial,sans-serif !important; padding-top:10px; margin-left:10px !important;}
#newsbox h3 img {padding-right:5px; margin-bottom:-2px; }
#newsbox h4 { margin-left:10px !important; color:#5e3c15 !important;font:12px verdana,arial,sans-serif !important; }
#newsbox p { margin-left:10px !important; color:#5e3c15 !important; margin-right:10px !important; font:11px verdana,arial,sans-serif !important; }
#newsbox a { color:#5e3c15 !important; }
#newsbox p.more-news {text-align:center; padding:5px 0; position:relative; bottom:-10px; margin:0 !important;}
#newsbox p.more-news a { text-decoration:none;}
#newsbox p.more-news a:hover { text-decoration:underline;}
#newsbox-cap { width:176; height:13; background:url(/images/newsbox-bot-bg.png) no-repeat 0 0; }

#endpage ul li { float:left; }


#endpage p { font:bold 13px/1.4 arial,sans-serif; color:white; padding-left:30px; margin-top:5px; width:110px; }
#endpage p a { color:white; }

#endpage { background:#184d10 url(/images/footer-all-connected.jpg) no-repeat 0 0; margin:0; width:auto; margin-left:0; margin-right:0; height:160px;}
#endpage  h3 { margin-left:770px; padding-top:15px;padding-left:20px; }
#endpage  h3 a { color:yellow; text-decoration:none; font:bold 19px arial,sans-serif; }
#endpage p { margin:0; margin-top:5px; padding:0; margin-left:770px; padding-left:20px;width:170px;}
#endpage  p.more { margin-top:1em; }

#share-experience { margin-top:30px; }
#share-experience fieldset { margin-left:25px; border:3px solid #3E7932; }
#share-experience fieldset legend { background:#3E7932; color:white; font:18px Georgia,'Times New Roman',serif; padding:5px; margin-left:10px;}
#share-experience label { display:block; font:14px arial,sans-serif; margin-top:10px; margin-bottom:5px; margin-left:15px;}
#share-experience input { margin-left:15px; }
#share-experience textarea { margin-left:15px;}
#share-experience div.send-button { margin:10px 0; }
.form-warning { color:red !important; padding:10px; border:4px solid red; }
.error { color:red; font-weight:bold !important; }

.inline-emailform { margin:20px 0; }
.inline-emailform label { margin-left:25px; font:14px arial,sans-serif;}


#footer { padding-top:9px; clear:left; height:34px; background:url(/images/minfooter-bg.png) no-repeat 0 0; color:#c2d69e; font:11px verdana,arial,sans-serif;}
#footer ul li { float:left; }
#footer ul li ul { margin-left:224px; }
#footer ul li ul li { color:white; border-right:1px solid #c2d69e; padding-right:5px; margin-left:5px; }
#footer ul li ul li a { color:white; text-decoration:none;}
#footer ul li ul li.last  { border:0; }
#footer ul li#copyright { border:0; margin-left:15px;}
#footer ul li#foot-tag { width:158px; height:49px; background:url(/images/tagline-footer.png); text-indent:-9999px; position:relative; top:-17px; right:-44px; } 


/* Home nav */
#nav {z-index:10; position:absolute; top: 0; right:0; background:#4d9342 url(/images/home-navbg.png) repeat-y 0 0; height:71px; width:594px; }
body.home #nav { background-image:none; }
#nav ul { margin-top:33px; margin-left:15px;}
#nav ul li { display:inline }
#nav ul li a { float:left; display:block; font:bold 15px arial,sans-serif; color:white; text-decoration:none; text-transform:uppercase; padding:10px; border-right:1px solid white;}
#nav ul li.last a {border:0;}
#nav ul li a:hover { color:yellow;}
#nav ul li.current a { background-color:white; color:#4D9342; }

/* Sub nav */
body.sub #nav { width:100%; background:#4d9342 url(/images/nav-sub-bg.png) repeat-y 0 0;}
body.sub #nav ul {position:absolute; right:-1px; width:580px;}

/* Sub inline elements */

p.emph { color:black !important; }
p.extrapolation { padding:10px; border:1px solid #C2D69E; }
p.callout { background:#FFF200; }

ul#orderitems {margin-left:25px }
ul#orderitems li { text-align:center; list-style-type:none; margin-bottom:10px; width:120px; float:left; border:1px solid #C2D69E; margin-right:10px; padding:10px;}
ul#orderitems li h4 {margin:0; padding:0; font-size:16px;}

.form-success {background:yellow; padding:10px; border:1px solid #C2D69E;}

div.about-product { clear:both; border:1px solid #C2D69E; margin-left:25px; margin-right:105px; margin-bottom:20px;}
div.about-product p { padding:5px 15px; !important; margin:0 !important; font-size:12px !important;}

ul#use li { list-style-type:none; }
ul#use li ul { margin-left:15px; padding-left:0; }
ul#use li ul li { list-style-type:disc;}