@charset "UTF-8";
/* CSS Document */


/* = Core Layout
-------------------------------------------------------------- */
body 					{ padding-top:0px;     }
footer					{ margin:15px 0 0px; color:#999; background:#292929;  border-radius: 0px 0px 10px 10px; }
.salescopy				{ font-size:130%; line-height:150%; padding:10px; font-weight:normal }
.content				{ padding:0; border-radius:10px 10px 10px 10px; box-shadow: rgba(46,57,44,1) 0px 2px 6px 0px; background:#FFFFFF; position:relative; z-index:95;}


body  img			{ width:auto; height:auto;}

.noticeFix			{ position:fixed; top:0px; z-index:996; width:100%;  text-align:center;  }
.alert				{ display:none; font-size:110%}




/* = HEADER
-------------------------------------------------------------- */
.greyBack 				{ position:fixed; width:100%; height:100%; background:#4c5157; z-index:50; display:none }
.blueBar					{ text-align:center; border-bottom:8px solid #003d60; width:100%; }

#header				{ border-bottom: 1px solid #ececec; position:relative; z-index:2; padding:0 3% ;  }
.headerframe 		{ margin:0 auto; padding:0; max-width:900px; font-size:100%;   box-shadow:none;  position:relative;  }
#mainLogo			{ position:absolute; bottom:0px;  width:300px; height:auto}

.address				{ padding:10px 0 10px 0; text-align:right; color:#424242; min-width:300px; }
.address a				{ text-decoration:none; color:#424242}

.progressFrame		{ clear:both; height:80px; width:100%;}
.progress1				{ position:relative; left:-20px; float:left; z-index:3; margin-right:-8.4%; width:40%; min-width:270px; max-width:360px }
.progress2				{ position:relative; float:left; z-index:2; margin-right:-6.7%; width:40%; min-width:270px; max-width:360px}
.progress3				{ position:relative; float:left; z-index:1; margin-right:-300px; width:40%; min-width:270px; max-width:360px}

.floatLeft			{ float:left;}




/* = Footer
-------------------------------------------------------------- */
footer				{ border-top:1px solid #ececec; padding:15px 0px 0px; margin:15px 0 -30px; color:#999; background:#292929}
.copyright			{ font-size:80%;}
footer address	{ font-size:85%; }
.footerNav			{ margin:10px 0px 20px 0px}
.footerNav	a				{ text-decoration:none; color:#dbdbdb; padding:0px 10px}
.footerNav	a:hover		{ text-decoration:none; color:#FFFFFF; cursor:pointer;}
.footerNav	a + a			{ border-left:1px solid #999}	

.medicalDisclamer		{ max-width:650px; text-align:left; margin:auto; font-size:80%; display:none}	



/* = Video Player
-------------------------------------------------------------- */
.jwplayerHolder	{ max-width:760px; margin:0px auto; position:relative; }
.replayLink			{ color:#666; text-align:center; font-size:70%; cursor:pointer; text-decoration:underline}
#VidePlayer7		{ border:1px solid #ececec; position:absolute; top:0; left:0; z-index:10}
#VidePlayerAudio		{ position:absolute; top:-1000px; left:-900px}

.ratio-16-9		{	padding-bottom:56.25%; /* 9/16*100 */	}
.ratio-4-3		{ padding-bottom:75%; /* 3/4*100 */	}
.ratio-1-1		{ padding-bottom:100%; /* ... */  }

.ie6 .ratio-16-9	 { padding-bottom:0px;}
.ie7 .ratio-16-9	 { padding-bottom:0px;}
.ie8 .ratio-16-9	 { padding-bottom:0px;}


/* = Body Class changes
-------------------------------------------------------------- */
.funnel						{ background:#F2F6FC;}
.funnel .scraped-container			{ width: 100%}
.funnel .white				{ padding: 0; border-radius: 10px 10px 10px 10px; box-shadow: rgba(46,57,44,1) 0px 2px 6px 0px; 
								background: #FFFFFF; position: relative; z-index: 95; }
.funnel .salescopy			{ padding:0px;}

			

/* = Sales Letters not presell page
-------------------------------------------------------------- */
.letter .scraped-container					{ width:100%}
.letter .salescopy					{ padding: 0px;}





/* = Upsell Pages
-------------------------------------------------------------- */

.upsell .salescopy					{ padding:0px;;}
.upsell .salescopy p				{ font-size:100%; line-height:150%; font-weight:normal; font-family: "Droid Serif", Calibri, "Times New Roman", serif;  margin-bottom:20px}
.upsell  h1							{ font-weight:bold; line-height:130%;}
.upsell  h2							{ font-weight:bold; line-height:130%; font-size:150%}
.upsell  h3							{ font-weight:bold; line-height:120%;}




/* = Presell Page
-------------------------------------------------------------- */
body.presell 					{ padding-top: 20px; background:#ffffff;  }
body.presell .scraped-container			{ font-size:100%; }
.presell #header				{ display:none;}
.presell	.blueBar				{ display:none;}
.presell	.scraped-container			{ max-width:650px; }
.presell	.salescopy p		{ font-size:120%; line-height:150%; font-weight:normal; font-family: "Droid Serif", Calibri, "Times New Roman", serif;  margin-bottom:20px}
.presell .entry-title			{ font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif; color: #0d7dcf;  display: block; font-weight: 100; margin-bottom:40px;}

.presell .note 					{ padding: 2%; background: #f1f1f1; border: 1px solid #dedede;	margin:20px auto 20px; width:80%}
.presell .blue 					{ padding: 5%; background: #e3f0f2; border: 1px solid #addde6;	margin:20px auto 20px;  width:80%}
.presell .white-frame	 	{ border:1px solid #cdcccc;padding:3px;background-color:#fff;margin:0 20px 0 0;}
.presell .white-frame-nb	 	{ border:0px solid #cdcccc;padding:3px;background-color:#fff;margin:0 20px 0 0;}

.presell ol						{  font-family: "Droid Serif", Calibri, "Times New Roman", serif; }
.presell ol li					{  margin-bottom:10px; font-style:italic; line-height:150%; }

.presell footer				{ margin:40px 0 0 0; background: #fff; color:#7C7C7C; padding:1% 3%; border-radius:0; font-size:80%;box-shadow: 1px 2px 8px 0 #fff; border-top:1px solid #ececec}
.presell footer a				{ color:#7C7C7C; text-decoration: none;}
.presell footer a:hover	{ color:#424242; text-decoration: none;}
.presell footer ul				{ list-style-type: none; margin:0; padding:0;} 
.presell footer ul li			{ display:inline-block; margin:0 0 1% 3%;}
.footerlinks						{ width:85%; margin:0  auto; text-align: center; position:relative;/*  left:-30px; */}
.fineprint						{ font-size:70%; color:#7C7C7C; text-align:center; margin:0 auto; position:relative;}
.medicalDisclamer			{ display:block;}


/* = Helpful Notices
-------------------------------------------------------------- */
.hp					{ cursor:pointer;}
.helpfull				{ position:absolute; z-index:99; width:30%; left:20px; top:20px; background:#f5fcfd; display:none; 
								border:3px solid #004e80; padding:10px 10px 5px; font-size:90%;  cursor:pointer;}
.helpfull p			{ padding:0px 0px 10px; margin:0px;}
.helpfullClose		{ position:absolute; right:-10px; top:-10px; color:#008000; cursor:pointer;}


.checkInfo			{ position:absolute; z-index:50; width:100%; max-width:500px; left:70px;  background:#f5fcfd; display:none; 
							border:3px solid #004e80; padding:10px 10px 5px; font-size:90%;  cursor:pointer;}
.checkInfo p		{ padding:0px 0px 10px; margin:0px;}
.checkInfoClose	{ position:absolute; right:-10px; top:-10px; color:#008000; cursor:pointer;}

.sendEmail				{ border:3px solid #1a4613; border-radius:7px; background:#298e3e; color:#FFF; text-align:center; 
					font-weight:bold; font-size:170%; padding:5px 0px; width:90%; margin:3px auto;
					background: -webkit-linear-gradient(#59d462, #298e3e); /* For Safari */
					background: -o-linear-gradient(#59d462, #298e3e); /* For Opera 11.1 to 12.0 */
					background: -moz-linear-gradient(#59d462, #298e3e); /* For Firefox 3.6 to 15 */
					background: linear-gradient(#59d462, #298e3e); /* Standard syntax */}
					
.sendEmail:hover	{ background:#166a28; cursor:pointer;
					background: -webkit-linear-gradient(#59d462, #166a28); /* For Safari */
					background: -o-linear-gradient(#59d462, #166a28); /* For Opera 11.1 to 12.0 */
					background: -moz-linear-gradient(#59d462, #166a28); /* For Firefox 3.6 to 15 */
					background: linear-gradient(#59d462, #166a28); /* Standard syntax */
					}
					
					
/* = Checkout
-------------------------------------------------------------- */
.checkout .scraped-container						{ max-width:970px}
.checkout .salescopy						{ padding:15px 5%;}
.guarantee										{ margin-top:20px}
.guarantee	 h3								{ font-size:220%; margin:0; }
.guarantee	 h4								{ font-size:90%;  margin:0;}
.guarantee	 .lock								{ position:relative; max-width:55px}
.guarantee	 .seal								{ position:relative; max-width:95px}
.guarantee	 .cards							{ position:relative; max-width:300px}
.guarantee	 .col-md-8						{ margin-left:-10px;}

.hp					{ cursor:pointer;}
.helpfull				{ position:absolute; z-index:99; width:30%; left:20px; top:20px; background:#f5fcfd; display:none; 
								border:3px solid #004e80; padding:10px 10px 5px; font-size:90%;  cursor:pointer;}
.helpfull p			{ padding:0px 0px 10px; margin:0px;}
.helpfullClose		{ position:absolute; right:-10px; top:-10px; color:#008000; cursor:pointer;}


.checkInfo			{ position:absolute; z-index:50; width:100%; max-width:500px; left:70px;  background:#f5fcfd; display:none; 
							border:3px solid #004e80; padding:10px 10px 5px; font-size:90%;  cursor:pointer;}
.checkInfo p		{ padding:0px 0px 10px; margin:0px;}
.checkInfoClose	{ position:absolute; right:-10px; top:-10px; color:#008000; cursor:pointer;}

.sendEmail				{ border:3px solid #1a4613; border-radius:7px; background:#298e3e; color:#FFF; text-align:center; 
					font-weight:bold; font-size:170%; padding:5px 0px; width:90%; margin:3px auto;
					background: -webkit-linear-gradient(#59d462, #298e3e); /* For Safari */
					background: -o-linear-gradient(#59d462, #298e3e); /* For Opera 11.1 to 12.0 */
					background: -moz-linear-gradient(#59d462, #298e3e); /* For Firefox 3.6 to 15 */
					background: linear-gradient(#59d462, #298e3e); /* Standard syntax */}
					
.sendEmail:hover	{ background:#166a28; cursor:pointer;
					background: -webkit-linear-gradient(#59d462, #166a28); /* For Safari */
					background: -o-linear-gradient(#59d462, #166a28); /* For Opera 11.1 to 12.0 */
					background: -moz-linear-gradient(#59d462, #166a28); /* For Firefox 3.6 to 15 */
					background: linear-gradient(#59d462, #166a28); /* Standard syntax */
					}
					
ul.smallchecks { margin:0; padding: 0; line-height:140%; }
ul.smallchecks li {
    background-image: url("https://assets.checkoutchamp.com/Funnel/assets/images/1795a42d-95a3-4399-a526-72e237eba74c/cb03145a-aa7b-445b-80e1-00c61a7d52c7/bps-bullet-40.png");
    background-position: 0 0.2em;
    background-repeat: no-repeat;
    font-size: 85%;
    line-height: 130%;
    list-style-type: none;
    margin-bottom: 12px;
    min-height: 3em;
    padding-left: 3.5em;
}



@media all and (max-width: 850px) {
	
	.progressFrame	{ border:3px solid #fff; box-shadow: rgba(46,57,44,1) 0px 2px 6px 0px; overflow:hidden; width:260px; margin:0px auto 20px;; 
									clear:both; -moz-border-radius: 7px; border-radius: 7px; height:auto}
	.progress1	{ position:relative; left:-25px; float:none; z-index:3; margin:-13px 0px -30px 0px; width:350px; min-width:350px }
	.progress2	{ position:relative; left:-40px; float:none; z-index:2; margin:0px 0px -30px 0px; width:350px; min-width:350px}
	.progress3	{ position:relative; left:-45px;  float:none; z-index:1; margin:0px 0px -20px; width:350px; min-width:350px}
	
	.guarantee										{ text-align:center}
	.guarantee	 .secure							{ border-bottom:1px solid #dedede; }
	.guarantee	 .money							{ border-bottom:1px solid #dedede; }
	.guarantee	 .lock								{ margin-top:20px}
	.guarantee	 .cards							{ margin-top:20px}
	
	.address			{ display:none; }
	#header				{ height:70px;}

	
}

@media all and (max-width: 450px) {
	#header				{ height:50px; display: none;}
	#mainLogo			{ width:200px; display: none;}
	
	footer					{ font-size:90%; padding: 10px 0px 0px; border-radius: 0px 0px 0px 0px; margin:15px 0 -50px;  }
	.popupBorder 			{ margin-top: 20px; }
	.footerNav				{ display:none; }
	.medicalDisclamer		{ font-size:60%}
	
	
}

/* = Popup
-------------------------------------------------------------- */
.popupFrame		{ position:fixed; top:0; left:0px; width:100%; height:100%; background:url("https://assets.checkoutchamp.com/Funnel/assets/images/1795a42d-95a3-4399-a526-72e237eba74c/cb03145a-aa7b-445b-80e1-00c61a7d52c7/bg_popup.png") repeat;  
					 		z-index:999; display:none; }
.popupClose		{ position:absolute; right:-10px; top:-10px; z-index:99;}
.popupBorder		{ position:relative; margin:5% auto 10%; text-align:left; padding:1%; border:1px solid #b5b5b5; 
							background:url("https://assets.checkoutchamp.com/Funnel/assets/images/1795a42d-95a3-4399-a526-72e237eba74c/cb03145a-aa7b-445b-80e1-00c61a7d52c7/bg_popup.png") repeat; width:80%; max-width:800px; min-width:200px; height:60%; min-height:300px; }
.popup				{ background:#FFF; padding:15px; position:relative; font-size:90%; overflow-y:scroll; overflow-x:hidden;  height:100%;  position:relative; }