/*! * Bootstrap v3.3.4 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=57c2dc0b09c745fe321a) * Config saved to config.json and https://gist.github.com/57c2dc0b09c745fe321a *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff !important}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}.label{border:1px solid #000}.table{border-collapse:collapse !important}.table td,.table th{background-color:#fff !important}.table-bordered th,.table-bordered td{border:1px solid #ddd !important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#777}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}mark,.mark{background-color:#fcf8e3;padding:.2em}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.42857143}dt{font-weight:bold}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}address{margin-bottom:20px;font-style:normal;line-height:1.42857143}.container{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}@media (min-width:768px){.container{width:740px}}@media (min-width:992px){.container{width:960px}}@media (min-width:1200px){.container{width:1160px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px}.row{margin-left:-10px;margin-right:-10px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:10px;padding-right:10px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:transparent}caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:0.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}.nav{margin-bottom:0;padding-left:0;list-style:none}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#777}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#337ab7}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#337ab7}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#777;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge,.btn-group-xs>.btn .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}.nav-pills>li>a>.badge{margin-left:3px}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-weight:normal;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{bottom:0;right:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-weight:normal;line-height:1.42857143;text-align:left;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{border-width:10px;content:""}.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.nav:before,.nav:after,.pager:before,.pager:after{content:" ";display:table}.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.nav:after,.pager:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed} @font-face { font-family: 'AvantGardeGothicBdITC-Reg'; src:url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicBdITC-Reg.eot?#iefix') format('embedded-opentype'), url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicBdITC-Reg.otf') format('opentype'), url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicBdITC-Reg.woff') format('woff'), url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicBdITC-Reg.ttf') format('truetype'), url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicBdITC-Reg.svg#AvantGardeGothicBdITC-Reg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvantGardeGothicBkITC-Reg'; src:url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicBkITC-Reg.eot?#iefix') format('embedded-opentype'), url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicBkITC-Reg.otf') format('opentype'), url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicBkITC-Reg.woff') format('woff'), url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicBkITC-Reg.ttf') format('truetype'), url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicBkITC-Reg.svg#AvantGardeGothicBkITC-Reg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvantGardeGothicExLtITC-Reg'; src:url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicExLtITC-Reg.eot?#iefix') format('embedded-opentype'), url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicExLtITC-Reg.otf') format('opentype'), url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicExLtITC-Reg.woff') format('woff'), url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicExLtITC-Reg.ttf') format('truetype'), url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicExLtITC-Reg.svg#AvantGardeGothicExLtITC-Reg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvantGardeGothicMdITC-Reg'; src:url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicMdITC-Reg.eot?#iefix') format('embedded-opentype'), url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicMdITC-Reg.otf') format('opentype'), url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicMdITC-Reg.woff') format('woff'), url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicMdITC-Reg.ttf') format('truetype'), url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicMdITC-Reg.svg#AvantGardeGothicMdITC-Reg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvantGardeGothicDmITC-Reg'; src:url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicDmITC-Reg.eot?#iefix') format('embedded-opentype'), url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicDmITC-Reg.otf') format('opentype'), url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicDmITC-Reg.woff') format('woff'), url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicDmITC-Reg.ttf') format('truetype'), url('https://www.vogels.com/skin/frontend/vogels/default/fonts/AvantGardeGothicDmITC-Reg.svg#AvantGardeGothicDmITC-Reg') format('svg'); font-weight: normal; font-style: normal; } .scrollable { position: relative; } .scrollable:focus { outline: 0; } .scrollable .viewport { position: relative; overflow: hidden; } .scrollable .viewport .overview { position: absolute; width: 100%; } .scrollable .scroll-bar { display: none; } .scrollable .scroll-bar.vertical { position: absolute; right: 0; height: 100%; } .scrollable .scroll-bar.horizontal { position: relative; width: 100%; } .scrollable .scroll-bar .thumb { position: absolute; } .scrollable .scroll-bar.vertical .thumb { width: 100%; min-height: 10px; } .scrollable .scroll-bar.horizontal .thumb { height: 100%; min-width: 10px; left: 0; } .not-selectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*Default skin*/ .scrollable.default-skin { padding-right: 10px; padding-bottom: 6px; } .scrollable.default-skin .scroll-bar.vertical { width: 6px; } .scrollable.default-skin .scroll-bar.horizontal { height: 6px; } .scrollable.default-skin .scroll-bar .thumb { background-color: black; opacity: 0.4; border-radius: 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .scrollable.default-skin .scroll-bar:hover .thumb { opacity: 0.6; } /*Gray skin*/ .scrollable.gray-skin { padding-right: 17px; } .scrollable.gray-skin .scroll-bar { border: 1px solid gray; background-color: #d3d3d3; } .scrollable.gray-skin .scroll-bar .thumb { background-color: gray; } .scrollable.gray-skin .scroll-bar:hover .thumb { background-color: black; } .scrollable.gray-skin .scroll-bar.vertical { width: 10px; } .scrollable.gray-skin .scroll-bar.horizontal { height: 10px; margin-top: 2px; } /*Modern skin*/ .scrollable.modern-skin { padding-right: 17px; } .scrollable.modern-skin .scroll-bar { border: 1px solid gray; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: inset 0 0 5px #888; -webkit-box-shadow: inset 0 0 5px #888; box-shadow: inset 0 0 5px #888; } .scrollable.modern-skin .scroll-bar .thumb { background-color: #95aabf; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #536984; } .scrollable.modern-skin .scroll-bar.vertical .thumb { width: 8px; background: -moz-linear-gradient(left, #95aabf 0%, #547092 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092)); background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%); background: -o-linear-gradient(left, #95aabf 0%, #547092 100%); background: -ms-linear-gradient(left, #95aabf 0%, #547092 100%); background: linear-gradient(to right, #95aabf 0%, #547092 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )"; } .scrollable.modern-skin .scroll-bar.horizontal .thumb { height: 8px; background-image: linear-gradient(#95aabf, #547092); background-image: -o-linear-gradient(#95aabf, #547092); background-image: -moz-linear-gradient(#95aabf, #547092); background-image: -webkit-linear-gradient(#95aabf, #547092); background-image: -ms-linear-gradient(#95aabf, #547092); -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )"; } .scrollable.modern-skin .scroll-bar.vertical { width: 10px; } .scrollable.modern-skin .scroll-bar.horizontal { height: 10px; margin-top: 2px; } /* ------------------------------------------------------------------------ This you can edit. ------------------------------------------------------------------------- */ /* ---------------------------------- Default Theme ----------------------------------- */ div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px; } div.pp_default .pp_top .pp_left { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */ div.pp_default .pp_top .pp_middle { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */ div.pp_default .pp_top .pp_right { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */ div.pp_default .pp_content .ppt { color: #f8f8f8; } div.pp_default .pp_content_container .pp_left { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; } div.pp_default .pp_content_container .pp_right { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; } div.pp_default .pp_content { background-color: #fff; } /* Content background */ div.pp_default .pp_next:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer; } /* Next button */ div.pp_default .pp_previous:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.pp_default .pp_expand { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */ div.pp_default .pp_expand:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */ div.pp_default .pp_contract { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */ div.pp_default .pp_contract:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */ div.pp_default .pp_close { width: 30px; height: 30px; background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */ div.pp_default #pp_full_res .pp_inline { color: #000; } div.pp_default .pp_gallery ul li a { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a { border-color: #fff; } div.pp_default .pp_social { margin-top: 7px; } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; } div.pp_default .pp_details { position: relative; } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; } div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */ div.pp_default .pp_content_container .pp_details { margin-top: 5px; } div.pp_default .pp_nav { clear: none; height: 30px; width: 110px; position: relative; } div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; } div.pp_default .pp_description{ font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; } div.pp_default .pp_bottom .pp_left { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */ div.pp_default .pp_bottom .pp_middle { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */ div.pp_default .pp_bottom .pp_right { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */ div.pp_default .pp_loaderIcon { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Light Rounded Theme ----------------------------------- */ div.light_rounded .pp_top .pp_left { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.light_rounded .pp_top .pp_middle { background: #fff; } /* Top pattern/color */ div.light_rounded .pp_top .pp_right { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } /* Content background */ div.light_rounded .pp_next:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_rounded .pp_previous:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_rounded .pp_expand { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_rounded .pp_expand:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_rounded .pp_contract { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_rounded .pp_contract:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_rounded .pp_close { width: 75px; height: 22px; background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_rounded .pp_details { position: relative; } div.light_rounded .pp_description { margin-right: 85px; } div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_rounded .pp_nav .pp_play { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_nav .pp_pause { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_rounded .pp_arrow_previous { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.light_rounded .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */ div.light_rounded .pp_bottom .pp_right { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.light_rounded .pp_loaderIcon { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Rounded Theme ----------------------------------- */ div.dark_rounded .pp_top .pp_left { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.dark_rounded .pp_top .pp_middle { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */ div.dark_rounded .pp_top .pp_right { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.dark_rounded .pp_content_container .pp_left { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } /* Left Content background */ div.dark_rounded .pp_content_container .pp_right { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } /* Right Content background */ div.dark_rounded .pp_content { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */ div.dark_rounded .pp_next:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_rounded .pp_previous:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.dark_rounded .pp_expand { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_rounded .pp_expand:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_rounded .pp_contract { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_rounded .pp_contract:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_rounded .pp_details { position: relative; } div.dark_rounded .pp_description { margin-right: 85px; } div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_rounded .pp_nav .pp_play { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_nav .pp_pause { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_rounded .pp_arrow_previous { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.dark_rounded .pp_bottom .pp_middle { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */ div.dark_rounded .pp_bottom .pp_right { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ div.dark_rounded .pp_loaderIcon { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Dark Square Theme ----------------------------------- */ div.dark_square .pp_left , div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: #000; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */ div.dark_square .pp_expand { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.dark_square .pp_expand:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.dark_square .pp_contract { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.dark_square .pp_contract:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.dark_square .pp_close { width: 75px; height: 22px; background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.dark_square .pp_details { position: relative; } div.dark_square .pp_description { margin: 0 85px 0 0; } div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.dark_square .pp_nav { clear: none; } div.dark_square .pp_nav .pp_play { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_nav .pp_pause { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.dark_square .pp_arrow_previous { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.dark_square .pp_previous:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ /* ---------------------------------- Light Square Theme ----------------------------------- */ div.light_square .pp_left , div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.light_square .pp_expand:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.light_square .pp_contract { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.light_square .pp_contract:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.light_square .pp_close { width: 75px; height: 22px; background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.light_square .pp_details { position: relative; } div.light_square .pp_description { margin-right: 85px; } div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; } div.light_square .pp_nav .pp_play { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_nav .pp_pause { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; } div.light_square .pp_arrow_previous { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */ div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */ div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.light_square .pp_previous:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.light_square .pp_loaderIcon { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */ /* ---------------------------------- Facebook style Theme ----------------------------------- */ div.facebook .pp_top .pp_left { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } /* Top left corner */ div.facebook .pp_top .pp_middle { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } /* Top pattern/color */ div.facebook .pp_top .pp_right { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } /* Top right corner */ div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } /* Content background */ div.facebook .pp_content_container .pp_right { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } /* Content background */ div.facebook .pp_content { background: #fff; } /* Content background */ div.facebook .pp_expand { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */ div.facebook .pp_expand:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */ div.facebook .pp_contract { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */ div.facebook .pp_contract:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */ div.facebook .pp_close { width: 22px; height: 22px; background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */ div.facebook .pp_details { position: relative; } div.facebook .pp_description { margin: 0 37px 0 0; } div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/facebook/loader.gif) center center no-repeat; } /* Loader icon */ div.facebook .pp_arrow_previous { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The previous arrow in the bottom nav */ div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_arrow_next { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } /* The next arrow in the bottom nav */ div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_nav .pp_play { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_nav .pp_pause { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px; } div.facebook .pp_next:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */ div.facebook .pp_previous:hover { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */ div.facebook .pp_bottom .pp_left { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */ div.facebook .pp_bottom .pp_middle { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } /* Bottom pattern/color */ div.facebook .pp_bottom .pp_right { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */ /* ------------------------------------------------------------------------ DO NOT CHANGE ------------------------------------------------------------------------- */ div.pp_pic_holder a:focus { outline:none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; min-width: 40px; } * html .pp_content { width: 40px; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { float: left; margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0; } .pp_social { float: left; margin: 0; } .pp_social .facebook { float: left; margin-left: 5px; width: 55px; overflow: hidden; } .pp_social .twitter { float: left; } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0; } .pp_nav p { float: left; margin: 2px 4px; white-space: nowrap; } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px; } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000; } .pp_gallery div { float: left; overflow: hidden; position: relative; } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap; } .pp_gallery ul a { border: 1px #000 solid; border: 1px rgba(0,0,0,0.5) solid; display: block; float: left; height: 33px; overflow: hidden; } .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff; } .pp_gallery ul a img { border: 0; } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } .pp_gallery li.default a { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px; } .pp_gallery li.default a img { display: none; } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px !important; } a.pp_next { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(https://www.vogels.com/skin/frontend/vogels/default/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { position: absolute; right: 0; top: 0; display: block; line-height:22px; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999; } /* ========================================================================== Author's custom styles ========================================================================== */ .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 1200px) and (max-width: 1440px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) and (max-width: 1440px) { .hidden-lg { display: none !important; } } .v-icon { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); display: block; background-repeat: no-repeat; background-size: 424px 725px; } .v-icon.accessories { background-position: -1px -1px; width: 33px; height: 46px; } .v-icon.avatar { background-position: -34px -1px; width: 18px; height: 18px; } .v-icon.baloon { background-position: -52px -1px; width: 18px; height: 18px; } .v-icon.breadcrumb { background-position: -70px -1px; width: 19px; height: 42px; } .v-icon.checkbox { background-position: -88px -1px; width: 18px; height: 18px; } .v-icon.checkbox-active { background-position: -106px -1px; width: 18px; height: 18px; } .v-icon.checkbox-inactive { background-position: -124px -1px; width: 18px; height: 18px; } .v-icon.checkmark { background-position: -142px -1px; width: 18px; height: 21px; } .v-icon.success { background-position: -142px -1px; width: 18px; height: 21px; } .v-icon.checkmark-outlined { background-position: -160px -1px; width: 36px; height: 36px; } .v-icon.checkmark-outlined-inactive { background-position: -196px -1px; width: 36px; height: 36px; } .v-icon.close { background-position: -232px -1px; width: 22px; height: 22px; } .v-icon.dark-bottom { background-position: -254px -1px; width: 18px; height: 15px; } .v-icon.dark-bottom-outlined { background-position: -272px -1px; width: 42px; height: 42px; } .v-icon.dark-bottom-round { background-position: -34px -43px; width: 42px; height: 42px; } .v-icon.dark-close { background-position: -76px -43px; width: 36px; height: 36px; } .v-icon.dark-info { background-position: -314px -1px; width: 22px; height: 22px; } .v-icon.dark-left { background-position: -34px -23px; width: 14px; height: 19px; } .v-icon.dark-left-outlined { background-position: -112px -43px; width: 42px; height: 42px; } .v-icon.dark-left-round { background-position: -154px -43px; width: 42px; height: 42px; } .v-icon.dark-magnifier-outlined { background-position: -196px -43px; width: 36px; height: 36px; } .v-icon.dark-minus { background-position: -232px -43px; width: 36px; height: 36px; } .v-icon.dark-open { background-position: -268px -43px; width: 36px; height: 36px; } .v-icon.dark-remove { background-position: -314px -23px; width: 22px; height: 22px; } .v-icon.dark-right { background-position: -48px -23px; width: 14px; height: 19px; } .v-icon.dark-right-outlined { background-position: -196px -79px; width: 42px; height: 42px; } .v-icon.dark-right-round { background-position: -238px -79px; width: 42px; height: 42px; } .v-icon.dark-top { background-position: -88px -23px; width: 18px; height: 15px; } .v-icon.dark-top-outlined { background-position: -280px -79px; width: 42px; height: 42px; } .v-icon.dark-top-round { background-position: -1px -121px; width: 42px; height: 42px; } .v-icon.dropdown { background-position: -106px -23px; width: 13px; height: 8px; } .v-icon.email { background-position: -119px -23px !important; width: 19px !important; height: 17px !important; } .v-icon.facebook { background-position: -43px -121px !important; width: 37px !important; height: 37px !important; } .v-icon.flat-icon { background-position: -80px -121px; width: 82px; height: 22px; } .v-icon.globe { background-position: -137px -23px; width: 18px; height: 18px; } .v-icon.google-plus { background-position: -161px -121px !important; width: 37px !important; height: 37px !important; } .v-icon.home-icon { background-position: -232px -23px; width: 18px; height: 16px; } .v-icon.home-breadcrumb { background-position: -322px -45px; width: 19px; height: 42px; } .v-icon.light-bottom { background-position: -250px -23px; width: 18px; height: 15px; } .v-icon.light-bottom-outlined { background-position: -198px -121px; width: 42px; height: 42px; } .v-icon.light-bottom-round { background-position: -240px -121px; width: 42px; height: 42px; } .v-icon.light-brand { background-position: -1px -87px; width: 36px; height: 31px; } .v-icon.light-left { background-position: -304px -45px; width: 14px; height: 19px; } .v-icon.light-left-outlined { background-position: -282px -121px; width: 42px; height: 42px; } .v-icon.light-left-round { background-position: -1px -163px; width: 42px; height: 42px; } .v-icon.light-model { background-position: -43px -163px; width: 36px; height: 31px; } .v-icon.light-right { background-position: -37px -87px; width: 14px; height: 19px; } .v-icon.light-right-outlined { background-position: -79px -163px; width: 42px; height: 42px; } .v-icon.light-right-round { background-image: none; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/v-icon-light-right-round.png"); background-position: center center; background-repeat: no-repeat; width: 42px; height: 42px; background-size: 100%; } .v-icon.light-size { background-position: -163px -163px; width: 36px; height: 31px; } .v-icon.light-step { background-position: -199px -163px; width: 29px; height: 78px; } .v-icon.light-top { background-position: -51px -87px; width: 18px; height: 15px; } .v-icon.light-top-outlined { background-position: -228px -163px; width: 42px; height: 42px; } .v-icon.light-top-round { background-position: -270px -163px; width: 42px; height: 42px; } .v-icon.linkedin { background-position: -1px -205px !important; width: 37px !important; height: 37px !important; } .v-icon.location { background-position: -69px -87px; width: 14px; height: 18px; margin: 0px 10px 0px 3px; top: 2px; } .v-icon.magnifier { background-position: -83px -87px; width: 17px; height: 17px; } .v-icon.medium-bottom { background-position: -100px -87px; width: 18px; height: 15px; } .v-icon.medium-bottom-outlined { background-position: -38px -205px; width: 42px; height: 42px; } .v-icon.medium-bottom-round { background-position: -80px -205px; width: 42px; height: 42px; } .v-icon.medium-brand { background-position: -122px -205px; width: 36px; height: 31px; } .v-icon.medium-close { background-position: -158px -205px; width: 36px; height: 36px; } .v-icon.medium-close:hover { background-position: -76px -43px; width: 36px; height: 36px; } .v-icon.medium-info { background-position: -118px -87px; width: 22px; height: 22px; } .v-icon.medium-left { background-position: -140px -87px; width: 14px; height: 19px; } .v-icon.medium-left:hover { background-position: -34px -23px; width: 14px; height: 19px; } .v-icon.medium-left-outlined { background-position: -228px -205px; width: 42px; height: 42px; } .v-icon.medium-left-round { background-position: -270px -205px; width: 42px; height: 42px; } .v-icon.medium-magnifier-outlined { background-position: -1px -247px; width: 36px; height: 36px; } .v-icon.medium-magnifier-outlined:hover { background-position: -196px -43px; width: 36px; height: 36px; } .v-icon.medium-minus { background-position: -37px -247px; width: 36px; height: 36px; } .v-icon.medium-model { background-position: -73px -247px; width: 36px; height: 31px; } .v-icon.medium-open { background-position: -109px -247px; width: 36px; height: 36px; } .v-icon.medium-remove { background-position: -154px -87px; width: 22px; height: 22px; } .v-icon.medium-right { background-position: -176px -87px; width: 14px; height: 19px; } .v-icon.medium-right:hover { background-position: -48px -23px; width: 14px; height: 19px; } .v-icon.medium-right-outlined { background-position: -145px -247px; width: 42px; height: 42px; } .v-icon.medium-right-round { background-position: -187px -247px; width: 42px; height: 42px; } .v-icon.medium-size { background-position: -229px -247px; width: 36px; height: 31px; } .v-icon.medium-step { background-position: -312px -163px; width: 29px; height: 78px; } .v-icon.light_white-step { background-position: -377px -115px; width: 29px; height: 78px; } .v-icon.medium_white-step { background-position: -375px -269px; width: 29px; height: 78px; } .v-icon.orange_white-step { background-position: -377px -192px; width: 29px; height: 78px; } .v-icon.medium-top { background-position: -322px -87px; width: 18px; height: 15px; } .v-icon.medium-top-outlined { background-position: -265px -247px; width: 42px; height: 42px; } .v-icon.medium-top-round { background-position: -1px -289px; width: 42px; height: 42px; } .v-icon.medium_orange-step { background-position: -312px -241px; width: 29px; height: 78px; } .v-icon.orange-bottom-round { background-position: -43px -289px; width: 42px; height: 42px; } .v-icon.orange-brand { background-position: -336px -1px; width: 36px; height: 31px; } .v-icon.orange-left-round { background-position: -324px -101px; width: 42px; height: 42px; } .v-icon.orange-model { background-position: -340px -32px; width: 36px; height: 31px; } .v-icon.orange-right-round { background-position: -85px -319px; width: 42px; height: 42px; } .v-icon.orange-size { background-position: -340px -63px; width: 36px; height: 31px; } .v-icon.orange-top-round { background-position: -127px -319px; width: 42px; height: 42px; } .v-icon.orange_light-step { background-position: -341px -143px; width: 29px; height: 78px; } .v-icon.pdf { background-position: -1px -63px; width: 18px; height: 18px; } .v-icon.dwg { background-position: -128px -370px; width: 18px; height: 18px; } .v-icon.dxf { background-position: -128px -370px; width: 18px; height: 18px; } .v-icon.pinterest { background-position: -341px -221px !important; width: 37px !important; height: 37px !important; } .v-icon.popular { background-position: -341px -258px; width: 16px; height: 26px; } .v-icon.print { background-position: -80px -143px !important; width: 18px !important; height: 18px !important; } .v-icon.projectors { background-position: -85px -284px; width: 37px; height: 23px; } .v-icon.radio { background-position: -98px -143px; width: 18px; height: 18px; } .v-icon.radio-active { background-position: -116px -143px; width: 18px; height: 18px; } .v-icon.radio-inactive { background-position: -134px -143px; width: 18px; height: 18px; } .v-icon.rotate { background-position: -357px -258px; width: 18px; height: 18px; } .v-icon.size-indicator { background-position: -229px -284px; width: 24px; height: 21px; } .v-icon.social_media { background-position: -341px -284px; width: 24px; height: 26px; } .v-icon.soundspeaker { background-position: -169px -310px; width: 27px; height: 40px; } .v-icon.tablet { background-position: -196px -310px; width: 33px; height: 43px; } .v-icon.telephone { background-position: -229px -310px; width: 18px; height: 17px; } .v-icon.tilt { background-position: -19px -63px; width: 13px; height: 19px; } .v-icon.tilt-icon { background-position: -247px -319px; width: 70px; height: 22px; } .v-icon.turn-icon { background-position: -227px -341px; width: 90px; height: 22px; } .v-icon.tv-mounts { background-position: -341px -310px; width: 38px; height: 28px; } .v-icon.twitter { background-position: -1px -338px !important; width: 37px !important; height: 37px !important; } .v-icon.video { background-position: -38px -338px; width: 22px; height: 17px; } .v-icon.white-brand { background-position: -316px -338px; width: 36px; height: 31px; } .v-icon.white-model { background-position: -372px -1px; width: 36px; height: 31px; } .v-icon.white-size { background-position: -376px -32px; width: 36px; height: 31px; } .v-icon.selected-icon { background-position: -1px -375px; width: 80px; height: 80px; } .v-icon.tooltip-arrow { background-position: -375px -269px; width: 17px; height: 17px; } .v-icon.cookie-msg_close { background-position: -123px -282px; width: 23px; height: 22px; } .v-icon.youtube-circle { background-position: -85px -363px !important; width: 36px !important; height: 36px !important; } .v-icon.storelocator-icon { background-position: -155px -364px; width: 26px; height: 33px; } .v-icon.tma-icon { background-position: -186px -368px; width: 32px; height: 26px; } .v-icon.phone-icon { background-position: -224px -371px; width: 20px; height: 19px; } .v-icon.tma { background-position: -129px -371px !important; width: 19px !important; height: 14px !important; top: 3px; margin-right: 7px; } .v-icon.inline-left { display: inline-block; position: relative; } .youtube-circle { background-position: -85px -363px !important; width: 36px !important; height: 36px !important; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .v-scrollbar { width: 100%; height: 100%; display: block; } .v-scrollbar .scroll-bar.vertical { width: 20px; border: 1px solid #bfc0c2; background-color: #f0f0f0; z-index: 20000000000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .v-scrollbar .scroll-bar .thumb { width: 16px !important; margin: 1px 0px 0px 1px; background-color: #ffffff; border: 1px solid #e2e2e2; cursor: pointer; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } .v-scrollbar .scroll-bar:hover .thumb { opacity: 1; } input[type="text"]::-webkit-input-placeholder { color: #a8a9ad; } input[type="text"]:-moz-placeholder { color: #a8a9ad; } input[type="text"]::-moz-placeholder { color: #a8a9ad; } input[type="text"]:-ms-input-placeholder { color: #a8a9ad; } input[type="text"].ui-element { background-color: #ffffff; border: 1px solid #dcdcdc; border-top-color: #acacae; border-left-color: #c7c7c9; width: 100%; height: 40px; line-height: 40px; margin: 0px; padding: 0px 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15); } input[type="text"].ui-element:focus { outline: none !important; border: 2px solid #a8a9ad; } input[type="text"].ui-element.focus { outline: none !important; border: 2px solid #a8a9ad; } input[type="text"].ui-element.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } input[type="text"].ui-element select.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } input[type="text"].ui-element.search { padding: 0px 44px 0px 14px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/magnifying-glass.png"); background-position: right center; background-repeat: no-repeat; background-attachment: none; background-size: none; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { input[type="text"].ui-element.search { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/magnifying-glass@2x.png"); background-size: auto auto; } } input[type="text"].ui-element.disabled { background-color: #dcdcdc; } .select-container { margin: 0px; padding: 0px; position: relative; } .select-container.ui-element { overflow: hidden; background-color: #ffffff; border: 1px solid #dcdcdc; border-top-color: #acacae; border-left-color: #c7c7c9; width: 100%; height: 40px; line-height: 40px; margin: 0px; padding: 0px 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15); background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/selector-bg.png"); background-position: right top; background-repeat: no-repeat; background-attachment: none; background-size: none; } .select-container.ui-element:focus { outline: none !important; border: 2px solid #a8a9ad; } .select-container.ui-element.focus { outline: none !important; border: 2px solid #a8a9ad; } .select-container.ui-element.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } .select-container.ui-element select.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .select-container.ui-element { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/selector-bg@2x.png"); background-size: 56px 40px; } } .select-container.ui-element select { -webkit-appearance: none; -moz-appearance: window; text-indent: 0.01px; text-overflow: ''; width: 200%; background: transparent; border: none; margin: 0px; padding: 0px 0px 0px 10px; } .select-container.ui-element select:disabled { color: #a8a9ad; } .select-container.ui-element select::-ms-expand { display: none !important; } .select-container:after { z-index: -1; content: ""; position: absolute; width: 40px; height: 40px; top: 0px; right: 0px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/selector-bg.png"); background-position: right top; background-repeat: no-repeat; background-attachment: none; background-size: none; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .select-container:after { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/selector-bg@2x.png"); background-size: 56px 40px; } } .select-container.focus { outline: none !important; border: 2px solid #a8a9ad; } .select-container.hide-after select { width: 100%; padding-right: 35px; width: 120%\9; padding-right: 0px\9; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; background: transparent; } .select-container.hide-after:after { content: ""; position: absolute; width: 0px; height: 0px; top: 0px; right: 0px; background: transparent; } .button { border: none; width: 160px; height: 40px; text-align: center; line-height: 36px; text-decoration: none; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .button span { font-family: Arial; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .button.primary { background-color: #e95d0f; } .button.primary span { color: #ffffff; font-weight: bold; } .button.primary:hover { background-color: #4b4b4c; } .button.dark { background-color: #4b4b4c; } .button.dark span { color: #ffffff; font-weight: bold; } .button.dark:hover { background-color: #000000; } .button.medium-grey { background-color: #a8a9ad; } .button.medium-grey span { color: #ffffff; font-weight: bold; } .button.medium-grey:hover { background-color: #4b4b4c; } .button.primary-outlined { border: 1px solid #e95d0f; background-color: #ffffff; width: 158px; height: 38px; display: block; text-align: center; line-height: 36px; text-decoration: none; margin: 0px; padding: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .button.primary-outlined span { color: #e95d0f; font-weight: bold; } .button.primary-outlined:hover { border-color: #4b4b4c; } .button.primary-outlined:hover span { color: #4b4b4c; } .button.medium-grey-outlined { border: 1px solid #a8a9ad; background-color: #ffffff; width: 158px; height: 38px; display: block; text-align: center; line-height: 36px; text-decoration: none; margin: 0px; padding: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .button.medium-grey-outlined span { color: #a8a9ad; font-weight: bold; } .button.medium-grey-outlined:hover { border-color: #4b4b4c; } .button.medium-grey-outlined:hover span { color: #4b4b4c; } .button.fullwidth { width: 100%; text-align: center; margin: 0px; padding: 0px 20px; } .button.fluid { width: auto; display: inline-block; text-align: center; margin: 0px; padding: 0px; } .button.fluid span { margin: 0px 20px; } .button.inline { display: inline-block; } a.button span { position: relative; top: 1px; } a.button:hover { text-decoration: none !important; } .flag { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/flags.png"); background-repeat: no-repeat; display: inline-block; } .flag.AD { background-position: -5px -5px; width: 14px; height: 9px; } .flag.AE { background-position: -29px -5px; width: 14px; height: 9px; } .flag.AF { background-position: -53px -5px; width: 14px; height: 9px; } .flag.AG { background-position: -77px -5px; width: 14px; height: 9px; } .flag.AI { background-position: -101px -5px; width: 14px; height: 9px; } .flag.AL { background-position: -125px -5px; width: 14px; height: 9px; } .flag.AM { background-position: -149px -5px; width: 14px; height: 9px; } .flag.AN { background-position: -173px -5px; width: 14px; height: 9px; } .flag.AO { background-position: -197px -5px; width: 14px; height: 9px; } .flag.AQ { background-position: -221px -5px; width: 14px; height: 9px; } .flag.AR { background-position: -245px -5px; width: 14px; height: 9px; } .flag.AS { background-position: -269px -5px; width: 14px; height: 9px; } .flag.AT { background-position: -293px -5px; width: 14px; height: 9px; } .flag.AU { background-position: -317px -5px; width: 14px; height: 9px; } .flag.AW { background-position: -341px -5px; width: 14px; height: 9px; } .flag.AX { background-position: -365px -5px; width: 14px; height: 9px; } .flag.AZ { background-position: -389px -5px; width: 14px; height: 9px; } .flag.BA { background-position: -413px -5px; width: 14px; height: 9px; } .flag.BB { background-position: -437px -5px; width: 14px; height: 9px; } .flag.BD { background-position: -461px -5px; width: 14px; height: 9px; } .flag.BE { background-position: -485px -5px; width: 14px; height: 9px; } .flag.BF { background-position: -509px -5px; width: 14px; height: 9px; } .flag.BG { background-position: -533px -5px; width: 14px; height: 9px; } .flag.BH { background-position: -557px -5px; width: 14px; height: 9px; } .flag.BI { background-position: -581px -5px; width: 14px; height: 9px; } .flag.BJ { background-position: -605px -5px; width: 14px; height: 9px; } .flag.BL { background-position: -629px -5px; width: 14px; height: 9px; } .flag.BM { background-position: -653px -5px; width: 14px; height: 9px; } .flag.BN { background-position: -677px -5px; width: 14px; height: 9px; } .flag.BO { background-position: -701px -5px; width: 14px; height: 9px; } .flag.BR { background-position: -725px -5px; width: 14px; height: 9px; } .flag.BS { background-position: -749px -5px; width: 14px; height: 9px; } .flag.BT { background-position: -773px -5px; width: 14px; height: 9px; } .flag.BW { background-position: -797px -5px; width: 14px; height: 9px; } .flag.BY { background-position: -821px -5px; width: 14px; height: 9px; } .flag.BZ { background-position: -845px -5px; width: 14px; height: 9px; } .flag.CA { background-position: -869px -5px; width: 14px; height: 9px; } .flag.CC { background-position: -893px -5px; width: 14px; height: 9px; } .flag.CD { background-position: -917px -5px; width: 14px; height: 9px; } .flag.CF { background-position: -941px -5px; width: 14px; height: 9px; } .flag.CG { background-position: -965px -5px; width: 14px; height: 9px; } .flag.CH { background-position: -989px -5px; width: 14px; height: 14px; } .flag.CI { background-position: -1013px -5px; width: 14px; height: 9px; } .flag.CK { background-position: -1037px -5px; width: 14px; height: 9px; } .flag.CL { background-position: -1061px -5px; width: 14px; height: 9px; } .flag.CM { background-position: -1085px -5px; width: 14px; height: 9px; } .flag.CN { background-position: -1109px -5px; width: 14px; height: 9px; } .flag.CO { background-position: -1133px -5px; width: 14px; height: 9px; } .flag.CR { background-position: -1157px -5px; width: 14px; height: 9px; } .flag.CU { background-position: -1181px -5px; width: 14px; height: 9px; } .flag.CV { background-position: -1205px -5px; width: 14px; height: 9px; } .flag.CW { background-position: -1229px -5px; width: 14px; height: 9px; } .flag.CX { background-position: -1253px -5px; width: 14px; height: 9px; } .flag.CY { background-position: -1277px -5px; width: 14px; height: 9px; } .flag.CZ { background-position: -1301px -5px; width: 14px; height: 9px; } .flag.DE { background-position: -1325px -5px; width: 14px; height: 9px; } .flag.DJ { background-position: -1349px -5px; width: 14px; height: 9px; } .flag.DK { background-position: -1373px -5px; width: 14px; height: 9px; } .flag.DM { background-position: -1397px -5px; width: 14px; height: 9px; } .flag.DO { background-position: -1421px -5px; width: 14px; height: 9px; } .flag.DZ { background-position: -1445px -5px; width: 14px; height: 9px; } .flag.EC { background-position: -1469px -5px; width: 14px; height: 9px; } .flag.EE { background-position: -1493px -5px; width: 14px; height: 9px; } .flag.EG { background-position: -1517px -5px; width: 14px; height: 9px; } .flag.EH { background-position: -1541px -5px; width: 14px; height: 9px; } .flag.EN { background-position: -1565px -5px; width: 14px; height: 9px; } .flag.ER { background-position: -1589px -5px; width: 14px; height: 9px; } .flag.ES { background-position: -1613px -5px; width: 14px; height: 9px; } .flag.ET { background-position: -1637px -5px; width: 14px; height: 9px; } .flag.EU { background-position: -1661px -5px; width: 14px; height: 9px; } .flag.FI { background-position: -1685px -5px; width: 14px; height: 9px; } .flag.FJ { background-position: -1709px -5px; width: 14px; height: 9px; } .flag.FK { background-position: -1733px -5px; width: 14px; height: 9px; } .flag.FM { background-position: -1757px -5px; width: 14px; height: 9px; } .flag.FO { background-position: -1781px -5px; width: 14px; height: 9px; } .flag.FR { background-position: -1805px -5px; width: 14px; height: 9px; } .flag.GA { background-position: -1829px -5px; width: 14px; height: 9px; } .flag.GB { background-position: -1853px -5px; width: 14px; height: 9px; } .flag.GD { background-position: -1877px -5px; width: 14px; height: 9px; } .flag.GE { background-position: -1901px -5px; width: 14px; height: 9px; } .flag.GG { background-position: -1925px -5px; width: 14px; height: 9px; } .flag.GH { background-position: -1949px -5px; width: 14px; height: 9px; } .flag.GI { background-position: -1973px -5px; width: 14px; height: 9px; } .flag.GL { background-position: -1997px -5px; width: 14px; height: 9px; } .flag.GM { background-position: -2021px -5px; width: 14px; height: 9px; } .flag.GN { background-position: -2045px -5px; width: 14px; height: 9px; } .flag.GQ { background-position: -2069px -5px; width: 14px; height: 9px; } .flag.GR { background-position: -2093px -5px; width: 14px; height: 9px; } .flag.GS { background-position: -2117px -5px; width: 14px; height: 9px; } .flag.GT { background-position: -2141px -5px; width: 14px; height: 9px; } .flag.GU { background-position: -2165px -5px; width: 14px; height: 9px; } .flag.GW { background-position: -2189px -5px; width: 14px; height: 9px; } .flag.GY { background-position: -2213px -5px; width: 14px; height: 9px; } .flag.HK { background-position: -2237px -5px; width: 14px; height: 9px; } .flag.HN { background-position: -2261px -5px; width: 14px; height: 9px; } .flag.HR { background-position: -2285px -5px; width: 14px; height: 9px; } .flag.HT { background-position: -2309px -5px; width: 14px; height: 9px; } .flag.HU { background-position: -2333px -5px; width: 14px; height: 9px; } .flag.IC { background-position: -2357px -5px; width: 14px; height: 9px; } .flag.ID { background-position: -2381px -5px; width: 14px; height: 9px; } .flag.IE { background-position: -2405px -5px; width: 14px; height: 9px; } .flag.IL { background-position: -2429px -5px; width: 14px; height: 9px; } .flag.IM { background-position: -2453px -5px; width: 14px; height: 9px; } .flag.IN { background-position: -2477px -5px; width: 14px; height: 9px; } .flag.IQ { background-position: -2501px -5px; width: 14px; height: 9px; } .flag.IR { background-position: -2525px -5px; width: 14px; height: 9px; } .flag.IS { background-position: -2549px -5px; width: 14px; height: 9px; } .flag.IT { background-position: -2573px -5px; width: 14px; height: 9px; } .flag.JE { background-position: -2597px -5px; width: 14px; height: 9px; } .flag.JM { background-position: -2621px -5px; width: 14px; height: 9px; } .flag.JO { background-position: -2645px -5px; width: 14px; height: 9px; } .flag.JP { background-position: -2669px -5px; width: 14px; height: 9px; } .flag.KE { background-position: -2693px -5px; width: 14px; height: 9px; } .flag.KG { background-position: -2717px -5px; width: 14px; height: 9px; } .flag.KH { background-position: -2741px -5px; width: 14px; height: 9px; } .flag.KI { background-position: -2765px -5px; width: 14px; height: 9px; } .flag.KM { background-position: -2789px -5px; width: 14px; height: 9px; } .flag.KN { background-position: -2813px -5px; width: 14px; height: 9px; } .flag.KP { background-position: -2837px -5px; width: 14px; height: 9px; } .flag.KR { background-position: -2861px -5px; width: 14px; height: 9px; } .flag.KW { background-position: -2885px -5px; width: 14px; height: 9px; } .flag.KY { background-position: -2909px -5px; width: 14px; height: 9px; } .flag.KZ { background-position: -2933px -5px; width: 14px; height: 9px; } .flag.LA { background-position: -2957px -5px; width: 14px; height: 9px; } .flag.LB { background-position: -2981px -5px; width: 14px; height: 9px; } .flag.LC { background-position: -3005px -5px; width: 14px; height: 9px; } .flag.LI { background-position: -3029px -5px; width: 14px; height: 9px; } .flag.LK { background-position: -3053px -5px; width: 14px; height: 9px; } .flag.LR { background-position: -3077px -5px; width: 14px; height: 9px; } .flag.LS { background-position: -3101px -5px; width: 14px; height: 9px; } .flag.LT { background-position: -3125px -5px; width: 14px; height: 9px; } .flag.LU { background-position: -3149px -5px; width: 14px; height: 9px; } .flag.LV { background-position: -3173px -5px; width: 14px; height: 9px; } .flag.LY { background-position: -3197px -5px; width: 14px; height: 9px; } .flag.MA { background-position: -3221px -5px; width: 14px; height: 9px; } .flag.MC { background-position: -3245px -5px; width: 14px; height: 9px; } .flag.MD { background-position: -3269px -5px; width: 14px; height: 9px; } .flag.ME { background-position: -3293px -5px; width: 14px; height: 9px; } .flag.MF { background-position: -3317px -5px; width: 14px; height: 9px; } .flag.MG { background-position: -3341px -5px; width: 14px; height: 9px; } .flag.MH { background-position: -3365px -5px; width: 14px; height: 9px; } .flag.MK { background-position: -3389px -5px; width: 14px; height: 9px; } .flag.ML { background-position: -3413px -5px; width: 14px; height: 9px; } .flag.MM { background-position: -3437px -5px; width: 14px; height: 9px; } .flag.MN { background-position: -3461px -5px; width: 14px; height: 9px; } .flag.MO { background-position: -3485px -5px; width: 14px; height: 9px; } .flag.MP { background-position: -3509px -5px; width: 14px; height: 9px; } .flag.MQ { background-position: -3533px -5px; width: 14px; height: 9px; } .flag.MR { background-position: -3557px -5px; width: 14px; height: 9px; } .flag.MS { background-position: -3581px -5px; width: 14px; height: 9px; } .flag.MT { background-position: -3605px -5px; width: 14px; height: 9px; } .flag.MU { background-position: -3629px -5px; width: 14px; height: 9px; } .flag.MV { background-position: -3653px -5px; width: 14px; height: 9px; } .flag.MW { background-position: -3677px -5px; width: 14px; height: 9px; } .flag.MX { background-position: -3701px -5px; width: 14px; height: 9px; } .flag.MY { background-position: -3725px -5px; width: 14px; height: 9px; } .flag.MZ { background-position: -3749px -5px; width: 14px; height: 9px; } .flag.NA { background-position: -3773px -5px; width: 14px; height: 9px; } .flag.NC { background-position: -3797px -5px; width: 14px; height: 9px; } .flag.NE { background-position: -3821px -5px; width: 14px; height: 9px; } .flag.NF { background-position: -3845px -5px; width: 14px; height: 9px; } .flag.NG { background-position: -3869px -5px; width: 14px; height: 9px; } .flag.NI { background-position: -3893px -5px; width: 14px; height: 9px; } .flag.NL { background-position: -3917px -5px; width: 14px; height: 9px; } .flag.NO { background-position: -3941px -5px; width: 14px; height: 9px; } .flag.NP { background-position: -3965px -5px; width: 14px; height: 16px; } .flag.NR { background-position: -3989px -5px; width: 14px; height: 9px; } .flag.NU { background-position: -4013px -5px; width: 14px; height: 9px; } .flag.NZ { background-position: -4037px -5px; width: 14px; height: 9px; } .flag.OM { background-position: -4061px -5px; width: 14px; height: 9px; } .flag.PA { background-position: -4085px -5px; width: 14px; height: 9px; } .flag.PE { background-position: -4109px -5px; width: 14px; height: 9px; } .flag.PF { background-position: -4133px -5px; width: 14px; height: 9px; } .flag.PG { background-position: -4157px -5px; width: 14px; height: 9px; } .flag.PH { background-position: -4181px -5px; width: 14px; height: 9px; } .flag.PK { background-position: -4205px -5px; width: 14px; height: 9px; } .flag.PL { background-position: -4229px -5px; width: 14px; height: 9px; } .flag.PN { background-position: -4253px -5px; width: 14px; height: 9px; } .flag.PR { background-position: -4277px -5px; width: 14px; height: 9px; } .flag.PS { background-position: -4301px -5px; width: 14px; height: 9px; } .flag.PT { background-position: -4325px -5px; width: 14px; height: 9px; } .flag.PW { background-position: -4349px -5px; width: 14px; height: 9px; } .flag.PY { background-position: -4373px -5px; width: 14px; height: 9px; } .flag.QA { background-position: -4397px -5px; width: 14px; height: 9px; } .flag.RO { background-position: -4421px -5px; width: 14px; height: 9px; } .flag.RS { background-position: -4445px -5px; width: 14px; height: 9px; } .flag.RU { background-position: -4469px -5px; width: 14px; height: 9px; } .flag.RW { background-position: -4493px -5px; width: 14px; height: 9px; } .flag.SA { background-position: -4517px -5px; width: 14px; height: 9px; } .flag.SB { background-position: -4541px -5px; width: 14px; height: 9px; } .flag.SC { background-position: -4565px -5px; width: 14px; height: 9px; } .flag.SD { background-position: -4589px -5px; width: 14px; height: 9px; } .flag.SE { background-position: -4613px -5px; width: 14px; height: 9px; } .flag.SG { background-position: -4637px -5px; width: 14px; height: 9px; } .flag.SH { background-position: -4661px -5px; width: 14px; height: 9px; } .flag.SI { background-position: -4685px -5px; width: 14px; height: 9px; } .flag.SK { background-position: -4709px -5px; width: 14px; height: 9px; } .flag.SL { background-position: -4733px -5px; width: 14px; height: 9px; } .flag.SM { background-position: -4757px -5px; width: 14px; height: 9px; } .flag.SN { background-position: -4781px -5px; width: 14px; height: 9px; } .flag.SO { background-position: -4805px -5px; width: 14px; height: 9px; } .flag.SR { background-position: -4829px -5px; width: 14px; height: 9px; } .flag.SS { background-position: -4853px -5px; width: 14px; height: 9px; } .flag.ST { background-position: -4877px -5px; width: 14px; height: 9px; } .flag.SV { background-position: -4901px -5px; width: 14px; height: 9px; } .flag.SY { background-position: -4925px -5px; width: 14px; height: 9px; } .flag.SZ { background-position: -4949px -5px; width: 14px; height: 9px; } .flag.TC { background-position: -4973px -5px; width: 14px; height: 9px; } .flag.TD { background-position: -4997px -5px; width: 14px; height: 9px; } .flag.TF { background-position: -5021px -5px; width: 14px; height: 9px; } .flag.TG { background-position: -5045px -5px; width: 14px; height: 9px; } .flag.TH { background-position: -5069px -5px; width: 14px; height: 9px; } .flag.TJ { background-position: -5093px -5px; width: 14px; height: 9px; } .flag.TK { background-position: -5117px -5px; width: 14px; height: 9px; } .flag.TL { background-position: -5141px -5px; width: 14px; height: 9px; } .flag.TM { background-position: -5165px -5px; width: 14px; height: 9px; } .flag.TN { background-position: -5189px -5px; width: 14px; height: 9px; } .flag.TO { background-position: -5213px -5px; width: 14px; height: 9px; } .flag.TR { background-position: -5237px -5px; width: 14px; height: 9px; } .flag.TT { background-position: -5261px -5px; width: 14px; height: 9px; } .flag.TV { background-position: -5285px -5px; width: 14px; height: 9px; } .flag.TW { background-position: -5309px -5px; width: 14px; height: 9px; } .flag.TZ { background-position: -5333px -5px; width: 14px; height: 9px; } .flag.UA { background-position: -5357px -5px; width: 14px; height: 9px; } .flag.UG { background-position: -5381px -5px; width: 14px; height: 9px; } .flag.US { background-position: -5405px -5px; width: 14px; height: 9px; } .flag.UY { background-position: -5429px -5px; width: 14px; height: 9px; } .flag.UZ { background-position: -5453px -5px; width: 14px; height: 9px; } .flag.VA { background-position: -5477px -5px; width: 14px; height: 14px; } .flag.VC { background-position: -5501px -5px; width: 14px; height: 9px; } .flag.VE { background-position: -5525px -5px; width: 14px; height: 9px; } .flag.VG { background-position: -5549px -5px; width: 14px; height: 9px; } .flag.VI { background-position: -5573px -5px; width: 14px; height: 9px; } .flag.VN { background-position: -5597px -5px; width: 14px; height: 9px; } .flag.VU { background-position: -5621px -5px; width: 14px; height: 9px; } .flag.WF { background-position: -5645px -5px; width: 14px; height: 9px; } .flag.WS { background-position: -5669px -5px; width: 14px; height: 9px; } .flag.YE { background-position: -5693px -5px; width: 14px; height: 9px; } .flag.YT { background-position: -5717px -5px; width: 14px; height: 9px; } .flag.ZA { background-position: -5741px -5px; width: 14px; height: 9px; } .flag.ZM { background-position: -5765px -5px; width: 14px; height: 9px; } .flag.ZW { background-position: -5789px -5px; width: 14px; height: 9px; } body { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; line-height: 18px; } .flatscreenfitter-advisor-result .popover-inner { width: 300px; } .flatscreenfitter-advisor-result .popover-inner .popover-title { display: none; } .flatscreenfitter-advisor-result .popover-inner .popover-content { padding: 15px !important; } .flatscreenfitter-advisor-result .popover-inner .popover-content p { line-height: 22px !important; font-size: 12px !important; } .flatscreenfitter-advisor-result .popover-content a { font-size: 12px; } .tvmountadvisor .result .item .item-content .item-service-kit .servicekit-remark:hover { background-color: #4b4b4c; } fieldset { border: none !important; margin: 0px !important; padding: 0px !important; } .wrapper-container { min-width: 1160px; } fieldset { border: none !important; margin: 0px !important; padding: 0px !important; } ul.bullets { margin: 0px; padding: 5px 0px; list-style-type: none; } ul.bullets li { margin: 0px; padding: 0px; line-height: 18px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } ul.bullets li:before { content: "•"; position: relative; font-size: 21px; margin-right: 3px; top: 2px; } a { font-family: Arial; font-size: 14px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } a:active { color: #e95d0f; } a:focus { color: #e95d0f; } a:hover { color: #e95d0f; text-decoration: underline; } a.bold { font-weight: bold; } a.underlined { color: #e95d0f; text-decoration: underline; } a.orange { color: #e95d0f; } a.orange:hover { text-decoration: underline; } a.orange:active { color: #e95d0f; } a.grey { color: #a8a9ad; } a.grey:hover { text-decoration: underline; } a.grey:active { color: #a8a9ad; } a.black { color: #000000; } a.black:hover { color: #e95d0f; text-decoration: underline; } a.black:active { color: #e95d0f; } span.widget a.btndark { font-weight: bold; color: #ffffff; } span.widget a.btndark:hover { background-color: #4b4b4c; text-decoration: none; } *:focus { outline: none; } .homepage_content_block { margin-bottom: 20px; } .zero-height { min-height: 0; } .validation-advice { margin: 5px 0px 0px 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #4b4b4c; font-weight: normal; text-transform: none; text-decoration: none; font-style: italic; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .input-advice { display: block; margin: 5px 0px 0px 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #4b4b4c; font-weight: normal; text-transform: none; text-decoration: none; font-style: italic; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .container { width: 1160px !important; } .main { margin: 8px 0px 0px 0px; } .media-right { float: right; text-align: right; } .media-right img { display: inline-block !important; } .media-right p { font-family: Arial; font-size: 12px; color: #4b4b4c; font-weight: normal; text-transform: none; text-decoration: none; font-style: italic; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } h1 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 36px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin-bottom: 10px; } h1 a { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 36px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } h1 strong { font-weight: normal; } h2 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 28px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin-bottom: 10px; } h2 a { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 28px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } h2 strong { font-weight: normal; } h3 { margin: 0px; padding: 0px; font-family: Arial; font-size: 21px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin-bottom: 5px; } h3 a { margin: 0px; padding: 0px; font-family: Arial; font-size: 21px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } h4 { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin-bottom: 5px; } h4 a { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .std ul { margin: 0px 0px 20px 10px; padding: 5px 0px; list-style-type: none; } .std ul li { line-height: 24px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .std ul li:before { content: "\2022"; position: relative; font-size: 21px; margin-right: 3px; top: 2px; margin-left: -10px; } .std ol { margin: 0px 0px 20px 16px; padding: 5px 0px; list-style-type: none; list-style-type: decimal !ie; counter-reset: li-counter; } .std ol li { float: left; display: block; width: 100%; line-height: 24px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .std ol li:before { position: relative; padding-left: 0px; min-height: 16px; width: 16px; float: left; display: block; margin-right: 5px; text-align: right; content: counter(li-counter); counter-increment: li-counter; margin-left: -21px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .cms-page-view .page-title { margin-top: 10px; margin-bottom: 10px; } .cms-page-view img { display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .cms-page-view #elementid133933 h1 { margin-top: 10px; } .vogels_designmount_revamped .button { border: none; height: 40px; line-height: 36px; background-color: #e95d0f; width: auto; display: inline-block; text-align: center; margin: 0px; padding: 0px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: Arial; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .vogels_designmount_revamped .button:hover { background-color: #4b4b4c; } .tabletmounts .btn { border: none; height: 40px; line-height: 40px; text-decoration: none; background-color: #e95d0f; width: auto; display: inline-block; text-align: center; margin: 21px 0px 0px 0px; padding: 0px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: Arial !important; font-size: 14px !important; color: #ffffff !important; font-weight: bold !important; text-transform: none !important; text-decoration: none !important; font-style: normal !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-feature-settings: "kern", "liga" off, "calt" off !important; } .tabletmounts .btn:hover { background-color: #4b4b4c; } .tabletmounts .slide4 { background-color: #f6f7f7; } .widget-cms-link-inline a { color: #e95d0f; text-decoration: none; } .widget-cms-link-inline a:active { color: #e95d0f; } .widget-cms-link-inline a:focus { color: #e95d0f; } .widget-cms-link-inline a:hover { text-decoration: underline; } .block.one-third a { text-decoration: none; } .block.one-third p { margin-top: 10px; text-decoration: none; } .block.one-third h3 { margin-bottom: 10px; text-decoration: none; } .block-row { display: table; clear: both; margin: -20px -10px 0px -10px; } .block-row .one-third { position: relative; min-height: 1px; width: 33.33333333%; float: left; margin: 20px 0px 0px 0px; padding: 0px 10px; } .block-row .one-third img { max-width: 100%; height: auto; } .which-product-image-container { display: inline-block; zoom: 1; *display: inline; position: relative; } .which-product-image-container .which_product { height: 100px; width: 310px; position: absolute; } .which-product-image-container .which_product a { display: block; height: 100%; width: 100%; text-indent: -999999px; } .which-product-image-container.av .whichp1 { right: 0; top: 25px; height: 56px; } .which-product-image-container.av .whichp2 { right: 0; top: 92px; height: 56px; } .which-product-image-container.av .whichp3 { right: 0; top: 161px; height: 66px; } .which-product-image-container.av .whichp4 { right: 0; top: 244px; height: 68px; } .which-product-image-container.av .whichp5 { right: 0; top: 394px; height: 55px; } .which-product-image-container.av .whichp6 { right: 0; top: 473px; height: 67px; } .which-product-image-container.tablet .whichp1 { right: 0; top: 54px; height: 61px; } .which-product-image-container.tablet .whichp2 { right: 0; top: 170px; height: 62px; } .which-product-image-container.tablet .whichp3 { right: 0; top: 313px; height: 71px; } .which-product-image-container.tablet .whichp4 { right: 0; top: 437px; height: 61px; } .which-product-image-container.projector .whichp1 { right: 0; top: 45px; height: 96px; } .which-product-image-container.projector .whichp2 { right: 0; top: 170px; height: 96px; } .which-product-image-container.projector .whichp3 { right: 0; top: 304px; height: 97px; } .which-product-image-container.speaker .whichp1 { right: 0; top: 69px; height: 94px; } .which-product-image-container.speaker .whichp2 { right: 0; top: 248px; height: 95px; } .which-product-image-container.speaker .whichp3 { right: 0; top: 356px; height: 111px; } .which-product-image-container.soundbar .whichp1 { right: 0; top: 62px; height: 68px; } .which-product-image-container.soundbar .whichp2 { right: 0; top: 162px; height: 97px; } .which-product-image-container.soundbar .whichp3 { right: 0; top: 344px; height: 95px; } a.pdf { padding-left: 21px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/pdf.png"); background-position: left center; background-repeat: no-repeat; background-attachment: none; background-size: none; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { a.pdf { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/pdf@2x.png"); background-size: 16px 16px; } } .pdf a { padding-left: 21px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/pdf.png"); background-position: left center; background-repeat: no-repeat; background-attachment: none; background-size: none; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .pdf a { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/pdf@2x.png"); background-size: 16px 16px; } } .row-full-height { height: 100%; } .col-full-height { height: 100%; vertical-align: top; } .row-same-height { display: table; width: 100%; /* fix overflow */ table-layout: fixed; } .col-xs-height { display: table-cell; float: none !important; } .ppt { display: none !important; } div.pp_default { background-color: #ffffff; border: 1px solid #dcdcdc; margin: 0px; padding: 0px 0px 12px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } div.pp_default .pp_content_container .pp_content { background-color: transparent; margin: 0px; padding: 0px; } div.pp_default .pp_content_container .pp_left { background: none; } div.pp_default .pp_content_container .pp_right { background: none; } div.pp_default .pp_content_container .pp_details { margin: 0px; padding: 12px 0px 0px 0px; } div.pp_default .pp_close { width: 34px; height: 34px; background: none; } div.pp_default a.pp_close { position: absolute; right: 20px; top: 20px; display: block; z-index: 2001; } @media (max-width: 767px) { div.pp_default a.pp_close { top: 10px; } } div.pp_default a.pp_close:hover { opacity: 1 !important; } div.pp_default .pp_expand { width: 34px; height: 34px; background: none; } div.pp_default .pp_expand:hover { background: none; } div.pp_default a.pp_expand { cursor: pointer; display: none; height: 34px; width: 34px; position: absolute; right: 21px; top: -3px; z-index: 2002; } div.pp_default a.pp_contract { cursor: pointer; display: none; height: 34px; width: 34px; position: absolute; right: 21px; top: -3px; z-index: 2002; } div.pp_default .pp_description { text-align: center; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } div.pp_default .pp_nav { width: auto; height: auto; position: static; } div.pp_default .pp_nav ul { list-style-type: none; margin: 0px 0px 0px 30px; padding: 0px; } div.pp_default .pp_nav ul li { display: block; float: left; margin: 0px; padding: 0px; } div.pp_default .pp_nav ul li:before { content: none !important; } div.pp_default .pp_nav ul li a.pp_arrow_previous { background: none; display: block; float: none; width: 12px; height: 16px; margin: 0px; padding: 0px; } div.pp_default .pp_nav ul li .currentTextHolder { position: static; margin: 0px 15px; padding: 0px; line-height: 16px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } div.pp_default .pp_nav ul li a.pp_arrow_next { background: none; display: block; float: none; width: 12px; height: 16px; margin: 0px; padding: 0px; } #headerwrapper { width: 100%; margin: 0px; padding: 0px; } #headerwrapper.hide_topnav { border-top: 0px; } #headerwrapper.hide_topnav #header { border-top: 0px; padding-bottom: 0px; } #headerwrapper.hide_topnav #header .header { margin: 0px; padding: 20px 0px 0px 0px; } #headerwrapper .topnav { background-color: #f0f0f0; border-top: 1px solid #ffffff; border-bottom: 1px solid #dcdcdc; } #headerwrapper .topnav .top-header-content { float: right; } #headerwrapper .topnav ul { list-style-type: none; float: left; margin: 0px; padding: 0px; } #headerwrapper .topnav ul li { float: left; height: 50px; line-height: 50px; border-left: 1px solid #dcdcdc; } #headerwrapper .topnav ul li a { display: block; margin: 0px; padding: 0px 15px; font-family: Arial; font-size: 12px; color: #4b4b4c; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } #headerwrapper .topnav .language-selector { float: left; margin: 9px 0px 0px 0px; padding: 0px 0px 0px 5px; } #headerwrapper .topnav .language-selector.right { float: right; } #headerwrapper .topnav .language-selector .languages { width: 250px; cursor: pointer; margin: 0px; padding: 0px; } #headerwrapper .topnav .language-selector .languages .current_language { width: 250px; background-color: #f0f0f0; border: 1px solid #dcdcdc; border-top-color: #acacae; border-left-color: #c7c7c9; width: 100%; height: 30px; line-height: 30px; margin: 0px; padding: 0px 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: Arial; font-size: 12px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15); background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/selector-bg-trans.png"); background-position: right center; background-repeat: no-repeat; background-attachment: none; background-size: none; } #headerwrapper .topnav .language-selector .languages .current_language:focus { outline: none !important; border: 2px solid #a8a9ad; } #headerwrapper .topnav .language-selector .languages .current_language.focus { outline: none !important; border: 2px solid #a8a9ad; } #headerwrapper .topnav .language-selector .languages .current_language.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } #headerwrapper .topnav .language-selector .languages .current_language select.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { #headerwrapper .topnav .language-selector .languages .current_language { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/selector-bg-trans@2x.png"); background-size: 20px 40px; } } #headerwrapper .topnav .language-selector .languages .current_language.active { background-color: #ffffff; border: 1px solid #dcdcdc; border-top-color: #acacae; border-left-color: #c7c7c9; width: 100%; height: 30px; line-height: 30px; margin: 0px; padding: 0px 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: Arial; font-size: 12px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15); } #headerwrapper .topnav .language-selector .languages .current_language.active:focus { outline: none !important; border: 2px solid #a8a9ad; } #headerwrapper .topnav .language-selector .languages .current_language.active.focus { outline: none !important; border: 2px solid #a8a9ad; } #headerwrapper .topnav .language-selector .languages .current_language.active.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } #headerwrapper .topnav .language-selector .languages .current_language.active select.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } #headerwrapper .topnav .language-selector .languages .current_language ul { float: left; } #headerwrapper .topnav .language-selector .languages .current_language ul li { border: 0px; height: 30px; line-height: 30px; } #headerwrapper .topnav .language-selector .languages .current_language ul li .flag { float: left; margin: 10px 10px 0px 1px; padding: 0px 0px 0px 0px; } #headerwrapper .topnav .language-selector .languages .current_language ul li .current-language-input { width: 175px; height: 30px; line-height: 30px; border: 0px; background-color: transparent; cursor: pointer; } #headerwrapper .topnav .language-selector .languages .current_language ul li a { display: inline-block; margin: 0px; padding: 0px; font-family: Arial; font-size: 12px; color: #4b4b4c; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } #headerwrapper .topnav .language-selector .languages .other_languages { background-color: #ffffff; position: absolute; z-index: 1200; width: 250px; height: 290px; overflow: hidden; margin: 0px; padding: 10px 10px 10px 0px; display: none; border: 1px solid #dcdcdc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } #headerwrapper .topnav .language-selector .languages .other_languages ul { display: block; width: 100%; margin: 0px; padding: 0px; } #headerwrapper .topnav .language-selector .languages .other_languages ul li { border: 0px; height: 30px; line-height: 30px; display: block; width: 100%; padding-left: 14px; } #headerwrapper .topnav .language-selector .languages .other_languages ul li .flag { float: left; margin: 10px 10px 0px 1px; padding: 0px 0px 0px 0px; } #headerwrapper .topnav .language-selector .languages .other_languages ul li a { display: inline-block; margin: 0px; padding: 0px; font-family: Arial; font-size: 12px; color: #4b4b4c; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } #headerwrapper .topnav .language-selector .languages .other_languages ul li a:hover { font-family: Arial; font-size: 12px; color: #000000; font-weight: normal; text-transform: none; text-decoration: underline; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } #headerwrapper .topnav .language-selector .languages .other_languages ul li.selected { background-color: #f0f0f0; } #headerwrapper .topnav .language-selector .languages:hover .current_language { background-color: #ffffff; border: 1px solid #dcdcdc; border-top-color: #acacae; border-left-color: #c7c7c9; width: 100%; height: 30px; line-height: 30px; margin: 0px; padding: 0px 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: Arial; font-size: 12px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15); } #headerwrapper .topnav .language-selector .languages:hover .current_language:focus { outline: none !important; border: 2px solid #a8a9ad; } #headerwrapper .topnav .language-selector .languages:hover .current_language.focus { outline: none !important; border: 2px solid #a8a9ad; } #headerwrapper .topnav .language-selector .languages:hover .current_language.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } #headerwrapper .topnav .language-selector .languages:hover .current_language select.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } #headerwrapper #header { margin: 0px; padding: 0px 0px 20px 0px; border-top: 1px solid #ffffff; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/swoosh.png"); background-position: center top; background-repeat: no-repeat; background-attachment: none; background-size: none; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { #headerwrapper #header { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/swoosh@2x.png"); background-size: auto auto; } } #headerwrapper #header .header { border-bottom: 1px solid #dcdcdc; display: block; height: 80px; margin: 0px; padding: 20px 0px 0px 0px; } #headerwrapper #header .header .logo { margin: 0px; padding: 0px; } #headerwrapper #header .nav { margin: 0px; padding: 0px; background-color: #ffffff; border-bottom: 1px solid #dcdcdc; height: 59px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } #headerwrapper #header .nav ul { list-style-type: none; margin: 0px; padding: 0px; } #headerwrapper #header .nav ul li { margin: 0px 3px 0px 4px; padding: 0px 0px; } #headerwrapper #header .nav ul li.active { height: 59px; border-bottom: 2px solid #000000; } #headerwrapper #header .nav ul li.active li { height: auto; border-bottom: 0px; } #headerwrapper #header .nav ul li.open > a { background-color: #ffffff; } #headerwrapper #header .nav ul li a { display: block; margin: 9px 0px 0px 0px; padding: 9px 20px 11px 20px; line-height: 20px; font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } #headerwrapper #header .nav ul li a:hover { padding: 8px 19px 10px 19px; border: 1px solid #dcdcdc; background-color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #headerwrapper #header .nav ul li a:active { background-color: #ffffff; } #headerwrapper #header .nav ul li .columns { margin-top: 15px; } #headerwrapper #header .nav ul li .columns .menu-column { margin: 20px 0px 4px 20px; padding: 0px; } #headerwrapper #header .nav ul li .columns .menu-column ul { margin: 0px; padding: 0px; } #headerwrapper #header .nav ul li .columns .menu-column ul li { margin: 0px; padding: 3px 0px; } #headerwrapper #header .nav ul li .columns .menu-column ul li a { margin: 0px; padding: 0px; line-height: 20px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } #headerwrapper #header .nav ul li .columns .menu-column ul li a:hover { text-decoration: underline; border: 0px; } #headerwrapper #header .nav ul li .columns .menu-column ul li.head.default { height: 66px; } #headerwrapper #header .nav ul li .columns .menu-column .v-menu-icon { width: 40px; display: block; float: left; } #headerwrapper #header .nav ul li .columns .menu-column .head { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; min-height: 60px; display: block; font-family: Arial; font-size: 14px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } #headerwrapper #header .nav ul li .columns .menu-column .head .icon-link { width: 100%; display: block; position: relative; left: 45px; padding-right: 84px; } #headerwrapper #header .nav ul li .columns .menu-column .head .icon-link .menu-icon { position: absolute; top: 50%; left: -45px; } #headerwrapper #header .nav ul li .columns .menu-column .head .icon-link .v-icon { position: absolute; top: 50%; left: -45px; } #headerwrapper #header .nav ul li .columns .menu-column .head .icon-link .v-icon.icon-link { left: 45px; top: -4px; } #headerwrapper #header .nav ul li .columns .menu-column .head .icon-link .v-icon.tv-mounts { margin-left: 2px; margin-top: -13px; } #headerwrapper #header .nav ul li .columns .menu-column .head .icon-link .v-icon.accessories { margin-top: -22px; } #headerwrapper #header .nav ul li .columns .menu-column .head .icon-link .v-icon.projectors { margin-top: -10px; } #headerwrapper #header .nav ul li .columns .menu-column .head .icon-link .v-icon.soundspeaker { margin-top: -19px; margin-left: 6px; } #headerwrapper #header .nav ul li .columns .menu-column .head .icon-link .v-icon.tablet { margin-top: -20px; margin-left: 6px; } #headerwrapper #header .nav ul li.expand { padding-bottom: 20px; } #headerwrapper #header .nav ul li.expand .fly-out { display: none; position: absolute; z-index: 1000; width: 650px; height: auto; background-color: #ffffff; border: 1px solid #dcdcdc; border-top: 0px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } #headerwrapper #header .nav ul li.expand:hover > a { padding: 8px 19px 20px 19px; border: 1px solid #dcdcdc; border-bottom-color: #ffffff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } #headerwrapper #header .nav ul li.expand:hover .fly-out { display: block; } .attach_rate_campaign { position: relative; margin: 0px; padding: 0px; text-align: center; width: 100%; height: 50px; background-color: #e85800; overflow: hidden; } .attach_rate_campaign p { margin: 0px; padding: 0px; } .attach_rate_campaign img { left: 50%; margin-left: -750px; position: absolute; } .mount-campaign .attach_rate_campaign { display: none !important; } .menu-top { *zoom: 1; z-index: 1000; } .menu-top:before, .menu-top:after { display: table; content: ""; line-height: 0; } .menu-top:after { clear: both; } .menu-top .h1 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 36px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .menu-top .h2 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 28px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .menu-top .h3 { margin: 0px; padding: 0px; font-family: Arial; font-size: 21px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .menu-top .h4 { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .menu-top li { position: relative; } .menu-top li.level1 { height: 38px; } .menu-top li.level1 div.note { color: #999; font-size: 10px; text-transform: none; font-weight: normal; text-shadow: none; } .menu-top li.level1.open div.sub { display: block; } .menu-top li.level1 div.sub { display: none; position: absolute; z-index: 100000; width: 650px; height: auto; background-color: #ffffff; border: 1px solid #dcdcdc; border-top: 0px; padding-bottom: 20px; padding-right: 10px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } .menu-top li.level1 li { display: block; padding: 1px 0px; position: relative; text-align: left; } .menu-top li.level1 li a { color: #2c59a5; text-decoration: none; font-size: 12px; font-family: Verdana, helvetica, sans-serif; padding: 0px 3px 0px 3px; display: block; text-align: left; } .menu-top li.level1 li a:hover { background: rgba(217, 238, 250, 0.5); color: #2c59a5; } .menu-top li.level1 li a.h1 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 36px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .menu-top li.level1 li a.h2 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 28px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .menu-top li.level1 li a.h3 { margin: 0px; padding: 0px; font-family: Arial; font-size: 21px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .menu-top li.level1 li a.h4 { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .menu-top li.level1 li ul { margin-left: 15px; } .menu-top li.level1 li.divider { padding: 0; background: #e8e8e8; border: none; margin: 3px 0px; height: 1px; } .menu-top li.level1 li.text { padding: 5px; } .menu-top li.head.h1 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 36px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .menu-top li.head.h2 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 28px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .menu-top li.head.h3 { margin: 0px; padding: 0px; font-family: Arial; font-size: 21px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .menu-top li.head.h4 { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .menu-top.menu-top { margin: 0 auto; z-index: 200; } .menu-top.menu-top li.level1 { float: left; } .menu-top.menu-top li.level1 > a { text-align: center; } .menu-top.menu-top li.level1 div.sub { z-index: 10001; position: absolute; top: 59px; } .menu-top.menu-top li.level1.first div.sub { left: -1px; } .menu-top .columns { *zoom: 1; } .menu-top .columns:before, .menu-top .columns:after { display: table; content: ""; line-height: 0; } .menu-top .columns:after { clear: both; } .menu-top .columns .column { float: left; position: relative; z-index: 100; width: 210px; margin-right: 10px; } .menu-top .columns .column > ul { margin-left: 0px; } .breadcrumbs { margin: 0px 0px 16px 0px; padding: 0px; } .breadcrumbs ul { position: relative; list-style-type: none; border: 1px solid #dcdcdc; height: 40px; line-height: 40px; margin: 0px; padding: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .breadcrumbs ul li { position: relative; display: block; float: left; height: 39px; line-height: 39px; margin: 0px; padding: 0px 37px 0px 0px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); background-position: right -423px; background-repeat: no-repeat; background-attachment: none; background-size: 424px 725px; } .breadcrumbs ul li.home { top: -1px; left: -1px; width: 54px; height: 40px; line-height: 40px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); background-position: right -372px; background-repeat: no-repeat; background-attachment: none; background-size: 424px 725px; } .breadcrumbs ul li.home .home-icon { -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; margin: 12px 0px 0px 14px; } .breadcrumbs ul li.home a { display: block; float: left; height: 40px; line-height: 40px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .breadcrumbs ul li.home span { margin: 0px; padding: 0px; } .breadcrumbs ul li:last-child { background-image: none; } .breadcrumbs ul li .breadcrumb { background-color: transparent; display: block; float: left; height: 38px; line-height: 38px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 19px; background-color: #ffffff; font-family: Arial; font-size: 14px; color: #a8a9ad; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .breadcrumbs ul li .breadcrumb.last { color: #000000; } .pager { margin: 10px 0px 0px 0px; padding: 0px; } .pager .show-amount { text-align: left; margin: 0px; padding: 0px; } .pager .show-amount p { font-family: Arial; font-size: 14px; color: #4b4b4c; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .pager .limiter { width: 130px; margin: -11px auto 0px auto; } .pager .pages { margin: 0px; padding: 0px; } .pager .pages ol { float: right; margin: 0px; padding: 0px; } .pager .pages ol li { float: left; margin: 0px 0px 0px 17px; padding: 0px; } .pager .pages ol li.current { font-family: Arial; font-size: 14px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .pager .pages ol li a { border: 0px; margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #a8a9ad; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .pager .pages ol li a:hover, .pager .pages ol li a:active, .pager .pages ol li a:focus { color: #4b4b4c; background-color: #fff; } .pager .pages ol li a .nav-left { position: relative; top: 2px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); display: block; background-repeat: no-repeat; background-size: 424px 725px; background-position: -140px -87px; width: 14px; height: 19px; } .pager .pages ol li a .nav-left:hover { background-position: -34px -23px; width: 14px; height: 19px; } .pager .pages ol li a .nav-right { position: relative; top: 2px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); display: block; background-repeat: no-repeat; background-size: 424px 725px; background-position: -176px -87px; width: 14px; height: 19px; } .pager .pages ol li a .nav-right:hover { background-position: -48px -23px; width: 14px; height: 19px; } .sidebar-menu { margin: 10px 0px 0px 0px; padding: 0px; } .sidebar-menu .menu-title { margin: 0px 0px 12px 0px; padding: 0px 0px 19px 0px; border-bottom: 1px solid #dcdcdc; } .sidebar-menu .menu-title h4 { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .sidebar-menu .menu-title h4 a { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .sidebar-menu .menu-content { margin: 0px; padding: 0px; } .sidebar-menu .menu-content ul { list-style-type: none; margin: 0px; padding: 0px; } .sidebar-menu .menu-content ul li { margin: 0px; padding: 2px 0px; } .sidebar-menu .menu-content ul li a { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .sidebar-menu .menu-content ul li a:hover { font-family: Arial; font-size: 14px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .sidebar-menu .menu-content ul li ul { display: none; margin: 15px 0px 10px 10px; } .sidebar-menu .menu-content ul li.active > a { color: #e95d0f; } .sidebar-menu .menu-content ul li.active ul { display: block; } .tabs-container { margin: 5px 0px 0px 0px; padding: 0px; } .tabs-container .tabs { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; } .tabs-container .tabs li { background-color: #a8a9ad; display: inline-block; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #a8a9ad; position: relative; z-index: 1000; top: 1px; min-width: 140px; text-align: center; margin: 0px 2px 0px 0px; padding: 0px; } .tabs-container .tabs li a { height: 40px; line-height: 40px; display: block; margin: 0px; padding: 0px; text-decoration: none; } .tabs-container .tabs li a span { font-family: Arial; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tabs-container .tabs li a:hover { font-family: Arial; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tabs-container .tabs li:hover { background-color: #4b4b4c; border: 1px solid #4b4b4c; } .tabs-container .tabs li.active { background-color: #ffffff; border: 1px solid #a8a9ad; border-bottom-color: #ffffff; z-index: 1002; } .tabs-container .tabs li.active a { height: 40px; line-height: 40px; margin: 0px; padding: 0px; } .tabs-container .tabs li.active a span { color: #000000; } .tabs-container .tabs li.active a:active { font-family: Arial; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tab-content { border-top: 1px solid #a8a9ad; z-index: 1001; position: relative; display: none; margin: 0px; padding: 30px 0px 0px 0px; } .tab-content.active { display: inherit; } #filters { margin: 0px; padding: 0px; } #filters p { line-height: 18px; margin: 0px; padding: 0px; } #filters .filters { margin: 0px; padding: 0px; } #filters .filters .head { background-color: #000000; font-family: Arial; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; border-bottom: 1px solid #dcdcdc; margin: 0px; padding: 4px 0px 5px 10px; } #filters .filters .filter-block { border: 1px solid #dcdcdc; border-top: 0px; margin: 0px; padding: 15px; } #filters .filters .filter-block .filter { margin: 0px; padding: 0px; } .product-grid { margin: 20px 0px 0px 0px; padding: 0px; } .product-grid .product-grid-header { margin: 0px 0px 10px 0px; padding: 0px; } .product-grid .product-grid-header h2 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 28px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-grid .product-grid-header .products_count { font-family: Arial; font-size: 14px; color: #4b4b4c; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-grid .product-grid-header ul.paginator { list-style-type: none; float: right; margin: 0px; padding: 0px; } .product-grid .product-grid-header ul.paginator li { float: left; line-height: 16px; margin: 0px 0px 0px 15px; padding: 0px; } .product-grid .product-grid-header ul.paginator li:before { content: none !important; } .product-grid .product-grid-header ul.paginator li a { display: block; font-family: Arial; font-size: 14px; color: #a8a9ad; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-grid .product-grid-header ul.paginator li a:hover { color: #e95d0f; } .product-grid .product-grid-header ul.paginator li a.active { color: #e95d0f; } .product-grid .productbox { margin: 0px 0px 20px 0px; padding: 15px 15px 10px 15px; border: 1px solid #dcdcdc; position: relative; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .product-grid .productbox .popular { position: absolute; width: 14px; height: 24px; top: 0px; z-index: 1; right: 10px; margin: 0px; padding: 0px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/ribbon.png"); background-position: center top; background-repeat: no-repeat; background-attachment: none; background-size: none; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .product-grid .productbox .popular { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/ribbon@2x.png"); background-size: auto auto; } } .product-grid .productbox .product_img { margin: 0px; padding: 0px; } .product-grid .productbox .product_info { margin: 15px 0px 0px 0px; padding: 0px; } .product-grid .productbox .product_info .product_title { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-grid .productbox .product_info .product_description { margin: 0px; padding: 0px; font-family: Arial; font-size: 12px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-grid .productbox .product_options { list-style-type: none; border-top: 1px solid #dcdcdc; margin: 7px 0px 0px 0px; padding: 0px; } .product-grid .productbox .product_options li { border-bottom: 1px solid #dcdcdc; margin: 7px 0px; padding: 0px 0px 7px 0px; font-family: Arial; font-size: 12px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-grid .productbox .product_options li:before { content: none !important; } .product-grid .productbox .product_options li span.left { text-align: left; } .product-grid .productbox .product_options li span.right { float: right; } .product-grid .productbox .product_price { margin: 0px; padding: 0px; } .product-grid .productbox .product_price .product_price_remark { margin: 0px; padding: 0px; font-family: Arial; font-size: 12px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-grid .productbox .product_price .price { margin: 0px; padding: 0px; font-family: Arial; font-size: 18px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-grid .productbox .product_function { margin: 10px 0px 15px 0px; padding: 0px; } .product-grid .productbox .compare { margin: 0px; padding: 0px; } .messages { list-style-type: none; margin: 10px 0px 15px 0px !important; padding: 15px 10px 2px 0px !important; border: 1px solid #dcdcdc; float: left; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .messages li { margin: 0px; padding: 0px; } .messages li:before { content: none !important; } .messages li ul { list-style-type: none; margin: 0px; padding: 0px; } .messages li ul li { display: block; float: left; margin: 0px 0px 10px 15px; padding: 0px; } .messages li ul li:before { content: none !important; } .messages li span { position: relative; } .messages li span.v-icon { top: -1px; display: inline-block; margin-right: 10px; float: left; } .messages li.error-msg span { font-family: Arial; font-size: 14px; color: #dc0000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .messages li.success-msg span { font-family: Arial; font-size: 14px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .messages li.note-msg span { font-family: Arial; font-size: 14px; color: #4b4b4c; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .messages li.notice-msg span { font-family: Arial; font-size: 14px; color: #4b4b4c; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .popover { border: 1px solid #dcdcdc; max-width: 450px; margin: -18px 0px 0px 0px; z-index: 2500; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .popover.left { width: 260px !important; margin-left: 180px; } .popover .popover-inner .popover-title { font-size: 14px; background-color: #ffffff; border: 0px; border-radius: 0; padding: 0px; font-family: Arial; font-size: 16px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin: 0px; padding: 17px 19px 0px 19px; } .popover .popover-inner .popover-content { margin: 0px; padding: 18px 18px 32px 18px; } .popover .popover-inner .popover-content p { margin: 0px; padding: 0px; line-height: 16px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .popover .popover-inner .popover-content .tooltip-image { box-sizing: border-box; float: right; clear: right; } .popover .popover-inner .popover-content .spacer { height: calc(0%); width: 0px; float: right; } .specifications { margin: 0px; padding: 0px 0px 0px 15px; } .specifications .specifications-title { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #dcdcdc; } .specifications .specifications-title h2 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 28px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .specifications .short-description { margin: 0px 0px 0px 0px; padding: 0px; } .specifications .short-description h5 { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .specifications .short-description p { line-height: 18px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .specifications .description { margin: 20px 0px 0px 0px; padding: 0px; } .specifications .description h5 { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .specifications .description p { line-height: 18px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .specifications .specification-table { padding: 15px 0px 0px 0px; } .specifications .specification-table h5 { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin: 15px 0px 1px 0px; } .specifications .specification-table .v-table { border-top: 1px solid #dcdcdc; width: 100%; margin: 10px 0px 0px 0px; padding: 0px; } .specifications .specification-table .v-table tbody { width: 100%; } .specifications .specification-table .v-table tbody tr { border-bottom: 1px solid #dcdcdc; width: 100%; } .specifications .specification-table .v-table tbody tr:nth-child(odd) { background-color: #f0f0f0; } .specifications .specification-table .v-table tbody tr td:first-child { font-weight: bold; margin: 0px; padding: 8px 0px 8px 15px; } .specifications .specification-table .v-table tbody tr td p { line-height: 18px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .specifications .specification-table .v-table tbody tr td ul { margin: 0px 0px 0px 10px; padding: 5px 0px; list-style-type: none; } .specifications .specification-table .v-table tbody tr td ul li { margin: 0px; padding: 0px; line-height: 24px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .specifications .specification-table .v-table tbody tr td ul li:before { content: "\2022"; position: relative; font-size: 21px; margin-right: 3px; top: 2px; margin-left: -10px; } .downloads { float: left; width: 100%; display: block; margin: 0px; padding: 0px 0px 0px 15px; } .downloads .downloads-title { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #dcdcdc; } .downloads .downloads-title h2 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 28px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .downloads ul { list-style-type: none; margin: 10px 0px 0px 0px; padding: 0px; } .downloads ul li { display: block; margin: 10px 0px; padding: 0px; } .downloads ul li .v-icon { display: block; float: left; margin-right: 5px; position: relative; top: 3px; } .downloads ul li a { display: inline-block; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: underline; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .downloads ul li a:hover { color: #e95d0f; } .downloads ul li span { display: inline-block; font-family: Arial; font-size: 12px; color: #a8a9ad; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin-left: 5px; } .awards { float: left; width: 100%; display: block; margin: 0px; padding: 0px 0px 0px 15px; } .awards .awards-title { margin: 0px 0px 15px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #dcdcdc; } .awards .awards-title h2 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 28px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .awards .award { margin: 0px 0px 20px 0px; padding: 20px; min-height: 120px; border: 1px solid #dcdcdc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } .awards .award .award-image { min-height: 100px; margin: 0px; padding: 0px; } .awards .award .award-title { margin: 20px 0px 0px 0px; padding: 0px; text-align: center; } .awards .award .award-title p { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .discontinued-notice h2 { color: #e95d0f; margin-top: 18px; font-weight: bold; } .product-main-info .product-essential .short-description .discontinued-replaced { font-weight: bold; } .product-main-info .product-essential .short-description .discontinued-replaced a { color: #e95d0f; font-weight: bold; } .fitter-container { margin: 0px; padding: 0px; border: 1px solid #dcdcdc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } .fitter-container .fitter-title { margin: 0px; padding: 20px 20px 0px 20px; } .fitter-container .fitter-title h3 { margin: 0px; padding: 0px; font-family: Arial; font-size: 21px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .fitter-container .description { margin: 18px 0px 0px 0px; padding: 0px; } .fitter-container .description p { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .fitter-container .fsf-vertical { margin: 0px; padding: 0px; } .fitter-container .fsf-vertical .fitter { margin: 0px 0px 0px 0px; padding: 0px 20px; } .fitter-container .fsf-vertical .fitter ul.flatscreenfitter-vertical { list-style-type: none; width: 100%; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .fitter-container .fsf-vertical .fitter ul.flatscreenfitter-vertical li { display: block; margin: 0px 0px 10px 0px; padding: 0px; } .fitter-container .fsf-vertical .fitter ul.flatscreenfitter-vertical li .select-container { width: 180px; display: inline-block; } .fitter-container .fsf-vertical .fitter ul.flatscreenfitter-vertical li .v-icon { float: right; position: relative; top: 5px; display: inline-block; } .product-main-info { margin: 0px; padding: 0px; } .product-main-info .product-name { margin: 5px 0px 0px 0px; padding: 0px; } .product-main-info .product-name h1 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 36px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-main-info .product-img-box { margin: 0px 0px 20px 0px; padding: 0px; } .product-main-info .product-img-box .magnifier { position: absolute; bottom: 0; right: 17px; cursor: pointer; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); display: block; background-repeat: no-repeat; background-size: 424px 725px; background-position: -1px -247px; width: 36px; height: 36px; } .product-main-info .product-img-box .magnifier:hover { background-position: -196px -43px; width: 36px; height: 36px; } .product-main-info .product-img-box:hover .magnifier { background-position: -196px -43px; width: 36px; height: 36px; } .product-main-info .more-views { display: block; width: 100%; float: left; margin: 0px; padding: 0px; } .product-main-info .more-views h5 { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-main-info .more-views ul { list-style-type: none; margin: 10px 0px 0px 0px; padding: 0px; } .product-main-info .more-views ul li { display: block; float: left; margin: 0px 5px 5px 0px; padding: 5px; border: 1px solid #dcdcdc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } .product-main-info .product-image-gallery { position: relative; } .product-main-info .product-image-gallery .gallery-image { width: 370px; display: none; margin-top: 10px; } .product-main-info .product-image-gallery .gallery-image.visible { display: block; } .product-main-info .product-image-gallery .gallery-image.visible.hidden { visibility: hidden; } .product-main-info .videos { float: left; width: 100%; display: block; margin: 20px 0px 0px 0px; padding: 0px; } .product-main-info .videos h5 { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-main-info .videos ul { list-style-type: none; margin: 5px 0px 0px 0px; padding: 0px; } .product-main-info .videos ul li { display: block; width: 100%; margin: 0px; padding: 0px; } .product-main-info .videos ul li a { display: block; float: left; width: 100%; padding: 5px 0px; font-family: Arial; font-size: 14px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-main-info .videos ul li a:hover { color: #e95d0f; } .product-main-info .videos ul li a .v-icon { display: block; float: left; margin: 0px 5px 6px 0px; position: relative; top: 3px; } .product-main-info .colorswatches { display: block; float: left; width: 100%; margin: 0px 0px 20px 0px; padding: 0px; } .product-main-info .colorswatches .input-box select { display: none; } .product-main-info .colorswatches h5 { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-main-info .colorswatches ul { list-style-type: none; margin: 2px 0px 0px 0px; padding: 0px; } .product-main-info .colorswatches ul li { display: block; float: left; margin: 0px 5px 5px 0px; padding: 4px 5px 5px 5px; border: 1px solid #dcdcdc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } .product-main-info .colorswatches ul li.selected { border-color: #a8a9ad; } .product-main-info .colorswatches ul li img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .product-main-info .colorswatches ul li.option-white img { border: 1px solid #dcdcdc; } .product-main-info .product-essential { margin: 0px; padding: 0px; } .product-main-info .product-essential .function { margin: 20px 0px 0px 0px; padding: 0px; } .product-main-info .product-essential .price { margin: 20px 0px 0px 0px; padding: 0px; } .product-main-info .product-essential .price p { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-main-info .product-essential .price .pricetag { font-family: Arial; font-size: 18px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-main-info .product-essential .action-buttons { margin: 15px 0px 0px 0px; padding: 0px; } .product-main-info .product-essential .action-buttons .storelocation { margin: 0px; padding: 0px; } .product-main-info .product-essential .action-buttons .buy-online { margin: 20px 0px 0px 0px; padding: 0px; } .product-main-info .product-essential .product-information-wrapper { overflow: hidden; -webkit-transition: ease all 1s; -moz-transition: ease all 1s; -ms-transition: ease all 1s; transition: ease all 1s; } .product-main-info .product-essential .short-description { margin: 20px 0px 0px 0px; padding: 0px; line-height: 18px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-main-info .product-essential .short-description h5 { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-main-info .product-essential .short-description p { line-height: 18px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-main-info .product-essential .benefits-description { margin: 20px 0px 0px 0px; } .product-main-info .product-essential .description { margin: 20px 0px 0px 0px; padding: 0px; line-height: 18px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-main-info .product-essential .description h5 { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-main-info .product-essential .description p { line-height: 18px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-main-info .product-essential .description-button-wrapper { border-top: 1px solid #dcdcdc; padding-top: 10px; cursor: pointer; } .product-main-info .product-essential .description-button-wrapper div { text-align: center; } .product-main-info .product-essential .description-button-wrapper div p { display: inline-block; text-align: center; color: #666; } .product-main-info .product-essential .description-button-wrapper #show-description-button { margin-left: auto; margin-right: auto; } .block-compare { border-top: 1px solid #dcdcdc; margin: 18px 0px 0px 0px; padding: 20px 0px 0px 0px; } .block-compare .block-title { margin: 0px; padding: 0px; } .block-compare .block-title h5 { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; display: inline; } .block-compare .block-title span { font-family: Arial; font-size: 12px; color: #a8a9ad; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .block-compare .block-content { margin: 0px; padding: 0px; } .block-compare .block-content ol#compare-items { list-style-type: none; margin: 0px; padding: 0px; } .block-compare .block-content ol#compare-items li { margin: 0px 0px 3px 0px; padding: 0px; line-height: 24px; } .block-compare .block-content ol#compare-items li .product-name { margin: 0px; padding: 0px; display: inline-block; width: 85%; line-height: 18px; } .block-compare .block-content ol#compare-items li .product-name a { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .block-compare .block-content ol#compare-items li .product-name a:hover { text-decoration: underline; } .block-compare .block-content ol#compare-items li .v-icon { float: right; } .block-compare .block-content .actions { margin: 0px; padding: 0px; } .block-compare .block-content .actions a { display: block; } .block-compare .block-content .actions button { margin-top: 15px; } .product-compare { margin: 0px 15px; padding: 0px; } .product-compare .page-title { margin: 15px 0px; padding: 0px; } .product-compare .page-title h1 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 36px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; display: inline; } .product-compare .page-title .link-print { float: right; margin-top: 8px; } .product-compare #product_comparison { border-top: 1px solid #dcdcdc; width: 100%; margin: 10px 0px 0px 0px; padding: 0px; } .product-compare #product_comparison tbody { width: 100%; } .product-compare #product_comparison tbody tr { border-bottom: 1px solid #dcdcdc; width: 100%; } .product-compare #product_comparison tbody tr:nth-child(odd) { background-color: #f0f0f0; } .product-compare #product_comparison tbody tr td:first-child, .product-compare #product_comparison tbody tr th:first-child { font-weight: bold; margin: 0px; padding: 8px 0px 8px 15px; } .product-compare #product_comparison tbody tr td p, .product-compare #product_comparison tbody tr th p { line-height: 18px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-compare #product_comparison tbody tr td ul, .product-compare #product_comparison tbody tr th ul { margin: 0px 0px 0px 10px; padding: 5px 0px; list-style-type: none; } .product-compare #product_comparison tbody tr td ul li, .product-compare #product_comparison tbody tr th ul li { margin: 0px; padding: 0px; line-height: 18px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-compare #product_comparison tbody tr td ul li:before, .product-compare #product_comparison tbody tr th ul li:before { content: "\2022"; position: relative; font-size: 21px; margin-right: 3px; top: 2px; margin-left: -10px; } .product-compare #product_comparison .white td, .product-compare #product_comparison .white th { background-color: #ffffff; } .product-compare #product_comparison td { border-left: 1px solid #dcdcdc; padding-left: 15px; } .product-compare #product_comparison td .std { margin: 0px; padding: 10px 20px 10px 0px; } .product-compare #product_comparison td.right { text-align: right; padding-right: 15px !important; border-left: 0px; white-space: nowrap; } .product-compare #product_comparison td .v-icon { display: inline-block; position: relative; top: 5px; margin-right: 5px; } .product-compare #product_comparison td .price { margin: 0px; padding: 0px; font-family: Arial; font-size: 18px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .product-compare #product_comparison td .remove-from-comparison { text-align: center; margin: 15px 0px; padding: 0px; } .product-compare .buttons-set { margin: 20px 0px; padding: 0px; } .box-related { margin: 0px; padding: 0px 0px 0px 15px; } .box-related .box-title { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #dcdcdc; } .box-related .box-title h2 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 28px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .box-related .box-content { list-style-type: none; margin: 0px; padding: 0px; } .box-related .item { margin: 0px 0px 10px 0px; padding: 0px 100px 10px 0px; border-bottom: 1px solid #dcdcdc; } .box-related .item .product-details { margin: 10px 0px 0px 0px; } .box-related .item a { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .box-related .item a h4 { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin-bottom: 5px; } .box-related .item a:hover h4 { color: #000000; } .box-related .item .widget-product-link-inline a { font-weight: normal; } .box-up-sell { margin: 0px; padding: 0px 0px 0px 15px; } .box-up-sell .box-title { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #dcdcdc; } .box-up-sell .box-title h2 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 28px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .box-up-sell .box-content { list-style-type: none; margin: 0px; padding: 0px; } .box-up-sell .item { margin: 0px 0px 10px 0px; padding: 0px 100px 10px 0px; border-bottom: 1px solid #dcdcdc; } .box-up-sell .item .product-details { margin: 10px 0px 0px 0px; } .box-up-sell .item a { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .box-up-sell .item a h4 { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin-bottom: 5px; } .box-up-sell .item a:hover h4 { color: #000000; } #fitter-consumer { margin: 10px 0px 10px 0px; padding: 0px; display: block; float: left; } #fitter-consumer h2 { margin: 0px; font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 28px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin: 0px 0px 20px 0px; padding: 0px; } #fitter-consumer h2 span { font-family: Arial; font-size: 21px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .category-view { margin: 10px 0px 0px 0px; padding: 0px; } .category-view .category-title { margin: 0px; padding: 0px; } .category-view .category-title h1 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 36px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .category-view .category-description { margin: 10px 0px 10px 0px; padding: 0px; } .category-overview { margin: 0px; padding: 0px; } .category-overview .product-overview { margin: 0px; padding: 20px 0px; } .category-overview .product-overview h2 { margin-bottom: 10px; } .category-overview .product-overview h2 a { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 28px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .category-overview .product-overview .divsubcat { margin: 3px 0px; padding: 0px; } .category-overview .border { width: 100%; height: 1px; display: block; background-color: #dcdcdc; } .block-layered-nav { margin: 0px 0px 0px 0px; padding: 0px; } .block-layered-nav.filter-applied { margin-top: 20px; border-top: 1px solid #dcdcdc; } .block-layered-nav .block-title { margin: 0px 0px 15px 0px; padding: 0px 0px 25px 0px; } .block-layered-nav .block-title h5 { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .currently { margin: 0px; padding: 0px; } .currently .block-subtitle { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; line-height: 24px; } .currently ol { list-style-type: none; margin: 20px 0px 25px 0px; padding: 0px; } .currently ol li { margin: 0px; padding: 0px; line-height: 24px; width: 100%; display: block; float: left; } .currently ol li .value { display: inline-block; } .currently ol li .btn-remove { float: right; } .currently ol li .btn-remove .reset-filter { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); display: block; background-repeat: no-repeat; background-size: 424px 725px; background-position: -154px -87px; width: 22px; height: 22px; position: relative; top: 3px; display: inline-block; } .currently ol li .btn-remove .reset-filter:hover { background-position: -314px -23px; width: 22px; height: 22px; } .actions { margin: 10px 0px 20px 0px; padding: 0px; } .actions a { font-family: Arial; font-size: 14px; color: #a8a9ad; font-weight: normal; text-transform: none; text-decoration: underline; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .main-category { margin: 10px 0px 0px 0px; padding: 0px; width: 100%; height: 31px; display: table; } .main-category .main-category-icon { display: table-cell; margin: 0px; padding: 0px 10px 0px 0px; } .main-category .main-category-title { display: table-cell; margin: 0px; padding: 0px; height: 100%; vertical-align: middle; } .main-category .main-category-title p { display: inline-block; font-weight: bold; margin: 0px; } .main-category .main-category-title p a { font-family: Arial; font-size: 16px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .main-category .main-category-title p a:hover { text-decoration: none; } #narrow-by-list { margin: 0px; padding: 0px; } #narrow-by-list dt { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; border-top: 1px solid #dcdcdc; margin: 20px 0px 0px 0px; padding: 20px 0px 0px 0px; } #narrow-by-list dt.last { border-top: 0px; margin-top: 5px; } #narrow-by-list dd { margin: 0px; padding: 0px; } #narrow-by-list dd ol { list-style-type: none; margin: 0px; padding: 0px; } #narrow-by-list dd ol li { margin: 0px; padding: 0px; line-height: 24px; } #narrow-by-list dd ol li a { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } #narrow-by-list dd ol li a:hover { text-decoration: underline; } #narrow-by-list dd ol li .amount { font-family: Arial; font-size: 14px; color: #a8a9ad; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .fsf-vertical { margin: 2px 0px 0px 0px; padding: 0px; } .fsf-vertical ul.flatscreenfitter-vertical { list-style-type: none; width: 100%; display: block; margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; } .fsf-vertical ul.flatscreenfitter-vertical li { display: block; margin: 0px 0px 10px 0px; padding: 0px; } .fsf-vertical ul.flatscreenfitter-vertical li .select-container { width: 220px; display: inline-block; } .fsf-vertical ul.flatscreenfitter-vertical li .v-icon { float: right; position: relative; top: 5px; display: inline-block; } .catalog-category-view .popover-inner { width: 300px; } .catalog-category-view .popover-inner .popover-title { display: none; } .catalog-category-view .popover-inner .popover-content { padding: 15px; } .catalog-category-view .popover-inner .popover-content p { line-height: 22px; font-size: 12px; } .page-title { margin: 20px 0px 0px 0px; padding: 0px; } .page-title h1 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 36px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .category-view h2 { margin: 10px 0px 0px 0px; } .category-view .popular-products { margin-top: 10px; padding-bottom: 10px; } .category-products { margin: 0px 5px; padding: 0px; } .category-products .v-item { margin: 0px; padding: 0px 5px; } .category-products .v-item .popular-ribbon { position: absolute; right: 15px; } .category-products .v-item .item { margin: 0px 0px 10px 0px; padding: 10px 15px; border: 1px solid #dcdcdc; background-color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } .category-products .v-item .item .item-image { margin: 0px; padding: 0px; } .category-products .v-item .item .item-image img { display: block; margin-left: auto; margin-right: auto; max-width: 100%; width: 100%; height: auto; } .category-products .v-item .item .i-icon { display: inline-block; width: 17px; height: 17px; cursor: pointer; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/info-dot.png"); background-position: center top; background-repeat: no-repeat; background-attachment: none; background-size: none; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .category-products .v-item .item .i-icon { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/info-dot@2x.png"); background-size: auto auto; } } .category-products .v-item .item .product-name { height: 72px; overflow: hidden; margin: 0px 5px; } .category-products .v-item .item .product-name a { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; word-wrap: break-word; } .category-products .v-item .item .functions { display: block; width: 100%; margin: 0px; padding: 0px; } .category-products .v-item .item .functions .mainfunction { height: 36px; margin: 0px; padding: 0px 5px; font-family: Arial; font-size: 12px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .category-products .v-item .item .functions ul { list-style-type: none; border-top: 1px solid #dcdcdc; width: 100%; height: 140px; margin: 5px 0px 0px 0px; padding: 0px; } .category-products .v-item .item .functions ul li { display: block; width: 100%; float: left; border-bottom: 1px solid #dcdcdc; line-height: 14px; margin: 0px; padding: 6px 0px 8px 5px; font-family: Arial; font-size: 12px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .category-products .v-item .item .functions ul li .value { float: right; display: block; padding-right: 5px; font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .category-products .v-item .item .functions ul li.max-turn .label { display: inline-block; width: 110px; } .category-products .v-item .item .functions ul li.max-turn .value { position: relative; } .category-products .v-item .item .functions ul li.max-turn .value .i-icon { position: absolute; left: -23px; top: -2px; } .category-products .v-item .item .functions .servicekit-remark { margin: 0px; margin-top: 20px; padding: 0px 5px; width: 100%; position: relative; height: 27px; line-height: 27px; text-align: center; background-color: #e95d0f; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .category-products .v-item .item .functions .servicekit-remark .remark-label { font-family: Arial; font-size: 12px; color: #ffffff; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .category-products .v-item .item .functions .spacer { display: block; width: 100%; height: 27px; margin-top: 20px; } .category-products .v-item .item .color-swatches { margin: 0px; padding: 0px; min-height: 35px; } .category-products .v-item .item .color-swatches ul { list-style-type: none; margin: 0px; padding: 0px; } .category-products .v-item .item .color-swatches ul li { display: inline-block; margin: 0px; padding: 0px; } .category-products .v-item .item .color-swatches ul li .swatch-label { margin: 0px; padding: 1px 3px 4px 3px; border: 1px solid #dcdcdc; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } .category-products .v-item .item .color-swatches ul li .swatch-label img { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .category-products .v-item .item .color-swatches ul li.option-white .swatch-label img { border: 1px solid #dcdcdc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .category-products .v-item .item .color-swatches ul li.selected .swatch-label { border-color: #a8a9ad; } .category-products .v-item .item .recommended-price { height: 42px; display: block; margin: 15px 0px 0px 0px; padding: 0px 5px; } .category-products .v-item .item .recommended-price .recommended { margin: 0px 0px 0px 0px; padding: 0px; font-family: Arial; font-size: 12px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .category-products .v-item .item .recommended-price .price { margin: 0px; padding: 0px; font-family: Arial; font-size: 18px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .category-products .v-item .item .function-logo { height: 20px; margin: 12px 0px 5px 0px; padding: 0px 5px; } .category-products .v-item .item .actions { margin: 15px 0px 0px 0px; padding: 0px; } .form-container { margin: 30px 0px 0px 0px; padding: 0px; } .form-container #rweprovide.no-display { display: none !important; } .form-container h3 { margin: 0px; padding: 0px; font-family: Arial; font-size: 21px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin-bottom: 20px; } .form-container h3 span { background-color: #e95d0f; margin: 0px 5px 0px 0px; padding: 10px 0px 0px 0px; position: relative; top: 1px; width: 35px; height: 35px; line-height: 1; text-align: center; display: inline-block; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 18px; color: #ffffff; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .form-container #dealer-text, .form-container #servicekit-text { margin: 10px 0px 0px 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #a8a9ad; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .form-container .no-display { display: none; } .form-container p { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #4b4b4c; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .form-container p em { display: block; margin: 0px; padding: 0px; } .form-container legend { border: 0px; margin: 0px; padding: 0px; font-family: Arial; font-size: 21px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .form-container .additional { margin: 20px 0px 0px 0px; padding: 0px; } .form-container .form-row { margin: 0px 0px 20px 0px; padding: 0px; } .form-container .form-row label { height: 40px; line-height: 40px; font-family: Arial; font-size: 14px; color: #4b4b4c; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .form-container .form-row input[type="text"] { background-color: #ffffff; border: 1px solid #dcdcdc; border-top-color: #acacae; border-left-color: #c7c7c9; width: 100%; height: 40px; line-height: 40px; margin: 0px; padding: 0px 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15); } .form-container .form-row input[type="text"]:focus { outline: none !important; border: 2px solid #a8a9ad; } .form-container .form-row input[type="text"].focus { outline: none !important; border: 2px solid #a8a9ad; } .form-container .form-row input[type="text"].validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } .form-container .form-row input[type="text"] select.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } .form-container .form-row input[type="password"] { background-color: #ffffff; border: 1px solid #dcdcdc; border-top-color: #acacae; border-left-color: #c7c7c9; width: 100%; height: 40px; line-height: 40px; margin: 0px; padding: 0px 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15); } .form-container .form-row input[type="password"]:focus { outline: none !important; border: 2px solid #a8a9ad; } .form-container .form-row input[type="password"].focus { outline: none !important; border: 2px solid #a8a9ad; } .form-container .form-row input[type="password"].validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } .form-container .form-row input[type="password"] select.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } .form-container .form-row textarea { background-color: #ffffff; border: 1px solid #dcdcdc; border-top-color: #acacae; border-left-color: #c7c7c9; width: 100%; height: 150px; line-height: 150px; margin: 0px; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15); line-height: 16px; resize: vertical; } .form-container .form-row textarea:focus { outline: none !important; border: 2px solid #a8a9ad; } .form-container .form-row textarea.focus { outline: none !important; border: 2px solid #a8a9ad; } .form-container .form-row textarea.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } .form-container .form-row textarea select.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } .form-container .form-row .form-fields { margin: 0px; padding: 0px; } .form-container .form-row .form-checklist { list-style-type: none; margin: 0px; padding: 0px; } .form-container .form-row .form-checklist li { margin: 0px 0px 5px 0px; } .form-container .form-row .form-checklist li:before { content: none !important; } .form-container .form-row .form-checklist .radio label:before { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); display: block; background-repeat: no-repeat; background-size: 424px 725px; background-position: -98px -143px; width: 18px; height: 19px; } .form-container .form-row .form-checklist .checkbox label:before { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); display: block; background-repeat: no-repeat; background-size: 424px 725px; background-position: -87px -1px; width: 19px; height: 18px; } .form-container .form-row .form-checklist label { display: inline-block; cursor: pointer; position: relative; height: 16px; line-height: 16px; padding-left: 25px; margin-right: 15px; } .form-container .form-row .form-checklist input[type=radio], .form-container .form-row .form-checklist input[type=checkbox] { display: none; } .form-container .form-row .form-checklist label:before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; } .form-container .form-row .form-checklist input[type=radio]:checked + label:before { background-position: -116px -143px; width: 18px; height: 19px; } .form-container .form-row .form-checklist input[type=checkbox]:checked + label:before { background-position: -105px -1px; width: 19px; height: 18px; } .form-container .form-row .form-checklist input[type=checkbox]:disabled + label:before { background-position: -123px -1px; width: 19px; height: 18px; } .form-container #rpicture #import, .form-container #rpicture .import { cursor: pointer; background-color: #a8a9ad; border: none; height: 40px; line-height: 36px; text-decoration: none; width: auto; display: inline-block; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .form-container #rpicture #import span, .form-container #rpicture .import span { margin: 0px 20px; font-family: Arial; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .form-container #rpicture #import:hover, .form-container #rpicture .import:hover { background-color: #4b4b4c; } .form-container #rpicture #picture-name, .form-container #rpicture .picture-name { margin-top: 12px; font-family: Arial; font-size: 14px; color: #a8a9ad; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .rightlinks { margin: 52px 0px 0px 0px; padding: 0px; } .rightlinks ul { list-style-type: none; margin: 0px; padding: 0px; } .rightlinks ul li { display: table; width: 100%; height: 97px; background-color: #f0f0f0; margin: 0px 0px 10px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .rightlinks ul li .v-icon { position: absolute; display: inline-block; } .rightlinks ul li div { display: table-cell; height: 100%; vertical-align: middle; position: relative; padding: 0px 20px 0px 67px; } .rightlinks ul li div a { font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .rightlinks ul li div a:hover { color: #e95d0f; } .rightlinks ul li.storelocator .v-icon { margin: 27px 0px 0px 24px; } .rightlinks ul li.tma .v-icon { margin: 29px 0px 0px 21px; } #spinner { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255, 255, 255, 0.8) url("https://www.vogels.com/skin/frontend/vogels/default/images/loader.gif") no-repeat 50% 50%; z-index: 99; } .truncated { cursor: help; } .truncated a.dots { cursor: help; } .truncated a.details { cursor: help; height: 16px; line-height: 16px; } .truncated a.details:hover { text-decoration: none; } .truncated .truncated_full_value { position: relative; z-index: 300; } .truncated .truncated_full_value .item-options { display: none; position: absolute; z-index: 300; width: 200px; padding: 8px; border: 1px solid #3399cc; background-color: #F6F6F6; top: 21px; left: -100px; } .truncated .truncated_full_value .item-options:after { content: ''; position: absolute; width: 0; height: 0; display: block; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #3399cc; border-top: none; left: 97px; top: -7px; } .truncated .truncated_full_value .item-options > p { font-weight: bold; text-transform: uppercase; margin-bottom: 8px; } .truncated .show .item-options { display: block; } .pp_inline { margin: 0px; padding: 0px; } .pp_inline .popup-inner { margin: 0px; padding: 30px 20px 0px 20px; } .pp_inline .popup-inner h4, .pp_inline .popup-inner h3 { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin-bottom: 20px; } .pp_inline .popup-inner p, .pp_inline .popup-inner h2 { line-height: 18px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin: 0px; } .std table { border-top: 1px solid #dcdcdc; width: 100%; margin: 10px 0px 0px 0px; padding: 0px; } .std table tbody { width: 100%; } .std table tbody tr { border-bottom: 1px solid #dcdcdc; width: 100%; } .std table tbody tr:nth-child(odd) { background-color: #f0f0f0; } .std table tbody tr td a { color: #000000; text-decoration: underline; } .std table tbody tr td a img { display: inline-block; margin-right: 5px; } .std table tbody tr td a:hover { color: #e95d0f; } .std table tbody tr td:first-child { font-weight: bold; margin: 0px; padding: 8px 0px 8px 15px; } .std table tbody tr td p { line-height: 18px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .std table tbody tr td ul { margin: 0px 0px 0px 10px; padding: 5px 0px; list-style-type: none; } .std table tbody tr td ul li { margin: 0px; padding: 0px; line-height: 24px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .std table tbody tr td ul li:before { content: "\2022"; position: relative; font-size: 21px; margin-right: 3px; top: 2px; margin-left: -10px; } .std table.no-nth { border-top: 0px; } .std table.no-nth tbody tr { border-bottom: 0px; } .std table.no-nth tbody tr:nth-child(odd) { background-color: #ffffff; } .std table.no-nth img { max-width: auto; } .std hr { border: 0px; height: 1px; background-color: #dcdcdc; width: 100% !important; float: left; } #vmr-box_leadprocessor { z-index: 9999999999; border: 1px solid #dcdcdc !important; background-color: #ffffff; position: fixed; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1) !important; -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1) !important; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1) !important; } #vmr-box_leadprocessor #vmr-inner { margin: 0px; padding: 0px; border: 0px !important; background: none !important; } #vmr-box_leadprocessor #vmr-inner #vmr-close { position: absolute; top: 20px; right: 20px; cursor: pointer; opacity: 1; background: none; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); display: block; background-repeat: no-repeat; background-size: 424px 725px; background-position: -158px -205px; width: 36px; height: 36px; } #vmr-box_leadprocessor #vmr-inner #vmr-close:hover { background-position: -76px -43px; width: 36px; height: 36px; } #vmr-box_leadprocessor #vmr-inner iframe body { margin: 0px !important; padding: 0px !important; font-family: Arial !important; font-size: 14px !important; color: #000000 !important; font-weight: normal !important; text-transform: none !important; text-decoration: none !important; font-style: normal !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-feature-settings: "kern", "liga" off, "calt" off !important; } .addthis_toolbox { margin: 0px; padding: 0px; } .addthis_toolbox > a { display: block; float: left; margin: 0px 5px 0px 0px; padding: 0px; } .addthis_toolbox > a span { visibility: hidden; } .addthis_toolbox > a.email { margin-top: 10px; } .addthis_toolbox > a.print { margin-top: 9px; } .cmssearch-results { list-style-type: none; margin: 10px 0px 0px 0px; padding: 0px; } .cmssearch-results li { margin: 0px 0px 20px 0px; padding: 0px; } .cmssearch-results li h4 { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin-bottom: 5px; } .cmssearch-results li h4 a { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .cmssearch-results li h4 a:hover { text-decoration: underline; } .rss-link { margin: 20px 0px 0px 0px; padding: 0px; } .rss-link a { height: 34px; line-height: 34px; padding-left: 43px; display: inline-block; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: underline; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/rss.png"); background-position: left center; background-repeat: no-repeat; background-attachment: none; background-size: none; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .rss-link a { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/rss@2x.png"); background-size: 34px 34px; } } ul.flatscreenfitter { list-style-type: none; width: 100%; margin: 0px 41px 0px 0px; padding: 0px; } ul.flatscreenfitter li { height: 74px; width: 291px; display: block; float: left; position: relative; margin: 0px -27px 0px 0px; padding: 0px 0px 0px 27px; } ul.flatscreenfitter li:before { content: none !important; } ul.flatscreenfitter li:first-child { padding-left: 0px; width: 265px; z-index: 2000; } ul.flatscreenfitter li.fsf-step { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); background-position: right -471px; background-repeat: no-repeat; background-attachment: none; background-size: 424px 725px; } ul.flatscreenfitter li.current { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); background-position: right -641px; background-repeat: no-repeat; background-attachment: none; background-size: 424px 725px; } ul.flatscreenfitter li.passed { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); background-position: right -557px; background-repeat: no-repeat; background-attachment: none; background-size: 424px 725px; } ul.flatscreenfitter li.next { background-color: #ffffff; width: 42px; margin: 0px 0px 0px 42px; padding: 0px; } ul.flatscreenfitter li.next span { margin: 17px 0px 0px 0px; padding: 0px; } ul.flatscreenfitter li.next .inactive { background-image: none; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/v-icon-light-right-round.png"); background-position: center center; background-repeat: no-repeat; width: 42px; height: 42px; background-size: 100%; } ul.flatscreenfitter li.next .active { background-position: -85px -319px; width: 42px; height: 42px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); display: block; background-repeat: no-repeat; background-size: 424px 725px; cursor: pointer; } ul.flatscreenfitter li.next .searching { margin: 26px 0px 0px 10px; padding: 0px; background-position: -357px -258px; width: 18px; height: 18px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); display: block; background-repeat: no-repeat; background-size: 424px 725px; -webkit-animation-name: spin; -webkit-animation-duration: 2500ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 2500ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 2500ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 2500ms; animation-iteration-count: infinite; animation-timing-function: linear; } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } ul.flatscreenfitter li.first { -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } ul.flatscreenfitter li.first.current .step-arrow { background-position: -341px -143px; width: 29px; height: 78px; } ul.flatscreenfitter li.last { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } ul.flatscreenfitter li.current .brand { background-position: -316px -338px; width: 36px; height: 31px; } ul.flatscreenfitter li.current .size { background-position: -376px -32px; width: 36px; height: 31px; } ul.flatscreenfitter li.current .model { background-position: -372px -1px; width: 36px; height: 31px; } ul.flatscreenfitter li.current .step-arrow { background-position: -341px -143px; width: 29px; height: 78px; } ul.flatscreenfitter li.current .flatscreenfitter-arrow-end { background-position: -377px -192px; width: 29px; height: 78px; } ul.flatscreenfitter li.passed .brand { background-position: -316px -338px; width: 36px; height: 31px; } ul.flatscreenfitter li.passed .size { background-position: -376px -32px; width: 36px; height: 31px; } ul.flatscreenfitter li.passed .model { background-position: -372px -1px; width: 36px; height: 31px; } ul.flatscreenfitter li.passed .step-arrow { background-position: -312px -163px; width: 29px; height: 78px; } ul.flatscreenfitter li.passed .flatscreenfitter-arrow-end { background-position: -378px -269px; width: 29px; height: 78px; } ul.flatscreenfitter li.passed.prev .step-arrow { background-position: -312px -241px; width: 29px; height: 78px; } ul.flatscreenfitter li .brand { background-position: -121px -205px; width: 37px; height: 31px; } ul.flatscreenfitter li .size { background-position: -229px -247px; width: 36px; height: 31px; } ul.flatscreenfitter li .model { background-position: -73px -247px; width: 36px; height: 31px; } ul.flatscreenfitter li .step-arrow { background-position: -199px -163px; width: 29px; height: 78px; } ul.flatscreenfitter li.searching .brand, ul.flatscreenfitter li.searching .size, ul.flatscreenfitter li.searching .model { background-position: -357px -258px; width: 18px; height: 18px; -webkit-animation-name: spin; -webkit-animation-duration: 2500ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 2500ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 2500ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 2500ms; animation-iteration-count: infinite; animation-timing-function: linear; margin: 29px 8px 0px 20px; } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } ul.flatscreenfitter li span { display: block; float: left; margin: 0px; padding: 0px; } ul.flatscreenfitter li span.flatscreen-step { margin: 23px 0px 0px 12px; padding: 0px; } ul.flatscreenfitter li span.fsf-step-content { width: 171px; margin: 18px 0px 0px 12px; padding: 0px; } ul.flatscreenfitter li span.fsf-step-content .fsf-step-content-container { width: 100%; margin: 0px 0px 0px 0px; padding: 0px; height: 78px; display: table; font-family: Arial; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } ul.flatscreenfitter li span.fsf-step-content .fsf-step-content-container span { display: table-cell; float: none; vertical-align: middle; } ul.flatscreenfitter li span.flatscreenfitter-arrow-end { background-color: #ffffff; float: right; background-position: -377px -115px; width: 29px; height: 78px; } ul.flatscreenfitter.tma li { width: 292px; } ul.flatscreenfitter.tma li:first-child { width: 265px; } ul.flatscreenfitter.tma li.next { width: 42px; } .step-icon { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); display: block; background-repeat: no-repeat; background-size: 424px 725px; float: right; position: relative; top: 6px; } .brand .step-icon { background-position: -1px -87px; width: 37px; height: 31px; } .brand.current .step-icon { background-position: -336px -1px; width: 37px; height: 31px; } .brand.passed .step-icon { background-position: -121px -205px; width: 37px; height: 31px; } .size .step-icon { background-position: -163px -163px; width: 36px; height: 31px; } .size.current .step-icon { background-position: -340px -63px; width: 36px; height: 31px; } .size.passed .step-icon { background-position: -229px -247px; width: 36px; height: 31px; } .model .step-icon { background-position: -43px -163px; width: 36px; height: 31px; } .model.current .step-icon { background-position: -340px -32px; width: 36px; height: 31px; } .model.passed .step-icon { background-position: -73px -247px; width: 36px; height: 31px; } .searching .step-icon { margin: 6px 8px 0px 8px; background-position: -357px -258px; width: 18px; height: 18px; -webkit-animation-name: spin; -webkit-animation-duration: 2500ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 2500ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 2500ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 2500ms; animation-iteration-count: infinite; animation-timing-function: linear; } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .selected-flatscreen { margin: 0px; padding: 0px; } .selected-flatscreen .result { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 20px; } .selected-flatscreen .result span { font-family: Arial; font-size: 14px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .selected-flatscreen .result .v-icon { display: inline-block; position: relative; top: 3px; margin-right: 7px; } .selected-flatscreen .flatscreen-image { position: relative; margin: 15px 0px 0px 0px; padding: 0px 20px; } .selected-flatscreen .flatscreen-control { margin: 15px 20px 15px 20px; padding: 0px; } .selected-flatscreen .flatscreen-control h4 { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin-bottom: 10px; } .selected-flatscreen .flatscreen-control a { font-family: Arial; font-size: 14px; color: #a8a9ad; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .selected-flatscreen .flatscreen-control a:hover { font-family: Arial; font-size: 14px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: underline; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .selected-flatscreen.no-match .result span { color: #000000; font-weight: normal; } .selected-flatscreen.no-match .flatscreen-image { opacity: 0.6; filter: alpha(opacity=60); } .selected-flatscreen.no-match .flatscreen-control h4 { color: #a8a9ad; } .advisor-description { margin: 0px 0px 20px 0px; padding: 0px; } .advisor-description h1 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 36px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .advisor-description p { margin: 10px 0px 0px 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tvmountadvisor { margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; border: 1px solid #dcdcdc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } .tvmountadvisor .title { margin: 20px 0px 0px 20px; padding: 0px; } .tvmountadvisor .title h2 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 28px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tvmountadvisor .reset { text-align: right; margin: 17px 20px 0px 0px; padding: 0px; } .tvmountadvisor .steps { height: 76px; width: 100%; margin: 20px 0px 0px 0px; padding: 0px 2px 0px 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .tvmountadvisor .steps ul { list-style-type: none; width: 100%; margin: 0px; padding: 0px; } .tvmountadvisor .steps ul li.step { height: 74px; display: block; float: left; width: 248px; position: relative; margin: 0px -27px 0px 0px; padding: 0px 0px 0px 27px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); background-position: right -471px; background-repeat: no-repeat; background-attachment: none; background-size: 424px 725px; } .tvmountadvisor .steps ul li.step span { display: block; float: left; margin: 0px; padding: 0px; } .tvmountadvisor .steps ul li.step span.step-no { background-color: #ffffff; margin: 0px 5px 0px 0px; padding: 10px 0px 0px 0px; position: relative; top: 1px; width: 35px; height: 35px; line-height: 1; text-align: center; display: inline-block; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 18px; color: #dcdcdc; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; top: 20px; left: 10px; } .tvmountadvisor .steps ul li.step span.step-no.hide-txt { text-indent: -9999px; } .tvmountadvisor .steps ul li.step span.step-no .rotate { display: none; position: relative; margin-left: 9px; top: -1px; -webkit-animation-name: spin; -webkit-animation-duration: 2500ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 2500ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 2500ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 2500ms; animation-iteration-count: infinite; animation-timing-function: linear; } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .tvmountadvisor .steps ul li.step span.step-content { width: 142px; margin: 0px 0px 0px 17px; padding: 0px; } .tvmountadvisor .steps ul li.step span.step-content .step-content-container { width: 100%; margin: 0px 0px 0px 0px; padding: 0px; height: 74px; display: table; font-family: Arial; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tvmountadvisor .steps ul li.step span.step-content .step-content-container span { display: table-cell; float: none; vertical-align: middle; text-align: left; } .tvmountadvisor .steps ul li.step span.step-arrow { float: right; background-position: -199px -163px; width: 29px; height: 78px; background-color: #dcdcdc; } .tvmountadvisor .steps ul li.step:first-child { z-index: 2000; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; padding-left: 0px; } .tvmountadvisor .steps ul li.step.active { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); background-position: right -641px; background-repeat: no-repeat; background-attachment: none; background-size: 424px 725px; } .tvmountadvisor .steps ul li.step.active .step-no { background-color: #ffffff; margin: 0px 5px 0px 0px; padding: 10px 0px 0px 0px; position: relative; top: 1px; width: 35px; height: 35px; line-height: 1; text-align: center; display: inline-block; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 18px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; top: 20px; left: 10px; } .tvmountadvisor .steps ul li.step.active .step-arrow { background-position: -341px -143px; width: 29px; height: 78px; } .tvmountadvisor .steps ul li.step.passed { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); background-position: right -557px; background-repeat: no-repeat; background-attachment: none; background-size: 424px 725px; } .tvmountadvisor .steps ul li.step.passed .step-no { background-color: #ffffff; margin: 0px 5px 0px 0px; padding: 10px 0px 0px 0px; position: relative; top: 1px; width: 35px; height: 35px; line-height: 1; text-align: center; display: inline-block; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 18px; color: #a8a9ad; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; top: 20px; left: 10px; } .tvmountadvisor .steps ul li.step.passed .step-arrow { background-position: -312px -163px; width: 29px; height: 78px; } .tvmountadvisor .steps ul li.step.prev { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); background-position: right -557px; background-repeat: no-repeat; background-attachment: none; background-size: 424px 725px; } .tvmountadvisor .steps ul li.step.prev .step-no { background-color: #ffffff; margin: 0px 5px 0px 0px; padding: 10px 0px 0px 0px; position: relative; top: 1px; width: 35px; height: 35px; line-height: 1; text-align: center; display: inline-block; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 18px; color: #a8a9ad; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; top: 20px; left: 10px; } .tvmountadvisor .steps ul li.step.prev .step-arrow { background-position: -312px -241px; width: 29px; height: 78px; } .tvmountadvisor .steps ul li.step.last { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background-image: none; background-color: #dcdcdc; width: 250px; } .tvmountadvisor .steps ul li.step.last.active { background-color: #e95d0f; } .tvmountadvisor .steps.four-steps li.step { width: 25%; } .tvmountadvisor .step-title { width: 100%; margin: 12px 0px 0px 0px; padding: 0px 20px; } .tvmountadvisor .step-title h4 { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; line-height: 38px; display: inline; } .tvmountadvisor .step-title .v-tooltip { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); display: block; background-repeat: no-repeat; background-size: 424px 725px; background-position: -118px -87px; width: 22px; height: 22px; cursor: pointer; display: inline-block; position: relative; top: 4px; margin-left: 7px; } .tvmountadvisor .step-title .v-tooltip:hover { background-position: -314px -1px; width: 22px; height: 22px; } .tvmountadvisor .step-title .back { text-align: right; } .tvmountadvisor .step { width: 100%; margin: 0px; padding: 0px 20px; } .tvmountadvisor .step .sub-navigation { margin: 0px; padding: 0px; } .tvmountadvisor .step .sub-navigation .sub-title { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tvmountadvisor .step .sub-navigation .back { text-align: right; } .tvmountadvisor .step .form-container { margin-top: 0px; } .tvmountadvisor .step .form-container .form-row { margin: 0px; } .tvmountadvisor .step .form-container .form-row label { color: #000000; } .tvmountadvisor .step #no_tv_content { display: none; } .tvmountadvisor .step .step-container { display: block; margin: 0px; padding: 0px; } .tvmountadvisor .step .step-container .icon { position: relative; cursor: pointer; margin: 0px; padding: 0px; } .tvmountadvisor .step .step-container .icon .selected { display: none; position: absolute; z-index: 1; width: 150px; text-align: center; top: 0; left: 0; margin-top: 18px; } .tvmountadvisor .step .step-container .icon .selected .selected-icon { display: inline-block; -webkit-animation-name: spin; -webkit-animation-duration: 2500ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 2500ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 2500ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 2500ms; animation-iteration-count: infinite; animation-timing-function: linear; } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .tvmountadvisor .step .step-container .icon img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tvmountadvisor .step .step-container .title { text-align: left; margin: 15px 0px 0px 0px; padding: 0px; display: block; font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tvmountadvisor .step .step-container .description { text-align: left; margin: 12px 0px 15px 0px; padding: 0px; display: block; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tvmountadvisor .step .step-container .description a { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: underline; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tvmountadvisor .step .step-container .description a:hover { text-decoration: underline; color: #e95d0f; } .tvmountadvisor .step .step-container .description a.tv-not-found { font-family: Arial; font-size: 14px; color: #a8a9ad; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tvmountadvisor .step .step-container .description a.tv-not-found:hover { text-decoration: underline; } .tvmountadvisor .step .step-container .note { text-align: left; margin: 0px 0px 15px 0px; padding: 0px; display: block; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tvmountadvisor .step .step-container .step-input { display: none; } .tvmountadvisor .step .soundbar-weight { margin: 15px 0px 0px 0px; padding: 0px; } .tvmountadvisor .step .soundbar-weight .error { display: none; margin: 10px 0px 0px 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #a8a9ad; font-weight: normal; text-transform: none; text-decoration: none; font-style: italic; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tvmountadvisor .step .soundbar-weight .v-icon { display: inline-block; position: relative; top: 3px; margin-left: 5px; } .tvmountadvisor .step .soundbar-weight .v-icon.rotate { display: none; top: 5px; margin-left: 10px; -webkit-animation-name: spin; -webkit-animation-duration: 2500ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 2500ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 2500ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 2500ms; animation-iteration-count: infinite; animation-timing-function: linear; } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .tvmountadvisor .step .soundbar-weight .input { margin: 0px 0px 15px 0px; padding: 0px; } .tvmountadvisor .step .soundbar-weight .btn { width: 100%; margin: 0px; padding: 0px; } .tvmountadvisor .step-title { width: 100%; margin: 12px 0px 0px 0px; padding: 0px 20px; } .tvmountadvisor .step-title h4 { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; line-height: 38px; } .tvmountadvisor .step-title h4 .info { display: inline-block; position: relative; top: 4px; margin-left: 7px; } .tvmountadvisor .step-title .back { text-align: right; } .tvmountadvisor .result { width: 100%; margin: 11px 0px 0px 0px; padding: 0px 20px; } .tvmountadvisor .result .item { margin: 0px; padding: 0px; } .tvmountadvisor .result .item.best-choice .item-label { background-color: #e95d0f; } .tvmountadvisor .result .item.best-choice .item-label h5 { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; line-height: 40px; } .tvmountadvisor .result .item .item-label { position: relative; z-index: 10; background-color: #dcdcdc; height: 45px; text-align: center; margin: 0px; padding: 0px 0px 5px 0px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .tvmountadvisor .result .item .item-label h5 { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; line-height: 40px; } .tvmountadvisor .result .item .item-content { position: relative; z-index: 11; margin: -5px 0px 10px 0px; padding: 10px 15px; border: 1px solid #dcdcdc; background-color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } .tvmountadvisor .result .item .item-content .i-icon { display: inline-block; width: 17px; height: 17px; position: relative; top: 3px; cursor: pointer; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/info-dot.png"); background-position: center top; background-repeat: no-repeat; background-attachment: none; background-size: none; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .tvmountadvisor .result .item .item-content .i-icon { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/info-dot@2x.png"); background-size: auto auto; } } .tvmountadvisor .result .item .item-content .item-img { height: 140px; margin: 0px; padding: 0px; } .tvmountadvisor .result .item .item-content .item-title { height: 87px; margin: 0px 5px; padding: 0px; } .tvmountadvisor .result .item .item-content .item-title .head { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tvmountadvisor .result .item .item-content .item-title .summary { margin: 0px; padding: 0px; font-family: Arial; font-size: 12px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tvmountadvisor .result .item .item-content .item-function { height: 20px; margin: 0px 5px; padding: 0px; } .tvmountadvisor .result .item .item-content .item-usps { margin: 20px 0px 0px 0px; padding: 0px; height: 320px; border-top: 1px solid #dcdcdc; } .tvmountadvisor .result .item .item-content .item-usps ul { list-style-type: none; margin: 0px; padding: 0px; } .tvmountadvisor .result .item .item-content .item-usps ul li { display: block; margin: 0px; float: left; width: 100%; padding: 10px 0px 10px 0px; border-bottom: 1px solid #dcdcdc; } .tvmountadvisor .result .item .item-content .item-usps ul li a { width: 199px; display: block; float: left; font-family: Arial; font-size: 12px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tvmountadvisor .result .item .item-content .item-usps ul li a:hover { color: #000000; } .tvmountadvisor .result .item .item-content .item-usps ul li .v-icon { float: left; position: relative; top: -1px; margin-right: 10px; } .tvmountadvisor .result .item .item-content .item-usps ul li .usp { margin: 0px; padding: 0px; display: block; float: left; width: 199px; font-family: Arial; font-size: 12px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tvmountadvisor .result .item .item-content .item-usps ul li .usp .orange { color: #e95d0f; } .tvmountadvisor .result .item .item-content .item-service-kit { height: 27px; margin: 0px 0px 10px 0px; padding: 0px 5px 10px 5px; } .tvmountadvisor .result .item .item-content .item-service-kit .servicekit-remark { margin: 0px; padding: 0px 5px; width: 100%; position: relative; height: 27px; line-height: 27px; text-align: center; background-color: #e95d0f; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tvmountadvisor .result .item .item-content .item-service-kit .servicekit-remark .remark-label { font-family: Arial; font-size: 12px; color: #ffffff; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tvmountadvisor .result .item .item-content .item-service-kit .spacer { display: block; width: 100%; height: 27px; } .tvmountadvisor .result .item .item-content .item-recommended-price { height: 42px; margin: 0px 5px 0px 5px; padding: 0px; } .tvmountadvisor .result .item .item-content .item-recommended-price .price-label { margin: 0px; padding: 0px; font-family: Arial; font-size: 12px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tvmountadvisor .result .item .item-content .item-recommended-price .price { margin: 0px; padding: 0px; font-family: Arial; font-size: 18px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tvmountadvisor .result .item .item-content .item-button { margin: 10px 0px 0px 0px; padding: 0px; } .tvmountadvisor .result .item .item-content .item-specifications { margin: 25px 0px 0px 0px; padding: 0px 0px 25px 0px; border-top: 1px solid #dcdcdc; } .tvmountadvisor .result .item .item-content .item-specifications ul.specifications { list-style-type: none; margin: 0px; padding: 0px; } .tvmountadvisor .result .item .item-content .item-specifications ul.specifications li { display: block; margin: 0px; height: 38px; padding: 7px 0px 8px 10px; border-bottom: 1px solid #dcdcdc; } .tvmountadvisor .result .item .item-content .item-specifications ul.specifications li span { display: inline-block; font-family: Arial; font-size: 12px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tvmountadvisor .result .item .item-content .item-specifications ul.specifications li .colorswatch { display: block; height: 21px; width: 20px; } .tvmountadvisor .result .item .item-content .item-specifications ul.specifications li .color-icon { margin-right: 5px; } .tvmountadvisor .result .selected-flatscreen.resultpage { display: block; height: 768px; margin: 0px; padding: 0px; } .tvmountadvisor .result .selected-flatscreen.resultpage .result { margin: 0px; padding: 0px; } .tvmountadvisor .result .selected-flatscreen.resultpage .flatscreen-control { margin: 15px 0px; } .tvmountadvisor .result .specification { margin: 0px 0px 0px 0px; padding: 0px; } .tvmountadvisor .result .specification .specification-title { margin: 0px; padding: 0px; } .tvmountadvisor .result .specification .specification-title h5 { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tvmountadvisor .result .specification ul { list-style-type: none; margin: 11px 0px 0px 0px; padding: 0px; } .tvmountadvisor .result .specification ul li { display: block; height: 37px; margin: 0px 0px 1px 0px; padding: 7px 0px 8px 0px; } .tvmountadvisor .result .specification ul li span { display: inline-block; font-family: Arial; font-size: 12px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .tvmountadvisor .result .specification ul li .colorswatch { display: block; height: 21px; width: 20px; } .tvmountadvisor .result .show-all-results { margin: 10px 0px 0px 0px; padding: 0px; } .product-remarks { margin: 20px 0px 0px 0px; padding: 20px; border: 1px solid #e95d0f; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .storelocator { margin: 0px; padding: 0px; } .storelocator .title { margin: 10px 0px 0px 0px; padding: 0px; } .storelocator .title h1 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 36px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .storelocator .title h4 { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .storelocator .description { margin: 10px 0px 30px 0px; padding: 0px; } .storelocator .description p { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .storelocator .note-msg { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .storelocator .filters-block { margin: 30px 0px 0px 0px; padding: 0px; } .storelocator .filters-block h4 { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin-bottom: 20px; } .storelocator .filters-block ul { list-style-type: none; border-top: 1px solid #dcdcdc; margin: 0px; padding: 0px; } .storelocator .filters-block ul li { height: 40px; margin: 0px !important; padding: 10px; border-bottom: 1px solid #dcdcdc; } .storelocator .filters-block ul li:hover { background-color: #f0f0f0; cursor: pointer; } .storelocator .filters-block ul li label { width: 100%; } .storelocator .filters-block ul li label span { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .storelocator .filters-block ul li label .v-icon { display: inline-block; float: right; top: -5px; position: relative; background-position: -341px -310px; width: 38px; height: 28px; } .storelocator .filters-block ul li label .v-icon.Tablets { top: -8px; right: 7px; background-image: none; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/tablet-small.png"); background-position: center center; background-repeat: no-repeat; width: 26px; height: 32px; background-size: 100%; } .storelocator .filters-block ul li label ul { float: right; border: 0px; margin: 0px; padding: 0px; } .storelocator .filters-block ul li label ul li { display: block; float: left; margin: 0px 0px 0px 8px !important; padding: 0px; border: 0px; } .storelocator .filters-block ul li label ul li .store-icon { top: -10px; display: block; line-height: 1; text-align: center; width: 35px; height: 35px; border: 1px solid #e95d0f; position: relative; background-color: #ffffff; margin: 0px; padding: 9px 0px 0px 0px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 18px; color: #e95d0f; font-weight: normal; text-transform: uppercase; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .storelocator .filters-block ul li label ul li .v-icon { top: -2px; background-position: -118px -87px; width: 22px; height: 22px; } .storelocator .filters-block ul li label ul li .v-icon:hover { background-position: -314px -1px; width: 22px; height: 22px; } .storelocator .filters-block ul li label ul li:hover { background-color: transparent; } .storelocator .filters-block ul li label.disabled .store-icon { display: block; line-height: 1; text-align: center; width: 35px; height: 35px; border: 1px solid #dcdcdc; position: relative; background-color: #ffffff; margin: 0px; padding: 9px 0px 0px 0px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 18px; color: #dcdcdc; font-weight: normal; text-transform: uppercase; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .storelocator .filters-block ul li label.disabled .v-icon { display: none; } .storelocator .storelocator-opener-container { border-top: 1px solid #dcdcdc; list-style-type: none; margin: 17px 0px 0px 0px; padding: 0px; } .storelocator .storelocator-opener-container li { margin: 0px; padding: 15px 0px; border-bottom: 1px solid #dcdcdc; } .storelocator .storelocator-opener-container li .storelocator-opener { cursor: pointer; } .storelocator .storelocator-opener-container li .storelocator-opener span { font-family: Arial; font-size: 14px; color: #a8a9ad; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .storelocator .storelocator-opener-container li .storelocator-opener.closed .toggle-icon { position: relative; top: -7px; display: inline-block; float: left; margin-right: 5px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); display: block; background-repeat: no-repeat; background-size: 424px 725px; background-position: -109px -247px; width: 36px; height: 36px; } .storelocator .storelocator-opener-container li .storelocator-opener.opened .toggle-icon { position: relative; top: -7px; display: inline-block; float: left; margin-right: 5px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); display: block; background-repeat: no-repeat; background-size: 424px 725px; background-position: -37px -247px; width: 36px; height: 36px; } .storelocator .storelocator-opener-container li .maps-holder { widht: 100%; height: 645px; } .storelocator .storelocator-opener-container li .maps-holder #hMap { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .storelocator .storelocator-opener-container li #stores_nearby { margin: 20px 0px 5px 0px; padding: 0px; } .storelocator .storelocator-opener-container li #stores_nearby .result-col { margin: 0px; padding: 0px; } .storelocator .storelocator-opener-container li #stores_nearby .result-col .search-block { margin: 0px; padding: 0px; } .storelocator .storelocator-opener-container li #stores_nearby .result-col .search-block h4 { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .storelocator .storelocator-opener-container li #stores_nearby .result-col .search-block .search-field-holder { margin: 17px 0px 15px 0px; padding: 0px; } .storelocator .storelocator-opener-container li #stores_nearby .result-col .search-block .note { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .storelocator .storelocator-opener-container li #stores_nearby .result-col .storelocator-stores-list { margin: 15px 0px 0px 0px; padding: 0px; height: 500px; overflow: hidden; } .storelocator .storelocator-opener-container li #stores_nearby .result-col .storelocator-stores-list .overview { padding-right: 40px; width: 100%; } .storelocator .storelocator-opener-container li #stores_nearby .result-col .storelocator-stores-list .result-block { margin: 0px; padding: 15px 0px 0px 0px; border-top: 1px solid #dcdcdc; } .storelocator .storelocator-opener-container li #stores_nearby .result-col .storelocator-stores-list .result-block h5 { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; cursor: pointer; } .storelocator .storelocator-opener-container li #stores_nearby .result-col .storelocator-stores-list .result-block .address-block { margin: 0px; padding: 0px; } .storelocator .storelocator-opener-container li #stores_nearby .result-col .storelocator-stores-list .result-block .address-block span { display: block; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .storelocator .storelocator-opener-container li #stores_nearby .result-col .storelocator-stores-list .result-block .icons-list { list-style-type: none; margin: 10px 0px 15px 0px; padding: 0px; } .storelocator .storelocator-opener-container li #stores_nearby .result-col .storelocator-stores-list .result-block .icons-list li { margin: 0px 1px 0px 0px; padding: 0px; display: inline-block; border: 0px; } .storelocator .storelocator-opener-container li #stores_nearby .result-col .storelocator-stores-list .result-block .icons-list li .store-icon { display: block; line-height: 1; text-align: center; width: 35px; height: 35px; border: 1px solid #e95d0f; position: relative; background-color: #ffffff; margin: 0px; padding: 9px 0px 0px 0px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 18px; color: #e95d0f; font-weight: normal; text-transform: uppercase; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .storelocator .storelocator-opener-container li #webshops { margin: 20px 0px 0px 0px; padding: 0px; } .storelocator .storelocator-opener-container li #webshops .shop-list { margin: 0px; padding: 0px; } .storelocator .storelocator-opener-container li #webshops .shop-list .shop-column { margin: 0px 0px 20px 0px; padding: 20px; border: 1px solid #dcdcdc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } .storelocator .storelocator-opener-container li #webshops .shop-list .shop-column .logo-holder { height: 50px; margin: 25px 0px; } .storelocator .storelocator-opener-container li #webshops .shop-list .shop-column .logo-holder img { max-height: 50px; } .storelocator .storelocator-opener-container li #webshops .shop-list .shop-column .internet-partner a { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .storelocator .storelocator-opener-container li #webshops .shop-list .shop-column .icons-list { list-style-type: none; margin: 10px 0px 0px 0px; padding: 0px; } .storelocator .storelocator-opener-container li #webshops .shop-list .shop-column .icons-list li { margin: 4px 1px 0px 0px; padding: 0px; display: inline-block; border: 0px; } .storelocator .storelocator-opener-container li #webshops .shop-list .shop-column .icons-list li .store-icon { display: block; line-height: 1; text-align: center; width: 35px; height: 35px; border: 1px solid #e95d0f; position: relative; background-color: #ffffff; margin: 0px; padding: 9px 0px 0px 0px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 18px; color: #e95d0f; font-weight: normal; text-transform: uppercase; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .storelocator .storelocator-opener-container li #webshops .shop-list .shop-column .icons-list li.internet-partner-logo { width: 58px; float: right; margin-top: 0px; } .consumer-importers-list { margin: 40px 0px 20px 0px; padding: 20px 20px 0px 20px; border: 1px solid #dcdcdc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } .consumer-importers-list .importer-column { margin: 0px; padding: 0px 0px 20px 0px; } .consumer-importers-list .importer-column h4 { margin: 0px; font-family: Arial; font-size: 16px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin: 0px 0px 25px 0px; padding: 0px; } .consumer-importers-list .importer-column p { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .consumer-importers-list .importer-column p.title { margin-bottom: 15px; } .consumer-importers-list .importer-column p.phone { margin-top: 10px; font-weight: bold; } .consumer-importers-list .importer-column p.website { margin-top: 15px; } .consumer-importers-list .importer-column p.website a { text-decoration: underline; } .consumer-importers-list .importer-column .v-icon { position: relative; display: inline-block; top: 7px; margin-right: 7px; } .press { margin: -50px 0px 0px 0px; padding: 0px; } .press .press-block { margin: 50px 0px 0px 0px; padding: 0px; } .press .press-block .press-block-image { height: 200px; margin: 0px; padding: 0px; } .press .press-block .press-block-image img { display: block; max-width: 100%; height: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .press .press-block .press-block-content { margin: 0px; padding: 0px; } .press .press-block .press-block-content .title { margin: 0px; padding: 0px; height: 82px; overflow: hidden; } .press .press-block .press-block-content .title h3 { margin: 0px; padding: 0px; font-family: Arial; font-size: 21px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; line-height: 28px; } .press .press-block .press-block-content .date { margin: 10px 0px 10px 0px; padding: 0px; display: block; height: 18px; font-family: Arial; font-size: 14px; color: #a8a9ad; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .press .press-block .press-block-content .intro { height: 90px; overflow: hidden; margin: 0px; padding: 0px; } .press .press-block .press-block-button { margin: 20px 0px 0px 0px; padding: 0px; } .style-tabs-thema { margin: 5px 0px 0px 0px; padding: 0px; } .style-tabs-thema > ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; } .style-tabs-thema > ul > li { background-color: #a8a9ad; display: inline-block; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #a8a9ad; position: relative; z-index: 1000; top: 1px; min-width: 140px; text-align: center; margin: 0px 2px 0px 0px; padding: 0px; } .style-tabs-thema > ul > li:before { content: none !important; } .style-tabs-thema > ul > li > a { height: 40px; line-height: 40px; display: block; margin: 0px; padding: 0px 20px; font-family: Arial; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .style-tabs-thema > ul > li > a:hover { font-family: Arial; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .style-tabs-thema > ul > li:hover { background-color: #4b4b4c; border: 1px solid #4b4b4c; } .style-tabs-thema > ul > li.active { background-color: #ffffff; border: 1px solid #a8a9ad; border-bottom-color: #ffffff; z-index: 1002; } .style-tabs-thema > ul > li.active a { height: 40px; line-height: 40px; margin: 0px; padding: 0px 20px; color: #000000; } .style-tabs-thema > ul > li.active a:active { font-family: Arial; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .style-tabs-thema .tab-cont, .style-tabs-thema .fragement { border-top: 1px solid #a8a9ad; z-index: 1001; float: left; width: 100%; position: relative; display: none; margin: 0px; padding: 30px 0px 0px 0px; } .style-tabs-thema .tab-cont ul, .style-tabs-thema .fragement ul { margin: 0px 0px 20px 10px; padding: 5px 0px; list-style-type: none; } .style-tabs-thema .tab-cont ul li, .style-tabs-thema .fragement ul li { line-height: 24px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .style-tabs-thema .tab-cont ul li:before, .style-tabs-thema .fragement ul li:before { content: "\2022"; position: relative; font-size: 21px; margin-right: 3px; top: 2px; margin-left: -10px; } .style-tabs-thema .tab-cont ol, .style-tabs-thema .fragement ol { margin: 0px 0px 20px 16px; padding: 5px 0px; list-style-type: none; list-style-type: decimal !ie; counter-reset: li-counter; } .style-tabs-thema .tab-cont ol li, .style-tabs-thema .fragement ol li { float: left; display: block; width: 100%; line-height: 24px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .style-tabs-thema .tab-cont ol li:before, .style-tabs-thema .fragement ol li:before { position: relative; padding-left: 0px; min-height: 16px; width: 16px; float: left; display: block; margin-right: 5px; text-align: right; content: counter(li-counter); counter-increment: li-counter; margin-left: -21px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .style-tabs-thema .tab-cont.no-border, .style-tabs-thema .fragement.no-border { border-top: 0px; } .style-tabs-thema .tab-cont .downloads, .style-tabs-thema .fragement .downloads { margin: 0px 0px 20px 0px; padding: 0px; } .style-tabs-thema .tab-cont .downloads li, .style-tabs-thema .fragement .downloads li { margin: 0px; padding: 0px; display: block; width: 100%; background-color: transparent; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border: 0px; text-align: left; } .style-tabs-thema .tab-cont .downloads li img, .style-tabs-thema .fragement .downloads li img { float: left; margin-right: 5px; position: relative; top: 6px; } .style-tabs-thema .tab-cont .downloads li:before, .style-tabs-thema .fragement .downloads li:before { content: none !important; } .style-tabs-thema .tab-cont .downloads li.ppt, .style-tabs-thema .fragement .downloads li.ppt { display: block !important; } .style-tabs-thema .tab-cont .downloads li a, .style-tabs-thema .fragement .downloads li a { height: 30px; line-height: 30px; display: inline-block; margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: underline; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .style-tabs-thema .tab-cont .downloads li a:hover, .style-tabs-thema .fragement .downloads li a:hover { font-family: Arial; font-size: 14px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: underline; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .style-tabs-thema .tab-cont .downloads li span, .style-tabs-thema .fragement .downloads li span { font-family: Arial; font-size: 12px; color: #a8a9ad; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .style-tabs-thema .tab-cont .downloads li:hover, .style-tabs-thema .fragement .downloads li:hover { background-color: transparent; border: 0px; } .style-tabs-thema .tab-cont .split-thema-left, .style-tabs-thema .fragement .split-thema-left { float: left; padding-right: 15px; } .style-tabs-thema .tab-cont .split-thema-right, .style-tabs-thema .fragement .split-thema-right { float: left; padding-left: 15px; } .style-tabs-thema .tab-cont.active, .style-tabs-thema .fragement.active { display: inherit; } .fullwidth-div { float: left; width: 100%; margin: 20px 0px 0px 0px; padding: 0px; } .photo-gallery { list-style-type: none; float: left; display: block; width: 100%; margin: 0px 0px 20px -5px; padding: 0px; } .photo-gallery li { background: none; width: 90px; height: 75px; float: left; margin: 0px 5px 5px 0px !important; padding: 5px; border: 1px solid #dcdcdc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } .photo-gallery li a { width: auto; height: auto; } .photo-gallery li img { max-width: 100%; height: auto; display: block; position: relative; margin: 0 auto; } .photo-gallery li:hover { background-color: #ffffff; border: 1px solid #dcdcdc; } .photo-gallery li:before { content: none !important; } .col1-layout .split-thema-left { width: 684px; } .col1-layout .split-thema-right { width: 456px; } .col2-left-layout .split-thema-left, .col2-right-layout .split-thema-left { width: 510px; } .col2-left-layout .split-thema-right, .col2-right-layout .split-thema-right { width: 340px; } .thema-fragement { width: 100%; margin: 0px; padding: 0px; } .thema-fragement #blocks { width: 100%; position: relative; margin: 0px -10px; padding: 0px; } .thema-fragement #blocks > div { float: left; width: 25%; margin: 0px; padding: 0px 10px; } .thema-fragement .split-thema-left { float: left; padding-right: 15px; } .thema-fragement .split-thema-right { float: left; padding-left: 15px; } .divcontent { margin: 20px 0px 0px 0px; } .divcontent h3 { height: 70px; overflow: hidden; margin-bottom: 20px; } .divcontent > p { height: 90px; overflow: hidden; margin: 0px 0px 20px 0px; padding: 0px; } .divlink a { border: none; width: 100%; height: 40px; text-align: center; line-height: 36px; display: inline-block; background-color: #e95d0f; padding: 0px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: Arial; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .divlink a:hover { background-color: #000000; color: #ffffff; text-decoration: none; } .page-options { list-style-type: none; margin: 20px 0px 0px 0px; padding: 0px; } .page-options li { display: block; float: left; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 21px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/email.png"); background-position: left center; background-repeat: no-repeat; background-attachment: none; background-size: none; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .page-options li { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/email@2x.png"); background-size: 16px 15px; } } .page-options li:first-child { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/print.png"); background-position: left center; background-repeat: no-repeat; background-attachment: none; background-size: none; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .page-options li:first-child { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/print@2x.png"); background-size: 16px 16px; } } .page-options li:before { content: none !important; } .thema { margin: 0px; padding: 0px; } .thema .slide-thema { position: relative; height: 295px; margin: 0px; padding: 0px; } .thema .slide-thema #slides { position: absolute; top: 0; left: 0; z-index: 100; } .thema .slide-thema .teaser-thema { position: absolute; top: 7px; right: 50px; z-index: 101; background-color: #ffffff; border: 1px solid #dcdcdc; width: 430px; min-height: 240px; margin: 0px; padding: 15px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } .thema .slide-thema .teaser-thema h1 { margin: 0px; font-family: Arial; font-size: 21px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin: 0px 0px 10px 0px; padding: 0px; } .thema .slide-thema .teaser-thema p { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin: 0px; padding: 0px; } .thema .slide-thema .teaser-thema a { background-color: #e95d0f; border: none; width: auto; min-width: 160px; height: 40px; text-align: center; line-height: 36px; display: inline-block; margin: 20px 0px 0px 0px; padding: 0px 20px; bottom: 20px; position: absolute; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: Arial; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .thema .slide-thema .teaser-thema a:hover { background-color: #4b4b4c; } .news-list { list-style-type: none; margin: 0px; padding: 0px; } .news-list li { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #dcdcdc; font-family: Arial; font-size: 12px; color: #a8a9ad; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .news-list li:before { content: none !important; } .news-list li a { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: underline; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .news-list li a:hover { font-family: Arial; font-size: 14px; color: #4b4b4c; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .press-sidebar { margin: 10px 0px 0px 0px; padding: 0px; } .press-sidebar .sidebar-title { margin: 0px 0px 4px 0px; padding: 0px 0px 19px 0px; border-bottom: 1px solid #dcdcdc; } .press-sidebar .sidebar-title h4 { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .press-sidebar .sidebar-content { margin: 0px; padding: 0px; } .press-sidebar .sidebar-content ul { list-style-type: none; overflow: hidden; margin: 0px; padding: 0px; } .press-sidebar .sidebar-content ul li { margin: 0px; padding: 8px 0px 9px 0px; border-bottom: 1px solid #dcdcdc; } .press-sidebar .sidebar-content ul li a { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .press-sidebar .sidebar-content ul li a:hover { font-family: Arial; font-size: 14px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .press-sidebar .sidebar-content ul li ul { display: none; margin: 15px 0px 10px 10px; } .press-sidebar .sidebar-content ul li.active > a { color: #e95d0f; } .press-sidebar .sidebar-content ul li.active ul { display: block; } .press-sidebar .archive-link { margin-top: 20px; } .press-archive { margin: 0px; padding: 0px; } .press-archive .page-title { margin: 10px 0px; padding: 0px; } .press-archive .page-title h1 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 36px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .press-archive .press-list { margin: 20px 0px 0px 0px; padding: 0px; } .press-archive .press-list ul { border-top: 1px solid #dcdcdc; list-style-type: none; margin: 0px; padding: 0px 0px 20px 0px; } .press-archive .press-list ul li { border-bottom: 1px solid #dcdcdc; margin: 0px; padding: 8px 0px 8px 15px; } .press-archive .press-list ul li:nth-child(even) { background-color: #f0f0f0; } .press-archive .press-list ul li .date { font-family: Arial; font-size: 12px; color: #a8a9ad; font-weight: normal; text-transform: none; text-decoration: none; font-style: italic; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; padding-left: 5px; } .allowcookies-info-block { margin: 0px; padding: 5px 0px 3px 0px; background-color: #4b4b4c; } .allowcookies-info-block .allowcookies-text { display: block; float: left; margin: 0px; padding: 0px; } .allowcookies-info-block .allowcookies-text p { margin: 4px 0px 0px 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #ffffff; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .allowcookies-info-block .allowcookies-text p a { font-family: Arial; font-size: 14px; color: #ffffff; font-weight: normal; text-transform: none; text-decoration: underline; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .allowcookies-info-block .allowcookies-text p a:hover { color: #e95d0f; } .allowcookies-info-block .allowcookies-block { margin: 0px; padding: 0px; float: right; } .allowcookies-info-block .allowcookies-block button.nallowcookies { display: none; } .allowcookies-info-block .allowcookies-block button.allowcookies { border: none; background: none; } .allowcookies-info-block .allowcookies-block button.allowcookies span { display: inline-block; } .allowcookies-info-block .allowcookies-block button.allowcookies span.button-text { position: relative; top: -3px; font-family: Arial; font-size: 14px; color: #ffffff; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .allowcookies-info-block .allowcookies-block button.allowcookies span.v-icon { position: relative; top: 2px; } .cms-index-index.cms-extranet .tab-content { display: block !important; border-top: 0px; } .cms-index-index.cms-extranet .tab-content .ext-blocks { width: 100%; display: block; margin: 0px; padding: 0px -10px; } .cms-index-index.cms-extranet .tab-content .ext-blocks > div { float: left; width: 33.33%; height: 520px; position: relative; margin: 0px; padding: 0px 10px; } .cms-index-index.cms-extranet .tab-content .ext-blocks > div > a { display: block; height: 175px; } .cms-index-index.cms-extranet .tab-content .ext-blocks > div h3 { height: 50px; overflow: hidden; } .cms-index-index.cms-extranet .tab-content .ext-blocks > div .button { position: absolute; bottom: 0; height: 40px; width: 360px; } .slides-holder { margin: 0px; padding: 0px; } .slides-holder .slide { position: relative; height: 275px; margin: 0px; padding: 0px; } .slides-holder .slide #slides { position: absolute; top: 0; left: 0; z-index: 100; } .slides-holder .slide .teaser-thema-wh { position: absolute; top: 20px; right: 50px; z-index: 101; background-color: #ffffff; border: 1px solid #dcdcdc; width: 430px; min-height: 220px; margin: 0px; padding: 15px 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } .slides-holder .slide .teaser-thema-wh h1 { margin: 0px; font-family: Arial; font-size: 21px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin: 0px 0px 10px 0px; padding: 0px; } .slides-holder .slide .teaser-thema-wh p { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin: 0px; padding: 0px; } .slides-holder .slide .teaser-thema-wh a { background-color: #e95d0f; border: none; width: auto; min-width: 160px; height: 40px; text-align: center; line-height: 36px; display: inline-block; margin: 20px 0px 0px 0px; padding: 0px 20px; bottom: 20px; position: absolute; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-family: Arial; font-size: 14px; color: #ffffff; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .slides-holder .slide .teaser-thema-wh a:hover { background-color: #4b4b4c; } .downloads-links-block { display: block; width: 100%; float: left; border: 0px !important; padding: 0px !important; margin-bottom: 20px !important; } .downloads-links-block .head { margin: 0px; padding: 0px; border-bottom: 1px solid #dcdcdc; } .downloads-links-block .head h4 { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .downloads-links-block .downloads_files_row { margin: 0px; padding: 8px 10px; display: block; width: 100%; float: left; border-bottom: 1px solid #dcdcdc; } .downloads-links-block .downloads_files_row:nth-child(odd) { background-color: #f0f0f0; } .downloads-links-block .downloads_files_row .downloads_files_icon { float: left; margin-right: 10px; position: relative; top: -1px; } .downloads-links-block .downloads_files_row .downloads_files_name { float: left; display: inline-block; font-family: Arial; font-size: 12px; color: #a8a9ad; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .downloads-links-block .downloads_files_row .downloads_files_name a { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: underline; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin-right: 5px; } .downloads-links-block .downloads_files_row .downloads_files_name a:hover { color: #e95d0f; } .amount { font-family: Arial; font-size: 14px; color: #a8a9ad; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .files-container { margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; border-bottom: 1px solid #dcdcdc; float: left; width: 100%; } .files-container .file-data { display: block; float: left; width: 100%; position: relative; min-height: 175px; } .files-container .file-data div.file-thumbnail { width: 50%; float: left; } .files-container .file-data .file-info { width: 50%; float: right; text-align: right; position: absolute; right: 0; bottom: 0; } .files-container .file-data .file-info p { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .files-container .file-additional { width: 100%; float: left; margin: 20px 0px 0px 0px; padding: 0px; } .files-container .file-actions { float: right; list-style-type: none; margin: 20px 0px 0px 0px; padding: 0px; } .files-container .file-actions li { float: left; margin: 0px 0px 0px 10px; padding: 0px; } .files-container .child-files-items { display: none; margin: 0px; padding: 0px 0px 0px 20px; } .files-container .child-files-items .child-item { float: left; display: block; width: 100%; border-top: 1px solid #dcdcdc; margin: 0px 0px 20px 0px; padding: 20px 0px 0px 0px; } .files-container .child-files-items .child-item:first-child { border-top: 0px; } .cart { margin: 0px; padding: 0px; } .cart .page-title { margin-bottom: 20px; } .cart .head { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .cart .right { text-align: right; } .cart .border { display: block; height: 1px; width: 100%; background-color: #dcdcdc; } .cart .productdetails { margin-top: 20px; } .cart .btn-remove { display: inline-block; margin-top: 20px; } .cart .btn-remove .v-icon { position: relative; top: 5px; display: inline-block; margin-left: 5px; } .cart .footer { margin-top: 20px; padding: 0px; } .library-checkout .form-row { margin-bottom: 0px; } #sendlinkform { list-style-type: none; margin: 0px 0px 0px 25px; padding: 0px; } #sendlinkform .actions { float: left; margin: 0px 0px 0px 0px; padding: 0px; } #sendlinkform .actions ul { list-style-type: none; } #sendlinkform .actions ul li { float: left; display: block; margin: 0px; padding: 0px; } #sendlinkform .email-list { list-style-type: none; margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px; } #sendlinkform .email-list li { display: block; width: 100%; margin: 0px; padding: 0px; } #sendlinkform .email-list li input[type="text"] { width: 250px; } #sendlinkform .email-list li a { display: inline-block; } #sendlinkform .email-list li ul { list-style-type: none; margin: 0px; padding: 0px; } #sendlinkform .email-list li ul li { display: inline-block; margin-bottom: 10px; } #sendlinkform .email-list li ul li a { position: relative; top: 12px; } .block-cart { margin: 0px; padding: 0px; } .block-cart .block-title { margin: 0px 0px 12px 0px; padding: 0px 0px 19px 0px; border-bottom: 1px solid #dcdcdc; } .block-cart .block-title h4 { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .block-cart .block-content .summary .amount { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .block-cart .block-content .empty { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .block-cart .block-content .subtitle { margin: 0px 0px 12px 0px; padding: 0px 0px 19px 0px; border-bottom: 1px solid #dcdcdc; } .block-cart .block-content .subtitle h4 { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .block-cart .block-content #cart-sidebar { list-style-type: none; margin: 0px; padding: 0px; } .block-cart .block-content #cart-sidebar li { width: 100%; min-height: 80px; display: block; float: left; margin: 0px; padding: 10px 0px; border-bottom: 1px solid #dcdcdc; } .block-cart .block-content #cart-sidebar li .product-image { display: block; float: left; width: 80px; min-height: 80px; margin: 0px; padding: 0px; } .block-cart .block-content #cart-sidebar li .product-image img { max-width: 100%; } .block-cart .block-content #cart-sidebar li .product-details { display: table; min-height: 80px; width: 190px; float: left; margin: 0px; padding: 0px 0px 0px 15px; } .block-cart .block-content #cart-sidebar li .product-details span { display: block; margin-top: 10px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .block-cart .block-content #cart-sidebar li .product-details .btn-remove { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); display: block; background-repeat: no-repeat; background-size: 424px 725px; background-position: -154px -87px; width: 22px; height: 22px; position: relative; top: 3px; display: inline-block; float: right; } .block-cart .block-content #cart-sidebar li .product-details .btn-remove:hover { background-position: -314px -23px; width: 22px; height: 22px; } .block-cart .block-content .clearall-cart { margin-top: 20px; display: block; text-align: right; float: left; font-family: Arial; font-size: 14px; color: #a8a9ad; font-weight: none; text-transform: none; text-decoration: underline; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .block-cart .block-content .actions { margin-top: 20px; text-align: right; } .sorter { margin: 10px 0px 20px 0px; padding: 10px 15px; background-color: #f0f0f0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; } .sorter label { display: block; } .sorter a { margin-right: 10px; } .sorter .selected { color: #e95d0f; margin-right: 0px; } .sorter .order-direction .v-icon { display: inline-block; position: relative; top: 2px; } .media-library { margin: 0px; padding: 0px; } .media-library h1 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 36px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .media-library .search-block { margin: 0px 0px 10px 0px; padding: 0px; } .media-library .search-block p { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .media-library .search-block .ui-element { background-color: #ffffff; border: 1px solid #dcdcdc; border-top-color: #acacae; border-left-color: #c7c7c9; width: 100%; height: 40px; line-height: 40px; margin: 0px; padding: 0px 4px 0px 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15); } .media-library .search-block .ui-element:focus { outline: none !important; border: 2px solid #a8a9ad; } .media-library .search-block .ui-element.focus { outline: none !important; border: 2px solid #a8a9ad; } .media-library .search-block .ui-element.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } .media-library .search-block .ui-element select.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } .media-library .search-block .ui-element .input-text { border: none; background-color: transparent; height: 40px; line-height: 40px; width: 500px; font-family: Arial; font-size: 14px; color: #dcdcdc; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .media-library .search-block .ui-element .input-text:focus { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .media-library .search-block .ui-element button { border: none; background-color: transparent; } .media-library .filter-block p { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .media-library .filter-block ul { list-style-type: none; border-bottom: 1px solid #dcdcdc; margin: 0px 0px 20px 0px; padding: 0px 0px 20px 0px; } .media-library .filter-block ul li { width: 100%; display: block; line-height: 24px; margin: 0px; padding: 0px; } .media-library .filter-block ul li .medium-remove { display: inline-block; position: relative; top: 5px; margin-left: 5px; float: right; } .media-library .filter-block ul li a { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .media-library .filter-block ul li.remove-all a { color: #a8a9ad; text-decoration: underline; } .account-login { margin: 0px; padding: 0px; } .account-login .description { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin: 10px 0px 30px 0px; padding: 0px; } .account-login .required { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; line-height: 40px; } .account-login a.f-left { margin-top: 20px; display: block; } .account-login button.dark { margin-top: 10px; } .account-create .required { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; line-height: 40px; } .account-create .v-icon { display: inline-block; position: relative; top: 5px; margin-right: 5px; } .forgotpassword-container .required { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; line-height: 40px; } .forgotpassword-container .v-icon { display: inline-block; position: relative; top: 5px; margin-right: 5px; } #search_mini_form { width: 350px; float: right; } #search_autocomplete { z-index: 1199; border: 1px solid #dcdcdc; background-color: #ffffff; padding: 0px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #search_autocomplete ul { list-style-type: none; margin: 0px; padding: 0px; } #search_autocomplete ul li { margin: 0px; padding: 0px; border: 0px; border-bottom: 1px solid #dcdcdc !important; } #search_autocomplete ul li a { padding: 0px; } #search_autocomplete ul li .image { float: left; margin: 0px 10px 0px 0px; padding: 12px 5px 10px 15px; background-color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #search_autocomplete ul li .name { line-height: 21px; padding: 10px 10px 10px 15px; display: block; font-family: Arial !important; font-size: 14px !important; color: #4b4b4c !important; font-weight: normal !important; text-transform: none !important; text-decoration: none !important; font-style: normal !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-feature-settings: "kern", "liga" off, "calt" off !important; } #search_autocomplete ul li .name:hover { font-family: Arial !important; font-size: 14px !important; color: #e95d0f !important; font-weight: normal !important; text-transform: none !important; text-decoration: underline !important; font-style: normal !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-feature-settings: "kern", "liga" off, "calt" off !important; } #search_autocomplete ul li .name.product { padding-top: 16px; padding-left: 10px; } #search_autocomplete ul li.selected a { background-color: #dcdcdc; } #search_autocomplete ul li.selected .name { font-family: Arial !important; font-size: 14px !important; color: #e95d0f !important; font-weight: normal !important; text-transform: none !important; text-decoration: underline !important; font-style: normal !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-feature-settings: "kern", "liga" off, "calt" off !important; } #search_autocomplete ul li.selected .highlight strong { color: #e95d0f !important; } #search_autocomplete ul li.title { background-color: #ffffff; padding: 10px 15px; font-family: Arial; font-size: 14px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } #search_autocomplete ul li.all-results { background-color: #ffffff; text-align: right; padding: 10px 15px; } #search_autocomplete ul li.all-results.selected a { background-color: #ffffff; text-decoration: underline; } #search_autocomplete ul li.no-result { background-color: #ffffff; padding: 10px 15px; } #search_autocomplete ul li.no-result.selected a { background-color: #ffffff; text-decoration: underline; } .suggestion { margin-top: 10px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: italic; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .suggestion a { font-style: italic; } .block-gr-search { margin: 20px 0px 0px 0px; padding: 0px; } .block-gr-search .block-title { border-bottom: 1px solid #dcdcdc; padding-bottom: 7px; } .block-gr-search .block-title h4 { margin: 0px; padding: 0px; font-family: Arial; font-size: 16px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .block-gr-search .block-title h4 small { font-family: Arial; font-size: 11px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .block-gr-search .block-content ol { list-style-type: none; margin: 3px 0px 0px 0px; padding: 0px; } .block-gr-search .block-content ol li { margin: 10px 0px; padding: 7px 0px; border-bottom: 1px solid #dcdcdc; line-height: 21px; } .block-gr-search .block-content ol li a { font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .block-gr-search .block-content ol li span { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .block-gr-search .block-content ol#category-search-results li { margin: 0px; } .block-gr-search .block-content ol#category-search-results li a { font-weight: normal; } .sitemap { list-style-type: none; margin: 0px; padding: 0px; } .sitemap li { line-height: 24px; } .sitemap li.level3 { margin: 0px 0px 0px 20px; } .sitemap li.level4 { margin: 0px 0px 0px 20px; } .sitemap li.level4 a { margin-left: 20px; } .sitemap li.level4 a.head { margin-left: 0px; } .sitemap ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px; } .block-grey { background-color: #f0f0f0; margin: 0px; padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .faq { margin: 0px; padding: 0px; } .faq .page-title { margin: 10px 0px; padding: 0px; } .faq .page-title h1 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 36px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .faq #searchform { margin: 0px !important; padding: 0px !important; height: auto !important; background: none !important; } .faq #searchform .ui-element { background-color: #ffffff; border: 1px solid #dcdcdc; border-top-color: #acacae; border-left-color: #c7c7c9; width: 100%; height: 40px; line-height: 40px; margin: 0px; padding: 0px 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15); } .faq #searchform .ui-element:focus { outline: none !important; border: 2px solid #a8a9ad; } .faq #searchform .ui-element.focus { outline: none !important; border: 2px solid #a8a9ad; } .faq #searchform .ui-element.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } .faq #searchform .ui-element select.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } .faq #searchform .btnSearch { margin: 11px 0px 0px 0px !important; padding: 0px !important; width: 15px !important; height: 15px !important; background: none !important; } .faq #searchform input[type="text"] { width: 800px; height: 40px; border: 0px; background-color: transparent; margin: 0px !important; } .faq #faqs { margin: 20px 0px 0px 0px !important; padding: 0px !important; } .faq #faqs .faq-title { margin: 0px; padding: 0px; } .faq #faqs .faq-title h3 { margin: 0px; padding: 0px; font-family: Arial; font-size: 21px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .faq #faqs .faq-title span { margin: 5px 0px 0px 0px; padding: 0px; display: block; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .faq #faqs .faq-content { margin: 15px 0px 20px 0px; padding: 0px; width: 100%; display: block; float: left; } .faq #faqs .faq-content ul { list-style-type: none; border-top: 1px solid #dcdcdc; margin: 0px; padding: 0px; } .faq #faqs .faq-content ul li { margin: 0px; padding: 0px; display: block; float: left; width: 100%; border-bottom: 1px solid #dcdcdc; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .faq #faqs .faq-content ul li:nth-child(even) { background-color: #f0f0f0; } .faq #faqs .faq-content ul li .open-faq { display: block; float: left; width: 100%; cursor: pointer; margin: 0px; padding: 5px 0px 3px 10px; } .faq #faqs .faq-content ul li .open-faq .icon { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); display: block; background-repeat: no-repeat; background-size: 424px 725px; background-position: -109px -247px; width: 36px; height: 36px; float: left; position: relative; margin-right: 10px; } .faq #faqs .faq-content ul li .open-faq .question { margin-top: 7px; display: block; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: underline; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .faq #faqs .faq-content ul li .open-faq:hover .question { color: #e95d0f; } .faq #faqs .faq-content ul li .open-faq:hover .icon { background-position: -268px -43px; width: 36px; height: 36px; } .faq #faqs .faq-content ul li.open a { color: #e95d0f; } .faq #faqs .faq-content ul li.open .question { color: #e95d0f; } .faq #faqs .faq-content ul li.open .icon { background-position: -232px -43px; width: 36px; height: 36px; } .faq #faqs .faq-content ul li.open:hover .icon { background-position: -232px -43px; width: 36px; height: 36px; } .faq #faqs .faq-content ul li .description { margin: 10px 0px 0px 0px !important; padding: 0px 0px 10px 0px !important; } .faq #faqs .faq-content ul li .faq_content { margin: 0px; padding: 0px 15px 0px 55px !important; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .faq #faqs .faq-content ul li .faq_content p { margin: 0px; } .faq #faqs .faq-content ul li .faq_content a { display: inline; text-decoration: none; } .faq #faqs .faq-content ul li .faq_content a span { font-family: Arial; font-size: 14px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .faq #faqs .faq-content ul li .faq_content a:hover { color: #e95d0f; text-decoration: underline; } .faq #faqs .faq-content ul li .faq_content a:hover span { color: #e95d0f; text-decoration: underline; } .faq #faqs .faq-content ul li .faq_content span { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .faq #faqs .faq-content ul li .faq_content a.close-link { float: right; display: block; padding-bottom: 10px; font-family: Arial; font-size: 12px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .faq #faqs .faq-content ul li .faq_content a.close-link .close { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); display: block; background-repeat: no-repeat; background-size: 424px 725px; background-position: -154px -87px; width: 22px; height: 22px; display: inline-block; float: none; opacity: 1; position: relative; top: 7px; margin-left: 5px; } .faq #faqs .faq-content ul li .faq_content a.close-link .close:hover { background-position: -314px -23px; width: 22px; height: 22px; } .faq #faqs .faq-content ul li .faq_content a.close-link:hover { color: #e95d0f; } .faq #faqs .faq-content ul li .faq_content a.close-link:hover .close { background-position: -314px -23px; width: 22px; height: 22px; } .cms-page-view a { font-family: Arial; font-size: 14px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .cms-page-view a.bold { font-weight: bold; } .cms-page-view a.underlined { text-decoration: underline; } .cms-page-view a.orange { color: #e95d0f; } .cms-page-view a.orange:hover { text-decoration: underline; } .cms-page-view a.orange:active { color: #e95d0f; } .cms-page-view a.grey { color: #a8a9ad; } .cms-page-view a.grey:hover { text-decoration: underline; } .cms-page-view a.grey:active { color: #a8a9ad; } .cms-page-view a.black { color: #000000; } .cms-page-view a.black:hover { color: #e95d0f; text-decoration: underline; } .cms-page-view a.black:active { color: #e95d0f; } .cms-page-view a:hover { text-decoration: underline; } .cms-page-view .widget-cms-link { display: inline-block; margin-left: 10px; } .cms-page-view .widget-cms-link a { display: block; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .cms-page-view .widget-cms-link a:hover { color: #e95d0f; text-decoration: none; } .cms-page-view .widget-cms-link a:hover span { color: #e95d0f; text-decoration: underline; } .cms-page-view .widget-cms-link a:active { color: #e95d0f; } .cms-page-view .widget-cms-link a:active span { color: #e95d0f; text-decoration: underline; } .cms-page-view .widget-cms-link a:before { content: "\2022"; position: relative; font-size: 21px; margin-right: 3px; top: 2px; margin-left: -10px; color: #000000; text-decoration: none; } .cms-page-view .widget-cms-link a span { line-height: 24px; color: #000000; } .cms-other-familiar-faces #blocks { width: 850px; margin: 0px -10px; padding: 0px; } .cms-other-familiar-faces #blocks > div { float: left; width: 33%; height: 350px; border-bottom: 1px solid #dcdcdc; margin: 0px 0px 20px 0px; padding: 0px 10px 20px 10px; } .cms-other-familiar-faces #blocks > div .imgborder { height: 175px; display: block; } .cms-other-familiar-faces #blocks > div .imgborder img { max-height: 155px; } .cms-other-familiar-faces #blocks > div h3 { margin: 0px; padding: 0px; font-family: Arial; font-size: 21px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; height: 50px; } .cms-other-familiar-faces #blocks > div h3 a { margin: 0px; padding: 0px; font-family: Arial; font-size: 21px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .cms-other-familiar-faces #blocks > div table { border: 0px; margin: 0px; } .cms-other-familiar-faces #blocks > div table tbody tr { background-color: #fff; border: 0px; } .cms-other-familiar-faces #blocks > div table tbody tr td { padding: 0px; } .cms-other-familiar-faces #blocks > div .btndark { font-family: Arial; font-size: 14px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .cms-other-familiar-faces #blocks > div .btndark:hover { color: #000000; } .news-column { text-align: left; } .cms-other-vogels-phone-list-1 .split-thema-left { width: 100%; } th { padding: 10px 15px; border-bottom: 1px solid #dcdcdc; } .cms-other-company-locations #blocks { width: 100%; } .cms-other-company-locations #blocks > div { width: 33%; height: 575px; border-bottom: 1px solid #dcdcdc; } .cms-other-company-locations #blocks > div .imgborder { display: block; height: 175px; } .cms-other-company-locations #blocks > div h3 { margin: 0px; font-family: Arial; font-size: 21px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin: 10px 0px; padding: 0px; } .cms-other-company-locations #blocks > div table { border-top: 0px; } .cms-other-company-locations #blocks > div table tbody tr { border-bottom: 0px; } .cms-other-company-locations #blocks > div table tbody tr:nth-child(odd) { background-color: #ffffff; border-bottom: 0px; } .downloads-links-block { border: 0px !important; padding: 0px !important; } .downloads-links-block table tbody tr:nth-child(odd) td { padding: 8px 0px; } .downloads-links-block table tbody tr td { padding: 8px 0px; } #set-bg-content { display: block; margin: 0px; padding: 0px; } #set-bg-content .theme-image { float: left; width: 650px; } #set-bg-content .theme-image img { max-width: auto; } #set-bg-content #sidebar-theme { float: left; width: 490px; } .heritage { width: 100%; background-color: #f0f0f0; margin: 0px; padding: 50px 0px; } .heritage .copy { margin: 0px; padding: 0px 0px 0px 10px; height: 317px; position: relative; } .heritage .copy h1 { margin-right: 70px; font-family: 'AvantGardeGothicMdITC-Reg'; font-size: 38px; color: #343434; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .heritage .copy p { margin-right: 50px; line-height: 30px; font-family: Arial; font-size: 16px; color: #343434; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .heritage .image { margin-top: 10px; } .impressions { margin: 45px 0px 0px 0px; padding: 0px; } .impressions #selector { display: block; width: 100%; position: relative; height: 131px; margin: 0px; padding: 0px 10px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/selector.png"); background-position: center top; background-repeat: no-repeat; background-attachment: none; background-size: none; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .impressions #selector { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/selector@2x.png"); background-size: auto auto; } } .impressions #selector .type { text-align: center; z-index: 2; position: relative; margin: 19px 0px 0px 0px; padding: 0px; } .impressions #selector .type span { display: inline-block; width: 270px; height: 60px; line-height: 60px; margin: 0px; padding: 1px; cursor: pointer; font-family: 'AvantGardeGothicMdITC-Reg'; font-size: 27px; color: #363636; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .impressions #selector .type span:hover { font-family: 'AvantGardeGothicDmITC-Reg'; font-size: 27px; color: #363636; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .impressions #selector .type.selected span { font-family: 'AvantGardeGothicDmITC-Reg'; font-size: 27px; color: #363636; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .impressions #selector .selected-box { display: inline-block; z-index: 1; width: 270px; height: 60px; line-height: 60px; margin: 0px; padding: 0px; cursor: pointer; position: absolute; left: 150px; top: 19px; background-color: #ffffff; border: 1px solid #dcdcdc; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .impressions #selector.floorstand .selected-box { left: 721px; } .impressions #impressions { margin: 5px 0px 0px 10px; padding: 0px 0px 60px 0px; } .sonos #sonos { margin: 0px 10px; padding: 0px; } .sonos #sonos .slide { position: relative; } .sonos #sonos .slide-content { position: absolute; bottom: 0; left: 0; margin: 0px 0px 30px 46px; } .sonos #sonos .slide-content h1 { font-family: 'AvantGardeGothicExLtITC-Reg'; font-size: 48px; color: #ffffff; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; line-height: 48px; margin: 0px; padding: 0px; } .sonos #sonos .slide-content h1 span { font-family: 'AvantGardeGothicBdITC-Reg'; color: #fe6400; } .sonos #sonos .slide-content h2 { font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 18px; color: #ffffff; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin: 5px 0px 0px 0px; padding: 0px; } .sonos #sonos .slide-content.black h1 { color: #181818; } .sonos #sonos .slide-content.black h2 { color: #3a3a3a; } .sonos #sonos .color-picker { position: absolute; z-index: 7000; bottom: 10px; right: 30px; } .sonos #sonos .color-picker p { position: relative; top: -12px; display: inline-block; margin-right: 25px; font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 18px; color: #3a3a3a; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .sonos #sonos .color-picker ul { list-style-type: none; display: inline-block; margin: 0px; padding: 0px; } .sonos #sonos .color-picker ul li { display: inline-block; width: 40px; height: 40px; margin: 0px; padding: 0px; } .sonos #sonos .color-picker ul li.selected { border: 1px solid #e95d0f; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; } .sonos #sonos .color-picker ul li span { display: inline-block; height: 30px; width: 30px; cursor: pointer; border: 1px solid #000000; background-color: #000000; margin: 4px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.26); } .sonos #sonos .color-picker ul li[data-color="white"] span { border: 1px solid #dcdcdc; background-color: #ffffff; } .sonos #sonos.white .color-picker p { color: #ffffff; } .sonos #sonos.white .color-picker ul li[data-color="black"] span { -webkit-box-shadow: 0px 0px 9px 3px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0px 0px 9px 3px rgba(255, 255, 255, 0.5); box-shadow: 0px 0px 9px 3px rgba(255, 255, 255, 0.5); } .divider { margin: 30px 0px; padding: 0px; } .sticky-header { border-bottom: 1px solid #919191; width: 100%; height: 75px; background-color: #f0f0f0; margin: 0px; padding: 0px; z-index: 8000; position: absolute; top: -75px; } .sticky-header.clone { position: fixed; top: 0; left: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .sticky-header.fixed { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .sticky-header .logo { margin: 19px 0px 0px 0px; padding: 0px; } .sticky-header .active-bar { background-color: #000000; position: absolute; bottom: 0; left: 0; margin: 0px 0px 0px 20px; padding: 0px; display: block; height: 0px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; } .sticky-header .selection { margin: 0px; padding: 0px; } .sticky-header .selection > ul { list-style-type: none; float: right; height: 75px; display: table; margin: 0px; padding: 0px; } .sticky-header .selection > ul > li { display: block; border-left: 1px solid #dcdcdc; height: 75px; display: table-cell; vertical-align: middle; position: relative; margin: 0px; padding: 0px 30px; } .sticky-header .selection > ul > li.no-border { border-left: none; } .sticky-header .selection > ul > li.where-to-buy { padding: 0px 0px 0px 20px; } .sticky-header .selection > ul > li .label { font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 16px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .sticky-header .selection > ul > li > ul { list-style-type: none; float: left; margin: 0px; padding: 0px; } .sticky-header .selection > ul > li > ul li { float: left; cursor: pointer; height: 75px; line-height: 75px; margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 16px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .sticky-header .selection > ul > li > ul li:first-child { padding-right: 20px; } .sticky-header .selection > ul > li > ul li.type { max-width: 140px; line-height: 16px; display: table; } .sticky-header .selection > ul > li > ul li.type span { display: table-cell; height: 100%; vertical-align: middle; } .sticky-header .selection > ul > li > ul li span.color { display: inline-block; height: 30px; width: 30px; margin-top: 21px; cursor: pointer; border: 1px solid #000000; background-color: #000000; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; box-shadow: inset 0px 3px 7px 0px rgba(0, 0, 0, 0.26); } .sticky-header .selection > ul > li > ul li span.color[data-color="white"] { border: 1px solid #dcdcdc; background-color: #ffffff; } .sticky-header .selection > ul > li[data-group="color"] .active-bar { width: 50px; } .sticky-header .selection > ul > li[data-group="color"].white .active-bar { left: 0px; } .sticky-header .selection > ul > li[data-group="color"].black .active-bar { left: 50px; } .sticky-header .selection > ul > li[data-group="serie"] .active-bar { width: 113px; } .sticky-header .selection > ul > li[data-group="serie"].play-one .active-bar { left: 0px; } .sticky-header .selection > ul > li[data-group="serie"].play-three .active-bar { left: 123px; } .sticky-header .selection > ul > li[data-group="type"].wallmount .active-bar { left: 0px; } #tooltips { margin: 0px 10px; padding: 0px; } #tooltips .dot { position: absolute; width: 41px; height: 41px; display: block; cursor: pointer; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/dot.png"); background-position: center top; background-repeat: no-repeat; background-attachment: none; background-size: none; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { #tooltips .dot { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/dot@2x.png"); background-size: auto auto; } } #tooltips .dot.wallmount { top: 90px; left: 343px; } #tooltips .dot.wallmount.black { top: 105px; left: 635px; } #tooltips .dot.floorstand { top: 92px; left: 1007px; } #tooltips .dot.floorstand.black { top: 170px; left: 82px; } .usability { margin: 45px 0px 0px 0px; padding: 0px 0px 50px 0px; } .usability #selector { display: block; width: 100%; position: relative; height: 131px; margin: 0px; padding: 0px 10px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/selector.png"); background-position: center top; background-repeat: no-repeat; background-attachment: none; background-size: none; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .usability #selector { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/selector@2x.png"); background-size: auto auto; } } .usability #selector .serie { text-align: center; z-index: 2; position: relative; margin: 19px 0px 0px 0px; padding: 0px; } .usability #selector .serie span { display: inline-block; width: 270px; height: 60px; line-height: 60px; margin: 0px; padding: 1px; cursor: pointer; font-family: 'AvantGardeGothicMdITC-Reg'; font-size: 27px; color: #363636; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .usability #selector .serie span:hover { font-family: 'AvantGardeGothicDmITC-Reg'; font-size: 27px; color: #363636; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .usability #selector .serie.selected span { font-family: 'AvantGardeGothicDmITC-Reg'; font-size: 27px; color: #363636; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .usability #selector .selected-box { display: inline-block; z-index: 1; width: 270px; height: 60px; line-height: 60px; margin: 0px; padding: 0px; cursor: pointer; position: absolute; left: 150px; top: 19px; background-color: #ffffff; border: 1px solid #dcdcdc; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .usability #selector.play-three .selected-box { left: 721px; } .usability #usability { margin: 0px 10px; padding: 0px; } .usability #usability .slide { background-color: #ffffff; display: block; margin: 0px !important; padding: 0px; } .usability #usability .slide > .container { width: 1140px !important; } .usability #usability .slide .view { margin: 0px; padding: 0px; text-align: center; line-height: 20px; position: relative; z-index: 6; font-family: 'AvantGardeGothicExLtITC-Reg'; font-size: 20px; color: #343434; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .usability #usability .slide .value { margin: 0px; padding: 0px; text-align: center; line-height: 70px; font-family: 'AvantGardeGothicExLtITC-Reg'; font-size: 70px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .usability #usability .slide .label { margin: 2px 0px 0px 0px; padding: 0px; text-align: center; line-height: 20px; font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 20px; color: #343434; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .usability #usability .slide .description { margin: 37px 0px 0px 0px; padding: 0px 0px 10px 0px; line-height: 30px; font-family: Arial; font-size: 16px; color: #343434; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .usability #usability .slide #wallmount { margin: 80px 0px 0px 0px; padding: 0px 20px 0px 0px; } .usability #usability .slide #wallmount .movement-turn { position: absolute; top: -65px; left: -65px; width: 400px; height: 400px; z-index: 1; transition: background-image 0.3s ease-in-out; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/usability/movement/wallmount/play-one/turn/black.png"); background-position: 0px 0px; background-repeat: no-repeat; background-attachment: none; background-size: none; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .usability #usability .slide #wallmount .movement-turn { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/usability/movement/wallmount/play-one/turn/black@2x.png"); background-size: auto auto; } } .usability #usability .slide #wallmount .movement-turn#play-three-turn-container { position: static; width: 250px; height: 250px; margin-top: -35px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/usability/movement/wallmount/play-three/turn/black.png"); background-position: 0px 0px; background-repeat: no-repeat; background-attachment: none; background-size: 250px 6250px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .usability #usability .slide #wallmount .movement-turn#play-three-turn-container { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/usability/movement/wallmount/play-three/turn/black@2x.png"); background-size: auto auto; } } .usability #usability .slide #wallmount.white .movement-turn { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/usability/movement/wallmount/play-one/turn/white.png"); } .usability #usability .slide #wallmount.white .movement-turn#play-three-turn-container { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/usability/movement/wallmount/play-three/turn/white.png"); background-position: 0px 0px; background-repeat: no-repeat; background-attachment: none; background-size: none; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .usability #usability .slide #wallmount.white .movement-turn#play-three-turn-container { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/usability/movement/wallmount/play-three/turn/white@2x.png"); background-size: auto auto; } } .usability #usability .slide #wallmount.white .play-one-tilt-container #play-one-tilt-container.movement-tilt { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/usability/movement/wallmount/play-one/tilt/white.png"); background-position: 0px 0px; background-repeat: no-repeat; background-attachment: none; background-size: none; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .usability #usability .slide #wallmount.white .play-one-tilt-container #play-one-tilt-container.movement-tilt { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/usability/movement/wallmount/play-one/tilt/white@2x.png"); background-size: auto auto; } } .usability #usability .slide #wallmount.white .play-three-tilt-container #play-three-tilt-container.movement-tilt { position: static; width: 250px; height: 250px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/usability/movement/wallmount/play-three/tilt/white.png"); background-position: 0px 0px; background-repeat: 0px 0px; background-attachment: no-repeat; background-size: none; background-size: 250px 1000px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .usability #usability .slide #wallmount.white .play-three-tilt-container #play-three-tilt-container.movement-tilt { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/usability/movement/wallmount/play-three/tilt/white@2x.png"); background-size: 250px 1000px auto; } } .usability #usability .slide #wallmount #play-one-turn { margin-top: 264px; } .usability #usability .slide #wallmount .play-one-tilt-container { width: 100%; float: left; margin: 0px; padding: 0px; } .usability #usability .slide #wallmount .play-one-tilt-container #play-one-tilt-container { width: 200px; float: left; margin: 0px; padding: 0px; } .usability #usability .slide #wallmount .play-one-tilt-container #play-one-tilt-container.movement-tilt { position: relative; z-index: 3; width: 200px; height: 271px; margin: 64px auto 0px auto; transition: background-image 0.3s ease-in-out; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/usability/movement/wallmount/play-one/tilt/black.png"); background-position: 0px 0px; background-repeat: no-repeat; background-attachment: none; background-size: none; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .usability #usability .slide #wallmount .play-one-tilt-container #play-one-tilt-container.movement-tilt { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/usability/movement/wallmount/play-one/tilt/black@2x.png"); background-size: auto auto; } } .usability #usability .slide #wallmount .play-one-tilt-container .play-one-tilt-control { float: left; width: 55px; margin: 35px 0px 0px 0px; padding: 0px 0px 0px 5px; } .usability #usability .slide #wallmount .play-three-tilt-container { width: 100%; float: left; margin: 0px; padding: 0px; } .usability #usability .slide #wallmount .play-three-tilt-container #play-three-tilt-container { margin: 0px; padding: 0px; } .usability #usability .slide #wallmount .play-three-tilt-container #play-three-tilt-container.movement-tilt { position: static; width: 250px; height: 250px; margin: 0px auto 0px auto; transition: background-image 0.3s ease-in-out; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/usability/movement/wallmount/play-three/tilt/black.png"); background-position: 0px 0px; background-repeat: 0px 0px; background-attachment: no-repeat; background-size: none; background-size: 250px 1000px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .usability #usability .slide #wallmount .play-three-tilt-container #play-three-tilt-container.movement-tilt { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/usability/movement/wallmount/play-three/tilt/black@2x.png"); background-size: 250px 1000px auto; } } .usability #usability .slide #wallmount .play-three-tilt-container .play-three-tilt-control { position: absolute; right: 22px; top: 0; width: 55px; margin: 135px 0px 0px 0px; padding: 0px 0px 0px 5px; } .usability #usability .slide .floorstand { margin: 35px 0px 0px 0px; padding: 0px 0px 0px 20px; } .usability #usability .slide .floorstand .info { margin: 35px 0px 0px 0px; padding: 0px; } .usability #usability .slide .dragdealer { background-color: #dcdcdc; width: 190px; height: 6px; display: block; position: relative; z-index: 5; margin: 0 auto; padding: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .usability #usability .slide .dragdealer#play-three-turn { margin-top: 20px; } .usability #usability .slide .dragdealer .filler { position: absolute; top: 0; left: 0px; display: block; height: 6px; background-color: #e95d0f; z-index: 2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .usability #usability .slide .dragdealer .handle { z-index: 3; display: block; width: 25px; height: 25px; margin: 0px; padding: 0px; top: -9px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/swipe-button.png"); background-position: center top; background-repeat: no-repeat; background-attachment: none; background-size: none; background-size: 25px 25px !important; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .usability #usability .slide .dragdealer .handle { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/swipe-button@2x.png"); background-size: auto auto; } } .usability #usability .slide .dragdealer.vertical { width: 6px; height: 190px; } .usability #usability .slide .dragdealer.vertical .filler { width: 6px; } .usability #usability .slide .dragdealer.vertical .handle { top: 0px; left: -9px; } .overlays { background-color: #757577; margin: 0px; padding: 40px 0px 20px 0px; } .overlays #overlays { margin: 0px 10px; } .overlays #overlays .overlay-slide { float: left; overflow: hidden; display: block; margin: 0px 0px 20px 0px; padding: 0px; } .overlays #overlays .overlay-slide.video { background-color: #0b0a0c; cursor: pointer; } .overlays #overlays .overlay-slide.marginright { margin-right: 19px; } .overlays #overlays .overlay-slide .overlay { position: absolute; background-color: rgba(0, 0, 0, 0.6); z-index: 7900; bottom: 0; left: 0; height: 0px; width: 100%; -moz-transition: 0.4s all ease-in-out; -ms-transition: 0.4s all ease-in-out; -webkit-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; } .overlays #overlays .overlay-slide .overlay p { padding: 15px; line-height: 30px; margin: 0px; font-family: Arial; font-size: 16px; color: #f0f0f0; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .where-to-buy { margin: 0px; padding: 60px 0px 0px 0px; } .where-to-buy .slide { background-color: #ffffff; min-height: 600px; } .where-to-buy .slide .copy { margin: 0px; padding: 0px; height: 317px; position: relative; } .where-to-buy .slide .copy h1 { margin-right: 80px; margin-bottom: 15px; font-family: 'AvantGardeGothicMdITC-Reg'; font-size: 38px; color: #343434; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .where-to-buy .slide .copy p { margin-right: 160px; line-height: 30px; margin-bottom: 0px; font-family: Arial; font-size: 16px; color: #343434; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .where-to-buy .slide .copy p.price { margin-top: 5px; font-family: Arial; font-size: 33px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .where-to-buy .slide .copy ul.bullets { margin: 20px 0px 25px 0px; } .where-to-buy .slide .copy ul.bullets li { line-height: 30px; font-family: Arial; font-size: 16px; color: #343434; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .where-to-buy .slide .copy ul.bullets li:before { margin-right: 6px; } .where-to-buy .slide .copy .buttons { margin: 35px 0px 0px 0px; padding: 0px; } .where-to-buy .slide .copy .buttons ul { list-style-type: none; margin: 0px; padding: 0px; } .where-to-buy .slide .copy .buttons ul li { display: block; float: left; margin: 0px 20px 0px 0px; padding: 0px; } .where-to-buy .slide .image { margin-top: 75px; height: 425px; background-color: #ffffff; } .where-to-buy .slide .image#where-to-buy-floorstand { margin-top: 50px; } .where-to-buy .disclaimer { margin: 30px 0px 0px 10px; padding: 0px; } .where-to-buy .disclaimer p { font-family: Arial; font-size: 12px; color: #343434; font-weight: normal; text-transform: none; text-decoration: none; font-style: italic; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .where-to-buy .disclaimer p a { font-family: Arial; font-size: 12px; color: #343434; font-weight: normal; text-transform: none; text-decoration: none; font-style: italic; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .campaigns-index-tabletcarmount .tabletcarmount, .campaigns-index-cashback .tabletcarmount { position: relative; } .campaigns-index-tabletcarmount .tabletcarmount .slide, .campaigns-index-cashback .tabletcarmount .slide { position: relative; height: 450px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/campaigns/tabletcarmount/campaign_bg.jpg"); background-position: left center; background-repeat: no-repeat; background-attachment: none; background-size: none; } .campaigns-index-tabletcarmount .tabletcarmount .slide .slide-content, .campaigns-index-cashback .tabletcarmount .slide .slide-content { margin: 92px 0px 0px 50px; padding: 0px; } .campaigns-index-tabletcarmount .tabletcarmount .slide .slide-content h1, .campaigns-index-cashback .tabletcarmount .slide .slide-content h1 { font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 41px; color: #343434; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; line-height: 41px; margin: 0px; padding: 0px; } .campaigns-index-tabletcarmount .tabletcarmount .slide .slide-content h2, .campaigns-index-cashback .tabletcarmount .slide .slide-content h2 { font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 26px; color: #343434; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; line-height: 36px; margin: 14px 0px 0px 0px; padding: 0px; } .campaigns-index-tabletcarmount .tabletcarmount .slide .slide-content p, .campaigns-index-cashback .tabletcarmount .slide .slide-content p { font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 18px; color: #343434; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; line-height: 18px; margin: 28px 0px 0px 0px; padding: 0px; } .campaigns-index-tabletcarmount .tabletcarmount .slide .slide-content p.price, .campaigns-index-cashback .tabletcarmount .slide .slide-content p.price { font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 40px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; line-height: 40px; margin-top: 15px; margin-bottom: 19px; } .campaigns-index-tabletcarmount .tabletcarmount .actie-banner, .campaigns-index-cashback .tabletcarmount .actie-banner { position: absolute; bottom: -39px; margin-left: 184px; } .campaigns-index-tabletcarmount .block, .campaigns-index-cashback .block { width: 100%; margin: 0px; padding: 40px 0px; } .campaigns-index-tabletcarmount .block .copy, .campaigns-index-cashback .block .copy { margin: 60px 0px 0px 0px; padding: 0px; position: relative; } .campaigns-index-tabletcarmount .block .copy h4, .campaigns-index-cashback .block .copy h4 { margin-bottom: 15px; font-family: 'AvantGardeGothicMdITC-Reg'; font-size: 37px; color: #343434; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .campaigns-index-tabletcarmount .block .copy p, .campaigns-index-cashback .block .copy p { margin-right: 70px; line-height: 30px; margin-bottom: 0px; font-family: Arial; font-size: 16px; color: #343434; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .campaigns-index-tabletcarmount .block.fun, .campaigns-index-cashback .block.fun { background-color: #ecebe8; padding: 0px; height: 356px; } .campaigns-index-tabletcarmount .block.fun .image, .campaigns-index-cashback .block.fun .image { position: absolute; top: 0px; right: 25px; } .campaigns-index-tabletcarmount .block.install .copy, .campaigns-index-cashback .block.install .copy { margin-left: 25px; } .campaigns-index-tabletcarmount .block.video, .campaigns-index-cashback .block.video { background-color: #e95d0f; } .campaigns-index-tabletcarmount .block.video .copy, .campaigns-index-cashback .block.video .copy { margin: 0px; } .campaigns-index-tabletcarmount .block.video .copy .video-label, .campaigns-index-cashback .block.video .copy .video-label { cursor: pointer; display: block; width: 121px; height: 45px; line-height: 46px; text-align: center; background-color: #ffffff; margin: 10px 0px 36px 0px; padding: 0px; font-family: 'AvantGardeGothicDmITC-Reg'; font-size: 17px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .campaigns-index-tabletcarmount .block.video .copy h4, .campaigns-index-cashback .block.video .copy h4 { color: #ffffff; font-size: 32px; } .campaigns-index-tabletcarmount .block.video .copy p, .campaigns-index-cashback .block.video .copy p { color: #ffffff; } .campaigns-index-tabletcarmount .block.video .image, .campaigns-index-cashback .block.video .image { cursor: pointer; } .campaigns-index-tabletcarmount .cashback, .campaigns-index-cashback .cashback { width: 500px; position: relative; margin: 0 auto; padding: 0px; } .campaigns-index-tabletcarmount .cashback ul.messages, .campaigns-index-cashback .cashback ul.messages { margin-top: 20px !important; margin-bottom: 0px !important; } .campaigns-index-tabletcarmount .cashback #picture-name, .campaigns-index-cashback .cashback #picture-name { margin-top: 1px !important; } .campaigns-index-tabletcarmount .cashback .file-conditions, .campaigns-index-cashback .cashback .file-conditions { font-family: Arial; font-size: 12px; color: #a8a9ad; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .campaigns-index-tabletcarmount .cashback .block, .campaigns-index-cashback .cashback .block { padding: 20px 0px; } .campaigns-index-tabletcarmount .cashback .block .copy, .campaigns-index-cashback .cashback .block .copy { margin-top: 15px; } .campaigns-index-tabletcarmount .cashback .block .copy ul, .campaigns-index-cashback .cashback .block .copy ul { margin: 0px 0px 20px 10px; padding: 5px 0px; list-style-type: none; } .campaigns-index-tabletcarmount .cashback .block .copy ul li, .campaigns-index-cashback .cashback .block .copy ul li { line-height: 24px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .campaigns-index-tabletcarmount .cashback .block .copy ul li:before, .campaigns-index-cashback .cashback .block .copy ul li:before { content: "\2022"; position: relative; font-size: 21px; margin-right: 3px; top: 2px; margin-left: -10px; } .campaigns-index-tabletcarmount .cashback .block .copy ol, .campaigns-index-cashback .cashback .block .copy ol { margin: 0px 0px 20px 16px; padding: 5px 0px; list-style-type: none; list-style-type: decimal !ie; counter-reset: li-counter; } .campaigns-index-tabletcarmount .cashback .block .copy ol li, .campaigns-index-cashback .cashback .block .copy ol li { float: left; display: block; width: 100%; line-height: 24px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .campaigns-index-tabletcarmount .cashback .block .copy ol li:before, .campaigns-index-cashback .cashback .block .copy ol li:before { position: relative; padding-left: 0px; min-height: 16px; width: 16px; float: left; display: block; margin-right: 5px; text-align: right; content: counter(li-counter); counter-increment: li-counter; margin-left: -21px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .campaigns-index-tabletcarmount .usability, .campaigns-index-cashback .usability { margin: 0px; padding: 0px 0px 50px 0px; } .campaigns-index-tabletcarmount .usability #usability, .campaigns-index-cashback .usability #usability { margin: 0px; padding: 0px; } .campaigns-index-tabletcarmount .usability #usability .slide, .campaigns-index-cashback .usability #usability .slide { background-color: #ffffff; display: block; margin: 0px !important; padding: 0px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/campaigns/tabletcarmount/shadow_bg.jpg"); background-position: center 22px; background-repeat: no-repeat; background-attachment: none; background-size: none; } .campaigns-index-tabletcarmount .usability #usability .slide .view, .campaigns-index-cashback .usability #usability .slide .view { margin: 0px; padding: 0px; text-align: center; line-height: 20px; position: relative; z-index: 6; font-family: 'AvantGardeGothicExLtITC-Reg'; font-size: 20px; color: #343434; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .campaigns-index-tabletcarmount .usability #usability .slide .value, .campaigns-index-cashback .usability #usability .slide .value { margin: 0px; padding: 0px; text-align: center; line-height: 70px; font-family: 'AvantGardeGothicExLtITC-Reg'; font-size: 70px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .campaigns-index-tabletcarmount .usability #usability .slide .label, .campaigns-index-cashback .usability #usability .slide .label { margin: 2px 0px 0px 0px; padding: 0px; text-align: center; line-height: 20px; font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 20px; color: #343434; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .campaigns-index-tabletcarmount .usability #usability .slide .description, .campaigns-index-cashback .usability #usability .slide .description { margin: 44px 0px 0px 0px; padding: 0px 0px 10px 0px; line-height: 30px; font-family: Arial; font-size: 16px; color: #343434; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .campaigns-index-tabletcarmount .usability #usability .slide #rotation-tilt, .campaigns-index-cashback .usability #usability .slide #rotation-tilt { margin: 100px 0px 0px 0px; padding: 0px 20px 0px 0px; } .campaigns-index-tabletcarmount .usability #usability .slide #rotation-tilt .rotate, .campaigns-index-cashback .usability #usability .slide #rotation-tilt .rotate { position: absolute; top: 0px; left: -27px; width: 305px; height: 203px; z-index: 1; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/campaigns/tabletcarmount/usability/rotate.png"); background-position: 0px 0px; background-repeat: no-repeat; background-attachment: none; background-size: none; } .campaigns-index-tabletcarmount .usability #usability .slide #rotation-tilt .tilt-container, .campaigns-index-cashback .usability #usability .slide #rotation-tilt .tilt-container { width: 100%; float: left; margin: 0px; padding: 0px; } .campaigns-index-tabletcarmount .usability #usability .slide #rotation-tilt .tilt-container #tilt-container, .campaigns-index-cashback .usability #usability .slide #rotation-tilt .tilt-container #tilt-container { width: 200px; float: left; margin: 0px; padding: 0px; } .campaigns-index-tabletcarmount .usability #usability .slide #rotation-tilt .tilt-container #tilt-container.tilt, .campaigns-index-cashback .usability #usability .slide #rotation-tilt .tilt-container #tilt-container.tilt { position: relative; z-index: 3; width: 190px; height: 245px; margin: 5px 0px 0px 12px; transition: background-image 0.3s ease-in-out; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/campaigns/tabletcarmount/usability/tilt.png"); background-position: 0px 0px; background-repeat: no-repeat; background-attachment: none; background-size: none; } .campaigns-index-tabletcarmount .usability #usability .slide #rotation-tilt .tilt-container .tilt-control, .campaigns-index-cashback .usability #usability .slide #rotation-tilt .tilt-container .tilt-control { float: left; width: 55px; margin: 35px 0px 0px 0px; padding: 0px 0px 0px 3px; } .campaigns-index-tabletcarmount .usability #usability .slide .flat, .campaigns-index-cashback .usability #usability .slide .flat { margin: 27px 0px 0px 0px; padding: 0px; } .campaigns-index-tabletcarmount .usability #usability .slide .flat .info, .campaigns-index-cashback .usability #usability .slide .flat .info { margin: 0px; padding: 0px; } .campaigns-index-tabletcarmount .usability #usability .slide .flat .label, .campaigns-index-cashback .usability #usability .slide .flat .label { margin: 1px 0px 0px 0px; } .campaigns-index-tabletcarmount .usability #usability .slide .dragdealer, .campaigns-index-cashback .usability #usability .slide .dragdealer { background-color: #dcdcdc; width: 190px; height: 6px; display: block; position: relative; z-index: 5; margin: 0 auto; padding: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .campaigns-index-tabletcarmount .usability #usability .slide .dragdealer#rotate, .campaigns-index-cashback .usability #usability .slide .dragdealer#rotate { margin-top: 228px; } .campaigns-index-tabletcarmount .usability #usability .slide .dragdealer .filler, .campaigns-index-cashback .usability #usability .slide .dragdealer .filler { position: absolute; top: 0; left: 0px; display: block; height: 6px; background-color: #e95d0f; z-index: 2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .campaigns-index-tabletcarmount .usability #usability .slide .dragdealer .handle, .campaigns-index-cashback .usability #usability .slide .dragdealer .handle { z-index: 3; display: block; width: 25px; height: 25px; margin: 0px; padding: 0px; top: -9px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/images/campaigns/sonos/swipe-button.png"); background-position: center top; background-repeat: no-repeat; background-attachment: none; background-size: none; background-size: 25px 25px !important; } .campaigns-index-tabletcarmount .usability #usability .slide .dragdealer.vertical, .campaigns-index-cashback .usability #usability .slide .dragdealer.vertical { width: 6px; height: 190px; top: -24px; } .campaigns-index-tabletcarmount .usability #usability .slide .dragdealer.vertical .filler, .campaigns-index-cashback .usability #usability .slide .dragdealer.vertical .filler { width: 6px; } .campaigns-index-tabletcarmount .usability #usability .slide .dragdealer.vertical .handle, .campaigns-index-cashback .usability #usability .slide .dragdealer.vertical .handle { top: 0px; left: -9px; } .campaigns-index-tabletcarmount .overlays, .campaigns-index-cashback .overlays { background-color: #ecebe8; margin: 0px; padding: 40px 0px 20px 0px; } .campaigns-index-tabletcarmount .overlays #overlays, .campaigns-index-cashback .overlays #overlays { margin: 0px 10px; } .campaigns-index-tabletcarmount .overlays #overlays .overlay-slide, .campaigns-index-cashback .overlays #overlays .overlay-slide { background-color: #ffffff; width: 100%; float: left; overflow: hidden; position: relative; display: block; margin: 0px 0px 20px 0px; padding: 0px; } .campaigns-index-tabletcarmount .overlays #overlays .overlay-slide .overlay, .campaigns-index-cashback .overlays #overlays .overlay-slide .overlay { position: absolute; background-color: rgba(0, 0, 0, 0.6); z-index: 7900; bottom: 0; left: 0; height: 0px; width: 100%; -moz-transition: 0.4s all ease-in-out; -ms-transition: 0.4s all ease-in-out; -webkit-transition: 0.4s all ease-in-out; -o-transition: 0.4s all ease-in-out; } .campaigns-index-tabletcarmount .overlays #overlays .overlay-slide .overlay p, .campaigns-index-cashback .overlays #overlays .overlay-slide .overlay p { padding: 15px; line-height: 30px; margin: 0px; font-family: Arial; font-size: 16px; color: #f0f0f0; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .campaigns-index-tabletcarmount .overlays #overlays .overlay-slide h4, .campaigns-index-cashback .overlays #overlays .overlay-slide h4 { text-align: center; color: #e95d0f; margin-top: 20px; } .campaigns-index-tabletcarmount .overlays #overlays .overlay-slide.kids, .campaigns-index-cashback .overlays #overlays .overlay-slide.kids { position: relative; height: 345px; background-color: transparent; } .campaigns-index-tabletcarmount .overlays #overlays .overlay-slide.kids h4, .campaigns-index-cashback .overlays #overlays .overlay-slide.kids h4 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicMdITC-Reg'; font-size: 30px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .campaigns-index-tabletcarmount .overlays #overlays .overlay-slide.kids img, .campaigns-index-cashback .overlays #overlays .overlay-slide.kids img { position: absolute; bottom: 0; } .campaigns-index-tabletcarmount .where-to-buy, .campaigns-index-cashback .where-to-buy { margin: 0px 0px -30px 0px; padding: 60px 0px 0px 0px; } .campaigns-index-tabletcarmount .where-to-buy .slide, .campaigns-index-cashback .where-to-buy .slide { background-color: #ffffff; min-height: 520px; } .campaigns-index-tabletcarmount .where-to-buy .slide .copy, .campaigns-index-cashback .where-to-buy .slide .copy { margin: 0px; padding: 0px; height: 317px; position: relative; } .campaigns-index-tabletcarmount .where-to-buy .slide .copy h1, .campaigns-index-cashback .where-to-buy .slide .copy h1 { margin: 0px 20px 10px 0px; font-family: 'AvantGardeGothicMdITC-Reg'; font-size: 38px; color: #343434; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .campaigns-index-tabletcarmount .where-to-buy .slide .copy h2, .campaigns-index-cashback .where-to-buy .slide .copy h2 { margin-right: 0px; margin-bottom: 15px; font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 29px; color: #343434; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .campaigns-index-tabletcarmount .where-to-buy .slide .copy p, .campaigns-index-cashback .where-to-buy .slide .copy p { line-height: 30px; margin: 10px 0px 0px 0px; font-family: Arial; font-size: 16px; color: #343434; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .campaigns-index-tabletcarmount .where-to-buy .slide .copy p.price, .campaigns-index-cashback .where-to-buy .slide .copy p.price { margin-top: 5px; font-family: Arial; font-size: 33px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .campaigns-index-tabletcarmount .where-to-buy .slide .image, .campaigns-index-cashback .where-to-buy .slide .image { margin: 0px; padding: 0px; height: 385px; background-color: #ffffff; } .campaigns-index-tabletcarmount .where-to-buy .links, .campaigns-index-cashback .where-to-buy .links { width: 100%; height: 200px; display: block; border-bottom: 1px solid #ffffff; margin: 0px; padding: 0px; } .campaigns-index-tabletcarmount .where-to-buy .links h4, .campaigns-index-cashback .where-to-buy .links h4 { font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 29px; color: #343434; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .campaigns-index-tabletcarmount .where-to-buy .links a, .campaigns-index-cashback .where-to-buy .links a { text-decoration: none; color: #343434; float: right; margin-top: 4px; } .campaigns-index-tabletcarmount .where-to-buy .links a span, .campaigns-index-cashback .where-to-buy .links a span { font-family: Arial; font-size: 18px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .campaigns-index-tabletcarmount .where-to-buy .links a:hover, .campaigns-index-cashback .where-to-buy .links a:hover { text-decoration: underline; color: #e95d0f; } .campaigns-index-tabletcarmount .where-to-buy .links a:hover span, .campaigns-index-cashback .where-to-buy .links a:hover span { color: #e95d0f; } .campaigns-index-tabletcarmount .where-to-buy .links #links, .campaigns-index-cashback .where-to-buy .links #links { margin: 17px 0px 0px 0px; padding: 0px; } .campaigns-index-tabletcarmount .where-to-buy .links #links ul, .campaigns-index-cashback .where-to-buy .links #links ul { list-style-type: none; display: table; height: 95px; margin: 20px 0px 0px -30px; padding: 0px; } .campaigns-index-tabletcarmount .where-to-buy .links #links ul li, .campaigns-index-cashback .where-to-buy .links #links ul li { display: table-cell; height: 100%; vertical-align: middle; margin: 0px; padding: 0px 30px 0px 30px; } .campaigns-index-tabletcarmount .where-to-buy .links #links ul li .shop, .campaigns-index-cashback .where-to-buy .links #links ul li .shop { display: block; text-indent: -9999px; } .campaigns-index-tabletcarmount .where-to-buy .links #links ul li .shop.mediamarkt, .campaigns-index-cashback .where-to-buy .links #links ul li .shop.mediamarkt { width: 207px; height: 28px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/campaigns/tabletcarmount/logos/mediamarkt.png"); background-position: bottom center; background-repeat: no-repeat; background-attachment: none; background-size: none; } .campaigns-index-tabletcarmount .where-to-buy .links #links ul li .shop.coolblue, .campaigns-index-cashback .where-to-buy .links #links ul li .shop.coolblue { width: 96px; height: 95px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/campaigns/tabletcarmount/logos/coolblue.png"); background-position: bottom center; background-repeat: no-repeat; background-attachment: none; background-size: none; } .campaigns-index-tabletcarmount .where-to-buy .links #links ul li .shop.karwei, .campaigns-index-cashback .where-to-buy .links #links ul li .shop.karwei { width: 109px; height: 91px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/campaigns/tabletcarmount/logos/karwei.png"); background-position: bottom center; background-repeat: no-repeat; background-attachment: none; background-size: none; } .campaigns-index-tabletcarmount .where-to-buy .links #links ul li .shop.t-mobile, .campaigns-index-cashback .where-to-buy .links #links ul li .shop.t-mobile { width: 161px; height: 28px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/campaigns/tabletcarmount/logos/t-mobile.png"); background-position: bottom center; background-repeat: no-repeat; background-attachment: none; background-size: none; } .campaigns-index-tabletcarmount .where-to-buy .links #links ul li .shop.bcc, .campaigns-index-cashback .where-to-buy .links #links ul li .shop.bcc { width: 157px; height: 47px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/campaigns/tabletcarmount/logos/bcc.png"); background-position: bottom center; background-repeat: no-repeat; background-attachment: none; background-size: none; } .campaigns-index-tabletcarmount .where-to-buy .links #links ul li .shop.icentre, .campaigns-index-cashback .where-to-buy .links #links ul li .shop.icentre { width: 91px; height: 91px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/campaigns/tabletcarmount/logos/icentre.png"); background-position: bottom center; background-repeat: no-repeat; background-attachment: none; background-size: none; } .mini-cart { float: left; height: 52px; display: block; margin: 0px 0px 0px 20px; padding: 14px 0px; cursor: pointer; position: relative; top: 3px; } .mini-cart #cart { position: relative; height: 100%; display: block; float: left; margin: 0px; padding: 0px; } .mini-cart #cart .cart { position: relative; display: block; width: 24px; height: 20px; margin: 0px; padding: 0px; background-size: none; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/cart.png"); background-position: center top; background-repeat: no-repeat; background-attachment: none; background-size: 24px 20px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .mini-cart #cart .cart { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/cart@2x.png"); background-size: auto auto; } } @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) { .mini-cart #cart .cart { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/cart@2x.png"); background-size: 24px 20px; } } .mini-cart #cart .qty { position: absolute; top: -10px; left: -9px; height: 18px; width: 18px; text-align: center; line-height: 18px; background-color: #e95d0f; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .mini-cart #cart .qty span { font-family: Arial; font-size: 12px; color: #ffffff; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .mini-cart .amount { display: block; float: left; margin: 0px 0px 0px 10px; padding: 0px; } .mini-cart .amount span { font-family: Arial; font-size: 14px; color: #4b4b4c; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .service-container { float: left; margin: 0px; padding: 0px 0px 20px 0px; border: 1px solid #dcdcdc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } .service-container .service-title { margin: 0px; padding: 20px 20px 0px 20px; } .service-container .service-title h3 { margin: 0px; padding: 0px; font-family: Arial; font-size: 21px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .service-container .description { margin: 18px 0px 0px 0px; padding: 0px 20px 0px 20px; } .service-container .description p { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .service-container .usps { margin: 20px 20px 0px 20px; padding: 0px; float: left; border-top: 1px solid #dcdcdc; } .service-container .usps ul { list-style-type: none; margin: 0px; padding: 0px; } .service-container .usps ul li { display: block; margin: 0px; float: left; width: 100%; padding: 10px 0px 10px 0px; border-bottom: 1px solid #dcdcdc; } .service-container .usps ul li a { width: 199px; display: block; float: left; font-family: Arial; font-size: 12px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .service-container .usps ul li a:hover { color: #000000; } .service-container .usps ul li .v-icon { float: left; position: relative; top: -1px; margin-right: 10px; } .service-container .usps ul li .usp { margin: 0px; padding: 0px; display: block; float: left; width: 199px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .service-container .usps ul li .usp .orange { color: #e95d0f; } .service-container .payment-methods { text-align: center; display: block; float: left; width: 100%; margin: 10px 0px; padding: 0px; } .service-container .service-contact { text-align: center; display: block; float: left; width: 100%; margin: 10px 0px; padding: 0px; } .service-container .service-contact .phone { display: block; font-family: Arial; font-size: 18px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .cartupsell-list { margin: 22px 0px 0px 0px; padding: 0px 0px 20px 0px; border: 1px solid #dcdcdc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } .cartupsell-list .cartupsell-list-title { margin: 0px; padding: 20px 20px 0px 20px; } .cartupsell-list .cartupsell-list-title h3 { margin: 0px; padding: 0px; font-family: Arial; font-size: 21px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .cartupsell-list .accessories { width: 100%; margin: 0px; padding: 20px 20px 0px 20px; } .cartupsell-list .accessories .accessory-row { margin: 0px; padding: 0px; } .cartupsell-list .accessories .accessory-row.first { border-bottom: 1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 20px; } .cartupsell-list .accessories .accessory-row .accessory-image { margin: 0px; padding: 0px; } .cartupsell-list .accessories .accessory-row .accessory-product-info { float: left; width: 144px; } .cartupsell-list .accessories .accessory-row .accessory-product-info .product-price { margin: 5px 0px 0px 0px; } .cartupsell-list .accessories .accessory-row .accessory-add-to-cart { float: left; width: 130px; text-align: right; } .cart { margin: -10px 0px 0px 0px; padding: 0px; } .cart .cart-head { margin: 26px 0px 0px 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #e95d0f; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .cart .cart-head .cart-head-col { float: left; } .cart .cart-head .cart-head-col.product-name { width: 100%; margin: 0px; padding: 0px 0px 0px 110px; } .cart .cart-head .cart-head-col.product-price { width: 95px; text-align: right; margin: 0px; padding: 0px; } .cart .cart-head .cart-head-col.product-qty { width: 110px; text-align: center; margin: 0px; padding: 0px; } .cart .cart-head .cart-head-col.product-subtotal { width: 135px; margin: 0px; padding: 0px; } .cart .cart-body { width: 100%; display: block; margin: 8px 0px 0px 0px; padding: 0px; border-bottom: 1px solid #dcdcdc; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } .cart .cart-body .cart-row { border: 1px solid #dcdcdc; border-bottom: 0px; width: 100%; display: table; height: 110px; background-color: #f0f0f0; } .cart .cart-body .cart-row:first-child { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .cart .cart-body .cart-row:last-child { -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; } .cart .cart-body .cart-row:nth-child(even) { background-color: #ffffff; } .cart .cart-body .cart-row .cart-col { display: table-cell; height: 110px; vertical-align: middle; margin: 0px; padding: 0px; } .cart .cart-body .cart-row .cart-col.product-image { width: 109px; text-align: center; } .cart .cart-body .cart-row .cart-col.product-price { width: 95px; text-align: right; } .cart .cart-body .cart-row .cart-col.product-qty { width: 110px; text-align: center; padding-left: 15px; } .cart .cart-body .cart-row .cart-col.product-qty .select-container { width: 80px; } .cart .cart-body .cart-row .cart-col.product-subtotal { width: 135px; position: relative; font-weight: bold; } .cart .cart-body .cart-row .cart-col.product-subtotal .remove { position: absolute; top: 42px; right: 15px; } .cart h2.product-name { margin: 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .cart h2.product-name a { font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .cart .btn-remove { float: right; margin: 0px; padding: 0px; } .cart .btn-remove .reset-filter { background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); display: block; background-repeat: no-repeat; background-size: 424px 725px; background-position: -154px -87px; width: 22px; height: 22px; position: relative; top: 3px; display: inline-block; } .cart .btn-remove .reset-filter:hover { background-position: -314px -23px; width: 22px; height: 22px; } .cart .continu-link { margin: 20px 0px 0px 0px; padding: 0px; } .cart .continu-link span { position: relative; top: -5px; margin: 0px; padding: 0px 5px 0px 0px; } .cart .continu-link a { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: underline; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .cart .continu-link a:hover { color: #e95d0f; } .cart .totals { margin: 0px; padding: 15px 20px 10px 20px; position: relative; top: -1px; float: left; display: block; width: 100%; background-color: #ffffff; border: 1px solid #dcdcdc; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } .cart .totals .checkout-types { list-style-type: none; float: right; margin: 20px 0px; padding: 0px; } .cart .totals .checkout-types li { float: left; } .cart .totals .shipping-promise { display: block; float: left; text-align: right; width: 100%; margin: 0px; padding: 0px; } .cart .totals .shipping-promise span { font-family: Arial; font-size: 12px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .cart .totals .total-row { margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; border-bottom: 1px solid #dcdcdc; } .cart .totals .total-row .total-label span { display: block; font-size: 12px; } .cart .totals .total-row .grand-total { margin-top: 10px; font-size: 24px; font-weight: bold; } .onestepcheckout-column-left ul { list-style-type: none; margin: 0px; padding: 0px; } .onestepcheckout-column-left ul li { display: block; margin: 0px; padding: 0px; } .onestepcheckout-column-left ul li ul#billing_address_list li, .onestepcheckout-column-left ul li#shipping_address_list li { margin: 0px -10px; padding: 0px; } .onestepcheckout-column-left ul li ul#billing_address_list li .input-box, .onestepcheckout-column-left ul li#shipping_address_list li .input-box { margin: 0px; padding: 0px 10px 10px 10px; } .onestepcheckout-column-left ul li ul#billing_address_list li .input-box.gender, .onestepcheckout-column-left ul li#shipping_address_list li .input-box.gender { width: 30%; } .onestepcheckout-column-left ul li ul#billing_address_list li .input-box.input-firstname, .onestepcheckout-column-left ul li#shipping_address_list li .input-box.input-firstname, .onestepcheckout-column-left ul li ul#billing_address_list li .input-box.input-lastname, .onestepcheckout-column-left ul li#shipping_address_list li .input-box.input-lastname, .onestepcheckout-column-left ul li ul#billing_address_list li .input-box.input-email, .onestepcheckout-column-left ul li#shipping_address_list li .input-box.input-email, .onestepcheckout-column-left ul li ul#billing_address_list li .input-box.input-telephone, .onestepcheckout-column-left ul li#shipping_address_list li .input-box.input-telephone { width: 50%; } .onestepcheckout-column-left ul li ul#billing_address_list li .input-box.input-postcode, .onestepcheckout-column-left ul li#shipping_address_list li .input-box.input-postcode { width: 100%; } .onestepcheckout-column-left ul li ul#billing_address_list li .input-box.input-address-short, .onestepcheckout-column-left ul li#shipping_address_list li .input-box.input-address-short { width: 30%; } .onestepcheckout-column-left ul li ul#billing_address_list li .input-box.input-address-short:first-child, .onestepcheckout-column-left ul li#shipping_address_list li .input-box.input-address-short:first-child { width: 70%; } .onestepcheckout-column-left ul li ul#billing_address_list li .input-box input[type="text"], .onestepcheckout-column-left ul li#shipping_address_list li .input-box input[type="text"] { background-color: #ffffff; border: 1px solid #dcdcdc; border-top-color: #acacae; border-left-color: #c7c7c9; width: 100%; height: 40px; line-height: 40px; margin: 0px; padding: 0px 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15); } .onestepcheckout-column-left ul li ul#billing_address_list li .input-box input[type="text"]:focus, .onestepcheckout-column-left ul li#shipping_address_list li .input-box input[type="text"]:focus { outline: none !important; border: 2px solid #a8a9ad; } .onestepcheckout-column-left ul li ul#billing_address_list li .input-box input[type="text"].focus, .onestepcheckout-column-left ul li#shipping_address_list li .input-box input[type="text"].focus { outline: none !important; border: 2px solid #a8a9ad; } .onestepcheckout-column-left ul li ul#billing_address_list li .input-box input[type="text"].validation-failed, .onestepcheckout-column-left ul li#shipping_address_list li .input-box input[type="text"].validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } .onestepcheckout-column-left ul li ul#billing_address_list li .input-box input[type="text"] select.validation-failed, .onestepcheckout-column-left ul li#shipping_address_list li .input-box input[type="text"] select.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } .onestepcheckout-index-index .agreement-content { padding: 30px; } .onestepcheckout-index-index span.note { margin-top: 5px; display: block; font-family: Arial; font-size: 12px; color: #4b4b4c; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .onestepcheckout-index-index #headerwrapper #header { padding-bottom: 0px; } .onestepcheckout-index-index .checkoutcontainer { border: 1px solid #dcdcdc; margin: 29px 0px 0px 0px; padding: 0px 20px 0px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); } .onestepcheckout-index-index .onestepcheckout-numbers { margin: 20px 0px 30px 0px !important; padding: 0px !important; height: auto !important; font-family: Arial !important; font-size: 16px !important; color: #000000 !important; font-weight: bold !important; text-transform: none !important; text-decoration: none !important; font-style: normal !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-feature-settings: "kern", "liga" off, "calt" off !important; } .onestepcheckout-index-index .onestepcheckout-numbers .step-counter { display: block; line-height: 1; text-align: center; width: 35px; height: 35px; border: 1px solid #e95d0f; position: relative; background-color: #ffffff; margin: 0px; padding: 9px 0px 0px 0px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 18px; color: #e95d0f; font-weight: normal; text-transform: uppercase; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; display: inline-block; margin-right: 20px; } .onestepcheckout-index-index .onestepcheckout-column-left, .onestepcheckout-index-index .onestepcheckout-column-middle, .onestepcheckout-index-index .onestepcheckout-column-right { width: 100% !important; float: none !important; margin: 0px !important; padding: 0px 0px 0px 20px !important; background-image: none !important; } .onestepcheckout-index-index .onestepcheckout-column-middle, .onestepcheckout-index-index .onestepcheckout-column-right { display: inline-block; border-left: 1px solid #dcdcdc; height: 100%; } .onestepcheckout-index-index .onestepcheckout-column-middle .onestepcheckout-coupons { margin-top: 30px; } .onestepcheckout-index-index .onestepcheckout-column-middle .onestepcheckout-coupons #coupon-notice { font-family: Arial; font-size: 12px; color: #4b4b4c; font-weight: normal; text-transform: none; text-decoration: none; font-style: italic; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; margin-bottom: 10px; } .onestepcheckout-index-index .onestepcheckout-column-middle .onestepcheckout-coupons #coupon-notice.error-msg { color: #dc0000; } .onestepcheckout-index-index .onestepcheckout-column-middle .onestepcheckout-coupons #coupon-notice.success-msg { color: #e95d0f; } .onestepcheckout-index-index .onestepcheckout-column-middle .onestepcheckout-coupons input#id_couponcode { background-color: #ffffff; border: 1px solid #dcdcdc; border-top-color: #acacae; border-left-color: #c7c7c9; width: 100%; height: 40px; line-height: 40px; margin: 0px; padding: 0px 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15); } .onestepcheckout-index-index .onestepcheckout-column-middle .onestepcheckout-coupons input#id_couponcode:focus { outline: none !important; border: 2px solid #a8a9ad; } .onestepcheckout-index-index .onestepcheckout-column-middle .onestepcheckout-coupons input#id_couponcode.focus { outline: none !important; border: 2px solid #a8a9ad; } .onestepcheckout-index-index .onestepcheckout-column-middle .onestepcheckout-coupons input#id_couponcode.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } .onestepcheckout-index-index .onestepcheckout-column-middle .onestepcheckout-coupons input#id_couponcode select.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } .onestepcheckout-index-index .onestepcheckout-column-middle .onestepcheckout-coupons .buttons-set { margin-top: 20px; text-align: right; } .onestepcheckout-index-index .radio label { display: inline-block; cursor: pointer; position: relative; height: 16px; line-height: 16px; padding-left: 25px; margin-right: 15px; } .onestepcheckout-index-index .radio label:before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; top: 0px; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); display: block; background-repeat: no-repeat; background-size: 424px 725px; background-position: -98px -143px; width: 18px; height: 19px; } .onestepcheckout-index-index #checkout-payment-method-load .radio label:before { top: 17px; } .onestepcheckout-index-index .checkbox label { display: inline-block; cursor: pointer; position: relative; height: 16px; line-height: 16px; padding-left: 25px; margin-right: 15px; } .onestepcheckout-index-index .checkbox label:before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 10px; position: absolute; left: 0; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); display: block; background-repeat: no-repeat; background-size: 424px 725px; background-position: -87px -1px; width: 19px; height: 18px; } .onestepcheckout-index-index input[type=radio], .onestepcheckout-index-index input[type=checkbox] { display: none; } .onestepcheckout-index-index input[type=radio]:checked + label:before { background-position: -116px -143px; width: 18px; height: 19px; } .onestepcheckout-index-index input[type=checkbox]:checked + label:before { background-position: -105px -1px; width: 19px; height: 18px; } .onestepcheckout-index-index input[type=checkbox]:disabled + label:before { background-position: -123px -1px; width: 19px; height: 18px; } .onestepcheckout-index-index .onestepcheckout-comments { width: 100%; margin-top: 20px; padding-bottom: 0px; } .onestepcheckout-index-index .onestepcheckout-comments textarea { background-color: #ffffff; border: 1px solid #dcdcdc; border-top-color: #acacae; border-left-color: #c7c7c9; width: 100%; height: 150px; line-height: 150px; margin: 0px; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.15); line-height: 16px; resize: vertical; } .onestepcheckout-index-index .onestepcheckout-comments textarea:focus { outline: none !important; border: 2px solid #a8a9ad; } .onestepcheckout-index-index .onestepcheckout-comments textarea.focus { outline: none !important; border: 2px solid #a8a9ad; } .onestepcheckout-index-index .onestepcheckout-comments textarea.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } .onestepcheckout-index-index .onestepcheckout-comments textarea select.validation-failed { outline: none !important; border: 2px solid #dc0000; color: #dc0000; } .onestepcheckout-index-index .legend { margin: 0px; padding: 0px 0px 20px 0px; font-family: Arial; font-size: 12px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .onestepcheckout-index-index .shipping-address-title { margin: 30px 0px 30px 0px; font-family: Arial !important; font-size: 16px !important; color: #000000 !important; font-weight: bold !important; text-transform: none !important; text-decoration: none !important; font-style: normal !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-feature-settings: "kern", "liga" off, "calt" off !important; } .onestepcheckout-index-index .checkout-agreements { list-style-type: none; margin: 0px; padding: 0px; } .onestepcheckout-index-index .checkout-agreements p { margin: 0px; padding: 0px; } .onestepcheckout-index-index .checkout-agreements p label { margin-right: 0px; } .onestepcheckout-index-index .checkout-agreements p a { text-decoration: underline; color: #000000; display: inline-block; } .onestepcheckout-index-index .checkout-agreements p a:hover { color: #4b4b4c; } .onestepcheckout-index-index .continu-link { margin: 20px 0px 0px 0px; padding: 0px; } .onestepcheckout-index-index .continu-link span { position: relative; top: -5px; margin: 0px; padding: 0px 5px 0px 0px; } .onestepcheckout-index-index .continu-link a { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: underline; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .onestepcheckout-index-index .continu-link a:hover { color: #e95d0f; } .onestepcheckout-index-index #billing_address_list .msg_note { display: inline-block; width: 17px; height: 17px; cursor: pointer; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/info-dot.png"); background-position: center top; background-repeat: no-repeat; background-attachment: none; background-size: none; } .onestepcheckout-index-index #billing_address_list .osc-tooltip { position: relative; display: inline-block; } .onestepcheckout-index-index #billing_address_list .osc-tooltip .osc-tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; position: absolute; z-index: 1; } .onestepcheckout-index-index #billing_address_list .osc-tooltip:hover .osc-tooltiptext { visibility: visible; } .paymentmethod-logo { display: inline-block; width: 50px; text-align: center; margin-right: 8px; } .paymentmethod-logo img { width: 50px; } #addressreview_payment .paymentmethod-logo { display: inline-block; width: 50px; text-align: left; margin-right: 2px; } #addressreview_payment .paymentmethod-logo img { width: 50px; } .payment-methods dd { padding: 13px 0px 0 21px!important; } .onestepcheckout-summary th { border-top: 0px !important; border-color: #dcdcdc !important; } .onestepcheckout-summary td { padding: 5px 0px !important; border-bottom: 1px solid #dcdcdc !important; } .onestepcheckout-summary td.title { text-align: left !important; } .retailers { width: 830px; display: block; margin: 0px; padding: 35px 40px 15px 40px; } @media (max-width: 767px) { .retailers { width: 300px; padding: 20px; } } .retailers h2 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 28px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; border-bottom: 1px solid #dcdcdc; padding-bottom: 10px; margin-bottom: 15px; display: block; } @media (max-width: 767px) { .retailers h2 { font-size: 22px; } } @media (max-width: 767px) { .retailers p { font-size: 12px; } } .retailers table { border-collapse: collapse; width: 100%; margin: 30px 0px 0px 0px; padding: 0px; } @media (max-width: 767px) { .retailers table { margin-top: 0px; } } @media (max-width: 767px) { .retailers table td { font-family: Arial; font-size: 12px; color: #4b4b4c; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } } @media (max-width: 767px) { .retailers table thead td { font-family: Arial; font-size: 12px; color: #4b4b4c; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } } .retailers table td.image { width: 265px; } @media (max-width: 767px) { .retailers table td.image { width: 55%; padding-right: 20px; } } .retailers table td.partner { width: 125px; } @media (max-width: 767px) { .retailers table td.partner { display: none; } } .retailers table td.price { width: 125px; } @media (max-width: 767px) { .retailers table td.price { width: 25%; } } .retailers table td.buy { width: 235px; } @media (max-width: 767px) { .retailers table td.buy { width: 20%; } } .retailers table thead { font-weight: bold; } .retailers table thead td { padding: 0px 0px 10px 0px; border-bottom: 1px solid #dcdcdc; } .retailers table tbody td { padding: 7px 0px; border-bottom: 1px solid #dcdcdc; } @media (max-width: 767px) { .retailers table tbody td .retailer-button { width: auto; } } .retailers table tbody td .retailer-button span { font-family: Arial !important; font-size: 14px !important; color: #ffffff !important; font-weight: bold !important; text-transform: none !important; text-decoration: none !important; font-style: normal !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; font-feature-settings: "kern", "liga" off, "calt" off !important; } #add-to-retail { margin-top: 20px; } .retail-button { margin-bottom: 20px; } .add-to-cart-button { margin: 10px 0; } .servicekit-wizard { display: block; margin: 0px; padding: 35px 40px 15px 40px; } @media (max-width: 767px) { .servicekit-wizard { width: 300px; padding: 20px; } } .servicekit-wizard h2 { margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBkITC-Reg'; font-size: 28px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; border-bottom: 1px solid #dcdcdc; padding-bottom: 10px; margin-bottom: 15px; display: block; } @media (max-width: 767px) { .servicekit-wizard h2 { font-size: 22px; } } @media (max-width: 767px) { .servicekit-wizard p { font-size: 12px; } } #servicekit-flatscreen-result .flatscreen-image { padding: 0 !important; } #servicekit-flatscreen-result .flatscreen-control { margin: 15px 0px !important; } #servicekit-flatscreen-fitter .flatscreenfitter-vertical { width: 270px !important; } .servicekit-grey { color: #c0c0c0; text-decoration: underline; } .selected-flatscreen .flatscreen-servicekit-notification-red { border: 1px solid #ea5c12; background: #ffeceb; margin: 0 0 20px; padding: 0; } .selected-flatscreen .flatscreen-servicekit-notification-red p { margin: 10px !important; color: #e95d0f; } .selected-flatscreen .flatscreen-servicekit-notification-green { border: 1px solid #4d8e00; background: #f3ffe5; margin: 0 0 20px; padding: 0; } .selected-flatscreen .flatscreen-servicekit-notification-green p { margin: 10px !important; color: #4d8e00; } .product-main-info .product-essential .action-buttons .add-to-cart { float: left; } .product-main-info .product-essential .action-buttons .special-offer { float: left; margin-left: 10px; margin-top: 2px; } .product-main-info .product-essential .action-buttons .special-offer-1 { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #000; } .product-main-info .product-essential .action-buttons .special-offer-2 { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #e95d0f; } .form-list { list-style-type: none; margin: 5px 0px 10px 20px; padding: 0px; } .form-list li { font-family: Arial; font-size: 14px; color: #a8a9ad; font-weight: normal; text-transform: none; text-decoration: none; font-style: italic; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .page-title { margin-bottom: 20px; } .buttons-set { margin-top: 40px; } .category-block { margin: 40px 0px 40px 0px; padding: 0px; } .price_range { margin: 22px 0px 75px 0px; padding: 0px; } .price_range #slider-range { border: 0px; background: none; background-color: #e6e6e6; height: 16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .price_range #slider-range .ui-slider-range { background-color: #e95d0f; height: 16px; position: relative; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; } .price_range #slider-range .ui-slider-handle { border: 0px; height: 14px; width: 14px; top: 1px; background-color: #ffffff; margin: 0px 0px 0px -16px; padding: 0px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .price_range #slider-range .ui-slider-handle.min { margin-left: 1px; } .price_range label#amount { width: 100%; display: block; position: relative; margin: 10px 0px 0px 0px; padding: 0px; font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } .price_range label#amount span { position: absolute; } .price_range label#amount span.min { left: 0px; } .price_range label#amount span.max { right: 0px; } #main { margin: 0px; padding: 0px; } #main .slider { margin: 0px 0px 30px 0px; padding: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #main .slider .v-icon { cursor: pointer; } #main .slider .cycle-prev { position: absolute; z-index: 200; top: 130px; left: 20px; margin: 0px; padding: 0px; cursor: pointer; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); display: block; background-repeat: no-repeat; background-size: 424px 725px; background-position: -270px -205px; width: 42px; height: 42px; } #main .slider .cycle-prev:hover { background-position: -154px -43px; width: 42px; height: 42px; } #main .slider .cycle-next { position: absolute; z-index: 200; top: 130px; right: 20px; margin: 0px; padding: 0px; cursor: pointer; background-image: url("https://www.vogels.com/skin/frontend/vogels/default/img/sprite.png"); display: block; background-repeat: no-repeat; background-size: 424px 725px; background-position: -187px -247px; width: 42px; height: 42px; } #main .slider .cycle-next:hover { background-position: -238px -79px; width: 42px; height: 42px; } #main .slider .cycle-pager { position: absolute; z-index: 200; bottom: 17px; right: 18px; margin: 0px; padding: 0px; } #main .slider .cycle-pager span { color: #ffffff; cursor: pointer; font-size: 42px; line-height: 14px; float: left; border: 1px solid #ffffff; text-indent: -9999px; width: 11px; height: 11px; display: block; margin-right: 5px; background-color: #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #main .slider .cycle-pager span.cycle-pager-active { background-color: #e95d0f; border-color: #e95d0f; } #main .slider .slide { position: relative; width: 100%; height: 300px; margin: 0px; padding: 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #main .slider .slide .slide-content { height: 228px; position: relative; float: left; margin: 37px 0px 0px 725px; padding: 0px; } #main .slider .slide .slide-content h1 { width: 320px; line-height: 43px; margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 36px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } #main .slider .slide .slide-content span.title { width: 320px; line-height: 43px; display: block; margin: 0px; padding: 0px; font-family: 'AvantGardeGothicBdITC-Reg'; font-size: 36px; color: #e95d0f; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } #main .slider .slide .slide-content .button { position: absolute; bottom: 0; margin: 15px 0px 0px 0px; padding: 0px; } #footer { margin: 30px 0px 0px 0px; padding: 0px; } #footer .footer-blocks { background-color: #f0f0f0; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin: 0px; padding: 30px 0px; } #footer .footer-blocks .menu-column { margin: 0px 0px 30px 0px; padding: 0px; } #footer .footer-blocks .menu-column .head { margin: 0px 0px 10px 0px; padding: 0px; width: 100%; font-family: Arial; font-size: 14px; color: #000000; font-weight: bold; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } #footer .footer-blocks .menu-column ul { list-style-type: none; margin: 0px; padding: 0px; } #footer .footer-blocks .menu-column ul li { margin: 0px; padding: 6px 0px; } #footer .footer-blocks .menu-column ul li a { font-family: Arial; font-size: 14px; color: #000000; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } #footer .footer-blocks .menu-column ul li a:hover { text-decoration: underline; } #footer .footer-blocks .menu-column ul li a .icon-link-text { display: none; } #footer .footer-blocks .menu-column ul li.level4 { margin: 0px 0px 10px 0px; padding: 0px; } #footer .footer-blocks .menu-column ul li.level4 a { font-weight: bold; } #footer .footer-blocks .menu-column ul.social-media li { display: block; float: left; margin-right: 10px; } #footer .social-media { width: 100%; margin: 0px; padding: 0px; } #copyright { margin: 10px 0px 0px 0px; padding: 0px; } #copyright ul { list-style-type: none; margin: 0px; padding: 0px; } #copyright ul li { display: block; float: left; color: #a8a9ad; margin: 0px 20px 0px 0px; padding: 6px 0px; } #copyright ul li a { font-family: Arial; font-size: 14px; color: #a8a9ad; font-weight: normal; text-transform: none; text-decoration: none; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "kern", "liga" off, "calt" off; } #copyright ul li a:hover { text-decoration: underline; } @media print { a[href]:after { content: none !important; } * { background: none !important; text-align: left !important; } html { margin: 0 !important; padding: 0 !important; } body { background: #fff !important; font-size: 9pt !important; padding: 0 !important; margin: -5px 0 !important; } a { color: #2976c9 !important; } th, td { color: #2f2f2f !important; border-color: #ccc !important; } #headerwrapper { border-top: 0px; } .topnav, .header form, .nav, #footer, #copyright, .pager, .toolbar, .actions, .buttons-set, .breadcrumbs, .button, #search_mini_form { display: none !important; } .page-print .data-table .cart-tax-total { background-position: 100% -54px; } .page-print .data-table .cart-tax-info { display: block !important; } } .search-autocomplete ul.bubble-elasticsearch li.title, .search-autocomplete ul.bubble-elasticsearch li.title a { padding: 6px; background-color: #f4f4f4; color: #636363; text-transform: uppercase; } .search-autocomplete ul.bubble-elasticsearch { background-color: #fff; border: 1px solid #d5e4eb; border-bottom: 0; } .search-autocomplete ul.bubble-elasticsearch li { padding: 0; border-bottom: 1px solid #d5e4eb; } .search-autocomplete ul.bubble-elasticsearch li .image { float: left; margin-right: 6px; background-color: #fff; } .search-autocomplete ul.bubble-elasticsearch li a { display: block; padding: 6px; text-decoration: none; } .search-autocomplete ul.bubble-elasticsearch li.selected a { text-decoration: none; background-color: #ecf3f6; } .search-autocomplete ul.bubble-elasticsearch li .price-box { margin: 0; } .search-autocomplete ul.bubble-elasticsearch li a .price-box .minimal-price-link { padding: 0; } .search-autocomplete ul.bubble-elasticsearch li .clearer { clear: both; } /** * MageWorx * * NOTICE OF LICENSE * * This source file is subject to the MageWorx EULA that is bundled with * this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://www.mageworx.com/LICENSE-1.0.html * * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@mageworx.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade the extension * to newer versions in the future. If you wish to customize the extension * for your needs please refer to http://www.mageworx.com/ for more information * or send an email to sales@mageworx.com * * @category skin_default * @package MageWorx_Downloads * @copyright Copyright (c) 2009 MageWorx (http://www.mageworx.com/) * @license http://www.mageworx.com/LICENSE-1.0.html */ /** * Downloads extension * * @category skin_default * @package MageWorx_Downloads * @author MageWorx Dev Team */ .downloads-links-block { margin-top: 4px; margin-bottom: 7px; border: solid 1px #DFDFDF; padding: 7px; } .downloads-links-block .head { padding-bottom: 4px; } .downloads-links-block table { padding-left: 5px; } .downloads-links-block td { padding-right: 5px; } .downloads-links-block span { padding-left: 5px; color: #EF5E2C; font-style: italic; } .faq { } .block-faq-category .block-content ul { padding:10px; } .faq .right_column { border-left:1px solid #AAAAAA; padding-left:15px; } .block-faq-category .block-content ul li a.active { font-weight:bold; } .block-faq-category .block-content ul li { line-height:20px; list-style:none; } .block-faq-category .block-content ul li a,.block-faq-category .block-content ul li a:visited,.block-faq-category .block-content ul li a:link { text-decoration:none; /*color:#3A3A3A;*/ } .block-faq-category .block-content ul li a:hover { text-decoration:underline; /*color:#3A3A3A; border-bottom:1px solid red;*/ } .faq, .faq h1 { color:#000000; } .faq #most_frequently { padding-left:15px; } .faq #most_frequently ul li { font-size: 13px; line-height:25px; font-weight:bold; color:#000000; } .faq #most_frequently ul li #title { color:#000000; font-weight:bold; text-decoration:none; } .faq #most_frequently ul li #title:hover { color:#000000; font-weight:bold; text-decoration:underline; } .faq #searchform { height:21px; background:url(https://www.vogels.com/skin/frontend/vogels/default/images/faq_search_bar.png) top left no-repeat; background-color:#F5F5F5; padding:10px 10px 10px 30px; margin:30px; } .faq #searchform label { font-weight:bold; font-size:18px; float:left; } .faq #searchform #keyword { float:left; margin-left:10px; } .faq #searchform .btnSearch { float:left; display: inline; margin: 0px 0 0 5px; width: 25px; height: 25px; border: 0; background:url(https://www.vogels.com/skin/frontend/vogels/default/images/search.gif) top left no-repeat; } .faq #searchform .btnSearch ins {display: none;} .faq #list_category ul { margin-left:15px; } .faq #list_category ul li { width:45%; margin-top:20px; } .faq #list_category .left { clear:both; } .faq #list_category .right { float:right; } .faq #list_category ul li h3 { font-weight:bold; font-size:12px; color:#DB7803; margin-bottom:10px; } .faq #list_category #title, .faq #list_category #title:visited,.faq #list_category #title:link { text-decoration:none; color:#3A3A3A; } .faq #list_category #title:hover { text-decoration:underline; color:#3A3A3A; } .faq #list_category ul li div { padding-left:10px; padding-top:5px; } .faq #list_category a.more,.faq #list_category a.more:hover,.faq #list_category a.more:active,.faq #list_category a.more:visited { text-decoration:underline; color:#DB7803; } .faq .faq_view { color:#3A3A3A; margin-bottom:15px; } .faq .active { background-color:#DEDEDE; } .faq .faq_view .faq_conent { margin-left:15px; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } #sidebarfaq { padding:0 0 0 10px; font-weight:normal; } .block-faq .block-title strong{background-image:url("https://www.vogels.com/skin/frontend/vogels/default/images/icon_mini_faq.gif");} .block-faq .block-title strong {background-position:0 0;background-repeat:no-repeat;padding-left:21px;} .block-faq .block-title strong span{padding-left:21px;} #sidebarfaq ul li { font-size: 12px; line-height:20px; color:#000000; } #sidebarfaq ul li a { font-weight:normal; text-decoration:none; } #sidebarfaq ul li a:hover { font-weight:normal; text-decoration:underline; } .faq #most_frequently .faq_conent { color:#3A3A3A; margin-left:15px; } #title, #title:visited, #title:link { text-decoration:none; color:#3A3A3A; } #title:hover { text-decoration:underline; color:#3A3A3A; } .search-hide-show { margin-left:14px; } .faq #list_category .hide-show { color:#3A3A3A; margin-left:-6px; } .faq #list_category .view-hide-show { margin-left:20px; } .faq_conent img{ width:50%; /* height:40%; */ } .sorter .display-mode { float:left; margin:0 130px; } .layered-navigation-select{width:100%;} .col-main{position:relative;} .col-main .products-list-loader{position:absolute;top:0px;left:0px;right:0px;bottom:0px;height:100%;width:100%;background: #fff; margin:0px; -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;} .col-main .products-list-loader div{padding:170px 0px 80px; text-align:center;background: transparent url("https://www.vogels.com/skin/frontend/base/default/js/flatscreenfitter/loader.gif") center 80px no-repeat; margin:0px;} .block-layered-nav{position:relative;} .block-layered-nav .products-list-loader{position:absolute;top:0px;left:0px;right:0px;bottom:0px;height:100%;width:100%;background: #fff; margin:0px; -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;} .block-layered-nav .products-list-loader div{padding:100px 0px 80px; text-align:center;background: transparent url("https://www.vogels.com/skin/frontend/base/default/js/flatscreenfitter/loader.gif") center 20px no-repeat; margin:0px;} .category-products{position:relative;} .category-products .products-list-loader{position:absolute;top:0px;left:0px;right:0px;bottom:0px;height:100%;width:100%;background: #fff; margin:0px; -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80;} .category-products .products-list-loader div{padding:100px 0px 80px; text-align:center;background: transparent url("https://www.vogels.com/skin/frontend/base/default/js/flatscreenfitter/loader.gif") center 20px no-repeat; margin:0px;} .ajax-loader { float: right; height: 16px; width: 16px; margin:-20px 0 0 0 !important; margin-left:5px; background: transparent url("https://www.vogels.com/skin/frontend/base/default/js/flatscreenfitter/mini-loader.gif") center center no-repeat; } li.size div.ajax-loader, li.type div.ajax-loader { float: right; height: 16px; width: 16px; margin:-17px 10px 0 0 !important; background: transparent url("https://www.vogels.com/skin/frontend/base/default/js/flatscreenfitter/mini-loader.gif") center center no-repeat; } #vertical-fitter div.ajax-loader { float: right; height: 16px; width: 16px; margin: -15px -10px 0 0 !important; background: transparent url("https://www.vogels.com/skin/frontend/base/default/js/flatscreenfitter/mini-loader.gif") center center no-repeat; } #fitter2012 .step2 .col div.ajax-loader { float: right; height: 16px !important; width: 16px !important; margin: 0 -10px 0 0 !important; padding:0 !important; border:none !important; z-index: 9999 !important; background: transparent url("https://www.vogels.com/skin/frontend/base/default/js/flatscreenfitter/mini-loader.gif") center center no-repeat !important; } #fitter2012 .step2 .col.active div.ajax-loader { float: right; height: 16px !important; width: 16px !important; margin: 0 -10px 0 0 !important; padding:0 !important; border:none !important; z-index: 9999 !important; background: transparent url("https://www.vogels.com/skin/frontend/base/default/js/flatscreenfitter/mini-loader.gif") center center no-repeat !important; } #narrow-by-list div.ajax-loader { float: right; height: 16px !important; width: 16px !important; margin: 0 5px 0 0 !important; padding:0 !important; border:none !important; z-index: 9999 !important; background: transparent url("https://www.vogels.com/skin/frontend/base/default/js/flatscreenfitter/mini-loader.gif") center center no-repeat !important; }