/* 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;
}
.mt113{
  margin-top:113px;
}
.ml20{
  margin-left:20px;
}
.mt20{
  margin-top:20px;
}
.bold{font-weight:bold;}
body a {
  color: #666666;
  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;
}

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

p {
  margin: 0 0 8px;
}

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

.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/appesat/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: 40px;
  background-image: url(/shop/images/custom/decarb/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;
}

#logo-bar {
  width: 914px;
  margin-bottom: 5px;
}

#logo {
  width: 427px;
  height: 48px;
  float: left;
  padding-top: 12px;
}

#eater-types {
  width: 218px;
  height: 86px;
  margin-right:10px;
  cursor:pointer;
  float:right;
}
/*---------------Start Header cart ------------*/

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

#cart p.cart_title a#onpage_viewbag{
  text-decoration:none;
  color: #008ACD;
  font-weight:bold;  
}

#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: #E31736;
  float:right;
}
#cartOnPageSummary{height:18px;clear:both;}
#onpage_viewbag2{float:left;}

/*---------------End Header cart ------------*/

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

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

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

#centreandright {
  width: 700px;
  float: left;
}
#centre img {
  margin-bottom: 15px;
  padding-top: 10px;
}

.potato-box {
  width: 386px;
  height: 73px;
  padding: 10px 0px 0px 15px;
  background-image: url(/shop/images/custom/appesat/potato-box.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/appesat/eater-type-sub-box.jpg);
  background-repeat: no-repeat;
  margin-bottom: 15px;
}

.eater-types-logo-box {
  width: 408px;
  height: 60px;
  padding: 18px 0px 0px 15px;
  background-image: url(/shop/images/custom/appesat/eater-type-logo-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 {
  width: 212px;
  height: 152px;
  padding: 15px 0px 0px 10px;
  background-image: url(/shop/images/custom/appesat/box-is-it-right.jpg);
  background-repeat: no-repeat;
  left: 0px;
  top: 190px;
  margin-bottom: 20px;
}

.box-success-stories {
  width: 216px;
  height: 157px;
  padding: 20px 0px 0px 10px;
  background-image: url(/shop/images/custom/appesat/box-success-stories.jpg);
  background-repeat: no-repeat;
  left: 0px;
  top: -5px;
}

.box-understanding-carbs {
  position: absolute;
  width: 211px;
  height: 163px;
  padding: 10px 0px 0px 10px;
  background-image: url(/shop/images/custom/appesat/box-understanding-carbs.jpg);
  background-repeat: no-repeat;
  left: 0px;
  top: 190px;
}

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

.slideshow {
  z-index: 2;
  height:256px;
  overflow:hidden;
}

.message-home {
  position: absolute;
  left: 229px;
  width: 346px;
  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: 169px;
  height: 20px; 
  display: block; 
  line-height:17px;
  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: 7px; 
  left: 0px; 
  top: 35%; 
  background-image: url(/shop/images/custom/appesat/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;
  border-top: dotted 1px #999999;
  line-height: 17px;
}

#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: #FAF1F4;
}

#nav-inner li a span {
  position:absolute; 
  width: 7px; 
  height: 7px; 
  left: 0px; 
  top: 35%; 
  background-image: url(/shop/images/custom/appesat/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/appesat/green-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;
}

#what-is-decarb {
  width: 276px;
  height: 207px;
  padding: 30px 0px 0px 10px;
  background-image: url(/shop/images/custom/appesat/what-is-appesat.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/appesat/success-stories.jpg);
  background-repeat: no-repeat;
  float: left;
  margin-right: 25px;
}

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

#what-is-decarb p, #success-stories p, #buy-appesat p {
  font-size: 11px;
  line-height: 14px;
}

#footer {
  width: 899px;
  height: 49px;
  position: relative;
  padding: 20px 0px 0px 15px;
  background-image: url(/shop/images/custom/appesat/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;
}

#bottom {
  width: 994px;
  height: 35px;
  margin: auto;
  background-image: url(/shop/images/custom/appesat/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;
  border-bottom: 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;
  border-bottom: 1px dotted #999999;
  float: left;
  margin-bottom: 15px;
}

.before {
  margin-right: 10px;
}

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

.table-background-dark {
  background-color: #86D3FF;
}

.table-background-title {
  background-color: #008ACD;
  color: #FFFFFF;
  font-weight: bold;
}

table {
  margin-bottom: 0px;
}

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;
}

/* ------------------------------------------------------------- */
/* 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: #e31736;
  font-size: 20px;
  letter-spacing: -1px;
  margin-bottom: 15px;
}

h2 {
  color: #e31736;
  font-size: 14px;
  letter-spacing: -1px;
  margin-bottom: 5px;
}

h3 {
  color: #008ACD;
  font-size: 12px;
  margin-bottom: 5px;
}

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

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

.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;
}
.mb5{
  margin-bottom:5px;  
}
.darkblue {
  color: #0081c6;
}

.red {
  color: #e31736;
}

.dark-green {
  color: #008ACD;
}
.light-green {
  color: #86ba0d;
}

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

.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;
}

.green-bg {
  background-color: #eee;
  padding: 10px;
  width: 446px;
}

.light-red-bg{
  background-color: #FFB9B9;
  padding: 10px;
  width: 446px;
}

.strap {
  font-size: 24px;
  color:#e31736;
  font-weight: bold;
  line-height: 27px;
  letter-spacing: -1px;
}
.quote {
  font-size: 12px;
  color: #666666;
  line-height: 14px;
  font-style: italic;
}
/* Success story Page
/* ------------------------------------------------------------- */
.real-life-success-thumbs, .real-life-success-last {
  width: 140px;
  margin-right: 60px;
  float: left;
}
.real-life-success-thumbs div h3,
.real-life-success-last div h3{
  margin:3px 0px 0px 5px ;
}

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

#centre img.grn-bullet {
  padding-top: 0px;
  margin:5px;
  float: left; 
}

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

#secure_page #section div ul li a{
  color:#228e2c;
}

#tell_us_your_story{
  border:1px dashed #999999;
  padding:5px 0 0 7px;
  margin-top:15px;
}

/*--------------- Newsletter Sign-Up ------------*/
.register-here-box{
  width:913px;
  height:77px;
  background:0 0 no-repeat url('/shop/images/custom/appesat/bg_appesat_register.jpg');
  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;          
}
.movie_holder{
  margin:5px 0px 20px 0px;
  width:460px;
  height:340px;
  padding:0px;
  border:1px solid #ccc;
}
.footer-open {
  height:27px;
  left:725px;
  position:absolute;
  top:50px;
  width:194px;
}

/* 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%;
}

/* Add to cart
/* ------------------------------------------------------------- */

  #btn_add_to_cart{
    width:124px;
    height:23px;
    display:block;
    overflow:hidden;
    background:#C00 0 0 no-repeat url('/shop/images/add_to_basket_btn.gif');    
    color:#FFF;
    border:none;   
    margin:15px 0;
    text-indent:-999px; 
    cursor:pointer;
  }
  
  #btn_add_to_wishlist{
    display:none;
  }
  
  #product_form{
    width:230px;
    float:right;
  }
  
  #product_image{
    width:200px;
    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:15px 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;
  } 
   
  #product_form #quantity{
    text-align:center;
    color:#777;  
  }
  
  #product_description{
    margin:30px 0 0 0;
    padding:0 18px;
  }
  #product_description h3{
    clear:both;
  }
   
/* 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;
}  

/*--------------- BMI Calculator ------------*/
#body_assesment #bmi{
  clear:both;
}
#body_assesment #bmi_chart{
  clear:both;
  float:left;
  margin-bottom:10px;
} 
.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;
}

  
/*--------------- Is it right for me? ------------*/
.eatertype-box-oi{
  width:375px;
  height:60px;
  padding:8px 0px 0px 65px;
  background:url(/shop/images/custom/appesat/over-indulger.jpg) no-repeat top left;
  clear:both;
}
.eatertype-box-hd{
  width:375px;
  height:60px;
  padding:8px 0px 0px 65px;
  background:url(/shop/images/custom/appesat/hungry-dieter.jpg) no-repeat top left;
  clear:both;
}
.eatertype-box-ae{
  width:375px;
  height:60px;
  padding:8px 0px 0px 65px;
  background:url(/shop/images/custom/appesat/auto-eater.jpg) no-repeat top left;
  clear:both;
}
.eatertype-box-oi .size-14, .eatertype-box-hd .size-14, .eatertype-box-ae .size-14{
  line-height:13px;
  margin-top:0px;
}

/*--------------- 12 week programme ------------*/
.programme { 
 border-collapse: separate;
 margin: 0px 0px 10px  0px;
 line-height:18px;
 border:1px solid #DDD;
 width:460px;
 padding:1px; 
}

.programme tr.alt td{ 
 background:#EEE;
}

/*-------------------------------------------*/
/*--------- 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: 445px;
  height:370px;
  position: relative;
  text-align:left;
}

.infiniteCarouselCustomer .wrapper{
  width: 445px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  height:340px;
  min-height: 10em;
  margin: 0px;
  text-align:left;
  float:left;
  border-bottom:1px dotted #999999;
}
.before img, .after img {
  margin: 7px 0px;
  border-bottom:1px dotted #999999;
  border-top: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:150px;
  height:350px;
}

/*--------- 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/arrowRed.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;
}


/* ------------------------------------------------------------- */
/* Buttons
/* ------------------------------------------------------------- */
 a.button, 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, 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:#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));
    }