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


/*---------------GENERAL------------*/
* {
  margin: 0px;
  padding: 0px;
}

body {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  text-align: left;
  background-color:#E0E0E0;
  line-height:17px;
  color: #666666;
}

body a {
  color: #0081c6;
  text-decoration: underline;
}

a img {
  border: none;
}

a:focus {
  outline-style: none;
}

.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}
.clearBoth {
  clear: both;
}

.bold{font-weight:bold;}

.floatright {
  float: right;
  margin-left: 10px;
}

.floatleft {
  float: left;
  margin-right: 10px;
}

p {
  margin: 0 0 8px;
}

ul, ol {
  margin-left: 15px;
  margin-bottom: 10px;
}

.mt10{margin-top: 10px;}

.pointer {
  cursor: pointer;
}

.discount{text-decoration:line-through;}

.light-blue-text {
  color: #3d97d3;
}

.light-green-text {
  color: #a7ca5d;
}

.light-red-text {
  color: #e65a4d;
}

/*---------------STRUCTURE------------*/

#container-outter {
  width: 994px;
  height: 100%;
  margin: auto;
  background-image: url(/shop/images/custom/lipobind/background-repeat.jpg);
  background-repeat: repeat-y;
}

#container {
  width: 916px;
  height: 100%;
  background-color: #FFFFFF;
  margin: auto;
  padding: 10px 25px 0px 25px;
}

#bannernav {
  list-style: none;
  padding-top: 5px;
  padding-right: 20px;
  float: right;
}

#bannernav li {
  float: left;
  padding-left: 3px;
}

/*
#shapesmart-banner {
  width: 914px;
  height: 25px;
  background-image: url(/shop/images/custom/lipobind/shapesmart-banner.jpg);
  background-repeat: no-repeat;
  margin-bottom: 20px;
}

.strapline {
  padding-left: 170px;
  padding-top: 5px;
  float: left;
}
*/

/* Header member / ShapeSmart */
#shapesmart-banner {
  width: 914px;
  height: 40px;
  background-image: url(/shop/images/custom/lipobind/shapesmart-banner.jpg);
  background-repeat: no-repeat;
  margin-bottom: 3px;
}
#shapesmart-banner .sslogo{
  width: 170px;
  height: 20px;
  float:left;
}
#shapesmart-banner #nav-account{
  float:right;
  text-align:right;
  width:430px;
  height:20px;
  padding-top:5px;
}
#shapesmart-banner #nav-account ul{
  float:right;
  margin:0px;
  padding:0;
  text-align:right;
  clear:right;
  width:430px;
}
#shapesmart-banner #nav-account ul.member-details{
  float:right;
  margin:0px;
  padding:0;
  padding-top:5px;
  text-align:right;
  clear:right;
  width:430px;
}
#shapesmart-banner #nav-account ul li{
  list-style:none;
  float:right;
  margin-right:5px;
}
#shapesmart-banner #nav-account ul li a{
  color: #2e217e;
}
#shapesmart-banner #nav-account ul li.customer-text{
  list-style:none;
  float:none;
  width:300px;
}
#nav-account ul li.customer{
  display:none;
}

.strapline {
  padding-left: 0px;
  padding-top: 5px;
  float: left;
  text-align:right;
}
/* END Header member / ShapeSmart */
#logo-bar {
  width: 914px;
  margin-bottom: 5px;
}

#logo {
  width: 361px;
  height: 56px;
  float: left;
  margin-right: 8px;
}

.banner-468 {
  width: 468px;
  height: 60px;
  padding-top: 0px;
  float: left;
}

#eater-types {
  width: 218px;
  height: 86px;
  margin-right:10px;
  cursor:pointer;
  float: right;
  
}

#left {
  width: 187px;
  float: left;
  margin-right: 20px;
  margin-bottom: 240px;
  position: relative;
  overflow: visible;
}

.box-buy-online {
  position: absolute;
  width: 192px;
  height: 160px;
  padding: 20px 0px 0px 10px;
  background-image: url(/shop/images/custom/lipobind/box-buy-lipobind.jpg);
  background-repeat: no-repeat;
  top: 330px;
  left: 0px;
}  

#centre {
  width: 466px;
  float: left;
  margin-right: 20px;
  overflow:hidden;
}
#centreandright {
  width: 700px;
  float: left;
}

#centre img {
  margin-bottom: 15px;
  /*padding-top: 10px;*/
}

.faqs-sub-box {
  width: 408px;
  height: 78px;
  padding: 25px 0px 0px 15px;
  background-image: url(/shop/images/custom/lipobind/faqs-sub-box.jpg);
  background-repeat: no-repeat;
  margin-bottom: 15px;
}

.faqs-sub-box-460 {
  width: 445px;
  height: 78px;
  padding: 25px 0px 0px 15px;
  background-image: url(/shop/images/custom/lipobind/faqs-sub-box-460.jpg);
  background-repeat: no-repeat;
  margin-bottom: 15px;
}

.eater-types-sub-box {
  width: 381px;
  height: 79px;
  padding: 22px 0px 0px 15px;
  background-image: url(/shop/images/custom/lipobind/eater-type-sub-box.jpg);
  background-repeat: no-repeat;
  margin-bottom: 15px;
}

.fats-sub-box {
  width: 418px;
  height: 48px;
  padding: 25px 0px 0px 5px;
  background-image: url(/shop/images/custom/lipobind/good-fats-bad-fats-sub-box.jpg);
  background-repeat: no-repeat;
  margin-bottom: 15px;
}

.calculator-sub-box {
  width: 408px;
  height: 52px;
  padding: 30px 0px 0px 15px;
  background-image: url(/shop/images/custom/lipobind/calculator-sub-box.jpg);
  background-repeat: no-repeat;
  margin-bottom: 15px;
}

.chris-steele-footer-box {
  width: 408px;
  height: 52px;
  padding: 33px 0px 0px 15px;
  background-image: url(/shop/images/custom/lipobind/chris-steele-footer-box.jpg);
  background-repeat: no-repeat;
  margin-bottom: 45px;
}

#right {
  width: 221px;
  float: left;
  position: relative;
  overflow: visible;
}

#right img.operator-team{
  margin-top:20px;
  float:right;
}

.box-is-it-right {
  position: absolute;
  width: 212px;
  height: 152px;
  padding: 15px 0px 0px 10px;
  background-image: url(/shop/images/custom/lipobind/box-is-it-right.jpg);
  background-repeat: no-repeat;
  left: 0px;
  top: 190px;
  margin-bottom: 20px;
}

.box-success-stories {
  position: absolute;
  width: 216px;
  height: 157px;
  padding: 30px 0px 0px 6px;
  background-image: url(/shop/images/custom/lipobind/box-success-stories.jpg);
  background-repeat: no-repeat;
  left: 0px;
  top: -5px;
}
.box-product{
  width: 220px;
  height: 133px;
  padding: 15px 0px 0px 6px;
  background-image: url(/shop/images/custom/lipobind/box-product.jpg);
  background-repeat: no-repeat;
  left: 0px;
  top: -5px;
}
.box-understanding-carbs {
  position: absolute;
  width: 211px;
  height: 153px;
  padding: 20px 0px 0px 10px;
  background-image: url(/images/box-understanding-carbs.jpg);
  background-repeat: no-repeat;
  left: 0px;
  top: 190px;
}

#navigation-banner {
  width: 914px;
  height: 256px;
  position: relative;
}

.disclaimer {
  position: absolute;
  top: 234px;
  left: 578px;
}

.slideshow {
  z-index: 2;
}

.message-home {
  position: absolute;
  left: 229px;
  width: 306px;
  top: 44px;
}

#nav {
  color: #666;
  list-style: none;
  padding-top: 5px;
  line-height:17px;
  position: absolute;
  top: 5px;
  left: 0px;
  z-index: 2;
}

#nav li a {
  position: relative; 
  width: 170px;
  height: 20px; 
  display: block; 
  padding-left: 15px; 
  padding-top: 3px; 
  border-bottom: dotted 1px #999999; 
  text-decoration: none;
}

#nav li a.last {
  border-bottom: none; 
}

#nav li a span {
  position: absolute; 
  width: 7px; 
  height: 8px; 
  left: 0px; 
  top: 35%; 
  background-image: url(/shop/images/custom/lipobind/bullet-nav.jpg);
  background-repeat: no-repeat;
  margin-right: 3px;
}

#nav li.nav-last {
  border-bottom: 0px;
}

#nav-inner {
  color: #666;
  list-style: none;
  margin-left: 0px;
  line-height: 17px;
  border-top: dotted 1px #999999;
}

#nav-inner li a {
  position: relative; 
  width: 173px;
  height: 23px; 
  display: block; 
  padding-left: 15px; 
  padding-top: 5px; 
  border-bottom: dotted 1px #999999; 
  text-decoration: none;
}

#nav-inner li a:hover {
  background-color: #eff9fe;
}

#nav-inner li a span {
  position:absolute; 
  width: 7px; 
  height: 7px; 
  left: 0px; 
  top: 35%; 
  background-image: url(/shop/images/custom/lipobind/bullet-nav.jpg); 
  background-repeat: no-repeat;
  margin-right: 3px;
}

#nav-inner li.nav-last {
  border-bottom: 0px;
}

#content-list {
  color: #666;
  padding-top: 8px;  
  margin-left: 15px;
}

#content-list li {
  padding: 3px 0px;
  list-style-image: url(/shop/images/custom/lipobind/blue-bullet.gif);
}

#content-list li a {
  text-decoration: none;
  color: #666;
}

#content-list li img {
  margin-right: 3px;
}


#homepage-tripple-box {
  position: relative;
  width: 914px;
  height: 229px;
  overflow: visible;
  margin-bottom: 20px;
}

#chris-steele {
  width: 276px;
  height: 207px;
  padding: 30px 0px 0px 10px;
  background-image: url(/shop/images/custom/lipobind/chris-steele.jpg);
  background-repeat: no-repeat;
  float: left;
  margin-right: 25px;
}

#success-stories {
  width: 283px;
  height: 207px;
  padding: 30px 0px 0px 10px;
  background-image: url(/shop/images/custom/lipobind/success-stories.jpg);
  background-repeat: no-repeat;
  float: left;
  margin-right: 25px;
}

#buy-lipobind {
  position: absolute;
  width: 291px;
  height: 207px;
  padding: 30px 0px 0px 10px;
  background-image: url(/shop/images/custom/lipobind/box-home-product.jpg);
  background-repeat: no-repeat;
  float: left;
  top: 0px;
  left: 629px;
}

#chris-steele p, #success-stories p, #buy-lipobind p {
  font-size: 11px;
  line-height: 14px;
}
#buy-lipobind p{
  float:left;
  margin-right:15px;
}
.offer_text{ 
  margin-top:10px;
  color:#e31736;
}
.offer_text_green{ 
  margin-top:10px;
  color: #3AAD00;
}
.offer_text_explanation { 
  margin-top:5px;
  font-weight:bold;  
  color: #e31736;
}
#cart-contents .offer_text strong strong{ 
  margin-top:5px;
  font-weight:normal;  
  color: #e31736;
}
#cart-contents .offer_text_expl strong{ 
  margin-top:5px;
  font-weight:bold;  
  color: #e31736;
}

#footer {
  width: 899px;
  height: 49px;
  position: relative;
  padding: 20px 0px 0px 15px;
  background-image: url(/shop/images/custom/lipobind/footer.jpg);
  background-repeat: no-repeat;
}

#footer a {
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

.footer-logo {
  position: absolute;
  width: 94px;
  height: 27px;
  left: 805px;
  top: 23px;
}
.footer-open{
  position: absolute;
  width: 194px;
  height: 27px;
  left: 725px;
  top: 50px;
}

#bottom {
  width: 994px;
  height: 35px;
  margin: auto;
  background-image: url(/shop/images/custom/lipobind/bottom.jpg);
  background-repeat: no-repeat;
}

#eat-well-thumb{
  float: left;
  width: 210px;
  height: 150px;
  margin-right: 15px;
  margin-bottom: 20px;
}

blockquote ul {
  margin-bottom: 0px;
  font-weight: bold;
}

blockquote {
  margin-bottom: 10px;
}

#carbohydrates-chart {
  width: 466px;  
  border-top: 1px dotted #999999;
  margin-bottom: 15px;
}

#centre #carbohydrates-chart table tr td {
  padding: 5px 0px;
  border-bottom: 1px dotted #999999;
}

#centre #carbohydrates-chart table tr td.last {
  border-bottom: none;
}

#centre #carbohydrates-chart table tr td img {
  padding-top: 0px;  
  margin-bottom: 0px;
}

#carbohydrate-list {
  width: 225px;
  float: left;
}

.before, .after {
  width: 180px;
  padding: 10px 0px;
  border-top: 1px dotted #999999;
  float: left;
  margin-bottom: 15px;
  margin-right: 30px;
}

.before {
}

.before img, .after img {
  border-top: 1px dotted #999999;
  border-bottom: 1px dotted #999999;
}

.real-life-success-thumbs, .real-life-success-last {
  width: 109px;
  margin-right: 60px;
  float: left;
}

.border-bottom-466 {
  width: 466px;
  padding-top: 9px;
  margin-bottom: 10px;
  border-bottom: 1px solid #666666;
}

.real-life-success-last {
  margin-right: 0px;
}

.table-background-light {
  background-color: #eff9fe;
}

.table-background-dark {
  background-color: #c4e7f8;
}

.table-background-title {
  background-color: #0081c6;
  color: #FFFFFF;
  font-weight: bold;
}

table {
  margin-bottom: 15px;
}

table tr td {
  padding-left: 5px;
}

.border-bottom{
  height: 1px;
  width: 466px;
  border-bottom: 1px dotted #999999;
  margin-bottom: 10px;
}

.slide {
  display: none;
}

.button {
  color: #228e2c;
  text-decoration: underline;
  cursor: pointer;
}

.video-link{
  position: absolute;
  width: 132px;
  height: 91px;
  top: 110px;
  left: 18px;
}

.next-previous {
  padding: 5px;
  border: 1px dashed #999999;
}

.brands tr td {
  padding-left: 0px;
}

/* ------------------------------------------------------------- */
/* Messages
/* ------------------------------------------------------------- */
.message-error {
  color: red !important;
}
div.message,div.error ,
div.message-error {
  border: 1px solid #000;
  color: #000 !important;
  font-weight: bold;
  margin: 0.5em 0;
  padding: 5px;
  text-align: center;
}
div.message {
  background-color: #DFD;
  border-color: #3AAD00;
}
div.message-error {
  background-color: #FDD;
  border-color: #F00;
}
.warning {
  color: #F00;
}

div.red-faq-tag a {
  color: red;
  font-weight: bold;
}

div.error {
  background-color: #d3fdc6;
  border-color:green;
}
/*---------------TEXT STYLES------------*/

h1 {
  color: #0081c6;
  font-size: 20px;
  letter-spacing: -1px;
  margin-bottom: 15px;
}

h2 {
  color: #e31736;
  font-size: 14px;
  letter-spacing: -1px;
  margin-bottom: 5px;
}
.h-one {
  color: #0081c6;
  font-size: 20px;
  letter-spacing: -1px;
  margin-bottom: 15px;
}
h3 {
  color: #0081c6;
  font-size: 12px;
  margin-bottom: 5px;
}

h4 {
  color: #666666;
  font-size: 12px;
}

#body_assesment h2,
.heading, .heading-small {
  color: #0081c6;
  font-weight: bold;
  letter-spacing: -1px;
  margin-bottom: 10px;
}

.mb5{margin-bottom: 5px;}

.heading {
  font-size: 16px;
}

.heading-small {
  font-size: 14px;
}

.red-heading {
  color: #e31736;
  font-weight: bold;
  letter-spacing: -1px;
  margin-bottom: 10px;
  font-size: 16px;
}

.red-heading-small {
  color: #e31736;
  font-weight: bold;
  letter-spacing: -1px;
  margin-bottom: 10px;
  font-size: 14px;
}

.darkblue {
  color: #2e217e;
}

.red {
  color: #e31736;
}

.dark-blue {
  color: #0081c6;
}

.light-green {
  color: #a3c94a;
}

.size-14 {
  font-size: 14px;
  line-height: 19px;
}

.size-11 {
  font-size: 11px;
  line-height: 14px;
}

.green-bullet {
  float: left; 
  margin-right: 3px;
}

.h3-float {
  float: left; 
  margin-top: -5px;
}

.freephone {
  font-size: 18px;
  color: #666666;
  font-weight: bold;
}

.copyright {
  font-size: 11px;
  color: #666666;
  line-height: 20px;
}

.text-small {
  font-size: 11px;
  color: #666666;
  line-height: 13px;
}

.blue-bg {
  background-color: #eff9fe;
  padding: 10px;
  width: 446px;
}

.strap {
  font-size: 24px;
  color: #0081c6;
  font-weight: bold;
  line-height: 27px;
  letter-spacing: -1px;
}

.quote {
  font-size: 12px;
  color: #666666;
  line-height: 14px;
  font-style: italic;
}

/*---------------Start Header cart ------------*/

#header-cart{
  width: 198px;
  height: 76px;
  padding:5px 10px;;
  float:right;
  background: url(/shop/images/custom/decarb/bg-header-cart.jpg) no-repeat top left;  
}

#header-cart p.cart_title a#onpage_viewbag{
  text-decoration:none;
  color: #0081C6;
  font-weight:bold;  
}

#header-cart a.view-basket{
  text-decoration:none;
  color:#E31736;
  font-weight:bold; 
  float:left;
}

#checkout_link{
  text-decoration:none;
  margin:0px;
  padding:0;  
  float:right;
  color:#E31736;
  font-weight:bold;  
}
.cartNumItems{
  float:left;
}
#cartOnPageTotalPrice{
  color: #0081C6;
  float:right;
}
#cartOnPageSummary{height:18px;clear:both;}
#onpage_viewbag2{float:left;}
/*---------------End Header cart ------------*/

/*--------------- Newsletter Sign-Up ------------*/

  .register-here-box{
    width:913px;
    height:77px;
    background:0 0 no-repeat url('/shop/images/bg_lipobind_register.jpg');
    margin: 0px auto 10px;
    position:relative;
    overflow:hidden;
    clear:both;    
  }
  

    .register-here-box #frm_subscribe{
      position:absolute;
      top:24px;
      border:none;
      width:270px;
      height:20px;
      left:553px;
      padding:6px 0 0 10px;
      background:none;
      font-size:14px;
      color:#999; 
    }
    
    .register-here-box #frm_subscribe:focus{
      color:#000;
    }
    
    .register-here-box #frm_submit{
      position:absolute;
      top:26px;
      left:835px;
      border:none;
      width:64px;
      height:24px;
      overflow:hidden;
      text-indent:-9999px;
      cursor:pointer;
      background:none;          
    }

/* Add to cart
/* -------------------/shop/images/add_to_basket_btn.gif---------------------- */

  #btn_add_to_cart{
    width:70px;
    height:23px;
    display:block;
    overflow:hidden;
    background: url('/shop/images/addbasket.gif') no-repeat left top;    
    color:#FFF;
    border:none;   
    margin:5px 0;
    text-indent:-999px; 
    float:right;
    cursor:pointer;
  }
  
  #btn_add_to_wishlist{
    display:none;
  }
  
  #product_form{
    width:100px;
    float:right;
    text-align:right;
  }
  
  #product_image{
    width:120px;
    height:120px;
    margin-right:10px;
    float:left;
  }  
  
  #product_form .price, #product_form .strike, #product_form .price-special {
    color:#e31736;
    font-size:18px;
    font-weight:bold;
    display:block;
    clear:left;
    margin:5px 0;
}


#product_form .strike{ 
  display:block;
  font-weight:normal;
  text-decoration:line-through;
  color:#A4A3B8;
  margin-bottom:0;
}                       

#product_form .price-special { 
  color:#FF0000;
  margin-top:0px;
}
  
  .title {
    color:#444;
    font-size:16px;
    display:block;
    clear:left;
    margin:15px 0 15px 0;
  } 
   
  h2.prod_title {
    color:#444;
    font-size:14px;
    display:block;
    float:left;
    margin:0px 0 3px 0;
  } 
  p.summary{    
    float:left;
    width:230px;
  } 
  #product_form #quantity{
    text-align:center;
    color:#777;  
  }
  
  #product_description{
    margin:30px 0 0 0;
    padding:0 18px;
  }
   
a.close{ text-decoration:none;}   
a.comment{ text-decoration:none;}   

/* Product-list Page (Buy online)
/* ------------------------------------------------------------- */

.product-holder{
  width:338px;
  height:280px;
  margin:0px 0px 10px 0px;
  background: url('/shop/images/custom/lipobind/product-bg.jpg') no-repeat left top; 
}
.floatright {
  float: right;
}
.floatleft {
  float: left;
}
.product-holder .product-image{
  width:150px;
  height:210px;
  margin:10px 10px 0px 10px;
  float:left;
} 
.product-holder .product-details{
  width:160px;
  height:160px;
  margin:10px 0px 0px 0px;
  padding-top:50px;
  float:left;
}
.product-holder .product-details p.summary{    
  float:left;
  width:150px;
}  
.product-holder .product-details h2.prod_title {
  color:#444;
  font-size:16px;
  display:block;
  float:left;
  margin:0px 0 3px 0;
  font-weight:normal;
} 
.product-holder .product-details a.prod-title{ 
  text-decoration:none;
}
.product-holder .product-link{
  width:190px;
  height:40px;
  margin:10px 10px 0px 10px;
  float:left;
}
.product-holder .product-link a{
  width:190px;
  height:40px;
  margin:0px;
  float:left;
  cursor:pointer;
}
.product-holder .product-price{
  width:100px;
  height:40px;
  margin:5px 10px 0px 0px;
  float:right;
  text-align:right;
}
.product-holder .product-price .strike{
  color:red;
  font-size:11px;
  font-style:none;
  margin-right:10px;
  text-decoration:line-through;
}
.product-holder .product-price .nonestrike{
  color:#E31736;
  font-size:11px;
  font-style:none; 
  margin-right:0px;
  text-decoration:none;
}
.product-holder .product-price .price{
  color:#E31736;
  font-size:18px;
  font-weight:bold;
  display:block;
  clear:left;
  margin:15px 0;
}
.product-holder .product-price .price-special{
  color:#109448;
  font-size:18px;
  font-weight:bold;
  display:block;
  clear:left;
  margin:0px 7px 0px 0px;
} 
.product-holder .product-details .offerodd{
  color:#109448;
  font-size:11px;
  font-weight:normal;
  margin:0px ;
} 
.product-holder .product-details .offereven{
  color:#E31736;
  font-size:11px;
  font-weight:normal;
  margin:0px;
} 
 
 #centreandright {
 /* border:1px solid blue;*/
}

/* Product Details Page
/* ------------------------------------------------------------- */

#product_form_details{
    width:230px;
    float:right;
  }
  
  #product_image_details{
    width:200px;
    float:left;
  }  
  
  #product_form_details .price, #product_form .strike, #product_form .price-special{
    color:#109448;
    font-size:18px;
    font-weight:bold;
    display:block;
    clear:left;
    margin:15px 0;
 }

#product_form_details .strike{ 
  display:block;
  font-weight:normal;
  text-decoration:line-through;
  color:#A4A3B8;
  margin-bottom:0;
  font-size:18px;
  margin:0px 0px 5px 0px;
}                      

#product_form_details .price-special { 
  color:#FF0000;
  margin-top:0px;
  font-weight:bold;
  font-size:18px;
  margin:0px 0px 5px 0px;
}  

  #product_form_details .title {
    color:#444;
    font-size:20px;
    margin-bottom:0;
    display:block;
    clear:left;
    margin:10px 0 5px;
  } 
   
  #product_form_details #quantity{
    text-align:center;
    color:#777;  
  }
  
  #product_description_details{
    margin:30px 0 0 0;
    padding:0 18px;
  }
/* Cart Page
/* ------------------------------------------------------------- */
  
#cart-contents {
  margin-bottom: 1em;
}
#cart-contents td,
#cart-contents th {
  padding: 0.5em;
}
#cart-contents thead th {
  line-height: 1;
  text-align: left;
}
#cart-contents tr#total td {
  border-bottom: 2px solid #CCC;
  border-top: 2px solid #CCC;
  font-size: 125%;
  font-weight: bold;
  text-align: right;
}
#cart-contents tr#total-items td {
  border-top: 1px solid #CCC;
  text-align: right;
}
#cart-contents .qty {
  width: 60px;
}

div.stock-warning {
  background-color: #FFC;
  border: 1px solid #EFDDA5;
  margin-bottom: 1em;
  padding: 5px;
}
div.stock-warning a {
  font-style: italic;
}
td div.stock-warning {
  margin-bottom: 0;
  margin-top: 1em;
}  

/* Buy Now */
.prod-show{display:block;}
.prod-hide{display:none;}


/*-------------------------------------------*/
/*--------- Carousel Succes Stories ---------*/
/*-------------------------------------------*/
/*--------- Celebs ---------*/
.infiniteCarousel {  
  width: 590px;
  height:405px;
  position: relative;
  text-align:left;
  border-bottom:1px dotted #999999;
  margin-bottom:20px;
}

.infiniteCarousel .wrapper {
  width: 600px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height:350px;
  min-height: 10em;
  margin: 0px;
  text-align:left;
  float:left;
  border-bottom:1px dotted #999999;
}

.infiniteCarousel .wrapper ul {
  width: 800px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  float:left;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  width:200px;
  height:350px;
}

/*--------- Customer ---------*/

.infiniteCarouselCustomer {  
  width: 590px;
  height:305px;
  position: relative;
  text-align:left;
  border-bottom:1px dotted #999999;
}

.infiniteCarouselCustomer .wrapper{
  width: 600px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height:250px;
  min-height: 10em;
  margin: 0px;
  text-align:left;
  float:left;
  border-bottom:1px dotted #999999;
}

.infiniteCarouselCustomer .wrapper ul{
  width: 820px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  float:left;
}

.infiniteCarouselCustomer ul li{
  display:block;
  float:left;
  width:120px;
  height:250px;
}

/*--------- Celebs & Customer ---------*/
.infiniteCarouselCustomer ul li a img,
.infiniteCarousel ul li a img {
  display:block;
}

.infiniteCarouselCustomer .arrow,
.infiniteCarousel .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(/shop/images/arrow.png) no-repeat 0 0;
  text-indent: -999999px;
  position: absolute;
  overflow:hidden;
  top:10px;
  cursor: pointer;
}

.infiniteCarouselCustomer .forward,
.infiniteCarousel .forward {
  background-position: 0 0;
  float:left;
  margin-left:50px;
}

.infiniteCarouselCustomer .back ,
.infiniteCarousel .back {
  background-position: 0 -72px;
  float:left;
}

.infiniteCarouselCustomer .forward:hover,
.infiniteCarousel .forward:hover {
  background-position: 0 -36px;
}

.infiniteCarouselCustomer .back:hover,
.infiniteCarousel .back:hover {
  background-position: 0 -108px;
} 
.infiniteCarouselCustomer .navigation,
.infiniteCarousel .navigation{
  margin:0px auto;width:80px;clear:both;text-align:center;position:relative;
}

/* Tables
------------------------------------------------------------- */
  table.grid {
    background-color: #DDD;
  }
  table.grid thead th {
    background-color: #444;
    color: #FFF;
    line-height: 1;
    font-size:11px;
  }
  table.grid tr.even {
    background-color: #E6F0F0;
  }
  table.grid tr.active td {
    background-color: #EEE;
  }
  table.grid td.separator {
    background-color: #ddd;
    height: 3px;
    padding: 0;
  }
table.grid {
  border-spacing: 1px;
  border-collapse: separate;
}
table.grid td {
  background-color: #FFF;
}
table.grid td.separator {
  height: 0px;
  padding: 0;
}
table.grid td,
table.grid th {
  padding: 0.5em;
}
table.grid th {
  text-align: left;
}
table.wide {
  width: 100%;
}

/*--------------- BMI Calculator ------------*/
#body_assesment #bmi{
  clear:both;
}
#body_assesment #bmi_chart{
  clear:both;
  float:left;
  margin-bottom:10px;
}
  
/*--------------- Is it right for me? ------------*/
.eatertype-box-wt{
  width:375px;
  height:60px;
  padding:8px 0px 0px 65px;
  background:url(/shop/images/custom/lipobind/weekend-treater.jpg) no-repeat top left;
  clear:both;
}
.eatertype-box-re{
  width:375px;
  height:60px;
  padding:8px 0px 0px 65px;
  background:url(/shop/images/custom/lipobind/reward-eater.jpg) no-repeat top left;
  clear:both;
}
.eatertype-box-cc{
  width:375px;
  height:60px;
  padding:8px 0px 0px 65px;
  background:url(/shop/images/custom/lipobind/convenient-consumer.jpg) no-repeat top left;
  clear:both;
}
.eatertype-box-wt .size-14, .eatertype-box-re .size-14, .eatertype-box-cc .size-14{
  line-height:13px;
}

/* ------------------------------------------------------------- */
/* Buttons
/* ------------------------------------------------------------- */
 a.button, span.button, del.button, span.button{

  display:-moz-inline-box;
  display:inline-block;
  cursor:pointer;
  border:none;
  color:#fff;
  font-size:12px !important;
  

  /*
  for Safari, read this first
  http://creativebits.org/webdev/safari_background_repeat_bug_fix
  */
  background-position:0 0;
  background-repeat:no-repeat;
  height:26px;
  text-decoration:none;
  color:#fff;/*#2e523b*/
  font-style:normal;
  margin:0 6px 0px 0;
  padding:0 13px 0 0;
  vertical-align:middle;  

    padding-top:-2px;
  _position:relative;
  _width:10px;
  _overflow-y:hidden;
}

.ofh{overflow:hidden;}
a.button, span.button, span.button button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url('/shop/images/btnRed.png');
}
a.button span, span.button button, span.button input, del.button span{    
white-space:nowrap;
  cursor:pointer;
    color:#FFF;
    font-weight:bold;
  display:-moz-inline-box;
  display:inline-block;
  line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;
    background-color:transparent;
  background-position:100% 0;
  background-repeat:no-repeat;
  height:26px;
  padding:8px 20px 0 10px;
  margin:0px -16px 0 12px;
  border:none;
  vertical-align:text-top;
  zoom:1;
  _position:relative;
    _padding-left:0px;
  _padding-right:12px;
  _margin-right:-10px;
  _display:block;
  _top:0;
  _right:-5px;

}
span.button button{
   line-height:2.5;/*Opera need this*/
}

html.safari  a.button span, a.button span,
html.safari del.button span{
  line-height:1.3;
}

html.safari span.button button{
  line-height:2.6;
}

html.safari  a.button, a.button:focus,
html.safari span.button button:focus{
    outline:none;
}
del.button{
  /* cursor:not-allowed;  */
  background-position:0 -120px;

}
del.button span{
  cursor:default;
    color:#aaa !important;
  background-position:100% -120px;
}
span.button button, span.button input{
  padding-top:0px;
  line-height:2.5;/*Opera need this*/
}
/** optional **/
/*
a.button:visited{
  color:#aaa;
}
*/
/*Hover Style*/
 a.button:hover, 
 a.button:hover,
 span.button:hover button,
 span.button:hover,
 a.button:focus, 
 a.dom-button-focus,
 span.button-behavior-hover{
  background-position:0 -60px;
  color:#333;
  text-decoration:none;
}
 a.button:hover span,
 span.button:hover button,
 a.button:focus span,
 span.button-behavior-hover button,
 span.button-behavior-hover input{
  background-position:100% -60px;
}
 a.button, a.button:active,  a.button:focus, a.button:focus span{
  color:#fff;
}
del.button-behavior-hover, del.button:hover{
  background-position:0 -180px;
  /* cursor:not-allowed; */
}
del.button-behavior-hover span, del.button:hover span{
  background-position:100% -180px;
  /* cursor:not-allowed; */
}


td.align-right a.button{float:right;}


/*Optional hack for IE6 to simulate :hover selector*/
span.button button, del.button span, span.button button, span.button input{
  _behavior:expression(
    (function(el){
      if( typeof( behavior_onMouseEnter) == 'undefined'){
        behavior_onMouseEnter = function(el){
          var dEl = this.parentNode;
          var sClass = dEl.className ;
          dEl.__defaultClassName = sClass ;
          dEl.className = sClass + ' button-behavior-hover';
          this.setCapture();
        };
        behavior_onMouseLeave = function(el) {
          var dEl = this.parentNode;
          dEl.className = dEl.__defaultClassName ;
          dEl.__defaultClassName = undefined;
          this.releaseCapture();
        };
      };
      el.runtimeStyle.behavior = 'none';
      el.onmouseenter = behavior_onMouseEnter;
      el.onmouseleave = behavior_onMouseLeave;
    })(this));
 }