article, aside, dialog, figure, footer, header, hgroup, nav, section{ display: block; } body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address, figure{ margin: 0; padding: 0; } ol, ul{ list-style: none; } img{ border:0; } fieldset{ margin: 0; padding: 0; border: 0; } input, select, textarea{ font-size: 100%; vertical-align: middle; } table{ border-collapse: collapse; border-spacing: 0; empty-cells: show; } th{ text-align: left; } a:focus{ overflow: hidden; } .clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 .clearfix, .ie7 .clearfix{ zoom: 1; } body{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.6; color: #505050; background: #FFF; } p{ padding: 0 0 12px 0; } strong, th, thead td, h1, h2, h3, h4, h5, h6{ font-weight: 700; } #mobileNavigation, #mobileTrigger{ display: none; } h1{ font-size: 30px; color: #adb8bf; text-transform: uppercase; padding: 0 0 12px 0; letter-spacing: 1px; font-weight: 400; } #home h1{ padding-bottom: 0; } h2, legend{ font-size: 18px; padding: 0 0 6px 0; color: #adb8bf; } h3, h4{ font-size: 14px; padding: 0 0 10px 0; color: #adb8bf; } a, a:visited{ color: #adb8bf; text-decoration: none; border-bottom: 1px solid #e1e4e6; } a:hover, a:active, a:focus{ border-color: #adb8bf; } .row{ overflow: hidden; } .content ul, #blogDetail ul{ list-style: none; padding: 0 0 12px 0; } .content ul li, #blogDetail ul li{ padding: 0 0 11px 16px; background: url("/frontend/themes/novy/core/layout/css/../images/arrow.png") no-repeat 0 9px; } .content ul ul, #blogDetail ul ul{ padding-top: 12px; } .content ol, #blogDetail ol{ list-style-type: decimal; padding: 0 0 12px 12px; } .content ol li, #blogDetail ol li{ padding: 0 0 11px 0; } .content ol ol, #blogDetail ol ol{ padding-top: 12px; } .content dl{ padding: 0 0 12px 12px; } .content ul ul, .content ul ol, .content ol ul, .content ol ol{ padding-bottom: 0; } .content code{ font-family: Monaco, "Courier New", monospace; } .content pre{ font-size: 12px; line-height: 18px; background: #F5F5F5; margin: 0 0 12px 0; padding: 10px; } .content blockquote, .content q{ font-style: italic; color: #666; } .content blockquote{ padding: 0 10px; padding: 12px 0; } .content cite, .content em{ font-style: italic; } .content table{ width: 100%; border-top: 1px solid #d9d9d9; } .content td, .content th{ border-bottom: 1px solid #d9d9d9; padding: 4px; font-size: 15px; } .content th{ font-weight: 700; color: #ADB8BF; } .content .formBuilderForm{ margin-top: 16px; } .col{ overflow: hidden; zoom: 1; } .col section, .col div, .col aside, .col article, .col figure{ float: left; padding: 0 20px 0 0; } .col .lastChild{ padding-right: 0; } .twoCol section, .twoCol div{ width: 450px; } .threeCol figure{ width: 230px; } .fourCol section, .fourCol aside, .fourCol article{ width: 215px; } .fiveCol section, .fiveCol aside{ width: 167px; } #container{ width: 940px; margin: 0 auto; position: relative; } #header{ height: 214px; position: relative; top: 0; padding: 10px 0 25px; overflow: visible; z-index: 20 } #main{ z-index: 10; } #home #header{ height: 206px; } #logo{ position: absolute; left: 10px; top: 0; } #logo h1, #logo p{ width: 125px; height: 125px; background: url("/frontend/themes/novy/core/layout/css/../images/logo-novy.svg") no-repeat; background-size: cover; text-indent: -9999px; padding: 0; margin-top: .85rem; } #logo h1 a, #logo p a{ width: 100%; height: 100%; display: block; overflow: hidden; border: none; } .preCaptcha{ float: left; width: 200px; padding-right: 6px; } .g-recaptcha{ float: left; } .g-recaptcha:after{ clear: both; } @media (min-width: 600px){ } #printLogo{ display: none; } #navigationAndSearch{ position: absolute; left: 0; top: 153px; background: url("/frontend/themes/novy/core/layout/css/../images/bg_nav.png") repeat-x; width: 938px; border: 1px solid #dcdcdc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 3px 0 #F3F3F3; -moz-box-shadow: 0 3px 0 #F3F3F3; box-shadow: 0 3px 0 #F3F3F3; overflow: hidden; zoom: 1; } #navigation{ float: left; } #navigation ul{ float: left; } #navigation li{ float: left; } #navigation a, #navigation a:visited{ display: block; float: left; font-size: 15px; color: #686f73; height: 46px; line-height: 46px; padding: 0 16px; border: 0; border-right: 1px solid #cacaca; } #navigation a:hover, #navigation a:focus, #navigation .selected a, #navigation .selected a:visited, #navigation .selected a:hover, #navigation .selected a:active, #navigation .selected a:focus{ color: #666; background: #EEE; background: rgba(100,100,100,0.1); -webkit-transition: background 0.1s linear; -moz-transition: background 0.1s linear; transition: background 0.1s linear; } #navigation a:active{ color: #666; -webkit-box-shadow: inset 0 2px 4px 1px rgba(0,0,0,.22); -moz-box-shadow: inset 0 2px 4px 1px rgba(0,0,0,.22); box-shadow: inset 0 2px 4px 1px rgba(0,0,0,.22); background: #DDD; background: rgba(50,50,50,0.1); border-right: 1px solid #EEE; border-left: 1px solid #EEE; margin-left: -1px; } #navigation #homeNav span{ display: block; float: left; width: 16px; height: 46px; overflow: hidden; background: url("/frontend/themes/novy/core/layout/css/../images/home_icon.png") no-repeat center center; text-indent: -9999em; } .webshopLink{ display: none; } #navigation .webshopLink{ display: block; } #searchFormWidget{ position: absolute; top: 7px; right: 8px; } .ie6 #searchFormWidget, .ie6 #searchFormWidget .oneLiner{ float: left; padding: 0; } #searchFormWidget .oneLiner{ padding-bottom: 0; } #searchFormWidget p{ border-bottom: 1px solid #f7f7f7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0; } #searchFormWidget input.inputText{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f5f5f5 url("/frontend/themes/novy/core/layout/css/../images/bg_search.png") no-repeat right -2px; border: 1px solid #c8c8c8; width: 133px; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; transition: background 0.2s linear; color: #b8b8b8; padding-left: 10px; font-size: 15px; } #searchFormWidget input.inputText:focus{ background: #FFF url("/frontend/themes/novy/core/layout/css/../images/bg_search.png") no-repeat right top; } #searchFormWidget .submitWrapper{ display: none; } .ui-autocomplete{ border-radius: 3px; font-size: 12px; background: #FFF; background: rgba(255,255,255,0.9); max-width: 350px !important; } .ui-menu .ui-menu-item{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .ui-menu .ui-menu-item a{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #888; padding: 3px 6px; border: 0; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active{ -webkit-text-shadow: none; -moz-text-shadow: none; text-shadow: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f4f4f4; border: 1px solid #dbdbdb; color: #888; cursor: pointer; margin: 0; padding: 2px 5px; } #language{ position: absolute; top: 47px; right: 12px; } .ie6 #language, .ie6 #language ul{ float: left; } #language ul{ overflow: hidden; zoom: 1; border-left: 1px solid #e6e6e6; padding: 0 0 0 22px; } #language li{ float: left; } #language a, #language a:visited{ display: block; float: left; height: 24px; line-height: 24px; padding: 0 6px; text-transform: uppercase; letter-spacing: 1px; color: #adb8bf; font-size: 11px; font-weight: 700; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #language a:hover, #language a:active, #language a:focus, #language .selected a, #language .selected a:visited, #language .selected a:hover, #language .selected a:active, #language .selected a:focus{ background: #f5f5f5; color: #b8b8b8; } #language .selected a, #language .selected a:visited, #language .selected a:hover, #language .selected a:active, #language .selected a:focus{ padding: 0 8px; } .navCart{ padding: 0; position: absolute; top: 46px; right: 120px; } .navCart a, .navCart a:visited{ border: 0; background: url("/frontend/themes/novy/core/layout/css/../images/cart.png") no-repeat left center; padding: 0 0 0 30px; display: block; } .navCart .cartNr{ background: #686f73; color: white; border-radius: 50%; display: inline-block; width: 22px; height: 22px; line-height: 22px; text-align: center; } #beCommerce{ position: absolute; top: 27px; left: 685px; z-index: 30; } #beCommerce a{ text-decoration: none; border: 0; } #beCommerce img{ width: 50px; height: 50px; } #ecommerce-logos{ margin: 10px; height: 75px; text-align: right; padding-right: 0; } #ecommerce-logos img{ width: 75px; height: 75px; margin-left: 20px; } #sidebar #ecommerce-logos img{ float: left; } #ecommerce-logos a:hover{ text-decoration: none; border: none; } #metaNavigation{ position: absolute; top: 101px; right: 10px; } .noLangNav #metaNavigation{ right: 10px; } .ie6 #metaNavigation, .ie6 #metaNavigation ul{ float: left; } #metaNavigation ul{ overflow: hidden; zoom: 1; } #metaNavigation li{ float: left; padding: 0 0 0 24px; } #metaNavigation a, #metaNavigation a:visited{ display: block; height: 24px; line-height: 24px; border: 0; font-size: 13px; font-weight: 700; float: left; } #metaNavigation a:hover, #metaNavigation a:active, #metaNavigation a:focus, #metaNavigation .selected a, #metaNavigation .selected a:visited, #metaNavigation .selected a:hover, #metaNavigation .selected a:active, #metaNavigation .selected a:focus{ color: #cacaca; } #searchForm{ position: absolute; top: 30px; right: 110px; } #breadcrumb{ position: absolute; left: 10px; top: 139px; width: 600px; overflow: hidden; zoom: 1; } .de-DE #breadcrumb{ width: 530px; } #breadcrumb:after{ content: ""; position: absolute; top: 0; right: 0; display: block; width: 20px; height: 20px; -webkit-box-shadow: inset -10px 0 10px -10px rgba(255,255,255,1); -moz-box-shadow: inset -10px 0 10px -10px rgba(255,255,255,1); box-shadow: inset -10px 0 10px -10px rgba(255,255,255,1); } #breadcrumb p{ font-size: 11px; color: #b8b8b8; text-transform: uppercase; letter-spacing: 1px; width: 9999px; } #breadcrumb span{ float: left; } #breadcrumb .divider{ padding: 0 8px; } #breadcrumb a{ font-weight: 700; } #profileLinks{ position: absolute; right: 10px; top: 218px; color: #b8b8b8; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; } #profileLinks a{ font-weight: 700; } #profileLinks .dropDown{ position: relative; display: block; float: right; margin-left: 10px; } #profileLinks .dropDown b{ cursor: pointer; color: #ADB8BF; border: 1px solid #d9d9d9; padding: 4px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f5f5f5; -webkit-box-shadow: inset 0 2px rgba(255,255,255,.77); -moz-box-shadow: inset 0 2px rgba(255,255,255,.77); box-shadow: inset 0 2px rgba(255,255,255,.77); } #profileLinks .dropDown:hover b{ -webkit-border-radius: 3px 3px 0 3px; -moz-border-radius: 3px 3px 0 3px; border-radius: 3px 3px 0 3px; } #profileLinks .dropDownMenu{ position: absolute; top: 19px; right: 0; background: #f5f5f5; border: 1px solid #d9d9d9; display: none; } #profileLinks .dropDown:hover .dropDownMenu{ display: block; } #profileLinks .dropDownMenu a{ display: block; white-space: nowrap; border-bottom: 1px solid #d9d9d9; padding: 8px 10px; color: #647D8C; -webkit-box-shadow: inset 0 2px rgba(255,255,255,.77); -moz-box-shadow: inset 0 2px rgba(255,255,255,.77); box-shadow: inset 0 2px rgba(255,255,255,.77); } #profileLinks .dropDownMenu a:hover, #profileLinks .dropDownMenu a:focus{ background: #eee; } #profileLinks .dropDownMenu a:last-child{ border: none; } #cookieMessage{ background: #F5F5F5; border-bottom: 1px solid #CACACA; display: none; } #cookieMessage .container{ width: 940px; margin: 0 auto; text-align: center; color: #888; position: relative; } #cookieMessage p{ padding: 15px 0; } #cookieMessage p.cookieCloseWrapper{ padding-top: 0; padding-bottom: 5px; height: 40px; overflow: hidden; } #cookieMessage a.button, #cookieMessage a.button:visited{ display: inline-block; float: none; } #cookieMessage a.button:active{ border-bottom: 3px solid #ADB8BF; border-top: 0; } #cookieMessage a.close, #cookieMessage a.close:visited{ display: block; width: 25px; height: 25px; border: 0; text-indent: -9999em; overflow: hidden; top: 15px; right: 0; position: absolute; background: url("/frontend/themes/novy/core/layout/css/../images/cookie_close.png") no-repeat; } #cookieMessage a.close:hover, #cookieMessage a.close:active, #cookieMessage a.close:focus{ background-position: 0 -25px; } #mobileSearch{ position: absolute; width: 80%; top: 60px; right: 10px; } #mobileSearch #searchFormWidget{ left: 35%; right: 0; top: 0; } #mobileSearch input.inputText{ width: 100% !important; } #content{ padding: 0 10px; } #home #content{ padding-bottom: 4px; } #content #productImages{ width: 545px; padding-bottom: 2px; } #productImages a{ display: block; border: 0; } #productImages img{ display: block; } #productImages figure{ position: relative; margin: 0 0 15px 0; padding-right: 0; width: 540px; overflow: hidden; } #productImages a .zoom, #productImages a:visited .zoom{ width: 33px; height: 33px; overflow: hidden; text-indent: -9999em; display: block; position: absolute; bottom: 8px; right: 8px; background: url("/frontend/themes/novy/core/layout/css/../images/zoom_icon.png"); } .ie6 #productImages a .zoom, .ie6 #productImages a:visited .zoom{ background-image: url("/frontend/themes/novy/core/layout/css/../images/zoom_icon_ie6.png"); } #productImages a:hover .zoom, #productImages a:active .zoom, #productImages a:focus .zoom{ background-position: 0 -33px; } #productImages ul{ width: 545px; } #productImages .thumbs li{ float: left; padding: 0 20px 0 0; } #productImages .thumbs li.lastChild{ padding-right: 0; } #productImages .thumbs a, #productImages .thumbs a:visited, #productImages .thumbs a:focus{ border: 1px solid #d9d9d9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: border-color 0.2s linear; -moz-transition: border-color 0.2s linear; transition: border-color 0.2s linear; } #productImages .thumbs a:hover, #productImages .thumbs a:active, #productImages .thumbs a:focus{ border: 1px solid #a6a6a6; } #productImages .thumbs img{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #productDescription{ width: 355px; color: #777; font-size: 17px; line-height: 1.4; position: relative; } #productDescription #specs{ border-bottom: 1px solid #d9d9d9; background: #FFF; width: 100%; font-size: 15px; color: #404040; padding-bottom: 15px; margin-bottom: 15px; } #productDescription #specs li{ padding: 0 0 3px 0; } #productDescription #specs span{ color: #888; } #productDescription #specs a, #productDescription #specs a:visited{ color: #647d8d; border-color: #adb8bf; } #productDescription #specs a:hover, #productDescription #specs a:active, #productDescription #specs a:focus{ border-color: #647d8d; } #productDescription #specs li.spec-icons{ padding: 0 0 15px 0; } #productDescription #specs li.spec-icons a{ border: 0 none; } #productDescription #specs li.spec-icons img{ width: 35px; } #productDescription #jsProductPrice{ border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; padding: 5px 0 10px 0; } #productDescription .bigPrice{ padding-bottom: 5px; font-size: 14px; } #productDescription .bigPrice b{ font-size: 26px; font-weight: 400; } #productDescription .smallPrice{ font-size: 11px; color: #AAA; } #productDescription .smallPrice b{ font-size: 17px; font-weight: 400; } #productDescription footer{ width: 100%; font-size: 13px; } #productDescription footer a, #productDescription footer a:visited{ color: #647d8c; border-color: #adb8bf; padding-top: 5px; display: block; float: left; } #productDescription footer a:hover, #productDescription footer a:active, #productDescription footer a:focus{ border-color: #647d8c; } #productDescription footer a.button, #productDescription footer a.button:visited{ float: right; color: #FFF; padding-top: 0; letter-spacing: 0; } #productDescription footer a.button:hover, #productDescription footer a.button:focus{ border-color: #adb8bf; } #productDescription footer a.button:active{ border-bottom-color: #adb8bf; border-top-color: rgba(255,255,255,0); border-top-color: #FFF; } #productDescription .content{ width: 355px; padding-right: 0; } #tabs{ padding: 20px 0 23px 0; } #tabs nav{ position: relative; z-index: 9; } #tabs nav ul{ overflow: hidden; padding: 2px 0 3px 0; border: none; } #tabs nav li{ float: left; margin: 0 11px 0 0; border: 1px solid #ccc; border-bottom: 0; -webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; border-top-left-radius: 3px; } #tabs nav a, #tabs nav a:visited{ display: block; float: left; height: 30px; line-height: 32px; color: #647d8c; font-size: 15px; border-bottom: 0; background: #eaecea url("/frontend/themes/novy/core/layout/css/../images/bg_tabs.png") repeat-x; padding: 0 18px; -webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; border-top-left-radius: 3px; } #tabs nav a:hover, #tabs nav a:active, #tabs nav a:focus{ background: #fbfbfb; color: #888; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } #tabs nav .ui-tabs-selected{ height: 29px; border-bottom: 4px solid #fbfbfb; position: relative; -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1); } #tabs nav .ui-tabs-selected a, #tabs nav .ui-tabs-selected a:visited, #tabs nav .ui-tabs-selected a:hover, #tabs nav .ui-tabs-selected a:active, #tabs nav .ui-tabs-selected a:focus{ background: #fbfbfb url("/frontend/themes/novy/core/layout/css/../images/glow.png") repeat-x; color: #888; font-weight: 700; } #tabs .tab{ width: 918px; background: #fbfbfb url("/frontend/themes/novy/core/layout/css/../images/glow.png") repeat-x; background: url("/frontend/themes/novy/core/layout/css/../images/tabs_fauxCol.png") repeat-y, url("/frontend/themes/novy/core/layout/css/../images/glow.png") repeat-x, #fbfbfb; border: 1px solid #d9d9d9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-top-left-radius: 0; -moz-border-top-left-radius: 0; border-top-left-radius: 0; position: relative; margin-top: -3px; overflow: hidden; zoom: 1; -webkit-box-shadow: 0 3px 0 #F3F3F3; -moz-box-shadow: 0 3px 0 #F3F3F3; box-shadow: 0 3px 0 #F3F3F3; color: #888; padding: 0; } #tabs .tab .content{ float: left; border-right: 1px solid #FFF; width: 505px; padding: 23px 16px 20px 20px; font-size: 13px; color: #777; } #tabs .tab .content h3{ display: none; } #tabs .tab .content ul li{ background-position: 0 7px; padding-left: 13px; } #tabs .tab .content a, #tabs .tab .content a:visited{ color: #4F4F4F; border-color: #E1E4E6; } #tabs .tab .content a:hover, #tabs .tab .content a:active, #tabs .tab .content a:focus{ border-color: #4F4F4F; } .usedByList{ -webkit-columns: 2; -moz-columns: 2; columns: 2; } #tabs .tab #side{ float: left; width: 339px; padding: 22px 18px 26px 19px; } #tabs .tab #side aside{ padding: 0 0 16px 0; } #tabs .tab #side h3{ font-size: 15px; padding: 0; color: #888; letter-spacing: 0; } #tabs .tab #side a, #tabs .tab #side a:visited{ color: #7d8e99; border-color: #adb8bf; } #tabs .tab #side a:hover, #tabs .tab #side a:active, #tabs .tab #side a:focus{ border-color: #7d8e99; } #extraInfo{ overflow: hidden; zoom: 1; padding: 0 0 24px 0; } #extraInfo aside p{ padding: 0 0 16px 0; } #extraInfo aside a, #extraInfo aside a:visited{ display: block; color: #707070; border: 0; } #extraInfo aside a:hover, #extraInfo aside a:active, #extraInfo aside a:focus{ color: #647d8c; } #extraInfo aside h3 a, #extraInfo aside h3 a:visited{ color: #888; padding: 0 0 16px 0; font-size: 15px; } #extraInfo aside h3 a:hover, #extraInfo aside h3 a:active, #extraInfo aside h3 a:focus{ color: #647d8c; } #extraInfo aside .readMore a, #extraInfo aside .readMore a:visited{ color: #647d8c; border-bottom: 1px solid #adb8bf; display: inline; padding-bottom: 0; } #extraInfo aside .readMore a:hover , #extraInfo aside .readMore a:active , #extraInfo aside .readMore a:focus{ border-color: #647d8c; } .prod-detail-extra aside h3{ height: 50px; } #videos{ border-top: 1px solid #d9d9d9; padding: 24px 0 20px 0; } #videos iframe{ border: none; width: 450px; height: 253px; } #subnav #main{ overflow: hidden; zoom: 1; padding: 0 10px 20px 10px; } #subnavigation{ width: 170px; float: left; } #subnavigation ul{ border: 0; font-size: 13px; margin: 13px 0 0 0; } .ie6 #subnavigation li{ display: inline; } #subnavigation a, #subnavigation a:visited{ font-weight: 700; display: block; padding: 8px 10px; border-bottom: 1px solid #dbdada; color: #647D8C; background: 0; } #subnavigation a:hover, #subnavigation a:active, #subnavigation a:focus{ color: #777; } #subnavigation .selected a, #subnavigation .selected a:visited, #subnavigation .selected a:hover, #subnavigation .selected a:active, #subnavigation .selected a:focus{ color: #777; } #subnavigation ul ul{ border: 0; background: none; margin: 0; } #subnavigation .selected li a, #subnavigation .selected li a:visited{ color: #647D8C; padding-left: 20px; font-weight: 700; } #subnavigation .selected li a:hover, #subnavigation .selected li a:active, #subnavigation .selected li a:focus{ color: #777; font-weight: 700; } #subnavigation .selected .selected a, #subnavigation .selected .selected a:visited, #subnavigation .selected .selected a:hover, #subnavigation .selected .selected a:active, #subnavigation .selected .selected a:focus{ color: #777; border-top: 0; margin-top: 0; } #subnav #content{ width: 732px; float: right; padding: 0; overflow: hidden; } #home #intro{ width: 638px; } #home #intro a, #home #intro a:visited{ color: #647d8c; border-color: #adb8bf; font-size: 17px; background: url("/frontend/themes/novy/core/layout/css/../images/arrow_link.png") no-repeat right 7px; padding: 0 13px 0 0; } #home #intro a:hover, #home #intro a:active, #home #intro a:focus{ border-color: #647d8c; } #home #intro span{ font-weight: 700; } #home #intro a.linkedImage, #home #intro a.linkedImage:visited, #home #intro a.linkedImage:hover, #home #intro a.linkedImage:active, #home #intro a.linkedImage:focus{ background: 0; padding: 0; } #home #spotlight{ width: 262px; color: #707070; font-size: 13px; } #home #spotlight .bd{ padding: 0 10px; width: auto; } #home #spotlight h2{ font-size: 15px; color: #888; } #home #spotlight p{ padding: 0 0 8px 0; line-height: 1.8; } #home #spotlight a, #home #spotlight a:visited{ color: #647d8c; border-color: #adb8bf; } #home #spotlight a:hover, #home #spotlight a:active, #home #spotlight a:focus{ border-color: #647d8c; } #home #newsAndSpotlights{ border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin: 0 10px; padding: 23px 0; overflow: visible; } #home #news{ width: 320px; border: 1px solid #d9d9d9; background: #f5f5f5; background:-webkit-linear-gradient(top, #f5f5f5 0%, #fafafa 70%, #f5f5f5 100%); background: -moz-linear-gradient(top, #f5f5f5 0%, #fafafa 70%, #f5f5f5 100%); background: -ms-linear-gradient(top, #f5f5f5 0%, #fafafa 70%, #f5f5f5 100%); background: -o-linear-gradient(top, #f5f5f5 0%, #fafafa 70%, #f5f5f5 100%); background: linear-gradient(top, #f5f5f5 0%, #fafafa 70%, #f5f5f5 100%); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 14px 16px 0 20px; font-size: 13px; -webkit-box-shadow: 0 2px 5px #ddd, inset 0 2px #fff; -moz-box-shadow: 0 2px 5px #ddd, inset 0 2px #fff; box-shadow: 0 2px 5px #ddd, inset 0 2px #fff; } #news h2{ font-size: 15px; padding: 0 0 10px 0; color: #888; letter-spacing: 0; } #news article{ border-top: 1px solid #d9d9d9; padding: 7px 0 10px 0; float: none; } #news article h3{ font-size: 13px; font-weight: 400; color: #888; } #news article a, #news article a:visited, #news article a:hover, #news article a:active, #news article a:focus{ display: block; border: 0; overflow: hidden; zoom: 1; } #news a h3, #news a:visited h3{ color: #404040; line-height: 1.8; padding: 0 0 2px 0; } #news a:hover h3, #news a:active h3, #news a:focus h3{ color: #647d8c; } #news a h3 time, #news a:visited h3 time{ color: #AAA; } #news a:hover h3 time, #news a:active h3 time, #news a:focus h3 time{ color: #647d8c; } #news a p, #news a:visited p{ color: #7d8e99; border-bottom: 1px solid #adb8bf; display: inline; padding: 0; } #news a:hover p, #news a:active p, #news a:focus p{ color: #647d8c; border-color: #647d8c; } #news footer{ border-top: 1px solid #d9d9d9; padding: 7px 0; } #news footer a, #news footer a:visited{ color: #7d8e99; border-bottom: 1px solid #adb8bf; } #news footer a:hover, #news footer a:active, #news footer a:focus{ color: #647d8c; border-color: #647d8c; } #home .spotlight{ width: 260px; } #home .spotlight .imageHolder{ padding: 0 0 14px 0; } #home .spotlight p{ padding: 0 10px; } #home .spotlight p a, #home .spotlight p a:visited{ color: #647d8c; border-color: #adb8bf; } #home .spotlight p a:hover, #home .spotlight p a:active, #home .spotlight p a:focus{ border-color: #647d8c; } #home .spotlight .imageHolder a, #home .spotlight .imageHolder a:visited{ display: block; border: 1px solid #d9d9d9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: border 0.2s linear; -moz-transition: border 0.2s linear; transition: border 0.2s linear; } #home .spotlight .imageHolder a:hover, #home .spotlight .imageHolder a:active, #home .spotlight .imageHolder a:focus{ border-color: #a6a6a6; } #home .spotlight img{ display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #home #extraInfo{ margin: 0 10px; padding: 17px 0 23px 0; } .homeSimple .threeCol aside{ width: 293px; } .homeSimple #extraInfo{ border-top: 1px solid #d9d9d9; } .homeSimple #extraInfo a, .homeSimple #extraInfo a:visited{ display: inline; } #home.homeSimple #extraInfo{ padding: 23px 0 7px 0; } #home #categories{ border-top: 1px solid #d9d9d9; padding: 24px 0 34px 0; margin: 0 10px; } #home #categories article{ width: 208px; padding: 0 29px 0 0; overflow: hidden; } #home #categories article.lastChild{ padding-right: 0; } #home #categories .imageHolder{ padding: 0 0 6px 0; } #home #categories .imageHolder a, #home #categories .imageHolder a:visited{ display: block; border: 1px solid #d9d9d9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: border-color 0.2s linear; -moz-transition: border-color 0.2s linear; transition: border-color 0.2s linear; } #home #categories .imageHolder a:hover, #home #categories .imageHolder a:active, #home #categories .imageHolder a:focus{ border-color: #a6a6a6; } #home #categories img{ display: block; width: 206px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #home #categories h3{ text-align: center; font-size: 17px; font-weight: 400; padding: 6px 0 0 0; line-height: 1.4; } #home #categories h3 a, #home #categories h3 a:visited{ color: #647d8c; border-color: #adb8bf; } #home #categories h3 a:hover, #home #categories h3 a:active, #home #categories h3 a:focus{ border-color: #647d8c; } #countryNav{ position: absolute; top: 19px; right: 0; background: #FFF; padding: 3px 0; font-size: 13px; width: 180px; border: 1px solid #D9D9D9; height: 27px; overflow: hidden; z-index: 99; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #countryNav.open{ height: auto; box-shadow: 0 0 2px rgba(0,0,0,.1); } #countryNav li{ padding: 3px 10px; } #countryNav .toggleButton{ padding: 0; } #countryNav .toggleButton a, #countryNav .toggleButton a:visited{ border: 0; display: block; padding: 3px 10px; color: #ADB8BF; font-weight: 700; background: url("/frontend/themes/novy/core/layout/css/../images/country_nav.png") no-repeat right -3px; overflow: hidden; } #countryNav .toggleButton a:hover, #countryNav .toggleButton a:active, #countryNav .toggleButton a:focus{ color: #647D8C; background-position: right -36px; } #countryNav.open .toggleButton a, #countryNav.open .toggleButton a:visited{ background-position: right -69px; } #countryNav.open .toggleButton a:hover, #countryNav.open .toggleButton a:active, #countryNav.open .toggleButton a:focus{ background-position: right -102px; } #home.en-US #metaNavigation{ right: 204px; } .standardForm p{ overflow: hidden; zoom: 1; float: none; padding: 0 0 10px 0; } .standardForm label{ width: 200px; cursor: pointer; float: left; } .standardForm input.inputText{ width: 200px; float: left; } .standardForm .select{ width: 210px; } .standardForm .inputSubmit{ margin-left: 200px; } .standardForm .formError{ padding-left: 200px; } #updatePasswordForm #showPassWord{ padding-left: 200px; } .standardForm .indent{ padding-left: 220px; } #settingsForm label{ cursor: default; font-weight: 700; width: 220px; } .standardForm .inputList li{ overflow: hidden; zoom: 1; margin-left: 220px; } #settingsForm .inputList label{ width: auto; font-weight: 400; } #settingsForm .inputRadio{ margin-top: 6px; } #settingsForm .inputSubmit{ margin-left: 235px; } .formBuilderForm p{ overflow: hidden; zoom: 1; float: none; padding: 0 0 10px 0; width: 100%; } #register label, #register .label, .formBuilderForm label{ width: 200px; cursor: pointer; } .formBuilderForm label{ padding-bottom: 16px; } #register .inputList label{ width: auto; } #register input.inputText, #loginForm input.inputText, .formBuilderForm input.inputText{ width: 200px; } #register #postal, #register #showroomPostal{ width: 60px; } #register .select, .formBuilderForm .select{ width: 210px; } #cbShowPassword{ padding-left: 200px; padding-bottom: 10px; } #register .inputCheckbox, #register .inputRadio, #loginForm .inputCheckbox{ margin: 6px 10px 0 5px; } #register .horizontal #showroomLocator{ width: 200px; float: left; } #register .horizontal .showroomLocator label{ overflow: visible; } #register .horizontal .inputList{ padding-bottom: 10px; } #register .inputSubmit, #register #loginLink, .formBuilderForm .inputSubmit{ margin-left: 205px; } .ie6 #register .inputSubmit, .ie6 #register #loginLink, .ie6 .formBuilderForm .inputSubmit{ margin-left: 103px; } .formBuilderForm .inputSubmit{ margin-top: 16px; } #register .formError, #loginForm .formError{ padding-left: 205px; } .content .inputList ul{ float: left; } .content .inputList li{ background: 0; padding: 0 0 4px 24px; clear: left; } .ie6 .content .inputList li label, .ie7 .content .inputList li label, .ie8 .content .inputList li label, .ie9 .content .inputList li label{ padding-top: 5px; } #registerForm .horizontal .inputList li{ padding-bottom: 4px; } #loginForm .oneLiner p{ overflow: hidden; zoom: 1; float: none; padding: 0 0 10px 0; } #loginForm label{ width: 200px; cursor: pointer; } #loginForm .inputSubmit, #loginForm #rememberMe, #loginForm .ft{ margin-left: 205px; } #withSidebar #content{ width: 680px; float: left; } #withSidebar #sidebar{ float: right; width: 210px; padding: 14px 0 0 0; } .withSidebarLeft #content{ float: right !important; width: 732px !important; } .withSidebarLeft #sidebar{ float: left !important; width: 170px !important; padding: 0 14px 0 0 !important; } #withSidebar #sidebar aside, #withSidebar #sidebar #news{ border: 1px solid #d9d9d9; background: #f9f9f9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 14px 16px 0 20px; font-size: 13px; -webkit-box-shadow: 0 3px 0 #F3F3F3; -moz-box-shadow: 0 3px 0 #F3F3F3; box-shadow: 0 3px 0 #F3F3F3; margin: 0 0 16px 0; } #withSidebar #sidebar aside h3, #withSidebar #sidebar #news h3{ color: #888; } #sidebar aside a, #sidebar aside a:visited{ color: #7d8e99; border-color: #adb8bf; } #sidebar aside a:hover, #sidebar aside a:active, #sidebar aside a:focus{ color: #647d8c; border-color: #647d8c; } #blogArchiveWidget ul li{ padding-bottom: 0; } #blogArchiveWidget ul ul li{ padding-bottom: 11px; } .meta{ color: #888; } #blogIndex article{ overflow: hidden; zoom: 1; padding: 0 0 48px 0; } #blogIndex .imageHolder, #blogDetail .imageHolder{ float: left; padding: 6px 16px 8px 0; max-width: 100%; } #blogIndex .imageHolder img, #blogDetail .imageHolder img{ max-width: 100%; } #blogIndex .content{ overflow: hidden; zoom: 1; } #blogIndex .buttonHolder{ padding-top: 16px; } #blogDetail article{ overflow: hidden; zoom: 1; } .shareWidget{ overflow: hidden; zoom: 1; padding: 12px 0 4px; margin-top: 8px; border: 1px solid #eee; border-width: 1px 0 0; } .shareMenu{ float: left; padding: 0; } .shareMenu li{ padding: 0 !important; background: none !important; } #searchIndex{ border: 1px solid #d9d9d9; background: #f9f9f9 url("/frontend/themes/novy/core/layout/css/../images/glow.png") repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 14px 16px 0 20px; font-size: 13px; -webkit-box-shadow: 0 3px 0 #F3F3F3; -moz-box-shadow: 0 3px 0 #F3F3F3; box-shadow: 0 3px 0 #F3F3F3; } #searchIndex label{ padding: 3px 16px 0 0; } #searchIndex input.inputText{ width: 200px; } #searchIndex .filters{ overflow: hidden; zoom: 1; padding: 8px 0 16px 0; margin: 8px 0 0 0; border-top: 1px solid #d8d8d8; } #searchIndex .filters li{ float: left; padding: 0 16px 0 0; background: 0; } #searchIndex .filters .active{ font-weight: 700; } #searchContainer{ padding-top: 40px; } #searchContainer .searchResult{ padding: 0 0 32px 0; } .formManual{ margin-bottom: 24px; } .sub-filters{ border-top: 1px solid #DBDADA; padding-top: 1em !important; } .main-filters .selected{ background-image: url("/frontend/themes/novy/core/layout/css/../images/arrow-down.png"); } .main-filters .selected a{ color: #647D8C; } .content .sub-filters li{ background-image: url("/frontend/themes/novy/core/layout/css/../images/arrow-light.png"); } .content .sub-filters li.selected{ background-image: url("/frontend/themes/novy/core/layout/css/../images/arrow-light-down.png"); } #dealerSearch{ border: 1px solid #d9d9d9; background: #f9f9f9 url("/frontend/themes/novy/core/layout/css/../images/glow.png") repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 14px 16px 0 20px; font-size: 13px; -webkit-box-shadow: 0 3px 0 #F3F3F3; -moz-box-shadow: 0 3px 0 #F3F3F3; box-shadow: 0 3px 0 #F3F3F3; margin: 0 0 24px 0; } #dealerSearch p{ padding-bottom: 2px; } #dealerSearch label{ padding: 3px 16px 0 0; } #dealerSearch input.inputText{ width: 300px; } .dealerMapLegend{ padding-bottom: 12px; } .dealerMapLegend span{ display: block; float: left; line-height: 32px; padding: 0 15px 12px 40px; background: url("/frontend/themes/novy/core/layout/css/../images/ico_online_partner.png") no-repeat; } .dealerMapLegend .electroDistributor{ background-image: url("/frontend/themes/novy/core/layout/css/../images/ico_electro_distributor.png"); } .dealerMapLegend .kitchenDistributor{ background-image: url("/frontend/themes/novy/core/layout/css/../images/ico_kitchen_distributor.png"); } .dealerMapLegend .premiumDistributor{ background-image: url("/frontend/themes/novy/core/layout/css/../images/ico_premium_distributor.png"); } .dealerMapLegend .allFilters{ background: none; padding-left: 0; } .dealerMapLegend .active{ color: #505050; } .dealerMap{ width: 730px; height: 500px; border: 1px solid #d8d8d8; } #inspiration .inspirationBlock{ padding-right: 0; } #inspiration article{ width: 224px; padding-bottom: 16px; } #inspiration .imageHolder{ padding: 0; float: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0 0 8px 0; } #inspiration .imageHolder a, #inspiration .imageHolder a:visited{ display: block; border: 1px solid #d8d8d8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: border 0.2s linear; -moz-transition: border 0.2s linear; transition: border 0.2s linear; } #inspiration .imageHolder a:hover, #inspiration .imageHolder a:active, #inspiration .imageHolder a:focus{ border-color: #BBB; } #inspiration .imageHolder img{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; } #inspiration h3{ padding: 0; } #inspiration p{ font-size: 13px; } #jquery-lightbox a{ border: 0; } #jquery-lightbox a.textLink, #jquery-lightbox a.textLink:visited{ border-bottom: 1px solid #e1e4e6; } #jquery-lightbox a.textLink:hover, #jquery-lightbox a.textLink:active, #jquery-lightbox a.textLink:focus{ border-color: #adb8bf; } .col .filterInspirationResults li{ display: inline-block; margin-right: 30px; } .col .filterInspirationResults h3{ padding-bottom: 10px !important; } .col .filterInspirationResults .selected{ font-weight: bold; } @media (max-width: 480px){ .col .filterInspirationResults { width: 100%; } } #productsCategoryProducts{ overflow: hidden; zoom: 1; } #productsCategoryProducts #filters{ width: 170px; float: left; } #productsCategoryProducts #filters aside{ border: 1px solid #d9d9d9; background: #f9f9f9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 10px 12px; font-size: 13px; -webkit-box-shadow: 0 3px 0 #F3F3F3; -moz-box-shadow: 0 3px 0 #F3F3F3; box-shadow: 0 3px 0 #F3F3F3; margin: 0 0 16px 0; } #productsCategoryProducts #filters aside h4{ color: #888; padding-bottom: 5px; } #productsCategoryProducts #filters aside a, #productsCategoryProducts #filters aside a:visited{ color: #7d8e99; border-color: #adb8bf; } #productsCategoryProducts #filters aside a:hover, #productsCategoryProducts #filters aside a:active, #productsCategoryProducts #filters aside a:focus{ color: #647d8c; border-color: #647d8c; } #productsCategoryProducts #filters aside .selected{ font-weight: 700; } #productsCategoryProducts #filters #showAll{ padding: 0 0 24px 0; margin-top: -2px; } #productsCategoryProducts #filters #showAll a, #productsCategoryProducts #filters #showAll a:visited { background: url("/frontend/themes/novy/core/layout/css/../images/backlink.png") no-repeat 0 6px; padding: 0 0 0 13px; } #productsCategoryProducts #filters #showAll a:hover, #productsCategoryProducts #filters #showAll a:active, #productsCategoryProducts #filters #showAll a:focus{ } #productsCategoryProducts #filters aside li{ padding-bottom: 5px; } #productsCategoryProducts #sort{ width: 732px; float: right; padding: 0 0 10px 0; } #productsCategoryProducts #sort h3{ float: left; padding: 0 16px 0 0; } #productsCategoryProducts #sort ul{ float: left; font-size: 13px; padding: 2px 0 0 0; } #productsCategoryProducts #sort li{ float: left; padding: 0 16px 0 0; } #productsCategoryProducts #sort .selected{ font-weight: 700; } #productsCategoryProducts #sort .readMore{ float: right; font-size: 13px; padding-right: 21px; } #productsCategoryProducts #productOverview{ width: 732px; float: right; } #productOverview .clearfix{ padding-right: 0; } #productOverview article{ width: 224px; padding-bottom: 16px; } #productOverview .imageHolder{ padding: 0; float: none; margin: 0 0 8px 0; } #productOverview .imageHolder a, #productOverview .imageHolder a:visited{ display: block; border: 1px solid #d8d8d8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: border-color 0.2s linear; -moz-transition: border-color 0.2s linear; transition: border-color 0.2s linear; } #productOverview .imageHolder a:hover, #productOverview .imageHolder a:active, #productOverview .imageHolder a:focus{ border-color: #BBB; } #productOverview img{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; } #productOverview h3{ padding: 0; } #productOverview .message{ padding: 12px 20px 0 20px; width: 686px; color: #666; margin-top: 16px; } #productsCategoryProducts .filterText{ width: 710px; float: right; color: #888; font-size: 12px; padding: 13px 0 7px; margin: 0 20px 10px 0; display: none; } #productsCategoryProducts .filterText.open{ display: block; } #productsCategoryProducts .filterText p{ padding-bottom: 8px; } #faq li, #faqCategory li{ padding-bottom: 0; } .faqBlock{ padding: 16px 0 0; } #blogRelatedItems{ border: 1px solid #d9d9d9; background: #f9f9f9 url("/frontend/themes/novy/core/layout/css/../images/glow.png") repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 14px 16px 0 20px; font-size: 13px; -webkit-box-shadow: 0 3px 0 #F3F3F3; -moz-box-shadow: 0 3px 0 #F3F3F3; box-shadow: 0 3px 0 #F3F3F3; margin-bottom: 24px; } #faqFeedbackForm{ padding: 24px 0; } #faqFeedbackForm .inputList{ overflow: hidden; zoom: 1; } #faqFeedbackForm .inputList li{ float: left; width: 60px; } #faqFeedbackForm label{ cursor: pointer; } #faqFeedbackForm .inputRadio{ margin-top: 6px; } #faqFeedbackForm #message{ width: 480px; } .imageMapContainer{ position: relative; } .imageMap{ position: absolute; } .imageMapContainer .marker{ position: absolute; margin-left: -10px; margin-top: -10px; z-index: 8888; } .imageMapContainer .marker .bullet{ position: absolute; left: 0; top: 0; width: 20px; height: 20px; cursor: pointer; background: url("/frontend/themes/novy/core/layout/css/../images/bullet_imagemap.png") no-repeat; -webkit-tap-highlight-color: transparent; } .imageMapContainer .marker .bullet:hover{ background-position: 0 -20px; } .imageMapContainer .marker .info{ position: absolute; width: 226px; top: -15px; left: 30px; background: #FFF; display: none; border: 1px solid #dcdcdc; background: #f5f5f5 url("/frontend/themes/novy/core/layout/css/../images/glow.png") repeat-x 0 -1px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 5px; font-size: 12px; padding: 12px 12px 0 12px; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5); box-shadow: 0 0 3px rgba(0,0,0,0.5); } .imageMapContainer .marker .info:after{ content: ""; width: 9px; height: 17px; position:absolute; top: 15px; left: -9px; background: url("/frontend/themes/novy/core/layout/css/../images/arrow_imagemap.png") no-repeat; } .imageMapContainer .markerLeft .info{ left: -260px; } .imageMapContainer .markerLeft .info:after{ left: 250px; background-position: -9px 0; } .imageMapContainer .markerTop .info:after{ top: auto; bottom: 10px; } #sitemapIndex .content ul li{ background-image: url("/frontend/themes/novy/core/layout/css/../images/sitemap_arrow_inactive.png"); } #sitemapIndex .content ul li.expandable{ padding-left: 0; background: 0; } #sitemapIndex ul ul{ display: none; padding-left: 20px; } #sitemapIndex .expand{ display: block; float: left; border: 0; width: 16px; background: url("/frontend/themes/novy/core/layout/css/../images/sitemap_arrow.png") no-repeat -7px 9px; text-indent: -9999em; } #sitemapIndex .expand.open{ background-position: 0 -9px; } #shopCheckout .steps{ padding: 60px 0 25px; } #shopCheckout .steps ul{ border: 1px solid #dcdcdc; border-radius: 3px; padding: 0; } #shopCheckout .steps li{ padding: 0; background: 0; float: left; width: 25%; text-align: center; background: url("/frontend/themes/novy/core/layout/css/../images/shop_steps.jpg") no-repeat right center; } #shopCheckout .steps li.lastChild{ background: 0; } #shopCheckout .steps li a, #shopCheckout .steps li a:visited, #shopCheckout .steps li span{ display: block; border: 0; height: 55px; padding-top: 15px; padding-right: 5%; line-height: 1.3; color: #CACACA; } #shopCheckout .steps li a, #shopCheckout .steps li a:visited{ text-decoration: underline; } #shopCheckout .steps li.selected a, #shopCheckout .steps li.selected a:visited, #shopCheckout .steps li.selected span, #shopCheckout .steps li a:hover, #shopCheckout .steps li a:active, #shopCheckout .steps li a:focus{ color: #ADB8BF; } #shopCheckout .steps li.selected a, #shopCheckout .steps li.selected a:visited, #shopCheckout .steps li.selected span{ font-weight: 700; } #shopCheckout .steps li.lastChild span{ height: 45px; padding-top: 25px; padding-right: 0; } #shopCheckout .steps li strong{ display: block; } .cartNav{ padding: 0 0 15px; } .cartNav p{ float: left; } .cartNav input.inputSubmit{ float: right; } #withSidebar.shopCheckoutPage #sidebar{ padding-top: 60px; } .shopCheckoutPage #header{ height: 111px; } .cartOverview{ margin-bottom: 25px; } .cartOverview td, .cartOverview th{ padding: 7px 5px; } .cartOverview .price{ text-align: right; } .cartOverview .upsell td{ background: #D9D9D9; padding-left: 10px; padding-right: 10px; } .cartOverview p{ padding: 0; } .cartOverview select{ width: 100% !important; } #shopCheckout fieldset{ padding-bottom: 25px; } #shopCheckout label, #shopCheckout .label{ width: 20%; padding-right: 5%; } #shopCheckout input.inputText{ width: 50%; float: left; } #shopCheckout .inputList ul{ float: left; width: 50%; } #shopCheckout .inputList.twoOptions li{ float: left; width: 35%; clear: none; } #shopCheckout .inputList li label{ width: auto; padding-right: 0; } #shopCheckout .helpText{ clear: both; display: block; padding-left: 25%; padding-top: 5px; font-size: 14px; font-style: italic; color: #999; } #shopCheckout .formError{ padding-left: 25%; } .productOverviewSmall{ margin-bottom: 14px; } .productOverviewSmall td, .productOverviewSmall th{ font-size: 11px; } .productOverviewSmall .price{ text-align: right; white-space: nowrap; } .productOverviewSmall p{ padding-bottom: 0; } .productOverviewSmall .excl{ display: none; } #shopCheckout .businessInfo, #enableWithSameInvoice{ display: none; } #orderOverview header{ padding: 15px 0 5px 0; } #orderOverview header h2{ float: left; } #orderOverview header p{ float: right; } #doormat{ background: #f5f5f5; border: 1px solid #dcdcdc; -webkit-border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; border-top-right-radius: 3px; font-size: 13px; color: #888; margin-top: 16px; } #doormat h3{ font-size: 13px; padding: 0 0 3px 0; letter-spacing: 0; color: #888; } #doormat aside ul{ padding: 0 0 16px 0; } #doormat aside li{ padding: 0 0 7px 0; } #doormat a, #doormat a:visited{ color: #647d8c; border-color: #f5f5f5; } #doormat a:hover, #doormat a:active, #doormat a:focus{ border-color: #647d8c; } #doormat header{ border-bottom: 1px solid #e6e6e6; padding: 8px 10px 0 10px; overflow: hidden; zoom: 1; } #footerBreadcrumb{ float: left; text-transform: uppercase; font-size: 11px; padding: 9px 0 12px 0; overflow: hidden; zoom: 1; letter-spacing: 1px; color: #888; } #footerBreadcrumb span{ display: block; float: left; } #footerBreadcrumb a{ font-weight: 700; display: block; float: left; } #footerBreadcrumb .divider{ color: #adb8bf; padding: 0 8px; } #socialLinks{ float: right; } #socialLinks li{ float: left; padding: 0 0 0 7px; } #socialLinks a{ display: block; float: left; width: 33px; height: 32px; border: 0; overflow: hidden; text-indent: -9999em; background-image: url("/frontend/themes/novy/core/layout/css/../images/social_links.png"); background-repeat: no-repeat; } #socialLinks .fb a, #socialLinks .fb a:visited{ background-position: 0 0; } #socialLinks .fb a:hover, #socialLinks .fb a:active, #socialLinks .fb a:focus{ background-position: 0 -32px; } #socialLinks .yt a, #socialLinks .yt a:visited{ background-position: -33px 0; } #socialLinks .yt a:hover, #socialLinks .yt a:active, #socialLinks .yt a:focus{ background-position: -33px -32px; } #socialLinks .li a, #socialLinks .li a:visited{ background-position: -66px 0; } #socialLinks .li a:hover, #socialLinks .li a:active, #socialLinks .li a:focus{ background-position: -66px -32px; } #socialLinks .tw a, #socialLinks .tw a:visited{ background-position: -99px 0; } #socialLinks .tw a:hover, #socialLinks .tw a:active, #socialLinks .tw a:focus{ background-position: -99px -32px; } #socialLinks .pi a, #socialLinks .pi a:visited{ background-position: -132px 0; } #socialLinks .pi a:hover, #socialLinks .pi a:active, #socialLinks .pi a:focus{ background-position: -132px -32px; } #doormat .col{ padding: 16px 10px 3px 10px; } #footer{ border: 1px solid #dcdcdc; border-top: 0; overflow: hidden; zoom: 1; margin: 0 0 32px 0; -webkit-border-bottom-left-radius: 3px; -moz-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; font-size: 13px; color: #666; padding: 8px 10px 0 10px; } #footer ul{ float: left; } #footer li{ float: left; padding: 0 19px 0 0; } #footer p{ float: right; padding: 0 0 9px 0; } #footer a, #footer a:visited{ color: #647d8c; border-bottom: 1px solid #FFF; } #footer a:hover, #footer a:active, #footer a:focus{ border-bottom: 1px solid #647d8c; } .webShopMoreInfo a:hover{ background-color: #eaeced; color: #888; } .webshop .readMoreTrigger{ text-align: right; } #navigation{ width: 100%; } .pagination{ width: 100%; overflow: hidden; border: 0; padding-top: 24px; padding-bottom: 24px; } .ie6 .pagination{ width: auto; } .pagination header{ position: absolute; top: -9999px; left: -9999px; text-indent: -9999px; } .pagination .inner{ padding-right: 0; width: 100%; } .pagination .bd{ float: left; position: relative; left: 50%; padding-right: 0; } .ie6 .pagination .bd{ position: static; } .pagination ul{ padding: 0 0 12px 0; overflow: hidden; position: relative; left: -50%; } .ie6 .pagination ul{ position: static; } .pagination li{ float: left; margin: 0 4px 0 0; line-height: 15px; font-size: 12px; font-size: 11px; line-height: 1.636; text-align: center; } .content .pagination li{ padding: 0; background: 0; } .pagination li.previousPage span, .pagination li.nextPage span{ float: left; padding: 5px 8px; min-width: 12px; border: 1px solid #d8d8d8; background: #EEE; color: #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .pagination li.currentPage span{ float: left; padding: 5px 8px; min-width: 12px; border: 1px solid #647d8b; color: #647d8b; background: #FFF; font-weight: 700; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .pagination li.ellipsis span{ float: left; padding: 6px 4px 4px 4px; min-width: 12px; color: #666; } .pagination li a, .pagination li a:visited{ float: left; padding: 5px 8px; min-width: 12px; border: 1px solid #ADB8BF; color: #ADB8BF; background: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } .pagination li a:hover, .pagination li a:active, .pagination li a:focus{ border: 1px solid #647d8b; color: #647d8b; } input.inputText, input.inputPassword, input.inputSearch, input.inputDate, textarea{ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; color: #999; border-color: #a9a9a9; border-style: solid; border-width: 1px; padding: 5px 4px; margin: 0; background-color: #f5f5f5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; transition: background 0.2s linear; } @media screen and (-webkit-min-device-pixel-ratio:0){ input.inputText, input.inputPassword, input.inputSearch, input.inputDate, textarea { padding: 5px 4px 6px 4px; } } textarea{ line-height: 1.5; } input.inputText:hover, input.inputPassword:hover, input.inputSearch:hover, input.inputDate:hover, textarea:hover, input.inputText:focus, input.inputPassword:focus, input.inputSearch:focus, input.inputDate:focus, textarea:focus{ background-color: #fff; outline: none; color: #666; background: #f5f5f5; background:-webkit-linear-gradient(top, #ddd 0, #f5f5f5 3px); background: -moz-linear-gradient(top, #ddd 0, #f5f5f5 3px); background: -ms-linear-gradient(top, #ddd 0, #f5f5f5 3px); background: -o-linear-gradient(top, #ddd 0, #f5f5f5 3px); background: linear-gradient(top, #ddd 0, #f5f5f5 3px); } input.inputText[disabled], input.inputPassword[disabled], input.inputSearch[disabled], input.inputDate[disabled], textarea[disabled], input.inputText[disabled]:hover, input.inputPassword[disabled]:hover, input.inputSearch[disabled]:hover, input.inputDate[disabled]:hover, textarea[disabled]:hover{ color: #bbb; border-color: #ccc; background: #f4f4f4; } select{ margin-top: 2px; } option{ width: auto; } .inputList{ padding-bottom: 6px; } .inputList li{ padding-left: 24px; position: relative; padding-bottom: 6px; list-style-type: none; } .inputList input{ position: absolute; top: 4px; left: 0; } .ie6 .inputList input{ left: -24px; } .inputList label{ overflow: visible; height: auto; padding: 0; width: auto; } .visibleFieldset{ border: 1px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 12px 12px 0 12px; margin-bottom: 12px; } .visibleFieldset:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 .visibleFieldset, .ie7 .visibleFieldset{ zoom: 1; } .ie6 legend{ margin-bottom: 10px; } form p{ padding: 0 0 12px; } form p:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 form p, .ie7 form p{ zoom: 1; } label, .label{ display: block; padding-bottom: 2px; overflow: hidden; } .errorArea input.inputText, .errorArea input.inputPassword, .errorArea input.inputSearch, .errorArea input.inputDate, .errorArea textarea{ border: 1px solid #d00c00; } .errorArea label, .errorArea .label{ color: #d00c00; } .errorArea input.inputText:focus, .errorArea input.inputPassword:focus, .errorArea input.inputSearch:focus, .errorArea input.inputDate:focus{ -webkit-box-shadow: 0 0 3px #d00c00; -moz-box-shadow: 0 0 3px #d00c00; box-shadow: 0 0 3px #d00c00; } .errorArea .inlineError, .errorArea .formError{ font-size: 12px; line-height: 1; color: #d00c00; display: block; height: auto; overflow: hidden; white-space: nowrap; clear: left; text-overflow: ellipsis; padding: 8px 0 0 206px; } #feedbackNoInfo .errorArea .formError{ padding-left: 0; } #search .errorArea .formError{ padding-left: 76px; } #settingsForm .errorArea .formError{ padding-left: 220px; } #updateEmailForm .errorArea .formError, #updatePassword .errorArea .formError, #forgotPassword .errorArea .formError{ padding-left: 200px; } .helpTxt{ font-size: 11px; line-height: 1.636; color: #999; display: block; height: 18px; overflow: hidden; white-space: nowrap; clear: left; text-overflow: ellipsis; } .tinyInput input.inputText, .tinyInput input.inputPassword, .tinyInput input.tinyInput, .tinyInput input.inputDate{ width: 16px; } .tinyInput select, .alignBlocks p.tinyInput, .alignFields p.tinyInput, .alignFields .tinyInput .helpTxt{ width: 26px; } .smallInput input.inputText, .smallInput input.inputPassword, .smallInput input.inputSearch, .smallInput input.inputDate{ width: 52px; } .smallInput select, .alignBlocks p.smallInput, .alignFields p.smallInput, .alignFields .smallInput .helpTxt{ width: 62px; } input.inputText, input.inputPassword, input.inputSearch, input.inputDate{ width: 124px; } select, .alignBlocks p, .alignFields p, .alignFields p .helpTxt, .horizontal label, .horizontal .label, .horizontal .oneLiner :first-child label, .horizontal .oneLiner :first-child .label, .horizontal .oneLiner .firstChild label, .horizontal .oneLiner .firstChild .label{ width: 134px; } .mediumInput input.inputText, .mediumInput input.inputPassword, .mediumInput input.inputSearch, .mediumInput input.inputDate{ width: 196px; } .mediumInput select, .alignBlocks p.mediumInput, .alignFields p.mediumInput, .alignFields .mediumInput .helpTxt{ width: 206px; } .bigInput input.inputText, .bigInput input.inputPassword, .bigInput input.inputSearch, .bigInput input.inputDate, textarea{ width: 268px; } .bigInput select, .alignBlocks p.bigInput, .alignFields p.bigInput, .alignFields .bigInput .helpTxt{ width: 278px; } .horizontal .alignBlocks, .horizontal .alignFields, .horizontal .alignButtons, .horizontal .helpTxt, .horizontal .inlineError, .horizontal .formError{ padding-left: 134px; } .horizontal input.inputSubmit, .horizontal input.inputButton, .horizontal button, .horizontal a.button{ margin-left: 134px; } .horizontal .inputList li label{ width: 278px; } .alignBlocks{ position: relative; left: -5px; padding-bottom: 12px; } .alignBlocks:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 .alignBlocks, .ie7 .alignBlocks{ zoom: 1; } .alignBlocks p{ padding: 0 5px; overflow: hidden; float: left; } .alignFields{ position: relative; padding-bottom: 12px; } .alignFields:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 .alignFields, .ie7 .alignFields{ zoom: 1; } .alignFields label{ position: absolute; top: 0; left: 0; } .alignFields input, .alignFields select{ float: left; } .ie6 .alignFields input, .ie6 .alignFields select, .ie7 .alignFields input, .ie7 .alignFields select{ float: none; } .alignFields p{ padding: 20px 12px 0 0; float: left; } .alignButtons{ padding-bottom: 12px; } .alignButtons:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 .alignButtons, .ie7 .alignButtons{ zoom: 1; } .alignButtons p{ float: left; padding-right: 4px; padding-bottom: 0; } .oneLiner{ padding-bottom: 12px; } .oneLiner .inputSubmit{ margin-left: 0; } .oneLiner:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 .oneLiner, .ie7 .oneLiner{ zoom: 1; } .oneLiner p{ float: left; padding: 0 6px 12px 0; } .oneLiner label{ float: left; padding-right: 6px; padding-bottom: 0; } .oneLiner input, .oneLiner select{ float: left; } .oneLiner .inputList{ padding-bottom: 0; } .ie6 .oneLiner .inputList input{ left: 0; } .oneLiner .inputList li{ float: left; padding-bottom: 10px; } .oneLiner .message p{ float: none; padding: 0 0 10px 0; } .horizontal label, .horizontal .label{ float: left; } .horizontal .alignBlocks .helpTxt, .horizontal .alignBlocks .inlineError, .horizontal .alignBlocks .formError{ padding-left: 0; } .horizontal .alignFields .helpTxt, .horizontal .alignFields .inlineError, .horizontal .alignFields .formError{ padding-left: 0; } .horizontal .alignFields p{ padding-top: 0; } .horizontal .alignFields label{ top: 2px; } .horizontal .alignButtons input.inputSubmit, .horizontal .alignButtons input.inputButton, .horizontal .alignButtons button, .horizontal .alignButtons a.button, .horizontal .alignFields input.inputSubmit, .horizontal .alignFields input.inputButton, .horizontal .alignFields button, .horizontal .alignFields a.button, .horizontal .alignBlocks input.inputSubmit, .horizontal .alignBlocks input.inputButton, .horizontal .alignBlocks button, .horizontal .alignBlocks a.button{ margin-left: 0; } .horizontal .inputList:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 .horizontal .inputList, .ie7 .horizontal .inputList{ zoom: 1; } .horizontal .inputList ul{ float: left; } .horizontal .inputList li label{ float: none; } .horizontal .oneLiner label, .horizontal .oneLiner .label{ width: auto; padding: 2px 6px 2px 0; } .horizontal .oneLiner :first-child label, .horizontal .oneLiner :first-child .label, .horizontal .oneLiner .firstChild label, .horizontal .oneLiner .firstChild .label{ padding: 2px 0; } .horizontal .formSectionContent .oneLiner :first-child label, .horizontal .formSectionContent .oneLiner :first-child .label, .horizontal .formSectionContent .oneLiner .firstChild label, .horizontal .formSectionContent .oneLiner .firstChild .label{ width: auto; padding: 2px 6px 2px 0; } .horizontal .oneLiner input.inputSubmit, .horizontal .oneLiner input.inputButton, .horizontal .oneLiner button, .horizontal .oneLiner a.button{ margin-left: 0; } .horizontal .oneLiner .inputList{ float: left; } .horizontal .oneLiner .inputList li label{ width: auto; } .formSection{ padding: 0 0 8px 0; } .formSection:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ie6 .formSection, .ie7 .formSection{ zoom: 1; } .formSection p{ padding-bottom: 2px; } .formSection .oneLiner p{ padding-bottom: 0; } .horizontal .formSectionContent{ padding-bottom: 4px; float: left; } .horizontal .formSectionContent .alignBlocks, .horizontal .formSectionContent .alignFields, .horizontal .formSectionContent .alignButtons, .horizontal .formSectionContent .helpTxt, .horizontal .formSectionContent .inlineError, .horizontal .formSectionContent .formError{ padding-left: 0; } .message{ padding: 12px 12px 0 12px; border: 1px solid #ddd; margin-bottom: 24px; border-color: #ddd; color: #333; background-color: #fff; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#fff, #f8f8f8); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#fff)); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; } .message .close:link, .message .close:visited{ display: block; position: absolute; overflow: hidden; padding: 4px; top: 4px; right: 4px; height: 8px; width: 8px; border: 0; text-indent: -9999px; background: url("/frontend/themes/novy/core/layout/css/../images/close.png") no-repeat 4px 4px; opacity: .50; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; -khtml-opacity: .50; -moz-opacity: .50; } .message .close:hover, .message .close:active, .message .close:focus{ opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -khtml-opacity: 1; -moz-opacity: 1; } .error{ border-color: #8b0800; color: #fae7e6; background-color: #d00c00; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#d00c00, #b80900); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b80900), to(#d00c00)); } .error h1, .error h2, .error h3, .error h4{ color: #fff; } .error a{ color: #fff; border-color: #df5c54; } .error a:link, .error a:visited{ color: #fff; border-color: #df5c54; } .error a:hover, .error a:active, .error a:focus{ color: #fff; border-color: #fff; } .success{ border-color: #4c721f; color: #f1f7eb; background-color: #72aa2e; background-image: none; background-image: -moz-linear-gradient(0% 100% 90deg,#72aa2e, #65a01c); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#65a01c), to(#72aa2e)); } .success h1, .success h2, .success h3, .success h4{ color: #fff; } .success a{ color: #fff; border-color: #a0c673; } .success a:link, .success a:visited{ color: #fff; border-color: #a0c673; } .success a:hover, .success a:active, .success a:focus{ color: #fff; border-color: #fff; } .notice{ border-color: #DCDCDC; color: #888; background: #F5F5F5; } .notice h1, .notice h2, .notice h3, .notice h4{ color: #888; } .notice a{ color: #888; border-color: #CCC; } .notice a:link, .notice a:visited{ color: #888; border-color: #CCC; } .notice a:hover, .notice a:active, .notice a:focus{ color: #888; border-color: #888; } input.inputSubmit, input.inputButton, button{ display: block; float: left; background: #647d8c url("/frontend/themes/novy/core/layout/css/../images/arrow_button.png") no-repeat right top; color: #FFF; font-size: 15px; padding: 2px 27px 2px 16px; border: 0; border-bottom: 3px solid #adb8bf; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; cursor: pointer; overflow: visible; white-space: nowrap; text-align: center; margin: 0; } button::-moz-focus-inner{ padding: 0; border: 0 } @media screen and (-webkit-min-device-pixel-ratio:0){ input.inputSubmit, input.inputButton, button { padding-top: 2px; padding-bottom: 2px; } } .ie6 input.inputSubmit, .ie6 input.inputButton, .ie6 button{ padding-top: 2px; padding-bottom: 2px; } .ie7 input.inputSubmit, .ie7 input.inputButton, .ie7 button{ padding-top: 2px; padding-bottom: 2px; border-bottom: 0; } .ie8 input.inputSubmit, .ie8 input.inputButton, .ie8 button{ padding-top: 2px; padding-bottom: 2px; } input.inputSubmit:hover, input.inputButton:hover, input.buttonHover, button:hover, button.buttonHover{ background: #4f636f url("/frontend/themes/novy/core/layout/css/../images/arrow_button.png") no-repeat right top; border-color: #adb8bf; } input.inputSubmit:active, input.inputButton:active{ border-top: 2px solid #FFF; border-bottom: 1px solid #adb8bf; } input.inputSubmit[disabled="disabled"], input.inputButton[disabled="disabled"], button[disabled="disabled"], a.disabledButton, a.disabledButton:visited, a.disabledButton:hover, a.disabledButton:active, a.disabledButton:focus{ cursor: default; opacity: .50; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)"; -khtml-opacity: .50; -moz-opacity: .50; } .hidden{ display: none; } .block{ display: block; } .noPadding{ padding: 0 !important; } .noMargin{ margin: 0 !important; } .floatLeft{ float: left; } .floatRight{ float: right; } .noBorder{ border: none; } #skip, .accessibility{ position: absolute; top: -9999px; left: -9999px; } .readMoreText{ display: none; } .readMoreText.open{ display: block; } a.button, a.button:visited{ display: block; float: left; background: #647d8c url("/frontend/themes/novy/core/layout/css/../images/arrow_button.png") no-repeat right top; color: #FFF; font-size: 15px; height: 24px; line-height: 24px; padding: 0 27px 0 16px; border-bottom: 3px solid #adb8bf; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } a.button:hover, a.button:focus{ background: #4f636f url("/frontend/themes/novy/core/layout/css/../images/arrow_button.png") no-repeat right top; border-color: #adb8bf; } a.button:active{ border-bottom: 1px solid #adb8bf; border-top: 2px solid #FFF; -webkit-background-clip: padding-box; } a.disabledButton, a.disabledButton:visited, a.disabledButton:hover, a.disabledButton:active, a.disabledButton:focus{ background: #647d8c url("/frontend/themes/novy/core/layout/css/../images/arrow_button.png") no-repeat right top; border-bottom: 3px solid #adb8bf; border-top: 0; } .photoHolder{ padding: 10px 0 20px 0; } .photoHolder a, .photoHolder a:visited{ display: block; border: 1px solid #d9d9d9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: border-color 0.2s linear; -moz-transition: border-color 0.2s linear; transition: border-color 0.2s linear; } .photoHolder a:hover, .photoHolder a:active, .photoHolder a:focus{ border: 1px solid #a6a6a6; } .photoHolder img{ display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } img.alignLeft{ float: left; padding: 0 10px 10px 0; } img.alignRight{ float: right; padding: 0 0 10px 10px; } .linkedImage{ display: block; border: none !important; } .linkedImage img{ display: block; } .webshop h2{ margin-bottom: 10px; } .webshopSearch{ border: 1px solid #d9d9d9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 20px; -webkit-box-shadow: 0 3px 0 #F3F3F3; -moz-box-shadow: 0 3px 0 #F3F3F3; box-shadow: 0 3px 0 #F3F3F3; margin: 0 0 35px 0; overflow: hidden; } .webshopSearch select{ margin: 0 10px; } .webshopSearch .inputText{ width: 150px; margin-left: 10px; } .webshopSearch .errorArea .inlineError{ padding-left: 0; } .maintenance, .maintenanceTabs{ display: none; } .filterShopResults{ overflow: hidden; display: block; padding: 15px 0 5px; margin-bottom: 25px; border-bottom: 1px solid #D9D9D9; } .filterShopResults h3, .filterShopResults ul li{ float: left; margin-right: 10px; } .filterShopResults .selected a, .filterShopResults .selected a:visited{ border: 0; font-weight: 700; } .shopSearchResults{ overflow: hidden; display: none; } .shopSearchResult{ overflow: hidden; width: 50%; float: left; margin-bottom: 20px; padding-right: 10px; padding-left: 10px; } .shopSearchResult h3{ font-size: 16px; padding-bottom: 5px; } .shopSearchResult .imageHolder{ float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right: 8px; } .shopSearchResult .imageHolder a{ display: block; border: 1px solid #D8D8D8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: border-color 0.2s linear; -moz-transition: border-color 0.2s linear; transition: border-color 0.2s linear; } .shopSearchResult .imageHolder img{ display: block; } .shopSearchResult #specs{ font-size: 14px; } .shopSearchResult #specs span{ color: #888; } .shopSearchMore{ text-align: center; } .shopSearchMore a{ display: inline-block; background-color: #efefef; font-size: 14px; padding: 2px 16px 2px 16px; border: 0; border-bottom: 3px solid #DCDCDC; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; cursor: pointer; overflow: visible; white-space: nowrap; text-align: center; margin: 0; color: #888; font-weight: bold; margin-bottom: 20px; } .webShopMoreInfo{ background: url("/frontend/themes/novy/core/layout/css/../images/question.png") no-repeat 0 center transparent; padding: 8px 0 8px 35px ; text-decoration: none; border: 0 none; margin: 10px 0 0; display: block; text-align: left; } .webShopMoreInfo a:hover{ background-color: #eaeced; color: #888; } .webshop .readMoreText{ background-color: #f6f6f6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 20px; margin-bottom: 20px; } .webshop .readMoreText h4{ margin-bottom: 5px; } .webshop .steps{ list-style: decimal; margin: 5px 0 0 22px; } .webshop .serial{ float: left; margin: 5px 40px 0 0; } .shopSearchResult{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url("/frontend/themes/novy/core/layout/css/frontend/themes/novy/core/js/boxsizing.htc"); } .videoWrapper{ position: relative; padding-bottom: 56.25% !important; padding-top: 30px !important; height: 0; overflow: hidden; width: 100% !important; box-sizing: border-box; } .videoWrapper iframe, .videoWrapper object, .videoWrapper embed{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; box-sizing: border-box; } @media print{ * { color: #000 !important; float: none; text-shadow: none; } div{ background-color: white !important; } #skip, #footer, #metaNavigation, #language, #breadcrumb, #profileLinks, #doormat, #extraInfo, #videos, #navigationAndSearch, #productImages .thumbs, #productDescription footer, #subnavigation, #shopCheckout .steps, #jsPrint, #logo{ display: none; } #printLogo{ display: block; } #subnav #content{ width: 100%; float: none; } #header{ height: 60px; } body{ font-family: Arial, sans-serif; font-size: 12pt; background: #FFF; border: none; } p{ padding: 0 0 20px 0; } h1, h2, h3, h4, h5, h6{ font-weight: 700; } h1{ font-size: 20pt; padding: 0 0 10px 0; } h2{ font-size: 16pt; padding: 0 0 8px 0; } h3{ font-size: 14pt; padding: 0 0 6px 0; } h4{ font-size: 12pt; padding: 0 0 6px 0; } blockquote{ padding-left: 2.5cm; font-style: italic; } table{ font-family: Arial, sans-serif; margin: 0; border-top: 1px solid #D9D9D9; } table td, th{ padding: 5px 10px; border-bottom: 1px solid #D9D9D9; } table th{ font-weight: 700; background: #D9D9D9; color: #000; } #withSidebar #content{ width: 100% !important; } #shopCheckout{ padding-top: 60px; } #cartOverview img{ display: block; } } @media (max-width: 960px) { *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url("/frontend/themes/novy/core/layout/css/frontend/themes/novy/core/js/boxsizing.htc"); } #container{ width: 100%; position: relative; } h1{ font-size: 24px; line-height: 1.2; } img{ max-width: 100%; } .pagination li{ margin-right: 2px; } #lightbox-container-image-box{ max-width: 90%; height: auto !important; } #lightbox-image{ width: 100% !important; height: auto !important; } #lightbox-container-image-data-box{ max-width: 90%; } body.open{ width: 100%; overflow: hidden; } #mobileNavigation{ display: none; } .open #mobileNavigation{ display: block; width: 80%; height: 100%; background: #AAA; -webkit-box-shadow: inset -3px 0 5px rgba(0,0,0,.4); -moz-box-shadow: inset -3px 0 5px rgba(0,0,0,.4); box-shadow: inset -3px 0 5px rgba(0,0,0,.4); position: absolute; top: 0; left: 0; z-index: 999; overflow-y: auto; padding: 15px; color: #FFF; } #mobileNavigation a, #mobileNavigation a:visited{ color: #FFF; } #mobileNavigation a:hover, #mobileNavigation a:active, #mobileNavigation a:focus{ border-color: #FFF; } #navigationLinks ul{ padding-bottom: 13px; } #navigationLinks li{ padding: 10px 0; line-height: 1.3; border-bottom: 1px solid #000; border-bottom: 1px solid rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,.3); -moz-box-shadow: 0 1px 0 0 rgba(255,255,255,.3); box-shadow: 0 1px 0 0 rgba(255,255,255,.3); } #navigationLinks li:last-child{ border-bottom: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #navigationLinks a, #navigationLinks a:visited{ text-transform: uppercase; font-size: 13px; letter-spacing: 0.05em; border: 0; color: #FFF; color: rgba(255,255,255,.8); -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,.3); -moz-text-shadow: 0 -1px 0 rgba(0,0,0,.3); text-shadow: 0 -1px 0 rgba(0,0,0,.3); } #navigationLinks a:hover, #navigationLinks a:active, #navigationLinks a:focus{ color: #FFF; } #mobileNavigation #userActions{ font-size: 13px; } .open #container{ position: absolute; left: 80%; height: 100%; overflow: hidden; } .open #container:after{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #000; background: rgba(0,0,0,.7); z-index: 99; } #mobileTrigger{ display: block; position: absolute; top: 10px; left: 8px; z-index: 999; } #mobileTrigger, #mobileTrigger:visited{ display: block; width: 30px; height: 30px; border: 0; text-indent: -9999em; background: url("/frontend/themes/novy/core/layout/css/../images/mobileTrigger.png") no-repeat 0 0; opacity: .8; } #mobileTrigger:hover, #mobileTrigger:active, #mobileTrigger:focus{ opacity: 1; } .open #mobileTrigger, .open #mobileTrigger:visited{ background-position: 0 -30px; } #mobileNavigation .mainNavigation .webshopLink{ display: block; } #header, #home #header{ padding: 0 10px; height: 115px; } #header{ height: 165px; } #metaNavigation, #profileLinks, #navigation{ display: none; } #logo{ left: 50px; top: 0; } #logo h1, #logo p{ width: 120px; height: 120px; background-image: url("/frontend/themes/novy/core/layout/css/../images/logo-novy.svg"); } #language{ top: 15px; right: 10px; } #language ul{ padding-left: 0; border-left: 0; } #navigationAndSearch{ overflow: visible; border: 0; width: 100%; } #searchFormWidget{ left: 50px; position: absolute; right: 10px; top: 0px; } #searchFormWidget .oneLiner p{ float: none; } #searchFormWidget input.inputText{ width: 100%; } .navCart{ right: 90px; top: 15px; } #breadcrumb{ left: 10px; right: 10px; width: auto; top: 110px; overflow: hidden; } #breadcrumb p{ width: 1000px; float: left; } #countryNav{ right: 10px; width: 165px; padding: 0; z-index: 9999; } .open #cookieMessage{ display: none !important; } #cookieMessage .container{ width: 100%; padding-left: 30px; padding-right: 30px; font-size: 12px; } #home h1{ padding-bottom: 12px; } #slideshow{ width: 100% !important; overflow: hidden !important; } #newsAndSpotlights > div, #newsAndSpotlights section{ width: 33.3% !important; } #home #news{ width: 100% !important; } #home .spotlight .imageHolder{ width: 100%; } #home .spotlight .imageHolder img{ width: 100%; height: auto; } .fourCol section, .fourCol aside, .fourCol article{ width: 25%; } #home #categories article{ width: 25%; padding-left: 10px; padding-right: 10px; } #home #categories article .photoHolder, #home #categories article .figure, #home #categories article p, #home #categories article img, #home #categories article h3{ width: 100%; padding-left: 0; padding-right: 0; } #home #categories article img{ height: auto; } .homeSimple .threeCol aside{ width: 33.3%; padding-left: 10px; padding-right: 10px; } .homeSimple .threeCol aside .photoHolder, .homeSimple .threeCol aside .figure, .homeSimple .threeCol aside .p, .homeSimple .threeCol aside img, .homeSimple .threeCol aside h3{ width: 100%; padding-left: 0; padding-right: 0; } .homeSimple .threeCol aside img{ height: auto; } #withSidebar #content{ width: 70%; } #withSidebar #sidebar{ width: 30%; padding: 0 10px; } #subnavigation{ width: 30%; padding-right: 20px; } #subnav #content{ width: 70%; } #productsCategoryProducts #filters{ width: 30%; padding-right: 20px; } #productsCategoryProducts #sort, #productsCategoryProducts #productOverview{ width: 70%; } #productOverview .clearfix{ width: 100%; } #productOverview .productBlock{ padding-right: 0; } #productOverview article{ width: 33.3%; } #productOverview img{ width: 100%; height: auto; } #productsCategoryProducts #sort .readMore{ float: none; clear: both; padding-top: 17px; padding-bottom: 5px; } #productsCategoryProducts .filterText{ width: 70%; margin-right: 0; padding-top: 0; } #content #productImages{ width: 60%; padding-right: 20px; } #productImages figure{ width: 100%; } #productImages img{ width: 100%; height: auto; } #productImages ul{ width: 100%; } #productImages .thumbs li, #productImages .thumbs li.lastChild{ width: 33.3%; padding-left: 10px; padding-right: 10px; } #productDescription{ width: 40%; height: auto; padding: 0; } #productDescription #specs{ position: relative; top: 0; left: 0; } #productDescription footer{ position: relative; padding-top: 10px; } #tabs .tab{ width: 100%; background: #FBFBFB url("/frontend/themes/novy/core/layout/css/../images/glow.png") repeat-x; } #tabs .tab .content{ width: 60%; border-right: 1px solid #e2e2e2; } #tabs .tab #side{ width: 40%; } #productDescription footer a.button, #productDescription footer a.button:visited{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #products-list .thumbnail{ width: 64px; } #products-list .thumbnail{ } #inspiration .clearfix{ padding-right: 0; } #inspiration .inspirationBlock{ padding-right: 0; } #inspiration article{ width: 33.3%; padding-left: 10px; padding-right: 10px; } #inspiration article img{ width: 100%; height: auto; } .imageMapContainer{ width: 100% !important; overflow-x: auto; overflow-y: hidden; } .marker, .imageMapContainer .marker .info, .imageMapContainer .marker .info:after{ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #doormat{ width: 100%; border-right: 0; border-left: 0; border-radius: 0; } #doormat .fiveCol aside{ width: 20%; } #doormat header{ padding-bottom: 8px; } #footerBreadcrumb{ display: none; } #socialLinks{ float: left; } #socialLinks li{ padding: 0 7px 0 0; } .formBuilderForm p, #loginForm p{ padding-right: 0; } .formBuilderForm label, #loginForm label, #register label, #register .label, .preCaptcha{ width: 35%; } .formBuilderForm input.inputText, .formBuilderForm textarea, .formBuilderForm .select, #register .select, #loginForm input.inputText, #register input.inputText, #register textarea{ width: 65%; } #register .inputSubmit, #register #loginLink, .formBuilderForm .inputSubmit, #loginForm .inputSubmit, #loginForm #rememberMe, #loginForm .ft{ margin-left: 35%; } .errorArea .inlineError, .errorArea .formErrors, #register .formError, #loginForm .formError{ padding-left: 35%; height: auto; } #loginForm #rememberMe label{ width: auto; } #faqFeedbackForm label{ height: auto; } #faqFeedbackForm #message{ width: 100%; } #shopCheckout .steps li a, #shopCheckout .steps li a:visited, #shopCheckout .steps li span{ padding-top: 7px; } #shopCheckout .steps li.lastChild span{ padding-top: 18px; } #footer{ margin-bottom: 0; border-bottom: 0; } } @media (max-width: 680px){ .imageHolder { float: none; width: 100%; padding-right: 0 !important; } .imageHolder img{ float: none; width: 100%; height: auto; } .pagination li{ display: none; } .pagination .previousPage, .pagination .nextPage{ display: block; } #mobileSearch #searchFormWidget{ left: 60%; } #newsAndSpotlights > div, #newsAndSpotlights section{ width: 100% !important; padding-right: 0; padding-bottom: 15px; } .fourCol section, .fourCol aside, .fourCol article, #home #categories article, .homeSimple .threeCol aside{ width: 100%; padding-right: 0; padding-bottom: 15px; } #withSidebar #content, #withSidebar #sidebar{ width: 100%; } #subnavigation, #subnav #content{ width: 100%; float: none; } #subnavigation{ padding: 0 0 35px 0; } #productsCategoryProducts .filterText{ width: 100%; } #productsCategoryProducts #filters, #productsCategoryProducts #sort, #productsCategoryProducts #productOverview{ width: 100%; padding: 0 0 15px 0; } #productOverview .productBlock{ padding-right: 0; } #productOverview article{ padding-right: 10px; padding-left: 10px; } #filters h3{ cursor: pointer; padding-top: 10px; padding-left: 20px; background: url("/frontend/themes/novy/core/layout/css/../images/country_nav.png") no-repeat 0 4px; } #filters.open h3{ background-position: 0 -62px; } #filters aside{ display: none; } #filters.open aside{ display: block; } #productsCategoryProducts #filters #showAll{ margin-top: 5px; padding: 0 0 14px; } #content #productImages, #productDescription{ width: 100%; padding-right: 0; } #tabs nav ul{ list-style: none; padding: 0 0 12px 0; } #tabs nav li{ float: none; border: 0; padding: 0 0 11px 16px; background: url("/frontend/themes/novy/core/layout/css/../images/arrow.png") no-repeat 0 9px; } #tabs nav li a, #tabs nav li a:visited{ display: inline; float: none; padding: 0; background: 0; line-height: 1.6; } #tabs .tab .content, #tabs .tab #side{ width: 100%; border-right: none; } #tabs .tab{ display: block !important; } #tabs .tab .content h3{ display: block; } #extraInfo aside{ padding: 15px 0; } #extraInfo aside h3 a, #extraInfo aside h3 a:visited{ padding-bottom: 0; } #dealerSearch p{ width: 100%; } #dealerSearch label{ width: 20%; } #dealerSearch input.inputText{ width: 80%; } #blogArchive{ padding-bottom: 25px; } .dealerMap{ height: 250px; } .dealerMap img{ max-width: none; width: auto; } #shopCheckout label, #shopCheckout .label{ width: 100%; padding-right: 0; float: none; padding-bottom: 7px; height: auto; } #shopCheckout input.inputText{ width: 100%; float: none; } #shopCheckout .inputList ul{ width: 100%; } #shopCheckout .inputList.twoOptions li{ float: left; width: 35%; clear: none; } #shopCheckout .inputList li label{ width: auto; padding-right: 0; } #shopCheckout .helpText, #shopCheckout .formError{ padding-left: 0; } #shopCheckout .steps{ display: none; } .shopCheckoutPage #header{ height: 155px; } .webshopSearch select, .webshopSearch input.inputText{ display: block; margin: 5px 0 10px; width: 100%; } .shopSearchResult{ width: 100%; } #doormat .fiveCol aside{ width: 100%; padding-right: 0; padding-bottom: 16px; } } @media (max-width: 600px){ #header { height: 130px; } #mobileSearch #searchFormWidget{ left: 47%; } #productsCategoryProducts #sort ul{ font-size: 12px; } #productOverview article{ width: 100%; padding-left: 0; padding-right: 0; } #productDescription footer a.button, #productDescription footer a.button:visited{ float: none; clear: both; margin-top: 42px; } .usedByList{ -webkit-columns: 1; -moz-columns: 1; columns: 1; } #inspiration .inspirationBlock{ padding-right: 0; } #inspiration article{ width: 100%; padding-left: 0; padding-right: 0; } .formBuilderForm p, #loginForm p{ padding: 0 2px 18px; } .formBuilderForm label, .formBuilderForm input.inputText, .formBuilderForm textarea, .formBuilderForm .select, #register .select, #loginForm label, #loginForm input.inputText, #register input.inputText, #register textarea, #register label, #register .label, .preCaptcha{ width: 100%; padding-left: 0; padding-right: 0; } .formBuilderForm label, #loginForm label{ height: auto; padding-bottom: 6px; } #register .inputSubmit, #register #loginLink, .formBuilderForm .inputSubmit, #loginForm .inputSubmit, #loginForm #rememberMe, #loginForm .ft{ margin-left: 0; } .errorArea .inlineError, .errorArea .formError, #register .formError, #loginForm .formError{ padding-left: 0; } #register .select{ margin-left: 1%; width: 99%; } } @media (max-width: 400px){ #logo h1, #logo p { width: 100px; height: 100px; } } .webshop h2{ margin-bottom: 10px; } .webshopSearch{ border: 1px solid #d9d9d9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 20px; -webkit-box-shadow: 0 3px 0 #F3F3F3; -moz-box-shadow: 0 3px 0 #F3F3F3; box-shadow: 0 3px 0 #F3F3F3; margin: 0 0 35px 0; overflow: hidden; } .webshopSearch select{ margin: 0 10px; } .webshopSearch .inputText{ width: 150px; margin-left: 10px; } .filterShopResults{ overflow: hidden; display: block; padding: 15px 0 5px; margin-bottom: 25px; border-bottom: 1px solid #D9D9D9; } .filterShopResults h3, .filterShopResults ul li{ float: left; margin-right: 10px; } .shopSearchResults{ overflow: hidden; } .shopSearchResult{ overflow: hidden; width: 50%; float: left; margin-bottom: 20px; padding-right: 10px; padding-left: 10px; } .shopSearchResult h3{ font-size: 16px; padding-bottom: 5px; } .shopSearchResult .imageHolder{ float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-right: 8px; } .shopSearchResult .imageHolder a{ display: block; border: 1px solid #D8D8D8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: border-color 0.2s linear; -moz-transition: border-color 0.2s linear; transition: border-color 0.2s linear; } .shopSearchResult .imageHolder img{ display: block; } .shopSearchResult #specs{ font-size: 14px; } .shopSearchResult #specs span{ color: #888; } .shopSearchMore{ text-align: center; } .shopSearchMore a{ display: inline-block; background-color: #efefef; font-size: 14px; padding: 2px 16px 2px 16px; border: 0; border-bottom: 3px solid #DCDCDC; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; cursor: pointer; overflow: visible; white-space: nowrap; text-align: center; margin: 0; color: #888; font-weight: bold; margin-bottom: 20px; } .webShopMoreInfo{ background: url("/frontend/themes/novy/core/layout/css/../images/question.png") no-repeat 0 center transparent; padding: 8px 0 8px 35px ; text-decoration: none; border: 0 none; margin: 10px 0 0; display: block; } .webShopMoreInfo a:hover{ background-color: #eaeced; color: #888; } .webshop .readMoreText{ background-color: #f6f6f6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 20px; margin-bottom: 20px; } .webshop .readMoreText h4{ margin-bottom: 5px; } .webshop .steps{ list-style: decimal; margin: 5px 0 0 22px; } .webshop .serial{ float: left; margin: 5px 40px 0 0; } #navigation{ width: 100%; } #navigation .navCart{ float: right; } #navigation .navCart a{ border: 0 none; background: url("/frontend/themes/novy/core/layout/css/../images/cart.png") no-repeat left center transparent; padding-left: 30px; } #navigation .navCart .cartNr{ background-color: #686f73; color: white; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; width: 22px; height: 22px; line-height: 22px; text-align: center; } .paymentOptions{ display: block; margin: 0 0 10px 10px; overflow: hidden; } .paymentOptions h3, .paymentOptions li{ float: left; margin-right: 10px; } .paymentOptions li{ text-indent: -9999px; width: 45px; height: 25px; } .paymentOption-1{ background: url("/frontend/themes/novy/core/layout/css/../images/ogone.png") no-repeat center center transparent; } .paymentOption-2{ background: url("/frontend/themes/novy/core/layout/css/../images/bancontact.png") no-repeat center center transparent; } .paymentOption-3{ background: url("/frontend/themes/novy/core/layout/css/../images/mastercard.png") no-repeat center center transparent; } .paymentOption-4{ background: url("/frontend/themes/novy/core/layout/css/../images/visa.png") no-repeat center center transparent; } #navigation{ width: 100%; } .shopSearchResult{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url("/frontend/themes/novy/core/layout/css/frontend/themes/novy/core/js/boxsizing.htc"); } #blogIndex .imageHolder{ float: none; } .top-items{ overflow: hidden; } .top-items img{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; } .top-items article{ width: 30%; margin-right: 30px; float: left; overflow: visible; } .top-items article:last-child{ width: 30%; float: left; margin-right: 0; } .top-items article.imageHolder{ display: block; padding: 0; margin-bottom: 15px; float: none; } .top-items article h2{ height: 85px; } .tags{ list-style: none; padding-bottom: 12px; } .tags li{ display: inline-block; padding: 0 !important; background: none !important; } #navigation .navCart{ float: right; } #navigation .navCart a{ border: 0 none; background: url("/frontend/themes/novy/core/layout/css/../images/cart.png") no-repeat left center transparent; padding-left: 30px; } #navigation .navCart .cartNr{ background-color: #686f73; color: white; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; width: 22px; height: 22px; line-height: 22px; text-align: center; } .paymentOptions{ display: block; margin: 10px 0 10px 10px; overflow: hidden; } .paymentOptions h3, .paymentOptions li{ float: left; margin-right: 10px; } .paymentOptions li{ text-indent: -9999px; width: 45px; height: 25px; } .paymentOption-1{ background: url("/frontend/themes/novy/core/layout/css/../images/ogone.png") no-repeat center center transparent; } .paymentOption-2{ background: url("/frontend/themes/novy/core/layout/css/../images/bancontact.png") no-repeat center center transparent; } .paymentOption-3{ background: url("/frontend/themes/novy/core/layout/css/../images/mastercard.png") no-repeat center center transparent; } .paymentOption-4{ background: url("/frontend/themes/novy/core/layout/css/../images/visa.png") no-repeat center center transparent; } .icon-definition{ margin: 1.5em 0; overflow: hidden; } .icon-definition figure, .icon-definition .description{ float: left; } .icon-definition figure{ width: 10%; } .icon-definition .description{ width: 90%; } @media (max-width: 480px) { .icon-definition figure{ width: 20%; } .icon-definition .description{ width: 80%; } } .dealerMap{ width: 100%; } #dealerSearch, .dealerMapLegend, #map{ display: block; } @media (max-width: 480px) { #dealerSearch, .dealerMapLegend, #map{ display: none; } } .search-btn-container{ overflow: hidden; } .dealer{ padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #DBDADA; } .no-nav-header{ height: 110px !important; } .no-nav #main h1{ display: none; } .energy-label{ background-image: url("/frontend/themes/novy/core/layout/css/../images/energy-label.png"); background-repeat: no-repeat; height: 30px; -webkit-background-size: 40px; background-size: 60px; color: white; } .energy-label span{ padding-left: .5em; color: white !important; font-size: 14px; } .export-products th, .export-products td{ padding: 5px 10px; } .premiumMessage { position: absolute; width: 100%; height: 28px; text-align: center; background-color: RGBA(50,50,50, 0.7); color: #ffffff; } .imageHolder{ position: relative; } .premiumLabel{ position: absolute; bottom: 0; left: 0; width: 100px; height: 100px; text-indent: -9999px; background-color: red; background: transparent url("/frontend/themes/novy/core/layout/css/../images/logo_premium_product.png") 0 0 no-repeat; -webkit-background-size: 100px; background-size: 100px; } .premiumOption{ padding-top: 15px !important; width: 100% !important; padding-right: 0 !important; } a.premiumLink{ position: relative; overflow: hidden; display: block; border: none; vertical-align: bottom; font-size: 12px; text-transform: uppercase; background-color: #fff; border: 1px solid #808285 !important; color: #808285; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; transition: all 0.1s linear; } a.premiumLink:hover{ background-color: #FBFBFB; color: #404040; } .premiumLinkLabel{ padding: 15px; display: block; position: absolute; bottom: 0; left: 80px; } .premiumLogoNoLink{ width: 80px; float: left; margin-right: 15px; border: 1px solid #808285; } #productDescription #specs li.spec-icons img.premiumLogo{ width: 90px; float: right; border: 1px solid #808285 !important; } .partnerzone{ padding-top: 10px; } .partnerzone-slideshow{ margin-bottom: 30px; } .partnerzone-part{ padding-top: 30px; margin-bottom: 30px; border-top: 1px solid #d9d9d9; } .partnerzone-part-content{ max-width: 36em; overflow: hidden; } .partnerzone-part-content h2, .partnerzone-part-content h3, .partnerzone-part-content h4{ font-size: 18px; padding: 0 0 12px 0; }