@charset "utf-8";
/* CSS Document */

body{background-image:url(../images/body-background.gif);padding:0;margin:0;}
img{border:0}
a, a:visited{color:#990000; text-decoration:none}
a:hover{color:#FF0000}

/*b,strong{ font-weight:normal}*/

.main{background-image:url(../images/bottom-background.gif); background-repeat:repeat-x; background-position:top; font-family:"Trebuchet MS", "Myriad Pro", Calibri, Verdana, Arial, Helvetica, sans-serif; font-size:13px}
.container{width:975px; margin:auto}

.header{height:89px; background-image:url(../images/header.jpg)}
.titlen{margin:0;padding:0; background-image:url(../images/logo.jpg); text-indent:-100000px; width:267px; height:89px; float:left}

.mainnav{padding:56px 0 0 0;margin:0; list-style:none; float:right; width:525px}
.mainnav li{padding:0;margin:0; height:33px;float:left;}
.mainnav li a{text-indent:-100000px; display:block; height:33px;}

.v, .mainnav li a:hover{background-position:0 0px; }


#navhome{background-image:url(../images/navhome.gif); width:73px;behavior: url("/css/iepngfix.htc");}
#navinfo{background-image:url(../images/navnutrition.gif); width:92px;behavior: url("/css/iepngfix.htc");}
#navtraining{background-image:url(../images/navtraining.gif);width:92px;behavior: url("/css/iepngfix.htc");}
#navbuy{background-image:url(../images/navbuyonline.gif); width:115px;behavior: url("/css/iepngfix.htc");}
#navcontact{background-image:url(../images/navcontactus.gif); width:114px;behavior: url("/css/iepngfix.htc");}
.thispage{background-position: 0 0px}
.notthispage{background-position: 0 33px}

#navcart{background-image:url(../images/cart.gif); width:25px;behavior: url("/css/iepngfix.htc");}

/*#navcart:hover{background-position:37px 0px;}

.navcart {display:block; height:39px; background-image:url(../images/cart.png); width:38px;}
a.navcart:hover{background-position: 120px 0}
*/

.content{background:#FFFFFF; }
.maincontent{border-top:#990000 5px solid;border-bottom:#990000 5px solid; margin-left:10px; margin-right:10px;padding-bottom:5px;margin-bottom:5px;padding-top:5px;margin-top:5px}
.line{border-bottom:#990000 5px solid;margin-left:10px; margin-right:10px;padding-bottom:0px;margin-bottom:0px;padding-top:0px;margin-top:0px;}



.bigimage-home{height:250px}
.bigimage-training{background-image:url(../images/head-training.jpg); height:250px}
.bigimage-products{background-image:url(../images/head-products.jpg); height:250px}
.bigimage-nutrition{background-image:url(../images/head-nutrition.jpg); height:250px}
/*
#bigimage a{padding-top:70px;width:24%; display:block; float:left; text-align:center}
*/









h1,h2,h3,h4,h5{margin:0 0 0 0;padding:5px 0 3px 0}

.footer{ font-size:11px; color:#999; text-align:center; padding-bottom:5px}
.footer a{color:#999}
.footer a:hover{color:#900}


.contentright{float:right; width:}
.contentleft{float:left; width:}


.buyb {display:block; height:39px; background-image:url(../images/buy-button.jpg); width:120px;}
a.buyb:hover{background-position: 120px 0}

.buyb-center {display:block; height:39px; background-image:url(../images/buy-button.jpg); width:120px; padding:auto; margin:auto;}
a.buyb-center:hover{background-position: 120px 0}

/**********************************     C O N T E N T     ***********************************************/
#content{	background-color: #eeeeee; clear:both; margin-left:auto;	margin-right:auto;	text-align:justify;}	
#content a{	text-decoration:none;	font-weight:normal;}

h4{	display:block;	text-decoration:none; background:black;	font-weight:lighter;	font-size:18px;	color: white;	margin:8px 0 5px 0;	padding:0;	text-align:left;}
h4 a{color: white;}
h4 a:hover {color: white;}

h3{	display:block;	text-decoration:none;	font-weight:bolder;	font-size:18px;	color:#222222;	text-align:center;}	

.marg10 {margin: 0px 10px 0px 10px;}	
	
/************************* I N D E X      /  CONTACT PAGE *****************/
#content-one-i{	width:600px;	float:left;	margin-right:15px;	padding-right:15px;	padding-left:15px;	text-align:justify;	border-right: 2px #cdcdcd solid;}
#content-two-i{	width:290px;	float:right;	padding-right:15px;	text-align:justify;}
	
/*************************  BUY  *************************************/
#content1 {padding: 20px 0px 10px 10px; float:left;}
#content2 {padding: 20px 0px 10px 22px; float:left;}
#content3 {padding: 20px 0px 10px 22px; float:left;}
#content4 {padding: 20px 10px 10px 22px; float:left;}

#content5 {padding: 20px 11px 10px 10px; float:left;}
#content6 {padding: 20px 10px 10px 11px; float:left;}

/************************* Info.php : Nutrition information *******************/
#content1i {padding: 0px 0px 10px 10px; float:left; width: 622px;}
#content2i {padding: 30px 10px 10px 22px; float:left; width:310px;}

/*************************  TRAIN  ******************/
#content1t {padding: 0px 0px 10px 10px; float:left; width:222px;}
#content2t {padding: 0px 0px 10px 22px; float:left; width:222px;}
#content3t {padding: 0px 0px 10px 22px; float:left; width:222px;}
#content4t {padding: 0px 10px 10px 22px; float:left; width:222px;}

#content5t {padding: 20px 11px 0px 10px; float:left; width:466px;}
#content6t {padding: 20px 10px 0px 11px; float:left; width:466px;}

/************************* Product page *******************/
#content1p {padding: 10px 0px 10px 10px; float:left; width:222px;}
#content2p {padding: 0px 0px 10px 25px; float:left; width:461px;}
#content3p {padding: 0px 10px 10px 25px; float:left; width:222px;}

/************************ Light Box ***********************/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }




td.td 
{
   border: 0;

      padding: 10px;
}