/* CSS responsive fixed full width header */
em  {
	font-style:italic;
	font-weight:inherit;
}
span {
	font-weight:inherit;
}
img {
	max-width:100%;
}
body {
	background: #293986;
	font: 100% Helvetica,  Arial,  sans-serif;
	line-height: 1.25em;
}
p {
	margin: 1.5em 0;
	line-height: 1.5em;
    font-family: lato,sans-serif;
    font-size: 20px;
}

a {
	text-decoration: underline;
	color: #fff;
}

.yvideo {
	margin:0 auto 9% auto;
	text-align:center;
}
.vidshadow {
	-webkit-box-shadow: 5px 5px 29px -9px rgba(0,0,0,0.68);
	-moz-box-shadow: 5px 5px 29px -9px rgba(0,0,0,0.68);
	box-shadow: 5px 5px 29px -9px rgba(0,0,0,0.68);
	border:2px solid #616264;
}

h2 {
	font-size: 26px;
	line-height:115%;
	font-family:sans-serif,arial;
	text-align:center;
	font-weight:bold;
	margin:2% auto 2% auto;
	padding:0;
}
.vslwrap {
	height:auto;
}
.vslbg {
	background: url(../vsl-images/plvslbg.jpg) no-repeat center center fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}
.contentwrap{
	width:75%;
	height:auto;
	margin:1% auto 3% auto;
	padding:0 3% 1% 3%;
}
.videocontainer {
	background-color:#6282ad;
	/*width:50%;*/
	max-width:696px;
	height:auto;
	margin:2% auto 2% auto;
	padding:6px 3px 3px 4px;
	-moz-box-shadow: 1px 1px 2px 1px #6c6c6c;
	-webkit-box-shadow: 1px 1px 2px 1px #6c6c6c;
	box-shadow: 1px 1px 2px 1px #6c6c6c;
	border-radius: 10px;border:#7496c3 1px solid;
}
.topheading {
	margin: 1% auto 2% auto;
	text-align:center;
	display:block;
}
.topheading2 {
	margin: 1% auto 2% auto;
	text-align:center;
	display:block;
}
#link_id1 {
	margin:0 auto;
	text-align:center;
}

#footer {
	height:auto;
	padding:2% 0 1% 0;
	margin:0;
	width:100%;
	background:#111;
}

.footermenu {
	margin: 0 auto 2% auto;
	color: #fff; 
	font-size:100%;
	text-align:center;
}
.cbdisclaimer {
	width:60%;
	font-size:70%;
	margin:2% auto 1% auto;
	text-align:center;
	color:#c5c5c5;
}
.copyright {
	font-size:14px;
	margin:0 auto;
	text-align:center;
	color:#e4e4e4;
}
.order-buttons {
	max-width:96%;
	display:block;
	margin:0 auto;
	text-align:center;
}
.order {
	max-width:800px;
	max-height:558px;
	margin:0 auto;
}
.order-buttons2 {
	display:none;
}
.order-men2 {
	float:left;
	max-width:48%;
	margin:0;
	padding:0;
}
.order-women2 {
	float:right;
	max-width:48%;
	margin:0 0 0 4%;
	padding:0;
}
/* youtube */
.yt-videocontainer {
	background-color:#6282ad;
	/*width:50%;*/
	max-width:696px;
	height:auto;
	margin:2% auto 1% auto;
	padding:6px 3px 3px 4px;
	-moz-box-shadow: 1px 1px 2px 1px #6c6c6c;
	-webkit-box-shadow: 1px 1px 2px 1px #6c6c6c;
	box-shadow: 1px 1px 2px 1px #6c6c6c;
	border-radius: 10px;border:#7496c3 1px solid;
}
.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: /*53.25%*/52.56%;
    padding-top: 25px;
    height: 0;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.highlight {
	background-color:#ffff00;
}
 #warning {
	background:#ffffeb;
	margin:3px auto;
	max-width:/*63%*/710px;
	padding:7px;
	font-family:;
	font-size:16px;
	border:2px solid #9e9e9e;
 }
 
 /*------- HBOX
 ---------------------------------------------------------------------------------- */
.hboxwrap {
	background:#fff;
	max-width:1000px;
	margin:2% auto;
	border:1px solid #000;
}
.hbox-heading {
	background:#172c5c;
	padding:1%;
	margin:2px;
	font-size:28px;
	color:#fff;
	line-height:120%;
}
.hbox .hbox-title {
	padding:0;
	margin:0;
	font-size:14px;
	line-height:115%;
	color:#c10000;
	font-weight:bold;
	text-decoration:underline;
}
.hbox {
	padding:2% 1%;
}
.hbox p {
	font-size:13px;
	font-family:arial;
	line-height:140%;
	color:#1b1b1b;
	margin:3% 0 0 0;
}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% .5%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.87%;
}
.span_2_of_4 {
	width: 49.75%;
}
.span_1_of_4 {
	width: 24.62%;
}
.span_pic {
	width:14%;
	padding:2% 0;
}
.span_content {
	width:35%;
	padding:2% 1%;
}

.transcript-button {
	margin:2% auto 4%;
	display:none;
	text-align:center;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}


/*----------------- MEDIA 
----------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 960px) {
	.contentwrap {
	width:90%;
	}
	.cbdisclaimer {
	width:90%;
	line-height:130%;
	}
	.footermenu {
	font-size:80%;
	line-height:200%;
	}

}

/* Media query 800px */
@media (max-width: 800px) {
	.order-buttons {
	display:none;
	}
	.order-buttons2 {
	display:block;
	margin:0 auto;
	}
	.order-men2 {
	float:none;
	max-width:90%;
	margin:0 auto;
	text-align:center;
	}
	.order-women2 {
	float:none;
	max-width:90%;
	margin:0 auto;
	text-align:center;
	}
}

@media only screen and (max-width: 800px) {
	h2 {
	font-size:21px;
	}
	.topheading2 {
	display:none;
	}
	.transcript-button {
	display:block;
	}
}

@media only screen and (max-width: 650px) {
	.span_pic { width: 30%; }
	.span_content { width: 64%; }
	.hbox-heading {font-size:24px;}
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
	.contentwrap {
	width:100%;
	}
	.hbox-heading {font-size:17px;}
	.span_content { width: 100%; }
	.span_pic { width: 100%; margin:0 auto; text-align:center; }
	
}