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

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

/***********************************************************/
/*                   IMPORT FONTS                          */
/***********************************************************/

@font-face {
    font-family: 'avenirmedium';
    src: url('../fonts/avenir-medium-webfont.eot');
    src: url('../fonts/avenir-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avenir-medium-webfont.woff2') format('woff2'),
         url('../fonts/avenir-medium-webfont.woff') format('woff'),
         url('../fonts/avenir-medium-webfont.ttf') format('truetype'),
         url('../fonts/avenir-medium-webfont.svg#avenirmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'avenirheavy';
    src: url('../fonts/avenir-heavy-webfont.eot');
    src: url('../fonts/avenir-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/avenir-heavy-webfont.woff2') format('woff2'),
         url('../fonts/avenir-heavy-webfont.woff') format('woff'),
         url('../fonts/avenir-heavy-webfont.ttf') format('truetype'),
         url('../fonts/avenir-heavy-webfont.svg#avenirheavy') format('svg');
    font-weight: normal;
    font-style: normal;
}


/***********************************************************/
/*                       GLOBAL                            */
/***********************************************************/

* {
	padding: 0;
	margin: 0;
	border: 0;
}
p {
	font-family: "avenirmedium", sans-serif;
	font-size: 14px;
	color: #316363;
	line-height: 120%;
}
a:link {color: #316363; text-decoration: underline;} 
a:visited {color: #316363; text-decoration: underline;} 
a:hover {color: #cc0000; text-decoration: none;} 
a:active {color: #cc0000; text-decoration: none;} 

h1 {
	font-family: "avenirmedium", sans-serif;
	font-size: 20px;
	color: #316363;
	line-height: 120%;
}
h2 {
	font-family: "avenirmedium", sans-serif;
	font-size: 14px;
	color: #316363;
	padding: 15px 0 15px 0;
}
h3 {
	font-family: "avenirmedium", sans-serif;
	font-size: 17px;
}
h4 {
	font-family: "avenirmedium", sans-serif;
	font-size: 14px;
}
.bold {
	font-family: "avenirheavy", sans-serif;	
}
.redBold {
	color: #cc0000;
	font-family: "avenirheavy", sans-serif;	
}
.red {
	color: #cc0000;
	font-family: "avenirmedium", sans-serif;	
}
html {
	height: 100%;
	font-size: 16px;
}
body {
	margin: 0px;
	height: 100%;
	background-color: #dde2d1;
	background-image: url(../images/overlayBkgrnd.jpg);
	background-repeat: repeat-x;
}
#bookInfoWrapper {
	width: 100%;
	height: 100%;
	position: relative;
}

table {margin-top: -10px;}
table td {
	font-family: "avenirmedium", sans-serif;
	color: #316363;
	font-size: 14px;
	width: auto;
}
.chapter {
	font-family: "avenirheavy", sans-serif;
	width: 80px;
	vertical-align: top;
}
#preOrderContainer {
	position: absolute;
	max-width: 203px;
	left: 40px;
	top: 300px;
}
#preOrderContainerCanada {
	position: absolute;
	max-width: 203px;
	left: 40px;
	top: 350px;
}
.preOrder {
	width: 160px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	color: #316363;
	padding-left: 40px;
/*	margin-bottom: 20px; */
}
.preOrder h3 {font-size: 14px !important; font-family: "avenirheavy", sans-serif; margin-bottom: -3px;}
.preOrder h4 {font-size: 11px !important; font-family: "avenirmedium", sans-serif; margin-bottom: -3px;}
.preOrder a:link {color: #316363; text-decoration: none;}
.preOrder a:visited {color: #316363; text-decoration: none;}
.preOrder a:hover {color: #cc0000; text-decoration: none;}
.preOrder a:active {color: #cc0000; text-decoration: none;}
#preOrderMobile {display: none;}
#preOrderContainerSmallest {display: none;}
.inlineSpan {
	font-size: 12px;
	font-family: "avenirmedium", sans-serif; 
	color: #316363;
}
.font14 {
	font-size: 14px !important;
}

#description {
	font-size: 14px;
	max-width: 100%;
	padding-right: 5%;
	height: auto;
	position: absolute;
	top: 35px;
	left: 270px;
	padding-bottom: 20px;
}
#bookMobile {display:none;}
#book {
	width: 203px;
	height: 250px;
	position: absolute;
	left: 30px;
	top: 30px;
	background-image: url(../images/bookCover.png);
	background-repeat: no-repeat;
}
#samplePages {
	width: 450px;
	position: relative;
	left: -240px;
	padding-top: 10px;
	padding-bottom: 20px;
}
#samplePages img {
	height: auto;
	width: auto;
}
#highlightArea {
	background: #ffffff;
	padding: 15px;
	-moz-border-radius: .5rem;
    -webkit-border-radius: .5rem;
	border-radius: .5rem;
	color: #316363;
}
/*********************************************************************/
/*********************************************************************/
/****************          RESPONSIVE           **********************/
/*********************************************************************/
/*********************************************************************/

@media only screen and (max-width: 931px) {
#description {
	max-width: 80%;
}
}

@media only screen and (max-width : 767px)  {
#preOrderContainer {display: none;}
#preOrderContainerCanada {display: none;}
#preOrderContainerMobile {
	display: inherit;
}
	#preOrderContainerMobileCanada {
	display: inherit;
}


#book {display:none;}	
#bookMobile {
	display: inherit;
	max-width: 300px;
	height: 150px;
	margin-left: -5px;
	background-image: url(../images/bookMobile.png);
	background-repeat: no-repeat;
	padding-left: 160px;
	padding-top: 10px;
	margin-top: 15px;
	position: relative;
}
#description {
	max-width: 80%;
	padding-right: 5%;
	position: absolute;
	top: 5%;
	left: 5%;
}
#samplePages {
	width: 100%;
	height: auto;
	position: relative;
	left: 0;
}
#samplePages img {
	width: 100%;
	height: auto;
}
}

@media only screen and (max-width : 654px)  {


@media only screen and (max-width: 450px), only screen and (-webkit-min-device-pixel-ratio: 2) {
#bookMobile {display: none;}
#preOrderContainerSmallest {
	display: inherit;
	width: 100%;
	postion: relative;
}
#description {padding-bottom: 50px;}
#description p {
	font-size: 12px;
}
table td {
	font-size: 12px;
}	
}