@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;
  color: #666666;
}

body a {
  color: #2e2881;
  text-decoration: underline;
}

a img {
  border: none;
}

a:focus {
  outline-style: none;
}

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

.floatright {
  float: right;
  margin-left: 10px;
}
.bold{
  font-weight:bold;
}
.font-20{
  font-size:20px;
}
.underline{
  text-decoration:underline;
}
.clear-both{clear:both;}
.floatleft {
  float: left;
  margin-right: 10px;
}

.mt20{
  margin-top:20px;
}
p {
  margin: 0 0 8px;
}

ul, ol {
  margin-left: 25px;
  margin-bottom: 10px;
}
ul.downloads li{ height:25px;padding-bottom:5px;}
.font-14{font-size:14px;}
.center{
  text-align:center;
}

.brand-dot{padding-bottom:3px;}
/*---------------STRUCTURE------------*/

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

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

#shapesmart-banner {
  width: 914px;
  height: 40px;
  background-image: url(/shop/images/custom/shapesmart/shapesmart-banner.jpg);
  background-repeat: no-repeat;
  margin-bottom: 20px;
  color: #2e2880;
  position: relative;
}

#logo-link {
  position: absolute;
  width: 275px;
  height: 40px;
  top: 0px;
  left: 0px;
}

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

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

#bannernav li a {
color:#2E2880;
font-size:11px;
font-weight:bold;
padding:0 4px;
text-decoration:none;
}

#section-top {
  width: 914px;
  height: 325px;
  margin-bottom: 10px;
}

#section-bottom {
  width: 914px;
  height: 240px;
  margin-bottom: 20px;
}

#content {
  width: 914px;
  margin:0 auto;
  padding:0;
  overflow:hidden;
}  

#main-banner {
  width: 611px;
  height: 325px;
  /*background-image: url(/shop/images/custom/shapesmart/main-banner.jpg);
  background-repeat: no-repeat;*/
  float: left;
  margin-left: 2px;
  margin-right: 0px;
}

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

#main-banner p {
  padding-left: 25px;
}

.banner-para {
  padding-top: 110px;
  width: 360px;
}

#box-eatertypes {
  width: 298px;
  height: 325px;
  background-image: url(/shop/images/custom/shapesmart/box-eatertypes-new.jpg);
  background-repeat: no-repeat;
  float: left;
}

#box-eatertypes p {
  padding-left: 13px;
}

.eatertypes-para {
  padding-top: 103px;
  width: 280px;
}

.suitable-para {
  padding: 0px 0px 0px 25px;
}

.bullet-down {
  padding-left: 110px;
}

#box-lipobind, #box-lipobind-over, #box-decarb, #box-decarb-over, #box-appesat, #box-appesat-over {
  width: 297px;
  height: 240px;
  float: left;
}

#box-lipobind .title, #box-lipobind-over .title, #box-decarb .title, #box-decarb-over .title, #box-appesat .title, #box-appesat-over .title {
  padding: 8px 0px 0px 10px;
  text-decoration: underline;
  color: #FFFFFF;
}

.title-nounder {
  text-decoration: none;
  padding: 8px 0px 0px 10px;
}

.homepage-paras {
  padding: 20px 0px 0px 50px;
  height: 164px;
  margin-bottom: 5px;
}

.homepage-paras-over {
  padding: 90px 0px 0px 13px;
}

#box-lipobind p, #box-lipobind-over p, #box-decarb p, #box-decarb-over p, #box-appesat p, #box-appesat-over p {
  font-size: 11px;
  line-height: 13px;
}

#box-lipobind, #box-lipobind-over, #box-decarb, #box-decarb-over {
  margin-right: 11px;
}

#box-lipobind {
  background-image: url(/shop/images/custom/shapesmart/box-lipobind.jpg);
  background-repeat: no-repeat;
  position:relative;
}

#box-lipobind-over {
  background-image: url(/shop/images/custom/shapesmart/box-lipobind-over.jpg);
  background-repeat: no-repeat;
}

#box-decarb {
  background-image: url(/shop/images/custom/shapesmart/box-decarb.jpg);
  background-repeat: no-repeat;
  position: relative;
}

#box-decarb-over {
  background-image: url(/shop/images/custom/shapesmart/box-decarb-over.jpg);
  background-repeat: no-repeat;
}

#box-appesat {
  background-image: url(/shop/images/custom/shapesmart/box-appesat.jpg);
  background-repeat: no-repeat;
  position: relative;
}

#box-appesat-over {
  background-image: url(/shop/images/custom/shapesmart/box-appesat-over.jpg);
  background-repeat: no-repeat;
}


#product_ranges #box-appesat, 
#product_ranges #box-decarb, 
#product_ranges #box-lipobind{
  background-position:0 -27px;
} 


#left  {
  width: 720px;
  float: left;
  margin-right: 20px;
}

#left p.short{
  width:480px;
}

#left p a{
  text-decoration:none;
}

#right {
  width: 161px;
  float: right;
  margin-right:5px;
}

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

.eater-types-small {
  width: 161px;
  margin-bottom: 15px;
  margin-top:15px;
}

.widebutton {
  width: 145px;
}

#footer {
  width: 899px;
  height: 44px;
  position: relative;
  padding: 25px 0px 0px 15px;
  background-image: url(/shop/images/custom/shapesmart/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/shapesmart/bottom.jpg);
  background-repeat: no-repeat;
}

.grey-content {
  background-image: url(/shop/images/custom/shapesmart/box-large-grey.jpg);
  background-repeat: no-repeat;
  padding: 20px 20px 0px 20px;
  width: 693px;
  height: 511px;
  position: relative;
  margin-bottom: 20px;
}

.grey-content-products-appesat, .grey-content-products-lipobind, .grey-content-products-decarb {
  width: 210px;
  position: absolute;
}

.grey-content-products-appesat {
  top: 369px;
  left: 20px;
}

.grey-content-products-lipobind {
  top: 370px;
  left: 262px;
}

.grey-content-products-decarb {
  top: 373px;
  left: 506px;
}

#product_ranges {
  margin:30px 0 50px;
}

.page_shapesmartproducts {
  background:top right no-repeat  url(/shop/images/custom/shapesmart/boxes-prod.jpg);
}

.eater-type-table-lipobind {
  background-color: #d9e7f6;
  font-weight: bold;
  color: #0082c8;
  width: 103px;
}

.eater-type-table-decarb {
  background-color: #eff6e2;
  font-weight: bold;
  color: #7ac142;
  width: 103px;
}

.eater-type-table-appesat {
  background-color: #fae5de;
  font-weight: bold;
  color: #e9465e;
  width: 103px;
}

.eater-type-table-left-pad {
  padding-left: 10px;
  padding-right: 10px;
}

table td {
  border: 1px solid #CCCCCC;
}

.eater-type-table-packshot{
  width: 167px;
}

.eater-type-table-icon {
  width: 69px;
}

input {
  width: 145px;
}

.box-success-stories-ss {
  width: 164px;
  margin-bottom: 15px;
  margin-top:15px;
  height: 200px;
  padding: 5px;
  background: url(/shop/images/custom/shapesmart/box-success-stories.jpg) no-repeat top left;
}
.box-success-stories-ss .heading, .box-case-study .heading {
  margin-bottom: 5px;
}
.box-success-stories-ss a, .box-case-study a{
  margin-top:30px;
  text-decoration:none;
}

.box-case-study{
  width: 154px;
  margin-bottom: 15px;
  margin-top:15px;
  height: 50px;
  position:relative;
  padding: 150px 0px 0px 10px;
  background: url(/shop/images/custom/shapesmart/box-case-study.jpg) no-repeat top left;
}

.box-weight-tracker-ss{
  width: 164px;
  margin-bottom: 15px;
  margin-top:15px;
  height: 184px;
  padding: 5px;
  background: url(/shop/images/custom/shapesmart/box_weight_tracker.jpg) no-repeat top left;
}

.box-weight-tracker-ss a{
  width: 100px;
  float:right;
  margin-top:160px;
  height: 20px;
  padding: 5px;
  text-indent:-9999px;
  overflow:hidden;
}
/*---------------TEXT STYLES------------*/

.blue {
  color: #0375BC;
}

.green{
  color: #008F40;
}

.red {
  color: #A80C24;
}

.blue-text {
  color: #2e2880;
}

.green-text {
  color: #007c27;
}

.white-text {
  color: #ffffff;
}

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

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

.light-red-text {
  color: #e65a4d;
}
.grey-text{
  color: #666666;
}
.black-text{
  color: #222;
}
a.black-text{
  text-decoration:none;
}
a.black-text:hover{
  text-decoration:underline;
}
.copyright {
  font-size: 11px;
  color: #666666;
  line-height: 20px;
}

.small-title {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
}

.heading, .heading-small {
  color: #2e2881;
  font-weight: bold;
  letter-spacing: -1px;
  margin-bottom: 10px;
}

.heading {
  font-size: 16px;
}

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

.dark-blue {
  color: #2e2881;
}

h1 {
  color: #2e2881;
  font-size: 24px;
  margin-bottom: 15px;
  font-weight:normal; 
}

#content #left h1 {
  margin-top: 10px;
  margin-bottom: 5px;
}

.h2, h2 {
  color: #2e2881;
  font-size: 16px;
  margin-bottom: 10px;
}


h3 {
  color: #0081c6;
  font-size: 12px;
  margin-bottom: 5px;
}

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

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

p.btnBg{
  margin:10px;
  padding:0px;
  float:left;
  width:200px;
  height:40px;
  padding:5px 0px 8px 10px;
  text-decoration:none;
  background:url(/shop/images/custom/shapesmart/btn.gif) no-repeat top left;
}
.banner_link{
  text-decoration:none;
  cursor:pointer;
}

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

.learn-more {
  margin-right: 30px;
}

.product-blurb {
  height: 163px;
}

.product-controls {
  padding: 20px 0px 0px 13px;
}

div.fade {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}

.button {
  cursor: pointer;
  height: 27px;
}

/*--------------- Contact Us ------------*/

  #form_contact_us table td{
    border:none;
  }

    #form_contact_us table td strong{
      display:block;
      text-align:right;
      padding-right:10px;
    }
.contact-page .message {
  width: 306px;
  position:relative;
}
.casestudy-note {width:240px;padding-top:120px;}
/*--------------- Newsletter Sign-Up ------------*/

  .register-here-box{
    width:913px;
    height:77px;
    background:0 0 no-repeat url('/shop/images/bg_shapesmart_register.png');
    margin: 10px 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;          
    }

    /*--------------- Survey Disclaimer ------------*/
      #survey_disclaimer{
        font-size:9px;
        color:#999;
        margin:0 50px 15px;
      }
    /*--------------- Survey Help Page  ------------*/
 .grid tr td{
   padding-left:10px;
   }
      
.dummyl,.dummyr {
  width:350px;
  height:150px;
  background:#EEE;
  border:1px solid #DDD;
  float:left;
  margin-top:10px;
 }
 
.dummyr {
  margin-left:10px;
 } 

 .dummysmall {
  width:230px;
  height:150px;
  background:#EEE;
  border:1px solid #DDD;
  float:left;
  margin:10px 10px 0 0;
 }
 
 .replace{
   color:#D00;
 }
  

/*--------------- BMI Calculator ------------*/
#body_assesment #bmi{
  clear:both;
}
#body_assesment #bmi_chart{
  clear:both;
  float:left;
  margin-bottom:10px;
}  
#body_assesment table td {
  border: none;
}
#body_assesment table td.header {
  border-bottom:1px solid #ccc;
}
#body_assesment table input {
  width:auto;
}
  
/* Expert Advice Panel  */ 
/* ------------------------------------------------------------------- */ 
 
 .expert-block{
   width:600px;   
   border-bottom:1px dashed #DDD;
   padding:20px 0;
  }

   .expert-block img{
     padding:3px;
     border:1px solid #DDD;
   }
   
   .expert-block p.name{
     font-size:14px;
     font-weight:bold;
     margin:0 0 0 86px;
     padding-bottom:2px;
    }      
    
   .expert-block p.description{  
     font-size:11px;
     margin:0 0 10px 0;
    }   
      
      ul.recent-articles{
        margin-left:90px;
        list-style-type:square;
        font-size:6px;
        list-style-position:inside;
        color:#AAA;
      }  
      
        ul.recent-articles li.title{
          font-size:12px;
          font-weight:bold;
          list-style:none;
          color:#666;
        }  
        
          ul.recent-articles li a{
            font-size:11px;
          }      
 
          
/* Products Page  */ 
/* ------------------------------------------------------------------- */ 
.prod-buy-btns{
  width:150px;
  margin:140px 30px 0px 0px;
  float:right;
} 
/* Celebrity Success Stories  */ 
/* ------------------------------------------------------------------- */ 
  .celebrity_box{
    width: 160px;
    height:193px;
    position:relative;
    overflow:hidden;
    float:left;
    margin:30px 15px 0 0;
    background:#FFF;    
  }

    .celebrity_box a:link, .celebrity_box a:visited{
      height:43px;
      width:160px;
      display:block;
      background: 0 0 no-repeat url('/shop/images/bg_celeb_box.gif');
      text-decoration:none;
      line-height:13px;
      position:relative;
    }
    
      .celebrity_box span.name{
       font-weight:bold;
       color:#383838;
       margin-left:35px;
       display:block;
       padding-top:8px; 
      }

      .celebrity_box span.eater_type{
        font-size:11px;
        margin-left:35px;
      }
                
      .celebrity_box .eater_logo{
        display:block;
        width:25px;
        height:25px;
        overflow:hidden;
        background: 0 0 no-repeat url('/shop/images/icons_eatertypes_small.gif');
        position:absolute;
        top:9px;
        left:6px;          
      }
      
      .celebrity_box .weekendeater{ background-position:0 0;}
      .celebrity_box .rewardeater{ background-position: 0px -38px;}
      .celebrity_box .convenientconsumer{ background-position: 0px -76px;}
      .celebrity_box .carbcraver{ background-position: 0px -115px;}
      .celebrity_box .energyeater{ background-position: 0px -153px;}
      .celebrity_box .disorganisedeater{ background-position: 0px -191px;}
      .celebrity_box .overindulger{ background-position: 0px -230px;}
      .celebrity_box .hungrydieter{ background-position: 0px -268px;}
      .celebrity_box .autoeater{ background-position: 0px -305px;}
      
 .video-holder{
  width: 445px;
  height:355px;
  margin:0 0 20px 0;
  padding: 22px 0 0 22px; 
  background: url('/shop/images/custom/shapesmart/case-studies/video-bg.jpg') no-repeat top left;
    
 }
.next-previous {
  padding: 5px;
  border: 1px dashed #999999;
}

.heading, .heading-small {  
  font-weight: bold;
  letter-spacing: -1px;
  margin-bottom: 10px;
}

.green-heading{
  color: #228e2c;
  font-weight: bold;
  letter-spacing: -1px;
  margin: 10px 0px;
  font-size: 16px;
}
.heading {
  font-size: 16px;
}

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

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

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

.before {
  margin-right: 10px;
}

/*--- NEXT/PREV BUTTON ---*/
.bottom-navigation{
  margin:0px ;  
  float:right;
  width:80px;
  clear:both;
  text-align:center;
  position:relative;  
}
.bottom-navigation .arrow {
  display: block;
  height: 36px;
  width: 37px;
  background: url(/shop/images/arrowPurple.png) no-repeat 0 0;
  text-indent: -999999px;
  overflow:hidden;
  top:10px;
  cursor: pointer;
}
.bottom-navigation .forward {
  background-position: 0 0;
  float:right;
}
.bottom-navigation .back {
  background-position: 0 -72px;
  float:left;
}
.bottom-navigation .forward:hover {
  background-position: 0 -36px;
}
.bottom-navigation .back:hover {
  background-position: 0 -108px;
} 
 
/* Real Life Success Stories  */ 
/* ------------------------------------------------------------------- */ 
   .reallife_box{
    width: 100%;
    height:90px;
    position:relative;
    overflow:hidden;
    float:left;
    margin:10px 0 10px 10px;
  }
  
    .reallife_box img{
      padding:2px;
      border:1px solid #AAA;
      position:absolute;
      top:0;
      left:0;
    }

    .reallife_box a:link, .reallife_box a:visited{
      height:35px;
      width:185px;
      display:block;
      background: 0 0 no-repeat url('/shop/images/bg_reallife_box.gif');
      text-decoration:none;
      line-height:13px;
      position:absolute;
      top:5px;
      left:72px;
    }
    
      .reallife_box span.name{
       font-weight:bold;
       color:#383838;
       margin-left:35px;
       display:block;
       font-size:11px; 
      }

      .reallife_box span.eater_type{
        font-weight:bold;        
        padding-top:4px;
        margin-left:35px;        
        display:block;
      }     
      .reallife_box .eater_logo{
        display:block;
        width:25px;
        height:25px;
        overflow:hidden;
        background: 0 0 no-repeat url('/shop/images/icons_eatertypes_small.gif');
        position:absolute;
        top:6px;
        left:4px;          
      } 
      
      .reallife_box .weekendeater{ background-position:0 0;}
      .reallife_box .rewardeater{ background-position: 0px -38px;}
      .reallife_box .convenientconsumer{ background-position: 0px -76px;}
      .reallife_box .carbcraver{ background-position: 0px -115px;}
      .reallife_box .energyeater{ background-position: 0px -153px;}
      .reallife_box .disorganisedeater{ background-position: 0px -191px;}
      .reallife_box .overindulger{ background-position: 0px -230px;}
      .reallife_box .hungrydieter{ background-position: 0px -268px;}
      .reallife_box .autoeater{ background-position: 0px -305px;}  
      
      .reallife_box p.before_after{
        position:absolute;        
        left:76px;
        top:45px;
        color:#444;
      }
      
        .reallife_box p.before_after .after-p15{
          padding-left:15px;
        }

        
      .reallife_box p.quote{
        position:absolute;
        width:400px;
        padding-left:18px;
        right:10px;
        font-size:14px;
        color:#555;
      }
      
        .reallife_box p.quote span.begin, .reallife_box p.quote span.end{
          position:absolute;
          display:block;
          overflow:hidden;
          top:0;
          left:0;
          width:15px;
          height:15px;
          background: 0 -15px no-repeat url('/shop/images/bg_quote_marks.gif');        
        }

        .reallife_box p.quote span.end{
          position:relative;
          display:inline;
          top:0;
          left:0;
          padding-right:15px;
          background-position: 0 0;         
        }

        .reallife_box a.readmore{
          display:block;
          font-size:11px;
          margin-top:3px;
          text-decoration:none;  
          color:#004990;       
          position:relative;
          background:none;
          top:0;
          left:0;
        }  
        
          .reallife_box a.readmore span{
            text-decoration:underline;         
          }  
          
          
/* ShapeSmart Tab pages styles  */ 
/* ------------------------------------------------------------------- */ 

a.floatright{text-decoration:none;}
a.floatright:hover{text-decoration:underline;}
/* Products  */ 
.page_shapesmartproducts ol{
  padding-left:15px; 
}
.page_shapesmartproducts ul{
  padding-left:15px; 
  list-style:disc;
}

/* BMR  */ 
.res-bmr{
  font-size:20px;
  font-weight:bold;
  border:0;
  background:none;
  text-align: center;
}
.bmr-cal{
  width:500px;
  border:1px solid #ccc;
  background: url(/shop/images/custom/shapesmart/bmrarrow.jpg) no-repeat top left;
  padding:10px 5px;
  margin:10px 0px;
  height:115px;
}
.bmr-form{
  width:320px;
  float:left;
}
.bmr-res{
  width:160px;
  float:left;
  padding:30px 5px;
  text-align:center;
}
.bmr-cal p label{
  width:80px;
  float:left;
  margin-right:10px;
}

/* Exercise  */ 
table.exercise{
  border:none;
  margin-bottom:20px;
  width:715px;
}
table.exercise td{
  padding:5px 5px 0 5px;
  border:none;
}
.plan_downloads {
  margin:0px;
  padding:0px;
  width:715px;
  height:145px;
}
.plan_downloads .phase_1,
.plan_downloads .phase_2,
.plan_downloads .phase_3{
  margin-right:10px;
  padding:80px 0px 0px 0px;
  width:230px;
  height:60px;
  float:left;
}
.plan_downloads .phase_3{
  margin-right:0px;
}
.plan_downloads .phase_1{background: url(/shop/images/custom/shapesmart/exercise/12-week-phase-1-bg.jpg) no-repeat top left;}
.plan_downloads .phase_2{background: url(/shop/images/custom/shapesmart/exercise/12-week-phase-2-bg.jpg) no-repeat top left;}
.plan_downloads .phase_3{background: url(/shop/images/custom/shapesmart/exercise/12-week-phase-3-bg.jpg) no-repeat top left;}

.plan_downloads .phase_1 a,
.plan_downloads .phase_2 a,
.plan_downloads .phase_3 a{
  margin-right:10px;
  width:46px;
  height:44px;
  float:right;
}

/* Eatsmart  */ 
ul.tags-items{
  list-style: none;
  margin-left: 5px;
}
ul.tags-items li{
  float:left;
  margin:0 5px 0 0;
}
.page_shapesmartproducts .w500{
  width:500px;
}
table.data{
  border-bottom:1px solid #ccc;
  border-left:1px solid #ccc;
  margin-bottom:20px;
  width:700px;
}
table.data td{
  padding:5px 5px 0 5px;
  border:none;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
  vertical-align:middle;
}
table.bal-data{
  border:none;
}
table.bal-data td{
  padding:5px 0 0 0;
  border:none;
  vertical-align:top;
}
table.bal-data td .head{
  width:230px;
  height:30px;
  line-height:30px;
  background:#F5F5F5; 
  margin:0 5px 0 0;
  padding:0 0 0 10px;
}
table.bal-data td.food-items{
  width:240px;
  height:80px; 
  margin:10px 0;
  padding:10px 0;
  border:none;
}
table.carb-data{
  border:none;
  margin-bottom:20px;
}
table.carb-data td img{
  opacity:0.9;
  filter:alpha(opacity=90);
}
table.carb-data td{
  border:none;
  width:305px;
  padding:10px 0px;
  vertical-align: top;
}
table.carb-data td ul{
  margin:20px 0;
  padding:0;
}
table.carb-data td .head{
  height:30px;
  line-height:30px;
  background:#F5F5F5; 
  margin:0 5px 0 0;
  padding:0 0 0 10px;
  border:none;
}
table.carb-data td.img-holder{
  height:135px; 
  margin:0;
  padding:0;
  border:none;
}
table.carb-data td.benefit-holder{
  margin:20px 0;
  padding:20px 0;
  border:none;
}
table.carb-data td ul{
  margin:20px 0;
  padding:0;
}
table.carb-data td ul li{
  list-style:none;
  float:left;
  margin-right:5px;
}
table.carb-data td.dotted-bb{
  border-bottom:1px dotted #ccc;
}
table.carb-data td.dotted-tb{
  border-top:1px dotted #ccc;
}
.boxout{
 background:#f1f1f1;
 padding:10px;
 margin:20px 0px ;
}
ul.no-list{
  list-style:none;
}
.mr15{
  margin-right:15px;
}
.mr25{
  margin-right:25px;
}
.learn-more-btn{
  padding:0;
  margin: 85px 0px 0px 0px;  
}

.fats-table{
  border:1px solid #DDDDDD;
  border-collapse:separate;
  margin-bottom:10px;
 }
.fats-table tr td{
   padding:1px 5px;
   border:none;
 }
.fats-table tr.topbd td{
  border-top:1px solid #eee;
 }
.fats-table tr.bggrey td{
  background:#eee;
 }

#box-expert, #box-products,#box-celebs,#box-eatsmart,#box-exercisesmart,
#box-thinksmart,#box-tools,#box-eatertype,#box-bmi-cal,#box-decarb-cal,#box-bmr,#box-workouts,#box-plan ,#box-wtt {
  width:348px;
  height:147px;
  float:left;
  margin:0px;
  padding:0;
  overflow:hidden;
  text-indent:-99999px;
}
#box-expert {
  background:url(/shop/images/custom/shapesmart/tabs/expert-box-bg.jpg) no-repeat top left;
}
#box-products {
  background:url(/shop/images/custom/shapesmart/tabs/products-box-bg.jpg) no-repeat top left;
  margin-left:10px;
}
#box-celebs {
  background:url(/shop/images/custom/shapesmart/tabs/celebs-box-bg.jpg) no-repeat top left;
  margin-left:10px;
}
#box-eatsmart {
  background:url(/shop/images/custom/shapesmart/tabs/eatsmart-box-bg.jpg) no-repeat top left;
  margin-left:10px;
}
#box-exercisesmart {
  background:url(/shop/images/custom/shapesmart/tabs/exercisesmart-box-bg.jpg) no-repeat top left;
}
#box-tools {
  background:url(/shop/images/custom/shapesmart/tabs/tools-box-bg.jpg) no-repeat top left;
}
#box-eatertype {
  background:url(/shop/images/custom/shapesmart/tabs/eatertype-box-bg.jpg) no-repeat top left;
}
#box-wtt {
  background:url(/shop/images/custom/shapesmart/tabs/wtt-box-bg.jpg) no-repeat top left;
}
#box-bmi-cal {
  background:url(/shop/images/custom/shapesmart/tabs/bmi-box-bg.jpg) no-repeat top left;
  margin-left:10px;
}
#box-decarb-cal {
  background:url(/shop/images/custom/shapesmart/tabs/decarb-cal-box-bg.jpg) no-repeat top left;
}
#box-thinksmart {
  background:url(/shop/images/custom/shapesmart/tabs/thinksmart-box-bg.jpg) no-repeat top left;
  margin-left:10px;
}
#box-bmr{
  background:url(/shop/images/custom/shapesmart/tabs/bmr-calculator-box-bg.jpg) no-repeat top left;
  margin-left:10px;
}
#box-workouts{
  background:url(/shop/images/custom/shapesmart/tabs/10min-workouts-box-bg.jpg) no-repeat top left;
}
#box-plan{
  background:url(/shop/images/custom/shapesmart/tabs/12-wk-plan-box-bg.jpg) no-repeat top left;
  margin-left:10px;
}

/* 10min exercise Nicki waterman */  
.exercise-steps{
  width:705px;
  height:100px;
  padding-top:100px;
}
.step1{
  background:url(/shop/images/custom/shapesmart/exercise/step1.jpg) no-repeat top left;
}
.step2{
  background:url(/shop/images/custom/shapesmart/exercise/step2.jpg) no-repeat top left;
}
.step3{
  background:url(/shop/images/custom/shapesmart/exercise/step3.jpg) no-repeat top left;
}
.step4{
  background:url(/shop/images/custom/shapesmart/exercise/step4.jpg) no-repeat top left;
}
.step5{
  background:url(/shop/images/custom/shapesmart/exercise/step5.jpg) no-repeat top left;
}

#survey_eaterTypeResult_new .left-eatertype-box a.a-bold{font-weight:bold;margin-left:0px;padding-left:0px;}
/* ------------------------------------------------------------- */
/* Buttons
/* ------------------------------------------------------------- */
 a.button, a.button, span.button, del.button, span.button 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, a.button, span.button, span.button button, del.button,
 a.button span, a.button span, span.button button, span.button input, del.button span{
    background-image:url('/shop/images/btnRed.png');
    _background-image:url('/shop/images/btnRed.png');
}
 a.button span, a.button span, span.button button, span.button input, del.button span{    
white-space:nowrap;
  cursor:pointer;
    /*color:#004489;*/
    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));
 }