/**
 * Main
 */
#bettercheckout { padding: 15px; background-color: #FFF; border: 1px solid #868686; margin-top: 10px; }

/**
 * Layout and positioning
 */
#bettercheckout-credentials { float: left; width: 40%; }
#bettercheckout-options { float: left; width: 58%; margin-left: 2%; }
#bettercheckout .clear { clear: both; }

/**
 * Margins for the boxes
 */
#bettercheckout-customer-options,
#bettercheckout-billing-address { margin-bottom: 5%; }

#bettercheckout-shipping-methods,
#bettercheckout-payment-methods,
#bettercheckout-actions,
#bettercheckout-review  { margin-bottom: 3.33%; }
#bettercheckout-giftmessage { margin: 3.33% 0 3.33%; }

#bettercheckout .change { float: right; margin: 5px 8px 0 0; z-index: 3; position:relative; }
#bettercheckout .help { float: right; position:relative; width: 16px; height: 16px; background: url(../images/bettercheckout/help.png); margin: 6px 6px 0 0; z-index: 2; cursor: pointer; }
#bettercheckout .help-wrapper { position: absolute; top: 10px; left: 10px; width: 250px; z-index: 2; display: none; }
#bettercheckout .help:hover .help-wrapper { display: block; padding: 7px 0 0 7px; }
#bettercheckout .help-top { display: block; }
#bettercheckout .help-content { background: #FFF; padding: 10px; border: 1px solid #E0E0E0; display: block; }

/**
 * Headings and typography
 */
#bettercheckout h1 { margin-bottom: 1%; padding-left: 10px; }
#bettercheckout h2 { background: #F9F9F9 url(../images/bettercheckout/heading-bg.png) repeat-x 0% 0%; border: 1px solid #E0E0E0; color: #272727; padding: 2px 10px 2px 5px; text-shadow: #FFF 0px 1px 0px; margin: 0; position: relative; white-space:nowrap; }
#bettercheckout h2 span.step { background-color: #FFF; border: 1px solid #CCC; font-size: 0.8em; display: block; float: left; padding: 1px 5px; font-weight:bold; margin-right: 5px; }
#bettercheckout h3 { }

/**
 * Padding for content boxes
 */
#bettercheckout .bettercheckout-content { padding: 10px; border: 1px solid #E0E0E0; border-top: 0; }
#bettercheckout-actions { padding: 10px; border: 1px solid #E0E0E0; border-radius: 2px; }
#bettercheckout-description { margin-bottom: 1%; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; padding: 10px; }
#box-shipping-form { margin-top: 15px; }

/**
 * Loaders
 */
#bettercheckout .bettercheckout-loader { position: absolute; background: url(../images/bettercheckout/box-loader.gif); width: 16px; height: 16px; top: 5px; right: 5px; display: none;  }
#bettercheckout .loading .bettercheckout-loader { display: block; }
#bettercheckout .loading .help { display: none; }

/**
 * Form elements
 */
#bettercheckout label { cursor: pointer; }
#bettercheckout label input { margin: -3px 5px 0 0; }
#bettercheckout label.radio { font-weight: normal; }
#bettercheckout input.input-text { width: 95%; }
#bettercheckout select { width: 98.5%; }
#bettercheckout textarea { width: 97.5%; }
#bettercheckout .form-list .field { width: 50%; }
#bettercheckout .form-list li { float: none; clear: none; }
#bettercheckout .form-list li#register-customer-newsletter { display: none; }
#bettercheckout .form-list label.required { position: relative; }
#bettercheckout .form-list label.required em { color: #EB340A; float: right; font-style: normal; position: absolute; right: -8px; top: 0px; }
#bettercheckout li.fields li { float: left; width: 50%; }
#bettercheckout li.fields input.input-text { width: 90%; }
#bettercheckout li.fields select { width: 98%; }
#bettercheckout li { margin: 0 0 5px; }

#bettercheckout ul.list-actions { list-style: none; }
#bettercheckout li.li-back { display: block; float: left; width: 60%; margin: 0; padding: 0; }
#bettercheckout li.li-proceed { display: block; float: right; text-align:right; width: 40%; margin: 0; padding: 0; }

#bettercheckout li.heading { font-weight: bold; padding-top: 8px; }
#bettercheckout li.customer-addresses { padding: 10px 0; }
#bettercheckout li.customer-addresses select { width: 100%; padding: 2%; }

#bettercheckout .choice-list li.selected { background-color: #EEE; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-shadow: #FFF 0px 1px 0px; }
#bettercheckout .choice-list li.error { padding-left: 30px; }
#bettercheckout .choice-list label { display: block; padding: 5px 10px; float: none; }

#bettercheckout-shipping-methods .choice-list strong { float: right; }
#bettercheckout-shipping-methods .choice-list small { font-weight: bold; font-size: 0.9em; }
#bettercheckout-payment-methods .choice-list li.selected { margin-right: 20px; }

#bettercheckout .image { padding-top: 20px; }

/**
 * Customer login / options
 */
#bettercheckout-customer-options ul ul { padding: 5px 10px; }
#bettercheckout-customer-options label { margin-top: 3px; }
#bettercheckout-customer-options input.input-text { float: right; width: 170px; }
#bettercheckout-customer-options .validation-advice { float: right; width: 159px; }
#bettercheckout-customer-options li { margin: 0 0 8px; }
#bettercheckout-customer-options .box-switcher { margin-top: 7px; float: left; }
#bettercheckout-customer-options button { float: right; }

#customer-customer-notification { background: #E6EFC2; color: #264409; border: 1px dashed #C6D880; padding: 10px; display: none; }
/**
 * Name widget
 */
#bettercheckout .name-firstname { width: 50%; }
#bettercheckout .name-lastname { width: 50%; }
#bettercheckout .name-prefix { width: 15% !important; }
#bettercheckout .name-suffix { width: 15% !important; }
#bettercheckout .name-middlename { width: 15% !important; }

#bettercheckout .name-prefix input,
#bettercheckout .name-suffix input,
#bettercheckout .name-middlename input { width: 86% !important; }

#bettercheckout .name-prefix select,
#bettercheckout .name-suffix select { width: 94% !important; }

#bettercheckout .customer-name-prefix-middlename .name-firstname,
#bettercheckout .customer-name-prefix-middlename .name-lastname,
#bettercheckout .customer-name-suffix-middlename .name-firstname,
#bettercheckout .customer-name-suffix-middlename .name-lastname,
#bettercheckout .customer-name-prefix-suffix .name-firstname,
#bettercheckout .customer-name-prefix-suffix .name-lastname { width: 35%; }

#bettercheckout .customer-name-prefix-middlename .name-firstname input,
#bettercheckout .customer-name-prefix-middlename .name-lastname input,
#bettercheckout .customer-name-suffix-middlename .name-firstname input,
#bettercheckout .customer-name-suffix-middlename .name-lastname input,
#bettercheckout .customer-name-prefix-suffix .name-firstname input,
#bettercheckout .customer-name-prefix-suffix .name-lastname input { width: 93% !important; }

#bettercheckout .customer-name-prefix-middlename-suffix .name-firstname,
#bettercheckout .customer-name-prefix-middlename-suffix .name-lastname { width: 27.5%; }

#bettercheckout .customer-name-prefix-middlename-suffix .name-firstname input,
#bettercheckout .customer-name-prefix-middlename-suffix .name-lastname input { width: 92% !important; }

#bettercheckout .customer-name-prefix .name-firstname,
#bettercheckout .customer-name-prefix .name-lastname,
#bettercheckout .customer-name-suffix .name-firstname,
#bettercheckout .customer-name-suffix .name-lastname,
#bettercheckout .customer-name-middlename .name-firstname,
#bettercheckout .customer-name-middlename .name-lastname { width: 42.5%; }

#bettercheckout .customer-address label { float: none; }

#bettercheckout .customer-dob-label { float: none; display: block; }
#bettercheckout .customer-dob .dob-month,
#bettercheckout .customer-dob .dob-day { float:left; width: 20%; margin-right: 5%; }
#bettercheckout .customer-dob .dob-year { float: left; width: 50%; }

#bettercheckout .customer-dob .dob-month input.input-text,
#bettercheckout .customer-dob .dob-day input.input-text,
#bettercheckout .customer-dob .dob-year input.input-text { width: 92% !important; }

/**
 * Payment methods
 */
#bettercheckout-payment-methods .container { float: left; width: 50%; }
#bettercheckout-payment-methods .clear { clear: left; }
#bettercheckout-payment-info h3 { margin-bottom: 10px; }
#bettercheckout-payment-info dt { font-weight:bold; }
#bettercheckout-payment-info dt:after { content: ':' }
#bettercheckout-payment-info .message { margin: 10px 0; }

/**
 * Payment methods custom form css
 */
#payment_form_bankpayment dt { float: left; width: 50%; clear: left; }
#payment_form_bankpayment dd { float: left; width: 50%; }
#payment_form_ccsave .v-fix { float: left; width: 50%; }
#payment_form_ccsave #ccsave_cc_cid { width: 60%; }

/**
 * Gift message layout
 */
#bettercheckout-giftmessage h2 { background-position: bottom left; position: relative; text-transform: uppercase; height: 44px; line-height: 44px; padding: 0 10px 0 40px; font-size: 1.3em;  }
#bettercheckout-giftmessage h2 input { margin-right: 22px; }
#bettercheckout-giftmessage h2 span { font-weight: bold; }
#bettercheckout-giftmessage img { position: absolute; left: 10px; top: -10px; }
#bettercheckout-giftmessage .bettercheckout-content { padding-top: 20px; }
#bettercheckout-giftmessage .form-list { margin-top: 10px; }

/**
 * Review table
 */
#bettercheckout-review .bettercheckout-content { padding: 0; }
#bettercheckout-review .btn-cart-remove { display:block; width:20px; height:20px; font-size:0; line-height:0; background:url(../images/bettercheckout/cart-remove.png) 0 0 no-repeat; text-indent:-999em; overflow:hidden; }
#bettercheckout-review-table { border: 0; width: 100%; }
#bettercheckout-review-table td { border: 0; }
#bettercheckout-review-table thead th { border-top: 0; border-left: 0; border-right: 0; color: #000; font-weight: bold; }
#bettercheckout-review-table tbody td { border-bottom: 1px solid #F0F0F0; vertical-align: middle; }
#bettercheckout .data-table thead, #bettercheckout .data-table thead tr { background-color: #F2F2F2; color: #000; }
#bettercheckout .data-table tfoot, #bettercheckout .data-table tfoot tr { background: none !important; color: #000; }
#bettercheckout-review-table .update-shopping { padding-top: 8px; padding-bottom: 8px; }
#bettercheckout-review-table a { font-size: 10px; }

#bettercheckout-review-table .product-travelers { padding: 0; }
#bettercheckout-review-table .product-travelers td { padding: 4px; border-bottom: none; vertical-align: top; }
#bettercheckout-review-table .product-travelers input { border: 1px solid #DDD; padding: 2px; width: 200px; }
#bettercheckout-review-table .product-travelers select { width: 50px; }

#bettercheckout-review-table .product-travelers .names {margin-bottom:2px;}
#bettercheckout-review-table .product-travelers .names label{display:block;width:80px;float:left;}
#bettercheckout-review-table .product-travelers #passport_name_information {position: relative}
#bettercheckout-review-table .product-travelers #passport_name_information p{position: absolute; top: 10px; width: 300px; left: 10px;}


#bettercheckout-review-table .qty { margin: 0 5px 0 0; }

/**
 * Review page
 */
#bettercheckout-review-page dt { float: left; width: 40%; font-weight: bold !important; }
#bettercheckout-review-page dd { clear: right; }

#bettercheckout-review-left { float: left; width: 54.5%; margin-right: 1%; }
#bettercheckout-review-right { float: left; width: 44.5%; }

#bettercheckout .bettercheckout-box { margin-bottom: 2%; }
#bettercheckout .column { float: left; width: 49%; }
#bettercheckout .column-first { margin-right: 1%; }
#bettercheckout .column-last { margin-left: 1%; }

#bettercheckout-box-review { clear: left; }
#bettercheckout-box-review .bettercheckout-content { padding: 0; }


/**
 * Customer comment
 */
#customer-comment-box { padding-top: 8px; }
#customer-comment-box textarea { width: 99%; }


/**
 * Success page
 */
#bettercheckout .success-content-wrapper { float: left; width: 49%; }
#bettercheckout .success-sidebar-wrapper { float: right; width: 49%; }

#bettercheckout .bettercheckout-order-info,
#bettercheckout .bettercheckout-contact-form { float: left; width: 64%; margin-right: 1%; margin-bottom: 1.5% }

#bettercheckout .success-content-wrapper .bettercheckout-order-info,
#bettercheckout .success-content-wrapper .bettercheckout-contact-form { float: none; width: auto; margin-right: 0; }
#bettercheckout .success-custom-block { border: 1px solid #e6e6e6; padding: 10px; margin-bottom: 15px; }
#bettercheckout .success-custom-block h2 { background: #F9F9F9 url("../images/bettercheckout/heading-bg.png") repeat-x; padding: 2px 5px; font-size: 18px; font-weight: normal; color: #272727; border-bottom: 1px solid #e6e6e6; margin: -10px -10px 10px -10px; }

#bettercheckout .bettercheckout-questions { float: right; width: 35%; margin-bottom: 1.5% }
#bettercheckout .success-sidebar-wrapper .bettercheckout-questions { float: none; width: auto; }

#bettercheckout-index-success h1 { padding-left:0 !important; }

#bettercheckout .bettercheckout-order-info p,
#bettercheckout .bettercheckout-questions p { margin-bottom: 0.5em; }

/**
 * Insurance
 */
#bettercheckout #insurance-logo { background:url(../images/mondial.gif) no-repeat top left; width:202px; height:55px; margin:15px 15px 5px 0;}
#bettercheckout .travel-insurance { float:left; margin-bottom:15px; }

h1.success {background: url(../images/check_ico.png) no-repeat 0px 3px; padding:0 0 0 25px !important; margin-bottom:20px !important;}
p.orderid { font-size: 14px;  }
#agreement-is_subscribed { float:left; margin-right:8px; }

#payment_form_portfolio_a li p {margin-top:10px;}
#payment_form_portfolio_a li {margin-bottom:10px;}
#bettercheckout .form-list  #payment_form_portfolio_a  .field{margin:0;}
#bettercheckout .form-list  #payment_form_portfolio_a  .bankaccount{margin:0; width:100%;}
#bettercheckout .form-list  #payment_form_portfolio_a  .bankaccount label {display:inline; width:40%; overflow: hidden;}
#bettercheckout .form-list  #payment_form_portfolio_a  .bankaccount .input-box {display:inline; width:50%; overflow: hidden; margin-left: 28px;}
#bettercheckout .form-list  #payment_form_portfolio_a  .bankaccount .input-box input{ border: 1px solid #DDDDDD; height:28px; line-height:28px;}
#bettercheckout .form-list  #payment_form_portfolio_a  label{float:none !important;}
#bettercheckout .form-list #payment_form_portfolio_a .dob-day {width:18px; margin-right:20px}
#bettercheckout .form-list #payment_form_portfolio_a .dob-month {width:18px; margin-right:20px}
#bettercheckout .form-list #payment_form_portfolio_a .dob-year {width:30px; margin-right:20px}
#portfolio_a_bankaccount {width:80px;}


#bettercheckout.add-travel-logo h1{
    background: url(/skin/frontend/sportstadion/sportstadion_reizen/images/sportstadion_reizen_small.png) no-repeat right top;
    background-size: auto 100%;
}

#bettercheckout span.av-sgr-anvr{
    background: url(/skin/frontend/sportstadion/sportstadion_reizen/images/logos-anvr-sgr.png) no-repeat;
    width: 100px;
    height: 25px;
    display: inline-block;
    background-size: auto 100%;
    vertical-align: middle;
    margin-left: 10px;
}

#bettercheckout span.av-logos {
    height: 25px;
    margin-left: 10px;
}

#bettercheckout span.av-logos > a img {
    height: 25px;
}
