a:link, a:active, a:visited {color: #B72C7B}
a:hover {color: #63479C}

body {margin: 0px; background-color: #FFFFFF; background-image: url(../images/background.gif); background-repeat: repeat-x; font-family: arial, helvetica, sans-serif}
p, ul, ol, li, td {font-size: 12px}

#navigation {vertical-align: top; width: 167px; padding: 0 12px 0 21px}
#body {vertical-align: top; background-image: url(../images/background_content.gif); background-repeat: no-repeat; width: 735px; padding: 20px 0 40px 25px}

#content {float: left; width: 493px; padding-right: 20px}
#sidebar {float: left; width: 207px; border-left: 1px solid #CFC9EE; padding-left: 13px; padding-bottom: 20px}

h1 {color: #36283F; font-size: 30px; font-weight: normal; font-family: trebuchet ms; font-style: italic; margin: 0 0 20px 0; letter-spacing: -1px}
h2 {color: #36283F; font-size: 18px; margin: 0}

  .expect_head {background: #513A7F; color: #FFFFFF; font-size: 16px; padding: 4px; text-align: center; font-weight: bold}
  .expect_sub {background: #513A7F; color: #FFFFFF; padding: 6px 0 6px 0; text-align: center}
  .expect_desc {border: 1px solid #CCCCCC; border-collapse: collapse; padding: 10px; font-size: 10px}
  .expect_desc h2 {font-size: 12px; font-weight: bold; color: #513A7F; border-bottom: 1px solid #CCCCCC; margin-bottom: 10px}
  .expect_desc ul {margin: 10px 0 10px 0; padding-left: 20px}
  .expect_desc li, .expect_desc ul {font-size: 10px}
  .expect_dose {font-size: 10px}
  
  .subhead {font-size: 14px; font-weight:bold; color:#513A7F}
  .subhead b {font-weight: normal}
  
  .testimonial {background-color: #ECF0F9; border-top: 4px solid #63479C; border-bottom: 1px solid #63479C; margin-top: 20px; padding: 15px 0; background-image: url(../images/testimonial.gif)}
  .testimonial h2 {font-size: 20px; font-weight: bold; color:#63479C; margin: 0; letter-spacing: -1px}
  .testimonial p {font-size: 14px}
  
  
#footer {padding: 10px 0 10px 25px}
#footer p {font-size: 10px; color:#666666}
#footer p.nav {color:#cccccc; font-size: 11px; font-weight: bold}

a.button {display: inline-block; background-image: url(../images/button_off.gif); padding: 5px 10px; background-position: right bottom; border: 1px solid #F4CEEC; text-decoration: none; font-size: 11px; font-weight: bold; color: #513A7F}
a.button:active, a.button:visited {color: #513A7F}
a.button:hover {background-image: url(../images/button_on.gif); border: 1px solid #dad3ff; color: #513A7F}

input.button {background-image: url(../images/button_off.gif); padding: 5px 10px; background-position: right bottom; border: 1px solid #F4CEEC; text-decoration: none; font-size: 11px; font-weight: bold; color: #513A7F}

ul {margin: 15px 0 15px 15px; padding: 0; list-style: none}
ul li {background-image: url(../images/bullet.gif); background-repeat: no-repeat; padding: 2px 0 2px 12px; background-position: 0 6px}

  .supplementfacts {font-size: 18px; font-family: arial,helvetica; font-weight:bold; color:#000000}
  

  #newsletter {padding: 10px 0; margin: 10px 0 10px 0; border-top: 4px solid #63479C; background-image: url(../images/background.gif); background-repeat: repeat-x; background-position: 0 -240px}
  #newsletter p {font-size: 11px}
  #newsletter p.intro {font-weight: bold; color: #513A7F; margin-top: 0}
  #newsletter input.text {width: 160px; margin-bottom: 4px}
  #newsletter select {width: 160px; margin-bottom: 10px}
  
  .promo {padding: 20px 0 0 0}
  .promo img {background-color: #FFFFFF; border: 1px solid #CFC9EE; border-right: 2px solid #cccccc; border-bottom: 2px solid #cccccc; padding: 8px}
  .promo img.object {background-color: transparent; border: 0px; padding: 0px}
  .promo h2 {font-size: 18px; font-weight: bold; color:#513A7F; margin: 10px 0 5px 0}
  .promo p {font-size: 11px; margin-top: 0}
  
  #guarantee {margin: 20px 0 10px 0; text-align: center}  
  #authorize {border-top: 1px solid #CFC9EE; border-bottom: 1px solid #CFC9EE; padding: 10px 0; text-align: center}
  #fda {margin: 10px 0 20px 0; text-align: center}
  
  /*#fda {margin: 10px 0 20px 0; border-left: 4px solid #9d89ff; padding: 0 0 0 10px}*/
  
  img.promo {background-color: #FFFFFF; border: 1px solid #CFC9EE; border-right: 2px solid #cccccc; border-bottom: 2px solid #cccccc; padding: 8px; float: left; margin: 0 10px 10px 0}

  p.share {font-size: 14px; background-color: #63479C; margin: 15px 0 25px 0; padding: 10px; line-height: 1.8em; color: #FFFFFF}
  p.share span {font-size: 18px; font-weight: bold}
  p.share a, p.share a:hover {color: #FFFFFF}
  
.order td {border-top: 5px solid #F7E7F0; padding: 8px 4px; font-size: 11px}
.order .title, .order .freeship {border-top: 0; padding: 0}
.order .freeship {padding-bottom: 20px}
.order .freeship b {background-color: #B72D7B; color: #FFFFFF; padding: 3px 5px; text-transform: uppercase}
.order .desc span {font-size: 14px; font-weight: bold; color:#63479C}
.order .save {text-align: center}
.order .save b {background-color: #B72D7B; color: #FFFFFF; padding: 3px 5px}
.order .price {font-size: 16px; font-weight: bold; color:#34257F; text-align: right; padding-right: 20px}
.order a.button {display: inline-block; background-image: url(../images/button_off.gif); padding: 5px 10px; background-position: right bottom; border: 1px solid #F4CEEC; text-decoration: none; font-size: 14px; font-weight: bold; color: #63479C}
.order a.button:active, a.button:visited {color: #63479C}
.order a.button:hover {background-image: url(../images/button_on.gif); border: 1px solid #dad3ff; color: #34257F}
.order .recommended {background-color: #63479C; border-bottom: 2px solid #B72D7B; border-top: 0}
.order .popular {background-color: #B72D7B; color: #FFFFFF; padding: 2px 4px; text-transform: uppercase}
.order .mail {padding-top: 15px}


.order .coupon {padding: 0 0 20px 0; border-top: 0}
.order .coupon div {background-color: #63479C; color: #FFFFFF; padding: 5px}
.order .coupon b {font-size: 16px}
.order .coupon i {font-size: 12px; font-style: normal}
.order .coupon span {font-weight: bold}




body {background-position: 0 30px}
#promo {height: 23px; background-color: #413195; font-size: 14px; font-weight: bold; vertical-align: middle; text-align: center; color: #E5E0FC; padding-top: 7px}
#promo a {color: #FFFFFF}





/* for subscription option */
#item {width: 493px; height: 128px; display: block; background-repeat: no-repeat; margin-bottom: 10px}
#item p {font-size: 12px}
#item a img {border: 0}
.one {background-image: url(../images/order_1.gif)}
.two {background-image: url(../images/order_2.gif)}
.three {background-image: url(../images/order_3.gif)}
.four {background-image: url(../images/order_4.gif)}
.eight {background-image: url(../images/order_8.gif)}
.product {margin: 0 0 0 145px; padding: 10px 0 0 0}
.product h3 {font-size: 24px; font-weight: normal; margin: 5px 0 0 0}
.product h4 {font-size: 18px; margin: 15px 0 0 0}
.subscribe {width: 185px; float: left; padding: 10px 0 0 10px}
#item form {margin: 0; padding: 0; display: inline}
.product h4 input {vertical-align: middle}
.product h4 b {display: inline-block; width: 70px; font-weight: bold}
.product p {margin: 0}
.subscribe p {margin: 8px 0}
#subscribe {background-image: url(../images/promo_subscribe.gif); background-repeat: no-repeat; padding: 30px 20px 20px 20px; margin-top: 10px}
#subscribe p.first {font-size: 14px; font-weight: bold}
#subscribe p.first b {color: #b72d7b}




/* style for baby photo gallery */

ul.baby {margin: 0; padding: 0; list-style: none}
ul.baby li {display: block; float: left; background-image: none; margin: 0 10px 10px 0; padding: 0}
ul.baby li a img {border: 3px solid #dddddd}
ul.baby li a:hover img {border: 3px solid #aaaaaa}