/* @import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700,300italic); */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(https://www.livingo.fr/skin/frontend/default/livingo/fonts/OpenSansCondensedLight.woff) format('woff'); } @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 700; src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(https://www.livingo.fr/skin/frontend/default/livingo/fonts/OpenSansCondensedBold.woff) format('woff'); } @font-face { font-family: 'Open Sans Condensed'; font-style: italic; font-weight: 300; src: local('Open Sans Cond Light Italic'), local('OpenSans-CondensedLightItalic'), url(https://www.livingo.fr/skin/frontend/default/livingo/fonts/OpenSansCondensedLightItalic.woff) format('woff'); } #m-navbar, #m-filter, #m-filter-container, #m-footer { display: none; } /* Reset ================================================================================= */ * { margin: 0; padding: 0; } body { background:#fff; font: 12px/1.35 "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; text-align: center; height: 100%; } img { border: 0; vertical-align: top; } a { color: #05c; text-decoration: none; cursor: pointer; } a:hover { text-decoration: none; } :focus { outline: 0; } /* Headings */ h1 { font-size: 20px; font-weight: normal; line-height: 1.15; } h2 { font-size: 18px; font-weight: normal; line-height: 1.25; } h3 { font-size: 16px; font-weight: bold; line-height: 1.25; } h4 { font-size: 14px; font-weight: bold; } h5 { font-size: 12px; font-weight: bold; } h6 { font-size: 11px; font-weight: bold; } /* 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; } 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 !important; } .wrap { white-space: normal !important; } .a-left { text-align: left !important; } .a-center { text-align: center !important; } .a-right { text-align: right !important; } .v-top { vertical-align: top; } .v-middle { vertical-align: middle; } .f-left, .left { float: left !important; } .f-right, .right { float: right !important; } .f-none { float: none !important; } .f-fix { float: left; width: 100%; } .no-display { display: none; } .no-margin { margin: 0 !important; } .no-padding { padding: 0 !important; } .no-bg { background: none !important; } /* ======================================================================================= */ /* Layout ================================================================================ */ .wrapper { overflow: hidden; position: relative; background-color: #f6f6f6; } .shadow { -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); -khtml-box-shadow: 0 0 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 10px rgba(0,0,0,0.2); -o-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); } /* .shadow:before { -webkit-box-shadow: inset -10px 0 10px -10px rgba(0,0,0,0.2); -khtml-box-shadow: inset -10px 0 10px -10px rgba(0,0,0,0.2); -moz-box-shadow: inset -10px 0 10px -10px rgba(0,0,0,0.2); -ms-box-shadow: inset -10px 0 10px -10px rgba(0,0,0,0.2); -o-box-shadow: inset -10px 0 10px -10px rgba(0,0,0,0.2); box-shadow: inset -10px 0 10px -10px rgba(0,0,0,0.2); content: " "; height: 100%; left: -10px; position: absolute; top: 0; width: 10px; } .shadow:after { -webkit-box-shadow: inset 10px 0 10px -10px rgba(0,0,0,0.2); -khtml-box-shadow: inset 10px 0 10px -10px rgba(0,0,0,0.2); -moz-box-shadow: inset 10px 0 10px -10px rgba(0,0,0,0.2); -ms-box-shadow: inset 10px 0 10px -10px rgba(0,0,0,0.2); -o-box-shadow: inset 10px 0 10px -10px rgba(0,0,0,0.2); box-shadow: inset 10px 0 10px -10px rgba(0,0,0,0.2); content: " "; height: 100%; right: -10px; position: absolute; top: 0; width: 10px; } */ .page { width: 1020px; margin: 0 auto; padding: 0; text-align: left; position: relative; background: #fff; padding-bottom: 20px; } .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; } .main-container { } .main { margin: 0; } /* Base Columns */ .col-left { float: left; width: 180px; margin-left: 20px; margin-right: 20px; } .col-main { float: left; width: 760px; } .col-right { float: right; width: 230px; border: 1px solid #ddd; padding: 5px 5px 0; } /* 1 Column Layout */ .col1-layout .col-main { float: none; width: 980px; margin: 0 auto; } /* 2 Columns Layout */ .col2-left-layout .col-main { float: right; position: relative; margin-right: 20px } .col2-right-layout .col-main { } /* 3 Columns Layout */ .col3-layout .col-main { width: 484px; margin-left: 10px; } .col3-layout .col-wrapper { float: left; width: 748px; } .col3-layout .col-wrapper .col-main { float: right; } /* Content Columns */ .col2-set .col-1 { float: left; width: 49%; } .col2-set .col-2 { float: right; width: 49%; } .col2-set .col-narrow { width: 33%; } .col2-set .col-wide { width: 65%; } .col3-set .col-1 { float: left; width: 32%; } .col3-set .col-2 { float: left; width: 32%; margin-left: 2%; } .col3-set .col-3 { float: right; width: 32%; } .col4-set .col-1 { float: left; width: 23.5%; } .col4-set .col-2 { float: left; width: 23.5%; margin: 0 2%; } .col4-set .col-3 { float: left; width: 23.5%; } .col4-set .col-4 { float: right; width: 23.5%; } /* ======================================================================================= */ /* Global Styles ========================================================================= */ /* Form Elements */ input, select, textarea, button { font: 12px; vertical-align: middle; color: #000; } input.input-text, select, textarea { background: #fff; border: 1px solid #ddd; } input.input-text, textarea { padding: 2px; } select { padding: 1px; } 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: 2.5em !important; } button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */ button.button { -webkit-border-fit: lines; } /* <- Safari & Google Chrome Fix */ button.button { overflow: visible; width: auto; border: 0; padding: 0; margin: 0; background: transparent; cursor: pointer; } button.button span { float: left; height: 21px; background: transparent url(https://www.livingo.fr/skin/frontend/default/livingo/images/bkg_button.gif) 0 0 no-repeat; padding: 0 0 0 8px; font: bold 12px/21px; text-align: center; white-space: nowrap; color: #fff; } button.button span span { background-position: 100% 0; padding: 0 12px 0 4px; } button.disabled { } button.disabled span { } button.btn-checkout span { } button.btn-checkout.no-checkout { } p.control input.checkbox, p.control input.radio { margin-right: 6px; } /* Form Highlight */ /*input.input-text:focus,select:focus,textarea:focus {}*/ /*.highlight { background:#efefef; }*/ /* Form lists */ /* Grouped fields */ /*.form-list { width:535px; margin:0 auto; overflow:hidden; }*/ .form-list li { margin: 0 0 8px; } .form-list label { float: left; color: #111; font-weight: bold; position: relative; z-index: 0; } .form-list label.required { } .form-list label.required em { float: right; font-style: normal; color: #eb340a; 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 li.fields { margin-right:-15px; }*/ .form-list .input-box { display: block; clear: both; width: 260px; } .form-list .field { float: left; width: 275px; } .form-list input.input-text { width: 254px; } .form-list textarea { width: 254px; height: 10em; } .form-list select { width: 260px; } .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 { width: 535px; } .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: 70px; } .form-list .name-middlename input.input-text { width: 49px; } .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: 205px; } .form-list .customer-name-prefix-middlename-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-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: 205px; } .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: 189px; } .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: 46px; } .form-list .customer-dob .dob-year { width: 140px; } .form-list .customer-dob .dob-year input.input-text { width: 134px; } .buttons-set { clear: both; margin: 5px 0 0; padding: 5px; border: 1px solid #ddd; } .buttons-set .back-link { float: left; } .buttons-set button.button { float: right; } .buttons-set p.required { margin: 0 0 5px; } .buttons-set-order { } /* Form Validation */ .validation-advice { clear: both; min-height: 13px; margin: 3px 0 0; padding-left: 17px; font-size: 10px; line-height: 13px; background: url(https://www.livingo.fr/skin/frontend/default/livingo/images/validation_advice_bg.gif) 2px 1px no-repeat; 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; } .std ul.form-list { padding: 0px; margin: 0px; list-style-type: none; } .cms-partner-livingo .page-title, .cms-partner-livingo .legend { display: none; } .cms-page-view .buttons-set { clear: both; text-align: left; margin: 0; padding: 0; border: 0px solid #DDD; } .cms-page-view p.required { font-size: 10px; text-align: left; color: #666; } .cms-page-view .buttons-set button { float: none; background: transparent url(https://www.livingo.fr/skin/frontend/default/livingo/images/btn-send.gif) 0 0 no-repeat; width: 124px; height: 32px; display: block; text-indent: -19999px; border: 0px; cursor: pointer; } .cms-page-view .buttons-set.newsletter button { float: none; background: transparent url(https://www.livingo.fr/skin/frontend/default/livingo/images/btn-send.gif) 0 0 no-repeat; width: 124px; height: 32px; display: block; text-indent: -19999px; border: 0px; cursor: pointer; margin-left: 166px; } /* 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 10px; } .messages li li { margin: 0 0 3px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style: solid !important; border-width: 1px !important; background-position: 10px 9px !important; background-repeat: no-repeat !important; min-height: 24px !important; padding: 8px 8px 8px 32px !important; font-size: 11px !important; font-weight: bold !important; } .error-msg { border-color: #f16048; background-color: #faebe7; background-image: url(https://www.livingo.fr/skin/frontend/default/livingo/images/i_msg-error.gif); color: #df280a; } .success-msg { border-color: #446423; background-color: #eff5ea; background-image: url(https://www.livingo.fr/skin/frontend/default/livingo/images/i_msg-success.gif); color: #3d6611; } .note-msg, .notice-msg { border-color: #fcd344; background-color: #fafaec; background-image: url(https://www.livingo.fr/skin/frontend/default/livingo/images/i_msg-note.gif); color: #3d6611; } /* BreadCrumbs */ /*.breadcrumbs { height: 20px; margin: 15px 10px 5px 220px; color: #999; font-size: 11px; } */ .breadcrumbs { height: 20px; margin: 10px 10px 5px 240px; color: #c61718; font-size: 14px; } .breadcrumbs ul { float: left; } .breadcrumbs span { color: #000; } .col1-layout .breadcrumbs { margin-left: 20px; margin-bottom: 15px; } .catalog-product-view .breadcrumbs { display: none; } .breadcrumbs li { display: inline; } .breadcrumbs li a { color: #000; } .backbutton { margin: 15px 0 5px 0; color: #999; } .backbutton a { color: #999; text-decoration: none; } .backbutton a:hover { text-decoration: underline; } /* Page Heading */ .page-title { border-bottom: 1px solid #ddd; padding: 0 0 5px; margin: 0 0 10px; } .page-title h1, .page-title h2 { font-size: 18px; color: #000; } .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; } /* Pager */ .pager { margin: 5px 0; } .pager .pages { float: right; text-align: right; } .pager .pages ol { } .pager .pages li { float: left; } .pager .pages .current { width: 28px; color: white; text-decoration: none; border: 1px solid #DBDBDB; line-height: 28px; height: 28px; background: #c80c1f; font-size: 14px; display: block; text-align: center; margin-right: 4px; } .pager .pages a { width: 28px; color: #404040; text-decoration: none; border: 1px solid #DBDBDB; line-height: 28px; height: 28px; background: white; font-size: 14px; display: block; text-align: center; margin-right: 4px; } .pager .pages a:hover { background: #c80c1f; color: #fff; } .pager .pages a.next, .pager .pages a.previous { background: #c80c1f; line-height: 28px; height: 28px; } .pager .pages a.next img, .pager .pages a.previous img { padding-top: 4px; } /* Sorter */ .sorter { float: left; width: 10px; margin-top: 3px; } .sorter .view-mode { float: left; } .sorter .view-mode a.grid, .sorter .view-mode strong.grid, .sorter .view-mode a.list, .sorter .view-mode strong.list { display: block; float: left; width: 15px; height: 15px; background: transparent url(https://www.livingo.fr/skin/frontend/default/livingo/images/img_grid.png) top no-repeat; text-indent: -99999px; margin-right: 10px; } .sorter .view-mode a.grid { background: transparent url(https://www.livingo.fr/skin/frontend/default/livingo/images/img_grid.png) top no-repeat; } .sorter .view-mode strong.grid, .sorter .view-mode a.grid:hover { background: transparent url(https://www.livingo.fr/skin/frontend/default/livingo/images/img_grid.png) 0 -15px no-repeat; } .sorter .view-mode a.list { background: transparent url(https://www.livingo.fr/skin/frontend/default/livingo/images/img_grid.png) 0 -30px no-repeat; } .sorter .view-mode strong.list, .sorter .view-mode a.list:hover { background: transparent url(https://www.livingo.fr/skin/frontend/default/livingo/images/img_grid.png) 0 -45px no-repeat; } .sort-by { float: left; width: 205px; margin-top: 5px; } .sort-by select { width: 100px; } .limiter { overflow: hidden; float: left; width: 100px; margin-top: 5px; } .sorter .link-feed { } .reduced_products { float: left; height: 24px; line-height: 24px; margin-top: 3px; } .reduced_products li { float: left; height: 24px; line-height: 24px; } .reduced_products span { background: transparent url(https://www.livingo.fr/skin/frontend/default/livingo/images/img_discount.png) left no-repeat; padding-left: 29px; display: block; } .reduced_products_check { float: left; width: 25px; margin-top: 6px; cursor: pointer; } /* Toolbar */ .toolbar { } .toolbar .pager { } .toolbar .sorter { } .toolbar-bottom { overflow: hidden; clear: both; } /* Data Table */ .data-table { width: 100%; font-size: 11px; } .data-table th { } .data-table td, .data-table td.label, .data-table th.label { border-bottom: 1px dotted #666; padding: 5px 0; } .data-table td.label, .data-table th.label { font-weight: bold; width: 50%!important; } .data-table thead { } .data-table tbody { } .data-table tfoot { } .data-table tr.first { } .data-table tr.last { } .data-table tr.odd { } .data-table tr.even { background-color: #f6f6f6; } .data-table tbody.odd { } .data-table tbody.odd td { border-width: 0 1px; } .data-table tbody.even { background-color: #f6f6f6; } .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.value { } /* 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(https://www.livingo.fr/skin/frontend/default/livingo/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(https://www.livingo.fr/skin/frontend/default/livingo/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 .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 ul, .std ol, .std dl, .std p, .std address, .std blockquote { margin: 0 0 1em; padding: 0; } .std ul { list-style: disc outside; padding-left: 1.5em; } .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; } .links li.first { padding-left: 0 !important; } .links li.last { background: none !important; padding-right: 0 !important; } .link-cart { font-weight: bold; color: #f00; } .link-reorder { font-weight: bold; } .link-compare { font-weight: bold; } .link-print { background: url(https://www.livingo.fr/skin/frontend/default/livingo/images/i_print.gif) 0 2px no-repeat; padding: 2px 0 2px 25px; } .link-rss { background: url(https://www.livingo.fr/skin/frontend/default/livingo/images/i_rss.gif) 0 1px no-repeat; padding-left: 18px; white-space: nowrap; } .btn-remove { display: block; width: 11px; height: 11px; font-size: 0; line-height: 0; background: url(https://www.livingo.fr/skin/frontend/default/livingo/images/btn_remove.gif) 0 0 no-repeat; text-indent: -999em; overflow: hidden; } .btn-remove2 { display: block; width: 16px; height: 16px; font-size: 0; line-height: 0; background: url(https://www.livingo.fr/skin/frontend/default/livingo/images/btn_trash.gif) 0 0 no-repeat; text-indent: -999em; overflow: hidden; } .btn-edit { display: block; width: 11px; height: 11px; font-size: 0; line-height: 0; background: url(https://www.livingo.fr/skin/frontend/default/livingo/images/btn_edit.gif) 0 0 no-repeat; text-indent: -999em; overflow: hidden; } .cards-list dt { margin: 5px 0 0; } .cards-list .offset { padding: 2px 0 2px 20px; } .separator { margin: 0 3px; } .divider { clear: both; display: block; font-size: 0; line-height: 0; height: 1px; margin: 10px 0; background: #ddd; text-indent: -999em; 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(https://www.livingo.fr/skin/frontend/default/livingo/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(https://www.livingo.fr/skin/frontend/default/livingo/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 { } /* ======================================================================================= */ /* Header ================================================================================ */ /* .logo { float: left; } .header-container { } .header { padding: 10px; border: 1px solid #ddd; } .header .logo { float: left; text-decoration: none !important; } .header .logo strong { position: absolute; top: -999em; left: -999em; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -999em; overflow: hidden; } .header h1.logo { margin: 0; padding: 0; } .header .welcome-msg { font-weight: bold; text-align: right; } .header .welcome-msg a { } .header .links { float: right; } .header .form-search { text-align: right; } .header .form-search .search-autocomplete { z-index: 999; } .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; } .header .form-search .search-autocomplete li .amount { float: right; font-weight: bold; } .header .form-search .search-autocomplete li.selected { } .header .form-language { clear: both; text-align: right; } .header-container .top-container { clear: both; text-align: right; } */ /********** < Navigation */ .nav-container { } #nav { border: 1px solid #ddd; padding: 5px 0; margin: 10px 0; font-size: 13px; } /* All Levels */ #nav li { text-align: left; position: relative; } #nav li.over { z-index: 998; } #nav li.parent { } #nav li a { display: block; text-decoration: none; } #nav li a:hover { text-decoration: none; } #nav li a span { display: block; white-space: nowrap; cursor: pointer; } #nav li ul a span { white-space: normal; } /* 1st Level */ #nav li { float: left; } #nav li a { float: left; padding: 5px 10px; font-weight: bold; color: #888; } #nav li a:hover { color: #000; } #nav li.over a, #nav li.active a { color: #000; } /* 2nd Level */ #nav ul, #nav div { position: absolute; width: 15em; top: 25px; left: -10000px; border: 1px solid #ddd; background: #fafafa; } #nav div ul { position: static; width: auto; border: none; } /* 3rd+ leven */ #nav ul ul, #nav ul div { top: 7px; } #nav ul li { float: none; border-bottom: 1px solid #ddd; } #nav ul li.last { border-bottom: 0; } #nav ul li a { float: none; padding: 3px 9px; font-weight: normal; color: #888 !important; } #nav ul li a:hover { color: #000 !important; } #nav ul li.active > a, #nav ul li.over > a { color: #000 !important; } /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { left: 0; z-index: 999; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left: 100px; } /********** Navigation > */ /* ======================================================================================= */ /* Sidebar =============================================================================== */ .block { } .block .block-title { } .block .block-title strong { font-size: 14px; font-weight: bold; } .block .block-title strong span { } .block .block-title a { text-decoration: none !important; } .block .block-subtitle { font-size: 13px; font-weight: bold; } .block .block-content { } .block .block-content li.item { padding: 5px 0; } .block .btn-remove, .block .btn-edit { float: right; } .block .actions { text-align: right; } .block .actions a { float: left; } .block .empty { } .block li.odd { } .block li.even { background-color: #f6f6f6; } /* Mini Products List */ .mini-products-list li { padding: 5px 0; } .mini-products-list .product-image { float: left; width: 50px; padding: 5px; border: 1px solid #ddd; } .mini-products-list .product-details { margin-left: 75px; } .mini-products-list .product-details h4 { font-size: 1em; font-weight: bold; margin: 0; } .block-cart .mini-products-list .product-details .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 { } /* Block: Currency Switcher */ .block-currency { } .block-currency select { width: 100%; border: 1px solid #888; } /* Block: Cart */ .block-cart { } .block-cart .summary { } .block-cart .amount { } .block-cart .subtotal { text-align: center; } .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: Wishlist */ .block-wishlist { } /* Block: Related */ .block-related { } .block-related li { padding: 5px 0; } .block-related input.checkbox { float: left; margin-right: -20px; } .block-related .product { margin-left: 20px; } .block-related .product .product-image { float: left; margin-right: -65px; } .block-related .product .product-details { margin-left: 65px; } /* Block: Compare Products */ .block-compare { } .block-compare li { padding: 5px 0; } /* Block: Recently Viewed */ .block-viewed { } /* Block: Recently Compared */ .block-compared { } /* Block: Poll */ .block-poll label { } .block-poll input.radio { float: left; margin: 1px -18px 0 0; } .block-poll .label { display: block; margin-left: 18px; } .block-poll li { padding: 3px 9px; } .block-poll .actions { margin: 5px 0 0; } .block-poll .answer { font-weight: bold; } .block-poll .votes { float: right; margin-left: 10px; } /* Block: Tags */ .block-tags ul, .block-tags li { display: inline; } /* Block: Subscribe */ .block-subscribe { } /* Block: Reorder */ .block-reorder { } .block-reorder li { padding: 5px 0; } .block-reorder input.checkbox { float: left; margin: 3px -20px 0 0; } .block-reorder .product-name { margin-left: 20px; } /* Block: Banner */ .block-banner { } .block-banner .block-content { text-align: center; } /* Block: Login */ .block-login label { font-weight: bold; color: #666; } .block-login input.input-text { display: block; width: 167px; margin: 3px 0; } /* Paypal */ .sidebar .paypal-logo { display: block; margin: 10px 0; text-align: center; } .sidebar .paypal-logo a { float: none; } /* ======================================================================================= */ /* Category Page ========================================================================= */ .category-title { display: none; border: 0; margin: 0 0 7px; } .category-image { width: 100%; overflow: hidden; margin: 0 0 10px; text-align: center; } .category-image img { } .category-products { } /* View Type: Grid */ /* .products-grid { border-bottom: 1px solid #ddd; position: relative; } .products-grid.last { border-bottom: 0; } .products-grid li.item { position: relative; border: 1px solid; width: 222px; float: left; margin-right: 24px; height: 270px; margin-bottom: 20px; margin-top: 5px; display: block; text-align: center; } .products-grid .product-image { display: block; width: 135px; height: 135px; margin: 0 0 10px; } .products-grid .product-name { margin: 0 0 5px; } .products-grid .product-name a { } .products-grid .price-box { margin: 5px 0; } .products-grid .availability { line-height: 21px; } .products-grid .actions { position: absolute; bottom: 12px; } .col2-left-layout .products-grid, .col2-right-layout .products-grid { overflow: hidden; } .col1-layout .products-grid { width: 790px; margin: 0 auto; } */ /* View Type: List */ /* .products-list li.item { position: relative; width: 170px; float: left; margin-right: 24px; height: 280px; margin-bottom: 20px; margin-top: 5px; display: block; text-align: center; } .products-list li.item.last { margin-right: 0px; } .products-list .product-image { width: 135px; height: 135px; margin: 0 0 10px; } .products-list .product-shop { margin-left: 150px; } .products-list .product-name { margin: 0 0 5px; } .products-list .product-name a { padding: 10px; text-decoration: underline; height: 24px; overflow: hidden; font-size: 12px; color: #000; } .products-list .price-box { overflow: hidden; clear: both; } .products-list .availability { float: left; margin: 3px 0 0; } .products-list .desc { clear: both; padding: 6px 0 0; margin: 0 0 15px; line-height: 1.35; } .products-list .desc .link-learn { font-size: 11px; } .products-list .add-to-links { clear: both; } .products-list .add-to-links li { display: inline; } .products-list .add-to-links .separator { display: inline; margin: 0 2px; } .products-list .special-price .price { font-weight: bold; color: #000; font-size: 12px; } */ /* ======================================================================================= */ /* Product View ========================================================================== */ /* Rating */ .no-rating { margin: 0; } .ratings { font-size: 11px; line-height: 1.25; margin: 7px 0; } .ratings strong { float: left; margin: 1px 3px 0 0; } .ratings .rating-links { margin: 0; } .ratings .rating-links .separator { margin: 0 2px; } .ratings dt { } .ratings dd { } .rating-box { width: 69px; height: 13px; font-size: 0; line-height: 0; background: url(https://www.livingo.fr/skin/frontend/default/livingo/images/bkg_rating.gif) 0 0 repeat-x; text-indent: -999em; overflow: hidden; } .rating-box .rating { float: left; height: 13px; background: url(https://www.livingo.fr/skin/frontend/default/livingo/images/bkg_rating.gif) 0 100% repeat-x; } .ratings .rating-box { float: left; margin-right: 3px; } .ratings .amount { } .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; } /* Availability */ .availability { display: none; } .availability span { font-weight: bold; } .availability.in-stock span { } .availability.out-of-stock span { color: #d83820; } .availability-only { margin: 0 0 7px; } .availability-only a { background: url(https://www.livingo.fr/skin/frontend/default/livingo/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 { } /* Alerts */ .alert-price { } .alert-stock { } /********** < Product Prices */ .price { white-space: nowrap !important; } .price-box { position: relative; } .price-box .price { font-weight: bold; } /* Regular price */ .regular-price { } .regular-price .price { font-weight: bold; } /* Old price */ p.old-price { position: absolute; left: 120px; width: 140px; text-align: left; top: 9px; } p.old-price .price-label { white-space: nowrap; text-decoration: line-through; font-style: italic; } p.old-price .price { font-weight: bold; text-decoration: line-through; font-style: italic; } /* Special price */ .special-price { } .special-price .price-label { font-weight: bold; white-space: nowrap; } .special-price .price { font-weight: bold; color: #d20813; font-size: 24px; } /* Minimal price (as low as) */ .minimal-price { } .minimal-price .price-label { font-weight: bold; white-space: nowrap; } .minimal-price-link { display: block; } .minimal-price-link .label { } .minimal-price-link .price { font-weight: normal; } /* 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 { } .price-as-configured .price-label { font-weight: bold; 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 */ .add-to-cart label { float: left; margin-right: 5px; } .add-to-cart .qty { float: left; } .add-to-cart button.button { float: left; 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 60px 5px 0; } .product-view .add-to-cart .paypal-logo { margin: 0; } /* Add to Links + Add to Cart */ .add-to-box { } .add-to-box .add-to-cart { float: left; } .add-to-box .or { float: left; margin: 0 10px; } .add-to-box .add-to-links { float: left; } .product-view { overflow: hidden; border: 5px solid #eeeeee; background: #fff url(https://www.livingo.fr/skin/frontend/default/livingo/images/img_shadow_1px_height.png) right repeat-y; } .product-essential { width: 350px; float: left; overflow: hidden; padding: 20px 0px; } .shadow_outer { overflow: hidden; background: transparent url(https://www.livingo.fr/skin/frontend/default/livingo/images/img_shadow.png) bottom center no-repeat; padding-bottom: 14px; } .product-collateral { position: relative; padding: 20px; float: right; width: 150px; height: 340px; } .MagicToolboxMessage { display: none; } /* Product Images */ .product-view .product-img-box { float: left; width: 380px; text-align: left; padding: 20px; } .col3-layout .product-view .product-img-box { float: none; margin: 0 auto; } .product-view .product-img-box .product-image { border: 1px solid #ddd; } .product-view .product-img-box .product-image-zoom { position: relative; width: 265px; height: 265px; overflow: hidden; z-index: 9; } .product-view .product-img-box .product-image-zoom img { position: absolute; left: 0; top: 0; cursor: move; } .product-view .product-img-box .zoom-notice { text-align: center; } .product-view .product-img-box .zoom { position: relative; z-index: 9; height: 18px; margin: 0 auto 13px; padding: 0 28px; background: url(https://www.livingo.fr/skin/frontend/default/livingo/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(https://www.livingo.fr/skin/frontend/default/livingo/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 .more-views h4 { display: none; } html .product-view .product-img-box .more-views ul { margin-left: 0px!important; } .product-view .product-img-box .more-views li { float: left; padding: 1px; background: none; border: 3px solid #eee; margin: 0 4px 8px 0px; } .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 { } /* Product Shop */ .product-view .product-shop { } .col1-layout .product-view .product-shop { } .col3-layout .product-view .product-shop { float: none; width: auto; } .product-view .product-name { } .product-view .short-description { } /* Product Options */ .product-options { padding: 10px; margin: 10px 0 0; border: 1px solid #ddd; background-color: #f6f6f6; } .product-options dt label { font-weight: bold; } .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; color: #000; } .product-options dd { margin: 10px 0; } .product-options dl.last dd.last { } .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 input.radio { float: left; margin: 3px -18px 0 0; } .product-options .options-list input.checkbox { float: left; margin: 3px -20px 0 0; } .product-options .options-list .label { display: block; margin-left: 20px; } .product-options ul.validation-failed { padding: 0 7px; } .product-options p.required { padding: 15px 0 0; } .product-options-bottom { padding: 10px; border: 1px solid #ddd; border-top: 0; } .product-options-bottom .price-box { margin: 10px 0; } /* Grouped Product */ .product-view .grouped-items-table { } /* Block: Description */ .product-view .box-description { color: #666666; line-height: 20px; } .product-view .box-description h2, .product-view .box-additional h2 { display: none; } /* Block: Additional */ .product-view .box-additional { } /* Block: Upsell */ .product-view .box-up-sell { } .product-view .box-up-sell .products-grid td { width: 25%; } /* Block: Tags */ .product-view .box-tags { } .product-view .box-tags .form-add label { float: left; } .product-view .box-tags .form-add .input-box { float: left; width: 260px; margin: 0 5px; } .product-view .box-tags .form-add input.input-text { width: 254px; } .product-view .box-tags .form-add p { clear: both; } /* Block: Reviews */ .product-view .box-reviews { } .product-view .box-reviews .form-add { } /* Send a Friend */ .send-friend { } /* ======================================================================================= */ /* Content Styles ================================================================= */ .product-name { } .product-name h1 { font-size: 18px; font-weight: bold; margin: 0 0 10px 0; } .product-name a { } /* Product Tags */ .tags-list li { display: inline; } /* Advanced Search */ .advanced-search { } .advanced-search-amount { } .advanced-search-summary { } /* CMS Home Page */ .cms-home .subtitle { } .cms-index-index .subtitle { } /* Sitemap */ .page-sitemap .links { text-align: right; margin: 0 8px -22px 0; } .page-sitemap .links a { text-decoration: none; position: relative; } .page-sitemap .links a:hover { text-decoration: underline; } .page-sitemap .sitemap { margin: 12px; } .page-sitemap .sitemap a { } .page-sitemap .sitemap li { margin: 3px 0; } .page-sitemap .sitemap li.level-0 { margin: 10px 0 0; font-weight: bold; } .page-sitemap .sitemap li.level-0 a { } /* RSS */ .rss-title h1 { background: url(https://www.livingo.fr/skin/frontend/default/livingo/images/i_rss-big.png) 0 4px no-repeat; padding-left: 27px; } .rss-table .link-rss { display: block; line-height: 1.35; background-position: 0 2px; } /* ======================================================================================= */ /* 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 .checkout-types .paypal-or { margin: 0 8px; line-height: 2.3; } .cart .totals .checkout-types .paypal-or { clear: both; display: block; padding: 3px 55px 8px 0; line-height: 1.0; font-size: 11px; } /* Shopping Cart Table */ .cart-table .item-msg { font-size: 10px; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding: 25px 0 0; } .cart .cart-collaterals .col2-set { float: left; width: 700px; } .cart .crosssell { } .cart .crosssell h2 { font-size: 13px; font-weight: bold; } .cart .crosssell .product-image { float: left; width: 75px; height: 75px; border: 1px solid #ddd; } .cart .crosssell .product-details { margin-left: 90px; } .cart .crosssell li.item { margin: 12px 0; } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping { } /* Shopping Cart Totals */ .cart .totals { float: right; } .cart .totals table { width: 100%; } .cart .totals table th, .cart .totals table td { padding: 5px; } .cart .totals table th { font-weight: bold; } .cart .totals table tfoot th { } /* Options Tool Tip */ .item-options dt { font-weight: bold; font-style: italic; } .item-options dd { padding-left: 10px; } .truncated { cursor: help; } .truncated a.dots { cursor: help; } .truncated a.details { cursor: help; } .truncated .truncated_full_value { position: relative; z-index: 999; } .truncated .truncated_full_value .item-options { position: absolute; top: -99999em; left: -99999em; z-index: 999; width: 250px; padding: 8px; border: 1px solid #ddd; background-color: #f6f6f6; } .truncated .truncated_full_value .item-options > p { font-weight: bold; text-transform: uppercase; } .truncated .show .item-options { top: -20px; left: 50%; } .col-left .truncated .show .item-options { left: 30px; top: 7px; } .col-right .truncated .show .item-options { left: -240px; top: 7px; } /* ======================================================================================= */ /* Checkout ============================================================================== */ /********** < Common Checkout Styles */ /* Shipping and Payment methods */ .sp-methods dt { font-weight: bold; } .sp-methods .price { font-weight: bold; } .sp-methods .form-list { padding-left: 20px; } .sp-methods select.month { width: 150px; margin-right: 10px; } .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; } .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: 15px; height: 15px; background: url(https://www.livingo.fr/skin/frontend/default/livingo/images/btn_window_close.gif) 100% 0 no-repeat; text-align: left; text-indent: -999em; overflow: hidden; } .tool-tip .tool-tip-content { padding: 5px; } /* Gift Messages */ .gift-messages { } .gift-messages-form { border: 1px solid #ddd; background-color: #f5f5f5; } .gift-messages-form { position: relative; } .gift-messages-form label { float: none !important; position: static !important; } .gift-messages-form h4 { } .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; } .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 .product-name { } .gift-message-link { display: block; background: url(https://www.livingo.fr/skin/frontend/default/livingo/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 > */ /* One Page Checkout */ .block-progress { } .block-progress dt { font-weight: bold; } .block-progress dt.complete, .block-progress dd.complete { background-color: #f6f6f6; } .opc { border-bottom: 1px solid #ddd; position: relative; } .opc li.section { border: 1px solid #ddd; border-bottom: 0; } .opc .buttons-set.disabled button.button { display: none; } .opc .buttons-set .please-wait { height: 21px; line-height: 21px; } .opc .step-title { background-color: #f6f6f6; padding: 0 5px; text-align: right; } .opc .step-title .number { float: left; line-height: 22px; margin-right: 5px; } .opc .step-title h2 { float: left; } .opc .step-title a { display: none; float: right; } .opc .allow .step-title { cursor: pointer; } /*.opc .allow .step-title a { display:block; }*/ .opc .active { } .opc .active .step-title { background-color: #ccc; cursor: default; } /*.opc .active .step-title a { display:none; }*/ .opc .step { border-top: 1px solid #ddd; padding: 10px; position: relative; } .opc .step .tool-tip { right: 10px; } .opc .order-review { } .opc .order-review .authentication { } .opc .order-review .warning-message { } /* Multiple Addresses Checkout */ .checkout-progress { padding: 0 50px; margin: 10px 0; } .checkout-progress li { float: left; width: 20%; border-top: 5px solid #ccc; text-align: center; color: #ccc; } .checkout-progress li.active { border-top-color: #000; color: #000; } .multiple-checkout { position: relative; } .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 { } .multiple-checkout .grand-total .price { } /* ======================================================================================= */ /* Account Login/Create Pages ============================================================ */ .account-login { } .account-login .new-users { } .account-login .registered-users { } .account-create { } /* 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(https://www.livingo.fr/skin/frontend/default/livingo/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 ===================================================================== */ /* My Account ============================================================================= */ .my-account .title-buttons .link-rss { float: none; margin: 0; } /********** < Dashboard */ .dashboard { } .dashboard .welcome-msg { } /* Block: Recent Orders */ .dashboard .box-recent { margin: 10px 0; } /* Block: Account Information */ .dashboard .box-info { } /* Block: Reviews */ .dashboard .box-reviews .number { float: left; font-size: 10px; font-weight: bold; line-height: 1; color: #fff; margin: 3px -20px 0 0; padding: 2px 3px; background: #ddd; } .dashboard .box-reviews .details { margin-left: 20px; } /* Block: Tags */ .dashboard .box-tags .number { float: left; font-size: 10px; font-weight: bold; line-height: 1; color: #fff; margin: 3px -20px 0 0; padding: 2px 3px; background: #ddd; } .dashboard .box-tags .details { margin-left: 20px; } /********** Dashboard > */ /* Address Book */ .addresses-list { } .addresses-list-additional li.item { } /* Order View */ .order-info { border: 1px solid #ddd; padding: 5px; } .order-info dt, .order-info dd, .order-info ul, .order-info li { display: inline; } .order-info dt { font-weight: bold; } .order-date { margin: 10px 0; } .order-info-box { } .order-items { width: 100%; overflow-x: auto; } .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; } /* 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 */ .product-review .product-img-box { float: left; width: 140px; } .product-review .product-img-box .product-image { display: block; width: 125px; height: 125px; } .product-review .product-img-box .label { font-size: 11px; margin: 0 0 3px; } .product-review .product-img-box .ratings .rating-box { float: none; display: block; margin: 0 0 3px; } .product-review .product-details { margin-left: 150px; } .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; } /* ======================================================================================= */ /* Footer ================================================================================ */ .footer { /*position: relative; overflow: visible;*/ clear: both; margin: 0 0 60px 0; } /* ======================================================================================= */ /* Clears ================================================================================ */ .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 { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; } /* ======================================================================================= */ /* Livingo MODs */ #header { /* min-width: 1020px; white-space: no-wrap; */ display: block; width: 1020px; height: 41px; background-color: #c61718; font-size: 16px; color: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); -khtml-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); -ms-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); -o-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); box-shadow: 0 0 10px 0 rgba(0,0,0,0.2); } #header:after{ width: 1020px; height: 10px; content: " "; position: absolute; top: 41px; left: 0; z-index: 33; -webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.4); -khtml-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.4); -ms-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.4); -o-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.4); box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.4); } #logo { float: left; height: 31px; width: 107px; padding: 6px 27px 4px 26px; line-height: 40px; } #header .spacer { float: left; width: 1px; height: 40px; background: /*url(https://www.livingo.fr/skin/frontend/default/livingo/v3/shadow.png) repeat-y 0 0*/ #df7d7d; } #nav-opener { float: left; width: 112px; height: 40px; cursor: pointer; } #nav-opener .panel { float: none; font-size: 18px; font-weight: 900; padding: 12px 20px 11px 50px; line-height: 18px !important; background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/menu.png) no-repeat 20px 12px; } #search { float: left; width: 503px; height: 39px; border: 1px solid #9d9d9d; background: #f2f2f2 url(https://www.livingo.fr/skin/frontend/default/livingo/v3/lupe.png) no-repeat 470px 7px; -webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3); -khtml-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3); -ms-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3); -o-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3); box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3); } #search input { display: block; height: 41px; width: 400px; color: #585858; font-size: 16px; font-weight: 300; font-style: italic; padding-left: 15px; border: none; background: transparent; } #favs { float: left; width: 159px; height: 40px; /*cursor: pointer;*/ } #account { float: left; width: 82px; height: 40px; /*cursor: pointer;*/ } #favs div, #account div { float: none; font-style: italic; text-align: center; margin-top: 12px; margin-bottom: 11px; line-height: 17px !important; } #navbar { display: none; position: absolute; z-index: 32; left: 0; width: 1020px; overflow: hidden; /*background: #fff;*/ } #nav-opener:hover { text-decoration: underline; } /* #nav-opener:hover #navbar { display: block; } */ #navbar .primary { width: 1020px; height: 121px; /*padding-top: 10px;*/ background: #fff; cursor: default; } #navbar .primary:before{ width: 1020px; height: 10px; content: " "; position: absolute; top: 0; z-index: 33; -webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.2); -khtml-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.2); -moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.2); -ms-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.2); -o-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.2); box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.2); } #navbar .secondary { width: 1020px; height: 275px; padding-top: 15px; background: #fdfdfd; cursor: default; border-bottom: 5px solid #e9e9e9; -webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.4); -khtml-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.4); -ms-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.4); -o-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.4); box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.4); } #navbar .workspace { width: 20000em; position: absolute; } #navbar .secondary .workspace { display: none; } #navbar .secondary .workspace.active { display: block; } #navbar .slide { width: 1008px; position: relative; float: left; padding: 0 6px; } #navbar .secondary .slide { width: 954px; padding: 0 33px; } #navbar .slide div.next, #navbar .slide div.previous, #navbar .slide div.close { position: absolute; top: 37px; right: 1px; width: 28px; height: 42px; /*border: 1px solid #e5e5e5;*/ background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/btn_next_back_menu.png) 0 0 no-repeat #e5e5e5; cursor: pointer; } #navbar .secondary .slide div.next, #navbar .secondary .slide div.previous { top: 110px; } #navbar .slide div.previous { left: 1px; background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/btn_next_back_menu.png) 0 -42px no-repeat #e5e5e5; } #navbar .slide div.close { top: 0; height: 28px; background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/btn_close_menu.png) 0 0 no-repeat #e5e5e5; } #navbar .slide .next:hover, #navbar .slide .previous:hover, #navbar .slide .close:hover { border: 1px solid #c61718; border-color: #c61718; -webkit-box-shadow: 0 0 3px 0 #c61718; -khtml-box-shadow: 0 0 3px 0 #c61718; -moz-box-shadow: 0 0 3px 0 #c61718; -ms-box-shadow: 0 0 3px 0 #c61718; -o-box-shadow: 0 0 3px 0 #c61718; box-shadow: 0 0 3px 0 #c61718; } #navbar .primary .entry { float: left; width: 112px; margin: 0; } #navbar .primary .entry .gfx { width: 106px; height: 95px; margin: 0 3px; cursor: pointer; } #bg-1, #m-bg-1 { background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/01-Wohnzimmer.png) no-repeat; } #bg-2, #m-bg-2 { background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/02-Schlafzimmer.png) no-repeat; } #bg-3, #m-bg-3 { background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/03-Esszimmer.png) no-repeat; } #bg-4, #m-bg-4 { background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/04-Flur.png) no-repeat; } #bg-5, #m-bg-5 { background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/05-Kindermoebel.png) no-repeat; } #bg-6, #m-bg-6 { background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/06-Arbeitszimmer.png) no-repeat; } #bg-7, #m-bg-7 { background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/07-Badezimmer.png) no-repeat; } #bg-8, #m-bg-8 { background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/08-Gartenmoebel.png) no-repeat; } #bg-9, #m-bg-9 { background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/09-Lampen.png) no-repeat; } #bg-10, #m-bg-10 { background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/10-Heimtextilien.png) no-repeat; } #bg-11, #m-bg-11 { background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/11-Dekoration.png) no-repeat; } #bg-12, #m-bg-12 { background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/12-Verstauen.png) no-repeat; } #bg-13, #m-bg-13 { background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/13-Haushalt.png) no-repeat; } #bg-14, #m-bg-14 { background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/14-Baumarkt.png) no-repeat; } #bg-15, #m-bg-15 { background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/15-Marken.png) no-repeat; } #navbar .primary .entry .btn { width: 96px; height: 19px; padding: 7px 5px 0 5px; margin: 0 3px; cursor: pointer; color: #424242; font-family: "Open Sans Condensed"; font-weight: bold; line-height: 12px; font-size: 14px; text-align: center; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #navbar .primary .entry.active > div.btn, #navbar .primary .entry:hover > div.btn { color: #fff; background-color: #c61718; } #navbar .secondary .entry { float: left; min-height: 120px; width: 190px; /*margin: 0 0;*/ margin-top: 10px; color: #000; } #navbar .secondary .entry ul { margin: 0 auto; width: 170px; } #navbar .secondary .entry li { padding: 3px 5px; margin: 1px 0; white-space: nowrap; overflow: hidden; padding-left: 15px; /*cursor: pointer;*/ } #navbar .secondary .entry li, #navbar .secondary .entry li a { color: #585858; font-size: 12px; } #navbar .secondary .entry li a { display: block; } #navbar .secondary .entry li:hover { background-color: #f2f2f2; } /* #navbar .secondary .entry li.head { padding-left: 15px; } */ #navbar .secondary .entry li.head a { color: #000; font-size: 14px; font-weight: bold; } #navbar .secondary .entry li.sale, #navbar .secondary .entry li.sale a { /*font-weight: bold;*/ font-style: italic; color: #c61718; } #navbar .secondary .spacer { float: left; width: 1px; margin-top: 10px; min-height: 115px; background: #e6e6e6; } .search-bar { overflow: hidden; width: 314px; padding: 44px 0 0 52px; } .search-bar .form-search input { display: block; width: 218px; height: 30px; padding: 0px 0 0 10px; margin: 0px 2px 0 0; font-size: 1em; float: left; border: 1px solid #dcdbdb; color: #777; } .search-bar .form-search button { display: block; width: 81px; height: 32px; line-height: 32px; font-size: 1em; color: white; text-align: center; background: transparent url(https://www.livingo.fr/skin/frontend/default/livingo/images/btn_search.png) 0 0 no-repeat; border: 0px; float: right; text-indent: -199999px; cursor: pointer; } .search-bar .form-search button:hover { background: transparent url(https://www.livingo.fr/skin/frontend/default/livingo/images/btn_search.png) 0 -32px no-repeat; } .header_layer { background: #EEE; height: 24px; width: 964px; padding: 3px 3px 3px 13px; overflow: hidden; margin: 0 0 1px 0; } #HeadNavBar { display: block; width: 400px; height: 25px; padding-right: 6px; float: left; } #HeadNavBar li { display: block; float: left; height: 25px; line-height: 25px; font-size: 1em; padding: 0 7px; color: #555; text-shadow: 0 1px 0 #fff; } #HeadNavBar li a { color: #333; text-decoration: none; } #HeadNavBar li a:hover { text-decoration: underline; } #HeadNavBar li a img { padding-top: 3px; } .header .form-search { text-align: center; } .teaser, .content_3_1_sideCol .four-columns { background: url(https://www.livingo.fr/skin/frontend/default/livingo/images/livingo/footerbg.png) repeat-y 0 0 white; } .teaser { margin: 0 auto; width: 980px; text-align: left; /*border: 1px solid green;*/ } html .footer .teaser { background: none; } .footer .startpage-newsletter-submit { background: url(https://www.livingo.fr/skin/frontend/default/livingo/images/livingo/footer_btnbg.gif) repeat-x 0 0; } .footer .teaser h1, .footer .teaser h2, .footer .teaser h3, .footer .teaser h4, .footer .teaser .headline { display: block; font-size: 14px; color: #333; height: 18px; line-height: 18px; font-weight: bold; margin-bottom: 4px; } .footer .footerNavi { display: block; } .footer .footerNavi li { display: block; height: 18px; line-height: 18px; } .footer .footerNavi li.de { padding-left: 22px; background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/flags_footer.png) 0 3px no-repeat; } .footer .footerNavi li.fr { padding-left: 22px; background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/flags_footer.png) 0 -12px no-repeat; } .footer .footerNavi li.it { padding-left: 22px; background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/flags_footer.png) 0 -27px no-repeat; } .footer .footerNavi li.es { padding-left: 22px; background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/flags_footer.png) 0 -42px no-repeat; } .footer .footerNavi li.uk { padding-left: 22px; background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/flags_footer.png) 0 -57px no-repeat; } .footer .footerNavi li.at { padding-left: 22px; background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/flags_footer.png) 0 -72px no-repeat; } .footer .footerNavi li.fb { padding-left: 22px; background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/flags_footer.png) 0 -87px no-repeat; } .footer .footerNavi li a:link, .footer .footerNavi li a:visited, .footer .footerNavi li .openlink { color: #666; font-size: 12px; height: 18px; line-height: 18px; text-decoration: none; } .footer a:hover { color: #333!important; } .two-columns-1-3 { overflow: hidden; } #omBox, .omText { display: block; width: 980px; height: 100px; overflow: auto; border-bottom: 1px solid #EFEFED; border-top: 5px solid #E0DEDC; padding: 7px 0; position: absolute; bottom: 0px; left: 0px; color: #666; } #omBox img { float: left; margin-right: 10px; } #omBox a { color: #333; text-decoration: none; } #contentHome .two-columns-1-3-left { display: block; width: 220px; height: 335px; float: left; } #contentHome .two-columns-1-3-right { display: block; width: 760px; height: 335px; position: relative; float: left; overflow: hidden; } .teaserBoxWide { border-top: 5px solid #E0DEDC; display: block; clear: both; } #contentHome { padding-bottom: 120px; position: relative; display: block; } #teaserNavi { display: block; width: 212px; padding: 0 10px 0 0; } #teaserNavi .versand { background-position: 0 0; } #teaserNavi .service { background-position: 0 -41px; } #teaserNavi .kauf { background-position: 0 -82px; } #teaserNavi li, #teaserNavi li a { height: 40px; line-height: 40px; } #topSideNav li a, #topSideNavTwo li a, #topSideNavThree li a, #teaserNavi li a { display: block; width: 165px; height: 24px; line-height: 24px; color: #333; font-size: 14px; text-decoration: none; } #topSideNav li.last { border-bottom: 0px; } #topSideNav li, #topSideNavTwo li, #topSideNavThree li, #teaserNavi li { display: block; width: 165px; height: 24px; line-height: 24px; border-bottom: 1px dotted #333; padding-left: 47px; } #topSideNav li, #topSideNavTwo li, #topSideNavThree li { background: url(https://www.livingo.fr/skin/frontend/default/livingo/images/navi_icons.png) no-repeat 0 +24px; } #teaserNavi li { background: url(https://www.livingo.fr/skin/frontend/default/livingo/images/livingo/teasernavi_icons.gif) no-repeat 0 0; } .teaser div.tiny, .teaser div.larg, .teaser div.small { display: block; float: left; width: 220px; } .footer .teaser div.small { display: block; float: left; width: 170px; height: 140px; border-left: 1px dotted #858686; padding-left: 10px; margin-left: 10px; } .footer .teaser div.small:first-child { border-left: 0px dotted #858686; padding-left: 0px; margin-left: 0px; } #topSideNav, #topSideNavTwo { display: block; width: 212px; padding: 10px 10px 0 0; } #topSideNavThree { display: block; width: 210px; padding: 14px 0 0 10px; } #teaserNavi { display: block; width: 220px; } #topSideNavTwo li, #topSideNavTwo li a { border-bottom: none; height: 14px; line-height: 14px; } #topSideNavThree li, #topSideNavThree li a { padding-top: 3px; padding-bottom: 7px; } #teaserNavi li, #teaserNavi li a { height: 40px; line-height: 40px; } #topSideNav li a:hover, #topSideNav li a:focus, #topSideNav li a:active, #topSideNavTwo li a:hover, #topSideNavTwo li a:focus, #topSideNavTwo li a:active, #topSideNavThree li a:hover, #topSideNavThree li a:focus, #topSideNavThree li a:active, #teaserNavi li a:hover, #teaserNavi li a:focus, #teaserNavi li a:active { color: #c80c1f; } #topSideNav li.first { display: none; } #topSideNav .li2 { background-position: 0 0; } #topSideNav .li3 { background-position: 0 -25px; } #topSideNav .li4 { background-position: 0 -50px; } #topSideNav .li5 { background-position: 0 -75px; } #topSideNav .li6 { background-position: 0 -100px; } #topSideNav .li7 { background-position: 0 -125px; } #topSideNav .li8 { background-position: 0 -150px; } #topSideNav .li9 { background-position: 0 -175px; } #topSideNav .li10 { background-position: 0 -200px; } #topSideNav .li11 { background-position: 0 -225px; } #topSideNav .li12 { background-position: 0 -250px; } #topSideNav .li13 { background-position: 0 -275px; } #topSideNav .li14 { background-position: 0 -300px; } #topSideNavTwo .arrow { background-position: 0 -336px; } #teaserNavi .versand { background-position: 0 0; } #teaserNavi .service { background-position: 0 -41px; } #teaserNavi .kauf { background-position: 0 -82px; } #topSideNavThree .versandFree { background-position: 0 -350px; } #topSideNavThree .bauDelivery { background-position: 0 -380px; } #topSideNavThree li.bauDelivery, #topSideNavThree li.bauDelivery a { height: 36px; line-height: 18px; } #topSideNavThree .kaufRate { background-position: 0 -424px; } .sideNavBox, ul.sideNav, .sideCol .tx-isshop-pi1 .headline, .sideCol .tx-isshop-pi1 ul.mainNavSub { display: block; width: 202px } ul.sideNav a { color: #666; display: block; line-height: 19px; padding: 0 19px 0 4px; text-decoration: none; white-space: nowrap; } ul.sideNav a:hover { color: #C80C1F!important; font-weight: bold; text-decoration: none; } ul.sideNav li.level0.active { border-top: 1px dotted #c2c2c2; padding: 5px 0 0 0; } ul.sideNav li.level0.active a { color: #C80C1F; font-weight: bold; font-size: 18px; } ul.sideNav ul.level0 { padding: 0px 0 0 0; margin: 5px 0 0 0; } ul.sideNav ul.level0 li.level1.active { } html .mehr a { font-weight: bold!important; } ul.sideNav ul.level0 li.level1 a { color: #000; font-weight: normal; border-top: 1px dotted #c2c2c2; font-size: 12px; background: transparent url(https://www.livingo.fr/skin/frontend/default/livingo/images/pfeil.png) left no-repeat; padding-left: 10px; height: 26px; line-height: 26px; } ul.level1 { background: #F8F8F8; padding-left: 0px; } ul.sideNav ul.level0 li.level1 ul.level1 a { background: transparent url(https://www.livingo.fr/skin/frontend/default/livingo/images/pfeil-2.png) 10px no-repeat!important; color: #666; font-size: 11px; height: 24px; line-height: 24px; padding-left: 20px!important; border-top: 1px solid #fff; } ul.sideNav ul.level0 li.level1 ul.level1 a:hover { color: #C80C1F!important; background: transparent url(https://www.livingo.fr/skin/frontend/default/livingo/images/pfeil-2.png) 10px no-repeat!important; } html ul.sideNav li.level1 a.active { background: #c80d20; color: #fff!important; } html ul.sideNav li.level1 a:hover { background: #c80d20; color: #fff!important; } html ul.sideNav li.level1 ul.level1 li.level2 a:hover { background-color: #f2f2f2!important; color: #c80d20!important; } html ul.sideNav li.level2 a.active { background: transparent url(https://www.livingo.fr/skin/frontend/default/livingo/images/pfeil-2.png) 10px no-repeat!important; color: #c80d20!important; font-weight: bold!important; } html ul.sideNav li.level1 ul.level2 li.level3 a { background: #fbfbfb!important; color: #666!important; font-weight: normal!important; padding-left: 30px!important; } html ul.sideNav li.level1 ul.level2 li.level3 a:hover { background: none!important; color: #c80d20!important; font-weight: normal!important; padding-left: 30px!important; } html ul.sideNav li.level1 ul.level2 li.level3 a.active { background: fbfbfb!important; color: #c80d20!important; font-weight: normal!important; padding-left: 30px!important; } body.cms-page-view ul.sideNav li.level0.active { border-top: 1px dotted #717171; border-bottom: 1px dotted #717171; padding: 5px 0; } body.cms-page-view ul.sideNav li.level0 ul.level0 li.level1.active a { background-color: #F8F8F8; color: #C80C1F; } body.cms-page-view ul.sideNav ul.level0 li.level1.active.parent a { background-color: #F8F8F8; background-position: right -19px; color: #C80C1F; } body.cms-page-view ul.sideNav ul.level0 li.level1.active.parent ul.level1 li.level2 a { color: #666; font-weight: normal; } body.cms-page-view ul.sideNav ul.level0 li.level1.active.parent ul.level1 li.level2.active a { color: #C80C1F; font-weight: bold; } body.cms-page-view ul.sideNav ul.level0 li.level1.active a { background-color: #F8F8F8; background-position: right -19px; color: #666; } body.cms-page-view ul.sideNav ul.level0 li.level1.active a { color: #C80C1F; font-weight: bold; } body.cms-page-view ul.sideNav ul.level1 li.level2 a { color: #666; font-weight: normal; padding-left: 19px; background: #F8F8F8; border-top: 1px solid #fff; font-size: 12px; } body.cms-page-view ul.sideNav ul.level1 li.level2.active a { color: #C80C1F; font-weight: bold; } body.cms-page-view ul.sideNav ul.level1 li.level2.active.parent a { } .panel h2.title { margin-bottom: 10px; position: absolute; left: -1999999px; } .normal.big ul { padding: 0px; margin: 0px; list-style-type: none; } .normal.big ul li { float: left; } .normal.big ul li.first { border-right: 2px solid #E0DEDC; float: left; } .startpage-teasernewsletter-email { background: #E0DEDC; display: block; width: 139px; height: 12px; border: none; float: left; padding: 4px 6px; } .startpage-teasernewsletter-submit { display: block; width: 47px; color: white; float: left; font-weight: bold; border: none; text-align: left; cursor: pointer; background: url(https://www.livingo.fr/skin/frontend/default/livingo/images/livingo/teasernavi_icons.png) no-repeat 0 -132px; height: 20px; line-height: 20px; padding: 0px 0 0 4px; } html .teaserHeadline { color: #c80d20; font-size: 18px; margin: 30px 0 20px 0px; } .startpage-teasernewsletter-box p { display: block; width: 140px; height: 59px; padding: 5px 3px 0 3px; float: left; line-height: 18px; font-size: 16px; color: #666; } html ul.brands { padding: 10px 0; margin: 0px; list-style-type: none; overflow: hidden; } html ul.brands li { float: left; margin-right: 15px; list-style-type: none; } html ul.brands li:last-child { margin-right: 0px; } body.cms-page-view ul.sideNav li.level0.active { border-top: 1px dotted #717171; border-bottom: 1px dotted #717171; padding: 5px 0; } .wishlist_header { position: absolute; right: 0px; top: 25px; width: 112px; height: 60px; overflow: hidden; color: #c80d20; font-size: 10px; } .wishlist_header img { } .wishlist_header ul { padding: 0px; margin: 0px; list-style-type: none; } .wishlist_header ul li { float: left; } .wishlist_header ul li a { float: left; display: block; border: 4px solid #eee; margin: 0 3px 0 0; width: 26px; height: 24px; } .wishlist_header ul li.last a { margin: 0px; } .wishlist_header a { text-decoration: none; border-bottom: 1px dotted; color: #c80d20; } .wishlist_header span { display: block; margin: 0 0 8px 0; padding: 0 0 0 24px; } .cms-no-route .std { width: 980px; overflow: hidden; } .cms-page-view .std { width: 760px; overflow: hidden; color: #666; } .cms-page-view .std a { color: #c80d20; } /* listing */ #products-grid { overflow: hidden; position: relative; width: 990px; float: left; } /*.products-grid-become { overflow: hidden; clear: both; }*/ #products-grid li { position: relative; width: 237px; float: left; margin-right: 0px; height: 245px; margin-bottom: 20px; margin-top: 5px; display: block; /*text-align: center;*/ } #products-grid li.griditem { margin-right: 10px; } #products-grid li.griditem.last { margin-right: 0px; } #products-grid li:hover { cursor: pointer; text-decoration: none!important; outline: none; } #products-grid li:hover p.product-image { background-color: #fff; opacity: 0.6; } #products-grid li img { width: 235px; max-height: 194px; } #products-grid p.product-image { border: 1px solid #efefef; } #products-grid li ul { list-style: none; position: absolute; top: 172px; left: -99999px; outline: } #products-grid li:hover ul { list-style: none; left: 1px; right: 0; outline: none; color: #fff; height: 23px; display: block; line-height: 23px; text-decoration: none!important; border: 0px; font-size: 11px; } #products-grid li ul li { cursor: pointer; opacity: 0.7; float: left; margin: 0; margin-right: 1px; width: 32%; height: 23px; background: #c8121f; text-align: center; } #products-grid li ul li.info { width: 50px; background: #c8121f url(https://www.livingo.fr/skin/frontend/default/livingo/images/btn_details-i.png) center center no-repeat;} #products-grid li ul li.info a { width: 50px; height: 23px; text-decoration: none; display: inline-block; } #products-grid li ul li.wish { width: 50px; background: #c8121f url(https://www.livingo.fr/skin/frontend/default/livingo/images/btn_wishlist-heart.png) center center no-repeat; } #products-grid li ul li.goto { width: 133px; margin-right: 0; font-size: 12px; font-weight: bold; } #products-grid .delivery { cursor: default; width: 95px; float: left; color: #a3a3a3; font-style: italic; padding: 2px 0 0 5px; font-size: 11px; } #products-grid .price-box { cursor: default; width: 130px; float: right; color: black; font-weight: bold; font-size: 12px; text-align: right; padding: 0 0 0 5px; padding-left: 0; } #products-grid .product-name { line-height: inherit; color: #000; height: 18px; padding: 10px 5px 0px 5px; overflow: hidden; font-size: 12px; } #products-grid .price-label { display: none; } #products-grid .old-price { font-size: 11px; text-decoration: line-through; margin-right: 5px; } #products-grid .special-price .price { font-weight: bold; color: #D20813; font-size: 12px; } #products-grid #item { width: 980px; height: auto; } #products-grid #item:hover { cursor: auto; } #products-grid #item .product-img-box { } #products-grid #item img { width: 380px; max-height: 265px; border: 1px solid #efefef; } #products-grid #item h1 { color: #333; } #products-grid #item .product-essential { color: #666; padding-right: 20px; } #products-grid #item .product-name { height: auto; padding: 0; } #products-grid #item .price-box { margin-top: 20px; width: auto; float: none; color: #333; font-weight: bold; font-size: 16px; text-align: left; } #products-grid #item .old-price { font-size: 14px; text-decoration: line-through; margin-right: 5px; } #products-grid #item .special-price .price { font-weight: bold; color: #D20813; font-size: 16px; } #products-grid #item .product-collateral { position: relative; padding-top: 40px; width: 140px; height: 260px; } #products-grid #item .close { position: absolute; width: 28px; height: 28px; background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/btn_close_menu.png) 0 0 no-repeat #e5e5e5; cursor: pointer; top: 1px; right: 1px; } #products-grid #item .close:hover { border: 1px solid #c61718; border-color: #c61718; -webkit-box-shadow: 0 0 3px 0 #c61718; -khtml-box-shadow: 0 0 3px 0 #c61718; -moz-box-shadow: 0 0 3px 0 #c61718; -ms-box-shadow: 0 0 3px 0 #c61718; -o-box-shadow: 0 0 3px 0 #c61718; box-shadow: 0 0 3px 0 #c61718; } .link-wishlist { display: block; border: 1px solid #eee; background: #fff; width: 100px; height: 30px; position: absolute; bottom: 20px; text-align: center; text-decoration: none; color: #666; line-height: 30px; } #products-grid #item .link-wishlist { left: 50%; transform: translateX(-50%); cursor: pointer; } /* * Effect Stuff * #products-grid li.griditem { opacity: 0 } #products-grid li.griditem.shown { opacity: 1; } */ /* Effect 1: opacity */ /* #products-grid li.griditem.animate { -webkit-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; } @-webkit-keyframes fadeIn { 0% { } 100% { opacity: 1; } } @keyframes fadeIn { 0% { } 100% { opacity: 1; } } /* * Effect Stuff */ #brand-grid, #shop-grid { overflow: hidden; position: relative; width: 991px; float: left; } #brand-grid li, #shop-grid li { position: relative; width: 235px; float: left; margin-right: 0px; height: 96px; line-height: 94px; margin-bottom: 20px; margin-top: 5px; display: block; border: 1px solid #f8f8f8; text-align: center; } #brand-grid li, #shop-grid li { font-size: 16px; margin-right: 10px; } #brand-grid li a, #shop-grid li a { display: block; color: #000; } #brand-grid li.first, #shop-grid li.first { margin-left: 1px; } #brand-grid li.last, #shop-grid li.last { margin-right: 0px; } #brand-grid li:hover, #shop-grid li:hover { cursor: pointer; border-color: #c61718; -webkit-box-shadow: 0 0 3px 0 #c61718; -khtml-box-shadow: 0 0 3px 0 #c61718; -moz-box-shadow: 0 0 3px 0 #c61718; -ms-box-shadow: 0 0 3px 0 #c61718; -o-box-shadow: 0 0 3px 0 #c61718; box-shadow: 0 0 3px 0 #c61718; } #intermediate span { font-family: "Open Sans Condensed"; font-weight: bold; font-size: 14px; text-transform: uppercase; } #intermediate p { font-size: 14px; } #intermediate p a { color: #c61718; } #show-all { font-family: "Open Sans Condensed"; font-weight: bold; text-transform: uppercase; font-size: 14px; text-decoration: none; display: inline-block; width: 980px; height: 28px; line-height: 28px; background-color: #c61718; color: #fff; text-align: center; } #intermediate-grid { overflow: hidden; position: relative; width: 991px; float: left; } #intermediate-grid li { overflow: hidden; position: relative; width: 235px; float: left; margin-right: 0px; height: 196px; margin-bottom: 20px; margin-top: 5px; display: block; border: 1px solid #f8f8f8; text-align: center; } #intermediate-grid li { font-size: 16px; margin-right: 10px; } #intermediate-grid li a { color: #000; } #intermediate-grid li.first { margin-left: 1px; } #intermediate-grid li.last { margin-right: 0px; } #intermediate-grid li.hide { display: none; } #intermediate-grid li.all img { overflow: hidden; background-color: #fff; opacity: 0.4; } #intermediate-grid li.all div { position: absolute; top: 70px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 50px; font-family: "Open Sans Condensed"; text-transform: uppercase; color: #c61718; font-weight: 600; line-height: 22px; font-size: 20px; } #intermediate-grid li div a { font-family: "Open Sans Condensed"; font-weight: bold; text-transform: uppercase; width: 235px; height: 28px; line-height: 28px; font-size: 14px; text-decoration: none; display: inline-block; border-top: 1px solid #f8f8f8; } #intermediate-grid li:hover div a { background-color: #c61718; color: #fff; } .productlistPagerBox { display: block; background-color: #E0DEDC; width: 760; height: 30px; padding: 0px; margin: 0px 0 10px 0; overflow: hidden; clear: both; } .productlistPagerPager, .productlistPagerResult, .productlistPagerPagination, .productlistPagerViews, .productlistPagerFilter { display: block; height: 24px; line-height: 24px; padding: 3px 17px; float: left; overflow: hidden; color: #666; padding: 3px 17px; } .productlistPagerPagination { text-align: right; padding-right: 12px; float: right; } .productlistPagerBox strong { display: inline; color: #666; } strong { font-weight: bold; } .productlistPagerPagination a.active, .productlistPagerPagination a:hover { color: #C80C1F; } .productlistPagerPagination a, .productlistPagerPager a { display: inline-block; height: 16px; width: 22px; margin: 4px 2px; color: #666; font-weight: bold; text-align: center; text-decoration: none; line-height: 16px; } .two-columns h1, .two-columns h2, .two-columns h3, .no-columns h1, .no-columns h2, .no-columns h3, .contentbox h1, .contentbox h2, .contentbox h3 { font-size: 1.5em; font-weight: bold; display: block; color: #000; margin: 30px 0 0 0; } .two-columns .left-3-1 .formular { width: 601px; } .two-columns .left-3-1 .formular fieldset { width: 587px; } .two-columns .left-3-1 .formular fieldset div { width: 587px; margin-bottom: 15px; } .two-columns .left-3-1 .formular label, .two-columns .left-3-1 .formular .buttons p.info, .two-columns .left-3-1 .buttons p.info { width: 159px; } .buttons p.info { float: left; } .two-columns .left-3-1 .formular input { width: 250px; } .two-columns .left-3-1 .formular textarea { width: 250px; } .two-columns .left-3-1 .formular select.small { width: 132px; margin-right: 124px; } .two-columns .left-3-1 .formular p.zusatz { padding: 0px 10px 0px 7px; width: 143px; } .two-columns .left-3-1 .formular label, .two-columns .left-3-1 .formular .buttons p.info, .two-columns .left-3-1 .buttons p.info { width: 159px; } .formular label, .formular .buttons p.info { display: block; min-height: 21px; line-height: 21px; padding-right: 7px; float: left; text-align: right; color: #333; } .two-columns .left-3-1 .formular p.zusatz { padding: 0px 10px 0px 7px; width: 143px; } .formular p.zusatz { display: block; height: 21px; line-height: 21px; float: left; margin: 0px; } .formular div input, .formular div textarea { width: 250px; float: left; border-top: 1px solid #858585; border-left: 1px solid #C1C1C1; border-right: 1px solid #C1C1C1; border-bottom: 1px solid #E1E1E1; padding: 3px 2px; } /* Autocomplete */ #autocomplete { } #autocomplete ul { position: absolute; z-index: 401; width: 503px; /*left: -1px;*/ top: -2px; background-color: white; -webkit-box-shadow: -4px 4px 10px 0 rgba(0,0,0,0.3), 4px 4px 10px 0 rgba(0,0,0,0.3); -khtml-box-shadow: -4px 4px 10px 0 rgba(0,0,0,0.3), 4px 4px 10px 0 rgba(0,0,0,0.3); -moz-box-shadow: -4px 4px 10px 0 rgba(0,0,0,0.3), 4px 4px 10px 0 rgba(0,0,0,0.3); -ms-box-shadow: -4px 4px 10px 0 rgba(0,0,0,0.3), 4px 4px 10px 0 rgba(0,0,0,0.3); -o-box-shadow: -4px 4px 10px 0 rgba(0,0,0,0.3), 4px 4px 10px 0 rgba(0,0,0,0.3); box-shadow: -4px 4px 10px 0 rgba(0,0,0,0.2), 4px 4px 10px 0 rgba(0,0,0,0.2); } #autocomplete ul li { width: 503px; height: 40px; color: #585858; font-size: 14px; line-height: 40px; border-bottom: 1px solid #f2f2f2; } #autocomplete ul li:hover { background: #f4f4f4; } #autocomplete ul li.last { border-bottom: none; } #autocomplete ul li a { color: #585858; display: block; text-decoration: none; } #autocomplete div.gfx { float: left; width: 70px; margin: 0 auto; text-align: center; overflow: hidden; } #autocomplete div.gfx div.resize { background-size: auto 32px; background-position: center center; background-repeat: no-repeat; overflow:hidden; } #autocomplete div.gfx div.portion { margin: 0 auto; margin-top: 5px; width: 36px; height: 30px; background-size: auto 50px; background-position: center center; background-repeat: no-repeat; overflow:hidden; } #autocomplete div.name { float: left; width: 185px; padding-right: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #autocomplete div.type { float: left; width: 120px; font-size: 12px; color: #848484; } #autocomplete div.products { float: left; width: 100px; text-align: right; font-size: 12px; color: #848484; } #autocomplete div.type a, #autocomplete div.products a { color: #848484; } /* Kategoriefilter */ .pf_switchBox_menue { background: none repeat scroll 0 0 #E0DEDC; border-bottom: 1px solid #999999; display: block; font-weight: bold; height: 20px; line-height: 21px; width: 202px; } .pf_switchBox_menue label { cursor: pointer; float: left; font-size: 12px; line-height: 21px; padding-left: 3px; width: 159px; } .pf_switchBox { background: none repeat scroll 0 0 #FFFFFF; border-top: 1px solid #999999; display: block; overflow: hidden; width: 202px; } span.pf_minimized, span.pf_maximized, span.pf_reset, span.ffpf_reset { color: black; cursor: pointer; display: block; float: right; font-size: 13px; font-weight: bold; height: 20px; line-height: 18px; text-align: center; text-decoration: none; width: 20px; } .pf_switchBox_content { font-size: 12px; margin-bottom: 17px; max-height: 150px; overflow: auto; padding-top: 5px; width: 202px; } .pf_switchBox_content ul li { border: medium none !important; margin: 0 !important; padding: 0 !important; } .pf_switchBox_content ul li a { color: #333333; height: 18px; line-height: 18px; margin-left: 15px; text-decoration: none; } .pf_switchBox_content ul li a:hover { text-decoration: underline; } .cartbutton_new { background: transparent url(https://www.livingo.fr/skin/frontend/default/livingo/images/btn_partner_shop.png) 0 0 no-repeat; width: 243px; height: 47px; border: 0px; cursor: pointer; margin: 20px 0px; } .cartbutton_new:hover { background: transparent url(https://www.livingo.fr/skin/frontend/default/livingo/images/btn_partner_shop.png) 0 -47px no-repeat; } .shipping_new { color: #d20813; margin: 10px 0 0 0; font-size: 11px; } .goto_shop { color: #d20813; position: absolute; bottom: 155px; left: 20px; } .goto_shop a, .morecontent a { color: #d20813; text-decoration: none; } .goto_shop a:hover, .morecontent a:hover { text-decoration: underline; } #layered-navigation { margin-top: 40px; } .breadcrumbs .currently li span .label { float: left; } .btn-remove-x { background: url("https://www.livingo.fr/skin/frontend/default/livingo/images/breadcrumb_x.png") no-repeat scroll 0 0 transparent; width: 14px; text-decoration: none; } .wishlist { text-align: center; background: transparent url(https://www.livingo.fr/skin/frontend/default/livingo/images/wishlistbg.png); position: fixed; bottom: 0px; height: 81px; width: 100%; } .wishlist_shadow { background: transparent url(https://www.livingo.fr/skin/frontend/default/livingo/images/wishlist_shadow.png) top repeat-x; height: 100%; } .wishlist_min { display: block; position: absolute; top: -15px; right: 0px; width: 94px; height: 22px; } .wishlist_layer { width: 960px; margin: 0px auto; position: relative; } .wishlist_marker { position: absolute; top: -14px; left: -10px; color: #cd0b11; } .wishlist_marker img { float: left; margin-right: 10px; } .wishlist_marker p { position: absolute; left: 50px; top: 24px; text-align: left; font-size: 14px; } .wishlist_marker .big { font-size: 23px; } .wishlist_listing { position: relative; padding: 12px 0 0 0; width: 750px; float: right; text-align: left; } .wishlist_listing ul { padding: 0px; margin: 0px; } .wishlist_listing li { display: block; float: left; margin-right: 20px; position: relative; width: 60px; height: 60px; border: 1px solid #d4d4d4; -webkit-box-shadow: 0px 2px 1px 0px #ccc; box-shadow: 0px 2px 1px 0px #ccc; text-align: center; vertical-align: middle; background: #fff; } .wishlist_listing li img { text-align: center; vertical-align: middle; } .wishlist_listing li span img { border: 0px solid #dadada; background: none; -webkit-box-shadow: none; box-shadow: none; line-height: inherit; width: inherit; height: inherit; } .wishlist_listing .wishlist_close { position: absolute; right: -9px; top: -8px; } /* adsene scroll container */ .adsense_sidebar { position: absolute; top: 0px; left: 1040px; } #adsensefixed { width: 160px; height: 600px; overflow: hidden; z-index: 100; position: fixed; cursor:pointer; } .adsense_layer { width: 1020px; margin: 0px auto; position: relative; /*overflow: hidden;*/ } /* adsene scroll container end */ /* .category-ad { margin: 20px auto; min-height: 20px; width: 728px; } */ #newsletter { width: 100%; height: 214px; margin: 15px 0 0 0; background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/bg_newsletter.png) repeat-x; } #newsletter .wrapper { width: 1020px; height: 174px; margin: 0 auto; background: url(https://www.livingo.fr/skin/frontend/default/livingo/images/newsletter.png) no-repeat, url(https://www.livingo.fr/skin/frontend/default/livingo/v3/bg_newsletter.png) repeat-x; } #newsletter .messages { text-align: left; height: 80px; } #newsletter .messages span { display: block; margin: 60px 0 0 465px; } #newsletter .messages span.success { color: #3f9f3f; font-weight: bold; } #newsletter .subscribe ul { list-style: none; } #newsletter .subscribe ul li { float: left; margin-top: 8px; } #newsletter .subscribe legend { display: block; margin-left: 150px; width: 310px; text-align: left; color: #fff; font-size: 14px; } #newsletter .subscribe legend h4 { font-size: 18px; } #newsletter .subscribe input { display: block; width: 336px; height: 38px; padding: 0px 0 0 10px; margin: 3px 1px 0 0; font-size: 18px; float: left; border: 1px solid #dcdbdb; color: #777; } #newsletter .subscribe button { display: block; width: 175px; height: 38px; margin: 3px 0 0 0; line-height: 38px; font-size: 1em; color: white; text-align: center; background: transparent url(https://www.livingo.fr/skin/frontend/default/livingo/images/btn_newsletter.png) 0 0 no-repeat; border: 0px; float: right; text-indent: -199999px; cursor: pointer; } #newsletter .subscribe button:hover { background: transparent url(https://www.livingo.fr/skin/frontend/default/livingo/images/btn_newsletter.png) 0 -38px no-repeat; } #secondary { margin-bottom: 14px; float: left; width: 985px; color: #585858; } #secondary ul { list-style: none; } #secondary ul li { float: left; margin-right: 4px; font-size: 16px; padding: 4px 8px; background: #ededef; border: 1px solid #ededef; } #secondary ul li a { display: block; color: #585858; text-decoration: none; } #secondary ul li:hover { border-color: #c61718; -webkit-box-shadow: 0 0 3px 0 #c61718; -khtml-box-shadow: 0 0 3px 0 #c61718; -moz-box-shadow: 0 0 3px 0 #c61718; -ms-box-shadow: 0 0 3px 0 #c61718; -o-box-shadow: 0 0 3px 0 #c61718; box-shadow: 0 0 3px 0 #c61718; } #secondary ul li.active { background: #c61718; color: #fff; } #secondary ul li.active:hover { border-color: #ededef; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #secondary.categories { margin-bottom: 20px; background: #fdfdfd; float: left; width: 970px; padding: 15px 0; border: 5px solid #ededef; } #secondary.categories ul { float: left; width: 180px; margin: 0 0 0 10px; border-right: 1px solid #e6e6e6; } #secondary.categories ul.first { margin-left: 20px; } #secondary.categories ul.last { border: none; } #secondary.categories li { width: 170px; border: none; background: none; margin: 0; padding: 0; } #secondary.categories li:hover { border: none; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #secondary.categories li a { display: block; color: #585858; font-weight: normal; font-size: 12px; padding: 3px 10px 3px 15px; margin: 1px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #secondary.categories li.active { background: none; } #secondary.categories li.active a { color: #c61718; } #secondary.categories li.more a { color: #c61718; font-style: italic; } #secondary.categories li a:hover { color: #fff; background-color: #c61718; } #secondary.categories #more { display: none; } #category-title, #search-title { float: left; margin-left: 30px; font-family: "Open Sans Condensed"; font-weight: bold; color: #585858; text-transform: uppercase; } #category-title h1 { font-size: 14px; font-weight: bold; line-height: 1.25; } #search-title { margin-left: 5px; } #category-count, #search-count { float: left; margin-left: 20px; font-size: 11px; line-height: 20px; color: #585858; } #filter { margin-bottom: 14px; float: left; width: 980px; color: #585858; } #filter ul { list-style: none; } #filter ul > li { float: left; width: 181px;/*148px;*/ height: 32px; background: #fafafa; margin-right: 16px; /*15px*/ border: 1px solid #fff; cursor: pointer; background: #ededef url(https://www.livingo.fr/skin/frontend/default/livingo/images/filter-arrow-black.png) 159px /*130px*/ center no-repeat; } /* #filter ul li:hover, #filter ul li.category { border-color: #c61718; -webkit-box-shadow: 0 0 3px 0 #c61718; -khtml-box-shadow: 0 0 3px 0 #c61718; -moz-box-shadow: 0 0 3px 0 #c61718; -ms-box-shadow: 0 0 3px 0 #c61718; -o-box-shadow: 0 0 3px 0 #c61718; box-shadow: 0 0 3px 0 #c61718; } */ #filter ul li.price { margin-right: 0; } #filter ul li p { width: 145px; /*120px;*/ display: block; position: absolute; z-index: 2; font-size: 16px; line-height: 16px; padding: 8px; } #filter ul li p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #filter ul li .container, #filter ul li.disabled .container { display: none; } /* #filter ul li.selected .container { display: block; position: absolute; z-index: 10; margin-top: 3f4px; padding: 10px; width: 230px; height: 230px; max-height: 230px; border: 5px solid #ededef; cursor: default; background: #fff; } */ #filter ul li:hover .container, #m-filter ul li .container { display: block; position: absolute; z-index: 10; margin-top: 33px; /*34px*/ padding: 10px; width: 230px; height: 230px; max-height: 230px; border: 5px solid #ededef; cursor: default; background: #fff; } #filter ul li .container.color { padding: 8px 8px; } #filter ul li.price.last .container { right: 21px; /*25px;*/ } #filter #price-range, #m-filter-container #price-range { height: 32px; width: 190px; background: #fff url(https://www.livingo.fr/skin/frontend/default/livingo/images/priceslider.png) repeat-x center; } #filter #price-range .filter-handle, #m-filter-container #price-range .filter-handle { height: 32px; width: 15px; cursor: e-resize; display: block; } #filter #price-range .price-slider-from, #m-filter-container #price-range .price-slider-from { background: url(https://www.livingo.fr/skin/frontend/default/livingo/images/img__price_slider_left.png) no-repeat scroll 0 8px transparent; } #filter #price-range .price-slider-to, #m-filter-container #price-range .price-slider-to { margin-top: -24px; cursor: w-resize; background: url(https://www.livingo.fr/skin/frontend/default/livingo/images/img__price_slider_right.png) no-repeat scroll 0 0 transparent; } #filter #price-values div, #m-filter-container #price-values div { float: left; border: 1px solid #dfdede; } #filter #price-values .dash, #m-filter-container #price-values .dash { padding: 4px; width: 40px; text-align: center; border: none; } #filter #price-values input, #m-filter-container #price-values input { color: #585858; padding: 4px 4px 4px 0; width: 10px; text-align: right; border: none; height: 20px; background: #fff; } #filter input#price-min-display, #m-filter-container input#price-min-display { width: 50px; } #filter input#price-max-display, #m-filter-container input#price-max-display { width: 50px; } #filter ul li.price .container dd ol, #m-filter-container ul li.price .container dd ol { float: left; margin-top: 15px; } #filter #handle-price, #m-filter-container #handle-price { float: left; margin-top: 20px; font-family: "Open Sans Condensed"; font-weight: bold; text-transform: uppercase; font-size: 14px; text-decoration: none; display: inline-block; width: 198px; height: 28px; line-height: 28px; background-color: #c61718; color: #fff; text-align: center; } #filter ul li.disabled, #m-filter-container ul li.disabled { cursor: default; background: #fafafa url(https://www.livingo.fr/skin/frontend/default/livingo/images/filter-arrow-light.png) 159px /*130px*/ center no-repeat; border-color: #fff; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #filter ul li.disabled p, #m-filter-container ul li.disabled p { color: #d0d0d1; } #filter ul li.active { background: #c61718 url(https://www.livingo.fr/skin/frontend/default/livingo/images/filter-arrow-white.png) 159px /*130px*/ center no-repeat; } #filter ul li.active p { color: #fff; } /* Block: Layered Navigation */ .block-layered-nav { } .block-layered-nav dt { font-weight: bold; color: #c61718; font-size: 18px; overflow: hidden; clear: both; } .block-layered-nav .currently { } .block-layered-nav .btn-remove { float: left; margin: 2px 3px 0 0; } #filter dd, #m-filter dd { max-height: 200px; overflow: auto; } #filter dd.color { max-height: 200px; overflow: auto; padding: 0; } #filter .term, #m-filter .term { border-top: 1px dotted #c2c2c2; padding: 13px 0 5px 0; margin-top: 23px; } #filter dt.search, #m-filter dt.search { padding-bottom: 0px; } #filter .term.color { border-top: 0px dotted #c2c2c2; padding-top: 0px; margin-top: 0px; } #filter dd a, #m-filter dd a, #m-filter-container dd a { display: block; color: #585858; text-decoration: none; background: url("https://www.livingo.fr/skin/frontend/default/livingo/images/img_filter_checkbox.png") no-repeat 0 3px; padding: 0 6px 0 16px; } #filter dd a, #m-filter dd a, #m-filter-container dd a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #filter dd a:hover, #m-filter dd a:hover { color: #c61718; } #filter dd li:hover, #m-filter dd li:hover { border: none; box-shadow: none; -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; } /* #narrow-by-list .shopsearch_filter { padding: 0 4px; width: 190px; border: 1px solid #dfdede; height: 20px; margin-bottom: 4px; color: #999; font-style: italic; } */ #filter .search_filter, #m-filter .search_filter { padding: 0 4px; width: 190px; border: 1px solid #dfdede; height: 20px; margin-bottom: 4px; color: #999; font-style: italic; } #filter dt, #m-filter dt { padding-bottom: 3px; } #filter dd a.filter-selected, #m-filter dd a.filter-selected { background: url("https://www.livingo.fr/skin/frontend/default/livingo/images/img_filter_checkbox_yes.png") no-repeat 0 3px; color: #c61718; } #filter li.filter-selected, #m-filter li.filter-selected { color: #c61718; } /* .ghost_material li { float: left; width: 100px; } */ #filter li, #m-filter li { line-height: 20px; } #loading { position: absolute; z-index: 5000; top: 40px; right: 360px; } #filter #colors .colorwrap, #m-filter-container #colors .colorwrap { display: block; position: relative; overflow: hidden; margin: auto; padding: 0px; height: 25px; width: 25px; } #filter #colors li, #m-filter-container #colors li { float: left; background: #fff; padding: 1px; border: 1px solid #ccc; margin: 8px 8px; width: auto; } #filter #colors li.picked, #filter #colors li:hover, #m-filter-container #colors li.picked { border: 1px solid #c61718; } /* .col1-layout .sticky { top: 0; position: fixed; z-index: 88; margin: 0; padding: 10px 0; background: #fff; width: 980px; border-bottom: 1px solid #ddd; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1); } #filter.sticky { top: 30px; } */ #brandbar, #shopbar { float: left; width: 980px; margin-bottom: 15px; } #brandbar .lt, #brandbar .rt, #shopbar .lt, #shopbar .rt { height: 94px; border: 7px solid #fafafa; } #brandbar .lt, #shopbar .lt { float: left; width: 198px; line-height: 94px; text-align: center; font-size: 16px; } #brandbar .rt, #shopbar .rt { float: right; width: 724px; height: 74px; padding: 10px 15px; /*754px*/ border-left: none; overflow-y: auto; color: #666; line-height: 20px; } #brandbar h1, #brandbar h2, #brandbar h3 { font-size: 16px; font-weight: bold; line-height: 20px; } #shopbar .rt { width: 699px; height: 66px; padding: 14px 10px 14px 45px; } #shopbar ul li { float: left; width: 190px; margin-right: 35px; font-size: 12px; line-height: 22px; } #shopbar i { color: #c61718; } #wiki { margin-top: 20px; margin-bottom: 20px; padding: 20px 0; } #wiki .category-description { margin: 0 auto; padding-right: 10px; width: 970px; /*height: 277px; overflow-y: auto;*/ color: #666; line-height: 20px; } #wiki .category-description img { margin: 0 20px 10px 0; border: 1px solid #efefef; } #wiki h1, #wiki h2, #wiki h3 { padding-bottom: 10px; font-size: 16px; font-weight: bold; /*line-height: 20px;*/ } #wiki p { text-align: justify; } #wiki li { list-style: none; } #wiki img[style] { clear: left !important; } #wiki .category-description a, #brandbar .std a { color: #c61718; text-decoration: underline; } #wiki .category-description a:hover, #brandbar .std a:hover { color: #c61718; text-decoration: none; } .page .sticky { top: 0; position: fixed; z-index: 88; } .main-container { padding-top: 50px; } .back-to-top { position: fixed; bottom: 50px; width: 52px; height: 53px; background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/btn_go_to_top.png) 0 0 no-repeat; } .back-to-top:hover { background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/btn_go_to_top.png) 0 -53px no-repeat; } /* .error-msg, .success-msg, .note-msg, .notice-msg { border-style: solid !important; border-width: 1px !important; background-position: 10px 9px !important; background-repeat: no-repeat !important; min-height: 24px !important; padding: 8px 8px 8px 32px !important; font-size: 11px !important; font-weight: bold !important; } .error-msg { border-color: #f16048; background-color: #faebe7; background-image: url(https://www.livingo.fr/skin/frontend/default/livingo/images/i_msg-error.gif); color: #df280a; } .success-msg { border-color: #446423; background-color: #eff5ea; background-image: url(https://www.livingo.fr/skin/frontend/default/livingo/images/i_msg-success.gif); color: #3d6611; } .note-msg, .notice-msg { border-color: #fcd344; background-color: #fafaec; background-image: url(https://www.livingo.fr/skin/frontend/default/livingo/images/i_msg-note.gif); color: #3d6611; } */ .note-msg { border: none !important; background: none; color: black; font-size: 12px !important; padding-left: 0 !important; } #search-more { font-family: "Open Sans Condensed"; font-weight: bold; text-transform: uppercase; font-size: 14px; text-decoration: none; display: inline-block; width: 980px; height: 28px; line-height: 28px; background-color: #c61718; color: #fff; text-align: center; } .mtg-partner-item-recommend .wrapper { background-color: #fff; } .mtg-partner-item-recommend .shadow { -webkit-box-shadow: none; -khtml-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; } #recommend { margin: 0 auto; margin-top: -30px; width: 400px; height: 350px; text-align: center; border: 1px solid #fff; background: url(https://www.livingo.fr/skin/frontend/default/livingo/images/livingo/partner/header.png) no-repeat; } #recommend h3 { margin: 150px 0 30px 0; font-weight: normal; text-align: center; } #recommend p { margin-top: 30px; text-align: center; } .footer { background-color: #fff; margin-bottom: 0; padding-bottom: 60px; } .adslot { display: inline-block; } @media (max-width:768px) { .adslot { display: none; } } /**** Mobile *uck */ @media only screen and (max-width: 768px), (orientation: portrait) and (min-device-width: 768px) and (max-device-width: 1024px) { #header .spacer, #favs, #account, #navbar, #contentHome, .col-left, .adsense_sidebar, #adsensefixed, #brandbar, #shopbar, .breadcrumbs, #secondary, #filter, /*#wiki,*/ .nf_image, .boxBodyContent .two-columns .right, #newsletter, .wishlist, .toolbar-bottom .sort-by, .toolbar-bottom .limiter, .toolbar-bottom .reduced_products, html .footer .teaser { display: none; } .wrapper { overflow: visible; } #header, #header:after { width: 100%; } #header:after { margin-top: -1px; height: 9px; background-color: #fff; } .adsense_layer { width: 100%; } .page { width: 100%; text-align: center; } .catalog-category-view .page { text-align: left; } /*.page .sticky { position: absolute; }*/ /* .page .sticky { overflow-y: scroll; max-height: 100%; } */ #logo { margin-left: -9px; } #nav-opener { float: right; width: 65px; overflow: hidden; } #nav-opener:hover { text-decoration: none; } #nav-opener div.panel { color: #c61718; } #search { position: relative; box-sizing: border-box; float: none; width: 98%; margin-top: 49px; margin-left: auto; margin-right: auto; background: #f2f2f2 url(https://www.livingo.fr/skin/frontend/default/livingo/v3/lupe.png) no-repeat right 20px top 7px; } #search input { width: 96%; } #autocomplete ul, #autocomplete ul li { width: 100%; } #autocomplete div.products { display: none; } #autocomplete div.gfx { width: 20%; min-width: 70px; max-width: 70px; } #autocomplete div.name { width: 45%; /*width: calc((100% - 80px) * 0.65);*/ text-align: left; /*border-right: 1px solid blue;*/ } #autocomplete div.type { width: 20%; /*width: calc((100% - 80px) * 0.25);*/ min-width: 70px; text-align: right; } #navbar { display: none !important; } #m-navbar { display: none; position: fixed; z-index: 44; top: 94px; left: 0; width: 100%; cursor: default; overflow: hidden; height: 90%; height: calc(100% - 94px); overflow-y: scroll; -ms-overflow-style: none; } #m-navbar::-webkit-scrollbar { display: none; /*width: 0px; /* remove scrollbar space */ /*background: transparent; /* optional: just make scrollbar invisible */ } #m-navbar ul { width: 98%; margin: 0 auto; background: #fff; border-bottom: 1px solid #e5e5e5; } #m-navbar ul li { width: 100%; min-height: 65px; border-top: 1px solid #e5e5e5; background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/m_menu_arrow_down.png) 98% 24px no-repeat; } #m-navbar ul li .gfx { float: left; width: 104px; height: 63px; /*margin: 0 5px;*/ cursor: pointer; background-size: auto 70px; background-position: center -7px; overflow: hidden; } #m-navbar ul li .btn { padding: 7px 5px 0 5px; width: 50%; height: 50px; cursor: pointer; color: #424242; /*font-family: "Open Sans Condensed";*/ font-weight: bold; font-size: 10px; text-align: left; /*white-space: nowrap;*/ text-overflow: ellipsis; overflow: hidden; } #m-navbar ul li .btn h3 { margin-bottom: 2px; font-family: "Open Sans Condensed"; font-size: 16px; color: #c61718; text-transform: uppercase; } #m-navbar ul li ul { display: none; width: 100%; margin-top: 8px; line-height: 50px; border-bottom: none; } #m-navbar ul li ul li { min-height: 50px; height: 50px; background: none; background-color: #fdfdfd; } /* #m-navbar ul li ul li:first-child { background: url(https://www.livingo.fr/skin/frontend/default/livingo/v3/m_menu_selected_arrow_down.png) center 0 no-repeat; background-color: #fdfdfd; } */ #m-navbar ul li ul li a, #m-navbar ul li ul li a:hover { display: block; margin-left: 20px; text-align: left; color: #c61718; background-color: transparent; } .cms-home #m-navbar { display: block !important; } .cms-home .wrapper .page { min-height: 1100px; } /* .cms-home #m-navbar { border: 1px solid blue; display: block; position: absolute; z-index: 1; left: 0; width: 100%; margin-top: 60px; } */ .col-main, .col2-left-layout .col-main, .col1-layout .col-main, .boxBodyContent .two-columns .left { float: none; width: 100%; } .cms-no-route .std, .cms-page-view .std { margin: 0 auto; width: 95%; } .cms-no-route .std { margin-top: 56px; } .cms-no-route .std img { width: 100%; height: auto; } #wiki { margin-bottom: 5px; } #wiki .category-description { width: 95%; margin: 0 auto; } #wiki .category-description img { max-width: 31%; max-width: calc(95% / 3); height: auto; } .category-products { width: 98%; margin: 0 auto; } #m-filter { position: fixed; z-index: 33; display: block; margin: 0 auto; width: 100%; background: #fff; } #m-filter ul { list-style: none; margin: 0 auto; margin-top: 45px; width: 98%; color: #585858; } #m-filter ul > li { float: left; display: inline-block; width: 49%; width: calc(98% / 2); height: 32px; background: #fafafa; margin-right: 2%; border-bottom: 4px solid #fff; cursor: pointer; background: #ededef url(https://www.livingo.fr/skin/frontend/default/livingo/images/filter-arrow-black.png) 95% center no-repeat; } #m-filter li:nth-child(even) { margin-right: 0; } #m-filter ul li p { width: calc(90% / 2); display: block; position: absolute; z-index: 2; font-size: 16px; line-height: 16px; padding: 8px; } #m-filter ul li p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #m-filter ul li p span { font-size: 11px; line-height: 16px; color: #c61718; } #m-filter ul li .container { display: none; width: 49%; width: calc((98% / 2) - 30px - 1%); height: 115px; } #m-filter .sorter { margin-top: 0; } #m-filter-container { /*display: block;*/ position: fixed; top: 0; left: 0; z-index: 450; width: 270px; height: 100%; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); -khtml-box-shadow: 0 0 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -ms-box-shadow: 0 0 10px rgba(0,0,0,0.2); -o-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); color: #585858; overflow: hidden; } #m-filter-container .head { width: 270px; height: 49px; } #m-filter-container .label { width: 270px; height: 46px; background: white; font-size: 16px; line-height: 44px; color: #c61718; padding-left: 15px; } #m-filter-container .label span { float: right; margin-right: 30px; } #m-filter-container .label span a, #m-filter-container .label span a:hover { font-size: 11px; line-height: 44px; color: #585858; text-decoration: none; } #m-filter-container ul { height: 85%; height: calc(100% - 95px); background: #fff; overflow: hidden; overflow-y: scroll; -ms-overflow-style: none; } #m-filter-container ul::-webkit-scrollbar { display: none; /*width: 0px; /* remove scrollbar space */ /*background: transparent; /* optional: just make scrollbar invisible */ } #m-filter-container ul li:first-child { -webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3); -khtml-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3); -ms-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3); -o-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3); box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3); } #m-filter-container ul > li { width: 100%; height: 46px; background: #fafafa; margin-bottom: 2px; cursor: pointer; background: #ededef url(https://www.livingo.fr/skin/frontend/default/livingo/images/filter-arrow-black.png) 95% 20px no-repeat; } #m-filter-container ul li p { width: 100%; display: block; font-size: 16px; line-height: 30px; padding: 8px; padding-left: 25px; padding-right: 35px; } #m-filter-container ul li p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #m-filter-container ul li.active { background: #c61718 url(https://www.livingo.fr/skin/frontend/default/livingo/images/filter-arrow-white.png) 95% 20px no-repeat; } #m-filter-container ul li.active p { color: #fff; } #m-filter-container ul li.disabled { background-position: 95% 20px; } #m-filter-container .container, #m-filter-container .search { display: none; } #m-filter-container ul li.selected { height: auto; } #m-filter-container ul li.selected .container { display: block; width: 100%; cursor: default; background: #fff; } #m-filter-container #colors { display: inline-block; min-height: 105px; padding: 15px; padding-left: 20px; } #m-filter-container ol li { height: 46px; border-top: 1px solid #e5e5e5; padding-left: 10px; box-shadow: none; } #m-filter-container #colors li { height: auto; } #m-filter-container ol li:first-child { box-shadow: none; } #m-filter-container dd a { display: block; font-size: 16px; line-height: 46px; color: #c61718; text-decoration: none; background: url("https://www.livingo.fr/skin/frontend/default/livingo/images/img_filter_checkbox.png") no-repeat 95% center; padding-right: 25px; } #m-filter-container dd a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #m-filter-container dd a.filter-selected { background: url("https://www.livingo.fr/skin/frontend/default/livingo/images/img_filter_checkbox_yes.png") no-repeat 95% center; } #m-filter-container #price-range, #m-filter-container #price-values, #m-filter-container #handle-price { margin-left: 32px; } #m-filter-container #handle-price { margin-top: 20px; margin-bottom: 32px; } #m-filter-container #price-values { margin-top: 10px; } #m-filter-container li.price div.container { padding-top: 10px; } #m-filter-container li.price dd ol { display: none; } #products-grid, #brand-grid, #shop-grid { margin: 0 auto; width: 100%; text-align: center; margin-top: 87px; } #brand-grid, #shop-grid { margin-left: 1%; width: 98%; } .solr-index-index #products-grid { margin-top: 50px; } #products-grid li, #brand-grid li, #shop-grid li { display: inline-block; width: 49%; width: calc(98% / 2); height: 90%; margin: 0 0 20px 0; } #products-grid p.product-image { border: 1px solid #efefef; } #products-grid li.griditem, #products-grid li.griditem.last, #brand-grid li, #brand-grid li.last, #shop-grid li, #shop-grid li.last { margin-right: 2%; } #products-grid li.griditem:nth-child(even), #brand-grid li:nth-child(even), #shop-grid li:nth-child(even) { margin-right: 0; } #products-grid li.griditem ul { display: none; } #products-grid li img, #brand-grid li img, #shop-grid li img { width: 95% !important; height: 95% !important; max-width: 235px; max-height: 194px; } #brand-grid li img, #shop-grid li img { max-width: 198px; max-height: 94px; } #brand-grid li, #shop-grid li { border: 0px; } #brand-grid li:hover, #shop-grid li:hover { border: 0px; box-shadow: none; } #brand-grid li.first, #shop-grid li.first { margin-left: 0; } #brand-grid li a, #shop-grid li.a { border: 1px solid #efefef; } p.delivery { display: none; } h2.product-name { float: left; width: 90%; margin-top: 4px; text-align: left; } /* for google tap sizing */ h2.product-name p { display: block; height: 18px; overflow: hidden; } #products-grid .price-box { float: left; text-align: left; padding-left: 5px; } #products-grid li ul { display: none; } #search-more { width: 94%; } .catalog-product-view .shadow_outer { background: none; } .catalog-product-view .product-view { width: 96%; margin: 0 auto; margin-top: 20px; background: none; border: none; } .product-view .product-img-box { width: 100%; padding: 0; /*text-align: center;*/ } .product-view .product-img-box .MagicToolboxContainer { width: 100% !important; } .product-view .product-img-box .MagicZoomPup { position: relative !important; width: 0 !important; height: 0 !important; opacity: 0 !important; z-index: -1 !important; top: -5000 !important; max-width: 0; max-height: 0; } .product-view .product-img-box .MagicZoomPlusHint { display: none !important; } .product-view .product-img-box img { width: 95% !important; height: 95% !important; max-width: 380px; max-height: 265px; } .catalog-product-view .product-essential { width: 100%; } .catalog-product-view .product-essential .box-description { text-align: justify; } .catalog-product-view .product-collateral { display: none; } .catalog-category-view .note-msg { float: left; min-height: 250px !important; margin-top: 90px; width: 98%; text-align: center; } .solr-index-index .note-msg { min-height: 250px !important; margin-top: 45px; } .toolbar-bottom .pages { width: 98%; } .toolbar-bottom .pages ol { display: table; margin: 0 auto; } .toolbar-bottom .pages ol li, .toolbar-bottom .pages ol li.current { margin-right: 8px; } .toolbar-bottom .pages ol li.current { margin-right: 12px; } .footer { background-color: #f6f6f6; padding-bottom: 0; } #m-footer { display: block !important; padding: 15px; text-align: center; } #m-footer .footerNavi { display: inline-block; margin: 0 10px; } #m-footer .footerNavi li { float: left; margin: 0 6px; } #m-footer .footerNavi li.de, #m-footer .footerNavi li.es, #m-footer .footerNavi li.it, #m-footer .footerNavi li.fr, #m-footer .footerNavi li.fb { width: 15px; padding-left: 0; overflow: hidden; } #m-footer .footerNavi li.de a, #m-footer .footerNavi li.es a, #m-footer .footerNavi li.it a, #m-footer .footerNavi li.fr a, #m-footer .footerNavi li.fb a { opacity: 0; } #recommend { width: 98%; } } @media only screen and (min-width: 460px) and (max-width: 768px) { #products-grid li, #brand-grid li, #shop-grid li { width: 32%; width: calc(96% / 3); } #products-grid li img, #brand-grid li img, #shop-grid li img { width: 93% !important; height: 93% !important; max-width: 235px; max-height: 194px; } #products-grid li.griditem:nth-child(even), #brand-grid li:nth-child(even), #shop-grid li:nth-child(even) { margin-right: 2%; } #products-grid li.griditem:nth-child(3n), #brand-grid li:nth-child(3n), #shop-grid li:nth-child(3n) { margin-right: 0; } } @media (max-width: 420px) { #search input { width: 94%; } } @media (max-width: 319px) { #autocomplete div.type { display: none; } } @media (max-width: 360px) { #m-filter ul li p { width: calc(80% / 2); } } @media (min-width: 420px) and (max-width: 768px) { #autocomplete div.name { width: 55%; } } @media (min-width: 520px) and (max-width: 768px) { #autocomplete div.name { width: 60%; } } @-moz-document url-prefix() { #m-navbar { width: calc(100% + 17px); padding-right: 17px; } #m-filter-container ul { width: calc(100% + 17px); padding-right: 17px; } } #wiki .toolbar-bottom .sort-by, #wiki .toolbar-bottom .limiter, #wiki .toolbar-bottom .reduced_products { display: none; } #wiki .toolbar-bottom .pages { width: 98%; } #wiki .toolbar-bottom .pages ol { display: table; margin: 0 auto; } #wiki .pager .pages a { color: #404040; text-decoration: none; } #wiki .pager .pages a:hover { color: #fff; text-decoration: none; } #wiki .pager .pages a img { max-width: 20px !important; margin: 0 !important; border: none; } /* * klaro */ :root { --green1: #c61718; --green2: #c61718; --dark2: #c61718; } #klaro .cn-decline, #klaro .cm-btn-accept { background-color: #c61718; }