/**
 * 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,v 1.4 2009-02-24 08:10:55 sa Exp $
 */

/* css buttons */
.cssButton, .cssButtonHover {
display: block;
height: 34px !important;
width : 220px !important;
background: #003574 url(../images/bg_button_220px.gif) top left no-repeat;
color : #ffffff;
border: none !important;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 34px;
text-align:center;
white-space: nowrap;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
margin: auto 0 1px auto;
cursor: pointer;
}

.cssButton_wk {
position: absolute;
height: 24px;
width : 115px;
background: #ea9b25 url(../images/bg_button_120px.gif) top right no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 24px;
text-align:center;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
right: -1px;
bottom: -1px;
cursor: pointer;
}

.cssButtonHover_wk {
position: absolute;
height: 24px;
width : 115px;
background: #336bad url(../images/bg_button_120px.gif) top right no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 24px;
text-align:center;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
right: -1px;
bottom: 0px;
cursor: pointer;
}

.button_white {
	text-align:center;
	color : #ffffff;
	text-decoration: none;
	}
	
.button_blue {
	text-align:center;
	color : #003574;
	text-decoration: none;
	}
	
.button_checkout, .button_continue_checkout, .button_confirm_order {width: 220px !important; background-color: #ea9b25; color: #003574;}
.button_checkoutHover, .button_continue_checkoutHover, .button_confirm_orderHover {width: 220px !important; background-color: #336bad;}



a.cssButton, a.cssButton:link ,a.cssButton:visited, a.cssButton:hover, a.cssButton:active ,
a.cssButtonHover,  a.cssButtonHover:link,  a.cssButtonHover:visited, a.cssButtonHover:hover, a.cssButtonHover:active {
color : #ffffff;
text-decoration: none;
} 

.cssButtonHover {
background-color: #336bad;
color : #ffffff;
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, .button_buy_now,
.button_sold_out_sm, .button_sold_out, .button_update_cart, .button_login,
.button_return_to_product_list, .button_add_selected,
.button_in_cart, .button_TellAFriend
.button_submit {width: 220px !important;}
/*.innerbox#headernavcenter .boxtext .button_search {display:inline;}*/


.button_next, .button_back, .button_continue_shopping,
.button_shipping_estimator,
.linkButton .cssButton,
.linkButton .cssButtonHover
 {
  float: left;
  color: #003574;
  background: transparent url(../images/bg_link_forward.gif) 0 3px no-repeat; 
  height: auto !important;
  margin: 10px 0;
  padding: 0px 18px;
  line-height: 14px;
  width: auto !important;
}

.button_back {
  background: transparent url(../images/bg_link_back.gif) 0 3px no-repeat; 
}