/* CDB specific styles for Quoter info pages */
/*	=============================================================================================================
	Normalization
	============================================================================================================= */

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
	table{border-collapse:collapse;border-spacing:0;}
	fieldset,img{border:0;}
	address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
	ol,li{list-style:none;}
	caption,th{text-align:left;}
	h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
	q:before,q:after{content:'';}
	abbr,acronym {border:0;font-variant:normal;}
	sup {vertical-align:text-top;}
	sub {vertical-align:text-bottom;}
	input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
	legend{color:#000;}
	a,button{color:inherit;}
	* :focus { outline: 0; }

/*	=============================================================================================================
	Temporary Override
	============================================================================================================= */
    
    #site-header-container header nav a { margin-left: 15px }
    
    #content, 
    #new-site-footer-container footer > ul { max-width: 1280px !important; }

    #content .wrapper { padding: 0 !important; }
    #content-container { overflow: hidden !important; }
    #slideout-content { overflow-x: auto !important; }

	@media all and (max-width: 1152px ){
		#site-header-container header nav a { margin-left: 0; }
	}

    @media all and (max-width: 980px) { #content-container { overflow: visible !important; } }

    #announcement-bar.low {
        background-color: #4FBD9F !important;
    }

	#announcement-bar.low .announcement-bar-message, #announcement-bar.low .announcement-bar-dismiss a {
		color: #fff !important;
	}

/*	=============================================================================================================
	Header/Footer
	============================================================================================================= */
		
	/*========= CLEARING, FLOATING, MARGIN STYLES ==========*/
.clear-both{clear:both;}	
.clear-content10 { clear:both; height:10px; } 
.clear-content20 { clear:both; height:20px; }
.clear-content25{ clear:both; eight:25px; }	
.clear-content30 { clear:both; height:30px; }	
.clear-content40{ clear:both; height:40px; }
.float-left{float:left;}
.float-right{float:right;}
.margin-bottom-0{margin-bottom:0 !important;}
.margin-bottom-5{margin-bottom:5px !important;}	
.margin-bottom-10{margin-bottom:10px !important;}
.margin-bottom-15{margin-bottom:15px !important;}
.margin-bottom-20{margin-bottom:20px !important;}
.margin-bottom-25{margin-bottom:25px !important;}
.margin-bottom-30{margin-bottom:30px !important;}
.margin-top-10{margin-top:10px;}
.margin-top-20{margin-top:20px;}
.margin-top-55{margin-top:55px;}
.margin-top-100{margin-top:100px;}

/*========= FONTS ==========*/
p, .body-copy, .body-plus2 {font-family: 'Merriweather', serif;}
.bold{ font-weight:bold !important; }
.italic{ font-style:italic !important; }
.lightgrey12 p, .grey12 p { margin-top:25px; }
.centered-text { text-align:center; }

.white18{
	font-size:18px;
	line-height:22px;
	color:#FFF;}

.lightgrey12{
	font-size:14px;
	color:#666;
	line-height:25px !important;}
		
.lightgrey12 a{
	color:#666;
	text-decoration:underline;}
		
.lightgrey12 a:hover{
	color: #AA331D;
	text-decoration:underline;}
	
.lightgrey14{
	font-size:14px;
	color:#666;
	line-height:22px;}
	
.lightgrey16{
	font-size:16px;
	color:#666;
	line-height:24px;}
	
.lightgrey18{
	font-size:18px;
	color:#666;
	line-height:24px;} 
	 
.grey12{
	font-size:12px;
	color:#333;
	line-height:18px;}

.black12{
	font-size:12px;
	line-height:18px;
	color:#000;}	
	
.black14{
	font-size:14px;
	line-height:22px;
	color:#000;}	

.black17{
	font-size:17px;
	line-height:24px;
	color:#333;}
			
.black20 {
    color: #000;
    font-size: 20px;
    line-height: 30px;}	
	
.black24{
	font-size:24px;
	line-height:30px;
	color:#000;}
	
.black32{
	font-size:32px;
	line-height:40px;
	color:#000;}

.templates-table-html-responsive tr td a img{
	margin:0 auto;}  
	
/*	=============================================================================================================
	BUTTONS
	============================================================================================================= */
a.packages-quote-button,
a.btn-startmyproject,
a.btn-startmyproject-left,
a.btn-startmyproject-centered,
a.btn-templates-startmyproject{
    display: block;
    height: 36px;
    width: 200px;
   	background-image: url(../../IMG/CDB/packaging-btn-quote.png);
    background-repeat: no-repeat;
    background-position: center top;}
	
a.btn-startmyproject-left {
	margin-top: 20px;
	margin-bottom:5px;
	float: left;}

a.btn-startmyproject {float: right;}

a.packages-quote-button {margin-top: 15px;}
	
a.templates-download-button{
	display: block;
	background-image: url(../../IMG/CDB/templates-btn-download.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 93px;
	height: 21px;
	margin-top: 8px;}
	
a.templates-download-button:hover,
a.packages-quote-button:hover,
a.btn-startmyproject:hover,
a.btn-startmyproject-left:hover {
    background-position: center bottom;}

/*	=============================================================================================================
	LIST ELEMENTS
	============================================================================================================= */
.bulletlist li{
	list-style-type:disc;
	margin-left:17px;
	margin-bottom:5px;}
	
.help-page li{
	margin-left:20px; 
	font-weight:normal;	
	list-style-type:disc;}
	

/*	=============================================================================================================
	OTHER-PAGES
	============================================================================================================= */

	
/*	=============================================================================================================
	Templates.aspx
	============================================================================================================= */
		
    #templates-table tr td { vertical-align: middle; }
    #templates-table tr td:nth-child(3) { background: #fafafa; }
    #templates-table tr td.template-image-td { padding: 5px !important; text-align: center; }
    #templates-table tr td a { margin: 0 !important; }
    #templates-table tr td a img 
    { 
        width: 120px; 
		-webkit-transition: -webkit-box-shadow .25s ease;
		   -moz-transition: -moz-box-shadow .25s ease;
				transition: box-shadow .25s ease;
    }
    #templates-table tr td a img:hover 
    {         
        -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5);
           -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5);
                box-shadow: 0 0 8px rgba(0,0,0,0.5);
    }
    #templates-table tr td a img:active 
    {         
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }
    #templates-table tr td a img.template-image-dvdfront { width: 50px; }
    #templates-table tr td a img.template-image-posters { width: 60px; }

    #template-images .modal-content p { text-align: center !important; }

.templates-container{
	display:block;
	margin:25px auto;	
	width:900px;}
	
.templates-disc-image-left{
	float:left;
	width:143px;
	margin-right:20px;}
	
.templates-disc-image-right{
	float:left;
	width:144px;
	margin-right:20px;}
	
.templates-disc-copy-left{
	float:left;
	width:177px;
	margin-right:140px;}
	
.templates-packaging-image-left{
	float:left;
	width:84px;
	margin-right:12px;}
	
.templates-packaging-image-middle{
	float:left;
	width:115px;
	margin-right:12px;}
	
.templates-packaging-image-right{
	float:left;
	width:110px;
	margin-right:10px;}
	
.templates-packaging-copy-left{
	float:left;
	width:170px;
	margin-right:28px;}
	
.templates-packaging-copy-middle{
	float:left;
	width:150px;
	margin-right:37px;}
	
.templates-packaging-copy-right{
	float:left;
	width:170px;}

/* PACKAGES PAGES */

.products-container, .products-container-top, .products-container-bottom{
		width:930px;
		height:350px;	
		margin:0 auto;
		padding-top:40px;
		padding-bottom:40px;}
		
.products-container, 
.products-container-top{
	border-bottom:1px solid #CCC;}
		
.products-container-top{
	border-top:1px solid #CCC;}
		
.products-container-bottom{
	border-bottom:0px;}

.products-image-left{
	float:left;
	margin-right:60px;
	width:460px;}
	
.products-text-right{
	float:left;
	width:400px;}
	
.products-text-left{
	float:left;
	width:400px;
	margin-left:30px;
	margin-right:30px;}
	
.products-image-right{
	float:right;
	width:460px;}


/* TABLE GRID - TEMPLATES*//* TABLE GRID - COMPARISON*/
.blue-bg td{
	padding:8px 12px !important;
	background-color:#1e1f31;
	color:#FFF;
	font-size:15px;}
	
table ul{
	margin-left:15px;	
	font-size:12px;}
	
table li{
	list-style-type:disc;
	margin-bottom:2px;}
	
#content-container-html table{border:1px solid #AACEE4;}
	
#content-container-html td{
	padding:10px 12px;
	border:1px solid #E1E1E1;
	vertical-align:middle;}	
	
#content-container-html td a{
	text-align:center;
	font-size:11px;
	color:#008031;
	font-weight:bold;
	text-decoration:underline;
	margin-top:4px;}
	
#content-container-html td a:hover{
	text-decoration:underline;
	color:#AA331D;
	cursor:pointer;	}
	
	
#comparison-blue-bg td{
	padding:8px 12px;
	background-color:#8FD3E0;
	color:#FFF;
	font-size:12px;}
	
.package-sample{
	margin:0 auto;
	display:block;}	

/*HOME PAGE*/

#app {
    -webkit-box-shadow: #CDCDCD 0px 0px 35px;
    -moz-box-shadow: 0px 0px 35px #CDCDCD;
    -khtml-box-shadow: 0px 0px 35px #CDCDCD;
	box-shadow: #CDCDCD 0px 0px 35px;
    width: 620px;
    margin: 0px auto;
    background-color: #ffffff;
    padding: 10px 20px;}
	
.one {background-image:url(../../IMG/CDB/home-btn-1.gif);}
	
.two {background-image:url(../../IMG/CDB/home-btn-2.gif);}
	
.three {background-image:url(../../IMG/CDB/home-btn-3.gif);}
	
.four {background-image:url(../../IMG/CDB/home-btn-4.gif);}
	
/*.five {background-image:url(../../IMG/CDB/home-btn-5.gif);}*/	

#howitworks {
    background-repeat: no-repeat;
    float: right;
    height: 354px;
    width: 264px;
    position: absolute;
    right: 5px;
    top: 100px;
    background-image: url(../../IMG/CDB/home-howitworks-bg.png);}
	
a#topbannerCDB {
    background-repeat: no-repeat;
    float: right;
    height: 69px;
    width: 264px;
    position: absolute;
    right: 5px;
    top: 5px;
	background-image: url(../../IMG/CDB/home-design-banner.png);
	background-position:top;}
	
a#topbannerCDB:hover {background-position:bottom;}
	
#slider {
    position:relative;
    width:600px; /* Change this to your images width */
    height:315px; /* Change this to your images height */
    background:url("../../IMG/CDB/loading.gif") no-repeat 50% 50%;}
	
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;}
	
#slider a {
    border:0;
    display:block;}

.nivo-controlNav {
	position: absolute;
	left: 260px;
	bottom: 0;
}
	
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url("../../IMG/CDB/bullets.png") no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;}
	
.nivo-controlNav a.active {background-position:0 -20px;}

a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;}
	
a.nivo-prevNav {left:15px;}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
    display: none;}
	
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;}
	
/*POSTERS PAGE*/
.left-poster{
	float:left;
	width:533px;
	padding:0;
	margin:0;}

.right-poster{
	float:right;
	width:370px;}

/*NOWPROOF PAGE*/
.left-nowproof{
	float:left;
	width:440px;}
		
.right-nowproof{
	width:450px;
	float:right;}

#cream-box{
	width:430px;
	text-align:center;
	padding:10px;
	margin-top:10px;
	font-size:12px;
	font-weight:bold;
	background-color:#F6F8E4;}
	
.item-left{
	width:120px;
	margin-right:14px;
	text-align:center;
	float:left;}
	
.item-center{
	width:162px;
	margin-right:14px;
	text-align:center;
	float:left;}
	
.item-right{
	width:120px;
	text-align:center;
	float:left;}
	
/*DISC COMPARISON PAGE*/
#leftcolumn-dc{
	margin-top: 5px;
	margin-left: 20px;
	width: 440px;
	float: left;}
	
#rightcolumn-dc{
	margin-top:5px;
	margin-left: 20px;
	width: 440px;
	float: left;}

.disc-comparison-image{ margin-left:22px;}

/*DISTRIBUTION PAGE*/
#main-offer-distribution{
	background-image: url(../../IMG/CDB/WebDistribution-main.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	margin:0 0 2% ;
	border: 0 none;
	width:96%;
	min-height:350px;
	padding: 20px 2%;
	text-align: center;}

@media all and (max-width: 768px) {	
	#main-offer-distribution { background-image: url(../../IMG/CDB/WebDistribution-main-tablet.jpg) }
}
@media all and (max-width: 480px) {	
	#main-offer-distribution { background-image: url(../../IMG/CDB/WebDistribution-main-mobile.jpg) }
}
.white  {color:#FFFFFF;}

/*DESIGN PAGE*/
#design-hero {
    background: rgba(0, 0, 0, 0) url("../../IMG/CDB/design-studio-woodbkgrd.jpg");
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    margin: 4% 0;
    width: 96%;
	overflow:hidden;
	padding:2%;
}
#design-hero-left {
    float: left;
    margin-right:4%;
    width: 46%;
	padding:2% 0;
}
#design-hero-right {
    float: left;
    margin: 0;
	padding:2% 0;
    width: 50%;
}
.design-headline{
	color: #fff;
    font-size: 60px;
    line-height: 62px;
	font-weight:700;
	margin-bottom:2%;
}
.design-hero-logo {
    float: left;
	display:block;
	margin-bottom:3%;
}
.design-subheadline{
	color: #8cc53e;
    font-size: 36px;
    line-height: 45px;
	font-weight:500;
}
#design-body-top{
	width:96%;
	padding:0 2%;
}
#main-offer-design{
	width: 940px;
	height: 300px;
	float: left;
	background-image: url(../../IMG/CDB/design-studio-header.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#main-offer-design-content{
	margin: 110px 0 0 25px;
	float:left;
	width:400px;}

.left-design{
	float:left;
	width:55%;
	margin-right:5%}
	
.rightsidebar{
	float:left;
	width:32%;
	margin-top:0px;
	background-color:#DCF1F4;
	padding:2% 4%;}
		
#design-pricing-section{
	width:96%;
	float:left;
	padding:2%}	
	
#design-tables-left{
	width:48%;
	float:left;
	margin-right:4%}
		
#design-tables-right{
	width:48%;
	float:right;}
		
.design-table-container-html table{
	margin:0 0 25px 0;
	width:100%;
	border:1px solid #E1E1E1;
	vertical-align:middle;}
		
.design-table-container-html td{
	padding:10px 12px;
	border:1px solid #E1E1E1;
	vertical-align:middle;}
		
.blue-bg{
	background-color:#8FD3E0;
	color:#FFF;
	font-size:15px;
	padding-bottom:8px;
	padding-top:8px;}

#design-rule {
	width: 100%;
	float: left;
	height: 1px;
	border-top: 1px solid #CCC;
	margin-top: 40px;
	margin-bottom: 40px;}
.design-price-headline-left{
	width:60%;
	margin-right:5%;
	float:left;
}
.design-button-right{
	float:right;
}
@media all and (max-width: 980px) {
.design-headline{
	font-size: 50px;
    line-height: 58px;
}
.design-subheadline{
	font-size: 26px;
    line-height: 35px;
}
}
@media all and (max-width: 768px) {
.design-headline{
	font-size: 42px;
    line-height: 48px;
}
.design-subheadline{
	font-size: 22px;
    line-height: 28px;
}
.left-design{
	float:left;
	width:45%;
	margin-right:5%}
	
.rightsidebar{
	float:left;
	width:42%;
	margin-top:0px;
	background-color:#DCF1F4;
	padding:2% 4%;}
.design-price-headline-left {
    display:block;
	width:100%;
    margin-right:0;
	padding:2% 0;
}
.design-button-right{
	display:block;
	width:100%;
	float:left;
}
	}
@media all and (max-width: 600px) {
	.design-headline{
	font-size: 50px;
    line-height: 58px;
}
.design-subheadline{
	font-size: 24px;
    line-height: 32px;
}
	#design-hero-left, #design-hero-right {
    display:block;
	width:100%;
    margin-right:0;
	padding:2% 0;
	}
}
@media all and (max-width: 480px) {
	.left-design, #design-tables-left, #design-tables-right, .design-button-right {
    display:block;
	width:100%;
    margin-right:0;
	padding:2% 0;
}
.rightsidebar {
    float:left;
	width:84%;
	margin:6% 0;
	background-color:#DCF1F4;
	padding:8% 8%;}
}
	
/*ERROR PAGE*/
#error-page{
	margin:60px auto;
	width:500px;
	text-align:center;}

/*	=============================================================================================================
	ERROR 404 PAGE
	============================================================================================================= */

#error-container {
	clear: both;
	height: 500px;
	background-image: url(../../IMG/CDB/404-background.jpg);
	background-position: center;
	background-size: 100%, 50%;
	background-repeat: no-repeat;
}

#error-wrapper h1 {
	font-family: "Roobert";
	color: #333;
	font-size: 25px !important;
	line-height: 30px;
	margin: 0 auto 10px auto;
}

#error-wrapper h2 {
	font-family: 'Roobert', Arial, Helvetica, sans-serif;
	color: #555;
	font-size: 22px;
	line-height: 34px;
}

#error-wrapper p {
	margin-top: 30px;
}

#error-hero-content {
	position: absolute;
	top: 40px;
	left: 35%;
	width: 380px;
	text-align: left;
}

@media all and (max-width: 768px) {
	#error-container {
		background-size: auto;
	}

	#error-hero-content {
		position: absolute;
		left: 10%;
		width: 75%;
	}

	#error-wrapper h1 {
		font-size: 20px !important;
	}
}
	/* CDB specific styles for Quoter Responsive info pages */
	
/* =============================================================================
   TOC
   =============================================================================

   common styles
   products
   posters
   terms
   now-proof
   disc comparison
   package comparison
   mastering
   templates
*/
	
	
/*	=============================================================================================================
	Common styles
	============================================================================================================= */
#site-header-container, #content {
    margin: 0 auto;
    width: 100%;
	padding-top: 0!important;
}	

#content .wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0;
    padding: 0;}	

#products-content-container {
    margin: 0 auto;
    width: 100%;
	max-width:none;}

/*	=============================================================================================================
	headlines
	============================================================================================================= */
.content-header, .nowproof-content-header, .terms-content-header, .package-comparison-content-header, .disc-comparison-content-header, .templates-content-header {
	font-family: "PT Sans",sans-serif !important;
	font-size:34px !important;
	line-height:38px !important;
	font-weight:bold !important;
	color:#000 !important;
	text-transform: none !important;
}		
	
.content-header {	
	width:60%;
	margin-left:3%!important;}

.nowproof-content-header{
	margin-bottom:20px;}

.disc-comparison-content-header{
	text-align:center!important;
	margin-bottom:1%}	

.hero-headline-large {
	font-family: "PT Sans",sans-serif !important;
	font-size:60px !important;
	line-height:71px !important;
	font-weight:bold !important;
	color:#000 !important;
	text-transform: none !important;
}		
.text-center {
	text-align:center !important;}
.white {color:#FFF !important;}
.text-shadow{text-shadow: 1px 1px 8px #000 !important;}

/*	=============================================================================================================
	end headlines
	============================================================================================================= */

.sub-header{
	font-size:16px;
	color:#666;
	line-height:23px !important;
	margin-top:10px;
	width:60%;
	margin-left:3%;}
		
.sub-header a{
	color:#666;
	text-decoration:underline;}
		
.sub-header a:hover{
	color: #AA331D;
	text-decoration:underline;}		
	
.body-copy {
    color: #666;
    font-size: 15px;
    line-height: 25px !important;}	

.body-subhead{
	font-size:14px;
	line-height:26px;
	font-weight:bold;
	color:#000;}
	
.clear-left{clear:left;}

.black{ color:#000;}

.blue-bg-responsive td{
	padding:12px !important;
	background-color:#1e1f31;
	color:#FFF;
	text-align:center;}
	
@media all and (max-width: 768px) {
.content-header {width: 95%;}
		
.sub-header {width: 95%;}
	
.body-copy {
    font-size: 13px;
    line-height: 16px !important;}	
}
	
@media all and (max-width: 540px) {
.content-header {
    font-size: 22px;
    width: 95%;}	
	
.sub-header {
    width: 95%;}	
}	
	
@media all and (max-width: 480px) {	
.content-header {
    font-size: 22px;
    width: 95%;
	text-align: left;}	
	
.sub-header {display:none;}
}

	
/*HOLIDAY DEADLINES PAGE*/		
#holiday-page .inner-wrap, #holiday-banner-section .inner-wrap {
	max-width:1280px;
	margin:0 auto;
	padding: 0 4%;}
	
#holiday-page #holiday-hero-section-innerwrap-left {
	width:50%;
	margin:0 2% 4% 2%;
	float:left;
	padding-top:3%;}
	
#holiday-page #holiday-hero-section-innerwrap-right {
	width:46%;
	margin:2% 0;
	float:left;}
	
#holiday-page #holiday-hero-section-innerwrap-right img{width:85%; margin-bottom:2%;}
#holiday-page #holiday-hero-section-innerwrap-left h1 {
	font-family:'Roobert', sans-serif;
	color:#1DA061;
	position:relative;
	display:block;
	float:left;
	font-size:58px;
	font-weight:bold;
	line-height:68px;
	margin:4% 0 2%;
	clear:both;
	width:100%;
}
	
#holiday-page #holiday-hero-section-innerwrap-left h2 {
    font-family: 'PT Sans', sans-serif;
    color: #333;
    font-weight: 400;
    display: block;
    font-size: 28px;
    line-height: 38px;
    margin: 0 0 2%;
	width:100%;}	
	
#holiday-page #holiday-hero-section-innerwrap-left p {
    font-family: 'Merriweather', serif;
    color: #666;
    font-weight: 400;
    display: block;
    font-size: 18px;
    line-height: 30px;
    margin: 0 0 2%;}
	
#holiday-page #deadlines-section {
    width: 100%;
    background-color:#fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding-bottom: 0;}	
	
#holiday-page .holiday-table-container-html-2015 {margin-top:40px;}		
	
	
#holiday-banner-section {
	width:100%;
	background-color:#333;
	background-image: url("../../IMG/CDB/holiday-banner-bkgd-2.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	overflow:hidden;
	padding-bottom:0;}
	
#holiday-banner-section #banner-innerwrap-left {
	width:50%;
	margin:4% 2%;
	float:left;
	padding-top:3%;
}
#holiday-banner-section #banner-innerwrap-right {
	width:46%;
	margin:0 0 2%;
	float:left;
}
#holiday-banner-section h3 {
    color: #fff;
    font-size: 40px;
    line-height: 55px;
    margin-bottom: 15px;
	font-weight: 600;
	text-shadow: 5px 5px 10px #176f56;}

#holiday-banner-section h4 {
    color: #fff;
    font-size: 22px;
	margin-bottom: 15px;
	text-shadow: 5px 5px 10px #176f56;}
	
#holiday-banner-section h4 a:hover {color:#DAF2EC;}	

	

#holiday-page .holiday-table-container-html-2015 td {
    border: 1px solid #EDEDED;
    padding: 3%;
    vertical-align: middle;}	
	
.stocking-desktop {display:block;}
.stocking-mobile {display: none;}	
	
.holiday-blue-bg td{
	padding:8px 12px;
	background-color:#8FD3E0;
	color:#FFF;
	font-size:16px;}
	
.turntime-row td{
	background-color:#E0F4F7;
	font-weight:bold;
	color:#666;
	text-align:center;}
	
.holiday-rule {
	width: 940px;
	float: left;
	height: 1px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top: 40px;
	margin-bottom: 40px;}
	
.holiday-image{
	margin:0 auto;
    padding: 15px 0;
    width: 242px;}
	
#holiday-guide-banner {
	width:940px;
	height:208px;
	background-position:top;
	background-image:url(../../IMG/CDB/banner-holiday-guide.png);
	background-repeat:no-repeat;
	float:left;
	margin:40px 0 20px 0;
}
#holiday-guide-banner:hover{
	background-position:bottom;
	border:none;
}
/* END HOLIDAY PAGE*/
	
/*	=============================================================================================================
	Products
	============================================================================================================= */
.products-container-top-responsive, .products-container-blue-responsive, .products-container-responsive{
	width:100%;
	margin:0px auto;
	padding:40px 0;}
	
.holiday-container-responsive{
	width:100%;
	margin:0px auto;
	padding:10px 0;
	background-image:url(../../IMG/CDB/responsive/products-holiday-banner-bkgd.png);
}
				
.products-container-top-responsive{
	border-top:1px solid #CCC;
	overflow:hidden;
	margin:40px auto 0;}

.products-container-blue-responsive{
	background-color:#F3FAFB;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin:0px auto;}
	
.holiday-container-responsive{
	background-color:#E8EEC0;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin:0px auto;}
		
.products-item{
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;}
	
.testimonial-responsive{
	width:100%;
	margin:0px auto;
	padding:20px 0;
	background-color:#ABE0E6;}

.products-page-header{
	max-width:1280px;
	margin:0 auto;
	padding:40px 0 0 0;}

.products-image-left-responsive{
	float:left;
	margin-left:3%;
	width:60%;}
	
.products-image-right-responsive{
	float: right;
	margin-left:0px;
	width:60%;}
	
.products-image{	
    width:100%;
	display:block;}
	
.products-image.big{display:block;}
	
.products-image.small{display:none;}	

.products-text-left-responsive {
    float: left;
    margin: 0 0 0 3%;
    width: 34%;}
			
.products-text-right-responsive{
	float: right;
	width:34%;
	margin:auto 3% auto 0;}

.holiday-image-left-responsive{
	float:left;
	margin-left:2%;
	width:28%;}
		
.holiday-text-right-responsive{
	float: right;
	width:60%;
	margin:auto 10% auto 0;}
	
.holiday-body-copy {
    color: #666;
    font-size: 14px;
    line-height: 26px;
	margin-top:5px;
}

.products-now-available{
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	color:#AA331D;}	
	
.products-description{
	font-size:26px;
	line-height:30px;
	font-weight:bold;
	color:#000;}
	.pop-package {
    color: #AA331D;
    font-size: 22px;
    font-weight: bold;
    line-height: 36px;
	font-style:italic;
}
	
.products-price{
	font-size:56px;
	line-height:56px;
	color:#000;}

.testimonial{
	font-size:100%;
	color:#000;
	text-align:center;}	
	
.products-superscript{
	top:-0.3em;
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;}

.products-bulleted-list li{
	margin:8px 0 0 14px;
	list-style-type:disc;}
	
@media all and (max-width: 768px) {
.products-image.big{display:none;}
	
.products-image.small{	
	display:block;
	width:90%;}
	
.products-description {font-size: 22px;}
	
.products-price {font-size: 52px;}
	
a.button-compare-packages-responsive {display:none;}
	
.products-bulleted-list li{
	margin:6px 0 0 14px;
	list-style-type:disc;}
}

@media all and (max-width: 800px) {
	.holiday-body-copy {
    color: #666;
    font-size: 12px;
    line-height: 20px;
	margin-top:5px;}
}
	
@media all and (max-width: 540px) {
a.button-compare-packages-responsive {display:none;}	
}

@media all and (max-width: 480px) {
.products-container-top-responsive, .products-container-blue-responsive, .products-container-responsive {
    width:100%;
	margin:0px auto;
    padding: 25px 0;}
	
.holiday-container-responsive {
    width:100%;
	margin:0px auto;
    padding: 25px 0;
	background-image:url(../../IMG/CDB/responsive/products-holiday-banner-bkgd-mobile.png)}
		
.products-container-top-responsive{
	border-top:1px solid #CCC;
	overflow:hidden;
	margin:40px auto 0;}

.products-container-blue-responsive{
	background-color:#F3FAFB;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin:0px auto;}
	
.holiday-container-responsive{
	background-color:#E8EEC0;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin:0px auto;}
		
.products-bulleted-list li{
	margin:5px 0 0 14px;
	list-style-type:disc;}
		
.products-page-header {
    margin: 0 auto;
    padding: 15px 0 0;}
	
.products-image.small{	
	display:block;
	width:90%;}
	
.products-image-left-responsive {
    float: left;
    margin-left: 3%;
    width: 100%;}
	
.products-image-right-responsive {
    float: right;
    margin-left: 3%;
    width: 100%;}
		    
.products-text-right-responsive {
    float: left;
    margin: 0 0 0 3%;
    width: 96%;}
	
.products-text-left-responsive {
    float: right;
    margin: 0 0 0 3%;
    width: 96%;}
	
.holiday-image-left-responsive {
    float: left;
    margin-left: 3%;
    width: 100%;}
	
.holiday-text-right-responsive {
    float: left;
    margin: 0 0 0 3%;
    width: 96%;
	border-color:#009 1px solid}
		
a.button-compare-packages-responsive {
	display:none;}
	
.products-image.small.jc {
    display: block;
    width: 90%;}	
}

/*	=============================================================================================================
	Posters
	============================================================================================================= */
#posters{
	width:100%;
	margin:0  auto;
	padding:40px 0;}		

.posters-body{
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;}
	
.posters-body p{ margin-top:15px;}
	
.posters-image-right-responsive{
	float: right;
	margin-left:0px;
	width:30%;}
	
.posters-image{	
    width:100%;
	display:block;}

.posters-text-left-responsive {
    float: left;
    margin: 0 0 0 3%;
    width: 64%;}
	
.posters-content-header{
	font-family: 'Roobert', sans-serif !important;
	font-size:42px !important;
	line-height:52px !important;
	font-weight:bold !important;
	color:#000 !important;
	text-transform: none !important;}			

.posters-offer{
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	color:#000;}	
	
.posters-description{
	font-size:26px;
	line-height:34px;
	font-weight:bold;
	font-style:italic;
	color:#000;
	margin:0 0 10px 0;}

.posters-bulleted-list li{
	margin:5px 0 0 14px;
	list-style-type:disc;}

@media all and (max-width: 480px) {
#posters {
    width:100%;
	margin:0px auto;
    padding: 25px 0;}
		
.posters-image-right-responsive {
    float: left;
    margin-left: 3%;
    width: 100%;}
		  
.posters-text-left-responsive {
    display:block;
    margin: 0 3% 0 3%;
    width: 94%;}

.posters-image{	
    width:80%;
	display:block;}		

.posters-offer{
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	color:#000;
	margin-bottom:10px;}	
	
.posters-description{
	font-size:18px;
	line-height:22px;}	
		
}
/*	=============================================================================================================
Terms
	============================================================================================================= */
#terms{
	width:100%;
	margin:0px auto;
	padding:40px 0;}
				
.terms-body{
	max-width:1200px;
	margin:0 3%;
	overflow:hidden;}
	
.terms-body p{ margin-top:15px;}
			

.terms-offer{
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	color:#000;}	
	
.terms-description{
	font-size:26px;
	line-height:30px;
	font-weight:bold;
	color:#000;}
	
.terms-body dt{
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;}
	
.terms-body div, dd {
	margin-bottom: 5px;
	display:block;}
	
.terms-body dd{
	margin-bottom:20px;
	padding-bottom:20px;
	line-height:20px;
	border-bottom:1px dashed #ddd;
	color:#666;}

@media all and (max-width: 480px) {
#terms {
    width:100%;
	margin:0px auto;
    padding: 25px 0;}
		
.terms-content-header{
	font-size:22px;
	line-height:22px;
	font-weight:bold;
	color:#000;}			

.terms-offer{
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	color:#000;
	margin-bottom:25px;}	
	
.terms-description{
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	color:#000;}
	
.terms-body div, dd {
	margin-bottom: 5px;
	display:none;}

.terms-body dt{
	margin-bottom:15px;}	
}
	
/*	=============================================================================================================
	now-proof
	============================================================================================================= */

#nowproof{
	width:100%;
	margin:0  auto;
	padding:40px 0;}		

.nowproof-body{
	max-width:1200px;
	margin:0 3%;
	overflow:hidden;}
	
.nowproof-body p{ margin-top:15px;}
	
.nowproof-video{	
    width:80%;
	display:block;}
	
.nowproof-video iframe{	
    width:100%;
	height:253px;}
	
.nowproof-text-left-responsive {
    float: left;
    width: 57%;}
	
.nowproof-thumbnails-header{
	font-size:18px;
	margin: 0 auto !important;
	line-height:25px;
	font-weight:bold;
	color:#000;
	text-align:center;}	
	
#nowproof-cream-box{
	float:right;
	width:30%;
	text-align:center;
	padding:1.5%;
	font-size:12px;
	font-weight:bold;
	background-color:#f3fafb;}
	
#nowproof-cream-box .item,
#nowproof-cream-box .item-eco,
#nowproof-cream-box .item-last{
	width:50%;
	margin-top:15px;
	text-align:center;
	float:left;}
	
#nowproof-cream-box .item img{
    width:80%;
	max-height:90px;
	max-width:120px;}
	
#nowproof-cream-box .item-eco img{
    width:100%;
	max-height:90px;
	max-width:162px;}	
	
#nowproof-cream-box .item-last img{
    width:80%;
	max-height:107px;
	max-width:120px;}

#nowproof-cream-box .item p, #nowproof-cream-box .item-last p, #nowproof-cream-box .item-eco p{
	margin-top:4px;
	text-align:center;}
	
#nowproof-cream-box .item-logo{
	width:100%;
	margin:15px auto 0 auto;}	
		
@media all and (max-width: 1150px) {
.nowproof-thumbnails-header{
	font-size:16px;
	margin: 0 auto !important;
	line-height:23px;
	font-weight:bold;
	color:#000;
	text-align:center;}	
	
#nowproof-cream-box .item,
#nowproof-cream-box .item-eco,
#nowproof-cream-box .item-last{
	width:100%;
	margin:10px auto 0 auto;
	text-align:center;
	float:left;}
	
#nowproof-cream-box .item p, #nowproof-cream-box .item-last p, #nowproof-cream-box .item-eco p{
	margin-top:2px;
	text-align:center;}
	
#nowproof-cream-box .item-logo{
	width:100%;
	margin:10px auto 0 auto;}	
}
	
@media all and (max-width: 500px) {
#nowproof {
    width:100%;
	margin:0px auto;
    padding: 25px 0;}
		  
.nowproof-text-left-responsive{
    float: left;
    margin: 0 3%;
    width: 95%;}

.nowproof-content-header{
	font-size:22px;
	line-height:26px;
	font-weight:bold;
	color:#000;}			

#nowproof-cream-box{
	display:none;}	
	
.nowproof-video{	
    width:100%;
	display:block;}
	
.nowproof-video iframe{	
    width:100%;
	height:180px;}
}	
/*	=============================================================================================================
Disc Comparison
	============================================================================================================= */
#disc-comparison{
	width:100%;
	margin:0px auto;
	padding:40px 0;}
				
.disc-comparison-body{
	max-width:1200px;
	margin:0 3%;
	overflow:hidden;}

#disc-comparison #left-column{
	margin-top: 5px;
	width: 47%;
	float: left;}
	
#disc-comparison #right-column{
	margin-top:5px;
	margin-left: 6%;
	width: 47%;
	float: left;}

#disc-comparison img{
	width:100%;
	display:block;
	margin-bottom:15px;}

.disc-comparison-body p{ margin-top:15px;}

		

.disc-comparison-subhead{
	font-size:22px;
	line-height:30px;
	font-weight:bold;
	color:#000;}	
	
.disc-comparison-description{
	font-size:14px;
	line-height:23px;
	font-weight:bold;
	color:#000;}
	
.disc-comparison-body dt{
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;}
	
.disc-comparison-body div dd {
	margin-bottom: 5px;
	display:block;}
	
.disc-comparison-body dd{
	margin-bottom:20px;
	line-height:20px;
	}
@media all and (max-width: 780px) {
.disc-comparison-content-header{
	font-size:30px;
	line-height:30px;
	font-weight:bold;
	color:#000;}			
}
@media all and (max-width: 480px) {
#disc-comparison {
    width:100%;
	margin:0px auto;
    padding: 25px 0;}
		
.disc-comparison-content-header{
	font-size:22px;
	line-height:30px;
	font-weight:bold;
	color:#000;}			

.disc-comparison-subhead{
	font-size:16px;
	line-height:25px;
	font-weight:bold;
	color:#000;
	margin-bottom:25px;}	
	
.disc-comparison-description{
	font-size:13px;
	line-height:20px;
	font-weight:bold;
	color:#000;}
	
.disc-comparison-body div dd {
	margin-bottom: 5px;
	display:none;}

.disc-comparison-body dt{
	margin-bottom:15px;}	
}

@media all and (max-width: 320px) {
#disc-comparison #left-column{
	margin: 2% 0 10% 0;
	width: 100%;
	float: left;}
	
#disc-comparison #right-column{
	margin: 2% 0 0 0;
	width: 100%;
	float: left;}
}
/*	=============================================================================================================
	package comparison
	============================================================================================================= */
#row-package-one {
	width: 100%;
	margin:0;
}
#row-package-two {
	width: 100%;
	margin:0;
}
#row-package-three {
	width: 100%;
	margin:0;
}
#package-comparison{
	width:100%;
	margin:0  auto;
	padding:40px 0;}		
.package-comparison-subhead{
	color: #000000;
    font-size: 22px;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 15px;}
.package-comparison-subhead a{
	color: #000000;
    text-decoration:none;}		
.package-comparison-subhead a:hover{
	text-decoration:underline;}						

.package-comparison-body{
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
	padding:3%;}
	
.package-comparison-body img{	
    display: block;
    margin: 2% 0 4% 0;
    width: 65%;
	float:left;}

.package-comparison-item {
    float: left;
    margin: 3% 2% 0 0;
	/*padding:10px 38px 20px 3px;*/
    width: 25%;
	height: 430px;
	border:1px solid #CCC;
	padding:3%;}
.package-comparison-bulleted-list li{
	margin:2% 0 0 4%;
	list-style-type:disc;
	color:#666;
	font-size: 12px;
	line-height:16px;}

@media all and (max-width: 980px) {
a.button-compare-packages-responsive{
	margin-right:4%;}	
	
#package-comparison{
	width:100%;
	margin:0  auto;
	padding:40px 0;}			
	
.package-comparison-subhead{
	font-size:22px;
	line-height:25px;
	font-weight:bold;
	color:#000;
	margin-bottom:15px;}			

.package-comparison-item { height: 500px; }

.package-comparison-body img{	
    width:100%;
	display:block;}

.package-comparison-bulleted-list li{
	margin:3% 0 0 6%;
	list-style-type:disc;
	color:#666;}
}

@media all and (max-width: 768px) {
.package-comparison-body img {
    display: block;
    float: left;
    width: 60% !important;
}
a.button-compare-packages-responsive{
	margin-right:4%;}	
	
#package-comparison{
	width:100%;
	margin:0  auto;
	padding:40px 0;}		
	
.package-comparison-subhead{
	font-size:22px;
	line-height:25px;
	font-weight:bold;
	color:#000;
	margin-bottom:15px;}			
.package-comparison-body img{	
    width:100%;
	display:block;
	    margin: 2% 0 8% 0;}

.package-comparison-item {
    border: 1px solid #CCCCCC;
    float: left;
    margin: 5% 2% 0 0;
    width: 41%;
	height: 450px;
	padding: 3%;
}

.package-comparison-bulleted-list li{
	margin:2% 0 0 6%;
	list-style-type:disc;
	color:#666;}
}
@media all and (max-width: 480px) {	
a.button-compare-packages-responsive{
	margin-right:4%;}	
	
#package-comparison{
	width:100%;
	margin:0  auto;
	padding:40px 0;}		
	
.package-comparison-subhead{
	font-size:22px;
	line-height:25px;
	font-weight:bold;
	color:#000;
	margin-bottom:15px;}			

.package-comparison-body img{	
    width:100%;
	display:block;
	margin: 2% 0 8% 0;}

.package-comparison-item {
    border: 1px solid #CCCCCC;
    float: left;
    margin: 5% 0 0 0;
    /*padding: 9px 32px 11px 6px;*/
    width: 94%;
	padding:3%;
	height:auto;
}

.package-comparison-bulleted-list li{
	margin:2% 0 0 5%;
	list-style-type:disc;
	color:#666;}
}

@media all and (max-width: 320px) {
	.package-comparison-body img {
    display: block;
    float: left;
    margin: 2% 0;
    width: 100% !important;
}
a.button-compare-packages-responsive{
	margin-right:4%;}	
	
#package-comparison{
	width:100%;
	margin:0  auto;
	padding:40px 0;}		
	
.package-comparison-subhead{
	font-size:22px;
	line-height:25px;
	margin:0 0 3% 1%;}			

.package-comparison-body img{	
    width:100%;
	display:block;
	margin: 2% 0 8% 0;}

.package-comparison-item {
    border: 1px solid #CCCCCC;
    float: left;
    margin: 4% 0;
    /*padding: 10px 40px 25px 30px;*/
    width: 96%;
	padding:3%;
}
.package-comparison-bulleted-list li{
	margin:2% 0 0 8%;
	list-style-type:disc;
	color:#666;}

}
/*	=============================================================================================================
	mastering
	============================================================================================================= */

#mastering{
	width:100%;
	margin:0  auto;
	padding:40px 0;}		

.mastering-body {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding:40px 0;
}
#mastering h1 {
    font-family: 'Roobert', sans-serif !important;
    font-size: 44px !important;
    line-height: 44px !important;
    font-weight: bold !important;
    color: #FFF;
    float: none;
    margin: 10px 0 20px 0;
    width: 100%;
    text-align: center
}
#mastering h2 {
    font-size: 30px;
    line-height: 32px;
    font-weight: normal;
    color: #F3CA75;
    float: none;
    margin-bottom: 10px;
    text-align: center;
}
.mastering-body p{ margin-bottom:15px;}


#mastering .mastering-subhead3{
	font-size:21px;
	line-height:28px;
	font-weight:bold;
	color:#000;
	margin:10px 0 0;}
	
.mastering-text-left-responsive {
    float: left;
    width: 70%;}

.mastering-subhead{
	font-size:14px;
	line-height:25px;
	font-weight:bold;
	color:#000;
	margin-top:15px;
	margin-bottom:0 !important;}
	
#mastering-right-responsive{
	float:right;
	width:26.6%;
	max-width:300px;}
.mastering-col-1-3{
	float:left;
	width:20%;
	margin-right:4%;}
.mastering-col-2-3{
	float:left;
	width:76%;}

	
@media all and (max-width: 500px) {
#mastering {
    width:100%;
	margin:0px auto;
    padding: 25px 0;}		  
.mastering-text-left-responsive{
    float: left;
    margin: 0 3%;
    width: 95%;}

#mastering-right-responsive{
	display:none;}	
.mastering-col-1-3, .mastering-col-2-3{
	width:100%;
	margin:0 auto;
	display:block;}
}
#mastering em {font-style:italic; font-weight: inherit;}
#mastering .mastering-subhead3.mt-0 {margin-top:0;}
#mastering .services-container {width: 100%; margin: 0 auto; background-color: #f2f0e4; overflow: hidden; padding:30px 0;}
#mastering .col-1-3 {width: 29%; margin: 1% 4% 1% 0; float: left; text-align: center;}
#mastering .col-1-3.last {margin-right: 0;}	
@media all and (max-width: 600px) {
	#mastering .col-1-3, #mastering .col-1-3.last {width: 100%; margin: 0 0 2% 0; display: block;}
}
		
/*** start audio player styles  ***/

#audio-samples .tracks {
  display: block;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 20px;
}

#audio-samples .content {
  display: block;
  width: 100%;
  min-width: 340px;
  background: #5B7681 !important;
  padding: 6px;
  margin: 0 auto;}

#audio-samples .content.last {padding: 0 6px 6px 6px;}

#audio-samples .audio-player, #audio-samples .audio-player div, #audio-samples .audio-player h2, #audio-samples .audio-player a, #audio-samples .audio-player span, #audio-samples .audio-player button {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;}

#audio-samples .audio-player {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: #51646c;
}

#audio-samples .audio-player h2 {
    flex: 1;
    font-size: 18px;
    font-weight: 600;
    color: #ececec;
    text-align: center;
}

.audio-player .audio-element {
    flex: 3;
}

.audio-player audio {
    width: 95%;
    margin: 10px 0;
}

@media screen and (max-width: 1020px) {
    #audio-samples .audio-player {
        display: block;
    }

    #audio-samples .audio-player h2 {
        display: block;
        width: 100%;
        margin: 0 15px;
        text-align: left;
    }

    #audio-samples .audio-player audio {
        width: 90%;
        margin-bottom: 20px;
    }

    #audio-samples .audio-player .audio-element {
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    #audio-samples .audio-player h2 {
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}
  
/*** /end audio player styles  ***/

/*	=============================================================================================================
	templates
	============================================================================================================= */

#templates{
	width:100%;
	margin:0  auto;
	padding:4% 0;}	
#templates-page {
	display:block;
}
#templates-headline{
	width:100%;
	position:relative;
	background-color:#FFF;
	padding:2% 0 4%;
	overflow:hidden;
}
#templates-package-chart{
	width:100%;
	position:relative;
	background-color:#f2efe9;
	padding:4% 0;
	overflow:hidden;
}
.templates-innerwrap {
	max-width:1200px;
	position:relative;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
	padding:2% 0;
}	
.templates-body{
	max-width:1200px;
	margin:0 3%;
	overflow:hidden;}
	
.templates-body p{ margin-bottom:15px;}
		

.templates-text-left-responsive {
    float: left;
    width: 45%;}
.templates-text-right-responsive {
    float:right;
    width:50%;}	
.templates-text-left-responsive p, .templates-text-right-responsive p {
    margin-top:4%;
}
	
.templates-content-header{
	font-family: 'Roobert', sans-serif !important;
	font-size:48px !important;
	line-height:58px !important;
	font-weight:bold !important;
	color:#000 !important;
	margin-bottom:1%;
	text-transform: none !important;}

.templates-content-header.white{
	color:#FFF !important;
}
.templates-content-subheader {
    color: #000;
    font-size: 28px;
    font-weight: bold;
    line-height: 38px;
	margin-bottom:1.5%;
}
.templates-section-header {
    color: #FFF;
    font-size: 28px;
    font-weight: bold;
    line-height: 38px;
}	
.templates-paragraph-header {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}			

.templates-subhead{
	font-size:22px;
	line-height:30px;
	font-weight:bold;
	color:#000;}	
	
.templates-rule {
	width: 100%;
	float: left;
	height: 1px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top: 5px;
	margin-bottom: 20px;}
	

.templates-table-html-responsive table{
		margin:0 0 5% 0;
		width:100%;
		border:1px solid #E1E1E1;
		vertical-align: middle !important;
		background-color:#FFF; }
		
.templates-table-html-responsive td{
	padding:18px;
	border:1px solid #E1E1E1;}
	
.templates-table-html-responsive tr td.template-image-td { text-align: center; }
	
.templates-table-html-responsive tr td a img {margin: 0 auto; vertical-align: middle; max-height:61px; max-width:260px;  width:100%;
	display:block;}

.template-text-responsive{ 
	vertical-align:middle;
	margin:auto 0;
	float:left;
	width: 80%;}
.template-bulleted-list li{
	margin:2% 0 0 7%;
	list-style-type:disc;
	color:#444;
	font-size: 12px;
	line-height:16px;}
.templates-icon-image {
	float:left;
	margin-right:10px;
}
.templates-callout-container {
	float:left;
	padding-top:5px;
}
.templates-callout-header {
	font-family: 'PT Sans',Arial,Helvetica,sans-serif;
    font-size: 16px;
	line-height:22px;
    font-weight: 700;
	text-align:left;
	color:#333;
	margin-bottom:0;
}
.templates-callout-text {
	font-family: 'Merriweather', serif;
    font-size: 14px;
	line-height:20px;
    font-weight: 400;
	text-align:left;
	color:#333;
}
.templates-text-left-responsive p, .templates-text-right-responsive p
        {
            margin: 1em 0;
        }
        .templates-table-html-responsive tr td.template-image-td
        {
            width: 26%;
        }
        
        .templates-table-html-responsive tr td
        {
            width: 57%;
        }
		.templates-list, .templates-programs-list {
			margin:10px 0;
		}
		.templates-list li{
			list-style-type:disc;
			margin:0 0 10px 15px;
		}
		.templates-programs-list li{
			list-style-type:none;
			margin:0 0 10px 0;
		}
	
	

@media all and (max-width: 500px) {
.templates-table-html-responsive tr td.template-image-td { display:none;}

a.download-button-responsive, a.templates-button-responsive{
	float:left;
	margin-top:8px; }

.template-text-responsive{ 
	vertical-align:middle;
	margin:auto 0;
	float:left;
	width: 100%;}
	
.pdf-button { display:none;}

.templates-content-header{
	font-size:22px;
	line-height:26px;
	font-weight:bold;
	color:#000;}			

.templates-subhead{
	font-size:16px;
	line-height:22px;
	font-weight:bold;
	color:#000;}
.templates-text-left-responsive {
	display:block;
    width: 100%;
	border-bottom:1px solid #CCC;
	margin-bottom:8%;
	padding-bottom:4%}
.templates-text-right-responsive {
    display:block;
    width:100%;
	margin-bottom:6%}

.templates-content-subheader {
    font-size: 22px;
    line-height: 32px;
}
a.download-button-responsive {
	float:left; }			
	
}
.templates-callout-container {
	float:left;
	padding-top:5px;
	width:70%;
}


/*	=============================================================================================================
	DESIGN STUDIO
	============================================================================================================= */

.main-content-body-ds{
		max-width:1200px;
		margin:0 auto;
		padding:0;
	}
	#main-offer-designstudio{
		width:100%;
		float: left;
		background: url(../../IMG/CDB/design-studio-header1200.jpg) no-repeat;
		min-height:299px;
		margin:4% 0 3% 0;
	}
	#main-offer-designstudio-content{
		margin: 100px 0 0 25px;
		float:left;
		width:400px;
	}
	.designstudio-headline{
		font-size:60px;
		line-height:62px;
		color:#FFF;
		font-weight:bold;
	}

    .designstudio-headline font { font-size: 40px; }

	.designstudio-subheadline{
		font-size:36px;
		line-height:45px;
		color:#8CC53E;
	}
	.designstudio-leftcol{
		float:left;
		margin-right:5%;
		width:59%;}
	
	.designstudio-rightcol{
		float: right;
		width:30%;
		margin:0;
		padding:3%;
		background-color:#DCF1F4
	}
	
	.designstudio-lefttable{
		float:left;
		margin-right:6%;
		width:47%;
	}
	.designstudio-righttable{
		float:left;
		width:47%;
	}
	.designstudio-table-container-html table{
		margin:0 0 5% 0;
		width:100%;
		border:1px solid #E1E1E1;
		vertical-align:middle;
	}
	.designstudio-table-container-html td{
	padding:10px 12px;
	border:1px solid #E1E1E1;
	vertical-align:middle;
	}
	.ds-sampleimage{
		width:100%;
	}
	
	.design-pricing-btn{
		float:right;
		margin-top:3%;
	}
	.design-rule {
    	border-top: thin solid #CCCCCC;
    	float: left;
    	height: 1px;
    	margin: 6% 0;
    	width: 100%;
	}
	
	@media all and (max-width: 768px) {
	#main-offer-designstudio{
		width:100%;
		float: left;
		background: url(../../IMG/CDB/design-studio-header768.jpg) no-repeat;
		min-height:270px;
	}
	#main-offer-designstudio-content{
		margin: 110px 0 0 25px;
	}
	.designstudio-headline{
		font-size:42px;
		line-height:48px;
		color:#FFF;
	}
	.designstudio-subheadline{
		font-size:24px;
		line-height:30px;
		color:#8CC53E;
		width:70%;
	}
	.designstudio-leftcol{
		width:100%;
		display:block;
	}
	.designstudio-rightcol{
		width:90%;
		display:block;
		margin:5% 0;
		padding:5%;
	}
	.ds-sampleimage{
		width:70%;
		margin:2% auto 5%;
	}
	.design-pricing-btn{
		float:left;
		margin:2% 0;
	}
	}
	@media all and (max-width: 320px) {
	.main-content-body-ds{
		margin:0 auto;
		padding:3%; 
	}
		#main-offer-designstudio{
		width:100%;
		background: url(../../IMG/CDB/design-studio-header320.jpg) no-repeat;
		min-height:270px;
		margin-bottom:4%;
	}
	#main-offer-designstudio-content{
		margin: 45% 0 0;
		width:100%;
	}
	.designstudio-headline{
		font-size:40px;
		line-height:46px;
		text-align:center;
	}
	.designstudio-subheadline{
		font-size:22px;
		line-height:28px;
		text-align:center;
		width:100%;
		margin-top:5px;
	}
	.ds-sampleimage{
		width:100%;
		margin:2% auto 5%;
	}
	.designstudio-lefttable, .designstudio-righttable{
		display:block;
		width:100%;
	}
}
/*	=============================================================================================================
	HELP
	============================================================================================================= */
	.main-content-body{
		max-width:1200px;
		margin:0 auto;
		padding:3%;
	}
	/*	=============================================================================================================
	VIDEO TUTORIALS
	============================================================================================================= */

	.video-container{
		float:left;
		margin-right:4%;
		width:46%;
	}
@media all and (max-width: 600px) {
	.video-container{
		width:100%;
		display:block;
		margin-bottom:5%;
	}
	}	
	/*	=============================================================================================================
	DISTRIBUTION BUNDLE
	============================================================================================================= */

.distribution-bundle-logos.big{
		width:100%;
		display:block;
		margin:2% 0;
	}	
.distribution-bundle-logos.small { 
	display:none;
}
.font-weight-normal{
	font-weight:normal;
}

@media all and (max-width: 480px) {
	.distribution-bundle-logos.big{
		display:none;
	}
	.distribution-bundle-logos.small{
		width:100%;
		display:block;
		margin:2% 0;
	}
	a.distribution-quote-button {
		margin:0 auto !important;	
	}
}

#button-container-index{
		display:block;
		margin: 0 auto;
	}
	
/*	=============================================================================================================
	holiday deadlines
	============================================================================================================= */

#holiday{
	width:100%;
	margin:0  auto;
	padding:4% 0;}		

.holiday-body{
	max-width:1200px;
	margin:0 3%;
	overflow:hidden;}
	
.holiday-body p{ margin-bottom:15px;}
		


.holiday-text-left-responsive p, .templates-text-right-responsive p {
    margin-top:4%;
}
	
.holiday-content-header{
	font-size:34px;
	line-height:38px;
	font-weight:bold;
	color:#000;}			

.holiday-subhead{
	font-size:22px;
	line-height:30px;
	font-weight:bold;
	color:#000;}	



/*	=============================================================================================================
	free cdbaby membership
	============================================================================================================= */	
	#mainimage-free-cdbaby-responsive {
    background: url("../../IMG/CDB/free-cd-baby-membership-hero.jpg") no-repeat scroll center center / cover ;
    margin: 0 auto 2%;
    padding: 3%;
    position: relative;
    width: 94%;
	overflow:hidden;
}
#mainimage-free-cdbaby-responsive h1 {
	font-family: 'Roobert', sans-serif !important;
    color: #fff !important;
    font-size: 60px !important;
	line-height:72px !important;
    font-weight: bold !important;
    margin: 5% auto;
	text-align:center;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 1) !important;
	text-transform: none !important;
}
.lightgrey14 {
    color: #666;
    font-size: 14px;
    line-height: 25px !important;
}
.grey-rule {
	border-bottom:1px solid #CCC;
	width:100%;
	margin:3% auto 4%;
}
@media all and (max-width: 768px) {
	#mainimage-free-cdbaby-responsive h1 {
    font-size: 42px;
	line-height:52px;
}
}
@media all and (max-width: 320px) {
	#mainimage-free-cdbaby-responsive h1 {
    font-size: 32px;
	line-height:42px;
}
}

/*	=============================================================================================================
	PACKAGE PAGES
	============================================================================================================= */
.clear-both{clear:both;}
#package-pages {
		display:block;
}
#package-pages .fullwidth {
	width:100%;
	overflow:hidden;
	position:relative;
}
#package-pages .lt-blue-fullwidth {
	width:100%;
	background-color:#f3fafb;
	overflow:hidden;
	position:relative;
}
#package-pages .inner-wrap, #package-pages .inner-wrap-nopad, #package-pages .inner-wrap-headline, .inner-wrap {
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
	padding:50px 0;
}
 
#package-pages .inner-wrap-nopad {
	padding:0;
}
#package-pages .inner-wrap-headline {
	padding:50px 0;
	text-align:center;
}
#package-pages .inner-wrap-guarantee {
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
	padding:5% 2%;
}
#package-pages .text-align-center {
	text-align:center;
}
#package-pages .packages-hero-image-big {
	display:block;
}
#package-pages .packages-hero-image-small {
	display:none;
}	
.main-content-body-packages{
	max-width:1200px;
	margin:0 auto;
	padding:0 3%;	}

#main-offer-packages{
	width:100%;}
	
.packages-hero{
		width:100%;
		display:block;
		margin:0;}
			
.packages-container-top-responsive, .packages-container-responsive{
	width:100%;
	margin:0px auto;
	padding:40px 0;}
	
.packages-container-responsive{	border-top:1px solid #CCC;}
				
.packages-container-top-responsive{
	overflow:hidden;
	margin:3% auto 0;}

.packages-headline-container{
	text-align:center;
	padding:4% 0;
	width:100%;}
	
.padding-top{ padding-top:22px;}	
	
.packages-item-alt{
	max-width:1200px;
	margin: 3% 0;
	overflow:hidden;
	padding-bottom:6%;
	border-bottom:1px solid #CCC;}
	
.packages-item-services{
	max-width:1200px;
	margin:0 40px;
	overflow:hidden;}	

.packages-item{
	max-width:1200px;
	margin:0;
	overflow:hidden;}
.packages-image-left{
	float: left;
	margin-right:3%;
	width:63%;}
	
.packages-image-right-responsive{
	float: right;
	margin-left:0px;
	width:63%;}
	
.packages-image{	
    width:100%;
	display:block;}
	
.packages-image.big{display:block;}
	
.packages-image.small{display:none;}	

.packages-text-left-responsive {
    float: left;
    margin: 0;
    width: 34%;}
.packages-text-right-responsive{
	float: right;
	width:34%;
	margin:0;}
.intro-container-left {
	float: left;
	width:72%;
	margin-right:3%;}
.intro-container-right {
	float: right;
	width:25%;
	margin:0;}
.packages-description{
	font-family: 'Roobert', sans-serif !important;
	font-size:40px;
	line-height:48px;
	font-weight:bold;
	color:#000;}

.packages-popular-package {
    color: #AA331D;
    font-size: 22px;
    font-weight: bold;
    line-height: 36px;
	font-style:italic;}
	
.packages-price{
	font-size:56px;
	line-height:56px;
	color:#000;}
.packages-superscript{
	top:-0.3em;
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;}

.packages-bulleted-list li{
	margin:8px 0 0 14px;
	list-style-type:disc;}
	
.black-intro{
	font-size:26px;
	line-height:30px;
	font-weight:bold;
	color:#000;
	}
.lightgrey-intro {
    color: #666;
    font-size: 15px;
    line-height: 25px;}
.lightgrey-intro a {
    color: #2C725F;
	text-decoration:underline;
font-weight: bold;}
.lightgrey-intro a:hover {
    color: #64bacd;
	text-decoration:underline;}	
.p-margin{ margin-top:20px;}		
#packages-tip{	
    background: -moz-linear-gradient(center top , #F3FAFB, #8FD3E0) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -webkit-gradient(  linear, left top, left bottom,  from(#F3FAFB), to(#8FD3E0));
    background-color: #F3FAFB;
	border:2px solid #FF9326;
	border-radius: 6px;
	text-align:center;
    padding: 8%;
    text-decoration: none;}

.tip{
	font-size:21px;
	line-height:31px;
	color:#000;
	font-weight:400;
	margin-top:0;}
	
.tip-orange{
	font-size:30px;
	line-height:38px;
	font-weight:700;
	color:#FF9326;
	}		

.service-header {
    color: #000;
    font-size: 21px;
    line-height: 30px;}	
	
.service-subhead{
	font-size:15px;
	color:#666;
	line-height:24px;}
		
.service-subhead a{
	color: #AA331D;
	text-decoration:underline;}
		
.service-subhead a:hover{
	color: #AA331D;
	text-decoration:underline;}	
	        
	
.packages-content-header{
	font-family: 'Roobert', sans-serif !important;
	font-size:48px !important;
	line-height:58px !important;
	font-weight:800 !important;
	color:#000000 !important;
	width:100%;
	margin-bottom:1.5%;
	text-align:center;
	display:block;
	text-transform: none !important;}
	
.packages-content-subheader{
	font-size:36px;
	line-height:40px;
	font-weight:normal;
	margin-bottom:10px;
	color:#333333;
	text-align:center;
	display:block;}
	
	
.services-col1, .services-col2{
	float:left;
	margin:0 2% 0 0;
	width:32%;}
		
.services-col3{
	float:left;
	width:32%;
	margin:0 ;}	
	
.services-col1 img, .services-col2 img, .services-col3 img{ 
	width:100%;
	margin-bottom:10px;}
p.caution-text {
	margin: 5% 0 0 0;
	padding: 0 3% 5% 3%;
}
.jacket-text-topmargin {
		margin-top: 4%;
}
.jacket-text-topmargin2 {
		margin-top: 8%;
}
	#package-pages .inner-wrap-headline-vinyl {
    margin: 0 auto;
    max-width: 1200px;
    overflow: hidden;
    padding: 40px 0;
    text-align: center;
}
#package-pages .col-lefttwothirds p {
    color: #666;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 20px;
}
#package-pages .col-1-2 {
    float: left;
    margin-right: 4%;
    width: 46%;
}
#package-pages .col-2-2 {
    float: left;
    margin:0;
    width: 48%;
}
#package-pages .col-lefttwothirds {
    float: left;
    margin-right: 4%;
    width: 63%;
}
#package-pages .inner-wrap-guarantee p {
	color: #666;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 20px;
}
#package-pages .inner-wrap-guarantee p.guarantee-details {
	color: #666;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 20px;
}
#package-pages .greyline {
	width:100%;
	margin:5% 0;
	border-bottom:1px solid #CCC;
}
	
@media all and (min-width: 768px) {
#package-pages .inner-wrap-headline, #package-pages .inner-wrap-headline-vinyl {
	padding:30px 0;
}

.packages-price {font-size: 52px;}
	
.packages-bulleted-list li{
	margin:6px 0 0 14px;
	list-style-type:disc;}
	
.packages-content-subheader{
	font-size:30px;
	line-height:40px;
	font-weight:normal;
	color:#333333;
	text-align:center;
	display:block;}

.black-intro{
	font-size:20px;
	line-height:22px;
	font-weight:bold;
	color:#000;}
	
.lightgrey-intro {
    color: #666;
    font-size: 15px;
    line-height: 25px;}	

.tip{
	font-size:18px;
	line-height:28px;}
	
.tip-orange{
	font-size:28px;
	line-height:36px;}
.packages-popular-package {
    font-size: 18px;
    line-height: 30px;}

.service-header {
   font-size: 16px;
	font-weight: bold;
   line-height: 24px;}	
	
.service-subhead{
	font-size:14px;
	line-height:22px;}	
		
.packages-item-services{
	margin:0 30px;
	overflow:hidden;}
}
@media all and (max-width: 768px) {
.packages-description {font-size: 22px; line-height:30px;}
.packages-content-header{
	font-size:28px !important;
	line-height:36px !important;}
	
.packages-content-subheader{
	font-size:20px;
	line-height:28px;
	font-weight:normal;
	color:#333333;
	display:block;
	text-align:center;}    
}
@media all and (max-width:680px) {
	.tip{
	font-size:16px;
	line-height:24px;}
	
.tip-orange{
	font-size:20px;
	line-height:30px;}
}

@media all and (max-width: 600px) {

#package-pages .col-1-2, #package-pages .col-2-2 {
    float: none;
    display: block;
    margin:0 auto;
    width: 100%;}
.packages-image.big{display:none;}
	
.packages-image.small{	
	display:block;
	width:98%;}  
#package-pages .packages-hero-image-big {
	display:none;
}
#package-pages .packages-hero-image-small {
	display:block;
}	
.packages-container-top-responsive, .packages-container-responsive {
    width:100%;
	margin:0px auto;
    padding: 30px 0;}
			
.packages-container-top-responsive{	margin:0 auto;}
	
.packages-item-alt{
	width:97%;
	display:block;
	margin:8% 3% 0;
	overflow:hidden;
	padding-bottom:10%;
	border-bottom:1px solid #CCC;}
	
.packages-bulleted-list li{
	margin:5px 0 0 14px;
	list-style-type:disc;}
.packages-image.small{	
	display:block;
	width:97%;
	margin-bottom:20px;}
	
.packages-image-left, .packages-image-right-responsive, .packages-text-right-responsive, .intro-container-left, .packages-text-left-responsive, .intro-container-right {
    float: none;
    display: block;
    margin: 0 auto;
    width: 100%;}

.packages-popular-package {
    font-size: 16px;
    line-height: 30px;}
	
#packages-image-container {
    float: right;
    padding: 5% 11% 10% 6%;}	
	
#packages-tip{	
	margin-top:30px;
	padding:20px;}
	
.tip{
	font-size:20px;
	line-height:33px;
	color:#000;}
	
.tip-orange{
	font-size:34px;
	line-height:32px;
	color:#FF9326;
	margin-bottom:0;}	

.services-col1, .services-col2{
		float:left;
		margin:0 0 30px 0 ;
		width:100%;}
	
.services-col3{
		float:left;
		margin:0 ;
		width:100%;}	

.service-header {
    color: #000;
    font-size: 18px;
    line-height: 22px;}	
	
.service-subhead{
	font-size:13px;
	color:#666;
	line-height:20px;}	
	
.packages-item-services{
	margin:0 10px;
	overflow:hidden;}
a.packages-quote-button-large {
	font-size: 20px;}
.jacket-text-topmargin {
	margin-top: 0;
}
.jacket-text-topmargin2 {
	margin-top: 0;
}
#package-pages .col-lefttwothirds {
    display:block;
	width:100%;
	padding:4% 2%;
}
#package-pages .inner-wrap-guarantee {
	padding:8% 2%;
}
#package-pages .greyline {
	margin:10% 0;
}
}

	/*	=============================================================================================================
	SPLASH PAGE 12-2015
	============================================================================================================= */
	#home {
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
}
#home #home-hero-section{
	width:100%;
	background-color:#000;
	background-image: url("../../IMG/CDB/home-hero-bkgrd.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	overflow:hidden;
	padding-bottom:0;
}
#home .inner-wrap, #home .inner-wrap.max800 {
	max-width:1280px;
	margin:0 auto;
	padding: 0 4%;
}
#home .inner-wrap.max800 {
	max-width:800px;
}
#home .inner-wrap.ptb-50 {padding-top:50px !important; padding-bottom: 50px !important;}
#home #home-hero-section-innerwrap-left {
	width:50%;
	margin:0 2% 4% 0;
	float:left;
	padding-top:3%;
}
#home #home-hero-section-innerwrap-right {
	width:48%;
	margin:0;
	float:left;
}

/*** rebrand Fonts  ***/
@font-face {
    font-family: 'Roobert';
    src: url('../../fonts/Roobert-Bold.eot');
    src: url('../../fonts/Roobert-Bold.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Roobert-Bold.woff2') format('woff2'),
         url('../../fonts/Roobert-Bold.woff') format('woff'),
         url('../../fonts/Roobert-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Roobert';
    src: url('../../fonts/Roobert-Medium.eot');
    src: url('../../fonts/Roobert-Medium.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Roobert-Medium.woff2') format('woff2'),
         url('../../fonts/Roobert-Medium.woff') format('woff'),
         url('../../fonts/Roobert-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roobert';
    src: url('../../fonts/Roobert-Light.eot');
    src: url('../../fonts/Roobert-Light.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Roobert-Light.woff2') format('woff2'),
         url('../../fonts/Roobert-Light.woff') format('woff'),
         url('../../fonts/Roobert-Light.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

#home .home-headline {
	font-family: 'Roobert', sans-serif;
	color: #fff;
	display: block;
	float: left;
	font-size: 56px;
	font-weight: bold;
	line-height: 66px;
	margin: 0 0 2%;
	text-transform: none !important;
}
#home .home-subheadline {
    font-family: 'PT Sans', sans-serif;
	color: #f3ede4;
	font-weight: 400;
    display: block;
    font-size: 28px;
    line-height: 38px;
    margin: 0 0 5%;
}
#home .home-hero-link {
	font-family: 'Merriweather', serif;
	color: #FFF;
	text-decoration:underline;
	font-weight: 400;
    display: block;
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 5%;
}
#home .home-hero-link a {
	color: #4cbe9f;
	text-decoration:underline;
}
#home .home-hero-link a:hover {
	color: #64bacd;
	text-decoration:underline;
}
	
#home #home-products-section, #home #home-services-section{
	width:100%;
	background-color:#f2b538;
	overflow:hidden;
	padding:4% 0 6% 0;
}
#home #home-services-section{
	background-color:#40bcd0;
}
#home #home-services-section.lesspad {
    padding: 50px 0 !important;
} 
#home #home-products-section-innerwrap, #home #home-services-section-innerwrap {
	max-width:1280px;
	margin:0 auto;
	padding: 0 2%;
	text-align:center;
}
#home #home-products-section-innerwrap h3, #home #home-services-section-innerwrap h3, #mainimage-holiday-2017-banner h3 {
	font-family: 'Roobert', sans-serif;
	color: #000;
	font-weight: bold;
    display: block;
    font-size: 40px !important;
    line-height: 49px !important;
    margin: 0 0 1%;
}
#home #home-products-section-innerwrap h4.home-prodsubheadline {
	font-family: 'Roobert', sans-serif;
	color: #000;
	font-weight: bold;
    display: block;
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 4%;
}
#home p.package-description {
	font-family: 'Merriweather', serif;
	font-weight:400;
	font-size: 15px;
	line-height:22px;
	margin:0;
}
#home #home-products-section-innerwrap h4.home-prodsubheadline a, #home p.package-description a {
	color: #1f1f30;
	text-decoration:underline;
}
#home #home-products-section-innerwrap h4.home-prodsubheadline a:hover, #home p.package-description a:hover {
	color: #4a2651;
	text-decoration:underline;
}
#home .home-col1-4, #home .home-col2-4, #home .home-col3-4, #home .home-col4-4{
	float:left;
	margin:0 2% 2% 0;
	width:23.5%;
	border:none;
    min-height: 230px;
}
#home .home-col4-4{
	margin:0 0 4% 0;
}
#home .home-col1-4.noheight,
#home .home-col2-4.noheight, 
#home .home-col3-4.noheight, 
#home .home-col4-4.noheight {min-height: 0 !important;} 
#home .home-col1-3.pack {
	float:left;
	margin:1% 2% 2% 2%;
	width:29.33%;
	border:none;
}
#home .home-col1-3, #home .home-col2-3, #home .home-col3-3 {
	float:left;
	margin:1% 2% 2% 0;
	width:32%;
	border:none;
}
#home .home-col1-3-contact, #home .home-col2-3-contact, #home .home-col3-3-contact {
	float:left;
	margin:0 2% 0 0;
	width:46%;
	border:none;
	padding:2% 1%;
	position:relative;
	min-height:90px;
}
#home .home-col3-3 {
	margin:1% 0 0 0;
}
#home .home-col2-3-contact{
	margin:0;
}
#home .home-contact-section a {
	position:absolute;
	width:100%;
    height:100%;
    top:0;
    left:0;
    text-decoration:none; /* Makes sure the link   doesn't get underlined */
    z-index:10; /* raises anchor tag above everything else in div */
    background-color:white; /*workaround to make clickable in IE */
    opacity: 0; /*workaround to make clickable in IE */
    filter: alpha(opacity=1); /*workaround to make clickable in IE */
	
}
#home .home-contact-section a:hover {
	text-decoration:underline;
    opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}
#home #home-products-section img:hover,
#home #home-services-section img:hover {
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}
#home h4.package-link {
	font-family: 'Roobert', sans-serif;
	font-weight:bold;
	font-size: 24px;
	margin:5% 0 1% 0;
	text-align:center
}
#home h4.package-link a {
	color:#333;
	text-decoration:none;
}
#home h4.package-link a:hover {
	text-decoration:underline;
}
#home #home-testimonial-section{
	width:100%;
	background-color:#1e1f31;
	overflow:hidden;
}
#home #home-testimonial-section-innerwrap, #home .inner-wrap-guarantee {
	max-width:1280px;
	margin:0 auto;
	padding: 4% 2%;
	overflow:hidden;
}
#home .home-col1-2, #home .home-col1-2-poster {
	width:47%;
	margin:0 6% 0 0;
	float:left;
}
#home .home-col2-2 {
	width:47%;
	margin:0 0 0 0;
	float:left;
}
#home .home-col2-2-poster {
	width:47%;
	margin:0 0 4% 0;
	float:left;
	background-color:#383838;
	background-image:url(../../IMG/CDB/home-posters.png);
	background-position:0% 0%;
	background-repeat: no-repeat;
	background-size:cover;
	height:280px;
}
#home .home-testimonial-section-image {
	float:left;
	width:26%;
	margin-right:4%;
}
#home .home-testimonial-section-text {
	float:left;
	width:70%;
	margin:0;
}
#home .home-testimonial-section-text p {
	font-family: "PT Sans",sans-serif;
	font-weight:400;
	font-size: 18px;
	line-height:28px;
	margin:0;
	color:#F2ECE9;
	text-align:left;
}
#home #home-posters-section{
	width:100%;
	background-color:#1e1f31;
	overflow:hidden;
}
#home #home-guarantee-section{
	width:100%;
	background-color:#40bcd0;
	overflow:hidden;
}
#home .home-posters-innerwrap {
	max-width:1280px;
	margin:0 auto;
	padding: 0 1%;
}
#home .margin-bottom0 {
	margin-bottom:0;
}
#home h3.home-posters-headline {
	font-family: "Roobert",sans-serif;
	font-weight: bold;
	font-size: 36px;
	line-height: 46px;
	margin: 0;
	text-align: left;
	color: #FFF;
	padding-top: 11%;
}
#home h4.home-posters-subheadline {
	font-family: 'Merriweather', serif;
	font-weight:400;
	font-size: 20px;
	line-height:32px;
	margin:10px 0;
	text-align:left;
	color:#FFF;
}
#home p.home-posters-body {
	font-family: 'Merriweather', serif;
	font-weight:400;
	font-size: 15px;
	line-height:24px;
	margin:0;
	text-align:left;
	color:#FFF;
}
#home p.home-posters-body a {
	color:#40bcd0;
	text-decoration:underline;
}
#home p.home-posters-body a:hover{
	color: #40bcd0;
	text-decoration:underline;
}
#home #home-contact-section{
	width:100%;
	background-color:#1e1f31;
	overflow:hidden;
	padding:3% 0;
}
#home #home-contact-section .contact-image{
	float:left;
	width:16%;
	margin-right:4%;
}
#home #home-contact-section .contact-text{
	float:left;
	width:80%;
}
#home #home-contact-section h3{
	font-family: "Robert",sans-serif;
	font-weight:bold;
	font-size: 26px;
	line-height:36px;
	margin:0;
	text-align:left;
	color:#F2EEE9;
}
#home #home-contact-section h3 a{
	text-decoration:none;
	color:#F2EEE9;
}
#home #home-contact-section h3 a:hover{
	text-decoration:underline;
}
#home #home-contact-section p.contact-body{
	font-family: 'Merriweather', serif;
	font-weight:400;
	font-size: 14px;
	line-height:22px;
	margin:0;
	text-align:left;
	color:#F2EEE9;
}
#home #home-guarantee-section .guarantee-image{
	float:left;
	width:15%;
	margin-right:4%;
}
#home #home-guarantee-section .guarantee-text{
	float:left;
	width:81%;
	margin-bottom:5%;
}
#home #home-guarantee-section h3.guarantee-headline{
	font-family: "Roobert",sans-serif;
	font-weight:bold;
	font-size: 24px;
	line-height:32px;
	margin:0;
	text-align:left;
	color:#000;
}
#home .home-col1-2-guarantee {
	width:48%;
	margin:0 4% 0 0;
	float:left;
	padding:0;
}
#home .home-col2-2-guaranteeimage {
	width:48%;
	margin:0;
	float:left;
	background-color:#40bcd0;
	background-image:url(../../IMG/CDB/home-guaranteebkgrd.jpg);
	background-position:0% 0%;
	background-repeat: no-repeat;
	background-size:cover;
	height:340px;
}

#home #button-container-index {
    display: block;
    margin: 0 auto 4%;
    float: left;
    text-align: center;}
	
#home #merch-section {
	width: 100%;
	background-image: url("../../IMG/CDB/merch-hero.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	padding-bottom: 0;} 
		
#home #merch-section h3 {
    font-family: 'PT Sans', sans-serif;
    color: #fff;
    font-weight: 600;
    display: block;
    font-size: 44px;
    line-height: 49px;
    margin: 0 0 1%;}
	
#home #merch-section h4 {
	font-family: 'PT Sans', sans-serif;
	color: #fff;
	font-weight: 400;
	display: block;
	font-size: 24px;
	line-height: 34px;
	margin: 0 0 2%;}
	
#home #merch-section .inner-wrap {
		max-width:1280px;
		margin:6% auto 4%;
		text-align:center;
		float: center;}
		
#home #merch-section img {max-width:350px; margin: 0 0 3%;}	

#home #merch-section #button-container-index {float: none;}	

@media all and (max-width: 1200px) {
#home .home-mainimage {
	margin-top:40px;}
}
@media all and (max-width: 1200px) {
	#home #home-products-section-innerwrap h3, #home #home-services-section-innerwrap h3, #mainimage-holiday-2017-banner h3 {
    	font-size: 32px !important;
    	line-height: 42px !important;
	}
	#home h4.package-link {
	font-size: 18px;
	}
}
@media all and (max-width: 1030px) {
#home .home-col1-4, #home .home-col2-4, #home .home-col3-4 {margin:0 2% 2% 0;} /*Accomodates 2 line title*/
}
@media all and (max-width:850px) {
#home .home-col1-3-contact, #home .home-col2-3-contact, #home .home-col3-3-contact {
	min-height:125px;
}
}
@media all and (max-width: 768px) {
	#home #home-products-section-innerwrap, #home #home-services-section-innerwrap {
		padding: 2% 4%;
	}
	#home #home-testimonial-section-innerwrap, #home .inner-wrap-guarantee {
		padding: 4%;
	}
	#home .home-mainimage {
		margin-top: 60px;}
	#home .home-headline {
    	font-size: 42px;
    	line-height: 52px;
	}
	#home .home-subheadline {
    	font-size: 22px;
    	line-height: 28px;
    	margin: 0 0 5%;
	}
	#home h4.package-link {
	font-size: 15px;
	}
	#home .home-col1-4, #home .home-col3-4 {
		float:left;
		margin:0 6% 5% 0;
		width:47%;
	}
	#home .home-col2-4, #home .home-col4-4{
		float:left;
		margin:0 0 5% 0;
		width:47%;
	}
	#home #home-products-section-innerwrap h4.home-prodsubheadline {
		font-size: 18px;
    	line-height: 28px;
		margin: 0 0 6%;
	}
	#home p.package-link {
		font-size: 20px;
	}
	#home h3.home-posters-headline {
    	padding-top: 7%;
	}
	#home h4.home-posters-subheadline {
    	font-size: 20px;
    	line-height: 28px;
	}
	#home #merch-section img {max-width:200px; margin: 0 0 4%;}	
}
@media all and (max-width: 600px) {
#home #home-hero-section-innerwrap-left, #home #home-hero-section-innerwrap-right {
	width:100%;
	display:block;
	margin:0 0 4% 0;
	padding-top:3%;
	text-align:center;
}
#home #home-hero-section-innerwrap-right {
	margin:0 0 1%;
}
#home .home-mainimage {
	margin-top:0;
}
#home #button-container-index {
    float: none;}
#home .home-headline {
    font-size: 33px;
    line-height: 43px;
}
#home .home-hero-link {
	font-size: 16px;
    line-height: 26px;
}
#home a.home-quote-button {
    font-size: 15px;
}
#home .home-testimonial-section-text p {
	font-size: 15px;
	line-height:23px;
}
#home .home-col1-2-guarantee {
	width:100%;
	display:block;
	margin:0 0 3% 0;
	padding:2% 0 0 0;
}
#home .home-col2-2-guaranteeimage {
	width:100%;
	display:block;
	margin:0 0 0 0;
	max-height:200px;
	background-image:url(../../IMG/CDB/home-guaranteebkgrd-mobile.jpg);
	background-position:0% 0%;
	background-repeat: no-repeat;
	background-size:cover;
}
#home .home-col1-3-contact, #home .home-col2-3-contact, #home .home-col3-3-contact {
	min-height:150px;
}
#home .home-col1-4, #home .home-col2-4, #home .home-col3-4, #home .home-col4-4 {
	min-height:200px; 
}
#home .home-col2-4, #home .home-col4-4{
	float:left;
	margin:0 0 5% 0;
	width:47%;
}
#home h3.home-posters-headline {
	font-size: 30px;
	line-height:40px;
}
}
@media all and (max-width: 480px) {
#home .inner-wrap {
	padding:4%;
}
#home #home-products-section, #home #home-services-section {
    padding: 8% 0 6%;
}
#home .home-headline {
    font-size: 38px;
    line-height: 48px;
}
#home #home-testimonial-section-innerwrap {
    margin: 0 auto;
    max-width: 1280px;
    padding: 8% 2%;
}
#home .home-testimonial-section-image {
	width:100%;
	display:block;
	margin-bottom:8%;
}
#home .home-testimonial-section-text {
	width:100%;
	display:block;
}
#home .home-col1-3, #home .home-col2-3, #home .home-col3-3 {
	width:100%;
	margin-bottom:8%;
}
#home .home-col1-3.pack {
	width:46%;
	margin: 0 2% 4% 2%;
}
#home .home-col1-2-poster, #home .home-col1-2-guarantee {
	display:block;
	width:100%;
	margin:0;
	padding:8% 0;
}
#home .home-col2-2-poster, #home .home-col2-2-guaranteeimage {
	display:block;
	width:100%;
	margin:0;
	height:180px;
}

#home h3.home-posters-headline, #home h4.home-posters-subheadline, #home p.home-posters-body {
	padding-top:0;
	text-align:center;
}

}
@media all and (max-width: 480px) {

#home #home-products-section-innerwrap h4.home-prodsubheadline {
    margin: 0 0 6%;
}
#home #home-products-section-innerwrap h3, #home #home-services-section-innerwrap h3, #mainimage-holiday-2017-banner h3 {
    margin: 0 0 4%;
}
#home .home-col1-4, #home .home-col2-4, #home .home-col3-4, #home .home-col4-4{
	width:100%;
	margin-bottom:6%;
}
#home #home-products-section-innerwrap h4.home-prodsubheadline {
	font-size: 16px;
    line-height: 24px;
}
#home p.package-link {
	font-size: 18px;
}
#home .home-col1-2 {
	display:block;
	width:100%;
	margin:0;
}
#home .home-col2-2 {
	display:block;
	width:100%;
	margin:0;
}
#home .home-col2-2-poster {
	display:block;
	width:100%;
	margin:4% 0 0 0;
}
#home .home-testimonial-section-text {
	width:100%;
	display:block;
	margin-bottom:8%;
}
#home #home-guarantee-section .guarantee-image {
    display: block;
    margin: 0 42% 2% 42%;
}
#home #home-guarantee-section .guarantee-text {
    width: 100%;
	display:block;
}
}	
/*	=============================================================================================================
	HOLIDAY BANNER
	============================================================================================================= */
#holiday-page #mainimage-holiday-2017-banner {
    background-image: url(../../IMG/CDB/holiday-banner-green.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    float: none;
 	padding: 30px 0 20px;
    margin:0 auto;
	text-align:center;}
	
	
#holiday-page #mainimage-holiday-2017-banner h2 {
	font-family: 'Roobert', sans-serif;
	margin: 0 auto 20px; 
	color: #FFF; 
	font-weight: bold;
	font-size: 36px; 
	line-height: 46px;}
	
.products-container-top-responsive {
    border-top: none;
    overflow: hidden;
    margin: 0 auto;}

		
 @media all and (max-width: 767px) {
	 #holiday-page #mainimage-holiday-2017-banner h2 { font-size: 22px; line-height:28px; }
 }
 
/*	=============================================================================================================
	HOLIDAY DEADLINES
	============================================================================================================= */	
#holiday-page #holiday-hero-section{
	width:100%;
	background-image: url("../../IMG/CDB/holiday-bkgd-hero.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	overflow:hidden;
	padding-bottom:0;}
	
#holiday-page .holiday-body-2015{
	max-width:1200px;
	margin:0 3% ;
	overflow:hidden;}	
.deadline-section { background-color: #40bcd0; padding: 40px 0; }
	
#holiday-page .holiday-body-2015 p{ margin-bottom:15px;}

#holiday-page .ship-date-2015{
	font-size:15px;
	line-height:22px;
	font-weight:normal;
	color:#333;
	float:left;
	font-style:italic;}	
	
#holiday-page .holiday-table-container-html-2015 table {
	background-color: #FFF;
	float:left;
    border: 1px solid #e1e1e1;
    margin: 0 auto;
    vertical-align: middle;
    width: 100%;}

#holiday-page .holiday-table-container-html-2015 td {
    border: 1px solid #EDEDED;
    padding: 3%;
    vertical-align: middle;}
	
#holiday-page .blue-bg-responsive-2015 td {
	padding:12px 12px !important;
    background-color: #1e1f31;
    color: #FFF;
    font-size: 22px;}

#holiday-page .holiday-text-2015{color:#333;}
	

#holiday-page .holiday-subhead-2015{
	font-size:36px ;
	line-height:40px ;
	font-weight:bold;
	color:#000;}	

#holiday-page .holiday-body-copy-2015 {
    color: #FFF;
    font-size: 18px ;
    line-height: 32px ;
	margin-top:5px;}

@media screen and (min-width: 1071px) and (max-width: 1300px) {
#holiday-page #holiday-hero-section-innerwrap-left h1 {
	font-size: 40px;
   	line-height: 50px;
   	width:64%;
   	margin:5% 36% 2% 0;}

#holiday-page #holiday-hero-section-innerwrap-left h2 {
  font-size: 24px;
  line-height: 34px;
  margin: 0 0 2%;}	
}

@media screen and (min-width: 831px) and (max-width: 1070px) {
#holiday-page #holiday-hero-section-innerwrap-left h1 {
   font-size: 36px;
   line-height: 46px;
   margin: 6% 0 1%;
   width: 100%;}

#holiday-page #holiday-hero-section-innerwrap-left h2 {
   font-size: 20px;
   line-height: 30px;
   margin: 0 0 2%;}	

#holiday-page #holiday-hero-section-innerwrap-left p {
	font-size: 16px;
	line-height: 28px;
	margin: 0 0 5%;}		
	
#holiday-banner-section #banner-innerwrap-left {margin:2%;}  
#holiday-page .holiday-subhead-2015 {font-size: 26px;line-height: 36px;} 

#holiday-banner-section h3 {
	font-size: 32px;
	line-height: 45px;
	margin-bottom: 5px;}

#holiday-banner-section h4 {font-size: 18px;margin-bottom: 5px;}	
}

@media all and (max-width: 920px) {
#holiday-page .banner-holiday-2015-headb {font-size: 28px;line-height: 38px;}
#holiday-page .banner-holiday-2015-subheadb {font-size: 18px; line-height: 28px;}
}
@media screen and (min-width: 768px) and (max-width: 830px) {
#holiday-page #holiday-hero-section-innerwrap-left h1 {
 font-size: 32px;
 line-height: 46px;
 margin: 4% 0 1%;
 width: 100%;}

#holiday-page #holiday-hero-section-innerwrap-left h2 {
 font-size: 18px;
 line-height: 28px;
 margin: 0 0 2%;}	

#holiday-page #holiday-hero-section-innerwrap-left p {
  font-size: 14px;
  line-height: 26px;
  margin: 0 0 5%;}
  
#holiday-banner-section #banner-innerwrap-left {
  width: 50%;
  margin: 2%;
  float: left;
  padding-top: 0;}	
  
#holiday-page .holiday-subhead-2015 {font-size: 26px; line-height: 36px;}  
  
#holiday-banner-section h3 {
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 5px;}

#holiday-banner-section h4 {font-size: 18px; margin-bottom: 5px;}		  	  
}
@media screen and (max-width: 767px) {
#holiday-page #holiday-hero-section-innerwrap-left {
	width: 100%;
	margin: 0;
	float: none;
	padding-top: 3%;
	text-align: center;}
	
#holiday-page #holiday-hero-section-innerwrap-right {
	width: 100%;
	margin: 0 0 1% 0;
	float: none;
	padding-top: 0;
	text-align: center;} 
	
#holiday-page #holiday-hero-section-innerwrap-right img {width: 65%;}
	
#holiday-page #holiday-hero-section-innerwrap-left h1 {
   font-size: 44px;
   line-height: 60px;
   margin: 2% 0 1%;
   width: 100%;}

#holiday-page #holiday-hero-section-innerwrap-left h2 {
   font-size: 20px;
   line-height: 28px;
   margin: 0 0 1%;}
   
#holiday-page #holiday-hero-section-innerwrap-left p {
	font-size: 15px;
	line-height: 26px;
	margin: 0 0 3%;}	
	
#holiday-page .holiday-subhead-2015 {font-size: 20px; line-height: 28px;}
	
#holiday-banner-section #banner-innerwrap-left {
	width: 50%;
	margin: 2%;
	float: left;
	padding-top: 0;}	
	
#holiday-banner-section h3 {
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 5px;}

#holiday-banner-section h4 {font-size: 14px;margin-bottom: 5px;}	  
#holiday-banner-section #banner-innerwrap-left {width: 58%;}	  
#holiday-banner-section #banner-innerwrap-right {width:38%;}	  	      		  
}
@media all and (max-width: 600px) {
	
#holiday-page a.download-button-2015 {
    font-size: 13px;
    padding: 7px 15px 10px 15px;
}
#holiday-page .holiday-subhead-2015 {font-size: 26px; line-height: 32px;}
#holiday-page .holiday-body-copy-2015 {
    color: #666;
    font-size: 15px ;
    line-height: 25px ;
	margin-top:5px;}
}

@media screen and (min-width: 351px) and (max-width: 550px) {
#holiday-banner-section #banner-innerwrap-left {width: 72%; margin: 3% 2% 3% 0;}  
#holiday-banner-section #banner-innerwrap-right {width: 25%;}		  
.stocking-mobile {display: block; width:80%;}
.stocking-desktop {display:none;}	
}
@media all and (max-width: 480px) {
#holiday-page #mainimage-holiday-2015 h1{
	font-size:34px ;
	line-height:38px;
	margin-bottom:3% ;}
	#mainimage-holiday-2015 h2{
	font-size:18px ;
	line-height:26px ;
	margin-bottom:3%}
	
#holiday-page .banner-holiday-2015-headb {
   	font-size: 20px;
    line-height: 28px;}
	
#holiday-page .banner-holiday-2015-subheadb {
    font-size: 14px;
    line-height: 22px;}

}
@media screen and (max-width: 450px) {
#holiday-banner-section #banner-innerwrap-left {width: 60%; margin: 4% 0;}	  
#holiday-banner-section #banner-innerwrap-right {width: 36%;}		  	
#holiday-banner-section h3 {
	  font-size: 18px;
	  line-height: 26px;
	  margin-bottom: 3px;}  		  	  
#holiday-banner-section h4 {
	  font-size: 13px;
	  margin-bottom: 5px;}  
.stocking-mobile {display: block; width:100%;}
.stocking-desktop {display:none;}		
}

/*	=============================================================================================================
	Merch
	============================================================================================================= */
	#merch #hero-section {
		width: 100%;
		background-image: url("../../IMG/CDB/merch-hero.jpg");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		overflow: hidden;
		padding-bottom: 0;}

	#merch h1 {
		font-family: 'Roobert', sans-serif;
		color: #fff;
		display: block;
		float: none;
		font-size: 80px;
		font-weight: bold;
		line-height: 90px;
		margin: 6% auto 10px;
		text-align: center;
		text-shadow: 1px 1px 8px #000;}
	
	#merch h2 {
		font-family: 'PT Sans', sans-serif;
		color: #f3ede4;
		font-weight: 400;
		display: block;
		font-size: 28px;
		line-height: 38px;
		margin: 0 auto 30px;
		float: none;
		text-align: center;
		text-shadow: 1px 1px 5px #000;}
		
	#button-container-index {
		display: block;
		margin: 0 auto;
		float: none;
		text-align: center;}
	  
	#merch #merch-text-section{
		width:100%;
		background-color:#f2b538;
		overflow:hidden;
		padding:5% 0;}
	
	#merch .inner-wrap {
		max-width:1280px;
		margin:60px auto;
		text-align:center;}
	#merch #hero-section .inner-wrap {padding: 0 2%;}	
	#merch #merch-text-section .inner-wrap {padding: 0 15%;}
	#merch #tshirt-section .inner-wrap {padding: 8% 1%;}
	#merch #merch-product-section .inner-wrap {padding: 0 10%;}	  
	#merch #free-shipping-section .inner-wrap, #merch #bottom-banner .inner-wrap {margin:5% auto;}
#merch #button-container-index {margin: 40px 0 60px !important;}
	#merch h3 {
		font-family: 'PT Sans', sans-serif;
		font-weight: 600;
		display: block;
		font-size: 38px;
		line-height: 50px;
		margin: 0;
		text-align:center;
		color: #000;}
		
	#merch #tshirt-section h3, #merch #free-shipping-section h3, #bottom-banner h3 {color:#fff;}
	#merch #merch-product-section h3, #merch #bottom-banner h3 {margin-bottom:30px;}
	#merch #free-shipping-section h3 {margin-bottom:10px;}
		
	#merch h4, #merch h4.last {
		font-family: 'PT Sans', sans-serif;
		color: #000;
		font-weight: 400;
		display: block;
		font-size: 24px;
		line-height: 38px;
		text-align:center;
		margin: 0;}
		
	#merch #merch-text-section h4, #merch #merch-text-section h4.last {margin: 0 0 4%;}
	#merch #tshirt-section .col1-2 h4, #merch #merch-product-section h4, #merch #free-shipping-section h4 {color:#FFF;}
		
	#merch #merch-product-section h4 a {color:#333; text-decoration:none;}
	#merch #merch-product-section h4 a:hover {text-decoration:underline;}
		
	#merch h4.last {margin:0!important;}
		
	#merch #tshirt-section{
		width: 100%;
		background-image: url("../../IMG/CDB/merch-tshirt.jpg");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		overflow: hidden;}	
		
	#merch #merch-product-section {
		width:100%;
		background-color:#f2b538;
		overflow:hidden;
		padding:5% 0 3%;}
		
	#merch #tshirt-section .col1-2 {
		width:60%;
		margin:0;
		float:center;}
		
	#merch #tshirt-section .col1-2 p, #merch #merch-product-section p {
		font-family: "PT Sans",sans-serif;
		font-weight:400;
		font-size: 15px;
		line-height:24px;
		margin:0;
		text-align:center;
		color:#FFF;}
		
	#merch #merch-product-section p a {color:#333; text-decoration:none;}
	#merch #merch-product-section p a:hover {text-decoration:underline;}	
		
	#merch #tshirt-section .col1-2 p a {
		color:#FFF;
		text-decoration:underline;}
		
	#merch #tshirt-section .col1-2 p a:hover{
		color:#CCC;
		text-decoration:underline;}
		
	#merch .col1-4, #merch .col1-4.last{
		float:left;
		margin:0 10% 2% 0;
		width:17.5%;
		border:none;}
	
	#merch .col1-4.last{margin:0 0 4% 0!important;}
	
	#merch .col1-4 img, #merch .col1-4.last img {margin-bottom:10px;}
	
	#merch #free-shipping-section {
		width:100%;
		background-color:#40bcd0;
		overflow:hidden;}
	  
	#merch #bottom-banner {
		width:100%;
		background-color:#1e1f31;
		overflow:hidden;}  
	  
	 #merch .margin-bottom0 {margin-bottom:0!important;}
	 
	 @media all and (max-width: 980px) {
		 #merch h1 {font-size:68px; line-height: 78px;}
		 #merch h2 {font-size:26px;}
		 #merch #merch-text-section .inner-wrap {padding: 0 5%;}
		 #merch h3 {font-size: 36px; line-height: 42px;}
		 #merch h4, #merch h4.last {font-size: 20px; line-height: 32px;}
		 #merch #tshirt-section .col1-2 {width:42%;}
		 #merch #tshirt-section .inner-wrap {padding: 8% 5%;}
	 }
	 
	 @media all and (max-width: 768px) {
		 #merch h1 {font-size:54px; line-height: 62px;}
		 #merch h2 {font-size:20px; line-height: 28px; margin: 0 auto 20px;}
		 #merch h3 {font-size: 32px; line-height: 42px;}
		 #merch #tshirt-section .col1-2 {width:55%;}
		 #merch #tshirt-section .inner-wrap {padding: 6% 3%;}
		 #merch #merch-product-section .inner-wrap {padding: 0 2%;}
		 #merch .col1-4, #merch .col1-4.last {
			margin: 0 4% 6% 4%;
			width: 42%;
			float: left;}
		 #merch .col1-4 img, #merch .col1-4.last img {width:60%;}
		 #merch h4, #merch h4.last {font-size: 16px; line-height: 28px;}
		 #bottom-banner h3 {margin-bottom: 20px;}
		 #merch #bottom-banner h3 {margin-bottom: 15px;}
	 }
	 
	  @media all and (max-width: 480px) {
		 #merch h1 {font-size:50px; line-height: 60px;}
		 #merch h2 {padding:0 2%;}
		 #merch h3 {font-size: 26px; line-height: 36px;}
		 #merch .col1-4, #merch .col1-4.last {
			margin: 0 5% 6%!important;
			width: 90%;
			float: none;
			text-align:center;}
		 #merch .col1-4 img, #merch .col1-4.last img {width:40%;}
		 #merch a.quote-button {margin-bottom: 8%;}
		 #merch #merch-product-section h4 {
			color: #FFF;
			font-size: 20px;
			line-height: 32px;}
		#merch #bottom-banner .inner-wrap {margin: 5% 2% 7%;}
		#merch #free-shipping-section h3 {margin-bottom: 5px;}
	 }
	 
	 @media all and (max-width: 350px) {
		 #merch h1 {font-size:50px; line-height: 60px;}
		 #merch h2 {padding:0 2%;}
		 #merch h3 {font-size: 26px; line-height: 36px;}
		 #merch #tshirt-section .col1-2 {width:75%;}
		 #merch #tshirt-section .inner-wrap {padding: 6% 1%;}
	 }

/*** USB MUSICIAN STYLES  ***/
section {
    display: block;
}
.text-align-center {
    text-align: center !important;
}
.clearfix::after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.content-wrapper, .content-wrapper1280 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -m-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 40px;
    max-width: 1620px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.content-wrapper1280 {
    max-width: 1280px;
}
.content-wrapper.max1200 {
    max-width: 1200px;
}
.content-wrapper.max800 {
    max-width: 800px;
}

.text-shadow{text-shadow: 1px 1px 4px #000;}
#product-page-usb h1, #product-page-usb .h1, 
#product-page-usb h2.headline,
#product-page-usbh2, #product-page-usb .h2
#product-page-usbh3, #product-page-usb .h3 {
    font-family: 'Roboto Condensed', sans-serif !important;
}

#product-page-usb h1, #product-page-usb .h1, 
#product-page-usb h2.headline {
    font-size: 60px!important;
    line-height:75px!important;
    text-transform:none;
}
#product-page-usb h2.headline {
    font-size: 48px!important;
    line-height:58px!important;
}
#product-page-usb h2, #product-page-usb .h2{
    font-size: 25px!important;
    line-height: 40px!important;}
	
#product-page-usb h3.subheadline, #product-page-usb .h3.subheadline {
    font-size: 24px!important;
    line-height: 36px!important;
    margin-bottom:15px;}


.greyline-666 {
    border-bottom: 1px solid #666;
    margin: 40px 0;
    width: 100%;
    clear: both;
}
.section-subhead, #product-page-usb h2.section-subhead {
    font-size: 40px!important;
    line-height: 56px!important;
    margin-bottom: 20px!important;
    color: #FFF!important;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    float: left;
    width: 100%;
    font-weight: normal;
} 
.section-subhead.black{color:#000 !important;}
.top-m-80 {margin-top: 80px !important;}
.bot-m-0 {margin-bottom: 0 !important;}
.bot-m-5 {margin-bottom: 5px !important;}   
.bot-m-10 {margin-bottom: 10px !important;}       
.bot-m-20 {margin-bottom: 20px !important;}
.bot-m-40 {margin-bottom: 40px !important;}        

.pad-top-0 {padding-top: 0 !important;}
.pad-top-20 {padding-top: 20px !important;}
.pad-top-30 {padding-top: 30px !important;}
.pad-top-40 {padding-top: 40px !important;}
.pad-top-60 {padding-top: 60px !important;}
.pad-top-80 {padding-top: 80px !important;}
.pad-top-160 {padding-top: 160px !important;}
.pad-top-180 {padding-top: 180px !important;}

.pad-bot-20 {padding-bottom: 20px !important;}  
.pad-bot-40 {padding-bottom: 40px !important;} 
.pad-bot-60  {padding-bottom: 60px !important;}
.pad-bot-80  {padding-bottom: 80px !important;}
.pad-bot-160 {padding-bottom: 160px !important;}
.pad-bot-220 {padding-bottom: 220px !important;}
.pad-left-0 {padding-left: 0 !important;}
.left-m20 {margin-left: 20px!important;}
.blue {background: #EAF4F8;}
.white {color: #FFF !important;}
.bg-black {background-color: #000;}
.uppercase {text-transform: uppercase;}
.roboto, .roboto300 {font-family: 'Roboto Condensed', sans-serif !important;}        
.roboto300 {font-weight: 300;}
h2.xl, .h2.xl, #product-page-usb h2.xl {
    font-size: 35px!important;
    line-height: 50px!important;
} 
.product-headline.xl {
    font-size: 62px!important;
    line-height: 72px!important;
}        
.body-minus2 {
    font-size: 12px;
    color: #333;
}
 .body-minus2 a.white-link {
    color: #FFF;
} 
.body-minus2 a.white-link:hover {
    color: #CCC;
}        
.body-plus2 {
    display: block;
    font-size: 18px;
    line-height: 28px;
}
.body-copy a, .body-plus2 a, .body-minus2 a{
	text-decoration: none!important;
	color:#D23D26!important;}	
.body-copy a:hover,
.body-plus2 a:hover,
.body-minus2 a:hover{
	text-decoration:underline!important;}
.light-orange {
    color: #FFA700 !important;
}        
a.light-orangelink{color:#FFA700 !important;}
a.light-orangelink:hover{color:#ca462a !important;}
a.white-link{color:#FFF !important;}
a.white-link:hover{color:#FFA700 !important;}        

.text-align-left {
    text-align: left !important;
}
#button-container-index {
    text-align: none;
}       
.product-bg-img{
    background-color:#000;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}  
.product-headline, .product-headline-opensans {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 42px;
    line-height: 55px;
    margin:0 auto;
    color: #FFF;
    font-weight: normal;
    padding: 20px;
}
.product-headline-opensans, #product-page-usb h1.product-headline-opensans {
    font-family: "Open Sans","Arial",sans-serif !important;
}
.col-1-3prodhero {
    width:40%;
    float:right;}
.col-1-3prodhero-left {
    width:40%;
    float:left;}
.left-m20{margin-left:20px;}
.product-bg-img{
    background-color:#000;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}  
#product-page-usb .container-1-4, #product-page-usb .container-1-5{
    position: relative;
    float: left;
    width: 100%;
    height: auto;
}
.container-1-5 .col-1-5{
	position: relative;
	float: left;
	width: 19%;
    margin-right: 0;
	height: auto;
	text-decoration: none;}
.container-1-5 .col-4-5 {
	width: 76%;
	position: relative;
	float: left;
	display: block;}
	
.container-1-5 .col-1-5:nth-child(1),
.container-1-5 .col-1-5:nth-child(2),
.container-1-5 .col-1-5:nth-child(3),
.container-1-5 .col-1-5:nth-child(4) {margin-right: 1.25%;}

.container-1-5 .col-1-6 {
	position: relative;
	float: left;
	width: 15%;
    /*margin-right: 5%;*/
	height: auto;
	text-decoration: none;}
.container-1-5 .col-5-6 {
	width: 80%;
	position: relative;
	float: left;
	display: block;}
	
.container-1-5 .col-1-6:nth-child(1),
.container-1-5 .col-1-6:nth-child(2),
.container-1-5 .col-1-6:nth-child(3),
.container-1-5 .col-1-6:nth-child(4) {margin-right: 1%;}



.bg-usbmusicians-hero {
    background-image: url("/Quoter/IMG/CDB/responsive/usb/usb-musicians-hero.jpg");
}
.bg-usbmusicians-panel2 {
    background-image: url("/Quoter/IMG/CDB/responsive/usb/usb-musicians-panel2.jpg");
}
.bg-usbmusicians-panel3 {
    background-image: url("/Quoter/IMG/CDB/responsive/usb/usb-musicians-panel3.jpg");
}
.bg-usbmusicians-panel4 {
    background-image: url("/Quoter/IMG/CDB/responsive/usb/usb-musicians-panel4.jpg");
}
.bg-usbmusicians-panel5 {
    background-image: url("/Quoter/IMG/CDB/responsive/usb/usb-musicians-panel5.jpg");
}
.bg-usbmusicians-panel6 {
    background-image: url("/Quoter/IMG/CDB/responsive/usb/usb-musicians-panel6.jpg");
}
.bg-usbmenu-hero {
    background-image: url("/Quoter/IMG/CDB/responsive/usb/usb-menu-hero.jpg");
}
.bg-customusb-hero {
    background-image: url("/Quoter/IMG/CDB/responsive/usb/custom-usb-hero.jpg");
}
.hero-image-tab, .hero-text-tab {
    display:none;
}
.container-2-col, .container-3-col {
    width: 100%;
    position: relative;
    display: block;
    float: left;
}
#services-page .section-2 .col-1-2, #services-page .section-2 .col-1-2.show, .col-1-2 {
    float: left;
    position: relative;
    width: 48%;
        }
#services-page .section-2 .col-1-2,
#services-page .section-2 .col-1-2.show,
#services-page .section-2 .col-2-2,
#services-page .section-2 .col-2-2.show,
.col-1-2,
.col-2-2 {
 float: left;
    position: relative;
    width: 48%;
text-decoration: none;
display: block;
margin-right: 3%;
}
#services-page .section-2 .col-2-2,
#services-page .section-2 .col-2-2.show,
.col-2-2 {
	margin-right:0;
}
@media screen and (max-width:767px) { 
.col-1-2, .col-2-2 {width:100%; display:block; margin-bottom: 30px;}
.col-2-2 {margin-bottom: 0;}
.col-1-2 p{margin-bottom:0;}
}
@media screen and (max-width:980px) { 
.col-1-3prodhero {
    width:50%;}
#product-page-usb .container-1-5 .col-1-5 img,
#product-page-usb .container-1-5 .col-1-6 img{
	position: relative;
	max-width:80px;
	height: auto;}
}
     
@media screen and (max-width: 900px) {     
    .product-hero-bg {
        max-height: 600px;
        height: 600px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) { 
.section-subhead, #product-page-usb h2.section-subhead{
	font-size: 36px;
	line-height: 46px;}
    h1, .h1 {
   font-size: 46px!important;
   line-height:55px!important;
    }
h2, .h2 {
    font-size: 24px!important;
    line-height: 35px!important;
    }
h3, .h3 {
  font-size: 21px!important;
    line-height: 30px!important;
    } 
.body-plus2{
	display: block;
	font-size: 16px;
	line-height:26px;}	
}

@media screen and (max-width: 769px) {
    h1, .h1, #product-page-usb h1, #product-page-usb .h1, #product-page-usb h2.headline {
    font-size: 38px!important;
    line-height:44px!important;
	margin-top: 10px!important;
    margin-bottom: 5px!important;}
    h2.xl, .h2.xl, #product-page-usb h2.xl {
    font-size: 28px!important;
    line-height: 38px!important;
} 

h2, .h2, #product-page-usbh2, #product-page-usb .h2 {
      font-size: 21px!important;
    line-height: 30px!important;}
	
h3, .h3{
    font-size: 18px!important;
    line-height: 24px!important;}

#home #home-products-section-innerwrap h3, #home #home-services-section-innerwrap h3, #mainimage-holiday-2017-banner h3 {
    font-size: 26px!important;
    line-height: 36px!important;
    margin: 0 0 3%;}

#product-page-usb .section-3 {
    display: none;
}
.product-bg-img {display: none;}
.product-bg-img.show {display: block;}    
.hero-image-tab {width:100%;display:block;}
.hero-image-tab img {width:100%; height: auto;}
.hero-text-tab {display: block; width:100%; margin:0 auto;}
.col-1-3prodhero, .col-1-3prodhero-left {
    width:100%;
    height: 500px;
    margin:0 auto;
    display: block;}
.container-1-5 .col-1-5, .container-1-5 .col-4-5, .container-1-5 .col-1-6, .container-1-5 .col-4-6 {
	    width: 100%;
	    display: block;
        margin-right: 0;}

#services-page .section-2 .col-1-2, #services-page .section-2 .col-2-2,
#services-page .section-2 .col-2-2.show {
	width: 100%;
	position: relative;
	float: left;
	text-decoration: none;
	display: block;
	margin-right: 0;}
 .show-overflow {
    overflow: visible;
}   

.col-1-2 img, .col-2-2 img, .col-2-2.show img{height: auto;}

.pad-bot-80.pad-bot-tab0  {
    padding-bottom: 0 !important;
} 
.body-plus2{
	display: block;
	font-size: 16px;}
} 
@media all and (max-width: 767px) {
    .btn-green {min-width: 260px;} 
    .btn-green span {font-size: 18px;}
}

@media screen and (min-width: 600px) and (max-width: 766px) {		
.section-subhead, #product-page-usb h2.section-subhead{
	font-size: 30px;
	line-height: 40px;}
}
/*** END USB MUSICIAN STYLES  ***/ 

/*** SOUNDLAB UPDATE  ***/
.grey-line { 
    border-bottom:#CCC 1px solid; 
    width: 100%;
}

.tracks.samples .content.samples { margin: 0;}

.packages-content-header.audiosamples {
    font-size: 36px !important;
    line-height: 40px !important;
}
.content-wrapper.pad60 {padding:60px 0;}
.lightgrey-intro em{font-style: italic;}
.container-fw {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.bg-ltblue {background-color: #f3fafb;}
.bg-cream {background-color: #F2F0E4;}
.bg-brown {background-color: #6A2E00;}
.bg-mastering {background-image: url("/Quoter/IMG/CDB/responsive/mastering-main-image.jpg");}
.bg-speaker{background-image: url("/Quoter/IMG/CDB/responsive/mastering-speaker-bkgrd.jpg");}
.bg-studio{background-image: url("/Quoter/IMG/CDB/responsive/mastering-studio-bkgrd.jpg");}
@media screen and (max-width:600px) { 
    #home .home-col1-4.xs-12, #home .home-col2-4.xs-12, #home .home-col3-4.xs-12, #home .home-col4-4.xs-12 {
	width: 100% !important;
	display: block !important;
	float: none !important;
	margin:0 auto 15px !important;
	}  
}
/*** END SOUNDLAB UPDATE  ***/
@media screen and (max-width: 1280px) {
	.inner-wrap {
		padding: 0 4% !important;
	}
}
/*	=============================================================================================================
	BUTTONS
	============================================================================================================= */
.btn-green {
	display: inline-block;
	text-decoration: none;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
	background-color: #40bcd0;
	color: #383838;
	padding: 4px 25px;
	/*min-width: 300px;*/
}  
.btn-green:hover {background-color: #f74040; color: #FFF;}

.btn-green span {
	display: block;
	position: relative;
	width: auto;
	color: #383838;
	font-size: 24px;
	padding: 15px 5px;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	float: none;}
.btn-green span:hover {color: #FFF;}

#home a.home-quote-button,
#home a.home-quote-button-dk,
a.download-button-responsive,
a.templates-button-responsive,
a.button-compare-packages-responsive,
a.packages-quote-button-responsive,
a.holiday-quote-button-responsive,
a.holiday-banner-button-responsive,
#holiday-banner-section a.download-button,
a.ds-quote-button,
a.distribution-quote-button,
a.index-quote-button,
a.index-quote-button-jacketoffer,
a.holiday-button-responsive,
a.packages-quote-button-large,
a.packages-quote-button-small,
a.button-center-responsive,
#holiday-page a.download-button-2015,
#holiday-page a.holiday-banner-button-2015,
#merch a.quote-button {
	cursor: pointer;
	display: inline-block;
	background-color: #40bcd0;
	border-radius: 5px;
	color: #383838;
	font-family: 'Roobert',sans-serif;
	font-size: 18px;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	padding: 16px 34px;
	text-decoration: none;
	float: left;
	margin: 20px 0;
}
#home a.home-quote-button-dk {
	color: #FFF;
	background-color: #308f9f;
	float: none;
}

a.download-button-responsive {
	float:right; }

a.packages-quote-button-responsive {
	display:block;
	float:left;
	margin-top:5%;}
		
a.holiday-banner-button-responsive {
	display:block;
	float:left;
	margin-top:3%;}
a.holiday-button-responsive {float:right; }
	
a.button-compare-packages-responsive{
	float: right;
	margin-right:3%;}

 a.packages-quote-button-large {
	font-size: 25px;
	display: inline-block;
	float: none;}

a.button-center-responsive {
	margin:0 auto 30px;
	float:none;}
#merch a.quote-button, a.distribution-quote-button {
	margin:20px auto;
	float:none;
}

#home a.home-quote-button-dk:hover {
	background-color: #f74040;
	color: #FFF;
	text-decoration: none;
}
#home a.home-quote-button:hover,
a.download-button-responsive:hover,
a.templates-button-responsive:hover,
a.button-compare-packages-responsive:hover,
a.packages-quote-button-responsive:hover,
a.holiday-quote-button-responsive:hover,
a.holiday-banner-button-responsive:hover,
#holiday-banner-section a.download-button:hover,
a.ds-quote-button:hover
a.distribution-quote-button:hover,
a.index-quote-button:hover,
a.index-quote-button-jacketoffer:hover,
a.holiday-button-responsive:hover,
a.packages-quote-button-small:hover,
a.packages-quote-button-large:hover,
a.button-center-responsive:hover,
#holiday-page a.download-button-2015:hover,
#holiday-page a.holiday-banner-button-2015:hover,
#merch a.quote-button:hover {
	background-color: #f74040;
	color: #FFF;
	text-decoration: none;
}
@media screen and (max-width: 1280px) {
	#home a.home-quote-button,
	#home a.home-quote-button-dk {
    	float: none;
    	margin: 20px auto;}
}
.body-copy a.download-button-responsive { color:#383838 !important; }
.body-copy a.download-button-responsive:hover { color:#FFF; text-decoration: none !important; }
.button-center-responsive.white { color: #333 !important; background-color: #FFF;}
		.button-center-responsive.white:hover { background-color: #dcddde;}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.margin0auto { margin: 0 auto; }
.bg-img {
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover; 
	}
.highlight-turn {
	display: inline-block;
	background-color: #fffc00;
	margin-top: 10px;
	padding: 5px 10px;
}
em {
	font-style: italic !important;
}