/* 
    Document   : styles-ie8.css
    Created on : 15.03.2012, 16:06:12
    Author     : Mischa Takke
    Description:
        Purpose of the stylesheet follows.
*/

/* -------- buttons --------- */

.buttonGrey { background: url(../images/button_left_IE.png);  background-position: top left; background-repeat: no-repeat; padding: 0; margin: 0; height: 27px; margin-right: 10px; }
.buttonGrey span { display: block; height: 27px; background-image: url(../images/button_right_IE.png); background-position: top right; background-repeat: no-repeat; }
.buttonGrey span span { background: none; padding: 6px 24px 0 24px;  }

.buttonGrey:hover { background-position: left -27px; }
.buttonGrey span:hover { background-position: right -27px; }

.buttonGrey:active { background-position: left bottom; }
.buttonGrey span:active { background-position: right bottom; }

.buttonGrey.orange { background-image: url(../images/button_orange_left_IE.png); }
.buttonGrey.orange span { background-image: url(../images/button_orange_right_IE.png); background-position: top right; background-repeat: no-repeat; }
.buttonGrey.orange span:hover { background-position: center right; }
.buttonGrey.orange span span { background: none; }

.buttonGrey.light { background-image: url(../images/button_lightgrey_left_IE.png); }
.buttonGrey.light span { background-image: url(../images/button_lightgrey_right_IE.png); background-position: top right; background-repeat: no-repeat; }
.buttonGrey.light span:hover { background-position: center right; }
.buttonGrey.light span span { background: none; }

.buttonWhite { background: url(../images/button_white_left_IE.png); no-repeat top left; padding: 0; margin: 0; height: 27px; margin-right: 10px; }
.buttonWhite span { display: block; height: 27px; background: url(../images/button_white_right_IE.png) no-repeat top right; }
.buttonWhite span span { background: none; padding: 6px 24px 0 24px;  }

.buttonWhite.onOrange span { display: block; height: 27px; background: url(../images/button_white_on_orange_right_IE.png) no-repeat top right; }
.buttonWhite.onOrange span span { background: none; padding: 6px 24px 0 24px;  }

.buttonWhite:hover { background-position: left -27px; }
.buttonWhite span:hover { background-position: right -27px; }

.buttonWhite:active { background-position: left bottom; }
.buttonWhite span:active { background-position: right bottom; }

button.button { background: url(../images/button_left_IE.png); no-repeat top left; padding: 0; margin: 0; height: 27px; }
button.button span { display: block; height: 27px; background: url(../images/button_right_IE.png) no-repeat top right; }
button.button span span { background: none; padding: 6px 0px 0 0px;  }

button.button.orange { background: url(../images/button_orange_left_IE.png); }
button.button.orange span { background: url(../images/button_orange_right_IE.png) no-repeat top right; }
button.button.orange span span { background: none; }

button.button:hover { background-position: left -27px; }
button.button span:hover { background-position: right -27px; }

button.button.orange:hover { background-position: left -27px; }

button.button:active { background-position: left bottom; }
button.button span:active { background-position: right bottom; }

button.button.newsletter { background-position: top center; }
button.button.newsletter:hover { background-position: -27px center; }

button.button.newsletter span { background: url(../images/button_right_IE_on_orange.png) no-repeat top right; }
button.button.newsletter span span { background: none; }

/* ---------- form inputs -------- */

input.input-text { background-color: #fff !important; background: url(../images/input_text_IE.png); background-repeat: no-repeat; padding-top: 5px !important; height: 24px !important; }
.input-text.short { background: url(../images/input_text_short_IE.png); }

.form-list select { height: auto; padding: 0; border: none; background-color: #f4f4f4; border-radius: 0; box-shadow: none; /*font-family: 'FrutigerLTW02-55Roman';*/ font-size: 1em; color: #595959; }

.cart-table input.qty { padding-top: 6px; height: 17px !important; }

#discount-coupon-form input.input-text { height: auto !important; }

.langSelectionPopup { background-image: url(../images/background_language_select.png); width: 51px; }

.cms-home .std ul li { margin-right: 10px; }