/* Reset Rules */
/* ----------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
/* ------------------------------------------- */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;}
html,body{ height: 100% }
body { line-height: 1;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { color: #000 ; }



@font-face {
		font-family: 'ITCAvantGardeStd-Bold';
		src: url('fonts/ITCAvantGardeStd-Bold.eot?') format('eot'), 
			 url('fonts/ITCAvantGardeStd-Bold.otf')  format('opentype'),
			 url('fonts/ITCAvantGardeStd-Bold.woff') format('woff'), 
			 url('fonts/ITCAvantGardeStd-Bold.ttf')  format('truetype'),
			 url('fonts/ITCAvantGardeStd-Bold.svg#ITCAvantGardeStd-Bold') format('svg');
}

/* General */
/* ------- */

.underlineNormal { text-decoration: underline;  }

p{ text-indent: 28px ; line-height: 25px ; }
/* body { background: url("../images/bg.png") repeat-x #f1f1f1;   } */

body { background: #000000 ;   }

.rightWrapper img {
    height: auto;
    max-width: 100%;
}


.displayMobile { display: none ; }

.benBlurb { text-align: center ; text-indent: 0 ;  font-size: 14px ; font-weight:bold ; }


.benPadding { padding-top: 30px ; }
.rightWrapper.handBookPadding {  padding-top: 70px ; }
.epWrapper { padding-top: 30px ;}

.bulletsListWrapper li { margin-left: 28px ; }

.para { margin-bottom: 24px ;  }
.centre { text-align: center ;  text-indent: inherit ; }
.bold { font-weight: 900 ; }
.italics { font-style: italic ; }
.green { background-color: #7FAA3D ; }

.noMargin { margin-bottom: 0 ; }
.noIndent { text-indent: 0 ; }

.marginBottom { padding-bottom: 26px ; }

.faqHeading {
    font-family: ITCAvantGardeStd-Bold,Georgia,"Times New Roman",Times,serif;
    text-transform: uppercase;
    font-size: 42px;
    /* margin-top: 52px; */
}

.orderForm { margin-right: auto ; margin-left: auto ; border: 5px dashed #F90D02 ; padding: 26px ;   }
.outerFormO {  padding: 26px ; border: 1px solid #e6e6e6 ; margin-bottom: 52px ; -webkit-box-shadow: 0px 1px 5px 1px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    0px 1px 5px 1px rgba(50, 50, 50, 0.2);
box-shadow:         0px 1px 5px 1px rgba(50, 50, 50, 0.2);}


.orderForm  p { text-indent: 0px !important ;  }


.littleQuote:before { content: '\201C' ; }
.littleQuote:after { content: '\201D' ; }

.littleQuote:before, .littleQuote:after {
    color: #000;
    font-size: 22px;
    font-style: normal;
    line-height: 1;
	font-weight: bold ;
	font-family: Arial, Helvetica, sans-serif !important ;  
}



.ctaButtons { width: 325px ; margin-left: auto ; margin-right: auto ; }

.ctaLink { text-align: center ; text-indent: 0px !important ; padding-top: 26px ; font-size: 24px ; margin-bottom: 52px ;  }

.orderFormInner { padding-top: 26px ; padding-bottom: 26px ; }

.container { width: 732px ; margin-left: auto ; margin-right: auto ; border: 1px solid #e7e6e3 ; padding-left: 26px ; padding-right: 26px ;  background-color: #fff ; }

.sbWrapper { width: 680px ; margin-left: auto ; margin-right: auto ; }

.container { /* padding-top: 26px ; */ font-size: 18px ; }
h1, h2, h3 { text-align: center ; }
h1 { font-size: 54px ; }
h1, h3, .bulletsHeadline { font-family: ITCAvantGardeStd-Bold,Georgia,"Times New Roman",Times,serif; text-transform: uppercase; }
.subHeadWrapper h2 { font-size: 24px ;  text-indent: 28px;  text-align: justify ; }

.mainHeadlineH1 { font-size: 32px ; margin-bottom: 39px ; }

.sbWrapper { margin-bottom: 26px ; padding-left: 25px ; } 
.sbWrapper img { display: block ; }

.emailPlayersHeadline { margin-top: 26px ; margin-bottom: 10px ; font-size: 130px ; color: #004225;
    text-shadow: 1px 1px 1px #666; }
.emailPlayersHeadlineTY { margin-top: 5px ; font-size: 48px ; }
.bulletsListWrapper li.noMarginBottom { margin-bottom: 0 ; }

.paraSpecial { margin-bottom: 20px ; padding-left: 30px ; text-indent: 0 ; line-height: 25px; font-weight: normal; min-height: 25px; margin-left: 28px ;}

.colouredHeadline { /* background-color: #F0F5F7 ; *padding-top: 24px ; padding-bottom: 24px ;  */  }

.rightWrapper.imagePadding1 { padding-top: 35px ; }
.rightWrapper.imagePadding2 { padding-top: 10px ; }
.rightWrapper.imagePadding3 { padding-top: 20px ; }
.rightWrapper.imagePadding4 { padding-top: 35px ; }
.rightWrapper.imagePadding5 { padding-top: 12px ; }

.colouredHeadline { font-size: 18px ;  }

.leftWrapper { float: left; width: 400px ; padding-top: 13px ;  }
.rightWrapper { float: right ; width: 260px ; padding-top: 20px ; }
.leftWrapper { float: left; width: 400px ; padding-top: 13px ;  }
.leftWrapper.width390 { width: 390px ; }
.rightWrapper.width330 { width: 330px ; }
.noPaddingTop { padding-top: 0 ; }

.contentWrapper .leftWrapper.fiftyFifty {   width: 350px ;   }
.rightWrapper.fiftyFifty { width: 360px ;  }

h2, body { font-family: 'Lato' , sans-serif; font }

.mainHeadlineWrapper { padding: 26px 0 0 0 ; }
.subHeadWrapper { padding: 0px 26px 20px 26px ;   }
.bulletsWrapper { /* padding: 0px 0 26px 0 ; */}
.bulletsHeadlineWrapper { padding: 26px 0 26px 0 ; }
.bulletsListWrapper { /* padding: 0px 0 26px 0 ; */ }

.mainHeadlineH1 span.block { display: block ; }

.optinWrapperOuter { background-color: #000000 ; color: #fff ; }

.bulletsListWrapper li, .bulletsJamPacked p { margin-bottom: 10px ; }
.bulletsJamPacked { font-weight: bold ; }

/* First bit of content */
/* -------------------- */	




/* Headlines */
/* --------- */

.underlineBlack { display: inline-block ; background: url("images/underline.png"); width: 285px ; height: 69px ;}


/* Ben Image */
/* --------- */

.benSettleImageWrapper {  padding-top: 30px ;}
.portraitTitle { font-size: 24px ; text-align: center ; padding-top: 10px ; }
.benSettleWrapper { width: 300px ; float: left ;}


/* CTA Button and Opt-in Rulez */
/* --------------------------- */

.optinWrapper { width: 635px ; float: right; padding: 45px 0 45px 0 ;}

.bulletsHeadline { font-size: 48px ; }

.underlineWhite{ display: inline-block ; background: url("images/underlineWhite.png"); width: 215px ; height: 59px ; background-repeat: no-repeat ; }

.floaters { margin: 15px 0 15px 0px ; width: 525px ; margin-right: auto ; margin-left: auto;  }
.leftArrow { width: 20px ;  height: 60px ; position: absolute ; top: -50px ; left: -55px ; }
.rightArrow { width: 40px ; height: 99px ; position: absolute ; top: -50px ; right: -50px ; }

.legalstatement { text-align: center ; font-size: 16px ; padding-top: 10px ;  }

.signMeUp {
   background: none repeat scroll 0 0 #f36;
    border: 0 none;
    /* border-radius: 5px; */	
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1em;
    padding: 20px 38px;
    text-transform: uppercase;
    transition: background 0.3s ease 0s;
}

input[type="text"] {
    font-size: 16px;
	text-transform: uppercase;
    padding-left: 10px;
}

.signMeUpBox { padding: 15px 40px 17px 40px ; }

.clear { clear: both ; }

.inputLeft { float: left ; position: relative ;  }
.inputRight { float: right ; position: relative ;  }


.legal { margin-top: 30px ; }
.legal p { text-align: center ;}
	
.legalLink { color: #fff ;  }



/* Testies */
/* ------- */

.testimonialsOuterWrapper { padding: 52px 0 0 0 ; }
.rightAlignTestimonial { text-align: right ; }
.rightAlignTestimonial span { display: block ; padding-bottom: 5px ;}

.testimonialsSidebar { padding: 26px 0 26px 0 ; }

.testimonialSB {
    border-radius: 5px;
    font-weight: 700 ; 
    margin: 0;
    position: relative;
}


.mainHeadlineH1 .testimonialSB:before, .mainHeadlineH1  .testimonialSB:after {
    color: #162955;
}

.testimonialSB.sbo:before, .testimonialSB.sbo:after {
	font-size: 100px ;
}

.testimonialSB:before, .testimonialSB:after {
    color: #000;
	content: '\201C' ;
    font-size: 24px;
    font-style: normal;
    line-height: 1;
    position: absolute;
	font-family: Arial, Helvetica, sans-serif !important ;  
}

.testimonialSB:after {
    content: '\201D' ;

}

.testimonialAuthor { font-size: 24px ; font-weight: bold ;}

.testimonialSB p { padding-left: 30px ; padding-right: 30px ; font-size: 24px ; text-align: center ;}
.rightAlignTestimonial { margin-top: 30px ; }

.testimonialDetails { font-size: 16px ; }

.someMargin {
    margin-top: 26px;
}

.leftContentWrapper:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}


.indivTestyWrapper:last-child {
    border-bottom: 0;
}

.contentWrapper .leftWrapper { width: 460px ; }

.rightContent p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 13px;
    text-indent: 13px;
}

.testyName {
    text-align: right;
   /*  font-weight: 900; */
    font-size: 16px;
}

h3.testyHeading, .indivTestyWrapper h3 {
    font-family: ITCAvantGardeStd-Bold,Georgia,"Times New Roman",Times,serif;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 13px;
    line-height: 20px;
    text-align: center;
}

.leftContent {
    float: left;
    width: 447px;
    padding-right: 13px;
}

.colouredHeadline.shipToShore { padding-bottom: 12px ; }
		
		

.leftContentWrapper .rightContent {  margin-bottom: 26px ;  }

.bottomFooterInner p { text-indent: 0 ; }

.rightContent {
    float: right;
    width: 233px;
    border: 1px solid #666;
    /* padding: 0px 13px 0px 13px; */
	padding: 0 ; 
    background-color: #f1f1f1;
}

.indivTestyWrapper {
    border-bottom: 1px dashed #666;
    padding-top: 23px;
	padding-left: 13px ;
	padding-right: 13px ;
    padding-bottom: 10px;
}

.testyOne:before { top: -25px; left: 45px; color: #004225 ; }
.testyOne:after { top: 110px; right: 25px;  color: #004225 ;}

.testyTwo:before { top: -2px; left: -12px; }
.testyTwo:after {  top: 75px; left: 155px; }

.testyTwoT:before { top: -2px; left: -12px; }
.testyTwoT:after {  top: 52px; right: 130px; }

.testyThree:before { top: -10px; left: 145px; font-size: 65px !important ; }
.testyThree:after { top: -10px; right: 145px; font-size: 65px !important ; }

.testyFour:before { top: -20px; left: -1px;}
.testyFour:after { top: -20px; right: -1px;}

.testyFive:before { top: -20px; left: -25px;}
.testyFive:after { top: -20px; right: -25px;}

.testySix:before { top: -20px; left: -20px;}
.testySix:after { top: -20px; right: -25px;}

.testySeven:before { top: -20px; left: -20px;}
.testySeven:after { top: -20px; right: -20px; }

.testyEight:before { top: -20px; left: 5px;}
.testyEight:after { top: -20px; right: 1px; }


hr {
    background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    border: 0 none;
    height: 1px;
    margin-bottom: 30px;
}

/* Bullets */
/* ------- */

.bulletsListWrapper li {
    background-image: url("images/tick_white.png");
    background-position: 0 5px;
    background-repeat: no-repeat;
	line-height: 25px ; 
    font-weight: normal;
    list-style-type: none;
    padding-left: 30px;
	min-height: 25px ;
	margin-bottom: 20px ; 
}

.bulletsJamPacked p { text-align: center ; }
.boldBullet { font-weight: 900 ; }

/* Footer rules */
/* ------------ */

.bottomFooterInner p { text-align: center ; }

.bottomFooterOuter { color: #fff ; padding: 0 0 26px 0px ; background-color: #111111 ; /* border-top: 5px solid #fff; */ padding-top: 15px ; font-size: 16px ; }

.footerLinks { color: #fff ; }
.privacyPara { margin-top: 10px ; }


/* Content Page */
/* ------------ */

.content { padding: 0px 0 26px 0 ; }

.content p { margin-bottom: 15px ; }

.emailAddyCentre { font-weight: bold ; text-align: center; padding-bottom: 10px ; padding-top: 10px ; font-size: 24px ; }


	/* Responsive Rules */
	/* ---------------- */

	@media all and (max-width: 960px) {
		
	
		h1 { font-size: 48px ; }
		
		.contentWrapper .leftWrapper.fiftyFifty { width: 100% ; }
		.leftWrapper.width390 { width: 100% ; }
		
		.hideMobile { display: none ; }
		.displayMobile { display: block ;  }
		.bulletsListWrapper li.noMarginBottom.displayMobile { margin-bottom: 26px ;  }
		
		.rightWrapper.width330 { width: 300px ; }
		
		.rightWrapper.fiftyFifty { width: 300px ; }
		
		.rightWrapper.handBookPadding { padding-top: 0 ; }
		
		.testimonialSB.sbo { font-size: 54px ; }
		
		.subHeadWrapper h2 {  font-size:18px ;  line-height: 25px ;}
	
		.emailPlayersHeadline { font-size: 60px ; }
		
		.subHeadWrapper { padding: 0 ; }
		.subHeadWrapper .leftWrapper { margin-bottom: 26px ; }
	
		.container { 
		width: auto;
		max-width: 770px;
		}
		
		.mainHeadlineH1 { font-size: 20px ; }
		
		.leftWrapper {
			float: none ;
			width: 100%;
			/* padding-top: 26px; */
		}
		
		
		.leftContent { float: none ; width: 100% ; }
		.rightContent { float: none ; width: 100% ; }
		
		.rightWrapper {
			float: none ;
			width: 260px ;
			margin-right: auto;
			padding-bottom: 26px ;
			margin-left: auto;
		}
		

		
		.bulletsListWrapper li { margin-left: 0 ; }
		
		.epWrapper { padding-top: 0 ; }
		
		.leftArrow , .rightArrow { display: none ; }
			
		.optinAndEPWrapper > .benSettleWrapper {
	
		float: none;
		width: 100%;
		}
		.optinAndEPWrapper > .optinWrapper {
		float: none;
		width: 100%;
		}
		
		.benPadding img, .handBookPadding img, .epWrapper img  { display: block ; width: 200px ; margin-left: auto ; margin-right: auto ; }
		
		
		.handBookPadding { padding-top: 26px ; }
		
		.contentWrapper > .leftWrapper {
		width: 100% ; 
		float: none;
		}
		
		.contentWrapper > .rightWrapper.rightWrapperImage {
		float: none;
		width: 250px ;
		margin-right: auto ;
		margin-left: auto ; 
		/* margin-bottom: 52px ;  */
		}
		
		.ctaButtons { width: 250px ; }
		.ctaButtons img { width: 250px ; }
		.ctaLink { font-size: 18px ; }
		
		
		
		
		.floaters { width: 100% ; }
		
		.floaters > .inputLeft {
		float: none;
		width: 250px ; 
		margin-right: auto ;
		margin-left: auto ;
		}
		.floaters > .inputRight {
		float: none;
		width: 195px ;
		margin-top: 10px ; 
		margin-right: auto ;
		margin-left: auto ;
		}
		
		.signMeUpBox, .signMeUp { width: 200px ; margin-left: auto ; margin-right: auto ; }
		
		.benSettleImageWrapper img{
		display: block;
   		margin-left: auto;
    	margin-right: auto;
		}
		
		.content {padding-left: 10px ; padding-right: 10px ; }
		
		
		.testimonialSB:before, .testimonialSB:after { display: none ; }
			
		.sunrai { display: none ; }
			
			
	}
	
	
	@media all and (max-width: 770px {
	
		
	}
	
	@media all and (max-width: 450px) {
		
		
		
	}
	
	@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait){


	}