* {
margin:0;
padding:0;
}

html,body {
color:#4d473c;
background:#fff;
font:13px Arial, tahoma, helvetica, sans-serif;
margin:0;
padding:0;
}

a {
text-decoration:underline;
outline:none;
color: #8d8d8d
}

a:hover {
text-decoration:underline;
color:#000;
}

a:active {
color:#000;
}

ul,ol {
margin: 0 0 1em 1.4em;
}

a img {
border:none
}

input,textarea,select {
border:1px solid #d5d6cd;
color:#878787;
margin:2px 0;
padding:2px;
overflow:hidden;
}

select option {
padding-left: 10px
}

label { 
text-align:left;
vertical-align:top;
overflow: hidden;
}

.floatLeft {
float:left;
}

.floatRight {
float:right;
}

h2 {
font-weight: 400;
clear: both
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clear {
clear:both;
}

#logoCloud9 {
background: url(../imgs/logo.gif) no-repeat top left;
}

a.logo {
voice-family:inherit;
display:block;
width:282px;
height:106px;
float:left;
background:none;
border:0;
margin:0;
}

a.logo em, .orderButton a em, .orderButton a:link em {
display:none;
}

#completeOrder {
color: #8fba00;
font: 12px Tahoma, Arial, sans-serif;
}

#completeOrder p {
white-space:nowrap
}

#ref {
color: #fff;
font-size: 0.85em
}

#refOrder {
color: #5ad9de;
font-size: 0.85em
}

.phone {
font-size:27px; 
}

#banner {
background: url(../imgs/bannerLight.jpg) no-repeat top left;
}

#bannerOrder {
background: url(../imgs/bannerOrder.jpg) no-repeat top left;
}

#satisfaction {
background: url(../imgs/satisfactionStamp.gif) no-repeat top left;
}

#bottles {
background: url(../imgs/bottlesBanner.gif) no-repeat top left;
}

#logo {
background: url(../imgs/tagLine.gif) no-repeat top left;
}

#orderNow {
background: url(../imgs/orderBg.gif) no-repeat top left;
padding: 0 0 5px;
text-align: left;
}

#orderNow a, #orderNow a:link{
white-space: nowrap;
font: 22px Tahoma, Arial, sans-serif;
color: #fff;
text-decoration: none;
padding: 0 30px 3px 10px;
}

#orderNow a:hover {
background: url(../imgs/orderHoverBg.gif);
}

#menu {
background: #8fba00;
font-family: Tahoma, Arial, sans-serif;
text-transform: capitalize;
}
/* to stretch the container div to contain floated list */
#menu:after {
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

ul#navlist {
list-style: none;
padding: 0;
margin: 0;
font-size: 1em;
}

ul#navlist li {
display: block;
float: left;
margin:0.2em 0;
padding: 0;
}

ul#navlist li a {
display: inline;
width: 100%;
padding: 0 1.2em;
margin: 0;
border-width: 1px;
border-color: #8fba00 #fff #8fba00 #8fba00;
line-height: 1em;
border-style: solid;
color: #fff;
text-decoration: none;
}

#menu>ul#navlist li a { width: auto; }

ul#navlist li#active a {
color: #000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover {
color: #000;
border-color: #8fba00 #fff #8fba00 #8fba00;
}

ul#navlist li a.last, ul#navlist li a:hover.last {
border: 1px solid #8fba00;
}

.wrapLeftCol {
background: url(../imgs/middleRepeat.gif) no-repeat top center;
background-repeat:repeat-y;
}

.toperLeftCol {
background: url(../imgs/topper.gif) no-repeat top center;
}

.bottomerLeftCol {
background: url(../imgs/bottomer.gif) no-repeat top center;
}

.wrapRightCol {
background: url(../imgs/rightRepeat.gif) no-repeat top center;
background-repeat:repeat-y;
}

.toperRightCol {
background: url(../imgs/rightToper.gif) no-repeat top center;
}

.bottomerRightCol {
background: url(../imgs/rightBottomer.gif) no-repeat top center;
}

#leftCol h2 {
background: url(../imgs/inTheNewsBg.gif) no-repeat top left;
margin: 10px 0 7px 7px;
font: 18px Helvetica, Arial, sans-serif;
padding: 0 0 0 10px;
color: #fff
}

#leftCol dl {
list-style:none;
margin:1px 0 0;
padding:0;
overflow: hidden;
}

html>body #leftCol dl  { *margin:4px 0 0; }

#leftCol dt img
{
display:block;
float:left;
margin:0 7px 0 3px;
padding:0 4px;
}


#leftCol dd {
margin: 3px 0 0;
padding:2px 0 0;
line-height: 18px;
font: 0.85em Tahoma, Arial, sans-serif;
text-transform: capitalize;
}

#leftCol dd a, #leftCol dd a:link {
color:#8f8f8f;
text-decoration: none;
background-color:inherit;
}

#leftCol dd a:hover {
color:#000;
}

#leftCol dt a {
float:left;
display:block;
margin:0 7px 0 3px;
padding:0 4px;
}

* html #leftCol dl {
height:1%;
}

#leftOrder {
background: url(../imgs/orderNowBg.gif) no-repeat top left;
}

#leftOrder p.small {
font-size: 0.7em;
color: #8d8d8d
}

span.shipping {
font-size: 1.2em;
font-weight: bolder;
margin-right: 10px;
color: maroon
}

#leftOrder a, #leftOrder a:link {
color: #fff;
font: 22px Tahoma, Arial, sans-serif;
text-decoration: none;
padding: 0 0 0 77px;
line-height: 64px;white-space:nowrap
}

#leftOrder a:hover {
color: #000
}

#liveChatSmartTrack {
padding: 0 0 0 7px;
}

#liveChat {
background: url(../imgs/chatBg.gif);
}

#liveChat p {
margin: 3px 0 0 60px;
padding: 0
}

#liveChat p.status {
font: 22px Tahoma, Arial, sans-serif;
color: #8fba00;
}

#liveChat a, #liveChat a:link {
font: 1em Tahoma, Arial, sans-serif;
text-decoration: none;
text-transform: capitalize;
}

#leftCol form {
margin: 0 0 0 10px
}

#leftCol input, #leftCol textarea, #leftCol select {
background: url(../imgs/inputBg.gif) repeat-x;
font: 0.85em Tahoma, Arial, sans-serif;
}

#leftCol label {
display:-moz-inline-box; /*for mozilla*/ 
display:inline-block; /*for Opera & IE*/
width:40px; 
margin:4px 10px 0 2px; 
font: 11px Tahoma, Arial, sans-serif;
color: #878787;
padding: 5px 0 0 5px
}

#leftCol label {
width:40px;
color:#878787
}

#leftCol input.sendbutton	{ 
width:70px;  
padding:5px; 
float: right;
margin: 1px 15px;
font: 0.8em Tahoma, Arial, sans-serif;
text-transform: uppercase;
color: #f9721c;
background: #f3f4e4;
border: none;
cursor: pointer;
}

.divider {
margin: 10px;
background: url(../imgs/divider.gif) repeat-x top left;
height: 1px;
clear: both;
width: 186px;
}

a.more {
color: #89e220;
float:right;
padding: 3px
}

a:hover.more {
color: #000;
}

span.client {
float:right;
clear: both;
color: #8d8d8d;
margin: 8px
}

p.testimonials {
color: #8d8d8d;
font-size: 0.85em;
padding: 5px 8px
}

#rightCol h2{
color: maroon;
font: 30px Tahoma, Arial, sans-serif;
margin: 0 0 12px
}

#rightColOrder h3{
color: maroon;
font: 21px Tahoma, Arial, sans-serif;
margin: 0;padding:0
}

.postOrder p {
font: 1em Tahoma, Arial, sans-serif;
line-height: 12px;
margin: 0 0 15px;
}

.postOrder img.floatRight {
margin: 0 5px 0 0
}

.postOrder ul {
list-style-type: none;
padding: 0 0 0 14px;
margin: 0;
font: 0.8em Tahoma, Geneva, Helvetica, sans-serif;
color: #fff;
overflow: hidden;
display: inline-block;  /*triggers hasLayout in IE*/
}

.postOrder ul li {
margin: 0;
padding: 0 0 2px 10px;
line-height: 1.1em;
background: url(../imgs/star.gif) 0 .30em no-repeat;
}

.postOrder ul li.buy {
margin: 0;padding: 0;
font: 1.7em Tahoma, Geneva, Helvetica, sans-serif;
background: none;
}

.postOrder ul li.get {
margin: 0;padding: 0;
font: bold 2.6em Geneva, Helvetica, sans-serif;
background: none;line-height:1em
}

.guaranteed{
color: #789c00;
font: 28px Helvetica, Tahoma, Arial, sans-serif;
margin: 0 0 8px;float:left
}

.orderButton {
background: url(../imgs/orderButton.gif) no-repeat top left;
padding: 0 0 5px 0;
text-align: left;
}

a.ordering {
voice-family:inherit;
display:block;
background:none;
border:0;
margin:0;
width: 295px;
height: 40px;
}

a:hover.ordering  {
background: url(../imgs/orderButtonHover.gif);
}

.rightColOrderImgs p {
color:#6a6a6a;
margin: 0 0 5px;
font: 1em Tahoma, Geneva, Helvetica, sans-serif;
}

.deletedPrice {
color: maroon;
}
.buyPrice {
color: #fe0000;
}
.post p {
font: 1em Tahoma, Arial, sans-serif;
line-height: 21px;
margin: 0 0 15px 160px;
}



.post ul {
list-style-type: none;
padding: 0 0 0 20px;
margin: 0 0 0 20px;
overflow: hidden;
display: inline-block;  /*triggers hasLayout in IE*/
}

.post ul li {
margin: 0;
padding: 0 0 6px 25px;
line-height: 1.6em;
background: url(../imgs/bullet.gif) 0 .55em no-repeat;
}

#footer p {
color: #c9c9c9;
font: 0.85em Geneva,Tahoma, Arial, sans-serif;
letter-spacing: -0.3px
}

#footer ul {
list-style: none;
padding: 0;
margin: 0.5em auto;
font: 0.82em Geneva, Tahoma, Helvetica, sans-serif;
clear: both
}

#footer ul li, .oform ul li {
display: inline;
margin:0;
padding: 0;
}

#footer ul li a {
display: inline;
width: 100%;
padding: 0 0.4em;
margin: 0;
border-width: 1px;
border-color: #fff #777 #fff #fff;
border-style: solid;
color: #777;
text-decoration: none;
}

#footer ul li a:hover, #footer ul li a:hover {
color: #000;
border-color: #fff #777 #fff #fff;
}

#footer ul li a.last, #footer ul li a:hover.last {
border: 1px solid #fff
}

.oform ul {
margin: 0;
padding: 25px 0 0;
overflow: hidden;
display: inline-block;  /*triggers hasLayout in IE*/
width: 100%
}
 html>body .oform ul { *padding: 15px 0 0; }
.oform ul li {
background: none;
margin: 0;padding: 0
}

.oform input{ 
background: transparent; 
border: none;margin:0;padding:0
}

.oform li.cards {
padding:25px 0 0;float:left;width: 107px;
background: url(../imgs/cards.gif) no-repeat top left;
}

div.oform input.cards {
width: 107px;
}

.oform li.paypal {
padding:25px 0 0;float:left;width: 41px;
background: url(../imgs/paypalSmall.gif) no-repeat top left;
}

div.oform input.paypal {
width: 41px;
}

.oform li.googleCheckOut {
padding:25px 0 0;float:left;width: 65px;
background: url(../imgs/googleCheckoutSmall.gif) no-repeat top left;
}

div.oform input.googleCheckOut {
width: 65px;
}

.oform li.moneyBookers {
padding:25px 0 0;float:left;width: 35px;
background: url(../imgs/moneyBookersSmall.gif) no-repeat top left;
}

div.oform input.moneyBookers {
width: 35px;
}

.oform li.byCheck {
padding:25px 0 0;float:left;width: 52px;
background: url(../imgs/payByCheck.gif) no-repeat top left;
}

div.oform input.byCheck {
width: 52px;
}

 html>body .oform li.paypal, html>body .oform li.moneyBookers, html>body .oform li.byCheck , html>body .oform li.googleCheckOut,  html>body .oform li.cards { *padding:15px 0 0; }

.NewsLetterThanksPanel
{
    color: Green;
    padding-left: 10px;
}


.boxcon {
background:#FFFFFF no-repeat scroll 0 11px;
border:1px solid #4F6F92;
margin-bottom:15px;
overflow:hidden;
padding:15px 11px;
}

.boxcon object {
border:1px solid #FFC600;
display:block;
float:left;
margin-right:12px;
}

.boxcon h4 {
color:#B60000;
font-size:18px;
margin-bottom:10px;
}

.boxcon h3 {
color:#757342;
font-size:16px;
margin-bottom:9px;
}

.boxcon h5 {
color:#757342;
font-size:14px;
margin-bottom:9px;
}



.boxinboxcon ul {
float: left;
width: 47em; 
margin:0 0 0 0px;
padding:0 0 0 0px;
list-style: none;
}



.boxinboxcon li {


float: left;
line-height:23px;
  width: 168px;
  margin: 0;
  background-image: url(../imgs/ok.gif);
  background-position: 0 3px;
  background-repeat: no-repeat;
  padding: 0 0 0 1.5em; 
color:#ffffff;
font-size:13px;


}


.boxcon p {
line-height:21px;
margin-bottom:10px;
}

p lead {
color:#757342;
font-size:14px;
margin-bottom:9px;
}

.boxinboxcon {
background:#8FBA00 url(../imgs/bgbenefits.gif)  scroll 0 0px;
border:1px solid #4F6F92;
margin-bottom:15px;
overflow:hidden;
padding:15px 11px;
}


.boxinboxconlight {
background:url(../imgs/bglight.gif)  scroll 0 0px;
border:1px solid #4F6F92;
margin-bottom:15px;
overflow:hidden;
padding:15px 11px;
}