@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Allura|Domine);
/* CSS Document
Minisite Design by QuickSiteStudio.com */

h1, h2, h3, p, ul, li{

padding:0px;
margin:0px;
border:0px;
	
}


body{
	
	color:#333;
	margin:0px;
	padding:0px;	
	background:#CCC;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	background:url('images/bg.jpg')top;
	

}

p{
	
	margin:20px 0px 20px 0px;
	line-height:20px;
	
	
}

#wrapper{
	
	background:url('images/header_bg.png') repeat-x top;
	
	
}

#footerwrapper{
	
	background:url('images/footer_bg.png') repeat-x bottom;
	
	
}


#container{
	
	width:950px; /*change for page width*/
	margin:0px auto;
	
	
}
	
	

#header{
	
	/*change header dimensions */
	margin:0px auto;
	background:url('images/header.png') no-repeat;
	width:950px;
	height:170px;
	
	
}

#logo{
	
	width:700px;
	margin:0 auto;
	position:relative;
	top:75px;
	left:20px;
	
		
}

#logo h1{
	
	color:#fff;
	letter-spacing:-4px;
	text-shadow:2px 2px #09468f;
	font-size:45px;
	font-style:italic;
	text-indent:-9999px;
}

#logo p.tagline{
	
	margin:0px;
	color:#000066;
	letter-spacing:-1px;
	font-size:20px;
	font-weight:bold;
	font-style:italic;
	padding-left:10px;
}


#contentwrap{
	
	background:url('images/content_bg.png') repeat-y top;
	margin:0px auto;
	min-height:500px;
	
}

#content-top{
	
	width:950px;
	height:36px;
	margin:0px auto;
	background: url('images/content_top.png') no-repeat;
}

#content{
	
	/* change content width (default - 700px) */
	width:700px;
	margin:0px auto;
	padding-bottom:1px;
	padding-top:1px;
	
	
}

#content p{
	
	padding-left:20px;
	padding-right:20px;
}

#content h1{
	
	text-align:center;
	font-size:50px;
	letter-spacing:-4px;
	word-spacing:-5px;
	line-height:50px;
	
}

#content h2{
	
	font-size:28px;
	text-align:center;
	letter-spacing:-2px;
	margin-bottom:30px;
	
	
}




#content h2#prehead{
	
	text-align:left;
	font-size:18px;
	letter-spacing:-2px;
	font-style:italic;
	margin:0px 0px 25px 0px;
	padding-top:10px;
	font-weight:normal;
	
}

#content h2#subhead{
	margin:20px auto 0px auto;
	text-align:center;
	font-style:italic;
	letter-spacing:-2px;
	font-size:20px;
	line-height:25px;
	
}

#content .hilight{
	
	padding:0px 10px 5px 10px;
	background: url('images/hilight_left.png')no-repeat left center , url('images/hilight_right.png')no-repeat right center, url('images/hilight_mid.png')repeat-x center ;

	
}

#content h1 .underline{
	
	background:url('images/underline.png')repeat-x bottom;
	
}


#content .underline{
	
	background:url('images/underline.png')repeat-x bottom;
	padding:0px 0px 1px 0px;
	
}



/*Order Box*/

#order{
	
	width:560px;
	margin:0px auto;
	padding: 10px 0px 10px 0px;
	border:4px solid #ffe4ae;
	background: #fdffcd;
	text-align:left;
	
	
}

#order ul.order li{
	
	list-style:disc !important;
	background:none;
	padding:0px;
	margin:20px 20px 10px 20px;
	text-align:left;
	
}

#order h2.cta{
	
	color: #9f0000;
	font-family: georgia, tahoma, 'Times New Roman', Times, serif;
	font-weight:bold;
	font-size: 34px;
	letter-spacing:0;
	
	
}


h2.regularprice{
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:22px !important;
	font-weight:normal !important;
	text-decoration:line-through;
	margin:0px!important;
	
	
}

h2.newprice{
	color:#006;	
	font-family:Verdana, Geneva, sans-serif;
	font-size:32px !important;
	font-weight:bold;
	margin:0px !important;
	
}

/*Click to Order Text*/

h2.clickto{
	
	font-family:Verdana, Geneva, sans-serif;
	font-size:28px !important;
	font-weight:bold;
	letter-spacing:-2px !important;
	margin-bottom:0px !important;
	
}

.clickto a:link, a:visited{
	
	color:#006;
	
}

.clickto a:hover{
	
	color:#339900;
	
}

.order-button{
	
	width:382px;
	height:131px;
	margin:20px auto;
	text-align:center;
	background:url('images/orderbutton.png') no-repeat;
	font-size:38px;
	padding-top: 42px;
	font-weight: bold;
	letter-spacing: -2px;
	text-shadow: 1px 1px 3px #fff;
}

.order-button a{
	
	text-decoration: none !important;
	color:#001d34;
}

/*Download Message Text*/

.dlmessage{
	
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	letter-spacing:-1px;
	font-size:14px;
	margin-bottom:0px;
	
}


/*Footer*/

#footer{
	
	/*change footer width */
	margin:0px auto;
	width:950px;
	height:198px;
	display:block;
	clear:both;
	overflow:hidden;
	background:url('images/footer.png') no-repeat;
}

/*Bullet List*/

ul {

	margin: 40px auto;
	width:600px;
	
}

li{
	
	list-style:none;
	background:url(images/bullet.png) left 1px no-repeat;
	min-height:32px;
	padding: 0px 0px 0px 38px;
	margin:18px 0px;
	text-align:justify;
			
}

li:nth-child(odd){ 

	font-weight: bold;
	
	}
	
li:nth-child(even){
	
	font-style: italic;
}

/*Johnson Box*/

.jbox-container{
	
	background:url('images/box-shadow.png') no-repeat bottom;
	padding-bottom:23px;
	
	
}

.jbox-wrapper{
	
	width:560px;
	padding:0;
	margin:0px auto;
	border:1px solid #cecece;
	box-shadow: 1px 1px 3px #e2e2e2, -1px -1px 3px #e2e2e2, inset 5px 5px 0px #f4eed2, inset -5px -5px 0px #f4eed2;
	background: #ffffeb;
}

.jbox-content{
	
	width:548px;
	margin:6px auto;
	padding-top:1px;
	background: url('images/jbox/jbox_bg.jpg') no-repeat center top;
}

.jbox-content h2{
	
	width:90%;
	padding-bottom:10px;
	margin:20px auto 0;
	border-bottom: 2px dashed #cecece;
	font-size:36px !important;
}

.jbox-wrapper ul {

	margin: 40px auto;
	width:450px;
	
}

/*Testimonials*/

.testimonialwrapper{
	
	width:670px;
	margin:0px auto;
	
	
}

.testimonial-top{
	
	width:670px;
	height:92px;
	background: url('images/testimonial/testimonial_top.png') no-repeat;
}

.testimonial-wrap{
	
	background:url(images/testimonial/testimonial_bg.png) repeat-y;
	padding:1px 30px;
	overflow:hidden;
	
}

.testimonial-content{
	
	width:500px;
	float:left;
}

.testimonial-content p{
	
	margin-top:0;
	margin-bottom:20px;
}

.testimonial-bottom{
	
	width:670px;
	height:55px;
	background: url('images/testimonial/testimonial_bottom.png') no-repeat;
	
}

.by-wrap{
	
	width:100px;
	float:left;
}

.by-wrap .by-photo-wrap{
	
	width:100px;
	height:100px;
	border:2px dashed #cecece;
	border-radius:5px;
	float:left;
	
}

.by-photo-wrap .by-photo{
	
	width:90px;
	height:90px;
	margin:5px auto 0;
	background: #f4eed2;
	text-align:center;
	color: #c2bca1;
}

.by-wrap .byname{
	
	padding:10px 0 0 5px;
	color:#878787;
	float:left;
	
	
}

.testimonial-wrap h2{
	
	font-family: 'Allura', cursive;
	color:#000066;
	font-size:45px !important;
	text-align:center;
	margin:20px 0px 30px 0px;
	font-weight:normal;
	
	
}

/*Video Skin*/

.videowrapper{
	
	width:950px;
	margin:0px auto;
}

.video-content-top{
	
	width:950px;
	height:27px;
	background:url('images/videoskin/videoskin_top.png') no-repeat;
	
}

.video-content{
	
	background:url('images/videoskin/videoskin_bg.png') repeat-y;
}

.video-content-bottom{
	
	width:950px;
	height:21px;
	background:url('images/videoskin/videoskin_bottom.png') no-repeat;
	
}

.the-video{
	
	width:740px;
	height:416px;
	margin:0px auto;
	background: url('images/videoskin/video_bg.jpg') no-repeat #000;
}

/*Guarantee*/

#guaranteewrapper{
	
	width:601px;
	margin:0px auto;
	position: relative;
}

#guarantee-top{
	
	width:601px;
	height:67px;
	background: url('images/guarantee/guarantee_top.png') no-repeat;
	
}


#guarantee-content-bg{

	padding:1px 0;
	background: url('images/guarantee/guarantee_bg.png') repeat-y;
	
}

#guarantee-content{
	
	width:500px;
	margin:0px auto;
	
}

#guarantee-content h2{
	
	width:90%;
	padding-bottom:10px;
	margin:0px auto;
	border-bottom: 2px dashed #cecece;
	color: #4e4e4e;
	font-size:30px !important;
	letter-spacing: 0px;
	font-family: 'Domine', serif;
}

#guarantee-content ul {

	margin: 40px auto;
	width:450px;
	
}


#guarantee-sig{
	
	width:50%;
	float:right;
	text-align:right;
	margin:0px 20px 0;
	font-size:30px;
	line-height:20px;
	font-family: 'Allura';
	border-bottom: 1px solid #e2e2e2;
	padding-right:10px;
	color: #00045a;
}

#guarantee-badge{
	
	width:601px;
	height:100px;
	margin:0px auto;
	position:absolute;
	bottom: 5px;
	background: url('images/guarantee/guarantee_badge.png') no-repeat center;
	
}


#guarantee-bottom{
	
	width:601px;
	height:90px;
	background: url('images/guarantee/guarantee_bottom.png') no-repeat;
}



/*Optin Form */

.optin-container{
	
	width:591px;
	margin:0px auto 30px;
	padding-bottom:22px;
	background: url('images/box-shadow.png') no-repeat bottom left;
	
	
}

.optin-inputs{
	
	width:550px;
	margin:0px auto;
	
}

.optin-inputs input{
	
	border:1px solid #cecece;
	outline: none;
	
}

input.name{
	
	background:url(images/optin/optin_nameinput.png) #fff no-repeat;
	box-shadow: 1px 1px 5px #f4eed2;
	border-radius: 5px;
	width:205px;
	height:51px;
	padding-left:48px;
	padding-right:15px;
	font-size:14px;
	float:left;
	color:#2b2b2b;
	font-style: italic;
	
}

input.email{
	
	background:url(images/optin/optin_emailinput.png) #fff no-repeat;
	box-shadow: 1px 1px 5px #f4eed2;
	border-radius: 5px;
	width:205px;
	height:51px;
	padding-left:48px;
	padding-right:15px;
	font-size:14px;
	float:right;
	color:#2b2b2b;
	font-style: italic;	
}

.optin-top{
	
	background:url(images/optin/optin_top.png) no-repeat;
	width:591px;
	height:87px;
}

.optin-top h2{
	
	font-size:36px !important;
	letter-spacing:-1px !important;
	color:#fff;
	padding-top:20px;
	text-shadow: 1px 1px 2px #813900, -1px -1px 2px #813900, 1px -1px 2px #813900, -1px 1px 2px #813900;
}

.optin-content{
	
	color:#333;
	background:url('images/jbox/jbox_bg.jpg') no-repeat top center #ffffeb;
	border:1px solid #cecece;
	padding:1px 20px 20px;
	box-shadow: inset 10px 10px 30px #f4eed2, inset -10px -10px 30px #f4eed2;
	
	
}

.optin-content p{
	
	margin: 10px 0px 20px 0px;
}

.buttonwrapper{
	
	width:250px;
	margin:0px auto;
	
}

.submit-button{
	
	color:#fff;
	font-size:30px;
	letter-spacing: -2px;
	text-shadow: 2px 2px 2px #bc3900;
	background: #ff4e00;
	border:2px solid #bc3900;
	box-shadow: inset 2px 2px #ff7e00, inset -2px -2px #ff7e00;
	width:250px;
	height:69px;
	margin:20px auto 0px;
	cursor: pointer;
}


.submit-button:hover{
	
	background: #e54600;
	
}

.privacy{
	
	width:500px;
	text-align:center;
	margin:20px auto 10px auto;
	font-size:10px;
	
}

.privacy img{
	
	position:relative;
	top:10px;
	left:0px;
}

/*Send to Payment Page*/

#send-to-payment{
	
	width:550px;
	margin:0px auto;
	padding:50px 0px 0px 0px;
	text-align:center;
}

#send-to-payment h2{
	
	font-size:18px;
	font-weight:normal;
	margin:30px 0px;
	
	
}