/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,address,cite,del,em,img,s,a,small,strike,strong,
sup,sup,tt,b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,thead,tr,th,td
{
	margin:0;padding:0;
	font-size: 100%;
}
a img{ border: 0; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	/*margin: 0;
	padding: 0;*/
	/*
	outline: 0;
	
	vertical-align: baseline;
	background: transparent;*/
}
body, html {
	/*line-height: 1;*/
	margin:0;
	padding:0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	font-size:1px;
}

/**** Clear Fix (no impact on markup) ****/
/** Please note Clear Fix requires rules in ie6.css and ie.css
/* float clearing for everyone else */

.clearfix:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	margin:0;
}

/* 
    Document   : default
    Created on : 06-May-2009, 16:23:14
    Author     : John
    Description:
        Purpose of the stylesheet follows.
*/

/*text*/
a{  text-decoration:underline; color:#2484B6 }
a:hover{ text-decoration:underline }

p{ line-height:14px; margin-bottom:14px; }
h1{ font-weight:bold; font-size:2em; margin-bottom:12px; font-family:Arial, Helvetica,sans-serif; }
h2{ font-weight:bold; font-size:1.6em; margin-bottom:12px; font-family:Arial, Helvetica,sans-serif; margin-bottom:0.6em; line-height:1.4em; color:#ff5c31 }
h3{ font-weight:700; font-size:1.4em; font-family:Arial, Helvetica,sans-serif; }
h3 a{ color:#ff5533 }
h4
{
	border-bottom:2px solid #ee3e19;
	color:#257baf;
	font-size:1.8em;
	font-weight:700;
	margin-bottom:0.4em;
	font-family:Arial, Helvetica,sans-serif;
}

h1 .mfm{ color:#2484B6 }

.blue{ color:#257BAF }

.introPara{ font-weight:700; font-size:1.2em; line-height:18px }

ul {
	list-style-type:none;
	padding:0;
	}

ul li {
	list-style-type:none;
	}

ul ul {
	margin-top:1.5em;
	}

li {
	margin:0px 0px 1em;
	padding:0px;
	}

ul li
{
	background-image:url(/imgs/backgrounds/left-nav-li-arrow.gif);
	background-position:0px 0.4em;
	background-repeat:no-repeat;
	padding-left:8px;
	line-height:1.2em;
	margin-bottom:0.4em;
}


ul.site-map ul
{
	margin-left:30px;
	margin-top:8px;
	margin-bottom:8px;
}

ul.site-map li.site-map-title{ background-image:none; }
ul.site-map li.site-map-title span{ font-size:1.2em;  margin-top:25px; display:block; margin-bottom: 10px;padding-bottom:5px; border-bottom:1px solid #ccc; }


p.post_item_bookmark_this img{ margin-right:10px; margin-left:10px; vertical-align:text-bottom }
p.post_item_bookmark_this{ font-weight:700 }



/*base styles*/
body
{
	color:#333333;
	font-family:verdana,Arial,Helvetica,sans-serif;
	font-size:0.63em;
	font-weight:100;
	font-style:normal;
}

button{ cursor:pointer }

.hide{ display:none }

/*markup specific*/
#body_tag{ background:#333; }
#wrapper
{
	width:946px;
	background:#fff;
	margin:0 auto;
}

#wrapper2{ margin:0 8px; padding:8px 0; position:relative; }

#logo
{
	background:url(/imgs/miracles-for-men-logo.gif) no-repeat;
	width:247px;
	height:50px;
	overflow:hidden;
	float:left;
}
#logo_social
{
	background:url(/imgs/social/miracles-for-men-logo.gif) no-repeat;
	width:296px;
	height:50px;
	overflow:hidden;
	float:left;
}
#logo_blog
{
	background:url(/imgs/blog/miracles-for-men-logo.gif) no-repeat;
	width:283px;
	height:50px;
	overflow:hidden;
	float:left;
}
#logo a,
#logo_social a,
#logo_blog a{ text-indent:-9999px; width:100%; height:100%; display:block; }

#search_bar
{
	width:440px;
	float:right;
}
	#search_bar div.top{ background:#EBEBEB; }
		#search_bar div.live_person{ width:100px; float:left; margin:6px }
		#search_bar div.search_box{ width:315px; float:right; text-align:right; font-weight:700 }
			#search_bar div.search_box div{ padding-top:6px; padding-right:6px }
			#search_bar div.search_box button,
			#search_bar div.search_box label,
			#search_bar div.search_box input{ vertical-align:middle; }
			#search_bar div.search_box button{ border:1px solid #035770; background:#035770; color:#fff; margin-left:5px; }
			#search_bar div.search_box button{ font-weight:700 }
	#search_bar div.btm{ background:url(/imgs/green-bar.gif) no-repeat -4px 50%;  }
		#search_bar div.btm address
		{
			font-size:1.2em;
			font-style:normal;
			color:#fff;
			font-weight:bold;
			padding:8px 0 8px 30px;
		}
			#search_bar div.btm address a
			{
				font-size:0.83em;
				font-weight:normal;
				color:#fff;
			}

#nav{ clear:both; float:none; background:url(/imgs/top-nav.png) repeat-x center #cc4422; margin-top:1px; position:relative; z-index:5000; width:100%; }
	#nav ul{ float:left; padding:0; font-weight:700; }
		#nav ul li{ float:left;padding:0; background-image:none ; margin:0; position:relative;}
			#nav ul li a{ display:block; padding: 6px 10px 7px; color:#fff; font-size:1.1em; text-decoration:none }

			/* Suckerfish styles */
			#nav ul ul
			{
				background-color:#CC4626;
				width:170px;
				position:absolute;
				left:-999px;
				z-index:509;
				margin-top:0;
				/*border-top:1px solid #7F270F;*/
			}
				#nav ul ul ul
				{
					margin-left:-99999px;
					z-index:508;
					position:absolute;
					margin-top:-25px;
					padding-top:0;
				}
				#nav ul ul li:hover ul, #nav ul ul li.sfhover ul
				{
					margin-left:170px;
				}


			#nav ul li ul li{
			  width: 170px;
			}
			#nav ul li:hover ul, #nav ul li.sfhover ul {
			  left: auto;
			}
			#nav a:hover { background-color:#ff5d31; }












#nav_2{ clear:both; float:none; border-bottom:6px solid #e2e2e2; padding:0; margin-top:4px;  }

	#nav_2 ul li{ float:left; padding:0; background-image:none; margin:0; font-weight:700 }
		#nav_2 ul li a{ display:block; color:#333; font-size:1.1em; height:164px; text-decoration:none }
		#nav_2 ul li a:hover{ text-decoration:underline }
		#nav_2 ul li#top_sub_nav{ display:block; width:185px; height:164px; background:url(/imgs/middle-nav.gif) no-repeat; border-right:1px solid #fff; }
			#nav_2 ul li#top_sub_nav ul{ margin:20px 0 0 35px }
			#nav_2 ul li#top_sub_nav ul li{ float:none; background:url(/imgs/middle-nav-li-arrow.gif) no-repeat 0 50% transparent;   }
			#nav_2 ul li#top_sub_nav ul li a{ margin:0 0 0 15px; padding:4px 0; height:auto; width:auto; color:#fff; font-size:1em; }


		#nav_2 ul li#supplements_nav a{ width:148px; background:url(/imgs/products/supplements.jpg) no-repeat; position:relative; border-right:1px solid #fff; }
		#nav_2 ul li#teeth_whitening_nav a{ width:148px; background:url(/imgs/products/teeth-whitening.jpg) no-repeat; position:relative; border-right:1px solid #fff; }
		#nav_2 ul li#sports_drinks_nav a{ width:148px; background:url(/imgs/products/sports-drinks.jpg) no-repeat; position:relative; border-right:1px solid #fff; }
		#nav_2 ul li#weight_loss_nav a{ width:148px; background:url(/imgs/products/weight-loss.jpg) no-repeat; position:relative; border-right:1px solid #fff; }
		#nav_2 ul li#fitness_equipment_nav a{ width:148px; background:url(/imgs/products/fitness-equipment.jpg) no-repeat; position:relative; }

			#nav_2 ul li#supplements_nav a span,
			#nav_2 ul li#teeth_whitening_nav a span,
			#nav_2 ul li#sports_drinks_nav a span,
			#nav_2 ul li#weight_loss_nav a span,
			#nav_2 ul li#fitness_equipment_nav a span
			{ display:block; text-align:center; width:130px; background:#fff; clear:both; float:none; padding:5px 0; position:absolute; bottom:0; left:8px; }

			#nav_2 ul li#supplements_nav a:hover span,
			#nav_2 ul li#teeth_whitening_nav a:hover span,
			#nav_2 ul li#sports_drinks_nav a:hover span,
			#nav_2 ul li#weight_loss_nav a:hover span,
			#nav_2 ul li#fitness_equipment_nav a:hover span
			{ background:#000; }

			#nav_2 ul li#supplements_nav a:hover,
			#nav_2 ul li#teeth_whitening_nav a:hover,
			#nav_2 ul li#sports_drinks_nav a:hover,
			#nav_2 ul li#weight_loss_nav a:hover,
			#nav_2 ul li#fitness_equipment_nav a:hover
			{ text-decoration:none; color: #fff; }


#main
{
	margin-top:5px;
	border-top:2px solid #EE3E19;
	position:relative;
}
	#main #rls_col
	{
		margin-top:5px;
		width:185px;
		min-height:300px;
		float:right;
		clear:right;
	}
		#main #rls_col #shopping_basket
		{
			border:2px solid #035770;
			/*border-top-width:0;*/
			background:#fff;
		}
			#main #rls_col #shopping_basket .shopping_basket strong
			{
				display:block;
				font-weight:700;
				font-size:1.4em;
				font-family:Arial,Helvetica,sans-serif;
				color:#fff;
				background:url(/imgs/shopping-basket.gif) no-repeat right center #036982;
				padding:8px 4px;
			}
			#main #rls_col #shopping_basket table
			{
				width:100%;
				margin-bottom:7px;
			}
				#main #rls_col #shopping_basket table caption
				{
					display:none;
				}
				#main #rls_col #shopping_basket .shopping_items{ padding:7px; }
					#main #rls_col #shopping_basket .shopping_items a{ font-weight:100; }
				#main #rls_col #shopping_basket table th
				{
					text-align:left;
					vertical-align:middle;
					font-weight:700;
					border-bottom:1px solid #ccc;
					padding:2px 0;
				}
				#main #rls_col #shopping_basket table th.total,
				#main #rls_col #shopping_basket table td.total
				{
					color:#CC4223;
					font-weight:700;
					border-bottom-width:0;
					font-size:1.1em;
				}
				#main #rls_col #shopping_basket table td
				{
					text-align:right;
					vertical-align:middle;
					font-weight:100;
					border-bottom:1px solid #ccc;
				}
				#main #rls_col #shopping_basket div.ccards
				{
					margin:7px 0 0 1px;
				}

div.promo_code{
	margin: 20px 0 0 0;
	padding: 5px;
	background-color: #eee;
}
div.promo_code p{
	margin: 0 0 2px 0;
}
div.promo_code p.title{
	margin: 0;
	font-weight: bold;
	font-size: 1.1em;
}
div.promo_code input{
	width: 150px;
	vertical-align: middle;
}

		#main #rls_col #physique_creator,#physique_creator
		{
			border:2px solid #035770;
			/*border-top-width:0;*/
			background:#035770;
			margin-top:10px;
			color:white;
			font-weight:700;
		}
			#main #rls_col #physique_creator h3,#physique_creator h3
			{
				color:#FF5C31;
				background:url(/imgs/physique-creator.gif) no-repeat right center #036982;
				padding:10px 4px 8px;
			}
			#main #rls_col #physique_creator p,#physique_creator p{ margin:0 30px 10px 7px; }
			#main #rls_col #physique_creator p img,#physique_creator p img{ float:right }


		.general_box_invert
		{
			border:2px solid #035770;
			/*border-top-width:0;*/
			background:#035770;
			margin-top:10px;
			color:white;
			font-weight:700;
		}
			h3.general
			{
				background:url(/imgs/plain-bg.gif) repeat-x left top #036982;
				padding:7px 4px;
				color:#fff;
				margin-top:10px;
			}
			.general_box_invert h3
			{
				color:#FF5C31;
				background:url(/imgs/plain-bg.gif) repeat-x left top #036982;
				padding:10px 4px 2px;
			}
			.general_box_invert div{ background:url(/imgs/social/diary.gif) no-repeat 5px 0; height:47px }
			.general_box_invert div a
			{
				width:100%;
				height:100%;
				display:block;
				color:#fff;
				text-decoration:none
			}
				.general_box_invert div a span
				{
					display:block; margin:0 10px 0 49px;
					padding-top:10px;
				}

		#main #rls_col #news,
		#news
		{
			border:2px solid #035770;
			/*border-top-width:0;*/
			margin-top:10px;
			background:#fff;
		}
			#main #rls_col #news h3,
			#news h3
			{
				background:url(/imgs/rss-feed.gif) no-repeat right center #036982;
				padding:8px 4px;
				color:#fff;
			}
			#news p.view_all_news{ text-align:center }
			#news p.view_all_news a{ text-decoration:none; color:#CC4223 }
			#news p.view_all_news a:hover{ text-decoration:underline;}
			#main #rls_col #news p.news_item,
			#news p.news_item
			{
				padding:8px 7px;
				margin:0;
			}
				#news p.news_item strong,
				#news p.news_item a,
				#news p.news_item span{ display:block; margin:0; text-decoration:none }
				#news p.news_item a.more{ text-decoration:underline }
				#news p.news_item br{ display:none; }
				#main #rls_col #news p.news_item strong, #news p.news_item strong{ color:#CC4223; font-size:1.1em; }
				#main #rls_col #news p.news_item .news_date,#news p.news_item .news_date{ color:#ccc; font-weight:700; }
				#main #rls_col #news p.news_item .news_date,#news p.news_item a.more{ font-weight:700; }
				#news p.news_item a.desc{ color:#000 }


		#main #rls_col #secure_payments
		{
			border:2px solid #035770;
			/*border-top-width:0;*/
			margin-top:10px;
			background:#fff;
		}
			#main #rls_col #secure_payments h3
			{
				background:url(/imgs/secure-payments.gif) no-repeat right center #036982;
				padding:8px 4px;
				color:#fff;
				text-align:left;
			}

			#main #rls_col #secure_payments div
			{
				text-align:center;
				padding-top:12px;
				padding-bottom:12px;
			}

		.general_box
		{
			border:2px solid #035770;
			/*border-top-width:0;*/
			margin-top:10px;
			background:#fff;
		}
			.general_box h3
			{
				background:url(/imgs/shopping-basket.gif) no-repeat right center #036982;
				padding:8px 4px;
				color:#fff;
				text-align:left;
			}

			.general_box div
			{
				text-align:center;
				padding:0;
				margin:0;
			}
				.general_box div a.all
				{
					display:block;
					height:100%;
					width:100%;
					text-align:center;
				}

	#main #mid_col
	{
		width:534px;
		min-height:300px;
		/*background:lightgrey;*/
		float:right;
		margin-right:14px;
		margin-top:5px;
	}
		#main #mid_col p a.cnxt{ text-decoration:none; font-weight:700; color:#333 }

		#allNewsDiv span.date
		{
			color:#999;
		}


		.home-page-banner{ margin-top:-2px }

		#main #mid_col div.home_page_links{ text-align:center; margin:12px 0 -8px; }
		#main #mid_col div.home_page_links img{ margin-right:40px; }
		#main #mid_col div.home_page_links img.no_bdr_right{ margin-right:0; }

		#main #mid_col #featuresCont div.featured_product
		{
			border:2px solid #ff5533;
			border-bottom-width:1px;
			width:255px;
			float:left;
			text-align:center;
		}
			#main #mid_col #featuresCont div.featured_product div.featureBoxTitle
			{
				background:url(/imgs/feature-box-title.gif) repeat-x left bottom;
				text-align:left;
				padding:5px 3px;
				color:#fff;
				font-weight:700;
				font-size:1.2em;
			}

		#main #mid_col #featuresCont #featureNew{ margin-right:12px; }

		#main #mid_col #page_gallery{ margin-top:25px; margin-left:2px }
		#main #mid_col #page_gallery a img
		{
			border:3px solid #035770;
			background-color:#fff;
			padding:1px;
			margin:0 2px 5px 0;
		}


	#main #lhs_col
	{
		margin-top:5px;
		width:185px;
		min-height:300px;
		float:left;
		clear:left;
	}
		#main #lhs_col h3#bookmark,h3#bookmark
		{
			background:url(/imgs/bookmark-page.gif) no-repeat right center;
			
			padding:7px 4px;
		}
			#main #lhs_col h3#bookmark a,h3#bookmark a{ color:#fff; text-decoration:none }

		div#leftNav li
		{
			display:block;
			background:url(/imgs/left-nav-li.gif) repeat-x bottom left #EDEDED;
			margin:0;
		}
			div#leftNav li a
			{
				color:#000;
				font-weight:700;
				background:url(/imgs/left-nav-li-arrow.gif) no-repeat 15px 50%;
				display:block;
				padding:8px 10px 8px 25px;
				text-decoration:none
			}
			div#leftNav li a:hover{ text-decoration:underline }

				div#leftNav li ul
				{
					margin-top:0;
				}
				div#leftNav li ul,
				div#leftNav li ul li,
				div#leftNav li ul li a{ display:block; }

				div#leftNav li ul li{ background-image:none; background-color:transparent }
				div#leftNav li ul li.last{ padding-bottom:5px; }

					div#leftNav li ul li a
					{
						font-weight:100;
						color:#666;
						padding:4px 10px 4px 30px;
					}
						div#leftNav li li li a{ color:#999 }


		#main #lhs_col #newsletter,#newsletter
		{
			border:2px solid #035770;
			/*border-top-width:0;*/
			margin-top:10px;
			background:#fff;
		}
			#newsletter #newsletter_form div input,
			#newsletter #newsletter_form div button{ vertical-align:middle }
			#newsletter #newsletter_form div button{ margin-left:5px }
			#newsletter #newsletter_form div ul{ margin-left:8px }

			#main #lhs_col #newsletter h3, #newsletter h3
			{
				background:url(/imgs/backgrounds/titles/newsletter.gif) no-repeat right center #036982;
				padding:8px 4px;
				color:#fff;
			}

			#main #lhs_col #newsletter div.news_text,#newsletter div.news_text
			{
				margin:7px;
				color:#CC4223;
				font-weight:700;
			}

			#main #lhs_col #newsletter #newsletter_form button,#newsletter #newsletter_form button
			{
				font-size:1em;
				background:#035770;
				color:#fff;
				border:1px solid #035770;
				font-weight:700;
				padding-top:2px;
				padding-bottom:2px;
				margin-bottom:7px;
			}
			#main #lhs_col #newsletter #newsletter_form input,#newsletter #newsletter_form input
			{
				margin-left:7px;
				margin-bottom:7px;
				
			}

		#social_btns a
		{
			display:block;
			width:185px;
			height:80px;
			overflow:hidden;
			text-indent:-9999px;
			margin-top:10px;
		}
		#social_btns a.btn_blog{ background:url(/imgs/home-page/visit-blog.png) no-repeat; }
		#social_btns a.btn_social{ background:url(/imgs/home-page/visit-social.png) no-repeat; }
		#social_btns a.btn_forum{ background:url(/imgs/home-page/visit-forum.png) no-repeat; }

#footer1
{
	clear:both;
	float:none;
	margin-bottom:10px;
	margin-top:15px;
}
#footer2
{
	height:40px;
	background-color:#efefef;
	padding:0;

}
	#footer2 #faqs{ float:left; text-align:center; width:22% }
	#footer2 #links{ float:left; text-align:center; width:58%; background-color:#ccc; padding:14px 0; }
		#footer2 #links a{ color:#333; font-weight:100; }
	#footer2 #w3cLogos{ float:left; text-align:center; width:20%; padding-top:9px; }




/*   Legacy CSS   */

/* CHECKOUT PAGE / BASKET PAGE / PAYMENT PAGE */

.orangeSep{
    clear:both;
	background-color:#cc4626;
	padding:5px;
	font-weight:bold;
	color:#FFFFFF;
	border-bottom:1px solid #333333;
	margin-top:10px;
	height:12px;
	}

form#formDelivery .formRowMain{
	border-bottom:0px solid #e2e2e2;
	}

form#formDelivery .formRowMain input{
	font-size:11px;
	padding:2px 1px 1px 5px;
	}

form#formDelivery .formRowMain select{
    width: 180px;
	}

form#formDelivery .formRowMain select.formDates{
    width: 45px;
	}

form#formDelivery .formRowMain label {
    display: block;
    width: 120px;
    float: left;
    line-height: 22px;
    margin: 0 5px 0 0;
    border-right:none;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#summaryBox{
	background-color:#ededed;
	padding:10px 15px;
	}

#summaryBox .introPara{
	margin-bottom:0.2em;
	}

.orderPD{
	float:left;
	width:160px;
	margin-right:10px;
	}

.orderFS{
	float:left;
	width:140px;
	margin-right:10px;
	}

.orderQTY{
	float:left;
	width:70px;
	margin-right:10px;
	}

.orderPR{
	float:left;
	width:60px;
	}
.orderRM{
	float:left;
	width:60px;
	}

.productPD{
	float:left;
	width:160px;
	margin:0 10px 0 5px;
	}

.productFS{
	float:left;
	width:140px;
	margin:0 10px 0 5px;
	}

.productQTY{
	float:left;
	width:70px;
	margin:0 10px 0 5px;
	margin-top:-4px;
	}

.productPR{
	float:left;
	margin:0 0 0 5px;
	width:60px;
	}
.productPM{
	float:left;
	margin:0 0 0 5px;
	width:60px;
	}

.formRowMainOrder{
	clear:both;
	padding: 5px 0 5px 0px;
	margin-top:6px;
	border-bottom:1px solid #ccc;
	}

.formRowMainOrder label{
    display: block;
    width: 80px;
    float: left;
    margin: 0 5px 0 0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	}


/* PRODUCT FORM */

.formRow {
			padding: 4px 0 4px 0px;

}

.formRow label {
			display: block;
			width: 80px;
			float: left;
            line-height: 22px;
            margin: 0 5px 0 0px;
			background-color:#035770;
			color:#FFFFFF;
			padding-left:4px;
			font-weight:bold;
			font-size:12px;
}

.formRow input, textarea, select{
	padding:1px;
	font-size:11px;
	}
.formRow select{
	width:180px;
	}

/* CALCULATOR FORM */

.formRowCal {
			padding: 6px 0 6px 0px;

}

.formRowCal label {
			display: block;
			width: 160px;
			float: left;
            line-height: 22px;
            margin: 0 5px 0 3px;
			background-color:#035770;
			color:#FFFFFF;
			padding-left:4px;
			font-weight:bold;
}

.formRowCal input, textarea, select{
	padding:1px;
	font-size:11px;
	}
.formRowCal select{
	width:120px;
	}
.formRowCal select.bmiWeight{
	width:40px;
	}
.formRowCal select.bmi{
	width:60px;
	}

.productPrice{
	font-size:1.5em;
	font-weight:bold;
	}

/* CONTACT FORM */

.formRowMain {
			padding: 5px 0 5px 0px;

}

.formRowMain label {
    display: block;
    width: 120px;
    float: left;
    line-height: 22px;
    margin: 0 5px 0 0;
    border-right: solid 5px #035770;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.video{
  margin-left: 25px;
}


table.login_new{
        width: 100%;
      }
      table.login_new td.a{
        padding: 10px;
      }
      p.login_new{
        margin: 1px 0;
      }
      table.login_new td.b{
        padding: 7px 0 0 5px;
        width: 30px;
        vertical-align: top;
      }
      table.login_new td.c{
        padding: 6px;
        vertical-align: top;
      }
      input.login_new{
        width: 70%;
      }
      span.required{
        color: #c00;
        font-weight: bold;
        font-size: 1.2em;
      }
ul.errors{
        margin: 15px 0;
        padding: 10px;
        font-family: arial, verdana, sans-serif;
        font-weight: bold;
		font-size: 1.1em;
        border: #f00 2px solid;
        background-color: #fcc;
        list-style-type: none;
      }
      ul.message{
        margin: 5px 0;
        padding: 10px;
        font-family: arial, verdana, sans-serif;
        font-size: 0.8em;
        font-weight: bold;
        border: #888 2px solid;
        background-color: #eee;
        list-style-type: none;
      }
div.new_buttons{
  margin: 20px 10px;
}

/* REGISTER */
table.register_new{
  width: 95%;
}
.register_new td.t{
  padding: 3px 11px;
  color: #2b4755;
}
.register_new tr.prod_tr td{
  color: black;
  padding-left: 12px;
  line-height: 33px;
}
.register_new tr.prod_tr td.a{
  width: 120px;
}
.register_new td.b input{
  width: 140px;
  height: 15px;
  border: 1px solid black;
}
.register_new td.b select{
  width: 140px;
  height: 20px;
  border: 1px solid black;
}
div.register_buttons div.left{
  float: left;
  width: 150px;
}
div.register_buttons div.right{
  float: left;
}
#myContent{
	text-align:center;
}


div.productRow span.price{
font-weight:700;
}
div.page_nav a.pg_nav_active{ cursor:default; color:#ccc; text-decoration:none; }



/* EASY BROWSE AND PRODUCT BOXES */
/* EASEY BROWSE */

#easyBrowse{
	padding-top:5px;
	border-top:2px solid #ee3e19;
	}
div#mid_col #easyBrowse p a{
	color:#ee3e19;
	font-weight:100;
	text-decoration:underline
	}
#easyBrowse a:hover{
	color:#ee3e19;
	}

/* PRODUCTS BOXES */
.productRow{
	margin:0;
	padding:0;
	margin-bottom:15px;
	}
.productImage{
	float:left;
	width:147px;
	/*padding:2px 0 0 3px;*/
	margin-right:10px;
	overflow:hidden;
	padding:0 0 0 0;
	/*background:url(/imgs/backgrounds/product-box.gif) top;*/
	position:relative;
	text-indent:0;
	border:2px solid #FF5A30;
	border-bottom-width:0;

}
.productImage a{ margin:0; padding:0; display:block; clear:both; float:none; text-indent:0 }
.productImage img
{
	position:relative;
	border:0;
	width:147px;
	margin:0; padding:0; display:block; clear:both; float:none;
	text-indent:0;

}
.productText
{
	float:left;
	width:373px;
	overflow:hidden;
}
.productImgTitle
{
	background:url(/imgs/backgrounds/feature-box-title.gif) bottom repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1.2em;
	padding:3px;
	text-align:center;
	

}
.checkout_steps{ margin-bottom:15px }
.productImage img{ margin-bottom:-2px; }
.productDetailImage{
	float:left;
	width:201px;
	padding:2px 0 0 2px;
	background:url(/imgs/backgrounds/product-box-detail.gif) top;
	text-align:center;
	}
.productTextDetail{
	width:317px;
	float:left;
	margin-left:10px;
	}
	.productTextDetail img.mad-offer{ margin-bottom:5px; }

	.productTextDetail a.product_review_btn
	{
		display:block;
		width:166px;
		height:42px;
		background:url(/imgs/buttons/review-product.png) no-repeat;
		float:left;
		overflow:hidden;
		text-indent:-999px;
		margin-top:1px;
		margin-right:12px;
	}

.productText{
	width:367px;
	float:left;
	/*margin-left:10px;*/
	}
.productText p{
	margin-bottom:0;
	}
#main div#mid_col .productRow .productText p a.more{ text-decoration:underline; font-weight:100; color:#2484B6 }
.productText img{
	float:right;
	margin-left:10px;
	margin-bottom:50px;
	}
.productBox{
	width:155px;
	float:left;
	}


/* TABLES */

table.nutrition {
	padding: 0px;
	border: none;
	}
table.nutrition td {
	border: none;
	background-color: #035770;
	vertical-align: middle;
	padding: 6px;
	font-weight: bold;
	border: 1px solid #ffffff;
	color:#FFFFFF;
	}
table.nutrition th {
	font-size:1.2em;
	padding: 6px;
	text-align:center;
	background-color:#f2f2f2;
	border: 1px solid #ffffff;
	}
table.nutrition tr.special td {
	border-bottom: 1px solid #ffffff;
	}




/* SITE MAP */

ul.sm
{

margin:0pt 20px 0pt 0pt;
padding:0pt;
}

ul.sm_sub {
margin:0pt;
padding:5pt 0pt 0pt 30px;
}

ul.sm_sub_sub {
margin:0pt;
padding:5pt 0pt 0pt 60px;
}



/* VIDEOS controls */
a.myPlayer
{
	clear:both;
	display:block;
	width:470px;
	margin:0 auto 30px;
	position:relative;
}

a.myPlayer img
{
	left:50%;
	top:50%;
	margin-left:-41px;
	margin-top:-41px;
	position:absolute;
}

a.bsn-video
{
	height:313px;
	background:url(/swf/bsn.jpg) no-repeat;
}
a.scimx-video
{
	height:254px;
	background:url(/swf/scimx.jpg) no-repeat;
}
a.lamuscle-video
{
	height:211px;
	background:url(/swf/lamuscle.jpg) no-repeat;
}


/* dock - top */
.dock {
	position: relative;
	height: 110px;
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 60px;
	background: none;
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none;
	margin: 5px 10px 0px;
	width: 100%;
}
.dock-item span {
	display: none;
	padding-left: 20px;
}

.crumb_trail .arrow_left
{
	padding-left:10px;
	background:url(/imgs/crumb_arrow.gif) left center no-repeat;
}



h3.nwlf {background:url(/imgs/backgrounds/titles/nwlf.gif) top left; padding:6px 0 7px 6px; color:#ff5c31; padding-left:35px; font-size:1.2em; margin-top:10px;}
h3.guarantee {background:url(/imgs/backgrounds/titles/guarantee.gif) top right; padding:6px 0 7px 6px; color:#ff5c31; margin-top:10px;}

/* GREEN BOXES */

.greenBoxBorder{
	background:url(/imgs/backgrounds/green-box-border.gif) bottom;
	margin-bottom:10px;
	}
.greenBoxBorder .padding{
	padding:10px;
	}
.greenBoxBorder .newsTitle{
	color:#cc4223;
	font-size:1.1em;
	font-weight:bold;
	}
.greenBoxBorder form {
	margin:0;
	padding:0;
}
.newsText{
	height:23px;
	font-weight:bold;
	color:#cc4223;
}

.greenBoxBorder ul{
	margin-bottom:0;
	margin-top:4px;
	}







/* PHYSIQUE CREATOR */

#physiqueCreator
{
	background:url(/imgs/backgrounds/physique-creator-bg.gif) left top no-repeat;
	background-color:#035770;
	height:42px;
	color:#ee3e19;
	padding:5px 5px 5px 55px;
	font-weight:bold;
	margin-bottom:5px;
}

/* mediaboxAdvanced - black theme */

#mbOverlay {
	position: absolute;
	z-index: 9998;
	left: 0;
	width: 100%;
	background-color: #1D7A91;
	cursor: default;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(/imgs/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	background: transparent url(/imgs/50.gif) repeat;
}

#mbCenter, #mbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.mbLoading {
	background: #fff url(/imgs/BlackLoading.gif) no-repeat center;
}

#mbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
/*	Sets the style for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: left;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a:hover, #mbImage a:active {
	color: #fff;
}

#mbBottom {
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #999;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
	/*display:none*/
}

#mbTitle {
	display: inline;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	/*display: block;*/
	float: right;
	height: 20px;
	width: 46px;
	background: transparent url(/imgs/BlackClose.gif) no-repeat center;
	margin: 0;
	outline: none;
	/*display:none;*/
}

#mbPrevLink {
	width: 69px;
	background: transparent url(/imgs/BlackPrevious.gif) no-repeat center;
}

#mbNextLink {
	width: 41px;
	background: transparent url(/imgs/BlackNext.gif) no-repeat center;
}

#mbCloseLink {
	width: 46px;
	background: transparent url(/imgs/BlackClose.gif) no-repeat center;
}

#mbError {
	position: relative;
	top: 30%;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 20px 10px 30px;
	margin: auto;
}

/* 
    Document   : social
    Created on : 11-May-2009, 17:02:41
    Author     : John
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#social_btns2
{
	/*border-bottom:2px solid #ee4411;*/
	margin-top:20px;
	margin-bottom:10px;
	padding-bottom:10px;
	text-align:center;
}
	#social_btns2 img
	{
		margin-right:25px;
		vertical-align:middle;
	}
	#social_btns2 img.last{ margin-right:0; }


#main
{

}
	#main #social_lhs
	{
		width:730px;
		min-height:300px;
		float:left;
		clear:left;
	}
		#content{ padding:10px; }

	#main #social_rhs
	{
		width:185px;
		min-height:300px;
		float:right;
		clear:right;
	}
		#social_visit_store
		{

		}
			#social_visit_store div
			{
				height:120px;
				background:url(/imgs/social/enter-online-store.png) no-repeat 50% 95%;
			}

				#social_visit_store div a{ color:#CC4223; font-weight:700; text-decoration:none }
					#social_visit_store div a span
					{
						margin:7px auto;
						width:85%;
						display:block;
					}

		#visit_our_blog
		{

		}
			#visit_our_blog h3{ background-image:url(/imgs/blog.gif); }
			#visit_our_blog div
			{
				height:60px;
				background:url(/imgs/social/visit-blog.png) no-repeat 50% 85%;
			}

				#visit_our_blog div a{ color:#CC4223; text-decoration:none; font-weight:700 }
					#visit_our_blog div a span
					{
						margin:7px auto;
						width:95%;
						display:block;
					}

		#visit_our_forum
		{

		}
			#visit_our_forum h3{ background-image:url(/imgs/forum.gif); }
			#visit_our_forum div
			{
				height:60px;
				background:url(/imgs/social/visit-forum.png) no-repeat 50% 85%;
			}

				#visit_our_forum div a{ color:#CC4223; text-decoration:none; font-weight:700 }
					#visit_our_forum div a span
					{
						margin:7px auto;
						width:100%;
						display:block;
					}






#myGallery, #myGallerySet, #flickrGallery
{
	width: 100%;
	height: 300px;
	z-index:5;
	border: 1px solid #000;
	margin-top:10px;
	margin-bottom:12px;
}

.jdGallery a
{
	outline:0;
}

#flickrGallery
{
	width: 500px;
	height: 334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 1em;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: #fff;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 1em;
	margin: 2px 5px;
	color: #fff;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
	filter:alpha(opacity=50);
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('img/fleche1.png') no-repeat center left;
}

* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('img/fleche2.png') no-repeat center right;
}

* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }
	
	
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
	opacity: .4;
	-moz-opacity: .4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}


