/**
 * 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; }
#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: 97.5%; }
#bettercheckout select { width: 100%; }
#bettercheckout textarea { width: 97.5%; }
#bettercheckout .form-list .field { width: 50%; }
#bettercheckout .form-list li { float: none; clear: 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: 95%; }
#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; line-height: 32px; }
#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: 190px; }
#bettercheckout-customer-options .validation-advice { float: right; width: 179px; }
#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:16px; height:16px; font-size:0; line-height:0; background:url(../images/bettercheckout/cart-remove.gif) 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; }
#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; }
#bettercheckout .data-table tfoot, #bettercheckout .data-table tfoot tr { background: none !important; }
#bettercheckout-review-table .update-shopping { padding-top: 8px; padding-bottom: 8px; }

/**
 * 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 .bettercheckout-order-info,
#bettercheckout .bettercheckout-contact-form { float: left; width: 64%; margin-right: 1%; margin-bottom: 1.5% }
#bettercheckout .bettercheckout-questions { float: right; width: 35%; margin-bottom: 1.5% }

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







#succes-wrap { overflow: hidden; }
#succes-wrap h1 { margin-bottom: .5em; padding-bottom: .25em; border-bottom: 1px solid #CECECE; color: #3D6611; }
#succes-wrap h2 { margin-bottom: .5em; }
#succes-wrap ul { margin: 0 0 1.5em 30px; list-style-type: disc; }
#succes-wrap .succes-left { float: left; width: 749px; border-right: 1px solid #CECECE; padding-right: 20px; }
#succes-wrap .succes-right { float: right; width: 200px; }
#succes-wrap .succes-right h2 { font-size: 1.3em; line-height: 1.4em; }
#succes-wrap .succes-right p { margin-bottom: 1.5em; }
#succes-wrap #social-media-block { background: url("aw_blog/images/bg_blog_x.jpg") #FFFFFF; padding: 20px; overflow: hidden; }
#succes-wrap #social-media-block #social-txt { float: left; }
#succes-wrap #social-media-block textarea { font: 16px/1.5em Arial,Helvetica,sans-serif; width: 100%; padding: 10px; width: 440px; height: 136px; display: block; border: 0; }
#succes-wrap #social-media-block ul { float: right; background: #FFF; margin: 0; padding: 10px; width: 190px; list-style-type: none; }
#succes-wrap #social-media-block ul span.icon { display: inline-block; height:32px; width:32px; vertical-align: middle; margin: 0 4px; }
#succes-wrap #social-media-block label { margin-bottom: 6px; display: block; font-weight: bold; }
#succes-wrap #social-media-block label#share-twitter span.icon {background:url(../images/home-twitter.png) no-repeat top left; }
#succes-wrap #social-media-block label#share-hyves span.icon {background:url(../images/home-hyves.png) no-repeat top left; }
#succes-wrap #social-media-block label#share-facebook span.icon {background:url(../images/home-facebook.png) no-repeat top left; }
#succes-wrap #social-media-block button { background-color: #DA272D; border: 0 none; cursor: pointer; height: 29px; padding: 0 10px; color: #FFF; }
#succes-wrap #social-media-block button span { background-image: url("../images/sprite-map.png"); background-position: 0 -417px; display: block; height: 29px; overflow: hidden; text-indent: -1234em; width: 53px; }