/************Colors************
bg: #dfdad4

text: #58595b
link: #2763af
btw link grey: #7b7c7f

sidebar grey: #dcddde

btn hover: #9d9fa2
btn normal: #2763af

input value: a7a9ac
******************************/
/*  Reset  */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,table,div,blockquote,fieldset,input
{ margin:0; padding:0 }
html, body {margin:0 !important; height: 100% !important;}
a img {border:none;}
/*  Base  */
body {font-family: Helvetica, Arial,Sans-serif;  margin:0 auto; height: 100% !important; text-align: center; background: #fff url('images/bg.png') repeat-x;}
.wrap {width: 998px; margin: 0 auto; background: #fff url('images/examination-workbook-chinese-medicine.jpg') no-repeat; text-align: left;}
/*  Header Elements  */
#header {height: 622px; width: 100%; position: relative;}
.logo {width: 258px; height: 68px; float: left;}
/* Images */
img.alignright {margin: 0 0 2px 7px;display: inline; border:none; border-radius: 10px;}
img.alignleft {margin: 0 7px 2px 0;display: inline; border:none;}
img.aligncenter {display:block; margin:auto; border:none;}
.aligncenter, div.aligncenter {display: block; margin:auto; text-align:center;}
.alignright {float: right;}
.alignleft {float: left;}
.clear {clear: both;}
/*  Headers  */
h1 {font-family: 'Fanwood Text', serif; font-size: 19px; line-height:37px; color:#cf1010; margin: 10px 0; padding: 0;}
h2 {font-family: 'Fanwood Text', serif; font-size:29px; border-bottom: 1px solid #75191A; line-height: 32px; color:#000; margin: 0 0 15px 0; padding: 0; font-weight: 100;}
h3 {font-size:15px line-height:17px; color:#b4b3b3; margin: 10px 0; padding: 0;}
h4 {font-size:13px line-height:17px; color:#58595b; margin-bottom:5px;}
h5 {font-size: 9px line-height:17px; color:#808285; margin-bottom:5px;}
h6 {font-family: 'Molengo', sans-serif; font-size: 18px;}
p,ul,ol,table {font-size:16px; line-height:21px; padding-bottom: 5px; color: #000; margin-top: 3px;}
/*  Tables & Lists  */
table {margin-bottom:10px; padding-bottom:0;}
table th {background: #2763af; color: #fff;}
table td {background: #cccdcf; color: #666; padding: 4px 9px;}
ul ul,ol ol {margin-top:10px; padding-bottom:0;}
ul,ol {margin-left:20px;}
li {margin-bottom: 8px;}
/*  Links  */
a {color:#2763af;}
a:hover {text-decoration: none;}
/*  Elements  */
blockquote {padding: 15px; font-family: 'Fanwood Text', serif; font-size: 22px !important; font-style: italic;  }

.head_wrap {width: 500px; float: right; position: relative;}
.head_title h1  {color: #fff; font-weight: 100; text-transform: uppercase; font-size: 30px; margin-bottom: 0 !Important;}
.head_title h3 {font-weight: 100; font-style: italic;}
.head_title { float: right;
    height: 100px;
    margin: 38px 10px 0 0;
    position: relative;
    text-align: center;
    width: 508px;}
    
.head_image
{ float: right;
    height: 100px;
    margin: 26px 10px 0 0;
    position: relative;
	height: 311px;
	background: url('images/essential-study-guide-tcm-students.png') no-repeat;
    width: 477px;
    text-indent: -9999px;}

.head_btns {position: relative; float: right; width: 510px; margin-top: 28px; }
.head_btns a {float: left; margin-left: 32px;}
.points {background: #e2dede; margin: 0 auto; width: 999px; padding: 15px 0 20px 0}
.grey-wrap { margin: 0 auto; background: #e2dede; position: relative; margin-top: 8px; text-align: left;}

.content  {position: relative; font-family: 'Molengo', sans-serif; font-size: 18px;}

.col1 {width: 30%; float: left; margin: 5px 16px 0;}
.black_bar {background: #000; height: auto; width: 100%; text-align: center; padding: 17px 0;}
.book_img li {float: left; list-style-type: none; margin: 10px 40px; vertical-align: center;}
.book_img {margin: 0; padding; 0; text-align: center; width: auto; display: block;}


.red_foot {width: 100%; background: #75191a; text-align: center; padding: 15px 0;}
.red_foot p, .red_foot a {color: #fff; font-family: 'Molengo', sans-serif;}


.black_bar p {color: #fff;}

.buy_sticky {position: fixed; float: right; z-index: 9999;}


.black_bar a {color: #fff;}

.btn {-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
box-shadow: 0px 0px 2px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#f8961d', endColorstr = '#975c12');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#f8961d', endColorstr = '#975c12')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #f8961d, #975c12);
background-image: -ms-linear-gradient(top, #f8961d, #975c12);
background-image: -o-linear-gradient(top, #f8961d, #975c12);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f8961d), to(#975c12));
background-image: -webkit-linear-gradient(top, #f8961d, #975c12);
background-image: linear-gradient(top, #f8961d, #975c12);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
padding: 10px 10px;
width: 180px;
display: block;
text-align: center;
color: #fff;
text-decoration: none;
font-size: 30px;
font-family: 'Molengo', sans-serif;
margin-top: 10px;
} 


a.btn:hover {
background-image: -moz-linear-gradient(top, #975c12, #f8961d);
background-image: -ms-linear-gradient(top, #975c12, #f8961d);
background-image: -o-linear-gradient(top, ##975c12, #f8961d);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f8961d), to(#975c12));
background-image: -webkit-linear-gradient(top, #975c12, #f8961d);
background-image: linear-gradient(top, #975c12, #f8961d);
}  

.btn-red {-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 2px #000000;
-webkit-box-shadow: 0px 0px 2px #000000;
box-shadow: 0px 0px 2px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#7d1b1f', endColorstr = '#4b1013');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#7d1b1f', endColorstr = '#4b1013')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #7d1b1f, #4b1013);
background-image: -ms-linear-gradient(top, #7d1b1f, #4b1013);
background-image: -o-linear-gradient(top, #7d1b1f, #4b1013);
background-image: -webkit-gradient(linear, center top, center bottom, from(#7d1b1f), to(#4b1013));
background-image: -webkit-linear-gradient(top, #7d1b1f, #4b1013);
background-image: linear-gradient(top, #7d1b1f, #4b1013);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
padding: 10px 10px;
width: 247px;
display: block;
text-align: center;
color: #fff;
text-decoration: none;
font-size: 20px;
font-family: 'Molengo', sans-serif;
}
a.btn-red:hover {background-image: -moz-linear-gradient(top, #4b1013, #7d1b1f);
background-image: -ms-linear-gradient(top, #4b1013, #7d1b1f);
background-image: -o-linear-gradient(top, #4b1013, #7d1b1f);
background-image: -webkit-gradient(linear, center top, center bottom, from(#4b1013), to(#7d1b1f3));
background-image: -webkit-linear-gradient(top, #4b1013, #7d1b1f);
background-image: linear-gradient(top, #4b1013, #7d1b1f3);
}