html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left }table{ border-collapse: collapse; border-spacing: 0 }ol,ul{ list-style: none }q: before,q: after,blockquote: before,blockquote: after{ content: "" }


body{ margin: 0; padding: 0; background: #bfdbee; color: #4d4d4f; font-family: Arial, Helvetica, sans-serif; }
strong{ font-weight: bold; }
a, a:hover{ outline: none; }
ul{ list-style: disc; margin-left: 25px; }
ul li{ color: #4d4d4f; margin-bottom: 10px; }
ul li a{ color:  #0071BC; text-decoration: none; }
ul li a{ text-decoration: underline; }

/* Framework */
.header{ width: 100%; margin: auto; background-color: #fff; }
.logo{ text-align: center; padding: 30px 0px; }
.mainContent{ width: 100%; margin: 0px auto; background: url('../../bin/images/footer_grad.gif') bottom left repeat-x #fff; }
.body_tile{ width: 100%; background: url('../../bin/images/bacground-tile.gif') no-repeat 47.75% 25px; }
.body_tile2{ width: 100%; background: url('../../bin/images/bacground-tile.gif') no-repeat 47.75% 25px; }
.midCol{ margin: 0px auto; width: 100%; }
.content_container{ display: block; width: 393px; min-height: 300px; margin: 0px auto; }

/* navigation */
.nav{ height: 23px; width: 407px; overflow: hidden; position: relative; }
a.contact, a.press, a.testimonials, a.products, a.about, a.home{ float: left; width: 68px; height: 25px; display: block; padding: 7px 5px 3px; text-indent: -9999px; cursor: pointer; }
a.contactOn, a.pressOn, a.testimonialsOn, a.productsOn, a.aboutOn, a.homeOn{ float: left; width: 68px; height: 24px; display: block; padding: 7px 5px 3px; text-indent: -9999px; }
a.home, a.homeOn{ background: url('../../bin/images/homeDbl.png') no-repeat 0px -24px; position: relative; z-index: 9; }
a.home:hover{ background: url('../../bin/images/homeDbl.png') no-repeat 0px 0px; }
a.about, a.aboutOn{ background: url('../../bin/images/aboutDbl.png') no-repeat 0px -24px; position: relative; margin-left: -15px; z-index: 5; }
a.about:hover{ background: url('../../bin/images/aboutDbl.png') no-repeat 0px 0px; }
a.products, a.productsOn{ background: url('../../bin/images/productsDbl.png') no-repeat 0px -24px; position: relative; margin-left: -15px; z-index: 4; }
a.products:hover{ background: url('../../bin/images/productsDbl.png') no-repeat 0px 0px; }
a.testimonials, a.testimonialsOn{ background: url('../../bin/images/testimonialsDbl.png') no-repeat 0px -24px; position: relative; margin-left: -10px; z-index: 3; }
a.testimonials:hover{ background: url('../../bin/images/testimonialsDbl.png') no-repeat 0px 0px; }
a.press, a.pressOn{ background: url('../../bin/images/pressDbl.png') no-repeat 0px -24px;  position: relative; margin-left: -10px; z-index: 2; }
a.press:hover{ background: url('../../bin/images/pressDbl.png') no-repeat 0px 0px; }
a.contact, a.contactOn{ background: url('../../bin/images/contactDbl.png') no-repeat 0px -24px; position: relative; margin-left: -15px; z-index: 1; }
a.contact:hover{ background: url('../../bin/images/contactDbl.png') no-repeat 0px 0px; }

a.homeOn{ background: url('../../bin/images/homeDbl.png') no-repeat 0px 0px; }
a.aboutOn{ background: url('../../bin/images/aboutDbl.png') no-repeat 0px 0px; }
a.productsOn{ background: url('../../bin/images/productsDbl.png') no-repeat 0px 0px; }
a.testimonialsOn{ background: url('../../bin/images/testimonialsDbl.png') no-repeat 0px 0px; }
a.pressOn{ background: url('../../bin/images/pressDbl.png') no-repeat 0px 0px; }
a.contactOn{ background: url('../../bin/images/contactDbl.png') no-repeat 0px 0px; }

/* Content */
.content{ clear: both; min-height: 325px; font-size: 12px; padding: 20px 20px 0px; color: #999; position: relative; z-index: 10; background: #fff; width: 359px; }
.contentImg{ clear: both; min-height: 476px; position: relative; z-index: 1; margin-top: 2px; padding: 0px; }
.content_bottom{ background: url('../../bin/images/container_round_bottom.png') no-repeat; height: 47px; margin-top: -18px; width: 400px; }
.content h1{ margin: 0px 0px 10px; padding: 0; font-size: 14px; color: #0473bd; }
#product_details h1{ margin: 0px 0px 3px; padding: 0; font-size: 14px; color: #0473bd; }
#product_details h1 small{ font-size: 10px; }
.content p{ color: #4d4d4f; line-height: 17px; padding: 0px 0px 15px; }
.content p a, .order_now a{ color: #0071bc; text-decoration: none; }
.content p a:hover, .order_now a:hover{ text-decoration: underline; }
.external_links{ position: absolute; /*top: 155px; left: 420px;*/ margin: 180px 0px 0px 420px; height: 34px; width:170px;background: url('../../bin/images/external_links.gif') no-repeat;}
.external_links_index{position: relative; top: 207px; left: 440px; height: 34px; width:170px;background: url('../../bin/images/external_links.gif') no-repeat; }

.facebook, .twitter, .google_checkout, .paypal_checkout { display: block; text-indent: -9999px; float: left; }
.facebook{ width: 34px; height: 34px; }
.twitter{ width: 30px; height: 34px; }
.google_checkout{ width: 50px; height: 34px; }
.paypal_checkout{ width: 48px; height: 34px; }

/* footer */
.footer{ font-size: 12px; color: #999; text-align: center; margin: 20px 0 20px; }
.footer a{ text-decoration: none; font-size: 12px; padding-left: 10px; color: #999; }
.footer a:hover{ text-decoration: underline; }
.footer p{ padding-top: 20px; text-align: center; overflow: hidden; }

/*form*/
#contact_form{ width: 320px; font: 12px Verdana, Geneva, sans-serif; color:  #000; padding:  1em; overflow: hidden; }
#contact_form h1 {margin-bottom:20px; font-size: 18px;}
.fieldHolder, .fieldHolderRight{  display:  block; float:  left; margin:  5px 10px 5px 5px; padding:  0px; overflow:  hidden:   }
.fieldHolderRight{ width:  425px; *width:  435px;  }
.fieldHolder label{ display: block; width: 100px; color: #4d4d4f; padding: 5px 0px;  }
.fieldHolder input{ display: block; width: 300px; margin-top:10px; }
.fieldHolder textarea{ width: 300px;  border: 1px solid #000; height: 150px; border-color: #999; margin-top:10px; }
.submit{ color: #333; width: 75px; float: right; margin-top: 20px; cursor: pointer; }
.required{ font-style: italic; font-size: 10px; }
.required, label.error{ color: #0473bd;}
label.error{ font-size: 10px; width: 175px; }

/* products */
div#product_container{ width: 100%; margin: 0px auto; overflow: hidden; }
div#product_shot{ width: 219px; position: relative; z-index: 15; }
div#product_details{ position: absolute; width: 200px; top: 80px; left: 190px; z-index: 20; font-size: 12px; color:#0071bc; line-height: 16px; }
.ship_handleTxt, .paypal{ display: block; font-size: 10px; margin-bottom: 15px; }
.paypal{ line-height: 14px; margin-top: 10px; }
.click{ background: url('../../bin/images/click_here.gif') no-repeat; display: block; height: 20px; text-indent: -9999px; width: 84px; }
div#button_container{ overflow: hidden; }
.paypal_button{ float: left; margin-right: 10px; }
img.googlecart-add-button{ height: 37px; width: 85px; }
.order_now{ }
	
/* Misc */
.right{ float: right; }

/* tool tips */
.aloe_vera, .lemon, .black_soap, .neem, .lavender, .jojoba, .coconut, .tea{ width: 52px; height: 52px; display: block; position: absolute; }
.aloe_vera{ z-index: 34; margin: 25px 0px 0px -88px; }
.lemon{ z-index: 35; margin: 82px 0px 0px -214px; }
.black_soap{ z-index: 36; margin: 82px 0px 0px -40px; }
.neem{ z-index: 37; margin: 140px 0px 0px -155px; }
.lavender{ z-index: 38; margin: 25px 0px 0px 419px; }
.jojoba{ z-index: 39; margin: 25px 0px 0px 535px; }
.coconut{ z-index: 40; margin: 140px 0px 0px 419px; }
.tea{ z-index: 41; margin: 140px 0px 0px 477px; }

#tooltip{ display:none; background:transparent url('../../bin/images/white_arrow.png') no-repeat; font-size:12px; height:40px; width:80px; padding:15px 10px 0px; color:#000; text-align: center; z-index: 100; }

/*captcha*/
.captcha_container{ overflow: hidden; clear: both; }