@charset "utf-8";
body {font-family:Verdana, Arial, Helvetica, sans-serif;background: #000;margin: 0;padding:0;}
a {outline: none;color:#930000;}
a:hover {text-decoration:none;}
img {border:none;}
.cleaner {clear:both;height:1px;font-size:1px;border:none;margin:0; padding:0;background:transparent;}
.wrap {width: 995px;margin: 0 auto;background: #333;padding-bottom: 25px;}
h1 {margin:0;padding:0;font-size: 20px;color: #cc0200;}
h2 {margin:0;padding:0;font-size: 16px;color: #cc0200;}

.yellow {color: #ffe4a6;}

.login-bar {background-image: url(../images/login-bar-back.jpg);height: 23px;text-transform: uppercase;text-align: right;font-size: 11px;padding-top: 8px;color: #afafaf;padding-right: 25px;}
.login-bar a {color: #484848;}
.login-bar .viewcart {color: #c30b09;margin-left: 10px;}

#intro .header {height: 248px;width: 995px;background: url(../images/header-intro_sm3.jpg);background-position: top center;background-repeat: no-repeat;background-color: #000;}

#general .header {
	background: url(../images/logo-blk.jpg) no-repeat;
	height: 188px;
	padding-left: 405px;
}
#general .banner {
	background: #000;
	width: 590px;
	height: 188px;
	text-align: center;
}

.menu ul, #nav ul, .bottom-nav ul {list-style: none;margin: 0;padding: 0;}
.menu li, #nav li, .bottom-nav li {float: left;font-size: 12px;margin: 0;padding: 0;font-weight: 700;}
.menu a {color: #fff;}
#nav a {color:#484848;}
.bottom-nav a {color:#333;}

#intro .menu {background: #8d0405;height: 45px;}
#intro .menu ul {margin-left: 65px;}
#intro .menu li {line-height: 45px;}
#intro .menu a {padding: 0 5px;}

#general .menu {background: url(../images/menubar-back.jpg);height: 20px;}
#general .menu ul {margin-left: 10px;}
#general .menu li {background: url(../images/menubutton-back.jpg);width: 150px;margin: 0 3px;text-align: center;height: 20px;line-height: 20px;}

#nav {background:url(../images/navbar-back.jpg);height:31px;line-height:31px;color:#484848;padding-left: 60px;}
#nav ul {margin-left: 0px;}

#nav li:hover > ul {visibility:visible;}
#nav a:hover ul, #nav a:hover a:hover ul, #nav a:hover a:hover a:hover ul {visibility:visible;}
#nav a:hover ul ul, #menu a:hover a:hover ul ul {visibility:hidden;}
#nav ul.top-level {margin:0 auto 0 10px;font-weight: 700;} 
#nav li.top-level-li {float:left;position:relative;}
#nav li.top-level-li a{padding:0 10px;}
#nav a.top-level-a {float:left;} 
#nav a.top-level-a b {float:left; padding:0; cursor:pointer;}
#nav a.down b {float:left; padding:0; cursor:pointer;}
#nav a.top-level-a:hover {white-space:nowrap;}

#nav li ul {display:block;position:absolute;visibility:hidden;background:#a0acde;left:0;}
#nav li li {border-bottom:1px dotted #d6d5d5;width: 100%;background:#998d8d; }
#nav li li a {display:block;height:20px;line-height:20px;color:#fff;padding:0 15px;} 
#nav li li a:hover {background:#cd0102;} 
#nav li li:hover > a {background:#cd0102;}
#nav ul.drop-down {width:200px;top:31px;} 
#nav li li ul {left:100%; margin-top:-21px; margin-left:-5px;}
#nav table {position:absolute;top:0;left:0;border-collapse:collapse;text-align:left;}
#nav table ul li a {padding-left:0; padd\ing-left:20px;}
#nav table table {top:auto; left:100%; margin-left:-1px; padding:0; margin:0;}
#nav table table ul {margin-top:-4px; marg\in-top:-7px;}

#intro .content {padding: 10px 0 0 12px;}
#general .content {background: url(../images/content-bg.jpg) repeat-x #d5d5d5;min-height: 632px;padding-top: 15px;border-bottom: 1px solid #cd0102;}
.hr {background: url(../images/content-top-divider.jpg) repeat-x top;height: 20px;margin: 0 25px 0 225px}

#intro .box {background: url(../images/box-intro.jpg) no-repeat;float: left;width: 236px;margin: 0 3px;padding-top: 20px;font-size: 12px;}
#intro .box a {display: block;height: 181px;width: 236px;color: #fff;font-weight: 700;background-repeat: no-repeat;background-position: 1px 41px;text-align: center;}
#intro .box a:hover {background-position: -234px 41px;}
#intro #energy a {background-image: url(../images/energyrecovery.jpg);}
#intro #weightloss a {background-image: url(../images/fatweightloss.jpg);}
#intro #muscle a {background-image: url(../images/leanmuscle.jpg);}
#intro #strength a {background-image: url(../images/strengthmass.jpg);}
#intro .box p {color: #c8c8c8;padding: 0 0 0 25px;}

.leftbar {float: left;width: 200px;padding-left: 10px;margin-right: 10px;}
.searchbox {background-image: url(../images/search-back.jpg);height: 47px;width: 182px;padding-top: 5px;padding-left: 5px;}
.searchbox span {padding-left: 15px;}
.searchbox img {margin-left: 5px;}

.block {font-size: 12px;float: right;clear: both;margin-bottom: 15px;font-weight: 700;}

.ecatalogue {background: url(../images/block-ecatalogue.jpg);height: 188px;width: 189px;color: #fff;text-align: center;}
.ecatalogue a{color: #ff0000;}
.ecatalogue a div {padding-top: 150px;}

.bio {background: url(../images/block-bio.jpg);height: 188px;width: 189px;text-align: center;}
.bio a{color: #ff0000;}
.bio a div {padding-top: 150px;}
.ecatalogue a:hover, .bio a:hover {color: #c8c8c8;}

.questions {background: #333;height: 89px;width: 189px;color: #fff;text-align: center;padding-top: 25px;}
.questions a{color: #fff;text-decoration:underline;}
.questions a:hover {text-decoration:none;}

.maintext {padding:25px 25px 0 250px;}
.maintext p {font-size: 13px;line-height: 115%;}
.maintext ul {font-size: 13px;}
.maintext li {list-style-image: url(../images/bullet.jpg);margin: 0 0 15px;}
.maintext .home-img {float: right;margin: 10px;}

.bottom-nav {color: #333;padding: 10px 0;}
.bottom-nav ul {width: 350px;margin: 0 auto;}
.bottom-nav a {padding: 0 10px;}

#intro .footer {border-top: 1px solid #3f3f3f;text-align: center;font-size: 12px;color: #857c6b;margin: 25px 0;padding-top: 15px;}
#general .footer {height: 25px;padding-top: 25px;text-align: center;border-top: 1px solid #ae0b0c;color: #dd2d26;font-size: 12px;}

/*contact page*/
#contactleft {width: 325px;float: left;font-size: 12px;}
#contactright {width: 325px;float: left;margin-left: 25px;font-size: 12px;}
#contactright input, #contactright select, #contactright textarea {border:1px solid #cc0200;color: #333;}
#dropdown
#contactright .submit {margin-left: 175px;}
.contactform {margin-left:5px;float:left;margin-bottom: 14px;width: 150px;color: #476995;}
.formtitle {float: left;text-align: left;width: 115px;font-size: 1em;height: 25px;line-height: 25px;}
.contactaddy a {color: #cc0200;}


