/** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2019 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ /*-------------------------------------------------------------- Resets --------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; line-height: normal; } body { margin: 0; padding: 0; line-height: normal; *font-size: small; } select, input, textarea, button { font: 100% sans-serif; } pre, code, kbd, samp { font-family: monospace, sans-serif; } a:hover, a:active { outline: none; } ul, ol { margin-left: 0; list-style: none; } nav ul, nav li { margin: 0; list-style: none; list-style-image: none; } small { font-size: 85%; } td { vertical-align: top; } sub, sup { font-size: 70%; line-height: 0; position: relative; top: -0.3em; } sub { bottom: -0.25em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; } textarea { overflow: auto; } .ie6 legend, .ie7 legend { margin-left: -7px; } input[type="radio"] { vertical-align: text-top; margin-top: 2px; padding: 0; } input[type="checkbox"] { vertical-align: text-top; margin-top: 2px; padding: 0; } .ie7 input[type="checkbox"] { vertical-align: top; } .ie6 input { vertical-align: text-bottom; } input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } button, input, select, textarea { margin: 0; } input:invalid, textarea:invalid { border-radius: 1px; box-shadow: 0px 0px 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } ::selection { background: #ccc; color: #fff; text-shadow: none; } a:link { -webkit-tap-highlight-color: transparent; } button { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } *:focus { outline: none; } button::-moz-focus-inner { border: 0; padding: 0; } /*-------------------------------------------------------------- Tools --------------------------------------------------------------*/ .hidden { display: block !important; border: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } .nobr { white-space: nowrap !important; } .wrap { white-space: normal !important; } .a-left { text-align: left !important; } .a-center { text-align: center !important; } .a-right { text-align: right !important; } .v-top { vertical-align: top; } .v-middle { vertical-align: middle; } .f-left, .left { float: left !important; } .f-right, .right { float: right !important; } .f-none { float: none !important; } .f-fix { float: left; width: 100%; } .no-display { display: none; } .no-display { display: none; } .no-margin { margin: 0 !important; } .no-padding { padding: 0 !important; } .no-bg { background: none !important; } .img-right { float: right; margin: 15px 0 30px 30px; } .img-left { float: left; margin: 15px 30px 30px 0; } .respond320, .respond480, .respond540, .respond640, .respond767, .respond768, .respond960 { display: none !important; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } /** Mixins, Variables and Helpers */ .triangle-props { content: ""; display: block; position: absolute; } /* ============================================ Clearfix ============================================ */ .bottom-container:before, .bottom-container:after, #nav-wrapper:before, #nav-wrapper:after, .header:before, .header-container:before, .nav-container:before, .main:before, .main-container:before, .col-main:before, .main .col-wrapper:before, .col-left:before, .col-right:before, .footer-container:before, .col2-set:before, .products-grid:before, .clearfix:before, .header:after, .header-container:after, .nav-container:after, .main:after, .main-container:after, .col-main:after, .main .col-wrapper:after, .col-left:after, .col-right:after, .footer-container:after, .col2-set:after, .products-grid:after, .clearfix:after { content: " "; display: table; } .bottom-container:after, #nav-wrapper:after, .header:after, .header-container:after, .nav-container:after, .main:after, .main-container:after, .col-main:after, .main .col-wrapper:after, .col-left:after, .col-right:after, .footer-container:after, .col2-set:after, .products-grid:after, .clearfix:after { clear: both; } .clearfix { zoom: 1; } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2019 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ /* ============================================ Fonts ============================================ */ @font-face { font-family: "Effra W01 Regular"; src: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/22d5253a-df89-458b-b414-0191063f0b7f.eot?#iefix"); src: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/22d5253a-df89-458b-b414-0191063f0b7f.eot?#iefix") format("eot"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/07f98c09-a3b5-4ab3-a35e-9d9474d19279.woff") format("woff"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/c95fc487-48ab-48c1-b4da-f9478f900fdb.ttf") format("truetype"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/7edd076c-820b-4d62-8cda-94cbed70c375.svg#7edd076c-820b-4d62-8cda-94cbed70c375") format("svg"); } @font-face { font-family: "Effra W01 Bold"; src: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/bf129681-00b0-4e8b-afb9-03a5b3673b2e.eot?#iefix"); src: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/bf129681-00b0-4e8b-afb9-03a5b3673b2e.eot?#iefix") format("eot"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/d9c686bd-1b2c-4730-a0b4-9376d5cc0217.woff") format("woff"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/f6eb1dc4-bd7a-4ec7-8efa-af82ddea3829.ttf") format("truetype"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/51807340-4baf-41b5-a341-d06a17d6442a.svg#51807340-4baf-41b5-a341-d06a17d6442a") format("svg"); } @font-face { font-family: "NewBaskervilleW01-Itali"; src: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/7055b210-8d54-4a81-bcc1-927fb48b5af8.eot?#iefix"); src: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/7055b210-8d54-4a81-bcc1-927fb48b5af8.eot?#iefix") format("eot"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/b74f9e80-f9c2-45b4-9d5d-7f3aba245e3d.woff") format("woff"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/22b7afa3-0619-4c9c-b91f-22978be3f21f.ttf") format("truetype"), url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/fonts/70b35ac5-da0e-4238-87ce-f67818f47e8e.svg#70b35ac5-da0e-4238-87ce-f67818f47e8e") format("svg"); } /* ============================================ Global Styles ============================================ */ * { box-sizing: border-box; } * { -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; } body { font-size: 12px; color: #474747; background-color: #fff; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; } img { max-width: 100%; height: auto; } img.lazy { width: 100%; } .main { min-height: 650px; } .container { max-width: 1080px; width: 94%; margin: 0 auto; transition: all width 0.2s linear ease-out; transition: width 0.2s linear; *zoom: 1; zoom: 1; } .container:before, .container:after { display: table; content: ""; line-height: 0; } .container:after { clear: both; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } .header-container { position: relative; z-index: 9999; width: 100%; background-color: #ffffff; } .content-pane { margin: 0 auto 54px; } /* ============================================ Grid ============================================ */ .col2-set { *zoom: 1; zoom: 1; } .col2-set:before, .col2-set:after { display: table; content: ""; line-height: 0; } .col2-set:after { clear: both; } .col2-set:before, .col2-set:after { content: " "; display: table; } .col2-set:after { clear: both; } .col2-set .col-1, .col2-set .col-2 { float: left; width: 50%; padding-right: 24px; transition: all width 0.2s linear ease-out; transition: width 0.2s linear; } .col2-left-layout .col-main { float: right; width: 82.96296296%; } .col2-left-layout .col-left { float: left; width: 14.81481481%; } /* ============================================ Typography ============================================ */ h1 { font-size: 24px; line-height: 1em; text-transform: uppercase; } h2 { font-size: 14px; line-height: 18px; text-transform: uppercase; } .page-title h1 { padding: 27px 0; } p, .std { font-size: 12px; margin-bottom: 21px; line-height: 21px; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; } .std { margin-bottom: 0; } /* ============================================ Links/Buttons ============================================ */ a { color: #eb7a5b; text-decoration: none; transition: all background-color 0.24s ease-out, color 0.24s ease-out ease-out; transition: background-color 0.24s ease-out, color 0.24s ease-out; } a:hover, a:active { color: #fb8c6e; } button, .button, a.button { outline: none; border: none; display: inline-block; cursor: pointer; vertical-align: top; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; font-size: 12px; text-transform: uppercase; text-align: center; line-height: 29px; color: #ffffff; background-color: #f06a46; padding: 0 30px; transition: all background-color 0.24s ease-out, color 0.24s ease-out ease-out; transition: background-color 0.24s ease-out, color 0.24s ease-out; } button[disabled], .button[disabled], a.button[disabled] { opacity: 50; filter: alpha(opacity=5000); opacity: 0.5; filter: alpha(opacity=50); } button[disabled]:hover, .button[disabled]:hover, a.button[disabled]:hover { background-color: #f06a46; } button:hover, .button:hover, a.button:hover { background-color: #fb8c6e; } button.large, .button.large, a.button.large { font-size: 17px; line-height: 48px; padding: 0 60px; } button.small, .button.small, a.button.small { font-size: 11px; line-height: 22px; padding: 0 20px; } button.grey, .button.grey, a.button.grey { color: #493627; background-color: #d4cbc1; padding: 0 36px; } button.brown, .button.brown, a.button.brown { background-color: #6e6256; font-size: 15px; line-height: normal; padding: 17px 30px; } .catalog-product-view .share-this .facebook-button, .catalog-product-view .share-this .pintrest-button { display: inline-block; vertical-align: top; } .catalog-product-view .share-this .houzz-button { border-radius: 2px; } .catalog-product-view .share-this .print-btn { margin-top: 1px; text-indent: -999em; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; background-position: -165px -45px; height: 20px; width: 60px; } .emailto-link { display: inline-block; float: right; margin-right: 2px; } .emailto-link a { display: inline-block; margin-top: 1px; text-indent: -999em; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; background-position: -165px -67px; height: 20px; width: 60px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .emailto-link a { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/email-hires.png"); background-size: 61px 20px; background-position: 0 0; width: 61px; } } /* ============================================ Form Elements ============================================ */ .input-text, textarea { border: none; outline: none; padding: 5px 10px; margin: 0; width: 100%; background-color: #ffffff; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; color: #493627; font-size: 12px; line-height: 18px; border: 1px solid #6e6256; vertical-align: top; transition: all border-color 0.24s ease-out, opacity 0.24s ease-out ease-out; transition: border-color 0.24s ease-out, opacity 0.24s ease-out; -webkit-appearance: none; border-radius: 0; } .input-text.validation-failed, textarea.validation-failed { border: 1px solid #f06a46; } .input-text[disabled], textarea[disabled] { opacity: 50; filter: alpha(opacity=5000); opacity: 0.5; filter: alpha(opacity=50); } .input-text { min-height: 30px; } /* Custom selects */ .select-wrap { vertical-align: top; } .select-wrap select { width: 100%; height: 30px; -webkit-appearance: none; cursor: pointer; } .customStyleSelectBox, .swatch-select { padding: 0 30px 0 10px; line-height: 30px; height: 30px; background-color: #d4cbc1; width: 210px; transition: all opacity 0.24s ease-out ease-out; transition: opacity 0.24s ease-out; position: relative; } .customStyleSelectBox:before, .swatch-select:before { position: absolute; content: ''; width: 0; height: 0; top: 50%; right: 12px; margin-top: -3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #493627; } .customStyleSelectBox .customStyleSelectBoxInner, .swatch-select .customStyleSelectBoxInner, .customStyleSelectBox .label, .swatch-select .label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .customStyleSelectBox.disabled, .swatch-select.disabled { opacity: 50; filter: alpha(opacity=5000); opacity: 0.5; filter: alpha(opacity=50); pointer-events: none; } .swatch-select { display: inline-block; position: relative; cursor: pointer; line-height: normal; } .swatch-select .label { display: inline-block; vertical-align: top; color: #493627; padding-top: 7px; overflow: visible; width: auto; } .swatch-select .label .amconf-image { height: 16px; width: 42px; } .swatch-select .label .amconf-image-title { line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 120px; } .swatch-select .amconf-images-container { display: none; background-color: #ffffff; border: 1px solid #f0f0f0; position: absolute; left: 0; top: 100%; min-width: 394px; z-index: 99; padding-bottom: 9px; } @media screen and (max-width: 990px) { .swatch-select .amconf-images-container { min-width: 343px; } } .swatch-select .amconf-images-container li { *zoom: 1; zoom: 1; padding: 15px 10px 0; margin-top: 0 !important; height: 31px; display: block; } .swatch-select .amconf-images-container li:before, .swatch-select .amconf-images-container li:after { display: table; content: ""; line-height: 0; } .swatch-select .amconf-images-container li:after { clear: both; } .swatch-select .amconf-images-container li:before, .swatch-select .amconf-images-container li:after { content: " "; display: table; } .swatch-select .amconf-images-container li:after { clear: both; } .swatch-select .amconf-images-container li:first-child { padding-top: 10px; } .swatch-select.show .amconf-images-container { display: block; } .swatch-select .amconf-image { border: 1px solid #f0f0f0; margin-right: 10px; height: 16px; width: 42px; vertical-align: top; } .swatch-select .amconf-image-title { line-height: 16px; display: inline-block; vertical-align: top; width: 320px; width: calc(100% - 52px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Custom radios */ .style-radio { height: 16px; width: 16px; display: inline-block; vertical-align: middle; background-color: #d4cbc1; position: relative; border-radius: 15px; } .style-radio input[type="radio"] { height: 16px; width: 16px; margin-top: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; } .style-radio.active { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; background-color: #d4cbc1; background-position: -120px 3px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .style-radio.active { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } /* Custom checkboxes */ .style-checkbox { height: 16px; width: 16px; display: inline-block; vertical-align: top; background-color: #d4cbc1; position: relative; } .style-checkbox input[type="checkbox"] { height: 16px; width: 16px; margin-top: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; } .style-checkbox.active { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; background-color: #d4cbc1; background-position: -138px 5px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .style-checkbox.active { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .form-list li, .form-list .field { margin-top: 8px; } .form-list .add-field { margin-top: 4px; } .form-list li:first-child, .form-list .fields { margin-top: 0; } .form-list li.newsletter label { font-size: 13px; line-height: 16px; margin: 0 0 0 4px; } .form-list li label { font-size: 14px; line-height: 21px; text-transform: uppercase; display: inline-block; vertical-align: top; margin-bottom: 4px; } .form-list li label em, p.required { display: none; } .form-list .input-box { width: 210px; position: relative; } .form-list .control { padding-top: 12px; } .form-list .control .input-box { display: inline-block; vertical-align: top; width: 16px; } .form-list .control label { font-size: 13px; line-height: 16px; margin: 0 0 0 4px; } .form-list .note { margin-bottom: 16px; } .form-list li .optional { font-size: 12px; text-transform: none; } .validation-advice { line-height: 1em; padding-top: 3px; color: #f06a46; } .qty { width: 45px; text-align: center; } /*Inline Labels*/ .labelify .form-list li, .labelify .form-list .input-wrapper { position: relative; } .labelify .form-list label { position: absolute; top: 0; left: 10px; margin-bottom: 0; line-height: 30px; font-size: 12px; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; text-transform: none; z-index: 99; } /*Shipping Methods*/ .sp-methods dd > ul li { line-height: 16px; padding-top: 20px; } .sp-methods dt label, .sp-methods dt label span, .sp-methods ul li label, .sp-methods ul li label span { font-size: 13px; line-height: 16px; text-transform: uppercase; } .sp-methods ul li label, #co-payment-form dt label { margin: 0 0 0 4px; display: inline-block; vertical-align: middle; } .sp-methods dd .form-list li label { font-size: 14px; line-height: 21px; margin: 0 0 4px 0; } .sp-methods dd .form-list .control label { margin: 0 0 0 4px; } .sp-methods dd .form-list li { padding-top: 0; } .sp-methods ul li span.no-display { display: inline !important; } /*Form Buttons*/ .buttons-set .back-link { display: none; } /* ============================================ Data Tables ============================================ */ .data-table { width: 100%; } .data-table thead { background-color: #f0f0f0; } .data-table thead th { font-weight: normal; text-transform: uppercase; line-height: 36px; padding: 0 1.96560197%; white-space: nowrap; text-align: left !important; } .data-table tbody tr td { border-bottom: 1px solid #d6ccc3; padding: 10px 1.96560197%; line-height: 17px; text-align: left !important; } .data-table .product-image, .data-table .product-details { float: left; } .data-table .product-details { margin-left: 16px; } .data-table .product-details.ferguson-group .sku.simple { font-weight: bold; } .data-table .item-options { text-transform: uppercase; line-height: 16px; font-size: 12px; padding: 6px 0; list-style: disc; margin-left: 20px; } .data-table .item-options li { margin-top: 6px; text-transform: none; } .data-table .item-options li:first-child { margin-top: 0; } /* ============================================ Accordion ============================================ */ .accordion > li { border-bottom: 1px solid #d4cbc1; } .accordion .trigger { display: block; text-transform: uppercase; font-size: 13px; line-height: 55px; cursor: pointer; position: relative; } .accordion .trigger:before { content: ''; width: 0; height: 0; position: absolute; top: 50%; right: 2px; margin-top: -2.5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #493627; transition: transform 0.35s ease; transform: rotate(0deg); } @media screen and (max-width: 770px) { .two-col-cart .accordion .trigger:before { right: 13px !important; } } .accordion .trigger.open:before { content: ''; transform: rotate(180deg); } .two-col-cart .accordion .trigger.open:before { content: '' !important; /* font-size: 31px !important; */ background-color: #000 !important; height: 2px !important; width: 10px !important; right: 13px !important; top: 4px !important; transform: none; } @media screen and (max-width: 770px) { .two-col-cart .accordion .trigger.open:before { right: 3px !important; } } .accordion .content { height: 0; position: relative; overflow: hidden; transition: all height 0.35s ease ease-out; transition: height 0.35s ease; } .accordion .content.open { height: auto; } /* ============================================ Global Messages ============================================ */ .messages { margin: 16px 0; } .messages > li { margin-top: 8px; } .messages > li:first-child { margin-top: 0; } .messages > li > ul li { background-color: #d4cbc1; padding: 10px 1.96560197%; text-transform: uppercase; line-height: 15px; } /* ============================================ Breadcrumbs ============================================ */ .breadcrumbs { padding: 23px 0; font-size: 13px; } .breadcrumbs ul { *zoom: 1; zoom: 1; } .breadcrumbs ul:before, .breadcrumbs ul:after { display: table; content: ""; line-height: 0; } .breadcrumbs ul:after { clear: both; } .breadcrumbs ul:before, .breadcrumbs ul:after { content: " "; display: table; } .breadcrumbs ul:after { clear: both; } .breadcrumbs li { float: left; text-transform: uppercase; } .breadcrumbs li a span { padding: 0; } .breadcrumbs li span { padding: 0 8px; } .breadcrumbs li strong { font-weight: normal; } .breadcrumbs li a { color: #493627; } .breadcrumbs .last { white-space: nowrap; width: 40%; overflow: hidden; text-overflow: ellipsis; display: none; } .breadcrumbs li:nth-last-child(2) > span { display: none; } /* ============================================ Custom Scrollbars (tinyscrollbar) ============================================ */ .scrollbar-container { overflow: hidden; } .scrollbar-container .scroll { float: right; width: 5px; } .scrollbar-container .scrollbar { width: 5px; background-color: #d4cbc1; float: right; position: relative; } .scrollbar-container .scrollbar.disable { display: none; } .scrollbar-container .scrollbar .thumb { background-color: #fb8c6e; width: 5px; position: absolute; top: 0; left: 0; cursor: pointer; height: 20px; } .scrollbar-container .viewport { position: relative; margin-right: 5px; } .scrollbar-container .viewport .overview { position: absolute; left: 0; top: 0; } /* ============================================ Global Header ============================================ */ .header-container { box-shadow: 0px 3px 3px rgba(50, 50, 50, 0.25); } .header-container .header { margin: 20px 0; } .header-panel { height: 28px; } .header-container .branding, .header-container .logo { float: left; } .header-container .logo { position: relative; display: block; z-index: 10; cursor: pointer; text-indent: -999em; width: 435px; height: 48px; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-position: left bottom; background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .header-container .logo { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .header-container .header-panel { background-color: #f0f0f0; line-height: 28px; *zoom: 1; zoom: 1; } .header-container .header-panel:before, .header-container .header-panel:after { display: table; content: ""; line-height: 0; } .header-container .header-panel:after { clear: both; } .header-container .header-panel:before, .header-container .header-panel:after { content: " "; display: table; } .header-container .header-panel:after { clear: both; } .header-container .header-panel a { color: #665b50; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; } .header-container .header-panel .phone-sales-hours { float: left; margin-left: 10px; } .header-container .header-panel .hours-sales-title { margin-left: 10px; margin-right: 24px; cursor: pointer; position: relative; } .header-container .header-panel .hours-sales-title:after { content: ''; position: relative; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #493627; transition: all 0.35s ease; display: inline-block; left: 5px; top: -1px; } .header-container .header-panel .hours-sales-title.active:after { content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #493627; transition: all 0.35s ease; transform: rotate(180deg); } .header-container .header-panel .phone-agents-availability { display: none; position: absolute; z-index: 99; overflow: hidden; background-color: #f0f0f0; border: 1px solid red; border-width: 0px; box-shadow: 0px 1px 1px #888888; padding: 15px; padding-top: 5px; } .header-container .header-panel .phone-agents-availability .schedule { display: table; } .header-container .header-panel .phone-agents-availability li { display: table-row; } .header-container .header-panel .phone-agents-availability div.day { display: table-cell; text-align: right; padding-right: 15px; } .header-container .header-panel .phone-agents-availability div.time { display: table-cell; text-align: left; } .header-container .header-panel .phone-agents-availability div.clear { clear: both; } .header-container .header-panel .phone-agents-availability .exceptions { text-align: center; } .header-container .header-panel .phone-agents-availability .exceptions div, .header-container .header-panel .phone-agents-availability .exceptions li { padding: 0px 10px; text-align: center; display: block; } .header-container .header-panel .phone-schedule { font-size: 14px; } .header-container .header-panel .phone-agents { float: left; white-space: nowrap; } .header-container .header-panel .phone-agents #phone-agents-available { float: left; } .header-container .header-panel .phone-agents strong { margin-left: 18px; float: left; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; } .header-container .header-panel .phone-agents strong:before { content: ''; width: 21px; height: 14px; margin: 7px 6px 0 0; display: inline-block; vertical-align: top; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-position: -62px 0; background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .header-container .header-panel .phone-agents strong:before { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .header-container .header-panel .phone-agents p { display: inline-block; vertical-align: top; line-height: 28px; margin: 0 20px 0 0; } .header-container .header-panel .click-to-chat { float: left; display: block; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; } @media only screen and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { .header-container .header-panel .click-to-chat, .sticky-chat { display: none; } } @media screen and (max-width: 769px) { .header-container .header-panel .click-to-chat, .sticky-chat { display: none; } } .header-container .header-panel .click-to-chat:before { content: ''; width: 21px; height: 14px; margin: 7px 6px 0 0; display: inline-block; vertical-align: top; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-position: -92px 0; background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .header-container .header-panel .click-to-chat:before { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .header-container .header-panel ul.links { float: right; } .header-container .header-panel ul.links .first a { margin-right: 7px; } .header-container .header-panel ul.links .last a { margin-left: 7px; } .header-container .header-panel ul.links .last:before { content: " | "; } .header-container .header-panel p.welcome-msg { float: right; margin: 0 12px 0 0; line-height: 28px; } .ie8 .header-container .header-panel .hours-sales-title.active:after { border-top: 5px solid #493627; } @media screen and (max-width: 530px) { .header-container .header-panel .phone-agents-availability { right: 5px; } } @media screen and (max-width: 479px) { .phone-sales-hours { display: none; } } .header-container .free-shipping-msg { float: right; margin: 0 40px 0 0; } .header-container .free-shipping-msg a { font-size: 13px; margin-bottom: 0; color: #000; font-family: Arial, Helvetica, sans-serif; } .header-container .free-shipping-msg a span { font-family: Arial, Helvetica, sans-serif; color: #f2693f; display: block; font-size: 19px; height: 19px; line-height: 19px; text-transform: uppercase; position: relative; font-weight: normal; } .header-container .quick-access { float: right; margin-top: 4px; } .header-container .quick-access .top-cart .mini-cart { border: solid 3px #d4cbc1; cursor: pointer; } .header-container .quick-access .top-cart .mini-cart > a { width: 72px; height: 38px; background-color: #d4cbc1; border: solid 1px #e9e5e0; text-align: center; display: block; color: #493627; } .header-container .quick-access .top-cart .mini-cart .cart-icon { display: block; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; background-position: -25px 0; width: 27px; height: 25px; margin: 5px 4px 0 0; display: inline-block; vertical-align: top; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .header-container .quick-access .top-cart .mini-cart .cart-icon { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .header-container .quick-access .top-cart .mini-cart .cart-qty { font-size: 15px; line-height: 33px; display: inline-block; vertical-align: top; } /* Top & Footer links - shared styles */ ul.links { overflow: hidden; } ul.links li { display: inline; } /* ============================================ Navigation & Site Search ============================================ */ .nav-search { background: transparent url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/main-nav-bg.jpg") repeat-x 0 0; *zoom: 1; zoom: 1; } .nav-search:before, .nav-search:after { display: table; content: ""; line-height: 0; } .nav-search:after { clear: both; } .nav-search:before, .nav-search:after { content: " "; display: table; } .nav-search:after { clear: both; } .form-search-mini { margin-top: 13px; float: right; width: 23.00089847%; } .form-search-mini input[type="text"] { padding: 6px 4.42477876%; border: none; float: left; width: 218px; width: calc(100% - 30px); min-height: 30px; } .form-search-mini button { text-indent: -9999px; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; background-position: 6px 6px; background-color: #fff; height: 30px; width: 30px; border: none; padding: 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .form-search-mini button { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .nav-container { float: left; width: 72.5965858%; } /* All Levels */ #main-nav .last-item { margin-right: 0; } #main-nav li.level-top { display: block; float: left; margin-right: 2.72277228%; padding: 0 3.46534653%; position: relative; z-index: 1; transition: all background-color 0.24s ease-out, padding .2s linear ease-out; transition: background-color 0.24s ease-out, padding .2s linear; } #main-nav li.level-top.first { margin-left: -3.09405941%; } #main-nav li.level-top.last { margin-right: 0; } #main-nav li.level-top a { color: #fff; } #main-nav li.level-top a.level-top { display: block; padding: 18px 0; font-size: 15px; text-transform: uppercase; } #main-nav li.level-top a.level-top span { white-space: nowrap; } #main-nav li.level-top.over { background-color: #e5a656; text-decoration: none; } #main-nav li.level-top .dropdown { background-color: #e5a656; display: none; opacity: 0; position: absolute; top: 100%; left: 0; min-width: 200px; overflow: hidden; padding: 27px; *zoom: 1; zoom: 1; box-shadow: 0px 3px 3px rgba(50, 50, 50, 0.25), inset 0px 3px 3px rgba(50, 50, 50, 0.25); } #main-nav li.level-top .dropdown:before, #main-nav li.level-top .dropdown:after { display: table; content: ""; line-height: 0; } #main-nav li.level-top .dropdown:after { clear: both; } #main-nav li.level-top .dropdown:before, #main-nav li.level-top .dropdown:after { content: " "; display: table; } #main-nav li.level-top .dropdown:after { clear: both; } #main-nav li.level-top .dropdown .level0, #main-nav li.level-top .dropdown .spiff { display: table-cell; vertical-align: top; padding-left: 40px; } #main-nav li.level-top .dropdown .level0:first-child, #main-nav li.level-top .dropdown .spiff:first-child { padding-left: 0; } #main-nav li.level-top .dropdown .level0 li a, #main-nav li.level-top .dropdown .spiff li a { display: block; font-size: 14px; padding: 4px; text-decoration: none; color: #fff; white-space: nowrap; } #main-nav li.level-top .dropdown .spiff a { display: block; } #main-nav li.level-top .dropdown .spiff img { max-width: none; } #main-nav li.level-top.nav-2.over, #main-nav li.level-top.nav-2 .dropdown { background-color: #91c4db; } #main-nav li.level-top.nav-3.over, #main-nav li.level-top.nav-3 .dropdown { background-color: #ccc36a; } #main-nav li.level-top.nav-4.over, #main-nav li.level-top.nav-4 .dropdown { background-color: #9b8e92; } #main-nav li.level-top.nav-5.over, #main-nav li.level-top.nav-5 .dropdown { background-color: #a8c4b9; } #main-nav li.level-top.nav-5 .dropdown { left: auto; right: 0; } /* ============================================ Mini-Cart ============================================ */ .top-cart { position: relative; } .top-cart #mini-cart .product-details table, .top-cart #mini-cart .product-details th, .top-cart #mini-cart .product-details td { display: inline-block; text-align: left; } .top-cart #mini-cart .product-details table th { padding-right: 5px; } .top-cart .block-content { position: absolute; top: 100%; right: 0; width: 326px; background-color: #ffffff; border: 1px solid #d4cbc1; text-align: left; text-transform: uppercase; padding-bottom: 10px; } .top-cart .cart-empty { padding: 10px 10px 0; margin-bottom: 0; text-align: center; } .top-cart li { *zoom: 1; zoom: 1; padding: 10px; position: relative; border-top: 1px solid #d4cbc1; } .top-cart li:before, .top-cart li:after { display: table; content: ""; line-height: 0; } .top-cart li:after { clear: both; } .top-cart li:before, .top-cart li:after { content: " "; display: table; } .top-cart li:after { clear: both; } .top-cart li:first-child { border-top: none; } .top-cart li .product-name { margin-bottom: 0; line-height: 16px; } .top-cart li .product-name a { color: #493627; } .top-cart li .product-image { float: left; width: 22.08588957%; } .top-cart li .product-details { float: left; width: 67.48466258%; margin-left: 3.06748466%; line-height: 16px; } .top-cart li .price { color: #8c8c8c; } .top-cart li .btn-remove { display: block; width: 15px; height: 15px; position: absolute; top: 0; right: 0; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; background-position: left -254px; text-indent: -999em; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .top-cart li .btn-remove { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .top-cart .subtotal { *zoom: 1; zoom: 1; padding: 0 10px; border-top: 1px solid #d4cbc1; border-bottom: 1px solid #d4cbc1; } .top-cart .subtotal:before, .top-cart .subtotal:after { display: table; content: ""; line-height: 0; } .top-cart .subtotal:after { clear: both; } .top-cart .subtotal:before, .top-cart .subtotal:after { content: " "; display: table; } .top-cart .subtotal:after { clear: both; } .top-cart .subtotal a { float: left; display: block; line-height: 30px; } .top-cart .subtotal .total { float: right; line-height: 30px; } .top-cart .actions { *zoom: 1; zoom: 1; padding: 10px 10px 0; } .top-cart .actions:before, .top-cart .actions:after { display: table; content: ""; line-height: 0; } .top-cart .actions:after { clear: both; } .top-cart .actions:before, .top-cart .actions:after { content: " "; display: table; } .top-cart .actions:after { clear: both; } .top-cart .actions .button { float: right; width: 136px; padding: 0; } .top-cart .paypal-logo { width: 166px; float: left; margin-bottom: 0; } .top-cart .paypal-logo a { float: left; width: 136px; } .top-cart .paypal-logo .paypal-or { line-height: 30px; width: 30px; text-align: center; float: right; } /* ============================================ Reusable Social Media Icons ============================================ */ .social-icons { margin-right: 0; *zoom: 1; zoom: 1; } .social-icons:before, .social-icons:after { display: table; content: ""; line-height: 0; } .social-icons:after { clear: both; } .social-icons:before, .social-icons:after { content: " "; display: table; } .social-icons:after { clear: both; } .social-icons ul { width: 92px; } .social-icons li { float: left; margin-bottom: 6px; } .social-icons .icon { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-color: #6e6256; background-position: 12px -26px; background-repeat: no-repeat; display: block; width: 42px; height: 42px; text-indent: -9999px; border-radius: 42px; transition: all background-color 0.24s ease-out ease-out; transition: background-color 0.24s ease-out; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .social-icons .icon { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .social-icons .icon:hover { background-color: #fb8c6e; } .social-icons .icon-pinterest { margin-right: 8px; } .social-icons .icon-facebook { background-position: -38px -26px; } .social-icons .icon-blog { background-position: 12px -75px; margin-right: 8px; } .social-icons .icon-google { background-position: -38px -75px; } /* ============================================ Footer ============================================ */ .footer { background-color: #d5cbc2; *zoom: 1; zoom: 1; } .footer:before, .footer:after { display: table; content: ""; line-height: 0; } .footer:after { clear: both; } .footer:before, .footer:after { content: " "; display: table; } .footer:after { clear: both; } .footer .newsletter-form { background-color: #6e6256; } .footer .form-subscribe { display: table; width: 100%; padding: 13px 0; } .footer .form-subscribe .form-subscribe-header { display: table-cell; vertical-align: middle; padding-right: 2%; } .footer .form-subscribe .form-subscribe-header label { color: #fff; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; font-size: 20px; text-transform: uppercase; } .footer .form-subscribe .form-subscribe-header .g-reference { color: #fff; font-size: 10px; display: block; } .footer .form-subscribe .field-wrapper { display: inline-block; display: table-cell; vertical-align: middle; width: 31.11111111%; } .footer .form-subscribe .field-wrapper button { border: none; background-color: #ffffff; width: 30px; height: 30px; padding: 0; } .footer .form-subscribe .field-wrapper button span { margin-top: 8px; } .footer .form-subscribe .field-wrapper .validation-advice { padding-top: 6px; } .footer .form-subscribe .field-wrapper .input-box { float: left; width: 303px; width: calc(100% - 30px); } .footer .form-subscribe .field-wrapper .input-box input { border: none; padding: 6px 4.42478%; height: 30px; } .footer .footer-links { margin: 50px auto; } .footer .footer-links .column { display: inline-block; vertical-align: top; margin-right: 6.01851852%; } .footer .footer-links .column.social-icons { margin-right: 0; } .footer .footer-links .column h4, .footer .footer-links .column li { margin-bottom: 12px; } .footer .footer-links .column h4, .footer .footer-links .column h4 a, .footer .footer-links .column a { color: #493627; } .footer .footer-links .column h4 { text-transform: uppercase; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; } .footer .footer-links .footer-phone { display: none; } .footer .footer-links .spiffs { float: right; width: 35.74074074%; } .footer .footer-links .spiffs .column { margin-right: 0; width: 47.40932642%; } .footer .footer-links .spiffs .column:first-child { margin-right: 3.10880829%; } .arrow-right { text-indent: -999em; width: 0; height: 0; display: inline-block; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 6px solid #64594e; } .icon { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); display: block; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .icon { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .footer .legal-info { padding-bottom: 30px; } .footer .legal-info address, .footer .legal-info p { display: inline-block; color: #493627; } .footer .legal-info p { margin-left: 24px; } .footer .legal-info p a { color: #493627; } .footer .legal-info p .separator { margin: 0 8px; } .footer .legal-info .web-code { float: right; font-size: 14px; } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2019 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ /* ============================================ Homepage ============================================ */ .cms-index-index .content-pane { max-width: none; width: 100%; margin-bottom: 0; } .cms-index-index .messages { margin: 0; text-align: center; } .cms-index-index .carousel-nav { display: none; opacity: 0; filter: alpha(opacity=0); transition: all opacity .2s linear, bottom .2s ease ease-out; transition: opacity .2s linear, bottom .2s ease; } .cms-index-index .carousel-nav.show { opacity: 100; filter: alpha(opacity=10000); opacity: 1; filter: alpha(opacity=100); } .cms-index-index .carousel-control { display: none; opacity: 0; filter: alpha(opacity=0); transition: all opacity .2s linear, margin-top .2s ease ease-out; transition: opacity .2s linear, margin-top .2s ease; } .cms-index-index .carousel-control.show { opacity: 100; filter: alpha(opacity=10000); opacity: 1; filter: alpha(opacity=100); } .cms-index-index .std .spiffs { *zoom: 1; zoom: 1; } .cms-index-index .std .spiffs:before, .cms-index-index .std .spiffs:after { display: table; content: ""; line-height: 0; } .cms-index-index .std .spiffs:after { clear: both; } .cms-index-index .std .spiffs:before, .cms-index-index .std .spiffs:after { content: " "; display: table; } .cms-index-index .std .spiffs:after { clear: both; } .cms-index-index .std .spiffs li { float: left; width: 48.88888889%; margin-left: 2.22222222%; } .cms-index-index .std .spiffs li:first-child { margin-left: 0; } .cms-index-index .std .spiffs li img { display: block; } /* ============================================ Product Detail Page ============================================ */ .catalog-product-view .content-pane { position: relative; } @media screen and (max-width: 740px) { .catalog-product-view a.product-image { display: none !important; } } .catalog-product-view .freightDetails { color: #fb8c6e; text-transform: capitalize; } .product-view { *zoom: 1; zoom: 1; } .product-view:before, .product-view:after { display: table; content: ""; line-height: 0; } .product-view:after { clear: both; } .product-view:before, .product-view:after { content: " "; display: table; } .product-view:after { clear: both; } #back-order p { border-bottom: 1px solid #d4cbc1; margin: 0; padding: 15px 0; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; color: red; font-size: 13px; } .product-img-box { float: left; width: 57.40740741%; transition: all width 0.2s linear ease-out; transition: width 0.2s linear; } .product-img-box .image-zoom { cursor: crosshair; width: 100% !important; } .product-img-box #hero { display: none; } .product-img-box .MagicZoomBigImageCont img { max-width: none; } .product-img-box .MagicZoomHint { margin: 10px 0 0 10px; text-indent: -999em; width: 44px; height: 44px; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; background-position: -533px 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .product-img-box .MagicZoomHint { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .product-img-box .more-views { padding: 0 6.77419355%; overflow: hidden; margin: 8px auto 20px; position: relative; } .product-img-box .more-views ul { position: relative; left: 0; } .product-img-box .more-views li { float: left; } .product-img-box .more-views li a { display: block !important; border: 1px solid #f0f0f0; } .product-img-box .more-views li a img { display: block; } @media screen and (min-width: 980px) { .product-img-box .more-views .owl-carousel .owl-controls { display: block !important; } } @media screen and (max-width: 980px) { .product-img-box .more-views .owl-carousel .owl-buttons div.owl-next, .product-img-box .more-views .owl-carousel .owl-buttons div.owl-prev { display: none; } .product-img-box .more-views .owl-carousel { padding: 0; } } .product-img-box .btn-wrapper { position: absolute; left: 0; top: 0; background-color: #ffffff; height: 100%; width: 6.77419355%; padding: 0; } .product-img-box .btn-wrapper + .btn-wrapper { right: 0; left: auto; } .product-img-box .btn-wrapper .banana-control { position: absolute; top: 50%; right: 0; width: 100%; height: 42px; margin-top: -21px; padding: 0; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-color: #ffffff; background-repeat: no-repeat; background-position: -712px -83px; text-indent: -999em; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .product-img-box .btn-wrapper .banana-control { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .product-img-box .btn-wrapper .banana-control.next { right: 0; left: auto; background-position: right -83px; } .configured-qty { font-weight: bold; font-size: 14px; } .configured-qty.hidden { display: none; } .product-shop { float: right; width: 40.37037037%; transition: all width 0.2s linear ease-out; transition: width 0.2s linear; } .product-shop h1 { line-height: 29px; margin-bottom: 18px; } .product-shop .price-box { margin-bottom: 12px; } .product-shop .price-box p { margin-bottom: 0; display: inline-block; vertical-align: top; } .product-shop .price-box .special-price .price, .product-shop .price-box .regular-price .price, .product-shop .price-box .old-price .price { font-size: 24px; line-height: 24px; margin-right: 10px; } .product-shop .price-box .special-price .price-label, .product-shop .price-box .regular-price .price-label, .product-shop .price-box .old-price .price-label { font-size: 24px; line-height: 24px; color: #474747; margin-right: 5px; } .product-shop .price-box .special-price .price { color: #f06a46; } .product-shop .price-box .special-price.was-special .price { color: #474747; } .product-shop .price-box .old-price { color: #8c8c8c; } .product-shop .price-box .was-old-price { color: #8c8c8c; display: none; } #grouped-min-price .was-old-price { display: inline-block; } .product-shop .price-box .old-price ~ .special-price, .product-shop .price-box .was-old-price ~ .special-price { display: block !important; } .product-shop .price-box .old-price .price, .product-shop .price-box .was-old-price .price { text-decoration: line-through; } .product-shop .price-box .was-old-price.hide { display: none; } .product-shop .price-box .was-old-price.hide ~ .special-price .price { color: #493627; } .product-shop .msrp-price { display: none; margin-bottom: 0; text-transform: uppercase; line-height: 24px; font-size: 14px; color: #6e6256; } .product-shop .sku { position: absolute; top: 0; right: 0; padding: 23px 0; font-size: 13px; } .product-shop .sku em { font-size: 14px; } .product-shop .product-main-info { border-bottom: 1px solid #d4cbc1; } .product-shop .options-container-big, .product-shop .add-to-box { padding-top: 20px; border-bottom: 1px solid #d4cbc1; } .product-shop .options-container-big .guest-email-form { margin-top: 0; } .product-shop .call-order, .product-shop .ratings, .product-shop .free-shipping { border-top: 1px solid #d4cbc1; padding: 15px 0 0 0; } .product-shop .call-order .separator, .product-shop .ratings .separator, .product-shop .free-shipping .separator { padding: 0 10px; } .product-shop .call-order p, .product-shop .ratings p, .product-shop .free-shipping p, .product-shop .call-order a, .product-shop .ratings a, .product-shop .free-shipping a { margin-bottom: 0; line-height: 20px; text-transform: uppercase; color: #493627; } .product-shop .call-order p strong, .product-shop .ratings p strong, .product-shop .free-shipping p strong, .product-shop .call-order a strong, .product-shop .ratings a strong, .product-shop .free-shipping a strong { font-weight: normal; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; } .product-shop .call-order p { font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; } .product-shop .options-list { margin-bottom: 30px; position: relative; } .product-shop .options-list .configured-qty { position: absolute; } .product-shop .options-list li { margin-top: 15px; } .product-shop .options-list li:first-child { margin-top: 0; } .product-shop .options-list label { font-size: 14px; line-height: 21px; text-transform: uppercase; display: inline-block; vertical-align: top; margin-bottom: 4px; } @media screen and (max-width: 740px) { .product-shop .product-options-bottom, .product-shop .add-to-box { position: relative; padding-right: 94px; } } @media screen and (max-width: 740px) { .product-shop .add-to-cart button.button { padding: 0; width: calc(100% - 77px); } } .product-shop .options-container-big:after, .product-shop .add-to-box:after { display: table; content: ""; clear: both; } .product-shop .warranty-badge { max-width: 125px; display: block; float: right; margin-top: -10px; margin-right: 40px; } @media screen and (max-width: 1150px) { .product-shop .warranty-badge { margin-right: 20px; } } @media screen and (max-width: 950px) { .product-shop .warranty-badge { margin-right: 0; } } @media screen and (max-width: 900px) { .product-shop .warranty-badge { width: 115px; margin-top: -4px; } } @media screen and (max-width: 868px) { .product-shop .warranty-badge { width: 125px; margin-top: -10px; } } @media screen and (max-width: 740px) { .product-shop .warranty-badge { position: absolute; right: 0; } } .product-shop .warranty-badge img { display: block; } .product-shop .add-to-cart { background-color: #f06a46; transition: all background-color 0.24s ease-out, color 0.24s ease-out ease-out; transition: background-color 0.24s ease-out, color 0.24s ease-out; width: 210px; margin-bottom: 28px; float: left; } .product-shop .add-to-cart:hover { background-color: #fb8c6e; } .product-shop .add-to-cart .qty { width: 29px; border: none; margin: 14px 0 0 14px; padding: 5px 0; } .product-shop .add-to-cart .button { padding: 0 0 0 10px; background-color: transparent; line-height: 56px; padding: 0 25px; } @media screen and (max-width: 740px) { .product-shop .add-to-cart .button { padding: 0 10px; } } .product-shop .add-to-cart .button[disabled] { opacity: 100; filter: alpha(opacity=10000); opacity: 1; filter: alpha(opacity=100); } .product-shop .share-this { border-bottom: 1px solid #d4cbc1; padding: 20px 0; } .product-shop .share-this .st_email, .product-shop .share-this .sharebtn { display: inline-block; vertical-align: top; } .product-shop .share-this .st_email { margin: 3px 4px 0 0; } .product-shop .share-this .stMainServices { height: 22px !important; } .product-shop .share-this .st_fblike_hcount > span { padding: 0 !important; margin: 1px 3px 0 0 !important; } .product-shop .share-this .st_sharethis > span { margin-top: 3px !important; } .product-shop .share-this .stHBubble { height: 21px !important; } .product-shop .share-this .print-btn { margin-top: 1px; text-indent: -999em; background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; background-position: -165px -45px; height: 20px; width: 60px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .product-shop .share-this .print-btn { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .product-shop .stock-notifications .availability { display: none !important; } .product-shop .stock-notifications p { margin-bottom: 0; padding: 15px 0; border-top: 1px solid #d4cbc1; text-transform: uppercase; } .product-shop .short-description { font-size: 13px; padding: 20px 0; border-bottom: 1px solid #d4cbc1; } .product-shop .short-description .ship-date { padding-top: 28px; margin-bottom: 0; } .product-shop .accordion .std { font-size: 13px; padding-bottom: 26px; } .product-shop .accordion .std ul { list-style: disc; padding-left: 20px; } .product-shop .accordion .std ul li { padding-bottom: 8px; line-height: 16px; } .product-shop .attribute-list { font-size: 13px; margin-bottom: 26px; } .product-shop .attribute-list li { line-height: 24px; } .product-shop .guest-email-form { margin: 20px 0 20px; padding-bottom: 20px; border-bottom: 1px solid #d4cbc1; } .product-shop .guest-email-form p { text-transform: uppercase; margin-bottom: 5px; } .product-shop .guest-email-form .buttons-set { margin-top: 10px; } .product-shop .guest-email-form .buttons-set .button { width: 210px; } .product-shop .regular-price { display: inline-block; } .product-shop .price-box > .label { font-size: 24px; line-height: 24px; margin-right: 5px; } .product-shop #ReviewHeader a { color: #474747; } .box-reviews h2 { margin-bottom: 20px; } .box-reviews .rating-box { float: none; } .box-reviews .review-title { line-height: 17px; text-transform: uppercase; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; } .box-reviews .review-meta { margin: 0; line-height: 24px; } .box-reviews .rating-box { margin: 6px 0 10px; } .box-reviews .review-content { line-height: 19px; } .box-reviews .review-listing > li { padding-top: 56px; } .box-reviews .review-listing > li:first-child { padding-top: 0; } .box-reviews .pager { background-color: #f0f0f0; padding: 0 4.58715596%; margin: 46px 0 36px; } .box-reviews .pager .limiter { display: none; } .box-reviews .pager .amount { margin-bottom: 0; line-height: 55px; } .pdf-lising li { line-height: 24px; } .review-form .stars { padding-bottom: 20px; } .review-form .stars label { text-transform: none; font-size: 12px; } .review-form .style-radio { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png"); background-repeat: no-repeat; background-color: transparent; background-position: -110px -375px; border-radius: 0; width: 22px; height: 20px; display: block; float: left; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .review-form .style-radio { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite2x.png"); background-size: 800px 600px; } } .review-form .style-radio.active { background-position: -88px -375px; } .review-form .style-radio input[type="radio"] { width: 24px; height: 20px; cursor: pointer; } .review-form .buttons-set { padding: 26px 0; } .product-view .box-collateral { float: left; width: 57.40740741%; margin-bottom: 24px; } .product-view .box-collateral .box-title h2 { font-size: 16px; line-height: 48px; } .product-view .products-grid .item { width: 30.96774194%; margin-left: 3.5483871%; margin-bottom: 0; } .product-view .products-grid .item:first-child { margin-left: 0; } .product-view .products-grid .item .product-name { text-transform: uppercase; line-height: 18px; overflow: hidden; text-overflow: ellipsis; max-height: 54px; } .product-view .product-shop h1 { margin-bottom: 0px; } @media (-webkit-min-device-pixel-ratio: 0) { .product-view .products-grid .item .product-name { display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ -webkit-box-orient: vertical; } } .product-view .resource-links li { line-height: 24px; } /*Grouped Products*/ .grouped-items-list .grouped-result { position: relative; padding: 28px 0; border-bottom: 1px solid #d4cbc1; } .grouped-items-list .grouped-result .configured-qty { position: absolute; bottom: 5px; } .grouped-items-list .grouped-result .product-name { font-size: 18px; line-height: 24px; } .grouped-items-list .grouped-result .options-list { margin: 28px 0 0 0; } /* ============================================ Catalog Product Compare Popup Window ============================================ */ .catalog-product-compare-index { padding: 0 5.88235294%; } #product_comparison .product-data-wrapper { max-width: 200px; min-width: 180px; } #product_comparison tbody tr td { border: none; } #product_comparison tbody tr.last td { padding-bottom: 40px; } #product_comparison tfoot td { padding: 40px 0 55px; border-top: 1px solid #6e6256; } #product_comparison .product-name { display: inline-block; margin: 3px 0 10px; } #product_comparison .product-name a { color: #493627; text-transform: uppercase; } #product_comparison .price-box { margin-bottom: 12px; text-transform: uppercase; color: #8c8c8c; } #product_comparison .price-box p { margin-bottom: 0; line-height: 1em; } #product_comparison .price-label { display: none; } #product_comparison .old-price { text-decoration: line-through; float: left; margin-right: 15px; } #product_comparison .special-price { color: #eb7a5b; } #product_comparison th { text-transform: uppercase; font-size: 13px; padding: 10px 54px 10px 0; text-align: left; } .catalog-product-compare-index a.button { padding: 0 20px; margin-right: 15px; } #product_comparison .remove { color: #493627; font-size: 10px; text-transform: uppercase; line-height: 29px; } .catalog-product-compare-index .please-wait { line-height: 29px; text-transform: uppercase; display: block; vertical-align: top; margin: 10px 0 0 0; } .catalog-product-compare-index .please-wait img { padding-right: 4px; } /* ============================================ Category Landing ============================================ */ .category-landing .sidebar h2 { font-size: 15px; position: relative; line-height: 15px; padding: 4px 0; text-transform: uppercase; } .category-landing .sidebar ol li { padding-top: 10px; } .category-landing .sidebar ol li a { color: #493627; } .category-landing .category-title { display: block; padding: 13px; margin-bottom: 30px; background-color: #e5a656; } .category-landing.category-lighting .category-title { background-color: #9b8e92; } .category-landing .category-title h1 { border: 1px solid #ffffff; border: 1px solid rgba(255, 255, 255, 0.4); text-align: center; color: #ffffff; font-size: 45px; line-height: 1em; padding: 15px 0; } .category-landing .category-title h1:before { text-transform: lowercase; content: 'shop'; display: block; font-family: 'NewBaskervilleW01-Itali', georgia, times, serif; font-size: 20px; line-height: 30px; text-align: center; } .category-landing.category-kitchen .category-title { background-color: #91c4db; } .category-landing.category-hardware .category-title { background-color: #ccc36a; } .category-landing.category-home-accents .category-title { background-color: #9b8e92; } .category-landing.category-outdoor .category-title { background-color: #a8c4b9; } .category-landing .categories-list { *zoom: 1; zoom: 1; } .category-landing .categories-list:before, .category-landing .categories-list:after { display: table; content: ""; line-height: 0; } .category-landing .categories-list:after { clear: both; } .category-landing .categories-list:before, .category-landing .categories-list:after { content: " "; display: table; } .category-landing .categories-list:after { clear: both; } .category-landing .categories-list li { float: left; width: 22.34636872%; margin-right: 3.46368715%; padding-bottom: 3.46368715%; position: relative; } .category-landing .categories-list li .category-image { display: block; } .category-landing .categories-list li .category-image img { display: block; } .category-landing .categories-list li .category-name { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; font-size: 12px; line-height: 1em; bottom: 4px; left: 0; padding-bottom: 10px; color: #493627; } .category-landing .categories-list li.category-3, .category-landing .categories-list li.category-5 { margin-right: 0; } .category-landing .categories-list li.end { margin-right: 0; } .category-landing .categories-list li:first-child { width: 48.04469274%; margin-right: 3.46368715%; } .category-landing .widget-static-block { margin-top: 36px; } .category-landing .widget-static-block a, .category-landing .widget-static-block img { display: block; } .category-landing .widget-static-block a { margin-top: 10px; } .category-landing .widget-static-block a:first-child { margin-top: 0; } .catalog-category-view .price-box span.label + p.starting-at { display: none !important; } .catalog-category-view p.starting-at { display: inline-block; } .catalog-category-view .products-list .item .price-box p.old-price { display: inline-block; } .catalog-category-view .products-list .item .price-box p.old-price .price-label { display: none; } /* ============================================ Shopping Cart ============================================ */ .cart .page-title { *zoom: 1; zoom: 1; } .cart .page-title:before, .cart .page-title:after { display: table; content: ""; line-height: 0; } .cart .page-title:after { clear: both; } .cart .page-title:before, .cart .page-title:after { content: " "; display: table; } .cart .page-title:after { clear: both; } .cart .page-title h1 { float: left; } .cart .page-title .cc-methods { float: right; width: 21.75925926%; } .cart .page-title .cc-methods .push { height: 78px; display: table-cell; vertical-align: middle; } .cart .page-title .vip-message { text-transform: uppercase; margin: 27px 0 27px 2.31481481%; float: left; } .cart .page-title .vip-message .push { height: 24px; display: table-cell; vertical-align: bottom; } .cart .data-table { margin-bottom: 28px; } .cart .data-table td { padding-top: 18px; padding-bottom: 18px; border-color: #6e6256; } .cart .data-table td:first-child { padding-left: 0; width: 51.85185185%; } .cart .data-table .product-name { font-size: 12px; } .cart .data-table .product-name a { color: #493627; } .cart .data-table .product-image { width: 18.11594203%; outline: none; } .cart .data-table .product-image:focus { outline: none; } .cart .data-table .product-details { margin-left: 2.89855072%; width: 62.5%; } .cart .data-table .notice { line-height: 14px; margin-bottom: 0; padding: 10px 0; color: #f06a46; } .cart .data-table .cart-price { color: #8c8c8c; } .cart .data-table .qty { width: 30px; padding: 6px 0; border: none; background-color: #d4cbc1; } .cart .data-table .btn-remove { text-transform: uppercase; outline: none; } .cart .data-table tfoot td { padding: 15px 0; border-bottom: 1px solid #6e6256; } .cart .data-table tfoot .button { margin-left: 10px; } .cart .cart-collaterals { float: left; width: 47.22222222%; } .cart .totals { float: right; width: 52.77777778%; background-color: #f0f0f0; } .cart .discount, .cart .shipping { width: 210px; float: right; } .cart .discount .buttons-set, .cart .shipping .buttons-set { padding-top: 8px; } .cart .discount .trigger, .cart .shipping .trigger { font-size: 12px; margin-bottom: 8px; cursor: pointer; line-height: 30px; } .cart .discount .trigger:before, .cart .shipping .trigger:before { margin-top: 0; top: 12px; right: 12px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #493627; } .cart .discount .trigger:after, .cart .shipping .trigger:after { display: none; } .cart .discount .form-list .customStyleSelectBox, .cart .shipping .form-list .customStyleSelectBox { background-color: #ffffff; border: 1px solid #6e6256; } .cart .shipping { margin-right: 9.80392157%; } .cart .discount { margin-left: 0; float: left; } .cart .cart-collaterals.coupon-block-hidden .shipping { margin-top: 0; } .cart .totals { padding: 20px; *zoom: 1; zoom: 1; } .cart .totals:before, .cart .totals:after { display: table; content: ""; line-height: 0; } .cart .totals:after { clear: both; } .cart .totals:before, .cart .totals:after { content: " "; display: table; } .cart .totals:after { clear: both; } .cart .totals table { float: left; width: 47.36842105%; } .cart .totals .checkout-types { float: right; } .cart .totals .paypal-logo { margin-bottom: 0; } .cart .totals .paypal-logo a { display: block; text-align: center; } .cart .totals .paypal-or { display: block; line-height: 26px; text-align: center; } .cart .sp-methods dt { display: none; } /* ============================================ Paypal Express Order Review ============================================ */ .paypal-review-order .legend { font-size: 16px; line-height: 24px; } .paypal-review-order .form-list-narrow { margin-bottom: 20px; } .paypal-review-order .col2-set .col-1, .paypal-review-order .col2-set .col-2 { width: 210px; padding-right: 0; } .paypal-review-order .col2-set .col-1 { margin-right: 19.44444444%; } .paypal-review-order .buttons-set-order { float: right; background-color: #f0f0f0; width: 305px; padding: 0 20px 30px 20px; } .paypal-shipping-method { margin: 30px 0; } .paypal-shipping-method h3 { font-size: 14px; line-height: 21px; text-transform: uppercase; display: inline-block; vertical-align: top; margin-bottom: 5px; } .paypal-shipping-method .button { display: block; } .paypal-shipping-method fieldset, .paypal-shipping-method p { margin-bottom: 8px; } .paypal-shipping-method p { line-height: 14px; } .paypal-shipping-method .please-wait { line-height: 29px; text-transform: uppercase; display: block; vertical-align: top; margin-top: 8px; } .paypal-shipping-method .please-wait img { padding-right: 4px; } /* ============================================ Customer Account ============================================ */ .my-account .buttons-set { padding-top: 36px; } .my-account .separator { margin: 0 10px; } .my-account table .separator { margin: 0 0.96969697%; } .my-account a { text-transform: uppercase; } /*Login Page*/ .account-login .col2-set .col-1, .account-login .col2-set .col-2 { width: 34.25925926%; } /*Forgot Password*/ .customer-account-forgotpassword .fieldset { margin-bottom: 21px; } /*Create an Account*/ .account-create .fieldset { margin-bottom: 21px; } /*My Account Navigation Sidebar*/ .my-account-section .col2-left-layout .col-left { width: 23.42592593%; } .my-account-section .col2-left-layout .col-main { width: 74.44444444%; } .block-account { margin-top: 27px; background-color: #d4cbc1; padding: 9.09090909% 6% 9.09090909% 9.09090909%; } .block-account .block-title { text-transform: uppercase; font-size: 14px; margin-bottom: 20px; } .block-account .block-title strong, .block-account .block-content li.current strong { font-weight: normal; } .block-account .block-content li { line-height: 23px; } .block-account .block-content li a { color: #493627; } .block-account .block-content li a:hover, .block-account .block-content li.current { color: #eb7a5b; } /*select*/ .block-account .block-content.mobile { display: none; } /*Dashboard*/ .dashboard { padding-top: 27px; } .dashboard .welcome-msg h2 { font-size: 24px; margin-bottom: 11px; } .my-account .table-caption { margin-bottom: 12px; text-transform: uppercase; font-size: 16px; } .my-account .data-table { margin-bottom: 40px; } .my-account .data-table td { text-transform: uppercase; } .my-account .data-table thead th { line-height: 1em; padding: 14px 1.96560197%; } .my-account address { line-height: 21px; } .my-account .info-box { /*margin-bottom: 21px; need to check where on PSD's it is 21px and let AV know*/ margin-bottom: 40px; } .my-account h2 { font-size: 16px; } .my-account .info-box a { line-height: 21px; } /*Account Information*/ .customer-account-edit .form-list .control { margin-top: 28px; } /*Address Book*/ .addresses-list .sub-title { margin-bottom: 27px; } .addresses-list .box-title { text-transform: uppercase; font-size: 16px; } .addresses-additional a { line-height: 21px; } .customer-address-form .form-list .fields:first-of-type .field:first-of-type { margin-top: 0; } .customer-address-form .fieldset:nth-child(2) .form-list li:first-child { margin-top: 8px; } .customer-address-form .buttons-set button { float: left; margin-right: 30px; margin-bottom: 20px; } .customer-address-form .buttons-set .back-link { display: block; float: left; line-height: 29px; } .customer-address-form .buttons-set .back-link small { display: none; } /*My Orders*/ .my-account-section .amount { float: left; display: none; } .my-account-section .amount strong { font-weight: normal; } .my-account-section .limiter { float: left; } .my-account-section .limiter label { text-transform: uppercase; line-height: 30px; vertical-align: top; } .my-account-section .pages { float: right; line-height: 30px; } .my-account-section .pages ol, .my-account-section .pages ol li, .my-account-section .pages strong { line-height: 30px !important; } .my-account-section #my-orders-table { margin-bottom: 20px; } .my-account-section .limiter .customStyleSelectBox { width: 60px; } .my-account-section .order-buttons { *zoom: 1; zoom: 1; } .my-account-section .order-buttons:before, .my-account-section .order-buttons:after { display: table; content: ""; line-height: 0; } .my-account-section .order-buttons:after { clear: both; } .my-account-section .order-buttons:before, .my-account-section .order-buttons:after { content: " "; display: table; } .my-account-section .order-buttons:after { clear: both; } .sales-order-view .order-date { clear: both; margin: 40px 0; } .sales-order-view .my-account .info-box { margin-bottom: 40px; } .my-account .table-caption a, .my-account .sub-title a { font-size: 12px; } .my-account .order-items .buttons-set { padding: 0; } .order-items .grand_total td { padding: 16px 0 20px; } .order-items .grand_total strong { font-weight: normal; } .order-items .totals-box a.button { width: 100%; text-align: center; } .sales-order-history .buttons-set .back-link { display: none; } .order-page .buttons { float: right; } .order-page .title-buttons { *zoom: 1; zoom: 1; } .order-page .title-buttons:before, .order-page .title-buttons:after { display: table; content: ""; line-height: 0; } .order-page .title-buttons:after { clear: both; } .order-page .title-buttons:before, .order-page .title-buttons:after { content: " "; display: table; } .order-page .title-buttons:after { clear: both; } /*Order view with tabs*/ .order-info ul { background-color: #d4cbc1; margin: 20px 0 40px; *zoom: 1; zoom: 1; } .order-info ul:before, .order-info ul:after { display: table; content: ""; line-height: 0; } .order-info ul:after { clear: both; } .order-info ul:before, .order-info ul:after { content: " "; display: table; } .order-info ul:after { clear: both; } .order-info ul li { float: left; line-height: 45px; padding: 0; cursor: pointer; position: relative; } .order-info ul li a { color: #493627; line-height: 15px; padding: 15px 25px 16px; } .order-info ul li a:hover { background-color: #493627; color: #ffffff; } .order-info ul li strong { font-weight: normal; color: #ffffff; text-transform: uppercase; background-color: #493627; padding: 15px 25px 16px; line-height: 15px; } .order-info ul li strong:before { content: " "; width: 0; height: 0; position: absolute; top: 45px; left: calc(45%); float: left; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #493627; } .order-info ul li a[href*="invoice"] { display: none; } .my-account-section #my-returns-table { margin-bottom: 20px; } .enterprise-rma-return-returns .my-account .buttons-set { padding-top: 0; } .data-table.tracking-table tbody tr td { padding: 0 10px 0 0; line-height: 20px; border: none; text-transform: capitalize; } .data-table.tracking-table tbody tr td span { color: #eb7a5b; } .sales-order-view .buttons-set .back-link { display: block; } /*My order detail - print*/ .page-print { margin: 0 auto; padding: 20px; width: 960px; padding: 40px 0; } .page-print .print-head { margin-bottom: 40px; } .page-print h1 { margin-bottom: 20px; } .page-print .product-details { width: 400px; } .page-print .col2-set { margin-bottom: 20px; } .page-print .col2-set h2 { margin-bottom: 6px; } .page-print .data-table { margin: 20px 0; } .page-print table.subtotal { width: 328px; float: right; } .page-print .subtotal td, .page-print .subtotal th { text-align: left !important; font-size: 12px; line-height: 21px; text-transform: uppercase; } .page-print .subtotal td + td, .page-print .subtotal th + th, .page-print .subtotal th + td, .page-print .subtotal td + th { text-align: right !important; } .page-print .subtotal .grand_total td { padding-top: 16px; font-size: 19px; } .page-print address, .page-print table { margin-bottom: 20px; } /*Newsletter Subscriptions*/ .newsletter-manage-index .input-box { float: left; } .newsletter-manage-index .control { line-height: 23px; } /*My Credit Cards*/ .authorizenetcim-account-add .form-list .month-wrap, .authorizenetcim-account-add .form-list .year-wrap { float: left; } .authorizenetcim-account-add .form-list .month-wrap .select-wrap, .authorizenetcim-account-add .form-list .year-wrap .select-wrap, .authorizenetcim-account-add .form-list .month-wrap .customStyleSelectBox, .authorizenetcim-account-add .form-list .year-wrap .customStyleSelectBox { width: 100px; } .authorizenetcim-account-add .form-list .year-wrap { margin-left: 10px; } /*My Returns*/ .enterprise-rma-return-history .buttons-set { padding-top: 0; } .enterprise-rma-return-history .buttons-set .back-link small { display: none; } #rma_create_form > .order-page, #rma_create_form > .fieldset, #rma_create_form > .form-list { padding-bottom: 40px; border-bottom: 1px solid #d4cbc1; margin-bottom: 40px; } #rma_create_form ul li, #rma_create_form .field { *zoom: 1; zoom: 1; } #rma_create_form ul li:before, #rma_create_form .field:before, #rma_create_form ul li:after, #rma_create_form .field:after { display: table; content: ""; line-height: 0; } #rma_create_form ul li:after, #rma_create_form .field:after { clear: both; } #rma_create_form ul li:before, #rma_create_form .field:before, #rma_create_form ul li:after, #rma_create_form .field:after { content: " "; display: table; } #rma_create_form ul li:after, #rma_create_form .field:after { clear: both; } #registrant_options { margin-top: 9px; } #registrant_options .fields .field, #registrant_options .fields > li { margin-top: 0; margin-bottom: 20px; } .my-account .buttons-set#return-another-item { padding-top: 20px; } #rma_create_form label { float: left; width: 16.16915423%; text-transform: capitalize; font-size: 12px; margin-right: 4.97512438%; } #rma_create_form label:after { content: ": "; } #rma_create_form .order-page h5, #rma_create_form ul li .input-box { float: left; width: 26.11940299%; line-height: 21px; } #qty_requested_block_0 .input-text { background-color: #d4cbc1; width: 30px; border: none; } #rma_create_form ul li .input-box.comment { width: 78.85572139%; } #rma_create_form #rma_comment { width: 365px; max-width: 100%; height: 150px; } .my-account #rma_create_form .buttons-set.last { padding-top: 0; } .my-account #rma_create_form .buttons-set button { float: left; margin-right: 30px; margin-bottom: 20px; } .my-account #rma_create_form .buttons-set .back-link { float: left; line-height: 29px; } .enterprise-rma-return-view .box-title { font-size: 16px; text-transform: uppercase; } .enterprise-rma-return-view .box-title { margin-bottom: 10px; } #track-info-table td { border-bottom: 1px solid #d4cbc1; } .enterprise-rma-return-view #rma_comment_text { height: 100px; max-width: 100%; } .enterprise-rma-return-view .my-account .buttons-set { padding-top: 0; margin-bottom: 40px; } .my-account .data-table#my-returns-message-log { margin-bottom: 20px; } #my-returns-message-log td.last { text-transform: none; } .enterprise-rma-return-view .back-link a small, .enterprise-rma-return-view .shipping-address br:first-child { display: none; } .enterprise-rma-tracking-popup { padding: 20px; } .enterprise-rma-tracking-popup th { font-weight: normal; text-transform: uppercase; padding: 10px 1.96560197%; } .enterprise-rma-tracking-popup div > * { margin-bottom: 20px; } .enterprise-rma-return-view .buttons-set .back-link, .enterprise-rma-return-create .buttons-set .back-link { display: block; } /*Store Credit*/ .storecredit .account-balance { margin-bottom: 20px; } .giftcardaccount .buttons-set button { margin: 0 20px 20px 0; } /*Review Listing*/ #my-reviews-table a { display: block; } #my-reviews-table .rating-box { float: none; } /* ============================================ CMS pages ============================================ */ .cms-page-view .content-pane { margin-bottom: 115px; } .cms-page-view .page-title h1, .catalogrequest-form-index .page-title h1, .sales-guest-form .page-title h1 { padding-top: 0; } /*CMS Menu*/ .cms-mobile-menu { display: none; } .cms-menu .parent > a { display: none; } .cms-menu ul { background-color: #d4cbc1; margin-bottom: 30px; *zoom: 1; zoom: 1; } .cms-menu ul:before, .cms-menu ul:after { display: table; content: ""; line-height: 0; } .cms-menu ul:after { clear: both; } .cms-menu ul:before, .cms-menu ul:after { content: " "; display: table; } .cms-menu ul:after { clear: both; } .cms-menu ul li { float: left; line-height: 45px; padding: 0; cursor: pointer; position: relative; } .cms-menu ul li a { color: #493627; line-height: 15px; padding: 15px 50px 16px; text-transform: uppercase; } .cms-menu ul li a:hover { background-color: #493627; color: #ffffff; } .cms-menu ul li strong { font-weight: normal; color: #ffffff; text-transform: uppercase; background-color: #493627; padding: 15px 50px 16px; line-height: 15px; transition: all padding 0.2s linear ease-out; transition: padding 0.2s linear; } .cms-menu ul li strong:before { content: " "; width: 0; height: 0; position: absolute; top: 45px; left: 50%; margin-left: -5px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #493627; } /*Contact Us*/ #contactForm .buttons-set, #catalog-request .buttons-set, #oar_widget_orders_and_returns_form .buttons-set { padding-top: 20px; } .contacts-index-index .col-main .col-2, .trade-page-wr .col-2 { width: 40%; } .trade-page-wr p { font-size: 14px; } /*FAQ*/ .faq-menu { margin-bottom: 40px; } .faq-menu li { line-height: 24px; } .faq-menu li a, .cms-faq dl dt { color: #493627; text-transform: uppercase; font-size: 16px; line-height: 24px; } .faq-menu li a:hover { color: #eb7a5b; } .cms-faq dl dd { margin-bottom: 30px; } /*Careers*/ .std .data-table td { text-transform: uppercase; } .cms-careers .std { margin: 0 auto; } /*About us*/ .std .col3-set > div { float: left; width: 32%; margin-right: 2%; } .std .col3-set .last { margin-right: 0; } /*Media Center*/ .cms-media-center .col2-set .col-1 { width: 59.72222222%; } .cms-media-center .col2-set .col-2 { width: 33.7962963%; float: right; padding-right: 0; } .media-container { margin-bottom: 45px; *zoom: 1; zoom: 1; } .media-container:before, .media-container:after { display: table; content: ""; line-height: 0; } .media-container:after { clear: both; } .media-container:before, .media-container:after { content: " "; display: table; } .media-container:after { clear: both; } .media-container h2 { font-size: 24px; margin-bottom: 20px; } .media-container .date { margin-bottom: 5px; font-weight: bold; } .media-container h4 { margin-bottom: 15px; font-weight: bold; } .press-container { margin-bottom: 25px; *zoom: 1; zoom: 1; } .press-container:before, .press-container:after { display: table; content: ""; line-height: 0; } .press-container:after { clear: both; } .press-container:before, .press-container:after { content: " "; display: table; } .press-container:after { clear: both; } .press-container img { float: left; margin-right: 2.3255814%; } .press-release ul li { margin-bottom: 30px; } .std .social-icons ul { width: 100%; } .std .social-icons li { width: 50%; } .std .social-icons .icon { text-indent: 10px; text-transform: uppercase; color: #493627; line-height: 42px; padding-left: 42px; } .media-container.video { margin-bottom: 25px; } .media-container.video > div { width: 49%; margin-right: 2%; margin-bottom: 20px; } .media-container.video > .last { margin-right: 0%; } /*Our Heritage*/ .cms-our-heritage .col2-set .col-1 { width: 39.35185185%; } .cms-our-heritage .col2-set .col-2 { width: 59.25925926%; float: right; padding-right: 0; } .cms-our-heritage .std img { margin-bottom: 10px; } .yt-holder { position: relative; padding-bottom: 56.80751174%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 10px; } .yt-holder iframe, .yt-holder object, .yt-holder embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .facebook-holder .fb_iframe_widget, .facebook-holder .fb_iframe_widget span, .facebook-holder .fb_iframe_widget span iframe[style] { width: 100% !important; } /*404 and 503*/ .cms-no-route .std, .cms-service-unavailable .std { margin: 0 auto; } /*Generic Pager*/ .page-sitemap .pager, .my-account .pager { *zoom: 1; zoom: 1; text-transform: uppercase; margin-top: 21px; } .page-sitemap .pager:before, .my-account .pager:before, .page-sitemap .pager:after, .my-account .pager:after { display: table; content: ""; line-height: 0; } .page-sitemap .pager:after, .my-account .pager:after { clear: both; } .page-sitemap .pager:before, .my-account .pager:before, .page-sitemap .pager:after, .my-account .pager:after { content: " "; display: table; } .page-sitemap .pager:after, .my-account .pager:after { clear: both; } .page-sitemap .amount, .my-account .amount { float: left; } .page-sitemap .pages, .my-account .pages { float: right; margin-left: 0; } .page-sitemap .pages strong, .my-account .pages strong, .page-sitemap .pages ol, .my-account .pages ol, .page-sitemap .pages ol li, .my-account .pages ol li { float: left; line-height: 22px; margin-bottom: 0; } .page-sitemap .pages > strong, .my-account .pages > strong, .page-sitemap .amount > strong, .my-account .amount > strong { font-weight: normal; } .page-sitemap .pages ol li, .my-account .pages ol li { margin: 0 4px; } .page-sitemap .pages ol li.current, .my-account .pages ol li.current { font-weight: bolder; } .page-sitemap .pages .arrow-right, .my-account .pages .arrow-right, .page-sitemap .pages .arrow-left, .my-account .pages .arrow-left { position: relative; top: 3px; } #sitemap_top_links { text-transform: uppercase; font-size: 16px; } /* narvar-implementation-UI-for-product-page */ .product-shop .estimated-delivery { padding: 2px 0 15px 0; } .product-shop .estimated-delivery a { color: #f06a46; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; } .product-shop .estimated-delivery strong { text-transform: uppercase; font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; } .product-shop .estimated-delivery-disabled { padding: 0 0 15px 0; } @media screen and (max-width: 600px) { #checkout-shipping-method-load ul li input[type="radio"] { vertical-align: top; } } @media screen and (max-width: 600px) { #checkout-shipping-method-load .estimated-delivery { float: none; padding: 0; } } #checkout-shipping-method-load .estimated-delivery span { font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; color: #f06a46; text-transform: capitalize; } .popup-ed { width: 100%; height: 100%; display: none; position: fixed; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.6); z-index: 9999; } .popup-ed .popup-inner { max-width: 380px; width: 380px; padding: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; text-align: center; } .popup-ed .popup-inner h4 { line-height: 22px; font-size: 17px; text-transform: uppercase; margin-bottom: 15px; } .popup-ed .popup-inner .input-text { padding: 10px; text-align: center; font-size: 13px; border: solid 1px #000; margin-bottom: 6px; } .popup-ed .popup-inner input[type=number]::-webkit-inner-spin-button, .popup-ed .popup-inner input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .popup-ed .popup-inner button { background: #D4CBC0; color: #000; text-align: center; padding: 5px; font-size: 13px; margin-top: 10px; width: 100%; } .popup-ed .popup-inner button:hover { background: #c4bbb0; } .popup-ed .popup-inner a { color: #f06a46; text-transform: uppercase; font-size: 13px; margin-top: 15px; display: inline-block; } @media screen and (max-width: 480px) { .popup-ed .popup-inner { max-width: 95%; width: 95%; } } .trade-form-content { font-size: 15px; margin-bottom: 30px; } .trade-form-content img.trade-hero { margin-bottom: 15px; visibility: visible; display: inline; width: 506px; height: inherit; } @media screen and (min-device-width: 320px) and (max-device-width: 750px), (max-width: 750px) { .trade-form-content img.trade-hero { visibility: hidden; display: none; width: 0px; height: 0px; } } .trade-form-content p { font-size: 15px; } .trade-form-content p strong { font-weight: bold; } .trade-form-content > p { margin-bottom: 15px; } @media screen and (max-device-width: 768px) { .trade-form-content > p { margin-top: 15px; } } .trade-form-content .additional-details { font-size: 14px; } .trade-form-content .additional-details h4 { text-transform: uppercase; margin-bottom: 5px; font-size: 16px; } .trade-form-content .additional-details div ul { list-style-position: outside; list-style-type: disc; padding-left: 15px; } .trade-form-content .additional-details div ul li { margin-bottom: 5px; margin-left: 10px; } .trade-form-content .additional-details div:first-child { float: left; width: 60%; } @media screen and (max-device-width: 768px) { .trade-form-content .additional-details div:first-child { width: 100%; margin-bottom: 15px; } } .trade-form-content .additional-details div:last-child { float: right; width: 40%; } @media screen and (max-device-width: 768px) { .trade-form-content .additional-details div:last-child { width: 100%; } .trade-form-content .additional-details div:last-child p { margin-bottom: 0px; } } .trade-index-index .col-right-content { float: right; width: 38%; } @media screen and (max-device-width: 768px) { .trade-index-index .col-right-content { width: 100%; } } .trade-index-index .col2-set { float: left; width: 60%; } @media screen and (max-device-width: 768px) { .trade-index-index .col2-set { width: 100%; } } .trade-index-index .col2-set .col-1, .trade-index-index .col2-set .col-2 { width: 50%; } @media screen and (max-device-width: 768px) { .trade-index-index .col2-set .col-1, .trade-index-index .col2-set .col-2 { width: 100%; } } .trade-page-wr .page-title h1 { padding: 20px 0 20px 0; } .trade-page-wr .col-right-content { float: right; width: 38%; } @media screen and (max-device-width: 768px) { .trade-page-wr .col-right-content { width: 100%; } } .trade-page-wr .col2-set { float: left; width: 60%; } @media screen and (max-device-width: 768px) { .trade-page-wr .col2-set { width: 100%; } } .trade-page-wr .col2-set .col-1, .trade-page-wr .col2-set .col-2 { width: 50%; } @media screen and (max-device-width: 768px) { .trade-page-wr .col2-set .col-1, .trade-page-wr .col2-set .col-2 { width: 100% !important; padding-right: 0 !important; } } @media screen and (max-device-width: 768px) { .trade-page-wr .col2-set .col-1 .form-list .input-box, .trade-page-wr .col2-set .col-2 .form-list .input-box { width: 100%; } } .trade-form-contact { margin-top: 30px; } .trade-form-contact h4 { text-transform: uppercase; margin-bottom: 5px; font-size: 16px; } .trade-form-contact ul { margin-bottom: 20px; font-size: 14px; line-height: 24px; } .trade-form-contact ul li p { font-size: 14px; } .trade-form-contact ul li a { font-size: 14px; } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2019 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ /* ============================================ Modal Minicart Styles ============================================ */ div.fancybox-wrap.cart-overlay { z-index: 9999; background: rgba(0, 0, 0, 0.7); } @media screen and (max-width: 740px) { div.fancybox-wrap.cart-overlay { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; height: 100% !important; overflow: auto !important; } } div.fancybox-wrap.cart-overlay .fancybox-close { background: #D4CBC1; top: 20px; right: 20px; } div.fancybox-wrap.cart-overlay .fancybox-close:after { content: "X Close"; color: #4B382A; font-size: 12px; } div.fancybox-wrap.cart-overlay .fancybox-skin { border-radius: 0 !important; padding: 0 !important; } div.fancybox-wrap.cart-overlay .fancybox-skin .fancybox-inner { height: auto !important; } @media screen and (max-width: 740px) { div.fancybox-wrap.cart-overlay .fancybox-skin .fancybox-inner { width: 100% !important; } } .modal-cart { width: 100%; } .modal-cart .modal-cart-header { background: #F0F0F0; margin-bottom: 30px; padding: 25px 20px; } @media screen and (max-width: 740px) { .modal-cart .modal-cart-header { padding-top: 60px; } } .modal-cart .modal-cart-header .title { font-size: 18px; color: #f06a46; line-height: 18px; text-transform: uppercase; } .modal-cart .modal-cart-header .vip-message { font-size: 12px; line-height: 15px; color: #474747; text-transform: uppercase; } .modal-cart .group { margin-bottom: 20px; } .modal-cart .group:after { content: ""; display: table; clear: both; } @media screen and (max-width: 740px) { .modal-cart .group { margin-bottom: 0; } } .modal-cart .added-item { width: 60%; float: left; padding: 0 20px 40px; border-right: 1px solid #474747; } .modal-cart .added-item:after { content: ""; clear: both; } @media screen and (max-width: 740px) { .modal-cart .added-item { width: 100%; border: none; padding-bottom: 20px; } } .modal-cart .added-item .product:after { content: ""; clear: both; } .modal-cart .added-item .product-image { width: 50%; float: left; margin-bottom: 20px; } .modal-cart .added-item .product-info { float: left; width: 50%; padding-left: 20px; text-transform: uppercase; } .modal-cart .added-item .product-info .product-name { font-size: 12px; color: #474747; line-height: 15px; } .modal-cart .added-item .product-info .sku, .modal-cart .added-item .product-info .qty, .modal-cart .added-item .product-info .price, .modal-cart .added-item .product-info .subtotal { font-size: 12px; color: #474747; line-height: 15px; width: 100%; text-align: left; } .modal-cart .added-item .product-info-details { float: left; width: 100%; padding-left: 0; } .modal-cart .added-item .product-info-details .product-options { list-style-type: disc; clear: both; padding-left: 15px; margin-bottom: 5px; } .modal-cart .added-item .product-info-details .product-options li { font-size: 12px; color: #474747; line-height: 15px; } .modal-cart .added-item .product-info-details .notice { line-height: 14px; margin-bottom: 0; padding: 10px 0; color: #f06a46; } .modal-cart .cart-totals { width: 40%; float: right; padding: 0 20px 40px; position: relative; } .modal-cart .cart-totals:after { content: ""; clear: both; } @media screen and (max-width: 740px) { .modal-cart .cart-totals { width: 100%; border: none; padding-bottom: 30px; } } .modal-cart .cart-totals .total-title { font-size: 12px; color: #474747; line-height: 15px; text-transform: uppercase; margin-bottom: 20px; } .modal-cart .cart-totals h2 { font-size: 18px !important; margin-bottom: 0 !important; } .modal-cart .cart-totals h2:after { content: ":"; margin-right: 10px; } .modal-cart .cart-totals table { width: 100%; display: table; margin: 0 auto; } .modal-cart .cart-totals table tbody, .modal-cart .cart-totals table tfoot { width: 100%; } .modal-cart .cart-totals table tbody td, .modal-cart .cart-totals table tfoot td { font-size: 12px; color: #474747; line-height: 15px; text-transform: uppercase; } .modal-cart .cart-totals table tbody tr:first-child td:first-child:after, .modal-cart .cart-totals table tfoot tr:first-child td:first-child:after { content: ":"; margin-right: 10px; } .modal-cart .cart-totals table tbody tr:nth-child(2), .modal-cart .cart-totals table tbody tr:nth-child(3), .modal-cart .cart-totals table tfoot tr:nth-child(3) { display: none; } .modal-cart .cart-totals table tbody tr#estimated-shipping, .modal-cart .cart-totals table tfoot tr#estimated-shipping { display: table-row; } .modal-cart .cart-totals table tbody tr#estimated-shipping td:first-child:after, .modal-cart .cart-totals table tfoot tr#estimated-shipping td:first-child:after { content: ":"; margin-right: 10px; } .modal-cart .cart-totals table tfoot td.shipping-cost { float: right; } .modal-cart .cart-totals table .summary-collapse:after { content: ":"; margin-right: 10px; } .modal-cart .cart-totals table tr:last-child td:first-child:after { content: ":"; margin-right: 10px; } .modal-cart .cart-totals tfoot tr td { padding-top: 20px; } .modal-cart .cart-totals tfoot tr td span.price { float: right; text-align: right; } .modal-cart .cart-totals .a-right { text-align: left !important; } .modal-cart .cart-totals .button { width: 48%; display: block; margin: 0 auto; margin-top: 40px; line-height: 34px; font-size: 12px; padding: 0; float: left; } @media screen and (max-width: 840px) { .modal-cart .cart-totals .button { width: 100%; } } .modal-cart .cart-totals .btn-continue { color: #4B382A; background: #D4CBC1; } .modal-cart .cart-totals .btn-continue:hover { background: #c3bab0; } @media screen and (max-width: 840px) { .modal-cart .cart-totals .btn-continue { margin-top: 30px; } } @media screen and (max-width: 840px) { .modal-cart .cart-totals .btn-checkout { margin-top: 15px; } } .modal-cart .cart-totals .spacer { margin-right: 10px; } @media screen and (max-width: 840px) { .modal-cart .cart-totals .spacer { margin-right: 0; } } .cart-overlay .box-related { display: none; } .cart-overlay .box-up-sell { clear: both; background: #F0F0F0; padding-top: 10px; } .cart-overlay .box-up-sell h2 { font-family: 'NewBaskervilleW01-Itali', georgia, times, serif; font-size: 24px; color: #474747; line-height: 24px; margin-top: 10px; margin-bottom: 20px; text-align: center; text-transform: lowercase; } .cart-overlay .box-up-sell h2:before { content: "\2014"; color: #474747; padding-right: 10px; } .cart-overlay .box-up-sell h2:after { content: "\2014"; color: #474747; padding-left: 10px; } .cart-overlay .box-up-sell .products-grid.owl-carousel { width: 90%; margin: 0 auto; padding-bottom: 15px; } .cart-overlay .box-up-sell .products-grid.owl-carousel .owl-wrapper-outer { background: #fff; padding: 10px 0; margin: 0 auto; max-width: 582px; } .cart-overlay .box-up-sell .products-grid.owl-carousel .owl-item { padding: 0 10px; } .cart-overlay .box-up-sell .products-grid.owl-carousel li.item { width: 100%; margin: 0; padding: 0; float: none; } .cart-overlay .box-up-sell .products-grid.owl-carousel li.item .ratings-container { display: none; } .cart-overlay .box-up-sell .products-grid.owl-carousel li.item .product-name { text-align: left; text-transform: uppercase; font-size: 12px; line-height: 15px; min-height: auto !important; height: auto !important; margin-bottom: 0; } .cart-overlay .box-up-sell .products-grid.owl-carousel li.item .price-box { margin: 10px 0 0; text-align: left; text-transform: uppercase; } .cart-overlay .box-up-sell .products-grid.owl-carousel li.item .price { font-size: 12px; color: #9E9E9E; line-height: 15px; } .cart-overlay .box-up-sell .products-grid.owl-carousel li.item .price:before { content: "Starting at"; padding-right: 5px; } .cart-overlay .box-up-sell .products-grid.owl-carousel .owl-buttons i { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprites/arrows.png"); background-position: 7px 3px; width: 13px; height: 25px; background-size: 46px 25px; margin-top: -30px; border: 1px solid #9E9E9E; border-radius: 50%; padding: 16px; background-color: #fff; } .cart-overlay .box-up-sell .products-grid.owl-carousel .owl-buttons .owl-next i { background-position: -21px 3px; } .cart-overlay .box-up-sell .products-grid.owl-carousel .owl-buttons .owl-prev { left: -2%; } @media screen and (max-width: 475px) { .cart-overlay .box-up-sell .products-grid.owl-carousel .owl-buttons .owl-prev { left: 0; } } .cart-overlay .box-up-sell .products-grid.owl-carousel .owl-buttons .owl-next { right: -2%; } @media screen and (max-width: 475px) { .cart-overlay .box-up-sell .products-grid.owl-carousel .owl-buttons .owl-next { right: 0; } } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2019 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ /*ie7 fix*/ .ie7 .product-listing-view ul.products-grid, .ie7 .product-listing-view .bottom-container { clear: both; } .ie7 .form-search-mini button { display: block; float: left; } .ie7 .form-search-mini input[type="text"] { width: 70%; height: 18px; min-height: 18px; } .ie7 .hero-slide img { max-width: 1400px; width: 100%; /*height: 443px;*/ } .ie7 #hero .carousel-control { display: block !important; z-index: 10 !important; filter: alpha(opacity=100) !important; } .ie7 #hero .carousel-control.next { background: #fff url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png") no-repeat -364px 0; } .ie7 #hero .carousel-control.prev { background: #fff url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/sprite.png") no-repeat -290px 0; } .ie7 .cms-index-index .carousel-nav { display: block !important; filter: alpha(opacity=100) !important; } .ie7 #hero { height: 1400px; } .ie7 #featured-categories .menu ul { text-align: center; } .ie7 #featured-categories .menu ul li { display: inline; } .ie7 .footer .newsletter-form .form-subscribe-header { width: 50%; float: left; } .ie7 .footer .newsletter-form .field-wrapper { width: 40%; float: right; } .ie7 .footer .newsletter-form .input-box { width: 70%; float: left; background: #fff; height: 30px; } .ie7 .footer .newsletter-form .input-box input { width: 90%; height: 17px !important; min-height: 17px; display: block; } .ie7 .footer .newsletter-form button { float: left; position: relative; display: block; } .ie7 .footer .newsletter-form button .arrow-right { position: absolute; left: 10px; top: 0px; display: block; } .ie7 .header-container .header { margin: 0; padding: 20px 0; height: 48px; } .ie7 .footer .footer-links .column { float: left; display: block; } .ie7 .footer .legal-info address, .ie7 .footer .legal-info p { display: block; float: left; line-height: 21px; } .ie7 .toolbar .view-mode, .ie7 .toolbar .sort-by, .ie7 .toolbar .limiter, .ie7 .toolbar .pages { width: 20%; } .ie7 .toolbar .pages { width: 15%; } .ie7 .toolbar .limiter select, .ie7 .toolbar .limiter label { float: left; display: block; } /*search*/ .ie7 .form-search-mini { width: 246px; position: relative; } .ie7 .form-search-mini input#search { width: 196px; padding: 0 10px; display: block; line-height: 30px; height: 30px; position: absolute; top: 2px; left: 0; } .ie7 .form-search-mini button { width: 30px; height: 30px; position: absolute; top: 2px; right: 0; } /*END search*/ /*mail*/ .ie7 .no-respond .footer .form-subscribe .field-wrapper .input-box { width: 375px; } /*END mail*/ .ie7 .featured-listing .sidebar { padding: 0 20px; } .ie7 .featured-listing .sidebar h2 { padding-top: 20px; } .ie7 .featured-listing .sidebar .button { width: 192px; } /*front bottom carousel*/ .ie7 .carousel-nav li, .ie7 .banana-nav li { display: inline; } .ie7 .widget-featured-products .products-grid .item { width: 338px !important; margin-right: 33px !important; } /*END front bottom carousel*/ /*END ie7 fix*/ /* ============================================ IE8 Fixes ============================================ */ .ie8 .thumbnail-counter { display: none; } .ie8 img { width: auto; } .ie8 .container { width: 1080px !important; } .ie8 .cms-index-index .container { width: 100% !important; } .ie8 #hero { width: 1280px; } .ie8 #loginMessage { padding-left: 0; } .ie8 .nav-search { height: 54px; } .ie8 .increment_links span.less:after { border-top: 5px solid #493627; border-bottom: none; } .ie8 .featured-listing .sidebar { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2FFFFFF,endColorstr=#B2FFFFFF)"; zoom: 1; } .ie8 .product-shop .add-to-cart .qty, .ie8 .form-search-mini input[type="text"], .ie8 .footer .form-subscribe .field-wrapper .input-box input { height: 30px; min-height: 0; } .ie8 div#listrak-recs .listrak-recommendation { width: 150px; } .ie8 .tooltip-icon { display: none !important; } .ie8 .checkout-cart-index.two-col-cart .cart-form { width: 70%; float: left; } .ie8 .checkout-cart-index.two-col-cart #shopping-cart-table > thead { background-color: #eeeeee; } .ie8 .checkout-cart-index.two-col-cart .cart-collaterals { display: none; } .ie8 .checkout-cart-index.two-col-cart .totals { position: relative; float: right; width: 28.09% !important; border: 2px #D3CBC0 solid; background-color: #FFF !important; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; background-color: #FFF; } .ie8 .checkout-cart-index.two-col-cart .totals h2 { display: block; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; font-size: 18px; line-height: 22px; margin-bottom: 18px; text-transform: uppercase; } @media (max-width: 740px) { .ie8 .checkout-cart-index.two-col-cart .totals h2 { display: none; } } .ie8 .checkout-cart-index.two-col-cart .totals td, .ie8 .checkout-cart-index.two-col-cart .totals th { font-size: 14px; } .ie8 .checkout-cart-index.two-col-cart #shopping-cart-totals-table { width: 100% !important; } .ie8 .checkout-cart-index.two-col-cart #shopping-cart-totals-table tr { border-bottom: 2px #D3CBC0 solid; } .ie8 .checkout-cart-index.two-col-cart #shopping-cart-totals-table tr td { margin-top: 8px; padding: 9px 0px; } .ie8 .checkout-cart-index.two-col-cart #shopping-cart-totals-table tr:nth-child > td:nth-child(1) { float: left; } .ie8 .checkout-cart-index.two-col-cart #shopping-cart-totals-table tr:nth-child > td:nth-child(2) { float: right; } .ie8 .checkout-cart-index.two-col-cart #shopping-cart-totals-table tr td#shipping-cell { width: 100% !important; } .ie8 .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping { float: none; width: 100%; margin-left: 0; margin-top: 0; } .ie8 .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping h2.customStyleSelectBox { padding: 0; background-color: #FFF; width: 100%; line-height: 13px; height: 17px; font-size: 11px; color: #EB7A5B; margin-bottom: 0; margin-top: 3px; } .ie8 .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .trigger.customStyleSelectBox:before, .ie8 .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .trigger.swatch-select:before { position: absolute; content: '+'; width: 0; height: 0; top: 0; right: 23px; font-size: 20px; color: #000; margin-top: 0 !important; border: none !important; } .ie8 .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .customStyleSelectBox .open:before, .ie8 .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .swatch-select .open:before { position: absolute; content: '-'; width: 0; height: 0; top: 0 !important; right: 23px !important; font-size: 20px; color: #000; margin-top: 0 !important; border: none !important; } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2019 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ /* Bloomreach styles */ .bloomreach-container { clear: both; } .br-related-search { display: inline-block; width: 19.19642857%; float: left; margin-top: 20px; margin-bottom: 20px; } .br-related-search #br-related-searches-widget > div:nth-child(2) { padding-top: 5px; } .br-related-search #br-related-searches-widget > div:last-child { padding-bottom: 29px; } .br-related-products { display: inline-block; width: 78.125%; float: right; background-color: #f0f0f0; margin-top: 20px; margin-bottom: 20px; } #br-related-searches-widget { background-color: #f0f0f0; } #br-related-searches-widget div { color: #474747; } #br-related-searches-widget a { color: #474747; } .br-related-query { font-size: 12px; color: #eb7a5b; text-transform: capitalize; padding-left: 11.62790698%; line-height: 23px; } .br-related-heading { font-size: 16px; text-transform: uppercase; font-weight: bold; background-color: #ffffff; padding-bottom: 10px; } .br-top-query { font-size: 11px; } .br-top-heading { font-size: 12px; } .br-top-queries { float: left; width: 190px; } .br-top-end { clear: both; } .br-found-heading { font-size: 16px; font-weight: bold; text-transform: uppercase; background-color: #ffffff; padding-bottom: 10px; } div.br-sf-widget { height: auto; max-width: 145px; display: inline-block; margin-left: 2.64672037%; vertical-align: top; margin-top: 22px; } .br-sf-widget-merchant-desc { padding-top: 10px; color: #493627; } .br-sf-widget-merchant-title { padding-top: 4px; } .br-sf-widget-merchant-title a { color: #000; font-size: 12px; text-transform: uppercase; } .br-sf-widget-merchant-cont { position: relative; font-size: 12px; } .br-sf-widget-merchant-qv { padding-top: 10px; padding-bottom: 20px; display: block; } .br-sf-widget-merchant-qv a { color: #474747; } div.br-sf-widget .br-sf-widget-merchant-cont .br-sf-widget-merchant-img img { width: 100%; max-height: 145px; } .br-sf-widget-merchant-popup-desc-heading { font-weight: bold; } .br-sf-widget-merchant-popup-view { width: 100%; background-color: #f0f0f0; padding-top: 14px; } .br-sf-widget-merchant-popup-view a { color: #474747; } .br-sf-widget-merchant-popup-close { font-weight: bold; cursor: pointer; width: 100%; background-color: #f0f0f0; clear: both; } .br-sf-widget-merchant-popup-close a { color: #474747; } .br-sf-widget-merchant-popup-img { display: inline-block; padding: 0 10px 0 0; width: 190px; float: left; } .br-sf-widget-merchant-popup-img img { width: 190px; display: inline-block; } .br-sf-widget-merchant-popup-title { display: inline-block; vertical-align: top; width: 70%; text-transform: uppercase; } .br-sf-widget-merchant-popup-title a { color: #474747; } .br-sf-widget-merchant-popup-desc { display: inline-block; width: 70%; padding-top: 13px; color: #8c8c8c; } .br-sf-widget-merchant-popup-view a { color: #f06a46; text-transform: uppercase; } .br-sf-widget-merchant-popup-close { padding-top: 13px; } .quick-view { padding: 20px; } /* Changed Bloomreach mobile styles to trigger earlier */ @media screen and (max-width: 740px) { .br-related-search { display: block; width: 100%; margin-top: 0; margin-bottom: 24px; } #br-related-searches-widget { min-height: 0 !important; margin: 35px 0 0 0; background-color: #fff; } #br-related-searches-widget a { color: #eb7a5b; } #br-related-searches-widget a:hover, #br-related-searches-widget a:active { color: #fb8c6e; } .br-related-query { padding: 0; line-height: normal; margin-bottom: 5px; } .br-related-heading { font-weight: 400; } .br-related-products { display: block; width: 100%; margin: 0; float: none; clear: both; background-color: #fff; } .br-found-heading { font-weight: 400; margin-bottom: 15px; } .br-sf-widget-merchant-cont { clear: both; } div.br-sf-widget { display: block; width: 100%; margin: 0 auto; max-width: inherit; margin-bottom: 20px; } .br-sf-widget-merchant-img { float: left; width: 26.66666667%; margin-right: 4.34782609%; margin-bottom: 20px; } .br-sf-widget-merchant-title { min-height: 0px !important; } .br-sf-widget-merchant-title a { min-height: 0px !important; margin-bottom: 0; padding-top: 6px; } .br-sf-widget-merchant-desc { min-height: 0px !important; margin-bottom: 14px; color: #8c8c8c; } .br-sf-widget-merchant-qv { margin: 0; padding: 0; text-transform: uppercase; } .br-sf-widget-merchant-qv a { color: #f06a46; } .br-sf-widget-merchant-popup-img { display: inline-block; float: left; padding: 0; width: 26.66666667%; margin-right: 2.89855072%; } .br-sf-widget-merchant-popup-img { float: none; width: 100%; } .br-sf-widget-merchant-popup-img img { width: 100%; } .br-sf-widget-merchant-popup-title { width: 100%; padding-top: 7px; } .br-sf-widget-merchant-popup-desc { width: 100%; margin-bottom: 2.89855072%; } .br-sf-widget-merchant-popup-close { background: #fff; } .br-sf-widget-merchant-popup-view { width: 100%; background: #fff; padding: 0; } .quick-view { padding: 0; } .related-wrapper { min-height: 0px !important; } .catalog-category-view .br-related-search { padding: 10px; } .catalog-category-view .br-related-search #br-related-searches-widget > div:last-child { padding-bottom: 0; } .catalog-category-view .br-related-products { padding: 10px; } } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2019 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ .tooltipster-default { color: #393944; background: #fff; border: 1px solid #aea7a2; line-height: 17px; box-shadow: 0px 2px 2px #e4e4e4; -webkit-box-shadow: 0px 2px 2px #e4e4e4; -moz-box-shadow: 0px 2px 2px #e4e4e4; } /* Use this next selector to style things like font-size and line-height: */ .tooltipster-default .tooltipster-content { font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; font-size: 12px; line-height: 17px; padding: 15px !important; overflow: hidden; } /* This is the base styling required to make all Tooltipsters work */ .tooltipster-base { padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible; } .tooltipster-base .tooltipster-content { overflow: hidden; } .tooltipster-arrow { display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: -1px; z-index: -1; } .tooltipster-arrow.tooltipster-arrow-left { left: 1px; } .tooltipster-arrow.tooltipster-arrow-top-left { top: 1px; left: 2px; } .tooltipster-arrow.tooltipster-arrow-bottom-left { top: -1px; left: 2px; } .tooltipster-arrow span, .tooltipster-arrow-border { display: block; width: 0; height: 0; position: absolute; } .tooltipster-arrow-border { border-color: #aea7a2 !important; } .tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px; } .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -7px; } .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span { border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px; } .tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -7px; } .tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border { left: 0; right: 0; margin: 0 auto; } .tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span { left: 5px; } .tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border { left: 4px; } .tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span { right: 6px; } .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border { right: 5px; } .tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-left: 8px solid; top: 50%; margin-top: -7px; right: -7px; } .tooltipster-arrow-left .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-left: 9px solid; margin-top: -8px; } .tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 8px solid transparent !important; border-bottom: 8px solid transparent !important; border-right: 8px solid; top: 50%; margin-top: -7px; left: -7px; } .tooltipster-arrow-right .tooltipster-arrow-border { border-top: 9px solid transparent !important; border-bottom: 9px solid transparent !important; border-right: 9px solid; margin-top: -8px; } /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */ .tooltipster-fade { opacity: 0; transition-property: opacity; } .tooltipster-fade-show { opacity: 1; } .tooltipster-slide.tooltipster-dying { transition-property: all; left: 0px !important; opacity: 0; } /* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */ .tooltipster-content-changing { opacity: 0.5; transform: scale(1.1, 1.1); } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2019 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ /* ============================================ Listrack Styles ============================================ */ div#listrak-recs { border-top: 1px solid #E6DDD7; max-width: 1080px; margin-top: 40px; } div#listrak-recs h1 { padding: 10px 0px 10px 0px; } div#listrak-recs .listrak-recommendation { display: inline-block; width: 15%; margin-right: 2%; vertical-align: top; height: 100%; min-width: 155px; margin-bottom: 20px; } div#listrak-recs .listrak-recommendation .listrak-image-container { min-height: 162px; vertical-align: middle; position: relative; margin-bottom: 10px; } div#listrak-recs .listrak-recommendation .listrak-image-container img { max-width: 162px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } div#listrak-recs .listrak-recommendation .title-container { min-height: 40px; text-align: center; } div#listrak-recs .listrak-recommendation .title-container a { color: #000000; font-size: 14px; text-transform: uppercase; } div#listrak-recs .listrak-recommendation .ratings-container p.no-rating a { display: none; } div#listrak-recs .listrak-recommendation .ratings-container .ratings .rating-box { float: none; } div#listrak-recs .listrak-recommendation .ratings-container .ratings .rating-box .rating { margin: auto; } div#listrak-recs .listrak-recommendation .ratings-container .amount { display: none; } div#listrak-recs .listrak-recommendation .shopNow-container { text-align: center; padding-top: 10px; } div#listrak-recs .listrak-recommendation .shopNow-container a { font-style: italic; text-decoration: underline; font-size: 14px; } div#listrak-recs .listrak-recommendation:last-child { margin-right: 0px; } .listrak-recommendations .pr-snippet-read-write { display: none !important; } @media screen and (max-width: 740px) { div#listrak-recs h1 { border-bottom: 1px solid #E6DDD7; } div#listrak-recs .listrak-recommendation { padding-top: 10px; display: block; width: 100%; margin-right: 0; vertical-align: top; height: auto; clear: both; margin-bottom: 10px; border-top: 1px solid #E6DDD7; } div#listrak-recs .listrak-recommendation .listrak-image-container { min-height: 0px; vertical-align: top; position: relative; display: inline-block; min-width: 25%; float: left; max-width: 10%; } div#listrak-recs .listrak-recommendation .listrak-image-container img { max-width: 90%; position: relative; top: 0; left: 0; } div#listrak-recs .listrak-recommendation .title-container { min-height: 0px; text-align: left; display: inline-block; width: 75%; float: right; } div#listrak-recs .listrak-recommendation .ratings-container { display: inline-block; width: 75%; text-align: left; float: right; } div#listrak-recs .listrak-recommendation .ratings-container .ratings .rating-box { float: none; } div#listrak-recs .listrak-recommendation .ratings-container .ratings .rating-box .rating { margin: 15px 0; } div#listrak-recs .listrak-recommendation .shopNow-container { text-align: left; padding-top: 0px; display: inline-block; width: 75%; float: right; } div#listrak-recs .listrak-recommendation .shopNow-container a { font-style: italic; text-decoration: underline; font-size: 14px; padding-bottom: 10px; } div#listrak-recs .listrak-recommendation .clear-div { clear: both; } div#listrak-recs .listrak-recommendation:nth-child(2) { border-top: none; } .content-pane { position: relative; } .col2-left-layout .col-left.mobileNav { width: 100%; position: absolute; background: #fff; } } div[id^="ltkProductAlerts"] { margin-bottom: 20px; } div[id^="ltkProductAlerts"] .product-alert-message { margin: 10px 0 0; font-size: 15px; color: #f06a46; } div[id^="ltkProductAlerts"] strong { font-weight: 900; font-size: 105%; letter-spacing: .5px; line-height: 40px; } div[id^="ltkProductAlerts"] input[id^="txtEmailAddress"] { width: 50%; height: 39px; border: .5px solid #493627; padding-left: 10px; } div[id^="ltkProductAlerts"] button { width: 28%; height: 39px; margin-left: 5px; padding: 0; } div[id^="ltkProductAlerts"] p { line-height: 0; margin: 10px 0 15px 0; font-size: 15px; } #ltkProductSuccess { display: none; background: #d4cbc1; color: #493627; width: 100%; height: 60px; text-align: center; line-height: 60px; margin: auto; margin-top: 20px; } div[id^="ltkProductAlerts"] input[id^="txtEmailAddress"] { float: left; } div[id^="ltkProductAlerts"] .validation-advice { padding-bottom: 10px; float: left; } .add-to-cart.grey-out { display: none; } @media screen and (max-width: 741px) and (max-width: 910px) { #ltkProductSuccess { font-size: 11px; } } @media screen and (max-width: 480px) { div[id^="ltkProductAlerts"] input[id^="txtEmailAddress"] { width: 70%; } } @media screen and (max-width: 370px) { #ltkProductSuccess { font-size: 13.5px; line-height: 1; padding-top: 5%; } } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2019 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ /* ============================================ Email a Friend Feature ============================================ */ @media screen and (max-width: 740px) { .fancybox-wrap.fancybox-email-friend { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; height: 100% !important; overflow: auto !important; } } .fancybox-wrap.fancybox-email-friend .fancybox-inner { width: 100% !important; height: auto !important; } html.email-mobile-fancybox { height: 100%; overflow: hidden; } html.email-mobile-fancybox body { height: 100%; overflow: hidden; } #emailfriend { width: 100%; } #emailfriend #left-col { float: left; width: 50%; padding: 54px; background-color: #F0F0F0; } @media screen and (max-width: 740px) { #emailfriend #left-col { clear: both; width: 100%; padding-top: 54px; padding-bottom: 54px; } } #emailfriend #left-col .page-title h1 { font-size: 24px; line-height: 29px; padding: 0 0 10px; color: #493627; } #emailfriend #left-col .page-message { font-size: 14px; line-height: 17px; padding: 0 0 12px; color: #493627; } #emailfriend #right-col { float: left; width: 50%; padding: 54px 54px 80px; background-color: #fff; } @media screen and (max-width: 740px) { #emailfriend #right-col { clear: both; width: 100%; } } #emailfriend #right-col .fieldset { padding-top: 120px; padding-bottom: 40px; } @media screen and (max-width: 740px) { #emailfriend #right-col .fieldset { padding-top: 0; } } #emailfriend .form-list { text-align: left; } #emailfriend .form-list label { font-size: 14px; line-height: 17px; padding: 0 0 5px; color: #493627; } #emailfriend .form-list .input-box { width: auto !important; } #emailfriend .buttons-set.form-buttons { text-align: center; } #emailfriend button span { font-size: 18px; } @media screen and (max-width: 740px) { .fancybox-wrap.fancybox-email-friend-success { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; height: 100% !important; overflow: auto !important; } } .fancybox-wrap.fancybox-email-friend-success .fancybox-inner { width: 100% !important; } #emailFriendSuccess { width: 100%; height: 100%; background-color: #F0F0F0; text-align: center; padding: 160px 130px 150px; } @media screen and (max-width: 740px) { #emailFriendSuccess { padding: 80px 10px 50px; } } @media screen and (max-width: 675px) { #emailFriendSuccess { padding-top: 65px; } } @media screen and (max-width: 450px) { #emailFriendSuccess { padding: 110px 10px 50px; } } #emailFriendSuccess .checkmark:before { content: "\2713 "; color: #fff; background-color: #A9C4BA; border-radius: 50%; padding: 7px 12px; font-size: 25px; } #emailFriendSuccess .message { font-size: 24px; color: #493627; padding: 37px 20px 20px; } #emailFriendSuccess button { padding: 13px 22px; margin-top: 15px; font-size: 18px; } @media screen and (max-width: 740px) { p.emailto-link { display: none; } } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2019 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ /* ============================================ Cart ============================================ */ .checkout-cart-index.two-col-cart .cart-collaterals { display: none; } .checkout-cart-index.two-col-cart #estimate-cell { display: table-cell; } @media screen and (max-width: 740px) { .checkout-cart-index.two-col-cart #estimate-cell { display: none; } } @media screen and (min-width: 741px) { .checkout-cart-index.two-col-cart .cart-form { width: 70%; float: left; } .checkout-cart-index.two-col-cart #shopping-cart-table > thead { background-color: #eeeeee; } .checkout-cart-index.two-col-cart .cart-collaterals { display: none; } .checkout-cart-index.two-col-cart .totals { position: relative; float: right; width: 28.09% !important; border: 2px #D3CBC0 solid; background-color: #FFF !important; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; background-color: #FFF; } .checkout-cart-index.two-col-cart .totals h2 { display: block; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; font-size: 18px; line-height: 22px; margin-bottom: 18px; text-transform: uppercase; } .checkout-cart-index.two-col-cart .totals td, .checkout-cart-index.two-col-cart .totals th { font-size: 14px; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table { width: 100% !important; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table tr { border-bottom: 2px #D3CBC0 solid; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table tr td { margin-top: 8px; padding: 9px 0px; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table tr:nth-child > td:nth-child(1) { float: left; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table tr:nth-child > td:nth-child(2) { float: right; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table tr td#shipping-cell { width: 100% !important; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping { float: none; width: 100%; margin-left: 0; margin-top: 0; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping h2.customStyleSelectBox { padding: 0; background-color: #FFF; width: 100%; line-height: 13px; height: 17px; font-size: 11px; color: #EB7A5B; margin-bottom: 0; margin-top: 3px; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .trigger.customStyleSelectBox:before, .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .trigger.swatch-select:before { position: absolute; content: '+'; width: 0; height: 0; top: 0; right: 23px; font-size: 20px; color: #000; margin-top: 0 !important; border: none !important; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .customStyleSelectBox .open:before, .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .swatch-select .open:before { position: absolute; content: '-'; width: 0; height: 0; top: 0 !important; right: 23px !important; font-size: 20px; color: #000; margin-top: 0 !important; border: none !important; } } @media screen and (min-width: 741px) and (max-width: 740px) { .checkout-cart-index.two-col-cart .totals h2 { display: none; } } .checkout-cart-index.two-col-cart .button.large.btn-proceed-checkout.btn-checkout { padding: 0; width: 100%; max-width: 210px; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .content-inner .select-wrap { width: 100%; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .content-inner ul li { margin-top: 6px; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .content-inner .select-wrap .customStyleSelectBox { padding-left: 10px; font-size: 12px; color: #000; width: 100%; text-transform: capitalize !important; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .content-inner label { position: absolute; /* top: 0; */ left: 10px; margin-bottom: 0; line-height: 30px; font-size: 12px; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; text-transform: none; z-index: 99; position: static; line-height: 18px; text-transform: uppercase; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .content-inner label[for*="totals-postcode"] { display: none !important; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .content-inner #totals-postcode::-webkit-input-placeholder { color: black; opacity: 1; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .content-inner #totals-postcode::-moz-placeholder { color: black; opacity: 1; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .content-inner #totals-postcode:-ms-input-placeholder { color: black; opacity: 1; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .buttons-set { padding-top: 10px; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table .shipping .content-inner .button.small { background-color: #D4CBC0; color: #000; } .checkout-cart-index.two-col-cart .two-col-cart #shopping-cart-totals-table .shipping .content-inner #shipping-zip-form .customStyleSelectBox { text-transform: capitalize !important; } .checkout-cart-index.two-col-cart .two-col-cart #shopping-cart-totals-table .shipping .content-inner #shipping-zip-form > fieldset > ul > li:nth-child(3) > label { display: none !important; } .checkout-cart-index.two-col-cart .two-col-cart #shopping-cart-totals-table .shipping .content-inner #shipping-zip-form > fieldset ul li div span { width: 100%; } .checkout-cart-index.two-col-cart .two-col-cart ::-webkit-input-placeholder { color: #000; } .checkout-cart-index.two-col-cart .two-col-cart :-moz-placeholder { /* older Firefox*/ color: #000; } .checkout-cart-index.two-col-cart .two-col-cart ::-moz-placeholder { /* Firefox 19+ */ color: #000; } .checkout-cart-index.two-col-cart .two-col-cart :-ms-input-placeholder { color: #000; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table #co-shipping-method-form dd > ul li { line-height: 16px; padding-top: 8px; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table > tfoot > tr { border-bottom: none !important; } .checkout-cart-index.two-col-cart .two-col-cart #shopping-cart-totals-table > tfoot > tr td { padding: 21px 0; } .checkout-cart-index.two-col-cart #shopping-cart-totals-table > tfoot > tr > td > strong { font-size: 18px !important; } .checkout-cart-index.two-col-cart .checkout-types { float: none !important; } .checkout-cart-index.two-col-cart .checkout-types li { text-align: center; } .checkout-cart-index.two-col-cart .checkout-types li button { margin-top: 16px; } .two-col-cart .checkout-cart-index.two-col-cart .checkout-types li button { margin-top: 3px; } .checkout-cart-index.two-col-cart .accordion .trigger:before { width: 5px; height: 5px; border-left: none; border-right: none; border-top: none; } /** END 2 column cart page styles **/ /* ============================================ Checkout ============================================ */ .opc { float: left; width: 68.14814815%; transition: all width 0.2s linear ease-out; transition: width 0.2s linear; } .opc .out-of-stock { font-size: 14px; line-height: 21px; text-transform: uppercase; display: inline-block; vertical-align: top; margin-bottom: 23px; margin-top: 35px; } .opc .out-of-stock-name { font-size: 14px; line-height: 21px; margin-bottom: 4px; text-transform: uppercase; } .opc label[for="hold_order_yes"], .opc label[for="hold_order_no"] { font-size: 13px; line-height: 16px; text-transform: uppercase; max-width: 90%; display: inline-block; padding-left: 4px; } .opc label[for="hold_order_yes"] { margin-bottom: 16px; } .opc .hold-order-group { margin-bottom: 4px; } .opc .out-of-stock-list { list-style-type: disc; margin-left: 30px; text-transform: uppercase; } .opc .out-of-stock-message { margin: 0px 0px 10px 0px; font-size: 14px; line-height: 21px; } .opc .ship-message-extra { color: #FF0000; font-size: 12px; margin-left: 15px; } .opc h4 { font-size: 14px; line-height: 21px; text-transform: uppercase; } .opc p { line-height: 18px; margin-bottom: 16px; } .opc .form-list .form-alt label { font-size: 12px; line-height: 18px; margin-bottom: 18px; text-transform: none; } .opc .buttons-set { padding-top: 30px; } .opc .back-link { display: none; } .opc .form-list .control { padding-top: 20px; } .opc .form-list .control.same-as-billing { padding-top: 0; } .opc .please-wait { line-height: 29px; text-transform: uppercase; display: inline-block; vertical-align: top; margin-left: 20px; } .opc .please-wait img { padding-right: 4px; } .opc #authorizenetcim_save_card_wrapper { padding-top: 10px; } .cart-subtotals-block { float: right; width: 25.55555556%; margin-top: 33px; border: 1px solid #DED8CF; border-top-width: 2px; font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; color: #474747; text-transform: uppercase; font-size: 14px; padding-left: 18px; padding-right: 18px; } .cart-subtotals-block .totals-title { padding: 20px 0 10px 0; } .cart-subtotals-block .totals-title span { font-size: 18px; } .cart-subtotals-block .items-qty a { padding-left: 8px; } .cart-subtotals-block .items-total, .cart-subtotals-block .final-total { padding: 15px 0 10px 0; } .cart-subtotals-block .items-total span, .cart-subtotals-block .final-total span, .cart-subtotals-block .items-total span.total, .cart-subtotals-block .final-total span.total { font-size: 18px; } .cart-subtotals-block dd { line-height: 27px; display: inline-block; } .cart-subtotals-block dd.items-subtotal, .cart-subtotals-block dd.ship-total, .cart-subtotals-block dd.tax-total, .cart-subtotals-block dd.final-total { float: right; } .cart-subtotals-block .divide { padding-top: 10px; border-bottom: 1px solid #DDD7CE; margin: 0 auto; } .opc-progress-container { float: right; width: 25.55555556%; margin-top: 0; transition: all width 0.2s linear ease-out; transition: width 0.2s linear; } .opc-progress-container .opc-block-progress { padding: 22px 18px; background-color: #d4cbc1; } .opc-progress-container .block-title { font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: normal; margin-bottom: 20px; } .opc-progress-container dt { font-family: 'Effra W01 Bold', arial, helvetica, sans-serif; text-transform: uppercase; font-weight: normal; margin-top: 10px; } .opc-progress-container dt:first-child { margin-top: 0; } .opc-progress-container dt a { font-family: 'Effra W01 Regular', arial, helvetica, sans-serif; text-transform: none; } .opc-progress-container dd.complete { padding: 4px 0 26px; } .opc-progress-container .payment-methods-img { padding: 10px 0; text-align: center; } .opc .section.active { border-bottom: 1px solid #d4cbc1; padding-bottom: 30px; } .opc .section.allow .step-title { cursor: pointer; } .opc .section.active .step-title { cursor: default; } .opc .section .buttons-set .button { display: inline-block !important; } .opc .step-title h2 { line-height: 59px; border-bottom: 1px solid #d4cbc1; position: relative; color: #d4cbc1; } .opc .step-title h2:after { position: absolute; content: ''; width: 0; height: 0; top: 50%; right: 1px; margin-top: -3px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #d4cbc1; } .opc .active .step-title h2, .opc .allow .step-title h2 { color: #493627; } .opc .active .step-title h2:after, .opc .allow .step-title h2:after { border-top: 0; border-bottom: 6px solid #493627; } .opc .active .step-title h2 { border-bottom: none; } #loginMessage { padding-left: 3.42105263%; padding-bottom: 10px; border-bottom: 1px solid #D4CBC1; } #loginMessage p { font-size: 14px; line-height: 1.9; margin-bottom: 0; } @media screen and (min-width: 740px) { #loginMessage { padding-left: 0; } } /*Checkout Method*/ #checkout-step-login .buttons-set { padding-top: 10px; } #checkout-step-login .buttons-set a { display: block; margin-top: 26px; } /*Billing & Shipping Information*/ #billing-new-address-form { margin-top: 18px; } #billing-new-address-form + .control, #billing-new-address-form + .control + .control { float: left; } #billing-new-address-form + .control + .control { padding-left: 18px; } /*Shipping Method*/ #checkout-step-shipping_method .sp-methods { margin-top: -16px; } #checkout-step-shipping_method .sp-methods dt { display: none; } #checkout-step-shipping_method .sp-methods .style-radio { vertical-align: top; } #checkout-step-shipping_method .sp-methods ul li span, #checkout-step-shipping_method .sp-methods ul li label { text-transform: capitalize; } /*Payment Method*/ #checkout-step-payment .sp-methods dt { margin-top: 20px; } #checkout-step-payment .sp-methods dt:first-child { margin-top: 0; } #checkout-step-payment .sp-methods dt label[for="p_method_paypal_express"] a { text-transform: none; } #checkout-step-payment .sp-methods dd { padding-left: 20px; } #checkout-step-payment .sp-methods .month-wrap, #checkout-step-payment .sp-methods .year-wrap { float: left; } #checkout-step-payment .sp-methods .month-wrap .select-wrap, #checkout-step-payment .sp-methods .year-wrap .select-wrap, #checkout-step-payment .sp-methods .month-wrap .customStyleSelectBox, #checkout-step-payment .sp-methods .year-wrap .customStyleSelectBox { width: 100px; } #checkout-step-payment .sp-methods .year-wrap { margin-left: 10px; } #checkout-step-payment .sp-methods .cvv-what-is-this { font-size: 12px; line-height: 21px; } #payment-tool-tip { margin-top: 20px; } .checkout-onepage-payment-additional-giftcardaccount { margin-top: 40px; } /*Order Review*/ #opc-review { border-bottom: none; } #review-please-wait { display: none !important; } .order-review { *zoom: 1; zoom: 1; } .order-review:before, .order-review:after { display: table; content: ""; line-height: 0; } .order-review:after { clear: both; } .order-review:before, .order-review:after { content: " "; display: table; } .order-review:after { clear: both; } .order-review .data-table { border-bottom: 1px solid #6e6256; margin-bottom: 30px; } .order-review .data-table thead th { padding: 0 16px; } .order-review .data-table tbody tr td { color: #8c8c8c; padding: 16px; } .order-review .data-table tbody tr td .special-price { color: #eb7a5b; } .order-review .data-table tbody tr td .old-price { text-decoration: line-through; } .order-review .data-table tbody tr td:first-child { padding-left: 0; color: #493627; width: 62.41519674%; } .order-review .data-table .product-image { width: 22.32142857%; } .order-review .data-table .product-details { margin-left: 3.57142857%; width: 74%; } .order-review .data-table .product-name { font-size: 12px; line-height: 24px; } .order-review .totals-box { float: right; background-color: #f0f0f0; width: 305px; padding: 20px 20px 30px; } .order-review .totals-box .buttons-set { padding-top: 0; } .order-review .totals-box .buttons-set p { margin: 21px 0; } .order-review .data-table span.product-name { line-height: 14px; } .order-review .prop65-warning table tbody tr td:before { display: none; } .order-review .prop65-warning table tbody tr td:first-child { border-bottom: 0; width: 50px; min-width: 50px; padding-right: 0; } .order-review .prop65-warning table tbody tr td:last-child { border-bottom: 0; vertical-align: middle; color: #000; font-size: 10px; line-height: 14px; padding-left: 7px; padding-top: 6px; } .order-review .prop65-warning table tbody tr td:last-child strong { font-weight: bold; } .order-review .prop65-warning table tbody tr td:last-child strong:first-child { text-transform: uppercase; } /*Totals Table*/ .totals, .totals table { width: 100%; } .totals td, .totals th { text-align: left !important; font-size: 12px; line-height: 21px; text-transform: uppercase; } .totals td + td, .totals th + th, .totals th + td, .totals td + th { text-align: right !important; } .totals .last td, .totals table tfoot td { padding-top: 16px; font-size: 19px; } .order-review .btn-checkout { width: 100%; } /*Order receipt*/ .checkout-onepage-success .sub-title { margin-bottom: 21px; } /** * @package BlueAcorn/Green Pistachio * @version 4.5.0 * @author Blue Acorn, Inc. * @copyright Copyright © 2019 Blue Acorn, Inc. * @desc This file was precompiled using modular pre-processor * css and javascript */ div.amshopby-column { float: left; width: 83px; } select.amshopby-select { width: 170px; } .amshopby-logo { padding: 0pt 10px 10px 0pt; float: left; } .amshopby-featured { padding: 5px 5px 5px 5px; } .amshopby-link { float: left; padding-left: 5px; padding-top: 5px; } .amshopby-clearer { display: block; clear: both; overflow: hidden; } div.block-layered-nav dd a { padding: 0px 5px 0px 0px; display: block; float: left; } div.block-layered-nav dd a.amshopby-attr { padding-left: 15px; background-repeat: no-repeat; background-position: left center; } div.block-layered-nav dd a.amshopby-attr-selected { font-weight: bold; padding-left: 15px; background-repeat: no-repeat; background-position: left center; } div.block-layered-nav dd a.amshopby-attr-inactive { pointer-events: none; color: #666666; } div.block-layered-nav #narrow-by-list .image-li { float: none; padding: 0 0px 5px 0; } div.block-layered-nav #narrow-by-list .image-li a { float: none; display: inline-block; padding: 2px; padding-top: 0px; margin-right: 8px; margin-bottom: 5px; } .ie8 div.block-layered-nav #narrow-by-list .image-li a { width: 38px; } div.block-layered-nav #narrow-by-list .image-li img { width: 38px; height: 12px; border: none; vertical-align: middle; display: inline-block; } div.block-layered-nav dd li.amshopby-cat-level-2 { padding-left: 10px; } div.block-layered-nav dd li.amshopby-cat-level-3 { padding-left: 20px; } div.block-layered-nav dd a.amshopby-cat-selected { font-weight: bold; color: black; text-decoration: none; cursor: text; } div.block-layered-nav dd li span.amshopby-plusminus { float: left; display: block; width: 15px; height: 15px; cursor: pointer; background: transparent url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/amshopby-plus.gif) no-repeat; } div.block-layered-nav dd li span.minus { background: transparent url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/amshopby-minus.gif) no-repeat; } div.block-layered-nav dd li:after { display: block; content: ""; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } div.block-layered-nav.amshopby-collapse-enabled dt { cursor: pointer; padding-left: 15px; background: url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/amshopby-expanded.gif) center left no-repeat; } div.block-layered-nav.amshopby-collapse-enabled dt.amshopby-collapsed { background: url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/amshopby-collapsed.gif) center left no-repeat; } div.block-layered-nav div.amshopby-slider { position: relative; margin: 10px 4px 5px 4px; z-index: 9; height: 18px; background: url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/amshopby-slider-bg.gif) repeat-x 0 50%; cursor: pointer; } div.block-layered-nav div.amshopby-slider div.handle { margin-left: -4px; width: 8px; top: 3px; height: 14px; background: transparent url(https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/amshopby-hadle.png) no-repeat; position: absolute; cursor: move; z-index: 2; } /* Slider labels */ .amshopby-slider-price { color: #474747; } .amshopby-slider-price-from { float: left; padding-top: 6px; } .amshopby-slider-price-to { float: right; padding-top: 6px; } .amshopby-slider-handle-right { position: absolute; top: 14px; right: 0px; } .amshopby-slider-handle-left { position: absolute; top: 14px; left: 0px; } .amshopby-tooltip { padding: 2px 5px; background: #FEC; border: 1px solid #FAA819; color: #1F5070; text-align: left; width: 200px; position: absolute; } .amshopby-slider-price-range { text-align: center; font-size: 0.9em; padding-top: 6px; } .amshopby-tooltip-img { cursor: help; display: inline; } div.amshopby-filters-top { position: relative; } div.amshopby-overlay { background-color: #FFFFFF; height: 100%; left: 0; opacity: 0.5; filter: alpha(opacity=50); position: absolute; top: 0; width: 100%; z-index: 9999; } .catalogsearch-result-index div.amshopby-overlay:after { content: ''; margin: 0 auto; display: block; width: 100%; height: 200px; background: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/ajax-spinner.gif") 50% 50% no-repeat; z-index: 999999; position: fixed; top: 33%; } div.amshopby-overlay div { margin: 0 auto; display: block; width: 100%; height: 200px; background: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/ajax-spinner.gif") 50% 50% no-repeat; z-index: 999999; position: fixed; top: 33%; } @media screen and (max-width: 741px) { div.amshopby-overlay div { top: 100px; } div.amshopby-overlay div.desktop { display: none; } .catalogsearch-result-index div.amshopby-overlay:after { top: 100px; } } /* Advanced Categories */ .amshopby-advanced li { clear: both; } .amshopby-advanced li.level1 { padding-left: 20px; } .amshopby-advanced li.level2 { padding-left: 30px; } .amshopby-advanced li.level3 { padding-left: 40px; } .amshopby-advanced li.level4 { padding-left: 50px; } .amshopby-advanced li.active > a { font-weight: bold; } /* Slider Bar */ .amshopby-slider-bar { position: absolute; background: #999; height: 6px; top: 6px; z-index: 1; } /* Subcategories block */ .amshopby-subcategory-image { overflow: auto; } .btn-remove-inline { background-image: url("https://www.signaturehardware.com/skin/frontend/enterprise/signature/images/am_btn_remove.gif"); background-repeat: no-repeat; width: 13px; height: 12px; margin-left: 4px; } .btn-remove-inline:hover { /* background-position: center bottom; */ } .amshopby-hightlighted { background: yellow; } .btn-remove-inline img { display: inline; } div.block-layered-nav div.amshopby-slider div.handle.active { z-index: 3; } .amshopby-slider-ui { height: 10px; } .amshopby-slider-ui .ui-slider-handle { background-color: #f18200; box-sizing: border-box; outline: none; } .amshopby-slider-ui .ui-slider-range { background-color: #d4cbc1; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-slider { cursor: pointer; position: relative; text-align: left; } .ui-slider .ui-slider-handle { background-color: #fb8c6e; width: 15px; height: 15px; cursor: move; position: absolute; z-index: 2; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 15px; max-width: 90%; margin-top: 10px; background-color: #d4cbc1; } .ui-slider-horizontal:after { content: ""; display: inline-block; width: 15px; height: 15px; position: absolute; background-color: #d4cbc1; right: -10px; top: 0px; } #narrow-by-list .price-secondary { display: none; } @media screen and (max-width: 741px) { .ui-slider-horizontal, .amshopby-slider-price-range, .amshopby-slider-price { display: none; } #narrow-by-list .price-secondary { display: block; width: 100%; } #narrow-by-list .price-secondary li { text-align: center; } #narrow-by-list .price-secondary li input { width: 100%; } .amshopby-price-from { float: left; display: inline-block; width: 45%; text-align: left; } .amshopby-price-to { display: inline-block; width: 45%; float: right; text-align: left; } #amshopby-price-from, #amshopby-price-to { width: 100%; } #amshopby-price-btn { clear: both; margin-top: 15px; } } .ui-slider-horizontal .ui-slider-range { height: 10px; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .amshopby-narrow-by-list table td { vertical-align: top; } .ie8 #narrow-by-list dt:before { display: none; } .ie8 #narrow-by-list dt:after { content: ""; width: 0px; height: 0px; position: absolute; top: 42%; right: 2px; margin-bottom: -2.5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #493627; } .ie8 #narrow-by-list .amshopby-slider-ui { max-width: 145px; } .autosuggestions { position: absolute; width: 249px; border: 1px solid #665544; background-color: #FFFFFF; z-index: 999; } .autosuggestions ul li{ cursor: pointer; padding: 5px 10px; } .autosuggestions ul li:hover, .autosuggestions ul li.active{ background-color: #e3e3e3; } .search-result-index .categories-block input[type="checkbox"] { display:none; } .search-result-index .categories-block li.last { padding-top: 5px; } .search-result-index .categories-block input[type="checkbox"] + label{ cursor:pointer; } .search-result-index .categories-block input[type="checkbox"] + label span { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(https://www.signaturehardware.com/skin/frontend/base/default/images/guidance/bloomreach/check_radio_sheet.png) left top no-repeat; } .search-result-index .categories-block input[type="checkbox"]:checked + label span { background:url(https://www.signaturehardware.com/skin/frontend/base/default/images/guidance/bloomreach/check_radio_sheet.png) -19px top no-repeat; } .search-result-index #narrow-by-list dd { padding-bottom: 0; } .search-result-index input.price-filter-input {width: 40px; border: 1px solid #d4cbc1; margin: 0 2px} .search-result-index input.price-filter-button {background-color: #d4cbc1; border: 1px solid #969C92} #price-slider { margin-left: 3px; margin-right: 15px; }