/* 
CSS Document
Designer: asterix
*/

body {
font:normal 13px/18px  Calibri, verdana, arial, Sans-Serif;
color : #5C5C5C;
margin : 0; padding : 0; 
background:#F2F1EC url(../images/bg.jpg) no-repeat;
}

/* Common */
a {text-decoration:none; color:#768911;}
a:hover {text-decoration :underline;}
h1, h2, h3,h4,  img, form,input,ul, li {margin:0; padding:0;}
a img {border:0;}
p {padding :0 0 12px 0; margin : 0;}
h2, h1 {font:normal 22px/26px TrajanPro, Cambria, verdana, arial;padding:0 0 8px 0;background:url(../images/footer.gif) repeat-x left bottom;margin-bottom:10px;}
h3 {font:bold 17px TrajanPro, Calibri,verdana, arial;margin-bottom:5px;color:#AB62AF;}
h4 {font:bold 13px TrajanPro, Calibri, verdana, arial;margin-bottom:5px;}
small {font-size:11px;}
sup {font-size:60%}

.green, a.green, .green a {color:#889929;}

.red, a.red, .red a {color:#AB62AF}
.bordered {border:10px solid #EAE3D8;}

/* ======= Page Strucure ======== */
#header {padding-top:20px;height:106px;width:942px;margin:0 auto;}
#wrapper {width:942px;margin:0 auto;}
.page {width:902px;margin:0 auto 40px auto;}
#navbar {width:920px; height:41px;background:url(../images/nav.gif) no-repeat;padding:0 15px 0 7px;margin-bottom:30px;  }
#footer {padding:30px 0;font:bold 12px/15px Calibri, verdana, arial;text-align:center;color:#787672;background:url('../images/footer.gif') repeat-x;margin:25px auto 0 auto;width:902px;}

/* ======= common ======== */
.clr {clear:both; font:normal 1px/1px verdana, arial; height:1px;}
.clear {clear:both;}





/* ===== Header ===== */

/* Logo and Tag-line*/
#logocol {float:left; width:400px;}
.logo {display:block; background:url(../images/logo.gif) no-repeat;width:283px; height:48px;}
.logo span {display:none;}
p#desc {font:bold 16px/18px Cambria, Georgia, arial;color:#8F9F36; }



.callus {float:right;width:215px;background:url(../images/call.gif) no-repeat;padding:18px 0 0 105px;font:bold 16px/18px Georgia, arial;height:40px;color:#fff;margin-top:8px; }
.callno span {color:#59641B;font:bold 14px/18px 'Times New Roman', Georgia, arial;}


/* Navigation */

ul#nav {list-style:none;height:41px;float:left; width:655px;}
ul#nav li {display:block;  float:left;background:url(../images/nav-li.gif) no-repeat;padding:0 2px; width:104px;font:bold 11px/21px arial;text-transform:uppercase;letter-spacing:1px;}
ul#nav li.home {background:none;}
ul#nav li a {color:#fff;display:block; width:auto; padding:11px 0 9px 20px; width:84px;text-align:center; }
ul#nav li a:hover, ul#nav li.current a {color:#98B013;text-decoration:none;}


ul#nav li.home a {background:url(../images/home.gif) no-repeat 17px 11px;}
ul#nav li.home a:hover {background:url(../images/home.gif) no-repeat 17px -30px;}

ul#nav li.benfit a {background:url(../images/ben.gif) no-repeat 10px 11px;}
ul#nav li.benfit a:hover {background:url(../images/ben.gif) no-repeat 10px -30px;}

ul#nav li.review a {background:url(../images/review.gif) no-repeat 10px 11px;}
ul#nav li.review a:hover {background:url(../images/review.gif) no-repeat 10px -30px;}

ul#nav li.product a {background:url(../images/prodct.gif) no-repeat 7px 11px;}
ul#nav li.product a:hover {background:url(../images/prodct.gif) no-repeat 7px -30px;}

ul#nav li.about a {background:url(../images/about.gif) no-repeat 18px 12px;}
ul#nav li.about a:hover {background:url(../images/about.gif) no-repeat 18px -29px;}

ul#nav li.contact a {background:url(../images/mail.gif) no-repeat 10px 13px;}
ul#nav li.contact a:hover {background:url(../images/mail.gif) no-repeat 10px -28px;}


#sform {margin-top:8px; height:26px; background:#fffffe url(../images/sform.gif) no-repeat; float:right; width:235px;padding-left:14px;}
#sform input {border:0;float:left;}
#sform .stxt {width:160px; padding:5px 7px 5px 0;height:16px;font:normal 13px/16px arial;}
#sform .sbtn {width:68px;height:26px;background:url(../images/btn.gif) no-repeat;font:bold 13px Cambria, arial; color:#fff; cursor:pointer }
#sform .sbtn:hover {background:url(../images/btn.gif) no-repeat bottom left;}

/* ===== Content ===== */
.page li {list-style:inside; padding-left:10px;}

/* ===== Introduction ===== */
.intro-img-col {float:left; width:280px;padding-top:40px;margin-bottom:50px;}
.intro-img-col img {display:block; margin:0 auto;}
#intro {width:632px; padding:0 10px 0 0;float:left;margin-bottom:50px;}
#intro h2 {color:#AB62AF; font-size:28px;line-height:34px; }
#intro h2 span{color:#889929;}

.cols_2 {float:left; width:433px;padding:0 19px;margin-bottom:40px;}

.img_txt strong {display:none;}
.img_txt {height:26px;}
.img_txt span {display:block;height:26px;}
.what_acai {background:url(../images/what_acai.gif) no-repeat;}
.right_acai {background:url(../images/right_acai.gif) no-repeat;}
.featured {background:url(../images/featured.gif) no-repeat;}


.colm4 {width:212px; padding:0 17px 0 0;float:left;}
.colm4_last {padding-right:0;}


p.pricetag {font-size:28px; color:#889929;}


.buy {display:block; height:20px; width:94px;background:url(../images/button.gif) no-repeat right top;text-align:center;color:#fff;font-size:15;  }
.buy:hover {background:url(../images/button.gif) no-repeat left bottom;text-decoration:none;}



/* ===== Product Page ===== */
h1.page-title {text-align:center;font:normal 29px/36px Cambria, 'Times New Roman', arial;color:#889929;background:none; margin-bottom:0; padding-bottom:3px;}
h1.page-title img {padding:0 5px; }

.product-row {padding:20px 0 5px 0;background:url(../images/footer.gif) repeat-x;margin-top:10px;width:902px;}
.product-pic {float:left; width:232px;}
.product-pic img {max-width:212px;}
.product-desc {float:left;width:440px; padding:0 20px;}
.product-cart {float:left; width:188px; text-align:center;padding-top:28px;}
.cart-price-tag {font-size:26px;font-weight:bold;line-height:36px;}

.add2cart {display:block; font-size:18px;color:#fff;background:url(../images/cart-btn.gif) no-repeat; width:134px; height:28px;line-height:28px;padding-left:50px;}
.add2cart:hover {text-decoration:none;background:url(../images/cart-btn.gif) no-repeat bottom left; }



/* ===== Footer ===== */
#footer p {padding:2px 0; }
#footer a {color:#97A644;}
#fnav {list-style:none;}
#fnav li {display:inline; font:bold 12px/13px Calibri, arial;padding:0 5px 0 10px;background:url(../images/fnav.gif) no-repeat 2px center;}
#fnav li.home {background:none;}

#fnav li a {color:#787672;}