html, body {width:100%; min-height: 100%;}
body{font-family: Helvetica,Arial,San-serif;}
h1, h2, h3, label {font-family: 'Rokkitt', serif; font-weight:bold;}
h1, h2, h3, label, p {line-height:1.2em; text-shadow: 0 1px 0 #FFFFFF;}
h1 {font-size:1.6em; color:#de8424;}
h2 {font-size:1.4em; color: #527435; margin-bottom:10px;}
h3 {font-size:1.2em; margin-bottom:10px;}
p {margin:0 auto 6px;}
.clear {clear:both;}
.container-fluid {padding:0 10px; /*overflow: hidden;*/}
.header {border-top: #527435 8px solid; position:relative; z-index: 999;}
.logo {margin-top:6px; /*margin-bottom: -0px; */}
.contact-wrap {padding:20px 10px 10px; margin-top: -18px; background:#D7DCCD;}

.m_title {margin-bottom:10px;}

.form_field {position: relative; margin-bottom:6px;}
label {color: #527435; line-height:1em; font-size:1.2em;}


input[type='text'], input[type="tel"], select, textarea {border: 1px solid #a9b88d; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size:1em; padding:5px;}

select {width:380px;}
option{padding:5px;}
input[type="text"], input[type="tel"], textarea {width:370px;}
textarea {height: 90px;}
.countdown {position: absolute; left: 350px; bottom: 12px; font-size:1em; font-weight: bold; color: #F37511; display:block;}

.form_field_special2, .form_field_special1 {float:left; width: 150px;height:28px;}
.radio {float:left; height:20px;}
.form_field_special2 label, .form_field_special1 label {line-height:26px; text-indent:6px;}

#footer {color: #527435; padding-bottom:20px;}
.footer-link {border-bottom: 1px solid #527435; width:100%; margin: 10px auto; padding-bottom:10px; }
a, a:visited {color: #527435; line-height:1.6em; text-decoration:none; }
a:hover {color: #527435; text-decoration:underline;}
#footer a {font-size:1.2em; font-weight:bold;}

#enquiry_failure_message p {color: #FFFFFF; text-shadow: none; font-size: 1.2em; margin: 0; padding: 1em 0; text-align: center;}
#enquiry_failure_message {position:absolute; z-index:99999;/*top:0;*/background-color: #FF0000; width: 100%;}
.red a, .red a :visited {color: #D00000; padding:4px 0 8px; line-height:1.2em;}
label.red {color: #D00000;}
.breadcrumbs * {font-size:0.9em; padding:6px 0;}
.fbConnectWidgetTopmost {border: 1px solid #a9b88d;}
#join .breadcrumbs {margin-bottom:12px;}
a.join {/*background: url("../images/sign-up.png") no-repeat;*/ position:absolute; display: block; /*height: 45px;*/ right: 0; top:0; z-index: 999;}

.join img {width:120px;}


/* Ebook */
#ebook {/*background: #F8FAF4;*/}
#ebook .logo {max-width: 50%;}
#ebook h1 {margin-bottom: 0;}
#cover_image {float:left; max-width: 34%;}
.page_content h2 {padding-top:8px; margin-bottom: 4px;}
#social-media {overflow:hidden; margin-top:4px;}
.social-media {float:left; width:auto; height:28px; margin:4px 10px auto 0;}

#book-format {
    display: block;
    overflow: hidden;
    position: relative;
	background-color: #E1E5DA;
    background-image: -moz-linear-gradient(left center , #E1E5DA 0%, #F8FAF4 100%);
    color: #527435;
    margin: 0 0 10px;
    padding: 8px;
}
.format-title {padding: 8px 0; float: left;}
.format-title  h3 {border-bottom: 1px solid #FFAD00;}
.first-t {text-align:center; width: auto;}
.second-t {margin-left:10px; width: auto;}

#book-format ul {list-style-type: none; overflow: hidden; padding-left: 0; margin: 8px 0;}
#book-format ul li {display: inline-block; padding: 0; text-align: center; width: 80px; float: left;}
/*.first-t li {width:110px;}
.second-t li {width:130px;}*/
.ebook_size {color: #696969; font-weight: bold; font-size: 10px; margin: auto 1px;}

/* html */
@font-face {font-family: 'titleFont'; src: url('../ebook/css/fonts/headlined.ttf') format("truetype");}
@font-face {font-family: 'h3Font'; src: url('../ebook/css/fontsLiberator.ttf') format("truetype");}

.html h3, .html h4, .html p, .html ul {margin-bottom: 8px;}
.html h2 {font-family: 'titleFont'; font-size: 38px; line-height:1em; margin-bottom: 10px; color: #156d38;}
.html h3 {font-size: 18px; line-height:1em; text-transform: uppercase; font-family: 'h3Font';}
.html h4 {font-weight: bold; font-size: 15px; font-family: 'h3Font';}
.html p {text-align: justify;}

.html ul {list-style: none; margin-left: 0;}
.indexList li {margin-bottom: 10px;}
.index {margin-right: 6px; color: #527435;}
ul.list li {margin-left: 12px;}
ul.list li:before { content:"-"; position:relative; left:-5px;}

.html .header {position: relative;}
.html #cover_image {float: none; width:100px;}
.html h1 {position: absolute; bottom: 20px; left: 100px; color: #156d38;}
.page {clear: both; margin-bottom: 10px; padding-top: 14px; border-bottom: #aaa 1px solid;}
.back, .back:visited {float:right; background: #aaa; color: #fff; padding: 0 4px; /*text-shadow: 0 1px 0 #000;*/}
.back:hover {color:#fff; text-decoration: underline;}

.bold {font-weight: bold;}
.marginBottom {margin-bottom: 8px;}
.titleImg {float: left; margin: 0 8px 12px 0;}

.greyBg {background: #f2f2f2; padding: 8px 10px 2px; margin-bottom:8px;}
.greenBg {background: #156d38; padding: 8px 10px 2px; margin-bottom:8px;}
.greenBg p {margin: 10px auto 10px 54px; color: #fff; text-shadow: 0 1px 0 #000;}
.greenBg .tip {float: left; font-family: 'titleFont'; font-size: 38px; line-height:1em; line-height: 100%; vertical-align: middle; margin: 10px auto; width: 54px;}