/** * Magento Enterprise Edition * * NOTICE OF LICENSE * * This source file is subject to the Magento Enterprise Edition License * that is bundled with this package in the file LICENSE_EE.txt. * It is also available through the world-wide-web at this URL: * http://www.magentocommerce.com/license/enterprise-edition * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package enterprise_default * @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com) * @license http://www.magentocommerce.com/license/enterprise-edition */ /* Widgets =============================================================================== */ .widget { display:inline; } .widget .widget-title { margin:10px 0; } .widget .widget-title h2 { font-size:18px; color:#d12c01; } .widget .widget-products { margin:0 -20px 0; } .cms-home .col1-layout .widget .widget-products, .cms-index-index .col1-layout .widget .widget-products { margin:0 0 20px; } .col-main > .widget { display:block; margin:40px 0 0; } .col-main > .widget + .widget { margin-top:20px; } /* std class reset */ .widget .products-grid { list-style:none; margin-bottom:0; padding-left:20px; } .widget .products-grid p, .widget .products-list p { margin-bottom:0; } .widget .products-list { list-style:none; margin-bottom:0; padding-left:0; } .widget .add-to-links { list-style:none; padding-left:0; margin:5px 0; } /* Widget Banner */ .widget-banner { clear:both; display:block; width:100%; overflow:hidden; text-align:center; } .widget-banner li { margin:7px 0; } .top-container .widget-banner li { margin:0; } .footer-before-container .widget-banner li { margin:0; } .widget-banner-inline { display:block; clear:both; padding:7px 0; text-align:center; } .widget-banner-inline ul, .widget-banner-inline li { display:inline; } .widget-banner-inline li { margin:0 3px; } .widget-banner-inline li img { vertical-align:middle; } /* Widget New Proructs */ .widget-new-products { display:block; margin:10px 0; } .checkout-cart-index .col1-layout .widget-new-products { display:block; padding:0 20px; } /* Widget Viewed Proructs */ .widget-viewed { display:block; margin:10px 0; } .checkout-cart-index .col1-layout .widget-viewed { display:block; padding:0 20px; } /* Widget Compared Proructs */ .widget-compared { display:block; margin:10px 0; } .checkout-cart-index .col1-layout .widget-compared { display:block; padding:0 20px; } /* Widget CMS Static Block */ .widget-static-block {} /* Widget Catalog Events Carousel */ .widget-events { display:block !important; } /* Widgets Links Common Styles */ /* Style 1 */ /*.top-container .widget-product-link, .top-container .widget-category-link, .top-container .widget-cms-link, .top-container .widget-hierarchy-link { float:left; border:1px solid #cfcfcf; border-bottom-color:#b2b2b2; margin:13px -1px 0 0; } .top-container .widget-product-link a, .top-container .widget-category-link a, .top-container .widget-cms-link a, .top-container .widget-hierarchy-link a { float:left; font-size:12px; background:#f2f2f2; border-top:1px solid #fff; border-bottom:1px solid #e2e2e2; padding:2px 5px 4px; color:#cc7137; text-decoration:underline; white-space:nowrap; } .top-container .widget-product-link a:hover, .top-container .widget-category-link a:hover, .top-container .widget-cms-link a:hover, .top-container .widget-hierarchy-link a:hover { color:#1e75b4; text-decoration:none; }*/ /* Style 2 */ .top-container .widget-product-link, .top-container .widget-category-link, .top-container .widget-cms-link, .top-container .widget-hierarchy-link { display:block; border-bottom:1px solid #e2e2e2; margin:7px 0; } .top-container .widget-product-link a, .top-container .widget-category-link a, .top-container .widget-cms-link a, .top-container .widget-hierarchy-link a { display:block; padding:12px 12px; background:#fff url(../images/bkg_widget-links.gif) 0 100% repeat-x; border:1px solid #cfcfcf; text-align:center; font:bold 15px/1.25 Arial, Helvetica, sans-serif; color:#444; text-decoration:none; } .top-container .widget-product-link a:hover, .top-container .widget-category-link a:hover, .top-container .widget-cms-link a:hover, .top-container .widget-hierarchy-link a:hover { color:#d53c00; text-decoration:none; } .footer-before-container .widget-product-link, .footer-before-container .widget-category-link, .footer-before-container .widget-cms-link, .footer-before-container .widget-hierarchy-link { display:block; border-bottom:1px solid #e2e2e2; margin:7px 0; } .footer-before-container .widget-product-link a, .footer-before-container .widget-category-link a, .footer-before-container .widget-cms-link a, .footer-before-container .widget-hierarchy-link a { display:block; padding:10px 12px; background:#fff url(../images/bkg_widget-links.gif) 0 100% repeat-x; border:1px solid #cfcfcf; text-align:center; font:bold 15px/1.25 Arial, Helvetica, sans-serif; color:#444; text-decoration:none; cursor:pointer; } .footer-before-container .widget-product-link a:hover, .footer-before-container .widget-category-link a:hover, .footer-before-container .widget-cms-link a:hover, .footer-before-container .widget-hierarchy-link a:hover { color:#d53c00; text-decoration:none; } /* Widget Product Link */ .widget-product-link-inline { display:inline; } .col-main .widget-product-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-product-link a { font-size:12px; background:url(../images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-product-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-product-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(../images/bkg_widget-product-link-icon.gif) 17px 3px no-repeat;*/ } .sidebar .widget-product-link a { font-size:12px; background:url(../images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-product-link a:hover { color:#333; text-decoration:none; } /* Widget Category Link */ .widget-category-link-inline { display:inline; } .top-container .widget-category-link { border-bottom:0; } .top-container .widget-category-link a { border-color:#ca3934; color:#d53c00; background-image:url(../images/bkg_widget-links2.gif); background-color:#f9d2c1; } .top-container .widget-category-link a:hover { color:#fff; } .col-main .widget-category-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-category-link a { font-size:12px; background:url(../images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-category-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-category-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(../images/bkg_widget-category-link-icon.gif) 19px 3px no-repeat;*/ } .sidebar .widget-category-link a { font-size:12px; background:url(../images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-category-link a:hover { color:#333; text-decoration:none; } /* Widget CMS Page Link */ .widget-cms-link-inline { display:inline; } .col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-link a { font-size:12px; background:url(../images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-cms-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-cms-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(../images/bkg_widget-cms-link-icon.gif) 19px 2px no-repeat;*/ } .sidebar .widget-cms-link a { font-size:12px; background:url(../images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-cms-link a:hover { color:#333; text-decoration:none; } /* Widget CMS Hierarchy Link */ .widget-cms-hierarchy-link-inline { display:inline; } .col-main .widget-cms-hierarchy-link { display:block; text-align:right; margin:7px 0; } .col-main .widget-cms-hierarchy-link a { font-size:12px; background:url(../images/bkg_widget-link.gif) 100% 4px no-repeat; padding-right:15px; color:#333; text-decoration:underline; } .col-main .widget-cms-hierarchy-link a:hover { color:#333; text-decoration:none; } .sidebar .widget-cms-hierarchy-link { display:block; margin:10px 0; padding:0 17px/* 0 37px*/; /*background:url(../images/bkg_widget-cms-link-icon.gif) 19px 2px no-repeat;*/ } .sidebar .widget-cms-hierarchy-link a { font-size:12px; background:url(../images/bkg_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; color:#333; text-decoration:underline; } .sidebar .widget-cms-hierarchy-link a:hover { color:#333; text-decoration:none; } /* Widget SKU */ /* .widget-sku {} */ /* ======================================================================================= */ /* ======================= Improved One Page Checkout with tabs ======================== */ .block-progress .block-title { background:none; margin:0 0 34px; padding:0; } .checkout-onepage-index .col-main { padding:0; border:0; } .checkout-onepage-index .page-title { padding-right:40px; width:auto; } .checkout-onepage-index .page-title h1 { background:none; padding:0; } .opc { position:relative; overflow:hidden; height:1100px; padding-top:20px; text-align:center; border:1px solid #BBAFA0; background:#F9F3E3; } .opc .buttons-set { margin:15px 0 0; opacity:1!important; } .opc .buttons-set p.required { margin:0; padding:0 0 10px; } .opc .buttons-set .back-link { display:none; } .opc .buttons-set .please-wait { position:absolute; z-index:99; top:30%; left:50%; margin:-80px 0 0 -146px; border:5px solid #f3b66f; font-size:12px; background:#fff; padding:30px; white-space:nowrap; border:1px solid #c0c0c0; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 50px rgba(0,0,0,0.2); box-shadow:0 0 50px rgba(0,0,0,0.2); } .opc .buttons-set a { color:#214D90; } .opc .ul { list-style:disc outside; padding-left:18px; } .opc li.section { display:inline; } .opc .step-title,.opc .allow .step-title { border:1px solid #F9F3E3; height:69px } .opc .step { padding:30px 20px; position:absolute; border:0; top:110px; left:0; z-index:1; background:#FBFAF6; width:605px; height:1100px; border-bottom:1px dotted #ccc; border:none; width:643px; text-align:left; border-top:1px solid #BBAFA0; } .opc .step-title .number,.opc .allow .step-title .number,.opc .active .step-title .number { float:none; display:block; margin:0 auto; margin-bottom:10px; } .opc .step-title { position:relative; float:left; text-align:center; padding:15px 11px 0; margin-left:-1px; background:none; } .opc .step-title a { display:none; } .opc .step-title .number { background:#ccc; color:#fff; width:30px; height:30px; line-height:30px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; margin-bottom:10px; padding:0; border:0; } .opc .step-title h2 { font-size:12px; color:#bbb; clear:both; } .opc .allow .step-title { cursor:pointer; background:none; } .opc .allow .step-title .number { background:#000; color:#fff; } .opc .allow .step-title h2 { color:#000; } .opc .active .step-title { color:#ef0606; cursor:default; border:1px solid #BBAFA0; border-bottom:1px solid #FBFAF6; z-index:2; background:#FBFAF6 url(../images/bkg_checkout.gif) 0 0 repeat-x; } .opc .active .step-title .number { background:#F18200; border-color:#fff; color:#fff; } .opc .active .step-title h2 { color:#F18200; } .opc .step-title h2,.opc .allow .step-title h2,.opc .active .step-title h2 { width:100%; text-align:center; } .opc .step-title { width:16%; } .opc .form-list .field,.opc .form-list .wide { } .opc .form-list li fieldset { margin-bottom:40px; } .opc .form-list label { float:left; width:220px; text-align:right; padding:4px 0 0; } .opc .form-list label.required em { float:none; position:relative; right:4px; } .opc .form-list li.fields { margin:0; } .opc .form-list div.fields { width:100%; overflow:hidden; margin:0 0 8px; } .opc .form-list .wide,.opc .form-list li.fields .field { width:645px; margin:0 0 0px; } .opc .form-list li.wide .input-box,.opc .form-list .input-box { clear:none; float:right; width:385px; } .opc .form-list li.wide select { width:390px; } .opc .form-list li.wide input.input-text { width:254px; } .opc .form-list .control input { margin:8px 0 0 25px; } .opc .form-list li.control label { float:left; } .opc form .form-list li.wide { margin-bottom:8px; } .opc form .address-select { margin:8px 0 40px; } .opc:first-of-type .step{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .opc:first-of-type .step[style*='display:none;'], .opc:first-of-type .step[style*='display: none;']{display:block !important;} .opc:first-of-type .section .step{left: 100%;} .opc:first-of-type .allow .step{left: -100%;} .opc:first-of-type .active .step{left:0;} .opc:first-of-type li:last-child .step-title a{width:50%} .opc:first-of-type li:first-child .step-title a{width:50%;left:50%} #opc-login p.required { display:none; } #opc-login h3 { margin-bottom:18px; } #opc-login .col-2 { float:left; } #opc-login .col-2 form fieldset h4 { display:none; } #opc-login .col-2 { display:block; width:300px; } #opc-login .col-2 fieldset { width:300px; } #opc-login .col-2 .input-box { width:188px; margin:0; float:left; } #opc-login .col-2 .input-text { width:182px; } #opc-login .col-2 .form-list label { text-align:left; } #opc-login .col-2 .form-list label { width:110px; } #opc-login .form-list li.control label { float:none; } #opc-login .form-list li.control input { margin:0 8px 0 0; } #opc-login .col-1 { float:right; } #opc-login .col-1 { width:290px; } #opc-login .col-1 h4,#opc-login .col-1 .ul { display:none; } #checkout-step-review.step { width:645px; } #opc-review .step { padding:30px 20px; border-top:1px solid #BBAFA0; } #opc-review .product-name { font-weight:bold; color:#0a263c; } #opc-review .item-options { margin:5px 0 0; } #opc-review .buttons-set { padding:20px 0; border:0; } #opc-review .buttons-set p { margin:0; line-height:40px; } #opc-review .buttons-set .please-wait { height:40px; line-height:40px; } #opc-shipping_method .buttons-set { border-top:0px solid #E4E4E4; } /* ================================= Solution by www.h-o.nl =============================== */ #billing-new-address-form .add-field .input-box { margin-left:230px; } #shipping-new-address-form .input-box #shipping:street2 { margin-left:230px; } /* ==================== Improved One Page Checkout with progressbar ===================== */ .block-progress .block-title { background:none; margin:0 0 34px; padding:0; } .checkout-onepage-index .col-main { padding:0; border:0; } .checkout-onepage-index .page-title { padding-right:40px; width:auto; } .checkout-onepage-index .page-title h1 { background:none; padding:0; } .opc { position:relative; overflow:hidden; height:1100px; padding-top:20px; text-align:center; border:1px solid #BBAFA0; background:#F9F3E3; } .opc .buttons-set { margin:15px 0 0; opacity:1!important; } .opc .buttons-set p.required { margin:0; padding:0 0 10px; } .opc .buttons-set .back-link { display:none; } .opc .buttons-set .please-wait { position:absolute; z-index:99; top:30%; left:50%; margin:-80px 0 0 -146px; border:5px solid #f3b66f; font-size:12px; background:#fff; padding:30px; white-space:nowrap; border:1px solid #c0c0c0; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 50px rgba(0,0,0,0.2); box-shadow:0 0 50px rgba(0,0,0,0.2); } .opc .buttons-set a { color:#214D90; } .opc .ul { list-style:disc outside; padding-left:18px; } .opc li.section { display:inline; } .opc .step-title,.opc .allow .step-title { border-color:#FBFAF6; } .opc .step { padding:30px 20px; position:absolute; border:0; top:100px; left:0; z-index:1; background:#fff; width:917px; height:1100px; border-bottom:1px dotted #ccc; border:none; text-align:left; } .opc .step-title .number,.opc .allow .step-title .number,.opc .active .step-title .number { float:none; display:block; margin:0 auto; margin-bottom:10px; } .opc .step-title a { display:none; } .opc .step-title .number { background:#fff; color:#ccc; width:30px; height:30px; line-height:30px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; margin-bottom:10px; padding:0; border:0; position:relative; z-index:1; } .opc .step-title h2 { font-size:12px; color:#bbb; clear:both; margin-bottom:10px; } .opc .allow .step-title .number { background:#000; border-color:#fff; color:#fff; } .opc .allow .step-title h2 { color:#000; } .opc .active .step-title .number { background: #AA8A37; } .opc .active .step-title h2 { color:#000; } .opc .step-title,.opc .allow .step-title,.opc .active .step-title { position:relative; text-align:center; border:none; background:none; padding:0; overflow:hidden!important; height:80px; display:inline-block; vertical-align:top; } .opc .step-title,.opc .allow .step-title,.opc .active .step-title { *display:block; *float:left; } .opc .step-title h2,.opc .allow .step-title h2,.opc .active .step-title h2 { width:50px; text-align:center; } .opc .step-title { width:150px;text-align:center; } .opc .step-title h2 { width:50px;margin:0 auto; } .opc .form-list .field,.opc .form-list .wide { } .opc .form-list li fieldset { margin-bottom:40px; } .opc .form-list label { float:left; width:200px; text-align:left; padding:4px 0 0; } .opc .form-list .form-alt label { float:left; width:600px; text-align:left; padding:4px 0 0; } .opc .form-list label.required em { float:none; position:relative; right:4px; } .opc .form-list li.fields { margin:0; } .opc .form-list div.fields { width:100%; overflow:hidden; margin:0 0 8px; } .opc .form-list .wide,.opc .form-list li.fields .field { width:645px; margin:0 0 0px; } .opc .form-list li.wide .input-box,.opc .form-list .input-box { clear:none; float:left; width:385px; } .opc .form-list li.wide select { width:390px; } .opc .form-list li.wide input.input-text { width:374px; } .opc .form-list .control input { margin:8px 0 0 25px; } .opc .form-list li.control label { float:left; } .opc form .form-list li.wide { margin-bottom:8px; } .opc form .address-select { margin:8px 0 40px; } .opc:first-of-type .step{-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .opc:first-of-type .step[style*='display:none;'], .opc:first-of-type .step[style*='display: none;']{display:block !important;} .opc:first-of-type .section .step{left: 100%;} .opc:first-of-type .allow .step{left: -100%;} .opc:first-of-type .active .step{left:0;} .opc:first-of-type li:last-child .step-title a{width:50%} .opc:first-of-type li:first-child .step-title a{width:50%;left:50%} .opc:first-of-type .step-title a { display:block;height:1px;border-bottom:1px dashed #ccc; width:100%; text-indent:-3000px; position: absolute;top:15px;z-index: 0} .opc:first-of-type .allow .step-title a {} #opc-login p.required { display:none; } #opc-login h3 { margin-bottom:18px; } #opc-login .col-2 { float:left; } #opc-login .col-2 form fieldset h4 { display:none; } #opc-login .col-2 { display:block; width:300px; } #opc-login .col-2 fieldset { width:300px; } #opc-login .col-2 .input-box { width:188px; margin:0; float:left; } #opc-login .col-2 .input-text { width:182px; } #opc-login .col-2 .form-list label { text-align:left; } #opc-login .col-2 .form-list label { width:110px; } #opc-login .form-list li.control label { float:none; } #opc-login .form-list li.control input { margin:0 8px 0 0; } #opc-login .col-1 { float:left; } #opc-login .col-1 { width:478px;margin:0 0 0 30px; } #opc-login .col-1 h4,#opc-login .col-1 .ul { display:none; } #checkout-step-review.step { width:916px; } #opc-review .step { padding:30px 20px; border-top:0px solid #BBAFA0; } #opc-review .product-name { font-weight:bold; color:#0a263c; } #opc-review .item-options { margin:5px 0 0; } #opc-review .buttons-set { padding:20px 0; border:0; } #opc-review .buttons-set p { margin:0 25px 0 0; line-height:40px; } #opc-review .buttons-set .please-wait { height:40px; line-height:40px; } #opc-shipping_method .buttons-set { border-top:0px solid #E4E4E4; } #checkoutSteps li { margin:1px 0 ; } #checkoutSteps li label{ padding:5px 10px 0 0; } /* ================================= Solution by www.h-o.nl =============================== */ .checkout-onepage-index .page-title { display:none; } #checkout-step-login ul{ list-style-type: disc; margin: 3px 0 2px 20px; } ul.form-list{ list-style-type: none !important; } .continue-shopping-cart { float:left; position:relative; width:625px; left:10px; top:5px; } .continue-shopping-cart .btn-continue { background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#000000 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ border: 1px solid #000000 !important; text-shadow: 0 1px #000000 !important; padding: 6px !important; width: 169px; float:left; border-radius: 5px 5px 5px 5px; } .continue-shopping-cart .free-message { border-radius: 5px 5px 5px 5px; background: #ebe5d7; /* Old browsers */ background: -moz-linear-gradient(top, #ebe5d7 0%, #ebe5d7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebe5d7), color-stop(100%,#ebe5d7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ebe5d7 0%,#ebe5d7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ebe5d7 0%,#ebe5d7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ebe5d7 0%,#ebe5d7 100%); /* IE10+ */ background: linear-gradient(to bottom, #ebe5d7 0%,#ebe5d7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe5d7', endColorstr='#ebe5d7',GradientType=0 ); /* IE6-9 */ border: 1px solid #ebe5d7 !important; text-shadow: 0 1px #ebe5d7 !important; padding: 7px !important; width: 357px; float:left; margin-left:80px; } .dashboard .btn-continue { background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#000000 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ border: 1px solid #000000 !important; text-shadow: 0 1px #000000 !important; padding: 6px !important; width: 169px; float:right; position:relative; top:-36px; border-radius: 5px 5px 5px 5px; } #checkout-step-billing, #checkout-step-shipping { background:#ffffff url(../images/billing-image.png) right 0 no-repeat; } #billing-buttons-container, #shipping-buttons-container { width:200px; margin:0 0 10px 512px; } #checkout-step-shipping_method { background:#ffffff url(../images/shipping-method-bg.png) right 0 no-repeat; } .sp-methods dt { font-weight:bold; } .shipping, .cart .page-title, #shopping-cart-table .link-wishlist, #empty_cart_button { display:none !important; } #topCartContent .actions { background: #000000 !important; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#000000 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ border: 1px solid #000000 !important; text-shadow: 0 1px #000000 !important; padding: 11px !important; width: 130px; color:#ffffff; float:left; margin:-50px 0 10px 10px; border-radius: 5px 5px 5px 5px; } #topCartContent .actions a span { color:#ffffff; } .btn-update { background: #000000 !important; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#000000 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ border: 1px solid #000000 !important; text-shadow: 0 1px #000000 !important; padding: 5px !important; width: 172px; color:#ffffff; margin-right:30px !important; border-radius: 5px 5px 5px 5px; } #checkout-step-billing p.required { display:none; } #opc-billing .add-field { margin:0 0 0 -20px !important; } #opc-shipping .add-field { margin:0 0 0 40px !important; } .sp-methods dd ul li { padding:3px 0; } #allow-gift-options-for-order-container { width: 338px; } #allow-gift-options-for-order-container label { width: 338px; } #allow-gift-options-for-order-container .input-text{ width: 290px; } #checkout-payment-method-load .a-right { text-align:right; } #review-buttons-container .f-left { display:none; } .continue-shopping-cart-payment { padding:0 0 50px 0;margin-top:-50px; } .continue-shopping-cart-payment .continue-shop { border-radius: 5px 5px 5px 5px; background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#000000 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ border: 1px solid #000000 !important; text-shadow: 0 1px #000000 !important; padding: 7px !important; width: 122px; float:left; margin-left:10px; } .continue-shopping-cart-payment .free-message{ border-radius: 5px 5px 5px 5px; background: #ebe5d7; /* Old browsers */ background: -moz-linear-gradient(top, #ebe5d7 0%, #ebe5d7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebe5d7), color-stop(100%,#ebe5d7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ebe5d7 0%,#ebe5d7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ebe5d7 0%,#ebe5d7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ebe5d7 0%,#ebe5d7 100%); /* IE10+ */ background: linear-gradient(to bottom, #ebe5d7 0%,#ebe5d7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe5d7', endColorstr='#ebe5d7',GradientType=0 ); /* IE6-9 */ border: 1px solid #ebe5d7 !important; text-shadow: 0 1px #ebe5d7 !important; padding: 7px !important; width: 357px; float:left; margin-left:131px; } .continue-shopping-cart-payment .edit-cart { border-radius: 5px 5px 5px 5px; background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#000000 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ border: 1px solid #000000 !important; text-shadow: 0 1px #000000 !important; padding: 7px !important; width: 86px; float:right; margin-left:87px; } .continue-shopping-cart-payment .continue-shop a, .continue-shopping-cart-payment .edit-cart a { color:#fff; font-weight:bold; font:14px; } .continue-shopping-cart-payment .continue-shop a:hover, .continue-shopping-cart-payment .edit-cart a:hover { color:#AA8A37; } #discount-coupon-form .button, .my-account .button, #checkout_multishipping_form .button, #giftcard-form button, #viewmycart { border-radius: 5px 5px 5px 5px; background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#000000 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ border: 1px solid #000000 !important; text-shadow: 0 1px #000000 !important; margin-left:7px; } #viewmycart { width:140px; float:right; margin:15px 20px 0 0; padding:10px; clear:both; } #discount-coupon-form .button span { padding:0 0 0 17px !important; } .control { margin:0 0 0 33px !important; } #billing-new-address-form .control { margin:0 0 0 0px !important; } #p_method_checkmo, .p_method_checkmo, #p_method_checkmo_label, .p_method_checkmo_label { display:none !important; } #checkout-step-login ul.messages { list-style-type:none;width:383px; } #checkout-review-table-wrapper { height:200px;overflow:scroll; } div.transbox { width:310px; height:36px; margin:0px; position:relative; float:left; top:-35px; background-color:#000000; border:0px solid black; opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */ } div.transbox p { margin:30px 40px; font-weight:bold; color:#000000; } .outofstockbutton { background: none repeat scroll 0 0 #AA8A37; border: 0 solid #638738; border-radius: 5px 5px 5px 5px; box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.1); color: #FFFFFF; display: inline; font-family: Buenard; font-size: 15px; margin: 5px 0; padding: 8px 9px; text-shadow: 0 0 #638738; } .cms-loose-tea-sachets-or-teabags .breadcrumbs { display:none; } #giftcard-form { width: 370px; } .cms-loose-tea-sachets-or-teabags .headimg { margin-left:-20px; }