/*
  Styles for Healthy Child Healthy World Book
*/

/* @global */
* {
  margin: 0;
  padding: 0;
}
body {
  background: #437FBA url(/images/uploads/book/structure/bg-body.jpg) 0 0 repeat-x;
  color: #333;
  font: 12px Arial, Geneva, sans-serif;
  text-align: center;
}
ul, li { list-style: none; margin: 0; padding: 0;}

/* @group =utility */
h1 {
  background: url(/images/uploads/book/structure/hc-logo.gif) 0 0 no-repeat;
  float: left;
  height: 124px;
  margin: 8px 0 0 14px;
  overflow: hidden;
  text-indent: -9999px;
  width: 200px;
}
h1 a {
  display: block;
  height: 124px;
  width: 200px;
}
h5 {
  font-size: 13px;
}
h6 {
  font-size: 12px;
  font-weight: bold;
}
p {
  line-height: 1.3;
  margin-bottom: 16px;
}

/* @global =classes */
.clear {
  clear: both;
  margin-top: -1px;
  height: 1px;
  overflow: hidden;
}
.clear_both {
  clear: both;
}
.row:after, .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.left {
  float: left;
  margin: 0 10px 10px 0;
}
.right {
  float: right;
  margin: 0 0 10px 10px;
}
.img_left {
  float: left;
  margin: 0 0 10px 24px;
  border:1px solid #D1D1D1;
}
.img_right {
  float: right;
  margin: 0 24px 10px  0;
 border:1px solid #D1D1D1;
}
.hidden { display: none; }

/* @global =links */
a {
  text-decoration: none;
  color:#1797d1;
  outline: none;
}
a:hover {
  text-decoration: underline;
}
a img {
  border: 0;
}

#nav {
  float: left;
  margin: 15px 0 0 59px;
  width: 643px;
}
#nav li, #nav li a {
  background-image: url(/images/uploads/book/structure/nav.gif);
  float: left;
  height: 52px;
}
#nav li a {
  display: block;
  height: 52px;
  overflow: hidden;
  text-indent: -9999px;
}
#nav li.nav_book, #nav li.nav_book a  { background-position: 0 0; width: 134px; }
#nav li.nav_author, #nav li.nav_author a { background-position: -134px 0; width: 154px; }
#nav li.nav_inside, #nav li.nav_inside a { background-position: -288px 0; width: 168px; }
#nav li.nav_reviews, #nav li.nav_reviews a {background-position: -456px 0; width: 187px;}

#nav li.nav_book a:hover {background-position: 0 -52px; }
#nav li.nav_author a:hover { background-position: -134px -52px; }
#nav li.nav_inside a:hover { background-position: -288px -52px; }
#nav li.nav_reviews a:hover {background-position: -456px -52px; }

body#body_book #nav li.nav_book a {background-position: 0 -104px; }
body#body_author #nav li.nav_author a { background-position: -134px -104px; }
body#body_inside #nav li.nav_inside a { background-position: -288px -104px; }
body#body_reviews #nav li.nav_reviews a {background-position: -456px -104px; }


/* @group =layout */
#wrapper {
  background: url(/images/uploads/book/structure/bg-wrapper.jpg) top center no-repeat;
  padding-top: 16px;
  width: 100%;
}
#content {
  background: #fff url(/images/uploads/book/structure/bg-content-top.png) 0 0 no-repeat;
  margin: 0 auto;
  padding: 5px 17px 0 17px;
  text-align: left;
  width: 916px;
}

  /* @ group =header */
  #hdr {
    float: left;
    width: 916px;
  }
  #quote {
    background: url(/images/uploads/book/structure/quote.gif) 0 0 no-repeat;
    display: block;
    height: 26px;
    margin: 0 0 0 277px;
    text-indent: -9999px;
    width: 472px;
  }
  .hc-home {
    display: block;
    height: 25px;
    position: relative;
    top: 0;
    left: 750px;
    text-indent: -9999px;
    width: 155px;
  }

  /* @group -feature */
  #feature {
    background: #973c8a url(/images/uploads/book/structure/feature-book.jpg) 0 0 no-repeat;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-radius: 4px;
    color: #fff;
    float: left;
    font-size: 13px;
    height: 322px;
    padding: 20px 0 0 340px;
    width: 576px;
  }
  #feature h2 {
    background: url(/images/uploads/book/structure/title_feature.png) 0 0 no-repeat;
    height: 72px;
    margin-bottom: 20px;
    overflow: hidden;
    text-indent: -9999px;
    width: 546px;
  }
  #feature-desc {
    float: left;
    width: 240px;
  }
  #feature-desc .subtxt {
    color: #fae778;
    font-weight: bold;
    margin-bottom: 16px;
  }
  #feature-desc #buynow {
    background: url(/images/uploads/book/structure/bg-buynow.png) 0 0 no-repeat;
    display: block;
    height: 54px;
    margin: 16px 0 0 -6px;
    overflow: hidden;
    text-indent: -9999px;
    width: 237px;
  }
  #feature-review {
    margin-left: 260px;
    width: 272px;
  }
  #feature-review blockquote {
    background: url(/images/uploads/book/structure/bg-review.jpg) 0 0 no-repeat;
    color: #ecbae4;
    font-size: 15px;
    font-style: italic;
    height: 148px;
    line-height: 1.4em;
    margin-bottom: 5px;
    padding: 20px;
    width: 232px;
  }
#feature-review blockquote p {
  margin: 0;
}
  #feature-review blockquote span {
    display: block;
    text-align: right;
    line-height: 1;
  }
  #feature-review a {
    color: #ecbae4;
    font-size: 11px;
  }
  #feature-review a.review_link {
    float: right;
    position: relative;
    z-index: 999;
}

  #feature-review a:hover {
    color: #fff;
  }
  #feature .shadow {
    background: url(/images/uploads/book/structure/feature-gradient.png) 0 0 repeat-x;
    height: 43px;
    position: relative;
    top: -6px;
    left: -340px;
    width: 916px;
    z-index: 900;
  }
  /* @group -shop */
  #shop {
    background: url(/images/uploads/book/structure/bg-stores.jpg) 0 0 no-repeat;
    float: left;
    height: 96px;
    width: 916px;
  }
  #shop ul {
    padding: 14px 0 0 231px;
  }
  #shop ul li {
    float: left;
    margin-right: 20px;
  }
  #shop ul li a {
    display: block;
    height: 68px;
    text-indent: -9999px;
    width: 207px;
  }

  /* @group -celeb rotator */
  #testimonials {
    background: #eae5de url(/images/uploads/book/structure/bg-celebs.png) 0 0 no-repeat;
    float: left;
    margin-top: 1px;
    padding: 15px;
    width: 886px;
  }
  #testimonials h3 {
    background: url(/images/uploads/book/structure/title_celebs.png) 0 0 no-repeat;
    height: 10px;
    text-indent: -9999px;
    width: 345px;
  }
  .book_celeb {
    float: left;
    padding: 5px;
  }
  .book_celeb img {
    padding: 3px;
    background: #fff;
  }
  .book_celeb.cur img {
    background:#827056;
  }  
  .book_celeb .desc {
    display: none;
  }
  #quoteSource{
    color:#10336b;
    position:relative;
    margin:-1px 13px 0 12px;
    padding:5px 15px;
    background:#f9943a;
  }
  #book_mask {
    width: 500px;
    float: left;
    overflow: hidden;
    margin: 17px 0 0 25px;
    height: 120px;
    position: relative;
  }
  #celeb_testimonial {
    color: #44392a;
    float: left;
    line-height: 1.4em;
    padding: 0 0 15px 10px;
    margin-top: -20px;
    width: 290px;
  }
  #celeb_testimonial h4 {
    font-size: 14px;
    margin-bottom: 5px;
  }
  #book_slider {
    position: absolute;
    left: 0;
    top: 0;
    width: 20000px;
  }
  #bookTestimonials {
    position: relative;
  }
  .abs { position: absolute; }
  #prev, #next {
    background-image: url(/images/uploads/book/structure/btn_celebs.png);
    display: block;
    height: 22px;
    position: relative;
    text-indent: -9999px;
    width: 22px;
  }
  #prev { 
    background-position: 0 0; 
    top: 62px;
    left: 0;
    }
  #prev:hover { background-position: 0 -22px; }
  #next { 
    background-position: 22px 0; 
    left: 860px;
    top: 40px;
    }
  #next:hover { background-position: 22px -22px; }


  /* @group -more info */
  #more-info {
    background: url(/images/uploads/book/structure/bg-insidelook.jpg) 0 0 no-repeat;
    float: left;
    font-size: 13px;
    height: 217px;
    margin-top: 1px;
    padding: 10px 0 0 370px;
    width: 546px;
  }
  #inside {
    float: left;
    width: 237px;
  }
  #inside h5 {
    background: url(/images/uploads/book/structure/title-look-inside.png) 0 0 no-repeat;
    height: 77px;
    margin: 5px 0 20px 0;
    text-indent: -9999px;
    width: 233px;
  }
  #inside p {
    background: url(/images/uploads/book/structure/bg-dots-light.png) left bottom repeat-x;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 5px;
  }
  #inside ul li {
    background: url(/images/uploads/book/structure/bg-bullet.png) 0 8px no-repeat;
    padding-left: 10px;
    line-height: 1.3em;
  }
  #announcements {
    float: left;
    margin: 5px 0 0 40px;
    width: 257px;
  }
  #announcements h5 {
    background: url(/images/uploads/book/structure/title_announcements.png) 0 0 no-repeat;
    height: 19px;
    margin-bottom: 20px;
    overflow: hidden;
    text-indent: -9999px;
    width: 256px;
  }
  #announcements li {
    color: #747a76;
    line-height: 1.4em;
    margin-bottom: 10px;
  }
  #announcements li span {
    color: #000;
    font-weight: bold;
  }
  #announcements li a {
    font-weight: normal;
  }

/* @group = footer */
#footer {
  background: url(/images/uploads/book/structure/bg-footer.jpg) 0 0 no-repeat;
  height: 85px;
  width: 963px;
  margin: 0 auto 60px auto;
  padding: 30px 0 0 0;
  text-align: left;
}
#footer-info{
    float:left; 
    font-weight: bold;
    width:265px;
    color: #373a3c;
    margin-left: 60px;
}
#footer #terra-pass {
  background: url(/images/uploads/book/structure/bg-terrapass.png) 0 0 no-repeat;
  float: left;
  height: 49px;
  margin-left: 30px;
  text-indent: -9999px;
  width: 212px;
}
#visit-hc {
  background: url(/images/uploads/book/structure/bg-healthychild-logo.png) 0 0 no-repeat;
  display: block;
  float: left;
  height: 70px;
  margin: -20px 0 0 100px;
  text-indent: -9999px;
  width: 270px;
}
#footer-disclaimers{
	width: 950px;
	padding: 40px 0 0 10px;
	color: #fff;
	font-size: 11px;
	float: left;
}
#footer-disclaimers a{
	color: #e8e4bd;
	text-decoration: none;
}
#footer-disclaimers a:hover{
	text-decoration: underline;
}
#languages, #company-links{
	list-style: none;
}
#languages{
	float: right;
}
#company-links{
	float: left;
}
#languages li, #company-links li{
	float: left;
	border-right: 1px solid #fff;
	padding: 0 8px;
}
#languages li.first, #company-links li.first{
	padding-left: 0;
}
#languages li.last, #company-links li.last{
	border-right: none;
}

/* @group =subpages */
.sub #col1 {
  border-top: 1px solid #e2e2e2;
  float: left;
  margin: 20px 0;
  padding: 20px 40px 20px 20px;
  width: 560px;
}
.sub #col2 {
  border-top: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  float: left;
  margin: 20px 0;
  padding: 20px 0 20px 20px;
  width: 270px;
}
.sub h2 {
  color: #38B65D;
  font-size: 28px;
  margin-bottom: 20px;
}
.sub h3 {
  color: #333;
  font-size: 16px;
  margin-bottom: 8px;
}
.sub h4 {
  color: #1797D1;
  font-size: 14px;
  margin-bottom: 5px;
}
.sub #testimonials {
  margin-bottom: 15px;
}

  /* @group -sidebar */
  .chapterLink{
  display:block;
  width:85px;
  float:left;
  padding-bottom:15px;
  }
  .chapter{
    float:left;
    width:160px;
    display:block;
    padding-bottom:15px;
  }
  .bookSection {
    margin-top: 20px;
  }
  .chapterLink {
    font-weight: bold;
  }
  #bnr_shop {
    background: url(/images/uploads/book/structure/bg-sub-buy.jpg) 0 0 no-repeat;
    height: 66px;
    margin-bottom: 30px;
    padding-left: 128px;
    width: 448px;
  }
  #bnr_shop li {
    float: left;
  }
  #bnr_shop li a {
    display: block;
    height: 57px;
    text-indent: -9999px;
    width: 148px;
  }
  #preview {
    border: 1px solid #e7e7e7;
    float: left;
    height: 767px;
    width: 500px;
  }
  .pics { 
    height: 767px; 
    width: 500px; 
    padding:0; 
    margin:0; 
    overflow: hidden; 
    }
  .pics img { 
    height: 767px; 
    width: 500px; 
    top:0; 
    left:0 
}
#preview-wrapper {
  float: left;
  width: 612px;
}
#preview-wrapper #prev2, #preview-wrapper #next2 {
  display: block;
  float: left;
  height: 371px;
  margin-top: 200px;
  text-indent: -9999px;
  width: 31px;
}

#preview-wrapper #prev2 {
  background: url(/images/uploads/book/structure/btn-preview-left.jpg) 0 0 no-repeat;
}
#preview-wrapper #prev2:hover {
  background-position: -31px 0;
}
#preview-wrapper #next2 {
  background: url(/images/uploads/book/structure/btn-preview-right.jpg) 0 0 no-repeat;
}
#preview-wrapper #next2:hover {
  background-position: -31px 0;
}
#sidebar-inside {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
#sidebar-inside p {
  margin-bottom: 0;
}
#sidebar-inside ul {
  margin-left: 15px;
}
#sidebar-inside ul li {
  list-style: disc;
  font-weight: bold;
}
  
  /* @group -tell a friend */
  #tell_a_friend {
    position:relative;
  }
  #recipient_list{
    width:350px;
    height: 250px;
  }
  #emailFriend{
    padding-left: 17px;
    background: url(/uploads/image/template/ico-email2.gif) 0 2px no-repeat;
    padding:10px 10px 10px 30px; 
    background-color:#efefef; 
    background-position:10px 10px;
    position:relative;
    top:25px;
   }
  #showPlaxo{
    position:absolute; 
    top:0;
    right:25px;
  }
  #tell_a_friend label {
  float:left; 
  position:relative;
  width:150px;
  margin-right:5px;
  }
  div.row {
  padding:5px 0;
  clear:both;
  }
  div.captcha {
  margin-left:155px;
  clear:both;
  }
  #tell_a_friend div.captcha input {
  float:left; 
  position:relative;
  margin-right:5px;
  }
  #errors {
  color:#FF0000;
  }


/* @end */