/** * 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 */ /* Reset ================================================================================= */ * { margin:0; padding:0; } body { background:#f6f6f6; font:12px/1.35 Arial, Helvetica, sans-serif; color:#646464; text-align:center; font-family: 'swatch_ct_regular-webfont',Arial, Helvetica, sans-serif } body.cms-index-index{background:#ebebeb;} img { border:0; vertical-align:top; } a { color:#646464; text-decoration:none; } a:hover { text-decoration:none;color:#e2001a } :focus { outline:0; } /* font face ================================================================================ */ /*@font-face { font-family: 'SwatchCTOfficeRegular'; src: url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_office_regular.eot'); src: url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_office_regular.eot?#iefix') format('embedded-opentype'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_office_regular.woff') format('woff'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_office_regular.ttf') format('truetype'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_office_regular.svg#SwatchCTOfficeRegular') format('svg'); }*/ @font-face { font-family: 'swatch_ct_regular-webfont'; src: url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_regular-webfont.eot'); src: url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_regular-webfont.eot?#iefix') format('embedded-opentype'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_regular-webfont.woff') format('woff'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_regular-webfont.ttf') format('truetype'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_regular-webfont.svg#swatch_ct_regular-webfont') format('svg'); } @font-face { font-family: 'swatch_ct_webregular'; src: url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_web_regular-webfont.eot'); src: url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_web_regular-webfont.eot?#iefix') format('embedded-opentype'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_web_regular-webfont.woff') format('woff'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_web_regular-webfont.ttf') format('truetype'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_web_regular-webfont.svg#swatch_ct_webregular') format('svg'); } @font-face { font-family: 'swatch_ct_webbold'; src: url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_web_bold-webfont.eot'); src: url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_web_bold-webfont.eot?#iefix') format('embedded-opentype'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_web_bold-webfont.woff') format('woff'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_web_bold-webfont.ttf') format('truetype'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_web_bold-webfont.svg#swatch_ct_webbold') format('svg'); } @font-face { font-family: 'swatch_ctbold'; src: url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_bold-webfont.eot?#iefix'); src: url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_bold-webfont.eot') format('embedded-opentype'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_bold-webfont.woff') format('woff'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_bold-webfont.ttf') format('truetype'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_bold-webfont.svg#swatch_ctbold') format('svg'); } /* Headings */ h1 { font-size:28px;line-height:29px } h2 { font-size:22px; text-transform:uppercase;margin-bottom:15px; } h3 { font-size:18px; margin-bottom:15px;text-transform:uppercase;} h4 { font-size:15px; text-transform:uppercase; } h5 { font-size:12px;} h6 { font-size:11px;} h1, h2, h3, h4, h5, h6{font-weight:normal; color:#000000;font-family: 'swatch_ctbold',Arial, Helvetica, sans-serif;} /* Forms */ form { display:inline;} fieldset { border:0; } legend { display:none; } /* Table */ table { border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Content */ address { font-style:normal; font-family:swatch_ct_webregular,Arial, Helvetica, sans-serif;font-size:14px;} cite { font-style:normal; } q, blockquote { quotes:none; } q:before, q:after { content:''; } small { font-size:10px; } big { font-size:1.2em; } /*sup { font-size:1em; vertical-align:top; }/*/ /* Lists */ ul,ol { list-style:none; } ul li { list-style:none; } /* Tools */ .hidden { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; } .nobr { white-space:nowrap !important; } .wrap { white-space:normal !important; } .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .v-top { vertical-align:top; } .v-middle { vertical-align:middle; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .f-fix { float:left; width:100%; } .no-display { display:none; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* ======================================================================================= */ /* Layout ================================================================================ */ .catalog-product-view,.catalog-product-view .header-panel{background:#f6f6f6} .catalog-product-view .add-to-box{min-height:107px;}/*IE align*/ .catalog-product-view .add-to-cart{min-height:160px;}/*IE align */ .page { /*width:1024px; */margin:0 auto; text-align:center; } .page, .header-container .header-inner,.collateral-tabs .content_nav{width:1280px} .tooltip{position:relative;display:block;} .tooltip span{font-size: 12px;font-family: 'swatch_ct_webregular', Arial, Helvetica, sans-serif;float: left;position: absolute;background: white;border: 1px solid #EEEEEE;width:100px;} .page .container{margin:0 auto; } .page-print { background:#fff; padding:20px; text-align:left; } .page-popup { padding:20px; text-align:left; } .page-empty { background:#fff; padding:20px; text-align:left; } .main { margin:0; min-height:350px; text-align:left; } .sidebar { /*min-height:350px;*/ } /* Base Columns */ .col-left { float:left; width:182px; padding:0 0 0; margin:0 0 -1px; } .col-main { float:left; width:715px; padding:0 20px 20px; } .col-right { float:right; width:182px; padding:0 0 0; margin:0 0 -1px; } .main.void_result{margin:30px 0;background:#ffffff;} /* 1 Column Layout */ .col1-layout .col-main {float:none; width:auto;padding:30px 0 0;} .col1-layout .breadcrumbs { margin-bottom:0 !important; } /* 2 Columns Layout */ .col2-left-layout {padding:54px 0 30px; overflow:hidden; } .col2-left-layout .col-main { float:right;/*width:950px;*/width:74.21875%;padding:0; } .col2-left-layout .col-left{/*width:296px;*/width:23.125%;position:relative} .col2-left-layout .col-left-cat {padding-top:164px;} .col2-left-layout .col-left .block{padding:0 0 30px 0;margin:0;} .col2-right-layout { } .col2-right-layout .col-main {} /* 3 Columns Layout */ .col3-layout { background-position:0 0; } .col3-layout .col-main { width:532px; margin-left:1px; display:inline; } .col3-layout .col-wrapper { float:left; width:755px; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set .col-1 { float:left; width:49%; } .col2-set .col-2 { float:right; width:49%; } .col2-set .narrow { width:33%; } .col2-set .wide { width:65%; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button {vertical-align:middle; color:#646464;font-family: 'swatch_ct_webregular', Arial, Helvetica, sans-serif; font-size:15px; /* -webkit-appearance: none;appearance:none*/} input.input-text,select,textarea { background:#ebebed; border:1px solid #c7c7c7; } input.input-text,textarea, select { padding:2px 2px; background:#ebebed;-webkit-appearance: none; -moz-appearance: none;border-radius: 0; } select{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/select-dn.png) no-repeat 95% center;} input[type=text]::-ms-clear, input[type=search]::-ms-clear { display: none;width:0;height:0 } input[type="text"]{height:20px;padding:10px 15px;background:#ebebed;border:0;} input:focus,textarea:focus{ -webkit-tap-highlight-color: rgba(0,0,0,0); } select::-ms-expand { display: none; } select option { padding-right:10px; } select.multiselect option { padding:2px 2px; border-bottom:1px solid #bbb; } select.multiselect option:last-child { border-top:0; } textarea { overflow:auto; resize:vertical; } textarea.default-value { color:#ddd; } input.radio, input.checkbox { margin-right:3px; font-size:11px !important; margin-top:2px; vertical-align:top; } input.radio { font-size:10px !important; } input.qty { width:2.5em !important; } input.disabled { background:#f6f6f6 !important; color:#bbb !important; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ button.button { border:0; padding:0; margin:0; background:transparent; /* line-height:21px; */ overflow:visible; cursor:pointer; vertical-align:middle; } a.button, button.button span, p.back-link a{padding-left:15px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;} a.button, button.button span, a.button span, button.button span span {background:#e2001a;height:45px;display:block;line-height:46px;font-family: 'swatch_ct_regular-webfont',Arial, sans-serif;font-size:16px;text-transform:uppercase;color:#ffffff} button.button span span { padding-right:15px;padding-left:0;} a.button:hover, button.button:hover span, a.button:hover span, button.button:hover span span{background:#ececec;color:#e2001a} a.button, button.button span { } a.button span, button.button span span { min-width:90px;} .button:active { bottom:-1px; right:-1px; position:relative; z-index:2; } button.button:active span span { margin:0; } button.btn-small span { font-size:11px; line-height:14px; padding:1px 9px 0; } button.disabled { cursor:default !important; bottom:0 !important; right:0 !important; } button.disabled span { cursor:default !important; color:#bbb !important; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#eee; }*/ /* Form Validation */ .validation-advice { clear:both; font-size:11px !important; padding:3px 0 0 !important; color:#d91a00 !important; } .product-options .validation-error .options-list, .validation-failed { border:3px solid #e2001a !important; } input.input-text.validation-failed, textarea.validation-failed { } input.input-text.validation-failed{padding:0 12px !important;height:24px !important;} span.validation-passed, div.validation-passed { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_ok.gif) 100% 2px no-repeat; padding-right:20px; } span.validation-error, div.validation-error { } .required em { margin-right:4px; } p.required { margin:0; padding:5px 0 7px; text-align:right; width:620px; font-size:11px; color:#f02800; } .form-list .validation-advice { width:250px; margin-right:-250px; } .validation-error-msg{position:absolute;} .validation-error-msg p{color:#e2001a;font-family: 'swatch_ctbold', Arial, sans-serif;font-size:12px;} .validation-error-msg p span{text-decoration:underline} /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } .v-fix-gap{width:24px;text-align:center;color:#000000;line-height:24px;background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/select-sep.png) no-repeat center center;height:30px;} /* Fieldset */ .fieldset { font-size:12px; margin:0 0 16px; } .fieldset p { margin:0 0 1.5em; text-align: justify;} .fieldset h2.legend { margin:0 0 1.5em; color:#000; font-family: 'swatch_ct_regular-webfont', Arial, sans-serif;} /* Form lists */ .form-list {} .form-list li { margin:0 0 9px; vertical-align:top; } .form-list label { float:left; width:225px; padding:2px 15px 0 0; font-size:15px; text-align:right; } .form-list .value { float:left; padding:2px 0 0; } .form-list .note { clear:both; /*font-size:11px; */width:380px; margin:0; padding:3px 0 0 240px; } .form-list span.label { font-weight:normal; } .form-list .input-box { float:left; /* width:256px; */ position:relative} .form-list .input-box a { font-size:11px; margin-top:6px; } .form-list .input-box .btn-info{position:absolute;right:8px;top:0;} .form-list .forgotten-password{font-size:11px; text-align: left;} .form-list input.input-text, .form-list textarea { float:left; /*width:374px;*/ vertical-align:top;border:0;background:#ececec;font-size:15px;padding:0 15px; } .form-list input.input-text{vertical-align:middle} .form-list input.input-text{height:40px;line-height:40px\9;} .form-list input.input-text{border:none; } .form-list textarea { width:374px; height:158px;padding:15px } .form-list select { float:left; /*width:380px;*/ vertical-align:top;background:#F4F4F4 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/select-dn.png) no-repeat 90% center;border: 0 none;padding: 6px 5px;background:#f4f4f4\0/ } .form-list #country {background:#F4F4F4 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/select-dn.png) no-repeat 97% center !important; } #pexpress-review #shipping-address-select { float:left; /*width:380px;*/ vertical-align:top;background:#F4F4F4 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/select-dn.png) no-repeat 99% center;border: 0 none;padding: 6px 5px;background:#f4f4f4\0/ ;} .form-list #sujet-select { float:left; width:300px; vertical-align:top;background:#F4F4F4 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/select-dn.png) no-repeat 97% ;border: 0 none;padding: 6px 5px;background:#f4f4f4\0/} .form-list p { margin:0; padding:0 0 0 240px; } ul.add-row, .form-list li.add-row { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_dots.gif) repeat-x 0 0; margin-top:15px; } ul.add-row .btn-remove, .form-list li.add-row .btn-remove { font-size:0; line-height:0; padding:5px 5px 0 0; margin:0; text-align:right; } .form-list .range input.input-text { float:none; width:64px; vertical-align:middle; } .form-list .add-field .input-box { margin-left:240px } .form-list .control { position:relative; vertical-align:top; z-index:1; } /* row with checkbox or radio button */ .form-list .control label { line-height:16px; } .form-list .control .input-box { position:absolute; left:0; margin-left:240px; line-height:16px; padding-top:3px; } .form-list .control input.radio { margin-top:3px; } .form-alt label { float:none; display:inline; width:auto; } .form-alt li { margin:0 0 5px; line-height:16px; } .form-alt select { width:496px; } .form-alt .input-box { width:496px; margin-top:5px; padding-bottom:11px; } .form-alt .input-text { width:480px; } .form-list-narrow label { width:105px; } .form-list-narrow select { width:290px; } .form-list-narrow input.input-text, .form-list-narrow textarea { width:285px; } .form-list-narrow .wide { width:auto; } .form-list-narrow .add-field .input-box { margin-left:120px; } .form-list-narrow .control .input-box { margin-left:120px; } .inner-form { margin:10px 0 5px; padding:10px 0 0; border:1px dashed #d1d1d1; border-width:1px; background:#f7f7f7; } .inner-form .form-alt label { padding-left:5px; } /* Date Of Birth */ .form-list .customer-dob label { float:none; width:auto; padding:0; font-size:11px; font-weight:normal; color:#777; } .form-list .customer-dob .input-box { float:left; width:auto; margin-right:8px; } .form-list .customer-dob .input-box .validation-advice { display:none !important; } .form-list .customer-dob input.input-text { float:none; display:block; margin-bottom:2px; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-year { float:left; margin-right:8px; padding-right:0 !important; background:none !important; } .form-list .customer-dob .dob-day .validation-advice, .form-list .customer-dob .dob-month .validation-advice, .form-list .customer-dob .dob-year .validation-advice { display:none; } .form-list .customer-dob .dob-day input.input-text { width:104px; } .form-list .customer-dob .dob-month input.input-text { width:104px; } .form-list .customer-dob .dob-year { margin-right:0; } .form-list .customer-dob .dob-year input.input-text { width:138px; } /* Combination of fields */ .form-list li.fields { margin: 0; } .form-list li.fields .field {float:left; padding:0 0 9px;margin-right:30px; } .form-list li.fields .field label{width:auto;text-align:left;display:block;clear:both;float:none} /* Buttons */ .buttons-set { clear:both; margin:15px 0; } /* general for button containing block */ .buttons-set p.back-link { float:left; padding:2px 15px 0 0; text-align:right; margin:0; } a.back-link { color:#999; } .buttons-set p.back-link a { color:#999; } .buttons-set a.button, .buttons-set button.button { float:right; margin-left:7px; } .buttons-set2 { clear:both; margin:5px 0 0; padding:5px; background-color:#ededed; text-align:right; } .form-buttons { margin:0; /*width:620px;*/ } /* for button containing block under the general form */ .form-buttons .button { float:right; } .form-buttons .button { margin-left:15px; } .form-buttons p.back-link { float:left;padding:2px 15px 0 0; text-align:right; } .btn-only button.button span span{ background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon-btn-arrow.png) no-repeat 85% center;padding-right:48px;line-height:48px; } .btn-only button.button:hover span span{ background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon-btn-arrow-h.png) no-repeat 85% center;} /* Logo */ h1#swatch_logo img {width:140px;height:24px;vertical-align:middle;} /* Overrides for 3columns */ .col3-layout .form-list .note { padding-left:165px; width:280px; } .col3-layout .form-buttons p.back-link, .col3-layout .form-list label { width:150px; } .col3-layout .form-list input.input-text, .col3-layout .form-list textarea { width:274px; } .col3-layout .form-list select { width:280px; } .col3-layout .form-list .control .input-box { margin-left:165px; } .col3-layout .form-list .customer-dob .dob-day input.input-text { width:74px; } .col3-layout .form-list .customer-dob .dob-month input.input-text { width:74px; } .col3-layout .form-list .customer-dob .dob-year { margin-right:0; } .col3-layout .form-list .customer-dob .dob-year input.input-text { width:98px; } .col3-layout p.required, .col3-layout .form-buttons { width:445px; } /* Global Messages */ .messages { width:100%; overflow:hidden; text-align:left; margin-top:10px; } .messages li { margin:0 0 10px; padding:0; word-wrap:break-word; } .messages ul { padding:10px 17px 18px; margin:0 0 -11px; background-position:35px 100%; background-repeat:no-repeat; position:relative; } .messages ul li { margin:0; padding:0 0 3px; } .messages a { text-decoration:underline; } .messages a:hover { text-decoration:none; } .messages li.error-msg, .messages li.success-msg, .messages li.note-msg, .messages li.notice-msg { border-style:solid !important; border-width:1px !important; font-size:12px !important; } p.error-msg { border-style:solid !important; padding:10px; border-width:1px !important; font-size:12px !important; margin:10px 0; } p.item-msg.error{color:#d91a00;} /* Error Message */ .messages li.error-msg { border-color:#e9581f; background-color:#fff5f3; color:#d91a00; } .messages li.error-msg a { color:#d91a00; } .messages li.error-msg ul { /* background-image:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_msg-error.gif); */ } .checkoutDisabled p{border:#e9581f 1px solid; background-color:#fff5f3; color:#d91a00;margin:0 10px 10px;padding:5px;} p.error-msg { border-color:#e9581f; background-color:#fff5f3; color:#d91a00; } /* Success Message */ .messages li.success-msg { border-color:#446423; background-color:#eff5ea; color:#3d6611; } .messages li.success-msg a { color:#3d6611; } .messages li.success-msg ul { /* background-image:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_msg-success.gif); */ } /* Notification Message */ .messages li.note-msg, .messages li.notice-msg { border-color:#fcd344; background-color:#fafaec; color:#3d6611; } .messages li.note-msg a, .messages li.notice-msg a { color:#3d6611; } .messages li.note-msg ul, .messages li.notice-msg ul { /* background-image:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_msg-note.gif); */ } /* std class reset */ .std .messages { margin-top:0; } .std .messages { width:auto; list-style:none !important; padding:0 !important; margin-bottom:0 !important; } .std .messages ul { list-style:none !important; padding-left:17px !important; margin:0 0 -11px !important; } /* BreadCrumbs */ .breadcrumbs { margin:0; text-align:left; } .breadcrumbs ul{position:absolute;top:118px;z-index:99;margin:0px 0px 0px 35px;height:34px;} .breadcrumbs.hover ul{z-index:0} .breadcrumbs li { display:inline; font-family: 'swatch_ct_webregular';font-size:12px;font-weight:normal} .breadcrumbs li span, .breadcrumbs a { text-decoration:none;text-transform:capitalize } .breadcrumbs a:hover { text-decoration:underline; } /* Page Heading */ .page-title {} .page-title .link-rss { float:right; margin-top:8px; } .page-title h1, .page-title h2 {font-size:22px;text-transform:uppercase} .title-buttons { text-align:right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; } .title-buttons .link-print { float:right; margin-top:4px; } .subtitle { clear:both; padding:10px 0; font-size:18px; color:#d12c01; } .page-popup .page-title, .col-main .page-title { } .col1-layout .col-main .page-title {padding:0;} .col1-layout .col-main .cart .page-title{padding:0 0 85px 0} .col1-layout .col-main .cart .page-title h1{padding-top:14px;} .sub-title { font-size:15px; font-weight:normal; color:#000; line-height:19px; margin:0 0 10px; } .sub-title .separator { font-weight:normal; } .sub-title a { font-size:11px; font-weight:normal; text-transform:lowercase; } .section-title { font-size:14px; font-weight:normal; color:#151515; margin:0 0 5px; } /* Pager */ .pager { margin:15px 0; font-size:11px; padding:3px 0; } .pager p { margin:0 !important; } .pager select { padding:0; margin-bottom:1px; } .pager .amount { float:left; line-height:20px; } .pager .amount strong { font-weight:normal; } .pager .limiter { float:right; line-height:20px; } .pager .pages { margin:0 135px; text-align:center; color:#333; line-height:20px; } .pager .pages a { color:#8c8c8c; text-decoration:underline; } .pager .pages a:hover { color:#8c8c8c; text-decoration:none; } .pager .pages ol, .pager .pages li { display:inline; padding:0 2px; } .pager .pages .current { font-weight:bold; } .pager .pages .i-previous, .pager .pages .i-next { text-decoration:none !important; vertical-align:middle; } .pager-only { clear:both; } .pager-only .pages { margin:0; } /* Sorter */ .sorter { font-size:11px; margin:0 0 0; padding:3px 20px; background:#f5f5f5 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_pager.gif) repeat-x 0 0; border-top:1px solid #ddd; color:#333; } .sorter p { margin:0; } .sorter select { padding:0; margin-bottom:1px; } .sorter .view-mode { float:left; line-height:20px; white-space:nowrap; } .sorter .view-mode label { float:left; margin:0 5px 0 0; } .sorter .view-mode a.list-fix, .sorter .view-mode a.list, .sorter .view-mode strong.list-fix, .sorter .view-mode strong.list, .sorter .view-mode a.grid-fix, .sorter .view-mode a.grid, .sorter .view-mode strong.grid-fix, .sorter .view-mode strong.grid { float:left; width:24px; height:17px; text-align:left; text-indent:-999em; overflow:hidden; margin:2px 0 0; } .sorter .view-mode a.list { background-position:-24px 0; } .sorter .view-mode strong.list { background-position:-24px -29px; } .sorter .view-mode a.grid { background-position:0 0; } .sorter .view-mode strong.grid { background-position:0 -29px; } .sorter .view-mode a.list-fix { background-position:0 -58px; } .sorter .view-mode strong.list-fix { background-position:0 -87px; } .sorter .view-mode a.grid-fix { background-position:-24px -58px; } .sorter .view-mode strong.grid-fix { background-position:-24px -87px;; } .sorter .sort-by { float:right; line-height:20px; } .sorter .link-feed {} /* Toolbar */ .toolbar { margin-top:-1px; } .toolbar .pager { margin:0 0 0; border-width:1px 0; } .toolbar .pager ul{float:right} .toolbar .pager ul li{float:left;background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/footer_sep_dash.png) no-repeat left center;padding:0px 15px 0px 20px} .toolbar .pager ul li a{font-size:18px;font-family: 'swatch_ctbold', Arial, sans-serif;} .toolbar .pager ul li a:hover, .toolbar .pager ul li.active a{text-decoration:underline;color:#000000} .toolbar .pager ul li:first-child{background:none} .toolbar .pager ul li.next{padding-right:0;} .toolbar .pager ul li.prev a, .toolbar .pager ul li.next a{text-indent:-999999px;display:block;width:12px;height:20px;background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/arrow-pagi.png) no-repeat right top;margin-top:2px;} .toolbar .pager ul li.next a{background-position:left top} .toolbar .pager ul li.prev a{background-position:left bottom} .toolbar .pager ul li.next a:hover, .toolbar .pager ul li.next.active a{background-position:right top} .toolbar .pager ul li.prev a:hover, .toolbar .pager ul li.next.active a{background-position:right bottom} .toolbar-bottom { /*display:none;*/ } .toolbar-top{position:relative} .toolbar-top .toolbar{position:absolute;right:0;top:-40px} /* Data Table */ .table-caption { border-bottom:0; margin:-1px 0 0; background:#fff; font-size:15px; padding:3px 7px 4px; } .table-caption a {font-family:'swatch_ct_webregular', Arial, Helvetica, sans-serif;font-size:11px; text-transform:lowercase; } h2.table-caption{font-family:'swatch_ct_webregular', Arial, Helvetica, sans-serif;} .data-table { border-bottom:0; width:100%; border-collapse:collapse; } .data-table th { padding:5px 12px; font-weight:normal; white-space:nowrap; } .data-table td { padding:5px 12px; } .data-table thead {font-size:15px; } .data-table tbody {} .data-table tfoot { } .data-table tfoot td { padding:5px 12px; } .data-table tfoot th { border:none; text-transform:none; } .data-table tr.first {} .data-table tr.last {} .data-table tr:last-child td, .data-table tr:last-child th {} .data-table tbody tr:nth-child(odd), .data-table tr.odd {} .data-table tbody tr:nth-child(even), .data-table tr.even { } .data-table tbody.odd {} .data-table tbody.odd td { border-width:0 1px; } .data-table tbody.even { background-color:#f5f5f5; } .data-table tbody.even td { border-width:0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width:1px; } .data-table th .tax-flag { white-space:nowrap; font-weight:normal; } .data-table td.label, .data-table th.label { font-weight:bold; text-transform:none; border-color:#fff; } .data-table td.value { float:none !important; } .data-table .link-rss { display:block; } .page-popup .data-table td, .page-popup .data-table th { } .data-table tr.last th, .data-table tr.last td {border:0; } .page-popup .buttons-set .button { float:right; } .box-collateral .data-table{border:0;background:none;font-family: 'swatch_ctbold',Arial, Helvetica, sans-serif;font-size:15px;color:#000000; border-collapse:collapse} .box-collateral .data-table tbody tr:nth-child(2n),.box-collateral .data-table tr.even{background:none} .box-collateral .data-table td.label, .box-collateral .data-table th.label{background:none;font-weight:normal;color:#646464;} .box-collateral .data-table tr:last-child td, .box-collateral .data-table tr:last-child th{border:0;} /* Scrollbars (for webkit browsers) */ body::-webkit-scrollbar{ width:17px; background-color:#f6f6f6; } body::-webkit-scrollbar-thumb{ background-color:#e1e1e1; } body::-webkit-scrollbar-thumb:hover{ background-color:#c9c9c9; } body::-webkit-scrollbar-thumb:active{ background-color:#c9c9c9; } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; text-align:right; padding-left:20px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_collapse.gif) 0 4px no-repeat; cursor:pointer; } tr.show-details .summary-collapse { background-position:0 -53px; } tr.show-details td {} tr.summary-details td { background-color:#ede9e6; font-size:12px; padding:5px !important; } tr.summary-details-first td {} tr.summary-details-excluded { font-style:italic; } /* Shopping cart tax info */ .cart-tax-info, .cart-tax-info .cart-price { display:block; padding-right:20px; } .cart-tax-total { display:block; padding-right:20px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_collapse.gif) 100% 3px no-repeat; cursor:pointer; } .cart-tax-total-expanded { background-position:100% -54px; } /* Links */ ul.links, ul.links li { display:inline; } ul.links li .separator { margin:0 2px 0 5px; font-size:10px; color:#8f8f8f; } ul.links li.last .separator { display:none; } /* Reward Points */ .rewards { margin:-10px 0 20px; } .reward-message { display:block; margin:5px -15px 5px -15px; background:#d55721 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_rewards.gif) 5px 3px no-repeat; padding:3px 5px 3px 32px; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#fff; } .reward-message p { display:inline; margin:0 !important; } .reward-message .limit { display:block; font-size:11px; line-height:1.15; } .reward-message a { color:#ffe6dc; text-decoration:underline; } .reward-message a:hover { color:#ffe6dc; text-decoration:none; } .reward-message .price { font-size:1em; font-weight:normal; } /* Reward Points types rewrites */ .reward-review, .reward-tag, .reward-checkout { margin:0; } /* Class: std - styles for admin-controlled content */ .std ul, .std ol, .std dl, .std p, .std address, .std blockquote, .std table { margin-bottom:1em; } .std ul { list-style:disc outside; } .std ol { list-style:decimal outside; } .std ul ul { list-style-type:circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin:.5em 0; } .std dt { font-weight:bold; } .std dd { padding:0 0 0 1.5em; } .std blockquote { font-style:italic; padding:0 0 0 1.5em; } .std address { font-style:normal; } .std b, .std strong { font-weight:bold; } .std i, .std em { font-style:italic; } .std hr { margin:1.5em 0; color:#d9d9d9; } .std table { width:100%; } .std table thead { background:#e8e8e8; } .std table th { background:#f7f7f7; font-weight:bold; } .std table thead th { background:#e8e8e8; font-weight:bold; } .std table th, .std table td { padding:5px 10px; border:1px solid #d9d9d9; } .std table[border="0"] { border-width:0; } .std table[border="0"] th, .std table[border="0"] td { border-width:0; } ul.disc li { padding-left:10px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_bulletsm.gif) no-repeat 0 0.5em; } .std ul.disc li { padding-left:0; background:none; } /* Misc */ .link-rss { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_rss.gif) 100% 1px no-repeat; padding-right:18px; white-space:nowrap; } .link-rss:hover { color:#f58550; } .link-print { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_printer.gif) 0 1px no-repeat; padding:2px 0 2px 25px; white-space:nowrap; } .link-cart { font-size:11px; font-weight:bold; color:#c73615; text-decoration:underline; } .link-cart:hover { color:#c73615; text-decoration:none; } .data-table .btn-remove { display:block; margin:0 auto; width:13px; height:12px; font-size:0; line-height:0; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/btn_remove.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; cursor:pointer; } .data-table .btn-remove2 {} .cards-list dt { margin:5px 0 0; } .cards-list .offset { padding:2px 0 2px 20px; } .divider { margin:16px 0; background:#e7e7e7; font-size:0; line-height:0; height:1px; overflow:hidden; } /* Global site notices */ .global-site-notice { border:1px solid #cfcfcf; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .global-site-notice .notice-inner { width:860px; margin:0 auto; padding:12px 0 12px 80px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/i_notice.gif) 20px 25px no-repeat; text-align:left; } .global-site-notice .notice-inner p { margin:0; border:1px dotted #cccc73; padding:10px; } .global-site-notice .notice-inner .actions { padding-top:10px; } /* Cookie Notice */ .notice-cookie { } /* Noscript Notice */ .noscript {} /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; border:0; text-align:center; color:#fff; } .demo-notice .notice-inner { width:auto; padding:0; background:none; text-align:center; } .demo-notice .notice-inner p { padding:0; border:0; } /* ======================================================================================= */ /* Header ================================================================================ */ .branding {margin:43px 25px 0 0; height:33px; float:left} .logo { float:left; } .free-shipping { float:left; margin:15px 0 0 10px; display:inline; } .header-container { margin:0; text-align:left;position:relative;height:152px; overflow:visible;background:#ffffff;} .header-container .header-inner{position:absolute;z-index:99;top:0;} .header { padding:0 35px; height:126px; background:#ffffff;} .checkout-onepage-index .header {height:152px;} .header .logo { text-decoration:none !important; } .header .logo strong { position:absolute; top:-999em; left:-999em; width:0; height:0; font-size:0; line-height:0; text-indent:-999em; overflow:hidden; } .header .quick-access { float:right; padding:0;position:absolute;right:0; } .header .quick-access .links { float:right; line-height:18px; white-space:nowrap; } .header .quick-access .links li { padding:0 1px 0 0; } .header .quick-access .links li a { color:#1e75b4; text-transform:uppercase; text-decoration:none; } .header .quick-access .links li a img{line-height:0;display:block} .header .quick-access .links li a:hover { color:#d33911; } .header .quick-access .checkout-link li { font-weight:bold; padding:0 0 0 12px; background-position:6px 4px; } .header .quick-access .cart-link li { font-weight:bold; padding:0 0 0 0; background:none; } .checkout-link{float:left} #invitation-send-link { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_sep.gif) no-repeat 100% 50%; padding:0 6px 0 0; margin:0 4px 0 0; font-weight:bold; } #invitation-send-link a { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_invitation-link.gif) no-repeat 3px 6px; padding-left:23px; display:inline-block; } #invitation-send-link a, x:-moz-any-link { background-position:3px -2px; }/* FireFox 2 fix */ #invitation-send-link a, x:-moz-any-link, x:default { background-position:3px 6px; }/* FireFox 3 restore */ .header-panel { text-align:center; z-index:994; background:#f6f6f6; line-height:26px; padding:0 20px 0 35px;height:26px; } .cms-index-index .header-panel{background:#ebebeb;} .header-panel .welcome-msg, .header-panel .delivery { font-weight:normal; display:inline; float:left; line-height:26px; margin-right:5px;font-family: 'swatch_ct_regular-webfont',Arial, sans-serif;font-size:13px; } .header-panel .delivery{padding:0 0 0 30px} .header-panel .links { float:left; line-height:28px; margin-right:11px; white-space:nowrap; } .header-panel .links li a { color:#1e75b4; } .header-panel .links li a:hover { color:#d33911; } .switches { float:right; } .switch { line-height:23px; margin-left:-1px; margin-right:0; display:inline; float:left; padding-left:13px;font-family: 'swatch_ct_regular-webfont',Arial, sans-serif;font-size:13px } .switch label { font-weight:normal; margin-right:0; } .switch .switch-wrapper { float:left; position:relative; z-index:1;height:22px; } .switch .switch-wrapper a{display:block} .switch .switch-wrapper:hover{border-bottom:1px solid #646464} .switch .switch-wrapper:hover a{color:#646464} .switch strong.current { font-weight:normal; } .switch .separator { margin:0 2px; font-size:10px; color:#8f8f8f; } .switch .switcher { color:#1e75b4; cursor:pointer; margin:0 0 0 10px; } .switch .switcher img{vertical-align:baseline} .switch ul { position:absolute; min-width:100%; text-align:left; top:0; left:0; float:left; line-height:16px; padding:0 0 0 0; border-top:0; } .switch ul li { vertical-align:top; display:block; white-space:nowrap; border:1px solid #c8c8c8; border-top:0; } .switch ul li a { white-space:nowrap; display:block; background:#f2f2f2; padding:4px 6px; color:#1e75b4; text-decoration:none; } .switch ul li a:hover { color:#d33911; background:#f8f8f8; } .switch ul .current { line-height:28px; border:0; cursor:default; padding:0 7px; visibility:hidden; /* background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_header-panel.gif) repeat-x 0 0; */ } .switch ul .current span { padding-right:20px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_close.gif) no-repeat 100% 1px; } .switch .faded { color:#8f8f8f; } .switch .faded li { border-color:#e6e6e6; background-color:#f6f6f6; } .switch .faded a { color:#9ac1dd; } .switch ul, x:-moz-any-link { width:100%; }/* FireFox 2 fix */ .switch ul, x:-moz-any-link, x:default { width:auto; }/* FireFox 3 restore */ .list-opened { background-position:100% -129px !important; color:#d33911 !important; } .header .form-search { float:right; clear:right; padding:0; position:relative } .header .form-search label { display:none; } .header .form-search input.input-text { width:171px !important;border:0;float:left;height:20px;line-height:20px;padding:10px 60px 10px 15px;background:#ececec url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_search.png) no-repeat right top;display:block;direction:rtl\9;text-align:right } .header .form-search input.input-text:focus{background-color:#e2001a;color:#ffffff;background-position:right -40px} .header .form-search a { display:none; } .header .form-search button.button { margin:0;width:46px;height:40px; text-indent:-99999px;float:left;position:absolute;right:0;top:0;overflow:hidden;} .header .form-search button.button:hover{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_search.png) no-repeat 6px -40px;} .desktop .header .form-search button.button:hover{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_search.png) no-repeat 6px -40px;} .header .form-search button.button span{background:none} .header .form-search .search-autocomplete { z-index:999; position:relative!important; top:0 !important; left:0 !important; height:0 !important; overflow:visible !important; } .header .form-search .search-autocomplete ul { border:1px solid #c7c7c7; border-top:0; padding-left:0; width:210px; background-color:#fcf8f4; position:absolute; top:-1px; } .header .form-search .search-autocomplete li { padding:4px 6px 4px 24px; border-bottom:1px solid #fff; font-size:12px; cursor:pointer; } .header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } .header .form-search .search-autocomplete li.selected {} .header .form-search .search-autocomplete li.last { border-bottom:0; } #addcart-ani-block{position:fixed; right:0; top:0; overflow:hidden; display:none; } #addcart-ani-block .addcart-ani-inner{ position:relative; padding-top:30px; } #addcart-ani-block .addcart-ani-inner .addcart-ani-cont{ background:#fff; padding:20px;} #addcart-ani-block .img-contr{ padding-bottom:20px;} #addcart-ani-block .img-contr img{ max-width:100px; } #addcart-ani-block span{font-family:'swatch_ctbold',Arial, sans-serif; font-size:15px; color:#E2001A; text-align:center; display:block;} .header .cart-help{float:right;padding:15px 0 0 0;font-family:'swatch_ctbold',Arial, sans-serif;font-size:15px;position:absolute;right:25px } /********** < Navigation */ .nav-container { z-index:4; margin:0 15px 0 0;float:left} #nav { min-height:28px;text-align:left; padding:0 4px 0; } /* All Levels */ #nav li.over { z-index:990 !important; } #nav li.parent { position:relative; } #nav li a span { cursor:pointer; } /* 1st Level (Top Level) */ #nav li.level-top { float:left; height:28px; position:relative; z-index:1; } #nav a.level-top { float:left; height:28px; font-weight:bold; font-size:13px; line-height:28px; padding:0 0 0 17px;text-decoration:none !important; color:#333; } #nav a.level-top span { float:left;padding:0 19px 0 0; white-space:nowrap; } #nav li.over a.level-top, #nav li.active a.level-top { } #nav li.over a.level-top { position:relative; z-index:2; } #nav li.over a.level-top span, #nav li.active a.level-top span { background-position:100% -60px; padding:1px 19px 0 0; } /* 2nd Level */ #nav ul, #nav div { position:absolute; width:13.5em; top:30px; left:-10000px; background:#fbfbfb; padding:5px 11px 10px; border:1px solid #aeaeae; border-top:0; } #nav div ul { position:static; width:auto; background:none; padding:0; border:0 !important; } #nav ul li { float:none; height:auto; display:block; border-bottom:1px solid #e2e2e2; } #nav ul li.last { border-bottom:0; } #nav ul li.parent { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_parent.gif) 100% 50% no-repeat; } #nav ul li a { display:block; font-size:12px; line-height:1.2; padding:5px 4px; text-decoration:none !important; color:#444; } #nav ul li.last > a { padding-bottom:0; } #nav ul li a:hover { color:#d02600; } #nav ul li a span {} #nav ul li.over a.over { color:#d02600; } #nav ul li.active > a { color:#d02600; } /* 3rd+ Level */ #nav ul ul, #nav ul div { top:7px; border-top:1px solid #aeaeae; } /* Show Menu */ #nav li .shown-sub { left:-1px; z-index:991; } #nav li .shown-sub .shown-sub { left:100px; } /********** Navigation > */ /* ======================================================================================= */ /* Block: Events */ .event { background-color:#fbf4de; border-bottom:1px solid #e2d4c7; width:182px; position:static; height:144px; text-align:center; } .event .status { font-weight:normal; font-size:16px; display:block; padding:19px 0 0; margin:0 0 0; text-align:center; color:#cf3a00; } .event .event-ticker { color:#cf3a00; height:55px; } .event .event-ticker span { font-size:32px; line-height:40px; height:40px; padding-bottom:10px; background-image:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_ticker.gif); background-repeat:no-repeat; display:inline-block; } .event .event-ticker span, x:-moz-any-link { padding-bottom:13px; }/* FireFox 2 fix */ .event .event-ticker span, x:-moz-any-link, x:default { padding-bottom:10px; }/* FireFox 3 restore */ .event .event-ticker span.days { background-position:50% 3px; } .event .event-ticker span.hour { background-position:50% -56px; } .event .event-ticker span.minute { background-position:50% -115px; } .event .event-ticker span.second { background-position:50% -174px; } .event .event-ticker span.delimiter { background:none; } .event .event-dates { font-size:14px; color:#555; height:51px; padding-top:4px; } .event .event-dates .date-part { font-weight:bold; } .event .event-dates .time-part { font-size:12px; } .col-main .event .event-button { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_btn-co.gif) 0 50% no-repeat; line-height:27px !important; height:27px !important; padding:0 0 0 13px !important; vertical-align:middle; } .col-main .event .event-button span { width:121px; text-align:center; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_btn-co.gif) 100% 50% no-repeat; padding:0 13px 0 0 !important; color:#fff; font:bold 15px/27px Arial, Helvetica, sans-serif !important; height:27px !important; text-transform:none; } .event p a { color:#666; font-size:11px; } .event .event-bottom { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_slider-events.gif) no-repeat 50% 0; position:absolute; z-index:2; height:12px; width:23px; left:50%; margin-left:-11px; bottom:-12px; } .open .event-button span {} .upcoming { background:#f6f6f6; } .upcoming .status { color:#333; } .closed .event-button, .col-main .closed .event-button, .col-main .upcoming .event-button, .upcoming .event-button, .closed .event-button span, .col-main .closed .event-button span, .col-main .upcoming .event-button span, .upcoming .event-button span { line-height:27px !important; font-size:12px !important; color:#7c7b7b !important; background:none !important; padding:0 !important; width:auto !important; display:inline !important; text-transform:capitalize; } .upcoming .event-button { text-decoration:underline !important; } .upcoming .event-button:hover { text-decoration:none !important; } .upcoming p a { color:#666; } .upcoming .event-bottom { background-position:50% -187px; } .closed { background:#494949; } .closed .status, .closed .event-dates { color:#e2d4c7 } .closed .event-button {} .event-container { clear:both; border:1px solid #d0af83; position:relative; z-index:2; border-width:1px 1px; margin-top:7px; margin-bottom:-5px; height:59px; } .event-container .event { background-color:transparent; background-repeat:no-repeat; background-position:50% 100%; padding-bottom:18px; margin-bottom:-18px; padding-top:5px; height:52px; line-height:50px; text-align:center; width:auto; position:relative; z-index:2; border-bottom:0 !important; } .event-container .container { display:inline; margin:0; padding:0; background:none; } .event-container .status { display:inline; margin:0 10px 0 0; background:none; font-size:22px; } .event-container .event-ticker { display:inline; font-size:28px; height:auto; } .event-container .event-ticker span { line-height:50px; height:50px; padding:0; } .event-container .event-ticker span , x:-moz-any-link { padding:5px 0 5px; }/* FireFox 2 fix */ .event-container .event-ticker span , x:-moz-any-link, x:default { padding:0; }/* FireFox 3 restore */ .event-container .event .event-ticker span.days { background-position:50% 4px; } .event-container .event .event-ticker span.hour { background-position:50% -55px; } .event-container .event .event-ticker span.minute { background-position:50% -114px; } .event-container .event .event-ticker span.second { background-position:50% -173px; } .event-container .event-dates { display:inline; font-size:22px; height:auto; } .event-container .event-dates .time-part { font-size:14px; } .event-container .event-dates div, .event-container .event-dates p { display:inline; } .container-open { background:#f7d4b6 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_event-container-open.gif) repeat-x 0 0; } .container-open .open { background-image:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_event-container-open.gif); padding-top:3px; height:54px; } .container-upcoming { border-color:#d0d0d0; background:#eeeeee url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_event-container-upcoming.gif) repeat-x 0 0; } .container-upcoming .upcoming { background-image:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_event-container-upcoming.gif); } .container-closed { background:#9f958c } /* Block: Events Lister */ .col3-layout .col-main .widget-events { margin:0 -20px 1px; position:relative; z-index:1; } .widget-events { padding:11px; background:#f0eae3; } .col1-layout .col-main .widget-events { padding:12px; } .events-slider { position:relative; clear:both; margin:0 0 0; border:1px solid #d0c2b6; z-index:2; } .events-slider .slider-panel, .events-slider ul.slider li.slider-item, .events-slider .slide-button { float:left; display:inline; } .events-slider .event { position:relative; z-index:1; } .events-slider .slider-panel { position:relative; overflow:hidden; background:#d0c2b6; z-index:1; width:0; } .events-slider ul.slider { width:200000px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)" !important; } .events-slider ul.slider li.slider-item { overflow:hidden; width:182px; height:386px; border-right:1px solid #d0c2b6; background:#f5f5f5 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_block.gif) repeat-x 0 0; padding-left:0; } .events-slider ul.slider li.slider-item .category-name { font-size:16px; font-weight:normal; color:#454343; display:block; padding:80px 10px 0; } .events-slider ul.slider li.slider-item .category-show { width:182px; height:241px; background:#fff url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_category-info.gif) repeat-x 0 100%; overflow:hidden; text-align:center; display:block; text-decoration:none; } .events-slider ul.slider li.slider-item .no-event { height:401px; } .events-slider .slide-button { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_slide-button.gif) no-repeat 0 0; position:absolute; text-indent:-999em; cursor:pointer; top:17px; width:28px; height:28px; z-index:2; overflow:hidden; } .events-slider .backward { left:-11px; } .events-slider .forward { right:-11px; background-position:0 -40px; } .events-slider .inactive { cursor:default; display:none; } .sidebar .widget-events { background:none; padding:0; } .sidebar .events-slider { border:1px solid #cfcfcf; margin:-1px -1px 0; background:#fff; padding:0; } .sidebar .events-slider .event { height:115px; } .sidebar .events-slider ul.slider li.slider-item { width:182px; height:300px; margin:0; border-color:#cfcfcf; border-width:0 1px 0 0; } .sidebar .events-slider ul.slider .status { padding-top:10px; padding-bottom:5px; } .sidebar .events-slider ul.slider .event-dates { height:40px; } .sidebar .events-slider ul.slider li.slider-item .category-name { font-size:16px; font-weight:normal; color:#454343; display:block; padding:50px 10px 0; } .sidebar .events-slider ul.slider li.slider-item .category-show { height:241px; background:#fff url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_category-info.gif) repeat-x 0 100%; } .sidebar .events-slider { margin-top:-1px; } .sidebar .events-slider .backward { left:3px; top:6px;} .sidebar .events-slider .forward { right:3px; top:6px;} .sidebar .events-slider .event-ticker { height:45px; } .sidebar .events-slider .event-ticker span { font-size:22px; line-height:28px; height:28px; padding-bottom:10px; background-image:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_ticker1.gif); background-repeat:no-repeat; display:inline-block; } .sidebar .events-slider .event-ticker span.days { background-position:50% -10px; } .sidebar .events-slider .event-ticker span.hour { background-position:50% -69px; } .sidebar .events-slider .event-ticker span.minute { background-position:50% -128px; } .sidebar .events-slider .event-ticker span.second { background-position:50% -185px; } /* Sidebar =============================================================================== */ .sidebar .callout { display:block; margin:10px 0; } /* Generic Block */ .sidebar .block { } .sidebar .block .block-title { padding:17px 35px 0; } .sidebar .block .block-title strong { display:block; font-weight:normal;font-size:20px;font-family:'swatch_ctbold';color:#000000;text-transform:uppercase} .sidebar .block .block-title strong span {} .sidebar .block .block-title strong small { font-size:12px; color:#777; } .sidebar .block .block-subtitle, .sidebar .block h3 { font-size:1em; font-weight:bold; } .sidebar .block .block-content { padding:35px 0px 17px 35px; } .sidebar .block .btn-remove { color:#222; margin-right:3px; } .sidebar .block .btn-remove a { color:#222 !important; text-decoration:none !important; } .sidebar .block .actions { margin:8px 0 0; text-align:right; } .sidebar .block .actions a { float:left; color:#999; margin-top:3px; } .sidebar .block .actions button.button { float:right; } .sidebar .block li a.btn-previous, .sidebar .block li a.btn-remove { float:right; width:13px; height:0; padding-top:12px; margin-top:3px; overflow:hidden; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/btn_remove.gif) no-repeat 0 0; } .sidebar .block li a.btn-previous { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_icon-back.png) no-repeat 0 0; } .col-main .block { background:#fff; } .col-main .block .block-title { padding:5px 20px 5px; margin:0 -1px; } .col-main .block .block-title h2, .col-main .block .block-title h3 { } .col-main .block .block-content { /*padding:20px; */} /* Generic box */ .info-box { border:1px solid #cfcfcf; margin-top:-1px; position:relative; z-index:1; } .info-box .box-title { margin:17px 17px 0 17px; font:14px/1.25 'swatch_ct_webregular', Arial, Helvetica, sans-serif; padding:0; color:#222; } .info-box .box-title a { font-size:11px; text-transform:lowercase; } .info-box .box-content { padding:10px 17px 17px; color:#555; } .info-table th { font-weight:bold; padding:2px 15px 2px 0; } .info-table td { padding:2px 0; } /* Block: Account */ .sidebar .block-account {background:#ffffff;} .sidebar .block-account ul{padding-left:3px;} .sidebar .block-account .block-title { padding:26px 17px 12px;} .sidebar .block-account .block-title strong { font-size:18px; line-height:23px; color:#111; } .sidebar .block-account .block-content { padding:0 !important;} .sidebar .block-account li {font-size:14px; padding-bottom:1px; } .sidebar .block-account li a { color:#666; text-decoration:none; display:block; padding:5px 13px 4px; } .sidebar .block-account li a:hover { color:#e2001a; text-decoration:none; } .sidebar .block-account li.current { font-weight:bold; background:#fff; border:none; color:#000; padding:5px 13px 4px 14px; margin:-1px -1px 0 0; } .sidebar .block-account li.last {background-image:none; } /* Block: Layered Navigation */ .sidebar .block-layered-nav { } .sidebar .block-layered-nav .block-title { padding:26px 35px 12px; /* border-bottom:1px solid #d1d1d1; */margin:0px 0px 35px 0px } .sidebar .block-layered-nav .block-title h2 { font-size:18px; color:#111; } .sidebar .block-layered-nav .block-title h1{padding:0px 0px 8px 0px} .sidebar .block-layered-nav .block-title span{font-size:20px;font-family:'swatch_ctbold';text-transform:uppercase;} .sidebar .block-layered-nav .block-subtitle { display:none; } .sidebar .block-layered-nav .block-content { padding:0px;} .sidebar .block-layered-nav dl { padding:10px 14px 17px 17px; } .sidebar .block-layered-nav dt { margin:2px 0 0; font-weight:bold; font-size:12px; color:#222; } .sidebar .block-layered-nav dd { margin:0 0 13px; color:#666; } .sidebar .block-layered-nav dd.last { margin:0; } .sidebar .block-layered-nav dd li { margin:2px 0; } .sidebar .block-layered-nav dd a { color:#222; text-decoration:none; } .sidebar .block-layered-nav dd a:hover { text-decoration:underline; } .sidebar .block-layered-nav .currently { border:1px solid #d1d1d1; border-width:1px 0; padding:10px 10px 10px 17px; margin-bottom:-1px; background:#f4f4f4 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_currently.gif) repeat-x 0 -20px; } .sidebar .block-layered-nav .currently .block-subtitle { display:block; margin-bottom:5px; } .sidebar .block-layered-nav .currently li { padding:5px 26px 5px 0; color:#444; position:relative; z-index:1; } .sidebar .block-layered-nav .currently li .btn-remove { position:absolute; right:-7px; top:4px; } .sidebar .block-layered-nav .currently li .btn-previous { position:absolute; right:12px; top:4px; } .sidebar .block-layered-nav .currently .label { font-weight:bold; color:#d33911; font-size:12px; display:inline-block; } .sidebar .block-layered-nav .currently .value { display:inline-block; } .sidebar .block-layered-nav .actions { text-align:right; padding:5px 7px; margin:1px 0 -1px; background:#f4f4f4; border-bottom:1px solid #d1d1d1; } .sidebar .block-layered-nav .actions a { float:none; } /*accordion*/ .sidebar .block-layered-nav .block-content ul{ padding:0px 0px 17px;} .narrow-by-list ul{background:#fafafa} .narrow-by-list li a{font-size:18px;padding:7px 35px;display:block;font-family: 'swatch_ct_webregular';position:relative} .narrow-by-list ul li a{font-family: 'swatch_ct_webbold';font-size:15px;color:#000000; } .narrow-by-list li a.ui-accordion-header .ui-accordion-header-icon{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/btn-acc.png) no-repeat left 0;position: absolute;right:35px;top: 15px;width:10px;height:10px;} .narrow-by-list li a.ui-accordion-header:hover .ui-accordion-header-icon{background-position:left -60px;font-family: 'swatch_ct_webbold';} .narrow-by-list li a.ui-accordion-header-active .ui-accordion-header-icon{color:#e2001a;background-position:left -90px;background-color:#fafafa;font-family: 'swatch_ct_webbold';} .narrow-by-list li a.ui-accordion-header-active:hover .ui-accordion-header-icon{background-position:left -30px;} .narrow-by-list li a.ui-accordion-header:hover{font-family: 'swatch_ct_webbold';} .narrow-by-list li a.ui-accordion-header-active{color:#e2001a;background-color:#fafafa;font-family: 'swatch_ct_webbold';} .narrow-by-list li a.ui-accordion-header-active:hover{color:#000000} ul#narrow-by-list > li > ul {display:none;} /* Block: top filter */ .block-filter-top{position:relative} .block-filter-top ul{margin:0px 0px 0px 35px;position:absolute;top:20px;left:0px;} .block-filter-top ul li{float:left;padding:0px 22px 0px 0px} .block-filter-top ul li a{font-size:15px;color:#1d1d1b} .block-filter-top ul li.active a{color:#e2001a;font-size:15px;} .block-filter-top ul li:hover a{color:#e2001a;text-decoration:underline;} /* Block: Cart */ .sidebar .block-cart .block-title { background:#363636; padding:7px 17px; } .sidebar .block-cart .block-title strong { font-weight:bold; color:#fff; } .sidebar .block-cart .summary { margin:0 -17px; padding:0 12px 5px; background:#363636; color:#fff; text-align:center; position:relative; z-index:1; } .sidebar .block-cart .summary a { font-weight:bold; color:#fff; } .sidebar .block-cart .summary .subtotal { margin:3px 0 0; } .sidebar .block-cart .summary .subtotal .price { font-weight:bold; } .sidebar .block-cart .actions { margin:8px 0 13px; text-align:center; } .sidebar .block-cart .actions button.button { float:none; } .sidebar .block-cart .block-content { padding-top:0; } .sidebar .block-cart .block-content table { margin:5px 0 0 0; } .sidebar .block-cart .block-content table th { padding:1px 5px 1px 0; color:#8f8f8f; text-align:right; } .sidebar .block-cart .block-content table td { text-align:left; padding:1px 0; } .sidebar .block-cart li a.btn-remove { float:none; background:none; margin:0; padding:0; width:auto; height:auto; overflow:visible; } .mini-products-list li.last { border:none; } .mini-products-list .product-image { float:left; width:75px; margin-right:-75px;margin-top:10px; } .mini-products-list .product-details { margin-left:107px;position:relative } .sidebar .mini-products-list .product-details { margin-left:57px; } .mini-products-list .product-details .product-name { font-size:11px; } .mini-products-list .product-details .price-box { margin:0; } .mini-products-list .product-details h4 {} .mini-products-list .product-details .btn-remove { font-size:15px;position:absolute;right:0;top:0;border:2px solid #f2f2f2;width:17px;height:17px;display:block;text-align:center;line-height:17px;color:#000000 } .sidebar .mini-products-images-list li.item { float:left; padding:5px; text-align:center; } .block-products .mini-products-list .product-details { margin-left:65px; } /* Top Shopping Cart */ .top-cart { float:right; /* width:360px; */ position:relative; padding-left:7px; } .top-cart .block-title { white-space:nowrap; /* _width:242px; min-width:242px; */ cursor:pointer; background:#fff url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_topcart.gif) 0 3px no-repeat; color:#1e75b4; font-weight:bold; font-size:11px; text-transform:uppercase; padding:0px;height:25px; position:relative } .top-cart .block-title strong { display:block; padding:0 5px; font-size:11px; font-weight:bold; text-decoration:none; color:#ffffff;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;background:#e2001a;top:-9px;left:-8px; text-align:center;height:16px;line-height:17px;position:absolute;z-index:9; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /*.ie8 .top-cart .block-title strong { position: relative; -webkit-border-radius: 25px; -moz-border-radius: 25px; -border-radius: 25px; behavior: url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/pie/PIE.htc); }*/ .top-cart .block-title.expanded { background: url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_basket.png) no-repeat center center } .top-cart .block-title.expanded strong { color:#ffffff; } /* .top-cart .no-items { cursor:default; } .top-cart .no-items h3 { background:none; } */ .top-cart .block-content { position:absolute; right:0; top:83px; width:412px;max-height:530px;z-index:1000;} #topCartContent form{border-bottom:1px solid #e8e8e8;} #topCartContent{max-height:0;overflow:hidden;-webkit-transition: all 500ms cubic-bezier(1, 1, 0, 0);-moz-transition: all 500ms cubic-bezier(1,1,0,0);transition: all 500ms cubic-bezier(1,1,0,0);} #shopping_cart_sidebar.menu-open{z-index:1001;} #shopping_cart_sidebar.menu-open #topCartContent{max-height:630px;/*max-height:0px\9;*/} #shopping_cart_sidebar.menu-open #topCartContent.empty{max-height:100px;/*max-height:0px\9;*/} #topCartContent .inner-wrapper{position:relative;background-color:#ffffff;} .ie8 #topCartContent .inner-wrapper{margin-top:-16px;} .top-cart .block-content .block-subtitle { font-size:16px; color:#ffffff; text-transform:uppercase; background:#c5c5c5; line-height:43px; padding:0 30px;height:43px;} .top-cart .block-content .block-subtitle .close-btn { float:right;text-align:left; overflow:hidden; cursor:pointer; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/close_top_cart.png) no-repeat right center; position:relative; z-index:1;font-size:12px;padding:0 25px 0 0;font-family: 'swatch_ct_regular-webfont';} .top-cart .cart-empty .close-btn { float:right; width:13px; height:0; padding-top:12px; text-align:left; overflow:hidden; cursor:pointer; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_close.gif) no-repeat 0 0; position:relative; z-index:1; } .top-cart .cart-empty { padding:10px 10px 10px 20px; } .top-cart .block-content ol { margin-bottom:25px; overflow-y:auto;overflow-x:hidden;max-height: 462px } .mini-products-list li.item {padding:28px 33px 20px 25px;min-width:initial;border-bottom:2px solid #ececec} .mini-products-list .popup-item {padding:28px 33px 20px 25px;} .block-content .mini-products-list ol { border : solid blue;} .top-cart li.item{padding:28px 53px 20px 25px;} .mini-products-list .item .product-name { font-size:15px; line-height:14px;min-height:41px;font-family: 'swatch_ctbold',Arial,sans-serif; padding-right:25px;} .mini-products-list .item .product-name a { font-size:15px; text-decoration:none; color:#000000;text-transform:uppercase } .mini-products-list .item .product-id{padding-right:25px;} .top-cart .block-content table { margin:5px 0 0 0; } .top-cart .block-content table th { padding:1px 8px; color:#8f8f8f; text-align:right; } .top-cart .block-content table td { text-align:left; padding:1px 0; } .top-cart .block-content .subtotal span, .mini-products-list .block-content .subtotal span{font-size:15px;text-transform:uppercase;color:#000000} .top-cart .block-content .subtotal span.price{float:right;} .top-cart .block-content .vat span{font-size:12px;text-transform:uppercase;color:#000000} .mini-products-list .block-content .subtotal .label, .mini-products-list .block-content .vat .label{float:left} .mini-products-list .block-content .subtotal .price, .mini-products-list .block-content .vat .price{float:right} .mini-products-list .block-content .product-id{font-size:12px;} .top-cart .block-content .product-size{} .mini-products-list .product-size .size-title{font-size:12px;text-transform:uppercase} .mini-products-list .product-size .size{font-size:16px;color:#666666} .mini-products-list .product-actions {margin-top:15px;} .input-qty{float:left} .input-qty label{float:left;line-height:20px;} .input-qty .counter-plus, .input-qty .counter-minus{ display:inline-block;float:left } .input-qty span{display:block;background:none;border:2px solid #ececec;width:17px;height:18px;color:#000000;font-family: 'swatch_ctbold',Arial,sans-serif;text-align:center;cursor:pointer;font-size:16px;line-height:16px} .input-qty input[type="text"]{width:30px !important;background:none;height:17px;text-align:center;border:0 !important;color:#000000;float:left;padding:4px 0 !important} .mini-products-list .product-actions .price-box{float:right;padding-top:2px;} .top-cart .actions a { float:left; line-height:23px; } .top-cart .actions button { float:none; } .top-cart .actions button.button span, .top-cart .actions button.button span span { text-align:center; } .top-cart .paypal-logo a { float:right; } .top-cart .paypal-logo .paypal-or { clear:both; display:block; margin: 5px 33px 5px 0; } .top-cart .actions {margin:8px 9px;clear:both; overflow:hidden;} .top-cart .actions button{height:54px;line-height:54px;overflow:hidden;width:394px;text-align:left} .top-cart .actions button span{height:54px;text-indent:23px;display:block;line-height:54px;} .top-cart .product-actions .price{font-family: 'swatch_ct_regular-webfont',Arial,sans-serif;} .top-cart .product-feature, .top-cart .totals{min-width:354px;padding:5px 33px 5px 25px; clear:both; overflow:hidden} .top-cart .product-feature .feature-title{overflow:hidden;clear:both} .top-cart .product-feature .feature-title .sub-title, .top-cart .product-feature .feature-title .a-right{float:left;font-size:12px;color:#000000;text-transform:uppercase;margin-bottom:5px;} .top-cart .product-feature .feature-title .a-right{float:right} .top-cart .product-feature .product-content{width:140px} .top-cart .product-feature .product-content p{ font-family: 'swatch_ct_webregular',Arial,sans-serif;} .top-cart .totals p{ overflow:hidden;clear:both} /*block: summary*/ .block-cart .summary{padding:25px 33px 25px 44px} .block-cart .summary p{overflow:hidden;display:block;padding:0 0 20px 0} .block-cart .summary .label{float:left;text-transform:uppercase;color:#000000} .block-cart .summary .shipping {margin-left:-9px;} .block-cart .summary .shipping img{margin:0 9px 0 0;vertical-align:middle} .block-cart .summary .price{float:right;color:#000000} .block-cart .summary .subtotal{font-size:20px;font-family: 'swatch_ctbold',Arial,sans-serif;} .block-cart .summary .subtotal .price{color:#e2001a} /* Block: Wishlist */ .block-wishlist {} /* Block: Compare Products */ .block-compare li {} /* Block: List */ .block-list .block-content ol { margin:-5px -13px; } .block-list li.item { padding:5px 10px 5px 13px; } .block-list .actions { padding:5px 0 0; } .sidebar .block-list .product-name { font:normal 11px/1.25 Arial, Helvetica, sans-serif; color:#444; } .sidebar .block-list .product-name a { color:#444; } /* Block: Poll */ .block-poll li { margin:5px 0; } .block-poll input.radio { float:left; margin:1px -18px 0 0; vertical-align:top; } .block-poll .label { display:block; margin-left:18px; } .block-poll .answer {} .block-poll .votes { float:right; font-weight:bold; margin-left:10px; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe {} /* Block: Reorder */ .block-reorder li { padding:5px 0; } .block-reorder input.checkbox { float:left; margin:3px -20px 0 0; } .block-reorder .product-name { margin-left:20px; font-size:11px; font-weight:normal; } /* Block: Banner */ .block-banner { border:0; margin:10px 0; } .block-banner .block-content { border-top:0; padding:0; background:#cbcbcb; text-align:center; } .top-container .block-banner { background:#d0d0d0; margin:0; } /* Paypal */ .paypal-shipping-method{background:#ffffff;padding:64px 5.859375% 50px;margin-bottom:30px; -webkit-transform:translateY(100px); -moz-transform:translateY(100px); transform:translateY(100px); opacity: 0; filter:alpha(opacity=0); -webkit-transition:all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;-moz-transition:all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;transition:all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .paypal-shipping-method.show{ opacity: 1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); transform:translateY(0px); } .paypal-shipping-method .page-title{padding:65px 0 74px 0 !important} .paypal-shipping-method .page-title .sub-title{font-size:38px;color:#e2001a;text-transform:none;padding:0 0 26px 0} .paypal-shipping-method .page-title p{font-size:22px;line-height:28px;color:#c5c5c5} .paypal-shipping-method .page-title p a{text-decoration:underline;font-family: 'swatch_ctbold';color:#c5c5c5} .paypal-shipping-method .page-title p a:hover{color:#e2001a} .sidebar .paypal-logo { display:block; margin:10px 0; text-align:center; } .paypal-review-order .legend { font-size:14px; font-weight:normal; margin:0 0 6px; } .paypal-review-order .col2-set .legend { font-weight:bold; } .paypal-review-order .paypal-shipping-method { padding-left:120px; } .paypal-review-order .paypal-shipping-method .box-title { margin:0 0 6px; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-view {/* margin:0 -20px -20px; */} .category-title { margin-bottom:0; border:1px solid #cfcfcf; border-bottom:0; text-align:left; } .category-title .rss-feed { float:right; margin:7px 0 0; padding-left:17px; line-height:12px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_rss.gif) 0 0 no-repeat; white-space:nowrap; text-decoration:none; } .category-title .rss-feed:hover { text-decoration:underline; } .category-view .note-msg, .category-description { padding:20px; } .results-view { margin:0 -20px -20px; } .results-view .recommendations { padding:20px 20px 0; } .catalogsearch-result-index .page-title { margin-bottom:0; } .catalogsearch-result-index .note-msg { margin:20px 0; } .sidebar .category-title { margin:0; } .category-image { text-align:center; margin:0 0 0 -330px;padding:25px;background:#ffffff} .category-image img { display:block; margin:0 auto;max-width:100% } .category-products { padding:30px 0 0;width:100%;} .category-products .price-box { font-size:12px; } .category-products .products-grid{} .category-products .products-grid li{ opacity:0; visibility:hidden; border:none;} .category-products .products-grid li.item{height:455px;margin-bottom:30px;/*width:296px;*/width:31.1579%;background:#ffffff; overflow:hidden;} .category-products .products-grid li.firstitem{height:455px;margin-bottom:30px;width:31.15789473684211% ;background:#ffffff; overflow:hidden;position:absolute;right:0;top:-485px;text-align:center;} .category-products .products-grid li.itembig{height:940px;} .category-products .products-grid .actions{position:absolute;bottom:10px;right:0;left:0;z-index:1;display:none} .category-products .products-grid li:hover .actions{display:block} .category-products .products-grid .product-image{margin:75px 20px 0; overflow:hidden} .category-products .products-grid li.itembig .product-image{margin-top:132px;height:700px;position:relative} .category-products .products-grid .product-image img{max-width:100%;margin-bottom:64px} .category-products .products-grid li.itembig .product-image img{max-width:none;height:613px;position:absolute;left:-50%;margin-left:-18px;margin-bottom:0;/*clip:rect(0px,60px,200px,50px);*/} .category-products .products-grid li.itembig .product-image span{margin-top:677px} .category-products .products-grid .actions .button{clear:both;display:block;width:100%} .category-products .products-grid .actions .button span{height:25px;line-height:25px;background:none} .category-products .products-grid .actions .button:hover span{background:none;color:#ffffff} .category-products .products-grid .actions .btn-details span{font-size:15px;color:#c5c5c5} .category-products .products-grid li .overlay{position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;background:#ffffff;padding:35px;text-align:left} .category-products .products-grid li.category-collections .overlay{padding:0;} .category-products .products-grid li .overlay h2{font-size:18px} .category-products .products-grid li .overlay p{font-size:12px;line-height:24px;} /* View Type: Grid */ .products-grid { padding:0; margin:0 0 40px 0; } .products-grid li.item { float:left; width:164px;/* margin-right:20px;*/ text-align:center} .products-grid li.item a{position:relative;z-index:1} .products-grid li.last { margin-right:0; } #product-slider .products-grid li img, #main-slider .slide .prop img{ -webkit-transform: scale(1, 1); -moz-transform:scale(1,1); transform:scale(1,1); -webkit-transition:all 0.4s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition:all 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition:all 0.4s cubic-bezier(0.77, 0, 0.175, 1); position:relative; z-index:-1;border:0px;vertical-align:bottom } .desktop #product-slider .products-grid li:hover img, .desktop #main-slider .slide .prop:hover img{ -webkit-transform: scale(1.05, 1.05) rotate(0.1deg); -moz-transform:scale(1.05,1.05) rotate(0.1deg); transform:scale(1.05,1.05) rotate(0.1deg); } .products-grid li canvas{position:absolute;top:0;left:0;right:0;bottom:0} .products-grid .actions {position:absolute;bottom:10px;right:0;left:0;z-index:1;display:none} .products-grid li:hover .actions{display:block} .products-grid .product-image { display:block; text-decoration:none !important; margin:50px 20px 0; position:relative; max-width:294px;z-index:1 } .products-grid .product-image img{margin-bottom:30px;} .products-grid .product-image span{font-family:'swatch_ctbold';font-size:15px;display:block;text-transform:uppercase;word-wrap:break-word} .products-grid .product-name { margin-bottom:7px; word-wrap:break-word; } .products-grid .ratings { text-align:left; line-height:13px; } .products-grid .rating-links { display:block; padding:2px 0 0; clear:both; } .products-grid .price-box { margin:5px 0 10px; clear:both;font-size:15px;color:#000000 } /* View Type: List */ .products-list li.item { margin:0 0 20px 0; padding:0 20px 20px 20px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_dots.gif) repeat-x 0 100%; } .products-list li.last { background-image:none; } .products-list .product-image { float:left; margin-right:-186px; text-decoration:none !important; position:relative; } .products-list .product-shop { margin-left:186px; } .products-list .product-name { margin-bottom:5px; } .products-list .price-box { margin:5px 0 10px; } .products-list .desc { margin:5px 0 10px; font-size:12px; } .products-list .desc .link-learn { white-space:nowrap; } .products-grid .special-price, .products-list .special-price { font-size:12px; } /* ======================================================================================= */ /* Product View ========================================================================== */ .col2-left-layout .product-view, .col2-right-layout .product-view { background:none; width:755px; } .col2-left-layout .product-view .product-shop, .col2-left-layout .product-view .product-collateral, .col2-right-layout .product-view .product-shop, .col2-right-layout .product-view .product-collateral { float:none; width:695px; } .col2-left-layout .product-view .product-img-box, .col2-right-layout .product-view .product-img-box { float:none; width:auto; } .col2-left-layout .product-view .product-img-box .product-image, .col2-right-layout .product-view .product-img-box .product-image { margin:0 auto; } .col3-layout .product-view { background:none; width:572px; } .col3-layout .product-view .product-shop, .col3-layout .product-view .product-collateral { float:none; width:512px; } .col3-layout .product-view .product-img-box { float:none; width:auto; } .col3-layout .product-view .product-img-box .product-image { margin:0 auto; } .product-view { } #messages_product_view { margin:0px; position:relative; z-index:1; } #messages_product_view .messages { margin:0 0 1px; } #messages_product_view .messages li { margin:0; position:relative; z-index:1; } .product-essential {background:#ffffff;margin:0 0 34px 0;padding:0; position:relative; left:300px; opacity:0; filter:alpha(opacity=0); -webkit-transition:all 1s cubic-bezier(0.19, 1, 0.22, 1);-moz-transition:all 1s cubic-bezier(0.19, 1, 0.22, 1);transition:all 1s cubic-bezier(0.19, 1, 0.22, 1);} .product-essential.show{ left:0; opacity:1; filter:alpha(opacity=100); } .product-essential .product-next-prev a{background:#f6f6f6 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/content-slider-arrow.png) no-repeat left center;position:absolute;top:50%;height:128px;margin-top:-64px;width:51px;text-indent:-999999px;-webkit-transition:background .3s linear;-moz-transition:background .3s linear;transition:background .15s linear;} .product-essential .product-next-prev .next{right:0;background-position:-110px center} .product-essential .product-next-prev .prev{left:0;background-position:-59px center} .product-essential .product-next-prev .next:hover{background-position:right center} .product-essential .product-next-prev .prev:hover{background-position:left center} .box-collateral { background:#fff;margin-bottom:34px;} .box-collateral .tab-content{padding:55px 88px;} .box-collateral .caroufredsel_wrapper{margin-bottom:0 !important} #similar_product .tab-content, #recently-seen .tab-content{padding-bottom:0;} .box-collateral .tab-content h2{margin:0 0 60px -40px;color:#e2001a;font-size:20px;} .box-collateral .slider-block{position:relative} .box-collateral .slider-block .control-arrow{top:14%} .box-collateral .slider-block li img{max-width:100%;margin-bottom:15px;} .box-collateral .slider-block li{position:relative;height:371px;/*width:220px;width:160px;*/width:auto;max-width:220px;} /*.box-collateral .slider-block .actions{background:#e2001a;height:63px;padding:8px 0px 0px 0px;position:absolute;left:0px;width:100%;bottom:-71px;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;} .box-collateral .slider-block li:hover .actions{bottom:0px;}*/ .box-collateral .slider-block .actions .button{font-size:18px;font-family:'swatch_ctbold';text-transform:uppercase} .box-collateral .slider-block .actions .button span{display:block;text-align:center;height:25px;line-height:25px;background:none} .box-collateral .slider-block .actions .button:hover span{color:#ffffff} .box-collateral .slider-block .actions .btn-details span{font-size:15px;color:#c5c5c5} .box-collateral .slider-block .actions .btn-cart span{font-size:17px;color:#ffffff} .box-collateral .slider-block .actions .btn-cart:hover span{color:#c5c5c5} .product-collateral .emailto-link { font-size:11px; margin:0; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_arrow-bullet.gif) no-repeat 0 4px; padding-left:12px; } .box-collateral .box-title { /*background:#e7e7e7 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_block-title.gif) repeat-x 0 0; border:1px solid #e1e1e1; padding:5px 20px 5px; margin:0 -1px;*/ } .box-collateral .box-title h2 { font-size:14px; line-height:1.2; color:#000333; font-weight:bold; } .box-collateral .box-content {color:#000000 } #product-reviews-list > dl{ overflow:hidden; } .reviewBlock{margin:0px -88px;padding:0px 88px;} #product-reviews-list .reviewBlock{ display:none; } #resultMessageReview { width : 450px;} .tab-list { position:relative; } .tab-list .tab { float:left; cursor:pointer; } .tab-list .last {} .tab-list .active { cursor:default } .tab-list .tab-container { position:absolute; left:0; width:100%; } .tab-list .tab-content {} .collateral-tabs { margin:0;background:#ececec; overflow:hidden;height:85px; } .collateral-tabs .backtopro{float:left;font-family:'swatch_ctbold';font-size:16px;text-transform:uppercase;color:#000000;margin:0px 0px 0px 48px;padding:32px 0px 27px 0} .collateral-tabs .backtopro:hover{color:#e2001a} .collateral-tabs .backtopro img{margin-right:13px;} .product-collateral{width:100%;position:relative} .collateral-tabs .content_nav{ z-index:88; position:relative; } .collateral-tabs .content_nav .content_navInner{ background:#ececec; position:relative;height:85px;} .collateral-tabs ul{float:right;margin-top:19px; position:relative;} .collateral-tabs ul li{float:left} .collateral-tabs ul li a{font-family:'swatch_ctbold';font-size:19px;text-transform:uppercase;padding:0 15px;height:52px;line-height:52px;display:block;color:#000000; position:relative;} .collateral-tabs ul li a:hover{color:#e2001a} .collateral-tabs ul li.active a{color:#ffffff; -webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out; transition: color 0.2s ease-out; background: #e2001a\9;} .collateral-tabs ul li a span{ position:relative; z-index:1; font-size: 16px;} .collateral-tabs .navAniBlk{ height:52px; background:#e2001a; position:absolute; top:0; top:19px; display:none; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out; visibility:hidden\9;} .collateral-tabs ul li a::after{ display:block; content:""; position:absolute; top:0; width:100%; height:100%; background:#e2001a; z-index:0; /*-webkit-transition: left 0.3s ease-out, right 0.3s ease-out; -moz-transition: left 0.3s ease-out, right 0.3s ease-out; transition: left 0.3s ease-out, right 0.3s ease-out; */ width:0; -webkit-transition: width 0.15s ease-out; -moz-transition: width 0.15s ease-out; transition: width 0.15s ease-out; -moz-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .hide_eff .content_nav ul li a::after{ display:none; } .hide_eff .content_nav .navAniBlk{ display:block; } .collateral-tabs .content_nav .top_bottom li a::after{ left:-100%; } .collateral-tabs .content_nav .top_bottom li.out a::after{ right:0% !important; left:auto !important; width:0; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; } .collateral-tabs .content_nav .bottom_top li a::after{ right:0; left:auto !important; } .collateral-tabs .content_nav .bottom_top li.out a::after{ left:0% !important; right:auto !important; width:0; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; } .collateral-tabs .content_nav li.active a::after{ width:100%; left:0; } /* Product Images */ .product-view .product-img-box { float:left; width:645px; padding:0px 0px 26px 158px; } .product-view .product-img-box .product-image img { background:#fff; } /*IE8 PNG Fix */ .product-view .product-img-box #flikflak-image-container #flikflak-container img { background:transparent; } .product-view .product-img-box p.notice { text-align:center; padding:5px 0; font-size:11px; } .product-view .product-img-box .main-image { position:relative;overflow:hidden; z-index:3;float:right;/*margin-right:77px; width:440px;*/ width:570px; /*height:760px;*/} .product-view .product-img-box .product-image-zoom { position:relative;height:600px; overflow:hidden; z-index:3; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:5px auto 13px 203px;width:159px; padding:0px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer;} .product-view .product-img-box .zoom #zoomifyTracker { position:relative; height:18px; width:129px; margin:0px auto } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:0px; width:17px; height:17px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:0px; top:4px; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:0px; top:4px; } .product-view .product-img-box .more-views { margin:103px 0px 0 0; padding:0 0 0; width:58px;float:left; height:350px; } .product-view .product-img-box .more-views .control-nav a{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/more-views-arrow.png) no-repeat center top;display:block;width:30px;height:20px;position:absolute;text-indent:-9999px;left:50%;margin-left:-15px;} .product-view .product-img-box .more-views .control-nav .prev{background-position:center 6px;top:0} .product-view .product-img-box .more-views .control-nav .next{background-position:center -26px;bottom:0} .product-view .product-img-box .more-views .thumb-slider{padding:50px 0px;position:relative;margin:0px 0px 50px 0px; height:155px; } .product-view .product-img-box .more-views .thumb-slider ul li{margin-bottom:40px;height:54px;} /*.product-view .product-img-box .more-views .thumb-slider ul li:first-child{margin:0px;}*/ .product-view .product-img-box .more-views .thumb-slider ul li img{display:block;max-width:100%;margin:0px auto} .product-view .product-img-box .more-views h2 { display:none; } .zoom-notice{z-index:-1; position:relative;} .product-image-popup { margin:0 auto; position: absolute; z-index: 9999; background-color: white; } .product-image-popup .buttons-set { clear:none; line-height:28px; margin:0 0 10px; float:right; width:150px; text-align:right; } .product-image-popup .buttons-set .button { vertical-align:middle; float:none; } .product-image-popup .image { display:block; clear:both; margin:15px auto 15px; } .product-image-popup .image-label { font-size:14px; text-align:left; clear:both; font-weight:normal; color:#000; line-height:19px; margin:0 0 10px; } .product-image-popup .nav { text-align:center; margin:0 auto; width:120px; } .product-image-popup .nav .prev, .product-image-popup .nav .next { margin:0 15px; display:inline; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_slide-button.gif) no-repeat 0 0; text-indent:-999em; cursor:pointer; width:28px; height:28px; z-index:2; overflow:hidden; float:left; } .product-image-popup .nav .prev { left:-19px; float:left; } .product-image-popup .nav .next { right:-19px; float:right; background-position:0 -40px; } /* jQzoom */ div.jqZoomTitle { z-index:5000; text-align:center; position:absolute; top:0; left:0; width:100%; color:#fff; background:#999; } .jqZoomPup { overflow:hidden; background-color:#fff; z-index:10; border-color:#fff; border-style:solid; cursor:crosshair !important; /* -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; -moz-opacity:0.6; opacity:0.6; */ } a.product-image { cursor:pointer !important; } p.product-image { cursor:default !important; } .zoom-activated {} .jqZoomPup img { border:0; } .preload { text-decoration:none; border:1px solid #ccc; padding:8px; text-align:center; background:#fff url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/zoomloader.gif) no-repeat 43px 30px; width:90px; height:43px; z-index:10; position:absolute; top:3px; left:3px; -moz-opacity:0.8; opacity:0.8; filter:alpha(opacity=80); } .jqZoomWindow { border:1px solid #ccc; background-color:#fff; } .dobPopupContent{top:400px;} .dobPopupContent .md-content{padding:100px 0 50px 30px;} /* Product Shop */ .product-view .product-shop { float:right; width:395px; padding:60px 51px 30px 30px; } .product-view .product-shop .product-main-info { margin:0; padding:0 0 15px 0; } .product-view .product-shop p, .product-view .product-shop .ratings { margin:10px 0; } .product-view .product-shop .ratings p { margin:0; } .product-view .product-shop .product-ids { margin:4px 0 10px; color:#999; display:none; } .product-view .product-shop .availability { font-size:12px; } .product-view .product-shop .price-box { margin:10px 0;margin-left:-3px; } .product-view .product-shop .price-box .price-label { font-size:11px; } .product-view .product-shop .price-box .price-as-configured .price-label { font-size:12px; } .product-view .product-shop .price-box .price-as-configured .price { color:#e55100; font-size:14px; } .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-shop .price-box .regular-price .price { font-size:51px; } .product-view .product-shop .price-box .regular-price .price .ttc-lable { font-size:25px; } .product-view .product-shop .price-box .special-price .price-label, .product-view .product-shop .price-box .special-price .price { font-size:14px; color:#c73615; } .product-view .product-shop .price-box .price-as-configured .price-including-tax .price { color:#e55100; } .product-view .product-shop .price-box .price-as-configured .price-excluding-tax .price { color:#222; font-size:11px; } .product-view .product-shop .price-box p { margin:4px 0; } .product-view .product-shop .add-to-links {margin:0; } .product-view .product-shop .add-to-links .link-share{float:left;display:block;margin-right:20px;font-size:16px;font-family: 'swatch_ctbold';text-transform:capitalize;line-height:normal} .product-view .product-shop .add-to-links .link-wishlist{margin-top:6px;float:left;display:block;margin-right:20px;} /*.product-view .product-shop .add-to-links .link-wishlist:hover{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon-wishlist-H.png) no-repeat left top;width:25px;height:24px;}*/ /*.product-view .product-shop .add-to-links .link-wishlist:hover img{display:none}*/ .shareBlock{display:inline-block;height:26px;padding:11px 27px 0 7px} .shareBlock.active{background:#ececec;} .shareBlock.active .link-share,.shareBlock .link-share:hover{color:#000000} .add-to-links .social{float:left;display:none} .social li{float:left;margin-left:24px;} .social li:first-child{margin-left:0} .social li a{height:16px;display:block;background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/social_sprite_sm.png) no-repeat left top;-webkit-transition: background .2s linear;-moz-transition: background .2s linear;transition: background .2s linear;} .social li a img{visibility:hidden} .social li.fb a{width:8px;background-position:left top} .social li.tw a{width:15px;background-position:-8px top} .social li.pin a{width:16px;background-position:-23px top} .social li.mail a{width:17px;background-position:-39px top} .social li.gplus a{width:15px;background-position:-56px top} /*hover state*/ .social li.fb:hover a{background-position:left bottom} .social li.tw:hover a{background-position:-8px bottom} .social li.pin:hover a{background-position:-23px bottom} .social li.mail:hover a{background-position:-39px bottom} .social li.gplus:hover a{background-position:-56px bottom} .product-view .product-name{padding:0 0 60px 0;} .product-view .product-name h1 { font-size:28px; font-weight:normal;text-transform:uppercase } .product-view .product-name h1 span{color:#000000} .product-view .product-name span{font-family: 'swatch_ctbold',Arial,sans-serif;text-transform:uppercase;color:#999999} .product-view .product-name .product-id{font-size:16px;} .product-view .product-name span.localename {font-family: 'swatch_ctbold'; color:#000;line-height:52px; text-transform:uppercase;font-size:16px;} .product-view .product-ids { text-transform:uppercase; } .product-view .short-description {margin:20px 0; clear:both; font-size:14px;line-height:22px;width:95%;padding-right:5%;height:114px; position:relative; overflow-y:auto} .product-view .short-description::-webkit-scrollbar{ width:10px; background-color:#f6f6f6; } .product-view .short-description::-webkit-scrollbar-thumb{ background-color:#e1e1e1; } .product-view .short-description::-webkit-scrollbar-thumb:hover{ background-color:#c9c9c9; } .product-view .short-description::-webkit-scrollbar-thumb:active{ background-color:#c9c9c9; } .product-view .short-description p{margin:0;} .product-view .short-description h2 { margin:0 0 5px; font-size:13px; } .product-view .product-shop .add-to-cart {padding:2px 15px 10px 0;display:block } .product-view .product-shop .add-to-cart .btn-cart{display:block;margin:0;} /* Rating */ .rating-box { width:70px; height:10px; font-size:0; line-height:0; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_rating.gif) 0 100% repeat-x; overflow:hidden; } .rating-box .rating { float:left; height:10px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_rating.gif) 0 0 repeat-x; } .ratings { margin:5px 0; } .ratings .rating-box { float:left; margin-right:5px; } .ratings .amount { font-size:12px; } .ratings .rating-links { margin:0; font-size:11px; } .ratings .rating-links a { text-decoration:underline; } .ratings .rating-links a:hover { text-decoration:none; } .ratings .rating-links .separator { margin:0 3px; } .ratings dt {} .ratings dd {} /* Availability */ .availability { font-weight:bold; } .availability.in-stock { color:#1b6800; } .availability.out-of-stock { color:#fff; } .availability-only { margin:10px 0 7px; line-height:16px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/i_availability_only.gif) 0 50% no-repeat; padding-left:15px; } .availability-only span, .availability-only a { border-bottom:1px dashed #751d02; color:#000; } .availability-only a { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/i_availability_only_arrow.gif) 100% 0 no-repeat ; cursor:pointer; padding-right:15px; text-decoration:none; } .availability-only .expanded { background-position:100% -15px; } .availability-only strong { color:#d12c01; } .availability-only-details { margin:0 0 7px; border:1px solid #d9d9d9; } .availability-only-details thead { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_thead.gif) repeat-x scroll 0 0 #e8e8e8; } .availability-only-details th, .availability-only-details td { padding:2px 8px; } .availability-only-details th { border-bottom:1px solid #d9d9d9; font-size:10px; text-transform:uppercase; } .availability-only-details td { background:#fff; font-size:11px; } .availability-only-details tr.odd td.last { color:#d95e00; font-weight:bold; } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { color:#000000} .price-box-bundle {} /* Regular price */ .regular-price {} .regular-price .price { font-family: 'swatch_ctbold',Arial,sans-serif; } /* Old price */ .old-price { text-decoration:line-through; color:#989696; } .old-price .price-label { white-space:nowrap; color:#989696; } .old-price .price { font-weight:normal; text-decoration:line-through; color:#989696; } .sidebar .old-price .price-label { display:none !important; } /* Special price */ .special-price {} .special-price .price-label { white-space:nowrap; color:#c73615; font-weight:bold; } .special-price .price { font-weight:bold; color:#c73615; } .sidebar .special-price .price-label { display:none !important; } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { white-space:nowrap; } .minimal-price-link { display:block; margin:5px 0; text-decoration:none; } a.minimal-price-link:hover { text-decoration:underline; } .minimal-price-link .label { font-weight:bold; } .minimal-price-link .price { font-weight:bold; } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { font-weight:normal; } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { font-weight:bold; } /* Configured price */ .configured-price {} .configured-price .price-label { font-weight:bold; white-space:nowrap; } .configured-price .price { font-weight:bold; } /* FPT */ .weee { display:block; font-size:11px; } .weee .price { font-size:11px; font-weight:bold; } /* Excl tax (for order tables) */ .price-excl-tax { display:block; } .price-excl-tax .label { display:block; white-space:nowrap; } .price-excl-tax .price { display:block; } /* Incl tax (for order tables) */ .price-incl-tax { display:block; } .price-incl-tax .label { display:block; white-space:nowrap; } .price-incl-tax .price { display:block; font-weight:bold; } /* Price range */ .price-from {} .price-from .price-label { white-space:nowrap; } .price-from .price { white-space:nowrap; } .price-to {} .price-to .price { white-space:nowrap; } .price-to .price-label { white-space:nowrap; } /* Price as configured */ .price-as-configured {} .price-as-configured .price-label {white-space:nowrap; } .price-as-configured .price { font-size:14px; color:#e55100; } /* Price notice next to the options */ .price-notice { padding-left:10px; } .price-notice .price { font-weight:bold; } /********** Product Prices > */ /* Tier Prices */ .product-pricing { background:#fbf4de; border:1px solid #e2d4c7; padding:8px; margin:20px 0; } .product-pricing li { line-height:1.35; margin:2px 0; } .product-pricing li .price { font-weight:bold; } .product-pricing li .benefit { font-weight:bold; } /* Add to Links */ .add-to-links { margin:5px 0 0; } .add-to-links li { } .add-to-links a { color:#999; } .add-to-links a:hover {} .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart {} .add-to-cart label { font-size:15px; vertical-align:middle; margin-right:5px; font-family:'swatch_ctbold',Arial,sans-serif; } .add-to-cart .qty { vertical-align:middle;width:40px; } .add-to-cart .input-qty{float:none;overflow:hidden;} .add-to-cart .input-qty label{margin-right:26px;float:left;} .add-to-cart .paypal-logo { clear:left; text-align:right; } .add-to-cart .paypal-logo .paypal-or { clear:both; display:block; margin:5px 60px 5px 0; } .add-to-cart-alt { white-space:nowrap; padding:5px 0; } .add-to-cart-alt .qty { margin-right:5px; } .add-to-cart-alt .qty, .add-to-cart-alt .button { vertical-align:middle; } button.btn-cart span {} /* On product view */ .product-view .product-essential button.btn-cart span, .add-to-cart button.btn-cart span { padding:0 20px!important; height:45px!important;display:block;margin-top:25px; } .product-view .product-essential button.btn-cart span span, .add-to-cart button.btn-cart span span {text-align:center; border:0; padding:0 !important;font-size:16px;} .product-view .product-essential button.btn-gr span span, .add-to-cart button.btn-gr span span { font-size:14px !important; padding:1px 18px 0 10px !important; } .product-view .add-to-cart .paypal-logo { margin:0; } /* Add to Links + Add to Cart */ .add-to-box {clear:both; display:block; } .add-to-box .add-to-cart {} .add-to-box .add-to-links { margin:0 !important; } .add-to-box .add-to-links li { margin:0 0 2px; } /* Product Options */ .product-options { margin:25px 0 0; } .product-options dt {float:left;padding-top:3px;margin-left:-24px;} .product-options dt div.tip{margin:0 6px 0 0;display: inline;height: 50px;font-size: 18px; vertical-align: middle;} .product-options dt div.tip img{vertical-align:text-top;} .product-options dd{float:left} .product-options dt label {color:#e2001a} .product-options dt .required em { margin-left:5px; } .product-options dd .qty-holder { display:block; padding:10px 0; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dd .qty-disabled { background:none; border:0; padding:3px; color:#000; } .product-options dd { margin:0 0 15px; padding:0;} .product-options dl.last dd.last {} .product-options dd .input-box { display:block; border:1px solid #e2001a;} .product-options dd input.input-text { width:98%; } .product-options dd input.datetime-picker { width:150px; } .product-options dd .time-picker { display:-moz-inline-box; display:inline-block; padding:2px 0; vertical-align:middle; } .product-options dd .time-picker select { vertical-align:middle; } .product-options dd textarea { width:98%; height:8em; } .product-options dd select { width:100%; } .product-options .options-list {} .product-options .options-list li { vertical-align:middle; margin:0; padding:2px 0; line-height:1.315; } .product-options .options-list input.radio { float:left; margin:2px -18px 0 0; } .product-options .options-list input.checkbox { float:left; margin:2px -20px 0 0; } .product-options .options-list .label { display:block; margin-left:20px; } .product-options .validation-error .options-list, .product-options ul.validation-failed { padding:2px 1px !important; position:relative; z-index:2; top:-3px; left:-2px; margin-right:-2px; } .options-container-small .product-options .validation-error .options-list, .options-container-small .product-options ul.validation-failed { padding:0 1px !important; position:relative; z-index:2; top:-1px; left:-2px; margin-right:-2px; } .product-options li { margin:3px 0; } .product-options-bottom .product-pricing { clear:both; } .product-view .product-options-bottom { padding:0; margin:0 0 5px; } .product-view .product-options-bottom .add-to-cart { float:left; padding-right:15px; padding-bottom:20px; } .product-view .product-options-bottom .price-box { margin:0 !important; float:right; } .product-view .product-options-bottom p.required { padding:5px 0 0; clear:both; text-align:right; width:auto; } /* Options in product info column */ .options-container-small { margin:20px 0 0; } .options-container-small .product-options-bottom { float:left; } .options-container-small .product-pricing { display:none; } .options-container-small .price-box { display:none; } .options-container-small .add-to-cart { padding:13px 15px 0 0 !important; } .options-container-small .product-options-bottom p.required { padding:0 0 0 90px; width:auto; float:left; clear:left; text-align:left; } .options-container-small dt { clear:left; float:left; line-height:1.2; width:10em; padding:3px 5px 3px 0; margin:0 0 8px; } .options-container-small dd { float:left; width:275px; border-bottom:0; padding:0; margin:0 0 8px; } .options-container-small .product-options { margin:0 0 0; } /* Options after product info column */ .options-container-big { clear:both; background:#fff; padding:20px; border-top:1px solid #cfcfcf; border-width:1px 0; } /* Bundle product - alternative view */ #customizeTitle { margin:0; } .bundleProduct {} .product-options .bundle-summary { font-size:11px; } .bundleProduct .product-options { font-size:12px; margin-top:0; } .bundleProduct .product-options-bottom { padding:0; font-size:12px; margin:0 0 5px; line-height:27px; } .bundleProduct .product-options-bottom .add-to-cart { float:right; margin:0 0 0 20px; } .bundleProduct .product-options-bottom .price-box { margin:0; float:right; } .bundleProduct .product-options-bottom p.required { padding:5px 0 0; width:auto; clear:both; text-align:right; } .with-bundle { position:relative; z-index:1; background:#fff url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_cols.gif) 460px 0 repeat-y; } /**/ #bundle-product-wrapper { margin:-1px -20px -21px; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; float:left; width:938px; overflow:hidden; position:relative; z-index:1; } #bundleProduct { width:1877px; background:#fff url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_cols.gif) repeat-y 279px 0; z-index:1; position:relative; } #productView { margin:0; position:static; border:0; } #options-container { min-height:510px; width:938px; position:relative; z-index:2; float:right; border-left:1px solid #cfcfcf; background:#fff url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_cols.gif) repeat-y 460px 0; left:-1px; } #options-container h1 { text-align:left; } #bundleProduct .add-to-links { float:none; } /* Bundle Product 2 column design */ .col2-left-layout #bundle-product-wrapper, .col2-right-layout #bundle-product-wrapper { width:755px; } .col2-left-layout #bundleProduct, .col2-right-layout #bundleProduct { background-position:574px 0; width:1511px; } .col2-left-layout #options-container, .col2-right-layout #options-container { background-position:277px 0; left:-1px; width:755px; } .col2-left-layout #options-container .product-options, .col2-right-layout #options-container .product-options { width:459px; } .col2-left-layout #options-container .product-options-bottom, .col2-right-layout #options-container .product-options-bottom { width:429px; } .col2-left-layout .bundle-summary, .col2-right-layout .bundle-summary { left:460px; } /* Bundle Product 3 column design */ .col3-layout #bundle-product-wrapper, .col3-layout #options-container { width:572px; } .col3-layout #bundleProduct { background-position:390px 0; width:1144px; } .col3-layout #options-container { background-position:94px 0; } .col3-layout #productView { margin-right:-10px; } .col3-layout #options-container .product-options { width:276px; } .col3-layout #options-container .product-options-bottom { width:246px; } .col3-layout #options-container .product-options-bottom .price-box { float:none; } .col3-layout .bundle-summary { left:277px; } #options-container .product-options { font-size:12px; margin-top:0; font-size:11px; z-index:1; margin:0; width:600px; padding:20px 20px 0; clear:both; position:relative; z-index:1; } #options-container .product-options-bottom { padding:0 20px 20px; width:600px; margin:0 0 5px; } #options-container .product-options-bottom .add-to-cart { float:right; margin:0 0 0 20px; } #options-container .product-options-bottom .price-box { margin:0 0 15px; float:right; } #options-container .product-options-bottom p.required { padding:5px 0 0; width:auto; clear:both; text-align:right; } .moving-now {} .bundle-summary { background:#fff; position:absolute; z-index:2; left:643px; margin-top:0; padding:20px; width:256px; } .bundle-summary .product { background:#fff; border-bottom:1px solid #ddd; margin-bottom:10px; padding:10px 8px; -webkit-box-shadow:0px 0px 5px #999; -moz-box-shadow:0px 0px 5px #999; box-shadow:0px 0px 5px #999; } .bundle-summary .product .block-title { background:none; border:solid #e6e6e6; border-width:0 0 1px; margin:0 0 10px; padding:5px 0; position:relative; } .bundle-summary .product .block-title h2 { color:#5a5a5a; font-weight:normal; padding-left:5px; } .bundle-summary .product-image { border:1px solid #d6d6d6; float:left; margin:0 -60px 0 0; } .bundle-summary .product-details {} .bundle-summary .product-details p.availability { font-weight:bold; font-size:11px; margin:28px 0 0; position:relative; } .bundle-summary .price-box { margin-bottom:35px; } .bundle-summary .price-box .price-as-configured .price { font-weight:normal; } .bundle-summary .price-box .price-as-configured .price-label { color:#010101; font-size:14px; font-weight:normal; margin-right:10px; } .bundle-summary .product-name { font-size:16px; color:#111; } .bundle-summary .product .add-to-links { border-top:1px solid #e6e6e6; margin-top:10px; padding:7px 0 2px 5px; } .bundle-summary .product .add-to-links .clickable > strong, .bundle-summary .product .add-to-links a { color:#ef5d24; font-weight:bold; } .bundle-summary .product .add-to-links li { display:inline-block; } .bundle-summary .product .add-to-links li:first-child { margin-right:15px; } .bundle-summary .summary { padding:10px 8px !important; -webkit-box-shadow:0px 0px 5px #999; -moz-box-shadow:0px 0px 5px #999; box-shadow:0px 0px 5px #999; } .bundle-summary .summary h4 { border-bottom:1px solid #e6e6e6; color:#5a5a5a; font-size:14px; font-weight:normal; padding:0 0 5px 5px; } .bundle-summary .summary ul { margin:6px 0 10px; } .bundle-summary .summary li { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_dots.gif) repeat-x bottom; margin:0; padding:11px 0 7px; } .bundle-summary .summary .last { background:none; padding-bottom:0; } .bundle-summary button.btn-cart span, .bundle-summary button.btn-cart span span { background-image:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bg_bundle_btn.gif); font-weight:normal !important; height:23px !important; line-height:23px !important; padding:0 0 0 18px !important; } .bundle-summary button.btn-cart span span { padding:0 18px 0 0 !important; } .bundle-summary .add-to-cart .qty { margin-right:80px; } .bundle-summary .add-to-cart button { margin:10px 0 0; } .bundle-summary .add-to-cart .paypal-logo { text-align:left; } .bundle-summary .add-to-cart .paypal-or { margin:5px 0 5px 42px; } #bundleProduct .page-title a { color:#ef5d24; position:relative; text-decoration:none; top:4px; } #bundleProduct .page-title a:hover { text-decoration:underline; } #bundleProduct .page-title a small { font-size:14px; font-weight:bold; } #bundleProduct .product-options { padding:0; width:642px; } #bundleProduct .product-options dt, #bundleProduct .product-options dd { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bg_bundle_options.png) repeat-x; } #bundleProduct .product-options dd { background-position:0 -33px; border-bottom:1px solid #bfbfbf; margin:0; padding:20px 10px 20px 30px; } #bundleProduct .product-options dt { border-bottom:1px solid #e6e6e6; color:#010101; line-height:32px; padding:0 10px 0 30px; } #bundleProduct .product-options dl.last .last { border-bottom:none; } #bundleProduct .product-options p.required { padding:0; position:absolute; right:10px; top:10px; } #bundleProduct .product-options-bottom { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bg_bundle_options_bottom.png) repeat-x 0 0; padding:11px 15px 0; width:612px; } #bundleProduct .product-options-bottom a { color:#ef5d24; font-size:11px; font-weight:bold; text-decoration:none; } #bundleProduct .product-options-bottom a:hover { text-decoration:underline; } #bundleProduct .product-options-bottom a small { font-size:14px; } #bundleProduct .product-options-bottom .price-as-configured { font-size:11px; } #bundleProduct .product-options-bottom .price-as-configured .price { font-size:12px; vertical-align:baseline; } #bundleProduct .product-options-bottom .price-as-configured .price-label { color:#010101; font-weight:bold; margin-right:15px; } /* Grouped Product */ .groped-product-type { position:relative; z-index:2; margin:20px -30px -20px; background:#fff; border-top:1px solid #cfcfcf; padding:20px 30px 0; } .grouped-items td { vertical-align:middle; padding:5px 10px; } /* Gift Card product */ .giftcard-form {} .giftcard-amount-form { margin:0 0 10px; } .giftcard-amount-form label { width:120px; text-align:left; padding-right:5px; } .giftcard-amount-form .form-list .input-text { width:70px; } .giftcard-amount-form .form-list select { width:150px; } .giftcard-amount-form .form-list .input-box { padding-right:20px; margin-right:9px; } .giftcard-amount-form .form-list .input-box .v-fix { white-space:nowrap; } .giftcard-amount-form .form-list .input-box p.notice { float:left; padding:0; clear:left; width:55px; margin:5px -100px 0 0; white-space:nowrap; font-size:11px; position:relative; z-index:1; } .giftcard-amount-form .form-list .input-box p.notice span { margin-right:5px; display:block; } .giftcard-send-form { background:#fff; z-index:2; position:relative; border-top:1px solid #ddd; padding:30px 30px 10px; margin:0 -30px -30px; } .giftcard-send-form label { width:120px; text-align:left; padding-right:5px; padding-bottom:5px; } .giftcard-send-form .field label { padding-bottom:0; } .giftcard-send-form .field .input-text { width:249px !important; } /* Block: Related */ .product-view .box-related { font-size:11px; } .product-view .box-related p { margin:0; } .product-view .box-related .product-name { font-size:12px; } .product-view .box-related .price-box { margin:8px 0; } .product-view .box-related .note { padding:5px 20px; margin:0; font-size:12px; background:#f7edda; } .product-view .box-related .note, .product-view .box-related .note a { color:#d02600; } .product-view .box-related input.checkbox { position:absolute; margin:3px 0 0 105px; } .product-view .box-related ol { padding:20px 0 20px 20px !important; } .product-view .box-related li.item .item-info { margin-right:20px; } .product-view .box-related li.item { width:31.5%; float:left; margin-right:1%; } .product-view .box-related li.item p a { color:#999; } .product-view .box-related li.item .product-image { float:left; margin-right:-100px; width:100px; } .product-view .box-related li.item .product-details { margin-left:125px; } /* 3 Column Block: Related */ .col3-layout .product-view .box-related li.item .product-image { display:block; float:none; margin:0 auto; } .col3-layout .product-view .box-related li.item .product-details { margin-left:0; } .col3-layout .product-view .box-related input.checkbox { margin-left:135px; } /* Block: Upsell */ .product-view .box-up-sell .products-grid { padding:30px 0 10px 61px; margin:0; } .product-view .box-up-sell .products-grid li { width:176px; margin-right:40px; display:inline; } /* 2 Column Block: Upsell */ .col2-left-layout .product-view .box-up-sell .products-grid, .col2-right-layout .product-view .box-up-sell .products-grid { padding:30px 0 10px 30px; margin-right:0; } .col2-left-layout .product-view .box-up-sell .products-grid li, .col2-right-layout .product-view .box-up-sell .products-grid li { display:inline; width:140px; } /* 3 Column Block: Upsell */ .col3-layout .product-view .box-up-sell .products-grid { padding:30px 0 10px 15px; margin:0; } .col3-layout .product-view .box-up-sell .products-grid li { width:135px; margin-right:2px; display:inline; } /* Block: Tags */ .product-view .box-tags {} .product-view .box-tags h3 { font-size:12px; font-weight:normal; } .product-view .box-tags .form-add-tags { padding:5px 0 0 0; } .product-view .box-tags .form-add-tags label { margin:0; font-weight:bold; font-size:12px; padding:2px 15px 0 0; height:4em; float:left; } .product-view .box-tags .form-add-tags .input-box { margin:0; display:inline-block; } .product-view .box-tags .form-add-tags div.validation-passed, .product-view .box-tags .form-add-tags div.validation-error { padding-right:17px; } .product-view .box-tags .form-add-tags input.input-text { width:300px; } .product-view .box-tags .form-add-tags button.button { margin-left:5px; vertical-align:top; } .product-view .box-tags .form-add-tags p { padding:5px 0; font-size:11px; } .product-view .box-tags .tags-list { margin:15px 0; line-height:1.5em; } .product-view .box-tags .tags-list li { display:inline; font-size:10px; margin:0 5px 0 0; } .product-view .box-tags .tags-list li a { text-decoration:none; font-size:12px; margin:0; padding:3px; background:#fffcf0; } .product-view .box-tags .tags-list li a:hover { text-decoration:underline; } .product-view .box-tags .form-add-tags .input-box , x:-moz-any-link { float:left; }/* FireFox 2 fix */ .product-view .box-tags .form-add-tags .button , x:-moz-any-link { margin-bottom:15px; }/* FireFox 2 fix */ .product-view .box-tags .form-add-tags .input-box , x:-moz-any-link, x:default { float:none; }/* FireFox 3 restore */ .product-view .box-tags .form-add-tags .button , x:-moz-any-link, x:default { margin-bottom:0; }/* FireFox 3 restore */ /* Block: Reviews */ .product-view .product-main-info .review-summary-table { margin:10px 0; } .review-summary-table { border:0; margin:30px 0; } .review-summary-table th, .review-summary-table td { padding:5px 20px; } .review-summary-table tr.last td { border:0; } .review-summary-table th.label, .review-summary-table td.label { width:1px; white-space:nowrap; padding-left:0; background:none;font-family: 'swatch_ctbold';font-weight:normal;text-transform:uppercase;color:#000000 !important;font-size:12px !important } ul.review-summary-table{margin:4px -88px 0px;border-bottom:1px solid #ececec !important;padding:39px 88px 68px 88px;} .review-summary-table li{clear:both; overflow:hidden;margin-top:4px;} .review-summary-table li:first-child{margin:0px} .review-summary-table li .label { width:76px;float:left; white-space:nowrap; padding-left:0; background:none;font-family: 'swatch_ctbold';font-weight:normal;text-transform:uppercase;color:#000000 !important;font-size:12px !important } .review-summary-table li .value{float:left;margin-top:3px;} .review-summary-table tbody tr:nth-child(2n), .review-summary-table tr.even{background:none} .review-summary-table tr:last-child td, .review-summary-table tr:last-child th { border-bottom:0px } .product-view .box-reviews .pager { border-width:1px 0; margin:0; } .product-view .box-reviews dt { margin:10px 0;} .product-view .box-reviews dt a { font-style:normal; font-family: 'swatch_ctbold';font-size:18px;color:#000000; } .product-view .box-reviews dt .author{/*font-family: 'swatch_ctbold';*/font-weight:bold} .product-view .box-reviews dt p{display:inline} .product-view .box-reviews dd { margin:15px 0 46px; padding:0 0 10px; clear:both; } .product-view .box-reviews dd p { margin:0 0 10px;line-height:22px; } .product-view .box-reviews dd .date { margin:0 0 10px; font-style:italic; } .product-view .box-reviews dd.last { background:none; margin-bottom:0; } /* Add Review Form */ .product-view .box-reviews .product-name { font-weight:normal; margin-bottom:20px;padding:0 50px 0;color:#000000;font-size:30px;margin-left:-40px; } .product-view .box-reviews .product-name span { } .product-view .box-reviews .form-list { margin:15px 0; } .product-view .box-reviews .form-list li{margin:0 0 20px 0} .product-view .box-reviews .form-list .input-box {} .product-view .box-reviews .form-list label{text-align:left;padding:0 0 5px 9px;display:block; font-family: 'swatch_ct_webbold';font-size:13px;font-weight:normal} .product-view .box-reviews .box-content-reviews{float:left;width:316px;} .product-view .box-reviews .box-content-reviews label{padding-left:0;} .product-view .box-reviews .box-content-form{float:left;width:400px;} .product-view .box-reviews .form-list .review-summary-table thead { background:none; } .product-view .box-reviews .form-list .review-summary-table thead th { background:none; border:0; } .product-view .box-reviews .form-list .review-summary-table .value { text-align:center;padding:0 0 20px 20px; } /* ======================================================================================= */ /* Product Review ======================================================================== */ .review-product-list .col-main { padding-top:0; } .product-review {} .product-review .product-img-box { float:left; width:285px; } .product-review .product-img-box .product-image { display:block; margin:0 0 15px; } .product-review .details { float:right; width:400px; } .product-review .details .product-name { font-size:15px; font-weight:bold; color:#151515; line-height:19px; margin:0 0 10px; } .product-review .details p.date { font-size:12px; font-style:italic; } .product-review .details p { margin:10px 0; } .product-review .details .review-summary-table { margin:10px 0; } .product-review .buttons-set { clear:both; padding:25px 0 0; } .review-product-view .col-main { background:#fff url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_cols.gif) repeat-y -430px 0; padding:0; } .review-product-view .col-main .page-title { margin-left:0; margin-right:0; } .review-product-view .product-review .product-img-box { padding:0 0 20px 20px; } .review-product-view .product-review .details { width:570px; padding:0 20px 20px 0; } .review-product-view .product-review .buttons-set { border-top:1px solid #d1d1d1; background:#fff; margin:0; padding:15px 20px; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size:15px; color:#646464; } .product-name a { color:#646464;} .product-name a:hover { color:#646464; text-decoration:none; } /* Product Tags */ .tags-list { margin:5px 0; } .tags-list li { display:inline; font-size:12px; } .tags-list li a { text-decoration:none; margin:0 2px 0 0; } .tags-list li a:hover { text-decoration:underline; } /* Advanced Search */ .search-summary { padding:10px 10px 0; margin:10px 0 0; font-size:12px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_dots.gif) repeat-x 0 0; } .search-summary li { margin:2px 0; } /* Sitemap */ .page-sitemap .links { display:block; text-align:right; margin:0 20px -36px 0; } .page-sitemap .links a { position:relative; } .page-sitemap .sitemap { padding:0 20px; margin:15px 0; font-size:12px; } .page-sitemap .sitemap li { margin:3px 0; } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart-empty { padding:45px 5.859375%;background:#ffffff;min-height:340px;margin-bottom:30px; } .col-main .cart-empty .page-title{padding-bottom:135px;} .cart-empty p{text-align:center;font-family: 'swatch_ctbold';font-size:15px;color:#000000} .cart { background:#ffffff;margin:13px 0px 30px 0px;padding:54px 5.859375%;position:relative} .cart .cart-help{position:absolute;right:161px;top:-28px;font-family: 'swatch_ctbold';font-size:15px} .cart .title-buttons { padding-right:15px; } .cart .messages, .cart .messages li { margin:0; } .cart .checkout-types { float:right;} .cart .checkout-types .paypal-or { margin:0 8px; line-height:2.3; } .cart .checkout-types fieldset { display:inline; } .cart .checkout-types .btn-proceed-checkout{width:100%} .cart .checkout-types .btn-proceed-checkout span { text-align:center;height:54px;line-height:54px; } .cart .checkout-types .btn-proceed-checkout span span { } .cart .title-buttons .checkout-types li { float:left; margin:0 0 5px 5px; } #estimate_method_select{background : url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/select-dn.png) no-repeat 5% center;direction:rtl;} .cart ul.messages {padding-bottom: 12px} /* Shopping Cart Table */ .cart-tab#le { border-width:2px 0; } .cart-table tr{border-bottom:2px solid #ececec} .cart-table tr.mysteryblock{background:#ccffcc;} .cart-table tr.quizzblock{background:#ccffcc;} .cart-table .item-msg { font-size:10px; } .cart-table thead th { vertical-align:bottom;padding:0px 12px 16px; } .cart-table tbody td { padding:66px 12px 35px; } .cart-table .price{font-size:16px;} .cart-table td.a-right span.price{padding-right:12px;} .cart-table tr.mysteryblock td {padding:35px 12px;} .cart-table tr.quizzblock td {padding:35px 12px;} .cart-table td{vertical-align:middle;color:#000000} .cart-table td.top {vertical-align:top;} .cart-table td.last{border-top:2px solid #ffffff;border-bottom:2px solid #ffffff;padding-right:0px;} #checkout-review-table-wrapper .cart-table td.last{border-top:1px solid #ececec;border-bottom:1px solid #ececec;} .cart-table tr.mysteryblock td.last{border-color:#ccffcc} .cart-table tr.quizzblock td.last{border-color:#ccffcc} .quizz_terms{color: #000000;} .cart-table .btn-continue { float:left; background:none; border:none; } .cart-table .btn-continue span { background:none; border:none; text-transform:none; color:#444; text-decoration:underline; font-weight:normal; padding:0; } .cart-table .btn-update { float:right; margin-left:5px; } .cart-table .btn-empty { float:right; } .cart-table {background-color: #ffffff;} .cart-table .product-image{float:left;margin:0 25px 0 0;/*width:75px;*/} .cart-table .product-block{padding:8px 0 0 100px; min-width:250px;} .cart-table .product-block.full{} .cart-table .product-block span{display:block;} .cart-table .product-block .product-id{color:#646464} .cart-table .product-block .product-name{font-family: 'swatch_ctbold';font-size:20px;color:#000000;} .cart-table .product-block .product-name a{color:#000000;} .cart-table .product-block dl dt{float:left;} .cart-table .input-qty{float:none} .cart-table .item-options{padding:15px 0 0 0;width:100%} .cart-table .btn-remove{float:right;margin:auto;font-size:20px;border:2px solid #f2f2f2;width:17px;height:17px;display:block;text-align:center;line-height:17px;color:#000000;text-indent:inherit;background:none} .cart-table input[type="checkbox"]{margin-right:13px;} .cart-table label{font-size:14px;} .cart-table p{padding-bottom:5px;line-height:14px;} .cart-table .readmore{text-decoration:underline;color:#000000} .cart-table .readmore:hover{text-decoration:none!important;color:#e2001a} .cart-table .input-qty span{line-height:18px;} /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { width:630px; padding:20px 0 10px; } .cart .cross-inside { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_crosssell.gif) repeat-y 0 0; } .cart .cart-collaterals h2 { color:#000; font-weight:normal; margin:0 0 5px; } .cart .deals { float:left; width:280px; display:inline; margin:0 0 0 30px; font-size:12px; } .cart .deals p, .cart .deals label { margin:0 0 7px; display:block; } .cart .deals .input-text { width:140px; margin:0 5px 3px 0; float:left; } .cart .deals .widget-sku { display:block; margin:0 0 20px; width:264px; } .cart .deals .widget-sku .block-title { background:inherit; border:inherit; color:#000; font-size:16px; margin:0 0 5px; padding:0; } .cart .deals .widget-sku .block-title strong { font-weight:normal; } .cart .deals .widget-sku .block-content { padding:0; } .cart .deals .widget-sku .sku-table td input { width:98%; } .cart .giftcard { position:relative; z-index:1; } .cart .giftcard button.check-gc-status { clear:both; } .cart .giftcard button.check-gc-status span { padding:0 !important; background:none !important; line-height:1.3 !important; color:#444 !important; height:auto !important; font-weight:normal !important; text-transform:none !important; } .cart .giftcard button.check-gc-status span span { text-decoration:underline; font-size:12px !important; } .cart .giftcard, .cart .discount { margin:0 0 20px 0; } .cart .cancel-btn { margin:5px 30px 0 0; clear:left; } .cart .shipping { float:left; margin:0 0 0 30px; display:inline; font-size:12px; width:280px; } .cart .shipping select { width:256px; } .cart .shipping .input-text { width:250px; } .cart .shipping p { margin:0 0 15px; } .cart .shipping .buttons-set { width:256px; } .cart .shipping .form-list label { float:none; width:auto; text-align:left; padding:0; } .cart .shipping .form-list .input-text, .cart .shipping .form-list select { display:block; float:none; } .cart .crosssell { float:left; min-height:400px; width:260px; padding:0 20px 15px 30px; border:1px solid #d9d9d9; border-width:0 1px 0 0; background:#fbf3f0; } .cart .crosssell h2 { font-size:11px; color:#cd3800; font-weight:bold; text-transform:uppercase; } .cart .crosssell .item { padding:17px 0 0 ; } .cart .crosssell .product-image { float:left; margin:3px -90px 0 0; } .cart .crosssell .product-shop { margin-left:90px; } .cart .crosssell .product-name, .cart .crosssell .price-box, .cart .crosssell p, .cart .crosssell .add-to-links { margin:0 0 5px; } .cart .crosssell .add-to-links li { margin:0; } /* Shopping Cart Totals */ .cart .totals { float:right; width:515px; padding:0; font-size:15px;margin:72px 77px 0 0 } .cart .totals table { width:100%; } .cart .totals table th, .cart .totals table td { padding:0 0 30px 0; } .cart .totals table tfoot strong { font-weight:normal; font-size:15px; color:#000000; display:block; margin:10px 0 15px;text-transform:uppercase;font-family: 'swatch_ctbold'; } .cart .totals table tfoot .summary-total td { padding:0 0 20px; } .cart .totals table tfoot th strong { margin:0; } .cart .totals table tfoot td .price { font-family: 'swatch_ctbold'; } .cart .totals table td .vat, .cart .totals table td .price, .cart .totals label{font-size:15px;color:#000000;text-transform:uppercase} .cart .totals table td .price{font-size:16px;} .cart .totals label{line-height:32px;margin-right:15px;float:left} .cart .totals select{padding:5px;float:left;background-color:#ffffff;border:2px solid #c5c5c5;width:222px} .cart .totals .btn-remove { vertical-align:middle; } .cart .totals .btn-remove img { vertical-align:baseline; } .title-buttons .checkout-types{margin-right:80px;} .cart .totals .checkout-types li, .title-buttons .checkout-types li{ margin:0 0 18px 0;float:right;clear:both;width:325px; height:54px;display:block} .cart .checkout-types li a{display:block;height:54px;line-height:54px;background:#ececec;padding:0 4px 0 28px;font-family: 'swatch_ctbold';font-size:15px;text-transform:uppercase;text-align:left;color:#646464;} .cart .checkout-types li a:hover{color:#E2001A;} .cart .checkout-types li a img{float:right;margin-top:4px;} .cart .totals .checkout-types .paypal-or { clear:both; display:block; padding-top:8px; line-height:1.0; font-size:11px; } .cart .totals .a-right .sub-title{ font-family: 'swatch_ctbold';} .failed-products { border:1px solid #E9581F; } .failed-products .sub-title { background:#FFF5F3 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_error.gif) no-repeat 10px 50%; color:#D91A00; margin:0; padding:10px 10px 10px 30px; border-bottom:1px solid #E9581F; } .failed-products .item-msg.error { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_error.gif) no-repeat left; font-size:11px; color:#D91A00; padding:5px 0 5px 20px; } /* Empty Cart Add by SKU */ .cart-empty .failed-products { clear:both; z-index:1; position:relative; margin:40px -20px -21px; } /* Options Tool Tip */ .item-options p { font-size:11px; font-weight:bold; text-transform:uppercase; padding:10px 12px 0 12px; } .item-options dt { padding:7px 0 7px ; } .item-options dd { padding-bottom:5px; } .truncated { cursor:help; margin:5px 0 0; position:relative; z-index:1; width:110px; } .truncated:hover { z-index:2; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; text-decoration:none; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_dots.gif) repeat-x 0 100%; color:#514f4f; } .truncated .truncated_full_value {} .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; padding:0; width:190px; border:1px solid #c8c8c8; border-bottom:1px solid #919191; background-color:#fff; } .truncated .truncated_full_value .item-options dl { margin-right:-9px; position:relative; z-index:9999; padding:0 21px 10px 12px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_truncated.gif) no-repeat 100% 38px; } .truncated .show .item-options { top:-20px; left:50%; } .col-left .truncated .show .item-options { left:30px; top:7px; } .col-right .truncated .show .item-options { left:-240px; top:7px; } .top-cart .truncated .show .item-options { top:-60px; left:-206px; } .block-cart .truncated .show .item-options { top:-60px; left:-206px; } /* Item options in the cart */ .data-table .item-options dt { padding:0px 5px 3px 0px; float:left } .data-table .item-options dd { padding-bottom:3px; } .data-table .item-options dd .price { font-weight:bold; margin-left:5px; } /* Line with no products */ .cart-line-no-product p {margin: 10px 5px;font-size: 14px;} .cart-line-img-left {margin: 10px 10px 10px 0;float: left;} .cart-line-img-left img {max-height: 200px;max-width: 400px;} /* ======================================================================================= */ /* Checkout ============================================================================== */ /*opc tabs*/ .opc-tabs{bottom:0; overflow:hidden;left:290px;position:absolute} .opc-tabs ul{} .opc-tabs ul li{float:left;color:#c5c5c5;font-size:19px;height:38px;margin-right:25px;} .opc-tabs ul li span{float:left;display:block;width:31px;height:30px;background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg-bullet-login.png) no-repeat left top;text-align:center;line-height:30px;color:#ffffff;margin-right:12px;text-indent:-9999px} .opc-tabs ul li h2{float:left;color:#c5c5c5;font-size:19px;margin:0;line-height:36px;} .opc-tabs ul li a{display:block;padding:5px 20px;font-size:17px;height:30px;line-height:30px;text-transform:uppercase;font-family:'swatch_ctbold'} .opc-tabs ul li.active a, .opc-tabs ul li:hover a{background:#f6f6f6} .opc-tabs ul li.active span, .opc-tabs ul li:hover span{background-position:left bottom} .opc-tabs ul li.active a, .opc-tabs ul li:hover a{color:#000000} .opc-tabs ul li .number1{background-position:left top} .opc-tabs ul li .number2{background-position:-30px top} .opc-tabs ul li .number3{background-position:-61px top} .opc-tabs ul li.active .number1, .opc-tabs ul li:hover .number1{background-position:left bottom} .opc-tabs ul li.active .number2, .opc-tabs ul li:hover .number2{background-position:-30px bottom} .opc-tabs ul li.active .number3, .opc-tabs ul li:hover .number3{background-position:-61px bottom} /*.opc-tabs ul li.last_item a{width:429px;padding-right:0px;}*/ /**/ .opc-wrapper {margin-bottom:30px;} .opc-wrapper .customer-title .title .selector{width:auto !important;} .opc-wrapper .customer-title .title .selector span{width:3.6em !important;} .opc-wrapper .page-title { margin:0; position:relative; z-index:1; } .opc-wrapper .page-title .callout { position:absolute; top:7px; right:20px; z-index:1; } /* Block: Checkout Progress */ .opc-progress-container { float:left; width:182px; } .opc-progress-container .opc-block-progress { background:#fff; } .opc-progress-container .opc-block-progress .block-title { padding:17px 11px 10px 17px; background:none; border:0; border-bottom:1px solid #cfcfcf; } .opc-progress-container .opc-block-progress .block-title strong { font:18px/1.1 Arial, Helvetica, sans-serif; padding:0; color:#111; } .opc-progress-container .opc-block-progress .block-content { padding:17px 11px 17px 17px; } .opc-progress-container .opc-block-progress dt { font-weight:bold; margin:2px 0 8px; } .opc-progress-container .opc-block-progress dt.complete { font-weight:bold; margin:2px 0 4px; } .opc-progress-container .opc-block-progress dt.complete a { font-weight:normal; text-transform:lowercase; } .opc-progress-container .opc-block-progress dd.complete { margin:5px 0 8px; padding:5px; } .opc-progress-container .block-progress .cards-list dd { padding:0; } .opc-progress-container .block-progress .cards-list .info-table th { font-weight:normal; } .opc {position:relative; } .opc li.section {/* position:relative;*/ } /*.opc .step-title { margin:0 0 1px; position:absolute;top:0;left:0} #opc-login .step-title{left:25%} #opc-shipping .step-title{left:30%} #opc-payment .step-title{left:55%}*/ #opc-payment .validation-advice{width:250px;} .opc .step-title .number {} .opc .step-title h2 { background-color:#e6e6e6; color:#686868; font-size:11px; line-height:22px; padding:0 14px; font-weight:bold; text-transform:uppercase; } .opc .allow .step-title {} .opc .allow .step-title h2 { background-color:#656565; color:#fff; cursor:pointer; } .opc .active {} .opc .active .step-title { margin:0 0 0; padding:0 0 0 0; } .opc .active .step-title h2 {/* background:#d12c01 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_active-step.gif) repeat-x 0 0;*/ color:#fff; text-transform:capitalize; font-weight:normal; border-bottom:1px solid #cfcfcf; cursor:default; font-size:16px; padding:5px 20px 2px; line-height:24px; height:24px;display:inline} .opc .step { min-height:300px; font-size:12px; border-top:0; } .opc .step .tool-tip { right:10px; } .opc .order-review {} .opc .order-review .authentication { margin:0 auto; width:570px; } .opc .order-review .warning-message { color:#222; font-weight:bold; text-align:center; padding:10px 10px 0; } /* Steps */ .opc .form-alt .input-box { width:695px; } .opc .form-alt .input-box select { width:695px; } #checkout-step-login { height:auto !important; min-height:0 !important; padding:0; } #checkout-step-login .col3-set { height:auto !important; min-height:0 !important;font-size:15px; } #checkout-step-login .login-only { background-image:none; } #checkout-step-login h4 { font-size:16px; color:#000; font-weight:normal; margin:0 0 15px; } #checkout-step-login .col3-set .col-1, #checkout-step-login .col3-set .col-2, #checkout-step-login .col3-set .col-3{background:#ffffff;width:18.9375%;text-align:center;padding:52px 6%;min-height:319px;} #checkout-step-login .col3-set .col-2.colspan-2 {width:53.45%;} #checkout-step-login .col3-set h3{min-height:63px;} #checkout-step-login .col3-set .buttons-set {margin:0;} #checkout-step-login .col3-set .col-1.new-users{min-height:inherit;background:#ececec;text-align:left;margin:2px 0 0 0;padding:25px 3% 25px 6%;width:21.9375%} #checkout-step-login .col3-set .content{height:201px;} #checkout-step-login .col3-set .col-1.new-users p{font-family: 'swatch_ct_webbold';color:#000000;margin:0;} #checkout-step-login .col3-set .col-1.new-users a{color:#000000;text-decoration:underline} #checkout-step-login .col3-set .col-1.new-users a:hover{text-decoration:none;} #checkout-step-login .col3-set .col-1 {} #checkout-step-login .col3-set .col-2 {margin-left:3.59375% } #checkout-step-login .col3-set .col-2 .radio { margin-right:5px; } #checkout-step-login .col3-set .col-1 li {margin-bottom:24px;} #checkout-step-login .col3-set .col-2 .form-list li { background:none; padding-left:0; } #checkout-step-login .form-list label, #checkout-step-login .form-list .label { width:90px; } #checkout-step-login .btn-only { padding:0 0 0 105px; text-align:left; width:214px; } #checkout-step-login .btn-only .button { float:right; } #checkout-step-login p { margin:0 0 15px;font-size:15px;line-height:22px;color:#7a7a7a; } #checkout-step-login .form-list p { padding-left:105px; margin:0; } #checkout-step-login .form-list .input-text { width:210px; } #checkout-step-login .form-list li.note { padding-left:0; margin:0 0 9px; width:auto; clear:left;text-align:left;} #checkout-step-login .form-list li.note a{color:#000000;text-decoration:underline;} #checkout-step-login .form-list li.note a:hover{text-decoration:none;} #checkout-step-login .form-list li.control { float:left; clear:left; } #checkout-step-login .form-list li.control .input-box { float:left;width:100%; } #checkout-step-login #remember-me-box{margin:0;} #checkout-step-login .form-list li.buttons-set { clear:none;margin:68px 0 0 0 } #checkout-step-login ul.messages li.error-msg ul li{margin:0;} /*----------------------------checkout-step-shipping-------------------------------------------------------*/ #co-shipping-form{padding-top:50px;display:block} .opc-wrapper .col2-set{} .opc-wrapper .col2-set .col-1{float:none;padding:0;width:100%} .opc-wrapper #checkoutSteps.column_left, .payment-confirm .col2-set .col-1{width:57.84375%;float:left;background:#ffffff;padding:60px 2.78125% 30px 5.78125%} .payment-confirm .col2-set .col-1, .payment-confirm .col2-set .col-2{ -webkit-transform:translateY(100px); -moz-transform:translateY(100px); transform:translateY(100px); opacity: 0; filter:alpha(opacity=0); -webkit-transition:all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;-moz-transition:all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;transition:all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .payment-confirm .col2-set .show{ -webkit-transform:translateY(0px) !important; -moz-transform:translateY(0px) !important; transform:translateY(0px) !important; opacity: 1 !important; filter:alpha(opacity=100) !important; visibility:visible !important; opacity:1 !important; } .opc-wrapper .col2-set .col-1 h2, .opc-wrapper .col2-set .col-1 h3{margin:0;} .opc-wrapper #opc-shipping .col2-set .col-1 h3{ font-family: 'swatch_ct_regular-webfont';font-size:15px;} .opc-wrapper .column_right, .payment-confirm .col2-set .col-2{/*width:395px;*/width:30.78125%;float:right} .payment-confirm .col2-set .col-1, .payment-confirm .col2-set .col-2{ -webkit-transform:translateY(100px); -moz-transform:translateY(100px); transform:translateY(100px); opacity: 0; filter:alpha(opacity=0); -webkit-transition:all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;-moz-transition:all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;transition:all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .payment-confirm .col2-set .show{ -webkit-transform:translateY(0px) !important; -moz-transform:translateY(0px) !important; transform:translateY(0px) !important; opacity: 1 !important; filter:alpha(opacity=100) !important; visibility:visible !important; opacity:1 !important; } .opc-wrapper #checkoutSteps.column_left.hide, .payment-confirm .col2-set .col-1.hide, .opc-wrapper .column_right.hide, .payment-confirm .col2-set .col-2.hide{ -webkit-transform:translateY(100px); -moz-transform:translateY(100px); transform:translateY(100px); opacity: 0; } .opc-wrapper #checkoutSteps.column_left.show, .payment-confirm .col2-set .col-1.show, .opc-wrapper .column_right.show, .payment-confirm .col2-set .col-2.show{ -webkit-transform:translateY(0px) !important; -moz-transform:translateY(0px) !important; transform:translateY(0px) !important; opacity: 1 !important; filter:alpha(opacity=100) !important; -webkit-transition:all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;-moz-transition:all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;transition:all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .opc-wrapper .column_right .block-title, .payment-confirm .col2-set .col-2 .block-title{padding:36px 31px 10px 31px;}{padding:36px 31px 10px 31px;} .opc-wrapper .column_right .block-cart .block-title{background:#c5c5c5;padding-top:15px;} .opc-wrapper .column_right .block-title h3{float:left;font-size:16px;margin:0;} .opc-wrapper .column_right .block-cart .block-title h3{color:#ffffff} .opc-wrapper .column_right .block-title h3 a{font-size:12px;color:#e2001a} .opc-wrapper .column_right .block-title h3 a:hover{text-decoration:underline} .opc-wrapper .column_right .block-title .btn-cart .block-title{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_basketH.png) no-repeat center center;width:32px;height:25px;padding:0px;float:right;position:relative} .opc-wrapper .column_right .block-title .btn-cart .block-title strong { display:block; padding:0 5px; font-size:11px; font-weight:bold; text-decoration:none; color:#ffffff;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;background:#e2001a;position:absolute;top:-9px;left:-8px; text-align:center;height:16px;line-height:17px;} .opc-wrapper .form-list label{width:auto;text-align:left;display:block;clear:both;float:none;padding-bottom:2px;} .opc-wrapper #checkout-step-payment .form-list label{color:#000000} .opc-wrapper .form-list .customer-title, .opc-wrapper .form-list .customer-name{float:left} .opc-wrapper .form-list .customer-title{} .opc-wrapper .form-list input[type="checkbox"]{margin-right:10px;float:left;} .opc-wrapper .form-list input.input-text, .opc-wrapper .form-list textarea, .opc-wrapper .form-list select{color:#000000} .opc-wrapper #opc-payment .form-list input.input-text, .opc-wrapper #opc-payment .form-list textarea, .opc-wrapper #opc-payment .form-list select{color:#c5c5c5} .opc-wrapper .form-list input.input-text{width:180px;background:#f4f4f4;height:31px;line-height:31px\9;} .opc-wrapper .form-list textarea{width:420px;background:#f4f4f4} .opc-wrapper .form-list select{width:210px;padding:6px 5px;border:0;} #paypalexpress-form .form-list .address-select {width:calc( 100% + 50% );padding:6px 5px;border:0;} .opc-wrapper #opc-payment .form-list select{width:120px;padding:5px 25px 6px 6px;padding:5px 10px 6px 6px\9;} :root .opc-wrapper #opc-payment .form-list select { background: #f4f4f4 \0/IE9;background-image:none \0/IE9} /* IE9 */ .opc-wrapper #opc-payment .form-list input[type="checkbox"]{float:left;margin-right:15px;} .opc-wrapper #co-payment-form .form-list label, .opc-wrapper #co-payment-form .form-list span, .opc-wrapper #co-payment-form .form-list span a{color:#000000;font-size:15px;} .opc-wrapper #co-payment-form span a{font-family:'swatch_ctbold',Arial,sans-serif;} .opc-wrapper #co-payment-form span a:hover{color:#e2001a;} .opc-wrapper #co-payment-form .form-list select{width:auto;} .opc-wrapper .form-list .customer-title select{width:100%;} .opc-wrapper .form-list li.fields .field{clear:none;float:left;margin-right:30px;padding:0;} .opc-wrapper .form-list li.fields .checker{margin-top:2px;} .opc-wrapper li.fields .field .agree{font-size:15px;color:#000000;float:left;line-height:17px; width: 94%;} .opc-wrapper .form-list li.fields .field .agree a{font-family:'swatch_ctbold';color:#000000} .opc-wrapper .form-list .control{padding:0;} .opc-wrapper .form-list li{margin:0 0 46px 0} .opc-wrapper .form-list .control .input-box{margin:0;} .opc-wrapper .form-list .control label{padding-left:30px;text-transform:uppercase} .opc-wrapper .form-list .fields.cgvFields .field{width:100%;margin: 27px 0 !important;} #checkout-payment-method-load select{-moz-appearance:none;text-indent:0.01px;text-overflow:'';padding-right:20px;background:url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/select-dn.png') no-repeat scroll 95% center #F4F4F4;} #checkout-payment-method-load .checker span .validation-advice{opacity:1 !important;display:block !important;margin-top:28px;} #checkout-payment-method-load .checker span.checked .validation-advice{opacity:0 !important;display:none !important;} #checkout-step-payment #payment-buttons-container .button {display:inline !important;} .opc-wrapper .form-list li.wide input.input-text, .opc-wrapper .form-list li.wide textarea{width:420px;} .opc-wrapper .form-list li.wide .address textarea{height:30px;} #checkout-onepage-payment .checker { display:inline; margin-top:3px; } /*---------------------------------------block shipping---------------------------------------------------*/ .block-shipping .block-content{padding:25px 33px 55px 75px} .opc-wrapper .block-shipping .block-title{padding:45px 31px 20px 31px !important;} .block-shipping .block-content h3{font-size:15px;font-family:inherit;padding:0 0 30px 0} .block-shipping .block-content h3 span{text-transform:none;display:block} .block-shipping .delivery{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon-delivery.png) no-repeat 38px 25px} .block-shipping .payment{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon-card.png) no-repeat 38px 25px} .block-shipping .payment img{max-width:100%} .block-shipping-progress{padding:50px 0} .block-shipping-progress h4{font-size:15px;color:#646464} .block-shipping-progress .block-content{padding:25px 0} .block-shipping-progress .block-content ol li{font-size:15px;line-height:25px;color:#000000;font-family:'swatch_ctbold'} .block-shipping-progress .block-shipping, .block-shipping-progress .block-billing {float:left;width:50%} /*-----------------------------end of checkout-step-shipping------------------------------------------------*/ .opc .buttons-set .opc .form-buttons { width:auto; text-align:right; } .opc .buttons-set p.back-link { text-align:right;padding:0; } .opc .buttons-set p.back-link a{display:block;height:59px;line-height:59px;background:#ececec url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/arrow-back.png) no-repeat 31px center;width:192px;font-family:'swatch_ctbold';font-size:18px;text-transform:uppercase;padding:0px 25px 0px 0px} .opc .buttons-set p.back-link a:hover{background:#c5c5c5 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/arrow-back-H.png) no-repeat 31px center;color:#ffffff} .opc .form-buttons{ text-align:right;width:435px;float:right;clear:both;margin:60px 0 20px 0 } .opc #checkout-step-login .col3-set .col-1 .buttons-set .button, .opc #checkout-step-login .col3-set .col-1 .form-buttons .button{float:right;width:auto} .opc .buttons-set .button, #checkout-step-login .form-buttons .button {margin:0;float:none;} #checkout-step-login .form-buttons .button{width:auto} #checkout-step-login .buttons-set .button span, #checkout-step-login .buttons-set a.button{height:40px;line-height:40px;padding-right:7px;background-image:none} #checkout-step-login .buttons-set a.button{background:#ececec;color:#000000} #checkout-step-login .buttons-set a.button:hover, #checkout-step-login .buttons-set button.button:hover span, #checkout-step-login .buttons-set a.button:hover span, #checkout-step-login .buttons-set button.button:hover span span, #checkout-step-login .buttons-set a.button:hover{background-image:none} #checkout-step-login .buttons-set a.button:hover{color:#e2001a} #checkout-step-login .buttons-set a.button{padding:0 15px;display:inline-block;*display:inline;zoom:1;font-size:18px;} .opc p.required { text-align:right; width:auto; padding-left:0; } .opc-wrapper .button{width:218px;} .opc-wrapper .button span{height:59px;line-height:59px;background:#e2001a;color:#ffffff;font-size:18px;} .opc-wrapper .button span span{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon-btn-arrow.png) no-repeat 85% center;padding-right:48px;} .opc-wrapper button.button:hover span{background:#ececec;color:#e2001a;border-left:1px solid #ececec;} .opc-wrapper button.button:hover span span{ background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon-btn-arrow-h.png) no-repeat 85% center;border-left:none;} .paypal-shipping-method .button{text-align:left;margin:20px 0 0 25px;float:left !important} .paypal-shipping-method .button span{background:#e2001a;height:54px;line-height:54px;} .paypal-shipping-method .button span span{background:#e2001a;padding-right:15px;} .paypal-shipping-method .button:hover span,.paypal-shipping-method .button:hover span span{background:#c5c5c5 !important;color:#e2001a} /* qas popup */ .md-modal.qasPopupContent{width:60%;left:20%;top:20%;margin:0;} .md-modal.qasPopupContent .md-content{padding:20px 30px 10px 30px;} .md-modal.qasPopupContent .md-content .md-close{top:30px;right:30px;} .md-modal.qasPopupContent .md-content .md-innercont h1{padding-top:20px;max-width:90%} .md-modal.qasPopupContent .md-content .md-innercont ul.updatedAdressList{padding-top:0;overflow-y:auto;height:120px;} .md-modal.qasPopupContent .md-content .md-innercont ul li{padding-top:10px;} .md-modal.qasPopupContent .md-content .md-innercont .buttons-set{float:left;margin-top:30px;} .md-modal.qasPopupContent .md-content .md-innercont .buttons-set button{margin:0;} .md-modal.qasPopupContent .md-content .md-innercont ul::-webkit-scrollbar{background-color:#f6f6f6;width:10px;} .md-modal.qasPopupContent .md-content .md-innercont ul::-webkit-scrollbar-thumb{background-color:#e1e1e1;} .md-modal.qasPopupContent .md-content .md-innercont ul::-webkit-scrollbar-thumb:hover{background-color:#c9c9c9;} .md-modal.qasPopupContent .md-content .md-innercont ul::-webkit-scrollbar-thumb:active{background-color:#c9c9c9;} .txt-msg{font-size:22px;color:#000000;padding:0 0 50px} /* Hide default std tag for home */ .cms-home .main .col-main .std{display:none;} /*billing fields*/ .billing_fields .form-list{padding:50px 0 0 0;} .checkout-onepage-payment-additional-customerbalance { margin-bottom:5px; } .checkout-onepage-payment-additional-customerbalance .checkbox { margin-left:0; } #checkout-step-review { padding:0; } #checkout-step-review .data-table { border:0; font-size:12px; } #checkout-step-review .data-table .item-options { font-size:11px; } #checkout-step-review .data-table thead th { vertical-align:bottom; font-size:11px; } #checkout-step-review .data-table .product-name { font-size:12px; } #checkout-step-review .data-table tfoot tr.last strong { font-size:14px; } #checkout-step-review .buttons-set { padding:15px 20px; margin:0; } .opc .checkout-agreements { margin:20px; } /* Multiple Addresses Checkout */ .checkout-progress, .checkout-progress li.first span, .checkout-progress li.last span { background-image:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_crumbs.gif); background-repeat:no-repeat; } .checkout-progress { padding:0 0 0 0; border-bottom:1px solid #cfcfcf; background-color:#ededed; text-align:center; margin:-21px -21px 5px; font-size:11px; font-weight:bold; text-transform:uppercase; width:1440px; position:relative; z-index:2; } .checkout-progress li { float:left; width:20%; text-align:center; color:#888; line-height:20px; } .checkout-progress li span { display:block; text-align:center; border-right:1px solid #cfcfcf; } .checkout-progress li.first span { background-position:0 0; } .checkout-progress li.last span { background-position:100% 0; border:0; } .checkout-progress li.active span { color:#fff; background-color:#d12c01; } .multiple-checkout { position:relative; z-index:1; } .multiple-checkout .data-table thead th { vertical-align:bottom; } .multiple-checkout .col3-set .actions { border:1px solid #e4e4e4; padding:3px 9px 4px; float:left; } .multiple-checkout .col3-set address { padding:10px; clear:both; } .multiple-checkout .col3-set, .multiple-checkout .col2-set { margin:0 0 15px; } .multiple-checkout .buttons-set { padding:15px 0; clear:both; width:auto; } .multiple-checkout .buttons-set .button { float:right; } .multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; } .multiple-checkout .grand-total { font-weight:normal; font-size:18px; color:#cd3800; text-align:right; display:block; margin:10px 0 15px; } .multiple-checkout .grand-total .price-label { font-weight:normal; } .multiple-checkout .grand-total .price { font-weight:bold; } .multiple-checkout .sp-methods { font-size:12px; } .multiple-checkout .checkout-multishipping-payment-customerbalance { font-size:12px; margin-bottom:7px; } .multiple-checkout .fieldset label { font-size:11px; } .multiple-checkout .gift-item .fieldset { font-size:11px; width:380px; } /*cart total*/ .opc-wrapper .totals{width:72%;margin:50px 0} .opc-wrapper .totals table { width:100%; } .opc-wrapper .totals table th, .opc-wrapper .totals table td { padding:0 0 30px 0; } .opc-wrapper .totals table td .vat, .opc-wrapper .totals table td .label, .opc-wrapper .totals table td .price, .cart .totals label{color:#000000} .opc-wrapper .totals table tfoot strong { font-weight:normal; font-size:15px; color:#000000; display:block; margin:10px 0 15px;text-transform:uppercase;font-family: 'swatch_ctbold'; } .opc-wrapper .totals table tfoot .summary-total td { padding:0 0 20px; } .opc-wrapper .totals table tfoot th strong { margin:0; } .opc-wrapper .totals table tfoot td .price, .opc-wrapper .totals .a-right .sub-title{ font-family: 'swatch_ctbold'; } .opc-wrapper .totals table td .vat, .opc-wrapper .totals table td .label, .cart .totals table td .price, .cart .totals label{font-size:15px;color:#000000;text-transform:uppercase} .opc-wrapper .totals table td .price{font-size:16px;} .opc-wrapper .totals label{line-height:32px;margin-right:15px;float:left} .opc-wrapper .totals table td p{font-size:15px;width:72%} .opc-wrapper .input-qty input[type="text"]{float:none;padding:2px 0px !important} .opc-wrapper .shareBlock{height:auto;padding:15px 13px;position:relative;width:100px;} .opc-wrapper .shareBlock.active{} .opc-wrapper .shareBlock .link-share{float:left;display:block;margin-right:20px;font-size:16px;font-family: 'swatch_ctbold';text-transform:capitalize} .opc-wrapper .shareBlock .social{display:none;position:absolute;top:48px;left:0px;background:#ececec} .opc-wrapper .shareBlock .social li{margin:0px 10px 14px 18px} .opc-wrapper .shareBlock .social li.gplus{margin-left:9px;} .cart .totals .a-right .sub-title{} /* Review Details */ #checkout-step-review .data-table .btn-remove, .checkout-multishipping-overview .data-table .btn-remove, #details-table .btn-remove { display:-moz-inline-stack; display:inline-block; vertical-align:middle; } .opc-wrapper .col2-set .col-2 .block-content p{font-size:15px;line-height:25px;} /*block-information*/ .block-information .block-title, .block-shipping .block-title{padding:25px 31px 25px !important;} .block-information .block-content{padding:25px 5.859375%;} .block-information .block-content h4{text-transform:none;color:#646464;margin-bottom:25px;} .block-information .block-content ol li{color:#000000;font-family: 'swatch_ctbold';font-size:15px;line-height:25px;} /*block-shipping*/ .block-ship .block-content{padding:45px 75px;} .block-ship .block-content p{font-size:15px;line-height:25px;color:#000000} /*block social*/ .block-social .block-content, .block-feedback .block-content{padding:25px 30px;} .block-social .block-content p, .block-feedback .block-content p{padding-bottom:25px;} .block-social .block-content .social{margin:20px 0 40px 0; overflow:hidden} /*block feedback*/ .block-feedback .block-content .feedback {padding:20px 0 0 30px} .block-feedback .block-content .feedback li{margin-bottom:18px;font-size:15px;color:#8e8e8e} .block-feedback .block-content .feedback li .checker{margin-top:4px;} .block-feedback .block-content .feedback li input[type="checkbox"]{margin-right:22px} .block-feedback .block-content .actions .button{width:175px;text-align:left;margin:20px 0px 0px 25px} .block-feedback .block-content .actions .button span{background:#c5c5c5;height:54px;line-height:54px;} .block-feedback .block-content .actions .button span span{background:#c5c5c5;padding-right:15px;} .block-feedback .block-content .actions .button:hover span,.block-feedback .block-content .actions .button:hover span span{background:#e2001a;color:#ffffff} /*payment-type*/ .payment-type{margin:10px 30px 10px 0;} .payment-type li{float:left;margin-right:24px;border:2px solid #f3f3f3;text-align:center;vertical-align:middle;margin-bottom:25px;display:table} .payment-type li a{display:block;vertical-align:middle;display:table-cell} .payment-type li a img{} .payment-type li.last{margin-right:0;} .payment-type li:hover, .payment-type li.ui-state-active{border-color:#e2001a} /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight:bold; margin-bottom:5px; } .sp-methods dd { margin:0 0 7px; } .sp-methods dd li { margin:5px 0; } .sp-methods .price { font-weight:bold; } .sp-methods .form-list { padding-left:20px; margin:15px 0; } .sp-methods .form-list .input-text { width:250px; } .sp-methods .form-list select { width:256px; } .sp-methods .form-list label { width:155px; } .sp-methods select.month { width:150px; margin-right:10px; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .input-box { line-height:21px; } .sp-methods .radio, .sp-methods .checkbox {} .sp-methods .v-fix .validation-advice { margin-right:-250px; position:relative; z-index:1; width:250px; } .sp-methods .adv-container { padding-left:170px; } .sp-methods .centinel-logos a { margin-right:3px; } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { margin:1.5em 0 2em; } .sp-methods .release-amounts button { float:left; margin:5px 10px 0 0; } .checkmo-list li { margin:0 0 4px; } .checkmo-list label { padding-top:0; } .checkmo-list address { float:left; } .please-wait { position:fixed; z-index:99; top:50%; left:50%; margin:-34px 0 0 -90px; border:5px solid #999; font-size:12px; color:#646464; font-weight:bold; background:#fff; padding:20px; white-space:nowrap; font-family:'swatch_ct_webregular',Arial, Helvetica, sans-serif;} .cvv-what-is-this { cursor:help; margin-left:5px; } /* Payment Bridge */ .pbridge-reload { display:block; text-align:right; } .pbridge-reload a { color:#1e75b4; font-size:11px; } /* Tooltip */ .tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; } .tool-tip .btn-close { text-align:right; } .tool-tip .tool-tip-content { padding:5px; } /* Gift Messages */ .add-gift-message { padding:20px 0; } .add-gift-message h3 { font-size:16px; font-weight:normal; color:#000; line-height:19px; margin:0 0 10px; } .add-gift-message p { margin:10px 0; } .add-gift-message p label{text-transform:uppercase;font-size:15px;} .add-gift-message p .checker{margin:3px 10px 0 0} .gift-message-form { } .gift-message-form .fieldset { padding:10px 0 10px; } .gift-message-form .fieldset .input-text, .gift-message-form .fieldset textarea { width:200px; } .gift-message-form .fieldset textarea { width:200px; height:8em; } .gift-message-form .inner-box { padding:0; overflow:auto; } .gift-message-form .inner-box h5, .gift-message-form .inner-box h4 { font:14px/1.25 Arial, Helvetica, sans-serif; padding:0 20px; color:#222; margin:17px 0; } .gift-message-form .inner-box p { margin:10px 0; padding:0 20px; } .gift-message-form .gift-item { padding:5px 0 0; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_dots.gif) repeat-x 0 100%; } .gift-message-form .gift-item .number { padding:5px 20px 5px; margin-bottom:0; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_dots.gif) repeat-x 0 100%; color:#adadad; font-weight:bold; } .gift-message-form .gift-item .product-img-box { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_dots.gif) repeat-y 100% 0; float:left; width:150px; padding-right:15px; } .gift-message-form .gift-item .product-image { text-align:center; margin:20px; } .gift-message-form .gift-item .product-name { font-size:12px; margin:20px 0 5px; text-align:center; } .gift-message-form .gift-item .fieldset { float:left; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_dots.gif) repeat-y 0 0; padding:20px 0 10px 10px; margin:0 0 0 -2px; } .gift-message-form .gift-item .fieldset label { width:80px; } .gift-message-form .gift-item .gift-wrapping-form { padding:0 20px; } .gift-options-for-order { padding:0 40px; } .gift-options-for-order .fieldset { padding:0; } .gift-options-for-order .fieldset p { padding:0; } .gift-options-for-order .fieldset label { width:80px; } .gift-options-for-order .fieldset .input-text, .gift-options-for-order .fieldset textarea { width:340px; } .gift-wrapping-form { padding:0 0 10px; } .gift-wrapping-form img { border:1px solid #ccc; float:left; margin-right:10px; } .gift-wrapping-form label { margin-right:10px; vertical-align:middle; } .gift-wrapping-form .gift-wrapping-design { overflow:hidden; padding:10px 0 0; width:100%; } .gift-message-link { display:block; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_collapse.gif) 0 4px no-repeat; padding-left:20px; } .gift-message-link.expanded { background-position:0 -53px; } .gift-message-row {} .gift-message-row .btn-close { float:right; width:13px; height:12px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/gift-message-close.gif) 0 0 no-repeat; text-indent:-999em; overflow:hidden; } .gift-message dt strong { font-weight:bold; } /* Checkout Agreements */ .checkout-agreements {} .checkout-agreements li { margin:10px 0; } .checkout-agreements .agreement-content { border:1px solid #d8cea8; font-size:11px; background-color:#fffdef; padding:15px; height:10em; overflow:auto; } .checkout-agreements .agree { padding:10px 0; font-size:12px; font-weight:bold; } .checkout-agreements .agree .checkbox { margin-right:5px; } /* Centinel */ .centinel { margin:10px 0; } .centinel p { margin:0 0 10px; } .centinel .authentication { border:1px solid #ddd; background:#fff; } .centinel .authentication iframe { width:99%; height:400px; background:transparent !important; margin:0 !important; padding:0 !important; border:0 !important; } .opc .centinel { margin:0; padding:20px; } /* Checkout Success */ .checkout-onepage-success .col-main { font-size:12px; } .checkout-onepage-success .col-main p { margin:0 0 10px; } /********** Common Checkout Styles > */ /* ======================================================================================= */ /* Error message popup */ .errorPop {width:40% !important;margin-left:-20% !important;} .errorPop a.md-close{right:20px;top:20px;} .errorPop .md-content{min-height:200px;} .errorPop .md-innercont{padding:50px;} /* Invitation page ======================================================================= */ #invitationForm p.required { padding-bottom:20px; } /* Compare popup ========================================================================= */ .catalog-product-compare-index tr.last a, .catalog-product-compare-index tr.first a { color:#999; } .catalog-product-compare-index tr.last p, .catalog-product-compare-index tr.first p { margin:10px 0; } .catalog-product-compare-index tr.first .product-name a { color:#333; } .account-login {background-color:#ffffff; margin-bottom:30px;position:relative; font-size:12px; min-height:350px; padding:0 32px 20px 50px;} .login-only { background:none; } .login-only .registered-users { float:none; margin:0 auto; } .account-login .new-users {float:right; width:40%; padding-right: 10%;} .new-users button.btnRegister{float:left;} .account-login .registered-users p { margin-bottom:1.5em; } .account-login .registered-users {float:left;width:40%; padding:0;} .account-login .registered-users .login-field{float:left;width:100%; min-width:300px;} .account-login .login-btn .buttons-set{margin-top:0;padding-right:10%;} .account-login .login-btn .buttons-set button.btnLogin{float:left;margin-left:0;} .account-login .login-btn .buttons-set .btn-register-ancor{float:right;width:45%;} .account-login .login-btn .buttons-set button.btnRegister{float:left;margin-left:0;} .account-login span.required{color:#e2001a;} .account-login .registered-users .form-list li {margin-bottom:20px;float:left;width:100%;} .account-login .registered-users .form-list #password-field{width:180px;float:left;} .account-login .registered-users .form-list #pass{width:150px;} .account-login .spacer { position:absolute; top:100%; left:447px; margin-top:-1px; width:16px; height:3px; font-size:0; line-height:0; background:#fff; overflow:hidden; } .account-login .fieldset { margin:0; } .account-login .form-list input.input-text#email{width:250px;} .account-login .page-title{padding-top:30px !important;} .account-login .fieldset h2 { margin-bottom:.5em; } .account-login .form-list label, .account-login .form-list span.label { width:100%; } .account-login p.required, .account-login .btn-only { padding-left:113px; width:230px; text-align:right; } .account-login .btn-only a { float:left; white-space:nowrap; } .account-login .form-list p { padding:0 0 0 110px; } .account-login .form-list li.note { float:left; padding-left:113px; margin:0 0 9px; width:auto; clear:left; } .account-login .form-list li.note a { font-size:12px; } li#remember-me-box.control { white-space:nowrap; width:170px;float:left;margin:30px 0 0 20px;} li#remember-me-box.control label { margin-right:20px; white-space:normal; width:100%;} li#remember-me-box.control .link-tip { display:inline-block; font-size:11px; line-height:16px; padding-top:2px; white-space:normal; } .account-login .form-list li.buttons-set { float:right; clear:none; padding-right:38px; padding-top:2px; } #advice-validate-password-pass{width:210px;} #advice-validate-email-email{width:280px;} /* */ .sidebar .block-reorder{display:none;} /*my account general alignment*/ .my-account .info-box .box-title{margin-left:0; margin-top:0;font-size:13px;} .my-account .addresses-list .box-content, .my-account .table-caption, .my-account #my-orders-table th, .my-account #my-orders-table td, .my-account .box-content{padding-left:0;} .my-account .form-buttons .button{float:left;} .my-account .buttons-set p.back-link, .customer-account-forgotpassword .buttons-set p.back-link, .account-create .buttons-set p.back-link{width:100%;} .my-account .buttons-set p.back-link a, .customer-account-forgotpassword .buttons-set p.back-link a, .account-create .buttons-set p.back-link a{background:none;width:auto;height:auto;float:left;} .my-account .buttons-set p.back-link a:hover, .customer-account-forgotpassword .buttons-set p.back-link a:hover, .account-create .buttons-set p.back-link a:hover{background:none;color:#000000;text-decoration: underline;} /*my account Pager*/ .sales-order-history .my-account ul, .review-customer-index .my-account ul{height:24px;margin-top:10px;} .sales-order-history .my-account ul li, .review-customer-index .my-account ul li{background: url(http://swatch-eu.lxc/skin/frontend/enterprise/Swatch/images/footer_sep_dash.png) no-repeat 15px center;float: left;padding-left: 30px;} .sales-order-history .my-account ul li.next a, .review-customer-index .my-account ul li.next a{text-indent: -999999px;display: block;width: 12px;height: 20px;background: url(http://swatch-eu.lxc/skin/frontend/enterprise/Swatch/images/arrow-pagi.png) no-repeat left top;margin-top: 2px;} .sales-order-history .my-account ul li.prev a, .review-customer-index .my-account ul li.prev a{text-indent: -999999px;display: block;width: 12px;height: 20px;background: url(http://swatch-eu.lxc/skin/frontend/enterprise/Swatch/images/arrow-pagi.png) no-repeat left bottom;margin-top: 2px;} .sales-order-history .my-account ul li.next a:hover, .sales-order-history .my-account ul li.prev a:hover, .review-customer-index .my-account ul li.next a:hover, .review-customer-index .my-account ul li.prev a:hover{background-position-x:right;} .sales-order-history .my-account ul li a, .review-customer-index .my-account ul li a{font-size: 18px;font-family: 'swatch_ctbold', Arial, sans-serif;} .sales-order-history .my-account ul li a:hover, .sales-order-history .my-account ul li.active a, .review-customer-index .my-account ul li a:hover, .review-customer-index .my-account ul li.active a{text-decoration:underline; color:#000000;} .sales-order-history .my-account ul li:first-child, .review-customer-index .my-account ul li:first-child{padding-left:0;background:none;} /* Customer account Newsletter */ .newsletter-manage-index .input-box{top:1px;float:left;} .newsletter-manage-index li.control{margin-top:20px;} #button-newsletter {margin-top:75px;} /* Customer account reviews */ .review-customer-index .main{padding-top:30px;} .review-customer-index tbody h2{margin:0;} .review-customer-index tbody{margin:20px 10px 20px 0;} .review-customer-index tr{margin-top: 20px;} .review-customer-index td{vertical-align:middle;padding:5px 20px 5px 0} .review-customer-index .page-title{margin-bottom:20px;} .review-customer-index .back-link{margin-top:40px;} .review-customer-view .main{padding-top:30px;} .review-customer-view .my-account h1{margin-bottom:30px;} .review-customer-view .my-account .details{width:50%;} .review-customer-view .product-img-box img{width:auto;height:auto;} /*Create account page*/ .customer-account-create .col-main{background-color: #FFFFFF; margin:30px 0 30px 0;} .account-create {background-color: #FFFFFF; padding-left:50px; padding-right: 50px;} .account-create .page-title{margin:0;} .account-create .create-account-fields{width:70%; float:left;text-align:left;padding-left:50px;} .account-create .create-account-fields .name-firstname{margin-bottom:5px;} .account-create .buttons-set{text-align:center;float:left;} .account-create .form-list .newsletter-box{padding-top:20px;} .account-create .form-list li{margin-bottom:15px;} .account-create span.required{float:left;color:#e2001a;width:100%;} .account-create .buttons-set button.button{margin: 0;float:left;} .account-create .form-list #email_address{width:250px;} .customer-account-create .form-list .validation-advice{width:210px;} .customer-account-create #advice-validate-email-email_address{width:280px;} .customer-account-create p.required{text-align:left;padding:0;margin-bottom:20px;} .customer-account-logoutsuccess .main{background-color:#FFFFFF;margin:30px 0 30px 0;} .customer-account-logoutsuccess .col-main{padding:30px 30px 30px 50px;} .customer-account-logoutsuccess .col-main .page-title{padding-bottom:40px;} /* Customer forgot password */ .customer-account-forgotpassword .main{background-color:#FFFFFF;margin:30px 0 30px 0;} .customer-account-forgotpassword .col-main{padding:30px 30px 30px 50px;} .customer-account-forgotpassword .col-main .page-title{padding-bottom:40px;} .customer-account-forgotpassword .input-box{width:300px;} .customer-account-forgotpassword .buttons-set button.button{float:left;margin-left:0;} .customer-account-forgotpassword .form-list input.input-text{width:100%;} .customer-account-forgotpassword p.required{float:left;text-align:left;padding:0;margin-bottom:20px;} .customer-account-forgotpassword .form-list li{margin-bottom:10px;} /*Customer account dashboard*/ .customer-account-index .main{margin:30px 0 30px 0;padding:0;} .my-account .info-box { border:none; float:left; } .my-account .subpart {float:left;width:100%;} .my-account p{font:14px swatch_ct_webregular, Arial, Helvetica, sans-serif; line-height:20px;} .my-account p a{font-size:11px} .my-account .order-page .col2-set .col-2{float:left;} .my-account .sub-title{font-family:'swatch_ct_webregular',Arial, Helvetica, sans-serif;margin-bottom: 20px;} .my-account .data-table{margin-top:20px;} /*Customer account adress book*/ .customer-address-index .main{padding-top:30px;} .customer-address-index .addresses-primary{float:left;width:100%;} .customer-address-index .addresses-additional{float:left;width:100%;margin-bottom:30px;margin-top:10px;} .customer-address-index .buttons-set {margin-top:30px;} .customer-address-index .buttons-set button.add-address{float:left; height:100%;margin:0;} .customer-address-index .buttons-set button.add-address span{margin:0;} .customer-address-index .addresses-additional ol {padding-left:0;} .customer-address-index .addresses-additional ol address{color:#555;font-family: 'swatch_ct_webregular',Arial, Helvetica, sans-serif;font-size: 14px;} .customer-address-index .addresses-additional ol li{margin-top:20px;} .customer-address-form .main{padding-top:30px;} .customer-address-form .my-account .form-buttons{float:none;} /* Customer account wishlist */ .wishlist-index-index .main{padding-top:30px;} .wishlist-index-index .my-account{padding:30px 2.5% 20px 50px;} .wishlist-index-index .back-link a small{display:none;} .wishlist-index-index .my-wishlist h1{margin-bottom:20px;} .wishlist-index-index .my-wishlist tbody tr{height:100px;} .wishlist-index-index .my-wishlist tbody .price{font-size:16px;} .wishlist-index-index .buttons-set2 {margin-top:20px;margin-bottom:10px;background-color:white;padding:0;} .wishlist-index-index .buttons-set2 .button{margin-top:7px;} .wishlist-index-index .buttons-set button.button{margin:7px 7px 0 0;} .wishlist-index-index .buttons-set button.button{float:left;} .wishlist-index-index .buttons-set button.btn-share{margin-left:0;} .wishlist-index-index .input-text{width:1.2em !important; height:1.2em; text-align:center;} .wishlist-index-index .add-to-cart-alt{margin-top:20px;} .wishlist-index-index .data-table .btn-remove{background:none;float: right;margin: auto;margin-top:25px;font-size: 20px;border: 2px solid #F2F2F2;width: 17px;height: 17px;display: block;text-align: center;line-height: 17px;color: #000;text-indent: inherit;} .wishlist-index-index .my-wishlist tbody tr img{width:auto;height:auto;} .wishlist-index-index .my-wishlist textarea{min-width:250px;} .wishlist-index-index #newsletter{width:246px!important;text-align:left;} .wishlist-index-index .my-wishlist thead{display:none;} .customer-account-edit .main{padding-top:30px;} .customer-account-edit .my-account .form-buttons{float:none;} .sales-order-history .main{padding-top:30px;} /* Popup Dialog Block */ .window-overlay { background:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .window-overlay { position:absolute; top:0; left:0; min-height:100%; background:#000; opacity:0.5; width:100%; z-index:990; display:none; } .window-overlay.active { display:block; } .popup-block { border:1px solid #cfcfcf; left:50%; top:40%; position:absolute; margin:-85px 0 0 -250px; width:500px; text-align:left; -moz-box-shadow:0 0 6px #000; -webkit-box-shadow:0 0 6px #000; box-shadow:0 0 6px #000; z-index:1000; position:fixed; display:none; } .popup-block.active { display:block; } .popup-block .block-title { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_page-title.gif) repeat-x scroll 0 0 #F6F6F6; border-bottom:1px solid #CFCFCF; padding:17px 17px 10px; } .popup-block div.btn-close { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:19px; right:17px; height:15px; width:15px; text-indent:-9999em; cursor:pointer; } .popup-block .block-title strong { color:#D12C01; font-size:16px; font-weight:normal; } .popup-block .block-content { padding:17px 17px 25px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_block.gif) repeat-x 0 100% #fff; font-size:12px; } .popup-block .block-content .form-list label { width:180px; } .popup-block .block-content .form-list .input-text { width:230px; } .popup-block .block-content .form-list .control .input-box { margin-left:195px; } .popup-block .block-content .form-buttons { width:auto; padding-left:188px; padding-top:10px; } .popup-block .block-content .form-buttons .button { float:left; } .popup-block.loading .block-content * { text-align:left; text-indent:-99999em; overflow:hidden; position:relative; margin-left:-9999em; } .popup-block.loading .block-content:before { content:''; display:block; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/opc-ajax-loader.gif) no-repeat 0 50%; position:absolute; z-index:99; top:50%; left:50%; line-height:16px; padding:16px; text-indent:0!important; } /* My Account CTA ============================================================================= */ .account-create .buttons-set button.button, .account-login .buttons-set button.button, .my-account .buttons-set button.button, .customer-account-forgotpassword .buttons-set button.button{text-align:left;width:300px;} .account-create button.button span span,.account-create button.button span, .account-login button.button span span,.account-login button.button span, .my-account button.button span span,.my-account button.button span, .customer-account-forgotpassword button.button span span,.customer-account-forgotpassword button.button span{height:54px;line-height:54px;padding-left:0;} .account-create button.button > span, .account-login button.button > span, .my-account button.button > span, .customer-account-forgotpassword button.button > span{padding-left:13px;} .wishlist-index-index .my-account .add-to-cart-alt button.button{text-align:center;width:auto;} .wishlist-index-index .my-account .add-to-cart-alt button.button span span, .wishlist-index-index .my-account .add-to-cart-alt button.button span{height:46px;line-height:46px;padding-left:0;} .wishlist-index-index .my-account .add-to-cart-alt button.button span span{padding:0 13px;} /* Contact page ============================================================================= */ .page-contacts { background-color:#fff ; padding-left : 40px; padding-top:30px; } .page-contacts .page-title { margin-top:40px;} .page-contacts p {font-size:18px} .page-contacts .button { width:300px ;text-align:center ; margin:0 !important ; padding:0 !important; } .page-contacts .buttons-set {padding-bottom:50px;} /* Newsletter SUccess PAge ========================================================================= */ .page-newsletter-success { background-color:#fff ; padding-left : 40px; padding-top:30px; } .page-newsletter-success .page-title { margin-top:40px;} .page-newsletter-success p {font-size:18px} .page-newsletter-success .button { width:300px ;text-align:center ; margin:0px !important ; padding:0px !important;} .page-newsletter-success .buttons-set {padding-bottom:50px;} /* Newsletter Unsubscribe PAge ========================================================================= */ .page-newsletter-unsubscribe { background-color:#fff ; padding-left : 40px; padding-top:30px; min-height: 300px;} .page-newsletter-unsubscribe .page-title { margin-top:40px;} .page-newsletter-unsubscribe p {margin-top:50px;font-size:18px} .page-newsletter-unsubscribe .button { width:300px ;text-align:center ; margin:0px !important ; padding:0px !important;} .page-newsletter-unsubscribe .buttons-set {padding-bottom:50px;} /* Sitemap page ============================================================================= */ .page-sitemap { background-color:#fff ; padding-left : 40px; padding-top:30px; } .swatch-sitemap-index-index .col-main { margin : 30px 0 30px 0 ; background-color:#fff ; } .sm-col {float:left; margin-left:50px ; width : 20%; min-height:350px; margin-top:25px; } /* Cancel Page checkout */ .page-cancel { background-color:#fff ; padding-left : 40px; padding-top:30px; min-height:400px;} .page-cancel .page-title { margin-top:40px;} .page-cancel p {font-size:18px} .page-cancel .button { width: 250px; text-align: center; margin: 15px 80px 10px 0 !important; padding: 0 !important; float: left; } /* End Contact page============================================================================= */ /* Captcha */ .captcha-note { clear:left; padding-top:5px;} .captcha-image { float:left; margin:0 0 0 240px; position:relative; width:228px; } .captcha-image .captcha-img { border:1px solid #c7c7c7; vertical-align:bottom; width:100%; } .registered-users .captcha-image { margin:-12px 0 0 113px; } #checkout-step-login .captcha-image { margin:-24px 0 0 105px; width:214px; } .captcha-reload { cursor:pointer; position:absolute; top:2px; right:2px;} .captcha-reload.refreshing { animation:rotate 1.5s infinite linear; -webkit-animation:rotate 1.5s infinite linear; -moz-animation:rotate 1.5s infinite linear; } #checkout-step-login #advice-required-entry-captcha_user_login { min-height: 30px; } .registered-users #advice-required-entry-captcha_user_login { margin-bottom: 5px; } /********** < Dashboard */ .dashboard {} .dashboard .welcome-msg{margin-top:0;} .dashboard .welcome-msg, .dashboard .col2-set, .dashboard .recent-orders { padding:0 0 20px; } .dashboard .data-table{margin-top:15px;} .dashboard .sub-title{display:block;clear:both;margin-top:10px;} .dashboard .welcome-msg .sub-title{margin-top:0;} .dashboard .subpart{margin-bottom: 20px;} /* Block: Tags */ .dashboard .tags { padding:0 0 20px; } .dashboard .tags p { display:inline; } .dashboard .tags .product-name { margin:0 0 3px; font-size:11px; line-height:17px; } .dashboard .tags li { margin:0 0 8px; } .dashboard .tags .number { float:left; border:1px solid #ddd; text-align:center; line-height:17px; width:15px; margin-right:-20px; } .dashboard .tags .details { margin-left:25px; } /* Block: Reviews */ .dashboard .reviews { padding:0 0 20px; } .dashboard .reviews .product-name { margin:0; font-size:11px; line-height:17px;min-width: 150px; } .dashboard .reviews .product-name a:hover{color:#e2001a;} .dashboard .reviews .rating-box{margin-top:2px;} .dashboard .reviews .item{min-height:25px;} .dashboard .reviews p { float:left; margin-right:5px; } .dashboard .reviews li { margin:0 0 5px; } .dashboard .reviews .number { float:left; border:1px solid #ddd; text-align:center; line-height:17px; width:15px; margin-right:-20px; } .dashboard .reviews .details { margin-left:0; } /********** Dashboard > */ /* Adress Book */ .addresses-list .box-content { font-size:14px; font-family: 'swatch_ct_webregular',Arial, Helvetica, sans-serif; } .addresses-list .col-2 li { padding:0 0 10px; } .addresses-list .col-2 li .actions { border:1px solid #e4e4e4; padding:3px 9px 4px; float:left; } .addresses-list .col-2 li address { padding:10px; clear:both; } /* Order View */ .order-page {} .order-page .order-date { margin:0 0 20px; color:#6c6c6c; font-size:11px; } .order-page .col2-set { padding-bottom:20px; } .order-details .link-print { background:none; padding:0; } .order-details .order-additional, .order-details .data-table { margin-bottom:20px; } .order-details .order-additional dt { font-weight:bold; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_dots.gif) repeat-x 0 100%; padding:0 0 5px; margin:0 0 5px; } .order-details .order-additional dd { padding:10px; margin:0 0 10px; } .order-details dl.gift-message { margin:0 20px; } .order-details .gift-message dt { margin:1px 0; padding:2px 10px; background:#e6e6e6; } .order-details .gift-message dd { border:1px solid #c7c7c7; background:#fff; padding:10px; margin:0 0 10px; white-space:pre-wrap; word-wrap:break-word } .order-links { margin:0 0 10px; text-align:right; padding-bottom:5px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_dots.gif) repeat-x 0 100%; } .order-info { margin:25px 0 50px 0} .order-info p{font-size:22px;color:#c5c5c5} .order-info p span{font-family: 'swatch_ctbold',Arial, Helvetica, sans-serif;} .order-info dt { padding:6px 20px 0 10px; color:#6c6c6c; float:left; } .order-info dd { float:left; } .order-info ul { float:left; } .order-info li { float:left; position:relative; z-index:2; margin-right:3px; background:#dedede url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_collateral-tabs.gif) no-repeat 0 -39px; color:#222; padding:0 0 0 17px; font-size:12px; } .order-info li strong, .order-info li a { text-decoration:none; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_collateral-tabs.gif) no-repeat 100% -39px; padding:0 17px 0 0; line-height:24px; float:left; } .order-info li.current { margin-bottom:-1px; color:#000; font-weight:bold; z-index:3; border-bottom:0; background:#fff url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_collateral-tabs.gif) 0 0 no-repeat; } .order-info li.current strong { background-position:100% 0; padding-bottom:1px; } .order-info dt { font-weight:bold; } .opc-wrapper .button{margin:25px 0} .opc-wrapper .back-store-link{font-size:18px;height:54px;line-height:54px;width:auto;display:inline-block;*display:inline;zoom:1;padding-right:52px;margin-top:50px;} .opc-wrapper h1{font-size:38px;color:#e2001a;text-transform:none;line-height:normal;} /* Manage Newsletter Subscription */ .newsletter-manage-index .form-buttons .button { float:left; margin:0; } .newsletter-manage-index .control label{float:left; clear:right;padding-left:0 !important;} .newsletter-manage-index .checker{margin-top:3px;} /* Split Button */ .split-button { display:inline-block; z-index:1; position:relative; max-width:300px; white-space:nowrap;} .split-button.clickable:active { left:1px; top:1px; } .split-button { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_btn.gif) no-repeat 0 0; height:21px; padding:0 0 0 10px; margin:0; } .split-button.active { z-index:100; } .split-button strong { cursor:default; font-weight:bold; text-transform:uppercase; font-size:11px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_btn.gif) no-repeat 100% 0; height:19px; padding:3px 30px 0 5px; margin:0; display:block; overflow-x:hidden; white-space:nowrap; text-overflow:ellipsis; } .split-button.clickable > strong, .split-button strong[onclick] { text-transform:uppercase; font-size:11px; color:#C73615; cursor:pointer; } .split-button .change { display:inline-block; border:1px solid; border-color:transparent transparent transparent #999; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_btn-split-change.png) 5px 50% no-repeat; text-indent:-999em; overflow:hidden; width:15px; cursor:pointer; height:11px; margin-left:8px; vertical-align:middle; } .split-button .change { position:absolute; right:5px; top:0; height:19px; border-left-color:#ccc; } .split-button.light { background:none; height:auto; padding:0; } .split-button.light.clickable:active { top:auto; left:auto; } .split-button.light strong { display:inline-block; font-size:11px; text-transform:none; background:none; font-weight:normal; padding:0; height:auto; overflow:visible; white-space:normal; text-overflow:visible; } .split-button.light.clickable > strong, .split-button.light strong[onclick] { text-transform:none; text-decoration:underline; color:#999; } .split-button.light.clickable > strong:hover, .split-button.light strong[onclick]:hover { text-decoration:none; } .split-button.light .change { position:static; right:auto; top:auto; height:11px; border-left-color:#999; } .split-button.active .change, .split-button .change:hover { background-position:-995px 50%; } .split-button .list-container { position:absolute; display:none; right:0; top:100%; padding:0; min-width:100%; max-width:300px; float:left; } .split-button.active .list-container { display:block; } .split-button .list-container ul { background:#fff; border:1px solid rgba(0,0,0,0.1); position:relative; } .split-button .list-container ul > li { white-space:nowrap; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_btn-split-item.png) no-repeat -10000px -10000px; border:1px solid #c1c1c1; border-top-width:0; margin:0; display:block!important; margin:0!important; } .split-button .list-container ul > li:first-child { border-top-width:1px; } .split-button .list-container li a, .split-button .list-container li span { display:block; line-height:1.2!important; cursor:pointer; padding:5px 18px 5px 18px; color:#999; font-size:11px; text-transform:none; text-decoration:none; text-align:left; text-overflow:ellipsis; overflow:hidden; } .split-button .list-container li:hover a, .split-button .list-container li:hover span, .split-button .list-container li:hover { color:#fff; text-decoration:none; } .split-button .list-container li:hover { background-color:#999; background-position:5px -984px; } .split-button .list-container li.new { color:#d33911; background-color:#eee; background-position:5px 7px; } .split-button .list-container li.new:hover { background-color:#999; background-position:5px -485px; } /* Wishlist */ .my-wishlist textarea { width:99%; height:7em; resize:vertical; line-height:1.3em; overflow:auto; } #wishlist-table .price-box { margin:3px 0; } #wishlist-table td .description { margin:10px 0; max-height:3.9em; line-height:1.3em; overflow:hidden; word-wrap:break-word; max-width:345px; } #wishlist-table td .description .inner { overflow:hidden; } #wishlist-table td { padding:15px 10px; } #wishlist-table th:first-child, #wishlist-table td:first-child { padding-left:0px; padding-right:0; } #wishlist-table td p { margin:5px 0 15px; } #wishlist-table td.last { padding:4px 2px; width:1px; } #wishlist-table td .price-box { font-size:12px; } #wishlist-table td .price-box p { margin:0 0 5px; } #wishlist-table td .truncated { float:left; width:auto; margin-right:10px; line-height:18px; } #wishlist-table td .truncated .show .item-options { top:-40px; right:100%; left:auto; margin-right:15px; line-height:1.2; } #wishlist-table td .truncated .truncated_full_value .item-options dl { background-position:100% 0; } #wishlist-table .item-manage { margin:0 0 0 0; float:left; } #wishlist-table .item-manage .split-button { margin:10px 9px 0 0; } #wishlist-table .item-manage .split-button .change { margin-left:2px; } #wishlist-table .item-manage .split-button:last-child { margin-right:0; } /* Multiple Wishlist */ .link-edit { line-height:18px; display:inline-block; } .wishlist-management .link-edit { width:16px; padding:0; margin:0 5px; height:16px; text-indent:-999em; overflow:hidden; vertical-align:middle; } .wishlist-management .btn-create { float:right; margin-bottom:10px; } .wishlist-management .sub-title { float:left; max-width:100%; } .wishlist-management .sub-title h2 { word-wrap:break-word; } .wishlist-management .note-msg { clear:both; margin:0 0 10px; padding:10px; border-style:solid !important; border-width:1px !important; font-size:12px !important; border-color:#fcd344; background-color:#fafaec; color:#3d6611; } .wishlist-management .msg-private { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_lock.png) no-repeat 10px 10px #fafaec; padding-left:30px; } .wishlist-management .table-caption .label { font-size:12px; float:left; line-height:21px; } #wishlists-move { float:right; margin-left:10px; } #wishlists-copy { float:right; } #wishlists-select { background:none; padding-left:0; white-space:nowrap; float:left; max-width:220px; } #wishlists-select strong { background:none; padding-right:0; padding-left:7px; font-weight:normal; font-size:12px; text-transform:none; } #wishlists-select strong span { font-weight:bold; } #wishlists-select .change { text-indent:0; width:auto; background:none; margin-left:4px; border:0; right:auto; left:100%; text-decoration:none; line-height:19px; margin-top:1px; } #wishlists-select .change span { color:#1e75b4; text-transform:none; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_header-panel.gif) no-repeat scroll 100% -74px transparent; padding-right:10px; } #wishlists-select.active .change span { color:#d33911; background-position:100% -130px; } #wishlists-select .list-container { right:auto; left:0; margin-top:4px; } #wishlists-select .list-container ul { background:#e7e7e7; border:0; } #wishlists-select .list-container li:first-child { border-top:0; } #wishlists-select .list-container li { border-color:#d9d9d9; } #wishlists-select .list-container a, #wishlists-select .list-container span { color:#1e75b4; padding:5px 6px; /* background-position:-999em -999em; */ } #wishlists-select .list-container li:hover a, #wishlists-select .list-container li:hover span, #wishlists-select .list-container li:hover { color:#d33911; } #wishlists-select .list-container li:hover { background-position:-999em -999em; background-color:#f8f8f8; } #wishlists-select .list-container li.new { color:#d33911; background-color:#d9d9d9; background-position:5px 7px; padding-left:12px; } #wishlists-select .list-container li.new:hover { background-color:#999; background-position:5px -485px; color:#fff; } #wishlists-select .list-container li.new:hover a, #wishlists-select .list-container li.new:hover span { color:#fff; } .wishlist-index-share .my-account p{width:100%;float:left;text-align:left;} .wishlist-index-share .my-account .form-buttons{float:left;margin-top:0;} .wishlist-index-share .main{padding-top:30px;} .newsletter-manage-index .main{padding-top:30px;} .newsletter-manage-index #button-newsletter button{float:left;margin-left:0;} .sales-order-view .main {padding-top:30px;} /* Wishlist search view */ #wishlist-search-results {} .col3-layout #wishlist-search-results .item-name { max-width:340px; word-wrap:break-word; display:block; } .col2-right-layout #wishlist-search-results .item-name, .col2-left-layout #wishlist-search-results .item-name { max-width:500px; } .col1-layout #wishlist-search-results .item-name { max-width:600px; } .wishlist-search-view {} .list-info { border:1px solid #dadada; padding:10px 0; margin:0 0 15px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_block.gif) repeat-x 100% 100% #fff; max-width:100%; word-wrap:break-word; } .list-info .item { padding:5px 0; font-size:12px; border-top:1px dotted #d9d9d9; margin:0 15px; } .list-info .item:first-child { border-top:0; } .list-info .item .label { font-weight:normal; font-style:italic; font-size:0.9em; margin-right:5px; } .list-info .item .label:after { content:':'; } .list-info .item .value { font-weight:bold; } .wishlist-search-view #wishlist-table td.last { padding:15px 10px; } .wishlist-search-view #wishlist-table .description { max-height:6.5em; max-width:280px; } .wishlist-search-view .list-info { display:inline-block; } .wishlist-search-view .sub-title { clear:both; } .wishlist-search-view p.qty { text-align:center; } /* Store credit */ .storecredit .account-balance { margin:0 0 20px; padding:0 0 10px; font-size:12px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_dots.gif) repeat-x 0 100%; } .storecredit .account-balance .price { font-weight:bold; } .giftcard-redeem { padding-bottom:20px; } .giftcard-redeem .input-box { margin-right:5px; } /* Gift card */ .giftcardaccount { position:relative; z-index:1; padding-top:1px; } .giftcard-status .messages, .giftcardaccount .messages { margin-bottom:10px; } .giftcardaccount p { margin:15px 0; font-size:12px; } .giftcardaccount .fieldset { margin:0; } .giftcardaccount .btn-only { margin:0 0 15px; } /* Gift Card Status Check */ .giftcard-status .gift-card-info, .giftcard-status p.error-msg, .giftcardaccount #giftcard_balance_lookup .gift-card-info, .giftcardaccount #giftcard_balance_lookup p.error-msg { margin:10px 0 20px; } .gift-card-info { margin:10px 0; padding:10px 10px 5px; border:1px dashed #d9d9d9; background:#fcf7f5; } .gift-card-info p { font-size:12px; margin:0 0 5px; } .gift-card-info .giftcard-number { font-weight:bold; } .gift-card-info .form-list label {} .gift-card-info .btn-only { padding-left:0; } #gc-please-wait { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; -moz-opacity:0.8; opacity:0.8; } /* Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; margin-left:15px; } .page-print h2.h2 { margin:15px 0 10px; } .page-print .col2-set { margin:10px 0 20px; } /* Price Rewrites */ .page-print .gift-message-link { display:none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display:block; white-space:nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display:inline; } /* Tagged products */ .my-tag-edit { float:left; } .my-tag-edit .btn-remove { float:right; margin:-3px 0 0 5px; position:relative; } #my-tags-table .price-box { margin:5px 0; } #my-tags-table .last { text-align:center; } #my-tags-table .last p { margin:10px 0; } /* Reward Points */ .my-rewards .box { margin:0 0 30px; } .my-rewards .info-box .box-title { margin:10px 10px; } .my-rewards .info-box .box-content { padding:0 10px 10px; } .my-rewards p.error { display:inline; color:#d91a00; } .my-rewards dl { font-size:12px; } .my-rewards dl dt { font-weight:bold; font-size:13px; margin-top:10px; } .my-rewards dl dt span { color:#d12c01; } .my-rewards dl dd.last { margin:7px 0 0; } .my-rewards .form-list label { width:auto; } .my-rewards .form-list .control .input-box { position:static; margin:0 5px 0 0; } .my-rewards .data-table small { display:block; font-size:1em; color:#808080; } /* Billing Agreements */ .billing-agreements .info-box { margin:15px 0; } .billing-agreements .info-box p { margin:0 0 9px; } .billing-agreements .form-list li button.button { float:left; margin-left:10px; } /* Gift Registry Functionality */ .btn-gift-registry { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/i_gift-registry3.gif) 0 0 no-repeat; padding:3px 0 0 33px; text-align:left; } .btn-gift-registry .input-box { margin:0 0 7px; } .btn-gift-registry select { width:100%; } .gift-registry-name { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/i_gift-registry2.gif) 0 0 no-repeat; margin:3px 0 0; padding:0 0 0 20px; line-height:18px; } /* Block: Gift Registry Search */ .sidebar .block-gr-search .form-alt .input-box { width:148px; margin:3px 0 0; padding:0; } .sidebar .block-gr-search .form-alt input.input-text { width:142px; } .sidebar .block-gr-search .form-alt select { width:148px; } .block-gr-search p.note { margin:0 0 3px; text-align:right; color:#f15c22; } /* Order By SKU */ .wrapper .block-addbysku .input-box.validation-error, .wrapper .block-addbysku .input-box.validation-passed { padding-right:0; background:none; } .wrapper .block-addbysku .validation-advice { margin-right:-19px; } .main .block.block-addbysku .block-content { padding:10px 4px 10px; } .block-addbysku .data-table th, .block-addbysku .data-table td { padding:6px 4px; } .block-addbysku .data-table th:first-child, .block-addbysku .data-table td:first-child { padding-left:13px; } .sidebar .block-addbysku .actions { padding:0 13px 7px; } p.link-widget-sku { padding:15px 13px; text-align:left; float:left; } .sidebar p.link-widget-sku { padding:5px 13px 0; text-align:right; border-top:1px dotted #dadada; float:none; } p.link-widget-sku a { color:#999; } .block-addbysku .actions { text-align:right; margin:15px 0 10px; float:right; } .sidebar .block-addbysku .actions { float:none; } .block-addbysku .file-upload { float:left; text-align:left; border:1px solid #dadada; padding:10px 17px; background:#F5F5F5 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_block.gif) repeat-x 0 100%; margin-top:10px; } .block-addbysku .file-upload label { display:block; float:none; width:auto; min-width:60px; text-align:left; } .block-addbysku .file-upload p { padding:3px 0; } .block-addbysku .file-upload .btn-reset { display:inline-block; margin-left:15px; } .block-addbysku .file-upload .btn-reset span { margin-left:0; padding:3px 0; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_icon-reset.png) no-repeat scroll 0 50%; padding-left:15px; display:inline-block; cursor:pointer; color:#999; } .block-addbysku .file-upload .input-box { display:block; float:none; } .block-addbysku .file-upload .note { width:auto; clear:both; padding:2px 0; } .block-addbysku .data-table {} .block-addbysku .data-table td .btn-remove { margin:4px -16px 0; float:right;} .block-addbysku .data-table td .input-box { float:left; } .block-addbysku .data-table td .qty { width:8em!important } .sidebar .block-addbysku .data-table td .qty { width:5em!important } .block-addbysku .data-table td.last { padding-right:18px; } .block-addbysku .data-table tfoot td.last { text-align:right; } .block-addbysku .data-table .add-row { cursor:pointer; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_btn-split-item.png) no-repeat 0 2px; padding-left:11px; font-weight:bold; color:#999; } .block-addbysku .data-table .input-box { width:99%; } .wrapper .block.block-addbysku .data-table .validation-advice { } .wrapper .block.block-addbysku .data-table .col-sku { width:auto; } .wrapper .block.block-addbysku .data-table .col-qty, .wrapper .block.block-addbysku .data-table .col-remove { width:13px; } .wrapper .block.block-addbysku .data-table .input-text { width:99%; } /* ======================================================================================= */ /* MAP Popup============================================================================== */ .cart-msrp-totals { color:red; font-size:12px !important; font-weight:bold; padding:10px 20px 20px; text-align:right; text-transform:uppercase;} .map-cart-sidebar-total { color:red; display:block; font-size:10px; line-height:14px; font-weight:bold; padding:5px 2px; text-shadow:0 1px 0 #fff; } .map-popup { background:#fff; border:1px solid #aaa; margin:12px 0 0; position:absolute; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc; text-align:left; width:300px; z-index:100; } .map-popup-heading { background:#efefef ; border-bottom:1px solid #ccc; padding:5px 30px 5px 10px; width:260px; } .map-popup-heading h2 { color:#333; font-size:14px; font-weight:bold; margin:0; text-shadow:0 1px 0 #f6f6f6; overflow:hidden; white-space:nowrap; word-wrap:break-word; text-align:left; text-overflow:ellipsis; } .map-popup-arrow { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/map_popup_arrow.gif) no-repeat; position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/btn_window_close.gif) no-repeat; display:block; position:absolute; top:6px; right:8px; height:15px; width:15px; text-align:left; text-indent:-9999em; } .map-popup-content { border-top:1px solid #eee; padding:10px; overflow:hidden; width:280px; } .map-popup-checkout { display:inline; float:right; text-align:right; } .map-popup-checkout span { display:block; padding-right:30px; } .map-popup-checkout .paypal-logo { margin:0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin:0; padding:0; } .map-popup-price { margin:5px 0 0; } .map-popup-text { background:#fefefe; clear:right; line-height:1.5; margin:0 10px; padding:10px 0; text-align:left; word-wrap:break-word; } .map-popup-only-text { border-top:1px solid #ddd; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer-before-container { margin:0 0 3px; text-align:center; } .form-subscribe { float:left; padding: 0; } .form-subscribe-header { } .form-subscribe label { display:block; color:#000000;font-size:15px;font-weight:bold;text-transform:uppercase} .form-subscribe .subscribe-box{clear:both; overflow:hidden;margin-top:14px;width:353px;} .form-subscribe input.input-text {display:block;height:20px;padding:10px 0;background:#ececec;border:0;width:246px;line-height:20px\9;text-indent:5px; } .form-subscribe input.input-text:focus{background:#e2001a;color:#ffffff} .form-subscribe button.button { margin:6px 0 0; float:left;width:120px;} .form-subscribe button.button span{display:block;} .form-subscribe .validation-advice { width:180px; } .form-subscribe .v-fix { text-align:left;width:230px} .form-subscribe .v-fix .validation-advice{width:100%;} .form-subscribe a { color:#777; } .footer-container { margin:0; text-align:left; padding:0;} .footer-container h2{font-family: 'swatch_ct_webbold',Arial,sans-serif;} .footer a {font-family: 'swatch_ct_webregular',Arial,sans-serif;} .footer a:hover { text-decoration:none; } .footer ul, .footer ul.links { display:block; margin:0; padding:0; } .footer ul.links li, .footer ul li { display:block; vertical-align:top; margin:0 0 5px; padding:0; } .footer h3{margin-bottom:19px;} address.copyright { margin-top:6px; } .footer .switcher-store { float:right; width:184px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_store-switch.gif) no-repeat 0 3px; padding-top:21px; } .footer .switcher-store label { display:none; } .footer .switcher-store select { padding:0; margin-bottom:1px; } .footer .switcher-store ul { float:none; width:auto; padding-left:0; margin-left:0; } .footer .switcher-store ul .current { display:none; } .footer-col-row{padding:40px 2.61881% 29px 8.192771084337349%} .footer-cols-wrapper .footer-cols-Lt{float:left;width:64.84375%} .footer-cols-wrapper .footer-cols-Lt .footer-col{float:left;width:33.33%;padding:40px 0 0 0} .footer-cols-wrapper .footer-cols-Lt .footer-col h2{margin-bottom:17px;} .footer-cols-wrapper .footer-cols-Lt .footer-col ul li{line-height:27px;} .footer-cols-wrapper .footer-cols-Lt .footer-col ul li a{font-size:15px;} .footer-cols-Rt{float:right;width:32.5%;min-height:542px} .footer-cols-Rt .block-content{padding:71px 20px 0 15.2%} .footer-cols-Rt .block-content ul li{margin-bottom:0;line-height:22px;} .footer-cols-Rt .block-content ul li a{text-transform:uppercase} .footer-cols-Rt .block-inner-content{position:relative;padding-bottom:52px;} .footer-cols-Rt .block-inner-content h2{margin-bottom:21px} .footer-cols-Rt .block-inner-content a.readmore{background:#000000;color:#ffffff;width:121px;height:53px;display:inline-block;line-height:53px;text-transform:uppercase;text-indent:10px;position:absolute;right:0px;top:48px;font-family: 'swatch_ct_webbold',Arial,sans-serif;} .footer-cols-Rt .block-inner-content a.readmore:hover{background:#e2001a} /*end of footer cols side bar*/ .footer-row.bottom ul{text-align:center} .footer-row.bottom ul li{display:inline-block;padding:0 17px;} .footer-row.bottom ul.bottom li{padding:0 11px;} .footer-row.bottom ul li a{text-transform:uppercase} .footer-row.bottom ul.first li{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/footer_sep.png) no-repeat left center} .footer-row.bottom ul.bottom li{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/footer_sep_dash.png) no-repeat left center} .footer-row.bottom ul li:first-child{background:none} .footer-row.bottom.block li a{font-family: 'swatch_ct_webbold',Arial,sans-serif;font-size:11px} .footer-row.bottom ul li a:hover{text-decoration:underline;color:#646464} .footer-row.bottom{padding:30px 0 39px 0;} .footer-row.bottom ul.first{margin-bottom:20px;} .footer-row.bottom.block{margin-bottom:0;} /* ======================================================================================= */ /* Some sample data cms styles ================================================================================ */ .page-head-alt {} .page-head, .page-head-alt { margin-bottom:20px; padding:23px 20px 11px; background:#f6f6f6 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_page-title.gif) repeat-x 0 0; border-bottom:1px solid #cfcfcf; } .col-main .page-head, .col-main .page-head-alt { margin:0 -20px 20px; } .page-head-alt .link-rss { float:right; margin-top:8px; } .page-head h2, .page-head h3, .page-head-alt h3, .page-head-alt h2 { font:normal 22px/27px Arial, Helvetica, sans-serif; color:#d12c01; } /* Restricted ================================================================================ */ .restriction-index-stub .page { width:652px; padding-bottom:3px; } .restriction-index-stub .main { margin-top:100px; min-height:0; height:auto !important; padding:13px; text-align:center; margin-bottom:0; } .restriction-index-stub .col-main { color:#dedede; height:auto !important; min-height:230px; font-size:16px; background:#4a4a4a url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/logo-offline.gif) no-repeat 50% 95px; padding:170px 60px 40px; } .restriction-index-stub .page-title { margin:0 0 15px !important; padding:0 !important; border:0 !important; background:none; } .restriction-index-stub .col-main h1, .restriction-index-stub .col-main h2 { font:italic 35px Georgia, "Times New Roman", Times, serif; color:#fff; } .restriction-index-stub .header-container, .restriction-index-stub .footer-container { display:none; } .restriction-index-stub .copyright { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_shadow-offline.gif) 50% 0 no-repeat; padding:15px 0 0; margin:0; } /* Old private sales index ================================================================================ */ .private-sales-index { background:#2b2b2b; margin:110px 0 60px; padding:40px 0; } .private-sales-index .box { border:1px solid #e2ded0; background:#fff url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_ps.gif) no-repeat 50% 13px; padding:50px 13px 0; width:657px; margin:0 auto; } .private-sales-index .box .content { padding:0 60px 70px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_ps.gif) no-repeat 50% 100%; font-size:14px; } .private-sales-index .box .content p { text-align:center; } .private-sales-index .box .content a { color:#444444; } .private-sales-index .box .content h1 { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_ps-logo.gif) no-repeat 50% 0; padding:60px 0 5px; font-size:29px; font-weight:normal; color:#ec4e00; } .private-sales-index .box .content .description { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_ps-descr.gif) no-repeat 50% 0; margin:40px auto 0; width:433px; padding:30px 50px 30px; font:normal 20px Georgia, "Times New Roman", Times, serif; font-style:italic; color:#817268; } .col1-layout .private-sales-index { margin:0 -20px -31px; height:auto !important;min-height:350px; } /* Private sales index ================================================================================ .private-sales-index { background:#fffdf9 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_ps-home.jpg) no-repeat 50% 88px; padding-top:90px; } .private-sales-index .box {} .private-sales-index .box .content {} .private-sales-index .box .content p { padding-top:475px; text-align:center; color:#444444; font-size:18px; } .private-sales-index .box .content a { color:#c12900; } .private-sales-index .box .content h1 { display:none; } .private-sales-index .box .content .description { display:none; } .col1-layout .private-sales-index { margin:0 -20px -31px; background-position:0 20px; padding-top:20px; height:auto !important; height:550px; min-height:550px; } */ /* Private sales demo ==================================================================== */ .cms-private-sales-home { background-color:#fffdf9; } .private-sales-demo { background:#fffdf9 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_ps-home.jpg) no-repeat 50% 88px; padding-top:90px; } .private-sales-demo h1 { display:none; } .private-sales-demo p { padding-top:475px; text-align:center; color:#444444; font-size:18px; } .private-sales-demo a { color:#c12900; } .col1-layout .private-sales-demo { margin:0 -20px -31px; background-position:0 20px; padding-top:20px; height:auto !important; min-height:550px; } /* ======================================================================================= */ /*-----------------------------------------added ---------------------------------------*/ .header .quick-access .links span{display:block;text-indent:-9999999px;} .header ul.links, .header ul.links li{float:left} .header .quick-access .finder{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_sep.png) no-repeat 100% center;padding-right:30px;margin-right:22px;} .header .quick-access .links li a{padding:42px 12px 41px;display:block;} .header .quick-access .links li a img{vertical-align:middle;visibility:hidden} .top-cart{display:block;padding:0;} .top-cart #topCartQLink{padding:51px 20px 50px 19px;cursor:pointer;} .header .quick-access .links li.gift a{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_gift.png) no-repeat center center;} .header .quick-access .links li.watch a{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_watchfinder.png) no-repeat center center;} .header .quick-access .links li.account{padding:0} {background: none repeat scroll 0 0 #FDFDFD;position: absolute;right: 0;top: 81px;width: 412px;display:none} .header .quick-access .links li.account .submenu_contr{z-index:1000;overflow:hidden;max-height:0; position:absolute; width:412px; top:83px; right:0; -webkit-transition:all 500ms cubic-bezier(1,1,0,0); -moz-transition:all 500ms cubic-bezier(1,1,0,0); transition:all 500ms cubic-bezier(1,1,0,0)} .header .quick-access .links li.account.menu-open .submenu_contr{max-height:420px;/*max-height:0px\9;*/} .header .quick-access .links li.account .submenu {background:#ffffff;width:412px; overflow:hidden; border-bottom:1px solid #e8e8e8;} .header .quick-access .links li.account:hover a.parent{color:#646464;} .header .quick-access .links li.account:hover .submenu{display:block} .header .quick-access .links li.account .submenu span{text-indent:inherit} .header .quick-access .links li.account .submenu .block-subtitle{background: none repeat scroll 0 0 #C5C5C5;color: #FFFFFF;font-size: 16px;height: 43px;line-height: 43px;padding: 0 30px;text-transform: uppercase;} .header .quick-access .links li.account .submenu .block-subtitle .close-btn {background: url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/close_top_cart.png) no-repeat right center ;cursor: pointer;float: right;font-size: 12px; overflow: hidden; padding: 0 25px 0 0; position: relative;text-align: left;z-index: 1;} .header .quick-access .links li.account .submenu .block-content form{display:block;float:none} .header .quick-access .links li.account .submenu .block-content .registered-users {border-bottom:1px solid #ececec;padding:43px 33px 5px;} .header .quick-access .links li.account .submenu .block-content .new-users{padding:30px 33px 15px;} .header .quick-access .links li.account .submenu .block-content .legend{font-size:26px; font-family: 'swatch_ct_regular-webfont',Arial,sans-serif;text-transform:none} .header .quick-access .links li.account .submenu .block-content .buttons-set button.button{float:none;background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/submenu-bkg-arrow.png) no-repeat left center;margin:0;padding:0 0 0 10px;} .header .quick-access .links li.account .submenu .block-content .buttons-set button.button span{background:none;font-size:15px;font-family: 'swatch_ct_webbold',Arial,sans-serif;color:#646464;font-weight:normal;height:18px;padding-left:0;line-height:20px} .header .quick-access .links li.account .submenu .block-content .buttons-set button.button:hover{text-decoration:underline} /*end of account my account*/ .header .quick-access .links li.account .submenu .welcome-msg{padding:20px 33px;} .header .quick-access .links li.account .submenu .welcome-msg .sub-title{font-size:26px;font-family: 'swatch_ct_regular-webfont',Arial,sans-serif;text-transform:none} .header .quick-access .links li.account .submenu .welcome-msg .sub-title.name{color:#e2001a} .header .quick-access .links li.account .submenu .account-logged{border-top:1px solid #ececec;padding:37px 33px 36px;} .header .quick-access .links li.account .submenu .account-logged .buttons-set{float:left;width:150px;clear:none;margin:7px;} .header .quick-access .links li.account .submenu .account-logged .log-out{clear:both;border-top:1px solid #ececec;margin:0px -33px;padding:16px 33px;margin-top:35px} .header .quick-access .links li.account .submenu .account-logged .log-out a{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon-lock.png) no-repeat right center;padding:0 20px 0 0;color:#000000;font-family: 'swatch_ctbold',Arial,sans-serif;width:auto;float:right;text-transform:uppercase} .header .quick-access .links li.account .submenu .buttons-group{overflow:hidden;} /*end of my account logged*/ .header .quick-access .links li.account a{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_acc.png) no-repeat center center;width:20px;padding:42px 21px 41px;} .header .quick-access .links li.account a.connected{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_acc-active.png) no-repeat center center;} .header .quick-access .links li.account a.active, .header .quick-access .links li.account:hover a.active{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_acc-active.png) no-repeat center right;position:relative} .header .quick-access .links li.account a.active.connected, .header .quick-access .links li.account:hover a.active.connected{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_acc-active.png) no-repeat center right;position:relative} .header .quick-access .links li.account a.active.connected{display:block;position:absolute;bottom:31px;left:-31px;font-size:10px;color:#e2001a;font-family: 'swatch_ctbold',Arial,sans-serif;} .header .quick-access .links li.wishlist a{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_wishlist.png) no-repeat center center;width:26px;} .header .quick-access .links li.wishlist a.noEmptyWishlist{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_wishlistNoEmpty.png) no-repeat center center;} .top-cart .block-title{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_basket.png) no-repeat center center;width:32px;height:25px;} .top-cart, .header .quick-access .links li.account, .header .quick-access .links li.wishlist{ background:none; -webkit-transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; transition: background-color 200ms linear; } .header .quick-access .finder li:hover{background:#e2001a} .header .quick-access .links li.wishlist:hover, .header .quick-access .links li.highlighted, .top-cart.highlighted{background:#c5c5c5;} /*hover*/ .header .quick-access .links li.gift:hover a{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_giftH.png) no-repeat center center;} .header .quick-access .links li.watch:hover a{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_watchfinderH.png) no-repeat center center;width:26px;} .header .quick-access .links li.account.highlighted a{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_accH.png) no-repeat center center;width:20px;} .header .quick-access .links li.account.highlighted a.connected{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_acc-activeH.png) no-repeat center center;width:20px;} .header .quick-access .links li.wishlist:hover a{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_wishlistH.png) no-repeat center center;width:26px;} .top-cart.highlighted .block-title{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_basketH.png) no-repeat center center;width:32px;height:25px;} .search-panel{float:left;padding:43px 0} .search-panel{float:left;padding:43px 0} /*start of custom menu*/ #custommenu{padding-top:51px;} #custommenu ul li{float:left;padding:0 13px 51px;padding-left:12px;} #custommenu ul li a{font-size:18px;text-transform:uppercase;font-family: 'swatch_ct_webregular';} #custommenu ul li a:hover{color:#646464;} #custommenu ul li .submenu{position:absolute;background:#ffffff;overflow:hidden;z-index:1;right:-0.5px;left:0;} #custommenu ul.menu-active li a.parent{color:#dddddd;} #custommenu ul li .submenu {top:110px;height:0;border:none;-webkit-transition:all 500ms cubic-bezier(0.7, 0.07, 0.8, 0.5);-moz-transition:all 500ms cubic-bezier(0.7, 0.07, 0.8, 0.5);transition:all 500ms cubic-bezier(0.7, 0.07, 0.8, 0.5);} #custommenu ul li .submenu div.submenu-container{opacity:0;filter:alpha(opacity=0);border-bottom: 1px solid #e8e8e8;-webkit-transition:all 300ms cubic-bezier(0.7, 0.07, 0.8, 0.5);-moz-transition:all 300ms cubic-bezier(0.7, 0.07, 0.8, 0.5);transition:all 300ms cubic-bezier(0.7, 0.07, 0.8, 0.5);} #custommenu ul.menu-active li.menu-open .submenu div.submenu-active{opacity:1;filter:alpha(opacity=100);} #custommenu ul.menu-active li a.parent.active{color:#646464;} #custommenu ul.menu-active li.menu-open .submenu{z-index:10;} /*#custommenu ul li a.parent:hover{text-decoration:none;}*/ .parent{position: relative;text-decoration:none;} .parent::after {position:absolute;top: 100%;display:inline-block;left: 0;width: 100%;height: 1px;background: rgba(0,0,0,0.4);content: '';opacity:0;z-index:11111; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px);} #custommenu ul.menu-active li .parent.active::after {opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);} #custommenu ul li .submenu .searchby{padding:48px 3.8% 30px 6.6015625%; overflow:hidden} #custommenu ul li .submenu .searchby .column{width:20%;float:left} #custommenu ul li .submenu .searchby .col2{padding-left:2.2%;width:17.8%} #custommenu ul li .submenu .searchby .column ul li{padding:0;float:none} #custommenu ul li .submenu .searchby .column ul ul li{padding-bottom:11px;} #custommenu ul li .submenu .searchby .column ul li.first > a{padding:0 0 30px 0;color:#000000;font-family: 'swatch_ctbold';} #custommenu ul li .submenu .searchby .column ul li a{font-family: 'swatch_ct_regular-webfont';display:block} #custommenu ul li .submenu .searchby .column ul li a span{word-break: inherit;display:block} #custommenu ul li .submenu .searchby .column ul li a:hover{color:#000000;text-decoration:none} .colorSwatches li{float:left !important;width:39px;height:39px;margin:0 !important;padding:0 !important;} .colorSwatches li a{display:block;width:39px;height:39px;text-indent:-99999px;background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/sprite_colors_header.png) no-repeat left top;} .colorSwatches li.color1 a{background-position:0 4px} .colorSwatches li.color2 a{background-position:-38px 4px} .colorSwatches li.color3 a{background-position:-78px 4px} .colorSwatches li.color4 a{background-position:-117px 4px} .colorSwatches li.color5 a{background-position:-156px 4px} .colorSwatches li.color6 a{background-position:left -35px} .colorSwatches li.color7 a{background-position:-38px -35px} .colorSwatches li.color8 a{background-position:-78px -35px} .colorSwatches li.color9 a{background-position:-117px -35px} .colorSwatches li.color10 a{background-position:-156px -35px} .colorSwatches li.color11 a{background-position:left -74px} .colorSwatches li.color12 a{background-position:-38px -74px} .colorSwatches li.color13 a{background-position:-78px -74px} .colorSwatches li.color14 a{background-position:-117px -74px} .colorSwatches li.color15 a{background-position:-160px -74px} .buttonTransparentMenuCustom { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/colors/Transparent.png) no-repeat left top !important; width: 39px; height: 39px; } .buttonNotDefinedMenuCustom { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/colors/Not-Defined.png) no-repeat left top !important; width: 39px; height: 39px; } .buttonGreyMenuCustom { background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/colors/Grey.png) no-repeat left top !important; width: 39px; height: 39px; } /*hover*/ .colorSwatches li.color1:hover a, .colorSwatches li.color1.active a{background-position:0 -116px} .colorSwatches li.color2:hover a, .colorSwatches li.color2.active a{background-position:-40px -116px} .colorSwatches li.color3:hover a, .colorSwatches li.color3.active a{background-position:-80px -116px} .colorSwatches li.color4:hover a, .colorSwatches li.color4.active a{background-position:-120px -116px} .colorSwatches li.color5:hover a, .colorSwatches li.color5.active a{background-position:-160px -116px} .colorSwatches li.color6:hover a, .colorSwatches li.color6.active a{background-position:0 -155px} .colorSwatches li.color7:hover a, .colorSwatches li.color7.active a{background-position:-40px -155px} .colorSwatches li.color8:hover a, .colorSwatches li.color8.active a{background-position:-80px -155px} .colorSwatches li.color9:hover a, .colorSwatches li.color9.active a{background-position:-120px -155px} .colorSwatches li.color10:hover a, .colorSwatches li.color10.active a{background-position:-160px -155px} .colorSwatches li.color11:hover a, .colorSwatches li.color11.active a{background-position:0 -194px} .colorSwatches li.color12:hover a, .colorSwatches li.color12.active a{background-position:-40px -194px} .colorSwatches li.color13:hover a, .colorSwatches li.color13.active a{background-position:-80px -194px} .colorSwatches li.color14:hover a, .colorSwatches li.color14.active a{background-position:-120px -194px} .colorSwatches li.color15:hover a, .colorSwatches li.color15.active a{background-position:-160px -194px} /*Block: top filter swatches*/ .block-swatches ul li{float:left;margin:0px 10px 12px 0px !important;position:relative;width:38px !important;height:38px !important} .block-swatches ul li a{text-indent:-99999px;width:38px;height:38px; overflow:hidden;background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/sprite_colors_sidebar.png) no-repeat left top} .block-swatches ul li img{width:38px;height:38px;margin:0px auto; vertical-align:middle;display:block} .block-swatches ul li.color1 a{background-position:left top} .block-swatches ul li.color2 a{background-position:-50px top} .block-swatches ul li.color3 a{background-position:-100px top} .block-swatches ul li.color4 a{background-position:-150px top} .block-swatches ul li.color5 a{background-position:-200px top} .block-swatches ul li.color6 a{background-position:left -50px} .block-swatches ul li.color7 a{background-position:-50px -50px} .block-swatches ul li.color8 a{background-position:-100px -50px} .block-swatches ul li.color9 a{background-position:-150px -50px} .block-swatches ul li.color10 a{background-position:-200px -50px} .block-swatches ul li.color11 a{background-position:left -100px} .block-swatches ul li.color12 a{background-position:-50px -100px} .block-swatches ul li.color13 a{background-position:-100px -100px} /*hover*/ .block-swatches ul li.color1:hover a, .block-swatches ul li.color1.active a{background-position:0 -158px} .block-swatches ul li.color2:hover a, .block-swatches ul li.color2.active a{background-position:-51px -158px} .block-swatches ul li.color3:hover a, .block-swatches ul li.color3.active a{background-position:-100px -158px} .block-swatches ul li.color4:hover a, .block-swatches ul li.color4.active a{background-position:-149px -158px} .block-swatches ul li.color5:hover a, .block-swatches ul li.color5.active a{background-position:-199px -158px} .block-swatches ul li.color6:hover a, .block-swatches ul li.color6.active a{background-position:0 -207px} .block-swatches ul li.color7:hover a, .block-swatches ul li.color7.active a{background-position:-51px -207px} .block-swatches ul li.color8:hover a, .block-swatches ul li.color8.active a{background-position:-100px -207px} .block-swatches ul li.color9:hover a, .block-swatches ul li.color9.active a{background-position:-149px -207px} .block-swatches ul li.color10:hover a, .block-swatches ul li.color10.active a{background-position:-199px -207px} .block-swatches ul li.color11:hover a, .block-swatches ul li.color11.active a{background-position:0 -257px} .block-swatches ul li.color12:hover a, .block-swatches ul li.color12.active a{background-position:-51px -257px} .block-swatches ul li.color13:hover a, .block-swatches ul li.color13.active a{background-position:-100px -257px} /*Block: swatch age filter*/ .sidebar .age-filter .block-content { padding: 5px 5px 17px; } .age-filter ul { text-align: center; } .age-filter li { display: inline-block; margin: 0 10px; } .age-filter li a { color: black; font-weight: bold; } .age-filter li .pic { display: inline-block; width: 45px; height: 105px; background-image: url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/people-pic-sprite.jpg); } .age-filter li .pic[data-label^="3"] { background-position: 0 0; margin-left: 10px; } .age-filter li .pic[data-label^="5"] { background-position: center 0; } .age-filter li .pic[data-label^="7"] { background-position: right 0; } /*end of searchby*/ #custommenu ul li .submenu .collections{padding:22px 0px 30px 11.3234375%} .collections .category-products{padding:0} .collections .cat-grid{margin:0 0 45px 0 !important;} .collections .cat-grid li.item{margin:0 0 0 5.6%;margin:0 0 0 50px\9;padding:0 !important;text-align:center;width:200px !important; } .collections .cat-grid li.item span{display:block;padding-top:15px;} .collections .cat-grid li.item:first-child{margin-left:0;} #custommenu .products-grid li a, .sliderSubMenu .products-grid a span{font-size:12px;font-family: 'swatch_ctbold';color:#000000;word-wrap:break-word;display:block} #custommenu .cat-grid .product-name a:hover{color:#000000} .collections .cat-grid li.item a.product-image{position:relative;width:200px;height:200px;display:block; overflow:hidden;margin-bottom:24px; } .collections .cat-grid li.item a.product-image img.small_image{top:0;left:0;display:inline;position:absolute;} .collections .cat-grid li.item a.product-image img.thumbnail{position:absolute;left:0;top:0; display:inline; clip:rect(0px, 0px, 200px, 0px); z-index:1; -moz-transition:clip 0.3s ease-in-out; -webkit-transition:clip 0.3s ease-in-out; transition:clip 0.3s ease-in-out; } .collections .cat-grid li.item a.product-image:hover img.thumbnail{clip:rect(0px, 201px, 200px, 0px); } #custommenu ul li .submenu .collections .nav-submenu{border-top:1px solid #e8e8e8;margin:0 0 0 -145px;padding:0 0 0 145px;height:73px;} #custommenu ul li .submenu .collections .nav-submenu li{padding:40px 72px 38px 0 ; max-width:200px;text-align: center} #custommenu ul li .submenu .collections .nav-submenu li a{font-size:18px;font-family: 'swatch_ct_regular-webfont';} /*end of collections*/ #custommenu ul li .submenu .submenu_slider{padding:23px 10% 38px 8.125%; overflow:hidden; min-height:240px;} #custommenu ul li .submenu .submenu_slider .watches{width:13.88888888888889%;float:left;padding:27px 0px 0px 0px} #custommenu ul li .submenu .watches li{padding:0px !important;margin:0px !important;display:block;float:none !important;line-height:34px;} #custommenu ul li .submenu .watches li.active a,#custommenu ul li .submenu .watches li:hover a{color:#000000;text-decoration:none} .sliderSubMenu{width:80%;position:absolute; top:26px;right:0} .sliderSubMenu li.item{text-align:center;border:6px solid #ffffff;width:124px;height:195px;padding:19px 0px !important;} .sliderSubMenu .products-grid .product-image img{margin-bottom:22px;} .desktop .sliderSubMenu li.item:hover{border-color:#c5c5c5} .sliderSubMenu li img{margin:0px auto;display:block;height:140px !important;width:auto !important;max-width:none !important} .sliderSubMenu li.item a:hover{text-decoration:none !important} .slider-products{position:relative} .slider-products .product-name{color:#000000} .control-arrow{position:absolute;top:25%;left:0px;right:0px;} .control-arrow a{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/submenu_slider_arrow.png) no-repeat left top;width:31px;height:55px;display:block;text-indent:-999999px;} .control-arrow .prev_slide{background-position:left bottom;position:absolute;left:-40px;} .control-arrow .next_slide{background-position:left top;position:absolute;right:15px} .control-arrow .prev_slide:hover{background-position:right bottom;} .control-arrow .next_slide:hover{background-position:right top;} .slider-products .control-arrow a.disabled{display:none !important} /*end of custom menu*/ /*end of header*/ .banner-container{text-align:left} .banner_slider{position:relative; margin:0px auto} .btn{display:inline-block; color:white; text-decoration:none;text-indent:-9999999px} .banner_slider .nav-controls a{position:absolute;background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/submenu_slider_arrow.png) no-repeat left top;display:block;width:143px;height:100%; -webkit-transition:all 0.4s cubic-bezier(0.77, 0, 0.175, 1);-moz-transition:all 0.4s cubic-bezier(0.77, 0, 0.175, 1);transition:all 0.4s cubic-bezier(0.77, 0, 0.175, 1); z-index:91;opacity:0.7} .banner_slider .nav-controls #prev{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/submenu_slider_arrow-lt-H.png) no-repeat left center;left:0;} .banner_slider .nav-controls #next{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/submenu_slider_arrow-rt-H.png) no-repeat right center;right:0} .banner_slider .nav-controls #prev.active{background-position:right center; opacity:1} .banner_slider .nav-controls #next.active{background-position:left center; opacity:1} .banner_slider .nav-controls.no-preview #prev.active{background-position:center center; opacity:1} .banner_slider .nav-controls.no-preview #next.active{background-position:center center; opacity:1} .btn:hover{background-color:#f5f5f5; color:black;} #main-slider{position:relative; height:560px !important;width:100%;margin:0 auto;} #main-slider .slider{position:absolute; left:0; right:0; top:0px; bottom:0px;overflow:hidden;} #main-slider .slider-bar{position:absolute; height:20px; background-color:#ffffff; width:100%; z-index:90} #main-slider .slider-bar-top{top:0;} #main-slider .slider-bar-bottom{bottom:0; background-color:#ebebeb} #main-slider .slider .slide:first-child{display:block} #main-slider .slider .slide{display:none} #main-slider .slide { height:100%; position:absolute; width:100%; } #main-slider .slide .content{ display:block; } #main-slider .slider-container{ height:100%; /*background-color:#011520;*/ z-index:85; position:absolute; width:256px; } #main-slider .slider-preview{ height:100%; /*background-color:#011520;*/ position:relative; width:100%; display:table;} #main-slider .slider-preview .prv-cnt{display:table-cell; vertical-align:middle; padding:0 28px;} .slider-container .overlay{top:0;position:absolute; left:0; height:100%; width:100%; background-color:#011520; z-index:-1;} /*#main-slider .slider-preview{ height:100%; background-color:#011520; position:relative; z-index:85; position:absolute; width:256px; display:table;} #main-slider .slider-preview div{display:table-cell; vertical-align:middle; padding:0 28px;} */ #main-slider .slider-title{position:absolute; top:50%; height:55px; margin-top:-27px; z-index:100;color:white;font-family: 'swatch_ctbold';font-size:20px;width:137px;} #main-slider .slider-title-left{left:153px;} #main-slider .slider-title-right{right:153px; text-align:right;}#main-slider .slide .prop #main-slider .slide .bckContainer{} #main-slider .slide .bck{width:100%; overflow:hidden;height:100%;position:relative; left:0px;position:absolute;/*clip:rect(0px,60px,200px,0px);*/} #main-slider .slide .content{position:absolute; z-index:1;width:100%;margin:0 auto; height:100%; overflow:hidden;top:0; left:0; /*overflow:hidden;*/ z-index:2} #main-slider .slide .overlay{/*background-color:#0f306e;*/opacity:0.9;width:100%; position:absolute; top:0; height:100%; z-index:1;} #main-slider .slide .prop img{width:100%; height:auto; display:block; /*position:relative;*/} #main-slider .slide .prop,#main-slider .slide .prop-content{display:table; height:100%;position:relative;width:100%;} #main-slider .slide .prop-content .slider-ani-item{ position:relative; } #main-slider .slide .prop{float:left;/*max-width:422px;*/max-width:522px;width:29.30555555555556%;height: 800px;/*422px/1440;*/ margin-left:12.63888888888889%;/*182px/1440;*/margin-right:6.25%/*90/1440*/;} #main-slider .slide .prop-content{float:left;color:white;width:35.02777777777778%/*490/1440*/;position:absolute;margin-left:50%;} #main-slider .slide .prop-content h2{font-size:60px;text-transform:uppercase;color:#ffffff} #main-slider .slide .prop-content p{font-size:15px;color:#ececec;line-height:27px;margin-bottom:26px;} #main-slider .slide .prop-content a{display:block;font-size:16px;text-transform:uppercase;text-decoration:none;font-family: 'swatch_ctbold';padding:7px 9px;width:224px;} #main-slider .slide .prop-content .link1{color:#d6c045} #main-slider .slide .prop-content .link1:hover{background:#ffffff;color:#646464;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;} #main-slider #background-slider-link{cursor:pointer;position:absolute;width:1280px;height:100%;top:0;margin-left:-142%;} #main-slider .slide .prop-content .link2{color:#ffffff} #main-slider .slide .prop-content .link2:hover{background:#c5c5c5;color:#ffffff;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;} #main-slider .slide .prop > div,#main-slider .slide .prop-content > div{display:table-cell;vertical-align:middle;} #main-slider .slide .prop-content > div > h2 { line-height: normal; } #main-slider .slide .prop-content {color:white;width:35.02777777777778%/*490/1440*/;} #main-slider .slide .prop-content.top_right {margin-top:85px;right: 0;top: 0;margin-right:85px;position:absolute;height:auto; display:block;} #main-slider .slide .prop-content.bottom_right {margin-bottom:85px;right: 0;bottom: 0;margin-right:85px;position:absolute;height:auto; display:block;} #main-slider .slide .prop-content.top_left {margin-top:85px;left: 0;top: 0;margin-left:85px;position:absolute;height:auto; display:block;} #main-slider .slide .prop-content.bottom_left {margin-bottom:85px;left: 0;bottom: 0;margin-left:85px;position:absolute;height:auto; display:block;} #main-slider .slide .prop-content.top_middle {margin-top:85px;left: 0;top: 0;margin-left:32.486111111%;position:absolute;height:auto; display:block;} #main-slider .slide .prop-content.bottom_middle {margin-bottom:85px;left: 0;bottom: 0;margin-left:32.486111111%;position:absolute;height:auto; display:block;} #main-slider .slide .prop-content.top_right > div {vertical-align:top;} #main-slider .slide .prop-content.bottom_right > div {vertical-align:bottom;} #main-slider .slide .prop-content.top_left > div {vertical-align:top;} #main-slider .slide .prop-content.bottom_left > div {vertical-align:bottom;} #main-slider .slide .prop-content.top_middle > div {vertical-align:top;} #main-slider .slide .prop-content.bottom_middle > div {vertical-align:bottom;} /*-----------------------------end of banner slider---------------------------*/ .block{background:#ffffff; overflow:hidden;margin:0px 0px 30px 0px;display:block} .col2-set .col-1{width:31.640625%} .col2-set .col-2{width:65.625%; overflow:hidden} .widget-bestseller{display:block;text-align:center;height:648px; position:relative;z-index:9} .widget-bestseller .widget-title{margin:20px 0 0 !important} .widget-bestseller .products-grid li a img{height:456px;display:block;margin:0px auto} .widget-bestseller .products-grid li a span{display:block;font-family:'swatch_ctbold';font-size:15px;} .widget-bestseller .products-grid li .product-image img{height:100%} .widget-bestseller .products-grid li .product-name{margin-bottom:0} .widget-bestseller .products-grid li .price-box{margin-top:0px;} .control-paging{position:absolute;width:100%;bottom:25px;} .control-paging a {width:28px;height:28px;line-height:30px;font-size:22px;font-weight:bold; cursor: pointer;color:#ffffff;text-decoration:none; margin: 0 5px; display: inline-block; zoom: 1; *display: inline;font-weight:normal;background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/slider-bullet.png) no-repeat left top;} .control-paging a.selected, .control-paging a:hover { background-position:left bottom } /*end of best seller*/ .col-2 .widget-collection1{width:48.21428571428571%;float:left;height:417px; position:relative;} .col-2 .widget-collection2{width:48.21428571428571%;float:right;height:417px;position:relative;} .col-2 .flik-flak{clear:both;display:block;position:relative;overflow:hidden;background:#ffffff;height:266px} .col-2 .flik-flak .overlay{z-index:1;position:absolute;top:0;right:0;left:0;bottom:0;width:100%;height:100%;} .col-2 .flik-flak a{position: relative;z-index: 2;margin: 18px;display: block;} .col-2 .flik-flak a img{width:100%} .flikflak-logo { margin-bottom:10px; } .desktop-infos-flik { margin-top:10px; } .desktop-infos-flik img { height: 25px; width: 25px; } /* Collection Block (Red Box animation + Diagonal Animation) */ /* Collection Block (Red Box animation + Diagonal Animation) */ .col-2 .redblock{ width:405px; height:425px; position:relative; overflow:visible } .redbox { position:absolute; background-repeat:no-repeat; width:405px; height:437px; } .red-border{position:absolute; left:0; right:0; top:0; bottom:0; border:20px solid #e2001a;} .category-products .products-grid li .red-border, .box-collateral .products-grid li .red-border{border-bottom-width:70px;} .redbox .red-border{border-bottom-width:70px;} .dia-box{ position:absolute; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg) ; -ms-transform:rotate(45deg);transform:rotate(45deg); width:644px; height:635.5px; } .dia-box-outer{position:relative; top:-108.75px; z-index:20; } .dia-box-outer-rl{ left:300px; } .dia-box-outer-lr{left:-540px;} .widget-collection-container{width:405px;height:425px;position:relative;margin-bottom:30px;} .collection-container-left{float:left;} .collection-container-right{float:right;} .collection-container-left .dia-box-btn{right:-1px;left:auto;} .dia-box-inner{position:absolute; background-color:black; width:435px; height:418px; -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);left:105px; top:108.5px;} .safari .dia-box-inner{ top:109.4px; } .dia-tbl{ display:table; height:100%; width:100%} .dia-tbl-cell{display:table-cell; vertical-align:middle} .widget-collection1 .dia-box{ } .dia-box-outer-rl .dia-box{ clip:rect(0px, 642px, 0px, 0px);} .dia-box-outer-lr .dia-box{ clip:rect(0px, 0px, 634.5px, 0px) } .dia-tbl-cont p{ font-size:15px; color:#fff; line-height:26px; } .dia-tbl-cont a.explore_btn{ font-size:18px; text-transform:uppercase; display:block; font-family:'swatch_ctbold'; line-height:42px; padding:0 10px; margin-top:30px; margin-left:-10px; } .left-colln{ background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/index-right-colln-bg.jpg) no-repeat; } .left-colln .dia-tbl-cont{ padding:0 110px 0 50px; } .left-colln .dia-tbl-cont p{ color:#fff; } .left-colln .dia-tbl-cont a.explore_btn{ color:#fff; background:#000; } .right-colln{ background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/index-left-colln-bg.jpg) no-repeat; } .right-colln .dia-tbl-cont{ padding:0 90px 0 65px; } .right-colln .dia-tbl-cont p{ color:#000; } .right-colln .dia-tbl-cont a.explore_btn{ color:#000; background:#fff; } .colln-prod-img-contr{ display:block; padding:17px; /*background:#e2001a;*/ height:320px; position:relative } .colln-prod-img-cont{ width:100%; height:100%; display:table; text-align:center; } .colln-prod-img-cont span{ display:table-cell; vertical-align:middle; } .colln-prod-img-cont span img{width:100%} .colln-caption{ width:100%; position:relative; height:38px; } .colln-caption h2{margin:0px;} .colln-caption a.colln-name{ padding-top:20px;position:absolute; top:0; line-height:38px; text-align:center; font-size:15px; font-family:'swatch_ctbold',Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; width:100%; display:block; } .colln-caption .colln-detail-links{ position:absolute; top:0; width:100%; display:none;padding-top:20px } .colln-caption .colln-detail-links span{ width:100%; display:block; clear:both; text-align:center;} .colln-caption .colln-detail-links a{ text-transform:uppercase; font-family:'swatch_ctbold',Arial, Helvetica, sans-serif; } .colln-caption .colln-detail-links span.view-colln a{ font-size:15px; color:#c5c5c5;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear; } .colln-caption .colln-detail-links span.view-colln a:hover{color:#ffffff} .colln-caption .colln-detail-links span.prod-details a{ font-size:18px; color:#fff; } .dia-box-btn{ display:block; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/btn-plusminus.png) no-repeat; width:37px; height:37px; position:absolute; bottom:0; left:0; } .dia-box-btn-close{ background-position:left -37px; z-index:22; display:none;} .widget-collection1 .dia-box-btn{ left:auto; right:0;} .widget-collection1 .dia-box-btn-close{ right:0; z-index:22; } /*end of collection 1*/ .feeltoday-block{clear:both; overflow:hidden;margin:0 0 30px 0} .feeltoday-block .block-content{ position:relative;height:417px;width:100%; overflow:hidden;} .feeltoday-block .block-content .feeltabs{margin:0;} .feeltoday-block .block-content .block{width:16.5625%;height:208px;position:absolute;margin:0;text-align:center; overflow:visible; z-index:20; } .feeltoday-block .block-content .box{width:100%;height:100%;} .feeltoday-block .block-content .block a{display:block;width:100%;height:100%;position:absolute;right:0;left:0;top:0;bottom:0;text-indent:-999999px;} .feeltoday-block .block-content a span{width:60px;height:60px;display:block;margin:0 auto 15px;} .feeltoday-block .block-content .sportive-block{left:0;top:0} .feeltoday-block .block-content .box .icon{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/sprite_feel.png) no-repeat left top;height:45px;display:block;margin:77px auto 15px;} .feeltoday-block .block-content .sportive-block .box .icon{background-position:left top;width:51px;} .feeltoday-block .block-content .sportive-block .box:hover .icon, .feeltoday-block .block-content .active .sportive-block .icon{background-position:left bottom;} .feeltoday-block .block-content .urbanexp-block{right:0;top:0} .feeltoday-block .block-content .urbanexp-block .box .icon{background-position:-51px top;width:47px;} .feeltoday-block .block-content .urbanexp-block .box:hover .icon, .feeltoday-block .block-content .active .urbanexp-block .icon{background-position:-51px bottom;} .feeltoday-block .block-content .smart-block{left:0;bottom:0} .feeltoday-block .block-content .smart-block .box .icon{background-position:-99px top;width:44px;margin-top:74px;} .feeltoday-block .block-content .smart-block .box:hover .icon, .feeltoday-block .block-content .active .smart-block .icon{background-position:-99px bottom;} .feeltoday-block .block-content .creative-block{right:0;bottom:0} .feeltoday-block .block-content .creative-block .box .icon{background-position:-143px top;width:39px;margin-top:74px} .feeltoday-block .block-content .creative-block .box:hover .icon, .feeltoday-block .block-content .active .creative-block .icon{background-position:-143px bottom} /* .feeltoday-block .block-content .block:hover, .feeltoday-block .block-content .active .block {background:#e2001a} */ .feeltoday-block .block-content .active .block {background:#e2001a} .feeltoday-block .block-content .block::after{ display:block; content:"."; position:absolute; top:0; width:100%; height:100%; background:#e2001a; z-index:-1; -webkit-transition: left 0.3s ease-out, right 0.3s ease-out; -moz-transition: left 0.3s ease-out, right 0.3s ease-out; transition: left 0.3s ease-out, right 0.3s ease-out; } .feeltoday-block .block-content .sportive-block::after, .feeltoday-block .block-content .smart-block::after{ left:-100% } .feeltoday-block .block-content .creative-block::after, .feeltoday-block .block-content .urbanexp-block::after{ right:-100% } .feeltoday-block .block-content .sportive-block:hover::after, .feeltoday-block .block-content .smart-block:hover::after{ left:0 } .feeltoday-block .block-content .creative-block:hover::after, .feeltoday-block .block-content .urbanexp-block:hover::after{ right:0 } .feeltoday-block .block-content .block h3{font-size:12px;padding:0 25%} .feeltoday-block .block-content .block:hover h3, .feeltoday-block .block-content .active h3{color:#ffffff;} .feeltoday-block .block-content .box .arrow{position:absolute;top:50%;margin-top:-15px; visibility:hidden; width:15px;height:31px;} .feeltoday-block .block-content .sportive-block .arrow, .feeltoday-block .block-content .smart-block .arrow{ background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/feelH-rt.png) no-repeat left top; right:0px; -moz-transition:right 0.2s ease-out; -webkit-transition:right 0.2s ease-out; transition:right 0.2s ease-out; } .feeltoday-block .block-content .active .sportive-block .arrow, .feeltoday-block .block-content .active .smart-block .arrow{ right:-14px; visibility:visible; } .feeltoday-block .block-content .urbanexp-block .arrow, .feeltoday-block .block-content .creative-block .arrow{ background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/feelH-lt.png) no-repeat left top; left:0; -moz-transition: left 0.2s ease-out; -webkit-transition: left 0.2s ease-out; transition: left 0.2s ease-out; } .feeltoday-block .block-content .active .urbanexp-block .arrow, .feeltoday-block .block-content .active .creative-block .arrow{ visibility:visible; left:-14px; } .feeltoday-block .block-content .active .arrow{display:block;z-index:1} .feeltoday-block .block-content .slider-block{width:66.71875%;margin:0 auto;height:417px;background:#ffffff;position:relative; overflow:hidden;border-right:1px solid #ebebeb;border-left:1px solid #ebebeb} .feeltoday-block .block-content .slider-block .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#e2001a;z-index:1;} .feeltoday-block .block-content .slider-block .overlay .content{display:table;text-align:center;width:100%;height:100%} .feeltoday-block .block-content .slider-block .overlay h2{display:table-cell;vertical-align:middle;font-size:51px;color:#ffffff; font-family: 'swatch_ct_regular-webfont',Arial, Helvetica, sans-serif;} .feeltoday-block .block-content .slider-block .mid-slider-products{padding:40px 9.375%;height:337px} .feeltoday-block .products-grid a{margin:0} .feeltoday-block .products-grid a img{margin-bottom:45px} .feeltoday-block .products-grid a span{width:auto;height:auto;margin:0;font-family:'swatch_ctbold',Arial, Helvetica, sans-serif;font-size:15px;} .feeltoday-block .block-content #slider-block .mid-slider-products li.item{height:325px;} .feeltoday-block .block-content #slider-block .mid-slider-products li.item img{width:auto;height:214px;margin:0 auto} .feeltoday-block .tab_contr{ position:absolute; width:100%; top:0; left:0;} .control-feeltoday{text-align:center; position:absolute;bottom:15px;left:0;width:100%} .control-feeltoday a{font-size:15px;text-transform:uppercase;color:#e2001a;font-family:'swatch_ctbold',Arial, Helvetica, sans-serif;} .control-feeltoday a.next_slide{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/feeltoday-arrow-rt.png) no-repeat right center;padding:7px 30px 0 7px;} /*end of how do you feel today block*/ /*end of collection block*/ .tv-block .block-content{padding:28px 8.125% 52px 3.046875%;} .tv-block .block-content .block-content-inner{width:100%;overflow:hidden;position:relative;min-height:420px;} .tv-block .block-content .video{float:left;position:absolute;overflow:hidden;} .tv-block .block-content .video img{width:auto;height:auto;max-width:100%;max-height:100%;} .tv-block .block-content .video .play,.tv-block .block-content .video .play span{-webkit-transition:all 0.6s linear;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;} .tv-block .block-content .video .play{position:absolute;width:100%;left:0;top:0;right:0;bottom:0;height:100%;z-index:9;display:block; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/btn_play.png) no-repeat center center; opacity:0.8;} .desktop .tv-block .block-content .video .play{opacity:0;filter: alpha(opacity=0);} .tv-block .block-content .video .play span{ display:block;background:#ffffff; position:absolute; left:0; right:0; top:0; bottom:0; opacity:0.2;} .desktop .tv-block .block-content .video .play span{ filter: alpha(opacity=0);opacity:0; } .tv-block .block-content .video .play:hover {filter: alpha(opacity=100);opacity:1;} .tv-block .block-content .video .play:hover span{filter: alpha(opacity=20);opacity:0.2;} .tv-block .block-content .video-content{width:26.10229276895944%;float:right;padding:0} .tv-block .block-content h2{color:#e2001a;font-size:18px;} .tv-block .block-content h3{font-weight:normal;font-family: 'swatch_ct_regular-webfont',Arial, Helvetica, sans-serif;margin:60px 0 26px 0} .tv-block .block-content .video-content .content{padding:0 15px 33px 0;min-height:155px;} .tv-block .block-content .video-content .content p{font-size:15px;line-height:26px;} .tv-block .block-content .video-content .links{} .tv-block .block-content .video-content .links li{display:block;margin-top:5px;} .tv-block .block-content .video-content .links li:first-child{margin-top:0;} .tv-block .block-content .video-content .links li a{display:block;height:54px;line-height:54px;text-transform:uppercase;text-decoration:none;color:#ffffff;padding:0 13px;font-size:16px;} .tv-block .block-content .video-content .links li.watch-video {background:#000000} .tv-block .block-content .video-content .links li.explore {background:#e2001a} .tv-block .block-content .video-content .links li.watch-video:hover {background:#e2001a} .tv-block .block-content .video-content .links li.explore:hover {background:#c5c5c5} .layer-video-box {background:rgba(0,0,0,0.8);bottom: 0;display: none;left: 0;overflow: hidden;position: fixed;right: 0;top: 0;z-index: 500;} .ie8 .layer-video-box {background:#000000; filter: alpha(opacity=80);-khtml-opacity: 0.8;-moz-opacity: 0.8;opacity: 0.8;bottom: 0;display: none;left: 0;overflow: hidden;position: fixed;right: 0;top: 0;z-index: 500;} .layer-video-box .layer {background:#000000;filter: alpha(opacity=100);display: block;height: 540px;left: 50%;margin: -272px 0 0 -480px;position: absolute;top: 50%;width: 960px;} .layer-video-box .layer .video-iframe {background-color: #FFFFFF;display: block;height: 412px;left: 0;position: absolute;top: 0;width: 680px;z-index: 1;} .layer-video-box .layer .video-iframe iframe {display: block;height: 420px;margin: -8px 0 0 -8px;padding: 0;width: 688px;} .layer-video-box .layer .btClose {background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/btn-close-video.png) no-repeat left top;border:0px solid red;display: block;font: 0px/0 a;height: 30px;position: absolute;right: -4px;text-shadow: none;top: -42px; width: 30px;z-index: 2;} .lt-ie9 .layer-video-box { background-color: #000000; } /*end of swatch tv block*/ .footer .feature-Block {padding:52px 3.4125% 0 5.4125%;height:105px;} .footer .feature-Block ul li{float:left;width:9.5%;margin-left:8.5%;text-align:center} .footer .feature-Block ul li:first-child{margin-left:0;} .footer .feature-Block ul li a{display:block;text-transform:uppercase;} .footer .feature-Block ul li a img{position:absolute;visibility:hidden} .footer .feature-Block ul li a span{display:block;margin:0 auto;} .footer .feature-Block ul li a .icon{margin-bottom:14px;background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/footer_fea_sprite.png) no-repeat left top;height:33px;-webkit-transition: background .2s linear;-moz-transition: background .2s linear;transition: background .2s linear;} .footer .feature-Block ul li a .swiss_made{background-position:left top;width:34px;} .footer .feature-Block ul li a .exchange{background-position:-37px top;width:37px;} .footer .feature-Block ul li a .express_shipping{background-position:-73px top;width:64px;} .footer .feature-Block ul li a .payment{background-position:-137px top;width:28px;} .footer .feature-Block ul li a .guarantee{background-position:-166px top;width:36px;} .footer .feature-Block ul li a .money_back{background-position:-204px top;width:33px;} /*hover state*/ .footer .feature-Block ul li:hover a .swiss_made{background-position:left bottom;} .footer .feature-Block ul li:hover a .exchange{background-position:-37px bottom;} .footer .feature-Block ul li:hover a .express_shipping{background-position:-73px bottom;} .footer .feature-Block ul li:hover a .payment{background-position:-137px bottom;} .footer .feature-Block ul li:hover a .guarantee{background-position:-166px bottom;} .footer .feature-Block ul li:hover a .money_back{background-position:-204px bottom;} /*end of featured block*/ .form-subscribe{width:100%} .footer-col-row .newsletter{float:right;width:375px;} .footer-col-row .social-block{float:left;width:350px;} .footer-col-row .social-block .social{margin:30px 0 0 0} .footer-col-row .social-block ul li{float:left;margin-left:30px;} .footer-col-row .social-block ul li:first-child{margin-left:0} .footer-col-row .social-block ul li a{height:25px;display:block;background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/social_sprite.png) no-repeat left top;-webkit-transition: background .2s linear;-moz-transition: background .2s linear;transition: background .2s linear;} .footer-col-row .social-block ul li a img{visibility:hidden} .footer-col-row .social-block ul li.fb a{width:12px;background-position:left top} .footer-col-row .social-block ul li.tw a{width:28px;background-position:-12px top} .footer-col-row .social-block ul li.yu a{width:53px;background-position:-44px top} /*.footer-col-row .social-block ul li.tumblr a{width:14px;background-position:-98px top}/* this was for tumblr icon*/ .footer-col-row .social-block ul li.tumblr a{width:25px;background-position:-165px top} .footer-col-row .social-block ul li.gplus a{width:25px;background-position:-113px top} .footer-col-row .social-block ul li.pin a{width:25px;background-position:-139px top} /*hover state*/ .footer-col-row .social-block ul li.fb:hover a{background-position:left bottom} .footer-col-row .social-block ul li.tw:hover a{background-position:-12px bottom} .footer-col-row .social-block ul li.yu:hover a{background-position:-44px bottom} /*.footer-col-row .social-block ul li.tumblr:hover a{background-position:-98px bottom}/* this was for tumblr icon*/ .footer-col-row .social-block ul li.tumblr:hover a{background-position:-165px bottom} .footer-col-row .social-block ul li.gplus:hover a{background-position:-113px bottom} .footer-col-row .social-block ul li.pin:hover a{background-position:-139px bottom} .form-subscribe-header span{font-family: 'swatch_ct_webregular',Arial, Helvetica, sans-serif;} .form-subscribe button.button{margin:0;} .form-subscribe button.button span{font-size:12px;text-transform:uppercase;color:#ffffff;display:block;background:#e2001a;height:40px;line-height:41px;} .form-subscribe button.button:hover span{background:#c5c5c5} /*end of social block*/ /*start of product detail page*/ .collection-block .thumb{float:left;width:678px;margin-right:44px;} .collection-block .content{width:320px;float:left} .collection-block .content h3{font-size:28px;} .collection-block .content p{font-size:14px;line-height:24px;} .product-collateral .box-collateral .slider-block .control-arrow a{width:50px;height:128px;background:#f6f6f6 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/content-slider-arrow.png) no-repeat left center;text-indent:-999999px;-webkit-transition:background .3s linear;-moz-transition:background .3s linear;transition:background .15s linear;} .product-collateral .box-collateral .slider-block .control-arrow a.disabled {opacity:1;filter: alpha(opacity=100);} .product-collateral .box-collateral .slider-block .control-arrow a.disabled:after{opacity:0;filter: alpha(opacity=0);} .product-collateral .box-collateral .slider-block .control-arrow .prev_slide{left:-88px;background-position:-59px center} .product-collateral .box-collateral .slider-block .control-arrow .next_slide{right:-88px;background-position:-111px center} .product-collateral .box-collateral .slider-block .control-arrow .next_slide:hover{background-position:right center} .product-collateral .box-collateral .slider-block .control-arrow .prev_slide:hover{background-position:left center} .product-collateral .box-collateral .slider-block .control-arrow a:hover{opacity:1;filter: alpha(opacity=100);} .product-collateral .box-collateral .tab-content .form-add .col.left{width:223px;margin-right:95px;} .product-collateral .box-collateral .tab-content .form-add .col{float:left;width:400px} .product-collateral .box-collateral .tab-content .form-add .form-list label{text-align:left} .reviewbuttons ul li{float:left;margin-right:5px;height:45px;} .reviewbuttons ul li a{display:block;height:45px;line-height:45px;padding:0 25px; font-family:'swatch_ctbold',Arial, Helvetica, sans-serif;text-transform:uppercase;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear} .reviewbuttons ul li.showall a{background:#646464 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/arrow-dn.png) no-repeat 90% center;color:#ffffff;/*padding-right:105px;*/width:243px} .reviewbuttons ul li.addreviews a{background:#ececec url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/btn-reviews.png) no-repeat 90% top;color:#646464;padding-right:55px;} .reviewbuttons ul li.showall:hover a, .reviewbuttons ul li.showall a.active{background:#000000 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/arrow-up.png) no-repeat 90% center} .reviewbuttons ul li.addreviews:hover a, .reviewbuttons ul li.addreviews a.active{background-color:#e2001a;color:#ffffff;background-position:90% bottom} .reviewBlock{position:relative;} .reviewBlock a.closereviewblock{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/btn-close.png) no-repeat left top;width:23px;height:23px;display:block;position:absolute;right:88px;top:7px;text-indent:-999999px;} /*custom form elements*/ /* Radio */ div.rating-cancel{display:none !important} div.rating-cancel,div.star-rating{float:left;width:24px;height:19px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.star-rating,div.star-rating a{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/radio-btn.png) no-repeat left top;} div.rating-cancel a,div.star-rating a{display:block;width:24px;height:19px;background-position:0 0;border:0;margin:0 !important} div.star-rating-on a{background-position:0 -19px!important} div.star-rating-hover a{background-position:0 -19px} /* Read Only CSS */ div.star-rating-readonly a{cursor:default !important} /* Partial Star CSS */ div.star-rating{background:transparent!important;overflow:hidden!important;} /* Select */ .product-options dd .input-box div.selector{width:60px;padding-right:10px;} .product-options dd .input-box div.selector span{width:23px;} div.selector {line-height: 26px;height: 26px;padding: 0 0 0 10px;position: relative;overflow: hidden; } div.selector span {text-overflow: ellipsis;display: block;overflow: hidden;white-space: nowrap;background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/select-arrow.png) no-repeat right center;height: 26px;line-height: 26px;padding-right: 25px;cursor: pointer;display: block; color:#646464;font-family: 'swatch_ct_webregular';font-size:15px;} div.selector.fixedWidth {width: 190px; } div.selector.fixedWidth span {width: 155px; } div.selector select {opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;border: none;background: none;position: absolute;z-index:9;top: 0;left: 0;width: 100%;} div.selector.active {background-position: 0 -156px; } div.selector.active span {background-position: right -26px; } .opc-wrapper div.selector{padding:0;height:31px;margin: 0 30px 0 0; float:left;} .opc-wrapper div.selector span{background:#F4F4F4 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/select-dn.png) no-repeat 95% center;padding:0 0 0 10px;height:31px;line-height:31px;} .opc-wrapper .field .input-box div.selector span{background:#F4F4F4 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/select-dn.png) no-repeat 95% center;padding:0 20px 0 10px;height:31px;line-height:31px;width:180px !important;} .opc-wrapper #opc-payment div.selector span{background:#F4F4F4 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/select-dn-opc.png) no-repeat right center;padding:0 0 0 10px;height:31px;line-height:31px;} .opc-wrapper #opc-shipping div.selector{height:60px;} .opc-wrapper .country-fields div.selector{width:210px !important;} .opc-wrapper #opc-shipping .country-fields{margin-bottom:10px;} /* Checkbox */ div.checker { position: relative;float:left;margin-right:10px; } div.checker, div.checker span, div.checker input {width: 18px;height: 12px; } div.checker span { display: -moz-inline-box;display: inline-block;*display: inline;zoom: 1;text-align: center;background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/checkbox.png) no-repeat left top; } div.checker span.checked {background-position: left -51px; } div.checker input {opacity: 0;filter: alpha(opacity=0);-moz-opacity: 0;border: none;background: none;display: -moz-inline-box;display: inline-block;*display: inline;zoom:1; } div.checker.active span {background-position: left -51px; } div.checker.active span.checked {background-position: left -51px; } div.checker.hover span, div.checker.focus span {background-position: left -17px; } div.checker.hover span.checked, div.checker.focus span.checked {background-position:left -34px; } div.checker.hover.active span, div.checker.focus.active span {background-position: left -34px; } div.checker.hover.active span.checked, div.checker.focus.active span.checked {background-position: left -51px; } div.checker.disabled, div.checker.disabled.active {background-position: left top; } div.checker.disabled span.checked, div.checker.disabled.active span.checked {background-position: left -51px; } .tipr_content{ background-color: #fff; padding: 9px 17px;} .tipr_container_bottom{display: none;position: absolute; margin-top: 13px;z-index: 3;} .tipr_container_top{display: none; position: absolute;margin-top: -75px;z-index: 1000;} .tipr_point_top, .tipr_point_bottom { position: relative;background: #fff;border: 1px solid #dcdcdc;} .tipr_point_top:after, .tipr_point_top:before{position: absolute;pointer-events: none;border: solid transparent;top: 100%;content: "";height: 0;width: 0;} .tipr_point_top:after{border-top-color: #fff;border-width: 8px;left: 50%;margin-left: -8px;} .tipr_point_top:before {border-top-color: #dcdcdc;border-width: 9px;left: 50%;margin-left: -9px;} .tipr_point_bottom:after, .tipr_point_bottom:before{position: absolute;pointer-events: none;border: solid transparent;bottom: 100%;content: "";height: 0;width: 0;} .tipr_point_bottom:after{border-bottom-color: #fff;border-width: 8px;left: 50%;margin-left: -8px;} .tipr_point_bottom:before {border-bottom-color: #dcdcdc;border-width: 9px;left: 50%;margin-left: -9px;} .product-view .product-shop .add-to-links .link-wishlist .tipr_point_bottom{margin-top:25px;} /*start of collection page*/ .category-collections{clear:both;height:455px;margin:0 0 0 0;width:623px;} .category-collections .category-block{height:455px;width:623px;background:#ffffff;float:left; position:relative; overflow:hidden; } .category-collections .category-block img{display:block;} .category-collections .category-block .txt_cont{ width:460px; margin:95px auto 0;} .category-collections .category-block .txt_cont h3{ font-size:20px; margin-bottom:20px; } .category-collections .category-block .txt_cont p{ font-size:14px; line-height:28px; } .category-collections .category-block a.dia-box-btn{ left:auto; right:61px; bottom:50px; z-index:20; } .category-collections .category-block a.dia-box-btn.close{ background-position:left -37px; } .category-collections.item .category-block{width:100%;} .category-collections.item .category-block a.dia-box-btn{position:absolute;} .category-collections .category-block .dia-box-outer{ top:-78.75px; } .category-collections .category-block .dia-box{ clip:rect(0px, 644px, 636px, 0px); } .category-collections .category-block .dia-box-inner{ background:white; width:500px; height:340px; height:333px\9; left:63.5px; top:150.75px; overflow:hidden; } /* image blur fix for dia-box */ .catalog-category-view .category-block .dia-box-outer-image{background:no-repeat center top; z-index:25; position: absolute; left: 64px; top: 65px; width: 499px; height: 339px;} .catalog-category-view .category-collections .category-block a.dia-box-btn{z-index:28;} @media only screen and (max-width: 1257px){ .catalog-category-view .category-block .dia-box-outer-image{ background-position:-49px top; width: 373px; } } .collBlkHidden{ margin-top:100px; opacity:0; filter:alpha(opacity=0); visibility:hidden } .collBlkShow{ margin-top:0; visibility:visible !important; opacity:1 !important; -webkit-transition:all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;-moz-transition:all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s;transition:all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .price-block .value{float:left;background:none;border:0;width:55px;width:52px\9;font-size:16px\9} .price-block .value input[type="text"]{background:none;padding:0;font-family:'swatch_ctbold';font-size:19px;} .price-block .value span{font-family:'swatch_ctbold';font-size:19px;} .ja_jp .price-block .value span{font-size:15px;} .sliderblock{width:70px;padding:0 21px;background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/rangeslider-track.png) no-repeat left top;float:left;margin:0 4px 0 0} .sliderContainer {width:92px;margin-left:-15px;} .ui-slider {position: relative;text-align: left;} .ui-slider .ui-slider-handle {width:19px; height:19px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/rangeslider-handle.png) no-repeat; overflow: hidden; position:absolute;top: 1px;border-style:none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0;border-radius: 33px 0 0 33px;} .ui-slider-horizontal { height: 20px; } .ui-slider-horizontal .ui-slider-handle { margin-left: -.5em; z-index: 9; } .ui-slider-horizontal .ui-slider-range {top: 0;height: 100%;} .ui-slider-horizontal .ui-slider-range-min {left: 0;} .ui-slider-horizontal .ui-slider-range-max {right: 0;} .ui-slider-horizontal .ui-state-active,.ui-slider-horizontal .ui-widget-content .ui-state-active,.ui-slider-horizontal .ui-widget-header .ui-state-active {background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/rangeslider-handle.png) no-repeat;} /*Packging*/ input[name="sleeve"]{display:none;} .product_packaging{margin-bottom:25px;} .select_packaging{width:200px;} .packaging_description{padding:5px 0;} .product-packaging-cart{color: #646464;text-transform: uppercase;} /*Free Nose*/ input[name="free_nose"]{display:none;} .product_free_nose{margin-bottom:25px;} .select_free_nose{width:200px;} .product-free-nose-cart{color: #646464;text-transform: uppercase;} /*back to top*/ .back_top{padding:26px 0 0 0} #back_top {background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/arrow_back_top.png) no-repeat right top;cursor: pointer;text-transform:uppercase;font-size:14px;font-family:'swatch_ctbold';float:right;padding:0 25px 0 0} #back_top:hover{background-position:right -26px;color:#000000} /*tooltip*/ .ui-tooltip { top:-125%; right:-104%; padding: 10px 25px; position: absolute; z-index: 9999; width: 170px; background:#c5c5c5; color:#ffffff; text-align:left; border-left: 1px solid white; } .ui-tooltip .arrow.bottom{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/tooltip-lb.png) no-repeat left bottom;width:14px;height:8px;position:absolute;left:0;bottom:-8px;} body .ui-tooltip { border-width: 2px; } /**** Isotope CSS3 transitions ****/ .masonry{ -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } .masonry { -webkit-transition-property: height; -moz-transition-property: height; -ms-transition-property: height; -o-transition-property: height; transition-property: height; } .masonry-body .masonry .item { -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -ms-transition-property: -ms-transform; -o-transition-property: top, left; transition-property: transform; } /* Clears ================================================================================ */ .account-login .form-list:after, .wishlist-management .table-caption:after, .product-options dt:after, #bundleProduct:after, .events-slider:after, .product-image-popup .nav:after, .gift-item:after, .block-content:after, .block-list li.item:after, .block-poll li:after, .currently li:after, .order-info:after, .top-cart .actions:after, .header .quick-access:after, .product-view .box-related li.item:after, .bundle-summary .product:after, .collateral-tabs:after, .block-cart .block-content .item:after, .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header-panel:after, #nav:after, .main:after, .footer-before-container:after, .footer-container:after, .footer:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block li.item:after, .block .actions:after, .mini-products-list li:after, .cms-index-index .block-featured li.item:after, .title-buttons:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .products-grid:after, .products-list li.item:after, .product-view:after, .product-view .product-img-box .more-views ul:after, .product-view .box-tags .form-add-tags:after, .product-options .options-list li:after, .options-container-small .product-options:after, .product-options-bottom:after, .product-review:after, .box-collateral:after, .box-collateral .box-content:after, .collateral-tabs .tab-content:after, .account-login:after, .cart .cart-collaterals:after, .cart:after, .opc .step-title:after, .checkout-progress:after, .form-list li:after, .form-list li.fields .field:after, .clearfix:after, .buttons-set:after, .buttons-set2:after, .page-print .print-head:after, .new-product-spotlight .more-new .item:after, .addresses-list .col-2 li:after, .product-view .product-shop:after, .cat-grid:after, .product-collateral .tab-container:after, .product-essential:after, .collateral-tabs .content_nav .content_navInner:after, .reviewbuttons:after, .reviewBlock:after, .opc-wrapper .column_right .block-title:after, .payment-type:after, .block-shipping-progress:after, .product-view .short-description:after, .md-modal .md-content:after, .opc-wrapper:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } /* ======================================================================================= */ .guest-select {width:305px !important;} /* General styles for the modal */ .md-modal { position: fixed; top: 50%; left: 50%; width: 50%; width: 952px; height:560px; margin:-400px 0 0 -476px; height: auto; z-index: 2000; visibility: hidden; opacity: 0; -moz-transform:translateY(100px); -webkit-transform:translateY(100px); transform:translateY(100px); -webkit-transition:all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition:all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 1.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .md-show { visibility: visible; opacity: 1; -moz-transform:translateY(0px); -webkit-transform:translateY(0px); transform:translateY(0px); } .md-fadeout{ -moz-transform:translateY(0px); -webkit-transform:translateY(0px); transform:translateY(0px); opacity: 0; filter:alpha(opacity=0); } .md-overlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1000; background:#f6f6f6; opacity:0; filter:alpha(opacity=0); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .md-show ~ .md-overlay { opacity: 0.8; filter:alpha(opacity=80); visibility: visible; } /* Content styles */ .md-content { background: #ffffff; position: relative; margin: 0 auto; text-align:left; font-size:15px; } .md-content .md-close { text-indent:-999999px; display:block; position:absolute;right:46px;top:46px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/btn-close.png) no-repeat left top; width:25px; height:25px; } .md-content .thumb{float:left;width:40%} .md-content .thumb img{width:100%} .md-content .form-popup{float:left;width:40%;padding:46px 10% 0} .md-content .form-popup p{padding:0 0 15px 0} .md-content .form-popup p strong{color:#000000} .md-content .form-list{padding:30px 0 0 0;} .md-content .form-list li{margin:0 0 10px 0;clear:both; overflow:hidden} .md-content .form-list .accept{margin:30px 0} .md-content .form-list li input[type="text"]{width:216px;} .md-content .form-list li input[type="checkbox"]{float:left;margin:0 15px 0 0} .md-content .form-list li label{float:left;width:auto;padding:0;line-height:15px;} .md-content .form-list li .buttons-set button.button{float:left;margin:0 0 0 168px} .md-content .product_packaging{width:230px;margin-bottom:-15px;} .md-content .packaging_description{padding-bottom:0;} /**/ .md-modal-index { margin-left: -30%; top:0; margin-top:5%; min-width: 700px; width:60%; } .productPopup.md-modal-index { margin-left: -243px; top:0; margin-top:5%; width:auto; min-width:486px; } .md-modal-index .md-content { min-height: 438px; } .productPopup.md-modal-index .md-content { /*height:438px;*/ padding-bottom:20px; } .md-modal-index .mini-products-list { padding: 5px 20px 0 0; } .md-modal-index .mini-products-list .product-name { padding: 10px 25px 30px 20px; max-width:360px; min-height:65px; } .md-modal-index .mini-products-list li { border: 0 none; } .md-modal-index .mini-products-list .product-image { margin: 0; overflow: hidden; width: auto; min-width:150px; min-height:170px; text-align:center; } .md-modal-index .mini-products-list .product-image img { display: inline; margin-left: 8px; } .md-modal-index .mini-products-list .add-to-box { clear: none; float: right; padding: 36px 0 0; } .md-modal-index .mini-products-list .product-options dd .input-box{ width:80px; } .md-modal-index .mini-products-list .product-options dd .input-box select { border:1px solid #e2001a; -webkit-appearance:none; -moz-appearance:none; background: url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/select-arrow.png') no-repeat scroll 4.3em center transparent; padding-right:5px; text-indent: 0.01px; text-overflow: ""; } .md-modal-index .mini-products-list .product-options dd .input-box div.selector span { width: 34px !important; } .md-modal-index .mini-products-list .product-options dt { margin-left: -20px; } .md-modal-index .mini-products-list .add-to-box button.button{width:100%} .md-content .confirmation_address{padding:46px 8% 0} .md-content .confirmation_address .form-list li label{color:#000000;line-height:20px;} .md-content .confirmation_address .form-list li .buttons-set button.button{margin:20px 0 30px 0} .md-content .confirmation_address label.active { color:#e2001a !important } .md-content .jspopup{padding:10px 10px 10px 10px;} .md-content .jspopup .jspopup-head { padding-left: 20px} .md-content .jspopup .jspopup-head h1{padding-top: 30px;} .md-content .jspopup .jspopup-head span{padding-left: 45px; } .md-content .jspopup .jspopup-head img {float:left ; padding-top: 28px} .md-content .jspopup .jspopup-description{padding: 30px 30px 20px 10px;line-height:25px;} .header .branding img{width:159px;} .addToCartRelated > span {height:auto !important;min-height:22px !important;} .addToCartRelated span span{height:auto !important;font-size:16px !important;line-height:15px !important;} .widget-collection-container .dia-box-inner{height:430px !important; top:102.5px !important ; left: 105.5px !important;} span.online-only{ float: right; text-align: right; margin: 28px; text-transform: uppercase; position: absolute; color: #e2001a; right: 0; } @media only screen and (max-width: 1280px){ .page, .header-container .header-inner, .collateral-tabs .content_nav{width:1007px} .page, .header-container .header-inner, .collateral-tabs .content_nav{width:1003px\9} .checkout-onepage-index .branding{margin-top:36px} .col1-layout .col-main{padding:30px 0 0 0;} .customer-account-forgotpassword .col-main{padding:30px 30px 30px 50px;} .header{padding:0;} .header-panel{padding:0 25px;} .branding{margin:46px 25px 0 25px;} .header .form-search button.button{display:none;} .header .form-search button.button:hover{background:none} .header .search-panel.active input.input-text{height:35px;padding:15px 0 15px 0;} .header .form-search input.input-text{top:100%;position:absolute;bottom:-65px;right:0;left:0;width:100% !important;padding:0;height:0; font-size:22px;background:#e2001a;text-align:center;color:#ffffff; -webkit-transition:all 600ms cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition:all 600ms cubic-bezier(0.19, 1, 0.22, 1) 0s; transition:all 600ms cubic-bezier(0.19, 1, 0.22, 1) 0s;} .header .menu-open input.input-text{top:100%} .top-cart .block-content .item { padding:10px 53px 10px 25px;min-width:334px;} .top-cart .block-content ol { margin-bottom:10px; max-height: 378px } #shopping_cart_sidebar.menu-open #topCartContent{max-height:531px;/*max-height:0px\9;*/} #shopping_cart_sidebar.menu-open #topCartContent.empty{max-height:100px;/*max-height:0px\9;*/} .top-cart .product-feature .product-content{width:240px;} .mini-products-list .product-actions{margin-top:5px;} .mini-products-list .item .product-name{min-height:30px;} .top-cart .product-feature, .top-cart .totals{padding:5px 53px 5px 25px;min-width:334px;} #main-slider{height:440px !important;} .search-panel{width:50px;cursor:pointer;} .desktop .search-panel:hover, .search-panel.active{background:#e2001a} .search-panel .form-search{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_search.png) no-repeat center top;width:50px;height:40px; position:inherit} .search-panel+#ipad_hook .form-search{height:0} .desktop .search-panel:hover .form-search, .search-panel.active .form-search{background-position:center bottom} .header .form-search button.button{background:none; position:inherit} .nav-container{margin:0} #ipad_hook{width:0;} #custommenu ul li .submenu .searchby {padding:48px 2% 30px 1%} #custommenu ul li .submenu .collections{padding:22px 2% 30px} #custommenu ul li .submenu .submenu_slider{padding:0 2% 38px} .sliderSubMenu{width:76.3472%}.control-arrow .prev_slide{left:-74px;} #custommenu ul li .submenu .collections .nav-submenu li{padding:40px 45px 38px 0} #custommenu ul.menu-active .submenu.sizelimiter{outline:#fff solid 1px;} #checkout-step-login #login-form ul.form-list .buttons-set > .button{position:absolute;top:304px;left:87px;} #checkout-review-table-wrapper .cart-table .product-block{min-width:50px;} .widget-bestseller{height:646px;} .widget-bestseller .products-grid li a img{height:465px;} .widget-bestseller .products-grid .product-image img{height:450px !important} .col-2 .widget-collection1, .col-2 .widget-collection2{width:320px !important} .widget-collection-container{width:320px!important;} .col-2 .redblock{width:320px; height:350px;} .right-colln .dia-tbl-cont{padding:0 10px 0 30px;} .left-colln .dia-tbl-cont{padding:0 20px;} .banner_slider .nav-controls a{height:450px;} .redbox {width:320px;} .widget-collection-container .colln-prod-img-cont{ width:100%; height:84%; display:table; text-align:center; } .widget-collection-container .colln-prod-img-cont span img {width:98%} .widget-collection-container { height:350px;} .widget-collection-container .colln-caption { top:-56px ;} .widget-collection-container .dia-box-inner{height:360.5px !important; top:88.5px !important ; left: 77.5px !important;} .widget-collection-container .colln-caption a.colln-name { padding-top:0px;} .widget-collection-container .colln-caption .colln-detail-links { padding-top:0px;} .dia-box{ width:569px; height:617px; } .dia-box-outer{top:-89px;} .dia-box-outer-rl{ left:206px;} .dia-box-outer-lr{left:-466.5px} .dia-box-inner{width:352px;height:418px; left:105.5px; top:87px;} .dia-box-inner{left:106px\9; top:87.5px\9;}/*For IE9*/ .ie8 .dia-box-inner{left:105px;} .safari .dia-box-inner{left:105px;top:88.8px;} .dia-box-outer-rl .dia-box-inner{left:105px; top:87.5px;} .dia-box-outer-rl .dia-box-inner{left:104px\9; top:89.5px\9;}/*For IE9*/ .ie8 .dia-box-outer-rl .dia-box-inner{left:105px;top:87px;} .footer-container{padding:0;} .footer-cols-wrapper .footer-cols-Lt{width:77.3438%} .footer-cols-Rt{width:20%} .footer-col-row .newsletter{float:none;padding:77px 0 53px 0; overflow:hidden} .footer-col-row .social-block{overflow:hidden;float:none} .footer-cols-Rt .block-inner-content{padding-bottom:93px;} .footer-cols-Rt .block-inner-content a.readmore{position:relative;top:20px;} .col-2 .flik-flak{height:218px} .tv-block .block-content .video{width:65%} .tv-block .block-content .video-content{width:31%} .tv-block .block-content{padding:28px 3.04688% 52px } .tv-block .block-content .video-content{padding-top:0} .tv-block .block-content h3{margin-bottom:18px;} .tv-block .block-content .video-content .content{padding-bottom:28px} #main-slider .slide .prop-content{width:38%} #main-slider .slide .prop-content h2{font-size:40px;} .collection-block .thumb{float:left;width:678px;margin-right:23px;} .collection-block .content{width:222px;float:left} .ie8 .collection-block .content{width:219px;} .shareBlock{padding-right:10px;} .product-view .product-shop .add-to-links .link-share, .product-view .product-shop .add-to-links .link-wishlist{margin-right:10px;} .collateral-tabs .content_nav{width:1007px;} #collection .tab-content{padding:55px 40px;} #collection .tab-content h2{margin-left:0} .collateral-tabs .backtopro{margin-left:25px;height:22px; overflow:hidden;width:100px;word-wrap:break-word;display:block;padding-bottom:0;} .product-view .product-img-box{width:500px;padding-left:100px;} .product-view .product-img-box .more-views{margin-right:0;} .product-view .product-shop{width:285px;padding:60px 51px 30px 0;} .product-view .product-img-box .main-image{width:440px;} .product-view .product-shop .add-to-links .social li{margin-left:17px;} .breadcrumbs ul{margin-left:22px;} .box-collateral .slider-block li{max-width:180px;} .category-collections{width:489px;} .category-collections .category-block{width:496px;} .category-collections .category-block .txt_cont{ width:360px; margin:60px auto 0;margin:70px auto 0\9} .category-collections .category-block .dia-box-outer{ top:-102.75px; } .category-collections .category-block .dia-box-inner{ left:94.5px; top:183.75px; width:372px; height:339px\9; top:169px\9;left:64px\9 } .category-collections .category-block a.dia-box-btn{right:53.5px;bottom:50px;} #similar_product button.button span span, #recently-seen button.button span span{font-size:14px;} .category-collections .category-block .dia-box-inner img{ margin-left:-50px; } .category-collections .category-block{} .col2-left-layout{padding:54px 0 30px} .sidebar .block .block-title{padding:26px 20px 12px;} .sidebar .block-layered-nav .block-title h1{font-size:24px;} .sidebar .block .block-content{padding:35px 20px 17px;} .sidebar .block-layered-nav .block-content{padding:0} .narrow-by-list li a{padding:7px 20px} .back_top{padding-right:20px;} .category-image{margin-left:-263px;padding:20px;} .category-products .products-grid li .overlay{padding:20px;} .category-products .products-grid li.item{outline:#fff solid 1px;} .block-filter-top ul{margin:0 0 0 22px} .sliderblock{width:36px;background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/rangeslider-track-sm.png) no-repeat left top;} .sliderContainer {width:57px;margin-left:-14px;} .toolbar .pager{margin:0 20px 0 0} .toolbar-top .toolbar{right:7px;} .title-buttons .checkout-types, .cart .totals{margin-right:60px;} #checkout-step-login .col3-set .col-1, #checkout-step-login .col3-set .col-2, #checkout-step-login .col3-set .col-3, #checkout-step-login .col3-set .col-1.new-users{width:24.9375%;padding:25px 3%} #checkout-step-login .col3-set .col-2.colspan-2 {width:59.4%;} #checkout-step-login #remember-me-box{margin:0;} .cart .cart-help{right:135px;} .cart .totals{margin-right:63px;} .opc-tabs{left:210px;} .category-products .products-grid li.itembig .product-image img{margin-left:-84px;} .block-swatches ul li{margin:0 8px 12px 0\9} .col2-left-layout .col-main{width:749px;} .payment-type li{margin-right:23px\9} .product-view .short-description {height:90px;} .opc .form-alt .input-box select{width:500px;} .opc-wrapper div.selector span{max-width:500px;} .addToCartRelated span span{font-size:14px !important;} .stock-alert-button { } #stock-alert-block { padding-right: 4px !important ; padding-left: 4px !important; } .stock-alert-button span { padding:0 2px !important; } } @media only screen and (min-width: 1280px) and (max-width: 1439px) { .product-view .product-img-box{padding-left:138px;} .top-cart .block-content .item { padding:10px 53px 10px 25px;min-width:334px;} #shopping_cart_sidebar.menu-open #topCartContent{max-height:531px;/*max-height:0px\9;*/} #shopping_cart_sidebar.menu-open #topCartContent.empty{max-height:100px;/*max-height:0px\9;*/} .top-cart .block-content ol { margin-bottom:10px;max-height: 378px;} .top-cart .product-feature .product-content{width:240px;} .mini-products-list .product-actions{margin-top:5px;} .mini-products-list .item .product-name{min-height:30px;} .top-cart .product-feature, .top-cart .totals{padding:5px 53px 5px 25px;min-width:334px;} } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) { .top-cart .block-content{height:560px; overflow-y: scroll;} } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { .page, .header-container .header-inner,.collateral-tabs .content_nav{width:100%} } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { .page, .header-container .header-inner,.collateral-tabs .content_nav{width:100%} } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { .page{width:1024px;padding:auto !important;margin:auto !important;} .header-container .header-inner{width:1024px;} } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px){ #view_3d{display:none;} .dia-box-outer-rl .dia-box-inner{left:105.5px; top:88px;} .parent::after {position:absolute;top: 100%;display:inline-block;left: 0;width: 100%;height: 1px;background: rgba(0,0,0,0.4);content: '';opacity:0;z-index:11111;} .header .form-search input.input-text{width:100% !important;} body.catalog-product-view{position:relative;overflow:hidden;} body.catalog-product-view .product-essential{left:0 !important;} } /*********************************************** cookies alert ****************************************************/ #cookie_alert { left: 0; position: absolute; top: -100%; width: 100%; z-index: 9999; } #cookie_alert * { font-family: SwatchCT, Verdana; } #cookie_alert .alertWrap { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none repeat scroll 0 0 #FFFFCF; border-color: #C0C0C0 -moz-use-text-color; border-style: solid none; border-width: 1px medium; overflow: hidden; width: 100%; } #cookie_alert .alertWrap .alertContent { color: #676767; font-size: 12px; margin: 0 auto; overflow: hidden; padding: 5px 0; width: 960px; } #cookie_alert .alertWrap .alertContent a { color: #676767; text-decoration: none; } #cookie_alert .alertWrap .alertContent .close { color: #676767; text-decoration: none; float: right; } #cookie_alert .alertWrap .alertContent p { float: left; margin: 0; padding: 3px 0 0; width:855px; } #cookie_alert .alertWrap .alertContent ul { float: left; list-style: none outside none; margin: 0 0 0 5px; overflow: hidden; padding: 3px 0 0; } #cookie_alert .alertWrap .alertContent ul li { border-left: 1px solid #676767; float: left; margin: 0 0 0 5px; padding: 0 0 0 5px; } #cookie_alert .alertWrap .alertContent ul li.first { border: medium none; margin: 0; padding: 0; } #cookie_alert .alertWrap .alertContent a { font-weight: bold; text-decoration: underline; } #cookie_alert .alertWrap .alertContent a:hover, #cookie_alert .alertWrap .alertContent a:active, #cookie_alert .alertWrap .alertContent a:focus { text-decoration: underline; } #cookie_alert .alertWrap .alertContent .allow { background-color: #E3E3E3; background-image: -moz-linear-gradient(center top , #EFEFEF, #E3E3E3); border: 1px solid #A5A5A5; border-radius: 3px 3px 3px 3px; color: #666666; display: block; float: right; font-weight: bold; padding: 8px; text-align: center; text-decoration: none; text-shadow: 0 1px 1px #FFFFFF; /*width: 60px;*/ } #cookie_alert .alertWrap .alertContent .allow:hover, #cookie_alert .alertWrap .alertContent .allow:active, #cookie_alert .alertWrap .alertContent .allow:focus { border-color: #777777; color: #444444; } #cookie_alert .infoWrap { display: none; overflow: hidden; background: none repeat scroll 0 0 #E3E3E3; border-bottom: 1px solid #C0C0C0; border-top: 1px solid #FFFFFF; width: 100%; } #cookie_alert .infoWrap .info { color: #666666; font-size: 12px; margin: 0 auto; padding: 15px 0; width: 960px; } #cookie_alert .infoWrap .info .nav { font-size: 12px; list-style: none outside none; margin: 0; overflow: hidden; padding: 0; } #cookie_alert .infoWrap .info .nav li { float: left; margin: 0 10px 0 0; padding: 0 0 10px; } #cookie_alert .infoWrap .info .nav li a { background: none repeat scroll 0 0 #EEEEEE; border-radius: 3px 3px 3px 3px; color: #666666; display: block; font-weight: bold; list-style: none outside none; padding: 5px 10px; position: relative; } #cookie_alert .infoWrap .info .nav li a:hover, #cookie_alert .infoWrap .info .nav li a:active, #cookie_alert .infoWrap .info .nav li a:focus, #cookie_alert .infoWrap .info .nav li.selected a { background: none repeat scroll 0 0 #FFFFFF; text-decoration: none; } #cookie_alert .infoWrap .info .nav li.selected a span { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #FFFFFF; bottom: -7px; display: block; height: 0; left: 50%; margin-left: -10px; position: absolute; width: 0; } #cookie_alert .infoWrap .info .contentWrap { background: none repeat scroll 0 0 #FFFFFF; border-radius: 5px 5px 5px 5px; padding: 15px 10px 10px; } #cookie_alert .infoWrap .info .contentWrap .content h3 { font-size: 14px; font-weight: bold; margin: 0 0 10px; padding: 0; } #cookie_alert .infoWrap .info .contentWrap .content p { margin: 0 0 10px; padding: 0; } #cookie_alert .infoWrap .info .contentWrap .content p span { font-weight: bold; } @media screen and (max-width: 500px) { #cookie_alert .infoWrap .info, #cookie_alert .alertWrap .alertContent { width:100%; } } /* bebloom */ .cart-table tr.bebloom-product { border-bottom: none; } .cart-table tr.bebloom-controls td { padding: 0 12px 35px; } .cart-table tr.bebloom-controls .block-item { float: left; padding-left: 15px; margin-bottom: 10px; } .bebloom-controls .block-item.main-label { font-size: 14px; max-width: 175px; } .bebloom-controls .block-item label { color: #646464; font-size: 15px; } .bebloom-controls .block-item input { height: 14px; width: 150px; padding: 9px 10px 10px; } .bebloom-controls .block-item button span { height: 33px; line-height: 35px; padding: 0 10px; } .bebloom-controls .block-item select { border: none; padding: 7px; background-color: #ebebed; } .bebloom-controls .block-item input + .validation-advice[id^=advice-required-entry-bebloom-zipcode] { position: absolute; } .cart-table .bebloom-delivery-time { padding-top: 10px; font-size: 13px; position: absolute; } .opc-wrapper .column_right .block-content p.bebloom-delivery-time { color: #000000; font-size: 12px; margin-top: -20px; } .bebloom-delivery-message { color: #000000; font-family: "swatch_ctbold"; font-size: 15px; padding-left: 12px; padding-top: 15px; display: block; } button.btn-proceed-checkout:disabled span { background-color: #f6f6f6; color: #e2001a; } .desktop-infos-flik .svg + span {display: none;} .widget.widget-static-block.flik-flak-banner { display: block; overflow: hidden; border: 24px solid #fff; height: 200px; vertical-align: middle; background-color: #0066a4; color: #fff; margin-bottom: 24px; background-repeat: no-repeat; background-position: center; background-size: contain; } .widget.widget-static-block.flik-flak-banner .imgwrap { display:block; float: left; margin: 0; padding: 10px; } .widget.widget-static-block.flik-flak-banner .imgwrap img { display: block; max-width: 100%; mex-height: 100%; height: 180px; width: 1215px; } .widget.widget-static-block.flik-flak-banner .text { display: block; height: 100%; margin-left: 260px; /*padding-top: 86%;*/ padding-right: 10px; text-align: left; font-size: 14px; font-family: 'swatch_ctbold', sans-serif; vertical-align: middle; display: table; } .widget.widget-static-block.flik-flak-banner .text span { display: table-cell; vertical-align: middle; } /* Label1-25 ================================================================================ */ #co-shipping-form li.wide.fields{ width:90%; } div.label1-sl{ float: right; width: 480px; padding-right: 25px; font-size: 15px; margin: 72px 0 0 20px; } div.label2-sl{ min-height: inherit; float: left; background: #ececec; text-align: left; margin-left:3.59375%; padding: 25px 3% 25px 6%; width: 21.9375%; } div.label3-sl{ float: left; display: block; margin-left:3.59375%; width: 30%; padding: 5px; background: #ffffff; text-align: center; min-height: 414px; } div.label4-sl, div.label5-sl, div.label6-sl, div.label7-sl, div.label11-sl, div.label12-sl, div.label18-sl, div.label19-sl, div.label20-sl, div.label24-sl, div.label25-sl{ float: left; margin-left: 10px; max-width: 150px; } div.label8-sl,div.label13-sl,div.label14-sl,div.label21-sl,div.label22-sl,div.label23-sl{ display: block; margin:0 0 0 5px; } .country-fields select{ margin-right: 30px; } div.label9-sl,div.label10-sl{ padding: 5px 10px 0 5px; display: block; margin: 0 0 40px 5px; width: 220px; } div.label15-sl{ margin: 10px 0 0 0; width: 100%; } div.label16-sl{ //margin: -60px 0 40px 0; width: 100%; } div.label17-sl{ margin: -40px 0 40px 0; width: 100%; } @media only screen and (max-width: 1280px){ div.label1-sl{ width: 250px; } } /* ====================================================================================== */ .product-view .short-description.legal{ overflow-y: initial; height: initial; margin: 0; } /** * 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:#000000; } .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; } .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: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(http://shop.swatch.com/skin/frontend/enterprise/Swatch/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(http://shop.swatch.com/skin/frontend/enterprise/Swatch/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(http://shop.swatch.com/skin/frontend/enterprise/Swatch/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(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_widget-product-link-icon.gif) 17px 3px no-repeat;*/ } .sidebar .widget-product-link a { font-size:12px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/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(http://shop.swatch.com/skin/frontend/enterprise/Swatch/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(http://shop.swatch.com/skin/frontend/enterprise/Swatch/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(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_widget-category-link-icon.gif) 19px 3px no-repeat;*/ } .sidebar .widget-category-link a { font-size:12px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/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(http://shop.swatch.com/skin/frontend/enterprise/Swatch/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(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_widget-cms-link-icon.gif) 19px 2px no-repeat;*/ } .sidebar .widget-cms-link a { font-size:12px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/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(http://shop.swatch.com/skin/frontend/enterprise/Swatch/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(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bkg_widget-cms-link-icon.gif) 19px 2px no-repeat;*/ } .sidebar .widget-cms-hierarchy-link a { font-size:12px; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/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 {} */ /* ======================================================================================= */ .popin-layer form input.address-confirmation-radio { margin-right: 10px; } .popin-layer form label.address-confirmation-label { text-align: left; float: none; display: inline; vertical-align: top; } #interaction-error-container {background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bg-msgerreur-top.png) no-repeat 0 0 transparent;width:207px;padding-top:3px;font-size:12px;font-family:Georgia, "Times New Roman", Times, serif;color:#3f3f3F;display:none;z-index: 99 !important; position:absolute; top:68px;} #interaction-error-container .content{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bg-msgerreur.png) repeat-y 0 0 transparent;padding:10px;} #interaction-error-container .bottom{background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/bg-msgerreur-bottom.png) repeat-y 0 0 transparent;height:9px;} .ui-autocomplete { z-index:999; max-height:350px; overflow-y: auto; overflow-x: hidden; border: 1px solid #CACACA; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); background-color:#ffffff; cursor: default; left: 0; position: absolute; top: 0; } .ui-autocomplete li { text-align:left; cursor:pointer; } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; width: 100%; line-height: 21px; padding: 0; } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; color: #3E3E3E; font-family: verdana; font-size: 11px; min-height: 0; /* support: IE7 */ padding-left: 6px; padding-right: 6px; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { /* ie hover */ background-color: #DEDEDF; color: #000100; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /** * New additional styles for whole site */ @font-face { font-family: 'swatch_ct_webbold'; src: url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_web_bold-webfont.eot'); src: url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_web_bold-webfont.eot?#iefix') format('embedded-opentype'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_web_bold-webfont.woff') format('woff'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_web_bold-webfont.ttf') format('truetype'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_web_bold-webfont.svg#swatch_ct_webbold') format('svg'); } @font-face { font-family: 'swatch_ct_regular-webfont'; src: url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_regular-webfont.eot'); src: url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_regular-webfont.eot?#iefix') format('embedded-opentype'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_regular-webfont.woff') format('woff'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_regular-webfont.ttf') format('truetype'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_regular-webfont.svg#swatch_ct_regular-webfont') format('svg'); } @font-face { font-family: 'swatch_ctbold'; src: url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_bold-webfont.eot?#iefix'); src: url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_bold-webfont.eot') format('embedded-opentype'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_bold-webfont.woff') format('woff'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_bold-webfont.ttf') format('truetype'), url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/css/fonts/swatch_ct_bold-webfont.svg#swatch_ctbold') format('svg'); } /* Form elements */ .form-list label{width:auto;text-align:left;display:block;clear:both;float:none;padding-bottom:2px;} .form-list .customer-title, .opc-wrapper .form-list .customer-name{float:left} .form-list input[type="checkbox"]{margin-right:10px;} .form-list input.input-text, .opc-wrapper .form-list textarea, .opc-wrapper .form-list select{color:#000000} .form-list input.input-text{width:180px;background:#f4f4f4;height:31px;line-height:31px\9;} .form-list textarea{width:420px;background:#f4f4f4} .form-list select{width:210px;padding:6px 5px;border:0px;} .form-list .customer-title select{width:auto} .form-list li.fields { margin-bottom: 20px; } .new-content .newsletter-new .form-text{margin-bottom: 46px;} .form-list li.fields .field{clear:none;float:left;margin-right:30px;padding:0px;} .form-list li.fields .checker{margin-top:2px;} .form-list li.fields .field .agree{font-size:15px;color:#000000;float:left;line-height:17px;} .form-list li.fields .field .agree a{font-family:'swatch_ctbold';color:#000000} .form-list .control{padding:0px;} .form-list li{margin:0px 0px 46px 0px} .form-list .control .input-box{margin:0px;} .form-list .control label{padding-left:30px;text-transform:uppercase} .form-list li.wide input.input-text, .form-list li.wide textarea{width:420px;} .form-list li.wide .address textarea{height:30px;} .buttons-set p.back-link { text-align: right; padding: 0px; } .buttons-set p.back-link a { display: block; height: 59px; line-height: 59px; background: #ececec url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/arrow-back.png) no-repeat 31px center; width: 192px; font-family: 'swatch_ctbold'; font-size: 15px; text-transform: uppercase; padding: 0px 25px 0px 0px; } .buttons-set p.back-link a:hover{ background:#c5c5c5 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/arrow-back-H.png) no-repeat 31px center; color:#ffffff } div.checker span { text-align: left; } .clear { clear: both; } div.validation-passed, div.validation-error { background: none; padding-right: 0; } select.grey { padding: 5px 25px 6px 6px; background: #f4f4f4 url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/select-dn-opc.png) no-repeat right center; color: #c5c5c5; border: none; } .header .quick-access .links li.account .submenu .block-content .customer_submenu_link {background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/submenu-bkg-arrow.png) no-repeat left center;margin:15px 0px;padding:0px 0px 0px 10px;} .header .quick-access .links li.account .submenu .block-content .customer_submenu_link a {padding:0;background:none;font-size:15px;font-family: 'swatch_ct_webbold';color:#646464;font-weight:normal;height:18px;padding-left:0px;text-decoration:none;} .header .quick-access .links li.account .submenu .block-content .customer_submenu_link a:hover {text-decoration:underline} .top-cart span.block-title{display:block;background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_basket.png) no-repeat center center;width:32px;height:25px;} .toolbar-bottom .block-filter-top { display: none; } .price-incl-tax .price { font-weight: normal; } .text-red { color: #e30613; } .fieldset h2.legend { font-size: 15px; /* need for my account */ } /* Header */ .header .quick-access .links li.account .submenu .block-content .logged-users { padding: 40px 30px 10px; border-bottom: 1px solid #ececec; } .header .quick-access .links li.account .submenu .block-content .logged-users h2 { line-height: 30px; } .header .quick-access .links li.account .submenu .block-content .logged-links { padding: 33px 33px 13px; border-bottom: 1px solid #ececec; } .header .quick-access .links li.account .submenu .block-content .logged-links-logout { padding: 5px 33px 16px; } .header .quick-access .links li.account .submenu .block-content .buttons-set .column_1 { padding-right: 18px; } .header .quick-access .links li.account .submenu .block-content .buttons-set button.button { display: block; } .header .quick-access .links li.account .submenu .block-content .buttons-set button.button > span { padding: 7px 0; } .header .quick-access .links li.account .submenu .block-content .logged-links-logout a.logout { width: auto; padding: 5px 20px 0 0; font-size: 12px; color: #000; text-align: right; background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon-lock.png) right center no-repeat; } /* Cart Sidebar */ .top-cart .actions { padding: 8px 9px; margin: 0; } #topCartContent .cart-empty { min-height: auto; min-height: initial; margin-bottom: 0; } /* Product page */ .product-options-bottom .price-box { display: none; } .product-collateral .price-box .price-label { display: none; } .colln-prod-img-cont span img { max-width:365px; max-height: 340px; } .widget-bestseller .products-grid li a img { max-height: 518px; max-width: 325px; } .dia-tbl-cont a.explore_btn { font-size: 17px; text-transform: uppercase; display: block; font-family: 'swatch_ctbold'; line-height: 42px; padding: 0 10px; margin-top: 30px; margin-left: -10px; } /* Catalogsearch page */ .col2-left-layout .col-main.no_result { background-color: #fff; } .col2-left-layout .col-main.no_result .note-msg { padding-left: 20px; margin: 20px 0; } .col-main .results-view { margin: 0; } .category-products { padding-top: 0; } .results-view .recommendations { padding-bottom: 30px; } .results-view .toolbar-top .toolbar { top: -37px; } /* Category page */ .block-filter-top { text-transform: uppercase; } .sidebar .block-layered-nav .block-title h1 { text-transform: uppercase; } .category-view .category-image, .category-view .category-collections { margin-bottom: 30px; } .category-view .category-products { padding-top: 0; } .category-products .products-grid .product-image img { width: 100%; } .category-products .products-grid li.itembig .product-image img { width: auto; } .sidebar .block-layered-nav .currently { padding: 0 0 40px; background: none; border: none; font-size: 18px; } .sidebar .block-layered-nav .currently .block-subtitle, .sidebar .block-layered-nav .currently ol li { padding: 7px 35px; font-weight: normal; } .sidebar .block-layered-nav .currently ol li a.clear_filter_item { padding-right: 15px; display: block; background: url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/btn_remove.gif) no-repeat right 50%; } .sidebar .block-layered-nav .currently ol li .label, .sidebar .block-layered-nav .currently ol li .value { font-family: 'swatch_ct_webbold'; } .sidebar .block-layered-nav .currently ol li .label { font-size: 18px; color: #e2001a; } .sidebar .block-layered-nav .currently ol li .value { font-size: 15px; color: #000; } .md-modal-index .mini-products-list .product-options dd .input-box { padding-right: 0; } /* Cart page */ #cart_mystery_promo_block .product-name { text-transform: uppercase; } /* Checkout */ .opc-wrapper { overflow: hidden; } .opc-tabs ul li { margin: 0 12px; } .opc-tabs ul li span.number { text-indent: inherit; } .opc-wrapper #checkoutSteps.column_left { width: 57.84375%; padding: 60px 2.78125% 30px 5.78125%; background: #ffffff; float: left; } .checkout-onepage-index .opc-wrapper .col2-set .col-1 { width: 100%; padding: 0; float: none; } .opc-wrapper .column_right { width:30.78125%; float:right; display: none; } .opc-wrapper .column_right .block-title { padding: 36px 31px 10px 31px; } .my-account:after, .opc-wrapper .column_right .block-title:after { display: block; content: ""; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } .opc-wrapper .column_right .block-cart .block-title { background: #c5c5c5; padding-top: 15px; } .opc-wrapper .column_right .block-title h3 { float: left; font-size: 16px; margin: 0px; } .opc-wrapper .column_right .block-cart .block-title h3 { color: #ffffff; } .opc-wrapper .column_right .block-title h3 a { font-size: 12px; color: #e2001a; } .opc-wrapper .column_right .block-title h3 a:hover { text-decoration:underline } .opc-wrapper .column_right .block-title .btn-cart .block-title{ background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon_basketH.png) no-repeat center center; width:32px; height:25px; padding:0px; float:right; position:relative } .opc-wrapper .column_right .block-title .btn-cart .block-title strong { display:block; padding:0px 5px; font-size:11px; font-weight:bold; text-decoration:none; color:#ffffff; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; background:#e2001a; position:absolute; top:-9px; left:-8px; text-align:center; height:16px; line-height:16px; } .opc-wrapper .column_right .block-content p { font-size: 15px; line-height: 25px; } .opc-wrapper .column_right .block-information, .opc-wrapper .column_right .block-ship { display: none; } .opc-wrapper #co-payment-form .form-list label, .opc-wrapper #co-payment-form .form-list span, .opc-wrapper #co-payment-form .form-list span a { color: #646464; } .opc-wrapper #co-payment-form li.fields .field .agree { color: #000000; } .opc-wrapper #co-payment-form li.fields .field .agree a { color: #000000; } .mini-products-list li.item { padding:28px 33px 20px 25px; border-bottom:2px solid #ececec; } /* FAQ page */ .faq-index-index .main, .faq-index-index .main a, .faq-index-special .main, .faq-index-special .main a { color: #b8b8b8; font-size: 18px; } .faq-index-index .main a, .faq-index-special .main a, { text-decoration: none; } .faq-index-index .main a:hover, .faq-index-index .main a.active, .faq-index-special .main a:hover, .faq-index-special .main a.active { color: #e2001a; } .faq-index-index .main .title, .faq-index-special .main .title, { text-transform: uppercase; } .faq-index-index .main .title h2, .faq-index-special .main .title h2 { padding-bottom: 30px; margin: 0; font-size: 28px; } .faq-index-index .main .faq_content .title, .faq-index-special .main .faq_content .title { text-align: center; } .faq-index-index .main .faq_content .title .description, .faq-index-special .main .faq_content .title .description { padding-bottom: 20px; } .faq-index-index .main .faq_content .title img, .faq-index-special .main .faq_content .title img { width: 27px; } .faq-index-index .main h5, .faq-index-special .main h5 { font-size: 19px; line-height: 25px; text-transform: uppercase; } .faq-index-index .col2-left-layout .col-main, .faq-index-special .col2-left-layout .col-main { width: 69.5%; } .faq-index-index .col2-left-layout .col-left, .faq-index-special .col2-left-layout .col-left { width: 28%; } .faq_left_list, .faq_content, .faq_need_help { background-color: #fff; } .faq_left_list { padding: 50px 10% 25px 14%; } .faq_left_list ul li a { padding: 6px 15px 6px 0; margin: 6px 0; display: block; background: url("http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/left_list_arrow.png") right 50% no-repeat; } .faq_left_list ul li a:hover, .faq_left_list ul li a.active { background: url("http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/left_list_arrow_active.png") right 50% no-repeat; } .faq_content { min-height: 443px; padding: 50px 5.2%; font-size: 15px; /*text-transform: uppercase;*/ line-height: 23px; color: #666; } .faq_content .faq_breadcrumbs { padding-bottom: 40px; display: none; font-size: 12px; color: #b8b8b8; text-transform: none; } .faq_content .answers { padding-right: 30px; } .faq_content .answers .answers_row { padding-bottom: 30px; } .faq_content h5.question { padding-right: 20px; background: url("http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/answer_arrow.png") right 50% no-repeat; display: block; cursor: pointer; font-size: 15px; } .faq_content h5:hover, .faq_content h5.active { background: url("http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/answer_arrow_active.png") right 50% no-repeat; } .faq_content .answer { padding: 5px 20px 0 0; display: none; } .faq_need_help { padding: 30px 10% 30px 14%; margin-top: 25px; } .faq_need_help .phone_number { padding: 25px 0; line-height: 27px; } .faq_need_help a.email_icon { margin-top: 12px; width: 25px; height: 18px; display: block; background: url("http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/help_email_icon.png") left top no-repeat; } .faq_need_help a.email_icon:hover { background: url("http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/help_email_icon_active.png") left top no-repeat; } /* Tips page */ .tips-index-index .main, .tips-index-index .main a { color: #b8b8b8; font-size: 18px; } .tips-index-index .main a { text-decoration: none; } .tips-index-index .main a:hover, .tips-index-index .main a.active { color: #e2001a; } .tips-index-index .main .title { text-transform: uppercase; } .tips-index-index .main .title h2 { padding-bottom: 30px; margin: 0; font-size: 28px; } .tips-index-index .main .tips_content .title { text-align: center; } .tips-index-index .main .tips_content .title .description { padding-bottom: 20px; } .tips-index-index .main .tips_content .title img { width: 27px; } .tips-index-index .main h5 { font-size: 19px; line-height: 25px; text-transform: uppercase; } .tips-index-index .col2-left-layout .col-main { width: 69.5%; } .tips-index-index .col2-left-layout .col-left { width: 28%; } .tips_left_list, .tips_content, .tips_need_help { background-color: #fff; } .tips_left_list { padding: 50px 10% 25px 14%; } .tips_left_list ul li a { padding: 6px 15px 6px 0; margin: 6px 0; display: block; background: url("http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/left_list_arrow.png") right 50% no-repeat; } .tips_left_list ul li a:hover, .tips_left_list ul li a.active { background: url("http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/left_list_arrow_active.png") right 50% no-repeat; } .tips_content { min-height: 443px; padding: 50px 5.2%; font-size: 15px; /*text-transform: uppercase;*/ line-height: 23px; color: #666; } .tips_content .tips_breadcrumbs { padding-bottom: 40px; display: none; font-size: 12px; color: #b8b8b8; text-transform: none; } .tips_content .answers { padding-right: 30px; } .tips_content .answers .answers_row { padding-bottom: 30px; } .tips_content h5.question { padding-right: 20px; background: url("http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/answer_arrow.png") right 50% no-repeat; display: block; cursor: pointer; font-size: 21px; } .tips_content h5:hover, .tips_content h5.active { background: url("http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/answer_arrow_active.png") right 50% no-repeat; } .tips_content .answer { padding: 5px 20px 0 0; display: none; } .tips_need_help { padding: 30px 10% 30px 14%; margin-top: 25px; } .tips_need_help .phone_number { padding: 25px 0; line-height: 27px; } .tips_need_help a.email_icon { margin-top: 12px; width: 25px; height: 18px; display: block; background: url("http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/help_email_icon.png") left top no-repeat; } .tips_need_help a.email_icon:hover { background: url("http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/help_email_icon_active.png") left top no-repeat; } /* Newsletter page */ .newsletter_page { padding: 70px 70px 75px; margin-bottom: 30px; background-color: #fff; } .newsletter_page .page_title { padding-bottom: 25px; } .newsletter_page h2, .newsletter_page h3 { margin: 0; } .newsletter_page h3 { font-family: 'swatch_ct_regular-webfont'; font-size: 15px; } .newsletter_page .form-list li.fields { padding-bottom: 40px; } .newsletter_page .form-list li.fields.country { padding: 25px 0 50px; } .newsletter_page .form-list li.control label, .newsletter_page .form-list li.control label a { color: #000; } .newsletter_page .form-list li.control label a { text-decoration: underline; } .newsletter_page .form-buttons { padding-top: 25px; } .newsletter_page .form-buttons .button { margin: 0; float: none; } .newsletter_page button.button span { padding: 7px 0; } .newsletter_page button.button span span { padding: 0 60px; font-size: 18px; } @media only screen and (min-width:1280px) { /* Catalogsearch page */ .results-view .block-filter-top ul { top: -37px; left: -330px; } /* Category page */ .category-view .block-filter-top ul { top: -34px; left: -330px; } /* Product page */ #stock-alert-email { width: 68%; } } /* My Account */ .my-account { padding: 30px 10px 20px 50px; background-color: #fff; } .my-account .form-list .control { margin-bottom: 10px; } .my-account .form-buttons { text-align: right; float: right; clear: both; margin: 60px 0 20px 0; } .my-account .form-buttons button.button { margin: 0; } @media only screen and (max-width:1279px){ /* Catalogsearch page */ .results-view .block-filter-top ul { top: -37px; left: -264px; } /* Category page */ .category-view .block-filter-top ul { top: -34px; left: -264px; } .sidebar .block-layered-nav .currently .block-subtitle, .sidebar .block-layered-nav .currently ol li { padding: 7px 20px; } .narrow-by-list li a.ui-accordion-header .ui-accordion-header-icon { right: 20px; } /* Product page */ #stock-alert-email { width: 140px; } } .layer-3d-box {background:rgba(0,0,0,0.8) !important; filter: alpha(opacity=80);bottom: 0;display: none;left: 0;overflow: hidden;position: fixed;right: 0;top: 0;z-index: 500;} .layer-3d-box .layer {background-color: #FFFFFF;filter: alpha(opacity=100);display: block; left: 15%;position: absolute;top: 2%;width: 70%; min-height:660px; min-width:680px;} .layer-3d-box .layer .video-iframe {display: block;height: 100%;max-height:640px;left: 0;position: absolute;top: 0;width: 90%;z-index: 1;text-align: center;min-width:650px;} .layer-3d-box .layer .video-iframe object{width:100%;bottom: 0;} .layer-3d-box .layer .video-iframe embed{width:100%;margin-right:100%;min-width:649px;min-height:639px;} .layer-3d-box .layer .btClose {background-color: rgba(0, 0, 0, 0);background:url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/btn-close.png) no-repeat left top;border: 0 none;color: rgba(0, 0, 0, 0);display: block;font: 0px/0 a;height: 30px;position: absolute;right: -4px;text-shadow: none;top: 4px; width: 30px;z-index: 2;} /*.layer-video-box .layer .btClose:hover, .layer-video-box .layer .btClose.icon-close_hover, .layer-video-box .layer .btClose.icon-close-hover {background-position: 0 -725px;}*/ .lt-ie9 .layer-3d-box { background-color: #000000; } #change-language { float: right; margin-left: 15px; } #change-country { float: left; } .switch .switch-wrapper:hover{ border-bottom:none; } .switch a:hover{border-bottom:1px solid #646464;} .switch .switch-wrapper a img{vertical-align:middle;margin:6px 5px 0 0;display:block;float:left; } .gift-finder .col-main { background-color: #fff; } .page .col1-layout .cms-page { background-color: #fff; padding: 70px 70px 60px; margin-bottom: 30px; } .cms-store-locator .page .col1-layout .cms-page { padding-left:0px; text-align: center; } /*.page .col1-layout .col-main .page-title {*/ /*padding: 0px 0px 35px;*/ /* For cart page should be disabled */ /*}*/ #stock-alert-block { padding: 15px; margin-right: 15px; display: block; border: 3px solid #ebe9e9; background-color: #f8f8f8; text-align: center; word-wrap: break-word; } #stock-alert-block .validation-advice { text-align: left; } #stock-alert-email { height: 24px; padding: 0 5px; background-color: #fff; border: 1px solid #abadb3; display: block; float: left; font-size: 14px; } #stock-alert-email.validation-failed { height: 20px !important; padding: 0 5px !important; border-width: 2px !important; } .stock-alert-input { padding: 10px 3% 0; overflow: hidden; position :relative !important; } .stock-alert-button { display: block; height: 26px !important; border: 2px solid #dfdfdf; background-color: #e2001a; font-size: 15px; font-family: 'swatch_ct_webbold'; color: #ffffff; text-transform: uppercase; float: right; cursor: pointer; right:0 !important; position :absolute !important; margin-top:10px !important; top:0 ; } .stock-alert-button span { padding-left: 0px !important; } .stock-alert-button span span { padding: 0px 2px !important ; vertical-align:middle !important; line-height: 28px !important; height: 24px !important; } #product-stock-alert #advice-required-entry-stock-alert-email { width:50% !important; position:relative !important; float:left !important; } #product-stock-alert #advice-custom-validate-email-stock-alert-email { width:50% !important; position:relative !important; float:left !important; } #stock-alert-block .stock-alert-message { padding-top: 10px; display: none; } #stock-alert-block .stock-alert-message strong { font-family: 'swatch_ct_regular-webfont'; color: #000; } #product-options-wrapper .validation-advice { position: relative; width: 200px; } .product-options dd .input-box div.selector { overflow: inherit; } #newsletter { border: 0 !important; height: 40px !important; padding: 0 12px; line-height:40px; } /* Mini Cart checkout page */ .column_right .block-content ol { overflow-y:auto; max-height: 462px } /* Mini Cart scrollbar skin */ .mini-products-list::-webkit-scrollbar{ width:10px; background-color:#f6f6f6; } .mini-products-list::-webkit-scrollbar-thumb{ background-color:#e1e1e1; } .mini-products-list::-webkit-scrollbar-thumb:hover{ background-color:#c9c9c9; } .mini-products-list::-webkit-scrollbar-thumb:active{ background-color:#c9c9c9; } /* BestSeller IE css */ .desktop #product-slider .products-grid li:hover img, .desktop #main-slider .slide .prop:hover img{ -ms-transform: scale(1.05,1.05) ; } /* product collections block */ #product-collection-picture-block{ width: 60%; float: left; text-align: center; } #product-collection-picture{ height: 253px; width: 372px; } #product_collection_description-block{ width: 36%; height: 100%; float: right; } #product_collection_description-block > div{ max-width: inherit; max-height: 100%; padding-right: 5%; overflow-y:auto; position: absolute; } #product_collection_description-block > div > h3{ color: #000000; font-family: 'swatch_ctbold',Arial,sans-serif; text-tranform: uppercase; font-size: 28px; font-weight: normal; } #product_collection_description-block > div > p{ font-size: 14px; line-height: 22px; } #product_collection_description-block div h2{ display: none; } /* product details block */ .product-details-button{ color: #000 !important; background-color: #eee !important; display: inline-block !important; padding-left: 15px !important; padding-right: 15px !important; margin-top: 20px; } .product-details-button:hover, .product-information-button:focus{ color: #ffffff !important; background-color: #e2001a !important; transition: all .3s linear; } .product-details-image{ display: block; width: auto; margin: auto; } @media screen and (max-width: 1280px){ .product-details-image{ width: 86%; } } .product-image-popup-overlay { top: 0; left: 0; position: fixed; width: 100%; height: 100%; z-index: 1009; } #product-image-popup-close { display: none; } .product-image-popup #product-image-popup-close { display: block; } .flik-flak-banner ul { display: block; overflow: hidden; background: #fff; margin-bottom: 30px; } .flik-flak-banner ul li { position: relative; display: block; float: left; width: 20%; height: 150px; } .flik-flak-banner ul li.active:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 9px solid #c80a34; } .flik-flak-banner ul li .imgwrap { display: block; position: relative; vertical-align: bottom; text-align: center; width: 100%; height: 107px; } .flik-flak-banner ul li .imgwrap img { display: block; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); max-width: 100%; max-height: 100%; } .flik-flak-banner ul li .label { display: block; padding: 16px 12px 0; text-align: center; font-family: 'swatch_ctbold', sans-serif; word-wrap: break-word; font-size: 17px; color: #1a64a0; text-transform: uppercase; transition: all .2s; } .flik-flak-banner ul li.active .label, .flik-flak-banner ul li:hover .label { padding-top: 12px; color: #c80a34; } .product-essential { position: relative; z-index: 9; } .product-essential .zoom_button { display: inline-block; width: 50px; padding: 0 4px 0 44px; margin-top: 10px; height: 45px; line-height: 45px; font-size: 11px; color: #fff; text-align: center; cursor: pointer; background: black url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/zoom_popup.png') 5px center no-repeat; } #product-image-popup-close { position: absolute; top: 12px; right: 12px; width: 23px; height: 23px; background: url(http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/btn-close.png) no-repeat left top; z-index: 1011; cursor: pointer; } .product-essential .product-image {text-align: center;} .product-essential .product-image img, .product-image span {display: inline-block;} .desktop-infos-flik .svg svg { display: inline-block; width: 25px; height: 25px; fill: #000; viewBox: 0 0 100 100; } .threesixty { position: relative; overflow: hidden; margin: 0 auto; } .threesixty .threesixty_images { display: none; list-style: none; margin: 0; padding: 0; } .threesixty .threesixty_images img { position: absolute; top: 0; width: 100%; height: auto; } .threesixty .threesixty_images img.previous-image { visibility: hidden; /* Do not put here any other styles. It causes massive recalc / repaints and image flickering, especially on Firefox. */ } .threesixty .threesixty_images img.current-image { visibility: visible; /* Do not put here any other styles. It causes massive recalc / repaints and image flickering, especially on Firefox. */ } .threesixty .spinner { width: 60px; display: block; margin: 0 auto; height: 30px; background: #333; background: rgba(0, 0, 0, 0.7); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .threesixty .spinner span { font-family: Arial, "MS Trebuchet", sans-serif; font-size: 12px; font-weight: bolder; color: #FFF; text-align: center; line-height: 30px; display: block; } .threesixty .nav_bar { position: absolute; top: 10px; right: 10px; z-index: 11; } .threesixty .nav_bar a { display: block; width: 32px; height: 32px; float: left; background: url(/assets/sprites.png) no-repeat; text-indent: -99999px; } .threesixty .nav_bar a.nav_bar_play { background-position: 0 0 !important; } .threesixty .nav_bar a.nav_bar_previous { background-position: 0 -73px !important; } .threesixty .nav_bar a.nav_bar_stop { background-position: 0 -37px !important; } .threesixty .nav_bar a.nav_bar_next { background-position: 0 -104px !important; } /* html */ .threesixty:-webkit-full-screen { background: #ffffff; width: 100%; height: 100%; margin-top: 0; padding-top: 200px; } .threesixty:-moz-full-screen { background: #ffffff; width: 100%; height: 100%; margin-top: 0; padding-top: 200px; } .threesixty-text { text-align: center; margin: 20px 0; } .threesixty-buttons { text-align: center; } .threesixty-buttons button { display: inline-block; padding: 12px 20px; font-size: 21px; cursor: pointer; margin-bottom: 10px; } .threesixty-buttons button.play { color: white; background-color: #e2001a; border: 2px solid #e2001a; } .threesixty-buttons button.pause { color: #999999; background-color: white; border: 2px solid #999999; } .threesixty-buttons button.play:hover { color: #e2001a; background-color: #ececec; border: 2px solid #ececec; } .threesixty-buttons button.pause:hover { color: white; background-color: #999999; border: 2px solid #999999; } .product-view .product-shop .add-to-cart button.btn-cart, .product-view .product-shop .add-to-cart button.btn-ereservation { width: 100%; } .product-view .product-shop button.btn-ereservation { display: block; margin: 20px 0 0 0; border : 2px solid #999999; } .product-view .product-shop button.btn-ereservation span { padding: 0 20px!important; height: 45px!important; display: block; margin-top: 0; } .product-view .product-shop button.btn-ereservation span span { text-align: center; border: 0; padding: 0 !important; font-size: 16px; } .product-view .product-shop button.btn-ereservation span { height: 45px!important; display: block; margin-top: 0; } .product-view .product-shop button.btn-ereservation span { background-color: white; color: #999999; } .product-view .product-shop button.btn-ereservation:hover, .product-view .product-shop button.btn-ereservation:hover span, .product-view .product-shop button.btn-ereservation:hover span span { background-color: #999999; color: white; } .md-content .md-close { top: 15px; right: 20px; } .layer-ereservation { background-color: white; padding: 20px; } .layer-ereservation .header { height: initial; background-color: #ececec; margin: 30px 0; } .layer-ereservation .header h1, .layer-ereservation .header h2, .layer-ereservation .content h3, .layer-ereservation .content h4{ margin: 0; text-transform: uppercase; } .layer-ereservation .header h1 { margin-left: 50px; } .layer-ereservation .header h2 { margin-right: 10px; } .layer-ereservation .header h1, .layer-ereservation .header h2 { margin-top: 10px; margin-bottom: 10px; font-size: 20px; } .layer-ereservation .header h3 { font-size: 17px; } .layer-ereservation .content h4 { margin-top: 10px; font-size: 27px; } .layer-ereservation h3.sub-title { margin-bottom: 10px; display: block; border-bottom: 1px solid #999999; } .layer-ereservation p.text-message { margin-bottom: 20px; } .layer-ereservation .product-name { padding: 0; color: black; font-size: 25px; font-weight: bold; text-transform: uppercase; } .layer-ereservation .product-sku { padding: 0; font-size: 18px; font-weight: bold; text-transform: uppercase; } .layer-ereservation .product-price{ padding: 0; font-size: 18px; font-weight: bold; text-transform: uppercase; color: black; } .layer-ereservation img.product { margin: auto; display: block; } .layer-ereservation button { margin-top: 20px; } .layer-ereservation button.button-next span span, .layer-ereservation button.button-close span span { padding-right: 40px; background: url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon-btn-arrow.png') no-repeat 90% center; } .layer-ereservation button.button-next:hover span span, .layer-ereservation button.button-close:hover span span { background: url('http://shop.swatch.com/skin/frontend/enterprise/Swatch/images/icon-btn-arrow-h.png') no-repeat 90% center; } .layer-ereservation .col-1, .layer-ereservation .col-2 { box-sizing: border-box; width: 50%; } .layer-ereservation .col-1 { padding-right: 10px; } .layer-ereservation .col-2 { padding-left: 10px; } .layer-ereservation div.field, .layer-ereservation div.valid, .layer-ereservation div.required-fields-message { margin-top: 15px; } .layer-ereservation div.field label, .layer-ereservation div.field input, .layer-ereservation div.field select { width: 100%; display: block; box-sizing: border-box; } .layer-ereservation div.field input, .layer-ereservation div.field select { padding: 0 10px; background-color: white; border: 1px solid #ececec; height: 30px; line-height: 30px; } .layer-ereservation div.field label, .layer-ereservation div.valid label { color: black; font-weight: bold; } .layer-ereservation div.valid label { padding-left: 6px; } .layer-ereservation div.valid label a { color: #e2001a; } .layer-ereservation em { color: #e2001a; } .layer-ereservation input.input-text.validation-failed { height: 30px !important; } .ereservation-popup { position: absolute; top: 500px; } @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) { .ereservation-popup { top: 410px; } }