/**
 * 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 */
.cssButton, .cssButtonHover {
  height: 1.5em;
   color: #000;
  border: thin solid #A60502;
 background-color: #c3cfa8 !important;
 
   /* !important to retain the background color after auto form field coloring fix */
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  margin: 1px;
  padding: 0 2px;
	font: .85em/1.5em Verdana, Arial, Helvetica, sans-serif;
}
.cssButtonHover {
color: #A60502;
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: #A60502;}
.button_update_cartHover {color: #A60502;}
/*.innerbox#headernavcenter .boxtext .button_search {display:inline;}*/


/* css buttons from Kay */
.cssButtonHover, a:hover .cssButton, input.cssButton:hover {
 border: thin solid #838f6b;
  color: 000;
  background-color: #fff !important;
	text-decoration: none;
}

/* bof some IE comp. stuff */ 
.cssButton, .cssButtonHover{
  /*  _width: 0; needed to stop IE adding "magic" padding to the input, _witdh is a hack that uses an IE bug */
  /* to remove this hack move the width setting to an IE specific stylesheet */
  _width: 0;
  overflow: visible;  
}
/* eof some IE comp. stuff */
span.cssButton, span.cssButtonHover{
/* added to get the right line-height */
 display: block;
}
.navNextPrevWrapper span.cssButton, .navNextPrevWrapper span.cssButtonHover{
/* note that the diplay inline removes line-height from the element (depending on doctype settings) */
 display: inline;
	background-color: #998833;
	border: 1px solid #A60502;
	color: black;
	font-size: small;
}