﻿/* CSS Document */

body{margin:0px; padding:20px 0 40px; background:url(images/bg-pattern.gif) 0 0 repeat #E6C877; color:#000000;}
td, p, h1, h2, h3, ul, form, img{margin:0px; padding:0px;}
ul{
	list-style-type: none;
	font-family: Verdana;
}

/*----------Header Panel----------*/
#header{background:url(images/header.jpg) 0 0 no-repeat #FFFFFF; color:#000000; height:277px;}
#header.cat{background:url(images/header-cat.jpg) 0 0 no-repeat #FFFFFF;}
#header h1{background:url(images/caption.gif) 42px 0 no-repeat; margin:118px 0 0; line-height:43px; text-indent:-5000px;}
#header h1.cat{margin:100px 0 0;}
#logo{clear:right;}
#logo img{margin:10px 0 0 238px;}
#logo img.cat{margin:10px 0 0 238px;}
#header ul{float:right; width:234px; padding:0 10px 0 0;}
#header ul li{float:left; font:bold 10px/45px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; background:url(images/divider-header-nav.gif) 100% 18px no-repeat;}
#header ul li.nobg{background:none;}
#header ul li a{padding:0 13px 0 12px; color:#363636; text-decoration:none;}
#header ul li span{padding:0 13px 0 12px; color:#A06400; text-decoration:none;}
#header ul li a:hover{color:#A06400;}


/*----------Body Panel----------*/
#bodypan{background:#FFFFFF;}


/*----------Left Panel----------*/
#leftpan{padding:0 0 20px;}
#leftpan ul{width:200px; margin:10px 0;}
#leftpan ul li{background:url(images/divider.gif) 0 100% repeat-x; font:bold 12px/24px Verdana, Arial, Helvetica, sans-serif;}
#leftpan ul li.nobg{background:none;}
#leftpan ul li span{color:#363636; padding:0 0 0 20px;} 
#leftpan ul li a{color:#A06400; text-decoration:none; padding:0 0 0 20px;}
#leftpan ul li a:hover{color:#363636;}

#leftpan h2{background:url(images/leftpan-header-bg.gif) 0 10px no-repeat; font:bold 13px/27px Tahoma, Arial, Helvetica, sans-serif; color:#5F7C00; padding:10px 0 15px 20px; width:200px;}
#leftpan p{ padding:0 34px 10px 13px; font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#646464;}
#leftpan p span{color:#A06400;}
#leftpan p a{font-weight:bold; color:#1581A0; text-decoration:underline;}
#leftpan p a:hover{color:#363636; text-decoration:none;}


/*----------Right Panel----------*/
#rightpan{margin:0 0 10px;}
#rightpan h2{font:20px/30px Georgia, "Times New Roman", Times, serif; color:#A06400; margin:0 0 5px;}
#rightpan h2 span{padding:0 10px; background:#EBEDE1;}
#rightpan h3{font:bold 13px/16px Verdana, Arial, Helvetica, sans-serif; color:#3296DC; padding:0 0 10px;}

.type1{background:url(images/divider.gif) 0 100% repeat-x #F8F9F2; padding:20px 10px;}
.type1a{background:#F8F9F2;}
.type1b{background:url(images/divider.gif) 0 100% repeat-x #F8F9F2; padding:0 10px 20px 10px;}
.type1c{background:#F8F9F2; padding:20px 10px;}
.type2{background:url(images/divider.gif) 0 100% repeat-x #FFFFFF; padding:20px 0;}
.type2a{background:#FFFFFF; padding:20px 0;}
.type3{background:url(images/divider.gif) 0 100% repeat-x #F8FBEF; padding:20px 10px;}
.type3a{background:#F8FBEF; padding:20px 10px;}
.float{float:left; margin:5px 10px 10px 0;}

#rightpan a{font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#1581A0; text-decoration:underline;}
#rightpan a.list{line-height:24px;}
#rightpan a:hover{color:#646464; text-decoration:none;}

#rightpan p{font:12px/16px Verdana, Arial, Helvetica, sans-serif; color:#757F58; padding:0 0 10px;}
#rightpan p span{font-weight:bold;}
#rightpan p span.bold{color:#A06400;}
#rightpan p span.color{color:#A06400; font-weight:normal;}

#rightpan p.bookmark{background:url(images/leftpan-header-bg.gif) 0 0 no-repeat; width:200px; text-align:center; float:right; padding:0px; margin:5px 0 0;}
#rightpan p.bookmark a{font:bold 13px/27px Tahoma, Arial, Helvetica, sans-serif; color:#5F7C00; text-decoration:none;}
#rightpan p.bookmark a:hover{color:#1581A0;}

#rightpan p.price{font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#679B1D;}
#rightpan p.price span{color:#A06400;}

#rightpan p.weightloss{font:15px/19px Georgia, "Times New Roman", Times, serif; color:#757F58; padding:15px 0 0;}
#rightpan p.weightloss span{color:#A06400; font-weight:bold;}
#rightpan p.warning{font:11px/13px Verdana, Arial, Helvetica, sans-serif; color:#F45600;}

#rightpan ul.weightloss li{background:url(images/bullet.gif) 0 2px no-repeat; font:12px/14px Verdana, Arial, Helvetica, sans-serif; color:#1581A0; padding:0 0 10px 20px;}
#rightpan ul.weightloss2 li{background:url(images/bullet2.gif) 0 5px no-repeat; font:bold 11px/13px Verdana, Arial, Helvetica, sans-serif; color:#1581A0; padding:0 0 10px 12px; clear:both;}
#rightpan ul.shopping{clear:both;}
#rightpan ul.shopping li{background:url(images/bullet2.gif) 0 5px no-repeat; font:12px/14px Verdana, Arial, Helvetica, sans-serif; color:#757F58; padding:0 0 5px 15px;}

#contactform td{height:35px; font:bold 12px/35px Verdana, Arial, Helvetica, sans-serif; color:#A06400;}
#contactform input{width:185px; font:12px/16px Verdana, Arial, Helvetica, sans-serif; color:#666666;}
#contactform input.button{width:auto; height:auto;}
#contactform textarea{width:185px; height:90px; color:#666666; font:12px/16px Verdana, Arial, Helvetica, sans-serif;}

#chart{border-top:1px solid #E3B25F; border-left:1px solid #E3B25F; margin:0 0 20px; clear:both;}
#chart td{text-align:center; border-right:1px solid #E3B25F; border-bottom:1px solid #E3B25F; font:12px/15px Verdana, Arial, Helvetica, sans-serif; color:#757F58; padding:10px 0; background:#FFFFFF;}
#chart td.heading{background:#C1DF47; color:#485906; font:bold 12px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#chart td span{color:#F08800; font-weight:bold;}
#chart td span.small{font:normal 10px/12px Verdana, Arial, Helvetica, sans-serif; color:#606060;}

/*----------Footer Panel----------*/
#footer{background:url(images/divider.gif) 0 0 repeat-x #FFFFFF; color:#333333; padding:10px 0 20px 0;}
#footer ul{margin:0 auto; width:650px;}
#footer ul.nav li{float:left; font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#A06400; background:url(images/divider-footer-nav.gif) 100% 2px no-repeat;}
#footer ul.nav li.nobg{background:none;}
#footer ul.nav li a{padding:0 12px 0 11px; color:#A06400; text-decoration:none;}
#footer ul.nav li a.nopad{padding:0 13px 0 0;}
#footer ul.nav li a:hover{color:#75A000;}

#footer p{clear:both; font:11px/14px Verdana, Arial, Helvetica, sans-serif; text-align:center; padding:5px 0 0;}
#footer p.sponsor{font-weight:bold; color:#75A000;}
#footer p.nav2{width:650px; margin:0 auto; text-align:left; font:10px/13px Verdana, Arial, Helvetica, sans-serif;}
#footer p.nav2 a{color:#8D8D8D; text-decoration:underline; padding:0 8px 0 0;}
#footer p.nav2 a:hover{color:#363636; text-decoration:none;}

