body {
margin:0 auto;
padding:0;
font:16px Arial, Helvetica, sans-serif;
}

.clear {
clear:both;
}

.padd-left {
padding-left:10px
}

.padd-right {
padding-right:10px
}

.padd-top {
padding-top:10px
}

.padd-bottom{
padding-bottom:10px
}

.left {
float:left;
}

.right {
float:right;
}

h1, h2 {
margin:0;
padding:0;
}

h3 {
margin:5px 0;
padding:0;
font:bold 15pt Arial, Helvetica, sans-serif;
}

img {
border:none;
}

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

#container {
width:988px;
height:auto;
padding:0;
margin:0 auto;
}

#top-container {
height:120px;
padding:30px 29px 5px 25px;
margin:0 auto;
}

#top-container-inner {
height:auto;
padding:10px 20px 0px 21px;
margin:0;
}

.top-left-area {
float:left;
height:auto;
padding:0px 0px 0px 0px;
margin:0;
width:695px;
}

#logo {
float:left;
width:auto;
height:auto;
padding:0 5px 0 0;
margin:0 auto;
}

#top-logo-inner {
float:left;
width:183px;
height:auto;
padding:0 0px 0 0;
margin:0;
}

.top-head-text {
float:left;
width :533px;
height:auto;
padding:25px 0px 0px 0;
margin:0;
font:bold 20pt Arial, Helvetica, sans-serif;
font-style:italic;
}

.slogan-area {
float:left;
width:510px;
height:auto;
padding:0px 0px 0px 0px;
margin:0;
}

.top-slogan-inner {
float:left;
width:auto;
height:auto;
padding:25px 10px 0px 20px;
margin:0;
font:bold 19pt Arial, Helvetica, sans-serif;
font-style:italic;
}

.top-text-right {
float:left;
width:auto;
height:auto;
padding:3px 14px 3px 8px;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
margin:30px 0 0 10px;
}

.top-text-right-inner {
float:left;
width:auto;
height:auto;
padding:0px 0px 0px 0px;
margin:60px 0 0 0px;
}

h1 {
padding:0;
font:bold 20px Arial, Helvetica, sans-serif;
margin:0;
}

.banner-area {
background:url('../images/banner.jpg') no-repeat;
float:left;
width :907px;
height:188px;
padding-left:81px; padding-right:0px; padding-top:146px; padding-bottom:0px
}

.banner-area-inner {
background:url('../images/banner-bg.gif') repeat-x;
float:left;
width :980px;
height:337px;
padding:0px;
}

.banner-area-inner .banner-border-left {
background:url('../images/banner-border-left.gif') no-repeat top left;
float:left;
width:15px;
height:337px;
padding:0px;
overflow:hidden
}

.banner-area-inner .banner-border-right {
background:url('../images/banner-border-right.gif') no-repeat top left;
float:right;
width:15px;
height:337px;
padding:0px;
overflow:hidden
}

.banner-slogan {
padding:0px 0px 10px 0px;
font:1.6em "arial";
color:#040404;
font-style:italic;
}

.banner-area-inner li{
margin:0 0 0 15px;
padding:0px 0px 10px 0px;
font:16pt "arial";
color:#59961c;
font-style:italic;
}

.much-more-link {
font:bold 12pt "arial";
color:#030303;
padding:15px 0 0 0;
text-align:right;
font-style:italic;
}

.much-more-link a{
color:#030303;
text-decoration:none;
}

.much-more-link a:hover{
color:#030303;
text-decoration:underline;
}

.banner-inner-home-living {
background:url('../images/banner-home-living.jpg') no-repeat top left;
float:left;
width :445px;
height:310px;
padding:27px 22px 0 234px;
}

.banner-inner-weight-loss {
background:url('../images/banner-weight-loss.jpg') no-repeat top left;
float:left;
width :445px;
height:310px;
padding:27px 22px 0 234px;
}

.banner-inner-home-aloe {
background:url('../images/banner-home-aloe-vera.jpg') no-repeat top left;
float:left;
width :445px;
height:310px;
padding:27px 22px 0 234px;
}

.banner-inner-aloe-gel {
background:url('../images/banner-aloe-gel.jpg') no-repeat top left;
float:left;
width :445px;
height:310px;
padding:27px 22px 0 234px;
}

.register-area {
float:left;
width:242px;
border-left:1px solid #e5e5e5;
padding:0 0 0 5px;
margin:25px 0 0 0;
}

.register-area .login-title{
float:left;
background:url(../images/register-title.gif) no-repeat left;
width:150px;
padding:60px 0 0 73px;
height:27px;
margin:4px 0 0 0;
color:#59961c;
font:bold 12pt Arial, Helvetica, sans-serif;
}

.register-area .login-title a{
color:#59961c;
text-decoration:none;
}

.register-area .login-title a:hover{
color:#59961c;
text-decoration:underline;
}

.register-area ul{
margin:0 0 0 24px;
padding:0;
list-style-type:none;
}

.register-area ul li{
margin:0;
padding:0 0 5px 0;
font:10pt Arial, Helvetica, sans-serif;
color:#000;
clear:both;
font-style:normal;
}

.reg-input {
margin:0 0 5px 0;
border:1px solid #8ab500;
float:left;
width:185px;
height:24px;
padding:1px 0 0 0;
font:14pt Arial, Helvetica, sans-serif;
color:#3b3b3b;
overflow:hidden;
}

.reg-button {
font:15pt Arial, Helvetica, sans-serif;
background:url('../images/green-but-b.gif') no-repeat left top;
float:left;
width:206px;
height:62px;
border:none;
padding:0px;
color:#fff;
cursor:pointer;
margin:10px 0 0 15px;
}

.reg-button:hover {
text-decoration:underline;
}

.tab-middle {
background:url('../images/tab-bg.jpg') repeat-y;
margin:0;
width:928px;
height:auto;
font-style:normal; font-variant:normal; font-weight:normal; font-size:15px; font-family:Arial, Helvetica, sans-serif; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:10px
}

.tab-middle p{
font:14pt Arial, Helvetica, sans-serif;
line-height:24px;
color:#333333;
padding:5px 0px 5px 0px;
margin:0;
}

.bot-img {
float:left;
margin:0 10px 0 0;
}

.bot-price {
font:bold 12pt "Arial";
color:#333333;
}

.green-font {
color:#339900;
}

.green-font-dark {
color:#59961c;
}


.button1 {
background:url('../images/button1.gif') no-repeat 0 0;
width:92px;
text-align:center;
height: 24px;
border:medium none;
color:#fff;
text-decoration:none;
cursor:pointer; font-style:normal; font-variant:normal; font-weight:bold; font-size:12pt; font-family:Arial, Helvetica, sans-serif; margin-left:0; margin-right:0px; margin-top:0; margin-bottom:0
}

.button1 a{
background:url('../images/button1.gif') no-repeat 0 0;
display:block;
width:92px;
text-align:center;
height: 22px;
border:medium none;
color:#fff;
text-decoration:none;
cursor:pointer; font-style:normal; font-variant:normal; font-weight:bold; font-size:12pt; font-family:Arial, Helvetica, sans-serif; margin-left:0; margin-right:0px; margin-top:0; margin-bottom:0; padding-left:0px; padding-right:0px; padding-top:2px; padding-bottom:0
}

.button1 a:hover{
background-position:0 -24px;
}

.left-box-bg {
background:url('../images/left-box-bg.gif') repeat-y;
margin:0;
width:494px;
height:auto; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0
}

.left-head-top {
background:url('../images/left-header-bg-top.gif') no-repeat;
margin:0;
width:460px;
height:auto; padding-left:19px; padding-right:15px; padding-top:0px; padding-bottom:0
}

.left-head-top h1{
background:url('../images/h1-bg.jpg') no-repeat;
margin:0;
width:auto;
height:47px;
color:#fff;
font-style:normal; font-variant:normal; font-weight:bold; font-size:20px; font-family:Arial, Helvetica, sans-serif; padding-left:15px; padding-right:0; padding-top:10px; padding-bottom:0
}

.left-head-top p{
padding:10px 10px 20px 16px;
margin:0 0 0 0;
width:auto;
height:auto;
color:#030303;
font:16px Arial, Helvetica, sans-serif;
line-height:23px;
}

.left-head-middle {
float:left;
background:url('../images/heading-bg-middle.gif') repeat-y;
margin:0;
width:464px;
height:auto; padding-left:19px; padding-right:15px; padding-top:0px; padding-bottom:0
}


.left-head-middle h1{
background:url('../images/heading-bg.png') no-repeat;
margin:0;
width:auto;
height:47px;
color:#fff;
font-style:normal; font-variant:normal; font-weight:bold; font-size:20px; font-family:Arial, Helvetica, sans-serif; padding-left:15px; padding-right:0; padding-top:10px; padding-bottom:0
}

.left-head-middle p{
padding:0 0 35px 16px;
margin:0 0 0 0;
width:auto;
height:auto;
color:#030303;
font:16px Arial, Helvetica, sans-serif;
line-height:23px;
}

.right-box-bg {
background:url('../images/right-box-bg.gif') repeat-y;
margin:0;
width:494px;
height:auto; padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0
}

.right-head-top {
background:url('../images/right-header-bg-top.gif') no-repeat;
margin:0;
width:460px;
height:auto; padding-left:15px; padding-right:19px; padding-top:0px; padding-bottom:0px
}

.right-head-top h1{
background:url('../images/heading-bg.png') no-repeat;
margin:0;
width:auto;
height:47px;
color:#fff;
font-style:normal; font-variant:normal; font-weight:bold; font-size:20px; font-family:Arial, Helvetica, sans-serif; padding-left:15px; padding-right:0; padding-top:10px; padding-bottom:0
}

.right-head-top p{
float:left;
padding:0 10px 0 30px;
margin:0 0 0 0;
width:auto;
height:auto;
color:#228600;
font:16px Arial, Helvetica, sans-serif;
line-height:23px;
}

.right-head-middle {
padding:0px 15px 5px 15px;
margin:0 0 0 0;
width:462px;
height:auto;
}


.right-head-middle h1{
background:url('../images/heading-bg.png') no-repeat;
margin:0;
width:auto;
height:47px;
color:#fff;
font-style:normal; font-variant:normal; font-weight:bold; font-size:20px; font-family:Arial, Helvetica, sans-serif; padding-left:15px; padding-right:0; padding-top:10px; padding-bottom:0
}

.right-head-middle p{
padding:0 25px 5px 30px;
margin:0 0 0 0;
width:auto;
height:auto;
color:#228600;
font:16px Arial, Helvetica, sans-serif;
line-height:23px;
}

.go-button a{
background:url('../images/go-shop.gif') no-repeat;
float:right;
width:80px;
height: 22px;
color:#fff;
text-decoration:none; font-style:normal; font-variant:normal; font-weight:bold; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin-left:0; margin-right:10px; margin-top:0; margin-bottom:0; padding-left:12px; padding-right:0px; padding-top:2px; padding-bottom:0
}

.go-button a:hover{
background:url('../images/go-shop-h.gif') no-repeat;
float:right
}

#footer {
width:auto;
height:28px;
padding:10px 5px 20px 15px;
height: 28px;
color: #030303;
font:12px Arial, Helvetica, sans-serif;
line-height:28px;
}


#footer a{
color: #030303;
padding:0 3x;
text-decoration: none;
}

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

#q-box-area {
float:left;
width:491px;
background:#d9ebb0;
margin-top:25px;
}

#q-box-area .q-box-top {
background:url('../images/q-box-top.gif') no-repeat top left;
float:left;
width:491px;
height:17px;
padding:0px;
overflow:hidden
}

#q-box-area .q-box-bot {
background:url('../images/q-box-bot.gif') no-repeat top left;
float:left;
width:491px;
height:35px;
padding:0px;
overflow:hidden
}

#q-box-area .q-input-area {
float:left;
width:479px;
padding:0 0 0 12px;
height:26px;
}

.q-input-left {
background:url('../images/q-input-left.gif') no-repeat top left;
float:left;
width:6px;
height:26px;
padding:0px;
overflow:hidden
}

.q-input-right {
background:url('../images/q-input-right.gif') no-repeat top left;
float:left;
width:6px;
height:26px;
padding:0px;
overflow:hidden
}

.q-input {
border-top:1px solid #8ab500; border-bottom:1px solid #8ab500; background:url('../images/q-input-bg.gif') repeat-x left top; float:left;
width:400px;
height:21px;
color:#76aa39;
border-right:medium none;
border-left:medium none;
overflow:hidden; padding-left:0px; padding-right:0px; padding-top:3px; padding-bottom:0px
}

.q-button {
background:url('../images/q-button.gif') no-repeat left top;
float:left;
width:56px;
height:26px;
border:medium none;
padding:0px;
color:#fff;
cursor:pointer; font-style:normal; font-variant:normal; font-weight:normal; font-size:10pt; font-family:Arial, Helvetica, sans-serif
}

.q-button:active {
background:url('../images/q-button-h.gif') no-repeat left top;
}

.content h3 {
margin:5px 0;
padding:0;
font:bold 15pt Arial, Helvetica, sans-serif;
}

.content p {
margin:0;
padding:10px 0;
font:13pt Arial, Helvetica, sans-serif;
line-height:21px;
}

.banner-home {
background:url('../images/banner-home.jpg') no-repeat top left;
float:left;
width :445px;
height:310px;
padding:27px 22px 0 234px;
}

.banner-slogan1 {
padding:30px 0px 10px 0px;
font:italic 1.6em "arial";
color:#fff;
}

.catgory-link {
width:980px;
height: 168px;
}

.catgory-link li {
float:left;
font:bold 17pt Arial, Helvetica, sans-serif;
background:url(../images/cat-box.gif) no-repeat left top;
text-align:center;
line-height:40px;
}

.catgory-link li a span {
font:13pt Arial, Helvetica, sans-serif;
text-align:center;
text-decoration:underline;
}

.catgory-link a{
color:#fff;
width:245px;
height: 153px;
padding:15px 0 0 0;
display:block;
text-decoration:none;
}

.catgory-link a:hover{
color:#000;
}

.box-top {
padding:0px;
margin:0 0 0 0;
width:490px;
height:15px;
background:url(../images/box-top.gif) no-repeat;
overflow:hidden;
}

.box-bottom {
padding:0px;
margin:0 0 0 0;
width:490px;
height:15px;
background:url(../images/box-bottom.gif) no-repeat;
overflow:hidden;
}

.box-middle {
padding:0px 15px 5px 15px;
margin:0 0 0 0;
width:460px;
height:auto;
background:url(../images/box-bg.gif) repeat-y;
}

.box-middle h1{
background:url(../images/box-h1-bg.gif) no-repeat;
margin:0;
width:auto;
height:47px;
color:#fff;
font-style:normal; font-variant:normal; font-weight:bold; font-size:20px; font-family:Arial, Helvetica, sans-serif; padding-left:15px; padding-right:0; padding-top:10px; padding-bottom:0
}

.box-middle p{
padding:0 15px 24px 15px;
margin:0 0 0 0;
width:auto;
height:auto;
color:#000;
font:16px Arial, Helvetica, sans-serif;
line-height:23px;
}

.information-box {
padding:40px 9px 10px 9px;
margin:0 0 0 0;
width:962px;
height:442px;
background:url(../images/information-box.gif) no-repeat;
}

.information-box h1{
background:url(../images/information-box-h1-bg.png) repeat-x;
margin:0 0 10px 0;
height:47px;
color:#fff;
font:bold 20px font-family:Arial, Helvetica, sans-serif;
padding-left:120px;
line-height:47px;
}

.information-box p{
padding:0 0px 24px 0px;
margin:0 0 0 0;
width:auto;
height:auto;
color:#000;
font:15px Arial, Helvetica, sans-serif;
line-height:23px;
}

.information-sect-1 {
float:left;
padding:10px 9px 10px 120px;
margin:0 0 0 0;
width:330px;
}

.information-sect-2 {
float:left;
padding:10px 9px 10px 70px;
margin:0 0 0 0;
width:330px;
}