/* RESPONSIVE GRID SYSTEM =============================================================================  */
* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);	
}

/* BASIC PAGE SETUP ============================================================================= */

.clear, .clearfloat { clear:both; }
.clearleft { clear:left; }
#maincontent .pad { position:relative; }

body {	margin : 0 auto; padding : 0; font-size : 16px ; font-family:Arial, Helvetica, sans-serif; color : #000; background-color:#f7f7f7;  word-break:break-word; -ms-word-break: break-word !important; word-wrap:break-word; -ms-word-wrap: break-word !important; white-space: normal;  }
.hr { clear: left; background-color: #cccaca; height: 1px; color: #cccaca; margin: 10px 0; }

#socialbtn-responsive { display:none; }

.contentdiv p { padding-bottom: 15px; }
.contentdiv ul, .contentdiv ol { margin-left: 35px; }
.contentdiv li { margin-bottom: 15px; }

.responsive-img { max-width: 90%; }
.mobile { display:none; }



/*  HEADINGS  ============================================================================= */

h1 { color: #c00; font-size: 30px; }

/*  SIDE PANEL  ============================================================================= */

#side-panel { float: right; width: 300px; position: relative; margin: 45px 0 0 20px; }

/* LINKS =============================================================================  */

a { text-decoration:none; color: #0869BD; overflow-wrap: break-word; word-break:break-word; word-wrap: break-word; cursor:pointer; }
a:hover { text-decoration:underline; }


#vidShareBtn img { width:286px !important; height:54px !important; margin-top:10px; }

/* Mercola Comment Box ============================================================================= */
.CommentBg { background:url(//media.mercola.com/themes/mercola/images/drcomments-Bg.jpg) bottom repeat-x; height:85px; width:100%; padding-bottom:6px; padding-left:5px; color:#000000; vertical-align: middle; }
.CommentBg img { position:relative; top:13px; right:-10px;}
.MercolaCommentBox div{ font: bold 24px Arial Narrow, Arial; color:#000; padding-top:7px; margin-left:15px;}

.SpamWindow { display:none; position: fixed;  width:900px;  top: 7%;  margin:0 auto; }
.SpamWindow table{ border:0; width:100%; font:normal 10pt arial; }
.SpamWindow strong { color: maroon; font-size: 16px; }
.SpamWindow hr { border-top: 1px solid #888888; width:100%;}
.SpamWindow label { margin-left:10px;}
.btnSpam { float:left; margin-right:10px;}
.RadioText td { padding:5px 0; }

.SpamWindow h1 { font: normal 24px georgia; color:Maroon;}
.SpamWindow ol { margin-left:30px; }
.SpamWindow li { padding:5px; }
.SpamWindow input { font-size:12px !important; }

/* BUTTONS ============================================================================= */


button, 
.button {
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	
	font: bold 12px Arial, sans-serif;
	color: #444;
	line-height: 17px;
	
	display: inline-block;
	float: left;
	
	
	padding: 5px 6px 4px 6px;
	
	background: #F3F3F3;
	border: solid 1px #D9D9D9;
	
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	
	-webkit-transition: border-color .20s;
	-moz-transition: border-color .20s;
	-o-transition: border-color .20s;
	transition: border-color .20s;
	cursor:pointer;
}
button {
	height: 29px !important;
	cursor: pointer;
}

button.left, 
.button.left {
	margin: 5px 0 5px 5px;
	
	border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	
	border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
}
button.middle, 
.button.middle {
	margin: 5px 0;
	
	border-left-color: #F4F4F4;
	
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
button.right, 
.button.right {
	margin: 5px 5px 5px 0;
	
	border-left-color: #F4F4F4;
	
	border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	
	border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
}

button:hover, 
.button:hover { 
    background: #F4F4F4;
		border-color: #C0C0C0;
		color: #333;
		text-decoration: none;
}

button:active, 
.button:active {
	border-color: #4D90FE;
	color: #4D90FE;
	
	-moz-box-shadow:inset 0 0 10px #D4D4D4;
	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}

button.on, 
.button.on {
	border-color: #BBB;
	
	-moz-box-shadow:inset 0 0 10px #D4D4D4;
	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}
button.on:hover, 
.button.on:hover {
	border-color: #BBB;
	
	-moz-box-shadow:inset 0 0 10px #D4D4D4;
	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}
button.on:active, 
.button.on:active {
	border-color: #4D90FE;
}

button.action, 
.button.action {
	border: 1px solid #D8D8D8 !important;
	
	background: #F2F2F2;
	background: -webkit-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -moz-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -ms-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -o-linear-gradient(top, #F5F5F5, #F1F1F1);
	
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}
button.action:hover, 
.button.action:hover {
	border: 1px solid #C6C6C6 !important;
	
	background: #F3F3F3;
	background: -webkit-linear-gradient(top, #F8F8F8, #F1F1F1);
	background: -moz-linear-gradient(top, #F8F8F8, #F1F1F1);
	background: -ms-linear-gradient(top, #F8F8F8, #F1F1F1);
	background: -o-linear-gradient(top, #F8F8F8, #F1F1F1);
}


/* sort comments */ 
button:hover .label.txtsort, 
.button:hover .label.txtsort {
    color: #FFF !important;
}

button.sortcomments:hover, 
.button.sortcomments:hover {
	border: 1px solid #2D6200 !important;
	
	background: #008000;
	background: -webkit-linear-gradient(top, #3C9300, #368200);
	background: -moz-linear-gradient(top, #3C9300, #368200);
	background: -ms-linear-gradient(top, #3C9300, #368200);
	background: -o-linear-gradient(top, #3C9300, #368200);
	color: #FFF !important;
	text-shadow: 0 1px 0 #2D6200 !important;
	
}


/* BUTTON COLORS */

button.blue, .button.blue {
	border: 1px solid #3079ED !important;
	background: #4B8DF8;
	background: -webkit-linear-gradient(top, #4C8FFD, #4787ED);
	background: -moz-linear-gradient(top, #4C8FFD, #4787ED);
	background: -ms-linear-gradient(top, #4C8FFD, #4787ED);
	background: -o-linear-gradient(top, #4C8FFD, #4787ED);
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
	
	text-shadow: 0 1px 0 #2f5bb7 !important;
	color: #FFF !important;
	font-size: 12px;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	
	cursor: pointer;
}

button.blue:hover, .button.blue:hover {
	border: 1px solid #2F5BB7 !important;
	background: #3F83F1;
	background: -webkit-linear-gradient(top, #4D90FE, #357AE8);
	background: -moz-linear-gradient(top, #4D90FE, #357AE8);
	background: -ms-linear-gradient(top, #4D90FE, #357AE8);
	background: -o-linear-gradient(top, #4D90FE, #357AE8);
}

button.green, .button.green {
	border: 1px solid #29691D !important;
	background: #3A8E00;
	background: -webkit-linear-gradient(top, #3C9300, #398A00);
	background: -moz-linear-gradient(top, #3C9300, #398A00);
	background: -ms-linear-gradient(top, #3C9300, #398A00);
	background: -o-linear-gradient(top, #3C9300, #398A00);
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}

button.green:hover, .button.green:hover {
	border: 1px solid #2D6200 !important;
	background: #3F83F1;
	background: -webkit-linear-gradient(top, #3C9300, #368200);
	background: -moz-linear-gradient(top, #3C9300, #368200);
	background: -ms-linear-gradient(top, #3C9300, #368200);
	background: -o-linear-gradient(top, #3C9300, #368200);
}
button.red, .button.red {
	border: 1px solid #D14836 !important;
	background: #D64937;
	background: -webkit-linear-gradient(top, #DC4A38, #D14836);
	background: -moz-linear-gradient(top, #DC4A38, #D14836);
	background: -ms-linear-gradient(top, #DC4A38, #D14836);
	background: -o-linear-gradient(top, #DC4A38, #D14836);
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}
button.red:hover, .button.red:hover {
	border: 1px solid #B0281A !important;
	background: #D14130;
	background: -webkit-linear-gradient(top, #DC4A38, #C53727);
	background: -moz-linear-gradient(top, #DC4A38, #C53727);
	background: -ms-linear-gradient(top, #DC4A38, #C53727);
	background: -o-linear-gradient(top, #DC4A38, #C53727);
}

button.action:hover, .button.action:hover {
	-moz-box-shadow: 0 1px 0px #DDD;
	-webkit-box-shadow: 0 1px 0px #DDD;
	box-shadow:iset 0 1px 0px #DDD;
}

button.action:active, .button.action:active {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-color: #C6C6C6 !important;
}

button.blue:active, .button.blue:active {
	border-color: #2F5BB7 !important;
}

button.green:active, .button.green:active {
	border-color: #2D6200 !important;
}

button.red:active, .button.red:active {
	border-color: #B0281A !important;
}



/*------------------------------------*\
	$BUTTON LABEL
\*------------------------------------*/

.ddm span.label, button span.label, .button span.label {
	display: inline-block;
	float: left;
	line-height: 17px;
	height: 18px;
	padding: 0 1px;
	overflow: hidden;
	color: #444;
	
	-webkit-transition: color .20s;
	-moz-transition: color .20s;
	-o-transition: color .20s;
	transition: color .20s;
} 

button span.label { line-height: 15px !important; }
.ddm:active span.label, button:active span.label, .button:active span.label { color: #4D90FE; }
button:hover .label, .button:hover .label { color: #333; }
button:hover .label.red, .button:hover .label.red { color: #DB4A37; }
button:hover .label.blue, .button:hover .label.blue { color: #7090C8; }
button:hover .label.green, .button:hover .label.green { color: #42B449; }
button:hover .label.yellow, .button:hover .label.yellow { color: #F7CB38; }
button.blue .label, .button.blue .label { color: #FFF !important; text-shadow: 0 1px 0 #2F5BB7 !important; }
button.green .label, .button.green .label {	color: #FFF !important;	text-shadow: 0 1px 0 #2D6200 !important; }
button.red .label, .button.red .label {	color: #FFF !important;	text-shadow: 0 1px 0 #B0281A !important; }
button.action .label, .button.action .label { padding: 0 10px !important; }
button.action:active .label, .button.action:active .label {	color: #333 !important; }
button.blue:active .label, button.green:active .label, button.red:active .label, .button.blue:active .label, .button.green:active .label, .button.red:active .label { color: #FFF !important; }

/*------------------------------------*\
	$BUTTON ICON
\*------------------------------------*/
.ddm span.icon, button span.icon, .button span.icon {
	display: inline-block;
	margin: 0 7px;
	float: left;
	line-height: 18px;
	height: 18px;
	width: 18px;
	max-width: 18px;
	overflow: hidden;
	text-indent: -9999px;
	background-repeat: no-repeat;
	-webkit-transition: background-image 0.20s linear;
	-moz-transition: background-image 0.20s linear;
	-o-transition: background-image 0.20s linear;
	transition: background-image 0.20s linear;
}


/* Bitwise changes */
.Comments, .comments:hover {
	border: 1px solid #2D6200 !important;	
	background: #3F83F1;
	background: -webkit-linear-gradient(top, #3C9300, #368200);
	background: -moz-linear-gradient(top, #3C9300, #368200);
	background: -ms-linear-gradient(top, #3C9300, #368200);
	background: -o-linear-gradient(top, #3C9300, #368200);
	color: #FFF !important;
	text-shadow: 0 1px 0 #2D6200 !important;
	background-color:#008000;
	font-size:11px;
	font-weight:bold;
	margin: 5px;
	padding: 5px 6px 4px 6px;
	
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	
	-webkit-transition: border-color .20s;
	-moz-transition: border-color .20s;
	-o-transition: border-color .20s;
	transition: border-color .20s;
}

/* icon */
.ddm span.icon, button span.icon, .button span.icon {
background-image: url(//media.mercola.com/themes/mercola/images/mercola-buttons.png);
display: inline-block;
margin: 2px 7px;
float: left;
line-height: 18px;
height: 13px;
width: 8px;
max-width: 18px;
overflow: hidden;
text-indent: -9999px;
background-repeat: no-repeat;
-webkit-transition: background-image 0.20s linear;
-moz-transition: background-image 0.20s linear;
-o-transition: background-image 0.20s linear;
transition: background-image 0.20s linear;
}	

.ddm:hover span.icon, 
button:hover span.icon, 
.button:hover span.icon {
	background-image:  url(//media.mercola.com/themes/mercola/images/mercola-buttons.png);
}

span.previous {
background-position: -18px 0px;
}

span.next {
background-position: -28px 0px;
}

button:active .label.txtsort, 
.button:active .label.txtsort {
    color: #FFF !important;
}

/* FORMS ============================================================================= */

.txtfield {
width: 100%;
float: left;
}

.txtfielddiv {
overflow: hidden;
padding-right: 15px;
}

button, 
search,
input, 
select, 
textarea { 
	font-size : 100%; 
	margin : 0; 
	vertical-align : top; 
	*vertical-align : top; 
}


input[type=text] {
	border: 1px solid #D9D9D9;
	border-top: 1px solid #C0C0C0;
	font-size: 14px;
	outline: none;
	padding: 6px;
	font-family: Arial;
}

/*  MAIN LAYOUT	============================================================================= */

#skiptomain { display: none; }

#wrapper {
	width: 100%;
	position: relative;
	text-align: left;
	background-color: #f7f7f7;
}
.relative { position:relative; }
.pad { margin: 18px; }

.fix-width { max-width:960px; width:97%; margin:0 auto; position:relative;   }
table.fullwidth { width:100%; table-layout:fixed; }
	#headcontainer {
		width: 100%;
		background-color:#fff;
		
	}

		header {
			
			clear: both;
			font-size:12px;
			margin: 0px auto;
			padding: 0px;
			position: relative;
			color: #000;
			text-align: center;
			height:97px;

		}
		
		header iframe { position: absolute; top: 2px; right: 0; width: 74%; }
 


	#maincontentcontainer {
		width: 100%;
	}

		.standardcontainer {
			
		}
		
		.darkcontainer {
			background: rgba(102, 102, 102, 0.05);
		}

		.lightcontainer {
			background: rgba(255, 255, 255, 0.25);
		}
		
			#maincontent{
				
				clear: both;
				border: solid 1px #d8d8d8;
				margin: 10px auto 20px;
				padding: 0px;
				position: relative;
				background-color:#fff;
				
			}
		
			.maincontent{
				
				clear: both;
				width: 80%; /* 1000px / 1250px */
				font-size: 0.8125em; /* 13 / 16 */
				max-width: 92.3em; /* 1200px / 13 */
				margin: 0 auto;
				padding: 1em 0px;
				color: #333;
				line-height: 1.5em;
				position: relative;
			}
	
	 #navcontainer {
		width: 100%;	
		background: url(http://media.mercola.com/themes/mercola/images/nav-bg.gif) repeat-x;		
	}
	
		nav {
			clear: both;
			/*width: 80%; /* 1000px / 1250px */
			font-size: 0.8125em; /* 13 / 16 */
			/*max-width: 92.3em; /* 1200px / 13 */
			margin: 0 auto;
			padding: 0;
			color: #999;
			position:relative;
			height:83px;
			
		}
			nav ul { margin:0; padding:0; }
			nav a { font-family: Verdana, Arial, Helvetica, sans-serif; padding: 11px 30px 11px 30px; margin-top: -4px; font-size: 12px; display: block; }
			nav a:hover { text-decoration:underline; }
			nav li { float:left; display: block; text-align: center; position: relative;  border-right: 1px solid #2C83CA; }
			nav li a { color: #ffffff; padding: 11px 30px 11px 30px; margin-top: -4px;  display: block; text-decoration: none; }
			nav li a.active { background: #ffffff; color: #0869bd; text-decoration: none; padding-top: 8px; border-top: 3px solid #f5cb1d; height: 23px; }
			
		#mainnav { list-style: none; width: 600px; margin: 0 auto; height: 40px; padding: 0px 1px; line-height: 22px; float: left; }
			
		#subnav { width:100%; position:absolute; top:40px; left:-1px; line-height: 22px; height: 43px; background: #ffffff; border-right: 1px solid #b7c7e1; border-left: 1px solid #b7c7e1; border-bottom: 1px solid #b7c7e1; padding: 0px; }
			#subnav a { color: #0869BD; margin:0; padding:0; }
			#subnav li { border:none; padding: 10px 9px 11px 9px; margin-right: 4px; }
			#subnav li:first-child { margin-left:10px; }
			#subnav li .drop { padding-left: 18px; background: url("http://media.mercola.com/Assets/images/mercola/cart-arrow.png") no-repeat 0 -59px; }
			#subnav li .cart { padding-right: 20px; background: url("http://media.mercola.com/Assets/images/mercola/cart-arrow.png") no-repeat right -20px; }

	/* li and li a style inside drop down DIV */
#subnav li:hover div a, .sub-links li:hover div li a  { font-size: 13px; display:inline;  }
#subnav li:hover a { color:#0869BD; }
#subnav li .drop { padding-left:18px; background:url("//media.mercola.com/Assets/images/mercola/cart-arrow.png") no-repeat  0 -59px; }
#subnav li:hover .drop { padding-left:18px; background:url("//media.mercola.com/Assets/images/mercola/cart-arrow.png") no-repeat 0 -40px; }
#subnav li .cart, .sub-links li:hover .cart { padding-right:20px; background:url("//media.mercola.com/Assets/images/mercola/cart-arrow.png") no-repeat right -20px; }
li.carticon { padding-right:20px !important; background:url("//media.mercola.com/Assets/images/mercola/cart.png") no-repeat right }

	/* sub nav */
	
	.drop-videos, 
	.drop-articles {
		margin:11px auto; 
		float:left;
		position:absolute;
		left:-999em; /* Hides the drop down */
		text-align:left;
		padding:20px 20px 30px 20px;
		border-right:1px solid #e5e5e5;
		border-left:1px solid #e5e5e5;
		border-bottom:1px solid #e5e5e5;
		border-top:1px solid #B7C7E1; /* top border should be light blue B7C7E1*/
		-moz-box-shadow:0px 3px 5px 0px #a3a3a3;
		-webkit-box-shadow:0px 3px 5px 0px #a3a3a3;
		box-shadow:0px 3px 5px 0px #a3a3a3;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b5b5b5')";
		/* For IE 5.5 - 7 */
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b5b5b5');
		z-index: 300000;
		/* Gradient background */
		background:#ffffff;
		background: -moz-linear-gradient(bottom, #e7e7e7, #ffffff 20%);
		background: -webkit-linear-gradient(bottom, #e7e7e7, #ffffff 20%);
	}

	.drop-videos {width: 430px;} /* width of 'Videos' sub nav dropdown container */
	.drop-articles {width: 600px;}

	#subnav li:hover .drop-videos, 
	#subnav li:hover .drop-articles {
		left:-1px;
		top:auto;
	}

	.col-latest,
	.col-cat {
		display:inline;
		float: left;
		position: relative;
		margin-left: 10px;
		margin-right: 10px;
	}

	.col-latest {width:410px;} /* width of latest articles/videos */
	.col-cat {width:150px;} /* width of articles categories column */
	.col-cat li:first-child { margin-left: 0px !important; }
	.art-item { width: 410px; margin: 5px 0; float:left; clear:both }
	.art-thumb { width:90px; height:65px; float:left; margin:0px 15px 10px 5px; }
	.art-thumb img  {background:#ffffff; }
	.art-thumb a img  {border:0;}
	.art-desc { float:left;width:300px; }
	.art-title { float:left;width:300px;font-weight:bold;padding:0; }
	.view-vids {clear: both;padding:10px 0 0 0 !important;text-align:right !important;}
	.view-vids a {font-weight:bold; font-size:13px !important;}

	#subnav .menu_right { float:right; margin-right:0px; }
	#subnav li:hover .align_right { left:auto; right:-1px; top:auto; }

	#subnav p, #subnav span, #subnav .title, #subnav .articlehead, #subnav ul li, #subnav li ul li {
		font-family:Arial, Helvetica, sans-serif;
		line-height:21px;
		font-size:12px;
		text-align:left;
		text-shadow: 1px 1px 1px #FFFFFF;
	}

	#subnav .title { font-size:16px; font-weight:bold; margin:7px 0 14px 0; padding-bottom:5px; border-bottom:1px solid #dedede; color:#000; }
	#subnav .articlehead { font-size:14px; font-weight:bold; padding:0; line-height:18px; }
	#subnav p { line-height:18px; margin:0; padding:0; }

	#subnav li:hover div a { font-size:14px; color:#0869bd; font-family:Arial; }
	#subnav li:hover div a:hover { color:#0869bd; text-decoration:underline; }
	#subnav li ul { list-style:none; padding:0; margin:0 0 12px 0; }

	/* "Categories" list style for articles item */
	#subnav li ul li {
		font-size:12px;
		line-height:24px;
		position:relative;
		padding:0;
		margin:0;
		text-align:left;
		width:150px;
	}
	#subnav li ul li:hover {
		background:none;
		border:none;
		padding:0;
		margin:0;
	}
	
	/* end sub nav */
	
	.cart-count { background-color: red; color: white; padding: 2px 5px; border-radius: 2px; margin-left: 8px; }
	
	#header-subscribe { background-color: #ededf5; border-top: none; border: 1px solid #c9d4e8; margin:0 auto; padding:10px 0 6px; position: relative; }

		.subscribe-title { float:left; font: bold 16px arial; color: #174b79; margin: 5px 0px 0 20px; }
		.subscribe-title span { margin: 0; padding: 0; font: normal 10px arial; position: relative; top: -6px; }

		.subscribe-box { width:42%; display: block; float:right; margin-right: 60px; }
		.subscribe-txtbox { float: left; width: 60%; }
			.subscribe-txtbox input[type=text]  { width:100%; float:left; }
		.subscribe-btn { margin-left: 30px; float: left; margin-top: 1px; }
	
	#hide { font-size: 10px; color: #787878; text-decoration: none; cursor: pointer; position:absolute; top:10px; right:10px; }
		#hide:hover { color:#000; }
		.hide-btn { background: url(http://media.mercola.com/themes/mercola/images/cssprites.png) -50px -100px; width: 15px; height: 15px; cursor: pointer; position: absolute; top: 15px; right: 12px; }
	
	#user-profile { float:right; text-align:right; }
	#account-menu { margin:0; padding:0; }
	#account-menu li { display:inline; list-style-type:none; }
	#account-menu li .cart { background: url("http://media.mercola.com/Assets/images/mercola/cart-arrow.png") no-repeat right -84px; padding-right: 20px; padding-bottom: 1px; }
	#header-banner { position:absolute; top:0; left:0; }	
	
	#search { width:70%; position: absolute; top: 50px; right: 0; }

	
		#search input[type=text]  {  width:100%; float:left; }
		
		.search-textbox { overflow:hidden; padding-right:15px; }
		
		.mercola-search {
			display: inline-block;
			min-width: 54px;
			padding: 0 8px;
			margin-left:15px;
			float:right;
			height:29px;
		}
		
		.icon-magnifier {
			background: url(http://media.mercola.com/themes/mercola/images/mercola-buttons.png);
			display: inline-block;
			height: 13px;
			margin: 7px 19px;
			width: 14px;
		}
		
		.mercola-search:hover {
			-moz-box-shadow: 0 1px 0px #DDD;
			-webkit-box-shadow: 0 1px 0px #DDD;
			box-shadow:iset 0 1px 0px #DDD; 
			border: 1px solid #2F5BB7 !important;
			background: #3F83F1;
			background: -webkit-linear-gradient(top, #4D90FE, #357AE8);
			background: -moz-linear-gradient(top, #4D90FE, #357AE8);
			background: -ms-linear-gradient(top, #4D90FE, #357AE8);
			background: -o-linear-gradient(top, #4D90FE, #357AE8);
		}
		.mercola-search:active { /*This is the inside shadow wich appears when you actually click the button*/
			-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
			-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
			box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
		}	
		 
		/* text field */
		input[type=text]  {
			border:1px solid #D9D9D9;
			border-top:1px solid #C0C0C0;
			font-size:14px;
			outline:none; /* This will remove any outline from browser (usually browsers outlines the forms) */
			padding:6.5px;
			font-family: Arial;
		}
		input[type=text]:hover {
			border:1px solid #C0C0C0; /*The border color will change to a darker one, this will highlight it*/
			border-top: 1px solid #777;
		}
		input[type=text]:focus {
			border:1px solid #4d90fe; /*When you focus (click) the form, the border will change to a nice blue color*/
			box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
		}
		
	#logo { float:left; margin-top:8px; }
	#logo img { width: 230px; height: 59px; }
	#toll-free { font-size: 14px; }

.Premier  {background-image: url("//media.mercola.com/assets/images/mercola/customer_premier.png"); width:103px; height:17px; margin-bottom:5px; }
.Wholesale {background-image: url("//media.mercola.com/assets/images/mercola/customer_wholesale.png"); width: 120px; height:17px;  margin-bottom:5px; }

/*  SOCIAL MEDIA  ============================================================================= */

#spanish { float:left; }

#social-media { position:absolute; top:95px; right: 0px; z-index:2; -webkit-transform-style: preserve-3d; }
#social-media a { margin:0; padding:0; }
.social-text, .social-text-pets { float:left;width:100px;margin: 7px 0;text-align:right;color:#8cbbe3;font-family:Verdana, Geneva, sans-serif;font-size:11px;margin-right:10px; }
.social-text {color:#8cbbe3;}
.social-text-pets { color:#d59b77; }
.social-nav, .social-nav-pets{
    border-radius: 3px 3px 3px 3px;
    float: right;
    height: 26px;
    margin: 7px 0 !important;
    width: 130px;
}
.social-nav { background-color: #4485BB; }
.social-nav-pets { background-color: #ae561f; }
.social-nav ul, .social-nav-pets ul {
    list-style: none outside none;
    margin: 0;
    padding: 5px 5px 0;
    text-align: center;
    width:130px;
}

.social-nav li, .social-nav-pets li{margin:0 1.5px;padding:0;list-style:none; position: inherit;}
.social-nav li, .social-nav a, .social-nav-pets li, .social-nav-pets a {height:16px;display:block;}
.nav-fb{left:0px;width:16px;float:left}
.nav-fb{background:url('http://media.mercola.com/Assets/images/mercola/social_16.png') no-repeat 0 0;}
.nav-twitter{left:16px;width:16px;float:left}
.nav-twitter{background:url('http://media.mercola.com/Assets/images/mercola/social_16.png') no-repeat -16px 0;}
.nav-yt{left:32px;width:16px;float:left}
.nav-yt{background:url('http://media.mercola.com/Assets/images/mercola/social_16.png') no-repeat -32px 0;}
.nav-google{left:48px;width:16px;float:left}
.nav-google{background:url('http://media.mercola.com/Assets/images/mercola/social_16.png') no-repeat -48px 0;}
.nav-pin{left:64px;width:16px;float:left}
.nav-pin{background:url('http://media.mercola.com/Assets/images/mercola/social_16.png') no-repeat -64px 0;}
.nav-rss{left:80px;width:16px;float:left}
.nav-rss{background:url('http://media.mercola.com/Assets/images/mercola/social_16.png') no-repeat -80px 0;}


/*  FOOTER  ============================================================================= */
	
#footercontainer {
		width: 100%;	
		background: #164A78 url(//media.mercola.com/themes/mercola/images/footerbg.png) repeat-x bottom; 
	}
	
		footer, .footer-wrap {
			
			clear: both;
			/* width: 80%; /* 1000px / 1250px */
			font-size: 12px; /* 13 / 16 */
			/* max-width: 92.3em; /* 1200px / 13 */
			margin: 0 auto;
			padding: 20px 0px;
			color:#fff;
			
		}
		
		.footer-wrap { padding: 0; }
		.footer-wrap .col { float:none; display: inline-block; }
		footer p { padding-bottom: 15px; }

		footer a { color:#fff; }
		footer a:link, footer a:visited { text-decoration: underline; }
		footer a:hover {  text-decoration: none; }

		#footer-subscribe { background-color: #e8e8e8; padding:10px 0; }
		#footer-subscribe .subscribe-box { margin-right: 45px; }
		#footer-seal { background-color: #133f64; padding: 0px 0 10px; }
			#footer-seal ul { text-align: center; width: 100%; margin: 0 auto; }
			#footer-seal ul li { min-height:45px; list-style-type: none; vertical-align: middle;  width: auto; max-width:33%; padding:0 10px; margin:10px auto 0; height:auto; }
			#footer-seal ul li div { height:45px; display:table-cell; vertical-align : middle; }
			#footer-seal li a { margin:0 auto !important; }
				#footer-seal li:last-child { margin-left:40px !important; }
		
				
		#footer-links a { text-decoration:none; color:#fff; font-size:12px; }
		#footer-links li { margin: 0 0 0 30px; list-style: disc inside none; color: #fff; }
		#footer-links li.footerlinks-title { list-style-position: outside; list-style: none; font: bold 14px arial; margin: 0 0 10px 20px; color: #79b1ef; }
		
		#disclaimer { background-color: #fff; color: #000; padding: 5px; text-align: center; border: 1px solid #000; margin-bottom:15px; }		


/*  Banners  ============================================================================= */
.whytheseads { background:url(//media.mercola.com/assets/images/mercola/whytheseads.jpg) no-repeat left bottom; text-align:right; float:right; margin-top:5px; margin-bottom:10px; padding-left: 20px; }
.whytheseads a { color:#969696; font-size:12px; text-decoration:underline; }



/* existing subscriber */
#subscribe-box { margin-bottom:15px;
	background-color:#fef9e6; 
	-moz-box-shadow: 0px 2px 2px #f5bea4;
	-webkit-box-shadow: 0px 2px 2px #f5bea4;
	box-shadow: 0px 2px 2px #f5bea4;}

#subscribe-message { 
	border-radius:10px; min-height: 240px;
	background: #d63403; /* Old browsers */
	background: -moz-linear-gradient(top,  #d63403 0%, #e34a06 50%, #d73504 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d63403), color-stop(50%,#e34a06), color-stop(100%,#d73504)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d63403 0%,#e34a06 50%,#d73504 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d63403 0%,#e34a06 50%,#d73504 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d63403 0%,#e34a06 50%,#d73504 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d63403 0%,#e34a06 50%,#d73504 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d63403', endColorstr='#d73504',GradientType=0 ); /* IE6-9 */
 }
 
.subscribe-text { float:left; max-width:48%; }
.subscribe-text a { color:#fff; }
.subscribe-text p { padding:40px 0px 0 40px; color:#fff; font-size:20px; font-weight:bold;  }

 
.subscribe-img { top: 20px; right: 30px; position: absolute; }
.subscribe-img img  { max-width: 100%; height: auto; border:8px solid #fff; 
	-webkit-box-shadow: 0px 5px 30px 1px rgba(251,140,7,1);
	-moz-box-shadow: 0px 5px 30px 1px rgba(251,140,7,1);
	box-shadow: 0px 5px 30px 1px rgba(251,140,7,1);
}
#subscribe-option { font-weight:bold; margin: 10px 0 0 40px; }

#error-emailbox { text-align:center; }
#error-emailbox p { margin:10px 0; }

.error-email { margin: 20px auto 10px; width:50%; }
.error-email input[type=text] { height:34px; }


/* subscribe page - new blue style */
.subscribeDiv h3 { font-size:24px; color:#193f94 !important; margin-bottom:20px; }
#subscribe-page p { margin:10px;}
#subscribe-page #subscribe-box { background: #a6c3ff url(//media.mercola.com/themes/mercola/images/subscribe-page-bg.jpg) repeat-x; -webkit-box-shadow:0px 0px 0px 0px; box-shadow:0px 0px 0px 0px; border-radius:10px; border:1px solid #a0a5e5; }
#subscribe-page .subscribe-img { top:0; right:0; float:right; position:static; height:265px; }
#subscribe-page .subscribe-img img { border:0; -webkit-box-shadow:0px 0px 0px 0px; box-shadow:0px 0px 0px 0px; border-radius: 10px; }
#subscribe-page #subscribe-message { background:url(//media.mercola.com/themes/mercola/images/subscribe-page-bg.jpg) repeat-x; filter:none; }
#subscribe-page .subscribe-text p { padding-top:20px; margin:10px 0 20px 0; color: #193f94; font-size: 24px; }
#subscribe-page #subscribe-option { margin:20px 0 0 40px; }
#subscribe-page .txtfielddiv input[type=text] { height:34px; }

#subscribe-message .txtfielddiv { margin-left:40px; }

#subscribe-page .bottom-subscribe { background:#ecf4ff; padding: 2%; border: 1px solid #a0a5e5; border-bottom: 0px; border-radius: 10px 10px 0px 0px;  }
#subscribe-page .bottom-subscribe h3 { font-size:24px; color:#193f94; }
#subscribe-page .bottom-subscribe .sub-textfield { width: 60%; float: left; margin: 10px 30px 10px 10px; }
#subscribe-page .bottom-subscribe .sub-textfield input[type=text] { padding: 10px; }
#subscribe-page .subscribe-message .sub-textfield { width: }
#subscribe-page .bottom-subscribe .sub-btn { float: left; margin: 10px; } 
#subscribe-page .bottom-text { background:#c8dbff; padding: 2%; border: 1px solid #a0a5e5; border-top: 0px; border-radius: 0px 0px 10px 10px; }

.unsubscribe-box .subscribe-img { top:60px; }
.unsubscribediv .leftarea { width:48% !important; margin-right: 20px !important; }
.unsubscribediv .rightarea { width: 44% !important; float: left !important; }
.unsubscribediv { margin-top:15px; }

.subscribe-options { font-size:14px; font-family:arial; border:1px solid #d8d8d8; margin-bottom: 20px; }
.subscribe-options ul { width:100%; margin:0; padding:0; }
.subscribe-options li { list-style-type: none; width:47.2%; height:105px; float:left; display:inline; margin:0; padding:0; padding:10px; border-bottom:1px solid #d8d8d8; }
.subscribe-options li.border { border-right:1px solid #d8d8d8; }
.subscribe-options li.last { border-bottom:0px; }
.subscribe-options li p { padding:5px 0 }
.subscribe-options li span { font-weight:bold; }
.subscribe-options img { float:left; }

@media only screen 
and (max-width : 970px) 
{
	
}

@media only screen and (max-width: 480px)
{
	#error-emailbox .txtfielddiv, .promoBox .txtfielddiv { width:90%; }
	
}
@media only screen and (max-width: 811px)
{
	

	.subscribe-text { width:100%; max-width:100%; }
	.subscribe-text p { padding: 0 20px; }
	.subscribe-img { float:left; text-align:center; box-shadow:none; width:100%; margin:0 auto 30px; position:relative; right:0; top:0; }
	.subscribe-img img  { text-align:center; max-width:85%;  border:5px solid #fff; }
	#subscribe-option { font-weight:bold; padding:10px 0; text-align:center; }
	
	#subscribe-page .subscribe-img { top:15px; }
	#subscribe-message .txtfielddiv { margin-left:0; width: 85%; margin: 0 auto; }
	.subscribe-text p { padding-top:10px; }
	#subscribe-page #subscribe-option { margin:10px 0 0 0; }
	#subscribe-page .subscribe-img img { border-radius: 10px; border: 3px solid white; box-shadow: 0px 0px 10px gray; border-radius: 10px; }
	#subscribe-page .bottom-subscribe, #subscribe-page .bottom-text { padding:2%; }
	#subscribe-page .bottom-subscribe .sub-textfield { width: 80%; }
	#subscribe-page .subscribe-img { height:auto; }
	#subscribe-page .subscribe-load { position:static }
	.subscribe-options li { width:auto; display:block; border-bottom:1px solid #d8d8d8; height:auto; }
	.subscribe-options li.border { border-right:none; }
	
	.unsubscribe-box .subscribe-img { top:15px; }
	.unsubscribediv .leftarea, .unsubscribediv .rightarea { width:100% !important; }
	.unsubscribediv .rightarea { padding-left: 0px !important; background:none !important; }
	
}	



/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

	
/* admin menu */

#profile-menu { text-align: right; color: #000000; margin-top:-1px; }
#profile-menu li { display:inline; z-index:2; color:#ccc; }
#menu #profile-menu li .cart {background: url("//media.mercola.com/Assets/images/mercola/cart-arrow.png") no-repeat right -84px; padding-right:20px; padding-bottom:1px;}
#menu #profile-menu li .cart-count { color: white; background: #cc0000; font-weight: bold; padding: 0px 3px; border-radius: 4px; position: relative; width: 100%; top: -5px; left: -4px; margin-right:-4px; }
#menu { position:relative; float:left; width:80px; }

#admin-menu { text-align:left; z-index:5; display:none; position:absolute; top:25px; right:-45px; border:1px solid #adacac; background-color:#fff; box-shadow: 0px 3px 8px #aaaaaa; font-size:12px; }
	#admin-menu ul { margin-left:0 !important; }
	#admin-menu li { list-style:none; padding:5px 10px; margin-bottom:0 !important; }


	#admin-menu a { color: #0869BD; }
	#admin-menu a:hover { text-decoration:underline; }
	#admin-arrow { background-image:url('//media.mercola.com/Themes/mercola/images/admin-arrow.gif'); width:13px; height:7px; margin:-7px 0 0 27px;}
	.m-logo { float:left; }	
	.admin-label { float:left; vertical-align:middle; font-size:12px; color: #0869BD !important; padding-left: 8px; padding-top: 3px; }
		.admin-label a { color: #0869BD !important; }

/* etaf */


.etaf-box { background-color:#f0f2f3 !important; border-radius:20px !important; padding:10px !important; }
.etaf-box .closeBtn { position: absolute !important; top: 20px !important; right: 20px !important; }
.etaf-box strong { font: normal 32px georgia !important; }
.etaf-box .modalHolder { width:100%; }


.etaf-border { border-radius:20px !important; border:1px solid #cfd7d6 !important; background-color: #f9fafb !important; padding:10px 20px !important; }
@media only screen and (min-width: 767px) {
	#emailtoafriend { height:300px !important; }
}

@media only screen and (max-width: 480px) {
	.etaf-border { padding:10px !important; }
	.etaf-box strong { font-size:24px !important; }
}


.ProfileCompleteness, #divFriendMsg { font: 12px Arial; color: #666; }
.ProfileCompleteness h1 { font: normal 24px georgia; color:Black; }
.ProfileCompleteness strong { font-size: 12px !important; }
.ProfileCompleteness p { padding-bottom: 15px; }
.profile-content p { padding:10px 0; }

/*  profile  ============================================================================= */

.profile-sidepanel { background-color:#fafafa; border:1px solid #f2f2f2; font-size:12px; }
.profile-sidepanel li { list-style:none; border-bottom: 1px dashed #e0e0e0; padding: 5px 0; }

.profileAvatar img { border: solid 1px #e0e0e0; padding-top: 5px; margin-bottom: 5px; }

.profile-title td { vertical-align:top; }
.profile-title td:first-child { padding-right:20px; }
.profile-title  img { max-width: 100% !important; height: auto !important; }


/* logout */

#signIn_holder { padding-bottom:50px; }
#signIn_holder h1 { font-size:20px; font-weight:normal; text-align:center; padding-bottom:20px; }
#signIn_holder .logout { width:80%; margin:0 auto; border-radius:20px; border:10px solid #f1f1f1; }
#signIn_holder td { border-right:1px solid #ebebeb; vertical-align:middle; }
#signIn_holder td.last { border-right:none; } 
#signIn_holder a { color:#286193; text-decoration:none; font-size:18px; }
#signIn_holder a:hover { text-decoration:underline; }

/*  MODAL  ============================================================================= */

.CommonModalMask{ background: url(//media.mercola.com/themes/mercola/images/bgtile.png);  }

.CommonModal{	padding: 0 7px;	text-align:left;}

.CommonModal1, .CommonModal2, .CommonModal3, .CommonModal4, .CommonModal5 
{ 
	background-color: #ccc;
	background-image: url(//media.mercola.com/themes/mercola/images/common/navigation-gradient.png);
	background-repeat: repeat-x;
	background-position: left -20px;
	border-left: solid 1px #666;
	border-right: solid 1px #666;
}

.CommonModal1 {	margin: 0 -2px;	padding: 0; border-top: solid 1px #666; border-bottom: solid 1px #666; border-left-width: 0px; border-right-width: 0px; }
.CommonModal2 { margin: 0 -2px; padding: 1px 0; border-left-width: 2px; border-right-width: 2px; }
.CommonModal3 { margin: 0 -3px; padding: 1px 0; }
.CommonModal4 { margin: 0 -2px; padding: 2px 0; }
.CommonModal5 { margin: 0 -2px; padding: 1px 0; }
.CommonModalTitle { border-bottom: solid 0px #FFF; padding:5px; 
                    font:bold 24px arial; color: #fff; min-height: 26px;  
                    cursor:move;  background:#1165cb url(//media.mercola.com/themes/mercola/images/modal-title-bg.jpg) no-repeat center;
                    }
.CommonModalContent { background-color: Transparent; }
.CommonModalFooter{	border-top: solid 1px #FFF;	width: 100%; height: 20px; background-color:#FFF;}
.CommonModalClose
{
	width: 33px;
	height: 33px;
	background: url(//media.mercola.com/themes/mercola/images/close.png) center;
	background-repeat: no-repeat;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	right: 10px;
}

.CommonModalResize
{
	width: 28px;
	height: 14px;
	background: url(//media.mercola.com/themes/mercola/images/common/resize.gif) center;
	background-repeat: no-repeat;
	overflow: hidden;
	position: absolute;
	right: 6px;
	bottom: 6px;
	cursor: se-resize;
}

.CommonMessageSuccess { color:#990000; padding:10px 15px; border:solid 1px #e6e6e6; background:#f0f0f0; text-align:center !important; font-weight:bold; }
.dailyhumordiv { position:relative; left:-10px; }

/*  NOTES  ============================================================================= */


.note {
	position:relative;
	padding:1em 1.5em;
	margin: 0 0 1em 0;
	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	overflow:hidden;
}

.note:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	border-width:0 16px 16px 0;
	border-style:solid;
	border-color:transparent transparent #cccccc #cccccc;
	background:#cccccc;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	display:block; width:0; /* Firefox 3.0 damage limitation */
}

.note.rounded {
	-webkit-border-radius:5px 0 5px 5px;
	-moz-border-radius:5px 0 5px 5px;
	border-radius:5px 0 5px 5px;
}

.note.rounded:before {
	border-width:8px;
	border-color:#ff #ff transparent transparent;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius:0 0 0 5px;
	border-radius:0 0 0 5px;
}

/*  SCREENS  ============================================================================= */

.siteimage {
	max-width: 90%;
	padding: 5%;
	margin: 0 0 1em 0;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.siteimage:hover {
	
	position: relative;
	top: -2px;
	
}

/*  COLUMNS  ============================================================================= */

.twocolumns{
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
  }

/*  Modal Styles  ============================================================================= */

.ui-dialog { max-width:810px; width:100% !important; top: 150px; }

.ProgressPnlClass {
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
overflow: hidden;
padding: 0;
margin: 0;
background-color: #000;
filter: alpha(opacity=50);
opacity: 0.5;
z-index: 1000;
}

.ProgressMsgClass {
position: fixed;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -200px;
padding: 10px;
width: 385px;
z-index: 1001;
}

.modalHolder {
width: 95%;
margin: 0 auto;
text-align: left;
padding: 20px 0;
}

.loading {
border: 1px solid #ccc;
background-color: #fff;
padding: 30px 10px;
margin: 30px 10px;
text-align: center;
}



/*  GLOBAL OBJECTS ============================================================================= */

.breaker { clear: both; }

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}


.floatleft {
    float: left;
}

.floatright {
    float: right;
}


/* VENDOR-SPECIFIC ============================================================================= */

html { 

-webkit-tap-highlight-color : rgb(52,158,219); 
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

.clearfix { 
zoom : 1; }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
-webkit-appearance : button; }

::-webkit-input-placeholder {
font-size : .875em; 
line-height : 1.4; }

input:-moz-placeholder { 
font-size : .875em; 
line-height : 1.4; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

input[type="checkbox"], 
input[type="radio"] { 
box-sizing : border-box; }

input[type="search"] { 
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner, 
input::-moz-focus-inner { 
padding : 0;
border : 0; }

p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto; }



/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 0 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */

@media only screen and (max-width: 900px) {
	.col { 
		margin: 0% 0 1% 0%; 
	}
}


/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%; 
	}
}

/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 65.5%; 
}

.span_1_of_3 {
	width: 32.26%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 900px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 99%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
}

/*  GRID OF FOUR   ============================================================================= */

	
.span_4_of_4 {
	width: 100%; 
}

.span_3_of_4 {
	width: 74.5%;
	margin-left: 0;
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	width: 23.8%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%; 
	}
}

/*  GRID OF FIVE   ============================================================================= */

	
.span_5_of_5 {
	width: 100%;
}

.span_4_of_5 {
  	width: 79.68%; 
}

.span_3_of_5 {
  	width: 59.36%; 
}

.span_2_of_5 {
  	width: 39.04%;
}

.span_1_of_5 {
  	width: 18.72%;
}

/*  GO FULL WIDTH AT LESS THAN 900 PIXELS */

	
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 520px) {

}


@media only screen and (max-width: 480px) {
	.span_5_of_5 {
		width: 100%; 
	}
	.span_4_of_5 {
		width: 100%; 
	}
	.span_3_of_5 {
		width: 100%; 
	}
	.span_2_of_5 {
		width: 100%; 
	}
	.span_1_of_5 {
		width: 100%; 
	}
}

/*  GRID OF SIX   ============================================================================= */


.span_6_of_6 {
	width: 100%;
}

.span_5_of_6 {
  	width: 83.06%;
}

.span_4_of_6 {
  	width: 66.13%;
}

.span_3_of_6 {
  	width: 49.2%;
}

.span_2_of_6 {
  	width: 32.26%;
}

.span_1_of_6 {
  	width: 15.33%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_6_of_6 {
		width: 100%; 
	}
	.span_5_of_6 {
		width: 100%; 
	}
	.span_4_of_6 {
		width: 100%; 
	}
	.span_3_of_6 {
		width: 100%; 
	}
	.span_2_of_6 {
		width: 100%; 
	}
	.span_1_of_6 {
		width: 100%; 
	}
}

/*  GRID OF SEVEN   ============================================================================= */


.span_7_of_7 {
	width: 100%;
}

.span_6_of_7 {
	width: 85.48%;
}

.span_5_of_7 {
  	width: 70.97%;
}

.span_4_of_7 {
  	width: 56.45%;
}

.span_3_of_7 {
  	width: 41.94%;
}

.span_2_of_7 {
  	width: 27.42%;
}

.span_1_of_7 {
  	width: 12.91%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_7_of_7 {
		width: 100%; 
	}
	.span_6_of_7 {
		width: 100%; 
	}
	.span_5_of_7 {
		width: 100%; 
	}
	.span_4_of_7 {
		width: 100%; 
	}
	.span_3_of_7 {
		width: 100%; 
	}
	.span_2_of_7 {
		width: 100%; 
	}
	.span_1_of_7 {
		width: 100%; 
	}
}

/*  GRID OF EIGHT   ============================================================================= */

	
.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
	width: 87.3%; 
}

.span_6_of_8 {
	width: 74.6%; 
}

.span_5_of_8 {
	width: 61.9%; 
}

.span_4_of_8 {
	width: 49.2%; 
}

.span_3_of_8 {
	width: 36.5%;
}

.span_2_of_8 {
	width: 23.8%; 
}

.span_1_of_8 {
	width: 11.1%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_8_of_8 {
		width: 100%; 
	}
	.span_7_of_8 {
		width: 100%; 
	}
	.span_6_of_8 {
		width: 100%; 
	}
	.span_5_of_8 {
		width: 100%; 
	}
	.span_4_of_8 {
		width: 100%; 
	}
	.span_3_of_8 {
		width: 100%; 
	}
	.span_2_of_8 {
		width: 100%; 
	}
	.span_1_of_8 {
		width: 100%; 
	}
}


/*  GRID OF NINE   ============================================================================= */


.span_9_of_9 {
	width: 100%;
}

.span_8_of_9 {
	width: 88.71%;
}

.span_7_of_9 {
	width: 77.42%; 
}

.span_6_of_9 {
	width: 66.13%; 
}

.span_5_of_9 {
	width: 54.84%; 
}

.span_4_of_9 {
	width: 43.55%; 
}

.span_3_of_9 {
	width: 32.26%;
}

.span_2_of_9 {
	width: 20.97%; 
}

.span_1_of_9 {
	width: 9.68%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_9_of_9 {
		width: 100%; 
	}
	.span_8_of_9 {
		width: 100%; 
	}
	.span_7_of_9 {
		width: 100%; 
	}
	.span_6_of_9 {
		width: 100%; 
	}
	.span_5_of_9 {
		width: 100%; 
	}
	.span_4_of_9 {
		width: 100%; 
	}
	.span_3_of_9 {
		width: 100%; 
	}
	.span_2_of_9 {
		width: 100%; 
	}
	.span_1_of_9 {
		width: 100%; 
	}
}

/*  GRID OF TEN   ============================================================================= */


.span_10_of_10 {
	width: 100%;
}

.span_9_of_10 {
	width: 89.84%;
}

.span_8_of_10 {
	width: 79.68%;
}

.span_7_of_10 {
	width: 69.52%; 
}

.span_6_of_10 {
	width: 59.36%; 
}

.span_5_of_10 {
	width: 49.2%; 
}

.span_4_of_10 {
	width: 39.04%; 
}

.span_3_of_10 {
	width: 28.88%;
}

.span_2_of_10 {
	width: 18.72%; 
}

.span_1_of_10 {
	width: 8.56%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_10_of_10 {
		width: 100%; 
	}
	.span_9_of_10 {
		width: 100%; 
	}
	.span_8_of_10 {
		width: 100%; 
	}
	.span_7_of_10 {
		width: 100%; 
	}
	.span_6_of_10 {
		width: 100%; 
	}
	.span_5_of_10 {
		width: 100%; 
	}
	.span_4_of_10 {
		width: 100%; 
	}
	.span_3_of_10 {
		width: 100%; 
	}
	.span_2_of_10 {
		width: 100%; 
	}
	.span_1_of_10 {
		width: 100%; 
	}
}

/*  GRID OF ELEVEN   ============================================================================= */

.span_11_of_11 {
	width: 100%;
}

.span_10_of_11 {
	width: 90.76%;
}

.span_9_of_11 {
	width: 81.52%;
}

.span_8_of_11 {
	width: 72.29%;
}

.span_7_of_11 {
	width: 63.05%; 
}

.span_6_of_11 {
	width: 53.81%; 
}

.span_5_of_11 {
	width: 44.58%; 
}

.span_4_of_11 {
	width: 35.34%; 
}

.span_3_of_11 {
	width: 26.1%;
}

.span_2_of_11 {
	width: 16.87%; 
}

.span_1_of_11 {
	width: 7.63%; 
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_11_of_11 {
		width: 100%; 
	}
	.span_10_of_11 {
		width: 100%; 
	}
	.span_9_of_11 {
		width: 100%; 
	}
	.span_8_of_11 {
		width: 100%; 
	}
	.span_7_of_11 {
		width: 100%; 
	}
	.span_6_of_11 {
		width: 100%; 
	}
	.span_5_of_11 {
		width: 100%; 
	}
	.span_4_of_11 {
		width: 100%; 
	}
	.span_3_of_11 {
		width: 100%; 
	}
	.span_2_of_11 {
		width: 100%; 
	}
	.span_1_of_11 {
		width: 100%; 
	}
}

/*  GRID OF TWELVE   ============================================================================= */

.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
	width: 91.46%;
}

.span_10_of_12 {
	width: 83%;
}

.span_9_of_12 {
	width: 74.54%;
}

.span_8_of_12 {
	width: 66.08%;
}

.span_7_of_12 {
	width: 57.62%; 
}

.span_6_of_12 {
	width: 49.16%; 
}

.span_5_of_12 {
	width: 40.7%; 
}

.span_4_of_12 {
	width: 32.24%; 
}

.span_3_of_12 {
	width: 23.78%;
}

.span_2_of_12 {
	width: 15.32%; 
}

.span_1_of_12 {
	width: 8.3%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_12_of_12 {
		width: 100%; 
	}
	.span_11_of_12 {
		width: 100%; 
	}
	.span_10_of_12 {
		width: 100%; 
	}
	.span_9_of_12 {
		width: 100%; 
	}
	.span_8_of_12 {
		width: 100%; 
	}
	.span_7_of_12 {
		width: 100%; 
	}
	.span_6_of_12 {
		width: 100%; 
	}
	.span_5_of_12 {
		width: 100%; 
	}
	.span_4_of_12 {
		width: 100%; 
	}
	.span_3_of_12 {
		width: 100%; 
	}
	.span_2_of_12 {
		width: 100%; 
	}
	.span_1_of_12 {
		width: 100%; 
		
	}
	.calendar_yr td { border-right:none !important; border-bottom: 1px solid #ebebeb; text-align:left !important; }
	.calendar_yr td:last-child { border-bottom: none !important; }
	.calendar_yr td a , .calendar_yr td span { padding-left:15px !important; }
}

#emailToFriend, .rrpopup, #rrpopupdialog, #rrpopupdialog iframe { top:1px !important; }

@media (min-device-width : 320px) 
and (max-device-width : 568px) { 
	#rrpopupdialog iframe { top:1px !important; }
	
	}
	
	.modaltext { padding:0 8px; }
	
	
	@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	 .ui-dialog { top:50px !important;  }
	
	}
	
/* article directory */
.HealthNewsPanel { border:solid 1px #d6e9f3; margin-top:10px;  }
.HealthNewsPanel .headerdiv { height:55px; background:url(//media.mercola.com/themes/mercola/images/articles-headerbg.jpg) repeat-x; }
.HealthNewsPanel .headerdiv h2{ color:#0869bd; margin-left:15px; padding-top:12px; float:left; font-size:20px; overflow:hidden;}
.healthnewsbody { clear:both; }
.healthnewsbody .margindiv {  margin:0px 15px; overflow:hidden; }

.latestnews { margin: 0; padding: 0; list-style-type: none; float:right; text-align: center; width: 330px; margin-top: 13px; }
.latestnews li { width:155px; height:42px; display:inline-block; padding: 8px 0 14px 0; }
.latestnews li:hover { text-decoration: underline; cursor: pointer; }
.NewsTabOn { background: url(//media.mercola.com/themes/mercola/images/tab-on.jpg) no-repeat; color: white; font-weight: bold; }
.NewsTabOff { background: url(//media.mercola.com/themes/mercola/images/tab-off.jpg) no-repeat; color: #0869BD; font-weight: bold; }
.hottopics li { background: url(//media.mercola.com/themes/mercola/images/gray-bullet-arrow.png) scroll 0 6px no-repeat; padding-left: 10px; list-style: none; }

a.ArticleListHeader:link { font-family:Arial, Helvetica, sans-serif; font-size:12pt; font-weight:bold; color:#0869bd; }
a.ArticleListHeader:visited { font-family:Arial, Helvetica, sans-serif; font-size:12pt; font-weight:bold; color: #0869bd; }
.ArticleListDescription { font-family:Arial, Helvetica, sans-serif; font-size:11pt; color:#000; }

.social-icons-small { margin:10px 0; list-style:none; float:left; width:100%; }
.social-icons-small li { padding-right: 5px; vertical-align: top; float:left; height:25px; }

/*Classes for TabSwitching Starts */

.TopVideoDivOff, .TopDivTwoOff, .TopDivThreeOff {display: none;}
.topCategories li { float:left; width:32%; overflow:hidden; background:url(//media.mercola.com/themes/mercola/images/gray-bullet-arrow.png) scroll 0 6px no-repeat; padding-left:10px; margin-bottom:5px !important; }
.hrlong { background:url(//media.mercola.com/themes/mercola/images/hr.png) no-repeat center; height:8px; padding:5px 0; clear:left; }

@media screen and (max-width: 900px)
{
       .topCategories li { width:30%; }
       .latestnews { margin: 0; padding: 0; list-style-type: none; float:right; text-align: center; width: 290px; margin-top: 13px; }
    .latestnews li { width:140px; height:42px; display:inline-block; padding: 8px 0 14px 0; }
    .latestnews li:hover { text-decoration: underline; cursor: pointer; }
    .NewsTabOn { background: url(//media.mercola.com/themes/mercola/images/tab-on-small.jpg) no-repeat; color: white; font-weight: bold; }
    .NewsTabOff { background: url(//media.mercola.com/themes/mercola/images/tab-off-small.jpg) no-repeat; color: #0869BD; font-weight: bold; }
}

@media screen and (max-width: 480px) 
{
       .HealthNewsPanel .headerdiv h2 { float:none; }
       .topCategories li { width:45%; }
       .latestnews { margin: 0; padding: 0; list-style-type: none; float:left; text-align: center; width: 100%; height:auto; margin-top: 13px; margin-left: 10px; }
    .latestnews li { width:auto; height:auto;  padding:10px; margin:5px; border-radius:5px; }
    .NewsTabOn { background:#0869BD; color: white; font-weight: bold; }
    .NewsTabOff { background:#ddeeff; color: #0869BD; font-weight: bold; }
}



/* forms modification for iphone */
input[type="text"], input[type="number"], textarea, input[type="password"] { font-size:14px !important; }
#search input[type=text]{ font-size:14px !important; }
input[type="submit"] { -webkit-appearance: none; }


/* Footer Subscription for Specific Articles only */
.article-footer-sub { position:relative; background:#3256a4 url(//media.mercola.com/themes/mercola/images/article-footer-sub-bg.png) repeat-x; }
.article-footer-sub h3 { color:white; font-size:24px; padding:10px 0 10px 50px; width:70%; }
.article-footer-form { background: #d6d6d6; padding:15px 0 15px 50px }
.article-footer-img { position:absolute; bottom:0; right:0; height:157px; }
.article-footer-form input[type=submit] { padding: 6px 15px; font-size: 14px; background: #3161c7; border: 1px solid #3256a4; border-radius: 4px; color: white; font-weight: bold; margin:0 0 0 10px; }
.article-footer-form input[type=submit]:hover { background: #2656bd; border: 1px solid #214492; cursor: pointer; }
.article-footer-form input[type=text] { width:40%; }

/* User Activity Icons */
UL.CommonContentBoxList LI.CommonActivity { padding-left: 22px;	background-position: left; background-repeat: no-repeat; min-height: 16px; }
UL.CommonContentBoxList LI.Header { font-weight: bold; font-size: 13px; }
UL.CommonContentBoxList LI { margin: 3px 0; padding: 3px 0; border-bottom: 1px dashed #e0e0e0; }
UL.CommonContentBoxList LI.CommonActivity.NewProfileAnnouncement { background-image: url('//media.mercola.com/themes/mercolaarticle/images/activities/new-profile-comment.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewProfileComment { background-image: url('//media.mercola.com/themes/mercolaarticle/images/activities/new-profile-comment.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewUser { background-image: url('//media.mercola.com/themes/mercolaarticle/images/activities/new-user.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewBlog { background-image: url('//media.mercola.com/themes/mercolaarticle/images/activities/new-blog.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewBlogPost { background-image: url('//media.mercola.com/themes/mercolaarticle/images/activities/new-blog-post.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewBlogComment { background-image: url('//media.mercola.com/themes/mercolaarticle/images/activities/new-blog-comment.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewForum { background-image: url('//media.mercola.com/themes/mercolaarticle/images/activities/new-forum.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewForumThread { background-image: url('../images/activities/new-forum-thread.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewForumPost { background-image: url('//media.mercola.com/themes/mercolaarticle/images/activities/new-forum-post.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewMediaGallery { background-image: url('//media.mercola.com/themes/mercolaarticle/images/activities/new-media-gallery.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewMediaGalleryPost { background-image: url('//media.mercola.com/themes/mercolaarticle/images/activities/new-media-gallery-post.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewMediaGalleryComment { background-image: url('//media.mercola.com/themes/mercolaarticle/images/activities/new-media-gallery-comment.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewGroup { background-image: url('//media.mercola.com/themes/mercolaarticle/images/activities/new-group.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewGroupMember { background-image: url('//media.mercola.com/themes/mercolaarticle/images/activities/new-group-member.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewFriendship { background-image: url('//media.mercola.com/themes/mercolaarticle/images/activities/new-friend.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewGroupPage { background-image: url('//media.mercola.com/themes/mercolaarticle/images/activities/new-group-page.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewUserFile { background-image: url('//media.mercola.com/themes/mercolaarticle/images/activities/new-user-file.gif'); }
UL.CommonContentBoxList LI.CommonActivity.NewUserFolder { background-image: url('//media.mercola.com/themes/mercolaarticle/images/activities/new-folder.gif'); }