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

/*Universal Nav - Wrappers*/

#main-nav, #main-nav-pets { width:100%; height:40px; border-top: 1px solid #004481; border-bottom: 1px solid #004481;background:url(//media.mercola.com/themes/mercola/images/nav-bg.gif) repeat-x;}
#main-nav-pets { border-top:1px solid #763810; border-bottom:1px solid #763810;background:url(//media.mercola.com/themes/healthyPets/images/nav-bg.gif) repeat-x; }

#sub-nav, #sub-nav-pets {height:43px;width:100%}

.nav-margin {width:960px;margin:0 auto;}

/*Universal Nav - main-nav*/

.nav-links, .nav-links-pets {
	list-style:none;
	width:600px;
	margin:0 auto;
	height:40px;
	padding:0px 1px;
	line-height:22px;
	float:left;
}

.nav-links li, .nav-links-pets li { float:left; display:block; text-align:center; position:relative; border-right: 1px solid #2C83CA; }
.nav-links-pets li { border-right: 1px solid #B45B19; }

.nav-links li a, .nav-links-pets li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 11px 30px 11px 30px;
	margin-top:-4px;
	font-size:12px; 
	display:block;
	text-decoration:none;
}

.nav-links li a.active, .nav-links-pets li a.active, .nav-links li a.active:hover, .nav-links-pets li a.active:hover {
	background:#ffffff;
	color:#0869bd !important;
	text-decoration:none;
	padding-top:8px;
	border-top:3px solid #f5cb1d;
	height:23px;
	
}

.nav-links li a:hover, .nav-links-pets li a:hover, .nav-links li a.active:hover, .nav-links-pets li a.active:hover { text-decoration:underline; color:#ffffff; }


/* Universal Nav - sub-nav */

.sub-links {
	list-style:none;
	width:948px;
	line-height:22px;
	margin:0 auto;
	height:43px;
	padding:0px 0px 0px 10px;
	background: #ffffff;
	border-right: 1px solid #b7c7e1;
	border-left: 1px solid #b7c7e1;
	border-bottom: 1px solid #b7c7e1;
	z-index:5;
}

.sub-links li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 10px 9px 11px 9px;
	margin-right:4px;
}

.sub-links li:hover { padding: 10px 9px 11px 9px; background: #fffff;	}
.sub-links li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;  color: #0869BD; display:block; text-decoration:none; }
.sub-links li a:hover { text-decoration:underline; }
.sub-links .drop-articles a, .sub-links .drop-videos a, .sub-links .drop-guides a { font-family:Arial; font-size: 14px!important; }

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

.drop-videos, 
.drop-articles,
.drop-guides {
	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;}
.drop-guides { width:190px; }

.sub-links li:hover .drop-videos, 
.sub-links li:hover .drop-articles,
.sub-links li:hover .drop-guides {
	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 */

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

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

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

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

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

/* "Categories" list style for articles item */
.sub-links li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	padding:0;
	margin:0;
	text-align:left;
	width:180px;
}
.sub-links li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

/*#Social Icons#*/

.social-text, .social-text-pets { float:right;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;
}
.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;
}

.nav-fb,
.nav-google,
.nav-ig,
.nav-pin,
.nav-rss,
.nav-twitter,
.nav-yt {
    width: 16px;
    float: left
}

.social-nav li,
.social-nav-pets li {
    margin: 0 1.5px;
    padding: 0;
    list-style: none;
    position: inherit
}

.social-nav a,
.social-nav li,
.social-nav-pets a,
.social-nav-pets li {
    height: 16px;
    display: block
}

.nav-fb { left: 0; background: url(//media.mercola.com/Assets/images/mercola/social_16.png) no-repeat }
.nav-twitter { left: 16px; background: url(//media.mercola.com/Assets/images/mercola/social_16.png) -16px 0 no-repeat }
.nav-yt { left: 32px; background: url(//media.mercola.com/Assets/images/mercola/social_16.png) -32px 0 no-repeat }
.nav-google { left: 48px; background: url(//media.mercola.com/Assets/images/mercola/social_16.png) -48px 0 no-repeat }
.nav-pin { left: 64px; background: url(//media.mercola.com/Assets/images/mercola/social_16.png) -64px 0 no-repeat }
.nav-rss { left: 80px; background: url(//media.mercola.com/Assets/images/mercola/social_16.png) -80px 0 no-repeat }
.nav-ig { left: 96px; background: url(//media.mercola.com/Assets/images/mercola/social_16.png) -96px 0 no-repeat }

/*.social-nav li, .social-nav-pets li{margin:0 2px;padding:0;list-style:none;}
.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('//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('//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('//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('//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('//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('//media.mercola.com/Assets/images/mercola/social_16.png') no-repeat -80px 0;}
*/

/*Header*/

.bannerdiv { }
header { height:97px; width:960px; margin:0 auto; }
header .right-col { float:right; width:710px; text-align:left; padding-top:25px; position:relative; }

header .translatediv { position:absolute; right:100px; font-size:12px; line-height:24px; top:12px; z-index:998;}
header .searchlinkdiv { position:absolute; right:0px; font-size:12px; line-height:24px; top:12px; z-index:998;}
header .icondiv{ width:30px; margin-left:5px; float:right; }
header .textdiv{ width:150px; float:right; text-align:right;}

.header-banner { float: left;height: 40px;position: relative;width: 410px;}


/* admin menu */

#profile-menu { text-align: right; color: #000000; margin-top:-1px; margin-left:10px; }
#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;}

.accountname {margin-bottom: 4px;position: relative; text-align: right;height:15px;}
div.accountname span {display: block; float: right; height: 17px; margin-left: 5px; overflow: hidden;}
div.accountname span.Premier {background: url("//media.mercola.com/assets/images/mercola/customer_premier.png") no-repeat scroll right center transparent;width: 103px;}
div.accountname span.Wholesale {background: url("//media.mercola.com/assets/images/mercola/customer_wholesale.png") no-repeat scroll right center transparent;width: 120px;}

.user-links { float: right;font: 12px arial;height: 40px; position: relative;width: 300px; }
	.user-links a { color: #0869BD; cursor: pointer; text-decoration: none; font-family: arial; font-size: 12px; }
	.user-links a:hover { text-decoration:underline; }

.search { }
	.search-text { width:12%; float:left; font:bold 18px Arial; margin-left:10px; padding-top:10px;  }
	.search-textbox { width: 73%; float:left;}
	.nav-search-btn { float:left; cursor:pointer; }
	.search-textbox input { width:605px; height:100%; }
	
.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; }

.home-articles {clear: both;}