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

/* GLOBALS
------------------------------------- */

html, body, div, ul, ol, li, h1, h2, h3, h4, p, span, img, table, thead, tbody, tr, td, form { margin: 0; padding: 0; border: none; font-weight: normal; }
.clear { clear: both; display:block; height:3px; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
body { font-family: arial, helvetica, sans-serif; background: #444444 url(../images/body_bg.png); background-repeat:repeat-x; background-color:#444444;}
p { font-size: 12px; }

/* FPO
------------------------------------- */


/* LAYOUT
------------------------------------- */

/* MH NAVBAR */

#topNavigation a {
	text-decoration: none;
}

.srch_box {
  background: url(http://www.menshealth.com/cda/images/srch_bkgrnd_2.gif) top left no-repeat;
}

#topnavBar {
	background: #000;
	padding: 5px 0 0 7px;
}

#topnavBar img {
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}

#subnavBar {
	float: left;
	margin: 3px 0 0 10px;
	_margin: 0 0 0 10px;
	display: inline;
}

#subnavBar img {
	margin: 0 1px;
}

.srch_box {
	margin-left: 5px;
	height: 22px;
	float: left;
	display: inline;
	width: 220px;
}

.srch_box .srch_input {
	height: 10px;
	width: 140px;
	margin: 3px 0 0 8px;
	float: left;
	display: inline;
}

.srch_box .srch_go {
	margin: 4px 0 0 5px;
	float: left;
	display: inline;
}

/* The following code is used to clear an element that contains floated elements, without adding a specific clearing element to the HTML. */

#topNavigation:after, #container:after { /* Clear for Firefox and Safari. */
    content: " "; 
    display: block;
    clear: both; 
    visibility: hidden;
}

* html #topNavigation { /* Non-presentational clear for IE6 and Quirks Mode IE 7. */
    display: inline-block;
}

*:first-child+html #topNavigation  { /* Standards mode IE7. */
    display: inline-block;
}

/* /clear */

/* /MH NAVBAR */

#totalwrap { width: 950px; max-width: 950px;}

#container {
	width: 777px;
	max-width: 777px;
	padding: 0 0 30px 0;
	background: #fff;
	float: left;
	overflow:hidden;
	margin-bottom:1px;
	padding-bottom:1px;
}


  .box_ad{
  display:block;
  width:300px;
  height:250px;
  border:1px solid #ffffff;
  margin:10px;
  float:left;
  background-color:#ffffff;
  margin-left:20px;
  
  }

#home #boxad {
	margin-right: 10px;
}

#msnad {
	padding: 6px;
	border: 1px solid #FFFFFF;
	background: #FFFFFF;
	float: right;
	margin: 15px 0 0 0;
	text-align: right;
}


#footerwrap {
  padding: 15px;
	font-size: 11px;
	color: #fff;
	background-color:#000000;
}


#footerwrap table {
	width: 900px;
}

#footerwrap td {
	padding: 3px;
	color: #555;
}

#footerwrap a {
	color: #fff;
	text-decoration: none;
}

#footerwrap a:hover {
	text-decoration: underline;
}

#footerwrap table tr td:first-child {
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	color: #bbb;
}

#footerwrap table tr td {
	text-align: expression( (this===this.parentNode.childNodes[0]) ? "right" : "auto");
	text-transform: expression( (this===this.parentNode.childNodes[0]) ? "uppercase" : "auto");
	font-weight: expression( (this===this.parentNode.childNodes[0]) ? "bold" : "auto");
	color: expression( (this===this.parentNode.childNodes[0]) ? "#bbb" : "auto");
}

#sponsor {
	float: right;
	height: 24px;
	width: 115px;
	position: absolute;
	top:250px;
	left:600px;
	background-color:#FFFFFF;
}


/*IE 6*/

#sidebar {
	float: left;
	clear: left;
	margin: 94px 0 0 0;
	min-height: 500px;
	_height: 500px;
	_margin-top: 7px;
	_position: relative;
	width: 140px;
	background: url(/style/images/sidebarbg.png) left top repeat-x;
}

#sidebar a {
color:#FFFFFF;
text-decoration:none;
}

#sidebar ul {
	background: url(/style/images/sidenavbg.jpg) left bottom repeat-x;
		_background: #777;
		_position: relative;
	padding: 4px 4px 5px 0;
	list-style: none;
}

#sidebar ul li ul {
	list-style: none;
	font-size: 11px;
	line-height: 13px;
	color: #fff;
	padding: 5px 0 5px 28px;
	background: none;
}

#sidebar h4 {
	background: #2e2e2e;
	display: block;
	padding: 5px 0 5px 28px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-hasFlash h2, .sIFR-hasFlash h1 {
	visibility: hidden;
}

#subscription {
	float: right;
	width: 160px;
	margin-top: -150px;
	position: relative;
	z-index: 9999;
}

#skyscraper {
	width: 160px;
	height: 600px;
	background: #000;
	float: right;
	margin: 20px auto;
	clear:right;
}




/* From MH Living
------------------------------------- */



#centerColumn
{
	margin-bottom: 0px;
	padding-bottom:0;
	margin-right: 0px;
	margin-left: 10px;
	margin-top:5px;
	padding: 0px;
	float: left;
	width: 746px;
	max-width: 746px;
	clear:both;
}

div[id="centerColumn"]{
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 15px;
	margin-top:5px;
	padding: 0px;
	padding-bottom:0px;
	float: left;
	width: 776px;
	max-width: 776px;
}





#leaderBoard
{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.sIFR-active h1,
.sIFR-active h2 {
     visibility: hidden;
     line-height: 1em;
}

#boxad p {
	color: #345f65;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 9px;
}

h1{
color:#990000;
font-size:14pt;
margin-top:5px;
margin-bottom:2px;
font-weight:bold;
}

h2{
font-weight:bold;
font-style:italic;
color:#000000;
font-size:11pt;
padding:0;
margin-bottom:10px;
}

.main_image{
float:left;
width:200px;
padding-right:20px;
}

.copy{
font-size:10pt;
color:#000000;
}

.column{
width:300px;
float:left;
padding:15px;
}

.column a{
line-height:1.5;
}

.clear{
clear:both;
display:block;
height:2px;
padding:0;
margin:0;
}

/* /SUPPLEMENT CENTER CSS */

.nav{
width:131px;
float:left;
padding:0;
margin:0;
}

.nav ul{
list-style:none;
width:131px;
padding:0;
margin:0;
}

.nav ul li{
float:none;
padding:0;
margin:0;
}

.total_body li a{
height:29px;
width:131px;
background-image:url(../images/total_body1.jpg);
float:none;
margin:0;
padding:0;
display:block;
}

.total_body_here li a{
height:29px;
width:131px;
background-image:url(../images/total_body3.jpg);
float:none;
margin:0;
padding:0;
display:block;
}

.total_body li a:hover{
background-image:url(../images/total_body2.jpg);
}

.abs li a{
height:29px;
width:131px;
background-image:url(../images/abs1.jpg);
float:none;
margin:0;
padding:0;
display:block;
}

.abs_here li a{
height:29px;
width:131px;
background-image:url(../images/abs3.jpg);
float:none;
margin:0;
padding:0;
display:block;
}

.abs li a:hover{
background-image:url(../images/abs2.jpg);
}

.upper_body li a{
height:29px;
width:131px;
background-image:url(../images/upper_body1.jpg);
float:none;
margin:0;
padding:0;
display:block;
}

.upper_body_here li a{
height:29px;
width:131px;
background-image:url(../images/upper_body3.jpg);
float:none;
margin:0;
padding:0;
display:block;
}

.upper_body li a:hover{
background-image:url(../images/upper_body2.jpg);
}

.lower_body li a{
height:29px;
width:131px;
background-image:url(../images/lowe_body1.jpg);
float:none;
margin:0;
padding:0;
display:block;
}

.lower_body_here li a{
height:29px;
width:131px;
background-image:url(../images/lower_body3.jpg);
float:none;
margin:0;
padding:0;
display:block;
}

.lower_body li a:hover{
background-image:url(../images/lower_body2.jpg);
}

.weight_loss li a{
height:29px;
width:131px;
background-image:url(../images/weight_loss1.jpg);
float:none;
margin:0;
padding:0;
display:block;
}

.weight_loss_here li a{
height:29px;
width:131px;
background-image:url(../images/weight_loss3.jpg);
float:none;
margin:0;
padding:0;
display:block;
}

.weight_loss li a:hover{
background-image:url(../images/weight_loss2.jpg);
}

.faq li a{
height:30px;
width:131px;
background-image:url(../images/faq1.jpg);
float:none;
margin:0;
padding:0;
display:block;
}

.faq_here li a{
height:30px;
width:131px;
background-image:url(../images/faq3.jpg);
float:none;
margin:0;
padding:0;
display:block;
}

.faq li a:hover{
background-image:url(../images/faq2.jpg);
}

.intro_copy{
font-family:Arial, Helvetica, sans-serif;
width:290px;
margin-left:15px;
margin-right:15px;
color:#000000;
font-size:10pt;
float:left;
}

div [class="intro_copy"]{
font-family:Arial, Helvetica, sans-serif;
width:310px;
margin-left:15px;
margin-right:15px;
color:#000000;
font-size:10pt;
float:left;
}

.intro_copy h2{
text-transform:uppercase;
float:right;
margin-right:7px;
padding-top:12px;
}

.intro_copy img{
float:right;
margin-right:20px;
padding-top:15px;
}

.video{
padding:0;
margin:0;
border:3px solid #cc0000;
width:267px;
display:block;
float:right;
}

.free_downloads{
background-image:url(../images/free_downloads.jpg);
background-position:top center;
background-repeat:no-repeat;
width:270px;
padding-top:30px;
margin-top:17px;
float:left;
margin-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000000;
margin-left:10px;
}

div [class="free_downloads"]{
background-image:url(../images/free_downloads.jpg);
background-position:top center;
background-repeat:no-repeat;
width:280px;
padding-top:30px;
margin-top:17px;
float:left;
margin-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
color:#000000;
margin-left:10px;
}

.sale{
color:#cc0000;
text-decoration:line-through;
}

.free_downloads h1{
color:#CC0000;
font-weight:bold;
font-size:13pt;
text-decoration:none;
padding-bottom:4px;
}


.free_downloads h1 a{
color:#CC0000;
font-weight:bold;
font-size:13pt;
text-decoration:none;
}

.free_downloads strong{
color:#cc0000;
}

.free_download_panel{
float:left;
margin-right:10px;
min-height:145px;
}

.archive{
width:400px;
float:right;
margin-right:15px;
background-image:url(../images/from_the_archive.jpg);
background-position:top center;
background-repeat:no-repeat;
margin-top:17px;
padding-top:30px;
}

.archive_module{
width:191px;
height:330px;
display:block;
background-color:#e7e7e6;
float:left;
margin-left:5px;
margin-top:15px;
font-size:10pt;
}

.archive_module_right{
width:191px;
height:330px;
display:block;
background-color:#e7e7e6;
float:right;
margin-top:15px;
font-size:10pt;
}

.snipe{
float:left;
}

.thumb_img{
padding-left:5px;
padding-top:10px;
}

.copy{
padding:10px;
font-size:10pt;
line-height:1.4;
}

.copy h1{
font-family:Arial, Helvetica, sans-serif;
color:#CC0000;
font-size:13pt;
padding-bottom:2px;
line-height:normal;
}

.copy strong{
color:#CC0000;
}

.copy a{
color:#cc0000;
font-weight:bold;
}

.related a{
display:block;
padding-left:13px;
color:#000000;
line-height:normal;
background-image:url(../images/tri2.jpg);
font-weight:normal;
font-size:9pt;
float:none;
background-repeat:no-repeat;
padding-bottom:10px;
}

.copy a:hover {
color:#000000;
}

.download{
font-size:8pt;
text-align:right;
line-height:normal;
}

.download a img{
float:left;
font-weight:bold;
}

.links{
padding-left:25px;
padding-top:10px;
}

.links a{
display:block;
height:20px;
text-indent:13px;
color:#000000;
background-image:url(../images/tri.jpg);
line-height:1.5;
float:none;
background-repeat:no-repeat;
padding-bottom:10px;
}

.links a:hover{
color:#cc0000;
}

.faqs{
font-family:Arial, Helvetica, sans-serif;
width:510px;
margin-left:15px;
margin-right:15px;
color:#000000;
font-size:10pt;
float:left;
}

.faqs a{
font-weight:bold;
color:#CC0000;
}

.faqs h3{
font-weight:bold;
color:#333333;
font-size:10.5pt;
}

.whgift{
display:block;
width:100px;
height:70px;
position:absolute;
top:190px;
left:640px;
background-color:none;
}