@charset "utf-8";
/* CSS Document */
html, body {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	background: #fff;
	color: #000000;
	font-size: 12px;
	font-family: Calisto MT, Calibri, Arial, Verdana, Sans-Serif;
}
ol, ul {
	list-style:inherit;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

#page {


}
.header {
	text-align:center;
	margin: 0 auto;
	background: url(headerback.jpg) center top no-repeat #83d1cd;
	border-bottom:2px solid #71cac5;
	
}
#page #content {
    width: 100%;
}

#branding {
	padding-bottom: 0px;
	z-index: 2;
	margin-top:0;padding-top:0;

}

#primary {
	margin: 0 auto;
	width: 100%;
}
#content {
	width: 100%;
}
#mainwrapper {
	width:100%; margin:0 auto;
}
.main {
	margin: 0 auto;
	background: #fff;
	max-width:980px;
	padding:10px 50px 35px 50px;
}
p { font-size:12pt; }

a {
	color:#0172a3;
}
.dllink {
	font-weight:bold;
	font-size:14pt;
}
.larget {
	font-size:14pt;
}

ul.inline {
	list-style:none;
	text-align: center;
}
ul.inline li {
	display:inline-block;
	font-size: 14pt;
	font-weight:bold;
	list-style-type: none;
	text-align:center;
	vertical-align: middle;
	max-width:270px;
}
ul.inline li div.imgtext { max-width:200px; text-align:center;margin:0 auto; }
ul li.li-mid-spacer { display:none; }

ul li.li-mid { padding:0 50px 0 70px; }
@media only screen and (max-width: 800px) {
	ul.inline li { 
		display:block; 
		margin:0 auto;
		width:auto;
	}
	ul.inline li img { width:90%; }
	ul li.li-mid { display:none; }
	ul li.li-mid-spacer { display:block; margin:50px auto; }
}

.media img { width: 60%; max-width:200px; }
.media { padding-top:25px; text-align:center;}

/*---------------------------------------------------------------------*/
#navwrap {
	width:100%;
	background: #fce886;
	min-height:30px; height:auto;
	border-bottom:2px solid #71cac5;
}
#navigation {
  width:100%; max-width:1060px;
  margin:0 auto;padding:0;
  clear:both;
}
#navigation .nav-inner	{ margin: 0 auto 0 auto; width:90%; }

#navigation .nav-inner ul.menu { /* Menu block links */
  margin: 0;
  padding: 15px;
  text-align: center;
  width:100%;
  overflow: hidden;
  position:relative;
}
#navigation .nav-inner ul.menu li { 
  display:inline;
  padding: 14px 0px 10px 0px; /* LTR */
  list-style-type: none;
  text-align:center;
  white-space: nowrap;
  background-color:transparent;
}

#navigation .nav-inner ul.menu li a:link, #navigation .nav-inner ul.menu li a:visited {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 14pt;
	font-weight: bold;
	color: #016f9f;
	text-decoration: none;
	text-transform:uppercase;
	margin-top:4px;
	padding: 3px 15px 2px 15px;
}
.navsep {
	font-size: 14pt;
	font-weight: bold;
}
#navigation .nav-inner ul.menu li a:hover, #navigation .nav-inner ul.menu li a:visited:hover {
	font-family: Arial, Verdana, Sans-Serif;
	font-weight: bold;
	text-decoration: none;
	color: #982426;
}

/* Responsive menu */
#navigation .nav-responsive {  display:none; }
#navigation .nav-responsive { cursor:pointer; }
#navigation .nav-inner ul.responsive-menu { /* Menu block links */
  margin: 0;
  padding: 15px 15px 0px 15px;
  text-align: center;
  overflow: hidden;
  position:relative;
  
}
#navigation .nav-inner ul.responsive-menu li { 
  padding-bottom: 15px; /* LTR */
  list-style-type: none;
  text-align:center;
  background-color:transparent;
}
#navigation .nav-responsive ul.responsive-menu li a:link, #navigation .nav-responsive ul.responsive-menu li a:visited  {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 14pt;
	font-weight: bold;
	color: #016f9f;
	text-decoration: none;
	text-transform:uppercase;
	margin:0px;
	padding: 3px 15px 2px 15px;
	word-wrap: break-word;
	line-height: 25px;
}
#navigation .nav-inner ul.responsive-menu li a:hover,  #navigation .nav-inner ul.responsive-menu li a:visited:hover {
	color: #982426;
}


/* =Menu
-------------------------------------------------------------- */



#page .entry-header {
	max-width: 1000px;
}
.entry-header hgroup .entry-title {
	padding-top: 15px;
}
#page .entry-header h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #167ab0;
	font-size: 26pt;
	font-weight:normal !important;
	text-align: center;
	margin: 0;
	padding-top: 30px;
}

.reviewDivider {
	width: 90%;
	height: 1px;
	background: #999;
	clear: both !important;
	margin: 40px auto;
}

@media only screen and (max-width: 800px) {
	#navigation .nav-responsive {  display:block; }
	#navigation .menumain	{ display:none; }
}

label { font-size:14pt; }

.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 8.33333px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 25px;
  width: 25px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
}
.option-input:hover {
  background: #9faab7;
}
.option-input:checked {
  background: #de813e;
}
.option-input:checked::before {
  height: 25px;
  width: 25px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 14.66667px;
  text-align: center;
  line-height: 25px;
}
.option-input:checked::after {
  background: #40e0d0;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
.option-input.radio {
  border-radius: 50%;
}
.option-input.radio::after {
  border-radius: 50%;
}


.bonuses	{
font-size: 18px;
color: #000080;
font-weight: bold;
}
.bonusbox	{
	padding: 20px; 
	border: 2px dashed #c00000;
}
div.bonusbooks {
	width:95%;
	margin:10px 20px 0 20px;
}
div.bonusebook	{
	cursor:pointer;
	clear:both;
	padding-top:10px;
	text-align:left;
}

@media only screen and (max-width: 700px) {
	.sh5vp-video-box, .sh5vp-video { width:98%; margin:0 auto;padding:0;  }
}
