/* Important! This file is to only be edited through WebDAV or through the control panel by the client, not theme partners/designers. */ /* custom css here */ body { font: 14px Arial, sans-serif; font-weight: normal; color: #333; background-color: #191919; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { display: inline-block; padding: 0px; margin: 0px; font-family: 'Karla', Arial, sans-serif; font-weight: normal; color: #222; text-transform: uppercase; line-height: normal; } h1, .h1 { font-size: 2.5em; } h2, .h2 { font-size: 1.75em; } h3, .h3 { font-size: 1.5em; } h4, .h4 { font-size: 1.25em; } h5, .h5 { font-size: 1.10em; } .viewport-sm h1, .viewport-sm .h1, .viewport-xs h1, .viewport-xs .h1 { font-size: 2.25em; } p { line-height: 1.5em; margin-bottom: 20px; } p.last { margin-bottom: 0px !important; } a, a:hover, a:focus, a:active { color: #c00; text-decoration: underline; cursor: pointer; outline: none; } br { display: block; content: ''; } ul, ol { padding: 0px; margin: 0px; } ul.indent { padding-left: 30px; } ul li, ol li { display: block; padding: 0px; margin: 0px 0px 15px; list-style-type: none; } ul.inline-list li { box-sizing: border-box; display: inline-block; width: auto; margin-right: 10px; } ul.bulleted-list li { display: list-item; list-style-type: disc; list-style-position: inside; } ul.numbered-list li { display: list-item; list-style-type: decimal; list-style-position: inside; } ul.margin-list li { margin-bottom: 30px; } dl { padding: 0px; margin: 0px; } dt, dd { } form {} label { width: auto; max-width: none; max-height: none; margin: 0px; font-weight: inherit; } input, select, textarea { margin: 0px; } input[type=checkbox], input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position: static; top: auto; left: auZto; margin: 0px; } fieldset.fieldset { display: block; width: 100%; border: 0px; outline: 0px; } fieldset.fieldset.float { width: 100%; } fieldset.fieldset.indent { padding: 10px 0px 0px 26px; } .field-row { margin-bottom: 10px; font-size: 1em; } .field-row.last, .field-row:last-child { margin-bottom: 0px !important; } .field-label { display: block; min-height: 30px; font-family: 'Karla', Arial, sans-serif; font-weight: bold; text-transform: uppercase; line-height: 30px; vertical-align: middle; text-align: left; } .fieldset.inline .field-label, .field-row.inline .field-label, .fieldset.float .field-label, .field-row.float .field-label { display: inline-block; margin: 0px 10px 0px 0px; } .fieldset.float .field-label, .field-row.float .field-label { float: left; height: inherit; min-height: 30px; line-height: 30px; } .field-row.small .field-label, .field-label.small { min-height: 24px; line-height: 24px; } .fieldset.inline .field-row.textarea-row .field-label, .field-row.inline .field-row.textarea-row { padding-top: 10px; vertical-align: top; } .field-label label { margin-bottom: 0px; font-weight: bold; } .field { position: relative; display: block; float: none; min-height: 30px; padding: 0px 10px; margin: 0px; font-size: 1em; color: #444; text-align: left; line-height: 28px; border: 1px solid #ddd; border-radius: 3px; background-color: #fff; } .fieldset.inline .field, .field-row.inline .field { display: inline-block; vertical-align: middle; } .fieldset.float .field, .field-row.float .field { float: right; } .field-row.small .field, .field.small { height: 24px; min-height: 24px; line-height: 22px; } .field.select { padding: 0px; } .field.hp { min-height: 0px; height: 0px; padding: 0px; border: 0px; } .field.textarea { padding: 10px; height: auto; } .field input.textbox, .field select.select, .field textarea.textarea { display: block; width: 100%; height: 100%; font-size: 1em; color: #666; text-shadow: 0px 1px 0px #fff; line-height: inherit; border: 0px; outline: 0px; background-color: transparent; } .field input.textbox { width: 100%; } .field select.select { cursor: pointer; } .field textarea.textarea { width: 100%; min-width: 300px; height: auto; min-height: 100px; line-height: normal; resize: none; overflow: auto; } .field input.textbox:focus, .field select.select:focus, .field textarea.textarea:focus { color: #000; } .field .selector { position: relative; display: block; float: none; width: 100% !important; height: 100%; min-height: 100% !important; padding: 0px !important; margin: 0px; color: inherit; line-height: inherit; border: 0px; cursor: pointer; background-color: inherit; } .field .selector span { height: inherit; line-height: inherit; padding: 0px 30px 0px 10px !important; } .field.readonly { color: #999 !important; background-color: #f3f3f3 !important; } .field.readonly input.textbox, .field.readonly select.select, .field.readonly textarea.textarea, .field.readonly input.textbox:focus, .field.readonly select.select:focus, .field.readonly textarea.textarea:focus { color: #999; text-shadow: none; } .field.option { height: initial; min-height: initial; padding: 0px; margin: 0px; color: inherit; line-height: normal; border: 0px; } .field.primary-option { font-weight: bold; } .field.error { color: #d00; border-color: #fcc; background-color: #fee; } .field.error .error { color: #d00; } .field-comment { width: auto; margin-top: 5px; font-size: .85em; color: #888; } .fieldset a { font-size: .85em; color: #666; text-decoration: underline; } .fieldset a:hover { color: #333; } .form-buttons { margin-top: 20px; } ul.media-grid li { margin: 15px 0px; } .media-container { width: auto; height: auto; font-size: 0px; background-color: #fff; background: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/loading-icon.gif?t=1458774722') center center no-repeat, linear-gradient(to top, #fcfcfc 0%, #f0f0f0 100%); background: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/loading-icon.gif?t=1458774722') center center no-repeat, -webkit-linear-gradient(to top, #fcfcfc 0%, #f0f0f0 100%); background: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/loading-icon.gif?t=1458774722') center center no-repeat, -moz-linear-gradient(to top, #fcfcfc 0%, #f0f0f0 100%); background: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/loading-icon.gif?t=1458774722') center center no-repeat, -o-linear-gradient(to top, #fcfcfc 0%, #f0f0f0 100%); } .wrap { display: block; width: 100%; } .ajax-loader-overlay { position: fixed; top: 0px; left: 0px; z-index: 999999999; display: none; width: 100%; height: 100%; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); -ms-filter: 'alpha(opacity=50)'; } .ajax-loader { position: fixed; top: 50%; left: 50%; display: none; z-index: 10000000000; padding: 16px; text-align: center; border-radius: 10px; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75); -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75); } .ajax-loader img { display: block; margin: 0px auto 10px; } .ajax-loader span { font-size: .85em; color: #eee; text-transform: uppercase; } .container { position: relative; display: block; /*width: 984px;*/ margin: 0px auto; } header, main, footer { display: block; width: 100%; /*min-width: 984px;*/ margin: 0px auto; } span.icon { display: inline-block; height: inherit; line-height: inherit; } span.icon.icon-left { margin-right: 8px; } span.icon.icon-right { margin-left: 8px; } .button-container, .link-container { display: block; width: 100%; margin-top: 30px; } .button, .button.button-default { display: inline-block; height: 30px; padding: 0px 10px; font: 14px 'Karla', Arial, sans-serif; font-weight: bold; color: #333; text-align: center; text-transform: uppercase; line-height: 28px; text-shadow: 0px 1px 0px #fff; text-decoration: none !important; border: 1px solid #ddd; border-bottom-color: #bbb; border-radius: 4px; background-color: #ddd; background: linear-gradient(to bottom, #fff 0%, #ddd 100%); background: -webkit-linear-gradient(to bottom, #fff 0%, #ddd 100%); background: -moz-linear-gradient(to bottom, #fff 0%, #ddd 100%); background: -o-linear-gradient(to bottom, #fff 0%, #ddd 100%); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); -o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15); cursor: pointer; } .button:hover, .button.button-default:hover { color: #333; text-decoration: none; background-color: #ddd; background: linear-gradient(to bottom, #fff 20%, #ddd 100%); background: -webkit-linear-gradient(to bottom, #fff 20%, #ddd 100%); background: -moz-linear-gradient(to bottom, #fff 20%, #ddd 100%); background: -o-linear-gradient(to bottom, #fff 20%, #ddd 100%); } .button.button-small { height: 24px; font-size: 12px; line-height: 22px; } .button.button-medium { height: 30px; font-size: 14px; line-height: 28px; } .button.button-large { height: 40px; padding: 0px 20px; font-size: 16px; line-height: 38px; } .button.button-red { color: #fff; text-shadow: 0px -1px 0px #600; border: 1px solid #c00; border-bottom-color: #600; background-color: #900; background: linear-gradient(to bottom, #f00 0%, #900 100%); background: -webkit-linear-gradient(to bottom, #f00 0%, #900 100%); background: -moz-linear-gradient(to bottom, #f00 0%, #900 100%); background: -o-linear-gradient(to bottom, #f00 0%, #900 100%); } .button.button-red:hover { background: linear-gradient(to bottom, #f00 20%, #900 100%); background: -webkit-linear-gradient(to bottom, #f00 20%, #900 100%); background: -moz-linear-gradient(to bottom, #f00 20%, #900 100%); background: -o-linear-gradient(to bottom, #f00 20%, #900 100%); } .button.button-green { color: #fff; text-shadow: 0px -1px 0px #060; border: 1px solid #090; border-bottom-color: #060; background-color: #060; background: linear-gradient(to bottom, #0b0 0%, #060 100%); background: -webkit-linear-gradient(to bottom, #0b0 0%, #060 100%); background: -moz-linear-gradient(to bottom, #0b0 0%, #060 100%); background: -o-linear-gradient(to bottom, #0b0 0%, #060 100%); } .button.button-green:hover { background: linear-gradient(to bottom, #0b0 20%, #060 100%); background: -webkit-linear-gradient(to bottom, #0b0 20%, #060 100%); background: -moz-linear-gradient(to bottom, #0b0 20%, #060 100%); background: -o-linear-gradient(to bottom, #0b0 20%, #060 100%); } .button.button-yellow { color: #333; text-shadow: 0px 1px 0px #fc0; border: 1px solid #fc0; border-bottom-color: #f70; background-color: #f90; background: linear-gradient(to bottom, #fd0 0%, #f90 100%); background: -webkit-linear-gradient(to bottom, #fd0 0%, #f90 100%); background: -moz-linear-gradient(to bottom, #fd0 0%, #f90 100%); background: -o-linear-gradient(to bottom, #fd0 0%, #f90 100%); } .button.button-yellow:hover { background: linear-gradient(to bottom, #fd0 20%, #f90 100%); background: -webkit-linear-gradient(to bottom, #fd0 20%, #f90 100%); background: -moz-linear-gradient(to bottom, #fd0 20%, #f90 100%); background: -o-linear-gradient(to bottom, #fd0 20%, #f90 100%); } .button.button-disabled, .button.button-disabled:hover { color: #999; border: 1px solid #ddd; background-color: #e0e0e0; background: linear-gradient(to bottom, #e0e0e0 20%, #f0f0f0 100%); background: -webkit-linear-gradient(to bottom, #e0e0e0 100%, #f0f0f0 100%); background: -moz-linear-gradient(to bottom, #e0e0e0 20%, #f0f0f0 100%); background: -o-linear-gradient(to bottom, #e0e0e0 100%, #f0f0f0 100%); box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; cursor: default; } ul.social-buttons, ul.share-buttons { width: auto; margin: 0px; } ul.social-buttons li, ul.share-buttons li { display: inline-block; padding: 0px; margin: 0px 3px 0px 0px; list-style-type: none; } ul.share-buttons li { margin-right: 8px; vertical-align: top; } ul.social-buttons li.last, ul.share-buttons li.last, ul.social-buttons li:last-child, ul.share-buttons li:last-child { padding: 0px; margin: 0px; border: 0px; } ul.social-buttons-l li { width: 40px; height: 40px; font-size: 2em; line-height: 42px; } ul.social-buttons-m li { width: 32px; height: 32px; font-size: 1.5em; line-height: 34px; } ul.social-buttons-s li { width: 24px; height: 24px; font-size: 1em; line-height: 26px; } ul.social-buttons li.label { width: auto; margin-right: 10px; font-size: .9em; font-weight: normal; color: #ccc; } ul.social-buttons li a { display: block; width: inherit; height: inherit; color: #fff; line-height: inherit; text-decoration: none; } ul.social-buttons li a span.icon { display: block; text-align: center; text-shadow: none; border-radius: 4px; } ul.social-buttons li a.facebook span.icon { background-color: #57d; background: linear-gradient(to bottom, #57d 0%, #348 100%); background: -webkit-linear-gradient(to bottom, #57d 0%, #348 100%); background: -moz-linear-gradient(to bottom, #57d 0%, #348 100%); background: -o-linear-gradient(to bottom, #57d 0%, #348 100%); } ul.social-buttons li a.twitter span.icon { background-color: #2cf; background: linear-gradient(to bottom, #2cf 0%, #178 100%); background: -webkit-linear-gradient(to bottom, #2cf 0%, #178 100%); background: -moz-linear-gradient(to bottom, #2cf 0%, #178 100%); background: -o-linear-gradient(to bottom, #2cf 0%, #178 100%); } ul.social-buttons li a.googleplus span.icon { background-color: #f64; background: linear-gradient(to bottom, #f64 0%, #d32 100%); background: -webkit-linear-gradient(to bottom, #f64 0%, #d32 100%); background: -moz-linear-gradient(to bottom, #f64 0%, #d32 100%); background: -o-linear-gradient(to bottom, #f64 0%, #d32 100%); } ul.social-buttons li a.instagram span.icon { background-color: #58a; background: linear-gradient(to bottom, #58a 0%, #357 100%); background: -webkit-linear-gradient(to bottom, #58a 0%, #357 100%); background: -moz-linear-gradient(to bottom, #58a 0%, #357 100%); background: -o-linear-gradient(to bottom, #58a 0%, #357 100%); } ul.social-buttons li a.youtube span.icon { background-color: #f22; background: linear-gradient(to bottom, #f22 0%, #b11 100%); background: -webkit-linear-gradient(to bottom, #f22 0%, #b11 100%); background: -moz-linear-gradient(to bottom, #f22 0%, #b11 100%); background: -o-linear-gradient(to bottom, #f22 0%, #b11 100%); } ul.share-buttons li a.share-button { box-sizing: border-box; display: block; width: auto; padding-left: 24px; height: 24px; line-height: 24px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; background-image: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/share-buttons.png?t=1458774722'); background-repeat: no-repeat; } ul.share-buttons li a.share-button.print { background-position: 0px 0px; } ul.share-buttons li a.share-button.email { background-position: -24px 0px; } ul.share-buttons li a.share-button span { display: block; padding: 0px 10px; height: 22px; font: .9em 'Karla', Arial, sans-serif; font-weight: bold; color: #666; text-decoration: none; text-transform: uppercase; line-height: 22px; text-shadow: 0px 1px 0px #fff; border: 1px solid #ddd; border-left: 0px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background-color: #fff; background: linear-gradient(to bottom, #eee 0%, #fff 40%); background: -webkit-linear-gradient(to bottom, #eee 0%, #fff 40%); background: -moz-linear-gradient(to bottom, #eee 0%, #fff 40%); background: -o-linear-gradient(to bottom, #eee 0%, #fff 40%); } ul.share-buttons li a.share-button:hover span { color: #333; } .text-button { display: inline-block; width: auto; height: auto; font: 1.1em 'Karla', Arial, sans-serif; font-weight: bold; color: #333; text-transform: uppercase; text-decoration: none; } .text-button:hover { text-decoration: none; } .text-button span { display: inline-block; vertical-align: middle; color: #666; } .text-button:hover span { color: #333; } .tags-container { display: block; width: 100%; margin-top: 50px; } ul.tags { display: inline-block; } ul.tags li { display: inline-block; margin: 0px 5px 5px 0px; } ul.tags li a { display: block; padding: 8px 10px; font-size: .8em; color: #888; text-decoration: none; border-radius: 5px; background-color: #f3f3f3; } ul.tags li a:hover { color: #333; } /* header */ header { display: block; width: 100%; text-shadow: 0px -1px 0px #000; background-color: #191919; box-shadow: 0px 0px 5px rgba(17, 17, 17, 0.75); -webkit-box-shadow: 0px 0px 5px rgba(17, 17, 17, 0.75); -moz-box-shadow: 0px 0px 5px rgba(17, 17, 17, 0.75); -o-box-shadow: 0px 0px 5px rgba(17, 17, 17, 0.75); } .responsive header .header-top, .header-middle, .header-bottom { position: relative; } header .header-top { box-sizing: border-box; padding: 10px 0px; font-family: Arial, sans-serif; border-bottom: 1px solid #222; background: radial-gradient(at bottom, #333 0%, transparent 65%); background: webkit-radial-gradient(at bottom, #333 0%, transparent 65%); background: moz-radial-gradient(at bottom, #333 0%, transparent 65%); background: o-radial-gradient(at bottom, #333 0%, transparent 65%); } header .logo { display: block; float: left; width: 340px; margin: 0px auto; text-align: center; vertical-align: middle; } .viewport-sm header .logo, .viewport-xs header .logo { float: none; } header .logo a { display: block; width: 300px; height: 86px; background: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/header-logo.png?t=1458774722') left top no-repeat; background-size: 100%; } .viewport-sm header .logo a, .viewport-xs header .logo a { width: 260px; height: 75px; margin: 0px auto; } header .top-nav { float: right; padding-top: 0px; margin-top: 18px; text-align: right; } .viewport-sm header .top-nav, .viewport-xs header .top-nav { float: none; padding-bottom: 10px; margin: 0px 0px 10px; border-bottom: 1px solid #3c3c3c; } header .support-contact { margin-bottom: 10px; font-size: .85em; color: #bbb; } .viewport-sm header .support-contact, .viewport-xs header .support-contact { float: right; max-width: 50%; height: 28px; margin-bottom: 0px; line-height: 28px; } header .support-contact span.live-chat a, header .support-contact span.call-tollfree { font-weight: bold; color: #fff; text-decoration: none; } header .support-contact span.live-chat a { text-decoration: underline; } header .support-contact span.call-tollfree strong.phone-number { display: inline-block; float: none; padding: 0px; margin-left: 4px; font-size: 1.25em; height: auto; line-height: normal; color: #fc0; } header .secondary-nav { float: none; width: auto; margin: 0px; } .viewport-sm header .secondary-nav { max-width: 50%; float: left; } .viewport-xs header .secondary-nav { text-align: center; } .viewport-sm header .secondary-nav ul, .viewport-xs header .secondary-nav ul { display: inline-block; width: auto; height: auto; padding: 0px; margin: 0px; line-height: normal; } header .secondary-nav ul li { position: relative; display: inline-block; width: auto; height: 28px; padding: 0px; margin: 0px 20px 0px 0px; font-size: .95em; text-align: left; color: #999; list-style-type: none; line-height: 28px; } .viewport-sm header .secondary-nav ul li, .viewport-xs header .secondary-nav ul li { margin-right: 12px; font-size: .85em; } header .secondary-nav ul li.last, header .secondary-nav ul li:last-child { margin: 0px; } header .secondary-nav ul li .link-container { padding: 0px; margin: 0px; border: 0px; } header .secondary-nav ul li a { color: #ccc; text-decoration: none; } header .secondary-nav ul li a:hover { color: #fff; } header .secondary-nav ul li.CartLink a { font-weight: bold; color: #fff; } header .secondary-nav ul li#google-translate { padding-left: 36px; background: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/google-translate-icon.png?t=1458774722') left center no-repeat; } header .secondary-nav ul li#google-translate .google-translator { position: absolute; top: 28px; left: 0px; } header .header-bottom { height: 46px; padding: 0px; border: 0px; border-top: 1px solid #3c3c3c; } header .header-bottom .primary-nav { position: relative; display: block; float: left; padding: 0px; } .viewport-sm header .primary-nav, .viewport-xs header .primary-nav { display: block; float: none; width: 100%; } header .primary-nav ul { position: relative; width: auto; padding: 0px; margin: 0px; border: 0px; } header .primary-nav li.menu-item { position: relative; display: inline-block; float: none; font: 16px 'Karla', Arial, sans-serif; } header .primary-nav li.menu-item.last, header .primary-nav li.menu-item:last-child { margin-right: 0px; } .viewport-md header .primary-nav li.menu-item { font-size: 14px; } .viewport-sm header .primary-nav li.menu-item, .viewport-xs header .primary-nav li.menu-item { float: left; width: 50%; margin: 0px; text-align: center; } header .primary-nav li.menu-item a { position: relative; display: block; padding: 0px 15px !important; color: #ddd; text-decoration: none; text-transform: uppercase; } header .primary-nav li.menu-item a span { display: inline-block; height: 46px; line-height: 46px; vertical-align: middle; } header .primary-nav li.menu-item a span.icon { margin-right: 6px; font-size: 1.2em; color: #999; } header .primary-nav li.menu-item a:hover, header .primary-nav li.menu-item:hover a, header .primary-nav li.menu-item a.active, header .primary-nav li.menu-item a.active:hover { color: #fff; background-color: #3c3c3c; background: linear-gradient(to top, #3c3c3c 20%, #4f4f4f 100%); background: -webkit-linear-gradient(to top, #3c3c3c 20%, #4f4f4f 100%); background: -moz-linear-gradient(to top, #3c3c3c 20%, #4f4f4f 100%); background: -o-linear-gradient(to top, #3c3c3c 20%, #4f4f4f 100%); } header .primary-nav li.menu-item ul, header .primary-nav li.menu-item:hover ul { position: absolute; top: 46px; left: 0px; display: none; min-width: 250px; height: auto; padding: 15px; background-color: #3c3c3c; box-shadow: 0px 3px 3px rgba(17, 17, 17, 0.4); -webkit-box-shadow: 0px 3px 3px rgba(17, 17, 17, 0.4); -moz-box-shadow: 0px 3px 3px rgba(17, 17, 17, 0.4); -o-box-shadow: 0px 3px 3px rgba(17, 17, 17, 0.4); } header .primary-nav li.submenu-item { float: none; margin-bottom: 15px; text-align: left; } header .primary-nav li.submenu-item.last, header .primary-nav li.submenu-item:last-child { margin: 0px; } header .primary-nav li.submenu-item a, header .primary-nav li.menu-item:hover li.submenu-item a { padding: 0px !important; font-size: .85em; color: #ccc; text-transform: capitalize; background: transparent; } header .primary-nav li.submenu-item a:hover, header .primary-nav li.menu-item:hover li.submenu-item a:hover { color: #fff; } .viewport-sm header .primary-nav .nav-menu, .viewport-xs header .primary-nav .nav-menu { position: absolute; z-index: 9; width: 100%; background-color: #3c3c3c; -webkit-box-shadow: 0px 3px 3px rgba(17, 17, 17, 0.5); -moz-box-shadow: 0px 3px 3px rgba(17, 17, 17, 0.5); -o-box-shadow: 0px 3px 3px rgba(17, 17, 17, 0.5); } header .primary-nav a.open-nav { display: inline-block; width: auto; height: 46px; padding: 0px 15px; color: #ddd; line-height: 46px; } header .primary-nav a.open-nav.active { color: #fff; background-color: #3c3c3c; background: linear-gradient(to top, #3c3c3c 20%, #4f4f4f 100%); background: -webkit-linear-gradient(to top, #3c3c3c 20%, #4f4f4f 100%); background: -moz-linear-gradient(to top, #3c3c3c 20%, #4f4f4f 100%); background: -o-linear-gradient(to top, #3c3c3c 20%, #4f4f4f 100%); } header .primary-nav a.open-nav span.icon { display: block; font-size: 2.5em; } .viewport-sm header .primary-nav li.menu-item a, .viewport-xs header .primary-nav li.menu-item a { height: auto; padding: 10px 15px; line-height: normal; background: none; } .viewport-sm header .primary-nav li.menu-item a span.icon, .viewport-xs header .primary-nav li.menu-item a span.icon { display: none; } .viewport-sm .primary-nav li.menu-item ul, .viewport-xs .primary-nav li.menu-item ul { display: none !important; } header .header-bottom .search { position: relative; float: right; padding-top: 8px; padding-bottom: 8px; } .viewport-sm header .search, .viewport-xs header .search { position: absolute; top: 0px; right: 0px; } header .search label { display: none; } header .search .field { float: left; padding: 0px 10px; border-right: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; background-color: #fff; background: linear-gradient(to bottom, #eee 0%, #fff 40%); background: -webkit-linear-gradient(to bottom, #eee 0%, #fff 40%); background: -moz-linear-gradient(to bottom, #eee 0%, #fff 40%); background: -o-linear-gradient(to bottom, #eee 0%, #fff 40%); } header .search .field input.textbox { width: 140px; height: 100%; font-family: Arial, sans-serif; color: #666; text-shadow: 0px 1px 0px #fff; border: 0px; outline: 0px; background-color: transparent; } header .search .field input.textbox:focus { color: #000; } .viewport-sm header .search .field input.textbox { width: 380px; } .viewport-xs header .search .field input.textbox { width: 140px; } header .search .search-button { display: block; float: left; width: 40px; height: 30px; font-size: 20px; line-height: 32px; border: 0px; border-left: 1px solid #c6c6c6; border-top-right-radius: 3px; border-bottom-right-radius: 3px; cursor: pointer; background-color: #c6c6c6; background: linear-gradient(to bottom, #eee 0%, #c6c6c6 50%); background: -webkit-linear-gradient(to bottom, #eee 0%, #c6c6c6 50%); background: -moz-linear-gradient(to bottom, #eee 0%, #c6c6c6 50%); background: -o-linear-gradient(to bottom, #eee 0%, #c6c6c6 50%); } header .search #QuickSearchContainer { position: absolute; top: 36px; right: 0px; z-index: 9999; display: none; width: 360px; height: auto; padding-top: 10px; } .viewport-sm header .search #QuickSearchContainer, .viewport-xs header .search #QuickSearchContainer { display: none !important; } header .search #QuickSearchContainer .QuickSearch { position: relative; max-width: 360px; margin: 0px; border-collapse: collapse; border: 10px solid #191919; border-top: 0px; background-color: #fff; box-shadow: 0px 0px 10px rgba(17, 17, 17, 0.75); -webkit-box-shadow: 0px 0px 10px rgba(17, 17, 17, 0.75); -moz-box-shadow: 0px 0px 10px rgba(17, 17, 17, 0.75); -o-box-shadow: 0px 0px 10px rgba(17, 17, 17, 0.75); } header .search .QuickSearch table { margin: 0px; border: 0px; } header .search .QuickSearch table tbody tr { display: block; padding: 15px 10px; border-bottom: 1px solid #e9e9e9; cursor: pointer; } header .search .QuickSearch table tbody tr:hover, header .search .QuickSearch table tbody tr.QuickSearchHover { background-color: #f4f4f4; } header .search .QuickSearch table tbody tr td { border: none; vertical-align: text-top; text-shadow: none; } header .search .QuickSearch table tbody tr.QuickSearchResult td.QuickSearchResultImage { width: 70px; padding: 0px; vertical-align: middle; text-align: center; } header .search .QuickSearch table td.QuickSearchResultImage img { display: block; max-width: 70px; height: auto; } header .search .QuickSearch table tbody tr.QuickSearchResult td.QuickSearchResultMeta { padding: 0px 0px 0px 8px; } header .search .QuickSearch table td.QuickSearchResultMeta .QuickSearchResultName { display: block; } header .search .QuickSearch table .QuickSearchResultName a { color: #666; text-decoration: none; } header .search .QuickSearch table tr:hover .QuickSearchResultName a { color: #222; } header .search .QuickSearch table td.QuickSearchResultMeta span.Price { display: block; margin-top: 5px; font-weight: bold; color: #222; } header .search .QuickSearch table td.QuickSearchResultMeta span.Price strike { font-weight: normal; color: #999; } header .search .QuickSearch table td.QuickSearchResultMeta img.RatingIMG { display: none; } header .search .QuickSearch table td.QuickSearchResultMeta p { display: none; } header .search .QuickSearch table tr.QuickSearchAllResults, header .search .QuickSearch table tr.QuickSearchAllResults:hover { border: 0px; padding: 0px; background-color: inherit; } header .search .QuickSearch table tr.QuickSearchAllResults td { width: 360px; padding: 0px; text-align: center; } header .search .QuickSearch table tr.QuickSearchAllResults td a { display: block; padding: 15px; font-size: 1.10em; font-family: Arial, sans-serif; font-weight: bold; color: #c00; text-transform: capitalize; text-shadow: 0px 1px 0px #fff; background-color: #ddd; background: linear-gradient(to bottom, #fff 0%, #ddd 100%); background: -webkit-linear-gradient(to bottom, #fff 0%, #ddd 100%); background: -moz-linear-gradient(to bottom, #fff 0%, #ddd 100%); background: -o-linear-gradient(to bottom, #fff 0%, #ddd 100%); } header .promo-banner-wrap { position: relative; } header .promo-banner { width: 100%; padding: 8px 0px; border-top: 5px solid #b00; border-bottom: 5px solid #b00; background: #900 url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/site-promo-banner-bg.jpg?t=1458774722') center center repeat-x; } .viewport-sm header .promo-banner, .viewport-xs header .promo-banner { padding: 4px 0px; } header .promo-banner .copy { font-size: 1.40em; font-family: 'Karla', Arial, sans-serif; color: #fff; text-align: center; text-transform: uppercase; } .viewport-sm header .promo-banner .copy, .viewport-xs header .promo-banner .copy { font-size: 1.2em; } .viewport-sm header .promo-banner .copy strong, .viewport-xs header .promo-banner .copy strong { display: block; } #google-translator { position: fixed; top: 20px; right: 20px; z-index: 999; display: block; min-width: 120px; padding: 10px; text-align: center; background-color: #444; border-radius: 5px; box-shadow: 0px 0px 10px rgba(17, 17, 17, 0.75); -webkit-box-shadow: 0px 0px 10px rgba(17, 17, 17, 0.75); -moz-box-shadow: 0px 0px 10px rgba(17, 17, 17, 0.75); -o-box-shadow: 0px 0px 10px rgba(17, 17, 17, 0.75); } #google-translator span { display: block; width: 100%; margin-bottom: 10px; font-size: 12px; color: #ccc; } #google-translator ul { display: inline-block; width: auto; margin: 0px auto; } #google-translator ul li { display: inline-block; padding: 0px; margin: 0px 5px 0px 0px; list-style-type: none; } #google-translator ul li.last, #google-translator ul li:last-child { margin-right: 0px; } #google-translator ul li a { cursor: pointer; border: 0px; } .checkout-page header .header-top { border-bottom: 0px; } /*.checkout-page header .header-top { padding: 15px 0px; font-family: Arial, sans-serif; } .checkout-page header .header-top .logo a { display: block; width: 300px; height: 86px; background: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/header-logo.png?t=1458774722') left top no-repeat; cursor: default; } .checkout-page header .header-top .top-nav { padding-top: 0px; margin-top: 12px; text-align: right; } .checkout-page header .header-top .top-nav .support-contact { margin-bottom: 10px; font-size: .85em; color: #bbb; } .checkout-page header .header-top .top-nav .support-contact span.live-chat a, .checkout-page header .header-top .top-nav .support-contact span.call-tollfree { font-weight: bold; color: #fff; text-decoration: none; } .checkout-page header .header-top .top-nav .support-contact span.live-chat a { text-decoration: underline; } .checkout-page header .header-top .top-nav .support-contact span.call-tollfree strong.phone-number { display: inline-block; float: none; padding: 0px; margin-left: 4px; font-size: 1.25em; height: auto; line-height: normal; color: #fc0; } .checkout-page header .header-top .top-nav .secondary-nav { float: none; margin: 0px; } .checkout-page header .header-top .top-nav .secondary-nav ul li { margin-right: 20px; } .checkout-page header .header-top .top-nav .secondary-nav ul li.last, .checkout-page header .header-top .top-nav .secondary-nav ul li:last-child { margin: 0px; } .checkout-page header .header-top .top-nav .secondary-nav ul li .link-container { padding: 0px; border: 0px; } .checkout-page header .header-top .top-nav .secondary-nav ul li a { font-size: 1em; color: #ccc; text-transform: capitalize; } .checkout-page header .header-top .top-nav .secondary-nav ul li a:hover { color: #fff; } .checkout-page header .header-top .top-nav .secondary-nav ul li.CartLink a { font-weight: bold; color: #fff; }*/ /* main */ main { background-color: #fff; } main .container { position: relative; } main .content-top { box-sizing: initial; padding: 26px 0px; text-shadow: 0px 1px 0px #fff; background-color: #ececec; background: linear-gradient(45deg, #f9f9f9 40%, #ececec 100%); background: -webkit-linear-gradient(45deg, #f9f9f9 40%, #ececec 100%); background: -moz-linear-gradient(45deg, #f9f9f9 40%, #ececec 100%); background: -o-linear-gradient(45deg, #f9f9f9 40%, #ececec 100%); } main .content { position: relative; min-height: 340px; padding-bottom: 60px; } main section.content-section { padding: 26px 0px; } main section.content-section.separated { border-top: 2px solid #f0f0f0; border-bottom: 2px solid #f0f0f0; } main section.content-section.inverted { background-color: #f9f9f9; text-shadow: 0px 1px 0px #fff; } main section.content-section.gradient { text-shadow: 0px 1px 0px #fff; background-color: #f9f9f9; background: linear-gradient(to top, #f9f9f9 20%, #fff 100%); background: -webkit-linear-gradient(to top, #f9f9f9 20%, #fff 100%); background: -moz-linear-gradient(to top, #f9f9f9 20%, #fff 100%); background: -o-linear-gradient(to top, #f9f9f9 20%, #fff 100%); } main section.content-section.inverted-gradient { text-shadow: 0px 1px 0px #fff; background-color: #f9f9f9; background: linear-gradient(to bottom, #f9f9f9 20%, #fff 90%); background: -webkit-linear-gradient(to bottom, #f9f9f9 20%, #fff 90%); background: -moz-linear-gradient(to bottom, #f9f9f9 20%, #fff 90%); background: -o-linear-gradient(to bottom, #f9f9f9 20%, #fff 90%); } main section.content-section.angled-gradient { text-shadow: 0px 1px 0px #fff; background-color: #ececec; background: linear-gradient(45deg, #f9f9f9 40%, #ececec 100%); background: -webkit-linear-gradient(45deg, #f9f9f9 40%, #ececec 100%); background: -moz-linear-gradient(45deg, #f9f9f9 40%, #ececec 100%); background: -o-linear-gradient(45deg, #f9f9f9 40%, #ececec 100%); } main section { box-sizing: border-box; display: block; width: 100%; } main .content-block { padding: 0px 10px; } main .block { margin-bottom: 20px; } main .separator-block { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e6e6e6; } main .half-column, main .primary-column, main .secondary-column { box-sizing: border-box; } main .half-column { width: 50%; padding: 0px 30px; } main .primary-column { width: 60%; padding: 0px 30px; } main .secondary-column { width: 40%; } main .half-column.fl-left, .primary-column.fl-left { padding-left: 0px; margin-left: 0px; border-left: none; } main .half-column.fl-right, .primary-column.fl-right { padding-right: 0px; margin-right: 0px; border-right: none; } main .divided-block.fl-left { border-right: 1px solid #e6e6e6; } main .divided-block.fl-right { border-left: 1px solid #e6e6e6; } .split-column.fl-left { padding-right: 30px; } .split-column.fl-left.divider { border-right: 1px solid #e6e6e6; } .split-column.fl-right { padding-left: 30px; } .split-column.fl-right.divider { border-left: 1px solid #e6e6e6; } .separator { box-sizing: initial; display: block; width: 100%; height: 1px; max-height: 1px; margin: 20px auto; font-size: 0px; overflow: hidden; background-color: #e6e6e6; } .separator.short { width: 25%; } .separator.half { width: 50%; } .separator.long { width: 75%; } .separator.embossed { border-bottom: 1px solid rgba(255, 255, 255, 0.8); } .separator.faded { background-color: #e6e6e6; background: radial-gradient(at center, #e6e6e6 0%, transparent 80%); background: -webkit-radial-gradient(at center, #e6e6e6 0%, transparent 80%); background: -moz-radial-gradient(at center, #e6e6e6 0%, transparent 80%); background: -o-radial-gradient(at center, #e6e6e6 0%, transparent 80%); } main .page-title, main .block-title { margin-bottom: 20px; } main .block-meta { margin-top: 10px; font-size: .85em; } main .page-subtitle { font: 1.5em 'Karla', Arial, sans-serif; color: #999; text-transform: uppercase; } main .paging-bar.top { margin-bottom: 12px; } main .paging-bar.bottom { margin-top: 12px; } main .pagination { display: inline-block; width: auto; margin: 0px; color: #d6d6d6; } main .pagination ul { display: inline-block; width: auto; padding: 0px; margin: 0px; } main .pagination ul li { display: inline-block; height: 30px; padding: 0px; margin: 0px; line-height: 30px; list-style-type: none; } main .pagination ul li span { padding: 0px 5px; } main .pagination ul li.first, main .pagination ul li:first-child { padding-left: 0px; } main .pagination ul li.last, main .pagination ul li:last-child { padding-right: 0px; } main .pagination ul li.active span { font-weight: bold; color: #333; } main .pagination a { color: #666; text-decoration: underline; } main .pagination a:hover { color: #333; } ul.breadcrumbs { display: block; margin-bottom: 20px; } ul.breadcrumbs li { display: inline-block; width: auto; margin: 0px 8px 10px 0px; font-size: .8em; list-style-type: none; } ul.breadcrumbs li.last { margin-right: 0px; font-weight: bold; color: #333; } ul.breadcrumbs li a { display: inline-block; color: #999; } ul.breadcrumbs li a:hover { color: #666; } ul.breadcrumbs li span.breadcrumb-separator { display: inline-block; width: auto; margin-right: 8px; font-size: 1.2em; font-weight: normal; } /* main .breadcrumbs { display: block; margin-bottom: 30px; } main .breadcrumbs ul { display: block; padding: 0px; margin: 0px; } main .breadcrumbs ul li { display: inline-block; float: none; width: auto; padding: 0px 14px 0px 0px; margin: 0px 8px 0px 0px; font-size: .8em; list-style-type: none; background: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/breadcrumb-bullet.png?t=1458774722') no-repeat right 50%; } main .breadcrumbs ul li.last, main .breadcrumbs ul li:last-child { padding: 0px; margin: 0px; font-weight: bold; color: #333; background-image: none; } main .breadcrumbs ul li a { display: block; color: #999; } main .breadcrumbs ul li a:hover { color: #666; text-decoration: underline; }*/ main .ratings { display: inline-block; width: auto; height: 16px; padding-left: 80px; line-height: 16px; background-image: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/rating-icons.png?t=1458774722'); background-repeat: no-repeat; } main .ratings.rating0, main .ratings.avg-rating-0 { background-position: 0px 0px; } main .ratings.rating1, main .ratings.avg-rating-1 { background-position: 0px -16px; } main .ratings.rating2, main .ratings.avg-rating-2 { background-position: 0px -32px; } main .ratings.rating3, main .ratings.avg-rating-3 { background-position: 0px -48px; } main .ratings.rating4, main .ratings.avg-rating-4 { background-position: 0px -64px; } main .ratings.rating5, main .ratings.avg-rating-5 { background-position: 0px -80px; } main .ratings p { display: inline-block; margin: 0px 0px 0px 10px; font-size: .8em; color: #999; text-transform: uppercase; line-height: inherit; vertical-align: middle; } main .ratings p span { font-weight: bold; vertical-align: initial; } main .loader { position: absolute; top: 50%; left: 50%; display: block; width: 16px; height: 16px; margin-left: -8px; background: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/loading-icon.gif?t=1458774722') 0px 0px no-repeat; } main .alert, main .ErrorMessage, main .SuccessMessage { box-sizing: border-box; min-height: 50px; padding: 15px 10px 10px 50px; margin-bottom: 20px; font-size: .9em; line-height: 1.5em; border-radius: 3px; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25); -o-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25); background-repeat: no-repeat; background-position: 8px 8px; } main .alert.alert-notice { color: #666; background-color: #ffd; backround-image: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/alert-icon-notice.png?t=1458774722'); } main .alert.alert-error , main .ErrorMessage { color: #b00; background-color: #fee; background-image: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/alert-icon-error.png?t=1458774722'); } main .alert.alert-success, main .SuccessMessage { color: #690; background-color: #cfd; background-image: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/alert-icon-success.png?t=1458774722'); } main .alert a, main .alert a:hover, main .ErrorMessage a, main .ErrorMessage a:hover, main .SuccessMessage a, main .SuccessMessage a:hover { font-weight: bold; color: #333; text-decoration: underline; } ul.products-grid { display: block; width: 100%; padding: 0px; margin: 0px; } ul.products-grid li { box-sizing: border-box; display: block; float: left; min-height: 270px; padding: 10px; margin: 0px; list-style-type: none; border-left: 1px solid #e9e9e9; border-right: 0px; } ul.products-grid li.last, ul.products-grid li:last-child { border-right: 1px solid #e9e9e9; } ul.products-grid li .product-thumbnail { position: relative; height: 160px; text-align: center; margin-bottom: 10px; } ul.products-grid li .product-thumbnail img { display: block; max-width: 200px; max-height: 160px; margin: 0px auto; vertical-align: middle; } ul.products-grid li .product-details { font: 14px Arial, sans-serif; text-align: center; } ul.products-grid li .product-details a { display: block; height: 30px; margin-bottom: 7px; font-size: .9em; font-weight: bold; color: #666; } ul.products-grid li:hover .product-details a { color: #333; } ul.products-grid li .product-details a:hover { text-decoration: underline; } ul.products-grid li .product-details .p-price strike { display: inline-block; padding-right: 10px; color: #999; font-weight: normal; } ul.products-grid li .product-details .p-price { color: #a00; font-weight: bold; } ul.products-grid li .product-details .ratings { margin-top: 10px; } .viewport-sm ul.products-grid li:nth-child(2), .viewport-sm ul.products-grid li.even, .viewport-xs ul.products-grid li { border-right: 1px solid #e9e9e9; } /* category, brands and product pages */ .category .breadcrumbs { margin-bottom: 20px; } .viewport-xs .breadcrumbs { text-align: center; } .category .category-heading { box-sizing: border-box; margin-bottom: 30px; text-align: center; } /* special category pages */ .special-category-page .content-top { position: relative; min-height: 400px; padding: 0px; border-bottom: 0px; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; } .special-category-page .content-top .container, .special-category-page .content-top .row { position: inherit; height: inherit; } .special-category-page .category-description { position: absolute; font: 18px 'Karla', Arial, sans-serif; color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9); } .special-category-page .category-description .logo { display: block; width: 150px; height: 40px; margin: 0px auto 30px; background-size: 100% auto; opacity: 0.95; background-repeat: no-repeat; } .special-category-page .category-description .block-title { margin-bottom: 20px; font-size: 2.5em; font-family: 'Anton', Arial, sans-serif; font-style: italic; text-align: center; text-transform: uppercase; line-height: 100%; } .special-category-page .category-description p.disclaimer { font-size: .76em; font-style: italic; color: #999; text-align: center; } .special-category-page.viewport-md .content-top { height: 340px; } .special-category-page.viewport-md .category-description { font-size: 16px; } .special-category-page.viewport-md .category-description .block-title { font-size: 2.4em; } .special-category-page.viewport-sm .content-top { height: 340px; } .special-category-page.viewport-sm .category-description { font-size: 14px; } .special-category-page.viewport-sm .category-description .block-title { font-size: 2.3em; } .special-category-page.viewport-xs .content-top { height: 310px; } .special-category-page.viewport-xs .category-description { position: absolute; top: initial; bottom: 0px; width: 100%; padding: 15px; font-size: 12px; text-align: center; } .special-category-page.viewport-xs.landscape .category-description { font-size: 14px; } .special-category-page.viewport-xs .category-description .logo { width: 100px; height: 27px; margin-bottom: 10px; } .special-category-page.viewport-xs .category-description .block-title { margin-bottom: 10px; font-size: 2em; text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.75); } .special-category-page.viewport-xs .category-description p { margin-bottom: 10px; } .ascent-category-page .content-top { background-color: #0f0f0f; background-image: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/ascent-bundle-5-category-heading.jpg?t=1458774722'); } .ascent-category-page.viewport-sm .content-top { background-position: 46% center; } .ascent-category-page.viewport-xs .content-top { background-image: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/ascent-bundle-5-category-heading-xs.jpg?t=1458774722'); } .ascent-category-page .category-description { top: 12%; right: 0px; } .ascent-category-page.viewport-xs .category-description { background: linear-gradient(to top, #000 0%, transparent 100%); background: -webkit-gradient(to top, #000 0%, transparent 100%); background: -moz-gradient(to top, #000 0%, transparent 100%); background: -o-gradient(to top, #000 0%, transparent 100%); } .ascent-category-page .category-description .logo { background-image: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/category-heading-ascent-logo-sprites.png?t=1458774722'); background-position: left bottom; } .davinci-category-page .content-top { background-color: #201614; background-image: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/davinci-bundle-6-category-heading.jpg?t=1458774722'); } .davinci-category-page.viewport-sm .content-top { background-position: 52% center; } .davinci-category-page.viewport-xs .content-top { background-image: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/davinci-bundle-6-category-heading-xs.jpg?t=1458774722'); } .davinci-category-page .category-description { top: 14%; left: 0px; } .davinci-category-page.viewport-xs .category-description { background: linear-gradient(to top, #201614 30%, transparent 100%); background: -webkit-gradient(to top, #201614 30%, transparent 100%); background: -moz-gradient(to top, #201614 30%, transparent 100%); background: -o-gradient(to top, #201614 30%, transparent 100%); } .davinci-category-page .category-description .logo { background-image: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/category-heading-davinci-logo-sprites.png?t=1458774722'); background-position: left bottom; } .aromatherapy-category-page .content-top { background-color: #292623; background-image: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/aromatherapy-category-heading.jpg?t=1458774722'); } .aromatherapy-category-page.viewport-sm .content-top { background-position: 44% center; } .aromatherapy-category-page.viewport-xs .content-top { background-image: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/aromatherapy-category-heading-xs.jpg?t=1458774722'); } .aromatherapy-category-page .category-description { top: 14%; right: 0px; } .aromatherapy-category-page .category-description .logo { background-image: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/category-heading-eeb-logo-sprites.png?t=1458774722'); background-position: left bottom; } .category .paging-bar .pagination-container { text-align: right; } .category.viewport-sm .paging-bar .filter-container, .category.viewport-xs .paging-bar .filter-container, .category.viewport-sm .paging-bar .pagination-container, .category.viewport-xs .paging-bar .pagination-container { display: block; text-align: center; } .category.viewport-sm .paging-bar .filter-container, .category.viewport-xs .paging-bar .filter-container { margin-bottom: 8px; } .category .paging-bar .sort-by .field.select { min-width: 200px; } ul.products-grid {} ul.products-grid li { padding: 30px 22px; border-bottom: 1px solid #e9e9e9; } ul.products-grid li.first-row { border-top: 1px solid #e9e9e9; } ul.products-grid li .product-thumbnail { height: 120px; } ul.products-grid li .product-thumbnail a img { max-width: 180px; height: 120px; } ul.products-grid li .product-thumbnail .QuickViewBtn { display: none; position: absolute; top: 50%; left: 50%; width: 70px; height: 70px; margin: -35px 0px 0px -35px; font-size: 0px; cursor: pointer; background: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/quickview-button.png?t=1458774722') center center no-repeat; } .category.viewport-sm .QuickViewBtn, .category.viewport-xs .QuickViewBtn { display: none !important; } ul.products-grid li .product-buttons { margin-top: 10px; text-align: center; } .brands-page ul.category-products li .product-thumbnail a img { display: block; } /* cart */ table.cart-table { display: table; width: 100%; padding: 0px; margin: 0px; border: 0px; } table.cart-table thead, table.cart-table tbody, table.cart-table tfoot { width: inherit; border: 1px solid #e9e9e9; border-bottom: 0px; } table.cart-table thead th { padding: 10px; font-size: .85em; text-shadow: 0px 1px 0px #fff; color: #666; background-color: #f4f4f4; } table.cart-table tbody td { padding: 14px 10px; vertical-align: top; border: 0px; border-bottom: 1px solid #e9e9e9; } table.cart-table tbody td.product-thumbnail { vertical-align: top; text-align: center; } table.cart-table tbody td.product-thumbnail a img { display: block; width: auto; max-width: 115px; height: auto; max-height: 115px; margin: 0px auto; } table.cart-table tbody td.product-info span.product-name { display: block; } table.cart-table tbody td.product-info span.product-price { display: block; margin-top: 8px; font-weight: bold; } table.cart-table tbody td.product-info .product-options { display: block; margin-top: 20px; color: #888; } table.cart-table tbody td.product-info .product-options .product-options-table { padding: 0px; margin: 0px 0px 10px; border: 0px; } table.cart-table .product-options-table tbody { border: 0px; } table.cart-table .product-options-table tbody td { padding: 2px 20px 2px 0px; color: #888; border: 0px; } table.cart-table .product-options-table tbody td label { font-weight: bold; } table.cart-table tbody td.product-info .product-options-change-link { display: inline-block; font-size: .85em; color: #666; } table.cart-table tbody td.product-qty .field { width: 54px; } table.cart-table tbody td span.ProductPrice { font-weight: bold; } table.cart-table tbody td .remove-item-link { display: inline-block; margin-top: 5px; font-size: .85em; color: #888; } table.cart-table tbody tr.redeem-coupon td .field { width: 100px; } table.cart-table tfoot th, table.cart-table tfoot td { padding: 10px; text-align: right; vertical-align: middle; border-bottom: 1px solid #e9e9e9; } table.cart-table tfoot th { font-size: .85em; color: #666; text-shadow: 0px 1px 0px #fff; border-right: 1px solid #e9e9e9; background-color: #f4f4f4; } table.cart-table tfoot td span.ProductPrice { font-weight: bold; color: #a00; } /* checkout */ .checkout-page header .logo a { cursor: default; } .checkout-page.viewport-sm .express-checkout .page-title, .checkout-page.viewport-xs .express-checkout .page-title { text-align: center; } .checkout-page .express-checkout-section, .checkout-page .express-checkout-section:hover { cursor: default; } .checkout-page .express-checkout-section .express-checkout-section-title, .checkout-page .express-checkout-section.current .express-checkout-section-title { box-sizing: border-box; position: relative; padding: 8px 14px; margin: 0px; font: 20px 'Karla', Arial, sans-serif; text-shadow: 0px -1px 0px #000; text-transform: uppercase; border: 1px solid #3c3c3c; cursor: default; background-color: #2c2c2c; background: linear-gradient(to bottom, #3c3c3c 0%, #2c2c2c 60%); background: -webkit-linear-gradient(to bottom, #3c3c3c 0%, #2c2c2c 60%); background: -moz-linear-gradient(to bottom, #3c3c3c 0%, #2c2c2c 60%); background: -o-linear-gradient(to bottom, #3c3c3c 0%, #2c2c2c 60%); } .checkout-page .ExpressCheckoutBlockCollapsed .express-checkout-section-title, .checkout-page .ExpressCheckoutBlockCompleted .express-checkout-section-title { text-shadow: 0px 1px 0px #fff; border: 1px solid #ececec; background: #f9f9f9; } .checkout-page .ExpressCheckoutBlock .express-checkout-section-title, .checkout-page .ExpressCheckoutBlock.current .express-checkout-section-title, .checkout-page .ExpressCheckoutBlock.current:hover .express-checkout-section-title { color: #fff; } .checkout-page .ExpressCheckoutBlock .express-checkout-section-title span.step, .checkout-page .ExpressCheckoutBlock.current .express-checkout-section-title span.step { display: inline-block; width: 20px; margin-right: 5px; font-size: .8em; color: #999; } .checkout-page .ExpressCheckoutBlockCollapsed .express-checkout-section-title, .checkout-page .ExpressCheckoutBlockCompleted .express-checkout-section-title { color: #999; } .checkout-page .ExpressCheckoutBlockCompleted:hover .express-checkout-section-title { color: #333; } .checkout-page .express-checkout-section-title a.ChangeLink { display: none; margin-left: 15px; font-size: .55em; font-family: Arial, sans-serif; color: #999; text-decoration: none; } .checkout-page .ExpressCheckoutBlock.current .express-checkout-section-title a.ChangeLink { display: none; } .checkout-page .ExpressCheckoutBlockCompleted .express-checkout-section-title a.ChangeLink { display: inline-block; } .checkout-page .express-checkout-section-title a.ChangeLink span { width: auto; font-weight: bold; color: #999; text-transform: uppercase; text-decoration: underline; } .checkout-page .express-checkout-section-title a.ChangeLink:hover span { color: #666; } .checkout-page .express-checkout-section-content { padding: 15px 15px 40px; border: 1px solid #ececec; border-top: 0px; } .checkout-page .express-checkout-login .form-content, .checkout-page .express-checkout-register .form-content { min-height: 125px; } .checkout-page .express-checkout-login-form fieldset.fieldset .field-label { } .checkout-page .express-checkout-login-form fieldset.fieldset .field { width: 100%; } .checkout-page .express-checkout-login-form .form-buttons a { display: inline-block; margin-top: 8px; font-size: .85em; color: #888; text-decoration: underline; } .checkout-page .express-checkout-login-form .form-buttons a:hover { color: #333; user-select: } .checkout-page .express-checkout-address-form .choose-address-field .fieldset { margin-bottom: 20px; } .checkout-page .express-checkout-address-form .choose-address-field .fieldset .field.select { max-width: 460px; } .checkout-page .express-checkout-address-form .express-checkout-newaddress .fieldset dt { box-sizing: border-box; height: 30px; font-weight: bold; text-align: left; line-height: 30px; } .checkout-page .express-checkout-address-form .express-checkout-newaddress .fieldset dt .FormFieldLabel { float: none; margin: 0px; } .checkout-page .express-checkout-address-form .express-checkout-newaddress .fieldset dd { position: relative; margin-bottom: 10px; } .checkout-page .express-checkout-address-form .express-checkout-newaddress .fieldset dd input, .checkout-page .express-checkout-address-form .express-checkout-newaddress .fieldset dd select, .checkout-page .express-checkout-address-form .express-checkout-newaddress .fieldset dd textarea { display: block; width: 100%; height: 100%; color: #666; text-shadow: 0px 1px 0px #fff; line-height: inherit; border: 0px; outline: 0px; background-color: transparent; } .checkout-page .express-checkout-address-form .express-checkout-newaddress .fieldset dd .selector { box-sizing: border-box; position: relative; float: none; width: 100% !important; height: 100%; min-height: 100% !important; padding: 0px !important; margin: 0px; color: #444; line-height: inherit; border: 0px; cursor: pointer; } .checkout-page .express-checkout-address-form .express-checkout-newaddress .fieldset dd .selector span { height: inherit; line-height: inherit; } .checkout-page .express-checkout-address-form .express-checkout-newaddress .fieldset dd .selector select { cursor: pointer; } .checkout-page .express-checkout-address-form .express-checkout-newaddress .fieldset dd .PasswordRequirements, .checkout-page .express-checkout-address-form .express-checkout-newaddress .fieldset dd .LittleNotePassword { display: none !important; } .checkout-page .express-checkout-shipping-method-form .fieldset em.ShipperPrice, .checkout-page .express-checkout-shipping-method-form .fieldset span.quote-price { display: inline-block; width: auto; margin-left: 10px; font-style: normal; font-weight: bold; color: #a00; } .checkout-page .express-checkout-shipping-method-form .fieldset span.method-display-name { display: none; } .checkout-page .express-checkout-order-review-form .cart-overview { margin-bottom: 40px; } .checkout-page.viewport-xs .cart-table-body .product-info { margin-bottom: 10px; } .checkout-page .cart-table-body .product-pricing { font-weight: normal; text-align: right; } .checkout-page.viewport-xs .cart-table-body .product-pricing { padding-top: 0px; text-align: left; } .checkout-page.viewport-xs .cart-table-body .product-pricing span { display: inline-block; font-weight: bold; } .checkout-page.viewport-xs .cart-table-body .product-pricing.column { padding-bottom: 3px; } .checkout-page.viewport-xs .cart-table-body .product-pricing.column.last, .checkout-page.viewport-xs .cart-table-body .product-pricing.column:last-child { padding-bottom: 0px; } .checkout-page.viewport-xs .cart-table-body .coupon-field { margin-bottom: 5px; } .checkout-page.viewport-xs .cart-table-body .coupon-field .field { width: 100%; } .checkout-page .express-checkout-order-review-form .cart-overview table tbody td.product-info span.product-name { font-weight: bold; } .checkout-page .express-checkout-order-review-form .cart-overview table tbody td.product-info .product-options { margin: 8px 0px 0px 20px; } .checkout-page .express-checkout-order-review-form .order-comments .field.textarea, .checkout-page .express-checkout-order-review-form .order-tac .field.textarea { height: 80px; } .checkout-page .express-checkout-order-review-form .order-comments .field.textarea textarea.textarea, .checkout-page .express-checkout-order-review-form .order-tac .field.textarea textarea.textarea { height: 100%; min-height: initial; } .checkout-page .express-checkout-cc-form .field-label { width: 160px; } .checkout-page .express-checkout-cc-form .field { width: 100%; } .checkout-page .express-checkout-cc-form em.OrderTotal { display: inline-block; width: auto; margin-left: 10px; font-style: normal; font-weight: bold; color: #a00; } /* order confirmation */ .order-confirm-page .order-information-messages, .order-confirm-page .product-recommendations { margin-bottom: 50px; } .order-confirm-page .order-information-messages .offline-payment-message span.ProductPrice { font-weight: bold; color: #a00; } .order-confirm-page .product-recommendations ul.recommended-products li { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; } .order-confirm-page .button-container { margin-top: 0px; text-align: center; } /* sitemap */ .sitemap-page .sitemap-tree ul { padding-left: 30px; } .sitemap-page .sitemap-tree ul li { display: list-item; margin-bottom: 10px; list-style: inside disc; } .sitemap-page .sitemap-tree ul li ul { margin-top: 10px; } /* footer */ footer { font: 14px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; text-shadow: 0px -1px 0px #000; background-color: #191919; } footer .container { padding-top: 10px; padding-bottom: 30px; } footer .primary-nav { float: none; font-size: .95em; color: #ccc; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #3c3c3c; } footer .primary-nav ul { display: block; float: left; margin: 0px; } footer .primary-nav ul li { display: inline-block; width: auto; padding: 0px; margin: 0px 20px 0px 0px; list-style-type: none; } footer .primary-nav ul li ul, footer .primary-nav ul li.hasSubmenu ul { display: none; } footer .primary-nav ul li.last, footer .primary-nav ul li:last-child { margin-right: 0px; } footer .primary-nav a { text-decoration: none; cursor: pointer; } footer .primary-nav a span { color: #ddd; } footer .primary-nav a:hover span { color: #fff; } footer .secondary-nav { display: block; width: auto; margin: 0px auto 40px; } .viewport-sm footer .secondary-nav, .viewport-xs footer .secondary-nav { margin-bottom: 0px; } footer .secondary-nav dl { display: block; box-sizing: border-box; float: left; padding: 0px 15px; margin-bottom: 0px; text-align: left; } footer .secondary-nav dl.first, footer .secondary-nav dl:first-child { padding-left: 15px; } footer .secondary-nav dl.last, footer .secondary-nav dl:last-child { padding-left: 0px; } .viewport-sm footer .secondary-nav dl.links, .viewport-xs footer .secondary-nav dl.links { float: none; margin-bottom: 20px; text-align: center; } footer .secondary-nav dl dt { display: block; width: 100%; margin: 0px auto 10px; font-size: 0.9em; color: #999; } footer .secondary-nav dl:hover dt { color: #ddd; } .viewport-sm footer .secondary-nav dl.links dt, .viewport-xs footer .secondary-nav dl.links dt { margin-bottom: 0px; } .viewport-sm footer .secondary-nav dl.links dd, .viewport-xs footer .secondary-nav dl.links dd { display: none; margin-top: 10px } footer .secondary-nav dl dd ul.nav-menu { display: block; width: 100%; margin: 0px; } footer .secondary-nav dl dd ul.nav-menu li { display: block; width: 100%; padding: 0px; margin: 0px 0px 5px; list-style-type: none; } footer .secondary-nav dl dd ul.nav-menu li.break { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted #444; } .viewport-sm footer .secondary-nav dl.links dd ul.nav-menu li.break, .viewport-xs footer .secondary-nav dl.links dd ul.nav-menu li.break { padding-bottom: 0px; border-bottom: 0px; } footer .secondary-nav dl dd ul.nav-menu li.last, footer .secondary-nav dl dd ul.nav-menu li:last-child { margin: 0px; } footer .secondary-nav dl dd ul.nav-menu li a { font-size: .85em; color: #777; text-decoration: none; } footer .secondary-nav dl dd ul.nav-menu li a:hover { color: #ccc; } footer .secondary-nav .contact-info { float: right; color: #999; font-size: 14px; text-align: center; } .viewport-sm footer .secondary-nav .contact-info, .viewport-xs footer .secondary-nav .contact-info { display: block; float: none; width: auto; padding: 0px 15px 10px; margin-bottom: 20px; border-bottom: 1px solid #3c3c3c; } footer .secondary-nav .contact-info .contact { margin-bottom: 20px; } .viewport-sm footer .contact-info .contact, .viewport-xs footer .contact-info .contact { margin-bottom: 12px; font-size: 12px; font-family: Arial, sans-serif; line-height: normal; } footer .secondary-nav .contact span.call { display: block; margin-bottom: 5px; font-size: 1.10em; color: #ccc; } footer .contact span.call strong { font-family: Arial, sans-serif; font-weight: bold; color: #fc0; } footer .secondary-nav .contact a { text-decoration: none; } footer .secondary-nav .contact a span { color: #ddd; } footer .secondary-nav .contact a:hover span { color: #fff; } .viewport-sm footer .contact span.live-chat a, .viewport-xs .contact span.live-chat a, .viewport-sm footer .contact span.call, .viewport-xs footer .contact span.call { font-weight: bold; color: #fff; } .viewport-sm footer .contact span.live-chat a, .viewport-xs .contact span.live-chat a { text-decoration: underline; } .viewport-sm footer .contact span.call, .viewport-xs footer .contact span.call { display: inline; margin: 0px; font-size: inherit; font-weight: bold; color: #fff; } .viewport-md footer .secondary-nav .contact-info .follow ul.social-buttons li.label { display: block; height: auto; margin: 0px 0px 5px 0px; line-height: normal; } footer .certs, footer .copyright { font-family: Arial, sans-serif; color: #999; text-align: center; } footer .certs { margin: 0px auto 30px; height: 55px; } .viewport-sm footer .certs, .viewport-xs footer .certs { height: auto; margin: 0px auto; } footer .certs .cert-container { display: inline-block; width: auto; margin: 0px 20px; vertical-align: top; } .viewport-sm footer .cert-container, .viewport-xs footer .cert-container { margin: 0px 10px 20px; } footer .certs .cert-container.first, footer .certs .cert-container:first-child { margin-left: 0px; } .viewport-sm footer .certs .cert-container.first, .viewport-xs footer .certs .cert-container.first { display: block; margin-left: 10px; } footer .certs .cert-container.last, footer .certs .cert-container:last-child { margin-right: 0px; } .viewport-sm footer .certs .cert-container.last, .viewport-xs footer .certs .cert-container.last { margin-right: 10px; } footer .certs ul.compliance-certs { display: inline-block; box-sizing: border-box; padding: 10px 15px 0px; margin: 0px auto; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: transparent; background: linear-gradient(to bottom, #262626 0%, transparent); background: -webkit-linear-gradient(to bottom, #262626 0%, transparent); background: -moz-linear-gradient(to bottom, #262626 0%, transparent); background: -o-linear-gradient(to bottom, #262626 0%, transparent); } footer .certs ul.compliance-certs li { display: inline-block; padding: 0px; margin: 0px 15px 0px 0px; list-style-type: none; } footer .certs ul.compliance-certs li.last, footer .certs ul.compliance-certs li:last-child { margin: 0px; } footer .certs ul.compliance-certs li a { display: block; width: 40px; height: 40px; background-image: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/footer-compliance-certs.png?t=1458774722'); background-repeat: no-repeat; cursor: default; } footer .certs ul.compliance-certs li a.rohs { background-position: 0px 0px; } footer .certs ul.compliance-certs li a.recyclable { background-position: -40px 0px; } footer .certs ul.compliance-certs li a.sgs { background-position: -80px 0px; } footer .certs ul.compliance-certs li a.ce { background-position: -120px 0px; } footer .certs .accepted-payments-container { padding-top: 5px; font-size: .8em; color: #888; } footer .certs ul.accepted-payments { display: block; margin: 0px auto 5px; } footer .certs ul.accepted-payments li { display: inline-block; padding: 0px; margin: 0px; list-style-type: none; } footer .certs ul.accepted-payments li a { display: block; width: 40px; height: 24px; background-image: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/footer-accepted-payments.png?t=1458774722'); background-repeat: no-repeat; cursor: default; } footer .certs ul.accepted-payments li a.visa { background-position: 0px 0px; } footer .certs ul.accepted-payments li a.mastercard { background-position: -40px 0px; } footer .certs ul.accepted-payments li a.discover { background-position: -80px 0px; } footer .certs ul.accepted-payments li a.amex { background-position: -120px 0px; } footer .certs ul.accepted-payments li a.dinersclub { background-position: -160px 0px; } footer .certs ul.accepted-payments li a.paypal { background-position: -200px 0px; } footer .certs .ssl-seal-container { padding-top: 5px; margin-right: 0px; } footer .copyright { font-size: .8em; } .checkout-page footer .primary-nav { margin-bottom: 20px; color: #999; } .checkout-page footer .primary-nav ul.nav-menu { padding-left: 0px; } .checkout-page footer .primary-nav ul.contact-menu { padding-right: 0px; text-align: right; } .checkout-page.viewport-sm footer .primary-nav ul, .checkout-page.viewport-xs footer .primary-nav ul { padding: 0px; text-align: center; } .checkout-page footer .contact-info { margin-right: 0px; } .checkout-page.viewport-sm footer .contact, .checkout-page.viewport-xs footer .contact { margin-bottom: 0px; } .checkout-page footer .contact span.live-chat a span, .checkout-page footer .contact span.call { color: #fff; } .checkout-page footer .contact span.live-chat a span, .checkout-page footer .contact span.live-chat a:hover span { text-decoration: underline; } .checkout-page footer .contact span.call strong { font-size: 1.10em; } .checkout-page.viewport-sm footer .contact span.call strong, .checkout-page.viewport-xs footer .contact span.call strong { font-size: inherit; } .checkout-page footer .back-to-top-link { margin-left: 20px; } .checkout-page.viewport-sm footer .secondary-nav dl.links, .checkout-page.viewport-xs footer .secondary-nav dl.links { padding: 0px; } .checkout-page.viewport-sm footer .secondary-nav dl.links dd, .checkout-page.viewport-xs footer .secondary-nav dl.links dd { display: block; margin-top: 0px; } /* reponsive - specialty rules */ .viewport-sm .container { width: 100%; } .checkout-page.viewport-sm .ExpressCheckoutBlock.current .express-checkout-section-title, .checkout-page.viewport-xs .ExpressCheckoutBlock.current .express-checkout-section-title, .checkout-page.viewport-sm .ExpressCheckoutBlock.current:hover .express-checkout-section-title, .checkout-page.viewport-xs .ExpressCheckoutBlock.current:hover .express-checkout-section-title { color: #fff; } .checkout-page.viewport-sm .ExpressCheckoutBlockCompleted:hover .express-checkout-section-title, .checkout-page.viewport-xs .ExpressCheckoutBlockCompleted:hover .express-checkout-section-title { color: #999; } .checkout-page.viewport-xs .express-checkout-section-title a.ChangeLink { position: absolute; top: 50%; right: 14px; width: 20px; height: 20px; margin-top: -10px; font-size: 0px; background: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/checkout-edit-icon.png?t=1458774722') center center no-repeat; } .checkout-page.viewport-sm .express-checkout-login, .checkout-page.viewport-xs .express-checkout-login, .checkout-page.viewport-sm .express-checkout-register, .checkout-page.viewport-xs .express-checkout-register { padding-left: 15px; padding-right: 15px; border: 0px; } .checkout-page.viewport-sm dl.form-set dt, .checkout-page.viewport-xs dl.form-set dt { margin-bottom: 0px; text-align: center; } .checkout-page.viewport-sm dl.form-set dd, .checkout-page.viewport-xs dl.form-set dd { display: none; margin-top: 10px; } .checkout-page.viewport-xs .express-checkout-address-form .choose-address-field .fieldset .field.select { max-width: 260px; } /*.checkout-page.viewport-xs .express-checkout-address-form fieldset.fieldset.indent { padding-left: 0px; }*/ .checkout-page.viewport-sm .express-checkout-order-review-form .order-comments .field.textarea textarea.textarea, .checkout-page.viewport-xs .express-checkout-order-review-form .order-comments .field.textarea textarea.textarea, .checkout-page.viewport-sm .express-checkout-order-review-form .order-tac .field.textarea textarea.textarea, .checkout-page.viewport-xs .express-checkout-order-review-form .order-tac .field.textarea textarea.textarea { min-width: initial; } .checkout-page.viewport-sm .express-checkout-order-review .payment-options, .checkout-page.viewport-xs .express-checkout-order-review .payment-options, .checkout-page.viewport-sm .express-checkout-order-review .order-comments, .checkout-page.viewport-xs .express-checkout-order-review .order-comments { padding-left: 15px; padding-right: 15px; border: 0px; } /* modals */ .modal-information-page { background-color: #fff; } .modal-information-page main { width: 100%; min-width: initial; background: #fff; } .modal-information-page main .container { width: 100%; margin: 0px; } .modal-information-page main .content { padding-bottom: 40px; } .modal-information-page footer { width: 100%; min-width: initial; font: 1em Arial, sans-serif; text-shadow: none; background: #fff; } .modal-information-page footer .container { width: auto; padding-top: 0px; padding-bottom: 10px; margin: 0px; text-align: center; } /* plugins */ .summarize .limit { } .summarize span.ellipsis { display: inline-block; margin-left: 5px; } .summarize a.continue-link { display: inline-block; margin-top: 30px; } .tabbed-box { position: relative; height: auto; } .tabbed-box ul.tb-menu { display: block; } .tabbed-box ul.tb-menu li { display: inline-block; margin: 0px 30px 0px 0px; } .tabbed-box ul.tb-menu li.active { font-weight: bold; } .tabbed-box ul.tb-menu li a { display: block; height: 100%; font: 14px Arial, sans-serif; color: #999; text-decoration: none; } .tabbed-box ul.tb-menu li:hover a, .tabbed-box ul.tb-menu li.active a { color: #333; } .tabbed-box ul.tb-menu li a em { display: inline-block; font-style: normal; } .tabbed-box .tb-content { padding: 20px; border: 1px solid #e9e9e9; } .tabbed-box.scrollable .tb-scroll-area { max-height: 300px; overflow: auto; } .tabbed-box .tb-content .tb-content-item { display: none; } /* pages */ /* home */ .home-top, .home-middle, .home-bottom { } .home-page.viewport-sm .home-top, .home-page.viewport-xs .home-top { padding: 0px; } #home-slider .slides { position: relative; width: 100%; height: 460px; background-color: #191919; background: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/slideshow/slideshow-loading-icon.gif?t=1458774722') center center no-repeat, linear-gradient(to bottom, #191919 0%, #333 100%); background: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/slideshow/slideshow-loading-icon.gif?t=1458774722') center center no-repeat, -webkit-linear-gradient(to bottom, #191919 0%, #333 100%); background: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/slideshow/slideshow-loading-icon.gif?t=1458774722') center center no-repeat, -moz-linear-gradient(to bottom, #191919 0%, #333 100%); background: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/slideshow/slideshow-loading-icon.gif?t=1458774722') center center no-repeat, -o-linear-gradient(to bottom, #191919 0%, #333 100%); } #home-slider .slide { overflow: hidden; font-size: 120px; font-family: Anton, sans-serif; text-transform: uppercase; background-color: #000; cursor: pointer; } .viewport-md #home-slider .slide { font-size: 100px; } #home-slider p { margin: 0px; } #home-slider .slide .text-layer { padding: 10px 20px; font-style: italic; } #home-slider .slide .image-layer { padding: 10px; } #home-slider p.white { color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); } #home-slider p.black { color: #000; text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5); } #home-slider-slide-2 p.para-1 { font-size: .58em; } #home-slider-slide-2 p.para-2 { font-size: 1em; } #home-slider-slide-2 p.para-3 { font-size: .22em; } #home-slider-slide-3 p.para-1 { font-size: .76em; letter-spacing: .04em; } #home-slider-slide-3 p.para-2 { font-size: 1em; } #home-slider-slide-3 p.para-3 { font-size: .28em; letter-spacing: .14em; } #home-slider-slide-4 p.para-1 { font-size: .71em; letter-spacing: .06em; } #home-slider-slide-4 p.para-2 { font-size: 1em; letter-spacing: .03em; } #home-slider-slide-4 p.para-3 { font-size: .2em; letter-spacing: .03em } #home-slider-slide-x p.para-1 { font-size: .6em; letter-spacing: .04em; } #home-slider-slide-x p.para-2 { font-size: .84em; letter-spacing: .03em; } #home-slider-slide-x p.para-3 { font-size: .2em; letter-spacing: .03em } .home-page ul.featured-categories { display: block; } .home-page ul.featured-categories li { padding-top: 15px; padding-bottom: 15px; margin-bottom: 0px; } .home-page ul.featured-categories li .featured-category { position: relative; } .home-page .featured-category .image-link { padding-left: 25px; } .home-page .featured-category .blurb { position: absolute; top: 0px; right: 0px; } .home-page .featured-category .blurb dt { margin-bottom: 10px; font: 16px 'Karla', Arial, sans-serif; font-weight: bold; color: #000; } .home-page .featured-category .blurb dt a { color: inherit; text-decoration: none; } .home-page .featured-category .button-wrap { position: absolute; right: 0px; bottom: 0px; text-align: center; } .home-page.viewport-sm ul.featured-categories li, .home-page.viewport-xs ul.featured-categories li { border-bottom: 1px solid #e9e9e9; } .home-page.viewport-sm ul.featured-categories li.last, .home-page.viewport-sm ul.featured-categories li:last-child, .home-page.viewport-xs ul.featured-categories li.last, .home-page.viewport-xs ul.featured-categories li:last-child { border-bottom: 0px; } .home-page.viewport-sm .featured-category .blurb, .home-page.viewport-xs .featured-category .blurb { position: static; top: auto; right: auto; } .home-page.viewport-sm .featured-category .blurb dt, .home-page.viewport-xs .featured-category .blurb dt { margin-bottom: 0px; color: #666; } .home-page.viewport-sm .featured-category .blurb dt span, .home-page.viewport-xs .featured-category .blurb dt span { display: inline-block; margin-top: 4px; } .home-page.viewport-sm .video-container, .home-page.viewport-xs .video-container { margin-bottom: 15px; } .home-page .video-blurb { font-size: .95em; } .home-page .video { width: 100%; max-height: 315px; background-color: #000; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35); -o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.35); } .home-page .home-bottom img { width: 100%; } .home-page ul.ascent-reviews li { padding-top: 15px; margin-bottom: 30px; font: 18px 'Karla', Arial, sans-serif; } .home-page ul.ascent-reviews li.last { margin-bottom: 0px; } .home-page.viewport-sm ul.ascent-reviews li, .home-page.viewport-xs ul.ascent-reviews li { padding-top: 0px; padding-bottom: 15px; text-align: center; } .home-page.viewport-sm ul.ascent-reviews li .author-logo, .home-page.viewport-xs ul.ascent-reviews li .author-logo { margin-top: 15px; } .home-page.viewport-sm ul.ascent-reviews li .author-logo img, .home-page.viewport-xs ul.ascent-reviews li .author-logo img { width: auto; } .home-page .home-newsletter { position: relative; padding: 0px; margin-top: 35px; background-color: #b00; background: linear-gradient(to bottom, #800 0%, #b00 100%); background: -webkit-linear-gradient(to bottom, #800 0%, #b00 100%); background: -moz-linear-gradient(to bottom, #800 0%, #b00 100%); background: -o-linear-gradient(to bottom, #800 0%, #b00 100%); } .home-page.viewport-sm .home-newsletter, .home-page.viewport-xs .home-newsletter { margin-top: 0px; } .viewport-sm .newsletter-signup-wrap, .viewport-xs .newsletter-signup-wrap { padding: 15px 0px; } .home-newsletter .newsletter-signup-banner { position: relative; min-height: 100px; } .viewport-sm .home-newsletter .newsletter-signup-banner { min-height: inherit; } .viewport-xs .home-newsletter .newsletter-signup-banner { min-height: inherit; margin-bottom: 15px; } .home-newsletter .newsletter-signup-banner .copy { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); font-family: 'Karla', Arial, sans-serif; color: #fff; text-align: center; } .viewport-sm .home-newsletter .newsletter-signup-banner .copy, .viewport-xs .home-newsletter .newsletter-signup-banner .copy { position: static; top: auto; right: auto; transform: initial; } .home-newsletter .newsletter-signup-banner .copy p { margin: 0px; font-size: 1.15em; line-height: normal; text-transform: uppercase; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); } .home-newsletter .newsletter-signup-banner .copy p.line-2 { font-size: 2.7em; font-weight: bold; color: #fd0; letter-spacing: 1px; } .viewport-sm .home-newsletter .newsletter-signup-banner .copy p.line-1, .viewport-xs .home-newsletter .newsletter-signup-banner .copy p.line-1 { font-size: 1.1em; } .viewport-sm .home-newsletter .newsletter-signup-banner .copy p.line-2, .viewport-xs .home-newsletter .newsletter-signup-banner .copy p.line-2 { font-size: 2em; margin-bottom: 5px; } .home-newsletter .newsletter-signup-banner .copy p.line-3 { font-size: .8em; font-style: italic; } .home-newsletter .newsletter-signup-banner .graphic { position: absolute; left: 0px; bottom: 0px; width: 240px; height: 154px; background: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/home-newsletter-signup-graphic.png?t=1458774722') left bottom no-repeat; } .home-newsletter .newsletter-signup-form-container { padding: 8px 8px 0px; margin-top: 26px; border-radius: 6px; background-color: transparent; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 75%); background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 75%); background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 75%); background: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 75%); } .viewport-sm .home-newsletter .newsletter-signup-form-container, .viewport-xs .home-newsletter .newsletter-signup-form-container { margin: 0px; } .home-newsletter .newsletter-signup-form-status { display: none; height: 30px; line-height: 30px; font-weight: bold; color: #fff; text-align: center; text-shadow: 0px -1px 0px #300; } .viewport-xs .home-newsletter .newsletter-signup-form-status { font-size: .95em; } /* categories */ .category ul.category-products li .product-thumbnail a img { display: none; } /* products */ .product .product-content section.purchasing { background-color: #ececec; background: radial-gradient(circle at top -20% left 20%, #fcfcfc 20%, #ececec 100%); background: -webkit-radial-gradient(circle at top -20% left 20%, #fcfcfc 20%, #ececec 100%); background: -moz-radial-gradient(circle at top -20% left 20%, #fcfcfc 20%, #ececec 100%); background: -o-radial-gradient(circle at top -20% left 20%, #fcfcfc 20%, #ececec 100%); } .product .page-title { margin-bottom: 10px; } .product .page-title h1 { display: block; font-size: 2.25em; } .product .product-images { display: block; text-align: center; } .product .product-images .product-thumbnail { width: 100%; text-align: center; } .product.viewport-sm .product-images .product-thumbnail, .product.viewport-xs .product-images .product-thumbnail { margin-bottom: 20px; } .product .product-images .product-thumbnail img { display: block; width: auto; max-width: 100%; margin: 0px auto; } .product.viewport-sm .product-images .product-thumbnail img, .product.viewport-xs .product-images .product-thumbnail img { max-width: 100%; max-height: 380px; } .product .product-images ul.thumbnail-carousel { display: inline-block; width: auto; margin: 10px 0px 0px; } .product .product-images ul.thumbnail-carousel li { display: block; float: left; width: 60px; height: 60px; padding: 0px; margin: 0px 5px 5px 0px; border: 1px solid #e9e9e9; background-color: #fff; } .product .product-images ul.thumbnail-carousel li.last, .product .product-images ul.thumbnail-carousel li:last-child { margin-right: 0px; } .product .product-images ul.thumbnail-carousel li:hover { border-color: #bbb; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25); -o-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25); } .product .product-images ul.thumbnail-carousel li a { display: block; width: 100%; height: 100%; text-align: center; } .product .product-images ul.thumbnail-carousel li a img { display: block; max-width: 58px; max-height: 58px; margin: 0px auto; vertical-align: middle; } .product .purchasing-details .copy { display: none; } .product .pricing { font-size: 2em; } .product .pricing .price { display: inline-block; margin-right: 10px; color: #c00; } .product .pricing .retail-price { display: inline-block; font-size: .7em; color: #bbb; } .product .pricing .additional-pricing { font: 14px Arial, sans-serif; color: #666; letter-spacing: 0px; } .product .pricing .additional-pricing span.YouSave { display: inline-block; font-weight: normal; } .product .product-options { } .product .product-options .product-attributes { padding-top: 20px; margin: 20px auto 0px; border-top: 1px solid #e9e9e9; } .product .product-options .productAttributeRow { clear: both; float: none; margin-bottom: 16px; } .product .product-options .productAttributeRow.last { margin-bottom: 0px; } .product .product-options .productAttributeLabel, .product .product-options .productAttributeValue { display: table; float: left; } .product .product-options .productAttributeLabel { width: 25%; height: 30px; padding-right: 10px; line-height: 30px; } .product .product-options .productAttributeLabel label .name { font-family: 'Karla', Arial, sans-serif; font-size: 1.25em; text-transform: uppercase; } .product.viewport-xs .product-options .productAttributeLabel label .name { font-size: 1.10em; } .product .product-options .productAttributeValue { width: 75%; min-height: 30px; } .product .product-options .productOptionPickListSwatch { display: table-cell; vertical-align: middle; } .product .product-options .productOptionPickListSwatch ul, .product .product-options .productOptionPickListSwatchLabel { display: inline-block; width: auto; vertical-align: middle; } .product .product-options .productOptionPickListSwatch li { display: inline-block; margin: 0px 6px 0px 0px; } .product.viewport-sm .product-options .productOptionPickListSwatch li, .product.viewport-xs .product-options .productOptionPickListSwatch li { margin-right: 6px; } .product .product-options .productOptionPickListSwatch span.showPreview { display: block; width: 34px; height: 34px; padding: 1px; border: 1px solid #999; border-radius: 50%; } .product.viewport-sm .product-options .productOptionPickListSwatch span.showPreview, .product.viewport-xs .product-options .productOptionPickListSwatch span.showPreview { width: 34px; height: 34px; } .product .product-options .productOptionPickListSwatch li.selectedValue span.showPreview { padding: 0px; border: 2px solid #fff; } .product .product-options .productOptionPickListSwatch span.swatchColour, .product .product-options .productOptionPickListSwatch span.thumbnail { display: block; width: 100%; height: 100%; padding: 0px; margin: 0px; line-height: normal; border: 0px; border-radius: 50%; } .product .product-options .productOptionPickListSwatch span.name { display: none; } .product .product-options .productOptionPickListSwatchLabel { margin-left: 10px; font-size: 1em; color: #999; } .product.viewport-sm .product-options .productOptionPickListSwatchLabel, .product.viewport-xs .product-options .productOptionPickListSwatchLabel { font-size: .85em; vertical-align: middle; } .product.viewport-xs .product-options .productAttributeLabel, .product.viewport-xs .product-options .productAttributeValue { float: none; width: 100%; } .product.viewport-xs .product-options .productAttributeLabel { padding-right: 0px; margin-bottom: 8px; height: auto; min-height: initial; line-height: normal; } .product .product-options .add-to-cart { padding-top: 20px; margin-top: 20px; text-align: right; border-top: 1px solid #e9e9e9; } .product .add-to-cart .qty-field { display: inline-block; min-width: 100px; vertical-align: middle; } .product .add-to-cart .qty-field .field-label, .product .add-to-cart .qty-field .field { display: inline-block; vertical-align: middle; } .product .add-to-cart .qty-field .field-label { padding-right: 10px; } .product .add-to-cart .button { margin-left: 15px; vertical-align: middle; } .product .product-options .productAttributeLabel label, .product .product-options .productOptionViewSelect .selector { display: inline-block; vertical-align: top; } .product .product-options .productOptionViewSelect .selector { position: relative; float: none; width: 50%; height: inherit; min-height: 30px !important; padding: 0px !important; margin: 0px; color: #444; line-height: inherit; border: 1px solid #ddd; border-radius: 3px; } .product.viewport-xs .product-options .productOptionViewSelect .selector { width: 100%; } .product .product-options .field .selector span, .product .product-options .productOptionViewSelect .selector span { display: block; height: 100%; padding: 0px 30px 0px 10px !important; line-height: 28px; text-overflow: ellipsis; text-shadow: none; white-space: nowrap; overflow: hidden; } .product .product-options .field .selector select, .product .product-options .productOptionViewSelect .selector select { width: 100%; height: 100%; cursor: pointer; } .product .product-optionsattributes .product-options-list { padding: 0px; margin: 0px; border: 0px; } .product .product-optionsattributes .product-attributes-list { margin-bottom: 30px; } .product .product-attributes-list .productAttributeRow { padding: 0px !important; margin: 0px 0px 10px; } .product .product-attributes-list .productAttributeRow .productAttributeLabel { display: inline-block; width: 115px !important; margin-right: 5px !important; vertical-align: top; word-wrap: normal; } .product .product-attributes-list .productAttributeRow .productAttributeLabel label { margin: 0px !important; } .product .product-attributes-list .productAttributeRow .productAttributeLabel label span.required { position: static; top: auto; left: auto; display: inline; color: #f00 !important; } .product .product-attributes-list .productAttributeRow .productAttributeValue { display: inline-block; } .product .product-attributes-list .productAttributeRow .productOptionViewSelect .selector { width: 180px; } .product .product-options .product-specifications { width: 100%; font-size: 14px; } .product .product-specifications dt { display: block; margin-bottom: 16px; font-weight: bold; } .product .product-specifications dd { display: block; width: 100%; } .product .product-specifications dd ul { width: auto; margin: 0px; } .product .product-specifications dd ul li { display: block; width: auto; padding: 0px; margin: 0px 0px 10px; font-size: .9em; list-style-type: disc; } .product .product-specifications dd ul li strong { display: inline-block; min-width: 80px; margin-right: 10px; } .product .product-options .product-addtocart .field-label { margin-right: 5px; vertical-align: middle; } .product .product-options .product-addtocart .field { text-align: right; vertical-align: middle; } .product .product-options .product-addtocart .field .selector { width: 60px; } .product .product-options .product-addtocart .button { display: block; vertical-align: top; } .product .product-options .product-addtowishlist { margin-top: 5px; text-align: right; } .product .tabbed-box { } .product .tabbed-box ul.tb-menu { margin-bottom: 20px; border-bottom: 1px solid #e6e6e6; } .product.viewport-xs .tabbed-box ul.tb-menu { text-align: center; border-bottom: 0px; } .product .tabbed-box ul.tb-menu li { display: block; float: left; margin-right: 0px; border-right: 1px solid #e6e6e6; } .product .tabbed-box ul.tb-menu li.last { margin-right: 0px; border-right: 0px; } .product.viewport-xs .tabbed-box ul.tb-menu li { width: 50%; padding-right: 1px; margin-right: 0px; margin-bottom: 2px; border-right: 0px; } .product.viewport-xs .tabbed-box ul.tb-menu li.even { padding-right: 0px; padding-left: 1px; } .product.viewport-xs .tabbed-box ul.tb-menu li.last-row { margin-bottom: 0px; } .product .tabbed-box ul.tb-menu li a { padding: 10px 20px; font-size: 1.1em; font-family: 'Karla', Arial, sans-serif; color: #888; text-transform: uppercase; text-shadow: 0px 1px 0px #fff; } .product.viewport-xs .tabbed-box ul.tb-menu li a { padding-left: 4px; padding-right: 4px; font-size: 1.1em; background-color: #f0f0f0; } .product .tabbed-box ul.tb-menu li a:hover { color: #333; } .product .tabbed-box ul.tb-menu li.active a { color: #fff; text-shadow: 0px -1px 0px #000; background-color: #222; } .product .tabbed-box ul.tb-menu li a em { vertical-align: middle; } .product .tabbed-box ul.tb-menu li a .ratings { display: inline-block; margin-left: 10px; } .product .tabbed-box ul.tb-menu li a .ratings.rating0 { display: none; } .product .tabbed-box .tb-content { padding: 0px; border: 0px; } .product .tabbed-box.scrollable .tb-scroll-area { max-height: 300px; overflow: auto; } .product .tabbed-box .tb-content .tb-content-item { display: none; } .product .product-overview { } .product .product-overview .separator { margin: 40px auto; } .product.viewport-xs .product-overview .separator { margin: 20px auto; } .product .product-overview .media { text-align: center; } .product.viewport-xs .product-overview .media { margin-bottom: 20px; } .product .product-overview .media img { display: block; width: 100%; height: auto; margin: 0px auto; } .product .product-overview .copy ul li.last-row { margin-bottom: 0px; } .product .product-overview .copy ul li .subtext { display: inline; margin-left: 10px; } .product .review-form { } .product .review-form .review-cta { font-weight: bold; } .product.viewport-xs .review-form .review-cta { text-align: center; } .product .review-cta p { display: inline-block; margin: 0px 10px 0px 0px; } .product.viewport-xs .review-cta p { display: block; margin: 0px 0px 10px; } .product .product-reviews-list { } .product .product-reviews-list li { display: block; width: 100%; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e6e6e6; } .product .product-reviews-list li .ratings, .product .product-reviews-list li .review-title { vertical-align: middle; } .product .product-reviews-list li .review-title { margin-left: 10px; } .product.viewport-xs .product-reviews-list li .review-title { display: block; margin-top: 5px; margin-left: 0px; } .product .product-reviews-list li .review-meta { margin-top: 5px; font-size: .9em; color: #999; } .product .product-reviews-list li .review-meta { margin-top: 5px; font-size: .9em; color: #999; } .product .product-reviews-list li .review-meta .review-author { font-weight: bold; color: #666; } .product .product-reviews-paging .paging-index { color: #666; } .product .product-reviews-paging .pagination-buttons { text-align: right; } .product.viewport-xs .product-reviews-paging .pagination-buttons { text-align: center; } .product .product-reviews-paging .pagination-buttons .text-button { margin-left: 30px; } .product.viewport-xs .product-reviews-paging .pagination-buttons .text-button { margin: 0px 15px; } .special-product-page .product-content section.purchasing { text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.75); background-position: center center; background-repeat: no-repeat; background-size: cover; } .special-product-page.viewport-sm .product-content section.purchasing, .special-product-page.viewport-xs .product-content section.purchasing { background-position: center top; } .special-product-page.viewport-lg .product-images, .special-product-page.viewport-md .product-images { height: 500px; } .special-product-page.viewport-sm .product-images, .special-product-page.viewport-xs .product-images { height: auto; min-height: 350px; } .special-product-page .product-images ul.thumbnail-carousel { display: none; } .special-product-page .product-content .copy { display: block; } .davinci-product-page .product-content section.purchasing { color: #fff; background-color: #201614; background-image: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/davinci-product-heading.jpg?t=1458774722'); } .davinci-product-page.viewport-sm .product-content section.purchasing, .davinci-product-page.viewport-xs .product-content section.purchasing { background-image: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/davinci-product-heading-sm-xs.jpg?t=1458774722'); } .davinci-product-page section.purchasing .product-thumbnail { background: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/product-davinci-silhouette.png?t=1458774722') center center no-repeat; background-size: auto 100%; } .davinci-product-page section.purchasing .page-title h1 { color: #fff; } .davinci-product-page section.purchasing .pricing .price { color: #fc0; } .davinci-product-page section.purchasing .pricing .retail-price { color: #ccc; } .davinci-product-page section.purchasing .pricing .additional-pricing span.YouSave { color: #ccc; } .davinci-product-page section.purchasing .product-attributes, .davinci-product-page section.purchasing .add-to-cart { border-color: #987; } .davinci-product-page section.purchasing .product-attributes .productOptionPickListSwatchLabel { color: #ccc; } .ascent-product-page .product-content section.purchasing { color: #fff; background-color: #0f0f0f; background-image: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/ascent-product-heading.jpg?t=1458774722'); } .ascent-product-page.viewport-sm .product-content section.purchasing, .ascent-product-page.viewport-xs .product-content section.purchasing { background-image: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/ascent-product-heading-sm-xs.jpg?t=1458774722'); } .ascent-product-page section.purchasing .product-thumbnail { background: url('//cdn2.bigcommerce.com/server4400/23b24/templates/__custom/images/site/product-ascent-silhouette.png?t=1458774722') center center no-repeat; background-size: auto 100%; } .ascent-product-page section.purchasing .page-title h1 { color: #fff; } .ascent-product-page section.purchasing .pricing .price { color: #fc0; } .ascent-product-page section.purchasing .pricing .retail-price { color: #ccc; } .ascent-product-page section.purchasing .pricing .additional-pricing span.YouSave { color: #ccc; } .ascent-product-page section.purchasing .product-attributes, .ascent-product-page section.purchasing .add-to-cart { border-color: #666; } .ascent-product-page section.purchasing .product-attributes .productOptionPickListSwatchLabel { color: #ccc; } /* cart & checkout */ .cart-table-head, .cart-table-body, .cart-table-foot { border: 1px solid #e9e9e9; border-bottom: 0px; } .cart-table-head { font-size: .85em; font-weight: bold; text-shadow: 0px 1px 0px #fff; color: #666; background-color: #f4f4f4; } .cart-table-resp .row { padding: 10px 0px; margin-left: 0px; margin-right: 0px; } .cart-table-resp .inner-row { padding: 0px; margin-left: -10px; margin-right: -10px; } .cart-table-resp .row .column { padding-left: 10px; padding-right: 10px; } .cart-table-body .row { padding: 10px 0px; border-bottom: 1px solid #e9e9e9; } .cart-table-body .column { padding-bottom: 0px; } .cart-table-body .column label { display: inline-block; margin-right: 3px; font-weight: bold; vertical-align: top; } .cart-table-body .column a.remove-item-link { display: inline-block; margin-top: 6px; margin-left: 10px; } .cart-table-body .product-thumbnail img { display: block; width: 100%; } .cart-table-body .product-info .product-price { font-weight: bold; } .cart-table-body .product-info .product-options { color: #888; } .cart-table-body .product-options .product-options-table { padding: 0px; margin: 0px; border: 0px; } .cart-table-body .product-options .product-options-table tbody { border: 0px; } .cart-table-body .product-options .product-options-table tbody td { padding: 2px 20px 2px 0px; color: #888; border: 0px; } .cart-table-body .product-options .product-options-table tbody td label { margin: 0px; font-weight: bold; } .cart-table-body .product-qty { text-align: center; } .cart-table-body .product-total { text-align: right; } .cart-table-body .product-total .product-total-price { display: inline-block; font-weight: bold; } .cart-table-body .product-pricing span { display: none; } .cart-table-body .coupon-field .field { min-width: 260px; } .cart.viewport-xs .cart-table-body .row { padding: 20px 0px; } .cart.viewport-xs .cart-table-body .column a.remove-item-link { margin-top: 0px; } .cart.viewport-xs .cart-table-body .product-info, .cart.viewport-xs .cart-table-body .product-qty, .cart.viewport-xs .cart-table-body .product-total { float: right; margin-top: 10px; text-align: left; } .cart.viewport-xs .cart-table-body .product-info { margin-top: 0px; } .cart .cart-table-body .product-info .product-name { margin-bottom: 10px; } .cart .cart-table-body .product-info .product-options { margin-top: 25px; } .cart.viewport-xs .cart-table-body .product-info .product-options { margin-top: 10px; } .cart.viewport-xs .cart-table-body .product-qty { margin-top: 20px; } .cart.viewport-xs .cart-table-body .product-qty label { vertical-align: middle; } .cart-table-foot .row { padding: 0px; border-bottom: 1px solid #e9e9e9; } .cart-table-foot .column { padding: 10px 10px; font-size: .85em; font-weight: bold; } .cart-table-foot .total-label { text-shadow: 0px 1px 0px #fff; color: #666; border-right: 1px solid #e9e9e9; background-color: #f4f4f4; } .cart-table-foot .total-amount { color: #a00; } .cart .cart-order-summary { padding: 8px 0px 0px; text-shadow: 0px 1px 0px #fff; border-radius: 3px; background-color: #f4f4f4; } .cart .cart-order-summary .block-title { margin-bottom: 10px; text-align: center; } .cart .cart-order-summary ul { display: block; width: 100%; } .cart .cart-order-summary ul li { display: block; width: 100%; padding: 10px; margin: 0px; font-size: .85em; } .cart .cart-order-summary ul li.first, .cart .cart-order-summary ul li:first-child { margin-top: 0px; } .cart .cart-order-summary ul li dt, .cart .cart-order-summary ul li dd { display: block; width: auto; color: #222; vertical-align: top; } .cart .cart-order-summary ul li dt { float: left; width: 70%; font-weight: bold; text-align: left; } .cart .cart-order-summary ul li dd { float: right; width: 25%; text-align: right; } .cart .cart-order-summary ul li a.alter-link { display: inline-block; margin-top: 6px; color: #666; } .cart .cart-order-summary ul li a.alter-link:hover { color: #333; } .cart .cart-order-summary ul li.order-couponcode dl.applied-item, .cart .cart-order-summary ul li.order-order-giftcertificate dl.applied-item, .cart .cart-order-summary ul li.order-shippingcost dl.applied-item { padding-bottom: 10px; } .cart .cart-order-summary ul li.order-grandtotal { padding-top: 10px; background-color: #e6e6e6; } .cart .cart-order-summary ul li.order-grandtotal dt, .cart .cart-order-summary ul li.order-grandtotal dd { font-size: 1.45em; font-weight: bold; } .cart .cart-order-summary ul li.order-grandtotal dd span.ProductPrice { color: #a00; } .cart .cart-order-summary ul li .subsection { display: block; width: 100%; margin: 0px; } .cart .subsection span.subsection-title { display: block; margin-bottom: 5px; font-weight: bold; } .cart .subsection dl dt, .cart .subsection dl dd { color: #444; } .cart .subsection .field-row { margin-bottom: 8px; } .cart .subsection .shipping-estimator-form .field { float: none; } .cart .subsection .shipping-estimator-form .form-buttons { margin-top: 8px; } .cart .subsection .shipping-methods { padding-top: 10px; margin-top: 10px; border-top: 1px solid #ddd; } .cart .subsection .shipping-methods table { padding: 0px; margin: 0px; border: 0px; } .cart .subsection .shipping-methods table thead th { padding-bottom: 8px; } .cart .subsection .shipping-methods table tbody td { width: 75%; padding: 8px 0px; border: 0px; } .cart .subsection .shipping-methods table tbody td.Price { width: 25%; text-align: right; } .cart .subsection .shipping-methods table tbody td.Price em.ProductPrice { font-weight: bold; font-style: normal; } .cart.viewport-xs .cart-order-summary { margin-top: 20px; } .cart .alt-checkout-option p { margin: 5px 0px; font-size: .95em; line-height: normal; } .blog .post-details { font-size: .86em; color: #999; } .blog .blog-content .block-title a { text-decoration: none; } .blog .blog-content .post { padding-bottom: 20px; margin: 0px 15px 20px; border-bottom: 1px solid #e9e9e9; } .blog .blog-content .post-tags { display: none; } .blog .previous-post-item { margin-bottom: 30px; } .blog .previous-post-item .thumbnail { max-height: 150px; padding: 0px; margin: 0px auto 10px; border: 1px solid #e9e9e9; border-radius: 0px; background-color: #eee; overflow: hidden; } .blog.viewport-sm .previous-post-item .thumbnail, .blog.viewport-xs .previous-post-item .thumbnail { max-height: 150px; } .blog .previous-post-item .thumbnail img { display: block; max-width: 360px; width: auto; margin: 0px auto; } .blog .blog-post-content .post { margin-bottom: 0px; } .blog .blog-post-content .block-title { display: none; } .blog .paging-bar .pagination-container { text-align: right; } .blog.viewport-sm .paging-bar .pagination-container, .blog.viewport-xs .paging-bar .pagination-container { display: block; text-align: center; } .press ul.subcategories li { margin-bottom: 30px; } .press ul.subcategories .subcategory-thumbnail { max-height: 200px; overflow: hidden; margin-bottom: 10px; border: 1px solid #e9e9e9; } .press ul.subcategories .subcategory-thumbnail img { display: block; max-width: 360px; width: 100%; margin: 0px auto; } .press ul.subcategories .subcategory-details { text-align: left; } .press ul.subcategories .subcategory-details a { text-decoration: none; } .press.viewport-xs .button-container { text-align: center; } #authorized-resellers-content .reseller-badge { width: 100%; max-width: 200px; } .viewport-sm #authorized-resellers-content .reseller-badge, .viewport-xs #authorized-resellers-content .reseller-badge { margin-bottom: 10px; } #authorized-resellers-content ul#authorized-resellers-grid { display: block; width: 100%; margin: 0px auto; } #authorized-resellers-content ul#authorized-resellers-grid li { display: inline-block; float: none; text-align: center; vertical-align: middle; } #authorized-resellers-content ul#authorized-resellers-grid li img { display: block; max-width: 280px; width: auto; margin: 0px auto; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); } .viewport-xs #authorized-resellers-content ul#authorized-resellers-grid li img { max-width: 200px; width: 100%; } #become-an-affiliate-content ul#affiliate-links { margin: 0px auto; } #become-an-affiliate-content ul#affiliate-links li { width: 446px; text-align: center; } #become-an-affiliate-content ul#affiliate-links li img { display: block; max-width: 430px; margin: 0px auto; } #vaporizer-temp-guide-content ul#aromatherapy-materials { display: block; width: 100%; margin: 0px auto; } #vaporizer-temp-guide-content ul#aromatherapy-materials li { display: block; margin-bottom: 30px; } #davinci-vaporizer-reviews-content ul.media-grid li iframe { height: 300px; } .viewport-xs #davinci-vaporizer-reviews-content ul.media-grid li iframe { height: 200px; } .viewport-xs.landscape #davinci-vaporizer-reviews-content ul.media-grid li iframe { min-height: 300px; } /* Hotfix */ ul.grid { display: block; width: 100%; list-style-type: none; } ul.grid li { display: inline-block; padding: 10px; margin: 0px; } .blog-post .blog-content .page-title { text-align: center; } .subcategory-grid ul.subcategories li.RowDivider { display: none !important; } /* Adjustments */ .display-none { display: none !important; } .display-block { display: block !important; } .display-inline { display: inline !important; } .display-inlineblock { display: inline-block !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .align-left { text-align: left !important; } .align-right { text-align: right !important; } .align-center { text-align: center !important; } .align-justified { text-align: justified !important; } .valign-top { display: inline-block !important; float: none !important; vertical-align: top !important; } .valign-middle { display: inline-block !important; float: none !important; vertical-align: middle !important; } .valign-bottom { display: inline-block !important; float: none !important; vertical-align: bottom !important; } .fl-left { float: left !important; } .fl-right { float: right !important; } .clear-fl-left { clear: left !important; } .clear-fl-right { clear: right !important; } .clear-fl { float: none !important; clear: both !important; height: 0px !important; font-size: 0px !important; line-height: 0px !important; } .clear-fl-after { clear: both !important; } .width-auto { width: auto !important; } .full-width { width: 100% !important; } .half-width { width: 50% !important; } .quarter-width { width: 25% !important; } .height-auto { height: auto !important; } .no-padding { padding: 0px !important; } .no-top-padding { padding-top: 0px !important; } .no-right-padding { padding-right: 0px !important; } .no-bottom-padding { padding-bottom: 0px !important; } .no-left-padding { padding-left: 0px !important; } .margin-bottom-5 { margin-bottom: 5px !important; } .margin-bottom-10 { margin-bottom: 10px !important; } .margin-bottom-20 { margin-bottom: 20px !important; } .margin-bottom-30 { margin-bottom: 30px !important; } .margin-bottom-40 { margin-bottom: 40px !important; } .margin-bottom-50 { margin-bottom: 50px !important; } .margin-bottom-60 { margin-bottom: 60px !important; } .margin-bottom-70 { margin-bottom: 70px !important; } .margin-bottom-80 { margin-bottom: 80px !important; } .margin-bottom-90 { margin-bottom: 90px !important; } .margin-bottom-100 { margin-bottom: 100px !important; } .no-margin { margin: 0px !important; } .no-top-margin { margin-top: 0px !important; } .no-right-margin { margin-right: 0px !important; } .no-bottom-margin { margin-bottom: 0px !important; } .no-left-margin { margin-left: 0px !important; } .no-border { border: 0px !important; } .no-top-border { border-top: 0px !important; } .no-right-border { border-right: 0px !important; } .no-bottom-border { border-bottom: 0px !important; } .no-left-border { border-left: 0px !important; } .bold-text { font-weight: bold !important; } .italic-text { font-style: italic !important; } .underlined-text { text-decoration: underline !important; } .subtext { font-size: .85em !important; color: #888 !important; } .subtext-link { font-size: .85em !important; color: #888 !important; text-decoration: underline !important; } .xsmall-text { font-size: .80em !important; } .small-text { font-size: .85em !important; } .large-text { font-size: 1.2em !important; } .xlarge-text { font-size: 1.4em !important; } span.required, span.Required, span.denote-required { float: right; margin-left: 5px; color: #f00 !important; } .highlight-yellow, .highlight-fc0 { color: #fc0 !important; } .highlight-red, .highlight-f00 { color: #c00 !important; } .highlight-0d0 { color: #0d0 !important; } /* dl.loginForm { display: block; width: 100%; } dl.loginForm dt, dl.loginForm dd { display: inline-block; width: 50%; padding: 0px 10px; margin: 0px 0px 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } dl.loginForm dt { font-weight: bold; text-align: right; } dl.loginForm dd { text-align: left; } */