@charset "utf-8";

.footer-seal ul { margin-left: 50px !important; }
.red { color:#CC0000; font-weight:bold; }
.home-pad { padding:0 20px;  }
.relationship-problems { margin:auto; }
.relationship-problems li { border:1px solid #CCCCCC;
float:left;
height:25px;
list-style-type:none;
margin:2px;
padding-left:5px;
padding-top:5px;
width:130px }

h1 { background-color:#6DB927;
border-bottom:2px solid #60B01E;
border-top:2px solid #60B01E;
color:#FFFFFF;
font-size:24px;
font-weight:bold;
margin:-1px 0 0 -20px;
padding:10px;
text-align:center;
width:940px;}

h2 {
background-color: #6DB927;
border-bottom: 2px solid #60B01E;
border-top: 2px solid #60B01E;
color: white;
font-size: 24px;
font-weight: bold;
margin: -1px 0 0 -20px;
padding: 10px;
text-align: center;
width: 940px;
}

h3 { color:#CC0000;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
margin:8px 0;
padding:0; }

h1.redtitle  
{
color:#c00; 
margin-bottom:0; 
padding-left: 15px; 
background: none;
border: none;
text-align: left;
margin-left: 0;
padding-bottom: 0;
padding-top: 20px;
font-size: 30px;
} 

/* Mercola Footer */
.mercola-footer { background-color:#77ae2e; color:#FFFFFF; font:12px arial; margin:0 auto; text-align:left; }
.footerSitemapBox { font-size:11px; height:134px; width:960px; margin:0 auto; padding-bottom:20px;}
.footerSitemapBox ul {color:#FFF; list-style-position:inside; float:left; padding-top:20px; }
.footerSitemapBox .listTitle { list-style-position:outside; list-style:none;  color:#fff; font:bold 14px arial; }
.footerSitemapBox a{ color:#FFF; text-decoration:none;  }
.footerSitemapBox a:hover{ color:#FFF; text-decoration:underline; }

.Mercolalist { width: 220px; margin:0; padding:0}
.Productlist { width: 160px; margin:0; padding:0}
.Productlist2 { width: 170px; margin:0; padding:0 }
.SpecialInfolist { width: 160px; margin:0; padding:0 }
.SpecialInfolist2 { width: 200px; margin:0; padding:0; overflow:hidden; }

#footer { font-size:12px; color:#FFF; background-color:#77ae2e; margin:auto; text-align:center; border:1px solid transparent; } 
#footer a{ color:#FFF; text-decoration:none;  }
#footer a:hover{ color:#FFF; text-decoration:underline; }
#footer ul { margin:0; padding:0; }
#footer li { display:inline; padding:0 10px; }
#footer p { margin:0; padding:0; }

/* CSS EFT Document */

.mercola-header { background-image:url("http://media.mercola.com/Themes/eft/images/top-bg-nav.jpg"); background-position:center bottom; background-repeat:repeat-x;
height:155px; margin:0; padding:0; }
.mercola-social { margin-top: 7px; }
#subscribe-left { float:left; background-image:url(http://media.mercola.com/themes/eft/images/top-bg-subscribe-left.png); width:15px; height:50px; }
#subscribe-right { float:right; background-image:url(http://media.mercola.com/themes/eft/images/top-bg-subscribe-right.png); width:15px; height:50px; }
#mercola-top-subscribe { background-image:url(http://media.mercola.com/themes/eft/images/top-bg-subscribe.png); background-position:center;  height:50px; float:left; width: 930px; margin-top: 0px;}
#subscribe {  padding:0; width:860px; height:50px; margin:0 auto; }
#subscribe p { float:left; width:380px; font-weight:bold; text-transform:none; font-size:16px; margin:0 0 0 25px;padding:12px 0 0;text-align:left;}
#subscribe .txtfield { 
border:0 none;
height:22px;
padding:4px 10px;
width:230px;
margin-top:10px; }
#subscribe .btn_submit { background:url("http://media.mercola.com/themes/mercola/images/newsletter-btn.png") no-repeat scroll 0 0 transparent; border:0 none;
color:#FFFFFF;
cursor:pointer;
font:bold 14px arial;
height:38px;
margin:0;
padding:0;
width:161px;}

.MsgBoardStyle { color:#fff; font-size:12px; width:150px; float:left; font-family:Arial; margin-left:400px; margin-top:-10px; }

.txtfieldcontainer { width:250px; float:left; margin-left:5px; }
.user-welcome { margin:20px 0 0 11px; font-family:arial; font-size:12px;  }

.header-width { width:960px; margin:auto;}
.mercola-logo { float:left; width:285px;}
.search { float:right; width:700px; margin-top:10px; }

#nav { clear:both; font:bold 14px arial; height:34px; text-transform:uppercase; text-align:center; *margin-top:15px; }
#nav a { color:#fff; text-decoration:none;}
#nav a:hover { text-decoration:underline;}
#nav ul { padding-top:15px; }
#nav li { display:inline;  padding-right:80px; }

html, body { margin:0px; }

body
{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; } 

a { text-decoration:none; }
a:hover { text-decoration:underline; }


.login { clear:both; float:right; font-size:12px; padding-right: 20px; margin-top:-30px; font-family:Verdana, Geneva, sans-serif;}
.clear { clear:both; }

.container { width:960px; margin:auto; }
.content { width:960px; border:1px solid #cecece; height:100%; min-height:534px; margin:70px auto 20px; }

/*videos*/
.videos-content { margin:20px auto; border:1px solid #c9c7c3; background-color:#f7f7f7; position:relative; height: 590px; overflow-y: scroll; overflow-x: hidden; }	
#categ { margin-top:15px; background-color:#f7f7f7;  }	
.thumb-section { float:left; background-color:#fff; padding:10px; border:1px solid #efeeee; width:120px; height:150px; margin:5px 17px; 
    white-space: -moz-pre-wrap;  /* Firefox */ 
	white-space: -pre-wrap;      /* Older Opera 4 - 6 */
	white-space: -o-pre-wrap;    /* Opera 7+ */
	word-wrap: break-word;       /* IE 5.5+ and Safari */

	text-align:left;
 }
	.thumb-section p { margin:0; padding:5px 0; font-size:11px; }

.featvidtitle {display:block; text-align:center; font-weight:bold; margin-top:16px;}
.video-container {text-align:center;}
.totalvid { padding: 0px 0px 10px 0px; text-align:center; }
.videos-title{ text-align: center; font-weight:bold;}
	


.social { float:right; }
	.social img { border:none; }
	.social-txt { float:left; padding-top:5px; margin-left:20px;}
	.social ul { float:left; margin:5px 10px 0 5px; padding:0; }
	.social li { display:inline; margin:0; padding:0 2px; }



/* homepage */
.home-left { float:left; background-image:url(http://media.mercola.com/themes/eft/images/bg-home-top.gif); background-repeat:repeat-x; width:667px; padding:10px; padding-bottom:20px; background-color:#f9f9f9; border-right:1px solid #cbcbcb; min-height:510px; }
.home-right { float:right; padding:10px; width:289px;}

/* articles */
.articles { padding:10px 0; margin-bottom:10px; }
.articles a { font-weight:bold; }
.articles ul { margin:0; padding:0; list-style:none; } 
.articles h2 { text-transform:none; font-weight:normal; }
.articledesc { padding-top:10px; }

.titleClass a { font-weight:bold; }

#commentviews { float:left; background-image:url(http://media.mercola.com/themes/eft/images/comments-bg.png); background-repeat:no-repeat; width:50px; height:58px; margin-top:5px; padding-right:15px; font-family:Arial, Helvetica, sans-serif; color:#444444; font-size:11px; text-align:center; }
.commentsno { padding-top:2px; }
.commentsdesc { font-size:9px; margin-top:-2px; }

.views { color:#fff; padding-top:9px; margin:0; }
.viewsno { }
.viewsno a { font-size: 11px !important; color:#fff !important; }
.viewsdesc { font-size:9px; margin-top:-1px; }

/* pager */
.paging { padding-bottom:20px; }
.paging a { border: 1px solid rgb(227, 227, 227); padding: 5px; background-color: rgb(255, 255, 255); }

/* ribbon */
#ribbon-left { background:none; border:none; text-align:left; margin-left:-5px; color:#3d4f1d; font-family:"Franklin Gothic Demi", Arial, Verdana; font-size:24px !important; padding-left:10px; padding-top:2px; background-image:url(http://media.mercola.com/themes/eft/images/ribbon-left.png); width:303px; height:45px; background-repeat:no-repeat; text-transform:uppercase; }
#ribbon-left-home { margin-left:-15px; color:#3d4f1d; font-family:"Franklin Gothic Demi", Arial, Verdana; font-size:30px; padding-left:10px; padding-top:2px; background-image:url(http://media.mercola.com/themes/eft/images/ribbon-left.png); width:303px; height:45px; background-repeat:no-repeat; text-transform:uppercase; }

#ribbon-right { margin-left:-10px; color:#3d4f1d; font-family:"Franklin Gothic Demi", Arial, Verdana; font-size:30px; padding-top:2px; background-image:url(http://media.mercola.com/themes/eft/images/ribbon-right.png); background-position:right; width:303px; height:45px; background-repeat:no-repeat; text-transform:uppercase; text-align:center; }

#ribbon-right-forum { margin-left:-10px; color:#3d4f1d; font-family:"Franklin Gothic Demi", Arial, Verdana; font-size:18px; padding-top:8px; background-image:url(http://media.mercola.com/themes/eft/images/ribbon-right-forum.png); background-position:right; width:265px; height:35px; background-repeat:no-repeat; text-transform:uppercase; text-align:center; }

.ribbon-right-forum { margin-left:-10px; color:#3d4f1d; font-family:"Franklin Gothic Demi", Arial, Verdana; font-size:18px; padding-top:8px; background-image:url(http://media.mercola.com/themes/eft/images/ribbon-right-forum.png); background-position:right; width:265px; height:35px; background-repeat:no-repeat; text-transform:uppercase; text-align:center; }

.ribbon-right-forum p { margin:0; padding:0; }

.replyDiv {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-x-system-font:none;
background:transparent url(http://media.mercola.com/themes/eft/images/topics-bubble.gif) no-repeat; width:35px; height:20px; background-position:center; }

.comments { text-align:center; color:#fff; }
.dateposted { font-size:11px; padding-top:10px; }

.topics { margin-top:15px; }
hr {border: none 0;
border-top: 1px dashed #ccc;/*the border*/
height: 1px; }
a { color:#165AE5; }

.btn { font-family:"lucida grande",tahoma,verdana,arial,sans-serif; color:#fff; background-color:#155aed; border:1px solid #1046b7; padding:5px; margin-top:20px; font-weight:bold; background-image:url(http://media.mercola.com/themes/eft/images/btn.gif); background-position:top; background-repeat:repeat-x; }
.pad { padding:10px; }

.CommonContentBoxList ul { list-style-position:outside; margin:0; padding:0; }
.CommonContentBoxList li { list-style:none; padding:5px 0; border-bottom:1px dotted #c7c7c7;  }

.CommonContentBoxContent ul { list-style-position:outside; margin:0; padding:0; }

.forum_nav li { background-color:Green; }

/* home social */
.home-social { float:right; width:350px; }
.home-socialtxt { float:left; padding-top:8px; font-weight:bold; width:210px; }
.home-socialicons { float:right; width:140px; }
.home-socialicons a { padding:5px 5px; }

/* sort article */
#SortArticleListHolder { margin:-5px -5px 0 0; float:right; }
#SortArticleList { list-style:none; }
#SortArticleList .selected {  margin-top:-2px; padding-bottom:3px; background-color:#fff; }
#SortArticleList .selected a { font-weight:bold; color:#77AE2E;  }
.hide-this { display:none !important; }
.sort-options { float:right;  border:1px solid #ccc; border-bottom:none; margin:8px 5px; padding:5px; background-color:#fff;}
 
 #subscribe  span { margin:0; padding:0;  font:normal 10px arial; position:relative; top:-6px; }
 .gendisclaimdiv { width:960px; margin:0 auto; clear:both;  }
 .gendisclaimdiv a{ color:#fff; text-decoration:none; }
 .gendisclaimdiv a:hover{ color:#fff; text-decoration:underline; }
 .gendisclaimdiv p { text-align:left; }
 .disclaimer { text-align:left !important; }
 
 .disclaimerdiv 
 {
 	margin-top:20px;
background-color: white;
color: black;
padding: 5px;
text-align: center;
border: 1px solid black;
}
 
.language-box { 
text-align: center;
width: 170px;
font-size: 12px;
margin: 20px;
height: 18px;
position: absolute;
top: -55px;
right: 0px;
margin-right: 0;
}
.language-list {
	float:right;
	text-indent:-7777px;
	width:62px;
	margin:0px;
	padding:0;
}
.language-list li {
	list-style:none outside none;
	display:block;
	float:left;
	margin:0 0 0 5px;
	padding:0px;
	outline:none;
}
.language-list li.english {
	background:url(http://media.mercola.com/ImageServer/espanol/fotos/flags.png) no-repeat;
	width:26px;
	height:18px;
}
.language-list li.english a {
	width:26px;
	height:18px;
	display:block;
	outline:none;
}
.language-list li.english a:hover {
	background:url(http://media.mercola.com/ImageServer/espanol/fotos/flags.png) 0 -19px no-repeat;
}
.language-list li.spanish {
	background:url(http://media.mercola.com/ImageServer/espanol/fotos/flags.png) -27px 0 no-repeat;
	width:26px;
	height:18px;
}
.language-list li.spanish a {
	width:26px;
	height:18px;
	display:block;
	outline:none;
}
.language-list li.spanish a:hover {
	background:url(http://media.mercola.com/ImageServer/espanol/fotos/flags.png) -27px -19px no-repeat;
}

/* search */
#search {
margin: 0 15px;
display: inline-block;
}

.mercola-search {
background-color: #4D90FE;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED));
background-image: -moz-linear-gradient(top,#4D90FE,#4787ED);
background-image: -ms-linear-gradient(top,#4D90FE,#4787ED);
background-image: -o-linear-gradient(top,#4D90FE,#4787ED);
background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);
background-image: linear-gradient(top,#4D90FE,#4787ED);
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');
border: 1px solid #3079ED;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-user-select: none;
-webkit-user-select: none;
color: white;
cursor: default;
display: inline-block;
font-weight: bold;
height: 29px;
line-height: 29px;
min-width: 54px;
text-align: center;
text-decoration: none;
padding: 0 8px;
color: white;
cursor: pointer;
font-weight: bold;
line-height: 29px;
text-align: center;

}

.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);
}	

.CommonSearchBtn {
float: left;
cursor: pointer;
margin-left: 65px;
}

/* 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:6px;
}
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);
}

.CommonSearchTextBox input { width:540px; }
.CommonSearchTextBox {
width: 73%;
float: left;
margin-left:20px;
}

.newsletterdiv input[type=text] { width:250px; }

.newsletterdiv input[type=submit] { border:0; color: #FFF !important; margin-top: 10px;
	text-shadow: 0 1px 0 #2D6200 !important; font: bold 11px Helvetica, Arial, sans-serif; cursor:pointer; }
	
	/* icon */
.ddm span.icon, button span.icon, .button span.icon {
background-image: url(http://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(http://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;
}

/* header */
#profile-menu { text-align: right; margin-right: 60px; color: #CCC; }
.profilediv { font: 12px arial; position:relative; top:-3px; padding-bottom: 15px; margin-right: 60px; text-align:right; color: #CCC; }
	.profilediv a { color: #0869BD; cursor: pointer; text-decoration: none; font-family: arial; font-size: 12px; }
	.profilediv a:hover { text-decoration:underline; }
	
	.headerdiv { height:97px; width:960px; margin:0 auto; }
.headerdiv .logodiv { float:left; width:250px; text-align:left; }
.headerdiv .logodiv .contactdiv{ margin-left:15px; font-size:14px; }
.headerdiv .rightarea { float:right; width:700px; text-align:left; padding-top:20px; position:relative;  }

.contentarea {
width: 960px;
margin: 0 auto;
font: normal 12px arial;
color: white;
text-align: left;
}
.contentarea a { color:#fff; text-decoration:underline; }

.footer-seal { margin:10px auto 0; width:960px; padding-bottom: 10px; }
.footer-seal ul { text-align:center; margin-left:100px; }
.footer-seal ul li { display: table-cell; list-style-type: none; margin: 0px; vertical-align: middle; padding:0 10px; }