/*start for ajax tab menu*/
.category-menu {
float: left;
width: auto;
height: 180px;
}

.category-menu a{
background-position: left top;
}

.category-menu a:hover{
background-position: left bottom;
}

.category-menu a.selected{ /*currently selected tab*/
background-position: left bottom;
}

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

.category-menu ul li {
float: left;
width: auto;
}

/*end for ajax tab menu*/

#cat_1 { width:199px; height:180px; margin:0px 0 0px 0; display:block; background-image: url(../images/tab-1.gif); cursor:pointer; }

#cat_2 { width:197px; height:180px; margin:0px 0 0px 0; display:block; background-image: url(../images/tab-2.gif); cursor:pointer;}

#cat_3 { width:196px; height:180px; margin:0px 0 0px 0; display:block; background-image: url(../images/tab-3.gif); cursor:pointer;}

#cat_4 { width:196px; height:180px; margin:0px 0 0px 0; display:block; background-image: url(../images/tab-4.gif); cursor:pointer;}

#cat_5 { width:202px; height:180px; margin:0px 0 0px 0; display:block; background-image: url(../images/tab-5.gif); cursor:pointer;}





.bot-img-link {
float: left;
width: auto;
height: 164px;
}

.bot-img-link a{
color:#000;
text-decoration:none;
background-position: left top;
}

.bot-img-link a:hover{
color:#ffffff;
background-position:bottom left;
}

.bot-img-link ul li {
float: left;
width: auto;
font:bold 17pt Arial, Helvetica, sans-serif;
overflow:hidden;
}

.bot-img-link li p.white-link {
font:bold 11pt Arial, Helvetica, sans-serif;
padding:82px 0 0 0;
margin:0;
}

.bot-img-link li p.green-link {
color:#66a026;
font:bold 11pt Arial, Helvetica, sans-serif;
padding:8px 0 0 5px;
margin:0;
text-decoration:underline;
}

#aloe_store { width:220px; height:150px; padding:14px 0 0 25px; margin:0px 0 0px 0; display:block; background-image: url(../images/aloe-store.jpg); cursor:pointer; }

#online_aloe { width:220px; height:144px; padding:20px 0 0 25px;  margin:0px 0 0px 0; display:block; background-image: url(../images/online-aloe-vera.jpg); cursor:pointer;}

#forever_living { width:220px; height:144px; padding:20px 0 0 25px;  margin:0px 0 0px 0; display:block; background-image: url(../images/forever-living.jpg); cursor:pointer; }

#why_forever { width:220px; height:144px; padding:20px 0 0 25px;  margin:0px 0 0px 0; display:block; background-image: url(../images/why-forever.jpg); cursor:pointer;}

#what_new { width:220px; height:150px; padding:14px 0 0 25px; margin:0px 0 0px 0; display:block; background-image: url(../images/what-new.jpg); cursor:pointer; }

#free_sample { width:220px; height:144px; padding:20px 0 0 25px;  margin:0px 0 0px 0; display:block; background-image: url(../images/free-sample.jpg); cursor:pointer;}

#hit_target { width:220px; height:150px; padding:14px 0 0 25px; margin:0px 0 0px 0; display:block; background-image: url(../images/hit-target.jpg); cursor:pointer; }

#weight_loss1 { width:220px; height:144px; padding:20px 0 0 25px;  margin:0px 0 0px 0; display:block; background-image: url(../images/weight-loss.jpg); cursor:pointer;}

#good_health { width:220px; height:150px; padding:14px 0 0 25px; margin:0px 0 0px 0; display:block; background-image: url(../images/good-health.jpg); cursor:pointer; }

#why_not_try { width:220px; height:144px; padding:20px 0 0 25px;  margin:0px 0 0px 0; display:block; background-image: url(../images/why-not-try.jpg); cursor:pointer;}
/*inner page*/

.cssButton {
width: 19px; height: 72px; margin: -3px 0 -3px -3px; position: relative; display: block; float: left;
}

.cssButton:hover {
background-position: left bottom;
}

.cssButton-active {
background-position: left bottom;
}

.hideElement {
height:1px; width:1px; padding:0; position:absolute; left:0; visibility: hidden;
/*top:-500em; margin-top:-500em;*/
}