.checkout_heading{
	width:100%;
	position:relative;
	display:block;	
	overflow:hidden;
	padding:20px 5px 5px 5px;
}
	.checkout_heading_wrap{width:980px; margin: 0 auto!important;text-align:center;font-size:1.3em;font-weight:bold;text-transform:uppercase;color:#0d0b0b;}
	span.checkout_headline_tagline{font-size:.8em;font-weight:normal;text-transform:none;color:#b1b3b5;}
	span.offer_mention{font-size:1.0em; color:#2d3e50;}

/*CHECKOUT AREA CSS*/
.checkout_area{width:100%;position:relative;padding-bottom:20px;}
.checkout_wrapper{
	width:680px;
	margin:0 auto!important;
	position:relative;
	overflow:hidden;
	padding-bottom:100px;	/*FOR DEV ONLY*/
	line-height: 1.2em;
	padding:10px;
	border:1px solid #CCC;	
}
	.checkout_wrapper .leftSide{
		float:left;
		width:100%;
		overflow:hidden;
		display:block;
		/*border:1px solid #6e6a6a;
		margin-right:5%;*/
		margin-bottom:10px;
	}
	
	
	.checkout_wrapper .rightSide{
		float:left;
		margin-left:10px;
		width:48%;	
		border:1px solid #6e6a6a;
	}
	
			.rightSide .ad_header{
			background:#CCC;
			height:auto;
			width:100%;
			margin:0 auto!Important;
			padding:10px;
			
			/*Gradient Effect*/
			background:#e1e1e1;
			background: -moz-linear-gradient(top,  #e1e1e1 0%, #ffffff 43%, #ffffff 67%, #e1e1e1 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  #e1e1e1 0%,#ffffff 43%,#ffffff 67%,#e1e1e1 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  #e1e1e1 0%,#ffffff 43%,#ffffff 67%,#e1e1e1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
				
		}
			.rightSide .ad_header img{
			display: block;
   			margin-left: auto;
    		margin-right: auto;
			width:45%; 		
			}
			
			.ad_intro_head{
				width:100%;
				text-align:center;
				padding-top:25px;	
				line-height:2.5em;
			}
			
				.ad_intro_head span.line_one{font-size:1.5em;text-transform:uppercase;color:#4e4948;}
				.ad_intro_head span.line_two{font-size:3.0em;text-transform:uppercase;color:#0071bc;font-weight:bold;}
				
			.intro_price_wrap{
				width:100%;
				text-align:center;
				padding-top:50px;	
				line-height:2.8em;		
			}
				.intro_price_wrap .price_line_one{font-size:2.0em;color:#4e4948;}
				.intro_price_wrap .price_line_two{font-size:5.5em;font-weight:bold;color:#0071bc;}
				
			.offer_product_image{
				width:100%;
				text-align:center;
				padding-top:50px;	
				line-height:2.8em;	
				margin:0 auto!important;
				
			}
					.offer_product_image img{width:80%;}
			.offer_features_list{width:100%; font-size:.8em;}
			.offer_features_list ul {width:80%;list-style-type:none;margin:0 auto!important;}
			.offer_features_list li{padding-bottom:10px;font-size:12px;}
			
/*FORM CSS*/
.containerWrap{padding:10px;}
.step_container{width:100%;border:1px solid #6e6a6a;position:relative; display:block;overflow:hidden;}
.step_container .containerWrap h2{font-size:1.0em;text-transform:uppercase;font-weight:bold;margin:0;padding:0;}
.step_container .containerWrap h3{font-size:.9em;color:gray;}

.form_label{float:left; width:auto!important; padding-right:15px;padding-top:10px;}
.form_element{float:left;width:50px;}
.form_element_radio{float:left;width:100%;}
.form_element_review{width:100%;}

.form_element_radio h4{font-size:.7em;}

.form_element_description {
    font-size: 10px;
    margin-left: 30px!important;
    width: 200px!important;
    border:1px dotted #ccc;
    float: right;
    padding-left: 10px;
}

.form_element_pictures{
    font-size: 10px;
    margin-left: 10px!important;
    width: 215px!important;
    border:1px dotted #ccc;
    float: right;
   
}

.form_element_pictures img {width:100%;}


.field_wrap{width:100%;position:relative;display:block;overflow:hidden;}
.exp_month{float:left;width:45%;}
.exp_year{float:left;width:45%;margin-left:3%;}
p.sub_information_text{font-size:.6em;}
button.formSubmit_btn {
	width:100%;
	background:#cf3434;	
	color:#fff;
	font-weight:bold;
	font-size:1.8em;
	padding:10px;
	margin-bottom:10px;
	margin-top:15px;
	  -webkit-transition: background-color 300ms ease-out 1s;
    -moz-transition: background-color 300ms ease-out 1s;
    -o-transition: background-color 300ms ease-out 1s;
    transition: background-color 300ms ease-out 1s;
}
button.formSubmit_btn:hover{
	background:#ac1e1e;	
}
/*FORM CSS*/			
	/*review order table css */
.div-table{
  display:table;         
  /*width:370px; */
     width:100%; 
	 font-size:.6em!Important;  
  background-color:#fff;         
  border:1px solid  #666666;         
  border-spacing:5px;/*cellspacing:poor IE support for  this*/
}
.div-table-row{
  display:table-row;
  width:100%;
  clear:both;
  background:#FFF;
}

.div-table-rowHEADER{
  display:table-row;
  width:100%;
  clear:both;
  background:#2d3e50;
  color:#fff;
  font-weight:bold;
}

.div-table-colHEADER{
  float:left;/*fix for  buggy browsers*/
  display:table-column;         
  width:40%;   
        
}
.div-table-col{
  float:left;/*fix for  buggy browsers*/
  display:table-column;         
  width:40%;   
        
  /*background-color:#ccc; */ 
}

.div-table-col2{
  float:left;/*fix for  buggy browsers*/
  display:table-column;         
  width:40%;   
   padding-left:20px;    
  background-color:#ccc;  
}

.div-table-col p{margin:0;padding:0;}

.offer_details{width:75%; margin:0 auto!important; font-size:10px; padding-bottom:10px;padding-top:10px;}

.select_shipping_check{
	
    font-size: 12px;
    font-weight:600;
    position: relative;
    bottom: 3px;
	
}

a.ccv_info:link{font-size:8px;color:#333;}
input.ccv_input {
    margin-bottom: 0px!important;
}

.pillowcase_note {
    font-size: .7em;
}

/* CCV TOOL TIP*/
		.tooltips {
			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
			font-size:8px;color:#333;
		}
		.tooltips span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltips:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family:'Open Sans', Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;
		}
		.tooltips:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.tooltips:hover em {
			font-family: 'Open Sans', Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; color:#000;font-size:10px; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}

/*END CHECKOUT AREA CSS*/

/*SUCCESS PAGE CSS*/
.success_wrap{width:60%; margin:0 auto!Important;}
.thank_you_message{font-size:12px; color:#333333;}
.thank_you_message h2{font-size:24px;font-weight:bold;color:#66ab62;}



.cust_name{
	width:100%;
	position:relative;
	overflow:hidden;	
}


	.cust_name_first{float:left; width:50%;}
	.cust_name_last{float:left; width:49%; margin-left:1%;}
	
	
	/*REVIEW SLIDER*/
.reviewsContainer{
	width:100%;
	position:relative;
	font-family:Montserrat, Arial;
	display:inline-block;
	
	
}
	.reviewsWrapper img{width:100%; height:auto!important;}
	.reviewsWrapper{
		width:100%;
		border:1px solid #999;
		margin:0 auto!important;
		overflow:hidden;	
	}
	
		.reviewLeft{
			float:left;
			width:527px;
			height:300px;
			background:url("../images/v4_sleeping_on_the_cloud_review_banner_image.png") no-repeat;
			
		}
		
		.reviewRight{
			float:left;
			width:425px;	
			height:300px;
			position:relative;
			z-index:9999999999999999999;
			
		}
	
.velourCVR, .coolCVR, .dualCVR{width:32%;float:left;}
.velourCVR_v3,  .dualCVR_v3{width:48%;float:left;}
.coolCVR, .dualCVR{padding-left:2%;}
.velourCVR, .velourCVR_v3{padding-left:5px;}
.dualCVR_v3{margin-left:5px;}

.velourCVR h3, .dualCVR h3, .coolCVR h3, .velourCVR_v3 h3, .dualCVR_v3 h3{color:#0071bc;font-size:.6em; text-align: center; padding-top:10px;}

.velourCVR .cvr_img {
	background:url("../images/v2_velour_pillow_case.png") no-repeat;
	background-size: 100%;
	width:80%;
	height:50px!important;
	margin-top:20px;}
	
	
	.velourCVR_v3 .cvr_img {
	background:url("../images/v2_velour_pillow_case.png") no-repeat;
	background-size: 100%;
	width:80%;
	height:66px!important;
	margin-top:20px;}

.dualCVR .cvr_img {
	background:url("../images/v1_dual_temp_pillowcase.png") no-repeat;
	background-size: 100%;
	width:80%;
	height:60px;
}

.dualCVR_v3 .cvr_img {
	background:url("../images/v1_dual_temp_pillowcase.png") no-repeat;
	background-size: 100%;
	width:80%;
	height:80px;
}

.coolCVR .cvr_img {
	background:url("../images/v1_cool_touch_cover.png") no-repeat;
	background-size: 100%;
	width:80%;
	height:60px!important;
}

.velourCVR .cvr_img img, .dualCVR .cvr_img img , .coolCVR .cvr_img img{width:90%!important; height:auto!important;}
.cvr_moreInfo {text-align: center;}
.velourCVR a:link, .dualCVR a:link, .coolCVR a:link{font-size:.9em;margin:0 auto!important; width:100%; text-align: center;} 

.box {
  width: 100%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  /*padding: 35px;*/
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 999999999999;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
  padding-top:5%;
  font-size:1.0em;
}
a.close {
    text-align: right!important;
    position: relative;
    color:#cf3434!important;
    font-size: 8px!important;
}

.popup .content h2{padding:15px;}

.vidWrap{
	width:100%;
	position:relative;
	display:block;	
}
	.vid_col{
		float:left;
		width:35%;
		padding-right:10px;
	}
		.vid_col h2{font-size: 1.5em!important;text-align: center;font-weight:bold; color:#0071bc;}
		.vid_col ul{list-style-type:none!important;font-size:14px;line-height:1.4em;}
		.vid_col li{ padding-bottom:2em;}
		
		
			
	.vid2_col{
		float:left;
		width:64%;	
	}
	
.oldPrice {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding: 0!important;
    height: 30px!important;
    margin: 0!important;
}	
	
@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}
		
/*CSS FROM V2_STYLES*/
.featured_banner {
    padding-bottom: 15px;
}
.layerstoComfort{
		width:650px;
		height:auto;
		float:left;
		padding-left:15px;	
		padding-top:30px;
	}
		.comfort_heading{
			font-weight:bold;
			font-size:1.6em;
			text-transform:uppercase;
			padding-bottom:10px;
			text-align:center;
			color:#3f4244;
			}
			
			
		.comfort_heading span.blue{color:#0071bc;}	
	
		
			

#paymentMethod_CC h4{font-size:.9em;}

#paymentMethod_CC button{
	width:100%;
	background:#cf3434;	
	color:#fff;
	font-weight:bold;
	font-size:1.8em;
	padding:10px;
	margin-bottom:10px;
	
	  -webkit-transition: background-color 300ms ease-out 1s;
    -moz-transition: background-color 300ms ease-out 1s;
    -o-transition: background-color 300ms ease-out 1s;
    transition: background-color 300ms ease-out 1s;
}
#paymentMethod_CC button:hover{
	background:#ac1e1e;	
}

/*V3 SPECIFIC STYLE*/

.checkout_right_side_price{
	width:100%;
	display:inline-block;
	overflow:hidden;
}

.right_side_priceLG{
	float:left;	
	width:auto!important;
	height:100px;
	display:inline;
	padding-top:20px;
	padding-bottom:10px;
	padding-left:130px;
	
	font-size: 5.5em;
    font-weight: bold;
    color: #0071bc;
}

.right_side_priceSM{
	float:left;
	width:auto!important;
	
	font-size: 2.5em;
    font-weight: bold;
    color: #0071bc;
}

.seals_wrap{
	width:100%;
	position:relative;
	height:auto;
	overflow:hidden;	
}

	.robots_col{
		float:left;
		width:75%;
		}
	.seals_col{
		float:left;
		width:15%;
		
		}
		
.price_point{font-size:10px;}		
	
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 500px) {
/* Styles */
.intro_left {width:100%;}
.intro_logo{width:100%; margin:0 auto!important;padding:5px;}
.intro_logo img{max-width:175px;width:100%;display: block;margin: 0 auto;}
.intro_logo span.cloud_tagline{font-size:.6em;}

.intro_right{width:100%;padding:0;margin:0;}
.button.alert{width:95%; text-align:center;margin:5px;}
	.intro_headline {clear:both;float:none;line-height:.9em;}
	.intro_headline .heading{font-size:.7em;}
	.intro_headline .sub_heading{font-size:.6em;}
	.intro_headline .sub_heading2{font-size:.6em;}
	.intro_headline .closing_heading{font-size:.5em;font-weight:normal!important;}

.introduction .intro_col{ width:100%!important;padding:3px;}
.pillow_banner{display:none!Important;}
.subsection .beforeAfter{width:100%;}
.subsection .layerstoComfort{width:100%;}
.subsection .layerstoComfort .comfort_heading{width:100%;line-height:1.2em;}
.subsection .layerstoComfort .comfort_images{width:100%;}
.subsection .layerstoComfort .product_img_space{margin-left:0;margin-top:10px;}
.subsection .layerstoComfort .comfort_images {
    width: 70%;
    margin: 0 auto!Important;
}

.subsection .layerstoComfort .product_img{width:100%;}
.checkout_heading_wrap{width:100%;font-size:.8em;padding:1%;}
span.checkout_headline_tagline{font-size:.9em;}
.checkout_area{padding:3%;}
.checkout_wrapper{width:100%;}

.checkout_wrapper .leftSide{width:100%;}
.checkout_wrapper .rightSide{width:100%;margin:0;padding:0;}

.ad_intro_head span.line_two{font-size:2.9em;}
.intro_price_wrap .price_line_two{font-size:2.9em;}

.form_element_description{width:100%!important;
float:left;margin:0px!important;}

.form_element_pictures{
	width:100%!important;
	float:left;
	margin:0px!important;
}
.velourCVR, .coolCVR, .dualCVR, .velourCVR_v3, .dualCVR_v3{width:100%;float:left;}	

.velourCVR .cvr_img, .dualCVR .cvr_img{
	height: 50px;
    width: 70%;
    margin: 0 auto!important;
}
.velourCVR_v3 .cvr_img {height:80px!important;}

 .dualCVR .cvr_img img{
	height: 100px!important;
    width: 70%;
    margin: 0 auto!important;
}

.coolCVR .cvr_img{
	height: 110px!important;
    width: 70%;
    margin: 0 auto!important;
}

 .dualCVR_v3 .cvr_img{height:150px!important;}
.form_element_pictures img{position: relative;width:100%;}
.reviewsWrapper{width:95%;}
.reviewLeft{display:none!important}
.reviewRight{width:100%;}
.anim-slide h1{font-size: 20px!important; padding:10px;}  

.intro_col, .intro_col2{width:100%;}
.intro_col .orderHeadingOne{padding-top:5px;}
.intro_col2{padding-left:0px;}
.comfort_heading{line-height:1.2em;}

.comfort_images_v2{width:60%; margin:0 auto!important;}

.product_img{
	
	    width: 100%;
    height: auto!important;
    margin: 0;
    float: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
	
	}
	
	figcaption {
    font-size: .6em;
	line-height:1.4em;
}
	.dualCVR .cvr_img{height:120px!important;}
	.velourCVR .cvr_img{height:75px!Important;}
	.coolCVR .cvr_img{height:145px!Important;}
	
	.intro_price_v3 .price_lg {padding-left:65px!important;}
	.right_side_priceLG{ font-size:4.0em!important; padding-left:65px!Important; padding-top:10px!important;}
	.right_side_priceSM{font-size:1.8em;}
	
	.vid_col, .vid2_col{width:100%!important;}
	
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}
 
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/*CUSTOM CSS FROM ORIGINAL ORDER FORM*/


.div-table-col p {
    font-size: 1.0em!important;
}

.intro_header{
	width:100%;
	background:#000000;
	color:#fff;
	position:relative;
	overflow:hidden;
	
	
}

.intro_header_wrap{
	max-width:1050px;
	width:100%;
	height:auto;
	position:relative;
	margin:0 auto!important;
	padding:5px 0px;
		
}

 .main_logo{
		width:20%;
		float:left;
		position:relative;
	}
	
 .main_logo img{width:100%;height:auto!important;}
	
.intro_right{
		float:right;
		margin-left:10%;
		width:auto!important;
		height:auto!Important;
		position:relative;
		padding-top:20px;
		overflow:hidden;
		
	}
	.intro_right a{color:#fff!important;}

@media only screen and (max-width: 500px) {
.intro_header{width:100%;height:auto!important;}
.intro_header_wrap{width:90%;}
.main_logo{width:99%!important;max-width:500px;margin:0 auto!important;}
.intro_right{font-size:12px;margin:0 auto!important;max-width:500px;float:none;text-align:center;clear:both;padding-top:10px!Important;}
.intro p{font-size:.9em; width:95%;}
.intro h1{color:#333;font-size:1.5em;}

}