/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package default_blank * @copyright Copyright (c) 2011 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* @import"../css/bootstrap.css"; */ /* Reset ================================================================================= */ * { margin: 0; padding: 0; } html { height: 100%; width: 100%; } .catalog-product-compare-index > div { min-width: 600px; } body {/* background: url(../images/bg.gif) 50% 0;*/ font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 20px; color: #000000; text-align: left; min-width: 320px; position: relative; -webkit-text-size-adjust: none; } body > .wrapper { position: relative; padding: 0; } .wrapper-tail { } img { border: 0; vertical-align: top; } a { color: #597f2e; text-decoration: none; } a:hover { text-decoration: none; color: #000000; } :focus { outline: 0; text-decoration: none; } a:focus { outline: 0; text-decoration: none; color: #ff3d54; } .form-control:focus { } /* Headings */ h1 { font-size: 20px; font-weight: 300; line-height: 1.15; margin-bottom: 10px; } h2 { font-size: 18px; font-weight: 300; line-height: 1.25; margin-bottom: 10px; } h3 { font-size: 16px; font-weight: bold; line-height: 1.25; margin-bottom: 7px; } h4 { font-size: 14px; font-weight: bold; margin-bottom: 7px; } h5 { font-size: 12px; font-weight: bold; margin-bottom: 7px; } h6 { font-size: 11px; font-weight: bold; margin-bottom: 7px; } /* Forms */ form { display: inline; } fieldset { border: 0; } legend { display: none; } /* Table */ table { border: 0; border-collapse: collapse; border-spacing: 0; empty-cells: show; font-size: 100%; } caption, th, td { vertical-align: top; text-align: left; font-weight: normal; } /* Content */ strong { font-weight: bold; } address { font-style: normal; margin-bottom: 5px; } cite { font-style: normal; } q, blockquote { quotes: none; } q:before, q:after { content: ''; } small, big { font-size: 1em; } sup { font-size: 1em; vertical-align: top; } /* Lists */ ul, ol { list-style: none; } /* Tools */ .hidden { display: block !important; border: 0 !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; line-height: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } .nobr { white-space: nowrap; } .wrap { white-space: normal !important; } .a-left { text-align: left !important; } .a-center { text-align: center !important; } .a-right { text-align: right !important; } .v-top { vertical-align: top; } .v-middle { vertical-align: middle; } .f-left, .left { float: left !important; } .f-right, .right { float: right !important; } .f-none { float: none !important; } .f-fix { float: left; width: 100%; } .no-display { display: none; } .no-margin { margin: 0 !important; } .no-padding { padding: 0 !important; } .no-bg { background: none !important; } .calendar { z-index: 1; } /* ======================================================================================= */ /* =========================== font awesome ============================================== */ .sf-menu-phone2 li strong:before, .sf-menu-phone2 li li a:before, .header-button > a > span:after, .block-cart-header:after, .block-cart-header:before, .header-button.currency-list > a:after, .header-button.lang-list > a:after, .sf-menu li a:before, .add-to-links li a:before, .row-product .email-friend:before, .btn-remove:before, .btn-remove2:before, .btn-edit:before, .sorter .view-mode .grid:before, .sorter .list:before, .block-layered-nav dd li:before, .product-view .box-tags .form-add .input-box:before, .row-product .no-rating:before, #menu-icon:before, .sf-menu-phone li strong:before, span.toggle:before, .checkout-progress li:before, .about-padd-2 ul li:before, .currency-switch .currency-title:before, .language-list .language-title:before, .swipe ul a:before, .switch-show > div:after, #back-top span:before, .map-popup-close:before, .block-slider-sidebar .slider-sidebar-pager a:before, .home-link:before, .custom-servis-ul li h3:before, button.button span:before, .header .form-search button.button span:before, .camera_wrap .camera_pag .camera_pag_ul li:before, .list-icon li a:before, .product-view .bx-controls-direction > a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-indent: 0 !important; } /* =========================== font fontello ============================================== */ /* Layout ================================================================================ */ .wrapper { width: 100%; overflow: hidden; } .tail-top { } .page { margin: 0 auto; padding: 0 0 0; text-align: left; max-width: 1400px; width:100%; background: #fff; } .page-print { background: #fff; padding: 20px; text-align: left; } .page-empty { background: #fff; padding: 20px; text-align: left; } .page-popup { padding: 20px; text-align: left; margin: 0 auto; background: #fff; } .page-popup .ratings .rating-box { float: none; margin: 0 auto 10px; } .main-container { padding: 30px 0 45px; position: relative; z-index: 1; background: #fff; } .main { } /* Base Columns */ .col-left { float: left; } .col-main { float: left; } .col-right { float: right; } /* 1 Column Layout */ .col1-layout .col-main { float: none; } /* 2 Columns Layout */ .col2-left-layout .col-main { float: right; } .col2-right-layout .col-main { } /* 3 Columns Layout */ .col3-layout .col-main { } .col3-layout .col-wrapper { float: left; } .col3-layout .col-wrapper .col-main { float: right; } /* Content Columns */ .col2-set .col-1 { } .col2-set .col-2 { } .col2-set .col-narrow { width: 33%; } .col2-set .col-wide { width: 65%; } .cart-collaterals .col2-set .col-1, .cart-collaterals .col2-set .col-2 { width: 48%; float: left; } .cart-collaterals .col2-set .col-1 { margin-right: 20px; } .col3-set .col-1 { float: left; width: 32%; } .col3-set .col-2 { float: left; width: 32%; margin-left: 2%; } .col3-set .col-3 { float: right; width: 32%; } .col4-set .col-1 { float: left; width: 23.5%; } .col4-set .col-2 { float: left; width: 23.5%; margin: 0 2%; } .col4-set .col-3 { float: left; width: 23.5%; } .col4-set .col-4 { float: right; width: 23.5%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input, select, textarea, button { font: 12px Arial, Helvetica, sans-serif; vertical-align: middle; color: #000; } input.input-text, select, textarea, .form-control { border: 1px solid #ececec; border-radius: 0; } input.input-text, textarea { padding: 6px 12px; resize: none; -webkit-appearance: none; border-radius: 0; } select { padding: 2px; moz-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } select option { padding-right: 10px; } select.multiselect option { border-bottom: 1px solid #ddd; padding: 2px 5px; } select.multiselect option:last-child { border-bottom: 0; } textarea { overflow: auto; } input.radio { margin-right: 3px; } input.checkbox { margin-right: 3px; } input.qty { width: 42px !important; text-align: center !important; background: none; display: inline-block; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit: lines; } /* <- Safari & Google Chrome Fix */ button.button { background: transparent; border: 0; overflow: visible; cursor: pointer; padding: 0; margin: 0; width: auto; } button.button > span { float: left; text-align: center; white-space: nowrap; padding: 0; } button.button span span { padding: 0 10px; display: block; float: left; } button.button > span, .page-sitemap .links a { background: #597f2e; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 30px; height: 30px; } button.button:hover > span, .page-sitemap .links a:hover { background: #000000; color: #fff; } .page-sitemap .links a { display: inline-block; text-decoration: none; position: relative; text-transform: uppercase; padding: 0px 11px; height: 36px; line-height: 36px; } /********** Button right Contact Form and Account login home *****************/ /*******************************************************/ button.disabled { } button.disabled span { } button.btn-checkout span { } button.btn-checkout span span { } button.btn-checkout.no-checkout { } p.control input.checkbox, p.control input.radio { margin-right: 6px; } /* Form Highlight */ /* Form lists */ /* Grouped fields */ .form-list li { } .form-list label { float: left; color: #597f2e; font-weight: bold; position: relative; z-index: 0; display: inline-block; padding-bottom: 5px; margin-bottom: 0; } .form-list label.required { } .form-list label.required em { float: right; font-style: normal; color: #ff3d54; position: absolute; top: 0; right: -8px; } .form-list li.control label { float: none; } .form-list li.control input.radio, .form-list li.control input.checkbox { margin-right: 6px; } .form-list li.control .input-box { clear: none; display: inline; width: auto; } .form-list .input-box { display: block; clear: both; margin-bottom: 7px; width: 260px; } .form-list .field { float: left; width: 360px; } .form-list input.input-text { width: 333px; } .form-list textarea { resize: none; width: 254px; height: 10em; } .form-list select { width: 100%; } .form-list li.wide .input-box { width: 535px; } .form-list li.wide input.input-text { width: 529px; } .form-list li.wide textarea { width: 529px; } .form-list li.wide select { } .form-list li.additional-row { border-top: 1px solid #ccc; margin-top: 10px; padding-top: 7px; } .form-list li.additional-row .btn-remove { float: right; margin: 5px 0 0; } .form-list .input-range input.input-text { width: 74px; } /* Customer */ .form-list .customer-name-prefix .input-box, .form-list .customer-name-suffix .input-box, .form-list .customer-name-prefix-suffix .input-box, .form-list .customer-name-prefix-middlename .input-box, .form-list .customer-name-middlename-suffix .input-box, .form-list .customer-name-prefix-middlename-suffix .input-box { width: auto; } .form-list .name-prefix { width: 65px; } .form-list .name-prefix select { width: 55px; } .form-list .name-prefix input.input-text { width: 49px; } .form-list .name-suffix { width: 65px; } .form-list .name-suffix select { width: 55px; } .form-list .name-suffix input.input-text { width: 49px; } .form-list .name-middlename { width: 132px; } .form-list .name-middlename input.input-text { width: 104px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname, .form-list .customer-name-prefix-middlename .name-firstname { width: 140px; } .form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-middlename .name-firstname input.input-text { width: 124px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname { width: 318px; } .form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text { width: 189px; } .field.name-suffix { margin-top: 8px; } .field.name-prefix { margin-bottom: 10px } .form-list .customer-name-prefix-suffix .name-firstname { width: 210px; } .form-list .customer-name-prefix-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-name-prefix-suffix .name-firstname { width: 210px; } .form-list .customer-name-prefix-suffix .name-lastname { width: 205px; } .form-list .customer-name-prefix-suffix .name-firstname input.input-text, .form-list .customer-name-prefix-suffix .name-lastname input.input-text { width: 189px; } .form-list .customer-name-prefix .name-firstname, .form-list .customer-name-middlename .name-firstname { width: 210px; } .form-list .customer-name-suffix .name-lastname, .form-list .customer-name-middlename .name-firstname, .form-list .customer-name-middlename-suffix .name-firstname, .form-list .customer-name-middlename-suffix .name-lastname { width: 230px; } .opc .form-list .customer-name-suffix .name-lastname, .opc .form-list .customer-name-middlename .name-firstname, .opc .form-list .customer-name-middlename-suffix .name-firstname, .opc .form-list .customer-name-middlename-suffix .name-lastname { width: 191px; } .form-list .customer-name-prefix .name-firstname input.input-text, .form-list .customer-name-suffix .name-lastname input.input-text, .form-list .customer-name-middlename .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width: 202px; } .opc .form-list .customer-name-prefix .name-firstname input.input-text, .opc .form-list .customer-name-suffix .name-lastname input.input-text, .opc .form-list .customer-name-middlename .name-firstname input.input-text, .opc .form-list .customer-name-middlename-suffix .name-firstname input.input-text, .opc .form-list .customer-name-middlename-suffix .name-lastname input.input-text { width: 171px; } .form-list .customer-dob .dob-month, .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-year { float: left; width: 85px; } .form-list .customer-dob input.input-text { display: block; width: 74px; } .form-list .customer-dob label { font-size: 10px; font-weight: normal; color: #888; } .form-list .customer-dob .dob-day, .form-list .customer-dob .dob-month { width: 60px; } .form-list .customer-dob .dob-day input.input-text, .form-list .customer-dob .dob-month input.input-text { width: 35px; } .form-list .customer-dob .dob-year { width: 140px; } .form-list .customer-dob .dob-year input.input-text { width: 213px; } .buttons-set { clear: both; margin: 5px 0 0; padding: 5px 0 5px 0; } .buttons-set .back-link { float: left; margin-top: 5px; } .buttons-set .back-link a { } .buttons-set button.button { float: right; } .buttons-set p.required { margin: 0 0 10px; font-size: 12px; color: #ff3d54; } .buttons-set-order { } .fieldset > p { margin-bottom: 10px; } .fieldset .legend { font-weight: bold; font-size: 12px; text-transform: uppercase; position: relative; padding-bottom: 8px; color: #ff3d54; } /* Form Validation */ .validation-advice { clear: both; min-height: 13px; margin: 3px 0 0; font-size: 10px; line-height: 13px; color: #f00; } .validation-failed { border: 1px dashed #f00 !important; background: #faebe7 !important; } .validation-passed { } p.required { font-size: 10px; text-align: right; color: #f00; } /* Expiration date and CVV number validation fix */ .v-fix { float: left; } .v-fix .validation-advice { display: block; width: 12em; margin-right: -12em; position: relative; } /* Global Messages */ .success { color: #3d6611; font-weight: bold; } .error { color: #f00; font-weight: bold; } .notice { color: #ccc; } .messages, .messages ul { list-style: none !important; margin: 0 !important; padding: 0 !important; } .messages { width: 100%; overflow: hidden; } .messages li { margin: 0 0 20px; } .messages li li { margin: 4px 0 3px; } div.alert a { font-size: 12px; padding-left: 5px; } div.alert a:hover { color: #fff; } div.alert { position: fixed; background: #353535; top: 0; left: 50%; width: 333px; margin-left: -220px; padding: 20px 60px; color: #FFF; z-index: 999; font-size: 12px; font-weight: bold; color: #ececec; border-radius: 0 0 3px 3px; text-align: center; } div.alert button { background: url(../images/remove-popup.png) 0 0 no-repeat; width: 9px; height: 9px; position: absolute; right: 20px; top: 45%; border: none; z-index: 9999; } div.alert button:hover { cursor: pointer; background-position: 0 -9px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style: solid !important; border-width: 1px !important; background-position: 17px center !important; background-repeat: no-repeat !important; min-height: 24px !important; padding: 7px 8px 10px 56px !important; font-size: 12px !important; font-weight: bold !important; } .success-msg { border-color: #dfebb5; } .error-msg { background: url(../images/i_msg-note.png) left -3px no-repeat #fde4e1; color: #df0505; font-weight: bold; } .success-msg { background-color: #f7fde1; background-image: url(../images/i_msg-success.gif); color: #95bc01; font-weight: bold; } .note-msg, .notice-msg { background: url(../images/i_msg-note.png) 7px 6px no-repeat #fde4e1!important; border-color: #ebbcb5; color: #df0505; font-weight: bold; } .note-msg-empty-catalog { background: url(../images/empty-catalog.png) no-repeat left top; padding: 30px 30px 30px 150px; } .availability-only { overflow: hidden; border-top: 1px solid #ECECEC; padding-top: 5px; margin-bottom: 5px; } /* BreadCrumbs */ .breadcrumbs { background: #FBFBFB; border: 1px solid #DDDDDD; padding: 8px 19px; margin: 0 0 12px; overflow: hidden; } .breadcrumbs li { float: left; } .breadcrumbs li a { text-decoration: none; } .breadcrumbs li a:hover { } .breadcrumbs li span { display: inline-block; margin: 0 8px 0 6px; } .breadcrumbs li strong { font-weight: normal; } /* Page Heading */ .page-title, .category-title { border-bottom: 5px solid #f5f5f5; padding-bottom: 22px; margin-bottom: 26px; } .category-title { display: block; } .page-title h1, .page-title h2 { font-size: 20px; line-height: normal; color: #2c2c2c; font-weight: 300; margin: 0; } .page-title .separator { margin: 0 3px; } .page-title .link-rss { float: right; } .title-buttons { text-align: right; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float: left; } .subtitle, .sub-title { clear: both; } /********************************************************************************* End ********************************************************************************/ /* Pager */ .pager { text-align: center; } .pager .amount { float: left; padding-top: 2px; } .pager .amount span { font-weight: bold; } .pager .amount.spinner { padding-top: 13px; } .pager .amount strong { font-weight: normal; display: inline-block; padding-top: 0px; } .pager .amount strong span { font-weight: bold; } .pager p, .pager .limiter label { } .pager .limiter { float: right; min-width: 89px; } .pager .limiter label { display: inline-block; padding-top: 2px; padding-right: 6px; float: left; } .pager .pages { margin: 0 135px; } .pager .pages strong { padding-right: 3px; } .pager .pages ol { display: inline; } .pager .pages li { display: inline; padding: 0; color: #737373; font-size: 12px; line-height: 15px; font-weight: bold; margin-right: 3px; } .pager .pages li a { text-decoration: none; } .pager .pages .current { color: #ff3d54; } .pager ol > li:first-child > a { text-decoration: none; } .pager ol > li > a { border: 0; padding: 3px; background: none; } .pager ol > li > a:focus, .pager ol > li > a:hover { background: none; } /* Sorter */ .sorter { } .sorter .view-mode { float: left; font-size: 0; overflow: hidden; height: 30px; width: 150px; padding: 0; } .sorter .grid, .sorter .list { display: block; float: left; background: url(../images/grid-list.gif) no-repeat left bottom; width: 17px; height: 16px; } .sorter .list { background-position: right bottom; } .sorter a.list { background-position: right top; } .sorter a.list:hover { background-position: right bottom; } .sorter a.grid { background-position: left top; } .sorter a.grid:hover { background-position: left bottom; } .sorter .view-mode strong, .sorter .view-mode a { margin-right: 10px; } .sorter a.list { } .sorter strong.list { } .sorter .sort-by { float: right; min-width: 152px; } .sorter .sort-by select { margin-right: 15px; } .sorter .sort-by label { display: inline-block; padding-top: 2px; padding-right: 6px; float: left; } .sorter .link-feed { } /* Toolbar */ .toolbar { margin-bottom: 30px; } .toolbar select { min-width: 63px; } .toolbar .pager { border-bottom: 1px solid #ececec; margin-bottom: 10px; padding: 0 0 10px; } .toolbar .sorter { padding: 0; } .toolbar-bottom { margin-top: 30px; } /* Data Table */ .data-table { width: 100%; } .data-table th { padding: 10px; border: 1px solid #ececec; font-weight: bold; white-space: nowrap; color: #000; } .data-table td { padding: 10px; border: 1px solid #ececec; } .data-table thead { } .data-table tbody { } .data-table tfoot { } .data-table tr.first { } .data-table tr.first th.label { } .data-table tr.last { } .data-table tr.odd th.label { } .data-table tr.even { } .data-table tbody.odd { } .data-table tbody.odd td { border-width: 0 1px; } .data-table tbody.even { } .data-table tbody.even td { border-width: 0 1px; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom-width: 1px; } .data-table th .tax-flag { white-space: nowrap; font-weight: normal; } .data-table td.label, .data-table th.label { font-weight: bold; color: #7e7e7e; } .data-table td.value { } .data-table-indent { margin-bottom: 20px; } /* Shopping cart total summary row expandable to details */ tr.summary-total { cursor: pointer; } tr.summary-total td { } tr.summary-total .summary-collapse { float: right; text-align: right; padding-left: 20px; background: url(../images/bkg_collapse.gif) 0 4px no-repeat; cursor: pointer; } tr.show-details .summary-collapse { background-position: 0 -53px; } tr.show-details td { } tr.summary-details td { font-size: 11px; background-color: #dae1e4; color: #626465; } tr.summary-details-first td { border-top: 1px solid #d2d8db; } tr.summary-details-excluded { font-style: italic; } /* Shopping cart tax info */ .cart-tax-info { display: block; } .cart-tax-info, .cart-tax-info .cart-price { padding-right: 20px; } .cart-tax-total { display: block; padding-right: 20px; background: url(../images/bkg_collapse.gif) 100% 4px no-repeat; cursor: pointer; } .cart-tax-info .price, .cart-tax-total .price { display: inline !important; font-weight: normal !important; } .cart-tax-total-expanded { background-position: 100% -53px; } /* Class: std - styles for admin-controlled content */ .std img { max-width: 100%; } .std .subtitle { padding: 0; } .std ol.ol { list-style: decimal outside; padding-left: 1.5em; } .std ul.disc { list-style: disc outside; padding-left: 18px; margin: 0 0 10px; } .std dl dt { font-weight: bold; } .std dl dd { margin: 0 0 10px; } .std ol, .std dl, .std p, .std address, .std blockquote { margin: 0 0 1em; padding: 0; } .std ol { list-style: decimal outside; padding-left: 1.5em; } .std ul ul { list-style-type: circle; } .std ul ul, .std ol ol, .std ul ol, .std ol ul { margin: .5em 0; } .std dt { font-weight: bold; } .std dd { padding: 0 0 0 1.5em; } .std blockquote { font-style: italic; padding: 0 0 0 1.5em; } .std address { font-style: normal; } .std b, .std strong { font-weight: bold; } .std i, .std em { font-style: italic; } /* Misc */ .links li { display: inline; padding-left: 12px; } .links li.first { } .links.LoginLink li.first { padding-left: 0; } .links li.last { padding-bottom: 0; } .links li a { text-decoration: none; } .links li a:hover { } .link-cart { font-weight: bold; } .link-cart:hover { text-decoration: underline; } .link-wishlist { } .link-reorder { font-weight: bold; } .link-compare { } .link-print { background: url(../images/i_print.gif) 0 2px no-repeat; padding: 2px 0 2px 25px; } .link-rss { background: url(../images/i_rss.gif) 0 1px no-repeat; padding-left: 18px; white-space: nowrap; } .btn-remove { display: inline-block; overflow: hidden; margin-left: 13px; font-size: 0; text-indent: -999px; text-decoration: none !important; } .btn-remove:before { content: "\f00d"; font-size: 16px; display: block; } .btn-remove2 { display: inline-block; font-size: 0; margin: 0; } .btn-remove2:before { content: "\f014"; font-size: 24px; line-height: 24px; display: block; } .btn-remove2:hover { } .btn-edit { display: block; font-size: 0; text-indent: -999px; overflow: hidden; margin-left: 2px; } .btn-edit:before { content: "\f040"; font-size: 14px; display: block; } .btn-remove:hover { } .cards-list dt { margin: 5px 0 0; } .cards-list .offset { padding: 2px 0 2px 20px; } .prod-cart img { border: 1px solid #ededed; } .separator { margin: 0 3px; } .divider { clear: both; display: block; font-size: 0; line-height: 0; height: 1px; margin: 10px 0; background: #ddd; font-size: 0; overflow: hidden; } /* Noscript Notice */ .noscript { border: 1px solid #ddd; border-width: 0 0 1px; background: #ffff90; font-size: 12px; line-height: 1.25; text-align: center; color: #2f2f2f; } .noscript .noscript-inner { width: 1000px; margin: 0 auto; padding: 12px 0 12px; background: url(../images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin: 0; } /* Demo Notice */ .demo-notice { margin: 0; padding: 6px 10px; background: #d75f07; font-size: 12px; line-height: 1.15; text-align: center; color: #fff; } /* Cookie Notice */ .notice-cookie { border-bottom: 1px solid #cfcfcf; background: #ffff90; font-size: 12px; line-height: 1.25; text-align: center; color: #2f2f2f; } .notice-cookie .notice-inner { width: 870px; margin: 0 auto; padding: 12px 0 12px 80px; background: url(../images/i_notice.gif) 20px 25px no-repeat; text-align: left; } .notice-cookie .notice-inner p { margin: 0 0 10px; border: 1px dotted #cccc73; padding: 10px; } .notice-cookie .notice-inner .actions { } /* ======================================================================================= */ /* Logo ================================================================================ */ .header .logo { max-width: 380px; margin: 0; padding-top:15px; display: inline-block; text-decoration: none !important; } .header .logo strong { position: absolute; top: -999em; left: -999em; width: 0; height: 0; font-size: 0; line-height: 0; font-size: 0; overflow: hidden; } .header .logo img { max-width: 100%; height: auto; } .header .logo embed { max-width: 100%; height: auto; pointer-events: none;} .header .logo a { display:inline-block;} /* Top Header ================================================================================ */ .container-top-bar{background-color: #f8e7dc; height: 35px;} ul.top-bar-links {height: 35px; text-align: center;} @media screen and (max-width: 990px) { .header-content-box { text-align: right !important; } .header-call-now { font-size: 1.4em!important;; } .header-checkout { font-size: 1.2em!important;; } } @media screen and (max-width: 736px) { ul.top-bar-links {height: 60px; text-align: center;} .container-top-bar { background-color: #f8e7dc; height: 60px; } .header-content-box { text-align: right !important; } .header-call-now { font-size: 1.4em!important;; } .header-checkout { font-size: 1.2em!important;; } ul.top-bar-links li {height:10px !important;} } @media screen and (max-width: 625px) { .header-call-now { font-size: 1.4em!important;; margin-top:0px!important; } .header-checkout { font-size: 1.2em!important;; margin-top:0px!important; } ul.top-bar-links li {height:10px !important;} } @media screen and (max-width: 399px) { ul.top-bar-links {height: 60px; text-align: center;} .container-top-bar { background-color: #f8e7dc; height: 80px; } ul.top-bar-links li {height:10px !important;} } @media screen and (max-width: 380px) { .header-call-now { font-size: 1.1em!important;; margin-top:0px!important; } .header-checkout { font-size: 0.8em!important;; margin-top:0px!important; } .myaccounttop { padding-left: 0px !important; border-right: 0px solid #ccc !important; padding-right: 0px !important; margin-right: 0px !important; } } ul.top-bar-links li {font-size: 16px; font-family: "Crimson Text"; font-style: italic; text-align: center; display:inline-block;height:35px;color:#000000;margin-top:7px;margin-left:2%;} .header-checkout {color: #597f2e;font-family: "Adobe Garamond Pro";font-size: 1.3em;} .header-call-now {color: #597f2e;font-family: "Adobe Garamond Pro";font-size: 1.5em;} .header-call-now {margin-top: 20px; padding-left: 0px;} /*.header-call-now {margin-top: 35px;background-image: url(https://www.ecostardiamond.com/skin/frontend/default/theme302k/images/phone.png); background-repeat: no-repeat;padding-left: 0px;}*/ .header_financing { color: #597f2e;font-family: "Adobe Garamond Pro"; font-size: 18px; font-weight: 700;} .header-call-now::before {content: "\f095";font-family: FontAwesome;padding-right: 5px;} .header-content-box {text-align: center; display:flex; flex-direction: column; min-width: 180px;} /* Header ================================================================================ */ .header-container { } .header { padding: 0 0 0 0; border-bottom:0; position: relative; } .header .top_row {margin-top:20px; } .header .top_row2 { background: #ffffff none repeat scroll 0 0; border-top: 1px solid #b7b7b7; padding:6px 15px 1px 15px; } .header .quick-access { float: right; padding: 6px 0 0 0; } .header .welcome-msg { float: right; margin: 0 0 0 0; font-size: 14px; font-weight: normal; color: #333; padding-right: 25px; } .header .welcome-msg a { } .header .links { float: none; font-size: 12.5px; font-weight: 300; padding: 0; text-transform: uppercase; text-align: center; margin: auto; /*margin-top: 3px; */} .header .links li { display: inline-block; float: none; background: url(../images/tsp.gif) no-repeat 100% 0; padding: 4px 11px 3px 0; margin: 0 0px 0 0; text-align:left; position: relative; letter-spacing: 3px } .header .links li ul { position: absolute; background: #fff; width: 200px; top:27px; height: auto; z-index: 999; display: none; } .header .links li:hover ul { display: block; } .header .links li ul li { border: medium none; margin: 0; padding: 0 !important; width: 100%; background: none; } .header .links li ul li a { padding: 5px 10px; display: block; color:#000000 ; } .header .links li ul li a:hover { background:#597f2e; color: #fff; } .header .links li.last { background: none; padding-right: 0; margin: 0; } .header .links li a { color: #000; display: inline-block; padding:2px 10px 11px 10px; } .header .links li a:hover { color: #597f2e; } .header .links .top-link-cart, .header .links .top-car { display: none } #search_mini_form { float: right; moz-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 5; } .header .form-search { position: relative; } .header .form-search .input-text { float: left; border-left: 1px solid #B4B4B4; border-top: 1px solid #B4B4B4; border-right: 0; border-bottom: 1px solid #B4B4B4; width: 234px; height: 35px; } .header .form-search button.button { float: left; } .header .form-search button.button strong { background: #597f2e none repeat scroll 0 0; border: medium none; color: #ffffff; display: block; font-size: 18px; height: 35px; margin-bottom: -2px; padding: 5px 0 0; text-align: center; width: 35px; } .header .form-search button.button:hover strong { color: #fff; } .header .form-search label { float: left; margin-left: 17px; display: none; } #select-form { margin-left: 1px; } .header .form-search .search-autocomplete { z-index: 999; font-size: 13px; width: 100% !important; top: 49px !important; left: 0 !important; } .header .form-search .search-autocomplete ul { border: 1px solid #ddd; background-color: #fff; } .header .form-search .search-autocomplete li { padding: 3px; border-bottom: 1px solid #ddd; cursor: pointer; text-align: left; } .header .form-search .search-autocomplete li:hover { background-color: #fafafa; } .header .form-search .search-autocomplete li .amount { float: right; font-weight: bold; } .header .form-search .search-autocomplete li.selected { } .header .search-autocomplete li p { overflow: hidden; } .header .form-search .search-autocomplete ul { border-top-width: 0; border-bottom-width: 0; } .header .form-search .search-autocomplete li { padding: 5px; } .header .form-search .search-autocomplete li img { margin-right: 10px; } .ps-phone .header .form-search .search-autocomplete { display: none !important; } .header-buttons { margin: 0 0 0 0; float: right; } .header-button { float: right; position: relative; background: url(../images/select_sp.gif) no-repeat 0 2px; padding: 0 0 2px 14px; margin-left: 12px; } .header-button > a { display: block; } .header-button > a > span { float: left; } .header-button.currency-list > a, .header-button.lang-list > a { font-size: 12px; color: #333; text-transform: capitalize; } .header-button > a > span:after { float: right; font-size: 16px; margin: 1px 0 0 6px; content: "\f107" } .header-button ul { display: none; text-align: left; position: absolute; right: 0px; top: 25px; padding: 0; z-index: 999; border: 1px solid #ddd; width: 220px; } .header-button.lang-list ul { width: 120px; } .header-button ul li { float: none; display: block; padding-left: 0px; border-bottom: 1px solid #ddd; } .header-button ul li:last-child { border: 0; } .header-button ul li a { display: block; background: #fff; font-size: 12px; line-height: 17px; color: #000; padding: 5px 10px; min-height: 18px; } .header-button ul li a:hover { color: #000000; } .header-button > a:hover, .header-button.active > a { color: #000000; } /*************Header Cart **********************/ .header-container .top-container { clear: both; text-align: right; } .block-cart-header { float: right; position: relative; margin: 2px 0 0 0; } .block-cart-header:before { content: "\f07a"; font-size: 16px; color: #333; float: left; margin: -1px 9px 0 0; } .block-cart-header:after { content: "\f107"; float: right; margin: -1px 0 0 7px; font-size: 16px; color: #333; } .block-cart-header .block-content { float: left; } .block-cart-header h3 { font-size: 12px; font-weight: normal; line-height: normal; color: #333; float: left; margin: 0 4px 0 0; } .block-cart-header .summary, .block-cart-header .empty, .block-cart-header .summary strong { font-size: 12px; font-weight: normal; line-height: normal; color: #333; } .block-cart-header p, .block-cart-header .empty { } .block-cart-header .summary:hover, .block-cart-header .empty:hover { cursor: pointer; } .block-cart-header .btn-remove, .block-cart-header .btn-edit { float: right; margin: 0 5px 0 0; } .block-cart-header .truncated { display: none; } .block-cart-header .cart-content { position: absolute; right: 0; top: 31px; z-index: 9; min-width: 280px; width: 100%; display: none; cursor: default; } .block-cart-header .empty .cart-content { background: #f9f9f9; padding: 10px; color: #000; box-shadow: 0px 0px 5px rgba(0,0,0,0.18); -moz-box-shadow: 0px 0px 5px rgba (0, 0, 0, 0.18); -webkit-box-shadow: 0px 0px 5px rgba (0, 0, 0, 0.18); border: 1px solid #ddd; moz-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .block-cart-header .actions { padding: 20px 20px 10px; overflow: hidden; } .block-cart-header .actions button.button { float: left; margin-bottom: 10px; margin-right: 10px; } .block-cart-header .actions button.button+button.button { margin-right: 0; } .block-cart-header .mini-products-list li.item { background: #f9f9f9; border-top: 1px solid #ececec; width: 100%; float: left; clear: both; min-height: 85px; padding: 20px; position: relative; } .block-cart-header .mini-products-list .product-image { width: 70px; border: 1px solid #ededed; } .block-cart-header .mini-products-list .product-details { margin: 0 0 0 80px; overflow: inherit; } .block-cart-header .product-name { padding-bottom: 0px; width: 54% !important; } .block-cart-header .cart-content .price { font-weight: bold; } .block-cart-header .cart-content-header { padding: 11px 20px; } .block-cart-header .cart-content-header, .block-cart-header .actions { background: #f2f2f2; } .block-cart-header .subtotal .label { font-weight: bold; padding: 0; } .block-cart-header .subtotal .price { float: right; } .block-cart-header .mini-cart { display: none; } /********************Header Cart end ***********************/ /************************************ < Navigation in superfish.css ******************************************************************************************************************/ /* Show menu */ .col2-set { width: auto; } /*========================================================================================== Sidebar =============================================================================== */ /* ================================================================================================================================================================================== */ .block { margin: 0 0 33px; } .block.last_block { margin-bottom: 0; } .block .block-title { border-bottom: 5px solid #f5f5f5; padding-bottom: 22px; margin-bottom: 36px; position: relative; } .block .block-title strong { font-size: 20px; line-height: normal; color: #2c2c2c; font-weight: 300; } .block .block-title a { text-decoration: none !important; } .block .block-subtitle { font-size: 13px; line-height: 16px; color: #2d2328; font-weight: normal; text-transform: uppercase; margin-bottom: 14px; } .block .block-content { width: 100%; } .block li.item { padding: 12px 0; border-bottom: 1px solid #ececec; } .block li.last { border: 0; } .block li.item:first-child { padding-top: 0; } .widget.widget-catalogsale-products .block ol li { padding: 20px 0 20px 0; } .widget.widget-catalogsale-products .price-box.map-info { padding: 10px 0 10px 0; } .widget.widget-catalogsale-products .price-box.map-info a { padding-left: 0; } .block .btn-remove, .block .btn-edit { float: right; } .block .actions { padding: 17px 0 0 0; } .block .actions a { display: inline-block; font-weight: bold; text-decoration: underline; margin-left: 10px; } .block .actions a:hover { text-decoration: none; } .block-compare .actions { padding: 20px 0 10px 0; } .block .empty { } .block .price-box.map-info .price { font-size: 13px; font-family: 'Arial' } .block li.odd { } .block li.even { } .sidebar-indent { } .block .price { font-weight: bold; } .block-specials { margin: 0 0 33px 0; } .block.last_block.block-specials { margin: 0 0 33px 0; } .block-specials .spec_item { border: solid 1px #eee; padding: 0 17px 20px 24px; } .block-specials .spec_item .product-image { display: block; max-width: 205px; margin: 0 auto; } .block-specials .spec_item .product-image img { max-width: 100%; } .block-specials .spec_item .actions_sp { float: right; } .block-specials .spec_item .actions_sp button.button strong { display: block; background: #b1b1b1; width: 42px; height: 42px; line-height: 42px; text-align: center; font-size: 15px; color: #fff; } .block-specials .spec_item .actions_sp button.button:hover strong { background: #ff3d54; } .block-specials .spec_item .spec_wrap { float: left; width: 180px; padding: 1px 0 0 0; } .block-specials .spec_item .spec_wrap .product-name { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 14px; font-weight: normal; margin: 0 0 7px 0; } .block-specials .spec_item .spec_wrap .product-name a { color: #a5a5a5; } .block-specials .spec_item .spec_wrap .product-name a:hover { color: #333; } .block-specials .spec_item .spec_wrap .price-box { margin: 0 0 0 0; } .block-specials .spec_item .spec_wrap .price-box .old-price { display: inline; margin: 0 6px 0 0; } .block-specials .spec_item .spec_wrap .price-box .special-price { display: inline; } .block-specials .spec_item .spec_wrap .price-box .old-price .price { font-family: "Trebuchet MS", sans-serif; font-size: 18px; font-weight: bold; color: #979797; } .block-specials .spec_item .spec_wrap .price-box .special-price .price { font-family: "Trebuchet MS", sans-serif; font-size: 18px; font-weight: bold; color: #ff3d54; } /******************************************************************************** Mini Products List ******************************************************************************/ .mini-products-list li.item { padding-top: 20px; padding-bottom: 20px; } .mini-products-list .product-control-buttons { overflow: hidden; position: relative; margin-bottom: 5px; height: 19px; } .mini-products-list .product-image { float: left; width: 90px; background: #fff; margin-right: 10px; } .mini-products-list .product-image img { max-width: 100%; } .mini-products-list .product-details { padding-top: 3px; overflow: hidden; } .mini-products-list .product-details h4 { font-size: 1em; font-weight: bold; margin: 0; } .mini-products-list .product-name { margin-left: 10px; display: block; overflow: hidden; } .mini-products-list .price-box { margin-bottom: 10px; } .block-cart .mini-products-list .product-name, .block-cart .mini-products-list .product-details .nobr small { word-wrap: break-word; } .block-cart .mini-products-list .product-details .nobr { white-space: normal !important; } /* Block: Account */ .block-account ul li { padding-bottom: 5px; } /* Block: Currency Switcher */ .block-currency { } .block-currency select { width: 100%; border: 1px solid #888; } /******************************************************************************** Block: Layered Navigation ************************************************************************/ .block-layered-nav { } .block-layered-nav dt { border-top: 1px solid #ececec; font-weight: bold; padding-top: 15px; } .block-layered-nav dd { padding: 10px 0 10px 19px; margin-bottom: 15px; } .block-layered-nav dd.odd.last { padding-bottom: 0; margin-bottom: 0; } .block-layered-nav dd li a { text-decoration: none; } .block-layered-nav dd li { color: #000000; padding: 0 0 3px; } .block-layered-nav dd li:before { content: "\f105"; margin-right: 10px; font-size: 14px; } .block-layered-nav dd li .price { font-weight: normal; } .block-layered-nav .currently { } .block-layered-nav .btn-remove { float: right; margin: 5px 3px 0 2px; } .block-layered-nav .block-subtitle { } .block-layered-nav .block-content .actions a { text-decoration: none; } .block-layered-nav .block-content .actions { padding-top: 5px; padding-bottom: 10px; } .block-layered-nav #narrow-by-list2 dt { border: none; padding-top: 0; } /*********************************************************************** Block: Spacials *********************************************************************************************/ .widget-catalogsale-products { } .widget-catalogsale-products .price-box .price-label { display: none; } #product_tabs_review_tabbed_contents #review-form h3 span { color: #ff3d54; } /************************************************************************************ Block: Cart ***********************************************************************************/ .block-cart { } .block-cart .block-content li.item.last { padding-bottom: 0; } .block-cart .summary { margin-bottom: 20px; } .block-cart .amount { border-bottom: 1px solid #ececec; padding-bottom: 12px; margin-bottom: 16px; } .block-cart .amount a { font-weight: bold; } .block-cart .amount a:hover { text-decoration: underline; } .block-cart .subtotal { } .block-cart .subtotal .price { font-weight: bold; color: #000; padding-left: 6px; } .block-cart .subtotal .label { padding: 0; } .block-cart .amount-2 { border-top: 1px solid #ececec; color: #000000; padding-top: 16px; padding-bottom: 17px; } .block-cart .amount-2 a { text-decoration: none; font-weight: bold; } .block-cart .actions > p, .block-cart .actions > li { display: none; } .block-cart .actions .paypal-logo { float: left; width: 100%; margin: 3px 0 0; text-align: right; } .block-cart .actions .paypal-logo .paypal-or { clear: both; display: block; padding: 0 55px 5px 0; } .block-cart .actions { border-bottom: 1px solid #ececec; padding-bottom: 20px; margin-bottom: 17px; } .block-cart .product-details { text-transform: uppercase; } .block-cart .product-details strong { font-weight: normal; padding: 0 0 0 3px; } /**************************************************************************** Block: Wishlist ******************************************************************************************/ .block-wishlist { } .block-wishlist .btn-remove { margin-left: 7px; } .block-wishlist .product-name a { text-decoration: none; } .block-wishlist .block-title small { } .block-wishlist .price-box { float: left; } .block-wishlist .link-cart { float: right; text-decoration: underline; margin-top: 5px; margin-left: 5px; } .block-wishlist .link-cart:hover { text-decoration: none; } .block-wishlist .block-content li.item { } .block-wishlist .block-content li.item.last { } .block-wishlist .product-name { } .block-wishlist .actions a { } .block-wishlist .actions { padding-bottom: 5px; } /********************************************************************************** Block: Related **********************************************************************************/ .product-image { display: inline-block; } .block-related { } .block-related li { padding: 5px 0; } .block-related input.checkbox { float: left; margin: 5px 5px 0 0; } .block-related .product { overflow: hidden; } .block-related .product .product-details .regular-price { float: none; } .rel-label { font-size: 12px; color: #333; padding-top: 6px; display: inline-block; } .block-related .link-wishlist { font-size: 12px; font-weight: bold; } .block-related .link-wishlist:hover { text-decoration: underline; } .block-related .block-content li.item { padding: 20px 0; } .block-related .block-content li.item:first-child { padding-top: 0; } .block-related .block-content li.item.last { padding-bottom: 10px; } .block-related .product-name { width: 152px; } /******************************************************************* Block: Compare Products ******************************************************************************************/ .block-compare { } .block-compare li { padding: 12px 0; } .block-compare .block-content { } .block-compare .btn-remove { margin-left: 10px; } .block-compare #compare-items { } .block-compare .block-title small { display: none; } .block-compare .product-name { overflow: hidden; } .block-compare .product-name a { text-decoration: none; } .block-compare .product-image { float: left; margin-right: 10px; } .block-compare button.button { margin-right: 10px; } .block-compare .actions a { margin-left: 0; } /********************************************************************* Block: Recently Viewed *************************************************************************************/ .block-viewed { } .block-viewed li a, .block-compared li a { text-decoration: none; display: inline-block; } .block-viewed .block-content li.item:first-child, .block-compared .block-content li.item:first-child { border-top: none; } /********************************************************************* Block: Recently Compared ***********************************************************************************/ .block-compared { } #co-payment-form { width: 100px; } /********************************************************************* Block: Poll **************************************************************************************************/ .block-poll { } .block-poll .block-title strong span { } .block-poll .block-subtitle { font-size: 13px; line-height: 15px; text-transform: none; font-weight: bold; } .block-poll label { line-height: 18px; margin-bottom: 0; } .block-poll input.radio { float: left; margin: 2px 0 0 0; } .block-poll .label { display: block; margin-left: 32px; padding: 3px 0 0; } .block-poll li { padding: 3px 0px 9px 0; } .block-poll .actions { margin: 0px 0 0; text-align: left; padding-top: 10px; padding-bottom: 10px; } .block-poll .answer { float: left; width: 200px; } .block-poll .answer span { display: block; width: 150px; color: #b2b2b2; } .block-poll .votes { font-weight: normal; float: right; width: 70px; text-align: right; color: #ff3d54; } /************************************************************************ Block: Tags **************************************************************************************************/ .block-tags { border: none; } .block-tags ul, .block-tags li { display: inline; } .block-tags .actions a { margin-left: 0; } .block-tags .actions a:hover { } .block-tags .actions { padding-bottom: 5px; } .product-tags li { float: left; margin-right: 7px; } #addTagForm { overflow: hidden; } /* Block: Tags */ /************************************************************************* Block: Subscribe ****************************************************************************************/ .block-subscribe { } .block-subscribe .block-content { } .block-subscribe .form-subscribe-header { display: inline-block; margin-bottom: 8px; } .block-subscribe .input-box { width: 100%; } .block-subscribe .input-box input { width: 100%; padding: 8px; } .block-subscribe .actions { float: left; } /************************************************************************ Block: Reorder *******************************************************************************************/ .block-reorder { } .block-reorder .block-subtitle { } .block-reorder li { padding: 5px 0; } .block-reorder input.checkbox { float: left; margin: 0; } .block-reorder .product-name { margin-left: 20px; } .block-reorder .actions { } .block-reorder .actions a { margin-left: 0; } .block-reorder .actions a:hover { } .block-reorder button.button { margin: 0 10px 8px 0; } /*********************************************************************** Block: Banner *********************************************************************************************/ .block-banner { } .block-banner .block-content { text-align: center; padding: 0; border: 0; } /************************************************************************ Block: Login *********************************************************************************************/ .block-login label { font-weight: bold; color: #666; } .block-login input.input-text { display: block; width: 167px; margin: 3px 0; } /************************************************************************* Paypal **************************************************************************************************/ .paypal-logo { display: inline-block; margin: 0; text-align: center; overflow: hidden; } .paypal-logo a { float: none; display: inline-block; width: 100px; } .paypal-logo a img { max-width: 100%; height: auto; } /************************************************************************* Block Slider Sidebar **************************************************************************************************/ .block-slider-sidebar { display: none; position: relative; } .block-slider-sidebar.block-slider-start { display: block; } .block-slider-sidebar .block-content { } .block-slider-sidebar li { width: 270px; min-height: 200px; float: left; position: relative; } .block-slider-sidebar li a { display: block; background: #ccc; } .block-slider-sidebar img { max-width: 100%; } .block-slider-sidebar .block-content > a { font-size: 20px; position: absolute; top: 0; right: 0; } .block-slider-sidebar a.slider-sidebar-prev { right: 40px; } .block-slider-sidebar .slider-sidebar-pager { text-align: center; } .block-slider-sidebar .slider-sidebar-pager a { font-size: 20px; line-height: 20px; display: inline-block; margin: 0 4px; } .block-slider-sidebar .slider-sidebar-pager a:before { content: "\f111"; } .block-slider-sidebar .slider-sidebar-pager a.selected, .block-slider-sidebar .slider-sidebar-pager a:hover { color: #000; } .block-slider-sidebar .slider-sidebar-pager span { font-size: 0; text-indent: -777px; } /*========================================================================================== End Sidebar ============================================================================ */ /* ================================================================================================================================================================================== */ /* Category Page ========================================================================= */ .category-image { width: 100%; overflow: hidden; margin: 0 0 10px; text-align: center; } .category-image img { max-width: 100%; } .category-description { margin: 0 0 10px; } .category-products { } /****************************************************************************************** View Type: Grid ***************************************************************************/ .col2-left-layout .products-grid, .col2-right-layout .products-grid { } .col1-layout .products-grid { } .products-grid { position: relative; margin-bottom: 33px; } .products-grid.last { margin-bottom: 0; } .price-box.map-info a { text-decoration: none; margin-top: 5px; } .products-grid.last { border-bottom: 0; } .products-grid li.item:hover { } .products-grid li.item { float: left; -moz-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .products-grid li.last { margin-right: 0; } .products-grid li.first { } .products-grid .product-image { display: block; max-width: 210px; height: auto; margin: 0 auto 15px; text-align: center; position: relative; overflow: hidden; } .grid_wrap { border: solid 1px #eee; padding: 0 15px 15px 26px; position: relative; } .grid_wrap .grid_w_col { float: left; width: 180px; } .products-grid .price-box { margin: 0 0 12px; width: 100%; } .cms-index-index .products-grid .price-box { margin: 0; } .products-grid .price-box .price { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #2d2d2d; } .products-grid .product-shop .price-box.map-info a { font-size: 11px; } .products-grid .product-shop .price-box.map-info .old-price { display: block; } .products-grid .availability { line-height: 21px; } .products-grid .actions { float: right; margin: 0; position: relative; } .products-grid .actions button.button strong { display: block; border: solid 1px #dbdbdb; width: 42px; height: 42px; line-height: 40px; text-align: center; font-size: 15px; color: #636262; } .products-grid .actions button.button:hover strong { background: #597f2e none repeat scroll 0 0; border: 1px solid #597f2e; color: #ffffff; } .products-grid .ratings { margin-bottom: 17px; } .products-grid .ratings .rating-box { float: none; margin: 0 0 5px; } .products-grid .ratings .amount { } .products-grid .ratings .amount a { text-decoration: none; } .products-grid .minimal-price-link { } .products-grid .no-rating a { text-decoration: none; padding-top: 0px; display: inline-block; } .products-grid .no-rating { padding-top: 8px; margin-bottom: 7px } .products-grid .add-to-links { font-size: 12px; clear: both; position: relative; float: none; } .products-grid .add-to-links li { } .products-grid .add-to-links li:first-child { } .products-grid .desc_grid { font-size: 11px; line-height: 14px; margin-bottom: 10px; } .add-to-links { float: left; } /******* Type: List and Grid ********/ .products-grid .product-name, .products-list .product-name { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; margin: 0 0 7px; } .products-grid .product-name a, .products-list .product-name a { color: #2d2d2d; text-decoration: none; } .products-grid .product-name a:hover, .products-list .product-name a:hover { color: #ff3d54; } .products-grid .product-image img, .products-list .product-image img { max-width: 100%; } /********************************************************************************************** View Type: List *******************************************************************************************/ .products-list { } .products-list li.item { border-bottom: 1px solid #ececec; padding-bottom: 20px; margin-bottom: 20px; position: relative; } .products-list li.item.last { border-bottom: 0; } .products-list .product-image { float: left; width: 210px; height: auto; margin-right: 30px; border: 1px solid #eee; } .products-list .list-inner { width: 210px; height: 210px; position: relative; float: left; } .products-list .product-shop { overflow: hidden; } .products-list .button { } .products-list .product-name { } .products-list .price-box { margin: 12px 0; width: 100%; } .products-list .product-shop .price-box.map-info .old-price { display: block; } .products-list .price-box .price { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #2d2d2d; } .products-list .availability { float: left; margin: 3px 0 0; } .products-list .desc { clear: both; margin: 0 0 15px; } .products-list .desc > p { float: left; } .products-list .desc > p strong { color: #2c2c2c; } .products-list .desc .link-learn { font-weight: bold; text-decoration: underline; } .products-list .add-to-links { padding-top: 10px; float: none; } .products-list .add-to-links li:first-child { margin-right: 19px; } .products-list .f-fix { position: relative; } .products-list .f-fix > span { left: 0; position: absolute; bottom: 0px; } .products-list .list-btn { display: inline-block; float: left; } .products-list .add-to-links .separator { display: none; } .products-list .add-to-links li { float: left; } .list-reviews { float: right; width: 285px; text-align: right; } .row-list { width: 100%; position: relative; } .row-list > span { position: absolute; left: 0px; top: 40px; } .products-list .ratings { margin-bottom: 17px; } .products-list .ratings .rating-links { clear: left; padding-top: 5px; } .products-list .ratings .rating-links a:hover { } .products-list .no-rating { text-align: right; padding-top: 6px; } .products-list .no-rating a { text-decoration: none; } /* ======================================================================================= */ /******************************************************************************** Product View ========================================================================== */ /****************************************** Rating *****************************/ .ratings { line-height: 15px; margin: 5px 0 7px 0; } .ratings strong { float: left; margin: 1px 3px 0 0; } .ratings .rating-links { margin: 0; } .ratings .rating-links a { text-decoration: none; } .ratings .rating-links .separator { margin: 0 2px; } .ratings dt { } .ratings dd { } .rating-box { width: 91px; height: 14px; font-size: 0; line-height: 0; background: url(../images/bkg_rating.png) 0 0 repeat-x; font-size: 0; overflow: hidden; } .rating-box .rating { float: left; height: 14px; background: url(../images/bkg_rating.png) 0 100% repeat-x; } .ratings .rating-box { float: left; margin-right: 7px; } .ratings .amount { } .email-friend.left { float: left; } .ratings-table th, .ratings-table td { font-size: 11px; line-height: 1.15; padding: 3px 0; } .ratings-table th { font-weight: bold; padding-right: 8px; } .review-product-list .col-main .ratings-table th, .review-product-list .col-main .ratings-table td { border: 1px solid #DDDDDD; padding: 7px; } .review-product-list .col-main .ratings-table { margin: 10px 0; } #block-related .price-box.map-info { display: none; } /*************************************** Availability *******************************/ .availability { margin: 0; } .availability span { font-weight: bold; } .availability.in-stock span { } .availability.out-of-stock span { color: #d83820; } .availability-only { margin: 0 0 5px; } .availability-only a { background: url(../images/i_availability_only_arrow.gif) 100% 0 no-repeat; cursor: pointer; padding-right: 15px; } .availability-only .expanded { background-position: 100% -15px; } .availability-only strong { } .availability-only-details { margin: 0 0 7px; } .availability-only-details th { background: #f2f2f2; font-size: 10px; padding: 0 8px; } .availability-only-details td { border-bottom: 1px solid #ddd; font-size: 11px; padding: 2px 8px 1px; } .availability-only-details tr.odd td.last { } /* Email to a Friend */ .email-friend { margin-bottom: 5px; } /* Alerts */ .alert-price { } .alert-stock { } /* financing box on product detail*/ .financing_box { padding-left: 0px; margin-bottom: 10px; } .financing_box a { font-size: 1.5em; } .financing_box a:before { font-family: FontAwesome; content: "\f09d"; padding-right: 4px; } /********** < Product Prices */ .price { white-space: nowrap !important; } .price-box { } .price-box .price { font-weight: bold; } /* Regular price */ .regular-price { display: block; } /* .products-grid .old-price .price, .products-list .old-price .price, .block .old-price .price {} .products-grid .special-price .price, .products-list .special-price .price, .block .special-price .price {} .products-grid .special-price, .products-list .special-price, .products-grid .old-price, .products-list .old-price {} .col-main .old-price .price-label, .col-main .special-price .price-label, .block .old-price .price-label, .block .special-price .price-label {display: none;} */ /* Old price */ .old-price { } .old-price .price-label { display: none; font-weight: bold; white-space: nowrap; } .old-price .price { font-weight: bold; text-decoration: line-through; } /* Special price */ .special-price { } .special-price .price-label { display: none; font-weight: bold; } .special-price .price { font-weight: bold; } /* Minimal price (as low as) */ .minimal-price { } .minimal-price .price-label { font-weight: bold; white-space: nowrap; } .minimal-price-link { display: inline-block; margin-top: 2px; } .minimal-price-link .label { } .minimal-price-link .price { font-weight: normal; } .minimal-price-link span { display: inline-block; text-decoration: none; } /* Excluding tax */ .price-excluding-tax { display: block; } .price-excluding-tax .label { white-space: nowrap; } .price-excluding-tax .price { font-weight: normal; } /* Including tax */ .price-including-tax { display: block; } .price-including-tax .label { white-space: nowrap; } .price-including-tax .price { font-weight: bold; } /* Configured price */ .configured-price { } .configured-price .price-label { font-weight: bold; white-space: nowrap; } .configured-price .price { font-weight: bold; } /* FPT */ .weee { display: block; font-size: 11px; color: #444; } .weee .price { font-size: 11px; font-weight: normal; } /* Excl tax (for order tables) */ .price-excl-tax { display: block; } .price-excl-tax .label { display: block; white-space: nowrap; } .price-excl-tax .price { display: block; } /* Incl tax (for order tables) */ .price-incl-tax { display: block; } .price-incl-tax .label { display: block; white-space: nowrap; } .price-incl-tax .price { display: block; font-weight: bold; } /* Price range */ .price-from { } .price-from .price-label { font-weight: bold; white-space: nowrap; } .price-to { } .price-to .price-label { font-weight: bold; white-space: nowrap; } /* Price notice next to the options */ .price-notice { padding-left: 10px; } .price-notice .price { font-weight: bold; } /* Price as configured */ .price-as-configured { color: #3A3A3A; } .price-as-configured .price-label { white-space: nowrap; } .price-box-bundle { } /********** Product Prices > */ /* Tier Prices */ .tier-prices .price { font-weight: bold; } .tier-prices .benefit { } .tier-prices-grouped { } /* Add to Links */ .add-to-links .separator { display: none; } /* Add to Cart */ #product-addtocart-button { float: none; text-align: center; padding-bottom: 5px; } .add-to-cart .qty-block { float: left; padding-top: 0; } .add-to-cart label { margin-right: 7px; color: #3a3a3a; } .add-to-cart .qty { font-size: 12px; text-align: center; padding: 3px 6px 4px 7px; background: #fff; } .add-to-cart button.button { margin-left: 5px; } /*.add-to-cart button.button { float: right; margin-left: 5px; }*/ .add-to-cart .paypal-logo { clear: left; text-align: right; } .add-to-cart .paypal-logo .paypal-or { clear: both; display: block; margin: 5px 46px 5px 0; } .product-view .add-to-cart .paypal-logo { margin: 0; display: none; } /* Add to Links + Add to Cart */ .add-to-box { } .add-to-box .add-to-cart { float: left; width: 100%; position: relative; } .add-to-box .add-to-cart #ajax_loader { position: absolute; bottom: -22px; right: 0; } .add-to-box .or { float: left; margin: 0 10px; } .add-to-box .add-to-links { float: left; } .product-view { margin-bottom: 20px; } .product-view .product-name h1 { font-size: 22px; line-height: 22px; font-weight: bold; } .catalog-product-view .col-right { padding-top: 0; } .product-view h2 { background: #FBFBFB; border: 1px solid #DDDDDD; font-size: 18px; line-height: 18px; color: #3A3A3A; padding: 12px 15px; margin-bottom: 15px; position: relative; } .tt { display: block; } .zoom-inner { width: 300px; margin-bottom: 10px; height: 300px; position: relative; } .more-views h2 { display: none; } /*** Product Collateral **/ .product-essential { margin-bottom: 0px; padding-bottom: 25px; } .product-view .product-essential .product-shop .nobr { margin-bottom: 5px; display: inline-block; } .product-collateral #customer-reviews dl dt { margin-bottom: 5px; } .product-collateral #customer-reviews dl dd { border-bottom: 1px solid #ECECEC; padding-bottom: 10px; margin-bottom: 10px; } .product-collateral #customer-reviews dl dd.last { border: none; padding-bottom: 0; margin-bottom: 0; } .product-collateral #customer-reviews dl dd table { margin-bottom: 5px; } .product-collateral #customer-reviews .pager { margin-bottom: 10px; } .product-collateral #customer-reviews #product-review-table span.nobr { display: block; padding: 0 5px; } .product-collateral #customer-reviews #product-review-table .value { text-align: center; } .product-collateral #customer-reviews #product-review-table { margin-bottom: 20px; } #customer-reviews .form-list label.required { margin-bottom: 5px; } #customer-reviews .form-list textarea { min-width: 332px; max-width: 332px; } .product-collateral .box-collateral { margin-bottom: 30px; } /* Product Images */ .product-view .product-img-box { float: left; text-align: center; margin-bottom: 30px; width: 310px; } .col3-layout .product-view .product-img-box { float: none; margin: 0 auto; } .product-view .product-img-box .product-image { position: relative; height: auto; border: 1px solid #ececec; background: url(../images/opc-ajax-loader.gif) no-repeat center center; overflow: hidden; } .product-view .product-img-box .product-box-customs .product-image { overflow: inherit; } .product-view .product-img-box .product-image .cloud-zoom-big { } .product-view .product-img-box .product-image .big { background-color: #fff; max-width: 100%; } .product-view .product-img-box .product-box-customs .product-image span { display: block; position: absolute; background: none; top: 0; left: 0; height: 100%; width: 100%; } .product-view .product-img-box .product-box-customs .product-image-zoom { position: relative; width: 310px; height: 310px; overflow: hidden; z-index: 9; } .product-view .product-img-box .product-box-customs .product-image-zoom img { position: absolute; left: 0; top: 0; width: 310px!important; height: 310px!important; } .product-view .product-img-box .zoom-notice { text-align: center; } .product-view .product-img-box .zoom { position: relative; z-index: 9; height: 18px; margin: 0 auto 13px; padding: 0 28px; background: url(../images/slider_bg.gif) 50% 50% no-repeat; cursor: pointer; } .product-view .product-img-box .zoom.disabled { -moz-opacity: .3; -webkit-opacity: .3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity: .3; } .product-view .product-img-box .zoom #track { position: relative; height: 18px; } .product-view .product-img-box .zoom #handle { position: absolute; left: 0; top: -1px; width: 9px; height: 22px; background: url(../images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position: absolute; left: 2px; top: 0; } .product-view .product-img-box .zoom .btn-zoom-in { position: absolute; right: 2px; top: 0; } .product-view .product-img-box .product-box-customs .zoom, .product-view .product-img-box .product-box-customs .zoom-notice { display: none; } .product-view .product-img-box .more-views li a { display: block; border: 1px solid #ECECEC; } .product-view .gallery-swipe-content { max-width: 270px; margin: 0 auto; position: relative; display: none; } .product-view .gallery-swipe li { } .product-view .bx-controls-direction > a { font-size: 0; position: absolute; left: 0px; top: 50%; width: 40px; height: 40px; display: block; text-align: center; line-height: 40px; z-index: 4; } .product-view .bx-controls-direction > a.bx-next { right: 0px; left: auto; } @media only screen and (max-width: 767px) { /*.ps-phone .product-view .gallery-swipe-content { display: block; } .ps-phone .product-view .product-box-customs .product-image, .ps-phone .product-view .product-box-customs .more-views { display: none; }*/ .product-view .product-img-box .product-image span { z-index: 9999; } .product-view .bx-controls-direction > a:before { content: "\f053"; font-size: 20px; } .product-view .bx-controls-direction > a.bx-next:before { content: "\f054"; } } .product-image-popup { margin: 0 auto; } .product-image-popup .buttons-set { float: right; clear: none; border: 0; margin: 0; padding: 0; } .product-image-popup .nav { margin: 0 100px; text-align: center; } .product-image-popup .image { display: block; } .product-image-popup .image-label { } .addthis_32x32_style .addthis_counter.addthis_bubble_style { width: 62px !important; } /* Product Shop */ /*.product-view .product-shop { float: right; width: 61%; }*/ .product-shop-inner { max-width: 700px; width: 100%; /* margin: 0 auto; */ float: right; } .product-view .product-shop .ratings { float: left; margin: 0; } .product-view .product-shop .ratings .rating-box { float: none; margin: 0 0 5px; } /*.col1-layout .product-view .product-shop {float: right; width: 100%; max-width: 700px;}*/ .col3-layout .product-view .product-shop { float: none; width: auto; } .product-view .product-name { margin-bottom: 12px; } .product-view .short-description { margin-bottom: 13px; } .product-view .short-description h2 { display: none; } .product-view .short-description .std { } .product-view .product-shop .product-pricing { margin-bottom: 15px; overflow: hidden; } .product-view .product-shop .product-pricing li { background: #f4f4f4; float: left; clear: left; line-height: 22px; padding: 0 13px; font-size: 11px; margin-bottom: 3px; } .product-view .product-shop .product-pricing li .benefit { } .product-view .product-shop .price-box { margin: 15px 0 5px; } .product-view .product-shop .price-box .regular-price { } .product-view .product-shop .price-box .price { color: #597f2e; font-weight: bold; font-size: 32px; line-height: 24px; } .product-view .product-shop .price-box .old-price .price { } .product-view .product-shop .availability { display: block; font-size: 12px; font-weight: bold; color: #3a3a3a; margin: 5px 0; } .product-view .product-shop .availability span { display: inline-block; font-size: 12px; font-weight: bold; color: #74b436; margin-left: 6px; } .product-view .add-to-links li { margin-bottom: 8px; } .product-view .add-to-links li a:before { font-size: 15px; margin-right: 15px; color: #597f2e; } .product-view .add-to-links li .link-wishlist:before { content: "\f08a"; } .product-view .add-to-links li .link-compare:before { content: "\f080"; } .add-to-box .or { display: none; } .product-view .add-to-cart .qty-block { margin-top: 4px; } .row-product { margin-bottom: 20px; overflow: hidden; width: 100%; } .row-product .no-rating { float: left; } .row-product .no-rating:before { content: "\f040"; font-size: 14px; margin-right: 10px; } .row-product .no-rating a { text-decoration: underline; } .row-product .no-rating a:hover { text-decoration: none; } .row-product .email-friend { float: right; } .row-product .email-friend:before { content: "\f003"; padding-right: 10px; font-size: 16px; } /* Product Options */ div#row1, div#row2, div#col1, div#col2 {padding:0;} .product-options { clear: both; margin: 5px 0 18px; border: 1px solid #DBDBDB; background: #fbfbfb; border-bottom: 0; padding: 25px; margin-bottom: 0; } .product-options .qty-holder { display: block; padding-top: 10px; } .product-options dl dt { display: block; } .product-options dt label { font-weight: bold; display: inline-block; padding-bottom: 3px; } .product-options dt label em { float: right; color: #e03b3b; } .product-options dt .qty-holder { float: right; } .product-options dt .qty-holder label { vertical-align: middle; } .product-options dt .qty-disabled { background: none; border: 0; padding: 3px; } .product-options dd { margin: 0px 0 10px 0; display: block; width: 100%; float: left; } .product-options dl.last dd.last { } .product-options .input-box { } .product-options dd input.input-text { width: 98%; } .product-options dd input.datetime-picker { width: 150px; } .product-options dd .time-picker { display: -moz-inline-box; display: inline-block; padding: 2px 0; vertical-align: middle; } .product-options dd textarea { width: 98%; height: 8em; } .product-options dd select { width: 100%; } .product-options .options-list { } .product-options .options-list li { padding-top: 10px; } .product-options .options-list li:first-child { padding-top: 0; } .product-options .options-list li label { display: inline-block; } .product-options .options-list input.radio { float: left; margin: 2px 0 0 0; height: auto; } .product-options .options-list input { width: auto; } .product-options .options-list input.checkbox { float: left; margin: 3px -20px 0 0; height: auto; } .product-options .options-list .label { display: block; margin-left: 20px; } .product-options ul.validation-failed { padding: 0 7px; } .product-options p.required { padding: 5px 0 0; overflow: hidden; width: 100%; text-align: left; font-size: 12px; color: #e03b3b; } .product-shop { position: relative; } .product-shop .price-box.map-info a { float: none; clear: left; padding: 0 !important; margin-bottom: 3px; } .add-to-cart { border-top: 0px solid #dbdbdb; width: 100%; padding: 10px 0; } .add-to-cart button.button > span { font-size: 13px; height: 60px; line-height: 30px; } .add-to-cart button.button > span span { padding: 0 15px; } .product-view .add-to-links { clear: left; margin: 0px !important; padding: 15px 0 5px; border-bottom: 1px solid #DBDBDB; border-top: 1px solid #DBDBDB; width: 100%; } .product-view .product-options-bottom { border: 1px solid #DBDBDB; padding: 25px; background: #fbfbfb; } .product-view .product-options-bottom .finance-box{ float: none; display: block; padding: 0; margin-top: 0; margin-right: 0 !important; overflow: hidden; text-align: center; } .product-view .product-options-bottom .price-box { float: none; display: block; padding-top: 10; margin-top: 0; margin-right: 0 !important; text-align: center; } .product-view .product-options-bottom .price-box { float: none; display: block; padding-top: 10; margin-top: 0; margin-right: 0 !important; text-align: center; } span#product-price-1096 span { font-size: 2.5em; } .product-view .product-options-bottom .price-box .price-as-configured { font-size: 22px; line-height: 27px; } .product-view .product-options-bottom .price-box .price-as-configured .price { font-weight: normal; } .product-view .product-options-bottom .add-to-cart { margin-top: 10px; } .product-view .product-options-bottom .add-to-links { border-bottom: 0; } .product-view .product-shop .product-options-bottom .price-box .price { font-size: 16px; line-height: 16px; } .product-view .product-shop .product-options-bottom .price-label { display: inline-block; } .row-product .addthis_toolbox { border-top: 1px solid #dbdbdb; border-bottom: 0; padding-bottom: 0; padding-top: 15px; width: 100%; overflow: hidden; } .review-product-list .row-product .addthis_toolbox { margin-top: 15px; float: left; width: 100%; } .addthis_toolbox { border-bottom: 1px solid #dbdbdb; padding-bottom: 15px; } .addthis_mini_style .addthis_button_pinterest_pinit { margin-top: -1px; } .addthis_mini_style .addthis_button_pinterest_pinit span { height: 20px; } /* Grouped Product */ .product-view .grouped-items-table { } .product-view { position: relative; } .messege-product { background: #FAFAEC; border: 1px solid #FCD344; border-radius: 0 0 3px 3px; font-size: 12px; font-weight: bold; left: 50%; margin-left: -220px; padding: 9px 60px 9px 60px; position: fixed; text-align: center; top: 0; width: 333px; z-index: 999; display: none; } .messege-product.none-messege { display: block; } .messege-product button:hover { background-position: 0 -9px; cursor: pointer; } .messege-product button { background: url(../images/remove-popup-2.png) no-repeat 0 0; border: medium none; height: 9px; position: absolute; right: 20px; top: 12px; width: 9px; z-index: 9999; } #review-form .form-list .input-box { width: auto; } #review-form .form-list input.input-text, #review-form .form-list textarea { width: 100%; } #review-form td.value { text-align: center; } /* Block: Description */ .product-view .box-description { } /* Block: Additional */ .product-view .box-additional { } .product-view .box-additional .data-table td.label, .product-view .box-additional .data-table th.label { padding-left: 10px; } #product-review-table { margin-bottom: 10px; } /* Block: Upsell */ .box-up-sell { border: 1px solid #ededed; padding: 20px; background: #fbfbfb; overflow: hidden; position: relative; } .box-up-sell h2 { font-size: 14px; text-transform: uppercase; color: #383737; margin-bottom: 20px; padding-right: 65px; } .box-up-sell ul li .product-image { margin-bottom: 15px; display: block; } .box-up-sell ul li .product-image img { max-width: 100%; } .box-up-sell .product-name { margin-bottom: 10px; } .box-up-sell .no-rating { width: 100%; overflow: hidden; } .box-up-sell .no-rating a { display: block; } .box-up-sell .product-name a { text-decoration: none; } .box-up-sell ul { margin-left: 0px; } .box-up-sell .up-sell-carousel li { min-height: 340px; } .box-up-sell ul li { float: left; margin: 0 12px; width: 260px; text-align: center; } .box-up-sell ul li .product-box { border: 1px solid #ededed; background: #fff; padding: 25px; } .box-up-sell ul li .noSwipe { overflow: hidden; } .box-up-sell .up-sell-carousel-none li.last { margin-right: 0; } .box-up-sell ul li .no-rating { margin-bottom: 0; margin-top: 0px; } .box-up-sell .price-box { margin: 0; display: block; overflow: hidden; } .box-up-sell .price-box .regular-price { float: none; } .box-up-sell .price-box .minimal-price span { font-size: 15px; font-weight: normal; } .box-up-sell ul li .no-rating a { } .box-up-sell ul li:first-child { margin-left: 0 } .box-up-sell .products-grid td { margin-right: 11px; width: 204px; } .box-up-sell .rating-box { float: none; margin: 0 auto 5px; } .box-up-sell .box-tags .product-tags { overflow: hidden; margin-bottom: 25px; } .box-up-sell .box-tags .product-tags li { display: inline; text-transform: capitalize; background: url(../images/line-2.gif) no-repeat 100% 3px; padding: 0 10px 0 0px; margin: 0 10px 0 0; } .box-up-sell .box-tags .product-tags li.first { padding-left: 0px; } .box-up-sell .box-tags .product-tags li.last { background: none; } .carousel-prev, .carousel-next { position: absolute; top: 16px; right: 30px; font-size: 30px; } .carousel-prev { right: 60px; } /* Block: Tags */ .product-view .box-tags { } .product-view .box-tags h3 { font-size: 10px; line-height: normal; margin-bottom: 12px; } .product-view .box-tags .form-add label { display: block; font-size: 12px; font-weight: bold; color: #7d7d7d; margin-bottom: 15px; clear: both; padding-top: 10px; } .tags-list { padding-top: 10px; } .my-tag-edit .btn-remove { float: right; } .my-tag-edit { display: inline-block; } #my-tags-table .add-to-links { margin-top: 10px; } .product-view .box-tags .form-add .input-box { float: left; width: 100%; padding-left: 32px; moz-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .product-view .box-tags .form-add .input-box:before { content: "\f02b"; font-size: 28px; line-height: 28px; position: absolute; left: 0px; top: 0; } .product-view .box-tags .form-add input.input-text { width: 100%; border: 1px solid #d4d4d4; background: #fcfcfc; } .product-view .box-tags .form-add button.button { margin-left: 32px; margin-top: 10px; } .product-view .box-tags .form-add p { clear: both; } .box-collateral.box-tags .note { color: #ff3d54; padding-bottom: 15px; padding-top: 5px; } .video, .map-content { height: 100%; position: relative; padding-bottom: 56.25%; overflow: hidden; } .video iframe { height: 100%; width: 100%; position: absolute; left: 0; top: 0; } .map-content { margin-bottom: 30px; padding-bottom: 50%; } .map-content figure iframe { border: none; height: 100%; width: 100%; position: absolute; left: 0; top: 0; } /* Block: Reviews */ .product-view .box-reviews { } .product-view .box-reviews .form-add { } /*** My Recent Reviews **/ .dashboard #my_recent_reviews li { padding-bottom: 7px; } .dashboard #my_recent_reviews li .ratings { margin: 0px 0 5px 0; } .dashboard #my_recent_reviews li .ratings strong { margin: 0 5px 0 0; } .dashboard #my_recent_reviews li .ratings .rating-box { margin: 0; } .dashboard #my_recent_reviews li .details .product-name { margin-bottom: 3px; } /* Send a Friend */ .send-friend { } .send-friend .buttons-set button.button { margin-left: 10px; } #product_sendtofriend_form #sender_message { margin-bottom: 20px; resize: none; min-width: 304px; max-width: 373px; width: 373px; } #product_sendtofriend_form .buttons-set { padding-top: 15px; } #product_sendtofriend_form .form-list .field { float: left; width: 361px; } #product_sendtofriend_form .form-list .additional-row > div { width: 408px; } #product_sendtofriend_form .form-list .fields .field:first-child { float: left; width: 402px; } #product_sendtofriend_form .form-list .fields .field input.input-text { width: 373px; } #product_sendtofriend_form .buttons-set { text-align: center; } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { font-size: 14px; font-weight: normal; } .product-name a { } /* Product Tags */ .tags-list li { display: inline; font-size: 15px; line-height: normal; margin-right: 10px; } /* Advanced Search */ .advanced-search { } .advanced-search + .buttons-set { max-width: 340px; } .advanced-search-amount { margin-bottom: 5px; } .advanced-search-summary { padding: 15px 0; } .advanced-search .form-list select { width: 340px; } .advanced-search .form-list label { float: none; } .advanced-search .input-range { margin-bottom: 5px; } .advanced-search .input-range input { display: inline-block; } .catalogsearch-advanced-index #advanced-search-list li.even label { display: block; width: 100%; } .form-adv-search { border: 1px solid #ececec; background: url(../images/media/bg-adv-search.gif) left bottom no-repeat #fff; padding: 11px 20px 20px 20px } .form-adv-search .fieldset { border: none; background: none; margin: 0; padding: 0 0 0 0; } .form-adv-search .fieldset h2 { font-size: 12px; text-transform: uppercase; color: #ff3d54; padding: 8px 0 5px 0; } .catalogsearch-advanced-index .col-main { padding-top: 17px; } .form-adv-search .page-title { border-bottom: 1px solid #ececec; padding-bottom: 9px; } .form-adv-search .fieldset .form-list input.input-text { width: 495px; } .form-adv-search .fieldset .form-list .input-range input.input-text { width: 100px!important; } .input-range small { color: #b1b1b1; } .form-adv-search select.multiselect option { border-bottom: none; padding: 2px 5px; color: #7e7e7e; padding-top: 1px; padding-bottom: 1px; } .form-adv-search .multiselect { padding: 5px; height: 94px; } .form-adv-search .buttons-set { padding: 12px 0 0 0; margin-top: 0 } .form-adv-search .buttons-set button.button { float: left; } .form-adv-search .form-list select { width: 500px; } /* cms-about-magento-demo-store */ .cms-page-view .page-head { margin: 0 0 10px; padding: 5px 0 8px; } .cms-page-view .page-head h2 { text-transform: uppercase; font-size: 18px; color: #383737; } .about-col-1, .about-col-2, .about-col-3 { float: left; padding: 214px 29px 27px 29px; moz-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 32%; margin-left: 2%; } .about-col-1 { margin-left: 0; } .about-col-1 { background: url(../images/media/about-11.png) center top no-repeat #f9f9f9; position: relative; z-index: 10 } .about-col-2 { background: url(../images/media/about-22.png) center top no-repeat #f9f9f9; position: relative; } .about-col-3 { background: url(../images/media/about-33.png) center top no-repeat #f9f9f9; } .about-col-1 h3, .about-col-2 h3, .about-col-3 h3 { font-size: 12px; text-transform: uppercase; color: #ff3d54; margin-bottom: 12px; } .about-col-1 p, .about-col-2 p, .about-col-3 p { font-size: 12px; color: #ff3d54; line-height: 18px; color: #7c7c7c; margin-bottom: 0; } .about-col-4, .about-col-5, .about-col-6 { float: left; width: 32%; margin-left: 2%; } .about-col-4 { margin-left: 0; } .about-col-4 h4, .about-col-5 h4, .about-col-6 h4 { font-size: 12px; text-transform: uppercase; color: #383737; padding-bottom: 16px; margin-bottom: 14px; border-bottom: 1px solid #ececec; } .about-col-4 p, .about-col-5 p, .about-col-6 p { font-size: 12px; color: #ff3d54; line-height: 18px; color: #7c7c7c; margin-bottom: 0; } .about-col-4 ul, .about-col-5 ul, .about-col-6 ul { list-style: none; padding: 25px 0 12px 10%; margin: 0 0 0 0; } .about-col-4 ul li, .about-col-5 ul li, .about-col-6 ul li { list-style: none; font-size: 12px; font-style: italic; color: #373737; padding: 0 0 9px 0; } .about-padd-2 ul li:before { content: "\f061"; font-size: 16px; margin-right: 10px; } .about-col-7 h4 { font-size: 12px; text-transform: uppercase; color: #383737; padding-bottom: 16px; margin-bottom: 14px; border-bottom: 1px solid #ececec; } .about-col-7 p { font-size: 12px; color: #ff3d54; line-height: 18px; color: #7c7c7c; margin-bottom: 0; } .about-padd { padding-bottom: 25px; } .about-padd-2 { padding-bottom: 30px; } /* customer-service */ .custom-servis-ul, .custom-servis-ul ul { list-style: none; padding: 0!important; margin: 0!important; } .custom-servis-ul ul li { border-bottom: none; padding: 5px 5px 5px 5px; margin-bottom: 3px; padding-left: 23px; color: #7c7c7c; font-weight: bold; } .custom-servis-ul li { border-bottom: 1px solid #ececec; list-style: none; margin-bottom: 20px; padding-bottom: 10px; } .custom-servis-ul li h3 { background: url(../images/icos-set.png) 0 0 no-repeat; font-size: 13px; line-height: 16px; color: #ff3d54; text-transform: uppercase; font-weight: normal; margin-bottom: 13px; padding: 2px 0 8px 46px; } .custom-servis-ul li.item-2 h3 { background-position: 0 -124px; } .custom-servis-ul li.item-3 h3 { background-position: 0 -253px; } .custom-servis-ul li.item-4 h3 { background-position: 0 -377px; } .custom-servis-ul li.item-5 h3 { background-position: 0 -501px; } .custom-servis-ul li.item-6 h3 { background-position: 0 -638px; } .custom-servis-ul li.item-7 h3 { background-position: 0 -764px; } .custom-servis-ul li p { font-size: 12px; color: #8a8989; line-height: 18px; margin-bottom: 10px; } /* Sitemap */ .page-sitemap .links { text-align: right; margin: 0 8px -47px 0; overflow: hidden; } .page-sitemap .links a span { display: inline-block; padding-right: 29px; } .page-sitemap .sitemap { margin: 12px 0 30px; display: inline-block; } .page-sitemap .sitemap a { } .page-sitemap .page-title { margin-bottom: 25px; } .page-sitemap .sitemap li { margin: 8px 0; } .page-sitemap .sitemap li a { text-decoration: none; font-size: 12px; text-transform: capitalize; font-weight: normal; padding-left: 14px; } .page-sitemap .sitemap li.level-0 { margin: 10px 0 0; font-weight: bold; } .page-sitemap .sitemap li.level-0 a { text-decoration: none; font-size: 12px; text-transform: uppercase; font-weight: normal; padding-left: 14px; } .page-sitemap .sitemap li { font-size: 13px; line-height: 18px; } .page-sitemap .sitemap li.level-1 { padding-left: 45px!important; margin-bottom: 10px; margin-top: 10px; background: none; } .page-sitemap .sitemap li.level-1 a { background: none; font-weight: bold; padding-left: 0; text-transform: none; } .page-sitemap .sitemap li.level-2 a, .page-sitemap .sitemap li.level-3 a, .page-sitemap .sitemap li.level-4 a { background: none; padding-left: 0; text-transform: none; } .page-sitemap .sitemap li.level-2 { padding-left: 60px!important; } .page-sitemap .sitemap li.level-3 { padding-left: 75px!important; } .page-sitemap .sitemap li.level-4 { padding-left: 100px!important; } .page-sitemap .sitemap li a { display: inline-block; text-decoration: none; } .page-sitemap .pager { border: 1px solid #ececec; margin: 5px 0; padding: 13px 9px 13px 19px; } /* RSS */ .rss-title h1 { padding-left: 27px; } .rss-table .link-rss { display: block; line-height: 1.35; background-position: 0 2px; } /* ======================================================================================= */ .form-alt li { overflow: hidden; margin-bottom: 10px; } .search-form .form-alt li { overflow: inherit; clear: both; display: table; width: 100%; } /* Shopping Cart ========================================================================= */ .cart { } /* Checkout Types */ .cart .checkout-types { float: right; text-align: right; } .cart .title-buttons .checkout-types li { float: left; margin: 0 0 5px 5px; } .cart .totals .checkout-types .paypal-or { clear: both; display: block; padding: 0; color: #fff; } .cart .title-buttons .checkout-types li button.button span { background: #d41224; border-radius: 0px; font-size: 12px; padding: 0 12px; height: 31px; line-height: 30px; } /* Shopping Cart Table */ .cart-table .item-msg { font-size: 10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding: 25px 0 0px; } .cart .cart-collaterals .col2-set { width: 65%; float: left; } .cart .page-title.title-buttons .checkout-types { padding-top: 53px; display: none; } .cart .crosssell { } .cart .crosssell .product-name a { text-decoration: none; font-size: 12px; line-height: 18px; } .cart .col2-set h2 { border-bottom: 2px solid #3A3A3A; font-size: 17px; line-height: 24px; color: #3a3a3a; text-transform: uppercase; padding: 0 0 8px; margin: 0 0 15px; } .cart .crosssell .product-image { float: left; width: 112px; height: 112px; border: 1px solid #ededed; margin-right: 10px; } .cart .crosssell .product-details { overflow: hidden; } .cart .crosssell li.item { border-bottom: 1px solid #eaeaea; padding: 18px 0; margin: 0; } .cart .crosssell li.item.last { margin-bottom: 0; padding-bottom: 0; } .cart .crosssell li.item:first-child { padding-top: 0; } .cart .crosssell li.last { border: none; } .cart .crosssell .product-name { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .cart .crosssell .product-name { margin-bottom: 7px; margin-top: -3px; } .cart .crosssell .price { font-weight: 600; font-size: 14px; } .cart .crosssell .price-box { display: block; overflow: hidden; padding-bottom: 10px; } .cart .crosssell .price-box .regular-price { float: none; } .cart .crosssell .price-box .price-label { display: none; } .cart .crosssell button.btn-cart { float: left; } .cart .crosssell button.btn-cart span { } .cart .crosssell .add-to-links { padding-top: 10px; clear: left; } .cart .crosssell .add-to-links li { } #shopping-cart-table .product-image { display: inline-block; } /* Discount Codes & Estimate Shipping and Tax Boxes */ #discount-coupon-form { display: block; margin-bottom: 20px; } .cart .discount, .cart .shipping { clear: both; display: table; } .cart .discount .discount-form button.button { margin-bottom: 5px; margin-right: 5px; clear: right; } .cart .discount .buttons-set { padding-left: 0; padding: 20px 0 0; } .cart .discount .buttons-set button.button { float: left; } .cart .shipping { } .cart .shipping .buttons-set { padding-left: 0px; padding-top: 0px; } .cart .shipping .buttons-set button.button { float: left; } .cart .discount-form label { margin-bottom: 16px; display: block; font-size: 13px; line-height: 19px; text-transform: uppercase; } .cart input, .cart select { text-align: left; } .cart select { } .cart .discount-form .input-box { } .cart .discount-form .input-box input { width: 100%; } .cart .discount-form .buttons-set { margin: 0px 0 0 0; clear: right; overflow: hidden; } .cart .shipping .form-list .input-box { width: auto; } .cart .shipping p { font-size: 13px; line-height: 16px; margin-bottom: 12px; text-transform: uppercase; } .cart .shipping label { display: block; font-size: 13px; margin-bottom: 0px; font-weight: 600; } .cart .shipping .form-list li { margin-bottom: 7px; } .cart .shipping .form-list li input { width: 100%; } .cart .shipping .form-list li select { width: 100%; } .cart .shipping .buttons-set { margin-top: 0; padding-top: 15px; padding-bottom: 10px; } /* Shopping Cart Totals */ .cart .totals { background: #f2f2f2; overflow: hidden; padding: 0px 0px 0px 0px; width: 34%; float: right; } .cart .totals table { width: 100%; font-size: 12px; color: #7f7f7f; margin-bottom: 0px; } .cart .totals table tr { border-bottom: 1px solid #606060; } .cart .totals table th, .cart .totals table td { padding: 7px 11px; font-size: 13px; line-height: 17px; color: #597f2e; text-transform: uppercase; vertical-align: middle; width: 50%; } .cart .totals table tr td:first-child { } .cart .totals table td:first-child.a-right { text-align: left !important; } .cart .totals table strong { font-weight: normal; } .cart .totals table th { font-weight: bold; } .cart .totals table tfoot th { } .cart .totals .price { font-size: 18px; line-height: normal; color: #597f2e; display: inline-block; padding: 0; } .cart .totals button.button > span { font-size: 15px; padding: 0 5px; height: 49px; line-height: 49px; } .cart .totals button.button:hover > span { } .checkout-types li { padding-top: 15px; } .checkout-types li:first-child { padding-top: 0; } .checkout-types li a { color: #a6a6a6; text-decoration: underline; } .checkout-types li a:hover { text-decoration: none; } .cart .totals .checkout-types { text-align: center; float: none; padding: 15px 11px; } .cart .totals .checkout-types li a { width: auto; } /* Options Tool Tip */ .item-options { margin-bottom: 16px; padding-left: 5px; } .item-options li { } .item-options li em { color: #ff3d54; } .item-options li em .price { text-decoration: underline; } .item-options dt { font-weight: bold; } .item-options dd { padding-left: 10px; } .truncated { padding: 5px 0; width: auto; } .truncated span { cursor: help; } .truncated .truncated_full_value { display: none; padding-top: 5px; top: auto; } .truncated .truncated_full_value .item-options { background: none; border: none; top: 0; left: auto; position: relative; width: auto; } .truncated .truncated_full_value.show { display: table-cell !important; } /* ======================================================================================= */ /* Checkout ============================================================================== */ .checkout-multishipping-address-newshipping .form-list li.wide input.input-text { width: 692px; } .checkout-multishipping-address-newshipping .form-list select { width: 337px; } /********** < Common Checkout Styles */ /* Shipping and Payment methods */ #checkout-payment-method-load input.input-text { width: 224px; } .sp-methods dt { font-weight: bold; } .sp-methods .price { font-weight: bold; } .sp-methods .form-list { padding-left: 20px; } .sp-methods select.month { width: 100px; margin-right: 10px; } #payment_form_ccsave #ccsave_cc_type { width: 100%; } .sp-methods select.year { width: 96px; } .sp-methods input.cvv { width: 3em !important; } .sp-methods .checkmo-list li { margin: 0 0 5px; } .sp-methods .checkmo-list label { width: 135px; padding-right: 10px; text-align: right; } .sp-methods .checkmo-list address { float: left; } .sp-methods .centinel-logos a { margin-right: 3px; } .sp-methods .centinel-logos img { vertical-align: middle; } .sp-methods .release-amounts { margin: 0.5em 0 1em; } .sp-methods .release-amounts button { float: left; margin: 5px 10px 0 0; } .please-wait { float: right; margin-right: 5px; } .please-wait img { vertical-align: middle; margin-right: 5px; margin-top: -2px; } .cvv-what-is-this { cursor: help; margin-left: 5px; } /* Tooltip */ .tool-tip { border: 1px solid #ddd; background-color: #f6f6f6; padding: 5px; position: absolute; z-index: 9999; } .tool-tip .btn-close { text-align: right; } .tool-tip .btn-close a { display: block; margin: 0 0 0 auto; width: 9px; height: 9px; background: url(../images/btn_remove.gif) 100% 0 no-repeat; text-align: left; font-size: 0; overflow: hidden; } .tool-tip .tool-tip-content { padding: 5px; } /* Gift Messages */ .gift-messages { margin-bottom: 10px; } .gift-messages h3 { font-size: 12px; text-transform: uppercase; color: #ff3d54; padding-top: 10px; } .gift-messages .control label { color: #000; font-weight: bold; } #shipping-method-buttons-container { padding: 10px 0 0 0; } #shipping-method-buttons-container .back-link a { } .gift-messages-form { border: 1px solid #ddd; background-color: #fbfbfb; padding: 10px; } .gift-messages-form { position: relative; } .gift-messages-form label { float: none !important; position: static !important; color: #000; font-weight: bold; } .gift-messages-form h4 { font-size: 12px; text-transform: uppercase; color: #ff3d54; padding-top: 10px; } .gift-messages-form .whole-order { } .gift-messages-form .item { margin: 0 0 10px; } .gift-messages-form .item .product-img-box { float: left; width: 75px; } .gift-messages-form .item .product-image { margin: 0 0 7px; background: #fff; } .gift-messages-form .item .number { margin: 0; font-weight: bold; text-align: center; } .gift-messages-form .item .details { margin-left: 90px; } .gift-messages-form .item .details .field { margin-bottom: 10px; } .gift-messages-form .item .details .product-name { font-size: 12px; text-transform: uppercase; color: #2f2f2f; } .gift-messages-form .form-list li.wide textarea { max-width: 340px; } .gift-messages-form .inner-box .form-list li.wide textarea { max-width: 333px; } #allow-gift-messages-for-order-container .field { margin-bottom: 10px; } .gift-message-link { display: block; background: url(../images/bkg_collapse.gif) 0 4px no-repeat; padding-left: 20px; } .gift-message-link.expanded { background-position: 0 -53px; } .gift-message-row { } .gift-message-row .btn-close { float: right; } .gift-message dt strong { font-weight: bold; } /* Checkout Agreements */ .checkout-agreements { } .checkout-agreements li { margin: 10px 0; } .checkout-agreements .agreement-content { border: 1px solid #ddd; background-color: #f6f6f6; padding: 5px; height: 10em; overflow: auto; } .checkout-agreements .agree { padding: 6px; } /* Centinel */ .centinel { } .centinel .authentication { border: 1px solid #ddd; background: #fff; } .centinel .authentication iframe { width: 99%; height: 400px; background: transparent !important; margin: 0 !important; padding: 0 !important; border: 0 !important; } /* Generic Info Set */ .info-set { } /********** Common Checkout Styles > */ .checkout-onepage-index .page-title { } .checkout-onepage-index .col-main { } .checkout-onepage-index .page-title { margin-bottom: 30px; } .checkout-onepage-index .page-title h1 { } .checkout-onepage-success a { } .checkout-onepage-success a:hover { text-decoration: underline; } /* One Page Checkout */ .block-progress { } .block.block-progress .block-title { } .block.block-progress .block-title .toggle { display: none; } .block.block-progress .block-content { padding: 0 0 0 0; } .block-progress dt { display: block; background: #597f2e; font-size: 14px; line-height: 17px; color: #fff; text-transform: none; margin-bottom: 10px; padding: 9px 10px 11px; } .block-progress dt:first-child { border-top: none; } .block-progress dt.complete a { color: #fff; text-decoration: underline; } .block-progress dt.complete a:hover { text-decoration: none; } .block-progress dt.complete .separator { color: #908f8f; margin: 0 8px; } .block-progress dt.complete { position: relative; z-index: 999; } .block-progress dt.complete, .block-progress dd.complete { padding-bottom: 12px; margin-bottom: 10px; } .block-progress dd.complete { border: 1px solid #ececec; color: #8a8989; font-style: italic; padding: 18px 19px 12px 19px; margin-bottom: 10px; } .block-progress dd.complete address { color: #8a8989; font-style: italic; } .opc { position: relative; } .opc li.section { margin-bottom: 10px; } .opc p { margin-bottom: 5px; } .opc .buttons-set.disabled button.button { display: none; } .opc .buttons-set .please-wait { height: 21px; line-height: 21px; font-size: 12px; color: #000; } .opc .step-title { background: #597f2e none repeat scroll 0 0; padding: 4px 5px 6px; text-align: right; } .opc .step-title .number { float: left; background: #ff3d54; font-size: 17px; line-height: 21px; color: #fff; text-align: center; margin-right: 8px; padding: 3px 0 0; height: 27px; width: 27px; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; -webkit-background-clip: padding-box; } .opc .step-title h2 { float: left; font-size: 14px; line-height: 17px; color: #fff; margin-bottom: 0; padding-top: 5px; } .opc .step-title a { display: none; float: right; } .opc .allow .step-title { cursor: pointer; } .opc label { padding-bottom: 2px; } .opc .input-box { margin-bottom: 15px; } .opc .fields select, .opc .field select { width: 313px; } #checkout-review-table tr { background: none; } #checkout-review-table thead { background: none; } #checkout-review-table th { padding: 12px 20px 12px 20px; font-size: 12px; font-weight: bold; color: #000000; } #checkout-review-table td { border: 1px solid #ececec; background: none; padding: 15px 20px; } #checkout-review-table td h3 { margin-bottom: 0; font-size: 12px; color: #2f2f2f; text-transform: uppercase; } #checkout-review-table .price { font-weight: bold; } #checkout-review-table th { border: 1px solid #ececec; } #checkout-review-table-wrapper { overflow: hidden; } #checkout-review-table { } #checkout-review-table .item-options { padding-top: 5px; } #checkout-review-table tfoot td { font-weight: bold; color: #000000; text-align: right !important; } #checkout-review-table tfoot td+td { text-align: left !important; } #checkout-review-table tbody .first { } #checkout-review-table tbody tr.last { } #review-buttons-container { padding: 20px 0 0 0; margin: 0 0 0 0; } #co-shipping-form { border: 1px solid #ececec; padding: 10px; display: block; } .opc .active { } .opc .active .step-title { cursor: default; background: #ff3d54; } .opc .active .step-title .number { background: #fff; color: #3a3a3a; } .opc .active .step-title h2 { font-size: 12px; line-height: 15px; padding-top: 7px; } #checkout-step-login { } #checkout-step-login h3 { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #ff3d54; } #checkout-step-login .col2-set { border: 1px solid #ececec; padding: 20px; position: relative; overflow: hidden; } #checkout-step-login .col2-set .col-1 { float: left; margin-right: 3%; width: 46%; } #checkout-step-login .col2-set .col-2 { float: left; width: 46%; } #checkout-step-login .col2-set .buttons-set { margin: 0; padding: 0; } #checkout-step-login .col2-set > .col-1 h4 { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #ff3d54; } #checkout-step-login .col2-set .col-2 h4 { font-size: 12px; text-transform: none; font-weight: normal; color: #7b7b7b; } #checkout-step-login .col-1 .col-1 .buttons-set button.button { float: left; } #checkout-step-login .col-2 .form-list input.input-text { width: 327px; } #checkout-step-login .col-1 .col-1 .buttons-set { padding: 0 0 0 0; margin: 0 0 0 0; } #checkout-step-login .col2-set .col-2 .buttons-set { padding: 0 0 0 0; margin: 0 0 0 0; } #checkout-step-login .col2-set .col-2 .buttons-set .f-left { font-weight: bold; } #checkout-step-login .col2-set .col-2 .buttons-set .f-left:hover { } #checkout-step-login .form-list li.control input.radio, #checkout-step-login .form-list li.control input.checkbox { margin-right: 6px; margin-top: -3px; } #co-billing-form > fieldset { border: 1px solid #ececec; padding: 10px; moz-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .opc .step { padding-top: 10px; position: relative; } .opc .step .tool-tip { right: 20px; top: 20px!important; } .opc .order-review { } .opc .buttons-set { border: 0; } .opc .field { width: 334px; } .opc .fields input, .opc .field input { width: 314px; } .opc .name-lastname, .opc .field-2 { width: 292px; float: left; } .opc .field-2 input { width: 310px; } .opc .field-2 select { width: 315px; } .opc .name-firstname { width: 334px; } .opc .name-firstname input { width: 314px; } .opc .name-middlename { width: 144px; } .opc .name-middlename input { width: 124px!important; } .opc .name-lastname input { } .opc .sp-methods dt { padding-bottom: 12px; } .opc .sp-methods dt label { color: #000; } #checkout-shipping-method-load .sp-methods dt { font-size: 12px; text-transform: uppercase; color: #ff3d54; } .opc .form-list { margin: 10px 0; } .opc .form-list li.wide input.input-text { width: 649px; } #shipping_method_form h2 { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #ff3d54; } #shipping_method_form h3 { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #333; } #multishipping-billing-form h2 { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #333; margin-bottom: 0; } #multishipping-billing-form .sp-methods dt { font-weight: bold; padding-bottom: 10px; } #multishipping-billing-form .sp-methods .form-list input.input-text { width: 100%; } /* Multiple Addresses Checkout */ .button.multi-btn { float: right; } #checkout-progress-state { overflow: hidden; } .checkout-progress { padding: 0; width: 98%; margin: 0 auto 40px; } .checkout-progress li { float: left; background: #9c9c9c; width: 20%; color: #fff; font-weight: bold; padding: 8px 10px 11px 15px; overflow: hidden; white-space: nowrap; moz-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } .checkout-progress li:before { content: "\f0da"; font-size: 16px; position: absolute; left: 0; top: 8px; } .de-lang-class .checkout-progress li { font-size: 11px; } .checkout-progress li span { display: block; overflow: hidden; } .checkout-progress li.odd { background-color: #777; } .checkout-progress li.active { background: #ff3d54; } .checkout-progress li.active:before { display: none; } .multiple-checkout { position: relative; } .multiple-checkout .sp-methods .input-box .v-fix:first-child { padding-right: 25px; margin-bottom: 10px; } .multiple-checkout .col2-set { width: auto; } .multiple-checkout .page-title { padding-bottom: 10px; margin-bottom: 0; } .multiple-checkout h2 { font-size: 18px; text-transform: uppercase; color: #383737; padding: 10px 0 10px 0; } .multiple-checkout .tool-tip { top: 50%; margin-top: -120px; right: 10px; } .multiple-checkout .grand-total { font-size: 1.5em; text-align: right; } .multiple-checkout .grand-total big { margin-bottom: 0px; overflow: hidden; display: block; color: #ff3d54; padding-top: 10px; } .multiple-checkout .grand-total .price { } .multiple-checkout .box { margin-bottom: 20px; } .multiple-checkout table { margin-bottom: 10px; } .multiple-checkout table tfoot tr td { color: #000; font-weight: bold; } .multiple-checkout p { margin-bottom: 5px; } .multiple-checkout .col-1.col-narrow, .multiple-checkout .col-2.col-wide { float: left; width: 50%; overflow-x: auto; padding-bottom: 15px; } .multiple-checkout .box-title h3, .multiple-checkout .col-2.col-wide h3 { font-size: 12px; line-height: normal; } .multiple-checkout .col-2.col-wide .box { margin-left: 100px; } .multiple-checkout h2, .multiple-checkout h3, .multiple-checkout h4 { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #333; } .multiple-checkout h2 { color: #ff3d54; font-size: 15px; } .multiple-checkout .col-2.col-wide table .price { font-weight: bold; } /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login #login-form .col2-set { } .account-login .new-users .buttons-set { padding-left: 0; } .account-login .new-users .buttons-set button.button { float: left; } .account-login .new-users-wrapper { float: left; margin-bottom: 20px; width: 48%; } .account-login .new-users { background: url(../images/media/bg-login.gif) no-repeat right bottom #ffffff; border: 1px solid #ececec; padding: 20px; min-height: 282px; } .account-login .registered-users-wrapper { float: right; margin-bottom: 20px; width: 50%; } .account-login .registered-users { background: url(../images/media/bg-login-2.gif) no-repeat right bottom #ffffff; border: 1px solid #ececec; padding: 20px; min-height: 260px; } .account-login .registered-users h2, .account-login .new-users h2 { padding: 0 0 15px 0; border-bottom: 1px solid #ececec; font-size: 12px; text-transform: uppercase; color: #ff3d54; } .account-login .registered-users p, .account-login .new-users p { padding: 13px 0 12px 0; } .account-login .registered-users .form-list input.input-text { width: 422px; } .account-login .registered-users p.required { padding: 0px 0 5px 0; } .account-login .registered-users .buttons-set button.button { float: none; } .account-login .registered-users .f-left { float: none!important; display: table; font-size: 12px; font-weight: bold; text-decoration: none; padding-bottom: 12px; } .account-login .registered-users .f-left:hover { } .account-login .registered-users .buttons-set { clear: both; margin: -19px 0 0 0; padding: 5px 0px 0px 0px; } .account-create form .fieldset:first-child { margin-bottom: 32px; } /* Account Login/Create Pages ============================================================ */ /* Captcha */ .captcha-note { } .captcha-image { float: left; position: relative; } .captcha-img { border: 1px solid #ccc; } .registered-users .captcha-image { } #checkout-step-login .captcha-image { } .captcha-reload { position: absolute; top: 2px; right: 2px; } .captcha-reload.refreshing { animation: rotate 1.5s infinite linear; -webkit-animation: rotate 1.5s infinite linear; -moz-animation: rotate 1.5s infinite linear; } @-webkit-keyframes rotate { 0% { -webkit-transform:rotate(0); } 0% { -webkit-transform:rotate(-360deg); } } @-moz-keyframes rotate { 0% { -moz-transform:rotate(0); } 0% { -moz-transform:rotate(-360deg); } } @keyframes rotate { 0% { transform:rotate(0); } 0% { transform:rotate(-360deg); } } /* Remember Me Popup ===================================================================== */ .window-overlay { background: url(../images/window_overlay.png) repeat; background: rgba(0, 0, 0, 0.35); position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 990; } .remember-me label { } .remember-me-popup { } .remember-me-popup h3 { } .remember-me-popup .remember-me-popup-head { } .remember-me-popup .remember-me-popup-head .remember-me-popup-close { } .remember-me-popup .remember-me-popup-body { } .remember-me-popup .remember-me-popup-body a { } /*==================== Remember Me Popup =============================================== */ /*==================== Wishlist Form ========================================== */ #wishlist-view-form #wishlist-table textarea { min-height: 70px; min-width: 99%; max-width: 99%; max-height: 70px; resize: none; margin-top: 10px; } #wishlist-view-form #wishlist-table a { display: inline-block; margin-bottom: 5px; } #wishlist-view-form #wishlist-table .cart-cell a { float: left; clear: left; } #wishlist-view-form #wishlist-table .cart-cell .old-price { float: left; clear: left; } #wishlist-view-form #wishlist-table .product-image img { height: 100px; width: 100px; } #wishlist-view-form #wishlist-table p, #wishlist-view-form #wishlist-table button.button { padding: 0; margin-bottom: 10px; } #wishlist-view-form .buttons-set.buttons-set2 { text-align: center; } #wishlist-view-form .buttons-set.buttons-set2 button.button { margin-right: 5px; margin-bottom: 5px; float: none; display: inline-block; } #wishlist-view-form .button.btn-share { margin-right: 0!important; } /*===================== End ================================================== */ /* My Account ============================================================================= */ .my-account { overflow-x: auto; padding-bottom: 10px; padding-left: 8px; margin-left: -8px; } .my-account .title-buttons .link-rss { float: none; margin: 0; } .my-account .page-title { } .my-account .page-title button.button { } .my-account #wishlist-table .cart-cell .price-box { display: block; overflow: hidden; width: 100%; padding-bottom: 15px; text-align: left; } .my-account .cart-cell .price-box { display: block; overflow: hidden; width: 100%; padding-bottom: 15px; text-align: center; } .my-account .cart-cell p { padding-top: 5px; } .my-account .add-to-cart-alt input { text-align: center; padding: 4px 2px; margin-bottom: 10px; } .my-account .page-title a { display: inline-block; margin: 5px 10px 0 0; } .my-account .title-buttons .link-rss { float: none; margin: 0; } .my-account .pager { margin-bottom: 10px; } .my-account .sub-title { font-size: 12px; padding: 10px 0; } .my-account #form-validate .fieldset { margin: 25px 0px; } .my-account table tr td { vertical-align: middle; } .my-account .addresses-list ol li { padding-bottom: 15px; } .my-account table .product-name a { text-decoration: none; font-family: Arial, Helvetica, sans-serif; } .my-account table .product-name a:hover { text-decoration: underline; } .my-account .my-tag-edit .btn-remove { display: inline-block; } #my-tags-table .add-to-links { white-space: nowrap; } .my-account .box-head a { float: right; } .my-account .box-head h2 { float: left; } .my-account .box .box-title { border-bottom: 1px solid #D3D3D3; margin-bottom: 13px; } .my-account .box .box-title h3 { float: left; font-size: 12px; line-height: 18px; text-transform: uppercase; color: #ff3d54; font-weight: normal; margin-bottom: 5px; } .my-account .box .box-title a { float: right; } .my-account .col2-set .col-1 { float: left; width: 47%; } .my-account .col2-set .col-2 { float: right; width: 47%; } .my-account .data-table { margin-bottom: 10px; } .my-account .data-table th, .my-account .data-table td { padding: 10px 12px; } .my-account .data-table .price-excl-tax, .my-account .data-table .price { display: inline; } .my-account #my-orders-table { margin-bottom: 10px; } .my-account #my-orders-table th, .my-account #my-orders-table td.last { text-align: center; } .my-account .order-info li a { text-decoration: underline; } .col-main .block-account { display: none; } /********** < Dashboard */ .dashboard { } .dashboard .welcome-msg { } .dashboard .welcome-msg .hello { margin-bottom: 10px; } .dashboard .data-table { } .dashboard .col2-set { padding: 10px 0 15px; } .dashboard .box-title, .dashboard .box-head { width: 100%; overflow: hidden; margin: 10px 0 0; } .dashboard .box-title { border-bottom: 1px solid #D3D3D3; margin-bottom: 5px; } .dashboard .box-title h2, .dashboard .box-title h3, .dashboard .box-head h2, .dashboard .box-head h3 { float: left; } .dashboard .box-title h2, .dashboard .box-head h2 { font-size: 12px; line-height: 18px; } .dashboard .box-content h4 { font-size: 14px; } .dashboard .box-title a, .dashboard .box-head a { float: right; } /* Block: Recent Orders */ .dashboard .box-recent { margin: 10px 0; } .dashboard .box-head a { margin-bottom: 10px; display: inline-block; } /* Block: Account Information */ .dashboard .box-info { } .dashboard .box-info .col2-set { margin-bottom: 10px; } .dashboard .box-info a { display: inline-block; margin-bottom: 10px; } /* Block: Reviews */ .dashboard .number { float: left; font-size: 11px; font-weight: bold; line-height: 1; margin: 3px 10px 0 0; display: block; width: 18px; height: 18px; text-align: center; border: 1px solid #6a6a6a; line-height: 17px } .dashboard .box-reviews #my_recent_reviews h3 { margin-bottom: 5px !important; } .dashboard .box-reviews .details { margin-left: 30px; } /* Block: Tags */ #my_recent_tags > li { padding-bottom: 10px; } .tags li { display: inline; text-transform: capitalize; padding: 0 5px 0 0px; } .tags li a { color: #7f7f7f; } .dashboard .box-tags .details { margin-left: 30px; } /********** Dashboard > */ .block-order-return { border: 1px solid #ececec; padding: 13px 18px 20px 18px; margin-top: 26px; background: url(../images/media/bg-return.gif) no-repeat left bottom #fff; min-height: 345px; } .block-order-return .page-title { border-bottom: 1px solid #ececec; padding-bottom: 8px; margin-bottom: 16px; } .block-order-return label { color: #000000; font-weight: bold; display: inline-block; padding-bottom: 5px; } .block-order-return label em { color: #ff3d54; } .block-order-return .input-box.txt { font-size: 12px; text-transform: uppercase; margin-bottom: 7px; } .block-order-return .form-alt li { margin-bottom: 0px; overflow: inherit; } .block-order-return .input-box.btn { padding-top: 18px; } /* Address Book */ .addresses-list { } .addresses-list-additional li.item { } /* Order View */ .order-info { padding: 5px 0 5px 0; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display: inline; } .order-info dt { font-weight: bold; } .order-date { margin: 0; } .order-info-box { } .order-info-box { margin-top: 15px; } .order-info-box h2 { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #ff3d54; } .order-items h2 { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #ff3d54; } .order-items { margin-top: 15px; width: 100%; overflow-x: auto; } .col-1.addresses-primary h2 { font-size: 14px; text-transform: uppercase; font-weight: normal; color: #333; } .col-1.addresses-primary h3 { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #ff3d54; } .col-2.addresses-additional h2 { font-size: 14px; text-transform: uppercase; font-weight: normal; color: #333; } .order-additional { margin: 15px 0; } /* Order Gift Message */ .gift-message dt strong { color: #666; } .gift-message dd { font-size: 13px; margin: 5px 0 0; } /* Order Comments */ .order-about dt { font-weight: bold; } .order-about dd { font-size: 13px; margin: 0 0 7px; } .tracking-table { margin: 0 0 15px; } .tracking-table th { font-weight: bold; white-space: nowrap; } .tracking-table-popup { width: 100%; } .tracking-table-popup th { font-weight: bold; white-space: nowrap; } .tracking-table-popup th, .tracking-table-popup td { padding: 1px 8px; } /* Order Print Pages */ .page-print .print-head { } .page-print .print-head img { float: left; } .page-print .print-head address { float: left; margin-left: 15px; } /* Print Pages */ .page-print .print-head { margin-bottom: 20px; } .page-print .col-1, .page-print .col-2 { margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 10px; width: 46%; } .page-print h1 { font-size: 25px; line-height: 40px; } .page-print h2 { margin-bottom: 5px; } .page-print th.a-right { text-align: center !important; } /* Price Rewrites */ .page-print .gift-message-link { display: none; } .page-print .price-excl-tax, .page-print .price-incl-tax { display: block; white-space: nowrap; } .page-print .cart-price, .page-print .price-excl-tax .label, .page-print .price-incl-tax .label, .page-print .price-excl-tax .price, .page-print .price-incl-tax .price { display: inline; } /* My Reviews */ #review-form h3, #review-form h4 { font-size: 12px; text-transform: uppercase; font-weight: normal; color: #333; } .product-review .product-img-box { float: left; margin-right: 15px; } .product-review .product-img-box .product-image { display: block; margin-bottom: 10px; width: 125px; } .product-review .product-img-box .label { text-align: center; font-size: 11px; line-height: 14px; margin: 0; } .product-review .product-img-box .ratings .rating-box { float: none; display: block; margin: 0 auto 3px; } .product-review .product-details { } .product-review .product-name { font-size: 16px; font-weight: bold; margin: 0 0 10px; } .product-review h3 { } .product-review .ratings-table { margin: 0 0 10px; } .product-review dt { font-weight: bold; } .product-review dd { font-size: 13px; margin: 5px 0 0; } /* ======================================================================================= */ /* Product Comparison Table */ #product_comparison .product-shop-row td { text-align: center; padding: 18px 30px 30px 30px; } .catalog-product-compare-index { position: absolute; } .catalog-product-compare-index .link-print span { padding-left: 32px; padding-right: 0; text-transform: uppercase; } .catalog-product-compare-index { background: #fff; } .catalog-product-compare-index .buttons-set { clear: both; margin: 0px 0 0; padding: 20px 0px 5px 0px; } .catalog-product-compare-index .buttons-set button.button span { float: left; } .catalog-product-compare-index .buttons-set button.button:hover span span { background-position: 0 0px; } .catalog-product-compare-index .ratings { text-align: center; } .catalog-product-compare-index td button.button { float: none; } .catalog-product-compare-index td .add-to-links { float: none; width: 100%; padding-top: 12px; } .catalog-product-compare-index td .add-to-links li a { } .catalog-product-compare-index .price-box.left { float: none; width: 100%; text-align: center; } .catalog-product-compare-index .ratings .rating-box { float: none; margin: 0 auto 10px; } .catalog-product-compare-index .page-title { } #product_comparison { -webkit-box-shadow: 0px 0px 12px rgba(48, 50, 50, 0.12); -moz-box-shadow: 0px 0px 12px rgba(48, 50, 50, 0.12); box-shadow: 0px 0px 12px rgba(48, 50, 50, 0.12); } .catalog-product-compare-index .data-table td { padding: 14px 20px 14px 20px; color: #7e7e7e; } .catalog-product-compare-index .data-table th { padding: 14px 20px; font-weight: bold; color: #000000; } .catalog-product-compare-index .btn-remove { display: block; font-size: 0; margin-left: 2px; overflow: hidden; font-size: 0; width: 18px; } .catalog-product-compare-index .data-table tr.even { background: #fefefe; } #product_comparison th { border: 1px solid #ececec; background: none; } #product_comparison td { border: 1px solid #ececec; background: none; color: #7e7e7e; } #product_comparison tr { background: none; } #product_comparison .price-box { padding-top: 10px; padding-bottom: 10px; } #product_comparison .price-box .regular-price { float: none; } #product_comparison .product-shop-row td, #product_comparison .add-to-row td { text-align: center; } #product_comparison .product-shop-row td .product-image { display: inline-block; margin-bottom: 15px; border: 1px solid #ededed; } #product_comparison .product-shop-row td .product-image:hover { border: 1px solid #ff3d54; } #product_comparison .product-name, #product_comparison .price-box, #product_comparison p { margin-bottom: 5px; } #product_comparison .product-shop-row td .add-to-links li, #product_comparison .add-to-row td .add-to-links li { float: none; } /* MAP Popup============================================================================== */ .product-view .product-shop .price-box.map-info { margin: 0; padding: 0; display: block; } .product-view .product-shop .price-box.map-info .old-price { display: block; margin-bottom: 10px; } .tier-prices.product-pricing a { } .product-view .product-shop .price-box.map-info a { display: inline-block; margin-bottom: 10px; } .cart-msrp-totals { color: red; font-size: 12px !important; font-weight: bold; margin: 10px 10px 0; padding: 10px; text-align: right; text-transform: uppercase; } .map-cart-sidebar-total { color: red; display: block; font-size: 10px; font-weight: bold; text-align: left; padding: 2px 5px; text-shadow: 0 1px 0 #fff; } .catalog-product-compare-index .map-popup { min-width: 230px; } .map-popup.displayblock { display: block !important; } .map-popup { display: none; } .map-popup { text-align: left; position: absolute; margin: 12px 0 0; width: 270px; z-index: 100; box-shadow: 0px 0px 10px rgba(48, 50, 50, 0.2); -moz-box-shadow: 0px 0px 10px rgba(48, 50, 50, 0.2); -webkit-box-shadow: 0px 0px 10px rgba(48, 50, 50, 0.2); background: #FBFBFB; } .map-popup, .map-popup a { color: #000; } .map-popup #map-popup-msrp-box { font-weight: normal; } .map-popup #map-popup-msrp-box strong { font-weight: normal; } .map-popup #map-popup-msrp-box span { font-weight: normal; } .map-popup-heading { border-bottom: 1px solid #DDDDDD; padding: 20px 40px 20px 20px; width: 100%; } .map-popup-heading h2 { font-size: 12px; line-height: 15px; text-align: left; text-overflow: ellipsis; text-transform: uppercase; word-wrap: break-word; margin: 0; } .map-popup-arrow { background: 0; position: absolute; left: 50%; top: -10px; height: 10px; width: 19px; } .map-popup-close { display: block; position: absolute; top: 10px; right: 10px; height: 9px; width: 9px; font-size: 0; } .map-popup-close:before { content: "\f00d"; font-size: 14px; line-height: 14px; } .map-popup-close:hover { } .map-popup-content { text-align: left; overflow: hidden; padding: 20px; } #map-popup-price-box strong { float: left; margin-right: 7px; } .map-popup .regular-price .price { float: left; font-size: 12px; line-height: 18px; font-weight: bold; } .map-popup-checkout { } .map-popup-checkout form { display: block; overflow: hidden; position: relative; } .map-popup-checkout form button.button:hover > span { } .map-popup-checkout span { display: block; padding-left: 30px; } .map-popup-checkout .paypal-logo { text-align: left; margin: 0 0 5px; } .map-popup-price .price-box, .map-popup-price .price-box .special-price { margin: 0; padding: 0px 0; } .map-popup-price .price-box .regular-price { margin-right: 7px; } .map-popup-price .minimal-price-link { color: #fff; display: inline-block; text-decoration: underline; margin: 0; } .map-popup-price .minimal-price-link:hover { text-decoration: none; } .map-popup-price .minimal-price-link span { display: inline; } .map-popup-price { overflow: hidden; margin: 8px 0; } .map-popup-text { clear: right; padding: 20px; text-align: left; word-wrap: break-word; line-height: 18px; } .map-popup-only-text { display: none; border-top: 1px solid #d8d8d8; } .contacts-index-index .page-title { margin-bottom: 15px; } /* ======================================================================================= */ .swipe-left { height: 100%; left: 0; position: fixed; top: 0; width: 20px; z-index: 999; } .top-icon-menu { width: 100%; max-width: 100%; line-height: 20px; font-size: 30px; color: #fff; position: fixed; left: 0; top: 0; z-index: 999; display: none; height: 50px; } .top-icon-menu > div { float: left; border-right: 1px solid #232323; height: 50px; padding: 10px 30px; cursor: pointer; position: relative; z-index: 9999; } .ps-static .top-icon-menu > div:hover, .top-icon-menu > div.active { color: #ff3d54; } .top-icon-menu .top-search { float: right; border-left: 1px solid #232323; border-right-width: 0; overflow: hidden; } .top-icon-menu, .swipe { background-color: #323232; } .swipe { display: block; left: -237px; overflow: hidden; position: fixed; top: 50px; width: 237px; z-index: 2; font-size: 13px; font-weight: bold; color: #fff; line-height: 25px; height: 100%; moz-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 6; padding-bottom: 50px; } .swipe:before, .swipe:after { -moz-box-sizing: inherit; } body.ind .swipe { left: 0; } .swipe-menu { height: 100%; overflow: scroll; border-top: 1px solid #232323; -webkit-overflow-scrolling: touch; } body.ind div.shadow { width: 100%; z-index: 5; } body div.shadow { display: block; height: 100%; left: 0; opacity: 0.5; position: fixed; top: 0; } .swipe-menu .switch-show { cursor: pointer; } .swipe-menu .switch-show.active { border: 0; } .swipe-menu .switch-show > div:after { content: "\f107"; font-size: 21px; vertical-align: middle; float: right; } .swipe-menu a { color: #fff; } .swipe-menu .links li, .footer-links-menu li { padding: 0; display: block; } .swipe-menu .links li a, .footer-links-menu li a, .home-link { color: #FFFFFF; display: block; font-size: 13px; font-weight: bold; line-height: 26px; padding: 10px 20px 11px; position: relative; } .swipe-menu .links li a, .footer-links-menu li a, .home-link, .swipe-menu .switch-show { border-bottom: 1px solid #232323; } .swipe-menu ul li a:before, .home-link:before { font-size: 26px; margin-right: 12px; } /*.home-link:before { content: "\f015"; } .swipe-menu .links li:nth-child(1) a:before { content: "\f0f0";} .swipe-menu .links li:nth-child(2) a:before { content: "\f005";} .swipe-menu .links li:nth-child(3) a:before { content: "\f07a";} .swipe-menu .links li:nth-child(4) a:before { content: "\f046";} .swipe-menu .links li:nth-child(5) a:before { content: "\f023";} .swipe-menu .links li:nth-child(1) a:before { content: "\f046"; } .swipe-menu .links li:nth-child(2) a:before { content: "\f046"; } .swipe-menu .links li:nth-child(3) a:before { content: "\f046"; } .swipe-menu .links li:nth-child(4) a:before { content: "\f046"; } .swipe-menu .links li:nth-child(5) a:before { content: "\f046"; } .swipe-menu .links li:nth-child(6) a:before { content: "\f046"; } .swipe-menu .links li:nth-child(7) a:before { content: "\f046"; } .swipe-menu .links li:nth-child(8) a:before { content: "\f046"; } .footer-links-menu ul:first-child li:nth-child(1) a:before { content: "\f05a"; } .footer-links-menu ul:first-child li:nth-child(2) a:before { content: "\f02d"; } .footer-links-menu ul:first-child li:nth-child(3) a:before { content: "\f085"; } .footer-links-menu ul:first-child li.privacy a:before { content: "\f044"; } .swipe-menu .links-2 li:nth-child(1) a:before { content: "\f0e8"; } .swipe-menu .links-2 li:nth-child(2) a:before { content: "\f0e8"; } .swipe-menu .links-2 li:nth-child(3) a:before { content: "\f002"; } .swipe-menu .links-2 li:nth-child(4) a:before { content: "\f0d1"; }*/ .currency-switch .currency-title, .language-list .language-title { padding: 10px 20px 11px; } .currency-switch .currency-title:before, .language-list .language-title:before { content: "\f0d6"; font-size: 26px; vertical-align: middle; margin-right: 8px; } .language-list .language-title:before { content: "\f0ac"; } .currency-switch .currency-title strong, .language-list .language-title strong { display: none; } .swipe-menu .language-list ul, .swipe-menu .currency-switch ul { background: 0 #222222; border-top: 1px solid #000; border-bottom: 1px solid #000; left: 0; padding: 0; position: relative; right: auto; top: 0; width: 100%; overflow: hidden; display: none; } .swipe-menu .currency-switch ul li span { display: none; } .swipe-menu .language-list ul li, .swipe-menu .currency-switch ul li { float: left; } .swipe-menu .language-list ul li:first-child, .swipe-menu .currency-switch ul li:first-child { padding-left: 20px; } .swipe-menu .language-list ul li a, .swipe-menu .currency-switch ul li a { padding: 14px; display: inline-block; text-transform: uppercase; font-weight: bold; } .swipe-menu ul a.selected { color: #ccc; } .swipe-menu ul li a:hover, .home-link:hover { background-color: #444444; } /* ==================================back-top ================================================== */ #back-top { position: fixed; bottom: 40px; z-index: 99; left: 50%; margin-left: 655px; display: none; width: 41px; height: 41px; } #back-top span { display: block; text-align: center; } #back-top span:before { content: "\f139"; font-size: 45px; line-height: 45px; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer-container { background: #597f2e; padding: 46px 0 58px 0; overflow: hidden; font-weight: 300; text-align:left; } .footer { } .footer-cols-wrapper { position: relative; } .footer h4 { border-bottom: 1px solid #dcdcdc; color: #ffffff; font-size: 18px; font-weight: 300; margin-bottom: 33px; padding: 0 0 10px; position: relative; text-transform: uppercase; } .footer ul li { display: block; font-size: 14px; padding: 0 0 10px; } .footer ul li a { display: inline-block; color: #fff; text-decoration: none; } .footer ul li a:hover { color: #f8e7dc; } .footer .footer-col { float: left; margin-right:2%; /*width: 270px;*/ width:23.2%; } .footer .footer-col.last { margin-right: 0; } .footer .footer-col span.tel { display: block; font-size: 18px; line-height: 22px; color: #ff3d54; } .footer .footer-col .fb-like-box, .footer .footer-col iframe { background: #EDEFF4; } .footer_info { } .footer_info p { font-size: 14px; line-height: 24px; text-transform: uppercase; color: #676767; margin: 0 0 20px 0; } .footer_info p a { color: #fff; } .footer_info .phone { color: #ffffff; font-size: 25px; font-weight: 600; margin: 0 0 18px; } .footer_info .f_email { background: url(../images/icon_mail.png) no-repeat 0 3px; padding: 0 0 0 23px; font-size: 15px; margin: 0 0 49px 0; } .footer_info .f_email a { color: #fff; } .footer_info .f_email a:hover { color: #f8e7dc; } .socials { overflow: hidden; } .socials a { float: left; margin: 0 10px 0 0; width: 32px; height: 31px; } .socials a:hover { opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */ } .social1 { background: url(../images/social1.png) no-repeat; } .social2 { background: url(../images/social2.png) no-repeat; } .social3 { background: url(../images/social3.png) no-repeat; } .bottom-container { background: #597f2e none repeat scroll 0 0; float:left; width:100%; } .bottom_block { padding: 10px 0; } .bottom_block address { color: #ffffff; font-size: 14px; font-weight: 300; margin:0px 0 0; text-align: center; } .bottom_block .paypal-logo { float: right; } .store-switcher { margin-top: 10px; } span.toggle { position: absolute; cursor: pointer; right: 10px; top: 2px; width: 20px; text-align: center; font-size: 16px; } span.toggle:before { content: "\f067"; } span.opened:before { content: "\f068"; } /* ======================================================================================= */ .search-form .form-list .input-box { width: 300px; } .search-form .buttons-set p.required { text-align: left; } .search-form .buttons-set button.button { float: left; } .contact-block { position: relative; width: 100%; } .contact-block h2, .contact-block .fieldset .legend { float: none; background: none; border: none; border-bottom: 2px solid #3A3A3A; font-size: 17px; line-height: 21px; color: #383737; font-weight: normal; text-transform: uppercase; position: relative; margin: 0 0 16px; padding: 0 0 7px; } .contact-left { width: 25%; float: right; padding-bottom: 20px; } .contact-left h3 { font-size: 13px; line-height: 16px; color: #ff3d54; text-transform: uppercase; font-weight: normal; margin-bottom: 14px; } .contact-left p { font-size: 12px; color: #8a8989; line-height: 17px; } .contact-left ul li { border-bottom: 1px solid #ececec; padding-bottom: 17px; margin-bottom: 17px; } .contact-left ul li.last { border: none; padding: 0; margin: 0; } #contactForm { float: left; width: 73%; } #contactForm .form-list .input-box { width: auto; } #contactForm .fieldset { background: none; border: none; padding: 0; margin: 0; } #contactForm .form-list input.input-text { border-box: border-box; width: 95%; } #contactForm .form-list .field { float: left; width: 33.33%; } #contactForm .form-list li { padding-bottom: 10px; } #contactForm .form-list li.wide textarea { border-box: border-box; width: 100%; resize: none; } #contactForm .form-list li.wide .input-box { width: 98%; } #contactForm .buttons-set button.button { float: left; clear: left; } #contactForm .buttons-set { margin: 0 0 0 0; padding: 0; } #contactForm .buttons-set p.required { font-size: 12px; margin: 0 0 15px; float: left; clear: left; } .contact-btn a { display: none; } .contact-btn li { padding: 0; margin: 0; } .container-slider { position: relative; width: 315px; overflow: hidden; } .tumbSlider-none:last-child { margin-right: 0; } .tumbSlider { max-height: 110px; } .container-slider .slider { margin-left: -4px; } .container-slider li { float: left; height: auto; width: 97px; moz-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 4px; min-height: 100px; position: relative; } .ps-phone .container-slider li:before { content: "."; font-size: 0; width: 100%; height: 35px; left: 0; bottom: 0px; position: absolute; } .container-slider li a { display: block; } .container-slider li img { max-width: 100%; } .container-slider > a { display: inline-block; position: absolute; left: -4px; top: 35px; font-size: 30px; width: 40px; height: 40px; z-index: 777; text-align: center; vertical-align: middle; } .container-slider > a.tumbSlider-next { right: 5px; left: auto; } /* ======================================= Home Page ============================================================== */ .label-product { } .label-product > span { position: absolute; left: -1px; top: -1px; display: block; background: url(../images/label_new.png) no-repeat; width: 75px; height: 75px; text-indent: -9999px; } .de-lang-class .label-product > span { background: url(../images/label_new.png) no-repeat 0 -75px; } .es-lang-class .label-product > span { background: url(../images/label_new.png) no-repeat 0 -150px; } .ru-lang-class .label-product > span { background: url(../images/label_new.png) no-repeat 0 -225px; } .label-product > span.sale { left: inherit; right: -1px; } .label-product > span.sale { background: url(../images/label_sale.png) no-repeat; } .de-lang-class .label-product > span.sale { background: url(../images/label_sale.png) no-repeat 0 -75px; } .es-lang-class .label-product > span.sale { background: url(../images/label_sale.png) no-repeat 0 -150px; } .ru-lang-class .label-product > span.sale { background: url(../images/label_sale.png) no-repeat 0 -225px; } .label-product.label-indent > span.sale { } .products-list .label-product { } .products-list .label-product > span { top: 0; left: 0; } .products-list .label-product > span.sale { left: 135px; right: inherit; } .products-list .label-product.label-indent { } /* Clears ================================================================================ */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearer:after, .header-container:after, .header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, .main:after, .footer:after, .footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, .product-view .product-img-box .more-views ul:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-view .box-tags .form-add:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .send-friend .form-list li p:after, .products-grid .actions:after, .header .row-2:after, .header-buttons:after, .input-box:after, .header .top_row:after, .header .top_row2:after, .header-button > a:after, .bottom_block:after, .block-specials .spec_item:after, .grid_wrap:after, .products-grid .price-box:after, .products-list .price-box:after, .block-subscribe .block-content:after { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } /* ======================================================================================= */ .banner_side { position: relative; } .banner_side .ban_img { overflow: hidden; } .banner_side .ban_img img { -webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; -ms-transition: all 500ms linear; transition: all 500ms linear; } .banner_side:hover .ban_img img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .banner_side .ban_img img { max-width: 100%; } .banner_side .ban_wrap { position: absolute; left: 0; top: 32px; right: 0; text-align: center; } .banner_side .ban_wrap .percents { background: #ff3d54 none repeat scroll 0 0; border-radius: 12px; color: #ffffff; font-size: 35px; font-weight: 300; line-height: normal; margin: 0 auto 7px; padding: 5px 0 6px; text-transform: uppercase; width: 211px; margin-top: 25px; } .banner_side .ban_wrap h2 { font-size: 60px; font-weight: 300; text-transform: uppercase; color: #fff; margin: 0 0 -25px 0; } .banner_side .ban_wrap h3 { font-size: 72px; font-weight: 300; text-transform: uppercase; color: #fff; margin: 0 0 4px 0; } .banner_side .ban_wrap strong { background: url(../images/ban_arr.gif) no-repeat 100% 4px; padding: 0 17px 0 0; display: inline-block; margin: 0 auto; font-size: 23px; font-weight: 300; text-transform: uppercase; color: #fff; } .banner_side:hover .ban_wrap strong { padding: 0 23px 0 0; } .banners_block { overflow: hidden; margin: 0 0 28px; } .banner { float: left; width: 50%; position: relative; } .banner .ban_img { position: relative; overflow: hidden; } .banner .ban_img span { width: 125%; height: 165%; top: -32.5%; left: -12.5%; background: rgba(255, 255, 255, 0.2); position: absolute; transform: scale(0); -webkit-transform: scale(0); transition: all 250ms linear; -webkit-transition: all 250ms linear; } .ps-static .banner:hover .ban_img span { transform: scale(1); -webkit-transform: scale(1); } .banner .ban_img img { max-width: 100%; } .banner.ban1 .ban_wrap { position: absolute; right: 42px; bottom: 19px; } .banner.ban2 .ban_wrap { position: absolute; right: 31px; top: 90px; } .banner.ban1 .ban_wrap h2 { font-size: 53px; font-weight: 300; color: #464646; margin: 0 0 0 0; } .banner.ban2 .ban_wrap h2 { font-size: 53px; font-weight: 300; color: #464646; margin: 0 0 0 0; } .banner .view_all { display: block; border: solid 1px #989898; width: 109px; height: 42px; line-height: 40px; text-align: center; font-size: 18px; text-transform: uppercase; font-weight: 300; color: #7b7b7b; } .banner .view_all:hover { border: solid 1px #ff3d54; color: #ff3d54; } .banner.ban1 .view_all { position: absolute; left: 22px; bottom: 23px; } .banner.ban2 .view_all { position: absolute; right: 82px; bottom: 57px; } .sf-menu li li a, .sf-menu li a, .header-button, .header-button > a:hover, .header-button.active > a, .header-button ul li a, .header .links li a, .header .form-search button.button strong, .top_block .form-search button.button strong, .ps-static .top-icon-menu > div, .top-icon-menu > div.active, #back-top span, .product-name a, .products-grid .actions button.button strong, .block-specials .spec_item .actions_sp button.button strong, .footer ul li a, .footer_info .f_email a, .socials a, .sf-menu > li > a:before, .sf-menu-phone li a, .sf-menu-phone2 li a, .header_links li a, .banner_side .ban_wrap strong, .banner .view_all, .right_slider_side h2, .socials a, button.button > span, .newsletter-wrapper .actions button.button strong, .newsletter_wrapper .actions button strong, .camera_prev > span, .camera_next > span, .camera_wrap .camera_pag .camera_pag_ul li, .sf-menu-phone2 li li a { transition: all 0.3s ease 0s; } /*****************new*******************css*10-9********************/ /*.sf-menu-phone2 li ul{ display:block; } .sf-menu-phone2 li strong.opened, .sf-menu-phone2 li strong{ display:none; }*/ .top-phone { font-size: 26px; float: right; clear: both; color: #597f2e; padding-top: 5px; } .header ul.two-nav li:nth-child(2) { display: none; } .header .links li { padding:0px 4px 0px 3px; } .header .links li:first-child { padding-left: 0px; } .header .links li:last-child { background:none;} .myaccounttop { padding-left: 0px; background: none; border-right: 1px solid #ccc; padding-right: 10px; margin-right: 10px; } #home-note { margin-top: 35px; } #home-note .floatLeft { float: left; margin-right: 15px; } h3 { color: #2c2c2c; font-weight: 300; font-size: 18px; } .addpart1 { width: 49%; float: left; margin-right: 1%; } #feature-row-one img, .addpart3 img { width: 100%; height: auto; } .addpart2 { float: left; width: 100%; position: relative; margin-top: 15px; } .addpart3 { float: left; width: 49%; position: relative; margin-left: 1%; } .testimonial-slider { position: absolute; top: 78px; z-index: 999; width: 100%; padding: 0 30px; } .testimonial-see-more { position: absolute; top: 0; right: 15px; background: #597f2e; color: #fff; padding: 2px 5px; text-transform: uppercase; top: 12px; } .product-view .short-description .std { font-size: 14px; font-weight: 600; line-height: 22px; } .testimonial { background: #f8e7dc; padding: 15px; border: 2px solid #fbfbfb; } .testimonial .carousel-caption { position: relative; left: 0px; right: 0px; color: #000000; padding-bottom: 0px; text-shadow: none; -moz-text-shadow: none; -webkit-text-shadow: none; -o-text-shadow: none; text-align: left; } .testimonial .testimonial-had { width: 100%; display: inline-block; } .testimonial .testimonial-had h2 { font-size: 22px; text-transform: uppercase; color: #597f2e; float: left; width: 77%; line-height: 26px; } .testimonial .testimonial-had a { padding: 2px 5px; background: #597f2e; color: #fff; float: right; } .testimonial .testimonial-had a:hover { background: #000000; } .arrow-testmonial { width: 100%; display: inline-block; clear: both; } .arrow-testmonial span { float: right; } .arrow-testmonial .carousel-control.left, .arrow-testmonial .carousel-control.right { background-image: none; opacity: 1; float: left !important; margin: 0px 2px; } .arrow-testmonial .carousel-control { position: relative; width: auto; text-shadow: none; -moz-text-shadow: none; -webkit-text-shadow: none; -o-text-shadow: none; -ms-text-shadow: none; } .arrow-testmonial .carousel-control .fa { color: #597f2e; font-style: normal; } .testimonial .who-said { font-weight: bold; font-style: italic; } .contact_no { font-weight: 300; font-size: 14px; } .ban_wrap h5 { color: #ffffff; font-size: 35px; font-style: italic; font-weight: 300; margin-bottom: 20px; } .ban_wrap > h4 { font-size: 24px; font-style: italic; font-weight: 600; margin-top: 15px; color: #fff; } .uni-pure-carbon-list table { background-color: rgba(0, 0, 0, 0); max-width: 100%; width: 100%; } .uni-pure-carbon-list table strong { color: #000000; display: block; font-size: 20px; font-weight: 300; margin-bottom: 5px; } .bottom-lab-diamond img { width: 100%; } .button-carbonlab { background: #597f2e none repeat scroll 0 0; color: #ffffff; padding: 10px; } .button-carbonlab:hover { background: #597f2e; color: #fff !important; } .webforms-inquire-call { background: #fbfbfb none repeat scroll 0 0; border: 1px solid #cccccc; display: inline-block; margin-bottom: 25px; padding: 20px; width: 100%; } .webforms-inquire-call .form-list .field { float: left; width: 50%; } .webforms-inquire-call .form-list .input-box { width: 93%; } .webforms-inquire-call .form-list input.input-text { width: 100%; } .webforms-inquire-call .input-text { border-radius: 3px !important; box-shadow: none; } .webforms-inquire-call .form-list .field.type-textarea { width: 96.5%; } .webforms-inquire-call .form-list .field.type-textarea .input-box { width: 100%; } .webforms-inquire-call .form-list .field.type-textarea .input-box textarea { width: 100%; } .securty-logo .footer-logos { background: rgba(255, 255, 255, .6) none repeat scroll 0 0; border-radius: 2px; display: block; margin:0px; /* max-width: 600px;*/ padding: 5px; width: 100%; border: 1px solid #fff; } .securty-logo .footer-logos span { display: block; text-align: center; background:#FFF; } #webform_3_form{display: none !important;} #payment_form_internetsecurevault label { margin-bottom: 5px; width: 100%; } .gallery-desc-box { background: rgba(255,61,84, 0.8) !important; } /*----------29-09-16--------*/ .home-cat_title{text-align:center; min-height:30px;} .home-cats {padding:40px 0 10px; display:block; float:left; width:100%;} .home-cat_title a{ color:#597f2e; font-size:18px;} .homeFboximg{border:1px solid #ccc; border-radius:5px; /*height:200px;*/ overflow:hidden;} .homeFboximg img{/* display:table-cell;*/ vertical-align:middle; /*height:100%; width:100%;*/} .home-cats .container{margin-bottom:20px;} .abt{ } .aboutBox {background:#597f2e url(../images/abt-back.jpg) no-repeat center center; background-size:cover; padding:50px 0; display:block; width:100%; float:left;} .aboutBox h3{ font-weight:bold;} .aboutBox h3, .aboutBox p{ text-align:justify; color:#000;} .ourBestSaller{padding:40px 0; width:100%; display:block; float:left;} .ourBestSaller .owl-item, h2.subtitle{ text-align:left!important; font-size:24px; font-weight:bold} .ourBestSaller .owl-pagination{ display:none;} .ourBestSaller .owl-theme .owl-controls {margin-top:10px;text-align:center; position:absolute; top:-45px; right:0; color:#fff;} .ourBestSaller #owl-bestsellerproducts .item, .ourBestSaller #owl-featuredproducts .item { border: 1px solid #e2e2e2;margin: 3px; display:inline-block; width:96%; padding-bottom:8px } .ourBestSaller .owl-theme .owl-controls .owl-buttons div{ background:none; padding-top:0; width:40px; text-indent:2000px;} .ourBestSaller .owl-theme .owl-controls .owl-buttons div:hover{/* background:#ff3d54;*/} .ourBestSaller .product-name{ padding:0 8px;} .ourBestSaller .bsadd, .ourBestSaller .fadd {display:inline-block; float:right; padding:0 8px} .ourBestSaller .price-con {display: inline-block; float:left; padding-left:8px} .ourBestSaller .bsadd p, .ourBestSaller .fadd p { margin:0; } .testimonial .carousel-caption{} .testimonial .carousel-caption:before{background:url(../images/qoute.png) no-repeat left top; display:inline-block; width:35px; height:32px; content:"";} .abt span {font-size: 14px !important; font-weight: normal;} .aboutBox .arrow-testmonial {clear: both; display:inline-block; position:absolute; right:0; top:-33px;} .aboutBox .arrow-testmonial .carousel-control .fa{ color:#597f2e;} .aboutBox .testimonial {background:rgba(255,255,255,.5); border: 2px solid #fff; padding: 15px; min-height: 300px; border:0;} .aboutBox .testimonial .who-said {display: block;font-style: italic;font-weight: bold; text-align: center; padding:20px 0; color:#000;} .aboutBox .testimonial .carousel-caption {text-align: center; top:0} .why-Home-box{margin:0; padding:0; float:left; width:100%; text-align:left;} .why-Home-box h2{ font-weight:bold; font-size:24px;} ul.wy{margin:0; padding:0;} ul.wy li{ list-style:inside; width:49%; float:left;} .boxesSec2{float:left; width:100%; display:block; margin-bottom:40px;} .boxesSec2 h2{ width:100%; font-size:28px; padding-bottom:8px; text-transform:uppercase; text-align: center;} .bg-1{background:url(../images/why-peaple-bg.jpg) no-repeat left top; padding:30px; height:375px;} .imgBoxs{ width:260px; height:260px; margin:0 auto; } .imgBoxs2{margin:0 auto; margin-bottom:25px;} .bg-2{background:url(../images/why-peaple-bg2.jpg) no-repeat left top; padding:30px;height:375px;} .labdimond{margin:0; padding:0;} .labdimond li{width:100%; list-style:outside; padding:2px 0px; text-align:left; } .labdimond li:last-child{ list-style:none; margin-top:10px;} .bucomn{background:#597f2e; color:#fff; display:inline-block; padding:4px 20px 5px 20px; transition:.4s ease;} .bucomn:hover{background:#000000; color:#fff; transition:.4s ease;} .bucomn:hover a{color:#fff;} .phone-no{display:inline-block;} .phone-no span img { height: 24px; padding-right: 5px; } .logorow{display:block; width:100%; float:left; padding-bottom:20px;} .phone-no {display: inline-block; float: right; font-size: 26px; color:#597f2e; padding:10px 0;} .main-container.col1-layout{ padding-top:0;} .p-0{ padding-left:0; padding-right:0;} .hone-learn-more {display:block; float:left; width:100%; padding:20px 0px 0px 0px;} .logorow.logobox{ display:inline-block; width:auto; padding:2px 0 23px 0 } .right-headBox{ display:inline-block; float:right; } .comlogo{display:block; float:left; width:100%;} .bx-wrapper .bx-viewport{ border:0!important} iframe[name='google_conversion_frame'] { position: absolute; bottom: 0; left:0 } .bx-wrapper .bx-controls-direction a{ opacity:.5} .std {width:100%;left:0;} .bx-wrapper .bx-viewport{ left:0!important;} .bx-wrapper ul{ width:100%!important;} .bx-wrapper ul li{ width:100%!important} .padding-s{ padding:0!important;} .ourBestSaller .owl-theme .owl-controls .owl-buttons .owl-prev{background:url(../images/next-prv.png) no-repeat right top; width:15px; height:30px; transition:.3s ease; margin-top:0px} .ourBestSaller .owl-theme .owl-controls .owl-buttons .owl-prev:hover{ background-position:-41px 0px; transition:.3s ease} .ourBestSaller .owl-theme .owl-controls .owl-buttons .owl-next{background:url(../images/next-prv.png) no-repeat left top; width:15px; height:30px; transition:.3s ease; margin-top:0px} .ourBestSaller .owl-theme .owl-controls .owl-buttons .owl-next:hover{ background-position:-18px 0px; transition:.3s ease} .logo-mid{ text-align:center} ul.logo-mid li{display:inline-block; border-left:1px solid #ccc; padding:0 15px; margin:24px 0 10px 0} ul.logo-mid li:first-child{ border:0;} ul.logo-mid li:first-child img { /* height: 60px; position: relative; top: -13px;*/ } .sv { background:#f1f1f1; font-size:18px; color:#597f2e; padding: 0 10px; border:1px dashed #597f2e; font-weight:600;} @media only screen and (min-width:1024px) and (max-width:1080px) { .header .links li{ margin:0 1px 0 0!important; padding:4px 0px 3px 0!important;} .header .links li a{ padding:2px 1px 11px 0!important} .homeFboximg{ height:146px;} .imgBoxs{ width:auto; height:auto;} .bg-1, .bg-2{ padding:10px 22px;} .bucomn{padding:4px 11px 5px 10px;} ul.logo-mid li{width:32.5%; padding:0 5px;} .logo-mid img {height: 20px;} .col-md-4.col-sm-4.col-lg-4.p00{ padding:0;} } @media only screen and (min-width:768px) and (max-width:1023px) { .homeFboximg{ height:auto} .home-cat_title{ min-height:42px} .aboutBox h3, .aboutBox p{ text-align:left} .footer-logos img {width: 74px;} .col-md-6.col-sm-6.col-lg-6.po {padding: 0;} .why-Home-box h2 {font-size: 21px;} ul.wy li{ width:50%;} .imgBoxs{ height:auto; width:auto} .bg-1{ padding:30px 0} .col-md-6.col-sm-6.col-lg-6.imb {width: 40%;} .col-md-6.col-sm-6.col-lg-6.txt {padding: 0; width: 60%;} .boxesSec2 h2 {font-size: 24px;} .ourBestSaller {padding:30px 0 32px 0;} .boxesSec2{margin-bottom:30px;} .home-cat_title a{ font-size:16px;} .header .form-search .input-text{ width:173px;} .myaccounttop {border-right: 0 none; margin-right: 0; padding-left: 0; padding-right: 0;} .header .top-search, .header .links, .header .welcome-msg{ display:none} .nav-container{display: block!important;} #menu-icon{ display:block!important; margin:8px 15px 5px 15px;} .sf-menu-block{ display:block!important; background:#3d3d3d ;} .header .top_row2{ display:none;} .aboutBox .testimonial{ min-height:332px;} .col-md-6.col-sm-6.col-lg-6.p2 {padding-right: 0;} .sf-menu-block{ margin:0 15px!important} .padding-s{ padding:0!important;} ul.logo-mid li{width:32.5%; padding:0 5px;} .logo-mid img {height: 20px;} .col-md-4.col-sm-4.col-lg-4.p00{ padding:0;} } @media only screen and (min-width: 320px) and (max-width:767px) { .bucomn{ padding:4px 14px 5px 14px;} .padding-s{ padding:0 15px!important;} .col-md-6.col-sm-6.col-lg-6.po {display: inline-block; padding:0 0 25px 0;} .col-md-6.col-sm-6.col-lg-6.p2 {display: inline-block; padding: 0;} .footer-container .container{ padding:0;} .footer-container .container .footer{ padding-left:0; padding-right:0;} .page-title, .category-title{ padding-top:18px;} .bg-1{ height:auto; margin-bottom:20px;} .bg-2{ height:auto;} .home-cats{ padding-top:20px} .imgBoxs{ width:auto; height: auto; margin-bottom:10px;} .aboutBox{ padding:20px 0} .ourBestSaller .owl-theme .owl-controls{ position:static;} .ourBestSaller{ padding:20px 0} .ourBestSaller .container{ margin:0 0 0 6px} ul.wy li{ width:99%} .aboutBox h3, .aboutBox p{ text-align:left} .homeFboximg{ margin-bottom:20px;} .hone-learn-more{ padding-bottom:0} .securty-logo .footer-logos{width:100%;} .securty-logo .footer-logos span img{width:60px} .phone-no{ width:100%; padding-bottom:10px;} .myaccounttop {border-right: 0; margin-right: 0; padding-left: 0; padding-right: 0;} .home-cats .container{ margin-bottom:0;} ul.logo-mid li{padding:0 7px; margin-top:5px;} .logo-mid img{height:25px;} } @media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .homeFboximg{ height:300px;} .col-md-4.col-sm-4.col-lg-4.p00 {display: inline-block; padding: 0; width: 43%;} .logo-mid img{ height:22px;} } .product-page-testimonials h4 { margin-bottom: 1em; font-size: 18px; font-weight: normal; } ul.tumbSlider { z-index: 776; } .share-container { padding-top: 10px; border-top: 1px solid #dbdbdb; } /* CUSTOM CSS*/ .product-view .product-essential .col-sm-5 { padding-right: 0; padding-left: 0; } .product-view .product-essential .product-img-box { float: left; text-align: left; margin-bottom: 30px; width: 100%; } .product-view .product-essential .product-img-box .product-image{width: 100%;} .product-view .product-essential .product-img-box .product-image .big{width: 100%;} /* CUSTOM CSS*/ .shipping-date { font-weight: 700; } @media only screen and (min-width: 1025px){ .desktop-hide { display: none; } } @media only screen and (max-width: 1024px){ .mobile-hide { display: none; } } .btn_wrapper { margin: 0 auto; display: table; } .product-shop .add-to-cart button.button > span { font-size: 20px; line-height: 20px; padding: 20px 40px; } .header-sale-cta { font-family: "Adobe Garamond Pro"; color: #597f2e; font-size: 2em; margin: 5px 0; line-height: 1.2; } @media only screen and (max-width : 992px) { .header-sale-cta { display: none; } } /*-------------------------------------------------------------------------- * * Over bootstrap button group styling on radio buttons, over qualify everything * Why was that even used? * *-------------------------------------------------------------------------*/ .product-options .options-list.btn-group { margin: 0 -5px; } .product-options .options-list.btn-group .btn-radio { background: #FFF; color: #000; border: 1px solid rgba(0,0,0,0.25); border-radius: 0 !important; margin: 5px; opacity: 0.4; box-shadow: 0 0 0 3px rgba(89,127,46,0); transition: border-color 0.4s, box-shadow 0.4s, opacity 0.4s; font-size: 12px; width: 100px; height: 100px; position: relative; white-space: normal; } .product-options .options-list.btn-group .btn-radio.active { opacity: 1; border-color: #597f2e; box-shadow: 0 0 0 3px rgba(89,127,46,0.25); } .product-options .options-list.btn-group .btn-radio input { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; cursor: pointer; } .product-options .options-list.btn-group .btn-radio span { position: absolute; width: 100%; padding: 0 7.5px; text-align: center; text-transform: uppercase; top: 50%; left: 50%; transform: translate(-50%,-50%); } /*-------------------------------------------------------------------------- * * Additional CMS styles * *-------------------------------------------------------------------------*/ .std video { max-width: 100%; height: auto; margin-bottom: 1em; } /*-------------------------------------------------------------------------- * * Mobile Click Fix * *-------------------------------------------------------------------------*/ .page-home .hm_exta_con { pointer-events: none; } /*-------------------------------------------------------------------------- * * Bread tweaks * *-------------------------------------------------------------------------*/ /* Homepage */ .home-financing-banner { clear: both; background-color: #ff4760; padding-top: 15px; padding-bottom: 15px; } .cms-home .financing-banner { display: flex; align-items: center; justify-content: center; } .cms-home .financing-banner--text { font-size: 18px; font-weight: bold; margin-right: 15px; color: #FFF; } .cms-home .financing-banner .btn { background-color: #FFF; font-size: 12px; text-transform: uppercase; border-radius: 0; color: #ff4760; border-color: #FFF; } @media only screen and (max-width : 768px) { .cms-home .financing-banner { flex-direction: column; } .cms-home .financing-banner--text { margin: 0 auto 15px auto; } } /* Product Page */ .product-view #product-addtocart-button { margin-left: 0; width: 275px; } .product-view #product-addtocart-button span { width: 100%; } .product-view #bread-btn-cntnr { display: block !important; max-width: 275px; } .product-view #bread-btn-cntnr .buy_error_tip { top: 60px; width: 100%; } #bread-checkout-btn-bread-iframe { width: 100% !important; height: auto !important; max-height: 60px !important; max-width: 275px !important; } /* Shopping Cart */ .cart-collaterals #bread-btn-cntnr { max-width: 100% !important; } .cart-collaterals .btn-proceed-checkout span { height: 60px !important; line-height: 60px !important; width: 275px; } .cart-collaterals .btn-proceed-checkout span span { float: none; } /*-------------------------------------------------------------------------- * * Financing Page * *-------------------------------------------------------------------------*/ .cms-financing-html .main-container { padding-bottom: 0; } .bread-hero { padding-top: 60px; padding-bottom: 60px; background-color: #08374c; color: #FFF; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .bread-hero h1 { font-size: 32px; margin-bottom: 2rem; } .bread-hero p { margin-bottom: 2rem; } .bread-hero .btn { background-color: #2a98d0; padding: 10px 30px; line-height: 1.5; color: #FFF; font-size: 14px; text-transform: uppercase; } .bread-body { padding-top: 60px; padding-bottom: 60px; } .bread-body h2 { font-weight: bold; font-size: 24px; margin-bottom: 2rem; } .bread-body .lead { font-size: 18px; margin-bottom: 4rem; } .bread-cta img { margin-bottom: 1.5rem; } .bread-cta h3 { font-size: 20px; font-weight: bold; margin-bottom: 2rem; } .bread-cta p { font-size: 16px; } .bread-rates { padding-top: 40px; padding-bottom: 60px; } .bread-rates h3 { font-weight: bold; margin-bottom: 2rem; } .bread-rates .btn { background-color: #2a98d0; padding: 10px 30px; line-height: 1.5; color: #FFF; font-size: 14px; text-transform: uppercase; } .bread-questions { padding-top: 60px; padding-bottom: 60px; background-color: #e6e6e6; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .bread-questions h2 { font-size: 22px; font-weight: bold; margin-bottom: 2rem; } .bread-questions p { font-size: 16px; margin-bottom: 2rem; line-height: 1.5; }