/**
 * 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 2765 2006-01-01 21:15:45Z birdbrain $
 */
.cssButton, .cssButtonHover {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background: -moz-linear-gradient(center top , #E5DBC9 5%, #FFFFFF 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border: 1px solid #ccbca8;
	display:inline-block;
	color:#990000;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:0px 14px;
	text-decoration:none;
	height:30px;
	line-height:30px;
	text-align: center;
	text-shadow:1px 1px 0px #ffffff;
	cursor: pointer;
}.cssButtonHover:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.cssButton:active {
	position:relative;
	top:1px;
}

/* css buttons */
.cssButtonold, .cssButtonHoverold {
width : 20em;
background-color: #F4F4F4;
color : #000000;
border: 2px outset #F4F4F4;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
text-align:center;
white-space: nowrap;
text-decoration: none;
font-weight: bold;
padding: 0.3em;
/*border-spacing: 1px;*/
/*margin-left: auto;
margin-right: auto;*/
/*display: block;*/
/*vertical-align: top;*/
/*line-height: 130%;*/
/*cursor: pointer;*/
}

.cssButtonHoverold {
color: #616161;
border-style: inset;
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;}
.button_in_cart{width: 19em;}  
.button_submit {width: 18em;}
.button_update_cart {color: red;}
.button_update_cartHover {color: black;}
/*.innerbox#headernavcenter .boxtext .button_search {display:inline;}*/

.template-button-left, .template-button-middle, .template-button-right {
  height: 33px;
  color: #fff;
  line-height: 34px;
  margin: 0;
  vertical-align: middle;
  display: -moz-inline-box;
  display: inline-block;  
  text-decoration:none;
  
  cursor: pointer;
}
.template-button-left {
  background: url("../images/left_side.png") no-repeat;
  width: 16px;
}
.template-button-middle {
  background: url("../images/center_side.png") repeat-x;
  white-space: no-wrap;
}
.template-button-right {
  background: url("../images/right_side.png") no-repeat;
  width: 16px;
}