/*
 * Author: Steffen Telenga <st@spion-media.eu>
 * Copyright: (c) 2010 Spion Media GmbH (http://www.spion-media.eu)
 * Description: Layout-Styles für den Checkout-Bereich.
 * 
 * Released under the <a href="http://opensource.org/licenses/afl-3.0.php">Academic Free License (AFL 3.0)</a>.
*/
@CHARSET "UTF-8";

/* Checkout */

.op-checkout-container { padding-right: 15px; }
.one-page-checkout .absolute { position: absolute; } /* Tricky-Steps-IE */
.one-page-checkout .button-set { margin-top: 15px; padding-top: 15px; border-top: 1px solid #e5e5e5; }
.one-page-checkout .button-set .back .button-container-with-link .button-link { left: 0; }
.one-page-checkout .col2-set .col-1 { width: 395px; }
.one-page-checkout .col2-set .col-2 { width: 275px; }
.one-page-checkout .address-table .address-view { margin-bottom: 10px; height: 90px; }
.one-page-checkout .address-table .button-container .button-style { width: 197px; }

/* Listen */
dl { position: relative; clear: left; }
dt { float: left; }
dd { margin: 0 15px 0 20px; }

/* Waiting für die Steps */
.one-page-checkout .waiting { width: 427px; }
.one-page-checkout .waiting .please-wait { width: 425px; }
.one-page-checkout .waiting-review { width: 260px; }

/* Breadcrumbs - Checkout */
.checkout-breadcrumbs { margin: 10px 0; height: 28px; }
.checkout-breadcrumbs span { position: relative; font-weight: bold; top: 5px; text-transform: uppercase; }
#cb-0 { width: 179px; }
#cb-1 { width: 105px; }
#cb-2 { width: 119px; }
#cb-3 { width: 119px; }
#cb-4 { width: 119px; }
.checkout-sc,
.checkout-middle,
.checkout-arrow,
.checkout-arrow-finish { float: left; height: 28px; }
.checkout-sc.active { background: #ffea00; color: #666; }
.checkout-sc.inactive { background: #ccc; color: #fff; }
.checkout-sc .sc-text { margin-left: 15px; }
.checkout-middle.active { background: #ffea00 repeat-x; color: #666; }
.checkout-middle.inactive { background: #ccc repeat-x; color: #fff; }
.checkout-arrow { width: 14px; }
.checkout-arrow.active-left { background: url('../images/checkout/breadcrumb_arrow_active_left.jpg') no-repeat; }
.checkout-arrow.active-right { background: url('../images/checkout/breadcrumb_arrow_active_right.jpg') no-repeat; }
.checkout-arrow.inactive { background: url('../images/checkout/breadcrumb_arrow_inactive.jpg') no-repeat; }
.checkout-arrow-finish { width: 12px; }
.checkout-arrow-finish.inactive { background: url('../images/checkout/breadcrumb_arrow_inactive_finish.jpg') no-repeat; }
.checkout-arrow-finish.active-right { background: url('../images/checkout/breadcrumb_arrow_active_finish.jpg') no-repeat; }

/* Warenkorb */
.checkout-shopping-cart .shopping-cart-wrapper { margin-right: 15px; }
.checkout-shopping-cart .shopping-cart #shopping-cart-totals-table { width: 622px; }
.checkout-shopping-cart .cart-button-container { position: relative; height: 35px; margin: 10px 0; }
.checkout-shopping-cart .cart-button-container .continue-shopping-button,
.checkout-shopping-cart .cart-button-container .checkout-button { width: 200px; position: absolute; top: 0; }
.checkout-shopping-cart .cart-button-container .continue-shopping-button { left: 0; }
.checkout-shopping-cart .cart-button-container .checkout-button { right: 0; opacity: 1; }
.checkout-shopping-cart .cart-button-container .checkout-button.disabled { opacity: .5; cursor: default; }
.checkout-shopping-cart .messages { width: 705px; }
.checkout-shopping-cart .shopping-cart .no-items { margin: 20px 0; }

/* Hilfe-Boxen */
.help-box { position: relative; padding: 8px 10px 6px 10px; margin: 10px 10px 0 10px; border: 1px solid #e5e5e5; }
.help-box h5.headline { margin: 0 0 10px 22px; text-transform: uppercase; }
.help-box .help-content { margin-left: 22px; }
.help-box .help-content .link { margin-top: 3px; font-weight: bold; }
.help-box .help-box-arrow { background-image: url('../images/filter_arrow_down.png'); background-repeat: no-repeat; position: absolute; left: 10px; top: 10px; width: 12px; height: 12px; }
.help-box .help-box-arrow.container-hidden { background-image: url('../images/filter_arrow_right.png'); }

/* Anmeldung und Registrierung */
.checkout-login .lr-waiting { height: 19px; margin-right: 20px; position: relative; }
.checkout-login .lr-waiting .lr-please-waiting.register-waiting { position: absolute; bottom: 45px; right: 0; }
.checkout-login .guest-text { padding-top: 10px; margin: 0 10px; width: 546px; }
.checkout-login #login-form .input-text-background { width: 183px; }
.checkout-login #login-buttons-container { width: 209px; }
.checkout-login #login-buttons-container .button-style { right: 0; }
.checkout-login #register-buttons-container-top .button-style { top: 0; left: 566px; }
.checkout-login #register-buttons-container-bottom .button-style { bottom: 30px; left: 566px; }
.checkout-login #register-buttons-container-top.button-container,
.checkout-login #register-buttons-container-bottom.button-container { height: 0; width: auto; } 

/* Zahlungsarten */
.checkout-payment .content-box-content { border: none; }
.checkout-payment .payment-method.last { border: none; }
.checkout-payment .payment-method { position: relative; border-bottom: 1px solid #e1e1d1; padding: 10px; font-size: 10pt; }
.checkout-payment .payment-method .radio { margin: 0; padding: 0; }
.checkout-payment .payment-method .payment-radio { width: 15px; }
.checkout-payment .payment-method .payment-label { position: absolute; top: 0; margin: 10px 0 0 20px; }
.checkout-payment .payment-method .payment-ico { position: absolute; top: 0; margin-left: 245px; }
.checkout-payment .payment-method .payment-info,
.checkout-payment .payment-method .payment-form { padding: 10px 0 0 20px; }
.checkout-payment .payment-method .labelwidth { width: 225px; }
.checkout-payment .payment-method select { width: 250px; }
.checkout-payment .payment-method #advice-required-entry-payone_cc_expiration.validation-advice { width: 120px; }
.checkout-payment .payment-method #advice-required-entry-payone_cc_expiration_yr.validation-advice { width: 88px; }
.checkout-payment .payment-method .input-text { width: 226px; }
.checkout-payment .payment-method .input-text-background { width: 250px; }
.checkout-payment #payment-buttons-container .waiting { width: 397px; }
.checkout-payment #payment-buttons-container .button-order-check .button-container-with-link { width: 169px; }
.checkout-payment #payment-buttons-container .button-order-check .button-container-with-link .button-style { width: 167px; }

.checkout-payment .payment-method #payment_form_paymorrow .paymorrow-img { width: 340px; height: 100px; }
.checkout-payment .payment-method #payment_form_paymorrow .paymorrow-dob-widget-container .dob-day,
.checkout-payment .payment-method #payment_form_paymorrow .paymorrow-dob-widget-container .dob-month { width: 65px; clear: none; }
.checkout-payment .payment-method #payment_form_paymorrow .paymorrow-dob-widget-container .dob-day .input-text,
.checkout-payment .payment-method #payment_form_paymorrow .paymorrow-dob-widget-container .dob-month .input-text { width: 50px; clear: none; }
.checkout-payment .payment-method #payment_form_paymorrow .paymorrow-dob-widget-container .dob-year { width: 90px; clear: none; }
.checkout-payment .payment-method #payment_form_paymorrow .paymorrow-dob-widget-container .dob-year .input-text { width: 75px; }
.checkout-payment .payment-method #payment_form_paymorrow select,
.checkout-payment .payment-method #payment_form_paymorrow .input-text-background { width: 230px; }

/* Bestellübersicht */
.checkout-review #review-buttons-container-bottom .waiting { width: 397px; }
.checkout-review #review-buttons-container-bottom .waiting .please-wait { width: 395px; }
.checkout-review #review-buttons-container-top .button-container,
.checkout-review #review-buttons-container-bottom .button-order-review .button-container-with-link { width: 169px; }
.checkout-review #review-buttons-container-top .button-container .button-style,
.checkout-review #review-buttons-container-bottom .button-order-review .button-container-with-link .button-style { width: 167px; }
.checkout-review .headline-container { position: relative; height: 37px; margin-bottom: 10px; }
.checkout-review .headline-container .review-headline,
.checkout-review .headline-container #review-buttons-container-top { position: absolute; top: 0; }
.checkout-review .headline-container .review-headline { left: 0; }
.checkout-review .headline-container #review-buttons-container-top { left: 536px; }
.checkout-review #page-review-item-table thead th { border-bottom: 1px solid #e5e5e5; }
.checkout-review .headline-container .cart-edit-link { position: absolute; top: 46px; left: 654px; }

/* Agreements */
.checkout-agreements { margin-bottom: 15px; }
.checkout-agreements .agreement-content { border: 1px solid #e5e5e5; height: 250px; width: 693px; overflow: auto; margin-top: 25px; padding: 5px; }
.checkout-agreements .agree { margin: 0; padding: 15px 0; }
.checkout-agreements .agree label { font-weight: bold; }

/* Bestellabschluss - Success */
.one-page-checkout-success .content-box-content { border-bottom: none; }
.one-page-checkout-success .btn-checkout-success { margin-left: 508px; }
.one-page-checkout-success .btn-checkout-success .button-container-35,
.one-page-checkout-success .btn-checkout-success .button-container { width: 202px; }
.one-page-checkout-success .btn-checkout-success .button-container-35 .button-style,
.one-page-checkout-success .btn-checkout-success .button-container .button-style { width: 200px; }