.btn-gold { color: #ffffff; padding: 10px 28px; } .btn-gold:hover { color: #000000; } .btn-modal-gold { background: #b49167; color: #fff !important; border-color: #b49167; border-radius: 20px; box-shadow: none; padding: 10px 42px; width: 234px; margin-left: 15px; float: right; } .btn-modal-gold:hover { color: #fff!important; background: #98bdbc; border-color: #98bdbc; } .btn-modal-grey { background: none; color: #666!important; border-color: #666666; border-radius: 30px; box-shadow: none; padding: 10px 42px; width: 264px; margin-top: 0px; float: left; } .btn-modal-grey:hover { color: #fff!important; background: #666; border-color: #666; } .btn-modal-blue { background: #ff9900; color: #fff!important; border-color: #ff9900; border-radius: 30px; box-shadow: none; padding: 10px 42px; width: 234px; margin-top: 0px; float: right; } .btn-modal-blue:hover { color: #fff!important; background: #cc6600; border-color: #cc6600; } .btn-grey { background: none; color: #999!important; border-color: #999; border-radius: 20px; box-shadow: none; padding: 10px 32px; margin-top: 0px; } .btn-grey:hover { color: #fff!important; background: #999; border-color: #999; } .btn-red { background: #b49167; color: #fff!important; border-color: #b49167; color: #fff; border-radius: 20px; box-shadow: none; padding: 8px 36px; margin-top: 0px; } .btn-red:hover { color: #fff!important; background: #336600; border-color: #336600; } .btn-side { margin-top: 20px; width: 100%; padding: 10px 10px; } #internal-module .btn-orange { font-weight: 800; margin-top: 10px; } #internal-small-header { background: #f6f6f6; margin-top: 135px; padding: 22px 0px; } #internal-small-header h2 { color: #b49167; font-size: 32px; line-height: 46px; font-weight: 400; margin: 0px; padding: 0px 0px 0px 0px; } #internal-small-header h3 { color: #666; font-size: 18px; line-height: 24px; font-weight: 400; margin: 0px; padding: 0px 0px 0px 0px; } #internal-small-header p { color: #999; font-size: 14px; line-height: 22px; font-weight: 600; margin-bottom: 1px; text-transform: uppercase; } #internal-small-header p a { color: #999; } #internal-small-header p a:hover { color: #b49167; } #internal-small-header.basket { height: 110px; padding: 22px 0px; } #internal-small-header.basket p { color: #999; font-size: 14px; line-height: 22px; font-weight: 600; margin-bottom: 1px; } #internal-small-header.basket p a { color: #999; } #internal-small-header.basket p a:hover { color: #b49167; } .basket-close { color: #cc0000; margin-right: 5px; top: 0px; right: 0px; position: relative; font-size: 30px; float: left; height: 20px; line-height: 20px; margin-left: -26px; } .input-group-addon { top: 0px; } #basket { padding: 0px 15px; } #internal-module { background: #fff; padding: 40px 40px; } #internal-module .basket-title { border-bottom: 3px #ccc solid; padding-bottom: 20px; } #internal-module .basket-title h2 { font-size: 34px; color: #b49167; font-weight: 400; } #internal-module .title { font-size: 34px; line-height: 40px; color: #b49167; font-weight: 400; margin-bottom: 20px; } #internal-module .blue { color: #98bdbc!important; } #internal-module .title.no-top { margin-top: 0px; } #internal-module .subtitle { font-size: 20px; color: #666; font-weight: 400; margin-bottom: 5px; } #internal-module h3 { color: #98bdbc; font-size: 30px; line-height: 36px; margin-top: 40px; margin-bottom: 15px; font-weight: 400; } #internal-module h3.basket { font-size: 26px; line-height: 34px; font-weight: 400; margin-bottom: 5px; } #internal-module h3.basket.top { margin-top: 10px; } #internal-module .form-group { margin-bottom: 20px; } #internal-module label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 400; font-size: 16px; } #internal-module .use-delivery label { font-size: 17px; } #internal-module label span { color: #cc0000; } #internal-module p { color: #666; } #internal-module p.error { color: #cc0000; } #internal-module p.height { min-height: 60px; } #internal-module p.margin { margin-top: 20px; } #internal-module h3.title { font-size: 26px; line-height: 32px; color: #666; font-weight: 400; margin-bottom: 15px; margin-top: 26px; } #internal-module .step-4-container h2.title { margin-top: 26px; margin-bottom: 14px; } #internal-module .step-4-container h3.title { color: #b49167; font-size: 26px; font-weight: 400; margin-bottom: 5px; } #internal-module .step-4-container .basket-list .bottom { border-bottom: 3px #666 solid; } #internal-module .step-4-container .basketinfo { margin-bottom: 46px; } #internal-module .step-4-container .basketinfo p { color: #333; font-size: 17px; } #internal-module .step-4-container .basketinfo p a { color: #fe9900; } #internal-module .step-4.btn { width: auto; padding: 10px 18px; margin: auto 8px; float: none; } #internal-module .table.basket.mobile { display: none; } #internal-module .basketinfo { padding-right: 90px; } #internal-module .basketinfo.pad { padding-left: 15px; } #internal-module .basketinfo .border{ border-top: 1px #ccc solid; } #internal-module .basketinfo h3 { margin-top: 25px; } #internal-module .basketinfo h4 { color: #b49167; margin-bottom: 25px; font-size: 18px; line-height: 26px; font-weight: 600; } #internal-module .basketinfo h4 a { color: #b49167 } #internal-module .border { border-left: 1px #ccc solid; } #internal-module .right { float: right; } #internal-module .table.summary th { border: 2px solid #fff; background: #333; color: #fff; } #internal-module .table.summary td { border: 2px solid #fff; background: #f0f0f0; vertical-align: middle; } #internal-module .table.summary .btn-success { background: none; color: #b49167!important; border-color: #b49167; font-size: 14px; font-weight: 400; color: #fff; border-radius: 20px; box-shadow: none; padding: 6px 24px; margin-top: 0px; text-shadow: none; } #internal-module .table.summary .btn-success:hover { color: #fff!important; background: #b49167; border-color: #b49167; } #internal-module .table.summary .success { background: #dff0d8; } #internal-module .table.summary p { color: #333; margin-top: -40px; margin-left: 100px; margin-bottom: 0px; } #internal-module .table.summary td.main-product { height: 67px; vertical-align: top; } #internal-module .table.basket { margin-bottom: 0px; } #internal-module .table-responsive { margin: 0px; } #internal-module .table.basket .product-title { color: #b49167; } #internal-module .table.basket th { border: 2px solid #fff; background: none; color: #666; font-weight: 600; } #internal-module .table.basket td { border: 2px solid #fff; background: #f0f0f0; vertical-align: middle; } #internal-module .table.basket td.no-style { border: none; background: none; padding: 0px; } #internal-module .table.basket td h2 { color: #b49167; font-size: 20px; line-height: 28px; font-weight: 500; } #internal-module .table.basket td h4 { color: #999; font-size: 13px; line-height: 16px; font-weight: 600; } #internal-module .table.basket td .orange { display: none; color: #fe9900; font-size: 12px; font-weight: 800; } #internal-module .table.basket td .orange:hover { color: #cc6600; } #internal-module .table.basket td .orange .plus-icon { color: #fe9900; font-size: 22px; line-height: 20px; width: 22px; height: 22px; font-weight: 400; border: 1px #fe9900 solid; text-align: center; border-radius: 50%; margin-top: -2px; margin-right: 5px; float: left; } #internal-module .table.basket td .orange:hover .plus-icon { color: #cc6600; border-color: #cc6600; } #internal-module .step-1-container .table.basket .orange { display: block; } #internal-module .table.basket .btn-success { background: none; color: #b49167!important; border-color: #b49167; font-size: 13px; font-weight: 400; color: #fff; border-radius: 20px; box-shadow: none; padding: 6px 20px; margin-top: 0px; text-shadow: none; } #internal-module .table.basket .btn-success:hover { color: #fff!important; background: #b49167; border-color: #b49167; } #internal-module .table.basket .success { background: #dff0d8; } #internal-module .table.basket p { color: #b49167; margin-top: 0px; margin-left: 100px; margin-bottom: 3px; } #internal-module .table.basket p.dark { color: #333; margin-bottom: 8px; } #internal-module .table.basket p.dark.top { margin-bottom: 0px; } #internal-module .table.basket p.small { color: #333; font-size: 12px; } #internal-module .table.basket td.main-product { height: 67px; vertical-align: top; } #internal-module .table.basket td.product-red span { color: #b49167; } #internal-module .table.basket thead { border-bottom: 3px #666 solid; padding-bottom: 10px; margin-bottom: 10px; } #internal-module .table.basket .no-border { border-bottom: none; } #internal-module .table.basket td .form-control { text-align: center !important; max-width: 60px; padding: 6px 6px; margin: auto; } #internal-module .table.basket button.close { z-index: 0; position: relative; top: 0px; right: 0px; -webkit-appearance: none; margin-right: 2px; margin-top: 0px !important; font-size: 18px; padding: 2px 4px 0px 4px; cursor: pointer; background: 0 0; border: 1px solid #999; border-radius: 50%; color: #999; opacity: 1; text-shadow:none;} #internal-module .table.basket .close:focus { color: #fff!important; text-decoration: none; cursor: pointer; background: #b49167!important; border: 1px solid #b49167; opacity: 1;} #internal-module .table.basket .close:hover { color: #fff!important; text-decoration: none; cursor: pointer; background: #b49167!important; border: 1px solid #b49167; opacity: 1;} #internal-module .table.summary { margin-bottom: 0px; } #internal-module .table.summary .red { color: #b49167; } #internal-module .table.summary th { border: 2px solid #fff; background: none; color: #666; font-weight: 800; } #internal-module .table.summary td { border: 2px solid #fff; background: #f0f0f0; vertical-align: middle; } #internal-module .table.summary .btn-success { background: none; color: #b49167!important; border-color: #b49167; font-size: 13px; font-weight: 400; color: #fff; border-radius: 20px; box-shadow: none; padding: 6px 20px; margin-top: 0px; text-shadow: none; } #internal-module .table.summary .btn-success:hover { color: #fff!important; background: #b49167; border-color: #b49167; } #internal-module .table.summary .success { background: #dff0d8; } #internal-module .table.summary p { color: #b49167; margin-top: 0px; margin-left: 100px; margin-bottom: 3px; } #internal-module .table.summary p.small { color: #333; font-size: 12px; } #internal-module .table.summary td.main-product { height: 67px; vertical-align: top; } #internal-module .table.summary td.product-red span { color: #b49167; } #internal-module .table.summary thead { border-bottom: 3px #666 solid; padding-bottom: 10px; margin-bottom: 10px; } #internal-module .table.summary .no-border { border-bottom: none; } #internal-module .table.summary td .form-control { text-align: center !important; max-width: 45px; margin: auto; } #internal-module .table.summary button.close { -webkit-appearance: none; margin-right: 2px; margin-top: 0px !important; font-size: 18px; padding: 1px 4px 1px 4px; cursor: pointer; background: 0 0; border: 1px solid #999; border-radius: 50%; color: #999; opacity: 1; text-shadow:none;} #internal-module .table.summary .close:focus { color: #fff!important; text-decoration: none; cursor: pointer; background: #b49167!important; border: 1px solid #b49167; opacity: 1;} #internal-module .table.summary .close:hover { color: #fff!important; text-decoration: none; cursor: pointer; background: #b49167!important; border: 1px solid #b49167; opacity: 1;} #internal-module .table.account { margin-bottom: 0px; } #internal-module .table.account th { border: 2px solid #fff; background: none; color: #666; font-weight: 800; } #internal-module .table.account td { border: 2px solid #fff; background: #f0f0f0; vertical-align: middle; } #internal-module .table.account .btn-success { background: #b49167; color: #fff!important; border-color: #b49167; font-size: 13px; font-weight: 400; color: #fff; border-radius: 20px; box-shadow: none; padding: 6px 20px; margin-top: 0px; text-shadow: none; } #internal-module .table.account .btn-success:hover { color: #fff!important; background: #98bdbc; border-color: #98bdbc; } #internal-module .table.account .success { background: #dff0d8; } #internal-module .table.account p { color: #333; margin-top: -40px; margin-left: 100px; margin-bottom: 0px; } #internal-module .table.account td.main-product { height: 67px; vertical-align: top; } #internal-module .table.account thead { border-bottom: 3px #666 solid; padding-bottom: 10px; margin-bottom: 10px; } #internal-module .table.account .no-border { border-bottom: none; } #internal-module .table.orders { margin-bottom: 0px; } #internal-module .table.orders th { border: 2px solid #fff; background: none; color: #666; font-weight: 800; } #internal-module .table.orders td { color: #666; vertical-align: middle; } #internal-module .table.orders .btn-success { background: #b49167; color: #fff!important; border-color: #b49167; font-size: 13px; font-weight: 400; color: #fff; border-radius: 20px; box-shadow: none; padding: 6px 20px; margin-top: 0px; text-shadow: none; } #internal-module .table.orders .btn-success:hover { color: #fff!important; background: #98bdbc; border-color: #98bdbc; } #internal-module .table.orders .success { background: #dff0d8; } #internal-module .table.orders p { color: #333; margin-top: -40px; margin-left: 100px; margin-bottom: 0px; } #internal-module .table.orders td.main-product { height: 67px; vertical-align: top; } #internal-module .table.orders thead { border-bottom: 3px #666 solid; padding-bottom: 10px; margin-bottom: 10px; } #internal-module .table.orders .no-border { border-bottom: none; } .product-right { float: right; } .product-thumb { width: 95px; height: 85px; border: 1px #ccc solid; background-size: cover!important; overflow: hidden; float: left; margin-right: 10px; } .product-thumb img{ width: 100%; } .product-thumb-big { display: inline-block; width: 100%; padding: 10px; overflow: hidden; } .product-thumb-big img{ width: 50px; margin-top: 130px; float: right; } #internal-module .btn-modal-grey { width: 30%; padding: 10px 18px; } #internal-module .btn-modal-blue { width: 22%; padding: 10px 18px; } #internal-module .btn-modal-gold { width: 24%; padding: 10px 18px; margin-left: 15px; } #internal-module .btn-modal-gold.step-four { margin: auto; float: none; padding: 10px 24px; width: auto; } .basketcontent .pad-left { padding-right: 0px; } .basketcontent .pad-right { padding-left: 0px; } .account-list { margin: 25px 0px 40px 0px; padding: 0px; } .account-list li { color: #666; font-size: 16px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 12px 0px 12px 0px; border-top: 1px solid #ccc; } .account-list li a { color: #666; font-weight: 600; } .account-list li a:hover { color: #b49167; } .details-list { margin: 0px 0px 0px 0px; padding: 0px; } .details-list.no-top { margin: 0px 0px 0px 0px; } .details-list li { color: #666; list-style-type: none; margin: 0px 0px 0px 0px; padding: 12px 0px 12px 0px; border-bottom: 1px solid #ccc; min-height: 68px; } .details-list li.border-bottom { border-bottom: 3px #666 solid; } .details-list .detail-left { float: left; } .details-list .detail-right { float: right; } .details-list li.no-border { border: none; } .details-list li a { color: #666; font-weight: 600; } .details-list li a:hover { color: #b49167; } .details-list li span { font-size: 14px; } .details-list h2 { color: #b49167; font-size: 18px; line-height: 18px; padding: 0px; margin: 0px; } .details-list h2.lines { color: #b49167; font-size: 18px; line-height: 24px; padding: 0px; margin: 0px; } #internal-module .table.details { margin: 0px; } #internal-module .table.details td { color: #666; list-style-type: none; margin: 0px 0px 0px 0px; padding: 12px 0px 14px 0px; border-bottom: 1px solid #ccc; border-top: 0px; min-height: 68px; } #internal-module .table.details td.border-top { border-top: 1px solid #ccc; } #internal-module .table.details td.big-border { border-bottom: 3px #666 solid; } #internal-module .table.details td.no-border { border: none; } #internal-module .table.details li.no-border { border: none; } #internal-module .table.details li a { color: #666; font-weight: 800; } #internal-module .table.details li a:hover { color: #b49167; } #internal-module .table.details li span { font-size: 14px; color: #666; } #internal-module .table.details h2 { color: #b49167; font-size: 18px; line-height: 26px; font-weight: 400; padding: 0px; margin: 0px; } #internal-module .table.details h2.lines { color: #b49167; font-size: 18px; line-height: 24px; padding: 0px; margin: 0px; } #internal-module .table.details.step-4 td { padding: 12px 0px 12px 0px; } #internal-module .table.details.step-4 span { font-size: 17px; padding-right: 8px; float: left; } #internal-module .table.details.step-4 span.no-float { float: none; } #internal-module .table.details.step-4 span.no-float + h2 { padding-top: 5px; } #internal-module .table.details.step-4 h2 { color: #333; font-size: 17px; line-height: 25px; font-weight: 600; } .basket-list { margin: 25px 0px 0px 0px; padding: 0px; } .basket-list.no-top { margin: 0px 0px 0px 0px; } .basket-list li { color: #666; list-style-type: none; margin: 0px 0px 0px 0px; padding: 10px 0px 30px 0px; border-bottom: 1px solid #ccc; } .basket-list li.no-border { border: none; } .basket-list label { font-size: 14px!important; font-weight: 400!important; float: left; } .basket-list label input { margin-top: 3px; margin-right: 7px; } .basket-list li a { color: #666; font-weight: 800; } .basket-list li a:hover { color: #b49167; } .basket-list li span { font-size: 14px; min-width: 200px; float: right; } .basket-list h2 { color: #666; font-size: 18px; line-height: 22px; font-weight: 400; padding: 0px; margin: 0px; float: right; min-width: 130px; text-align: right; } .basket-list h2.lines { color: #b49167; font-size: 18px; line-height: 24px; padding: 0px; margin: 0px; } .basket-list li .basket-close { font-weight: 600; } .basket-list .bottom { border-top: 3px #666 solid; min-height: 88px; padding: 14px 0px;} .basket-list .bottom h2 { color: #b49167; font-size: 24px; line-height: 28px; font-weight: 400; padding: 0px; margin: 14px 0px 0px 0px; float: right; } .basket-list .bottom span { color: #333; font-size: 24px; line-height: 28px; min-width: 200px; margin: 14px 0px 0px 0px; float: right; } .basket-list .bottom .voucher-codes { background: #f0f0f0; border: 1px #cccccc solid; padding: 14px; margin-top: -4px; float: left; } .basket-list .bottom .voucher-codes .text { float: left; } .basket-list .bottom .voucher-codes .text h4 { color: #ff9900; font-size: 18px; line-height: 20px; } .basket-list .bottom .voucher-codes .text p { font-size: 13px; margin: 0px; } .basket-list .bottom .voucher-codes input.voucher { width: 260px; margin-left: 0px; } .basket-list .bottom .voucher-codes input.voucher.error { border-color: #cc0000; } .basket-list .bottom .voucher-codes input.voucher.error::placeholder { color: #cc0000; } .basket-list .bottom .voucher-codes .text-danger { color: #a94442; padding: 7px 0px 0px 12px; display: inline-block; } .basket-list .bottom .voucher-codes .btn-voucher { background: #98bdbc; color: #000000 !important; border-color: #98bdbc; font-size: 15px; font-weight: 500; border-radius: 20px; box-shadow: none; padding: 6px 0px; width: 174px; margin-left: 15px; float: right; } .basket-list .bottom .voucher-codes .btn-voucher:hover { background: #609e9c; border-color: #609e9c; } #internal-module .savings .text-danger { float: right; display: block; margin-top: 1px; border-bottom: 3px #a94442 solid; line-height: 28px; } #internal-module li.savings a.close { color: #f1474d!important; opacity: 1; margin-top: -1px; } #internal-module li.savings a.close:hover { color: #cc0000!important; opacity: 1; margin-top: -1px; } .basket-logos { margin-top: 20px; margin-bottom: 60px; float: right; } .loginalert { background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%); border-radius: 5px; background-repeat: repeat-x; border: 1px #dca7a7 solid; padding: 20px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);color: #a94442; } #internal-module .btn-red { margin-top: 10px; } #internal-module .btn-grey { margin-top: 10px; } #internal-module .btn-grey.top { margin-top: 0px; } #internal-module .product { padding: 20px 0px; border-bottom: 1px #ccc solid; } #internal-module .product:first-child { border-top: 3px #ccc solid; } #internal-module .product:last-child { border-bottom: 3px #ccc solid!important; } #internal-module .product .product-info { border-right: #ccc solid 1px; height: 75px; padding-left: 0px; } #internal-module .product .product-info img { float: left; padding-right: 25px; width: 100px; } #internal-module .product .product-info p { font-size: 14px; color: #ccc; font-weight: 400; margin: 15px 0px 0px 0px; line-height: 19px; } #internal-module .product .product-info h2 { color: #333; font-weight: 400; font-size: 20px; line-height: 18px; margin-top: 15px; margin-bottom: 15px; } #internal-module .product .product-info h3 { font-size: 14px; color: #666; font-weight: 400; margin: 0px 0px 0px 0px; line-height: 19px; float: left; } #internal-module .product .product-info h4 { font-size: 14px; color: #ccc; font-weight: 400; margin: 0px 0px 0px 0px; line-height: 19px; } #internal-module .product .product-quantity { border-right: #ccc solid 1px; height: 75px; padding: 0px 25px; } #internal-module .product .product-quantity h2 { color: #666; font-weight: 400; font-size: 13px; line-height: 18px; margin-top: 0px; margin-bottom: 12px; } #internal-module .product .product-quantity .form-control { height: 45px; text-align: center; font-size: 14px; background-color: #fff; color: #666; font-weight: 400; border: 1px solid #ccc; } #internal-module .product .product-price { height: 75px; padding-left: 20px; border-right: #ccc solid 1px; padding-right: 0px; } #internal-module .product .product-price:last-child { border: none; } #internal-module .product .product-price h2 { color: #666; font-weight: 400; font-size: 13px; line-height: 18px; margin-top: 12px; margin-bottom: 3px; } #internal-module .product .product-price h3 { color: #333; font-weight: 800; font-size: 32px; line-height: 32px; margin-top: 0px; margin-bottom: 2px; } #internal-module .product .product-price h4 { font-size: 13px; color: #666; font-weight: 400; margin: 0px 0px 0px 0px; line-height: 19px; } #internal-module .total { padding: 20px 0px; border-bottom: #ccc solid 1px; } #internal-module .total.top { border-top: #ccc solid 3px; } #internal-module .total .product-info { padding: 0px; } #internal-module .total .product-info h2 { color: #333; font-weight: 400; font-size: 24px; line-height: 30px; margin-top: 0px; margin-bottom: 0px; } #internal-module .total .product-price { padding-left: 20px; } #internal-module .total .product-price h2 { color: #666; font-weight: 400; font-size: 13px; line-height: 18px; margin-top: 12px; margin-bottom: 3px; } #internal-module .total .product-price h3 { color: #333; font-weight: 800; font-size: 32px; line-height: 32px; margin-top: 0px; margin-bottom: 2px; } #internal-module .total .product-price h4 { font-size: 13px; color: #666; font-weight: 400; margin: 0px 0px 0px 0px; line-height: 19px; } #internal-module .total.no-border { border-top: #ccc solid 3px; border-bottom: none; margin-bottom: 70px; } #internal-module .button-border-top { border-top: 3px #666 solid; padding-top: 20px!important; margin-top: 20px !important; } #internal-module .button-border-top .btn-grey { margin-top: 0px; } #internal-module .close.red-item { -webkit-appearance: none; margin-right: 0px; margin-top: 34px !important; font-size: 20px; padding: 5px 9px 5px 9px; cursor: pointer; background: #b49167!important; border: 1px solid #b49167; border-radius: 50%; color: #fff; opacity: 1; text-shadow:none;} #internal-module .close.red-item:focus { color: #fff!important; font-size: 20px; text-decoration: none; cursor: pointer; background: #98bdbc!important; border: 1px solid #98bdbc; opacity: 1;} #internal-module .close.red-item:hover { color: #fff!important; font-size: 20px; text-decoration: none; cursor: pointer; background: #98bdbc!important; border: 1px solid #98bdbc; opacity: 1;} #basket .border { border-left: 1px #ccc solid; } #basket .padding { padding: 0px;} #internal-module .payment-panel { background: #f6f6f6; border: 1px #ccc solid; padding: 20px 20px 10px 20px; max-width: 500px; width: 100%; margin: 20px auto auto auto; } #internal-module .payment-panel .field { margin-bottom: 15px; } #internal-module .payment-panel h3.title { color: #b49167; margin-bottom: 7px; margin-top: 0px; text-align: center; } #internal-module .payment-panel p { width: 100%; max-width: 300px; margin: auto auto 20px auto; text-align: center; } #internal-module .nav-pills { text-align: center; max-width: 500px; margin: auto; } #internal-module .nav-pills li {width: 50%; padding: 0px; margin: 0px; } #internal-module .nav-pills li:first-child a { border-right: 0px; } #internal-module .nav-pills li a { color: #000; padding: 15px 15px; font-size: 20px; min-height: 49px; background: none; border: 1px #ccc solid; border-radius: 0px; } #internal-module .nav-pills li.active a { background: #f6f6f6; border-bottom: 1px #f6f6f6 solid; } #payment .modal-lg { padding: 20px; } #payment .modal-content { border-radius: 0px; } #payment .modal-header { border-bottom: none; padding: 20px 25px; } #payment .modal-header h4{ font-size: 34px; color: #b49167; font-weight: 400; margin-right: 25px; float: left; } #payment .modal-header h3{ font-size: 16px; color: #666; font-weight: 400; margin: 5px 0px 5px 0px;} #payment .modal-header img { width: 260px; padding-top: 5px; } #payment .modal-body { background: #f2f2f2; min-height: 200px; padding: 25px 25px 25px 25px;} #payment .modal-body p { font-size: 16px; line-height: 24px; color: #333; font-weight: 400; margin: 0px 0px 20px 0px;} #payment .modal-body h2 { font-weight: 400; font-size: 18px; margin-top: 10px; } #payment .modal-body h3 { font-size: 15px; color: #000; font-weight: 800; margin: 5px 0px 0px 0px;} #payment .modal-body .form-group { margin-bottom: 20px; padding-right: 25px; } #payment .modal-body .form-group label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 400; font-size: 16px; } #payment .modal-body .alert-danger { margin-right: 25px; } #payment .modal-body .alert-success { margin-right: 25px; } #payment .modal-body .checkbox { padding-left: 5px; float: left; } #payment .modal-body .form-control { border: 1px solid #d3d3d3; } #payment .modal-body .form-control:focus { border-color: #9b9797; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 3px rgb(118, 118, 118); } #payment .modal-body .submit { margin: 0px; padding: 0px; } #payment .modal-body .btn-orange { padding: 8px 46px; } #payment .modal-body .input-group-addon { top: 0px; } #payment .modal-body span.input-group-addon.visa { background: #fff url(../img/cards.png) no-repeat; background-position: -5px 5px; } #payment .modal-body span.input-group-addon.mastercard { background: #fff url(../img/cards.png) no-repeat; background-position: -35px 5px; } #payment .modal-body span.input-group-addon.amex { background: #fff url(../img/cards.png) no-repeat; background-position: -68px 5px; } #payment .modal-body span.input-group-addon.discover { background: #fff url(../img/cards.png) no-repeat; background-position:-96px 0px; } #payment .modal-body span.input-group-addon.diners { background: #fff url(../img/cards.png) no-repeat; background-position: -132px 5px; } #payment .modal-body span.input-group-addon.jcb { background: #fff url(../img/cards.png) no-repeat; background-position: -164px 5px; } #payment .modal-footer { padding: 25px; } #payment .modal-footer .left .btn-grey { float: left; } #payment button.close { -webkit-appearance: none; margin-right: 0px; margin-top: 2px!important; font-size: 30px; padding: 3px 9px 3px 9px; cursor: pointer; background: 0 0; border: 1px solid #666; border-radius: 50%; color: #666; opacity: 1; text-shadow:none;} #payment button.close:focus { color: #fff!important; font-size: 30px; text-decoration: none; cursor: pointer; background: #b49167!important; border: 1px solid #b49167; opacity: 1;} #payment button.close:hover { color: #fff!important; font-size: 30px; text-decoration: none; cursor: pointer; background: #b49167!important; border: 1px solid #b49167; opacity: 1;} #payment .btn-warning { background: #b49167; color: #fff!important; border-color: #b49167; color: #fff; border-radius: 20px; box-shadow: none; padding: 8px 36px; margin-top: 0px; float: right; } #payment .btn-warning:hover { color: #fff!important; background: #98bdbc; border-color: #98bdbc; } #payment .btn-danger { background: none; color: #999!important; border-color: #999; border-radius: 20px; box-shadow: none; padding: 8px 36px; margin-top: 0px; float: left; } #payment .btn-danger:hover { color: #fff!important; background: #999; border-color: #999; } #deleteLine .modal-lg { padding: 20px; } #deleteLine .modal-content { border-radius: 0px; } #deleteLine .modal-dialog { width: 700px; } #deleteLine .modal-header { border-bottom: none; padding: 20px 25px; } #deleteLine .modal-header h2{ font-size: 34px; color: #b49167; font-weight: 400; } #deleteLine .modal-header h3{ font-size: 16px; color: #666; font-weight: 400; margin: 5px 0px 5px 0px;} #deleteLine .modal-body { background: #f2f2f2; min-height: 0px; padding: 25px 25px 25px 25px;} #deleteLine .modal-body p { font-size: 16px; line-height: 24px; color: #333; font-weight: 400; margin: 0px 0px 0px 0px;} #deleteLine .modal-body h2 { font-weight: 400; font-size: 18px; margin-top: 10px; } #deleteLine .modal-body h3 { font-size: 15px; color: #000; font-weight: 800; margin: 5px 0px 0px 0px;} #deleteLine .modal-footer { padding: 25px; } #deleteLine .modal-footer .left .btn-grey { float: left; } #deleteLine .btn-orange-modal { background: #b49167; color: #fff!important; border-color: #b49167; font-size: 14px; font-weight: 400; color: #fff; border-radius: 20px; box-shadow: none; padding: 8px 36px; margin-top: 0px; float: right; } #deleteLine .btn-orange-modal:hover { color: #fff!important; background: #98bdbc; border-color: #98bdbc; } #deleteLine .btn-white-grey-modal { background: none; color: #999!important; border-color: #999; font-size: 14px; font-weight: 400; border-radius: 20px; box-shadow: none; padding: 8px 36px; margin-top: 0px; float: left; } #deleteLine .btn-white-grey-modal:hover { color: #fff!important; background: #999; border-color: #999; } #deleteLine button.close { -webkit-appearance: none; margin-right: 0px; margin-top: 2px!important; font-size: 30px; padding: 3px 9px 3px 9px; cursor: pointer; background: 0 0; border: 1px solid #666; border-radius: 50%; color: #666; opacity: 1; text-shadow:none;} #deleteLine button.close:focus { color: #fff!important; font-size: 30px; text-decoration: none; cursor: pointer; background: #b49167!important; border: 1px solid #b49167; opacity: 1;} #deleteLine button.close:hover { color: #fff!important; font-size: 30px; text-decoration: none; cursor: pointer; background: #b49167!important; border: 1px solid #b49167; opacity: 1;} #basketmodal .modal-lg { padding: 20px; } #basketmodal .modal-content { border-radius: 0px; } #basketmodal .modal-dialog { width: 700px; } #basketmodal .modal-header { border-bottom: none; padding: 20px 25px; } #basketmodal .modal-header h2{ font-size: 34px; color: #b49167; font-weight: 400; } #basketmodal .modal-header h3{ font-size: 16px; color: #666; font-weight: 400; margin: 5px 0px 5px 0px;} #basketmodal .modal-body { background: #f2f2f2; min-height: 0px; padding: 25px 25px 25px 25px;} #basketmodal .modal-body p { font-size: 16px; line-height: 24px; color: #333; font-weight: 400; margin: 0px 0px 0px 0px;} #basketmodal .modal-body h2 { font-weight: 400; font-size: 18px; margin-top: 10px; } #basketmodal .modal-body h3 { font-size: 15px; color: #000; font-weight: 800; margin: 5px 0px 0px 0px;} #basketmodal .modal-footer { padding: 25px; } #basketmodal .modal-footer .left .btn-grey { float: left; } #basketmodal .btn-orange-modal { background: #b49167; color: #fff!important; border-color: #b49167; font-size: 14px; font-weight: 400; color: #fff; border-radius: 20px; box-shadow: none; padding: 8px 36px; margin-top: 0px; float: right; } #basketmodal .btn-orange-modal:hover { color: #fff!important; background: #98bdbc; border-color: #98bdbc; } #basketmodal .btn-white-grey-modal { background: none; color: #999!important; border-color: #999; font-size: 14px; font-weight: 400; border-radius: 20px; box-shadow: none; padding: 8px 36px; margin-top: 0px; float: left; } #basketmodal .btn-white-grey-modal:hover { color: #fff!important; background: #999; border-color: #999; } #basketmodal button.close { -webkit-appearance: none; margin-right: 0px; margin-top: 2px!important; font-size: 30px; padding: 3px 9px 3px 9px; cursor: pointer; background: 0 0; border: 1px solid #666; border-radius: 50%; color: #666; opacity: 1; text-shadow:none;} #basketmodal button.close:focus { color: #fff!important; font-size: 30px; text-decoration: none; cursor: pointer; background: #b49167!important; border: 1px solid #b49167; opacity: 1;} #basketmodal button.close:hover { color: #fff!important; font-size: 30px; text-decoration: none; cursor: pointer; background: #b49167!important; border: 1px solid #b49167; opacity: 1;} /** * Smaller Screen * ========================================================================== */ @media screen and (max-width: 1400px) { #internal-module .basketinfo { padding-right: 80px; } #internal-module .table.basket td h2 { font-size: 18px; line-height: 24px; } } @media screen and (max-width: 1100px) { #basketmodal .modal-dialog { width: 100%; } } /** * Tablet * ========================================================================== */ @media screen and (max-width: 991px) { #internal-small-header { margin-top: 85px; } .product-thumb { width: 88px; margin-bottom: 20px; } #internal-module .table.basket p { margin-left: 0px; } #internal-module .table.basket p.dark { font-size: 14px; line-height: 22px; } #internal-module .btn-modal-gold { width: auto; } #internal-panel .table.basket p { margin-left: 0px; } #internal-panel .form-control { padding: 0px 1px; } #internal-panel .btn-modal-gold { width: auto; } #internal-module { padding: 40px 0px; } #internal-module .btn-modal-gold { width: auto; } #internal-module .btn-modal-blue { width: auto; } #internal-module .btn-modal-grey { width: auto; } #internal-module .basketinfo { padding-right: 10px; } #internal-module .basketinfo h4 { font-size: 13px; } #internal-module .basketinfo h4 span { font-size: 22px; } #deleteLine .modal-dialog { width: 100%; } #deleteLine .modal-header { padding: 15px 25px; } #deleteLine .modal-header h2 { margin-top: 8px; } } /** * Mobile * ========================================================================== */ @media screen and (max-width: 767px) { #internal-module { padding: 40px 0px; } #internal-module .title { line-height: 40px; } #internal-module .title.mobile-margin { margin-top: 40px; } #internal-module .table.basket.mobile { display: block; } #internal-module .table.basket.desktop { display: none; } #internal-module .table.basket p.dark { font-size: 12px; margin-bottom: 0px; } #internal-module .table.details-mobile td { padding: 8px 0px 6px 0px; border: 0px; border-top: 2px #fff solid; } #internal-module .table.details-mobile h2 { line-height: 21px; } #internal-module .table.basket button.close { margin-top: 10px; } #internal-module .border { border-left: none; padding-left: 0px; padding-right: 0px; } #internal-module .table-responsive { border: none; } .product-thumb { float: left; } #internal-module .btn-modal-gold { width: auto; } #internal-module .btn-modal-blue { width: auto; } #internal-module .btn-modal-grey { width: auto; } .btn-side { width: 100%; padding: 10px 10px; max-width: 200px; margin-top: 0px; margin-bottom: 25px; } #internal-module .table.basket td.no-style { border-right: 2px #fff solid; border-top: none; border-left: none; border-bottom: none; } #internal-panel .border { border-left: none; padding-left: 0px; } #internal-panel .table.basket p { margin-left: 100px; } #internal-panel .btn-modal-gold { width: auto; } #internal-panel .btn-modal-blue { width: auto; } #internal-panel .btn-modal-grey { width: auto; } #internal-module .table.basket td h4 { font-size: 13px; line-height: 16px; } #internal-module .table td.product-details { width: 10%!important; } #internal-module .table.details.step-4 span { float: none; } #internal-module .table.details.step-4 h2 { text-align: left; } #internal-module .form-group.collection { width: 100%; border-bottom: 1px #ccc solid; padding-bottom: 10px; margin-bottom: 12px; } #internal-module .basketinfo { padding-right: 0px; padding-bottom: 30px; } .basket-list .bottom { min-height: 57px; padding: 0px 0px; } .basket-list .bottom .voucher-codes { float: none; min-height: 56px; margin-top: 15px; } .basket-list .bottom .voucher-codes .text { display: none; } .basket-list .bottom .voucher-codes input.voucher { width: 200px; margin: 0px; } .basket-list .bottom .voucher-codes .btn-voucher { font-size: 13px; width: 104px; padding: 8px 0px 6px 0px; margin-left: 10px; float: none; } .mobile-no-pad { padding: 0px;} #basket { border: none!important;} .product-thumb { float: none; } #internal-module .basketinfo h4 { font-size: 17px; } #basketmodal .modal-header h2 { font-size: 28px; line-height: 34px; padding: 0px 35px 0px 0px; } #basketmodal .modal-footer .btn-modal-grey { width: auto; padding: 10px 22px; } #basketmodal .modal-footer .btn-modal-gold { width: auto; } .basketcontent .pad-left { padding: 0px; } .basketcontent .pad-right { padding: 0px; } } @media screen and (max-width: 550px) { #basketmodal .btn { width: 100%!important; float: none; margin-bottom: 15px; } #basketmodal .btn-modal-gold { margin: 0px; } } @media screen and (max-width: 500px) { #internal-small-header h2 { font-size: 34px; } .basket-list li.no-border.no-height { min-height: auto; } .basket-list li span { float: left!important; min-width: 0px!important; } .basket-list li a { float: right; margin-left: 5px; } #internal-module .btn-modal-grey { width: 100%!important; margin-bottom: 15px!important; } #internal-module .btn-grey { width: 100%; margin-bottom: 15px!important; } #internal-module .btn-modal-blue { width: 100%; margin-bottom: 15px!important; } #internal-module .btn-modal-gold { width: 100%; margin-bottom: 15px!important; } #internal-module .step-4.btn { width: 100%; margin-left: 0px; margin-right: 0px; } #internal-module .btn-grey.right { width: auto; } #internal-module .mobile-top { margin-top: -115px!important; } #internal-module .mobile-bottom { margin-top: 65px!important; margin-bottom: 18px !important; } #internal-panel .btn-modal-grey { width: 100%; margin-bottom: 15px; } #internal-panel .btn-modal-blue { width: 100%; margin-bottom: 15px; } #internal-panel .btn-modal-gold { width: 100%; margin-bottom: 15px; } #payment .modal-header h4 { font-size: 26px; } #payment .btn-warning { width: 100%; margin-bottom: 20px; } #payment .btn-danger { width: 100%; margin-bottom: 0px; } .basket-list h2 {min-width: 100px; } #deleteLine .modal-header h2 { font-size: 26px; margin-top: 2px; } }