/*-----------------------------------------------------------------------------------*/
/*	Book Page Styles
/*-----------------------------------------------------------------------------------*/

/* Global Styles */

div.page-content {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #3c3c3c;
	line-height: 1.5em; 
}

h2, h3, h4, h5, h6 { 
	color: #602a59; 
	font-weight: normal;
	margin-left: -0.5%;	
}

h2 { font-size: 28px; margin-bottom: 0px; }
h3 { font-size: 20px; }
h4 { 
	font-size: 16px; 
	margin-top: 8%;
	margin-bottom: 0px; 
	font-weight: bold;
}


div.page-content a {
	color: #0064aa;
	text-decoration: none;
}

div.page-content a:hover {
	color: #3c3c3c;
}

div.page-content ul li {
	margin-top: 1%;
}

div.page-content div.preview-content {
	position: relative;
	z-index: 20;
	pointer-events: all;
}

/* Pages 2 & 3 Table of Content */

div.page-content div.preview-content.toc p {
	margin-top: 1%;
}

div.page-content div.preview-content.toc ul.toc {
	list-style: none;
	margin-top: 15%;
	padding-left: 0px;
	padding-right: 15%;
	font-size: 14px;
}

div.page-content div.preview-content.toc ul.toc li {
	margin-top: 2.5%;
	cursor: pointer;
}

div.page-content div.preview-content.toc ul.toc li span.number {
	color: #ffffff;
	background: #A6B0BB;
	padding: 1.5%; 
	margin-right: 7%;
}

div.page-content div.preview-content.toc ul.toc li span.text {
	display: inline-block;
	color: #ffffff;
	background: #A6B0BB;
	padding: 1.3% 1.5% 1% 4%;
	width: 78%;
	background-size: 100%;
}

/* Pages 4 & 5 Presentation */
div.page-content div.preview-content.presentation.left {
	padding-top: 2%;
	width: 50% !important;
}

div.page-content div.preview-content.presentation.right {
	width: 50%!important;
	padding-right: 7%;
	padding-top: 8.5%
}


div.page-content div.preview-content.presentation ul li {
	margin-bottom: 1.2%;
}

div.page-content a.button-purchase {
	display: block;
	position: absolute;
	top: 136%;
	left: 8%;
	width: 61%;
	height: 104%;
	z-index: 10;
	cursor: pointer;
}

/* Pages 8 & 9 Features */
div.page-content div.preview-content.features.left {
	padding-left: 1%;
	padding-top: 7%
}

div.page-content div.preview-content.features.right {
	padding-left: 1%;
	padding-top: 0%;
	top: -8%;
	left: 5%;
}

div.page-content div.preview-content.features img.let-us-know {
	width: 60%;
	height: 22%;
	left: 10%;
	bottom: -29%;
	position: absolute;
}
div.page-content div.preview-content.features ul {
	font-size: 14px;
}

div.page-content div.preview-content.features ul li {
	margin-top: 2%;
}

/* Pages 10 & 11 Responsive */
div.page-content div.preview-content.responsive.left {
	padding-left: 2%;
	padding-top: 4%;
}

div.page-content div.preview-content.responsive.right {
	padding-left: 0%;
	padding-top: 0%;
	top: -9%;
}

div.page-content div.preview-content.responsive h3 {
	margin-bottom: 0px;
}

div.page-content div.preview-content.responsive p {
	margin-top: 1%;
}

div.page-content div.preview-content.responsive ul li {
	margin-bottom: 1.8%;
}

/* Pages 12 & 13 Configuration */

div.page-content div.preview-content.configuration.left {
	width: 43%!important;
	padding-top: 3%;
}

/* Pages 14 & 15 Video */

div.page-content div.preview-content.video {
	padding-right: 0%;
}

div.page-content div.preview-content.video.left {
	padding-top: 5%;
}

div.page-content div.preview-content.video ul {
	font-size: 14px;
}

div.page-content div.preview-content.video ul li {
	margin-bottom: 2%;
}
div.page-content div.preview-content.video h3 { font-size: 23px; }
div.page-content div.preview-content.video h4 {
	margin-top: 15%;
	font-size: 15px;
}