/* MET-Rx Styles for Root*/

body {
background-color:#000000;
background-image:url(../images/bg_main01.jpg);
background-position: 0px 0px;
background-repeat:no-repeat;

}

#header {
margin: 40px 0 0 40px;
}

#flash {
margin: 0 0 0 40px;
}

#content {
margin: 0 0 0 40px;
}

#news {
margin: 0 0 0 40px;
}

#feature {
margin: 0 0 0 40px;
}

#footer {
margin: 0 0 0 40px;
clear:both;
}





/* BEGIN NavBar Styles */



a:link{ color: #fff; }

a:visited{ color: #fff; }

a:hover, a:focus{ color:#FFCC00;	text-decoration:none; }

p{	margin:1em 0; }

ol, ul{	
margin: 1em 0 1em 2em; }

ol ol, ol ul, ul ol, ul ul{ margin-top:0; margin-bottom:0; }

ol li{	list-style:decimal; }
ol li ol li{ list-style:upper-alpha; }
ol li ol li ol li{ list-style:upper-roman; }

ul li{ 
list-style:disc;
}

#container {
display:block;
padding:0;
width:587px;
margin:0;
opacity: 0.90;
-moz-opacity: 0.90;
filter: alpha(opacity=90);
}

/* all menu links */
#nav a, #subMenusContainer a{
	text-decoration:none;
	display:block;
	padding:7px 12px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a{
	margin:0;
	float:left;	
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a{
	text-align:left;
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
	/*background-color:#F6C739 ;*/
	color:#FFCC00;
}

/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,
#nav li a:focus{
	/*background-color:#F6C739 ;*/
	color:#FFCC00;
}

/* Parent Sub Menu Links ---[javascript users only]*/
.subMenuParentBtn{ 
	background: url(/images/ico_yellowarrow_right.gif) right center no-repeat;  
}

/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
.subMenuParentBtnFocused{ 
	background: url(/images/ico_whitearrow_right.gif) right center no-repeat;  
}

/* Parent Main Menu Links ---[javascript users only]*/
.mainMenuParentBtn{	
	 background: url(/images/ico_yellowarrow_down.gif) right center no-repeat;
}

/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
.mainMenuParentBtnFocused{	
	background: url(/images/ico_whitearrow_down.gif) right center no-repeat; 
}

/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}


/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1em;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {	
	/*border around submenu goes here*/	 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-image:url(/images/menu-gradient.gif);
	background-position:top;
	background-repeat:repeat-x;	
	background-color:#000000;
	border:1px solid #666666;
	left:0;
	font: bold 11px Arial, Helvetica, sans-serif;
}


/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
#nav li {
	display:block;
	list-style:none;
	position:relative;
	float:left;
}

#subMenusContainer li{
	list-style: none;
}

/* main menu ul or ol elment */
#nav{
	display:block;
	list-style:none;
	margin:0 0 0 0;
	z-index:1500;
	text-align: center;
	display:block;
}

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000000000; }


/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#nav li li{	float:none; }

#nav li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}

/* third-and-above-level lists */
#nav li ul ul { margin: -1em 0 0 -1000em; }
#nav li:hover ul ul {	margin-left: -1000em; }

 /* lists nested under hovered list items */
#nav li:hover ul{	margin-left: 0; }
#nav li li:hover ul {	margin-left: 10em; margin-top:-2.5em;}

/* extra positioning rules for limited noscript keyboard accessibility */
#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
#nav li:hover a:focus{ margin-left: 0; }
#nav li li:hover a:focus + ul { margin-left: 10em; }



/* END NavBar Styles */






/* MET-Rx font Styles for Root*/

.featuretitlesmall {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: normal;
line-height: 14px;
color:#FFCC00;

}

.featuretitlesmall a { text-decoration:underline !important; }

.cartitems {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight: bold;
line-height: 12px;
color:#B2B1B1;
padding-bottom: 4px;
}


.cart {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight: bold;
line-height: 12px;
color:#FFCC00;
padding-right: 10px;
padding-bottom: 2px;
padding-top:2px;
text-decoration: none;
}

.cart a:link {    color: #FFCC00; text-decoration: none}
.cart a:visited {  color: #FFCC00; text-decoration: none}
.cart a:hover {    color: #FFE786; text-decoration: none;}
.cart a:active {    color: #FFE786; text-decoration: none;}

.featuretitlelarge {
font:normal normal 15px Verdana, Arial, Helvetica, sans-serif;
line-height: 18px;
color:#FFCC00;
}

sup {
font:normal normal 8px Verdana, Arial, Helvetica, sans-serif;
vertical-align:top;
}

.feature {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: normal;
line-height: 14px;
color:#FFFFFF;
padding-right: 3px;
}


.disclaimer {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight: normal;
line-height: 12px;
color:#D10202;
padding: 5px;

}

.disclaimer1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
line-height: 12px;
color:White;
padding: 5px;

}

.disclaimer a:link, .disclaimer a:visited {
	color:#D10202;
	text-decoration:underline;
}

.disclaimer a:hover, .disclaimer a:active {
	color:#d10202;
	text-decoration:none;
}

.featureright {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: normal;
text-indent: -8px;
line-height: 14px;
color:#B2B1B1;
padding-left:8px;
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
text-decoration: none;

}

/* Styles for Body Challenge */

.bodyChallengeTxt {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: normal;
line-height: 18px;
color:#FFFFFF;
padding-left:10px;
}

.bodyChallengeTxt_LRG {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: normal;
line-height: 20px;
color:#FFFFFF;
padding-left:10px;
}

.btnSubmit 
{
	background-color:Red;
	font-weight:bold;
	 color:Yellow;
	 border:0;
}
	
.btnSend
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 18px;
	 color:#FFCC08;
	
}	

.bodyChallengeBoldTxt {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: normal;
line-height: 18px;
color:#FFFFFF;
padding-left:10px;
font-weight:bold;
}

.slightlyLarger{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	color:#FFFFFF;
	font-weight: bold;
}

.slightlySmaller{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height: 18px;
color:#FFFFFF;

}

.slightlySmallerItalic{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-style:italic;
line-height: 18px;
color:#FFFFFF;

}

.FSandBR {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}

#workout {
	background-image: url(/images/workoutBOX.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#b20e0d;
	border:solid 1px #000000;
}

#workout span {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	font-style:italic;
	color:#000000;
}

#workout p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 14px;
	color:#FFFFFF;
}	

#workout ul {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 14px;
	color:#FFFFFF;
}

.question {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	color: #FFFF00;
}

.answer {
	padding-left:20px;
	margin-left:20px;
}

#none p {
	display:none;
}


/*  Styles for slide-out menus */

/* Notice that the width of label and lnks adds up to less than width of glideDiv's! */
#teammenu { 
	position:absolute; visibility:hidden; 
  left:0; top:0; z-index:200; 
	font-size:11px; background-color:#000;
  width:120px; 
	}
div.label { 
	float:right; padding:2px;
	color:white; text-align:center;
  width:20px; 
	}
div.lnks { width:80px }
div.lnks ul { margin:0; padding:0 }
div.lnks ul li { list-style:none; }
div.lnks ul li a {
  display: block;
	padding: 4px 4px 4px 0.5em;
  width:100%
  }
div.lnks a:link, div.lnks a:visited { 
	color:#ddd;
	text-decoration:none
	}
div.lnks a:hover { background-color:red; color:white }
div.spacer { clear:right; font-size:1px }  

.cart a:link {    color: #FFCC00; text-decoration: none}
.cart a:visited {  color: #FFCC00; text-decoration: none}
.cart a:hover {    color: #FFE786; text-decoration: none;}
.cart a:active {    color: #FFE786; text-decoration: none;}

.featuretitlelarge a:link {    color: #FFCC00; text-decoration: none}
.featuretitlelarge a:visited {  color: #FFCC00; text-decoration: none}
.featuretitlelarge a:hover {    color: #FFE786; text-decoration: none;}
.featuretitlelarge a:active {    color: #FFE786; text-decoration: none;}

.featuretitlesmall a:link {    color: #FFCC00; text-decoration: none}
.featuretitlesmall a:visited {  color: #FFCC00; text-decoration: none}
.featuretitlesmall a:hover {    color: #FFE786; text-decoration: none;}
.featuretitlesmall a:active {    color: #FFE786; text-decoration: none;}

.feature a:link {    color: #FFFFFF; text-decoration: none}
.feature a:visited {  color: #FFFFFF; text-decoration: none}
.feature a:hover {    color: #FFE786; text-decoration: none;}
.feature a:active {    color: #FFE786; text-decoration: none;}

.trainingvideotextsmall a:link {    color: #FFFFFF; text-decoration: none}
.trainingvideotextsmall a:visited {  color: #FFFFFF; text-decoration: none}
.trainingvideotextsmall a:hover {    color: #E4E4E4; text-decoration: none;}
.trainingvideotextsmall a:active {    color: #E4E4E4; text-decoration: none;}

.newstitle {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight: bold;
line-height: normal;
color:#FFFFFF;
padding-right: 3px;
}

.newstitle sup { font:normal normal 12px Helvetica, Arial, sans-serif; color:#FFF; text-decoration:none; vertical-align:text-top; }


.ErrorMsg
{
	font-weight: bold;
	font-size: 11px;
	color: #990000;
	font-family: Verdana, Arial;
}

.trainingvideotextsmall a:hover {    color: #E4E4E4; text-decoration: none;}
.trainingvideotextsmall a:active {    color: #E4E4E4; text-decoration: none;}

.newstitle {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight: bold;
line-height: normal;
color:#FFFFFF;
padding-right: 3px;
}
.ErrorMsg
{
	font-weight: bold;
	font-size: 11px;
	color: #990000;
	font-family: Verdana, Arial;
}

.Distributor_Zones {
font:normal bold 22px Arial, Helvetica, sans-serif !important;
color:#FFCC00;}

.trainingvideotextsmall a:active {    color: #E4E4E4; text-decoration: none;}

.newstitle {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight: bold;
line-height: normal;
color:#FFFFFF;
padding-right: 3px;
}
.ErrorMsg
{
	font-weight: bold;
	font-size: 11px;
	color: #990000;
	font-family: Verdana, Arial;
}

.Distributor_Zones {
font:bold 18px Arial, Helvetica, sans-serif;
color:#FFCC00;
}

.special_order {
font: normal bold 16px Verdana, Arial, Helvetica, sans-serif;
line-height: 17px;
color:#FFFFFF;
text-align:left;
}

.special_order_sm {
font: normal normal 9px Verdana, Arial, Helvetica, sans-serif;
line-height: 12px;
color:#FFFFFF;
text-align:left;
}

#press {
margin-left: 40px;
margin-top: 0px;
}

.pressrelease_headline {
font: normal bold 18px Verdana, Arial, Helvetica, sans-serif;
line-height: 21px;
color:#FFFFFF;
text-align:center;
padding:20px 10px;
}

.pressrelease_contact {
font: normal bold 10px Verdana, Geneva, sans-serif;
text-align:left;
color:#FFF;
line-height:13px;
}

.pressrelease_text {
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color:#FFFFFF;
	text-align: left;
}

.pressrelease_text strong {
	font: normal bold 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	color:#FF0;
	text-align: left;
}

.pressrelease_text a:link { color: #FFCC00; }
.pressrelease_text a:visited { color: #FFCC00; }
.pressrelease_text a:hover { color: #FF0000; }
.pressrelease_text a:active { color: #FFCC00; }

.PB_Table { font:normal normal 11px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; }
.PB_Table_Cat { font:normal bold 12px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; }
.PB_Table_Item { font:normal bold 14px Verdana, Arial, Helvetica, sans-serif !important; color:#FFFFFF; padding-top:25px;}

.new_products { font:normal bold 9px Verdana, Arial, Helvetica, sans-serif; color:#fcc82b; }
.new_products a:link { font:normal bold 9px Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; }
.new_products a:visited { font:normal bold 9px Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; }
.new_products a:hover { font:normal bold 9px Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-decoration:underline; }
.new_products a:active { font:normal bold 9px Verdana, Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; }



/*-------> Photo Gallery Page ---------*/
.divider { height:3px; border-bottom:1px solid #333; margin:7px; }
#gallery_container { width:750px; margin:0 0 0 40px; background-color:#000; }
#gallery_leftnav { width:195px; float:left; background-color:#1F1F1F; text-align:center; padding:10px 0; }
	#gallery_leftnav a img { border: 5px solid #666; margin:5px 0; }
	#gallery_leftnav a:hover img { border: 5px solid #999; margin:5px 0; }
	#gallery_leftnav a.selected img { border: 5px solid #C00; margin:5px 0; }
	#gallery_leftnav strong { font: italic bold 11px Verdana, Geneva, sans-serif; color:#FC0; line-height:12px; }
	#gallery_leftnav .small { font: normal bold 10px Verdana, Geneva, sans-serif; color:#FFF; line-height:12px; }
.hiddencontent { width:555px; float:right; display:none; text-align:center !important; }
.vid_caption { width:360px; padding:15px; background-color:#333; font: normal bold 10px Verdana, Geneva, sans-serif; color:#FFF; text-align:center; margin:0 82px; }
.vid_caption strong { font: italic bold 12px Verdana, Geneva, sans-serif; color:#FC0; text-align:center; }
.clear { clear:both; }


/*-------> Privacy / Terms Page ---------*/
#privacy p, #privacy li { font:normal normal 11px Verdana, Arial, Helvetica, sans-serif; line-height: 17px; color:#FFF; margin-bottom:15px; }

#jump_box { width:220px; float:right; background:#222; padding:10px; margin:0 0 25px 40px; }
		#jump_box ul { margin:0; padding-left:10px; }
		#jump_box li { margin-bottom:8px!important; line-height:12px; list-style:none; }
		#jump_box li a { font:normal bold 10px Arial, Helvetica, sans-serif!important; color:#FFCC00!important; text-decoration:none; }
		#jump_box li a:hover { color: #FFF!important; }
		
.indent { padding:0 5%; }
.indent ul { padding-left:0!important; }
.indent li { margin-bottom:12px; }
		
.separator { border-top:1px solid #444; height:2px; padding:3px 0; margin:15px 0; }
.separator .backtotop { float:right; }

.backtotop, .backtotop a { font:normal normal 10.5px Arial, Helvetica, sans-serif; color:#555 !important; text-decoration:none; }
		.backtotop a:hover { font:normal normal 10.5px Arial, Helvetica, sans-serif; color:#FFF !important; text-decoration:underline; }

.listbold { font: normal bold 12px Arial, Helvetica, sans-serif; color:#FFF; }
.protected { font:normal bold 9px Verdana, Geneva, sans-serif; text-transform:uppercase; color:#F00; background-color:#FFF; padding:1px; }

td.teammetrx a { font:normal bold 11px Verdana, Arial, Geneva, sans-serif; color:#FFF; text-decoration:none; line-height:15px; }
td.teammetrx a:hover { color:#fcc82b; text-decoration:none; }