body {
text-align: center;
margin: 0;
font: normal 12px Arial, Helvetica, sans-serif;
color: #646464;
background: #01490e url(../images/bg.gif) repeat-x;
}
#wrap, #wrap2, #wrap3 {
width: 1000px;
margin: 0 auto;
text-align: left;
overflow: hidden;
}
#wrap2 {
width: 1041px;
}
#wrap3 {
width: 1031px;
clear: both;
}
#logo {
width: 416px;
height: 103px;
float: left;
margin: 0 0 0 20px;
}
#menu {
width: 1000px;
height: 41px;
float: left;
background: url(../images/menu.gif) no-repeat;
}
#menu ul {
list-style-type: none;
margin: 0 0 0 15px;
padding: 0;
float:left;
}
#menu li {
list-style-type: none;
float:left;
padding: 0;
color: #f1ffe7;
font: bold 12px Arial, Helvetica, sans-serif;
background-position: top center;
}
#menu li a {
text-decoration: none;
float:left;
margin: 0;
padding: 14px 25px 0 25px;
display:block;
color: #f6ffee;
height: 27px;
}
#menu li a:hover {
color: #FFFFFF;
background: url(../images/menuh.gif) no-repeat top center;
}
#feature {
width: 1041px;
height: 296px;
float: left;
background: url(../images/feature.gif) no-repeat;
margin: 0 0 2px 0;
}
.review, .ordernow {
width: 142px;
height: 46px;
float: left;
background: url(../images/review.png) no-repeat;
border: 0;
margin: 10px 0 0 0;
}
.ordernow {
background: url(../images/ordernow.png) no-repeat;
}
.review:hover, .ordernow:hover {
background-position: 0 -46px;
}
#lside, #rside {
width: 169px;
float: left;
margin: 0 7px 0 0;
}
#rside {
margin: 0 0 0 7px;
}
#ltop {
width: 169px;
height: 25px;
float: left;
padding: 12px 0 0 0;
text-align: center;
background: url(../images/ltop.gif) no-repeat;
color: #FFFFFF;
font: bold 11px verdana, Arial, Helvetica, sans-serif;
}
#lbg {
width: 169px;
float: left;
margin: 0 0 7px 0;
}
#lbg ul {
list-style-type: none;
margin: 0;
padding: 0;
float:left;
}
#lbg li {
list-style-type: none;
float:left;
padding: 8px 0 0 19px;
margin: 0;
font: normal 12px verdana, Arial, Helvetica, sans-serif;
width: 150px;
height: 25px;
background: url(../images/lbg.gif) no-repeat;
color: #002507;
display:block;
letter-spacing: -1px;
}
#lbg li:hover {
background-position: 0 -33px;
}
#lbg li a {
color: #3a3a3a;
text-decoration:none;
display:block;
}
#lbg li a:hover {
color: #127724;
}
#lbg li#last {
background: url(../images/lbot.gif) no-repeat;
height: 28px;
}
#lbg li#last:hover {
background-position: 0 -36px;
}
#rbg {
width: 169px;
float: left;
margin: 0 0 7px 0;
}
#rbg ul {
list-style-type: none;
margin: 0;
padding: 0 0 9px 0;
float:left;
background: url(../images/rbot.gif) no-repeat left bottom;
}
#rbg li {
list-style-type: none;
float:left;
padding: 8px 0 0 19px;
margin: 0;
font: normal 12px verdana, Arial, Helvetica, sans-serif;
width: 150px;
height: 25px;
background: url(../images/lbg.gif) no-repeat;
color: #002507;
display:block;
letter-spacing: -1px;
}
#rbg li:hover {
background-position: 0 -33px;
}
#rbg li a {
color: #3a3a3a;
text-decoration:none;
display:block;
float: left;
}
#rbg li a:hover {
color: #127724;
}
#rbg li#last {
background: url(../images/lbot.gif) no-repeat;
height: 28px;
}
#rbg li#last:hover {
background-position: 0 -36px;
}
#main {
width: 679px;
float: left;
margin: 0 0 7px 0;
font: normal 14px Arial, Helvetica, sans-serif;
color: #646464;
}
.maintop {
width: 679px;
height: 20px;
float: left;
}
#mainbg {
width: 645px;
float: left;
background: url(../images/mainbg.gif) repeat-y;
padding: 0 17px 0 17px;
}
h1 {
font: bold 24px "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif, verdana, arial;
padding: 0;
margin: 0;
color: #528f34;
}
h1 a {
text-decoration: none;
}
h2 {
font: bold 14px "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif, verdana, arial;
padding: 0;
margin: 0;
color: #444444;
letter-spacing: 1px;
}
h2 a {
color: #528f34;
text-decoration: none;
}
h2 a:hover {
#000000;
}
h3 {
font: bold 12px arial, verdana, Times New Roman, Times, serif;
padding: 0;
margin: 0;
color: #FFFFFF;
letter-spacing: 1px;
text-decoration: underline;
}
h4 {
font: bold 22px arial, verdana, Times New Roman, Times, serif;
padding: 0;
margin: 0;
color: #747474;
letter-spacing: -1px;
}
p {
margin: 7px 0 7px 0;
line-height: 19px;
}
#footerbg {
width: 1031px;
height: 39px;
float: left;
background: url(../images/footer.gif) no-repeat;
padding: 16px 0 0 0;
}
#footerall {
width: 100%;
float: left;
clear: both;
background: url(../images/footerall.gif) repeat-x;
}
#footer {
float: left;
border-left: 1px solid #03931d;
padding: 0 0 0 20px;
margin: 0 0 0 20px;
}
#footer ul {
list-style-type: none;
margin: 3px 0 0 0;
padding: 0;
float:left;
}
#footer li {
list-style-type: none;
float:left;
padding: 0;
color: #ffffff;
font: normal 13px Arial, Helvetica, sans-serif;
}
#footer li a {
text-decoration: none;
float:left;
margin: 0;
padding: 3px 20px 1px 7px;
display: block;
color: #f9f9f9;
background: url(../images/plus.gif) no-repeat 0px 10px;
}
#footer li a:hover {
color: #ffffff;
text-decoration: underline;
}
#logobot {
width: 231px;
height: 35px;
float: left;
margin: -2px 0 0 20px;
border: 0;
}
#scroller {
width: 1041px;
height: 296px;
float:left;
}
#scroller-header a {
text-decoration:none; 
color:#909090; 
font: normal 15px Arial, Helvetica, sans-serif;
}
#scroller-header a:hover {
text-decoration:none; 
color:#909090;
}
#fone a.selected {
text-decoration:none !important; 
color:#000000 !important;
background-position: 0 0;
}
#ftwo a.selected {
text-decoration:none !important; 
color:#000000 !important;
background-position: 0 0;
}
#fthree a.selected {
text-decoration:none !important; 
color:#000000 !important;
background-position: 0 0;
}
#ffour a.selected {
text-decoration:none !important; 
color:#000000 !important;
background-position: 0 0;
}
#ffive a.selected {
text-decoration:none !important; 
color:#000000 !important;
background-position: 0 0;
}
#fone a {
width: 216px;
height: 35px;
float:left;
background:url(../images/fone.gif) no-repeat;
background-position: 0 -60px;
padding: 25px 0 0 50px;
}
#ftwo a {
width: 216px;
height: 35px;
float:left;
background:url(../images/ftwo.gif) no-repeat;
background-position: 0 -57px;
padding: 22px 0 0 50px;
}
#fthree a {
width: 216px;
height: 35px;
float:left;
background:url(../images/fthree.gif) no-repeat;
background-position: 0 -56px;
padding: 21px 0 0 50px;
}
#ffour a {
width: 216px;
height: 35px;
float:left;
background:url(../images/ffour.gif) no-repeat;
background-position: 0 -56px;
padding: 21px 0 0 50px;
}
#ffive a {
width: 216px;
height: 39px;
float:left;
background:url(../images/ffive.gif) no-repeat;
background-position: 0 -60px;
padding: 21px 0 0 50px;
}
#scroller-header {
width: 266px;
height: 289px;
float: right;
margin: 0 5px 0 0;
}
#scroller-body {
width: 705px;
height: 249px;
padding: 20px 30px 20px 30px;
float: left;
margin: 0 0 0 5px;
}
#mask {
width:705px;
overflow:hidden;
height: 249px;
}
#panel {
width: 705px;
float: left;
}
#paneld {
width: 705px;
float: left;
}
.panelinner {
width: 685px;
height: 229px;
padding: 20px 0 0 20px;
}
.bottle {
float: right;
margin: 0 40px 0 15px;
}
.icons {
float: right;
margin: -45px 80px 0 0;
}
#minibottle1 {
width: 44px;
height: 52px;
float: right;
margin: -19px 20px 0 0;
border: 0;
}
#facebook, #twitter, #in, #rss {
width: 23px;
height: 23px;
float: right;
background:url(../images/facebook.png) no-repeat;
border: 0;
background-position: 0 -23px;
margin: 4px 10px 0 0;
}
#twitter {
background:url(../images/twitter.png) no-repeat;
background-position: 0 -23px;
}
#in {
background:url(../images/in.png) no-repeat;
background-position: 0 -23px;
}
#rss {
background:url(../images/rss.png) no-repeat;
background-position: 0 -23px;
}
#facebook:hover, #twitter:hover, #in:hover, #rss:hover {
background-position: 0 0;
}
h6 { font: normal 14px Verdana, Helvetica, sans-serif; color: #646464; margin:5px 0px 20px 0px; }
h6 a {color: #528f34; text-decoration:none;  }
h6 a:hover { color: #000000; }
.comm { }
.comm a { font-size:11px; color:#1a7f96; text-decoration:none; }
.comm img { position:relative; top:4px; margin-right:5px; }
.comm a:hover { color: #0CB5DC; }

.post { }
.post a {color: #528f34;}
.post a:hover { color: #000000; }

#comment {
width: 600px;
}
.checks {
float: left;
clear: both;
}
.checks ul {
list-style-type: none;
margin: 10px 0 10px 0;
padding: 0;
float:left;
}
.checks li {
list-style-type: none;
padding: 1px 0 5px 22px;
margin: 0 0 2px 0;
font: normal 12px Arial, Helvetica, sans-serif;
background: url(../images/check.png) no-repeat;
}
.para {
width: 450px;
float: left;
font: 13px Helvetica, Arial, sans-serif;
}
#forum {
width: 1031px;
float: left;
margin: 0 0 7px 0;
margin: 0;
font: normal 14px Arial, Helvetica, sans-serif;
color: #646464;
}
.forumtop {
width: 1031px;
height: 20px;
float: left;
clear: both;
}
#forumbot {
margin: 0 0 10px 0;
}
#forumbg {
width: 957px;
float: left;
background: url(../images/forumbg.gif) repeat-y;
padding: 0 37px 0 37px;
overflow: hidden;
}
.addthis_button {
clear:both;
overflow: hidden;
}
.starbox {
float: left;
margin: 0 200px 0 0;
}
.star {
margin: 3px 0 0 0;
width: 30px;
height: 29px;
float: left;
}
.buttonbox {
float: left;
width: 300px;
}
.rating {
float: left;
font: bold 14px Arial, Helvetica, sans-serif;
margin: 10px 5px 0 0;
}
#banner1 {
width: 468px;
height: 60px;
margin: 20px 0 0 0;
float: right;
font: 9px Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: right;
}
#banner2 {
width: 160px;
height: 60px;
margin: 10px 5px 0 0;
float: right;
text-align: right;
font: 9px bold Arial, Helvetica, sans-serif;
color: #FFFFFF;
}