/* ==========================================================================
   Theme's custom styles
   ========================================================================== */
body {
	background: #fff;
	max-width: 100%;
	overflow-x: hidden;
	font-size: 17px;
	line-height: 1.5;
	font-family: helvetica, roboto, arial, clean, sans-serif;
	font-weight: lighter;
	-ms-overflow-style: scrollbar;
}
.page-container {
	background: #fff;
}
@media screen and (min-width: 1200px) {
	.container {
		width: 1000px;
	}
}
img.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/* chromeframe error */
.chromeframe {
	background: #a00;
	color: #faa;
	display: block;
	padding: 3px 0;
	text-align: center;
}
.chromeframe a {
	color: #fff;
	text-decoration: underline;
}
.page-header-top-right {
	margin-top: 10px;
}
.pagination {
	margin: 0;
}
.pagination-center {
	text-align: center;
}
.pagination-row {
	margin-bottom: 20px;
}
.required {
	color: #f00;
}
.row-with-vspace {
	margin-bottom: 20px;
}
.site-main .format-aside {
	background: #f5f5f5;
}
/*
.site-main .format-image {
	background: url('../img/content-post-format-image.png') left top no-repeat;
}
.site-main .format-link {
	background: url('../img/content-post-format-link.png') left top no-repeat;
}
.site-main .format-quote {
	background: url('../img/content-post-format-quote.png') left top no-repeat;
}
.site-main .format-video {
	background: url('../img/content-post-format-video.png') left top no-repeat;
}
*/
.site-title {
	margin-bottom: 0;
	margin-top: 10px;
}
.site-title > a {
	text-decoration: none;
}
.site-title > div {
	height: auto;
	line-height: 18px;
}
.site-title .site-description {
	color: #999;
	font-size: 16px;
}
.site-title .site-title-heading {
	margin: 0;
}
.widget_calendar #wp-calendar {
	margin: 0;
}
.widget_calendar #wp-calendar #next {
	text-align: right;
}
#comments .comment-navigation {
	margin-bottom: 0;
}
#comments .comment-navigation-below {
	margin-bottom: 20px;
	margin-top: 15px;
}
#comments .media-list li .media {
	margin-top: 15px;
}
#comments .media-list li .media .media-body {
	border: 1px solid #eee;
	padding: 10px;
}
#comments .media-list li .media .media-body .comment-author {
	font-size: 12px;
	margin-bottom: 10px;
}
#comments .media-list ul.children {
	list-style: none;
	margin-left: 2.5em;
}
#main-column {
	padding-right: 0px;
	padding-left: 0px;
}
#main-column.col-md-9 {
	padding-right: 15px;
	padding-left: 15px;
}
#main-column .wp-video-shortcode {
	display: block;
	height: auto;
	max-width: 100%;
}
#main-column .attachment .entry-content {
	margin-bottom: 20px;
}
#main-column .attachment .entry-content .attachment {
	text-align: center;
}
#main-column .attachment .entry-meta {
	margin-bottom: 20px;
}
#main-column .post,
#main-column .page {
	padding: 10px 0px 0;
}
#main-column .post .entry-header .entry-meta {
	color: #999;
}
#main-column .post .entry-header .entry-meta a {
	color: inherit;
}
#main-column .post .entry-header .entry-meta .posted-on .updated {
	display: none;
}
#main-column .post .entry-meta .categories-icon {
	cursor: default;
}
#main-column .post .entry-meta .comments-link a {
	color: #333;
}
#main-column .post .entry-meta .comments-link a .comment-icon .comment-total,
#main-column .page .entry-meta .comments-link a .comment-icon .comment-total {
	color: #555;
	font-size: 12px;
	margin-left: 5px;
}
#main-column .attachment .edit-post-link a, 
#main-column .attachment .entry-meta .edit-post-link a, 
#main-column .post .entry-meta .edit-post-link a,
#main-column .page .entry-meta .edit-post-link a {
	color: #333;
}
#main-column .post .entry-meta .tags-icon {
	cursor: default;
}
#sidebar-left .widget,
#sidebar-right .widget {
	margin-bottom: 20px;
}
#sidebar-left .widget ul,
#sidebar-right .widget ul {
	padding-left: 20px;
}
#sidebar-left .widget .widget-title,
#sidebar-right .widget .widget-title {
	font-size: 18px;
	margin-top: 0;
}


/* ==========================================================================
	General Custom Styles
   ========================================================================== */
h1 {
	font-weight: bold;
}
h2 {
	color: #686868;
	font-size: 22px;
	margin-top: 30px;
}
h3 {
	font-size: 1.3em;
    color: #64a01c;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.vbottom {
    display: inline-block;
    vertical-align: bottom;
    float: none;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mt-20 {
	margin-top: 20px;
}
.no-padding {
	padding: 0px;
}
.no-margin {
	margin: 0px;
}
.inline-element {
	display: inline;
}
.inline-block {
	display: inline-block;
}
.relative {
	position: relative;
}
.btn-white {
	background: #fff;
	color: #333;
	border-color: #ccc;
}
.full-width-image {
	background-color: #fff;
}
@media screen and ( max-width: 500px ) {
	.full-width-image {
		display: block;
		float: none;
		margin: 0 auto 20px !important;
		max-width: 100%;
	}
}

/* ==========================================================================
	Header Styles
   ========================================================================== */
#dsl-header {
	background: #F3AE05 url('https://dietspotlight-greenbracket.netdna-ssl.com/images/top_header_bg.png') no-repeat center top;
	height: 50px;
	overflow: hidden;
}
#header-type {
	margin-top: 5px;
}
@media handheld, screen and (max-width: 767px) {
	#header-type {
		text-align: center;
	}
	#main-header {
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10;
	}
	
}
.badge-yellow {
	background-color: #FAAF2A;
}
#phraseContainer {
	float: right; 
	margin: 4px 5px 0 0;
}
#phrase{
	color: #5d8a26;
	line-height: 30px;
	margin-right: 20px;
}
#category-mega {
	background: #f4f4f4;
	border-right: 1px solid #c3c3c3;
	padding: 2px 10px;
	margin: 0px 10px 0 0px;
	position: relative;
	height: 30px;
	font-size: 14px;
	color: #ea8f00;
	z-index: 20;
}
#category-mega.hover,
#category-mega:hover {
	background-color: #fff;
	border: 1px solid #c3c3c3;
	border-bottom: none;
	margin-top: -1px;
	margin-left: -1px;
	height: 31px;
}
#category-mega span {
	display: block;
}
.mega-drop {
	font-size: 20px;
	line-height: 25px !important;
}
.mega-dropped {
	position: absolute;
	padding: 1px;
	top: -1px;
	left: 14px;
	width: 50%;
	background-color: #fff;
	border: 1px solid #c3c3c3;
	z-index: 10;
	display: none;
}
.mega-dropped ul {
	float: left;
	width: 50%;
	padding: 0px;
	margin: 0px;
	cursor: auto;
	list-style: none;
}
.mega-dropped li {
	white-space: nowrap;
	padding: 0px;
	width: 100%;
}
.mega-dropped li:hover {
	background: #ccc;
}
.mega-dropped li a  {
	width: 90%;
	display: block;
	padding: 5px 0 5px 10px;
}
#access {
	background: #eee;
	position: relative;
	border-right: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
}
#access ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	display: block;
	line-height: 2em;
	text-decoration: none;
}
#access ul ul {
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #dedede;
	line-height: 1em;
	padding: .5em .5em .5em 1em;
	width: 10em;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	background: #dedede;
}
#access ul ul a:hover {
	background: #cecece;
}
#access ul li:hover > ul {
	display: block;
}
#header-icons ul {
	list-style: none;
	margin: 0px;
}
#header-icons li {
	float: left;
}
#header-icons a {
	display: block;
	line-height: 50px;
	padding: 0px 15px;
}
#header-icons img {
	vertical-align: middle;
}
#slider-toggle {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 24px;
	color: #fff;
	line-height: 50px;
	padding: 0 20px;
}
#slider-toggle i {
	position: relative;
	top: 3px;
}
.slider-menu {
	display: none;
	position: fixed;
	top: 0px;
	z-index: 90;
	left: 0px;
	height: 100%;
	overflow: scroll;
	background: #f8f8f8;
	-webkit-box-shadow: 0px 0px 10px 0px #000;
	-moz-box-shadow: 0px 0px 10px 0px #000;
	box-shadow: 0px 0px 10px 0px #000;
	display: none;
}
.slider-menu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.slider-menu a {
	display: block;
	line-height: 40px;
	padding: 0 30px 0 20px;
	border-bottom: #eaeaea 1px solid;
	border-top: #fff 1px solid;
	text-decoration: none;
}
.page-overlay {
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 200%;
	background: rgba(0,0,0,.4);
	opacity: 0;
	transition: left 0s, opacity .2s;
	z-index: 10;
}
.page-overlay.visible {
	opacity: 100;
}
.body-overflow-fix {
	overflow: none;
	position: relative;
}



/* ==========================================================================
	Content Styles
   ========================================================================== */
#content {
	position: relative;
}
.post .entry-header {
	padding-bottom: 10px;
	margin: 0 15px;
}
.post .entry-content {
	margin: 20px 15px 10px;
}
.post-template-single-old-style-two-column-php .entry-header {
	border-top: 1px solid #efefef;
	padding-top: 20px;
}
h1.entry-title {
	margin: 10px 0 20px;
	font-size: 37px;
	font-weight: normal;
}
h1.page-title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 25px;
    color: #2453A4;
    padding: 0 0 10px 0;
    margin: 0px;
}
#updated-date {
    padding: 0px 0px 10px;
    color: #000 !important;
    font-weight: normal !important;
}
.question-comment-header-link {
	text-align: right;
}
@media handheld, screen and (max-width: 767px) {
	.question-comment-header-link {
		text-align: left;
	}
	.post-template-single-old-style-two-column-php .entry-header {
		border-top: 0px;
		padding-top: 10px;
	}
}
.previous-h3 {
	margin-top: 20px;
}
#chart-holder {
	margin-top: 40px;
}
#chart-holder h2 {
	text-align: center;
	color: #686868;
}
.entry-title .sub-title {
	font-style: italic;
	line-height: 1.5;
	display: block;
	font-weight: normal;
	line-height: inherit;
	font-size: 23px;
	color: #717171;
	margin: 10px 0 0;
}
.page .entry-title {
	margin-top: 20px;
	font-size: 25px;
}
.editors-tip {
    background-color: #FDF3C1;
    padding: 10px;
    display: table-cell;
}
.flare {
	display: block;
	position: absolute;
	top: 50px;
}
.hero-wrapper {
	position: relative;
}
.rating-box {
    position: absolute;
	top: -95px;
    right: 0px;
    display: block;
	height: inherit;
    width: 200px;
	background: #d5e9f5;
	border-left: 8px solid #4a9dce;
	color: #4a9dce;
    text-align: center;
	font-size: 22px;
    padding: 10px;
	line-height: 1.3;
}
.editors-rating {
	font-weight: bold;
	font-size: 30px;
}
.also-link {
    display: block;
	font-size: 22px;
    font-weight: bold;
    margin: 15px 0;
	color: #E89A2B;
	text-decoration: none !important;
}
@media handheld, screen and (max-width: 767px) {
	.flare {
		display: none;
	}
	#chart-holder {
		margin: 30px 20px;
	}
	.rating-box {
		position: static;
		height: auto;
		width: 100%;
		font-size: 18px;
		padding: 5px;
	}
	.editors-rating {
		font-size: 23px;
	}
	#published-date {
		font-size: 14px;
	}
}
.left-flare {
	left: -234px;
}
.right-flare {
	right: -257px;
}
.green-button, .orange-button, .maroon-button {
    letter-spacing: .08em;
    color: #fff;
	display: inline-block;
	padding: 7px 15px;
	margin: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 3px;
	text-decoration: none !important;
	font-size: 15px;
	font-weight: bold;
}
.green-button {
    background: #68ac3a; /* Old browsers */
    background: -moz-linear-gradient(top, #68ac3a 1%, #52882e 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#68ac3a), color-stop(99%,#52882e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #68ac3a 1%,#52882e 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #68ac3a 1%,#52882e 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #68ac3a 1%,#52882e 99%); /* IE10+ */
    background: linear-gradient(to bottom, #68ac3a 1%,#52882e 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68ac3a', endColorstr='#52882e',GradientType=0 ); /* IE6-9 */
}
.orange-button {
    background: #fca73f;
    background: -moz-linear-gradient(top, #fca73f 1%, #ff6802 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fca73f), color-stop(99%,#ff6802));
    background: -webkit-linear-gradient(top, #fca73f 1%,#ff6802 99%);
    background: -o-linear-gradient(top, #fca73f 1%,#ff6802 99%);
    background: -ms-linear-gradient(top, #fca73f 1%,#ff6802 99%);
    background: linear-gradient(to bottom, #fca73f 1%,#ff6802 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fca73f', endColorstr='#ff6802',GradientType=0 );
}
.maroon-button {
    background: #c90028; /* Old browsers */
    background: -moz-linear-gradient(top, #c90028 1%, #a80021 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c90028), color-stop(99%,#a80021)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #c90028 1%,#a80021 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #c90028 1%,#a80021 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #c90028 1%,#a80021 99%); /* IE10+ */
    background: linear-gradient(to bottom, #c90028 1%,#a80021 99%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90028', endColorstr='#a80021',GradientType=0 ); /* IE6-9 */

}
.shadow {
	-moz-box-shadow: 2px 2px 1px #ccc;
	-webkit-box-shadow: 2px 2px 1px #ccc;
	box-shadow: 2px 2px 1px #ccc;
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";*/
}
.green-button.shadow:hover {
    color: #fff;
    background: -moz-linear-gradient(bottom, #68ac3a 1%, #52882e 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, left top, color-stop(1%,#68ac3a), color-stop(99%,#52882e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(bottom, #68ac3a 1%,#52882e 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(bottom, #68ac3a 1%,#52882e 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(bottom, #68ac3a 1%,#52882e 99%); /* IE10+ */
    background: linear-gradient(to top, #68ac3a 1%,#52882e 99%); /* W3C */
}
.btn-warning.checkout-pop {
	margin-left: 15px;
	margin-top: 15px;
	font-size: 16px;
}
/*********************************************** Content Images ******/
.content-image {
	margin: 10px 20px 10px 0; 
	float: left;
	width: 300px;
	font-size: 12px;
	line-height: 13px;
}
.content-image.right {
	margin: 10px 0px 10px 20px; 
	float: right;
}
.content-image img {
	margin: 0 auto 8px;
}
.content-image blockquote {
	line-height: 1.3;
	color: #ED9A0B;
	font-style: italic;
	font-size: 25px;
}
@media handheld, screen and (max-width: 767px) {
	.content-image,
	.content-image.right {
		margin: 20px auto; 
		float: none;
		width: auto;
	}
}

.entry-content a,
.commentlist a {
	text-decoration: underline;
	color: #E89A2B;
}
.editors-tip a {
	color: #337ab7;
}

/*********************************************** Comparison Table ******/
#comparison-table-responsive {
	width: 100%;
}
.ComparisonTable {
	position: relative;
	width: 90%;
	margin: 10px auto 0 auto;
	table-layout: fixed;
	border-collapse: collapse;
	border-style: hidden;
	border: 2px solid transparent;
	overflow: visible;
}
.ComparisonTable a {
	text-decoration: underline;
}
.ComparisonTable thead {
	font-size: 11px;
	line-height: 16px;
	background-color: #cdcdcd;
}
.ComparisonTable tfoot {
	line-height: 14px;
}
.ComparisonTable tfoot th {
	padding-top: 5px;
	text-align: center;
}
.ComparisonTable thead th {
	padding: 5px;
	font-weight: normal;
	font-size: 13px;
}
.ComparisonTable td {
	padding: 5px;
}
.ComparisonTable tbody {
	border: none;
}
.ComparisonTable tbody td {
	border: 1px solid #cdcdcd;
}
.ComparisonTable b {
	font-weight: normal;
}
.col-prod {
	width: 35%;
	text-align: center;
}
.col-star {
	width: 21%;
	text-align: center;
}
.col-ingred,
.col-ship,
.col-test,
.col-trial {
	width: 12%;
}
tr.shaded td {
	background: #efefef;
	border-color: #cdcdcd;
}
.tableChecks {
	text-align: center;
}
.tableStars
{
	 padding-left: 6px;
	 text-align: center;
}
.tableFullStarImg
{
	width: 12px;
	height: 12px
}
.reviewNameTitles {
	font-size: 13px;
	text-align: center;
}
.reviewAlignRight {
	display: inline; 
	text-align: right; 
	height: 15px;
	width: 30px;
	position: relative; 
}
.reviewAnchor {
	font-size: 12px;	
}
.firstColumnStyle {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.big-row {
	position: relative;
	width: 104%;
	height: 40px;
	margin-left: -2%;
	margin-top: -1px;
	margin-bottom: -1px;
	background-color: #ccc;
	-moz-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, .3);
	box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, .3);
	cursor: pointer;
}
.big-row:hover {
	-moz-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, .5);
}
.chart-avesil td {
	padding: 0;
	width: 100%;
}
.chart-avesil td.reviewNameTitles {
	width: 35%;
}
.chart-avesil a {
	color: #064681;
}
.chart-avesil td.tableStars {
	width: 21%;
}
.chart-avesil td.tableChecks {
	width: 11%;
}
.chart-avesil table {
	width: 100% !important;
	height: 100%;
	border-collapse: collapse;
}
.chart-avesil .reviewAnchor {
	font-weight: bold;
	font-size: 14px;
}
@media handheld, screen and (max-width: 660px) {
	.col-prod {
		width: 40%;
	}
	.col-star {
		width: 24%;
	}
	.tableChecks {
		width: 12%;
	}
	.col-test {
		width: 0px;
		display: none !important;
	}
}
@media handheld, screen and (max-width: 540px) {
	.col-prod {
		width: 40%;
	}
	.col-star {
		width: 30%;
	}
	.tableChecks {
		width: 15%;
	}
	.col-ship {
		width: 0px;
		display: none !important;
	}
}
@media handheld, screen and (max-width: 480px) {
	.tableChecks {
		display: none !important;
		width: 0px;
	}
	.col-prod {
		width: 60%;
	}
	.col-star {
		width: 40%;
	}
	.col-ingred,
	.col-trial {
		width: 0px;
	}
}
.ratingblock {
	padding: 10px;
	margin: 0px 0px 10px 0px !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ratingheader {
  font-size: 16px;
  color: #9c9c9c;
}

/**** Custom Panel Card Style ****/
.category-menu > .col-md-6 {
	padding-left: 5px;
	padding-right: 5px;
}
.panel-card {
	cursor: pointer;
	position: relative;
	border-radius: 0px;
	border: 1px solid #dfdfdf;
	border-bottom: 3px solid #88a2ce;
	-moz-box-shadow: 2px 2px 1px #ddd;
    -webkit-box-shadow: 2px 2px 1px #ddd;
    box-shadow: 2px 2px 1px #ddd;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
}
.panel-card .panel-body {
	padding-top: 0px;
	padding-bottom: 0px;
}
.panel-card .panel-footer {
	background-color: #fff;
	border: none;
}
.title-link {
	color: #4274c4;
}

#category-content .category-menu-item img {
	margin: 0 auto;
}
#category-introduction .full-width-image {
	margin-bottom: 20px;
}
#category-content .entry-header {
	border: none;
	margin-bottom: 0px;
}
.review-link:hover {
	text-decoration: none;
}
.entry-header #breadcrumbs {
	border-bottom: 1px solid #efefef;
	padding-bottom: 5px;
}
#editors_choice {
    display: block;
    margin: 0px auto 0px auto;
    width: 100%;
    border: none;
    min-height: 629px;
}
.custom-page-banner img {
	max-width: 100%;
	height: auto;
}
#subcategory-list {
	margin-top: 10px;
}
#subcategory-list h2 {
	margin-bottom: 10px;
}
#subcategory-list ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#subcategory-list li {
	display: block;
	float: left;
	width: 32%;
	margin-right: 1%;
	margin-bottom: 10px;
}
#subcategory-list li:nth-child(3) {
	margin-right: none;
}
#subcategory-list li a {
	display: block;
	padding: 5px 8px;
	border: 1px solid #ddd;
	text-decoration: none;
	border-left: 3px solid #88A2CE;
}
#subcategory-list li a:hover {
	background: #f7f7f7;
	border-left: 3px solid #2453A4;
}
.post-template-single-old-style-two-column-php .box {
	padding: 10px 10px 10px 10px;
	border: 1px solid #ececec;
	border-bottom: none;
	margin: 0;
}
.post-template-single-old-style-two-column-php .box.gray {
	background-color: #f4f4f4;
}
@media handheld, screen and (max-width: 991px) {
	.post-template-single-old-style-two-column-php .box {
		padding: 0;
		border: 0;
	}
	.post-template-single-old-style-two-column-php .box.gray {
		background-color: inherit;
	}
}
@media handheld, screen and (max-width: 767px) {
	.ComparisonTable {
		width: auto;
	}
	.box {
		padding: 0;
		border: 0;
	}
}



/* ==========================================================================
	Content Tab Styles
   ========================================================================== */
.tab-holder {
	margin-top: 40px;
	position: relative;
}
.tab-holder-content {
	position: relative;
}
.tab-holder .nav-tabs {
	transition: all .2s;
	position: relative;
	left: 0px;
}
.nav-tabs > li:not(.active) a {
	background: #efefef;
	border: 1px solid #ccc;
	color: #666;
}
.tab-holder .glyphicon {
	color: #ccc;
	font-size: 30px;
	transition: color .2s;
}
.tab-holder .tab-left:hover .glyphicon,
.tab-holder .tab-right:hover .glyphicon {
	color: #aaa;
}
.tab-left,
.tab-right {
	position: absolute;
	padding: 8px;
	top: -3px;
	transition: left .5s, right .5s;
	cursor: pointer;
	display: none;
}
.tab-right {
	right: -50px;
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.tab-right .glyphicon {
	position: relative;
	right: -10px;
}
.tab-left {
	left: -50px;
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.tab-left .glyphicon {
	position: relative;
	left: -10px;
}
.tab-content-div {
    padding: 20px;
}
@media handheld, screen and (max-width: 880px) {
	.tab-holder {
		/*width: 100%;*/
		overflow: hidden;
		margin-bottom: -1px;
		margin-left: -15px;
		padding-left: 15px;
		margin-right: -15px;
		padding-right: 15px;
	}
	.tab-holder-content {
		overflow-x: scroll;
	}
	.review-tabs {
		width: 150%;
	}
	.tab-left,
	.tab-right {
		display: block;
	}
	.tab-content > .active {
		margin: 0 20px;
	}
	.tab-content > #user-reviews.active {
		margin: 0 20px 0 0;
	}
}

/******************************
  comment styles
******************************/
#comments {
	margin-bottom: 0px;
	padding-left: 20px;
}
#comment-container > small > a {
	text-decoration: underline;
}
#comment-holder {
	padding: 0 10px 0 5px;
}
.commentlist {
	list-style:none;
	margin-top: 15px;
	padding-left: 20px;
}
.tab-content-div .commentlist {
	padding: 0px;
}
.base-comment {
	border-top: 2px solid #cdcdcd;
	margin-bottom: 10px;
}
.base-comment .comment-header {
	margin-bottom: 10px;
}
.comment-details {
	line-height: 24px;
	padding-left: 45px;
}
.comment-id {
	float: left;
	padding: 5px;
	background: #cdcdcd;
	color: #fff;
	font-weight: bold;
	text-align: center;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.comment-content {
	padding-left: 38px;
}
.comment-disclaimer {
	float: right;
	margin-top: -20px;
	font-size: 11px;
	color: #000;
}
#commentAvatar {
	width: 80px;
	float: left;
	display: none;
}
#commentVote {
	width: 40px;
	float: left;
}
#commentVote .voteLeft {
	width: 30px;
	float: left;
	padding: 0 10px 0 0;
}
#commentVote .voteRight {
	width: 280px;
	float: left;
}
.commentBody {
	padding: 6px 10px 0 0;
	margin: 0;
}
.editComment, .editableComment, .textComment{
	display: inline;
}
.comment-childs{
	border: 1px solid #999;
	margin: 5px 2px 2px 4px;
	padding: 4px 2px 2px 4px;
	background-color: white;
}
#newcomment{
	border:1px dashed #777;width:90%;
}
#newcommentsubmit{
	color:red;
}
.adminreplycomment{
	border:1px dashed #777;
	width:99%;
	margin:4px;
	padding:4px;
}
.mvccls{
	color: #999;
}
#leave-a-comment h3 {
	margin-left: 20px;
}
#commentform {
	margin-top: 10px;
	margin-left: 20px;
}
#commentform table {
	width: 100%;
}
#commentform td {
	text-align: left;
}
#commentform input[type=text] {
	width: 100%;
}
#commentform textarea {
	width: 90%;
	height: 50px;
}
.comment-star-row {
	text-align: center !important;
}
.comment-star-row #gdsr_int_stars {
	margin: 0 auto;
}
.chalt{
	background-color: #fff7e3;
	clear: both;
	min-height: 60px;
}

/* ==========================================================================
	Sidebar Styles
   ========================================================================== */
#sidebar-right {
	padding-left: 0px;
	margin-top: 20px;
}
#sidebar-right h2 {
	font-size: 18px;
	text-align: center;
	color: #000;
}
#sidebar-right ul {
	list-style: none;
	padding: 0px;
}
.side-popular li,
#home-popular li {
	border-top: 1px solid #ccc;
	
}
.side-popular li a,
#home-popular li a {
	text-decoration: none;
	display: block;
	padding: 4px 5px;
	font-size: 12px;
	line-height: 20px;
}
.side-popular li a:hover,
#home-popular li a:hover {
	background: #efefef;
}
@media handheld, screen and (max-width: 991px) {
	#text-3, #text-4 {
		display: none;
	}
}
@media handheld, screen and (max-width: 500px) {
	#home-popular li a {
		padding: 10px 5px;
	}
}


/* ==========================================================================
	Footer Styles
   ========================================================================== */
#iframe-footer-links {
	width: 100%;
}
#footer {
	width: 100%;
	font-size: 12px;
	line-height:14px;
	padding: 15px 0px;
	text-align: center;
}
#footer li {
	border-right: 1px solid #ccc;
	margin: 0;
}
#footer li:first-child {
	border-left: 1px solid #ccc;
}
#footer a {
	color:#efa700;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 7px;
	line-height: 24px;
}
#footer a:hover {
	background-color: #ccc;
	color: #fff;
}
#footer-right {
	float: right;
	width: 35%;
}
#footer p {
	color: #666;
}
#screen-size-check {
	display: none;
}

/* Sticky Footer CSS */
#cta_ins {
	position: fixed; 
	z-index: 9;
	bottom: 0; 
	right: 0; 
	color: #fff; 
	font-size: 16px; 
	height: auto; 
	margin: 0 auto; 
	padding: 7.5px; 
	text-align: center; 
	width: 170px; 
	letter-spacing: .08em; 
	display: inline-block; 
	text-decoration: none !important; 
	font-weight: bold; 
	background: #53892f url('https://dietspotlight-greenbracket.netdna-ssl.com/images/sticky_footer_green_bg.png') repeat-x top left;
	transition: bottom .5s, right .5s;
}
#cta_ins_button .cta_click_button {
	margin: 10px 0;
	transition: all .4s;
}
.desktop_cta_ins:hover {
	color: #fff;
}
.desktop_cta_ins.control-button {
	width: 246px;
	padding: 20px;
	right: -246px;
}
.desktop_cta_ins.control-button .cta_click_button {
	margin-top: 5px;
}
.desktop_cta_ins.control-bar {
	width: 100%;
	letter-spacing: normal;
	bottom: -300px;
}
.desktop_cta_ins.control-bar .glyphicon-remove {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 15px;
}
.desktop_cta_ins.control-bar h2 {
	color: #fff;
	font-size: 25px;
	margin: 13px 0px 5px;
	font-weight: normal;
}
.desktop_cta_ins.control-bar .btn {
	margin: 10px 5px;
	color: #53892f;
	border: none;
}
.desktop_cta_ins.control-bar .btn:hover {
	background: #CBEFB3;
}
#ds-sticky-modal .modal-dialog {
	margin: 10% auto 0px;
	position: relative;
}
#ds-sticky-modal .modal-body {
	border: 5px solid #EC951A;
}
@media screen and ( max-width: 767px ) {
	#cta_ins {
		width: 100%;
	}
}




/* ==========================================================================
	Page Specific Styles
   ========================================================================== */
   
/**************************** Leptigen Review ***/
.meratrim-chart {
  margin: 10px 20px 10px 0; 
  float: left;
  width: 450px;
  font-size: 12px;
  line-height: 13px;
  text-align: center;
}
.meratrim-chart img {
	margin-bottom: 8px;
}
@media handheld, screen and (max-width: 767px) {
  .meratrim-chart {
    margin: 20px auto; 
    float: none;
    width: auto;
  }
}