.stdButtons {
    display: block;
    width: 100px;
    height: 20px;
    background: transparent url(img/button_abschicken_1.gif) 0px 0px no-repeat;
    color: white;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
    line-height: 18px;
    border: 0px;
    padding-bottom: 2px;
    text-align: center;
}

.stdButtons:hover {
    background: transparent url(img/button_abschicken_2.gif) 0px 0px no-repeat;
}

input.stdButtons {
    display: block;
    width: 100px;
    height: 20px;
    background: transparent url(img/button_abschicken_1.gif) 0px 0px no-repeat;
    color: white;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
    line-height: 18px;
    border: 0px;
}

input.stdButtons:hover {
    background: transparent url(img/button_abschicken_2.gif) 0px 0px no-repeat;
}

.stdButtons div {
    font-size: 0.9em;
    font-weight: bold;
}

input.button-loeschen {
    display: block;
    width: 60px;
    height: 20px;
    background: transparent url(img/button_loesch_1.gif) 0px 0px no-repeat;
    color: white;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
    line-height: 18px;
    border: 0px;
}

input.button-loeschen:hover {
    background: transparent url(img/button_loesch_2.gif) 0px 0px no-repeat;
}

input.button-aktualisieren {
    display: block;
    width: 85px;
    height: 20px;
    background: transparent url(img/button_aktualisieren_1.gif) 0px 0px no-repeat;
    color: white;
    font-size: 0.9em;
    font-weight: bold;
    text-decoration: none;
    line-height: 18px;
    border: 0px;
}

input.button-aktualisieren:hover {
    background: transparent url(img/button_aktualisieren_2.gif) 0px 0px no-repeat;
}

/* A button with this class is installed invisibly on the cart as the first submit button of the form.
   This way this button is taken as the default action when pressing Enter in an input field.
   Simple hiding the button using display:none doesn't work in all browsers though.
   In IE6 and IE7 it doesn't work. In IE8 it works in IE7 compatibility mode but not in IE8 standards mode (wtf?).
   The other way around - hiding the button by making it very small - works in all tested browsers. So we use this way.
*/
input.button-aktualisieren-hidden {
    display:block;
    width:0;
    height:0;
    background-color:transparent;
    border:0 none;
    margin:0;
    padding:0;
}

.button-cart {
    display: block;
    width: 25px;
    height: 25px;
    background: transparent url(img/warenkorb_1.gif) 0px 0px no-repeat;
    margin: 0 auto;
    border: 0px;
}

.button-cart:hover {
    background: transparent url(img/warenkorb_2.gif) 0px 0px no-repeat;
    cursor: pointer;
}

#user_message {
    text-align: center;
    font-weight: bold;
    color: #ff0000;
}

#order_message {
    font-weight: bold;
    color: #ff0000;
}

