/* 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: 0; }
    #site-header-container, #content, #new-site-footer-container footer > ul { max-width: 1280px !important; }
    #content .wrapper { padding: 0 !important; }
    #content-container { overflow: hidden !important; /*margin-top:-40px;*/ /*uncomment for global message*/ }
    #slideout-content { overflow-x: auto !important; }

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

    @media (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;
	height: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 ==========*/
.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;}
	
.white60{
	font-size:60px;
	line-height:62px;
	color:#FFF;}
		
.green36{
	font-size:36px;
	line-height:45px;
	color:#8CC53E;}

.lightgrey11{
	font-size:11px;
	color:#666;
	line-height:17px;}
	
.lightgrey11 a{
	color:#666;
	text-decoration:underline;}
	
.lightgrey11 a:hover{
	color:#F38909;
	text-decoration:underline;}

.lightgrey12{
	font-size:14px;
	color:#666;
	line-height:25px !important;}
		
.lightgrey12 a{
	color:#666;
	text-decoration:underline;}
		
.lightgrey12 a:hover{
	color: #F38909;
	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;}
	
.grey17{
	font-size:17px;
	line-height:24px;
	color:#333;}
	
.black12{
	font-size:12px;
	line-height:18px;
	color:#000;}	
	
.black14{
	font-size:14px;
	line-height:22px;
	color:#000;}	
	
.black16{
	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;}
	
.black26{
	font-size:26px;
	line-height:30px;
	font-weight:bold;
	color:#000;}
	
.black30{
	font-size:30px;
	line-height:40px;
	color:#000;}
	
.black32{
	font-size:32px;
	line-height:40px;
	color:#000;}
	
.black39{
		font-size:39px;
		line-height:46px;
		color:#000;}
	
.black53{
	font-size:53px;
	line-height:55px;
	color:#000;
	text-align:center;
	margin-bottom:10px;}
		
.black56{
	font-size:56px;
	line-height:56px;
	color:#000;}
@media all and (max-width: 768px) {
.black39{
		font-size:30px;
		line-height:38px;
		color:#000;}
}
@media all and (max-width: 414px) {
.black39{
		font-size:24px;
		line-height:32px;
		color:#000;}
}

.templates-table-html-responsive tr td a img{
	margin:0 auto;}     
	
.orange18-over-22{
		font-size:18px;
		line-height:22px;
		color:#F38909;}
	
.orange23{
	font-size:23px;
	line-height:40px;
	color: #F38909;}
	
#help-left-440 a:hover {
	color:#F38909;
	text-decoration:underline;}
	
a.prooflink {
	font-size: 12px;
	color: #333;
	font-weight: bold;}
	
	
/*	=============================================================================================================
	BUTTONS
	============================================================================================================= */
a.packages-quote-button,
a.btn-startmyproject-design,
a.btn-home-startmyproject,
a.btn-startmyproject,
a.btn-startmyproject-left,
a.btn-startmyproject-top,
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-top {
	margin: 20px 0 0 20px;
	float: left;}

a.btn-startmyproject {float: right;}
	
a.btn-templates-startmyproject {
    float: right;
	margin-right: 40px;
	margin-top:0px;}
	
a.btn-home-startmyproject {
    margin-top: 295px;
    float: left;
    margin-left: 33px;}

a.btn-startmyproject-design {
	margin-bottom:5px;
	margin-top: 12px;
	float: right; }
	
a.btn-startmyproject-centered {
	float:none;
	margin:20px auto 0 auto}	
		
a.btn-watchvideo {
	display: block;
	height: 36px;
	width: 195px;
	background-image: url(../../IMG/CDB/home-btn-watchvideo.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 18px 0 5px 2px;
	float: left;}
	
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-design:hover,
a.btn-watchvideo:hover,
a.btn-home-startmyproject:hover,
a.btn-startmyproject:hover,
a.btn-startmyproject-left:hover,
a.btn-startmyproject-top:hover,
a.btn-startmyproject-centered:hover,
a.btn-templates-startmyproject: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;}
	
.packages-list li{
	margin-top:8px;
	background-image:url(../../IMG/CDB/packaging-bullet.jpg);
	background-position:0px 5px;
	background-repeat:no-repeat;
	padding-left:0px;
	margin-bottom:0px;
	text-indent:11px;}
	

/*	=============================================================================================================
	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 .avlModal-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-disc-copy-right{
	float:left;
	width:250px;}
	
.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;}
	
.templates-copy-margin{
	margin-top:5px;}

/* 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;}
	
.sup-products{
	top:-0.3em;
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;}
	
.products-quote{
	width:790px;
	float:left;
	position:relative;
	background-color:#E5F5F7;
	padding:20px 75px;
	margin:0 auto;
	font-size:16px;}

/* TABLE GRID - TEMPLATES*//* TABLE GRID - COMPARISON*/
.blue-bg td{
	padding:8px 12px !important;
	background-color:#25162f;
	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;
	text-align:center;}
	
#content-container-html td a:hover{
	text-decoration:underline;
	color:#F38909;
	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*/
#content-container-home {
    background-color: #FFFFFF;
    height: 465px;
    padding: 0px;
    position: relative;}

#app {
	-webkit-box-shadow: #CDCDCD 0px 0px 35px;
	-moz-box-shadow: 0px 0px 35px #CDCDCD;
	-khtml-box-shadow: 0px 0px 35px #CDCDCD;
	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: 0px;}
	
.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;}
	
/*MASTERING PAGE*/	
#mainimage-mastering {
	background-image:url(../../IMG/CDB/Mastering-header.gif);
	background-repeat:no-repeat;
	width:940px;
	height:260px;
	float:left;
	margin-bottom:30px;}
	
#mainimage-mastering h1{
	font-size:44px;
	line-height:44px;
	font-weight:bold;
	color:#FFF;
	float:left;
	margin:80px 0 10px 20px;}
	
#mainimage-mastering h2{
	font-size:30px;
	line-height:32px;
	font-weight:normal;
	color:#F3CA75;
	float:left;
	margin:0 0 0 20px;}
	
.left-mastering{
	float:left;
	width:620px;
	margin-right:40px;}
	
.right-mastering{
	float:right;
	width:240px;}

a.mastering-callout{
	display: block;
	height: 460px;
	width: 238px;
	background:url(../../IMG/CDB/mastering-callout.gif) no-repeat;
	background-position: center top;
	margin-bottom:5px;
	float: left;}
	
a.mastering-callout:hover {background-position: center bottom;}

#gallery-bkrnd {
	background-color:#FEFAE8;
	width:240px;
	height: 425px;
	padding-top:10px;
	padding-bottom: 10px;}
	
.blocks-rooms{
	clear:left;
	display:block;
	width: 240px;}

.blocks {
	float:left;
	margin: 10px 10px 12px 13px;
	font-size: 9px;
	vertical-align: top;}
	
.thumb {
	width:95px;
	height:74px;}

/*VIDEO TUTORIALS PAGE*/	
.video-image-left{
	float:left;
	width:202px;
	margin-top:40px;
	margin-left:50px;}

.right-video{
	float:right;
	width:500px;
	margin-top:10px;
	margin-right:50px;
	margin-bottom:10px;
	border:1px solid #cccccc;
	padding:5px 25px 25px 25px;}

/*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*/
#megabundle-page {width: 96%; padding:0 2%;}
#main-offer-distribution{
	background-image: url(../../IMG/CDB/WebDistribution-main.jpg);
	background-repeat: no-repeat;
	background-position:center center;
	background-size: cover;
	margin:0 0 2% ;
	border: 0 none;
	width:96%;
	min-height:350px;
	padding: 20px 2%;
	text-align: center;}
	
#distribution-image-container {
	float:right;
	padding:5% 8% 8% 6%;
}

@media all and (max-width: 768px) {	
#main-offer-distribution {min-height:220px; padding: 0 2%;}
#distribution-image-container {padding: 2% 8% 8% 6%;}
}

.pro-wrap {width: 100%; display: block; margin:0 auto; clear: both;}
.white  {color:#FFFFFF;}
.distribution-logos{margin:10px 0 30px;}
#mega-logos{
	width: 100%;
	height: 59px;
	float: left;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 25px;}
	
.title-bar {
	padding: 2%;
	display: block;
	margin:0 auto;
	width: 96%;
	background-color: #28485F;
	margin-bottom: 15px;}
@media all and (max-width: 480px) {
	.title-bar {
	padding: 4%;
	width: 92%;}
}
	
#mega-copy-container-left{
	width: 900px;
	float: left;
	margin-top: 20px;}
	
.mega-lower-content {
	float: left;
	width: 100%;
	margin-right: 35px;
	margin-left: 5px;}
	
#mega-rule {
	width: 100%;
	float: left;
	height: 1px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top: 20px;
	margin-bottom: 40px;}
	
#mega-copy-container-right {
	width: 900px;
	float: left;
	margin-bottom: 25px;}
	
#pro-lower-content {
	float: left;
	width: 50%;
    margin-right: 4%;
	margin-left: 5px;}

#video-pro {
	float: left;
	text-align: center;
	width: 44%;
	margin-bottom: 100px;}
@media all and (max-width: 768px) {
#pro-lower-content, #video-pro {
	width: 100%;
	display: block;
	margin: 10px 0;}
}

.distribution-pro li {
	list-style-type: disc;
	margin-left: 15px;
	margin-bottom: 5px;}

.bluecallout {
	width: 100%;
	float: left;}

/*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{
	border:1px solid #AACEE4;	
	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 (max-width: 980px) {
.design-headline{
	font-size: 50px;
    line-height: 58px;
}
.design-subheadline{
	font-size: 26px;
    line-height: 35px;
}
}
@media (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;
}
a.btn-startmyproject-design {
	float: left;
    margin: 0 0 4% 0;
}
	}
@media (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 (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;}
		

	/* 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, .distribution-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%}	



.distribution-content-header{
	width:100%;
	margin-bottom:3%;
	display:block;
	text-align:center !important;}
.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: #F38909;
	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:#25162f;
	color:#FFF;
	text-align:center;}
	
@media (max-width: 768px) {
.content-header {width: 95%;}
		
.sub-header {width: 95%;}
	
.body-copy {
    font-size: 13px;
    line-height: 16px !important;}	
}
	
@media (max-width: 540px) {
.content-header {
    font-size: 22px;
    width: 95%;}	
	
.sub-header {
    width: 95%;}	
}	
	
@media (max-width: 480px) {	
.content-header {
    font-size: 22px;
    width: 95%;
	text-align: left;}	
	
.sub-header {display:none;}
}
@media (min-width: 481px) {
.toggle-symbol480{
	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: 'MrAlex-Regular', 'PT Sans', sans-serif;
    color: #1DA061;
    position:relative;
	display: block;
    float: left;
    font-size: 68px;
    font-weight: 700;
    line-height: 76px;
    margin: 8% 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: 'PT Sans', sans-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 #46A28A;}

#holiday-banner-section h4 {
    color: #fff;
    font-size: 22px;
	margin-bottom: 15px;
	text-shadow: 5px 5px 10px #46A28A;}
	
#holiday-banner-section h4 a:hover {color:#DAF2EC;}	
	
#holiday-banner-section a.download-button:hover {
    background-color: #a18e48;
    text-decoration: none;}
	
#holiday-banner-section a.download-button:hover {
    background-color: #a18e48;
    text-decoration: none;}
	
#holiday-banner-section a.download-button {
    cursor: pointer;
    background-color: #83733A;
    border-radius: 50px;
    color: #FFFFFF;
    font-family: "PT Sans",sans-serif;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    padding: 10px 25px 12px 25px;
    text-decoration: none;
    float: left;
    margin-top: 4%;}
	

#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;}	
	
	
	
	
	
.ship-date{
	font-size:14px;
	line-height:22px;
	font-weight:normal;
	color:#333;
	float:left;
	font-style:italic;
	margin:0 0 0 20px;}	
	
.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;
    padding:20px 0;}
	
.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;}


.products-now-available{
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	color:#F38512;}	
	
.products-description{
	font-size:26px;
	line-height:30px;
	font-weight:bold;
	color:#000;}
	.pop-package {
    color: #F90;
    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;}
a.button-compare-packages-responsive, a.packages-quote-button-responsive,  a.mastering-quote-button-responsive, a.holiday-quote-button-responsive, a.holiday-banner-button-responsive {
	cursor: pointer;	
    background-color: #83733A;
	border-radius: 50px;
    color: #FFFFFF;
    font-family: "PT Sans",sans-serif;
    font-size: 17px;
    font-weight: 400;
	text-align:center;
    padding: 15px 30px;
    text-decoration: none;}
	
a.packages-quote-button-responsive {
	display:block;
	float:left;
	margin-top:5%;}
	
a.mastering-quote-button-responsive {
	display:block;
	float:left;
	margin-top:1%;}
	
a.holiday-banner-button-responsive {
	display:block;
	float:left;
	margin-top:3%;}
	
a.button-compare-packages-responsive{
	float: right;
	margin-right:3%;}
	
a.button-compare-packages-responsive:hover, a.packages-quote-button-responsive:hover, a.mastering-quote-button-responsive:hover, a.holiday-quote-button-responsive:hover, a.holiday-banner-button-responsive:hover {
	background-color: #a18e48;
    text-decoration: none;}
	
@media (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;}
	
.holiday-free-pdf {
	margin-top:15px;}
}

@media (max-width: 980px) {
.holiday-free-pdf {
	margin-top:0px;}
}

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

@media (max-width: 600px) {
.products-container-top-responsive, .products-container-blue-responsive, .products-container-responsive {
    width:100%;
	margin:0px auto;
    padding: 25px 0;}
	
.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;}
			
.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: none;
    margin: 0 auto;
    width: 100%;}
	
.products-image-right-responsive {
    float: none;
    margin: 0 auto;
    width: 100%;}
		    
.products-text-right-responsive, .products-text-left-responsive {
    float: none;
    margin: 0 auto;
    padding: 0 8%;
    width: 84%;}
		
a.button-compare-packages-responsive {
	display:none;}
	
.products-image.small.jc {
    display: block;
    width: 90%;}	
}

   /*	=============================================================================================================
	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: 'Open Sans', 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;}

a.download-button-responsive,
a.templates-button-responsive {
	cursor: pointer;	
    background-color: #83733A;
	border-radius: 50px;
    color: #FFFFFF;
    font-family: 'PT Sans',Arial,Helvetica,sans-serif;
    font-size: 100%;
    font-weight: 400;
	text-align:center;
    padding: 10px 20px 12px;
    text-decoration: none;
	line-height:13px !important;}
a.download-button-responsive {
	float:right; }


	.templates-button-innerwrap{
		max-width:1200px;
		text-align:center;
		overflow:hidden;
		padding:2% 0;
	}
	
 /*a.download-button-responsive{
	vertical-align:middle !important;
	margin:auto 0 !important;}*/	

a.download-button-responsive:hover,
a.templates-button-responsive:hover {
	background-color: #a18e48;
   text-decoration: none;}
	

.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: 'PT Sans',Arial,Helvetica,sans-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 (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%;
}

/*	=============================================================================================================
	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, #package-pages .inner-wrap-headline-guarantee, .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-headline-guarantee{
	padding:50px 0;
}
#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-blue-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-container-blue-responsive{
	background-color:#F3FAFB;
	text-align:center; }
.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-size:40px;
	line-height:48px;
	font-weight:bold;
	color:#000;}

.packages-popular-package {
    color: #F90;
    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: #46a28a;
	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: #F38909;
	text-decoration:underline;}
		
.service-subhead a:hover{
	color: #F38909;
	text-decoration:underline;}	
	        
 a.packages-quote-button-large, a.packages-quote-button-small {
	cursor: pointer;	
    background-color: #83733A;
	border-radius: 50px;
    color: #FFFFFF;
    font-family: 'PT Sans',Arial,Helvetica,sans-serif;
    font-size: 25px;
    font-weight: 400;
	text-align:center;
	margin: 15px auto;
    padding: 15px 35px 18px;
    text-decoration: none;
    display: inline-block;}

	
 a.packages-quote-button-small {
	font-size: 18px;
    padding: 10px 25px 12px;
    display:block;
	float:left;
	margin-top:5%;}
	
a.packages-quote-button-small:hover,
a.packages-quote-button-large:hover {
	background-color: #46A28A;
    color:#FFF;
    text-decoration: none;}
	
.packages-content-header{
	font-family: 'Open Sans', sans-serif !important;
	font-size:48px !important;
	line-height:58px !important;
	font-weight:bold !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 .margin-bottom-0{
		margin-bottom:0 !important;
	}
	#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 .col-rightonethirds {
    float: left;
    margin:0;
    width: 33%;
}
#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: 14px;
   line-height: 18px;}	
	
.service-subhead{
	font-size:12px;
	line-height:19px;}	
		
.packages-item-services{
	margin:0 30px;
	overflow:hidden;}
#package-pages .inner-wrap-headline-guarantee {
    padding: 40px 0;
}
}
@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 (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-blue-responsive, .packages-container-responsive {
    width:100%;
	margin:0px auto;
    padding: 30px 0;}
			
.packages-container-top-responsive{	margin:0 auto;}

.packages-container-blue-responsive{
	background-color:#F3FAFB;
	margin:0px 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 .col-rightonethirds {
    display:block;
	width:100%;
	padding:4% 2%;
}
#package-pages .inner-wrap-guarantee {
	padding:8% 2%;
}
#package-pages .greyline {
	margin:10% 0;
}
}

	
.bot-m-0 {margin-bottom: 0px !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: 0px !important;}
.pad-top-20 {padding-top: 20px !important;}
.pad-top-30 {padding-top: 30px !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-160 {padding-bottom: 160px !important;}
.pad-bot-80  {padding-bottom: 80px !important;}
.pad-bot-220 {padding-bottom: 220px !important;}
.pad-left-0 {padding-left: 0 !important;}

/*	=============================================================================================================
	OASIS HOME 2020
	============================================================================================================= */

.products-page-header{text-align: center !important;}

h1.title, #main-content h1, h2.subtitle, h3.h3title, p, body, ul {font-family: Georgia, "Times New Roman", Times, serif !important;}

h1.title, #main-content h1 {
    font-size: 50px;
    line-height: 62px;
    color: #4F7392 !important;
    margin: 0 auto 10px;
    text-align: center;
    font-weight: bold;
    text-transform: none !important;
}
h2.subtitle {
    font-size: 26px;
    line-height: 36px;
    color: #333;
    margin: 0 auto 20px;
    text-align: center;
    font-weight: normal;
}
h3.h3title {
    font-size: 16px;
    line-height: 26px;
    color: #333;
    margin: 0 auto 20px;
    text-align: center;
    font-weight: normal;
}
a, .sub-header a{
    color: #4f7392;
    text-decoration: underline;
}
a:hover, .sub-header a:hover{
    color: #81B2DD;
    text-decoration: underline;
}
a.packages-quote-button-responsive {
    cursor: pointer;
    background-color: #83733A;
    border-radius: 12px;
    color: #FFFFFF;
    font-family: "PT Sans",sans-serif;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    padding: 12px 30px 14px;
    text-decoration: none;
}

@media all and (max-width: 768px) {
    h1.title, #main-content h1 {
        font-size: 42px;
        line-height: 52px;
    }
    h2.subtitle {
        font-size: 22px;
        line-height: 32px;
    }
    h3.h3title {
        font-size: 15px;
        line-height: 25px;
    }
}
@media all and (max-width: 480px) {
    h1.title, #main-content h1 {
        font-size: 30px;
        line-height: 40px;
    }
    h2.subtitle {
        font-size: 19px;
        line-height: 29px;
    }
}