/*--------------------------------------------------------------------------------------------------

   Simply Buttons, version 1.0
   (c) 2007-2009 Kevin Miller

   This script is freely distributable under the terms of an MIT-style license.

   BUTTON DEFINITIONS

   Edit below at your own risk, everything done here is for a reason for cross browser
   compatibility so that the buttons will appear identical in the tested browsers.

   Tested on: IE6 IE7 FF(PC/MAC) Safari SafariMobile Opera(PC/MAC)

--------------------------------------------------------------------------------------------------*/

button,
a.po-button,
a.po-button:link,
a.po-button:visited { background: none; padding: 0; margin: 0; border: 0; display: block; cursor: pointer; text-decoration: none; outline: none; white-space: nowrap; overflow: visible; }

/* IE6 fix to make link fit text. */
* html a.po-button,
* html a.po-button:link,
* html a.po-button:visited { width: 1%; }

/* FF fix to make button spacing even across browsers. */
button, x:-moz-any-link { margin: 0; }

/* Reset IE7 back to what it was for previous fix. */
*:first-child+html button { margin: 0; }

/* Set the span tags to display: block, as they will work our background-image magic. */
button span,
a.po-button span,
a.po-button:link span,
a.po-button:visited span { display: block; }

/*--------------------------------------------------------------------------------------------------

   CUSTOMIZATIONS

   Edit below to change the look and feel of the buttons and even add more classes for
   different looks and feels.

--------------------------------------------------------------------------------------------------*/

/* HEIGHT - Total height of button.
   NOTE - You must define the font here otherwise your buttons and links could end up diffrent. */
button,
a.po-button,
a.po-button:link,
a.po-button:visited { height: 31px; color: #fff; }

/* Right side padding for button (default).
   SPAN HEIGHT - This should be 2px smaller than the height set on the button (see HEIGHT).
   We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons. */
button span,
a.po-button span,
a.po-button:link span,
a.po-button:visited span { padding: 0 6px 0 0; height: 31px; background-image: url(../img/bg_button_right.png); background-position: top right; background-repeat: no-repeat; }

/* Left side padding for button (default).
   SPAN HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT).
   SPAN LINE-HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT) and will center the text vertically.
   We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons. */
button span span,
a.po-button span span,
a.po-button:link span span,
a.po-button:visited span span { padding: 0 0 0 32px; height: 31px; line-height: 30px !important; background-image: url(../img/bg_button_left.png); background-position: top left; background-repeat: no-repeat; }

button:hover,
a.po-button:hover { }

button:hover span,
a.po-button:hover span { background-position: bottom right; }

button:hover span span,
a.po-button:hover span span { background-position: bottom left; }

a.continue-shopping { width: 130px; }
button.process-carrier,
button.process-address { float: right; }
p.cart_navigation a.next { width: 130px; float: right; }
a.back-to-orders { width: 140px; }
button.add-to-cart { width: 150px; }
button.create-account { width: 120px; }
button.confirm-order { width: 160px; float: right; }
a.back-to-account { width: 130px; }
a.add-address { width: 130px; }
button.submit-identity { width: 130px; margin: 0 0 1em 0; }

a.product-info span span { background-image: url(../img/bg_button.php?icon=info) !important; }
a.show-cart span span { background-image: url(../img/bg_button.php?icon=shopping_cart) !important; }
a.to-checkout span span { background-image: url(../img/bg_button.php?icon=shopping_cart_accept) !important; }
a.print-product span span { background-image: url(../img/bg_button.php?icon=printer) !important; }
a.view-full-size span span { background-image: url(../img/bg_button.php?icon=zoom_in) !important; }
button.add-to-cart span span { background-image: url(../img/bg_button.php?icon=add_to_shopping_cart) !important; }
a.next span span { background-image: url(../img/bg_button.php?icon=next) !important; }
a.order-previous span span,
a.other-payment-methods span span,
a.back-to-account span span,
a.continue-shopping span span { background-image: url(../img/bg_button.php?icon=back) !important; }
button.create-account span span { background-image: url(../img/bg_button.php?icon=add_user) !important; }
button.confirm-order span span,
button.submit-account span span { background-image: url(../img/bg_button.php?icon=accept) !important; }
a.forgot-password span span { background-image: url(../img/bg_button.php?icon=help) !important; }
button.submit-login span span { background-image: url(../img/bg_button.php?icon=orange_arrow_up) !important; }
a.add-address span span { background-image: url(../img/bg_button.php?icon=add_home) !important; }
button.process-carrier span span,
button.process-address span span { background-image: url(../img/bg_button.php?icon=next) !important; }
a.back-to-orders span span { background-image: url(../img/bg_button.php?icon=book) !important; }
button.submit-identity span span { background-image: url(../img/bg_button.php?icon=book) !important; }