@import url(http://fonts.googleapis.com/css?family=Open+Sans);

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

*{ padding:0; margin:0;}

ul,li { list-style:none;}


body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	line-height:21px;
	color:#212121;
	background:#f1f1f1;
}

a{ color:#004b9c; text-decoration:underline;}

a:hover{ color:#212121; text-decoration:none;}

p span{ color:#950000;}

p{ padding-bottom:18px; text-align:left; font-size:18px; line-height:26px;}

.spacer{
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
}
.main-wrapper-video{
	max-width:893px;
	margin:0 auto;
}
.main-wrapper{
	max-width:820px;
	margin:0 auto;	
}
.wrapper{
	background:url(images/bg.gif) repeat-y 0 0;
	max-width:944px;
	margin:0 auto;
	padding:0 15px;
	height:100%;
	overflow:hidden;
}
.leftimg{
	float:left;	
	margin:0 20px 10px 0;
}
.rightimg{
	float:right;	
	margin:0 0 10px 20px;
}
.topPanel{
	min-height:98px;
	overflow:hidden;
	background:url(images/top-shadow.png) no-repeat 50% 100%;
}

.logo{
	float:left;
	width:auto;
	padding:11px 0 0 22px;
}

.banner{
	float:right;
	width:auto;
	padding:5px 48px 0 0;
}

.bodyPanel{
	margin:0 auto;
	padding:16px 0;
	max-width:100%;
	height:100%;
	overflow:hidden;
	text-align:center;
}

.padding10{
	padding-bottom:10px !important;
}

h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:28px;
	line-height:38px;
	color:#000;
}
h2 span{
	color:#13bbb4;
}


h2.main-headline{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing: .5px;
	font-size:30px;
	line-height:35px;
	color:#950000;
	margin-bottom: 15px;
}

h2.heading{
	font-size:30px;
	line-height:36px;
	color:#000;
	padding-bottom:15px;
}

h2.heading span{
	color:#950000;
}

h3.main-subheadline{
  font-family: 'Open Sans', sans-serif;
  font-size:20px;
  line-height:26px;
  letter-spacing: .5px;
  color:#212121;
  padding-bottom:29px;
  padding-top:10px;
}

h3{
  font-family: 'Open Sans', sans-serif;
  font-size:22px;
  line-height:26px;
  color:#212121;
  padding-bottom:29px;
}

h3.save{
  font-family:Arial, Helvetica, sans-serif;
  font-size:22px;
  line-height:26px;
  color:#212121;
  padding-bottom:29px;
}

.dvRw{
	height:100%;
	overflow:hidden;
}

.videoWrapper{
	float:left;
	max-width:571px;
	position:relative;
}

.videoBox{
	border:7px solid #c9c9c9;
	max-width:556px;
	height:315px;
}

.videoshadow{
	max-width:571px;
	height:31px;
	background:url(images/video-bg.png) no-repeat 0 100%;
}
.vwo_click{
	background-color:#13bbb4;
	font-family: 'PT Sans', sans-serif;
	text-align:center;
	font-size:24px;
	line-height:32px;
	font-weight:bold;
	color:#fff;	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-decoration:none;
	width:100%;
	display:block;
	padding:8px 0;
}

.panel1 h2{
	padding:0 0 20px 0;
}
.panel2{
	background-color:#136f9f;
	padding:30px 0;	
	color:#fff;
}
.panel2 h2{
	padding:0 0 20px 0;
	color:#fff;
}
.panel3{
	padding:20px 0;	
}
.panel3 h2{
	max-width:505px;
	margin:0 auto;
	padding:0 0 20px 0;
}
.panel4{
	padding:0 0 20px 0;	
}
.panel4 h2{
	margin:0 auto;
	padding:0 0 30px 0;
}
.panel5 h2{
	margin:0 auto;
	padding:0 0 30px 0;
	text-align:center;
	font-size:24px;
}
.panel6{
	padding:0 0 20px 0;	
}
.panel6 h2{
	max-width:505px;
	margin:0 auto;
	padding:0 0 20px 0;
}
.panel6 img{
	margin:10px 20px 30px 0;
}
.panel6 ul li{
	max-width:550px;
	padding:0 0 20px 40px;
	text-align:left;
	margin:0 auto;	
	background:url(images/bullet.jpg) no-repeat 10px 6px;
}
.panel7{
	padding:0 0 20px 0;	
}
.panel7 h2{
	max-width:595px;
	margin:0 auto;
	padding:0 0 20px 0;
}
.panel7 ul li{
	max-width:550px;
	padding:0 0 20px 40px;
	text-align:left;
	margin:0 auto;	
	background:url(images/arrow.png) no-repeat 0 6px;
}
.panel8 h2{
	max-width:595px;
	margin:0 auto;
	padding:0 0 40px 0;
}
.pad30{
	padding-bottom:30px;
}
.panel9 h2{
	padding:0 0 20px 0;

	}
.panel9 img{
	margin:0 0 20px 0;	
	display:inline-block;
	float:none;
	
}
.panel9 .fbimg{
	margin:0 0 20ox 0;	
}
.panel11 h2 {
	padding:0 0 20px 0;	
}
.panel11 h2 b{
	text-decoration:line-through;	
}
.joinBoxWrapper{
	float:right;
	max-width:307px;
	height:16px;
	background:url(images/shadow.png) no-repeat 0 100%;
	
}

.joinBox{
	border:7px solid #c9c9c9;
	background:#f0efef;
	padding:20px 15px;
}

.joinBox h2{
	font-family: 'Open Sans', sans-serif;
	font-weight:bold;
	font-size:16px;
	line-height:24px;
	color:#930d11;
	text-align:center;
	text-transform:uppercase;
	padding:0;
	margin:0;
}

.joinBox h3{
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:18px;
	line-height:26px;
	color:#212121;
	text-align:center;
	padding:0;
	margin:0;
}
.joinBox h3 span{
	text-decoration:line-through;	
}
.joinBox h3 strong{
	font-weight:700;
	color:#13bbb4;	
}
.joinBox p{
	padding:25px 5px;
	font-size:15px;
	line-height:21px;
	color:#212121;
	text-align:left;
}


.joinShadow{
	background:url(images/shadow.png) no-repeat 0 0;
}

.member-access{
	float:left;
	width:auto;
}

.member-content{
	float:right;
	max-width:408px;
	text-align:left;
}

.title{
	font-weight:bold;
	font-size:19px;
	line-height:24px;
	color:#212121;
	padding-bottom:22px;
}

.member-content li{
	background:url(images/arrow.png) no-repeat 0 3px;
	padding:0 0 28px 35px;
	font-size:16px;
	line-height:20px;
}

.bluePanel{
	background:#daecee;
	border-top:4px solid #7e7e7e;
	border-bottom:4px solid #7e7e7e;
	max-width:741px;
	height:100%;
	overflow:hidden;
	padding:39px 32px;
	font-size:17px;
	line-height:21px;
	text-align:left;
	margin:15px auto 58px;
}

.bluePanel p{
	padding-bottom:26px;
}

img.photo{
	margin-right:33px;
}

.subtitle{
	font-size:20px;
	line-height:24px;
	text-align:center;
	padding-bottom:57px;
}

.products{
	height:100%;
	overflow:hidden;
	text-align:left;
	max-width:820px;
	margin:0 auto;
}

.product-container{
	height:100%;
	overflow:hidden;
}

.right{
	float:right !important;
}

.product{
	float:left;
	max-width:445px;
	font-size:16px;
	line-height:20px;
}

.productImage{
	float:left;
	width:auto;
}

.productContent{
	float:right;
	width:232px;
	padding-top:20px;
	text-align:left;
}

.product .productTitle{
	font-weight:bold;
	font-size:16px;
	line-height:20px;
	color:#000;
	padding-bottom:10px;
}

.fbImage{
	margin-bottom:33px;
}



















.order{
	text-align:center;
	padding:30px 0 10px;
}

.sidebar-wrap{
	float:right;
	width:250px;
}

.sidebar{
	background:#fef7d8;
	border:1px solid #d1d1d1;
	color:#363636;
	font-size:13px;
	line-height:17px;
}

.order-details{
	margin:28px auto;
	border:1px solid #cbcbcb;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	background:#fff;
	font-size:17px;
	line-height:21px;
}

.order-title{
	border:1px solid #fada4e;
	border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;
	background:#fff8bc;
	padding:16px 0 12px 15px;
	font-weight:bold;
	font-size:18px;
	line-height:23px;
	color:#000;
	text-align:left;
}

.order-content{
	padding:15px 13px 0 14px;
	text-align:left;
}

.dvRow{
	border-bottom:1px solid #cbcbcb;
	padding:16px 0;
	height:100%;
	overflow:hidden;
}

.dvRowTop{
	border-bottom:1px solid #cbcbcb;
	padding:16px 0 4px;
	height:100%;
	overflow:hidden;
}


.dvRow:last-child{
	border-bottom:0 !important;
}

.leftCol{
	float:left;
	width:80%;
}

.value{
	float:right;
	width:10%;
	text-align:right;
	padding:0 10px;
}

.value a{
	text-decoration:none;
	color:#b71b28;
}

.order-content span{
	font-size:12px;
	line-height:18px;
}

.red{ color:#b71b28; }

.total-price{
	font-size:19px;
	margin-top:3px;
	border-top:1px solid #cbcbcb;
}

.text{
	text-align:left;
}

.imageWrapper{
	float:right;
	width:160px;
	text-align:center;
	padding-bottom:20px;
	margin-top:-10px;
}

.title{
	font-weight:bold;
	font-size:20px;
	line-height:24px;
	color:#212121;
}

.details{
	font-size:11px;
	line-height:14px;
	color:#585858;
}

.imageGap{
	margin-bottom:33px;
}

.headline{
	border-bottom:4px solid #13bbb4;
	position:relative;
	margin:43px 0 30px;
	text-align:left;
}

.bonusValue{
	position:absolute;
	right:0;
	bottom:0;
}

.headline h2{
	font-family: 'Open Sans', sans-serif;
	font-size:22px;
	line-height:28px;
	color:#212121;
	font-weight:bold;
	margin:0;
	padding:0 0 5px;
}

.headline h2 span{
	font-weight:700;
}

.moduleLists{
	max-width:754px;
	margin:0 auto;
	border:1px solid #b5b5b5;
	background:#e5e5e5;
	-moz-box-shadow: 0 0 5px #d9d9d9;
	-webkit-box-shadow: 0 0 5px #d9d9d9;
	box-shadow: 0 0 5px #d9d9d9;
	padding:27px 30px 9px;
	font-size:18px;
	line-height:22px;
	margin-bottom:42px;
	text-align:left;
}
.moduleLists1{
	max-width:674px;	
}

.moduleLists li{
	padding:0 0 25px 55px;
	background:url(images/arrow.png) no-repeat 0 3px;
}

.bonus{
	max-width:804px;
	margin:0 auto;
}

.bonus .member-content { max-width:417px;}

.old-price{
	text-decoration:line-through;
}

.sponsor{
	margin:0 auto;
	max-width:582px;
}

.sponsor h2{
	font-size:15px;
	line-height:19px;
	color:#4b4b4b;
	margin:0;
	padding:0 0 5px;
	border-bottom:3px solid #13bbb4;
	text-align:left;
}

.center{ text-align:center;} 
.left{ text-align:left;}

.bottomPanel{
	margin:0 auto;
	max-width:974px;
	height:64px;
	background:url(images/bottompanel.gif) no-repeat -3px 100%;
}

.footer{
	max-width:840px;
	margin:0 auto;
	text-align:center;
	padding-bottom:20px;
	color:#888;
	font-size:14px;
	line-height:18px;
}

.footer ul{
	padding-bottom:12px;
}

.footer li{
	display:inline;
	color:#888;
	list-style-type:none;
}

.footer li a{
	display:inline;
	color:#888;
	text-decoration:none;
	margin:0 4px;
}

.footer li a:hover{
	color:#004b9c;
}

.footer p{
	color:#918888;
	font-size:11px;
	line-height:15px;
}

.disclaimer{
	text-align:center;
	max-width:663px;
	margin:50px auto 0;
	font-size:12px;
	line-height:16px;
	font-size:11px;
	line-height:15px;
	color:#656565;
	padding-top:14px;
}

.memberlogin a {
	font-size: 12px;
	float:right;
	margin-bottom: 10px;
	
}

/* ============ Questions ============ */


.questions{
	height:100%;
	overflow:hidden;
	width:778px;
	padding:4px 0 12px;
	margin:0 auto;
	text-align:left;
}

.questions h2.heading{
	padding-bottom:20px;
	text-align:center;
}

.abelImageContainer{
	float:left;
	width:347px;
	padding-left:26px;
}

.abelText{
	float:right;
	width:380px;
	padding-top:10px;
}

.questionlist{
	padding:26px 99px 0 112px;
}

.questionlist li{
	background:url(images/arrow.png) no-repeat 0 3px;
	padding:0 0 26px 35px;
	font-size:18px;
	line-height:22px;
}
.joinnow_bottom{
	background-color: #f0efef;
    border: 1px solid #c8c8c8;
    margin: 0 auto 50px;
    max-width: 410px;
    padding: 20px 70px 30px;
}
.joinnow_bottom h2{
	color:#930d11;
	font-family: 'Open Sans', sans-serif;
	font-size:24px;
	line-height:28px;	
	font-weight:bold;
}
.joinnow_bottom h3{
	color:#212121;
	font-family: 'Open Sans', sans-serif;
	font-size:28px;
	line-height:32px;	
	font-weight:bold;
}
.joinnow_bottom h3 b{
	text-decoration:line-through;	
}
.joinnow_bottom h3 span{
	color:#13bbb4;	
}
.joinnow_bottom p{
	line-height:22px;
	padding:0 0 40px;	
}
.joinnow_bottom .vwo_click{
	display:inline;
	font-size:28px;
	padding:8px 30px;
	width:auto;	
}

@media only screen and (max-width: 960px) {
	.videoWrapper {
		float: none;
		margin: 0 auto;
		max-width: 571px;
		position: relative;
	}
	
	.joinBoxWrapper {
		background: rgba(0, 0, 0, 0) url("images/shadow.png") no-repeat scroll 0 100%;
		float: none;
		height: auto;
		margin: 0 auto;
		max-width: 307px;
	}
	.joinShadow {
		margin: -5px 0 0;
	}
}
@media only screen and (max-width: 768px) {
.wrapper{
	margin:0 15px;
	background-color:#fff!important;
	background-image:none!important;		
}	
.videoWrapper {
    float: none;
    margin: 0 auto;
}
.joinBoxWrapper {
    float: none;
    margin: 0 auto;
}
/*.dvRw {
    min-height: 710px;
}*/
.joinBoxWrapper {
	min-height:340px;	
}
.member-access {
    float: none;
    width: auto;
}
.member-content {
    float: none;
    margin: 0 auto;
    text-align: left;
}
.product-container {
    height: 100%;
    overflow: hidden;
    padding: 0 10px;
}
.product {
    border: 1px solid #ccc;
    float: left;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 15px;
    max-width: 300px;
	padding:0 17px;
}
.productImage {
    float: none;
    margin: 10px auto;
    max-width: 100%;
    text-align: center;
}
.productImage > img {
    display: block;
    float: none;
    margin: 0 auto;
    max-width: 100%;
}

.productContent {
    display: block;
    float: none;
    padding: 20px 0;
    text-align: center;
    width: 100%;
}
.products{
	text-align:center!important;
	padding:0 10px;	
}
h2.main-headline{
	padding:0 10px;	
}
h3.main-subheadline{
	padding:0 10px 30px;	
}

.bottomPanel {
    background: #fff!important;
    height: 64px;
    margin: 0 auto;
    max-width: 974px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin:0 15px;
}
.banner {
    padding: 5px 6px 0 0;
}

.logo {
    padding: 11px 0 0;
}

.imageGap {
    max-width: 100%;
}
.footer{
	padding:20px;	
}
.moduleLists{
	margin:40px 0;	
	padding:27px 20px 9px;
}
.videoBox{
	height:auto;	
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.panel2 {
    padding: 30px 10px;
}
.bonus .member-content{
	max-width:100%;	
}
.panel9 img{
	max-width:100%;	
}
}
@media only screen and (max-width: 767px) {
.leftimg{
	float:none;	
	margin:0 0 20px;
	max-width:100%;
}
.rightimg{
	float:none;	
	margin:0 0 20px;
	max-width:100%;
}
.panel2{
	padding:10px;	
}
.moduleLists li{
	padding: 0 0 25px 35px;	
}
.logo{
	float:none;
}

.logo img {
    max-width: 100%;
}
.topPanel {
    min-height: 80px;
    padding: 0 0 30px;	
}

.vwo_click > img {
    max-width: 100%;
}

.member-access > img {
    max-width: 100%;
	height:auto;
}
.product {
    float: none;
    margin: 10px auto 10px;
    max-width: 100%;
}
.product-container .right{
	float:none;	
}

.imageGap {
    height: auto;
    max-width: 100%;
}
.headline{
	padding-bottom:42px;	
}

.bonusValue {
	width:100%;	
}
.bonusValue > img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.headline h2 {
	text-align:center;	
}
.sponsor > img {
    height: auto;
    max-width: 100%;
}
.dvRw {
    min-height:auto!important;
}
.joinBoxWrapper {
	min-height:345px;	
}

.banner {
    padding: 5px 6px 0 0;
    width: 100%;
}
.banner > img {
    float: left;
    height: auto;
    margin: 3px 0 0 7px;
    max-width: 61%;
}

h2.main-headline {
    font-size: 20px;
    line-height: 24px;
    padding: 0 10px;
}

.main-headline > br,
h3.main-subheadline > br {
    display: none;
}

h3.main-subheadline {
    font-size: 16px;
    line-height: 20px;
    padding: 0 10px 30px;
}
h2.heading {
	font-size: 20px;
    line-height: 24px;
}
.newheading,
.save{
	font-size:20px;
	line-height:24px;	
}
.bluePanel{
	margin: 15px auto 30px;	
}
.joinnow_bottom{
	padding:20px 20px 30px 20px;	
}
}

@media only screen and (max-width: 480px) {	
	.joinnow_bottom .vwo_click {	
		padding:8px 10px;
		width:auto;
		font-size:22px;
	}
}
@media only screen and (max-width: 350px) {
.joinBoxWrapper {
	min-height:360px;	
}	

}
@media only screen and (max-width: 320px) {	
.joinBox {	
	padding:20px 15px 20px;
}
.member-access{
	padding:20px 0 0 0;	
}

.joinBoxWrapper {
	min-height:368px;	
}
.joinBox h2{
	font-size:14px;	
}
.joinBox h3{
	font-size:18px;	
}
}