/*
Client: DSE Healthcare Solutions - Certain Dri
Version: 4.0
Author: Justin Von Strasburg via Rare Earth Interactive
*/


/*
Colors:
Red: #CC0000
Green: #1C7063
Light Green: #7EC7B1
Black (text): #000000

*/


/* RESET
html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
html5doctor.com/html-5-reset-stylesheet/
==========================================================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

em { font-style: italic; }

a:hover, a:active { outline: none; }

ul, ol { margin-left: 2em; }

ul { list-style-image: url('clientuploads/bullet.gif'); }

ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

p small { font-size: 75%; line-height: 1; }

strong, th { font-weight: bold; }

td { vertical-align: top; padding: 1em 0; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

::-moz-selection{ background: #CC0000; color:#fff; text-shadow: none; }

::selection { background: #CC0000; color:#fff; text-shadow: none; }

a:link { -webkit-tap-highlight-color: #1C7063; }

img, object { display: block; border: 0; max-width: 100%; height: auto; }

img a { display: block; border: 0; }

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

.group:before, .group:after { content:""; display:table; }

.group:after { clear:both; }

.group { zoom:1; }


/* BASICS */

body {
	background: #ffffff;
	font-family: "Lucida Grande", "Helvetica Neue", Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	line-height: 1.5em;
	color: #000000;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	padding: 0;
	font-family: "futura-pt-condensed-n7","futura-pt-condensed","Helvetica",sans-serif;
	font-style: normal;
	font-weight: 700;
}

h1 {
	font-size: 2.5em;
	margin: 0 0 .5em 0;
	line-height: 1.2;
}

.no-js h1 {
	font-size: 2em;
}

h2 {
	font-size: 2em;
	margin: 0 0 .5em 0;
	line-height: 1;
}

.no-js h2 {
	font-size: 1.5em;
}

aside h2 {
	margin: 0 0 .45em 0;
}

h3 {
	font-size: 1.625em;
	margin: 0 0 .75em 0;
	line-height: 1;
}

.no-js h3 {
	font-size: 1.125em;
}

p {
	margin: 0 0 1.5em 0;
}

a {
	color: #CC0000;
	text-decoration: none;
}

a:hover {
	background: #CC0000;
	color: #ffffff;
	text-decoration: none;
}

a:focus {
	text-decoration: none;
}

a:focus {
	outline: 1px dotted #000;
}

a:active {
	outline: none;
}

ol, ul, dir, menu, dd { margin: 0 0 2em 1em; }

ol, ul { list-style-type: disc; list-style-image: url('http://www.certaindri.com/clientuploads/bullet.gif'); }

ul { list-style-image: url('http://www.certaindri.com/clientuploads/bullet.gif'); }

ul li, ol li { margin: 0 0 1em 0; }

blockquote {
    font-style: italic;
}

fieldset {
	padding: 0;
	border-width: 0;
}

label { 
	display: block;
}

input[type="text"], input[type="password"], textarea {
	width: 90%;
	padding: 10px 5px 10px 5px;
	margin: 0px 0px 20px 0px;
	font-size: 12px;	
	border: 1px solid #7EC7B1;
}

input[type="submit"], input[type="button"], .formButtons a {
	padding: 10px 20px 10px 20px;
	margin: 0px 0px 10px 0px;
	font-size: 1.2em;
	color: #ffffff;
	background: #CC0000;
	border: 1px solid #CC0000;
}

input[type="submit"]:hover, input[type="button"]:hover , .formButtons a:hover {
	color: #ffffff;
	background: #1C7063;
	border: 1px solid #1C7063;
	text-decoration: none;
}


/* Used to pull content to the left/right of other content */ 
.pull-left {
	margin: 2em 0 2em 0;
}

@media screen and (min-width: 600px) {

	.pull-left {
		float: left;
		width: 33%;
		margin: 0 2em 2em 0;
	}

}

.pull-right {
	margin: 2em 0 2em 0;
}

@media screen and (min-width: 600px) {

	.pull-right {
		float: right;
		width: 33%;
		margin: 0 0 2em 2em;
	}

}


/* STRUCTURE and CONTENT */
.button {
    display: inline-block;
    background: #CC0000;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	padding: .5em 1em;
} 

.button:hover {
	background: #1C7063;
	color: #ffffff;
	text-decoration: none;
} 

.button a {
	color: #ffffff;
} 

.button:hover a {
	color: #ffffff;
}

button.button {
    display: inline-block;
    background: #1C7063;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	padding: .75em 1em;
	border: none;
}

button.button:hover {
    background: #CC0000;
}

.page {
	max-width: 63.75em; /* 1020px / 16px = 63.75 */
	margin: 0 auto;
}

header {
	max-width: 63.75em; /* 1020px / 16px = 63.75 */
}

.header_inner {
	padding: 0 1.25em;
}

.ie7 .header_inner {
	padding: 0 1.25em 1.25em 1.25em;
}

.topbar {
	padding: .625em 0;
	margin: 0 0 0 0;
	border-bottom: 5px solid #1C7063;
	font-size: .75em;
	line-height: 1.2em;
	color: #1C7063;
}

.topbar span {
	font-weight: bold;
	font-style: italic;
}

.logo_box {
	margin: 1.5em 0;
}

.logo { 
	display: block;
	margin: 0 0 .3125em 0;
}

.logo:hover {
	background: none;
}

.tagline {
	color: #1C7063;
	font-size: .75em;
	line-height: 1.2em;
	display: block;
	width: 100%;
}

@media only screen and (min-width: 768px) {

	.logo_box {
		float: left;
		width: 26%;
		margin: 1.5em 0 ;
	}
	
	.logo { 
		display: block;
		margin: 0 0 .3125em 0;
		float: left;
	}
	
	.logo:hover {
		background: none;
	}
	
	.tagline {
		color: #1C7063;
		font-size: .75em;
		line-height: 1.2em;
		display: block;
		float: left;
		width: 100%;
	}
	
}

@media only screen and (min-width: 960px) { 

	.logo_box {
		width: 30%;
	}

}

.banners {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.banners li {
	margin: 0 0 1em 0;
}

.poi_banner {
	display: table;
	height: 95px;
	width: 100%;
	background-color: #1C7063;
	position: relative;
}

.poi_banner b {
	display: none;
}

.poi_banner span {
	display: table-cell;
	vertical-align: middle;
	padding: 0px 20px 0px 80px;
	background-color: #1C7063;
	background-position: left center;
	background-repeat: no-repeat;
}

.ie7 .poi_banner span {
	display: inline-block;
}

.ie7 .poi_banner b {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}  

.cd-letters {
	background-image: url(http://www.certaindri.com/graphics/cd_v4/splashbanner_icons/cd-letters.png);
}

.number1 {
	background-image: url(http://www.certaindri.com/graphics/cd_v4/splashbanner_icons/number1.png);
}

.plus {
	background-image: url(http://www.certaindri.com/graphics/cd_v4/splashbanner_icons/plus.png);
}

.drops {
	background-image: url(http://www.certaindri.com/graphics/cd_v4/splashbanner_icons/drops.png);
}

.shirt {
	background-image: url(http://www.certaindri.com/graphics/cd_v4/splashbanner_icons/shirt.png);
}

 
.poi_banner:hover, .poi_banner span:hover {
	background-color: #CC0000;
}  
 
.poi_banner span a {
	color: #ffffff;
	text-decoration: none;
	padding: 0px 0px;
	display: block;
}

.poi_banner span a:hover {
	color: #ffffff;
	text-decoration: none; 	  
}

.home_banners {
	padding: 2em 1.25em 0 1.25em;
}

@media only screen and (min-width: 768px) {

	.home_banners {
		padding: 2em 1.25em .625em 1.25em;
	}
	
	.home_banners ul li {
		float: left;
		width: 49%;
		margin: 0 1% 20px 0;
	}
	
	.home_banners ul li:nth-child(2), .home_banners ul li:nth-child(4) {
		margin: 0 0 20px 0;
	} 
	
}

@media only screen and (min-width: 960px) { 

	.home_banners {
		padding: 0 1.25em 0 1.25em;
	}
	
	.home_banners ul {
		margin: -3.75em 0 0 0;
	}
	
	.home_banners ul li {
		float: left;
		width: 23.4693878%;
		margin: 0 2.0408163% 20px 0;
	}
	
	.ie8 .home_banners ul li {
		margin: 0 1.53% 20px 0;
	}
	
	.home_banners ul li:nth-child(2) {
		margin: 0 2.0408163% 20px 0;
	} 
	
	.ie8 .home_banners ul li:nth-child(2) {
		margin: 0 1.53% 20px 0;
	} 
	
	.home_banners ul li:nth-child(4) {
		margin: 0 0 20px 0;
	} 

}

.home_banners_new {
	padding: 2em 1.25em 0 1.25em;
}

@media only screen and (min-width: 768px) {

	.home_banners_new {
		padding: 2em 1.25em .625em 1.25em;
	}
	
	.home_banners_new ul li {
		float: left;
		width: 48%;
		margin: 0 2% 1em 0;
	}
	
	.home_banners_new ul li.home_banners_new--banner2, .home_banners_new ul li.home_banners_new--banner4 {
		margin: 0 0 1em 0;
	} 

}

@media only screen and (min-width: 960px) { 

	.home_banners_new {
		padding: 0 1.25em 0 1.25em;
	}
	
	.home_banners_new ul {
		margin: -3.75em 0 0 0;
	}
	
	.home_banners_new ul li {
		float: left;
		width: 18%;
		margin: 0 2.5% 1em 0;
		background-color: #1C7063;
	}
	
	.home_banners_new ul li:hover {
		background-color: #CC0000;
	}
	
	.home_banners_new ul li.home_banners_new--banner2 {
		margin: 0 2.5% 1em 0;
	} 
	 
	.home_banners_new ul li.home_banners_new--banner4 {
		margin: 0 2.5% 1em 0;
	} 
	
	.home_banners_new ul li.home_banners_new--banner5 {
		margin: 0 0 1em 0;
	} 
	
	.home_banners_new .poi_banner span {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		padding: 3.5em 1em 1em 1em;
		background-color: #1C7063;
		background-position: top center;
	}
	
	.home_banners_new .poi_banner span:hover {
		background-color: #CC0000;
	}
	
	.home_banners_new .cd-letters {
		background-image: url(http://www.certaindri.com/graphics/cd_v4/splashbanner_icons/cd-letters_s.png);
	}
	
	.home_banners_new .number1 {
		background-image: url(http://www.certaindri.com/graphics/cd_v4/splashbanner_icons/number1_s.png);
	}
	
	.home_banners_new .plus {
		background-image: url(http://www.certaindri.com/graphics/cd_v4/splashbanner_icons/plus_s.png);
	}
	
	.home_banners_new .drops {
		background-image: url(http://www.certaindri.com/graphics/cd_v4/splashbanner_icons/drops_s.png);
	}
	
	.home_banners_new .shirt {
		background-image: url(http://www.certaindri.com/graphics/cd_v4/splashbanner_icons/shirt_s.png);
	}
	
	.home_banners_new .poi_banner span a {
		min-height: 3.5em;
	}

}

.buy {
	font-size: 3em;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	background: #CC0000; 
	display: block;
	font-family: "futura-pt-condensed-n7","futura-pt-condensed","Helvetica",sans-serif;
	font-style: normal;
	font-weight: 700;
}

.buy:hover {
	background: #1C7063; 
}

.content_area { 
	padding: 1.5em 1.25em 1em 1.25em;
}

.home_content {
	padding: 0 0 1.5em 0;
}

@media only screen and (min-width: 768px) {
	
	.home_content {
		padding: 0 0 .5em 0;
	}

}

@media only screen and (min-width: 960px) { 

	.home_content {
		float: left;
		width: 48%;
		padding: 0 .625em .5em 0;
	}

}

.home-content__img {
    padding: 0 0 1em 0;
}

@media only screen and (min-width: 500px) { 
    
    .home-content__text {
        float: left;
        width: 60%;
    }

    .home-content__img {
        float: right;
        width: 35%;
        padding: 0 0 0 0;
    } 
    
}

@media only screen and (min-width: 768px) { 
    
    .home-content__text {
        width: 70%;
    }

    .home-content__img {
        width: 25%;
    } 
    
}



.content {
	padding: 0 0 1.5em 0;
}

@media only screen and (min-width: 768px) {
	
	.content {
		width: 63%;
		float: right;
	}
	
	aside {
		width: 30%;
		float: left;
	}

}

@media only screen and (min-width: 960px) {
	
	aside {
		width: 27%;
	}

}

aside .banners {
	padding: 1em 0 0 0;
}

@media only screen and (min-width: 768px) {

	aside .banners {
		padding: 0 0 0 0;
	}

}

aside .buy {
	height: 63px;
	padding: 32px 0 0 0;
}

.product {
	padding: 0 1.25em 1.25em 1.25em;
}

.product ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.product ul li {
	margin: 0 0 0 0;
	padding: 1.25em 0 1.25em 0;
	border-bottom: 1px solid #7EC7B1;
}

.product ul li:hover {
	background: #7EC7B1;
	color: #ffffff;
}

.product ul li img {
	display: none;
}

.product ul li span {
	display: block;
	text-align: center;
	margin: 0 0 .625em 0;
}

.product ul li a {
	display: block;
	width: 25%;
	text-align: center;
	background: #CC0000;
	color: #ffffff;
	margin: 0 auto;
	padding: .3125em;
}

.product ul li a:hover {
	background: #1C7063;
}

@media only screen and (min-width: 768px) {

	.product {
		padding: 0 1.25em 2.5em 1.25em;
	}
	
	.product ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	.product ul li {
		float: left;
		width: 25%;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		border-bottom: none;
	}
	
	.product ul li:hover {
		background: none;
		color: #000000;
	}
	
	.product ul li img {
		display: block;
	}
	
	.product ul li a {
		width: 40%;
	}

}

.product-landing {
    
}

.product-landing__intro {
    
}

.product-landing__listing {
    
}

.product-landing__listing-group ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product-landing__listing-group ul li {
    margin: 0 0 2em 0;
    padding: 0;
}

.product-landing__available-top {
	color: #1E7B6E;
	font-size: 1.15em;
	display: none;
}

.product-landing__available-bottom {
	color: #1E7B6E;
	font-size: 1.15em;
}


@media only screen and (min-width: 600px) {
    
    .product-landing__intro {
        margin: 0 auto;
        width: 87.5%;
        padding: 0 0 4em 0;
    }
    
    .product-landing__intro h1 {
        text-align: center;
    }
    
    .product-landing__listing {
        padding: 0 0 2em 0;
    }
    
    .product-landing__listing-group {
        float: left;
        width: 49.5%;
        text-align: center;
    }
    
    .product-landing__listing-group ul li {
        float: left;
        width: 40%;
        margin: 0 5%;
    }
    
    .product-landing__available-top {
		display: block;
		text-align: center;
	}
	
	.product-landing__available-bottom {
		display: none;
	}
    
}










.product-page {
	border-bottom: 2px solid #999999;
	margin: 0 0 1em 0;
}

.product-page__available-top {
	color: #1E7B6E;
	font-size: 1.15em;
	display: none;
}

.product-page__available-bottom {
	color: #1E7B6E;
	font-size: 1.15em;
}

.product-page__item {
	border-top: 2px solid #999999;
	margin: 1em 0 0 0;
	padding: 1em 0 1em 0;
}

.product-page__item-title {
	display: block;
	float: right;
	width: 45%;
	padding: 0 25% 0 0;
	margin: 0;
	font-weight: bold;
}

.product-page__item-arrow {
	position: absolute;
	display: block;
	top: 40%;
	right: 0;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 27px 13.5px 0 13.5px;
	border-color: #1b6f62 transparent transparent transparent;
}

.product-page__item-img {
	width: 25%;
	float: left;
}

.product-page__item-content {
	padding: 0 0 0 .25em;
}

.product-page__panel.active {
	padding-top: 1em;
}

.product-page__item-link {
	display: inline-block;
	background: #7DC7B1;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
	padding: .5em 1em;
}

.product-page__tab {
	position: relative;
	cursor: pointer;
	outline: 0;
}

.product-page__tab.active .product-page__item-arrow {
	border-style: solid;
	border-width: 0 13.5px 27px 13.5px;
	border-color: transparent transparent #1b6f62 transparent;
}

.product-page__panel { 
	overflow: hidden;
}

.js .product-page__panel {
	max-height: 0;
	-webkit-transition: max-height 0.3s ease-out;
	-moz-transition: max-height 0.3s ease-out;
	-ms-transition: max-height 0.3s ease-out;
	-o-transition: max-height 0.3s ease-out;
	transition: max-height 0.3s ease-out;
}

.js .product-page__panel.active {
	max-height: 60em;
}

.product-page-detail-reviews {
    position: relative;
    padding: 2em 0 0 0;
    margin: 2em 0 0 0;
    border-top: 2px solid #999999;
}

.product-page-detail-reviews button.button {
	position: absolute;
	top: 6em;
	right: 0;
}

@media screen and (min-width: 768px) {

	.product-page {
		border-bottom: none;
		margin: 0 0 0 0;
	}
	
	.product-page__available-top {
		display: block;
	}
	
	.product-page__available-bottom {
		display: none;
	}
	
	.product-page__item-title {
		width: 75%;
		padding: 0 0 0 0;
		margin: 0 0 1em 0;
	}
	
	.product-page__item-img {
		float: none;
		position: absolute;
		top: 0;
		left: -2em;
	}
	
	.product-page__item-content {
		padding: 0 0 0 25%;
	}
	
	.product-page__item-arrow {
		display: none;   
	}
	
	.product-page__tab {
		cursor: default;
	} 
	
	.product-page__tab.active {
		background: none; 
	}
	
	.js .product-page__panel, .js .product-page__panel.active {
		max-height: none; 
	}
    
    .product-page-detail__img {
        float: left;
        width: 25%;
    }
    
    .product-page-detail__content {
        float: right;
        width: 70%;
    }

}

.reviews {
    
}

.reviews__link {
    
}

.social {
	background: #1C7063;
	border-top: 5px solid #7EC7B1;
	padding: 0 0;
	margin: 1em 0 0 0;
}

.social_inner {
	max-width: 61.25em; /* 1020px / 16px = 63.75 */
	margin: 0 auto;
	padding: 2.5em 1.25em;
	color: #ffffff;
}

.social_inner a {
	color: #ffffff;
	text-decoration: underline;
}

.social_inner h2 a {
	display: block;
}

.social_inner ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.social_inner ul li {
	margin: 0 0 1em 0;
	padding: 0;
}

.twitter_content {
	padding: 0 0 2em 0;
}

.facebook_content {

}

@media only screen and (min-width: 768px) {

	.twitter_content {
		float: left;
		width: 48%;
		padding: 0 01.0204082% 2em 0;
		border-right: 1px solid #7EC7B1;
	}
	
	.facebook_content {
		float: left;
		width: 44%;
		padding: 0 0 0 0;
		text-align: center;
	}
	
	.news_content {
		float: right;
		width: 44%;
		padding: 0 0 0 0;
		text-align: center;
	}

}

.social_links {
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}

@media only screen and (min-width: 768px) {

	.topbar .social_links {
		float: left;
		margin: 0 0 0 0;

	}
	
}

.social_links li {
	float: left;
	margin: 0 0 0 .3125em;
}

.social_links li a {
	display: block;
}

.social_links li a:hover {
	background: none;
}

.commercials_thumbs {
	display: none; 
	list-style: none;
	margin: 1.5em 0 0 0;
	padding: 0;
}

.commercials_thumbs li {
	position: relative; 
	padding: 0;
}

.commercials_thumb1, .commercials_thumb2, .commercials_thumb3 {
	margin: 0 0 .625em 0;
}

.commercials_thumb_container {
	position: relative;
}

.commercials_thumbs li a {
	display: block;
	padding: 0;
}

.commercials_thumbs li.buy_block a {
	display: none;
	font-family: "futura-pt-condensed-n7","futura-pt-condensed","Helvetica",sans-serif;
	font-style: normal;
	font-weight: 700;
}

.commercials_thumbs li a img { 
	width: 100%; 
}

.commercials_thumbs li a.overlay {
	position: absolute;
	width: 100%;
	/* background: url(graphics/cd_v4/video_play_btn.png) no-repeat;
	width: 64px;
	height: 64px;
	top: 35%;
	left: 45%;
	display: block;
	text-indent: -9999px; */
}

.commercials_thumbs li a.overlay:hover {
	background: none;
}

.commercials_container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
}

.commercials {
        display: block; 
        margin: 0 0 1em 0;      
}

/* .commercials_container iframe, .commercials_container object, .commercials_container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
*/

@media only screen and (min-width: 768px) {

	.home_commercials {
		padding: 0 0 0 0;
	}
	
	.commercials_thumbs {
		display: block;
	}
	
	.commercials_thumbs li {
		float: left;
		width: 30%;
		position: relative; 
		padding: 0;
	}
	
	.commercials_thumb1, .commercials_thumb2  {
		margin: 0 3.4% 4% 0;       
	}
	
	.commercials_thumb3 {
		margin: 0 0 4% 0;
	}
	
	.commercials_thumbs li.buy_block {
		display: none;
	}
	
	.commercials {
		display: none;
	}

}

@media only screen and (min-width: 960px) { 

	.home_commercials {
		float: right;
		width: 48%;
		padding: 7em 0 0 .625em;
	}
	
	.ie8 .home_commercials {
		float: right;
		width: 48%;
		padding: 4.6em 0 0 .625em;
	}

	.commercials_thumbs li {
		float: left;
		width: 48%;
		position: relative; 
		padding: 0;
	}
	
	.commercials_thumb1, .commercials_thumb3 {
		margin: 0 4% 4% 0;
	}
	
	.ie7 .commercials_thumb1, .ie7 .commercials_thumb3 {
		margin: 0 3% 4% 0;
	}
	
	.commercials_thumb2 {
		margin: 0 0 4% 0;
	}
	
	.commercials_thumbs li.buy_block {
		display: block;
	}
	
	.commercials_thumbs li.buy_block a {
		background: #CC0000;
		display: block;
		padding: 51px 0 51px 0;
		text-align: center;
		font-size: 3em;
		color: #ffffff;
	}
	
	.commercials_thumbs li.buy_block a:hover {
		background: #1C7063;
	}

}

footer {
	max-width: 61.25em; /* 1020px / 16px = 63.75 */
	margin: 0 auto;
	padding: 2.5em 1.25em;
}

.footer_info {
	font-size: .75em;
}

.footer_info p { 
	margin: 1.5em 0 0 0;
}

.footer_social {
	padding: 0 0 1.5em 0;
}

.footer_social iframe .vzaar_media_player {
    display: none;   
}

.footer_social .hs-link {
    margin: 1em 0 0 0;
    font-size: .75em;
    line-height: 1.4;
}

@media only screen and (min-width: 768px) {

	.footer_info { 
		float: left;
		width: 50%;
	}
	
	.footer_social {
		float: right;
		width: 50%;
		text-align: right;
	}
	
	.footer_social .social_links {
		float: right;
	}
    
    .footer_social .hs-link {
        text-align: right;
    }

}

/* NAV
---------------------------------------- */

nav {
	position: relative;
}

.utility ul li {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
}

.utility ul li a {
	font-weight: bold;
}

.utility ul li ul, footer .utility ul li ul {
	display: none;
}

@media only screen and (min-width: 768px) {

	.topbar span {  }
	
	footer .utility {
		margin-left: -.5em;
	}
	
	.topbar .utility {
		margin: .825em 0 0 0;
		float: right;
	}
	
	.utility ul li { 
		position: relative;
	}
	
	.utility ul li:last-child {
		margin: 0 0 0 0;
	}
	
	.utility ul li a {
		position: relative;
		z-index: 0;
		padding: .5em;
	}
	
	.utility ul li:hover a, .utility ul li:focus a {
		z-index: 102;
		background: #CC0000;
		color: #ffffff;
	}
	
	.utility ul li ul {
		position: absolute;
		top: 20px;
		right: 0px;
		display: none;
		z-index: 1;
		width: 200px;
		background: #CC0000;
	}
	
	.utility ul li:hover ul, .utility ul li:focus ul {
		display: block; z-index: 100;
	}
	
	.ie7 .utility ul li:hover ul, .ie7 .utility ul li:focus ul {
		display: none;
	}
	
	.utility ul li ul li {
		float: none;
		margin: 0;
		line-height: 40px;
		text-align: right;
		border-bottom: 1px solid #F20000;
	}
	
	.utility ul li ul li a {
		background: #CC0000;
		display: block;
		padding: .15em .5em .15em .15em;
	}
	
	.utility ul li ul li a:hover {
		background: #1C7063;
	}
	
	footer .utility ul li ul {
		display: none;
	}
	
}

@media only screen and (min-width: 960px) { 

	header .utility {
		display: block;
		float: right;
	}

}

.main ul { 
	margin: 0;
	padding: 0;
}

.main ul li { 

}

.main ul li a {
	text-transform: uppercase;
}

.main ul li ul {
	display: none;
}

@media only screen and (min-width: 768px) {

	.main {
		width: 73%;
		float: right;
		margin: 1.8em 0 0 0;
	}
	
	.main ul { 
		margin: 0;
		padding: 0;
	}
	
	.main ul li { 
		float: left;
		margin: 0 0 0 .625em;
		padding: 0;
		position: relative;
	}
	
	.main ul li a {
		font-size: .875em;
		display: block;
		padding: .3125em .625em;
	}
	
	.main ul li:hover a, .main ul li:focus a {
		z-index: 999;
		background: #CC0000;
		color: #ffffff;
	}
	
	.main ul li ul {
		position: absolute;
		top: 1.875em;
		left: 0;
		display: none;
		z-index: 999;
		width: 230px;
		background: #CC0000;
	}
	
	.main ul li:hover ul, .main ul li:focus ul {
		display: block; z-index: 999;
	}
	
	.ie7 .main ul li:hover ul, ie7 .main ul li:focus ul {
		display: none;
	}
	
	.main ul li ul li {
		float: none;
		margin: 0;
		line-height: 2.5em;
		border-bottom: 1px solid #F20000;
	}
	
	.main ul li ul li a {
		display: block;
		color: #ffffff;
		font-size: .875em;
		text-transform: none;
	}
	
	.main ul li ul li a:hover {
		background: #1C7063;
	}

}

@media only screen and (min-width: 960px) { 

	.main {
		width: 70%;
		margin: 0;
	}
	
	.main ul { 
		float: right;
		margin: 1.8em 0 0 0;
		padding: 0;
	}
	
	.main ul li ul {
		top: .2em;
	}

}

/* MISC
---------------------------------------- */
#js-disabled { background: #FFFFFF; border: 2px solid red; padding: 10px 10px 0 10px; }
#js-disabled p { text-align: center; }


/* Begin FlexSlider
---------------------------------------- */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles */ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
.slides > li:first-child {display: block;}
.no-js .slides > li:first-child {display: block;}

/* Slider style */
.flexslider { background: #ffffff; position: relative; }
.flexslider .slides { list-style: none; margin: 0; padding: 0; }
.flexslider .slides  li {position: relative; margin: 0; padding: 0; }

/* Caption style */
.flex-caption { background: #CC0000; width: 90%; padding: 5% 5% 5% 5%; }
.flex-caption p { background: url(graphics/cd_v4/splash_quotes.png) left top no-repeat; color: #fff; font-size: 1.8em; line-height: 1.2; margin: 0; padding: 0 0 0 1.75em; font-family: "futura-pt-condensed-i4","futura-pt-condensed","Helvetica",sans-serif; font-style: italic; font-weight: 400; }
.flex-caption a { display: block; color: #ffffff; text-decoration: underline; }
.flex-caption a:hover { color: #ffffff; text-decoration: none; }

/* Control Nav */
.flex-control-nav { position: absolute; top: 8%; right: 3%; } 
.flex-control-nav li { margin: 0 0 0 10px; float: left; }
.flex-control-nav li:first-child { margin: 0; }
.flex-control-nav li a { width: 10px; height: 10px; display: block; background: #1C7063; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover { background: #CC0000; }
.flex-control-nav li a.active { background: #CC0000; }

/* Browser Quirks */
.flexslider a {outline: none;}

@media only screen and (min-width: 480px) {

	.flex-caption { padding: 3% 5% 3% 5%; }

}

@media only screen and (min-width: 768px) {

	.flex-caption {
		width: 40%;
		padding: 2%;
		position: absolute;
		left: 0;
		top: 30%;
	}

}

@media only screen and (min-width: 960px) { 

	.flex-caption {
		width: 35%;
		padding: 2% 2% 2% 2%;
		position: absolute;
		left: 0;
		top: 30%;
	}

}


/* TESTIMONIALS */
.testimonials {
	list-style: none;
	margin: 2em 0 0 0;
	padding: 0;
}

.testimonials li {
	border-bottom: 1px solid #7EC7B1;
	padding: 0 0 2em 0;
	margin: 0 0 2em 0;
}

.testimonials li figcaption {
	float: right;
	text-align: right;
}

/* NEWS */
.news {

}

.news__magazine {

}

.news-lister {
	list-style: none;
	margin: 0;
	padding: 0;
}

.news-lister__item {
	border-bottom: 1px solid #7EC7B1;
	padding: 1em 0 0 0;
	margin: 1em 0 2em 0;
}

.news-lister__title {
	font-family: "futura-pt-condensed-i4","futura-pt-condensed","Helvetica",sans-serif;
	font-weight: 400;
	font-size: 1.5em;
}

.news-lister__publish {	
	display: block;
	font-size: .75em;
}

.news-lister__blurb {
	padding: 1em 0 0 0;
}

.news-detail {

}

.news-detail h1 {
	margin-bottom: 0;
}

.news-detail h2 {
	margin-top: 1em;
	margin-bottom: 0;
}

.news-detail__publish, .news-detail__author {
	display: block;
	font-size: .875em;
	margin-bottom: 1em;
}

.news-detail__body {
	padding: 0 0 3em 0;
}

.news-detail__copyright {
	display: block;
	font-size: .875em;
}

.news-detail__links {
	font-size: .875em;
}


/* BLOG */
.blog_title {
	background: #1C7063 url(http://www.certaindri.com/graphics/cd_v4/blog/coverphoto_montage.jpg) center no-repeat;
	padding: 2em 1em;
	text-align: center;
	font-size: 3em;
}

@media only screen and (min-width: 768px) {

	.blog_title {
		padding: 2em 2em;
		font-size: 4em;
	}

}

.blog_title span {
	display: block;
	background: #1C7059;
	padding: 0.15em;
	color: #ffffff;
}

.blog_title_main {
	background: #1C7059;
	padding: .5em 1em;
	text-align: center;
	font-size: 3em;
	color: #ffffff;
}

.blog_title_hide {
	display: none;
}

.blog_title_tags {
	font-size: 1.5em;
	margin: 0 0 1em 0;
	line-height: 1;
}

/* Blog Subscribe */
.blog_subscribe {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: 5px solid #7EC7B1; 
}

.blog_subscribe a {
	display: block;
	margin: 0 0 .5em 0;
}

/* Blog Archives */

.blog_archive {
	margin: 0 0 1em 0;
	padding: 0 0 2em 0;
	border-bottom: 5px solid #7EC7B1; 
}

.blog_archive a {
	display: block;
}

.blog_archive_year {

}

.blog_archive_month {

}

/* Blog Tags */

.blog_tags {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: 5px solid #7EC7B1; 
}

.blog_tags span {
	display: block;
	float: left;
	padding: 0 .75em 0 0;
}

.blog_tags_tag_large {
	font-size: 1.25em;
}

.blog_tags_tag_mid {
	
}

.blog_tags_tag_small {
	font-size: .75em;
}


/* Blog Lister */
.blog_lister { 

}

.blog_lister_posts {
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog_lister_posts li {
	border: 5px solid #1C7063;
	margin: 0 0 2em 0;
	padding: 0;
}

.blog_lister_posts_item {
	border: 5px solid #7EC7B1;
	padding: 1em 1em 0 1em;
}

.blog_lister_posts li h2 {
	margin: 0;
}

.blog_lister_info {
	font-size: .85em;
	margin: 0 0 1em 0;
}

.blog_lister_infoposted {

}

.blog_lister_body {

}

.blog_lister_tags {
	display: none;

}

.blog_lister_share {
	border-top: 1px solid #7EC7B1;
	border-bottom: 1px solid #7EC7B1;
	padding: .5em 0 0 0;
	margin: 1em 0 2em 0;
}


/* Blog Detail */

.blog_detail {

}

.blog_detail h1 {
	margin: 0;
}

.blog_detail_info {
	margin: 0 0 2em 0;
}

.blog_detail_infoposted {

}

.blog_detail_image {
	margin: 0 0 2em 0;
}

.blog_detail_body {

}

.blog_detail_tags {

}

.blog_detail_share {
	border-top: 1px solid #7EC7B1;
	border-bottom: 1px solid #7EC7B1;
	padding: .5em 0 0 0;
	margin: 1em 0 2em 0;
}

.blog_detail_comments {
	margin: 0 0 4em 0;
}

.blog_detail_addcomment {
	margin: 0 0 4em 0;
}


/* Pagination */
.pagination { clear: both; display: block; margin: 0 0 2em 0; }
.pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; }
.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { margin:0; padding: 5px; margin-right:2px; display:inline; display:inline-block; }
.pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { color:#fff; }
.pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; }
.pagination a.prevnextLink { padding: 4px 5px; margin-right:2px; display:block; }


/* Sharing */
.sharing {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sharing li {
	float: left;
	border: none;
	border-left: 1px solid #333333;
	padding: 0 .5em;
	margin: 0 0 1em 0;
}

.sharing li.sharingfirst {
	border-left: none;
	padding: 0 .5em 0 0;
}

.featured {
    padding: 3em 0 0 0;
    margin: 2em 0 0 0;
    border-top: 1px solid #eeeeee;
}

.featured__content {
    padding: 0 0 1em 0;
}

.featured__content span {
    text-transform: uppercase;
    padding: 0;
	font-family: "futura-pt-condensed-n7","futura-pt-condensed","Helvetica",sans-serif;
	font-style: normal;
	font-weight: 700;
    font-size: 1.5em;
}

.featured__video .commercials {
   display: block;
}

@media (min-width: 960px) { 
    
 
    .featured {
          
    }

    .featured__content {
        float: left;
        width: 48%;
    }

    .featured__video {
        float: right;
        width: 48%;
    }
    
}

.ie7 .featured {
    padding: 4em 0 2em 0;
}

.ie8 .featured__content, .ie7 .featured__content {
    float: left;
    width: 48%;
}

.ie8 .featured__video, .ie7 .featured__video {
    float: right;
    width: 48%;
}

.cruelty-free {
    padding: 4em 0 2em 0;
}

.cruelty-free__img {
    float: left;
    width: 15%;
}

.cruelty-free__body {
    float: right;
    width: 80%;
    padding: 0 0 0 0;
}

@media only screen and (min-width: 600px) {
    
    .cruelty-free {
        width: 80%;
        margin: 0 auto;
        padding: 2em 0 3em 0;
    }
    
   .cruelty-free__img {
        float: left;
        width: 10%;
    }

    .cruelty-free__body {
        float: right;
        width: 84%;
        padding-top: 2em;
    } 
    
}

@media only screen and (min-width: 768px) {
    
   .cruelty-free__img {
        width: 8%;
    }

    .cruelty-free__body {
        width: 87%;
        padding-top: 2em;
    } 
    
}

.ie8 .cruelty-free, .ie7 .cruelty-free {
    width: 80%;
    margin: 0 auto;
    padding: 0em 0 1em 0;
}
    
.ie8 .cruelty-free__img, .ie7 .cruelty-free__img {
    float: left;
    width: 8%;
}

.ie8 .cruelty-free__body, .ie7 .cruelty-free__body {
    float: right;
    width: 87%;
    padding-top: 2em;
}

.cruelty-free-icon {
    position: absolute;
    top: -50px;
    right: 0px;
    display: block;
    width: 5.5em;
}

@media only screen and (min-width: 768px) {

    .cruelty-free-icon {
        right: -30px;
    }

}

/*Where To Buy */

@media screen and (min-width: 24em) { 

	.wtb__col {
		float: left;
		width: 48%;
	}

}