/* Reset ================================================================================= */ * { margin: 0; padding: 0; } body { background:#E2E6E8; font: 17px/1.5 Neutra2Text, 'Arial Narrow', Arial, Helvetica, sans-serif; color: #414141; } body.noscroll { overflow: hidden; height: 100%; } img { vertical-align:baseline; max-width: 100%; height: auto; border: 0; } table img { max-width: none; } a { cursor: pointer; color: #414141; text-decoration: underline; } a:hover { text-decoration: none; } ::selection { background: #2e1f54; color: #FFF; /* WebKit/Blink Browsers */ } ::-moz-selection { background: #2e1f54; color: #FFF; /* Gecko Browsers */ } /* Headings */ h1,h2,h3,h4,h5,h6 { font-family: Neutra2Text, 'Arial Narrow', Arial, Helvetica, sans-serif; line-height: 1em; text-transform: uppercase; color: #2E1F54; font-weight: bold; } .form-list .fields.streets-3 .street2 h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { text-decoration: none; color: inherit; } h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { text-decoration: underline; } h1 { font-size:35px; } h2 { font-size:32px; text-transform: inherit; } h3 { font-size:26px; text-transform: inherit; } h4 { font-size:20px; text-transform: inherit; } h5, .h5 { font-size:21px; } h6 { font-size:18px; color: #414141; } .h8 { font-size:14px; font-family: Neutra2Text, 'Arial Narrow', Arial, Helvetica, sans-serif; text-transform: uppercase; } .h9 { font-size:16px; font-family: Neutra2Text, 'Arial Narrow', Arial, Helvetica, sans-serif; } .col-main .std h2, .col-main .std h3, .col-main .std h4, .col-main .std h5, .col-main .std h6 { margin-bottom: .75em; } /* Forms */ form { display:inline; } fieldset { border: 0; margin: 0; padding: 0; } legend { display:none; } /* Table */ table { empty-cells:show; border-collapse: collapse; width: 100%; margin: 0 0 1.5em; } caption,th,td { vertical-align:top; text-align: left; font-weight: normal; } /* Content */ p { margin: 0 0 1.5em; } dl { margin: 0 0 1.5em; } dl dt { margin: 0; font-weight: bold; } dl dd { margin: 0; } strong {} address { margin: 0 0 1.5em; font-style: normal; } cite {} cite {} q, blockquote { quotes:none; position: relative; line-height: 1.76; font-weight:normal; font-style: normal; padding: 20px; margin: 0 0 1.5em; color: #5b4e77; padding: 20px 180px 20px; } blockquote a { color: #5b4e77; } blockquote cite { font-family: Neutra2Text, Arial, Helvetica, sans-serif; line-height: 1.5; font-style: normal; } q:before, q:after { content:''; } small { font-size: .85em; } big { font-size: 1.15em; } sup { vertical-align:top; } /* Lists */ ul { list-style:none; } ol { margin-left: 20px; } /* Tools */ .hidden { display:block !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; } .v-bottom { vertical-align: bottom; } .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 !important; } .no-margin { margin:0 !important; } .no-padding { padding:0 !important; } .no-bg { background:none !important; } /* ======================================================================================= */ /* Layout ================================================================================ */ .wrapper { -webkit-backface-visibility: hidden; } .page { min-width: 1200px; margin: 0 auto; background: #FFF; } .page > .messages { max-width: 1180px; margin: 0 auto 1.5em !important; } .page-print {} .page-empty {} .page-popup {} .main-container {} .main { padding: 0; } .sidebar {} .center-container-wrapper { background: #eaeef1; padding: 30px 0; } .center-container { max-width: 1180px; margin: 0 auto; } .center-container-wrapper { margin: 30px 0; } .center-container-wrapper .block-title { text-align: center; color: #5b4e77; font-size: 20px; text-transform: uppercase; margin-bottom: 30px; } /* Base Columns */ .col-left { float:left; width:19.5%; } .col-main { float:left; width:76%; } .col-right { float:right; width:19.5%; } .col-content > *:last-child { margin-bottom: 0 !important; } /* 1 Column Layout */ .col1-layout .col-main { float:none; width:auto; } .col1-layout .col-main > * { max-width: 1180px; margin: 0 auto; } .col1-layout .col-main > form { display: block; } .col1-layout .col-main > .center-container-wrapper { max-width: none; margin: 50px 0; } /* 2 Columns Layout */ .col2-left-layout, .col2-right-layout { max-width: 1180px; margin: 0 auto; } .col2-left-layout .col-main { float:right; } .col2-left-layout .col-left, .col2-right-layout .col-left { width: 19.49%; margin-right: 0; } .col2-left-layout .col-main, .col2-right-layout .col-main { width: 74.58%; } .catalog-category-view .col2-left-layout .col-main { width: 83.05%; } .catalog-category-view .col2-left-layout .col-left { width: 15.25%; } /* 3 Columns Layout */ .col3-layout { max-width: 1180px; margin: 0 auto; } .col3-layout .col-main { width:540px; } .col3-layout .col-wrapper { float:left; width:760px; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set { margin: 0 0 1.5em; } .col2-set > .col-1 { float:left; width:49.15%; } .col2-set > .col-2 { float:right; width:49.15%; } .col2-set > .narrow { width:32.2%; } .col2-set > .wide { width:66.1%; } .col2-set > * > *:last-child { margin-bottom: 0; } .col2-set > * .col-content:last-child { margin-bottom: 0; } .col3-set { margin: 0 0 1.5em; } .col3-set > .col-1 { float:left; width:32.1%; } .col3-set > .col-2 { float:left; width:32.1%; margin: 0 1.7%; } .col3-set > .col-3 { float:right; width:32.1%; } .col3-set > * > *:last-child { margin-bottom: 0; } .col3-set > * .col-content:last-child { margin-bottom: 0; } .col4-set { margin: 0 0 1.5em; } .col4-set > .col-1 { float:left; width:23.725%; } .col4-set > .col-2 { float:left; width:23.725%; margin: 0 0 0 1.7%; } .col4-set > .col-3 { float:left; width:23.725%; margin: 0 1.7%; } .col4-set > .col-4 { float:right; width:23.725%; } .col4-set > * > *:last-child { margin-bottom: 0; } .col4-set > * .col-content:last-child { margin-bottom: 0; } .col2-set.background, .col3-set.background, .col4-set.background { background: #E2E6E8; padding: 15px 0; margin: 40px 0; } .col2-set.background > *, .col3-set.background > *, .col4-set.background > * { padding: 6px 0; } .col2-set.background .col-2 { position: relative; } .col2-set.background .col-2:before { content: ''; position: absolute; top: 0; bottom: 0; left: -9px; width: 1px; background: #dadfe1; } .col3-set.background .col-2 { position: relative; } .col3-set.background .col-2:after, .col3-set.background .col-2:before { content: ''; position: absolute; top: 0; bottom: 0; right: -9px; width: 1px; background: #dadfe1; } .col3-set.background .col-2:before { right: auto; left: -9px; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input,select,textarea,button { vertical-align:middle; } input.input-text,select,textarea { border: 1px solid #dadfe1; padding: 5px; font-size: 17px; font-family: Neutra2Text, Arial, Helvetica, sans-serif; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } input.input-text,textarea { padding: 0px 10px; color: #414141; } input.input-text { height: 35px; line-height: 35px; } textarea,input[type="text"],input[type="submit"],input[type="password"] { -webkit-appearance: none; } select { padding: 0; font-family: Arial; color: #414141; } select option { padding: 3px 10px; } select.multiselect option {} select.multiselect option:last-child {} textarea { overflow:auto; padding: 10px; } input.radio, input.checkbox { vertical-align: baseline; margin: 0 5px 0 0; } input.qty { width:2.5em !important; text-align: center; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */ a.button { display: inline-block; text-decoration: none; } a.button, button.button { color: #FFF; overflow:visible; width:auto; cursor:pointer; border: 0; padding: 0; margin: 0; background: transparent; font-size: 17px; font-family: Neutra2Text, Arial, Helvetica, sans-serif; text-align: center; } a.button span, button.button span { display: block; white-space:nowrap; } a.button > span, button.button > span { background: #36284f; padding: 9px 20px 8px; height: 20px; line-height: 20px; } a.button > span > span:after, button.button > span > span:after { content: ""; display: inline-block; background: url(../images/sprite.svg?v=1703) -190px -90px; width: 7px; height: 14px; margin: 0 0 0 14px; vertical-align: middle; } button.disabled, button[disabled] { color: #aaa; cursor: default; } a.btn-cart, button.btn-cart, a.btn-proceed-checkout. button.btn-proceed-checkout { font-size: 19px; } a.btn-cart > span, button.btn-cart > span, a.btn-proceed-checkout > span, button.btn-proceed-checkout > span { height: 33px; line-height: 33px; } a.btn-cart > span > span:after, button.btn-cart > span > span:after { display: none; } a.btn-cart > span > span:before, button.btn-cart > span > span:before { content: ""; display: inline-block; background: url(../images/sprite.svg?v=1703) -490px -90px; width: 24px; height: 24px; margin: 0 15px -2px 0; vertical-align: text-bottom; } p.control input.checkbox, p.control input.radio {} /* Form Highlight */ input.input-text:focus,select:focus,textarea:focus {} /*.highlight {}*/ /* Form lists */ /* Grouped fields */ .std .form-list { margin-left: 0px; } .form-list > li { margin: 0 0 .5em; list-style: none; } .form-list label { display: inline-block; position:relative; z-index:0; margin: 0; float: left; } label.required { position: relative; display: inline-block; } label.required em { float:right; } .buckaroo-method label.required em { float:none; } .form-list li.control label { float:none; vertical-align: middle; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right: 6px; } .form-list li.control .input-box { clear:none; display:inline; width:auto; padding: 0; } .form-list li.control > p { margin: 0; } /*.form-list li.fields {}*/ .form-list .input-box { display:block; clear:both; padding-right: 22px; } .form-list li.control, .form-list li.fields, .form-list li.wide, .form-list li.field { margin-bottom: .4em; } .form-list .fields .field { float:right; width:49%!important; margin: 0; } .form-list .fields .field:first-child { float: left; } .form-list input.input-text { width:100%!important; } .form-list textarea { width:100%; height:10em; } .form-list select { width:100%; } .form-list .input-range input.input-text { width:74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width:auto; } .form-list .name-prefix { width:65px; } .form-list .name-prefix select { width:55px; } .form-list .name-prefix input.input-text { width:49px; } .form-list .name-suffix { width:65px; } .form-list .name-suffix select { width:55px; } .form-list .name-suffix input.input-text { width:49px; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { float:left; width:60px; } .form-list .customer-dob .dob-year { float:left; width:140px; } .form-list .fields.streets-2 .street1 { width: 79%; } .form-list .fields.streets-2 .street2 { width: 19%; } .form-list .fields.streets-3 .street1 { width: 69% } .form-list .fields.streets-3 .street2 { width: 29% } .form-list .fields.streets-3 .street3 { width: 100%; clear: both; margin-top: .4em; } .buttons-set { clear:both; line-height: 35px; } .buttons-set p.required, .buttons-set + p.required { display: none; } .buttons-set .back-link { float:left; margin: 0; } .buttons-set .button { float:right; margin: 0 0 0 14px; } .buttons-set-order {} .buttons-set-order .please-wait {} .fieldset { margin: 2em 0; } .fieldset .legend { position:relative; margin: 0 0 .5em; } /* Form Validation */ .validation-advice { clear:both; color: red; margin: .15em -21px 0 0; } .validation-failed {} .validation-passed {} p.required {} /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; position:relative; } /* Global Messages */ .success { color:#3d6611; font-weight:bold; } .error { color:#df280a; font-weight:bold; } .notice { color:#e26703; font-weight:bold; } .messages, .messages ul { list-style:none !important; margin:0; padding:0 !important; } .messages { width:100%; overflow:hidden; margin: 1.5em 0; } .messages li { margin:0 !important; } .messages li li { margin:0 !important; } .error-msg, .success-msg, .note-msg, .notice-msg { padding: 20px !important; font-weight:normal !important; color: #414141 !important; line-height: 20px; } p.error-msg:before { content: ''; display: inline-block; background: url(../images/sprite.svg?v=1703) no-repeat -260px -90px; width: 16px; height: 16px; vertical-align: baseline; margin: 0 12px 0 0; } p.success-msg:before { content: ''; display: inline-block; background: url(../images/sprite.svg?v=1703) no-repeat -280px -90px; width: 19px; height: 16px; vertical-align: baseline; margin: 2px 9px 0 0; } .error-msg { background-color:#f5e5d5; color: #a37f7b !important; } .error-msg ul li:before { content: ''; display: inline-block; background: url(../images/sprite.svg?v=1703) no-repeat -260px -90px; width: 16px; height: 16px; vertical-align: baseline; margin: 0 12px 0 0; } .error-msg a { color: #a37f7b !important; } .success-msg { background-color:#edf5d5; color: #9faa7f !important; } .success-msg ul li:before { content: ''; display: inline-block; background: url(../images/sprite.svg?v=1703) no-repeat -280px -90px; width: 19px; height: 16px; vertical-align: baseline; margin: 2px 9px 0 0; } .success-msg a { color: #9faa7f !important; } .note-msg, .notice-msg { background-color:#fbfbc9; color: #8d8d70 !important; } .note-msg a, .notice-msg a { color: #8d8d70 !important; } /* BreadCrumbs */ .breadcrumbs-container { background: #e2e6e8; margin: 0 0 48px; } .breadcrumbs-container:empty { padding: 0; border-top: 1px solid #dadfe1; background: transparent; } .clean-page .col-main { padding-top: 70px; } .checkout-cart-index.clean-page .col-main { padding-top: 70px; } .checkout-cart-index.clean-page .page-title { padding: 40px 0; } .clean-page .breadcrumbs-container:empty { margin: 0; display: none; } .cms-index-index .breadcrumbs-container:empty { display: none; } .cms-index-index .col1-layout .col-main > .center-container-wrapper { background: none; margin: 0; padding: 0 0 30px; } .breadcrumbs { text-align:left; font-size: 14px; color: #726a84; text-transform: uppercase; padding: 10px 0; max-width: 1180px; } .breadcrumbs li { display:inline; color: #36284f; } .breadcrumbs a { color: #36284f; } .breadcrumbs a:hover { } .breadcrumbs .seperator { margin: 0 18px; } /* Page Heading */ #page_content_heading { max-width: 1180px; margin: 0 auto; } .page-title { padding: 0; margin: 48px 0; } .main .page-title { margin-top: 0; margin-bottom: 0; } .page-title h1, .page-title h2 { margin: 0; color: #36284f; word-wrap: break-word; } .page-title .separator {} .page-title .link-rss { float:right; } .title-buttons { text-align: right; line-height: 25px; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float:left; font-size: 1.6em; } .subtitle, .sub-title { clear:both; font-size: 27px; margin-bottom: 1em; } /* Pager */ .pager { margin: 1em 0; padding: 0 10px; line-height: 35px; } .pager p { margin: 0; } .pager .amount { float:right; } .pager .amount strong { font-weight: normal; } .pager .limiter { float:right; margin-right: 40px; } .pager .limiter label { vertical-align:baseline; } .pager .limiter select { vertical-align:baseline; } .pager .pages {} .pager .pages strong { display: none; } .pager .pages ol { display:inline; margin: 0; } .pager .pages li { display:inline-block; } .pager .pages li span, .pager .pages li a { display: inline-block; min-width: 20px; text-align: center; } .pager .pages li a.previous, .pager .pages li a.next { text-transform: uppercase; text-decoration: none; } .pager .pages li a.previous:before, .pager .pages li a.next:after { content: ''; display: inline-block; width: 7px; height: 14px; background: url(../images/sprite.svg?v=1703) -180px -90px; vertical-align: text-top; margin: 0 0 0 9px; } .pager .pages li a.previous:before { background-position: -180px -105px; margin: 0 9px 0 0; } .pager .pages li a.previous:hover, .pager .pages li a.next:hover { text-decoration: underline; } .pager .pages li a.previous img, .pager .pages li a.next img { display: none; } .pager .pages .current { color: #94a0a6; } .pager .pages .next_jump, .pager .pages .previous_jump { display: none; } .pager .pages li.first:after{ content: "..."; margin-left: 10px; } .pager .pages li.last:before{ content: "..."; margin-right: 10px; } /* Sorter */ .sorter {} .sorter p { margin: 0; } .sorter .sort-by { float:right; } .sorter .sort-by label { vertical-align: baseline; text-transform: uppercase; } .sorter .sort-by select { vertical-align:baseline; } .sorter .link-feed {} /* Toolbar */ .toolbar { padding: 10px; border: 1px solid #dadfe1; border-width: 1px 0; text-align: center; line-height: 39px; position: relative; text-align: center; } .toolbar select { font-size: 15px; } .toolbar .pager { margin: 0; padding: 0; line-height: inherit; position: absolute; z-index: 1; left: 0; width: 100%; height: 35px; } .toolbar .pager .amount, .toolbar .pager .limiter { float: right; } .toolbar .sorter { float: left; position: relative; z-index: 2; } .toolbar .sorter .sort-by select { text-transform: uppercase; } .toolbar .sorter .sort-by a.sort { background: url(../images/sprite.svg?v=1703) no-repeat -155px -90px; width: 20px; height: 10px; display: inline-block; } .toolbar .sorter .sort-by a.desc { background-position: -130px -90px; } .toolbar .pager > *, .toolbar .sorter > * { float: none; display: inline; } .toolbar .pager > * { margin: 0; } .toolbar .sorter > * { margin: 0 15px 0 0; } .toolbar .view-mode { float: right; margin-right: 40px; margin-bottom: 0; position: relative; z-index: 2; } .toolbar .view-mode .grid { text-indent: -9999px; display: inline-block; vertical-align: middle; background: url(../images/sprite.svg?v=1703) no-repeat -300px -90px; width: 23px; height: 19px; } .toolbar .view-mode .list { text-indent: -9999px; display: inline-block; vertical-align: middle; background: url(../images/sprite.svg?v=1703) no-repeat -330px -90px; width: 19px; height: 19px; } .toolbar .view-mode a { opacity: .3; } .toolbar .amount { float:right; margin-bottom: 0; text-transform: uppercase; } .toolbar .amount strong { font-weight: normal; } .toolbar .limiter { float: right; margin-right: 10px; position: relative; z-index: 2; } .toolbar-bottom .toolbar { position: relative; height: 37px; } .toolbar-bottom .amount, .toolbar-bottom .limiter, .toolbar-bottom .view-mode, .toolbar-bottom .sorter { display: none; } .toolbar-bottom .pager { display: inline; margin: 0; } /* Data Table */ .table-caption { margin: 1.5em 0 1em; font-size: 27px; } .table-caption a { text-decoration: underline; } .table-caption a:hover { text-decoration: none; } .data-table { width:100%; } .data-table .odd {} .data-table .even {} .data-table td.last, .data-table th.last {} .data-table tr.last th, .data-table tr.last td {} .data-table th, .data-table td { padding: 14px 20px; border: 1px solid #dadfe1; border-width: 1px 0; } .data-table thead th { white-space:nowrap; vertical-align:middle; text-align: left; text-transform: uppercase; font-weight: normal; font-size: 16px; color: #414141; } .data-table thead th.wrap { white-space:normal; } .data-table thead th a, .data-table thead th a:hover {} .data-table thead th {} .data-table thead th .tax-flag { white-space:nowrap; } .data-table tfoot {} .data-table tfoot tr.first td {} .data-table tfoot tr {} .data-table tfoot td { text-align: left;} .data-table tfoot strong {} .data-table tbody th, .data-table tbody td { vertical-align: top; text-align: left; } /* Bundle products tables */ .data-table tbody.odd tr {} .data-table tbody.even tr {} .data-table tbody td .option-label {} .data-table tbody td .option-value {} .page-popup .buttons-set .button { float:right; } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor:pointer; } tr.summary-total td {} tr.summary-total .summary-collapse { float:right; cursor:pointer; } tr.show-details .summary-collapse { } tr.show-details td {} tr.summary-details td { } tr.summary-details-first td {} tr.summary-details-excluded { } /* Shopping cart tax info */ .cart-tax-info, .cart-tax-info .cart-price { display:block; } .cart-tax-total { display:block; cursor:pointer; } .cart-tax-total-expanded { } /* Links */ ul.links, ul.links li { display:inline; } ul.links li .separator { } ul.links li.last .separator { display:none; } /* Reward Points */ .rewards { } .reward-message { display:block; background: #E2E6E8; color: #5b4e77; padding: 10px; margin-bottom: 1em; } .reward-message p { display:inline; } .reward-message .limit { display:block; margin: 0; } .reward-message a { color: #5b4e77; } .reward-message a:hover { } .reward-message .price { } /* Reward Points types rewrites */ .reward-review {} .reward-tag {} .reward-checkout { margin: 1.5em 0; } /* Class: std - styles for admin-controlled content */ .std ul { list-style:disc outside; margin: 0 0 1.5em 2em; } .std ol { list-style:decimal outside; margin: 0 0 1.5em 2em; } .std ul.posts-grid, .std ul.products-grid { margin: 0; } .std ol li > a, .std ul li > a { text-decoration: none; } .std ol li > a:hover, .std ul li > a:hover { text-decoration: underline; } .std ul ul, .std ol ol, .std ol ul, .std ul ol { margin-bottom: 0; } .std ul ul { list-style-type:circle; } .std b, .std strong { font-weight: bold; } .std i, .std em { font-style: italic; } .std dl dt { font-weight: bold; margin: 1.5em 0 .5em; font: 17px/1.5 ChronicleDisplay, Arial, Helvetica, sans-serif; } .std dl dt:first-child { margin-top: 0; } .std dl dd { margin-left: 2em; } .std ul.products-grid { margin: 2% 0; list-style-type: none; } .std ul.products-grid .add-to-links { list-style-type: none; } /* Accordion ============================================================================= */ dl.accordion { counter-reset: accordion-counter; background: #E2E6E8; } dl.accordion dt { border-top: 1px solid #FFF; cursor: pointer; margin: 0; padding: 20px; line-height: 24px; font-family: Neutra2Text, Arial, Helvetica, sans-serif; font-weight: bold; color: #5b4e77; position: relative; margin-right: 15px; } dl.accordion dt:before { content: counter(accordion-counter); counter-increment: accordion-counter; font-family: ChronicleDisplay; line-height: 1em; display: block; background: #FFF; color: #939ba5; width: 40px; height: 40px; line-height: 40px; border-radius: 999px; float: left; margin: -8px 12px 0 0; text-align: center; } dl.accordion dt:after { content: ""; background: url(../images/sprite.svg?v=1703) -200px -100px; width: 12px; height: 6px; display: inline-block; overflow: hidden; position: absolute; right: 5px; top: 50%; margin: -3px 0 0; } dl.accordion dt.active:after { background-position: -200px -90px; } dl.accordion dd { margin: 0; } dl.accordion dd p { margin: 0; padding: 0 0 1.5em; } .col2-left-layout > .col-main > .std > .customer-service > dl.accordion dd { color: #5b4e77; padding: 0 20px; width: 840px; } .col2-left-layout > .col-main > .std > .customer-service > dl.accordion dd > div { } .col2-left-layout > .col-main > .std > .customer-service > dl.accordion dd > div > *:last-child { margin-bottom: 0; } /* Misc */ .link-rss { white-space:nowrap; } .link-rss:hover { } .link-print { white-space:nowrap; } .link-cart { } .link-cart:hover { } .data-table .btn-remove, .data-table .btn-remove2 { display:block; overflow:hidden; cursor:pointer; background: url(../images/sprite.svg?v=1703) no-repeat -280px -70px; width: 17px; height: 17px; overflow: hidden; line-height: 100px; margin: 0 auto; } .cards-list dt { } .cards-list .offset { } .divider { height:1px; overflow:hidden; background: #dadfe1; margin: 2em 0; } /* Global site notices */ .global-site-notice { } .global-site-notice .notice-inner { width:860px; max-width: 100%; } .global-site-notice .notice-inner p { } .global-site-notice .notice-inner .actions { } /* Cookie Notice */ .notice-cookie { } /* Noscript Notice */ .noscript {} /* Demo Notice */ .demo-notice { } .demo-notice .notice-inner { width:auto; } .demo-notice .notice-inner p { } /* ======================================================================================= */ /* Header ================================================================================ */ .header-container { text-align:left; color: #2e1f54; padding: 10px 0; max-width: 1180px; margin: 0 auto; } .header-panel { position:relative; z-index:5; max-width: 1480px; margin: 0 auto; } .header-container .branding, .header-panel .branding { float: left; } .header-container .logo, .header-panel .logo { text-decoration:none !important; background: url('../images/sprite.svg?v=1703') -550px -140px; width: 138px; height: 47px; display: block; overflow: hidden; line-height: 200px; margin: 18px 0 12px; } .header-panel-container { clear: both; position: fixed; left: 0; right: 0; z-index:980; background:#2E1F54; } @media screen and (max-width: 1220px) { .header-panel { max-width: 1180px; margin: 0 auto; } } @media screen and (min-width: 1220px) { .header-panel { padding: 0 20px; } } .header-panel { color: #fff; position: relative; font-size: 14px ; z-index: 99;} .header-panel a { color: #fff; text-decoration: none; display: inline-block; } .header-panel .usps { float: left; white-space: nowrap; } .header-panel .usps ul { display: inline; } .header-panel .usps ul li { display: inline; vertical-align: middle; margin-right: 20px; } .header-container .usps { padding-top: 78px; } .switches { float:right; } .switch, .switch-link { display:inline; float:left; } .switch label { font-weight:normal; float:left; } .switch .switch-wrapper { float:left; position:relative; z-index: 6; } .switch strong.current { font-weight:normal; } .switch .separator {} .switch .switcher, .switch-link > a { text-decoration: none; padding: 19px 24px 19px 16px; line-height: 40px; display: inline-block; position: relative;} .switch .switcher:before { content: ''; width: 9px; height: 4px; background: url('../images/sprite.svg?v=1703') -40px -35px; position: absolute; right: 11px; top: 50%; margin: -2px 0 0; } .switch .switcher:hover { background-color: #5b4e77; } /*.switch .switcher.list-opened:before { display: none; }*/ /*.switch .switcher:hover:after,*/ /*.switch .switcher.list-opened:after { content: ''; position: absolute; z-index: 100; width:0; height:0; top: 100%; left: 50%; margin: 0 0 0 -7px; border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid #738086; }*/ /*.switch-link > a:after { content: ''; height: 9px; width: 4px; background: url('../images/sprite.svg?v=1703') -55px -30px; margin: 7px 0 0; position: absolute; right: 5px; top: 50%; margin: -4px 0 0; }*/ /*.switch-link > a:hover:after { display: none; }*/ /*.switch-link > a:hover,*/ /*.switch .switcher:hover,*/ /*.switch .switcher.list-opened { background: #738086; }*/ .switch .content { position:absolute; min-width:100%; text-align:left; left:0; background: #fff; border: 1px solid #36284f; border-top: 0; color: #36284f; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 9; } .switch.switcher-login .content { right: 0; left: auto; } .switch .content a { color: #36284f; text-decoration: underline; } .switch .content a:hover { text-decoration: none; } .switch .content > ol { margin-left: 0; } .switch .content > ol { margin-left: 0; } .switch .content > ol > li, .switch .content > ul > li, .switch .content > li { vertical-align:top; display:block; white-space:nowrap; } .switch .content > ol > li a, .switch .content > ul > li a, .switch .content > li > a { white-space:nowrap; display:block; padding:8px 6px; color: #36284f; text-align: left; text-decoration:none; text-decoration: none; } .switch .content > ol > li a:hover, .switch .content > ul > li a:hover, .switch .content > li > a:hover, .switch .content ul .current { color: #fff; background: #5b4e77; } .switch .faded {} .switch .faded li {} .switch .faded a {} .switch.switcher-login .content { width: 310px; } .switch.switcher-login .content form { padding: 20px; color: #36284f; display: block; } .switch.switcher-login .content .title { font-family: ChronicleDisplay; font-size: 17px; line-height: 1; margin: 0 0 1.1em; display: block; } .switch.switcher-login .content .button > span > span:after { display: none; } .switch.switcher-login .content .button > span { padding-left: 15px; padding-right: 15px; } .switch.switcher-language { text-transform: uppercase; } .switch.switcher-language .content > li > a { text-align: center; } .switch.switcher-login .switcher { position: relative; } .switch.switcher-login .switcher:after { content: ''; display: inline-block; vertical-align: text-bottom; width: 16px; height: 16px; background: url('../images/sprite.svg?v=1703') -350px -130px; } .switch ul, x:-moz-any-link { width:100%; }/* FireFox 2 fix */ .switch ul, x:-moz-any-link, x:default { width:auto; }/* FireFox 3 restore */ .switch.switch-link .switcher:before, .switch.switch-link .switcher:hover:after { content: ''; height: 9px; width: 4px; background: url('../images/sprite.svg?v=1703') -55px -30px; margin: 7px 0 0; position: absolute; right: 5px; top: 50%; margin: -4px 0 0; } .list-opened { background-position:100% -129px !important; } .form-search { padding: 0; white-space:nowrap; float: right; position: relative; width: 300px; z-index: 400; margin-top: 80px; } .form-search label { display:none; } .form-search input.input-text { width: 160px; border: 1px solid #2E1F54; color: #2E1F54; padding: 0px 30px 0px 5px; line-height: 40px; font-size: 16px; background: #fff; float: right; } .form-search input.input-text:focus { outline: none; width: 281px; } .form-search a { display:none; } .form-search button.button { background: none; width: 26px; height: 100%; border: 0; position: absolute; top: 0; right: 0; } .form-search button.button:after { content: ""; height: 16px; width: 17px; background: url(../images/sprite.svg?v=1703) -19px -29px; position: absolute; top: 50%; right: 5px; margin: -8px 0 0 0; } .form-search button.button span { display: none; } .search-autocomplete { z-index:999; position:absolute!important; top:100% !important; right:0 !important; overflow:visible !important; color: #2E1F54; } .search-autocomplete ul { border: 1px solid #2E1F54; position: relative; top: -1px; background: #FFF; overflow: hidden; width: 316px; } .search-autocomplete li { padding: 6px 10px 6px 5px; cursor: pointer; font-size: 15px; } .search-autocomplete li a.product-image { color: #2E1F54; display: block; text-decoration: none; white-space: normal; } .search-autocomplete li a.product-image img { margin-right: 10px; } .search-autocomplete li .amount { float:right; font-weight:bold; } .search-autocomplete li.selected { background: #2E1F54; color: #fff; } .search-autocomplete li.selected a.product-image { color: #fff; } .search-autocomplete li.last { border-bottom:0; } .search-autocomplete .last-suggestion { border-bottom: 0; } /********** < Navigation */ .nav-container { position:relative; z-index:4; font-size: 16px; float: left; } #nav { min-height:28px; text-transform: uppercase; text-align:left; } /* 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; position:relative; z-index:1; } #nav li.level-top > a { padding: 25px 12px; } #nav li.level-top:hover > a span, #nav li.level-top.active > a span { text-decoration: underline; } #nav li.level-top.last { margin-right: 0; } #nav li.level-top a.level-top { float:left; height:28px; line-height:28px; text-decoration:none !important; color: #FFF; position: relative; z-index: 1000; } #nav li.level-top a.level-top span { float:left; white-space:nowrap; } #nav li.parent a.level-top:after { content: ''; position: absolute; width:1px; height:1px; visibility: hidden; opacity: 1; } #nav li.parent a.level-top:before { content: ''; position: absolute; width:0; height:0; top: 100%; left: 50%; margin: 0 0 0 -7px; visibility: hidden; opacity: 0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #nav li.parent.over a.level-top:before, #nav li.parent:hover a.level-top:before, #nav li.parent.over a.level-top:after, #nav li.parent:hover a.level-top:after { visibility: visible; opacity: 1; } #nav li.over a.level-top span, #nav li.active a.level-top span { } #nav li.parent a.level-top:before { content: ''; position: absolute; z-index: 270; width: 0; height: 0; bottom: -48px; left: 50%; margin: 0 0 0 -10px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #2E1F54; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } /* 2nd Level */ #nav .submenu { position:absolute; min-width:100%; top: 100%; left: 0; visibility: hidden; opacity: 0; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } #nav .submenu > * { margin: 0; padding: 25px 10px 10px; border: 1px solid #c0bbcb; border-width: 0 1px 1px; background: #FFF; font-size: .82em; position: relative; } #nav .submenu { color: #2e1f54; } #nav .submenu a { color: #2e1f54; } #nav .submenu .col2-set, #nav .submenu .col3-set, #nav .submenu .col4-set { margin: 0; } #nav .submenu .col2-set > *, #nav .submenu .col3-set > *, #nav .submenu .col4-set > * { min-height: 0 !important; } #nav ul li { float:none; height:auto; display:block; } #nav ul li a { display:block; text-decoration: none; text-transform: none; padding: 3px 0; white-space: nowrap; } #nav ul li a:hover { font-weight: bold; text-decoration: underline; } #nav .submenu .title { font-weight: bold; display: block; text-transform: uppercase; font-size: 15px; margin-bottom: 5px; } #nav .submenu .h3 { font-weight: bold; } #nav .submenu .col3-set > .col-1 ul li:last-child, #nav .submenu .col2-set > .col-1 ul li[id^="category"]:last-child { font-weight: bold; } #nav .submenu .col3-set > .col-2 { border-right: 1px solid #c0bbcb; margin: 0 1.7% 0 0%; padding: 0 3% 0 0; text-transform: none; } #nav .submenu .col3-set > .col-3 { width: 30% } #nav .submenu .col3-set:after { clear: both; } /* Show Menu */ #nav li:hover > .submenu, #nav li.over > .submenu { visibility: visible; opacity: 1; z-index:999; } /********** Navigation > */ /* ======================================================================================= */ /* Block: Events */ .event { width:182px; position:static; height:144px; } .event .status { display:block; } .event .event-ticker { height:55px; } .event .event-ticker span { height:40px; display:inline-block; } .event .event-ticker span, x:-moz-any-link { }/* FireFox 2 fix */ .event .event-ticker span, x:-moz-any-link, x:default { }/* FireFox 3 restore */ .event .event-ticker span.days { } .event .event-ticker span.hour { } .event .event-ticker span.minute { } .event .event-ticker span.second { } .event .event-ticker span.delimiter { display: none; } .event .event-dates { height:51px; } .event .event-dates .date-part { } .event .event-dates .time-part { } .col-main .event .event-button { height:27px !important; vertical-align:middle; } .col-main .event .event-button span { width:121px; height:27px !important; } .event p a { } .event .event-bottom { position:absolute; z-index:2; height:12px; width:23px; left:50%; bottom:-12px; } .open .event-button span {} .upcoming { } .upcoming .status { } .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 { width:auto !important; display:inline !important; } .upcoming .event-button { } .upcoming .event-button:hover { } .upcoming p a { } .upcoming .event-bottom { } .closed { } .closed .status, .closed .event-dates { color:#fff } .closed .event-button {} .event-container { clear:both; position:relative; z-index:2; background: #E2E6E8; color: #36284f; text-align: center; margin-bottom: 1em; } .event-container .event { width:auto; position:relative; z-index:2; height: auto; } .catalog-product-view .event-container .event { width: 1180px; margin: 0 auto; } .event-container .container { display: block; width: 360px; margin: 0 auto; min-height: 75px; } .event-container .event-dates { display: block; padding-top: 25px; width: 500px; text-align: center; min-height: 50px; } .catalog-product-view .event-container .event-dates { width: auto; } .event-container .status { position: absolute; left: 20px; top: 25px; font-weight: bold; } .catalog-product-view .event-container .status { left: auto; } .event-container .event-ticker { display:inline; height:auto; font-size: 50px; } .event-container .event-ticker .container div { float: left; margin-left: 20px; width: 70px; text-align: center; } .event-container .event-ticker span { } .event-container .event-ticker .label { display: block; font-size: 12px; } .event-container .event-ticker span , x:-moz-any-link { }/* FireFox 2 fix */ .event-container .event-ticker span , x:-moz-any-link, x:default { }/* FireFox 3 restore */ .event-container .event .event-ticker span.days { } .event-container .event .event-ticker span.hour { } .event-container .event .event-ticker span.minute { } .event-container .event .event-ticker span.second { } .event-container .event-dates .time-part { } .event-container .event-dates div, .event-container .event-dates p { display:inline; } .container-open { } .container-open .open { } .container-upcoming { } .container-upcoming .upcoming { } .container-closed { background:#939ba5; } /* Block: Events Lister */ .events-slider { position:relative; clear:both; 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; z-index:1; width:0; } .events-slider ul.slider { width:200000px; } .events-slider ul.slider li.slider-item { overflow:hidden; width:182px; height:386px; } .events-slider ul.slider li.slider-item .category-name { display:block; } .events-slider ul.slider li.slider-item .category-show { width:182px; height:241px; overflow:hidden; display:block; } .events-slider ul.slider li.slider-item .no-event { height:401px; } .events-slider .slide-button { position:absolute; cursor:pointer; top:17px; width:28px; height:28px; z-index:2; overflow:hidden; } .events-slider .backward { left:-11px; } .events-slider .forward { right:-11px; } .events-slider .inactive { cursor:default; display:none; } .sidebar .widget-events { } .sidebar .events-slider { } .sidebar .events-slider .event {} .sidebar .events-slider ul.slider li.slider-item {} .sidebar .events-slider ul.slider .status { } .sidebar .events-slider ul.slider .event-dates {} .sidebar .events-slider ul.slider li.slider-item .category-name { display:block; } .sidebar .events-slider ul.slider li.slider-item .category-show {} .sidebar .events-slider { } .sidebar .events-slider .event-ticker {} .sidebar .events-slider .event-ticker span { display:inline-block; } .sidebar .events-slider .event-ticker span.days { } .sidebar .events-slider .event-ticker span.hour { } .sidebar .events-slider .event-ticker span.minute { } .sidebar .events-slider .event-ticker span.second { } /* Sidebar =============================================================================== */ .sidebar .callout { display:block; } /* Generic Block */ /*.block .block-title strong { font-weight: normal; }*/ .block .block-content > *:last-child { margin-bottom: 0; } .sidebar .block { margin: 0 0 1.5em; } .sidebar .block .block-title { font-size: 17px; margin: 0 0 17px; padding: 0 0 12px; border-bottom: 1px solid #dadfe1; font-weight: bold; } .sidebar .block .block-title strong { display:block; font-weight: bold; color: #36284f; } .sidebar .block .block-title strong span { } .sidebar .block .block-title strong small { } .sidebar .block .block-subtitle, .sidebar .block h3 { } .sidebar .block .block-content { } .sidebar .block .btn-remove { } .sidebar .block .btn-remove a { } .sidebar .block .actions { } .sidebar .block .actions a { float:left; } .sidebar .block .actions button.button { float:right; } .sidebar .block li a.btn-previous, .sidebar .block li a.btn-remove { float:right; width:7px; height:7px; overflow:hidden; background: url(../images/sprite.svg?v=1703) -300px -70px; margin: 7px 0; line-height: 100px; } .sidebar .block li a.btn-previous { } .col-main .block { } .col-main .block .block-title { text-transform: uppercase; text-align: center; margin: 50px 0; font-size: 20px; } .col-main .block .block-title h2, .col-main .block .block-title h3 { } .col-main .block .block-content { } /* */ .sidebar .block-checkout_success_questions .block-title, .sidebar .block-contact_block .block-title { color: #2e1f54; } .sidebar .block-checkout_success_questions li, .sidebar .block-contact_block li { padding-left: 40px; font-size: 15px; color: #2e1f54; line-height: 1; margin-top: 1.75em; } .sidebar .block-checkout_success_questions li a, .sidebar .block-contact_block li a { color: #2e1f54; } .sidebar .block-checkout_success_questions li:first-child, .sidebar .block-contact_block li:first-child { margin-top: 0; } .sidebar .block-checkout_success_questions li:before, .sidebar .block-contact_block li:before { content: ''; display: inline-block; width: 25px; height: 25px; float: left; margin: 0 0 0 -40px; background: url(../images/sprite.svg?v=1703) -180px -30px; } .sidebar .block-checkout_success_questions li.telephone:before .sidebar .block-contact_block li.telephone:before { background-position: -180px -30px; } .sidebar .block-checkout_success_questions li.mail:before, .sidebar .block-contact_block li.mail:before { background-position: -180px -60px; } .sidebar .block-checkout_success_questions li.email:before, .sidebar .block-contact_block li.email:before { background-position: -180px -60px; } .sidebar .block-checkout_success_questions li.chat-offline:before, .sidebar .block-contact_block li.chat-offline:before { background-position: -210px -30px; } .sidebar .block-checkout_success_questions li.chat-online:before, .sidebar .block-contact_block li.chat-online:before { background-position: -210px -60px; } .sidebar .block-checkout_success_questions li small, .sidebar .block-contact_block li small { font-size: 15px; } /* Generic box */ .info-box { position:relative; z-index:1; background: #E2E6E8; margin: 0 0 1.5em; } .info-box .box-title { border-bottom: 1px solid #dadfe1; font-size: 1em; padding: 10px 20px; margin: 0; font: 17px/1.5 Neutra2Text, Arial, Helvetica, sans-serif; font-weight: bold; } .info-box .box-title a { text-decoration: underline; } .info-box .box-title a:hover { text-decoration: none; } .info-box .box-title .separator, .info-box .box-title .separator + a { font-weight: normal; } .info-box .box-content { margin: 0; padding: 10px 20px; } .info-table th { } .info-table td { } /* Block: Account */ .sidebar .block-account { } .sidebar .block-account .block-title { } .sidebar .block-account .block-title strong { } .sidebar .block-account .block-content { } .sidebar .block-account li { } .sidebar .block-account li a { display:block; text-decoration: none; color: #414141; } .sidebar .block-account li a:hover { text-decoration: underline; } .sidebar .block-account li.current strong { font-weight: bold; } .sidebar .block-account li.last { } /* Block: Layered Navigation */ .sidebar a.category-back { text-decoration: none; border-bottom: 1px solid #dadfe1; margin: 0 0 10px; padding: 0 0 20px; display: block; font-weight: bold; } .sidebar a.category-back:hover { text-decoration: underline; } .sidebar a.category-back:before { content: ''; width: 7px; height: 14px; display: inline-block; background: url(../images/sprite.svg?v=1703) no-repeat -180px -105px; vertical-align: text-top; margin-right: 10px; } .sidebar .block.block-layered-nav { margin-bottom: 0px; } .sidebar .block-layered-nav .block-title { display: none; } .sidebar .block-layered-nav .block-title h2 { } .sidebar .block-layered-nav .block-subtitle { display:none; } .sidebar .block-layered-nav .block-content { } .sidebar .block-layered-nav ol { list-style: none; margin-left: 0; } .sidebar .block-layered-nav .block-content ol li { margin: 0; } .sidebar .block-layered-nav .block-content ol.m-filter-colors li { margin: 0 0 0.8em; } .sidebar .block-layered-nav dl { } .sidebar .block-layered-nav dt { border-top: 1px solid #dadfe1; margin: 15px 0 10px; padding: 20px 0 0; color: #2e1f54; } .sidebar .block-layered-nav dt:first-child { margin-top: 0; } .sidebar .block-layered-nav dd { line-height: 34px; } .sidebar .block-layered-nav dd.last { } .sidebar .block-layered-nav dd li { } .sidebar .block-layered-nav dd li.active { font-weight: bold; } .sidebar .block-layered-nav dd a { text-decoration: none; color: #414141; } .sidebar .block-layered-nav dd a:hover { text-decoration: underline; } .sidebar .block-layered-nav dd a small { display: block; margin-top: -15px; } .sidebar .block-layered-nav dd a small:empty { display: none; } /*.sidebar .block-layered-nav dt[data-id='m_left_size_filter'] + dd ol li { float: left; width: 50%; }*/ .sidebar .block-layered-nav dt[data-id='m_left_size_filter'] + dd ol { -webkit-columns: auto 2; -moz-columns: auto 2; columns: auto 2; } .sidebar .block-layered-nav .currently { margin: 0 0 1.5em; } .sidebar .block-layered-nav .currently .block-subtitle { font-weight: bold; display:block; border-top: 1px solid #dadfe1; margin: 0; padding: 15px 0 15px; color: #2e1f54; } .sidebar .block-layered-nav .currently li { position:relative; z-index:1; background: #E2E6E8; border-bottom: 1px #fff solid; padding: 3px 10px; font-size: .82em; margin: 1px 0; color: #2f1f55; } .sidebar .block-layered-nav .currently li:last-child { border-bottom: 0; } .sidebar .block-layered-nav .currently li .btn-remove {} .sidebar .block-layered-nav .currently li .btn-previous {} .sidebar .block-layered-nav .currently .label { display:inline-block; } .sidebar .block-layered-nav .currently .value { display:inline-block; } .sidebar .block-layered-nav .actions { display: none; } .sidebar .block-layered-nav .actions a { float:none; } .sidebar .block-layered-nav dt[data-id='m_left_size_filter'] + dd ol.m-filter-checkboxes li input { position: static !important; } /* Block: Cart */ .sidebar .block-cart .block-title { } .sidebar .block-cart .block-title strong { } .sidebar .block-cart .summary { position:relative; z-index:1; } .sidebar .block-cart .summary a { } .sidebar .block-cart .summary .subtotal { } .sidebar .block-cart .summary .subtotal .price { } .sidebar .block-cart .actions { } .sidebar .block-cart .actions button.button { float:none; } .sidebar .block-cart .block-content { } .sidebar .block-cart .block-content table { } .sidebar .block-cart .block-content table th { } .sidebar .block-cart .block-content table td { } .sidebar .block-cart li a.btn-remove { float:none; width:auto; height:auto; overflow:visible; } .mini-products-list li.item { } .mini-products-list li.last { } .mini-products-list .product-image {} .mini-products-list .product-details { } .mini-products-list .product-details .product-name { } .mini-products-list .product-details .price-box { } .mini-products-list .product-details h4 {} .mini-products-list .product-details .btn-remove { } /* Top Shopping Cart */ .switcher-top-cart {} .switcher-top-cart .link-checkout { padding: 0 16px 0 6px; line-height: 40px; display: inline-block; position: relative; } /* .switcher-top-cart .link-checkout:before { content: ''; position: absolute; left: 8px; top: 50%; width: 1px; height: 12px; margin: -6px 0 0; background: #fff; } .switcher-top-cart .link-checkout:hover:before { display: none; } */ .switcher-top-cart .link-checkout:after { content: ''; height: 9px; width: 4px; background: url('../images/sprite.svg?v=1703') -55px -30px; margin: 7px 0 0; position: absolute; right: 5px; top: 50%; margin: -4px 0 0; } .switcher-top-cart .link-checkout:hover { background: #738086; } .switcher-top-cart .link-checkout:hover:after { display: none; } /*.switcher-top-cart .switcher { text-transform: lowercase; }*/ .switcher-top-cart .switcher .cartIcon { position: relative; } .switcher-top-cart .switcher .cartIcon:before { content: ''; display: inline-block; vertical-align: text-bottom; width: 16px; height: 16px; background: url('../images/sprite.svg?v=1703') 0px -30px; margin: 0 6px 0 0; } .switcher-top-cart .switcher .cartQty { position: absolute; top: -10px; right: -5px; text-align: center; border-radius: 50%; width: 16px; height: 16px; background-color: #e26175; color: #fff; display: block; line-height: 16px; } .switcher-top-cart .inner-wrapper { padding: 20px; width: 280px; } .switcher-top-cart .content { margin-top: 19px; left: auto; right: 0; line-height: normal; } .switcher-top-cart .block-subtitle { font-family: ChronicleDisplay; font-size: 18px; line-height: 1; margin: 0 0 .5em; } .switcher-top-cart .cart-empty { margin: 0; } .switcher-top-cart .content a { color: #36284f; text-decoration: underline; } .switcher-top-cart .content a:hover { text-decoration: none; } .switcher-top-cart .content .block-subtitle { display: none; } .switcher-top-cart .content .block-subtitle .close-btn { float:right; cursor: pointer; float: right; } .switcher-top-cart .content ol { list-style: none; margin: 0; } .switcher-top-cart .content .col2-set .col-1.narrow { width: 25%; } .switcher-top-cart .content .col2-set .col-1.narrow a { display: block; } .switcher-top-cart .content .item { background: #FFF; padding: 10px; margin: 1em 0; } .switcher-top-cart .content .item:first-child { margin-top: 0; } .switcher-top-cart .content .item:hover { } .switcher-top-cart .content .item .product-name { margin: 0 0 .75em; } .switcher-top-cart .content .item .product-name a { text-decoration: none; } .switcher-top-cart .content table { width: 100%; margin: 0 0 .75em; } .switcher-top-cart .content table th { } .switcher-top-cart .content table td { text-align: left; } .switcher-top-cart .content table td { text-align: left; } .switcher-top-cart .content .col2-set { margin: 0; } .switcher-top-cart .content .subtotal { text-align: right; line-height: 14px; margin-bottom: 13px; } .switcher-top-cart .content .subtotal .label { float: left; white-space: nowrap; text-transform: uppercase; } .switcher-top-cart .content .truncated { width: auto; display: none; } .switcher-top-cart .content .truncated .details { font-size: 15px; } .switcher-top-cart .content .btn-edit, .switcher-top-cart .content .btn-remove { font-size: 15px; } .switcher-top-cart .content .actions { line-height: 35px; } .switcher-top-cart .content .actions a { font-size: 15px; color: #36284f; } .switcher-top-cart .content .actions .freeshipping-above-text { line-height: 1.5em; background: #FFF; padding: 10px; text-align: left; } .switcher-top-cart .content .actions .freeshipping-above-text:empty { display: none; } .switcher-top-cart .content .actions { text-align:right; } .switcher-top-cart .content .actions a { float:left; } /* .switcher-top-cart .content { position:absolute; right:0; top:20px; width:267px; } .top-cart .inner-wrapper { } .switcher-top-cart .content .block-subtitle { } .switcher-top-cart .content .block-subtitle .close-btn { float:right; width:13px; height:0; overflow:hidden; cursor:pointer; position:relative; z-index:1; } .top-cart .cart-empty .close-btn { float:right; width:13px; height:0; overflow:hidden; cursor:pointer; position:relative; z-index:1; } .top-cart .cart-empty { } .switcher-top-cart .content ol { } .switcher-top-cart .content .item { } .switcher-top-cart .content .item .product-name { } .switcher-top-cart .content .item .product-name a { } .switcher-top-cart .content table { } .switcher-top-cart .content table th { } .switcher-top-cart .content table td { } .switcher-top-cart .content .subtotal { } .top-cart .actions { } .top-cart .actions a { float:left; } .top-cart .actions button { float:none; } .top-cart .actions button.button span, .top-cart .actions button.button span span { } .top-cart .paypal-logo a { float:right; } .top-cart .paypal-logo .paypal-or { clear:both; display:block; } */ /* Block: Wishlist */ .block-wishlist {} /* Block: Compare Products */ .block-compare li {} /* Block: List */ .block-list .block-content ol { } .block-list li.item { } .block-list .actions { } .sidebar .block-list .product-name { } .sidebar .block-list .product-name a { } /* Block: Poll */ .block-poll li { padding: 2px 0; } .block-poll input.radio { } .block-poll .label { } .block-poll .answer {} .block-poll .votes { float:right; } /* Block: Tags */ .block-tags ul, .block-tags li { display:inline; } /* Block: Subscribe */ .block-subscribe {} /* Block: Reorder */ .block-reorder li { } .block-reorder input.checkbox { float:left; } .block-reorder .product-name { } /* Block: Banner */ .block-banner { } .block-banner .block-content { } /* Paypal */ .sidebar .paypal-logo { display:block; } .paypal-review-order .legend { } .paypal-review-order .col2-set .legend { } .paypal-review-order .paypal-shipping-method { } .paypal-review-order .paypal-shipping-method .box-title { } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-view { } .category-title h1 { margin-bottom: 10px; } .category-title { text-align: center; padding: 0 0 30px; } .category-title .rss-feed { float:right; white-space:nowrap; } .category-title .rss-feed:hover { } .category-title .subtitle { font-size: 18px; margin-bottom: -20px; } .category-view .note-msg, .category-description.std:empty { display: none; } .category-description.std .col-2 { text-align: center; } .category-description.std h2 { } .category-description.std p a { text-align: right; } .category-description a.showproducts_link { font-family: Neutra2Text; font-style: italic; font-size: 22px; color: #36284f; position: relative; text-decoration: none; } .category-description a.showproducts_link:before { content: ''; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 25px; width: 250px; max-width: 235px; height: 15px; background: url('../images/sprite.svg') 0 -120px; filter: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .category-description a.showproducts_link:hover:before { opacity: 0; filter: 0; filter: alpha(opacity=0); } .category-description a.showproducts_link:after { content: '>'; font-size: 30px; margin: 6px 0 0 10px; vertical-align: -6%; } /*.category-description .arrow { height: 45px; width: 21px; background: url('../images/sprite.svg?v=1703') -520px -90px; position: relative; left: 40px; }*/ .catalog-category-view .category-description.std { margin-top: 60px; } .showproducts .category-description { display: none; } .categories-container { border-top: 1px solid #ececec; padding: 32px 0 0; } .results-view { } .results-view .recommendations { text-align: center; margin-bottom: 1.5em; font-size: .88em; } .catalogsearch-result-index .page-title { margin-bottom: 48px; } .catalogsearch-result-index .note-msg { } .sidebar .category-title { } .category-image { } .category-image img { display:block; } .category-products { } .category-products .products-grid, .category-products .products-list { margin: 30px 0; padding: 0 0 22px; } .categories-grid { margin: 1.5em 0 0; } .categories-grid li.item { float:left; width:32%; margin: 0 2% 0 0; text-align: center; } .categories-grid li.item .col-2 { text-align: center; font-size: 16px; } .categories-grid li.item h2 { font-size: 18px; font-family: Neutra2Text; text-transform: uppercase; margin: 78px 0 0; } .categories-grid li.item .viewmore { font-family: Neutra2Text; font-style: italic; text-align: right; font-size: 24px; white-space: nowrap; } .categories-grid li.item p { margin: 0 0 20px; } .categories-grid li.item .viewmore a { color: #2e1f54; font-size: 21px; text-decoration: none; margin-right: 20px; position: relative; box-sizing: border-box; } .categories-grid li.item .viewmore a:after { content: '>'; font-size: 30px; margin: 6px 0 0 10px; vertical-align: -6%; } .categories-grid li.item .viewmore a:before { content: ''; position: absolute; right: 0; top: 21px; width: 134px; max-width: 100%; height: 15px; background: url('../images/sprite.svg?v=1703') 0 -105px; filter: 0; filter: alpha(opacity=0); -ms-transform: rotate(4deg); -webkit-transform: rotate(4deg); transform: rotate(4deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .categories-grid li.item .viewmore a:hover:before { opacity: 0; filter: 0; filter: alpha(opacity=0); } .categories-grid li.item.last { margin-right: 0; } .categories-grid.columns-4 li.item { width: 23.5%; } .categories-grid li.item .subtitle { font-size: inherit; } /* View Type: Grid */ .products-grid { } .products-grid li.item { float: left; width: 23.60%; margin: 0 1.8% 0 0; text-align: center; } .products-grid li.last { margin-right: 0; } .products-grid img { display: block; margin: 0 auto; } .products-grid .actions {} .products-grid .product-name { word-wrap:break-word; margin: 0 0 .35em; padding: 0 15px; line-height: 1.35; } .products-grid .ratings { } .products-grid .rating-links { display:block; clear:both; } .products-grid .price-box { clear:both; font-size: 20px; } .products-grid .price-box > span.label { display: none; } .products-grid .fitlabel.regular { display: none; } .products-grid .ribbon { position: absolute; z-index: 100; left: 0px; top: 45px; } .products-grid .ts-rating { margin: 0 auto; } .products-grid.columns-6 li.item { width: 15%; } .products-grid.columns-5 li.item { width: 18.4%; } .products-grid.columns-4 li.item { width: 23.5%; } .products-grid.columns-3 li.item { width: 32%; } .products-grid.columns-2 li.item { width: 48%; } .products-grid.columns-2 li.item .mask { max-width: 300px; } .products-grid.columns-2 li.item .mask .image_look a, .products-grid.columns-2 li.item .mask .image_product a, .products-grid.columns-2 li.item .mask .product-image { max-width: 300px; } .products-grid.columns-2 li.item .mask .image_look .fitlabel { top: 500px; left: 225px; } #product_looks .item { min-height: 0 !important; position: relative; width: 32.2%; margin: 0 1.69% 20px 0; } #product_looks .item.last { margin-right: 0; } #product_looks li.teaser p { margin: 0; } #product_looks li .product-image { margin-bottom: 0; max-width: none; } #product_looks li .product-image a {display: block; max-width: none; margin: 0; padding: 0 20px 0; /*background: -webkit-linear-gradient(#ffffff 60%, #faf9fc); *//* For Safari 5.1 to 6.0 */ /*background: -o-linear-gradient(#ffffff 60%, #faf9fc); *//* For Opera 11.1 to 12.0 */ /*background: -moz-linear-gradient(#ffffff 60%, #faf9fc); *//* For Firefox 3.6 to 15 */ /*background: linear-gradient(#ffffff 60%, #faf9fc); *//* Standard syntax */ } #product_looks li .product-image a img { mix-blend-mode: multiply; } #product_looks li .overlay { visibility: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,.95); font: 24px/1 DJOE5CAS; color: #2e1f54; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s ease-in-out 0.1s; -moz-transition: all 0.5s ease-in-out 0.1s; -o-transition: all 0.5s ease-in-out 0.1s; -ms-transition: all 0.5s ease-in-out 0.1s; transition: all 0.5s ease-in-out 0.1s; } #product_looks li .overlay span { position: absolute; top: 50%; left: 0; right: 0; margin-top: -.5em; } #product_looks li .overlay span:after { content: '>'; display: inline-block; margin-left: 5px; } #product_looks li .overlay span:before { content: ''; display: inline-block; width: 135px; height: 13px; background: url(../images/sprite.svg?v=1703) 0 -105px; position: absolute; top: 100%; left: 50%; margin: -2px 0 0 -67px } #product_looks li:hover .overlay { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .fitlabel { position: absolute; top: 295px; left: 140px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .fitlabel em { font-family: ChronicleDisplay; height: 20px; font-size: 13px; line-height: 20px; display: inline-block; background: #E2E6E8; padding: 0 4px 0 3px; position: relative; vertical-align: top; margin-left: -1px; } .fitlabel:before { content: ''; width: 22px; height: 20px; background: url(../images/sprite.svg?v=1703) -420px 0; display: inline-block; position: absolute; left: -22px; top: 0px; } .block-viewed .products-grid .image_look .fitlabel { left: 125px; } .look-switcher { font-size: 15px; text-align: center; padding: 16px 0 0; text-transform: uppercase; } .look-switcher a { text-decoration: none; color: #94a0a6; } .look-switcher a:hover { text-decoration: underline; } .look-switcher a:hover, .look-switcher a.active { color: #2e1f54; } .look-switcher a:before { content: ''; width: 16px; height: 10px; display: inline-block; background: url(../images/sprite.svg?v=1703) -400px 0; margin-right: 5px; opacity: 0.3; filter: alpha(opacity=30); } .look-switcher a.active:hover { text-decoration: none; } .look-switcher a:hover:before, .look-switcher a.active:before { opacity: 1; filter: alpha(opacity=100); } .products-grid .product-image a { display: block; } .products-grid .product-image, .products-grid li .mask { display: block; text-align: center; margin: 0 auto 10px; overflow: hidden; position: relative; max-width: 200px; } .products-grid li .mask .image_product, .products-grid li .mask .image_look { -webkit-transition: all 0.0s ease-in-out 0.1s; -moz-transition: all 0.0s ease-in-out 0.1s; -o-transition: all 0.0s ease-in-out 0.1s; -ms-transition: all 0.0s ease-in-out 0.1s; transition: all 0.0s ease-in-out 0.1s; } .products-grid.product li .mask:hover .image_product, .products-grid.look li .mask .image_product { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; filter: alpha(opacity=0); } .products-grid.product li .mask .image_product, .products-grid.look li .mask:hover .image_product { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 1; filter: alpha(opacity=100); } .products-grid.product li .mask:hover .image_look, .products-grid.look li .mask .image_look { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1; filter: alpha(opacity=100); } .products-grid.product li .mask .image_look, .products-grid.look li .mask:hover .image_look { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; filter: alpha(opacity=0); } .products-grid a.product-image { position: relative; } /*.products-grid a.product-image img { max-height: 200px; width: auto; }*/ .products-grid.product .image_product a.product-image:after, .products-grid.look .image_look a.product-image:after { content: ''; position: absolute; left: 0; top: 0; display: block; width: 0; height: 0px; overflow: hidden; visibility: hidden; display: block; } .products-grid.product .image_product a.product-image:hover:after, .products-grid.look .image_look a.product-image:hover:after { visibility: visible; } .popup-quickview-content > .block-title { height: 0px; } /* View Type: List */ .products-list li.item { margin: 0 0 1.5em; } .products-list li.last { margin-bottom: 0; } .products-list .product-image { float:left; position:relative; } .products-list .product-shop { margin-left: 186px; } .products-list .product-name { } .products-list .price-box { } .products-list .desc { } .products-list .desc .link-learn { white-space:nowrap; } .products-grid .special-price, .products-list .special-price { } /* ======================================================================================= */ /* Product View ========================================================================== */ .product-view {} .product-essential { margin: 0 0 50px; } .product-essential .size_not_available { font-size: 0.81em; } .product-collateral {} .product-collateral .emailto-link { } .box-collateral { margin: 3.5em 0; padding: 3.5em 0 0; } #product_addtocart_form + .box-collateral { margin-top: 2.5em; padding-top: 2.5em; } .box-collateral .box-title { text-align: center; margin: 0 0 3.5em; } .box-collateral .box-title h2 { font: 20px/1.2 Neutra2Text, Arial, Helvetica, sans-serif; color: #414141; text-transform: uppercase; } .box-collateral .box-content { } .tab-list { position:relative; margin: 0; } .tab-list .tab { display: inline-block; cursor:pointer; margin: 0; } .tab-list .tab span { display: inline-block; padding: 0 20px; } .tab-list .last {} .tab-list .active { cursor:default } .tab-list .tab-container { position:absolute; left:0; bottom: 0; width:100%; margin: 0; padding: 0; } .tab-list .tab-content {} #size-guide-tabs-wrapper > h1 { text-align: center; margin: 50px 0 10px; } #size-guide-tabs-wrapper > h2 { text-align: center; text-transform: uppercase; font: 20px/1.5 Neutra2Text, Arial, Helvetica, sans-serif; border-bottom: 1px solid #cad0d3; padding: 0 0 30px; } #size-guide-tabs > dl { margin: 0; } #size-guide-tabs .tab { text-align: center; width: 25%; margin: 0; float: left; position: relative; font: 17px/1.5 Neutra2Text, Arial, Helvetica, sans-serif; } #size-guide-tabs .tab img { margin-top: 25px; } #size-guide-tabs .tab span { padding: 0 0 35px; font-size: 20px; font-family: ChronicleDisplay; font-weight: normal; } #size-guide-tabs .tab.active { background: #E2E6E8; } /*#size-guide-tabs .tab.active:after { content: ''; display: block; position: absolute; width: 0; height: 0; top: 100%; left: 50%; border-top: 18px solid #FFF; border-left: 18px solid transparent; border-right: 18px solid transparent; margin: 0 0 0 -18px; }*/ /*#size-guide-tabs .tab.active span:after { content: ""; position: absolute; background: url(../images/sprite.svg?v=1703) -260px -50px; height: 37px; width: 15px; bottom: 35px; left: 0; margin: 0; display: block; }*/ #size-guide-tabs .tab .fitlabel:before { width: 30px; height: 30px; background-position: -550px 0; left: -30px; } #size-guide-tabs .tab .fitlabel.plus { left: 108px; } #size-guide-tabs .tab .fitlabel.tall { left: 100px; } #size-guide-tabs .tab .fitlabel.petite { left: 92px; } #size-guide-tabs .tab .fitlabel.regular { left: 98px; } #size-guide-tabs .tab .fitlabel em { padding: 6px 10px 0 10px; height: 24px; font-size: 18px; line-height: 1em; } #size-guide-tabs .tab.active .fitlabel em { background: #fff; } #size-guide-tabs .tab .label { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; font-size: 0.7em; } #size-guide-tabs .tab-container { background: #E2E6E8; } #size-guide-tabs .tab + .tab-container { display: none; } #size-guide-tabs .tab.active + .tab-container { display: block; } #size-guide-tabs .tab-content { padding: 35px 40px; } #size-guide-tabs .data-table { margin: 1.5em 0 0; } #size-guide-tabs .data-table th, #size-guide-tabs .data-table td { padding-left: 7px; padding-right: 7px; white-space: nowrap; border: 1px solid #dadfe1; text-align: center; } #size-guide-tabs .data-table th { font-weight: bold; text-transform: uppercase; } #size-guide-tabs .data-table th.nobg, #size-guide-tabs .data-table td.nobg { font-size: 34px; line-height: 22px; background: #E2E6E8 !important; border-top: 0 !important; border-bottom: 0 !important; border-left: 1px solid #877a9d; border-right: 1px solid #877a9d; } #size-guide-tabs .data-table tr th:first-child, #size-guide-tabs .data-table tr td:first-child { border-left: 1px solid #877a9d; } #size-guide-tabs .data-table tr:last-child th:first-child { border-bottom: 1px solid #877a9d; } #size-guide-tabs .data-table tr th { border-left: 1px solid #877a9d; } #size-guide-tabs .data-table tr:first-child th { border-top: 1px solid #877a9d; } #size-guide-tabs .data-table tbody tr:nth-child(odd) th, #size-guide-tabs .data-table tbody tr:nth-child(odd) td { background: #FFF; } #size-guide-tabs .data-table thead th, #size-guide-tabs .data-table thead td { text-align: center; background: #f5f5f5; font-size: 1.17em; background: #E2E6E8; } #size-guide-tabs .data-table thead tr:first-child th, #size-guide-tabs .data-table thead tr:first-child td { background: #2e1f54; color: #FFF; font-weight: normal; } #size-guide-tabs .data-table thead tr:nth-child(2) th, #size-guide-tabs .data-table thead tr:nth-child(2) td { font-size: .88em; } #size-guide-tabs .block .block-title { margin: 0 0 25px; } #size-guide-tabs.tops { background: #E2E6E8; padding: 35px 40px; } #size-guide-tabs .data-table { border-collapse: collapse; border-spacing: 0; } #size-guide-tabs .data-table tbody tr:last-child td { border-bottom: 1px solid #877a9d; } #size-guide-tabs .data-table th:last-child, #size-guide-tabs .data-table td:last-child { border-right: 1px solid #877a9d; } #size-guide-tabs .data-table th.borderright, #size-guide-tabs .data-table td.borderright { border-right: 1px solid #877a9d; } #size-guide-tabs .data-table th.borderbottom, #size-guide-tabs .data-table td.borderbottom { border-bottom: 1px solid #877a9d; } .cms-page-view .col-main .block-size-guide-intro { border-top: 1px solid #cad0d3; padding-top: 60px; } .col-main .block-size-guide-intro h2 { font-size: 21px; } .col-main .block-size-guide-intro h3 { font-size: 1em; margin: 2em 0 5px; } .cms-size-guide-tops .page-title h1, .cms-size-guide-jeans .page-title h1 { text-align: center; } #collateral-tabs.tab-list { border-bottom: 1px solid #dadfe1; } #collateral-tabs.tab-list .tab { cursor:pointer; float: none; display: block; border-top: 1px solid #dadfe1; position: relative; color: #000; line-height: 47px; } #collateral-tabs.tab-list .tab.first { border-top: 0; } #collateral-tabs.tab-list .tab:after { content: ""; background: url(../images/sprite.svg?v=1703) -200px -100px; width: 12px; height: 6px; display: inline-block; overflow: hidden; position: absolute; right: 0; top: 50%; margin: -3px 0 0; } #collateral-tabs.tab-list .tab.active:after { background-position: -200px -90px; } #collateral-tabs.tab-list .tab span { display: block; padding: 0; } #collateral-tabs.tab-list .tab-container { display: block; overflow: hidden; position: static; width: auto; width: 580px; } #collateral-tabs.tab-list .tab-content { padding: 0 0 10px; } .collateral-tabs { height: auto !important; margin: 0 0 1em; } .collateral-tabs .tab-content object, .collateral-tabs .tab-content embed { width:100% !important; height:auto !important; } /* Product Images */ .product-view .product-img-box { float:left; width:580px; } .product-view .product-img-box.narrow { width: 40%; } .popup-block .product-view .product-img-box { width: 40%; } .product-view .product-img-box .product-image { position:relative; z-index:3; float: right; margin: 0; min-width: 400px; } .product-view .product-img-box .product-image.single { float: none; margin: 0 auto; } .product-view .product-img-box .product-image a { display: block; } .product-view .product-img-box .product-image img {} .product-view .product-img-box p.notice { } .product-view .product-img-box .more-views { float: left; } .product-view .product-img-box .more-views h2 { display:none; } .product-view .product-img-box .more-views ul { padding: 0 12px 22px 0; margin: 0; z-index: 2 } .product-view .product-img-box .more-views ul + a.next { margin-top: 22px; position: relative; z-index: 3; } .product-view .product-img-box .more-views li a { display: block; border: 1px solid transparent; width: 128px; height: 180px; text-align: center; line-height: 178px; position: relative; margin: 10px 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .product-view .product-img-box .more-views li.cycle-sentinel a.active:after, .product-view .product-img-box .more-views li a:after { content: ''; display: inline-block; position: absolute; width: 30px; height: 16px; background: url(../images/sprite.svg?v=1703) -280px -50px; top: 100%; right: 0; opacity: 0; visibility: hidden; margin: 6px -12px 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .product-view .product-img-box .more-views li a.active { border-color: #dadfe1; z-index: 2; } .product-view .product-img-box .more-views li a.active:after { opacity: 1; visibility: visible; } .product-view .product-img-box .more-views li img { display: inline-block; vertical-align: middle; } .product-view .product-img-box .more-views a.next, .product-view .product-img-box .more-views a.prev { background: url(../images/sprite.svg?v=1703) no-repeat -155px -90px; width: 20px; height: 10px; display: block; margin: 0 0 0 56px; overflow: hidden; line-height: 123em; } .product-view .product-img-box .more-views a.next { background-position: -130px -90px; } .product-view .product-img-box .more-views a.disabled { opacity: .2; filter: alpha(opacity=20); text-decoration: none; color: #414141; cursor: default; } .product-view .product-img-box .more-views a:after { width: 20px; margin: 0px 0 0 55px; background: url(../images/sprite.svg?v=1703) no-repeat -155px -90px; } .product-view .product-img-box .more-views a.next:after { background-position: -130px -90px; } .product-image-popup { } .product-image-popup .buttons-set { clear:none; float:right; width:150px; } .product-image-popup .buttons-set .button { vertical-align:middle; float:none; } .product-image-popup .image { display:block; clear:both; } .product-image-popup .image-label { clear:both; } .product-image-popup .nav { width:120px; } .product-image-popup .nav .prev, .product-image-popup .nav .next { display:inline; 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; } /* jQzoom */ div.jqZoomTitle { z-index:5000; position:absolute; top:0; left:0; width:100%; } .jqZoomPup { overflow:hidden; z-index:10; } a.product-image { cursor:pointer !important; } p.product-image { cursor:default !important; } .zoom-activated {} .jqZoomPup img { } .preload { width:90px; height:43px; z-index:10; position:absolute; top:3px; left:3px; opacity:0.8; filter:alpha(opacity=80); } .jqZoomWindow { } /* Product Shop */ .product-view .product-shop { float:right; width: 580px; } .product-view .product-shop.wide { width: 55%; } .popup-block .product-view .product-shop { width: 55%; } .product-view .product-shop .product-main-info { margin: 0 0 1em; } .product-view .product-shop .product-main-info .meta { font-size: .88em; font-weight: bold; margin: 1.25em 0 0; } .product-view .product-shop .product-main-info .meta, .product-view .product-shop .product-main-info .meta a { color: #8998a3; } .product-view .product-shop .product-main-info .add-to-links, .product-view .product-shop .product-main-info .add-to-links li { display: inline; margin: 0 0 0 10px; } .product-view .product-shop .product-main-info .link-wishlist { font-size:14px; font-family: Neutra2Text, 'Arial Narrow', Arial, Helvetica, sans-serif; } .product-view .product-shop .product-main-info a.link-wishlist { color: #8998a3; } .product-view .product-shop .product-main-info .link-wishlist:before { content: ""; display: inline-block; vertical-align: text-bottom; background: url(../images/sprite.svg?v=1703) no-repeat -370px 0; width: 20px; height: 18px; margin-right: 5px; } .product-view .product-shop .product-main-info .ratings, .product-view .product-shop .product-main-info .no-rating { display: inline-block; } .product-view .product-shop .product-main-info .ratings { text-decoration: none; min-width: 90px; height: 15px;} .product-view .product-shop .product-main-info .ratings .rating-box { float: none; display: inline-block; vertical-align: baseline; margin-bottom: -3px; } .product-view .product-shop .product-ids { display:none; } /*.product-view .product-shop .availability { display: none; }*/ .availability.out-of-stock span { color: #414141; font-weight: normal; } .product-view .product-shop .price-box { border-bottom: 1px solid #dadfe1; font-size: 2em; padding: 0.15em 0 0.75em 0; color: #2e1f54; } .product-view .product-shop .price-box .price-label { } .product-view .product-shop .price-box .price-as-configured .price-label { } .product-view .product-shop .price-box .price-as-configured .price { } .product-view .product-shop .price-box .price-including-tax .price, .product-view .product-shop .price-box .regular-price .price { } .product-view .product-shop .price-box .special-price .price-label, .product-view .product-shop .price-box .special-price .price { } .product-view .product-shop .price-box .price-as-configured .price-including-tax .price { } .product-view .product-shop .price-box .price-as-configured .price-excluding-tax .price { } .product-view .product-shop .price-box p { } .product-view .product-shop .price-box .label { font-size: 13px; } .product-view .product-shop .add-to-box { margin: 30px 0; } .product-view .product-shop .related-products-extra { margin: 1em 0; } .product-view .product-shop .related-products-extra + .options-container-big { border-top: 1px solid #dadfe1; padding-top: 2.76em; position: relative; } .product-view .product-shop .product-main-info + .options-container-big { position: relative; padding-top: 2.5em; margin-top: 0; } .product-view .product-shop .options-container-big .size_guide_container { position: absolute; top: 0; left: 0; right: 0; line-height: 24px; } .product-view .product-shop .related-products-extra + .options-container-big .size_guide_container { top: 1em; } .product-view .product-shop .related-products-extra label { display: block; font-weight: bold; margin: 0 0 6px; } .product-view .product-shop .related-products-extra li { display: inline-block; } .product-view .product-shop .related-products-extra li a, .product-view .product-shop .related-products-extra li span { display: block; border: 1px solid transparent; padding: 6px; border-radius: 4px; font-size: .82em; line-height: 1.43; text-decoration: none; } .product-view .product-shop .related-products-extra li.current span, .product-view .product-shop .related-products-extra li a:hover { border-color: #dadfe1; } .product-view .product-shop #related-colors.related-products-extra li a, .product-view .product-shop #related-colors.related-products-extra li span { vertical-align: middle; padding: 0 5px; height: 22px; line-height: 22px; } .product-view .product-shop #related-colors.related-products-extra li .color { border-radius: 999px; width: 16px; height: 16px; overflow: hidden; border: 3px solid transparent; padding: 0; line-height: 100px; box-shadow: inset 0 0 0 2px rgba(255,255,255,0); margin-right: 2px; -webkit-transition: box-shadow 0.25s ease-in-out; -moz-transition: box-shadow 0.25s ease-in-out; -o-transition: box-shadow 0.25s ease-in-out; transition: box-shadow 0.25s ease-in-out; } .product-view .product-shop #related-colors.related-products-extra li .color.FFFFFF { border: 1px solid #949da6; width: 19px; height: 19px; } .product-view .product-shop #related-colors.related-products-extra li.current .color, .product-view .product-shop #related-colors.related-products-extra li .color:hover { box-shadow: inset 0 0 0 2px #FFF; } .product-view .product-shop #related-fits.related-products-extra em { height: 20px; line-height: 20px; display: inline-block; background: #E2E6E8; padding: 0 4px 0 3px; position: relative; margin: 0 0 0 22px; font-family: ChronicleDisplay; color: #2e1f54; } .product-view .product-shop #related-fits.related-products-extra em:before { content: ''; width: 22px; height: 20px; background: url(../images/sprite.svg?v=1703) -420px 0; display: inline-block; position: absolute; left: -22px; top: 0; } .product-view .product-shop .block-product_usp { background: #E2E6E8; color: #5b4e77; font-size: .88em; text-align: center; padding: 1em 0; line-height: 1.2; margin: 1.5em 0 .5em; } .product-view .product-shop .block-product_usp .col3-set > * { min-height: 0 !important; } .main .usps { background: #E2E6E8; color: #5b4e77; font-size: 17px; text-align: center; padding: 20px 0; line-height: 1.2; margin: 15px 0 60px; } .main .usps .col3-set { min-height: 0 !important; } .main .usps .col3-set { margin: 0; } .main .usps .col3-set > div { padding: 5px 0; } .main .usps .col3-set .col-2 { border-left: 1px solid #dadfe1; border-right: 1px solid #dadfe1; width: 32%; } .header-container .usps { padding-top: 78px; } .header-container .usps ul { display: inline-block; } .header-container .usps ul li { display: inline-block; float: left; margin: 9px 0 0 30px; text-transform: uppercase; font-weight: 600; font-size: 14px; } .header-panel-container .usps ul li:first-child, .header-container .usps ul li:first-child { margin-left: 0; } .header-panel-container .usps ul li:before, .header-container .usps ul li:before { content: ''; width: 20px; height: 11px; background: url(../images/sprite.svg?v=1703) -370px -130px; display: inline-block;} .header-panel-container .usps ul li:before { background-position: -370px -150px; } .product-view .product-name h1 { color: #2e1f54; font-size: 36px; } .product-view .product-ids { } .product-view .short-description { clear:both; display:none; } .product-view .short-description h2 { } #product-attribute-specs-table { margin: 0; } #product-attribute-specs-table tr th { padding-left: 0; } #product-attribute-specs-table tr td { padding-right: 0; } #product-attribute-specs-table tr.last th, #product-attribute-specs-table tr.last td { border-bottom: 0; } .product-view .grouped-products .grouped-product { border-bottom: 1px solid #dadfe1; padding: 18px 20px 27px; } .product-view .grouped-products .product-name { margin: 0 0 4px; } .product-view .grouped-products .price-box { margin: 0; padding: 0; border: 0; float: right; width: 49%; font-size: 24px; text-align: right; } .product-view .grouped-products .product-options { margin: 0; padding: 0; border: 0; float: left; width: 49%; } .product-view .grouped-products .grouped-option-title { display: none; } .product-view .grouped-products .product-options dl { margin: 0; } .product-view .grouped-products .product-options select { height: 32px; line-height: 32px; } .product-view .grouped-products .col2-set { margin: 0; } .product-view .grouped-products .col2-set > .wide { width: 75.93%; min-height: 0 !important; } .product-view .grouped-products .col2-set > .narrow { width: 16.67%; min-height: 0 !important; } .product-view .grouped-products .size_guide_container { margin: 10px -104% 0 0; } /*.product-view .grouped-products .size_guide_container .tip { position: static; display: inline; margin: 0 0 0 35px; width: auto; text-shadow: none; font-size: 14px; }*/ /*.product-view .grouped-products .size_guide_container .tip:before { content: ''; background: url(../images/sprite.svg?v=1703) -330px -110px; width: 27px; height: 11px; display: inline-block; margin: 0; }*/ /*.product-view .grouped-products .size_guide_container .tip:after { display: none; }*/ /*.product-view .grouped-products .size_guide_container .sizeguide-btn { font-weight: normal; }*/ /*.product-view .grouped-products .size_guide_container .sizeguide-btn:before { margin-left: 1px; }*/ .product-view.grouped .product-shop .add-to-box { text-align: right; } .product-view.grouped .product-shop .add-to-box .btn-cart { min-width: 43%; } /* Rating */ .rating-box { width:120px; height:20px; overflow:hidden; background: url(../images/sprite.svg?v=1703) -240px 0 no-repeat; display: inline-block; } .rating-box .rating { float:left; height:20px; line-height: 100px; overflow: hidden; background: url(../images/sprite.svg?v=1703) -240px -25px no-repeat; display: inline-block; } .ratings { } .ratings .rating-box { float:left; } .ratings .amount { } .ratings .rating-links { display: inline; } .ratings .rating-links a { } .ratings .rating-links a:hover { } .ratings .rating-links .separator { } .ratings dt {} .ratings dd {} /* Availability */ .availability { } .availability span { font-weight: bold; } .availability.in-stock span { color: green; } /*.availability.out-of-stock span { color: red; }*/ .availability-only { } .availability-only span, .availability-only a { } .availability-only a { cursor:pointer; } .availability-only .expanded { } .availability-only strong { } .availability-only-details { } .availability-only-details thead { } .availability-only-details th, .availability-only-details td { } .availability-only-details th { } .availability-only-details td { } .availability-only-details tr.odd td.last { } /********** < Product Prices */ .price { white-space:nowrap !important; } .price-box {} .price-box .price { } .price-box p { display: inline; } .price-box-bundle {} /* Regular price */ .regular-price {} .regular-price .price { } /* Old price */ .old-price { margin: 0 10px 0 0; color: #939ba5; } .old-price .price-label { white-space:nowrap; display: none; } .old-price .price { text-decoration: line-through; } /* Special price */ .special-price {} .special-price .price-label { white-space:nowrap; display: none; } .special-price .price { } /* Minimal price (as low as) */ .minimal-price {} .minimal-price .price-label { white-space:nowrap; font-size: 0.8em; } .minimal-price-link { display:block; font-size: 13px; text-decoration: none; } a.minimal-price-link:hover { } .minimal-price-link .label { } .minimal-price-link .price { } /* Excluding tax */ .price-excluding-tax { display:block; } .price-excluding-tax .label { white-space:nowrap; } .price-excluding-tax .price { } /* Including tax */ .price-including-tax { display:block; } .price-including-tax .label { white-space:nowrap; } .price-including-tax .price { } /* Configured price */ .configured-price {} .configured-price .price-label { white-space:nowrap; } .configured-price .price { } /* FPT */ .weee { display:block; } .weee .price { } /* 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; } /* 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 { } /* Price notice next to the options */ .price-notice { } .price-notice .price { } /********** Product Prices > */ /* Tier Prices */ .product-pricing { } .product-pricing li { } .product-pricing li .price { } .product-pricing li .benefit { } /* Add to Links */ .add-to-links { } .add-to-links li { } .add-to-links a { } .add-to-links a:hover {} .add-to-links .separator { display:none; } /* Add to Cart */ .add-to-cart {} .add-to-cart label { vertical-align:middle; display: none; } .add-to-cart .qty { vertical-align:middle; width:60px; display: none; } .add-to-cart-alt { white-space:nowrap; } .add-to-cart-alt .qty { } .add-to-cart-alt .qty, .add-to-cart-alt .button { vertical-align:middle; } /* Add to Links + Add to Cart */ .add-to-box {} .add-to-box .add-to-cart {} .add-to-box .add-to-links { } .add-to-box .add-to-links li { } /* Product Options */ .product-options { } .product-options dt {} .product-options dt label { } .product-options dt .required em { } .product-options dd .qty-holder { display:block; } .product-options dd .qty-holder label { vertical-align:middle; } .product-options dd .qty-disabled { } .product-options dd { } .product-options dl.last { margin-bottom: 0; } .product-options dl.last dd.last {} .product-options dd .input-box { display:block; } .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; 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; } .product-options .options-list input.radio { float:left; } .product-options .options-list input.checkbox { float:left; } .product-options .options-list .label { display:block; } .product-options .validation-error .options-list, .product-options ul.validation-failed { position:relative; z-index:2; top:-3px; left:-2px; } .options-container-small .product-options .validation-error .options-list, .options-container-small .product-options ul.validation-failed { position:relative; z-index:2; top:-1px; left:-2px; } .product-options li { } /*.product-options dd .size_guide_container { position: relative; z-index: 4; }*/ /*.product-options dd .size_guide_container .tip { position: absolute; right: 100%; bottom: 0; font: 16px/1.18 DJOE5CAS; color: #2e1f54; min-width: 130px; text-align: center; text-shadow: 0 -1px 0 #FFF, 0 -1px 0 #FFF, 1px -1px 0 #FFF, 1px 0 0 #FFF, 1px 1px 0 #FFF, 0 1px 0 #FFF, -1px 1px 0 #FFF, -1px 0 0 #FFF, -1px -1px 0 #FFF; margin: 0 25px 10px 0; }*/ /*.product-options dd .size_guide_container .tip:after { content: ''; background: url(../images/sprite.svg?v=1703) -300px -110px; width: 27px; height: 11px; display: inline-block; position: absolute; top: 100%; right: 0; margin: 0; }*/ .product-view .size_guide_container .tip {font-size:14px; font-family: Neutra2Text, 'Arial Narrow', Arial, Helvetica, sans-serif; display: inline; float: left; font-size: 16px; color: #2e1f54; margin-right: 1em; } /*.product-view .size_guide_container .tip:before { content: ''; background: url(../images/sprite.svg?v=1703) -330px -110px; width: 27px; height: 11px; display: inline-block; margin: 0; }*/ .product-view .size_guide_container .tip:after { display: none; } .product-view .size_guide_container .sizeguide-btn:before { margin-left: 0; } .popup-quickview-content .product-view .size_guide_container .tip { position: static; width: 190px; margin-left: 0px; text-align: right; float: right; } .product-view .grouped-options-wrapper .size_guide_container .tip { position: static; width: 250px; text-align: right; float: right; margin: 10px 0 0; } .sidebar .sizeguide-btn { float: right; } .sidebar .sizeguide-btn, .product-options .sizeguide-btn { font-size: .88em; font-weight: bold; display: inline-block; color: #2e1f54; text-decoration: underline; } .sidebar .sizeguide-btn { margin: 4px 0 0; font-size:12px; } .sidebar .sizeguide-btn:hover, .product-options .sizeguide-btn:hover { text-decoration: none; } .sidebar .sizeguide-btn:before, .product-options .sizeguide-btn:before { content: ''; display: inline-block; background: url(../images/sprite.svg?v=1703) -590px 0; width: 21px; height: 20px; margin: 0 5px; vertical-align: sub; } .product-options-bottom .product-pricing { clear:both; } .product-view .product-options-bottom { } .product-view .product-options-bottom .add-to-cart {} .product-view .product-options-bottom .add-to-cart .btn-cart { width: 100%; } .product-view .product-options-bottom .price-box {} .product-view .product-options-bottom p.required { display: none; } .product-view .product-options select { height: 50px; } /* Options in product info column */ .options-container-small { } .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 { } .options-container-small .product-options-bottom p.required { width:auto; float:left; clear:left; } .options-container-small dt { clear:left; float:left; width:10em; } .options-container-small dd { float:left; width:275px; } .options-container-small .product-options { } /* Options after product info column */ .options-container-big { clear:both; margin: 1.5em 0; position: relative; } .options-container-big .product-options { float: left; width: 49%; } .options-container-big .product-options dt { display: none; } .options-container-big .product-options-bottom { float: right; width: 49%; } .popup-block.popup-quickview-content .block-title, .popup-block.popup-quickview-content .block-content-wrapper { max-width: 530px; } .popup-block.popup-quickview-content .block-content { font-size: 15px; padding: 20px; } .popup-block .product-view .product-name h1 { font: 20px/1.5 Neutra2Text, Arial, Helvetica, sans-serif; } .popup-block .product-view .product-shop .price-box { font-size: 24px; } .popup-block .product-view .options-container-big { margin: 1em 0; } .popup-block .product-view .options-container-big .product-options, .popup-block .product-view .options-container-big .product-options-bottom { float: none; width: auto; } .popup-block .product-view .options-container-big .product-options { margin-bottom: 1em; } .popup-block .product-view a.more { color: #2e1f54; font-weight: bold; } .popup-block .product-view a.more:before { content: ''; height: 9px; width: 9px; background: url('../images/sprite.svg?v=1703') -340px -70px; margin: 0 10px 0 0; display: inline-block; } .popup-block .product-view .product-img-box .product-image { min-width: 0; float: none; text-align: left; } .popup-block .product-view .more-views { overflow: hidden; } .popup-block .product-view .more-views li { float: left; margin: 2% 0 0 2%; width: 18.4%; } .popup-block .product-view .more-views li:first-child, .popup-block .product-view .more-views li:nth-child(5n+1) { margin-left: 0; } .popup-block .product-view .more-views li a { display: block !important; border: 1px solid transparent; padding: 13px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .popup-block .product-view .more-views li a.active { border-color: #d9d9d9; } .popup-block .product-view .more-views li a img { display: block; margin: 0 auto; } /* Bundle product - alternative view */ #customizeTitle { } .bundleProduct {} .product-options .bundle-summary { } .bundleProduct .product-options { } .bundleProduct .product-options-bottom { } .bundleProduct .product-options-bottom .add-to-cart { float:right; } .bundleProduct .product-options-bottom .price-box { float:right; } .bundleProduct .product-options-bottom p.required { width:auto; clear:both; } .with-bundle { position:relative; z-index:1; } /**/ /*#bundle-product-wrapper { float:left; width:938px; overflow:hidden; position:relative; z-index:1; }*/ /*#bundleProduct { width:1877px; z-index:1; position:relative; }*/ /*#productView { position:static; }*/ /*#options-container { min-height:510px; width:938px; position:relative; z-index:2; float:right; left:-1px; }*/ /*#options-container h1 { }*/ /*#bundleProduct .add-to-links { float:none; }*/ /* Bundle Product 3 column design */ #options-container .product-options { z-index:1; width:600px; clear:both; position:relative; z-index:1; } #options-container .product-options-bottom { width:600px; } #options-container .product-options-bottom .add-to-cart { float:right; } #options-container .product-options-bottom .price-box { float:right; } #options-container .product-options-bottom p.required { width:auto; clear:both; } .bundle-summary { position:absolute; z-index:2; left:643px; width:256px; } .bundle-summary .product { } .bundle-summary .product .block-title { position:relative; } .bundle-summary .product .block-title h2 { } .bundle-summary .product-image { float:left; } .bundle-summary .product-details {} .bundle-summary .product-details p.availability { position:relative; } .bundle-summary .price-box { } .bundle-summary .price-box .price-as-configured .price { } .bundle-summary .price-box .price-as-configured .price-label { } .bundle-summary .product-name { } .bundle-summary .product .add-to-links { } .bundle-summary .product .add-to-links .clickable > strong, .bundle-summary .product .add-to-links a { } .bundle-summary .product .add-to-links li { display:inline-block; } .bundle-summary .product .add-to-links li:first-child { } .bundle-summary .summary { } .bundle-summary .summary h4 { } .bundle-summary .summary ul { } .bundle-summary .summary li { } .bundle-summary .summary .last { } .bundle-summary button.btn-cart span, .bundle-summary button.btn-cart span span { height:23px !important; } .bundle-summary button.btn-cart span span { } .bundle-summary .add-to-cart .qty { } .bundle-summary .add-to-cart button { } .bundle-summary .add-to-cart .paypal-logo { } .bundle-summary .add-to-cart .paypal-or { } #bundleProduct .page-title a { position:relative; top:4px; } #bundleProduct .page-title a:hover { } #bundleProduct .page-title a small { } #bundleProduct .product-options { width:642px; } #bundleProduct .product-options dt, #bundleProduct .product-options dd { } #bundleProduct .product-options dd { } #bundleProduct .product-options dt { } #bundleProduct .product-options dl.last .last { } #bundleProduct .product-options p.required { position:absolute; right:10px; top:10px; } #bundleProduct .product-options-bottom { width:612px; } #bundleProduct .product-options-bottom a { } #bundleProduct .product-options-bottom a:hover { } #bundleProduct .product-options-bottom a small { } #bundleProduct .product-options-bottom .price-as-configured { } #bundleProduct .product-options-bottom .price-as-configured .price { vertical-align:baseline; } #bundleProduct .product-options-bottom .price-as-configured .price-label { } /* Grouped Product */ .groped-product-type { position:relative; z-index:2; } .grouped-items td { vertical-align:middle; } /* Gift Card product */ .giftcard-form {} .giftcard-amount-form {} .giftcard-amount-form select { width: auto; height: 37px; } .giftcard-amount-form .input-box { display: inline; } .giftcard-amount-form #giftcard_amount_box { display: inline; } .giftcard-amount-form #giftcard_amount_input { width: 50px; } .giftcard-send-form {} /* Block: Related */ .product-view .box-related { } .product-view .box-related-grouped .item { margin: 0 0 0 5.93%; position: relative; } .product-view .box-related-grouped .products-grid { padding-top: 20px; margin: 3.5em 0 0; } .product-view .box-related-grouped .related-grouped { width: 23.73%; margin: -20px 0 0; } .product-view .box-related-grouped .related-grouped a.shop-this-look { font: 24px/1 DJOE5CAS; color: #2e1f54; text-decoration: none; position: relative; display: inline-block; } .product-view .box-related-grouped .related-grouped a.shop-this-look:before { content: ''; display: inline-block; width: 11px; height: 23px; background: url(../images/sprite.svg?v=1703) -450px -30px; position: absolute; left: -13px; top: -14px; } .product-view .box-related-grouped .related-grouped a.shop-this-look:after { content: ''; display: inline-block; width: 135px; height: 13px; background: url(../images/sprite.svg?v=1703) 0 -105px; position: absolute; top: 100%; left: 50%; margin: -4px 0 0 -67px } .product-view .box-related-grouped .related-grouped .product-image { max-width: none; } .product-view .box-related-grouped .related-grouped-item { width: 19.49% } .product-view .box-related-grouped .related-grouped-item:after { content: ""; background: url(../images/sprite.svg?v=1703) -410px -20px; width: 34px; height: 34px; display: inline-block; overflow: hidden; position: absolute; right: 100%; top: 50%; margin: -17px 18px 0 0; } .product-view .box-related-grouped .related-grouped-item:before { content: ""; background: url(../images/sprite.svg?v=1703) -370px -60px; width: 25px; height: 9px; display: inline-block; overflow: hidden; position: absolute; right: 100%; top: 50%; margin: -40px 22px 0 0; } .product-view .box-related-grouped .related-grouped-item.odd:before { content: ""; background: url(../images/sprite.svg?v=1703) -400px -60px; width: 25px; height: 9px; display: inline-block; overflow: hidden; position: absolute; right: 100%; top: 50%; margin: 31px 22px 0 0; } .product-view .box-related-grouped .related-grouped + .related-grouped-item:after { content: ""; background: url(../images/sprite.svg?v=1703) -370px -20px; width: 34px; height: 34px; display: inline-block; overflow: hidden; position: absolute; left: auto; right: 100%; top: 50%; margin: -17px 18px 0 0; } .product-view .box-related-grouped .related-grouped + .related-grouped-item:before { content: ""; background: url(../images/sprite.svg?v=1703) -370px -60px; width: 25px; height: 9px; display: inline-block; overflow: hidden; position: absolute; left: auto; right: 100%; top: 50%; margin: -40px 22px 0 0; } .product-view .box-related-grouped-clean li.item a.product-image { display: block; max-width: none; margin: 0; padding: 0 20px 0; /*background: -webkit-linear-gradient(#ffffff 60%, #faf9fc); *//* For Safari 5.1 to 6.0 */ /*background: -o-linear-gradient(#ffffff 60%, #faf9fc); *//* For Opera 11.1 to 12.0 */ /*background: -moz-linear-gradient(#ffffff 60%, #faf9fc); *//* For Firefox 3.6 to 15 */ /*background: linear-gradient(#ffffff 60%, #faf9fc); *//* Standard syntax */ } .product-view .box-related-grouped-clean li.item a.product-image img { mix-blend-mode: multiply; } .block-related-posts.center-container-wrapper { padding: 0; background: transparent; margin-bottom: 0; } .block-related-posts .center-container { padding: 30px 0; background: #eaeef1; } .block-related-posts .center-container > * { padding: 0 30px; } .block-related-posts, .block-related-posts a { color: #5b4e77; } .block.block-related-posts .block-title { margin: 0 0 30px 0; } .block-related-posts .col2-set > .post-image { width: 23.72% } .block-related-posts .col2-set > .post-content { width: 74.57% } .block-related-posts .item h3 { font: 17px/1.5 Neutra2Text, Arial, Helvetica, sans-serif; text-transform: uppercase; } .block-related-posts .item .post-content > *:last-child { margin-bottom: 0; } .block-related-posts .item > div { margin-bottom: 1.5em; } .block-related-posts .item:last-child .col2-set { margin-bottom: 0; } /* Block: Upsell */ .product-view .box-up-sell .products-grid { } .product-view .box-up-sell .products-grid li {} /* Block: Tags */ .product-view .box-tags {} .product-view .box-tags h3 { } .product-view .box-tags .form-add-tags { } .product-view .box-tags .form-add-tags label { height:4em; float:left; } .product-view .box-tags .form-add-tags .input-box { display:inline-block; } .product-view .box-tags .form-add-tags div.validation-passed, .product-view .box-tags .form-add-tags div.validation-error { } .product-view .box-tags .form-add-tags input.input-text { width:300px; } .product-view .box-tags .form-add-tags button.button { vertical-align:top; } .product-view .box-tags .form-add-tags p { } .product-view .box-tags .tags-list { } .product-view .box-tags .tags-list li { display:inline; } .product-view .box-tags .tags-list li a { } .product-view .box-tags .tags-list li a:hover { } .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 { }/* 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 { }/* FireFox 3 restore */ /* Block: Reviews */ #my_recent_reviews h3 { font: 1em/1.5 Neutra2Text, Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0 0 1em; } #my_recent_reviews h3.product-name { margin: 0; } #my-reviews-table h2.product-name { font: 1em/1.5 Neutra2Text, Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0; text-transform: none; } #my-reviews-table td.last a { white-space: nowrap; } #my-reviews-table td:first-child { white-space: nowrap; } #customer-reviews .toolbar .review_form { float: right; position: relative; z-index: 2; } #customer-reviews .toolbar .review_form:before { content: ""; display: inline-block; vertical-align: baseline; background: url(../images/sprite.svg?v=1703) no-repeat -350px -90px; width: 16px; height: 16px; margin-right: 5px; } #customer-reviews .toolbar .ratings { margin: 0 auto; text-align: center; position: absolute; width: 100%; left: 0; right: 0; top: 0; } #customer-reviews .toolbar .ratings .rating-box { float: none; display: inline-block; } #customer-reviews .toolbar .pager { float: left; position: static; width: auto; } #customer-reviews .toolbar .pager .pages { display: none; } #customer-reviews .toolbar .pager .amount { float: none; } #customer-reviews .toolbar-bottom .pager { display: inline; float: none; } #customer-reviews .toolbar-bottom .pager .amount { margin: 0; float: left; display: block; } #customer-reviews .toolbar-bottom .pager .pages { display: block; text-align: center; margin: 0; position: absolute; width: 100%; left: 0; right: 0; top: 0; } #review-form { display: block; } #review-form .rating-box { position: relative; } #review-form .rating-box input { display: none; } #review-form .rating-box a { display: block; height: 100%; width: 20%; position: absolute; top: 0; left: 0; overflow: hidden; line-height: 100px; } #review-form .rating-box a.star1 { z-index: 50; width: 20%; } #review-form .rating-box a.star2 { z-index: 40; width: 40%; } #review-form .rating-box a.star3 { z-index: 30; width: 60%; } #review-form .rating-box a.star4 { z-index: 20; width: 80%; } #review-form .rating-box a.star5 { z-index: 10; width: 100%; } #review-form .rating-box a.active, #review-form .rating-box a:hover, #review-form .rating-box:hover a.active:hover { background: url("../images/sprite.svg?v=1703") -240px -25px; } #review-form .rating-box:hover a.active { background: none; } #review-form .rating-row { text-align: center; } #review-form .review-ratings-container { text-align: center; margin: 0 0 1.5em; } #review-form .review-ratings-container > .col2-set, #review-form .review-ratings-container > .col3-set, #review-form .review-ratings-container > .col4-set { margin: 0; } .review-summary-table { width: auto; margin: 0 0 1.5em; clear: both; } .review-summary-table th, .review-summary-table td { padding: 10px; } .review-summary-table tr.last td { } .review-summary-table th.label, .review-summary-table td.label { width:1px; white-space:nowrap; } .review-summary-table td.value { text-align: center; } .review-summary-table td.value input { margin: 0; } .review-summary-table thead th { border-top: 0; text-align: center; } .review-summary-table thead th label { text-transform: none; float: none; } .review-summary-table thead th .star { display: inline-block; overflow: hidden; line-height: 100px; width: 20px; height: 20px; background: url(../images/sprite.svg?v=1703) -240px -25px; } .product-view .box-reviews .review-nologged { text-align: center; } .product-view .box-reviews .box-title { margin-bottom: 1.7em; } .product-view .box-reviews .review-nologged { text-align: center; } .product-view .box-reviews .toolbar { border: 0; padding: 0; margin: 0 0 2.75em; } .product-view .box-reviews table.box-content > tbody > tr.odd { background: #E2E6E8; } .product-view .box-reviews table.box-content > tbody > tr > td { padding: 30px 40px; } .product-view .box-reviews table.box-content h3 { font: 1em/1.5 Neutra2Text, Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0 0 1em; } .product-view .box-reviews table.box-content p { margin: 0 0 1em; } .product-view .box-reviews table.box-content .ball { background: #E2E6E8; color: #939ba5; border-radius: 999px; width: 90px; height: 90px; text-align: center; font-size: 20px; line-height: 78px; font-family: ChronicleDisplay; } .product-view .box-reviews table.box-content tr.odd .ball { background: #FFF; } .product-view .box-reviews table.box-content .ball big { font-size: 2.5em; vertical-align: bottom; } .product-view .box-reviews table.box-content .ball small { font-size: 1em; vertical-align: super; } /* Add Review Form */ .product-view .box-reviews .product-name { } .product-view .box-reviews .product-name span { } .product-view .box-reviews .form-list { } .product-view .box-reviews .form-list .input-box {} .product-view .box-reviews .form-list .review-summary-table thead { } .product-view .box-reviews .form-list .review-summary-table thead th { } .product-view .box-reviews .form-list .review-summary-table .value { text-align: center; } .product-view .box-reviews .form-list .review-summary-table .rating-box { margin: 0 auto; } /* ======================================================================================= */ /* Product Review ======================================================================== */ .review-product-list .col-main { } .product-review {} .product-review .product-img-box { float:left; width:285px; } .product-review .product-img-box .product-image { display:block; } .product-review .details { float:right; width:400px; } .product-review .details .product-name { } .product-review .details p.date { } .product-review .details p { } .product-review .details .review-summary-table { } .product-review .buttons-set { clear:both; } .review-product-view .col-main { } .review-product-view .col-main .page-title { } .review-product-view .product-review .product-img-box { } .review-product-view .product-review .details { width:570px; } .review-product-view .product-review .buttons-set { } /* ======================================================================================= */ /* CMS ============================================================================= */ .cms-menu { color: #36284f; list-style-position:inside; margin: 0 0 1.5em; } .col-main .cms-menu { } .cms-menu li { color: #2e1f54; margin: 0 0 10px 0; } .cms-menu li a { color: #2e1f54; text-decoration: none; } .cms-menu li a:hover { text-decoration: underline; } .cms-menu li.parent > a, .cms-menu li.parent > strong { font-weight: bold; } .cms-menu li strong { font-weight:bold; } .cms-menu li ul, .cms-menu li ol { margin: 12px 0 0; padding: 15px 0 0; list-style-position:inside; border-top: 1px solid #dadfe1; } .cms-menu li ul ul, .cms-menu li ol ul, .cms-menu li ol ol { margin: 10px 0 0 1.75em; padding: 0; list-style-type: none; border: 0; } .cms-menu .parent > a:before { content: ""; display: inline-block; vertical-align: middle; background: url(../images/sprite.svg?v=1703) no-repeat -220px -90px; width: 6px; height: 12px; margin-right: 12px; margin-top: -2px; } /* CMS Menu Types */ ol.cms-menu.type-1 { list-style-type:decimal; } ol.cms-menu.type-1 ol { list-style-type:decimal; } ol.cms-menu.type-a { list-style-type:lower-alpha; } ol.cms-menu.type-a ol { list-style-type:lower-alpha; } ol.cms-menu.type-A { list-style-type:upper-alpha; } ol.cms-menu.type-A ol { list-style-type:upper-alpha; } ol.cms-menu.type-i { list-style-type:lower-roman; } ol.cms-menu.type-i ol { list-style-type:lower-roman; } ol.cms-menu.type-I { list-style-type:upper-roman; } ol.cms-menu.type-I ol { list-style-type:upper-roman; } ul.cms-menu.type-circle { list-style-type:circle; } ul.cms-menu.type-circle ul { list-style-type:circle; } ul.cms-menu.type-disc { list-style-type:disc; } ul.cms-menu.type-disc ul { list-style-type:disc; } ul.cms-menu.type-square { list-style-type:square; } ul.cms-menu.type-square ul { list-style-type:square; } /* iframe video */ .videoWrapper.fit { position: relative; padding-bottom: 40%; height: 0; } .videoWrapper.embrace { position: relative; padding-bottom: 50%; height: 0; } .videoWrapper.curves { position: relative; padding-bottom: 67%; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { } .product-name a { text-decoration: none; } .product-name a:hover { text-decoration: none; } /* Product Tags */ .tags-list { } .tags-list li { display:inline; } .tags-list li a { } .tags-list li a:hover { } /* Advanced Search */ .search-summary { } .search-summary li { } /* Sitemap */ .page-sitemap .links { display:block; } .page-sitemap .links a { position:relative; } .page-sitemap .sitemap { } .page-sitemap .sitemap li { } /* ======================================================================================= */ /* Shopping Cart ========================================================================= */ .cart-empty { } .cart-empty .page-title h1 { text-align: left; } .cart { } .cart .title-buttons { line-height: 50px; } .cart .title-buttons h1 { line-height: 50px; font-size: 2.7em; } .cart .continue-shopping { font-size: 15px; color: #36284f; font-weight: bold; } .cart .messages, .cart .messages li { } .cart .checkout-types { float:right; margin-left: 10px; } .cart .checkout-types .paypal-or { } .cart .checkout-types fieldset { display:inline; } .cart .title-buttons .checkout-types li { display: inline; margin: 0 0 0 30px; } .cart .block-static-block .block-content { padding: 0 20px; } .checkout-cart-top-menu { text-align: right; margin: 0; color: #FFF; } .checkout-cart-top-menu a { color: #FFF; } .checkout-cart-top-menu p.questions { margin-bottom: 0; padding-top: 25px; float: right; } .checkout-cart-top-menu p.questions strong:before { content: ''; display: inline-block; width: 15px; height: 17px; vertical-align: text-bottom; background: url(../images/sprite.svg?v=1703) -440px -130px no-repeat; margin: 0 6px 0 0; } .checkout-cart-top-menu p.questions a.cart-link { display: none; } .checkout-cart-top-menu p.questions a.cart-link:hover { text-decoration: underline; } .checkout-cart-top-menu p.questions a.cart-link:before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: text-bottom; background: url(../images/sprite.svg?v=1703) -90px -30px no-repeat; margin: 0 6px 0 0; } .checkout-cart-top-menu .usps { float: left; margin-left: 30px; padding-top: 25px; } /* Shopping Cart Table */ .cart-form { display: block; position: relative; margin-top: 15px; } .cart-form:after { visibility: hidden; opacity: .0; filter: alpha(opacity=0); content: ''; position: absolute; left: 0; top: 0; background: #FFF url(../images/opc-ajax-loader.gif) no-repeat center center; width: 100%; height: 100%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .cart-form.loading:after { opacity: .95; filter: alpha(opacity=95); visibility: visible; } .cart-table { margin-bottom: 0; } .cart-table tbody td, .cart-table tbody th { vertical-align: middle; } .cart-table thead th { vertical-align:bottom; } .cart-table tbody td { padding-top: 20px; padding-bottom: 20px; } .cart-table tbody tr.last td { border-bottom: 0; } .cart-table strong { font-weight: normal; } .cart-table .btn-continue { float:left; } .cart-table .btn-continue span { } .cart-table .btn-update { float:right; } .cart-table .btn-empty { float:right; } .cart-table .product-name { font: 19px/1 Neutra2Text, Arial, Helvetica, sans-serif; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { border-top: 1px solid #dadfe1; padding: 30px 0 0; margin: 30px 0 0; } .cart .cross-inside { } .cart .cart-collaterals h2 { } .cart .cart-collaterals .col2-set { float:left; width:605px; } .cart .deals { float:left; } .cart .deals p, .cart .deals label { display:block; } .cart .deals .input-text { width:140px; float:left; } .cart .deals .widget-sku { display:block; width:264px; } .cart .deals .widget-sku .block-title { } .cart .deals .widget-sku .block-title strong { } .cart .deals .widget-sku .block-content { } .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 { height:auto !important; } .cart .giftcard button.check-gc-status span span { } .cart .giftcard, .cart .discount { background: #E2E6E8; margin: 1px 0; padding: 20px; } .cart .discount { margin-bottom: 30px; } .cart .discount input.input-text, .cart .giftcard input.input-text { width: 210px; } .cart .giftcard h2, .cart .discount h2 { font-size: 15px; font-family: Neutra2Text, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.34em; color: #36284f; } .cart .giftcard h2 a, .cart .discount h2 a { text-decoration: underline; display: block; margin: -20px; padding: 20px; position: relative; color: #36284f; } .cart .giftcard h2 a:hover, .cart .discount h2 a:hover { text-decoration: none; } .cart .giftcard h2 a:before, .cart .discount h2 a:before { content: ""; background: url(../images/sprite.svg?v=1703) -320px -50px; width: 18px; height: 17px; display: inline-block; vertical-align: text-bottom; overflow: hidden; margin: 0 10px 0 0; } .cart .discount h2 a:before { background-position: -320px -70px; } .cart .giftcard h2 a:after, .cart .discount h2 a:after { content: ""; background: url(../images/sprite.svg?v=1703) -200px -100px; width: 12px; height: 6px; display: inline-block; overflow: hidden; position: absolute; right: 20px; top: 50%; margin: -3px 0 0; } .cart .giftcard h2 a.active:after, .cart .discount h2 a.active:after { background-position: -200px -90px; } .cart .giftcard form, .cart .discount form {display: none; margin-top: 12px; } .cart .giftcard form.active, .cart .discount form.active { display: block; } .cart .giftcard p.error-msg { margin: .5em 0 0; } .cart .giftcard label, .cart .discount label { display: none; } .cart .cancel-btn { clear:left; } .cart .discount form .button, .cart .giftcard form .button { margin-right: 10px; } .cart .shipping { float:left; display:inline; width:280px; } .cart .shipping select { width:256px; } .cart .shipping .input-text { width:250px; } .cart .shipping p { } .cart .shipping .buttons-set { width:256px; } .cart .shipping .form-list label { float:none; width:auto; } .cart .shipping .form-list .input-text, .cart .shipping .form-list select { display:block; float:none; } .cart .crosssell { float: left; width: 49%; } .cart .crosssell h2 { font-size: 1em; font-family: Neutra2Text, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 1em; } .cart .crosssell .item { float: left; text-align: center; width: 32%; margin-left: 2%; } .cart .crosssell .item:first-child { margin-left: 0; } .cart .crosssell .product-name { margin: 1em 0; } .cart .crosssell .product-shop { } .cart .crosssell .product-name, .cart .crosssell .price-box, .cart .crosssell p, .cart .crosssell .add-to-links { } .cart .crosssell .add-to-links li { } /* Shopping Cart Totals */ .cart .totals { float:right; width: 49%; margin-top: 34px; } .cart .totals table { width:100%; font-size: 18px; } .cart .totals table th, .cart .totals table td { padding: 3px 0; } .cart .totals table tr > *:first-child {} .cart .totals table td .cart .totals table tfoot strong { display:block; } .cart .totals table tfoot .summary-total td { } .cart .totals table tfoot th strong { } .cart .totals table tfoot td .price { } .cart .totals table tfoot tr:last-child { font-size: 24px; } .cart .totals .btn-remove { vertical-align:middle; } .cart .totals .btn-remove img { vertical-align:baseline; } .cart .totals .checkout-types li { } .cart .totals .checkout-types .paypal-or { clear:both; display:block; } .cart .checkout-defaults-container .checkout-defaults-infoicon { cursor: pointer; width: 24px; height: 24px; display: inline-block; background: url(../images/sprite.svg?v=1703) -550px -45px no-repeat; margin-left: 6px; vertical-align: middle; } .cart .checkout-defaults-infotext { max-height: 0; overflow: hidden; } .cart .checkout-defaults-infotext.show { max-height: 100px; } .cart .checkout-defaults-infotext .info { padding: 10px 0; } .failed-products { } .failed-products .sub-title { } .failed-products .item-msg.error { } /* Empty Cart Add by SKU */ .cart-empty .failed-products { clear:both; z-index:1; position:relative; } /* Options Tool Tip */ dl.item-options:after { content: ''; display: table; clear: both; } dl.item-options p { } dl.item-options dt { float: left; clear: left; } dl.item-options dd { float: left; padding-left: 10px; } div.item-options .title { display: inline; } div.item-options .value { display: inline; } .truncated { cursor:help; position:relative; z-index:1; width:110px; } .truncated:hover { z-index:2; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value {} .truncated .truncated_full_value .item-options { position:absolute; top:-99999em; left:-99999em; z-index:999; width:190px; background: #FFF; border: 1px solid #000; padding: 15px; } .truncated .truncated_full_value .item-options dl { position:relative; z-index:9999; } .truncated .truncated_full_value .item-options dt { font-weight: bold; } .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 { } .data-table tbody td .item-options dt:after { content: ':';} .data-table .item-options dd { } .data-table .item-options dd .price { } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .checkout-onepage-index .step-container { background-color: #f8f9fb; padding: 40px; width: 80%; margin: 0 auto; } .login-form-wrapper { margin-bottom: 20px; } .opc #opc_postnl_ce .field-postcode, .field-postcode { width: 30%; margin-right: 2%; } .opc #opc_postnl_ce .field-housenumber, .field-housenumber { width: 17%; margin-right: 0; } .field-housenumber label:before, .field-postcode label:before { content: "\A"; white-space: pre; } .sp-methods { width: 70%; margin: 0 auto; } .sp-methods dt { padding: 10px 20px; margin: 10px 0 0; border-bottom: 0; padding-bottom: 0; } .sp-methods dt small { display: block; margin-left: 21px; } .sp-methods dt label { display: block; cursor: pointer; } .sp-methods dt label img { float: right; } .sp-methods dd { border-bottom: 1px solid #eaeef1; padding: 10px 21px; max-width: none; margin: 0; border-top: 0; padding-top: 1px; } .sp-methods dd:last-child { border-bottom: 0; } #opc-payment .sp-methods dd { padding: 10px 42px; } .sp-methods dd li { } .sp-methods .price { } .sp-methods .form-list { } .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; } .sp-methods select.year { width:96px; } .sp-methods input.cvv { width:3em !important; } .sp-methods .input-box { } .sp-methods .radio, .sp-methods .checkbox {} .sp-methods .adv-container { } .sp-methods .centinel-logos a { } .sp-methods .centinel-logos img { vertical-align:middle; } .sp-methods .release-amounts { } .sp-methods .release-amounts button { float:left; } .checkmo-list li { } .checkmo-list label { } .checkmo-list address { float:left; } .please-wait { white-space:nowrap; text-transform: uppercase; } .please-wait img { margin-right: 6px; } .cvv-what-is-this { cursor:help; } /* Payment Bridge */ .pbridge-reload { display:block; } .pbridge-reload a { } /* Tooltip */ .tool-tip { position:absolute; z-index:9999; } .tool-tip .btn-close { } .tool-tip .tool-tip-content { } /* Gift Messages */ .add-gift-message { } .add-gift-message h3 { } .add-gift-message p { } .gift-message-form { } .gift-message-form .fieldset { } .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 { height:300px; overflow:auto; } .gift-message-form .inner-box h5, .gift-message-form .inner-box h4 { } .gift-message-form .inner-box p { } .gift-message-form .gift-item { } .gift-message-form .gift-item .number { } .gift-message-form .gift-item .product-img-box { float:left; width:150px; } .gift-message-form .gift-item .product-image { } .gift-message-form .gift-item .product-name { } .gift-message-form .gift-item .fieldset { float:left; } .gift-message-form .gift-item .fieldset label { width:80px; } .gift-message-form .gift-item .gift-wrapping-form { } .gift-options-for-order { } .gift-options-for-order .fieldset { } .gift-options-for-order .fieldset p { } .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 { } .gift-wrapping-form img { float:left; } .gift-wrapping-form label { vertical-align:middle; } .gift-wrapping-form .gift-wrapping-design { overflow:hidden; width:100%; } .gift-message-link { display:block; } .gift-message-link.expanded { } .gift-message-row {} .gift-message-row .btn-close { float:right; width:13px; height:12px; overflow:hidden; } .gift-message dt strong { } /* Checkout Agreements */ .checkout-agreements { margin: 0 0 1em; list-style: none; } .checkout-agreements li { background: #E2E6E8; text-align: right; padding: 10px 20px; margin: .5em 0; } .checkout-agreements .agreement-content { height:10em; overflow:auto; } .checkout-agreements .agree { margin: 0; } .checkout-agreements .agree .checkbox { } /* Centinel */ .centinel { } .centinel p { } .centinel .authentication { } .centinel .authentication iframe { width:99%; height:400px; } .opc .centinel { } /* Checkout Success */ .checkout-onepage-success .col2-right-layout .col-main { width: 68.64%; } .checkout-onepage-success .col2-right-layout .col-right { width: 25%; margin: 0 0 0 70px; } .checkout-onepage-success .page-title { margin: 10px 0 50px; } .checkout-onepage-success .col-main .std { background: #E2E6E8; padding: 20px; margin: 0 0 1.9em; } .checkout-onepage-success .col-main .std > *:last-child { margin-bottom: 0; } .checkout-onepage-success .col-main .sub-title { font-size: 19px; } .checkout-onepage-success .col-main .std li { list-style-type: none; padding: 7px 0; } .checkout-onepage-success .col-main .std li:before { content: ""; background: url(../images/sprite.svg?v=1703) no-repeat -180px -90px; width: 7px; height: 14px; display: inline-block; float: left; margin: 4px 0 0 -22px; } .checkout-onepage-success .std ol li > a, .checkout-onepage-success .std ul li > a { text-decoration: underline; } /********** Common Checkout Styles > */ /* ======================================================================================= */ .checkout-onepage-index .page-title + p { text-align: right; margin: 0; } .checkout-onepage-index .page-title + p img { position: relative; margin-bottom: -35px; } /*.checkout-onepage-index .messages { margin: 85px auto -50px !important; }*/ .checkout-onepage-index .checkout_logos { text-align: right; } .checkout-onepage-index .checkout_logos p { margin-bottom: 0; } /*.checkout-onepage-index label.required em { float: none; }*/ .checkout-onepage-index #checkout-payment-method-load label { padding: 0; } .checkout-onepage-index .input-box-help .item { position: relative; background: #2E1F54; color: #fff; line-height: 1.35; font-size: 16px; padding: 7px 10px; border-radius: 3px; } .input-box-help .item:before { content: ''; display: block; position: absolute; } @media only screen and (min-width: 1000px) { .opc .input-box-help { position: relative; width: 47%; } } @media only screen and (min-width: 1000px) { .opc .input-box-help .item { position: absolute; left: 100%; top: 0; width: 80%; margin-left: 5px; } } .input-box-help .item:before { top: 5px; border-top: 10px solid #2E1F54; border-left: 10px solid transparent; border-right: 10px solid transparent; } @media only screen and (min-width: 1000px) { .input-box-help .item:before { right: 100%; top: 5px; border-right: 10px solid #2E1F54; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } } #login-unknown-intro { background-color: #E2E6E8; color: #2E1F54; } @media only screen and (min-width: 1000px) { #login-unknown-intro:before { border-right-color: #E2E6E8; } } /* Invitation page ======================================================================= */ #invitationForm p.required { } /* Compare popup ========================================================================= */ .catalog-product-compare-index tr.last a, .catalog-product-compare-index tr.first a { } .catalog-product-compare-index tr.last p, .catalog-product-compare-index tr.first p { } .catalog-product-compare-index tr.first .product-name a { } /* Account Login/Create Pages ============================================================ */ .my-account {} .my-account .page-title { margin-bottom: 10px; } .account-login { position:relative; min-height:350px; } .login-only { } .login-only .registered-users { float:none; } .account-login h2.legend { font-size: 22px; } .account-login .new-users, .account-login .registered-users { margin: 0; width: 50%; } .account-login .col-1 .col-content { border-right: 1px solid #dadfe1; padding-right: 30px; } .account-login .col-2 .col-content { border-left: 1px solid #dadfe1; padding-left: 30px; margin-left: -1px; } .account-login .new-users .buttons-set button.button { float: none; margin-left: 0; } .account-login .spacer { position:absolute; top:100%; left:447px; width:16px; height:3px; overflow:hidden; } .account-login .fieldset { } .account-login .fieldset h2 { } .account-login p.required, li#remember-me-box.control { white-space:nowrap; } li#remember-me-box.control label { white-space:normal; } li#remember-me-box.control .link-tip { vertical-align: middle; display: inline-block; } .account-create {} /* Popup Dialog Block */ .window-overlay { position:fixed; top:0; left:0; right:0; bottom:0; opacity:0; filter: alpha(opacity=0); background: #000; width:100%; height: 100%; z-index:990; display:block; visibility: hidden; -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#b3000000", endColorstr="#b3000000"); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr="#b3000000", endColorstr="#b3000000"); zoom: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .window-overlay.popup-sizeguide-content { z-index: 1001;} .popup-block.popup-sizeguide-content { display: none; } .popup-block.popup-sizeguide-content.active { z-index: 1100; display: block; } .window-overlay.active { opacity:.70; filter: alpha(opacity=70); visibility: visible; } .popup-block { display:block; position: fixed; top: -40px; bottom: 0; left: 0; right: 0; padding: 80px 60px 40px 20px; z-index:1000; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .popup-block.active { opacity:1; filter: alpha(opacity=100); visibility: visible; top: 0; } .popup-block > .block-title, .popup-block > .block-content-wrapper { max-width: 600px; } .popup-block > .block-title { background: #FFF; margin: -40px auto 0; line-height: 40px; position: relative; } .popup-block > .block-title .btn-close { display:block; position:absolute; top:0; left:100%; background: #edf4f7; height:40px; width:44px; line-height: 44px; text-align: center; cursor:pointer; overflow: hidden; line-height: 200px; } .popup-block > .block-title .btn-close:after { content: ""; display: inline-block; width: 11px; height: 11px; overflow: hidden; background: url(../images/sprite.svg?v=1703) -355px -50px; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -5px; } .popup-block > .block-title strong { display: block; height: 40px; overflow: hidden; line-height: 40px; font-weight: bold; text-transform: uppercase; padding: 0 20px; border-bottom: 1px solid #f5f5f5; } .popup-block > .block-title strong:empty { display: none; } .popup-block > .block-content-wrapper { background: #FFF; margin: 0 auto; max-height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .popup-block > .block-content-wrapper > .block-content { padding: 20px; position: relative; } .popup-block > .block-content-wrapper > .block-content > .col-main { float: none; width: auto; } .popup-block.loading > .block-content-wrapper > .block-content { min-height: 100px; } .popup-block.loading > .block-content-wrapper > .block-content:before { content:''; display:block; position:absolute; z-index:99; top:50%; left:50%; background: url(../images/opc-ajax-loader.gif) no-repeat; width: 32px; height: 32px; margin: -16px 0 0 -16px; } .popup-block.popup-sizeguide-content .block-title, .popup-block.popup-sizeguide-content .block-content-wrapper { max-width: 1100px; } /* My Account ============================================================================= */ /* Captcha */ .captcha-note { clear:left; } .captcha-image { float:left; position:relative; width:228px; } .captcha-image .captcha-img { vertical-align:bottom; width:100%; } .registered-users .captcha-image { } #checkout-step-login .captcha-image { 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 { } @-webkit-keyframes rotate { 0% { -webkit-transform:rotate(0); } 0% { -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform:rotate(0); } 0% { -moz-transform:rotate(-360deg); } } @keyframes rotate { 0% { transform:rotate(0); } 0% { transform:rotate(-360deg); } } /********** < Dashboard */ .dashboard {} .dashboard .page-title { padding: 0; margin: 0 0 1.5em; } .dashboard .sub-title { margin-top: 1.5em; } .dashboard .sub-title a { text-decoration: underline; } .dashboard .sub-title a:hover { text-decoration: none; } .dashboard .col2-set .col-1, .dashboard .col2-set .col-2 { background: #E2E6E8; } .dashboard .col2-set .box-title, .dashboard .col2-set .box-content { padding: 10px 20px; margin: 0; } /* Block: Tags */ .dashboard .tags { } .dashboard .tags p { display:inline; } .dashboard .tags .product-name { } .dashboard .tags li { } .dashboard .tags .number { float:left; width:15px; } .dashboard .tags .details { } /* Block: Reviews */ .dashboard .reviews { } .dashboard .reviews .product-name { } .dashboard .reviews p { float:left; } .dashboard .reviews li { } .dashboard .reviews .number { float:left; width:15px; } .dashboard .reviews .details { } /********** Dashboard > */ /* Adress Book */ .addresses-list .box-content { } .addresses-list .col-1, .addresses-list .col-2 { float: none; width: auto; min-height: 0 !important; margin-bottom: 1.5em; } .addresses-list ol { overflow: hidden; } .addresses-list ol > li { float: left; width: 49%; margin-left: 2%; margin-bottom: 10px; background: #E2E6E8; list-style: none; } .addresses-list ol > li:nth-child(odd) { margin-left: 0; } .addresses-list ol > li > .box-title, .addresses-list ol > li > address, .addresses-list ol > li > .actions, .addresses-list ol > li.empty p { padding: 10px 20px; margin: 0; } .addresses-list ol > li > .box-title {} .addresses-list ol > li > .box-title a {} .addresses-list .col-2 li address { clear:both; } /* Order View */ #my-orders-table td, #my-orders-table th { vertical-align: middle; } #my-orders-table td.last .separator { display: none; } #my-orders-table td.last a { white-space: nowrap; } #my-orders-table .product-name { font-size: 1em; font-family: Neutra2Text, Arial, Helvetica, sans-serif; line-height: 1.7em; font-weight: bold; margin: 0; } .dashboard h2.sub-title .separator, .dashboard h2.sub-title a, .recent-orders h2.table-caption .separator, .recent-orders h2.table-caption a { font: 17px/1.5 Neutra2Text, Arial, Helvetica, sans-serif; } .order-page {} .order-page .order-date { } .order-page .col2-set { } .order-details .link-print { } .order-details .order-additional, .order-details .data-table { } .order-details .order-additional dt { } .order-details .order-additional dd { } .order-details dl.gift-message { } .order-details .gift-message dt { } .order-details .gift-message dd { white-space:pre-wrap; word-wrap:break-word } .order-links { } .order-info { } .order-info dt { float:left; } .order-info dd { float:left; } .order-info ul { float:left; } .order-info li { float:left; position:relative; z-index:2; margin-left: 14px; } .order-info li strong, .order-info li a { float:left; } .order-info li.current { z-index:3; } .order-info li.current strong { } .order-info dt { } /* 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 { height:21px; } .split-button.active { z-index:100; } .split-button strong { cursor:default; height:19px; display:block; overflow-x:hidden; white-space:nowrap; text-overflow:ellipsis; } .split-button.clickable > strong, .split-button strong[onclick] { cursor:pointer; } .split-button .change { display:inline-block; overflow:hidden; width:15px; cursor:pointer; height:11px; vertical-align:middle; } .split-button .change { position:absolute; right:5px; top:0px; height:19px; } .split-button.light { height:auto; } .split-button.light.clickable:active { top:auto; left:auto; } .split-button.light strong { display:inline-block; height:auto; overflow:visible; white-space:normal; } .split-button.light.clickable > strong, .split-button.light strong[onclick] { } .split-button.light.clickable > strong:hover, .split-button.light strong[onclick]:hover { } .split-button.light .change { position:static; right:auto; top:auto; height:11px; } .split-button.active .change, .split-button .change:hover { } .split-button .list-container { position:absolute; display:none; right:0; top:100%; min-width:100%; max-width:300px; float:left; } .split-button.active .list-container { display:block; } .split-button .list-container ul { position:relative; } .split-button .list-container ul > li { white-space:nowrap; display:block!important; } .split-button .list-container ul > li:first-child { } .split-button .list-container li a, .split-button .list-container li span { display:block; cursor:pointer; 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 { } .split-button .list-container li:hover { } .split-button .list-container li.new { } .split-button .list-container li.new:hover { } /* Wishlist */ #wishlist-table textarea { width:100%; height:3.9em; resize:vertical; overflow:auto; } #wishlist-table td .description { margin: .5em 0 1em 0; } #wishlist-table td .description .inner { overflow:hidden; } #wishlist-table td .input-box { padding-right: 22px; } #wishlist-table td textarea { margin-bottom: 10px; } #wishlist-table td { } #wishlist-table th:first-child, #wishlist-table td:first-child { width: 1px; } #wishlist-table td p { } #wishlist-table td.last { width:1px; } #wishlist-table td .product-name { font: 17px/1.5 Neutra2Text, Arial, Helvetica, sans-serif; text-transform: uppercase; } #wishlist-table td .price-box { margin: 14px 10px 0 0; float: right; } #wishlist-table td .price-box p { display: inline-block; } #wishlist-table td .price-box .price { display: inline-block; } #wishlist-table td .add-to-cart-alt .qty { height: 48px; } #wishlist-table td .cart-cell > *:last-child { margin-bottom: 0; } #wishlist-table td .truncated { float:left; width:auto; } #wishlist-table td .truncated .show .item-options { top:-40px; right:100%; left:auto; } #wishlist-table td .truncated .truncated_full_value .item-options dl { } #wishlist-table .item-manage .options { display: none; } .wishlist-empty { } p.wishlist-empty { } /* Multiple Wishlist */ .link-edit { display:inline-block; } .wishlist-management .link-edit { width:16px; height:16px; overflow:hidden; vertical-align:middle; } .wishlist-management .btn-create { float:right; } .wishlist-management .sub-title { float:left; max-width:100%; } .wishlist-management .sub-title h2 { word-wrap:break-word; } .wishlist-management .note-msg { clear:both; } .wishlist-management .msg-private { } .wishlist-management .table-caption .label { float:left; } #wishlists-move { float:right; } #wishlists-copy { float:right; } #wishlists-select { white-space:nowrap; float:left; max-width:220px; } #wishlists-select strong { } #wishlists-select strong span { } #wishlists-select .change { width:auto; right:auto; left:100%; } #wishlists-select .change span { } #wishlists-select.active .change span { } #wishlists-select .list-container { right:auto; left:0; } #wishlists-select .list-container ul { } #wishlists-select .list-container li:first-child { } #wishlists-select .list-container li { } #wishlists-select .list-container a, #wishlists-select .list-container span { /* */ } #wishlists-select .list-container li:hover a, #wishlists-select .list-container li:hover span, #wishlists-select .list-container li:hover { } #wishlists-select .list-container li:hover { } #wishlists-select .list-container li.new { } #wishlists-select .list-container li.new:hover { } #wishlists-select .list-container li.new:hover a, #wishlists-select .list-container li.new:hover span { } /* Wishlist search view */ #wishlist-search-results {} .wishlist-search-view {} .list-info { max-width:100%; word-wrap:break-word; } .list-info .item { } .list-info .item:first-child { } .list-info .item .label { } .list-info .item .label:after { content:':'; } .list-info .item .value { } .wishlist-search-view #wishlist-table td.last { } .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 { } /* Store credit */ .storecredit .account-balance { margin-bottom: 1.5em; background: #E2E6E8; padding: 10px 20px; } .storecredit .account-balance > *:last-child { margin-bottom: 0; } .storecredit .account-balance .sub-title { border-bottom: 1px solid #dadfe1; font-size: 1em; padding: 10px 20px; margin: -10px -20px 10px; font: 17px/1.5 Neutra2Text, Arial, Helvetica, sans-serif; font-weight: bold; } .storecredit .account-balance .price { font-weight: bold; } .giftcard-redeem { } .giftcard-redeem .input-box { } #customerbalance-history td.last { white-space: nowrap; } /* Gift card */ .giftcardaccount { position:relative; z-index:1; } .giftcard-status .messages, .giftcardaccount .messages { } .giftcardaccount p { } .giftcardaccount .fieldset { } .giftcardaccount .btn-only { } /* 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 { } .gift-card-info { margin: .75em 0 0; } .gift-card-info table { margin: 0; width: auto; } .gift-card-info table td, .gift-card-info table th { padding: 3px 10px; } .gift-card-info table .label { font-weight: bold; text-align: right; } .gift-card-info .giftcard-number { } .gift-card-info .form-list label {} .gift-card-info .btn-only { } #gc-please-wait { filter: alpha(opacity=80); opacity:0.8; display: block; margin: .75em 0 0; } /* Print Pages */ .page-print .print-head {} .page-print .print-head img { float:left; } .page-print .print-head address { float:left; } .page-print h2.h2 { } .page-print .col2-set { } /* 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; position:relative; } #my-tags-table .price-box { } #my-tags-table .last { } #my-tags-table .last p { } /* Reward Points */ .my-rewards .box { } .my-rewards .info-box .box-title { } .my-rewards .info-box .box-content { } .my-rewards p.error { display:inline; } .my-rewards dl { } .my-rewards dl dt { margin: 1em 0 0; } .my-rewards dl dt:first-child { margin-top: 0; } .my-rewards dl dd { margin-left: 2em; } .my-rewards .form-list label { width:auto; } .my-rewards .form-list .control .input-box { position:static; } .my-rewards .data-table small { display:block; } /* Billing Agreements */ .billing-agreements .info-box { } .billing-agreements .info-box p { } .billing-agreements .form-list li button.button { float:left; } /* Gift Registry Functionality */ .btn-gift-registry { } .btn-gift-registry .input-box { } .btn-gift-registry select { width:100%; } .gift-registry-name { } /* ======================================================================================= */ .disabled { position:relative; z-index:1; } .disabled:after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:99; opacity:0.2; filter: alpha(opacity=20); } /* MAP Popup============================================================================== */ .cart-msrp-totals { } .map-cart-sidebar-total { display:block; } .map-popup { position:absolute; width:300px; z-index:100; } .map-popup-heading { width:260px; } .map-popup-heading h2 { overflow:hidden; white-space:nowrap; word-wrap:break-word; text-overflow:ellipsis; } .map-popup-arrow { position:absolute; left:50%; top:-10px; height:10px; width:19px; } .map-popup-close { display:block; position:absolute; top:6px; right:8px; height:15px; width:15px; } .map-popup-content { overflow:hidden; width:280px; } .map-popup-checkout { display:inline; float:right; } .map-popup-checkout span { display:block; } .map-popup-checkout .paypal-logo { } .map-popup-price .price-box, .map-popup-price .price-box .special-price { } .map-popup-price { } .map-popup-text { clear:right; word-wrap:break-word; } .map-popup-only-text { } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer-before-container {} .footer-before-container .center-container-wrapper { padding: 0; } .footer-before-container .block-viewed { margin: 0 auto; max-width: 1180px; } .footer-before-container .block-viewed .block-title { margin: 60px 0; } .footer-before-container .block-title { font-family: Neutra2Text, Arial, Helvetica, sans-serif; color: #36284f; font-size: 20px; margin: 0 0 18px; text-transform: uppercase; text-align: center; } .footer-before-container #newsletter-validate-detail { padding: 30px 0 30px; text-align:center; background: #eaeef1; color: #5b4e77; margin: 40px auto 0; display: block; } .catalog-product-view .footer-before-container #newsletter-validate-detail { margin-bottom: 50px; } .footer-before-container #newsletter-validate-detail .form-subscribe { max-width: 900px; margin: 0 auto; } .footer-before-container #newsletter-validate-detail .footer_newsletter_text p { margin: 0; } .footer-before-container #newsletter-validate-detail .footer_newsletter_text p strong { font-size: 1.5em; font-weight: normal; } .footer-before-container #newsletter-validate-detail .newsletter-form { margin: 18px auto 0; position: relative;} .footer-before-container #newsletter-validate-detail .form-subscribe-header { text-decoration:none; font-size: 21px; } .footer-before-container #newsletter-validate-detail .form-subscribe label { display:block; margin: 0; font-weight: bold; text-transform: uppercase; } .footer-before-container #newsletter-validate-detail .form-subscribe input.input-text { border-right: 0 !important; width: 278px; } .footer-container { padding: 55px 0; background: #f8f9fb; } .footer { font-size: 16px; } .footer a { text-decoration: none; } .footer a:hover { text-decoration: underline; } .footer ul { margin: 0 0 2em; padding: 0; } .footer ul li { display:block; vertical-align:top; } .footer .footer-content-blocks { max-width: 1000px; margin: 0 auto; } .footer .footer-content-blocks > .center-container-wrapper { padding: 0; margin: 0; } .footer .footer-content-blocks > .center-container-wrapper > .widget-static-block > .block-title { text-align: left; } .footer .footer-content-blocks .widget { width: 22%; display: block; float: left;} .footer .footer-content-blocks .widget .block-title, .footer .footer-content-blocks .widget h3 { font-family: Neutra2Text, Arial, Helvetica, sans-serif; font-size: 18px; margin: 0 0 7px; text-transform: uppercase; color: #414141; } .footer .footer-content-blocks .widget li a { display: inline-block; padding: 3px 0; } .footer .footer-content-right { float: right; width: 34%; } .footer .footer-content-right .widget { float: none; width: auto; margin: 40px 0 0;} .footer .footer-content-right .widget:first-child { margin-top: 0; } .footer .footer-content-right .widget.block-footer_cadeaubon .block-content, .footer .footer-content-right .widget.block-footer_exclusive_sale .block-content { padding: 0 0 0 64px; } .footer .footer-content-right .widget.block-footer_cadeaubon .block-content:before, .footer .footer-content-right .widget.block-footer_exclusive_sale .block-content:before { content: ''; display: inline-block; float: left; margin: .65em 0 0 -64px; width: 44px; height: 25px; background: url(../images/sprite.svg?v=1703) -130px -30px; } .footer .footer-content-right .widget.block-footer_exclusive_sale .block-content:before { background-position: -130px -60px; height: 27px; } .footer .block .block-content > *:last-child { margin-bottom: 0; } .footer .footer-content-main { border-top: 1px solid #dadfe1; padding-top: 55px; margin-top: 45px; font-size: 17px; } .footer .footer-content-main .widget .block-title { font-family: Neutra2Text, Arial, Helvetica, sans-serif; font-size: 18px; margin: 0 0 18px; text-transform: uppercase; } .footer .footer-content-main .center-container-wrapper { background-color: transparent; } .copyright-container { background: #f5f3f9; min-width: 1180px; } .copyright { font-size: 16px; padding: 35px 0 32px; } .footer-before-container .footer-content-main { margin-top: 45px; font-size: 17px; } .footer-before-container .footer-content-main .widget .block-title { font-family: Neutra2Text, Arial, Helvetica, sans-serif; font-size: 18px; margin: 0 0 18px; text-transform: uppercase; } .title-line { position: relative; text-align: center; color: #5b4e77; text-transform: uppercase; } .title-line > * { display: inline-block; background: #fff; padding: 0 15px; position: relative; z-index: 1; font-size: 18px !important; color: #5b4e77 !important; font-weight: bold !important; } .title-line:before { background: #5b4e77; content: ""; display: block; height: 1px; position: absolute; top: 40%; width: 100%; } .widget-products .widget-title.title-line h2 { font-size: 18px; color: #5b4e77; } .footer-before-container .footer-content-main .block-footer_seo .block-title { position: relative; } .footer-before-container .footer-content-main .block-footer_seo .block-title span { background: #fff; padding: 0 15px; position: relative; z-index: 1; } .footer-before-container .footer-content-main .block-footer_seo .block-title:before { background: #5b4e77; content: ""; display: block; height: 1px; position: absolute; top: 40%; width: 100%; } .footer-before-container .footer-content-main .center-container-wrapper { background-color: transparent; } .payments { text-align: center;} .payments p { margin: 0; padding: 15px 0; } .copyright-container { background: #eaeef1; min-width: 1180px; } .copyright { background: #2e1f54; color: #fff; font-size: 16px; padding: 10px 0!important; text-align: left; } .copyright a { color: #fff; } /* ======================================================================================= */ /* Some sample data cms styles ================================================================================ */ .page-head-alt { color: #36284f; } .page-head, .page-head-alt { } .col-main .page-head, .col-main .page-head-alt { } .page-head-alt .link-rss { float:right; } .page-head h2, .page-head h3, .page-head-alt h3, .page-head-alt h2 { color: #36284f; margin: 0; } .page-head-alt h3, .page-head-alt h2 { font-size: 38px; } /* Restricted ================================================================================ */ .restriction-index-stub .page { width:652px; } .restriction-index-stub .main { min-height:0; height:auto !important; } .restriction-index-stub .col-main { height:auto !important; min-height:230px; height:230px; } .restriction-index-stub .page-title { } .restriction-index-stub .col-main h1, .restriction-index-stub .col-main h2 { } .restriction-index-stub .header-container, .restriction-index-stub .footer-container { display:none; } .restriction-index-stub .copyright { } /* Old private sales index ================================================================================ */ .private-sales-index { } .private-sales-index .box { width:657px; } .private-sales-index .box .content { } .private-sales-index .box .content p { } .private-sales-index .box .content a { } .private-sales-index .box .content h1 { } .private-sales-index .box .content .description { width:433px; } .col1-layout .private-sales-index { height:auto !important; } /* Private sales demo ==================================================================== */ .private-sales-demo { } .private-sales-demo h1 { display:none; } .private-sales-demo p { } .private-sales-demo a { } .col1-layout .private-sales-demo { height:auto !important; height:550px; min-height:550px; } /* ======================================================================================= */ .checkout-cart-index .main.col1-layout .cart-empty, .cms-index-noroute .main.col1-layout { max-width: 1180px; margin: 0 auto; min-height: 788px; background: url('../images/bg404.jpg') no-repeat; } .checkout-cart-index .main.col1-layout .cart-empty { background: url('../images/bgemptycart.jpg') no-repeat; } .checkout-cart-index .main.col1-layout .cart-empty .content, .cms-index-noroute .col-main { padding: 132px 440px 57px 57px; font-size: 19px; } .checkout-cart-index .main.col1-layout .cart-empty .content h1, .cms-index-noroute .col-main h1 { padding: 0 0 35px 0; color: #36284f; font-size: 40px; } .checkout-cart-index .main.col1-layout .cart-empty .content p, .cms-index-noroute .col-main p { padding: 0; margin-bottom: 1em; } .cms-index-noroute .col-main .form-search { margin: 45px 0 0; position: relative; } .cms-index-noroute .col-main .form-search button.button span span:after { content: ""; height: 13px; width: 13px; background: url(../images/sprite.svg?v=1703) -340px -50px; display: inline-block; vertical-align: baseline; margin: 0 0 0 10px; } .cms-index-noroute .form-search.form-404 input { width: 360px; } .cms-index-noroute .form-search.form-404 button {} .cms-index-noroute .form-search.form-404 button:after { background-position: -19px -29px; height: 16px; width: 17px; } .cms-index-noroute .form-search .search-autocomplete ul { width: auto; } .cms-index-noroute .main .tooltip { clear: both; margin-top: 30px; position: relative; display: inline-block;} .cms-index-noroute .main .tooltip:before { content: ""; position: absolute; background: url(../images/sprite.svg?v=1703) -240px -80px; height: 23px; width: 11px; right: -20px; top: -20px;} .cms-page-view .col-main .customer-service h2 { background: #E2E6E8; color: #5b4e77; padding: 40px 0 25px; margin: 0; text-align: center; font: 21px/1.5 Neutra2Text, Arial, Helvetica, sans-serif; text-transform: uppercase; } .cms-page-view .col-main .customer-service .accordion { margin-bottom: 3em; } .cms-page-view .col-main .customer-service .col3-set h3 { font-family: Neutra2Text, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid #dadfe1; padding: 0 0 15px; margin: 0 0 10px; } .cms-page-view .col-main .customer-service .col3-set ul { list-style-type: none; margin: 0 0 1.5em; padding: 0; } .cms-page-view .col-main .customer-service .col3-set ul li { padding: 7px 0; line-height: 1; } .cms-page-view .col-main .customer-service .col3-set h3:before { content: ''; display: inline-block; vertical-align: text-bottom; background: url(../images/sprite-customer-service.svg); width: 24px; height: 25px; margin: 0 5px 0 0; } .cms-page-view .col-main .customer-service .col3-set h3.account:before { background-position: 0 0; } .cms-page-view .col-main .customer-service .col3-set h3.shopping:before { background-position: -30px 0; } .cms-page-view .col-main .customer-service .col3-set h3.payment:before { background-position: -60px 0; } .cms-page-view .col-main .customer-service .col3-set h3.shipping:before { background-position: -270px 0; } .cms-page-view .col-main .customer-service .col3-set h3.size_guide:before { background-position: -240px 0; } .cms-page-view .col-main .customer-service .col3-set h3.exchange:before { background-position: -90px 0; } .cms-page-view .col-main .customer-service .col3-set h3.maintenance:before { background-position: -120px 0; } .cms-page-view .col-main .customer-service .col3-set h3.newsletter:before { background-position: -150px 0; } .cms-page-view .col-main .customer-service .col3-set h3.conditions:before { background-position: -360px 0; } .cms-page-view .col-main .customer-service .col3-set h3.complaints:before { background-position: -300px 0; } .cms-page-view .col-main .customer-service .col3-set h3.rewardpoints:before { background-position: -330px 0; } .cms-page-view .col-main .customer-service .col3-set h3.giftcards:before { background-position: -360px 0; } .block-homepage_banners { text-align: center; background: #E2E6E8; } .block-homepage_banners, .block-homepage_banners a { color: #5b4e77; } .block-homepage_banners h2 { font-size: 1.29em; margin: 0 0 1em; } .block-homepage_banners p { margin: 0 0 1em; position: relative; } .block-homepage_banners p a { font-family: ChronicleDisplay; } /*.block-homepage_banners p a:after { content: ''; display: inline-block; background: url(../images/sprite.svg?v=1703) -140px -105px no-repeat; width: 6px; height: 8px; margin: 0 0 0 4px; }*/ .block-homepage_banners img { vertical-align: top; } .block-homepage_banners .col2-set, .block-homepage_banners .col3-set, .block-homepage_banners .col4-set { margin-bottom: 0; } .block-homepage_banners .col2-set > * , .block-homepage_banners .col3-set > * { -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; } .block-homepage_banners_vertical .col3-set > .col-1, .block-homepage_banners_vertical .col3-set > .col-2, .block-homepage_banners_vertical .col3-set > .col-3 { width:32.3%; } .block-homepage_banners_vertical .col3-set > .col-3 { margin-right: 4px; } .block-homepage_banners_horizontal .col3-set > .col-3 { margin-right: 4px; } .block-homepage_banners .col2-set .col-1, .block-homepage_banners .col2-set .col-2 { width: 50%; } .block-homepage_banners .col2-set .wide { width: 790px; } .block-homepage_banners .col2-set .narrow { width: 390px; } .block-homepage_banners .col3-set > * { width: 390px; margin: 0; } .block-homepage_banners .col3-set .col-2 { width: 400px; position: relative; } .block-homepage_banners .col3-set .col-content { padding: 0 20px; margin: 2em 0; position: relative; } .block-homepage_banners .col3-set img:after { content: ''; position: absolute; z-index: 100; width:0; height:0; top: 100%; left: 50%; margin: 0 0 0 -7px; border-left:7px solid transparent; border-right:7px solid transparent; border-top:7px solid #738086; } .block-homepage_banners .col3-set .col-2 .col-content:before, .block-homepage_banners .col3-set .col-3 .col-content:before { content: ""; display: block; position: absolute; left: 0; width: 1px; top: 0; bottom: 0; background: #dadfe1; } .block-homepage_banners_horizontal p.image, .block-homepage_banners_vertical p.image { padding: 0 0 15px } .block-homepage_banners_vertical h2, .block-homepage_banners_horizontal h2 { text-transform: uppercase; font-size: 21px; margin-bottom: 0.6em; } .block-homepage_banners_vertical .col2-set, .block-homepage_banners_horizontal .col2-set, .block-homepage_banners_vertical .col3-set, .block-homepage_banners_horizontal .col3-set { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; margin:0 -5px; } .block-homepage_banners_vertical .col2-set > div, .block-homepage_banners_horizontal .col2-set > div { -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; margin:0 5px; width: auto !important; text-align: center; } .block-homepage_banners_vertical .col3-set > div, .block-homepage_banners_horizontal .col3-set > div { background: #E2E6E8; padding-bottom: 18px; -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; margin:0 5px; text-align: center; } .block-homepage_banners_vertical p a.button, .block-homepage_banners_horizontal p a.button { font-size: 12px; display: inline-block; padding: 6px 20px 4px; background: #2E1F54; text-transform: uppercase; letter-spacing: 1px; } .block-homepage_banners_vertical p a.button:after, .block-homepage_banners_horizontal p a.button:after { content: '>'; display: inline-block; margin-left: 10px; } .block-homepage_banners_horizontal { margin: 40px auto; } .block-homepage_banners_vertical.widget .widget-title { margin: 40px 0 } .block-homepage_banners_vertical { margin: 40px auto; } .block-homepage_banners_vertical .col2-set .wide { width: 65%; } .block-homepage_banners_vertical .col2-set .narrow { width: 35%; } .block-homepage_banners_vertical .col2-set .narrow > div { background: #E2E6E8; padding-bottom: 40px; margin-bottom: 10px; } .block-homepage_banners .widget .widget-title { margin: 30px 0 } .block-homepage_banners_horizontal p.image, .block-homepage_banners_vertical p.image { margin: 0 0 15px } .block-homepage_banners_vertical h2, .block-homepage_banners_horizontal h2 { font-size: 21px; margin-bottom: 0.6em; } .block-homepage_banners_vertical .col2-set, .block-homepage_banners_horizontal .col2-set, .block-homepage_banners_vertical .col3-set, .block-homepage_banners_horizontal .col3-set { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; margin:0 -6px; } .block-homepage_banners_vertical .col2-set > div, .block-homepage_banners_horizontal .col2-set > div { -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; margin:0 6px; text-align: center; } .block-homepage_banners_vertical .col3-set > div, .block-homepage_banners_horizontal .col3-set > div { background: #E2E6E8; padding-bottom: 18px; -webkit-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; margin:0 6px; text-align: center; } .block-homepage_banners_vertical p a.button, .block-homepage_banners_horizontal p a.button { font-size: 12px; display: inline-block; padding: 6px 20px 4px; background: #2E1F54; text-transform: uppercase; letter-spacing: 1px; } .block-homepage_banners_vertical p a.button:after, .block-homepage_banners_horizontal p a.button:after { content: '>'; display: inline-block; margin-left: 10px; } .block-homepage_banners_horizontal { margin: 0 auto 20px; } .block-homepage_banners_horizontal.widget .widget-title, .block-homepage_banners_vertical.widget .widget-title { margin: 40px 0; } .block-homepage_banners_vertical { margin: 4px auto 20px; } .block-homepage_banners_vertical .col2-set .wide { width: calc(2*(32.3% + 6px)); height: 996px; overflow: hidden; } .block-homepage_banners_vertical .col2-set .narrow { width: 32.3%; height: 996px; overflow: hidden; margin-right: 4px; } .block-homepage_banners_vertical .col2-set .narrow > div { height: 454px; overflow: hidden; background: #E2E6E8; padding-bottom: 40px; margin-bottom: 12px; } .block-homepage_banners_vertical .col2-set .narrow > div p.image { height: 394px; overflow: hidden; } .block-homepage_banners_vertical .col2-set .narrow > div .col-content { height: 97px; overflow: hidden; } .block-homepage_banners_vertical .block-content > div:first-child { margin-bottom: 12px; } .block-homepage_usp .block-content { color: #5b4e77; line-height: 2.25em; } body > .zopim { z-index: 970 !important; } /* Social Media ========================================================================== */ #follow-us ul, #share ul { margin: 0; line-height: 1em } #follow-us li, #share li { float: left; margin: 0 5px 0 0; } #follow-us li a, #share li a { overflow: hidden; display: inline-block; width: 24px !important; height: 24px !important; background-size: auto !important; background: url(../images/sprite.svg?v=1703) no-repeat -370px -70px; font-size: 0; color: transparent; text-indent: -1000px; padding: 0; } #follow-us .yt a { background-position: -395px -95px; } #follow-us .tw a, #share .disable-fancy .twitter a { background-position: -420px -70px; } #follow-us .gp a, #share .disable-fancy .google a { background-position: -420px -95px; } #follow-us .pi a, #share .disable-fancy .pinterest a { background-position: -370px -95px; background-image: url(../images/sprite.svg?v=1703) !important; } #follow-us .ig a { background-position: -395px -70px; } .block-social-share ul li, .block-social ul li { text-align: center; float: left; width: 24px; height: 24px; background-color: #8998a3; border-radius: 100%; margin-right: 7px; /*space between*/ } .block-social-share ul li span span { display: none; } .block-social-share ul li span.fa, .block-social ul li a.fa { font-size: 16px; line-height: 24px; color: #FFF; text-decoration: none; padding: 0 !important; } #share > strong { display: none; } .blog-post-view .share .block-social-share { margin-left: 10px; } .instagram-widget { border: 1px solid #dadfe1; min-height: 488px; } .instagram-widget .widget-title { border-bottom: 1px solid #dadfe1; padding: 5px; } .instagram-widget .widget-title a { display: inline-block; vertical-align: middle; line-height: 1; } .instagram-widget .widget-title a img { display: block; } .instagram-widget .widget-content { padding: 5px; } .instagram-widget .widget-content iframe { margin: 0 auto; display: block; } /* Buckaroo */ select#buckaroo3extended_afterpay_BPE_Customergender { min-width: 275px; } #payment_form_buckaroo3extended_klarna label, #payment_form_buckaroo3extended_afterpay label { width: auto; } .buckaroo-method .fieldset { margin: 0; } #payment_form_buckaroo3extended_klarna .customer-dob > div, #payment_form_buckaroo3extended_afterpay .customer-dob > div { margin-right: 15px; } #payment_form_buckaroo3extended_klarna.form-list .customer-dob div.dob-year input.input-text, #payment_form_buckaroo3extended_afterpay.form-list .customer-dob div.dob-year input.input-text { width: 100px !important; } #payment_form_buckaroo3extended_afterpay .tac-accept label { float: left; } #checkout-step-payment #payment_form_buckaroo3extended_klarna .tac-accept .input-box .validation-advice, #checkout-step-payment #payment_form_buckaroo3extended_afterpay .tac-accept .input-box .validation-advice { white-space: nowrap; } #checkout-step-payment #payment_form_buckaroo3extended_afterpay .tac-accept .input-box { float: left !important; padding-right: 0px; width: 18px; } #payment_form_buckaroo3extended_afterpay .tac-accept input { margin: 0px 5px 3px 0px; } #payment_form_buckaroo3extended_afterpay li em { float: none; } /* Tweakwise */ .sidebar .block-layered-nav .currently li { display: block; margin: 0; border: 0; padding: 0; width: 100%; position: relative; } .sidebar .block-layered-nav .block-content ol li { margin-top: 2px; } #narrow-by-list .more-less-links { width: 100%; position: relative; } #narrow-by-list .more-less-links a { padding-left: 15px; font-weight: bold; font-size: 12px; } #narrow-by-list .more-less-links a.hidden, #narrow-by-list .more-less-links a.hidden:before { display: none; } #narrow-by-list .more-less-links a:before { height: 24px; width: 24px; display: inline-block; position: absolute; top: 4px; line-height: 24px; font-size: 24px; left: 0; font-weight: normal; } #narrow-by-list .more-less-links a.more-link:before { content: '+'; } #narrow-by-list .more-less-links a.less-link:before { content: '-'; } .sidebar .block-layered-nav .currently li a:before { float: right; width: 7px; height: 7px; overflow: hidden; background: url(../images/sprite.svg?v=1703) -300px -70px; margin: 8px 0; line-height: 100px; content: " "; } .sidebar .block li a.btn-previous, .sidebar .block li a.btn-remove { background: none; float: none; line-height: 24px; display: block; width: auto; height: auto; margin: 0; padding: 3px 10px; } #narrow-by-list .arrow { margin: 10px 0 0 6px; float: right; } #narrow-by-list .swatches .swatch-label { display: inline-block; line-height: 24px; float: left; clear: both; width: 24px; height: 24px; margin-right: 9px; } #narrow-by-list .swatches li { padding: 2px 0; } #narrow-by-list .swatches .swatch-label img { display: block; width: 22px; height: 22px; border-radius: 11px; } #narrow-by-list .swatches .swatch-label.white img { border: 1px solid #414141; width: 20px; height: 20px; } #narrow-by-list .swatches .swatch-title { display: inline-block; line-height: 24px; text-align: left; width: 145px; } #narrow-by-list .swatches a:hover .swatch-title { text-decoration: underline; } #narrow-by-list .swatches li { position: relative; } #narrow-by-list .swatches a .swatch-label:before { position: absolute; border: 2px solid transparent; border-radius: 12px; width: 12px; height: 12px; left: 3px; top: 5px; content: " "; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } #narrow-by-list .swatches li.active .swatch-label:before, #narrow-by-list .swatches a:hover .swatch-label:before { border-color: white; } #narrow-by-list .swatches a:hover .swatch-label.white:before { border-color: #414141; } .block-layered-nav #narrow-by-list .collapsed .arrow { margin-left: 13px; } .sidebar #narrow-by-list span.count { color: #999999; } .sidebar .block-layered-nav dd li.active { font-weight: normal; } .sidebar .block-layered-nav dd .swatches li.active { font-weight: bold; } .sidebar #narrow-by-list .active > a { } .sidebar #narrow-by-list .checkbox a { background: url(../images/emico_tweakwise/verfijning-checkbox.png) 0 1px no-repeat; } .sidebar #narrow-by-list .checkbox.inactive a { background-position: 0 -37px; } .sidebar #narrow-by-list dd.columns-2 .checkbox a { background-position: 0 2px; } .sidebar #narrow-by-list dd.columns-2 .checkbox.inactive a { background-position: 0 -36px; } #opc_postnl_ce .field-postcode,#opc_postnl_ce .field-housenumber, #opc_postnl_ce .field-extension { margin-right: 30px; width: 180px; float: left; } #opc_postnl_ce div.field-extension { float: right; width: 49%; margin: 0; } div#checkout-step-payment .buckaroo-method label .bank_logo { width: 50px; text-align: center; } div#checkout-step-payment .buckaroo-method label .bank_logo img { display: inline-block; } #robin_tab{ background: #2e1f54 !important; border-radius: 25px !important; } #robin_tab div, #robin_tab div img { border-radius: 25px !important; -webkit-border-radius: 25px !important; } #robin_tab_div{ color: #fff !important; font-family: Neutra2Text, Arial, Helvetica, sans-serif !important; letter-spacing: 0.5px !important; font-size: 18px !important; font-weight: lighter !important; line-height: 1.3 !important; text-transform: none !important; } #robin_tab:hover, #robin_tab_div:hover { text-decoration: none !important; } #robin_tab_channels{ font-family: Neutra2Text, Arial, Helvetica, sans-serif !important; font-weight: lighter !important; } #robin_tab_channels #robin_tab_channels_header span { color: #000 !important; } #robin_tab_channels div span{ font-family: Neutra2Text, Arial, Helvetica, sans-serif !important; font-weight: lighter !important; letter-spacing: normal !important; } #robin_frame, #robin_popover { border-radius: 0px !important; border-top-right-radius: 0px !important; border-top-left-radius: 0px !important; } /* PRO ACTIVE CHAT */ #robin_pac_invite div #rbn_pac_caption{ font-family: Neutra2Text, Arial, Helvetica, sans-serif !important; font-size: 16px !important; font-weight: lighter !important; color: #5b4e77 !important; } #rbn_buttoncontainer{ margin: 0 auto !important; font-family: Neutra2Text, Arial, Helvetica, sans-serif !important; padding-top: 13px; text-align: center !important; } #rbn_pac_yes{ background: #2e1f54 !important; color: #FFF !important; text-transform: none !important; font-size: 16px !important; font-weight: lighter !important; display: block; font-weight: 600 !important; border-radius: 25px !important; -webkit-border-radius: 25px !important; text-transform: none !important; } #rbn_journey_button { background: #2e1f54 !important; border-top-right-radius: 25px !important; -webkit-border-top-right-radius: 25px !important; border-bottom-right-radius: 25px !important; -webkit-border-bottom-right-radius: 25px !important; } #rbn_pac_yes:hover, #rbn_journey_button:hover { text-decoration: none !important; } #rbn_journey_button_text { text-transform: none !important; font-weight: lighter !important; font-size: 16px !important; font-weight: normal !important; border-radius: 0px !important; } #rbn_journey_input { border-radius: 0px !important; -webkit-border-radius: 0px !important; width: 100% !important; background-color: #FFF; border: 1px solid #2f2055 !important; } ::-webkit-input-placeholder{color:rgb(80, 80, 80);} ::-moz-placeholder{color:rgb(80, 80, 80);} ::-ms-input-placeholder{color:rgb(80,80,80);} #rbn_pac_no{ background: none !important; color: #333333 !important; display: block; font-weight: lighter !important; margin-left: 0 !important; margin-top: 10px; padding: 0 20px !important; text-align: center; text-transform: none !important; font-size: 15px !important; } #rbn_pac_no:hover{ text-decoration: underline; } #rbn_journey_input_container { width: 70% !important; } /* 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, .add-to-box:after, .add-to-cart:after, .categories-grid: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, .product-essential: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, .event-container .event-ticker .container:after, .page-print .print-head:after, .new-product-spotlight .more-new .item:after, .addresses-list .col-2 li:after, .product-view .product-shop:after, .toolbar:after, .footer .footer-content-blocks:after, .col-content:after, .sidebar .block-layered-nav dd:after, .tablet:after, .options-container-big:after { display:block; content:"."; clear:both; height:0; overflow:hidden; } /* ======================================================================================= */ .tablet { display: none; } @media only screen and (max-width : 1180px) { .header-panel-container { width: 1200px; } } @media only screen and (max-device-width : 1180px) { input { box-sizing: border-box; border-radius: 0; } .page { min-width: 0; } .block-homepage_banners .col2-set .wide { width: 49%; } .block-homepage_banners .col3-set > * { width: 47%; } .block-homepage_banners .col3-set > .col-3 { display: none; } .block-homepage_banners_vertical .col2-set .narrow, .block-homepage_banners_vertical .col2-set .wide { height: auto; } .block-homepage_banners_vertical .col2-set .narrow > div { height: auto; padding-bottom: 0; } .block-homepage_banners_vertical .col2-set .narrow > div p.image { height: auto; } .copyright-container { min-width: 0; } #nav .submenu { left: -75px; } #nav li.nav-6 .submenu { right: 0; left: auto; } #nav li.level-top > a { padding: 25px 6px; } .header-panel-container { width: auto; top: 48px; } .checkout-onepage-index .header-panel-container, .checkout-cart-index .header-panel-container { top: 0; } .checkout-cart-index .header-container { padding-top: 48px; } .checkout-onepage-index .col-main { padding-top: 0px; } .checkout-cart-index.clean-page .col-main { padding-top: 40px; } .header-panel { padding: 0 2px; } .header-panel .switches { display: none; } .checkout-cart-top-menu { margin-right: 10px; } .tablet .switch .switcher:hover { background-color: #a3afb9; } .tablet { display: block; background-color: #8998a3; position: fixed; left: 0; right: 0; z-index: 780; } .checkout-cart-index .tablet { display: none; } .tablet .form-search { width: auto; margin: 6px 20px 0 20px; } .tablet .form-search input { border-color: #fff; background-color: #8998a3; color: #fff; } .tablet .form-search button.button:after { background-position: -419px -129px; } .tablet .search-autocomplete ul { width: 280px; } .tablet .switcher-language a.current, .tablet .switcher-navigation a { color: #fff; } .tablet .switcher-top-cart .content { margin-top: 10px; } .tablet .switch .switcher:hover { } .tablet .switch .switcher, .tablet .switch-link > a { padding: 4px 24px 4px 16px; } .header-panel-container { z-index: 779; } .header-container { padding: 136px 0 4px; } .clean-page .header-container { padding-top: 70px; } .header-container .usps { height: 39px; overflow: hidden; text-align: center; padding-top: 0; } .header-container .usps ul li { float: none; } .header-panel-container .usps { display: none; } .center-container-wrapper, .footer-content-blocks { padding: 0 10px; } .copyright { padding: 35px 10px 32px; } .breadcrumbs { padding: 10px 5px; } .main { padding: 0 5px; } .cms-index-index .main { padding: 0; } .widget-banner-wrapper.testimonial { padding: 0 5px; } .categories-grid li.item .viewmore a { margin-right: 0; } .cart-table td { padding-left: 10px; padding-right: 10px; } .opc .step-title h2, .opc .allow .step-title h2, .opc .active .step-title h2 { text-transform: none; font-size: 0.8em; } table#checkout-review-table tbody td, table#checkout-review-table thead th { padding: 5px; } #opc_postnl_ce .field-postcode, #opc_postnl_ce .field-housenumber, #opc_postnl_ce .field-extension { margin-right: 0px; } .cms-index-noroute .form-search.form-404 input { width: 260px; } } .onsale-category-container { top:45px !important; background-repeat: no-repeat; } @media (max-width: 667px) and (min-width: 1px) { ._form-wrapper { overflow-y: visible !important; } ._floating-box { position: inherit !important; } } /** * * */ .footer .footer-content-blocks > .center-container-wrapper > .widget-static-block > .block-title { text-align: center; } .footer .footer-content-blocks { text-align: center; } .footer .footer-content-blocks .widget { display: inline-block; width: 33% } .footer .footer-content-blocks h3 .block-social .block-content { display: inline-block; } /** Product Page Water Conscious Logo **/ .meta-container .meta { float: left; width: 49%; } .meta-container .denim-logo { float: right; width: 50%; } /** End Product Page Water Conscious Logo **/ .cart p.notice { color: #9faa7f; } .banner-desktop {display: block;} .banner-mobile {display: none;} @media only screen and (max-width : 768px) { .banner-desktop {display: none;} .banner-mobile {display: block;} }