/**
 * 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 $
 */

/* css buttons */
.cssButton, .cssButtonHover {
width : 20em;
color : #3a3a3a;
background-color: #eeeff0 url(../images/middlebo.png) repeat-y;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
text-align:center;
white-space: nowrap;
text-decoration: none;
cursor:pointer;
padding: 0.3em;


border:#d3d3d3 1px solid;

}

.cssButtonHover {
color:#000;
}

.small_delete, .button_prev, .button_next, .button_search  {cursor:pointer;width: 7em;}
.button_sold_out_sm, .button_sold_out, .button_update_cart, .button_checkout, .button_login {cursor:pointer;width: 10em;}
.button_return_to_product_list, .button_add_selected {cursor:pointer;width: 22em;}
.button_in_cart{cursor:pointer;width: 19em;}
.button_submit {cursor:pointer;width: 18em;}
.button_update_cart {cursor:pointer;color: red;}
.button_update_cartHover {cursor:pointer;color: black;}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton{
background: transparent url('../images/oval-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../images/oval-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}