/* 
 * ---------------------------------------- *
 * Name: Webshop Styles                    *
 * Type: CSS                                *
 * Version: Not Versioned                   *
 * Author: Codehouse LTD                    *
 * ---------------------------------------- *
 */

/* basket page
 ---------------------------- */

.basket-summary-container .hero-banner { background: #f5f5f5; position: relative; overflow: hidden; width: 100%; margin-top: 5px; }
.basket-summary-container .hero-banner img { float: left; }
.basket-summary-container .hero-banner .basket-info { float: left; position: absolute; top: 0; left: 15px; }
.basket-summary-container .hero-banner h1 { font-size: 45px; font-weight: normal; margin-top: 0; margin-bottom: 5px; }
.ie7 .basket-summary-container .hero-banner h1 { margin-top: 17px; }
.basket-summary-container .hero-banner h2 { font-size: 18px; font-weight: normal; }
.basket-summary-container .basket-carousel ul { position: relative;left: 10px;}
.basket-summary-container .basket-carousel li > img { margin-bottom: 10px;}
.basket-summary-container .basket-carousel li > p { margin-bottom: 5px;}
.basket-summary-container .basket-carousel li a { text-decoration: underline;}

/* cart view
 ---------------------------- */

.cart-view .heading { background: #f2f2f2; font-size: 14px; text-transform: uppercase; margin-top: 20px; padding: 13px 0px; }
.cart-view .heading span { float: right; }
.cart-view .heading span.item { float: left; padding-left: 15px; }

.cart-view .col-item { float: left; }
.cart-view .col-price,
.cart-view .col-quantity,
.cart-view .col-cost { float: left; text-align: right; }

.cart-view .col-item { width: 560px; }
.cart-view .col-price { width: 65px; }
.cart-view .col-quantity { width: 140px; }
.cart-view .col-cost { width: 140px; padding-right: 15px; }

.cart-view .row { border-bottom: 1px dashed #cccccc; padding: 20px 0; }

.cart-view .row .product-container img { background: #fff; border: 1px solid #ccc; height: 81px; width: 81px; float: left; display: block; margin-right: 15px; }
.cart-view .row .col-item .product-info h4 { font-size: 16px; font-weight: bold; margin: 10px 0 8px 0; }

.cart-view .row .col-item { font-size: 14px; }
.cart-view .row .col-item p { font-size: 16px; font-weight: bold; margin-top: 10px; clear: none; }

.cart-view .row .col-price { margin-top: 10px; font-size: 14px; }

.cart-view .row .col-quantity input { width: 50px; text-align: right; float: right; margin-top: 6px; }
.cart-view .row .col-quantity .quantity-val-message { float: right; color: #DD0000; }
.cart-view .row .col-quantity .quantity-val-message { float: right; color: #DD0000; }
.cart-view .row .col-quantity .quantity-options { float: right; margin-top: 10px; width: 100%; }
/*.ie7 .cart-view .row .col-quantity .quantity-options { width: 100%; }*/
.cart-view .row .col-quantity .quantity-options a,
.cart-view .row .col-quantity .quantity-options a:visited { width: 120px; height: 16px; cursor: pointer; float: right; padding-right: 15px; text-decoration: none; color: #4c4c4c;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.cart-view .row .col-quantity .quantity-options a.update { background: url(../../../../images/brother-main/webshop/refresh.png) no-repeat right 2px; margin-bottom: 6px; }
.cart-view .row .col-quantity .quantity-options a.remove { background: url(../../../../images/brother-main/webshop/remove.png) no-repeat right 5px; }

.cart-view .row .col-cost { float: right; margin-top: 10px; font-size: 14px; }

.cart-view .row.delivery h3 { font-size: 16px; margin-bottom: 17px; line-height: 1em; }
.cart-view .row.delivery .delivery-option { list-style: none; }
.cart-view .row.delivery .delivery-option .single-row label{ cursor: default; }  
.cart-view .row.delivery .delivery-option .single-row .styled-radio{ display: none; } 
.cart-view .row.delivery .delivery-option li { height: 35px; padding: 10px 15px 0; position: relative; margin-top: 5px; }
.cart-view .row.delivery .delivery-option li:first-child { margin-top: 0; }
.cart-view .row.delivery .delivery-option li.selected { background: #eef0f8; }
.cart-view .row.delivery .delivery-option li input { margin-right: 10px; }
.cart-view .row.delivery .delivery-option li label { font-weight: bold;  float: none; overflow: hidden; margin-right: 0px; }
.cart-view .row.delivery .delivery-option li label .cost { float: right; }

.ie7 .cart-view .row.delivery .delivery-option li label { display: inline; }
.cart-view .row.delivery .delivery-option li label span.sub-info { font-weight: normal; }
.cart-view .row.delivery .delivery-option .col-item { padding-left: 15px; width: 545px; }
.cart-view .row.delivery .delivery-option .col-cost { width: 280px; }


.cart-view .total-summary { margin: 20px 0 30px 0; background: #e6eaf5; padding-left: 350px; position: relative; min-height: 160px; }
.ie7 .cart-view .total-summary { overflow: hidden; }

.cart-view .total-summary .promo { background: #eef0f8; position: absolute; left: 0; top: 0; width: 315px; height: 100%; padding: 20px 20px 20px 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.cart-view .total-summary .promo h3 { font-size: 16px; margin-bottom: 6px; line-height: 1em; }
.cart-view .total-summary .promo .promo-message { font-size: 14px; margin-bottom: 7px; }
.cart-view .total-summary .promo input[type="text"] { width: 249px; margin-bottom: 12px; }
.cart-view .total-summary .promo .triangle-sep { position: absolute; width: 38px; height: 75px; background: url(/images/brother-main/webshop/promo-arrow-sep.png) no-repeat center center; top: 50%; margin-top: -38px; right: -38px; }
.ie7 .cart-view .total-summary .promo .triangle-sep { margin-top: -60px; }
.cart-view .total-summary .promo .info { position: absolute; right: 15px; top: 70px; }
.cart-view .total-summary .promo .info .bottom p { margin-bottom: 0; }
.cart-view .total-summary .promo .info .bottom p.bubble-heading { margin-bottom: 10px; }

.cart-view .total-summary .totals { float: right; padding: 20px 15px 0 0; }
.ie7 .cart-view .total-summary .totals { width: 551px; }
.cart-view .total-summary .totals .focus { font-weight: bold; }
.cart-view .total-summary .totals .total-labels { float: left; text-align: right; }
.ie7 .cart-view .total-summary .totals .total-labels { margin-left: 65px; }
.cart-view .total-summary .totals .total-values { float: right; width: 90px; text-align: right; }
.cart-view .total-summary .totals .total-labels > span,
.cart-view .total-summary .totals .total-values > span { font-size: 14px; margin-bottom: 9px; display: block; }

.cart-view .checkout-btns-container { margin-bottom: 10px; }

.cart-view .go-to-checkout { float: right; }
.cart-view .continue-shopping  { float: left; }

.content-unit.six .box-out.empty-basket-container { background: none; padding: 10px 0; margin-bottom: 0; float: left; font-size: 20px; font-weight: bold; width: 100%;text-align: center; }
.content-unit.six .box-out.empty-basket-container p { margin: 0;}

/* checkout hero banner
 ---------------------------- */
.checkout-container .hero-banner { margin:5px 0 15px 0; }
.checkout-container .hero-banner h1 { margin-top: 0; }

/* breadcrumb navigation
 ---------------------------- */
.oldie .breadcrumb-nav { visibility: hidden; }
.no-js .breadcrumb-nav, .no-js.oldie .breadcrumb-nav { visibility: visible; }
.breadcrumb-nav { height: 34px; border: 1px solid #e5e5e5; margin-bottom: 10px; }
.breadcrumb-nav > ul { width: 100%; height: 100%; position: relative; background: url(/images/brother-main/webshop/progress-bar-white-bg.png) repeat-x; }
.breadcrumb-nav > ul > li { float: left; position: relative; height: 14px; height: 34px; padding: 9px 39px 11px 37px; text-align: center; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.breadcrumb-nav > ul > li.active, .breadcrumb-nav > ul > li.passed { background: url(/images/brother-main/webshop/progress-bar-black-bg.png) repeat-x; color: #fff; font-weight: bold; }
.breadcrumb-nav > ul > li > a { color: #4d4d4d; text-decoration: none; }
.breadcrumb-nav > ul > li > a:hover { color: #4d4d4d; text-decoration: underline; }
.ie7 .breadcrumb-nav > ul > li.active { z-index: -1; }
.breadcrumb-nav > ul > li.passed > span.arrow { background: url(/images/brother-main/webshop/progress-bar-arrow-passed.png) no-repeat center center; }
.breadcrumb-nav > ul > li > span.arrow { position: absolute; right: -20px; top: 0; width: 22px; z-index: 1; height: 34px; background: url(/images/brother-main/webshop/progress-bar-arrow.png) no-repeat center center; }
.breadcrumb-nav > ul > li:last-child > span.arrow { background: none; }
.oldie .breadcrumb-nav > ul > li.last > span.arrow { background: none;}
.breadcrumb-nav > ul > li.active > span.arrow { background: url(/images/brother-main/webshop/progress-bar-arrow-active.png) no-repeat center center; }
.breadcrumb-nav > ul > li.active:last-child > span.arrow { background: none; }
.oldie .breadcrumb-nav > ul > li.active.last > span.arrow { background: none; }

.checkout-container .warning-bar { margin-top: 20px; }

/* address listings 
 ---------------------------- */

.address-listings .listing { margin: 20px; }
.address-listings .addresses { list-style: none; }
.address-listings .addresses > li { margin-top: 30px; }
.address-listings.content-unit.three .addresses > li:first-child { margin-top: 0px; }
.address-listings.content-unit.three .addresses > li + li { padding-top: 20px; background: url("/images/brother-main/webshop/shadow-separator.png") no-repeat center top; }
.address-listings.content-unit.six .addresses > li { padding-top: 20px; background: url("/images/brother-main/webshop/shadow-separator.png") no-repeat center top; float: left; width: 420px; }
.address-listings.content-unit.six .addresses > li:nth-child(odd) { margin-right: 40px; clear: left; }
.address-listings.content-unit.six .addresses > li:first-child,
.address-listings.content-unit.six .addresses > li:first-child + li { padding-top: 0px; margin-top: 0px; background: none; }
.address-listings .info { margin-bottom: 20px; font-size: 14px; line-height: 21px; }
.address-listings .info > span { display: block; }

.address-listings .add-new-address { background: #e5e5e5; height: 121px; margin-top: 30px; }
.address-listings .add-new-address > span.separator { background: url(/images/brother-main/webshop/shadow-separator.png) center top no-repeat; height: 10px; display: block; }
.address-listings .add-new-address > span.icon { background: url(/images/brother-main/webshop/add-icon.png) no-repeat; height: 58px; width: 58px; display: block; float: left; margin-top: 22px; margin-left: 25px; margin-right: 28px; }
.address-listings .add-new-address > .add-new { margin-top: 32px; }

.address-listings .find-address { margin-top: 21px; padding: 0px 15px; line-height: 24px; height: 24px; font-size: 11px; }

.address-listings .delivery-address-notice { padding: 20px; }
.address-listings .delivery-address-notice > img { float: left; margin-right: 20px; }
.address-listings .delivery-address-notice > div { overflow: hidden; }

/* change address lightbox
---------------------------- */
.lightbox .change-address { width: 860px; }
.lightbox .change-address .box-out { margin: 20px; padding: 20px; }
.ie7 .lightbox .box-out { display: inline; zoom: 1; }
.ie7 .lightbox .change-address .box-out { display: inline;zoom: 1;padding-right: 40px;}
.lightbox .change-address h2 { border-bottom: 1px dashed #c2cbe8; padding-bottom: 15px; }
.lightbox .change-address ul { list-style: none; position: relative; padding-bottom: 0px; margin-bottom: 20px; }
.lightbox .change-address li { float: left; width: 170px; margin: 0px 10px 0px 20px; position: relative; }
.lightbox .change-address li.add-new { text-align: center; }
.lightbox .change-address li.add-new img { display: block; margin: 10px auto; width: 100px; }
.lightbox .change-address li .info span { display: block; font-size: 14px; line-height: 20px; }
.lightbox .change-address li .button-grey,
.lightbox .change-address li .button-blue { top: 155px; width: 100%; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0px;padding-left: 0;padding-right: 0; }
.ie7 .lightbox .change-address li .button-blue { top: 145px; }
.lightbox .change-address li .button-blue { left: 0; }
.lightbox .change-address .lightbox-address-list { margin: 0px -20px; overflow-x: auto; padding: 0px; max-height: 250px; }
.lightbox .change-address li .info{height: 144px;overflow: auto;}
.ie7 .lightbox .change-address .lightbox-address-list { padding-top: 0; overflow: hidden; max-height: 380px; }
.lightbox .change-address .add-payment-card { margin: 0px -20px -20px -20px;padding:15px 25px; }
.ie7 .lightbox .change-address .add-payment-card { width: 820px;}

/* change address lightbox
---------------------------- */
.lightbox .delete-card .box-out { margin: 20px; padding: 20px; }
.ie7 .lightbox .delete-card .box-out { max-width: 400px;}
.lightbox .delete-card .box-out .warning-message { padding: 20px 0; }

/* basket summary
---------------------------- */
.basket-summary { padding: 20px; }
.basket-summary > section { padding: 20px 0px; border-bottom: 1px dashed #C2CBE8; }
.basket-summary > section .address { float: left; width: 186px; }
.basket-summary > section .address:first-child { padding-right: 40px; }
.basket-summary > section .address > span { float: left; width: 100%; }
.basket-summary > section .change-btn { padding: 0 15px; line-height: 24px; height: 24px; font-size: 11px; margin-top: 15px; }

.basket-summary > section h3 > a { font-weight: normal; border-left: 1.5px solid #4d4d4d; line-height: 13px; display: inline-block; padding-left: 10px; text-decoration: none; margin-left: 7px; }
.basket-summary > section h3 > a:hover { text-decoration: underline; }

.basket-summary > section #DeliveryOption { list-style: none; }
.basket-summary > section #DeliveryOption label { margin-right: 0px; overflow: hidden; }
.basket-summary > section #DeliveryOption label span { float: right; margin-left: 10px; }
.basket-summary > section .single-row label{ cursor: default; }  
.basket-summary > section .single-row .styled-radio{ display: none; }  

.basket-summary.purchase > h2 { float: left; margin-right: 20px; }
.basket-summary.purchase > h2 + .button-grey { padding: 0 15px; line-height: 24px; height: 24px; font-size: 11px; }

.basket-summary.purchase .val { float:right; }

.basket-summary.purchase ul.products { list-style: none; }
.basket-summary.purchase ul.products li { padding-top: 20px; margin-top: 20px; border-top: 1px dashed #C2CBE8; }
.basket-summary.purchase ul.products li:first-child { margin-top: 0px; padding-top: 0px; border-top: none; }
.basket-summary.purchase ul.products li > img { display: block; width: 78px; height: 78px; float: left; border: 1px solid #d9d9d9; margin-right: 15px; }
.basket-summary.purchase ul.products li .product-info { float: left; width: 205px; }
.basket-summary.purchase ul.products li .price { float: left; width: 112px; text-align: right; }

.basket-summary.purchase section.totals { text-align: right; margin-bottom: 20px; }
.basket-summary.purchase section.totals .val { margin-left: 20px; width: 92px; display: inline-block; }

.payment-details-frame .box-out { margin: 20px; padding: 10px 0 0 20px; }
.payment-details-frame .box-out iframe { border: none; background: transparent; }
.payment-details-frame .box-out h2 { margin-top: 10px; }
.payment-details-frame .cvv-info { width: 440px; margin: 10px 0;}
.payment-details-frame .cvv-info img { margin: 10px 0 10px 0; }


/* order confirmation
---------------------------- */
.box-out.purchase-confirmed { background: url("/images/brother-main/webshop/confirmation-tick-bg.png") no-repeat scroll right -8px bottom #e6eaf5; margin: 5px 0 5px 0; padding: 20px; }
.box-out.purchase-confirmed h2 { margin-bottom: 20px; }
.box-out.purchase-confirmed h3 { margin-bottom: 10px; font-size: 16px; }
.box-out.purchase-confirmed .confirmation-message { margin-bottom: 30px; width: 595px}
.box-out.purchase-confirmed .confirmation-message p { font-size: 14px; }
.box-out.purchase-confirmed .confirmation-message p > span { font-weight: bold; }
.box-out.purchase-confirmed .btns-container { margin-bottom: 10px; }

.basket-summary > section .address first-time > p { font-style: italic; }
.basket-summary > section .address first-time > span { font-weight: bold; }

/* saved payment details
 ---------------------------- */
.saved-payment-cards { padding: 20px 20px 0px 20px; }
.saved-payment-cards ul.payment-cards { list-style: none; margin-top: 20px; }
.saved-payment-cards ul.payment-cards li { border-top: 1px dashed #cccccc; padding: 20px 0px; }
.saved-payment-cards ul.payment-cards li div.card-icon-holder { float: left; width: 51px; height: 36px; margin-right: 20px; }
.saved-payment-cards ul.payment-cards li div.card-icon-holder > img { display: block; float: left; border: 1px solid #cccccc; border-radius: 4px; }
.saved-payment-cards ul.payment-cards li div.card-details { overflow: hidden; }
.saved-payment-cards ul.payment-cards li div.card-options { float: right; margin-left: 20px; }
.saved-payment-cards ul.payment-cards li div a.delete-card { color: #4d4d4d; }
.saved-payment-cards ul.payment-cards li div.card-options .button-blue { margin: 0px 0px 0px 20px; }

.add-payment-card { background: #e5e5e5 url(/images/brother-main/webshop/shadow-separator.png) center top no-repeat; padding: 30px 25px; }
.add-payment-card > div { background: url(/images/brother-main/webshop/add-icon.png) left center no-repeat; padding: 13px 0px 13px 85px; }
.add-payment-card > div .invoice-btn { float: right; margin-right: 0; margin-left: 20px; height:36px; }

.four.content-container .content-wrapper .add-payment-card { margin: 0px -20px -20px -20px; }

/* saved payment details
 ---------------------------- */
.billing-address { padding: 10px; }
.billing-address .payment-details { float: left; width: 50%; }
.billing-address .payment-details .payment-message { margin-bottom: 20px; }
.billing-address .payment-details > p { margin-bottom: 15px; }
.billing-address .payment-details .info { float: left; width: 100%; margin-bottom: 15px; }
.billing-address .payment-details .info > span { float: left; width: 100%; margin-bottom: 2px; }

.billing-address .protection-container { float: right; width: 395px; }
.billing-address .protection-container .protection-info { background: url(/images/brother-main/webshop/lock-icon.jpg) no-repeat; padding-left: 80px; min-height: 75px; }

#PaymentGatewayContainer { float: left; width: 100%; margin: 25px 10px 0 10px; }
#PaymentGatewayContainer .payment-method-message { float: left; }
#PaymentGatewayContainer iframe { width: 100%; border: none; }