/**
 * CSS Buttons Stylesheet
 *
 * Thanks to paulm for much of the content of the CSS buttons code
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet_css_buttons.css 4567 2006-09-20 01:55:24Z birdbrain $
 */

/* css buttons */


.buy
{
  overflow: hidden;
  transition: all 0.5s;
  -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.buy span 
{
  position: relative;
  padding-right: 0;
  transition: padding-right 0.5s;
  width:100% !important
}

.buy span:after 
{
  content: 'ADD TO CART';  
  position: absolute;
  right: -18px;
  opacity: 0;
  width: 120px;
  height: 10px;
  background: rgba(0, 0, 0, 0);
  transition: opacity 0.5s, top 0.5s, right 0.5s;

}

.buy:hover span, .buy:active span 
{
  padding-right: 200px;
}

.buy:hover span:after, .buy:active span:after 
{
  transition: opacity 0.5s, top 0.5s, right 0.5s;
  opacity: 1;
  right: 0;
  
}

.cssButton, .cssButtonHover {
width : auto;
color : #fff;
background:#e65c6c;
font-family: 'Arial', sans-serif;
font-size: 14px;
text-align:center;
white-space: nowrap;
text-decoration: none;
text-transform:uppercase;
padding: 8px;
line-height: 14px;
transition:all 0.2s ease;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
/*border-spacing: 1px;*/
/*margin-left: auto;
margin-right: auto;*/
/*display: block;*/
/*vertical-align: top;*/
/*line-height: 130%;*/
/*cursor: pointer;*/
}

.cssButtonHover {
text-decoration: none;

}
/* adding the styles below might be needed if the default button width is changed */
/* .button_continue_shopping, .button_shipping_estimator {width: 150px;} */
.small_delete, .button_prev, .button_next, .button_search  {width: 7em;}
.button_sold_out_sm, .button_sold_out, .button_update_cart, .button_checkout, .button_login {width: 10em;}
.button_return_to_product_list, .button_add_selected {width: 22em;}
#productGeneral .buy {display: block;float: none;margin: 0 auto;width: 176px !important;}
.button_in_cart{margin:0 auto;display:block; padding: 13px 44px 13px 44px; width:176px !important;text-transform:uppercase;transition: all 0.2s ease;font-size:16px; font-weight:normal; border:none;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
.button_submit {width: 18em;}
.button_update_cart {color: red;}
.button_update_cartHover {color: #003D00;}
.cssButton {width:auto!important}
.cssButtonHover {width:auto!important; cursor:pointer}
/*.innerbox#headernavcenter .boxtext .button_search {display:inline;}*/
.more_button {float: right;display:block; padding: 13px 0 13px 0;  width:111px  !important; text-transform:uppercase;transition: all 0.2s ease;font-size:16px; font-weight:normal}
.more_button:hover {}
.button_sold_out_sm {width:140px; float:right;padding:13px 24px 13px 24px;text-transform:uppercase;font-size:16px; font-weight:normal; cursor:no-drop;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
.button_buy_now {display:block; padding: 13px 0 13px 0; float: right; width:111px !important;text-transform:uppercase;transition: all 0.2s ease;font-size:16px; font-weight:normal;
   }
.button_buy_now:hover {}
.cart-btn {padding:10px; display: block; margin-right:10px}
.cart-btn:hover {}
.button_checkout  {padding:10px; display: block;}
.sideBoxContentItem .buy {padding:0}
.sideBoxContentItem  .itemTitle {border:none; min-height:0}
#showLeft {background:url(../images/mob-menu.png) left top no-repeat; border:none; text-indent:-9999px; width:33px; height:33px;margin-right: 15px;
    margin-top: 13px; cursor:pointer;}