dialog{opacity:0;transition:opacity .6s ease-in}dialog[open]{position:fixed;z-index:100;border:1px solid rgba(0,0,0,.1);border-radius:.375rem;margin:auto;padding:0;opacity:1;display:flex;flex-direction:column;max-height:90vh;max-width:90vw}dialog[open] header,dialog[open] main,dialog[open] footer{padding:.5rem 1rem}dialog[open] header{border-bottom:1px solid rgba(0,0,0,.1)}dialog[open] header .title{font-size:1.25rem;display:flex;justify-content:space-between}dialog[open] header .title button{text-align:end;border:none;background:rgba(0,0,0,0);max-width:32px;opacity:.5}dialog[open] header .title button:hover{opacity:.75}dialog[open] main{flex:1;overflow-y:auto;max-height:60vh;min-width:60vw}dialog[open] footer{text-align:right;border-top:1px solid rgba(0,0,0,.1);overflow:inherit;background-color:initial;color:initial}dialog[open] footer button.outline{outline-style:unset}dialog__content{position:relative}dialog::backdrop{background-color:rgba(0,0,0,.5)}html:has(dialog[open]){overflow:hidden}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------>>> commented out for mega menu <<<-----------------------------------------------------------*/
/**{padding: 0; margin: 0;}*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

/*#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:110;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(/assets/images/css/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 110;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}
#TB_title a{
	color:#666666;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	/*line-height:1.4em;*/
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}
.form-container {
    background:#eee url(/assets/images/form_bg.gif) repeat-x bottom left;
    padding:5px 0 5px 0;
    border-bottom:1px solid #aaa;
}

.form-row-head {
    color:#bbb;
    font-size:22px;
    font-weight:bold;
    padding:7px 0 7px 20px;
}

.form-row-container {
    padding:3px 15px 0 15px;
}

.form-row {
    border-bottom:1px dotted #aaa;
    padding-bottom:3px;
}
.form-row-last {
    border-bottom:none;
}

.form-label-container {
    width:300px;
    float:left;
    text-align:right;
    font-size:10px;
    color:#444;
    padding-top:4px;
}

.form-input-container {
    width:300px;
    float:left;
    padding-left:13px;
    font-size:10px;
    color:#444;
}

.form-text-container {
    width:300px;
    float:left;
    font-size:10px;
    color:#444;
    padding:4px 0 2px 13px;
    text-align:left;
}

.form-input-text {
    font-size:10px;
    width:200px;
}

.form-info-label {
    font-size: 10px;
    color:#444;
    padding: 4px 0 4px 0;
    width: 100%;
    text-align: center;
}

.manufacturer-list {
    font-size: 11px;
    width: 270px;
    color: #444;
    padding: 4px 0 0 10px;
    float: left;
}

.text-form {
    color:#444;
    font-size:14px;
}

.bold-text-form {
    color:#444;
    font-size:14px;
    font-weight:bold;
}

.form-three-cols-label-header {
    width:140px;
    text-align: center;
    padding-left:13px;
    float:left;
    font-size:10px;
    font-weight: bold;
    padding-top:3px;
    color:#444;
}

.form-three-cols-label-container {
    width:140px;
    text-align: center;
    padding:4px 0 2px 13px;
    float:left;
    font-size:10px;
    color:#444;
}

.form-three-cols-input-container {
    width:140px;
    text-align: center;
    float:left;
    padding-left:13px;
    font-size:10px;
    color:#444;
}

.form-two-cols-label-header {
    width:215px;
    text-align: center;
    padding:4px 0 2px 13px;
    float:left;
    font-size:10px;
    font-weight: bold;
    color:#444;
}

.form-two-cols-label-container {
    width:215px;
    text-align: center;
    padding:4px 0 2px 13px;
    float:left;
    font-size:10px;
    color:#444;
}

.form-two-cols-input-container {
    width:215px;
    text-align: center;
    float:left;
    padding-left:13px;
    font-size:10px;
    color:#444;
}

.errorFieldColor {
    background-color:#FFBD95 !important;
}

.basket-header-small {
    width:40px;
    float:left;
    font-size:10px;
    font-weight: bold;
    color:#444;
    padding:4px 3px 0 3px;
    text-align:center;
}

.basket-header {
    width:132px;
    float:left;
    font-size:10px;
    font-weight: bold;
    color:#444;
    padding:4px 3px 0 3px;
    text-align:center;
}

.basket-content-small {
    width:40px;
    float:left;
    font-size:10px;
    color:#444;
    padding:4px 3px 0 3px;
    text-align:right;
}

.basket-content {
    width:132px;
    float:left;
    font-size:10px;
    color:#444;
    padding:4px 3px 0 3px;
    text-align:center;
}

.basket-two-cols {
    width:586px;
    text-align:right;
    padding:4px 3px 0 3px;
    color:#444;
    float:left;
}

.basket-three-cols {
    width:540px;
    text-align:right;
    padding:4px 3px 0 3px;
    color:#444;
    float:left;
}

.basket-price {
    width:140px;
    text-align:right;
    padding:4px 0 0 0;
    float:left;
}

.form-five-cols-label-header {
    text-align: left;
    padding-left:0px;
    float:left;
    font-size:10px;
    font-weight: bold;
    padding-top:3px;
    color:#444;
}

.inquiry-text-form {
    color:#444;
    font-size:10px;
}
a {
    color: #2e4da7;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

#content-tests li{
    margin-bottom: 0.5em;
    border-bottom: 1px solid white;
    list-style: none;
}

.frame{
    width: 972px;
    background-color: #fff;
    margin: 0 auto 20px;
    padding-bottom: 1px;
}

.main{
    margin: 0 auto;
    min-height: 600px;
}

.pull-right{
     float: right;
}

.pull-left{
    float: left;
}

.pull-bottom{
    position: absolute;
    bottom: 0;
}

.align-center{
    text-align: center;
}

.align-right{
    text-align: right;
}

.sanitize-right,
.table td.sanitize-right{
    padding-right: 0;
    margin-right: 0;
}

tr.action{
    display: table-row;
}

.box-open{
    border-top-style: none;
}

.text-box{
    padding-top:7px;
    padding-bottom:8px;

}

#carousel-item-list li img {
    max-width: 65px;
    max-height: 65px; /* This is required because old Browser like IE11 can't auto-scale */
}

#carousel-item-list {
    list-style: none;
}

.navigator .navigate-back,
.navigator .box,
.navigator .navigate-fwd{
    float: left;
    margin-left: 6px;
}

.header{
    display: block;
    color: #333;
    background-color: #EAEAEA;
    padding: 0 6px;
    line-height: 32px;
    margin-bottom: 1px;
}

.col-row{
    line-height: 20px;
}

.one-of-three{
    width: 33.3333%;
}

.two-of-three{
    width: 66.6666%;
}

.one-of-five {
    width: 20%;
}

.two-of-five-first{
    width: 40%;
}

.three-of-five{
    width: 60%;
}

.one-of-two{
    width: 50%;
}

.one-of-four {
    width: 25%;
}

.two-of-five {
    width: 40%;
}

.tabs{
    border-bottom: 1px solid #e6e6e6;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.tabs:before, .tabs:after {
    display: table;
    content: " ";
}

.tabs:after{
    clear: both;
}

.tabs > .tab {
    float: left;
    margin: 0px 8px -1px 0px;
    position: relative;
    display: block;
}

.details-tab {
    height: 24px !important;
    overflow: hidden !important;
    margin-right: 5px !important;
}

.tabs > .tab > a {
    outline: none;
    text-decoration: none;
    position: relative;
    display: block;
    padding: 5px 8px 5px 8px;
    border: 1px solid #e6e6e6;
    border-radius: 4px 4px 0 0;
    font-family: Lato, sans-serif;
    font-size: 14px;
    background-color: #fcfcfc;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 24px;
    letter-spacing: normal;
    color: #acacac;
}

.tabs > .tab.active > a,
.tabs > .tab > a:hover{
    color: #2e4da7;
    background: #f8f8f8 none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.tabs > .tab.active > a{
    cursor: default;
    border-bottom-color: transparent;
}

.tab-contents .tab-content{
    display: none;
    margin-top: 3px;
    line-height: 20px;
}

.tab-contents .box {
    padding: 9px 6px 0px 6px;
}

.tab-content.active{
    display: block;
}

#content-description .tab-content table{
    table-layout: fixed;
}

.box.with-bottom-nav{
    padding-bottom: 188px;
}

.nav{
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.nav:before, .tabs:after {
    display: table;
    content: " ";
}

.nav:after{
    clear: both;
}

.nav > li {
    float: left;
    position: relative;
    display: block;
    margin-top: 10px;
}

.nav > li  a{
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px 0 6px;
}

.secondary-nav{
    font-size: 10px;
}

.cics16 {
    background: url('/assets/images/detail-page-action.svg') no-repeat 0 0;
    overflow: hidden;
    display: inline-block;
    line-height: inherit;
    width: 16px;
    height: 16px;
}

.cics16-missing,
.links-box *:hover .cics16.cics16-missing,
.links-box .cics16.cics16-missing:hover{
    background-position: 0 -1px;
}

.cics16-piggybank,
.links-box *:hover .cics16.cics16-piggybank,
.links-box .cics16.cics16-piggybank:hover{
    background-position: -16px -1px;
}

.cics16-printer,
.links-box *:hover .cics16.cics16-printer,
.links-box .cics16.cics16-printer:hover{
    background-position: 0 -17px;
}

.cics16-marketplace,
.links-box *:hover .cics16.cics16-marketplace,
.links-box .cics16.cics16-marketplace:hover{
    background-position: -32px 0;
}

.cics16-product-information{
    background-position: -16px -17px;
}

*:hover > .cics16-product-information,
.cics16-product-information:hover{
    background-position: -16px -49px;
}

.cics16-chart{
    background-position: -16px -17px;
}

*:hover > .cics16-missing,
.cics16-missing:hover,
.links-box .cics16.cics16-missing{
    background-position: 0 -33px;
}

*:hover > .cics16-piggybank,
.cics16-piggybank:hover,
.links-box .cics16.cics16-piggybank{
    background-position: -16px -33px;
}

*:hover > .cics16-printer,
.cics16-printer:hover,
.links-box .cics16.cics16-printer{
    background-position: 0 -49px;
}

*:hover > .cics16-marketplace,
.cics16-marketplace:hover,
.links-box .cics16.cics16-marketplace {
    background-position: -32px -32px;
}

*:hover > .cics16-chart,
.cics16-chart:hover {
    background-position: -16px -49px;
}

.with-space-bottom,
.widget-button.with-space-bottom{
    margin-bottom: 8px;
}

.widget-button.btn-order{
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.btn-order-multiline{
    display: inline-block;
    height: 35px !important;
    padding: 4px 15px;
}

.text-block{
    padding: 6px 0;
}

#et-selection{
    height: 21px;
    overflow: hidden;
}

#et-selection .ui-spinner.ui-corner-all.ui-widget.ui-widget-content {
    height: 20px;
}

#et-selection input.offsetSpinner.ui-spinner-input {
    padding-right: 18px;
    height: 100%;
    padding-bottom: 0;
    padding-top: 1px;
    border: 0 none;
}

#retailer-info{
    overflow: hidden;
    overflow-y: auto;
}

#alloy-rim > [class^="grid_"] > .box.with-bottom-nav{
    min-height: 220px;
}

#product-action-box input[type="number"]{
    width:80px;
}

.gallery-viewport{
    /*overflow: hidden;*/
}

.gallery-main{
    float:left;
    width:75%;
}

.gallery-thumbs{
    float:left;
    width:25%;
}

.gallery-main-inner{
    padding: 2%;
 }

.gallery-thumbs-inner{
    padding: 4%;
}

.gallery-thumbs .nav li{
    margin: 0 6px 6px 0;
    padding: 1px;
    border: 1px solid gray;
}

.gallery-thumbs .nav li a{
    margin: 0;
}

.more-arrow {
    width: 256px;
    height: 14px;

    position: relative;
    cursor: pointer;

    color: #8e8e93;
    background-color: #eaeaea;
    border: 1px solid #e6e6e6;
    border-top: none;

    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.more-arrow .icon-caret-down {
    line-height: 10px;
}

.more-arrow .icon-caret-up{
    display: none;
    line-height: 6px;
}

.more-arrow.expanded .icon-caret-up{
    display: block;
}

.more-arrow.expanded .icon-caret-down{
    display: none;
}

.filter-icon {
    cursor: pointer;
}

.calender {
    float: left;
}

.calender-icon-text {
    float: left;
    margin-right: 5px;
}

.si-filter-icon{
    width: 32px;
    height: 32px;
    background-image: url('/assets/images/t24_Iconset_32_all.svg?v=4');
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.si-filter-icon-reload{
    background-position: -320px -160px;
    margin-top: 10px;
    margin-bottom: 4px;
}

.si-filter-icon-reload.hover,
.si-filter-icon-reload.is-active{
    background-position: -320px -96px;
}

.si-filter-icon-reload.small{
    background-position: -201px -75px;
    background-size: 504px 192px;
    width: 22px;
    height: 22px;
}

.small-in-text {
    margin-top: 3px !important;
}

.many-active-filter, .clear-filter {
    color: grey;
    border: #B1D4E6 1px solid;
    background: #d9edf7;
    padding: 20px;
    padding-right: 40px;
    font-size: 13px;
}

.clear-filter{
    float: right;
    margin: 0;
    padding: 9px;
    position: relative;
    top: -72px;
    left: 7px;
    height: 44px;
    border-bottom: 0;
}

.gallery-item{
    position: relative;
}

.gallery-item .image-wrapper{
    position: absolute;
    left: 0;
    top: 0;
}

.gallery-controls{
    overflow: hidden
}

.ss-controls{
    float: left;
}

.nav-controls{
    float: right;
}

.nav-controls a:first-child{
    margin-right: 20px;
}

.zoomContainer {
    z-index: 1200;
}

.zoomWindow{
    background-color: #fff;
}

.footer.frame {
    background-color: #808080;
    padding-top: 10px;
}

.contact {
    color: #ddd;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    margin-top: 5px;
}

.contactdata {
    font-size: 14px;
}

.first {
    margin-left: -14px;
}

.productline {
    min-height: 40px;
    margin-top: -10px;
}

.no-cursor {
    cursor: default;
}

.table-retailer tr td {
    transition: background-color 0.3s, color 0.3s;
}

.table-retailer tr:hover td .price-row,
.table-retailer tr td .text-link {
    transition: color 0.3s;
}

.table-retailer tr:hover td{
    background-color: #2e4da7;
}

.table-retailer tr.no-distributor:hover td {
    color: black;
    background-color: white;
}

.table-retailer tr.highlighted td{
    background-color: #2e4da7;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_rating_good{
    background-position: -72px -144px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_rating_ok{
    background-position: -96px -144px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_rating_bad{
    background-position: -120px -144px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_marketplace_inactive{
    background-position: -72px -168px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_retailer_profi{
    background-position: -144px -168px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_payment_6{
    background-position: -192px -144px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_payment_2{
    background-position: -216px -144px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_payment_3{
    background-position: -264px -144px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_payment_4{
    background-position: -168px -144px!important;
}

.table-retailer tr.highlighted td .filter-icon-24.filter_payment_9{
    background-position: -168px -144px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_payment_5{
    background-position: -288px -144px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_payment_7{
    background-position: -216px -168px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_payment_12{
    background-position: -800px -96px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_payment_13{
    background-position: -832px -64px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_payment_14{
    background-position: -832px -96px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_payment_15{
    background-position: -864px -64px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_stock_four_tyre{
    background-position: -96px -168px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_stock_two_tyre{
    background-position: -120px -168px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_stock_one_tyre{
    background-position: -264px -168px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_stock_four_rim{
    background-position: -264px -168px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_stock_two_rim{
    background-position: -168px -168px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_stock_one_rim{
    background-position: -312px -168px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_retailer_check{
    background-position: -24px -168px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_retailer_live{
    background-position: -48px -168px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_tyre_recycling{
    background-position: -288px -168px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_retailer_coupons{
    background-position: -360px -168px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_shipping_normal{
    background-position: -336px -144px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_shipping_fast{
    background-position: -312px -144px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_shipping_express{
    background-position: -384px -144px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_shipping_fast_express{
    background-position: -360px -144px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_shipping_collection{
    background-position: -408px -144px!important;
}

.table-retailer tr.highlighted td span.filter-icon-24.filter_premium_supplier {
    background-position: -336px -168px !important;
}

.table-retailer tr:hover span.filter-icon-24.filter_rating_good{
    background-position: -72px -144px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_rating_ok{
    background-position: -96px -144px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_rating_bad{
    background-position: -120px -144px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_marketplace_inactive{
    background-position: -72px -168px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_retailer_profi{
    background-position: -144px -168px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_payment_6{
    background-position: -192px -144px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_payment_2{
    background-position: -216px -144px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_payment_3{
    background-position: -264px -144px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_payment_4{
    background-position: -168px -144px!important;
}

.table-retailer tr:hover .filter-icon-24.filter_payment_9{
    background-position: -168px -144px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_payment_5{
    background-position: -288px -144px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_payment_7{
    background-position: -216px -168px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_stock_four_tyre{
    background-position: -96px -168px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_stock_two_tyre{
    background-position: -120px -168px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_stock_one_tyre{
    background-position: -264px -168px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_stock_four_rim{
    background-position: -264px -168px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_stock_two_rim{
    background-position: -168px -168px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_stock_one_rim{
    background-position: -312px -168px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_retailer_check{
    background-position: -24px -168px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_retailer_live{
    background-position: -48px -168px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_tyre_recycling{
    background-position: -288px -168px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_retailer_coupons{
    background-position: -360px -168px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_shipping_normal{
    background-position: -336px -144px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_shipping_fast{
    background-position: -312px -144px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_shipping_express{
    background-position: -384px -144px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_shipping_fast_express{
    background-position: -360px -144px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_shipping_collection{
    background-position: -408px -144px!important;
}

.table-retailer tr:hover span.filter-icon-24.filter_premium_supplier {
    background-position: -360px -168px;
}

.table-retailer tr:hover .price-row-icon.shipping_spedition_fast {
    background-position: -208px -96px;
}

.table-retailer tr:hover .price-row-icon.shipping_spedition {
    background-position: -224px -96px;
}

.table-retailer tr:hover .price-row-icon.shipping_truck_fast {
    background-position: -240px -96px;
}

.table-retailer tr:hover .price-row-icon.shipping_truck {
    background-position: -256px -96px;
}

.table-retailer tr.highlighted .price-row-icon.shipping_spedition_fast {
    background-position: -208px -96px;
}

.table-retailer tr.highlighted .price-row-icon.shipping_spedition {
    background-position: -224px -96px;
}

.table-retailer tr.highlighted .price-row-icon.shipping_truck_fast {
    background-position: -240px -96px;
}

.table-retailer tr.highlighted .price-row-icon.shipping_truck {
    background-position: -256px -96px;
}

.price-row-icon.shipping_spedition_fast {
    background-position: -208px -32px;
}

.price-row-icon.shipping_spedition {
    background-position: -224px -32px;
}

.price-row-icon.shipping_truck_fast {
    background-position: -240px -32px;
}

.price-row-icon.shipping_truck {
    background-position: -256px -32px;
}

.table-retailer tr:hover .price-row-icon.discount {
    background: url(/assets/images/small-icons.svg) -136px 0px;
}

.text-link {
    color: #2e4da7;
    text-decoration: none;
}

.table-retailer tr.highlighted .text-link,
.table-retailer tr:hover .text-link {
    color: #fff;
}

.distributor-thumb-up-icon {
    display: inline-block;
    background: url(/assets/images/t24_Iconset_16_all.svg) -337px -32px;
    width: 16px;
    height: 16px;
    margin: 0 8px 0 8px;
}

.table-retailer-row:hover .distributor-thumb-up-icon,
.table-retailer-row.highlighted .distributor-thumb-up-icon {
    background-position-y: -96px;
}

.distributor-thumb-down-icon {
    display: inline-block;
    background: url(/assets/images/t24_Iconset_16_all.svg) -353px -32px;
    width: 16px;
    height: 16px;
    margin: 0 8px 0 8px;
}

.table-retailer-row:hover .distributor-thumb-down-icon,
.table-retailer-row.highlighted .distributor-thumb-down-icon {
    background-position-y: -96px;
}

.distributor-info-icon,
.premium-info-icon {
    display: inline-block;
    background: url(/assets/images/small-icons.svg) -169px 0;
    width: 16px !important;
    height: 16px !important;
    margin: 0 8px 0 8px;
}

.distributor-attention-icon {
    display: inline-block;
    background: url(/assets/images/small-icons.svg) -842px 0;
    width: 16px !important;
    height: 16px !important;
    margin: 0 8px 0 8px;
}

.table-retailer tr.highlighted .distributor-info-icon,
.table-retailer tr:hover .distributor-info-icon {
    background-position: -169px -16px;
    opacity: 60%;
}

.column-xsmall {
    width: 4%;
}

.column-small {
    width: 8%;
}

.column-smedium {
    width: 10%;
}

.column-medium {
    width: 11%;
}

.column-xmedium {
    width: 15%;
}

.column-large {
    width: 30%;
}

.column-mxlarge {
    width: 28%;
}

.column-xlarge {
    width: 39%;
}

.column-premium-supplier {
    width: 34%;
}

.column-basic-supplier {
    width: 34%;
}

.table .column-professional td{
    border-top: 2px solid #ccb66a;
    border-bottom: 2px solid #ccb66a;
}

.table td {
    border-bottom: 1px solid #eaeaea;
}

.table tr:last-child td {
    border-bottom: none;
}

.table tr:first-child > td:first-child {
     border-top-left-radius: 4px;
 }

.table tr:first-child > td:last-child {
    border-top-right-radius: 4px;
}

.table tr:last-child > td:first-child {
    border-bottom-left-radius: 4px;
}

.table tr:last-child > td:last-child {
    border-bottom-right-radius: 4px;
}

.table.table-premium-supplier tr:first-child > td:first-child {
    box-shadow: -1px -1px 0 #376f00;
}

.table.table-premium-supplier tr:first-child > td:last-child {
    box-shadow: 1px -1px 0 #376f00;
}

.table.table-premium-supplier tr:last-child > td:first-child {
    box-shadow: -1px 1px 0 #376f00;
}

.table.table-premium-supplier tr:last-child > td:last-child {
    box-shadow: 1px 1px 0 #376f00;
}

.table.table-basic-supplier tr:first-child > td:first-child {
    box-shadow: -1px -1px 0 #eaeaea;
}

.table.table-basic-supplier tr:first-child > td:last-child {
    box-shadow: 1px -1px 0 #eaeaea;
}

.table.table-basic-supplier tr:last-child > td:first-child {
    box-shadow: -1px 1px 0 #eaeaea;
}

.table.table-basic-supplier tr:last-child > td:last-child {
    box-shadow: 1px 1px 0 #eaeaea;
}

.table.table-external-supplier tr:first-child > td:first-child {
    box-shadow: -1px -1px 0 #eaeaea;
}

.table.table-external-supplier tr:first-child > td:last-child {
    box-shadow: 1px -1px 0 #eaeaea;
}

.table.table-external-supplier tr:last-child > td:first-child {
    box-shadow: -1px 1px 0 #eaeaea;
}

.table.table-external-supplier tr:last-child > td:last-child {
    box-shadow: 1px 1px 0 #eaeaea;
}

.table-external-supplier .teccom-image {
    background: url('/assets/images/teccom.svg') no-repeat 0 0;
    width: 102px;
    height: 43px;
    position: absolute;
    top: 0;
    left: -120px;
}

.table-retailer td {
    vertical-align: middle;
    padding-top:6px;
    padding-bottom:6px;
}

.table-retailer td.dealer-icon-block {
    padding: 3px 0 3px 0;
}

.table-retailer td.dealer-icon-block div span {
    margin: 4px 2px 4px 0;
    float: right;
}
.dealer-name > div{
    width: 300px;
    float: left;
}

.dealer-name p {
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    line-height: normal;
}

.dealer-name p:first-child {
    line-height: 1.4;
}

.text-marketplace {
    color: #ce6499;
}

.text-professional {
    color: #ccb66a;
}

.text-professional a {
    color: #ccb66a;
}

.text-error {
    color: #FF7575;
}

.text-info {
    color: #F2D429;
}

.text-price {
    font-size: 13px;
}

.text-table-header {
    font-size: 12px;
    color: #A2A2A2;
    font-weight: normal;
    margin-top: -5px;
    white-space: nowrap;
}

.distributor-table-header {
    font-size: 28px;
    color: #fff;
    font-weight: normal;
    padding: 1px 6px !important;
}

.table th.distributor-table-header {
    border: 0;
    vertical-align: bottom;
}

.alert {
    margin: 5px 10px 5px 10px;
    padding: 3px 10px 3px 10px;
    color: #606060;
}

.alzura-modal-content .alert {
    margin: 5px 0;
}

.alert-fail {
    background-color: #fbcbc5;
    border: 1px solid #f6968c;
}

.alert-info, .alert-success, .alert-warning {
    background-color: #fbf0c5;
    border: 1px solid #f6e08c;
}


.professional-banner {
    background: url('/assets/images/banderole-rechts-links.png') no-repeat 0px 0px;
    width: 12px;
    height: 44px;
    position: absolute;
}

.right-gold {
    background-position: -12px 0;
    right: -18px;
    top: -7px;
}

.left-gold {
    background-position: 0 0;
    left: -18px;
    top: -7px;
}

.tab .filter-icon{
     opacity: 0.4;
     filter: alpha(opacity = 40);
 }

.tab.active .filter-icon,
.tab a:hover .filter-icon{
    opacity: 1;
    filter: alpha(opacity = 100);
}

.ie6{
    display: none;
}

.cell-wrapper{
    position: relative;
}

.hiddenEntry {
    display: none;
}

.underStock,
.underStock .warehouse-location,
.underStock p.rating-average a {
    color: lightgray;
}

.offsetSpinner {
    width: 55px;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.price-row {
    /*padding: 6px 4px 4px 0;
    height: 15px;*/
    /*remove above on the td element no-padding, no-margin and change to align-center*/
    font-size: 13px;
    display: block;
    white-space: nowrap;
}

.ek-row {
    margin-top: 4px;
    padding-right: 4px;
}

.discount-row, .express-row {
    padding: 0 4px 0 3px !important;
    margin: 2px 0;
    height: 20px;
}

.discount-row {
    background-color: #ccc;
}

.table-retailer-row.highlighted .discount-row,
.table-retailer-row:hover .discount-row{
    background-color: #b5b5b5;
}

.table-retailer-row.highlighted .calender-icon,
.table-retailer-row:hover .calender-icon,
.table-retailer-row .calender-text-top
{
    font-size: 8px;
    font-weight: 900;
    fill: #fff;
}

.table-retailer-row.highlighted .calender-text-bottom,
.table-retailer-row:hover .calender-text-bottom
{
    font-size: 11px;
    text-align: center;
    fill: #fff;
}

.table-retailer-row .calender-icon,
.table-retailer-row .calender-text-bottom{
    fill: #8E8E93;
}

.table-retailer-row.highlighted .calender-text-top,
.table-retailer-row:hover .calender-text-top{
    fill: #497bce;
}

.price-row-icon {
    float: left;
    width: 16px;
    height: 16px;
    background: url('/assets/images/t24_Iconset_16_all.svg?v=2');
}

.price-row-icon.discount {
    background: url(/assets/images/small-icons.svg) no-repeat -136px 0px;
}

.price-row-icon.deposit {
    background: url(/assets/images/small-icons.svg) -184px 0;
    position: relative;
    left: 15px;
}

.discount-icon-block {
    background-color: #3fab6c;
    width: 20px;
    height: 23px;
    float: left;
}

.discount-icon-block .discount-circle {
    display: block;
    border-radius: 10px;
    background: white;
    width: 14px;
    height: 14px;
    margin: 5px auto;
    color: #3fab6c;
    font-size: 9px;
    line-height: 13px;
}

.discount-circle span {
    padding: 2px;
}
.qtip-content a {
    color: #ccc;
}

#content-description > img {
    margin-right: 6px;
}
a.orderButtonJs:hover {
    text-decoration: none;
}

.filter_box {
    margin-top: 17px;
}

.filter_box > a.filter-icon {
    text-align: center;
}

.filter_box a.filter-icon.inactive {
    cursor: default;
}

.filter_box > a.filter-icon:hover {
    text-decoration: none;
}

.filter_box > a.filter-icon span.icon-badge {
    position: absolute;
    top: -6px;
    right: -3px;
    color: #fff;
    background-color: #a67a5a;
    border: 1px #785942 solid;
    text-decoration: none;
    padding: 1px 3px;
    line-height: normal;
    font-family: Verdana, serif;
    font-size: 8px;
    font-weight: 100;
    text-align: center;
    display: inline-block;
    border-radius: 8px;
    min-width: 6px;
}

.min-discount-separator {
    margin-top:     6px;
    margin-bottom: 10px;
}
.express-price-info {
    display: inline-block;
    float: right;
}
.express-price-info .leftBl {
    margin-right: 8px;
    float: left;
}
.express-price-info .rightBl {
    float:right;
}

.pdf {
    background: url('/assets/images/icons/adobe_pdf_file_icon_32x32.png') no-repeat 0 0;
    background-size: 16px 16px;
    overflow: hidden;
    display: inline;
    line-height: inherit;
    padding: 2px 8px;
}

.hidden {
    display:none;
}

.show-more-toggle {
    text-align: center;
}

.basicPriceText {
    font-size: 10px;
}

.loading {
    width: 25px;
    height: 25px;
    border: 3px solid rgba(48, 147, 252, .3);
    border-radius: 50%;
    border-top-color: #3093fc;
    border-right-color: #3093fc;
    border-left-color: #3093fc;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
    display: none;
    margin-right: 5px;
}
.loading.active{
    display: inline-block;
}

@keyframes spin {
    to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    to { -webkit-transform: rotate(360deg); }
}

.tooltip {
    position: relative;
    display: inline-block;
}

.calender-tooltip .calender-text {
    visibility: hidden;
    width: 222px;
    background-color: #555;
    color: #fff;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: -10px;
    margin-left: -85px;
    opacity: 0;
    transition: opacity 0.3s;
    padding-left: 10px;
    font-size: 12px
}

.calender-tooltip .calender-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.calender-tooltip:hover .calender-text {
    visibility: visible;
    opacity: 1;
}

.qtip {
    max-width: 500px;
}

.table-premium-supplier {
    border: solid 5px #376f00;

    margin-top: 7px;
}

.table-premium-supplier .distributor-table-header {
    background-color: #376f00 !important;
}

.table-premium-supplier .text-table-header {
    color: #fff;
}

.table-basic-supplier {
    outline: solid 1px #e6e6e6;
    border: solid 5px #e6e6e6;

    margin-top: 7px;
}

.table-basic-supplier .text-table-header {
    padding-bottom: 2px;
}

.table-external-supplier {
    outline: solid 1px #e6e6e6;
    border: solid 5px #e6e6e6;

    margin-top: 7px;
}

.table-external-supplier .text-table-header {
    padding-bottom: 2px;
}

.premium-supplier-logo {
    background-position: -448px -224px !important;

    margin: -3px 0 0 -5px;
}

.supplier-head {
    font-size: 16px;
    float: left;

    text-transform: uppercase;

    margin-top: -3px;
}

.premium-supplier-head {
    color: #fff !important;
}

.premium-supplier-head-info {
    font-size: 12px;
    color: #fff !important;
    float: left;
    margin-top: -5px;
    min-width: 180px;
}

.premium-supplier-head-info-tooltip {
    display: inline-block;
}

.premium-supplier-head-info-tooltip-popup.ui-widget.ui-widget-content {
    background-color: #555;
    color: #fff;
    border: none;
    border-radius: 0;
}

.premium-supplier-head-info-tooltip-popup::after {
    content: "";
    position: absolute;
    top: -5px;
    left: 5px;
    border-width: 0 5px 5px;
    border-style: solid;
    border-color: #555 transparent;
}

.premium-info-icon {
    margin: 0 0 0 1px;
    background-position: -169px -16px;
    line-height: 14px;
}

.more-arrow-premium-supplier {
    color: #fff;
    background-color: #376f00;
}

.more-arrow-premium-supplier .ie6 {
    color: #000;
}

.premium-supplier-rating {
    display: table;
    color: #8e8e93;
    background-color: #fff;
    border-radius: 7px;
    height: 32px;
    padding-right: 5px;
    font-size: 9px;
    width: 100%;
}

.premium-supplier-rating-percentage {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    line-height: 12px;
}

.table-retailer tr.highlighted td div.premium-supplier-rating,
.table-retailer tr:hover td div.premium-supplier-rating {
    color: #487bce;
}

.table-retailer tr.highlighted td div.premium-supplier-rating span.filter_premium_supplier,
.table-retailer tr:hover td div.premium-supplier-rating span.filter_premium_supplier {
    background-position: -448px -96px !important;
}

.retailer-info-country {
    padding-right: 5px;
    padding-bottom: 10px;
}

.retailer-info-premium-supplier {
    background: url(/assets/images/premium_supplier_green.svg) no-repeat 0 0;
    width: 20px;
    height: 25px;
    position: absolute;
    right: 5px;
    bottom: 0;
}

.retailer-info-center {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    height: 30px;
}

.retailer-info-text {
    margin-left: 2px;
}

.tab-box .box {
    border-radius: 0 0 4px 4px;
}

.tab-box .filter-box {
    background-color: #fff;
    border-radius: 4px;
}

.tab-box .table {
    border-collapse: unset;
    border-radius: 4px;
    outline: none;
}

.box.brand-logo {
    text-align: center;
    background-color: white;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    overflow: hidden;
}

.table span.cart-button {
    padding: 9px 7px;
}

tr.highlighted .cart-button,
tr:hover .cart-button {
    background-color: #fff;
    color: #589e11;
}

tr.marketplace.highlighted .cart-button,
tr.marketplace:hover .cart-button {
    background-color: #fff;
    color: #e879ae;
}

.widget-button.secondary.cart-button:hover {
    background-color: #eff6e8
    background-color: var(--secondary-hover, #eff6e8);
}

.marketplace .widget-button.secondary.cart-button:hover {
    color: #fff;
    background-color: #e879ae;
}

tr.highlighted .menu-icons.cart-add,
tr:hover .menu-icons.cart-add {
    background-position-y: -120px;
}

.menu-icons.cart-add.fix-position {
    position: absolute;
    top: 9px;
    left: 30px;
}

.widget-button.widget-button-disabled.cart-button {
    background-color: #ccc;
    border-color: transparent;
}

.widget-button.widget-button-disabled  .menu-icons.cart-add {
    background-position-y: -72px;
    cursor: not-allowed;
}

.btn-icon-padding {
    padding-left: 30px;
}

.brand-logo-wrapper {
    width: 100%;
    height: 100%;
    display: table;
}

.brand-logo-wrapper span {
    display: table-cell;
    vertical-align: middle;
}

.bread-crumb-head.vehicle.wearparts {
    margin-bottom: -10px;
}

.bread-crumb-head > strong {
    color: #313337;
}

.bread-crumb-head.vehicle.wearparts > div {
    height: 27px;
    line-height: 27px;
    padding: 0 10px;
    margin-left: -5px;
    border-color: #dbdce0;
}

.bottom-box {
    border-top: 1px solid #e6e6e6;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.bottom-row {
    display: table;
    min-height: 16px;
    line-height: 16px;
    width: 95%;
    font-weight: bold;
    padding: 3px 12px;
}

.left {
    float: left;
}

.right {
    font-weight: normal;
    float: right;
    text-align: right;
}

.links-box {
    float: left;
    width: 96%;
    padding: 2px 10px;
}

.links-box a {
    font-size: 10px;
    margin-left: 5px;
    display: inline-block;
    white-space: nowrap;
    padding-top: 10px;
}

.show-more-toggle td {
    text-align: right;
}

.manufacturer-image {
    height: 40px;
    width: 209px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.pdf-link {
    float: left;
    width: 16px;
    height: 16px;
    margin: 0 2px 3px 2px;
}

.pdf-label {
    width: 27%;
    line-height: 16px;
    float: left;
    margin-bottom: 3px;
}

.rating-label {
    font-weight: bold;
    margin-right: 8px;
}

#validation-messages .message {
    padding-top: 5px;
}

.rating-star-small {
    width: 10px;
    height: 10px;
    display: inline-block;
    cursor: pointer;
    margin-right: 1px;
}

.rating-star-small.grey {
    background: url(/assets/images/orderHistory/order-history-overview-sprite.svg) -116px -268px;
}

.rating-star-small.highlight {
    background: url(/assets/images/orderHistory/order-history-overview-sprite.svg) -96px -268px;
}

.rating-star-small.highlight-half {
    background: url(/assets/images/orderHistory/order-history-overview-sprite.svg) -106px -268px;
}

.table-retailer tr.highlighted .rating-star-small.highlight,
.table-retailer tr:hover .rating-star-small.highlight {
    background-position: -96px -242px;
}

.table-retailer tr.highlighted .rating-star-small.highlight-half,
.table-retailer tr:hover .rating-star-small.highlight-half {
    background-position: -106px -242px;
}

.table-retailer tr.highlighted .rating-star-small.grey,
.table-retailer tr:hover .rating-star-small.grey {
    background-position: -116px -242px;
}

.table-retailer tr.highlighted .rating-average a:hover i,
.table-retailer tr.underStock .rating-average a,
.table-retailer tr.underStock .rating-average a:hover i,
.table-retailer tr:hover .rating-average a:hover i {
    opacity: 60%;
}

p.rating-average a {
    margin-right: 4px;
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #8e8e93;
}

p.rating-average {
    font-size: 10px;
    font-weight: normal;
    text-shadow: none;
}

.table-retailer tr.highlighted p.rating-average a,
.table-retailer tr:hover p.rating-average a {
    color: #fff;
    opacity: 60%;
}

.table-retailer tr.highlighted p.rating-average a i,
.table-retailer tr:hover p.rating-average a i {
    opacity: 100%;
}

.grid_6.no_margin.margin-top-10 {
    margin-top: 5px;
}

select#variants option, #variants_chosen.chosen-container .chosen-results li {
    clear: both;
    padding-left: 10px;
}

#variants_chosen.chosen-container .chosen-results {
    max-height: 156px;
    padding: 0 10px;
    margin: 0 0 10px;
}

#variants_chosen.chosen-container .chosen-results li.group-result {
    font-weight: normal;
}

#variants_chosen.chosen-container .chosen-results li {
    color: #44484f;
    display: table;
    position: relative;
    width: 100%;
    padding: 6px 8px;
    border-radius: 4px;
    min-height: 46px;
}

#variants_chosen.chosen-container .chosen-results li div {
    float: left;
    line-height: 17px;
}

#variants_chosen.chosen-container .chosen-results li div.variant-name {
    width: 67%;
    position: absolute;
    top: 50%;
    left: 8px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#variants_chosen.chosen-container .chosen-results li div.variant-price{
    font-size: 13px;
    width: 27%;
    margin: 0;
    text-align: right;
    position: absolute;
    top: 50%;
    right: 8px;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#variants_chosen.chosen-container .chosen-results li.active-result:hover {
    color: var(--primary-hover, #4065d0);
    background-color: var(--primary-hover-outline, #e8ecf9);
}

select#variants option:checked,
#variants_chosen .result-selected {
    font-weight: bold;
}

.preview.check {
    width: 190px;
    height: 190px;
    margin-left: -16px;
}

.zoom-overlay {
    position: relative;
}

.zoom-overlay .zoom-img {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    pointer-events: none;
}

.zoom-overlay:hover .zoom-img {
    display: block;
}

.zoom-overlay:hover .slick-slider {
    opacity: 0.5;
}

.slick-slider {
    height: initial;
}

.slider-nav {
    padding: 0 16px;
    margin-top: 8px;
}

.slider-for .slick-track > a > * {
    margin: 0 auto;
    width: 100%;
    height: 243px;
    object-fit: contain;
}

.slider-nav .slick-track > * {
    height: 75px;
    margin: 0 3px;
    border: 1px solid #e6e6e6;
}

.slick-track {
    display: flex;
    align-items: center;
}

.slick-prev, .slick-next {
    background: #2e4da7;
    border: none;
    color: #ffffff;
    height: 100%;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    width: 16px;
    z-index: 1;
    font-size: 29px;
}

.slick-prev:hover, .slick-next:hover {
    background: #4065d0;
}

.slick-prev {
    left: 0;
    border-radius: 5px 0 0 5px;
}

.slick-next {
    right: 0;
    border-radius: 0 5px 5px 0;
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
}

.slick-disabled.slick-prev, .slick-disabled.slick-next {
    background: #b3b3b3;
    pointer-events: none;
}

.fancybox-image {
    object-fit: contain;
}

#price_chart {
    margin-left: 10px;
}

#big-pricehistory {
    cursor: pointer;
}

.distributor-table-header {
    padding: 1px 3px !important;
}
.column-premium-supplier, .column-basic-supplier {
    width: 280px;
}
.col-delivery-header {
    width: 360px;
}
.col-delivery {
    width: 80px;
    float: left;
}
.col-delivery-text {
    width: 244px;
    float: left;
    font-size: 10px;
}

.col-amount {
    width: 40px;
}
.col-price {
    min-width: 130px;
}
.col-buy-btn {
    width: 106px;
}

.calenderTd {
    width: 32px;
    margin-right: 6px;
}

.filter-icon-32 {
    background: url(/assets/images/t24_Iconset_32_all.svg) no-repeat 0 0;
    width: 32px;
    height: 32px;
    display: inline-block;
}

.table-retailer tr.highlighted td span.filter-icon-32.filter_shipping_normal{
    background-position: -448px -192px!important;
}

.table-retailer tr.highlighted td span.filter-icon-32.filter_shipping_fast{
    background-position: -416px -192px!important;
}

.table-retailer tr.highlighted td span.filter-icon-32.filter_shipping_express{
    background-position: -512px -192px!important;
}

.table-retailer tr.highlighted td span.filter-icon-32.filter_shipping_fast_express{
    background-position: -480px -192px!important;
}

.table-retailer tr.highlighted td span.filter-icon-32.filter_shipping_collection{
    background-position: -544px -192px!important;
}

.table-retailer tr.highlighted td span.filter-icon-32.filter_retailer_coupons{
    background-position: -480px -224px!important;
}

.table-retailer tr.highlighted td span.filter-icon-32.filter_retailer_coupons_100{
    background-position: -768px -224px!important;
}

.table-retailer tr:hover span.filter-icon-32.filter_retailer_coupons{
    background-position: -480px -224px!important;
}
.table-retailer tr:hover span.filter-icon-32.filter_retailer_coupons_100{
    background-position: -768px -224px!important;
}

.table-retailer tr:hover span.filter-icon-32.filter_shipping_normal{
    background-position: -448px -192px!important;
}

.table-retailer tr:hover span.filter-icon-32.filter_shipping_fast{
    background-position: -416px -192px!important;
}

.table-retailer tr:hover span.filter-icon-32.filter_shipping_express{
    background-position: -512px -192px!important;
}

.table-retailer tr:hover span.filter-icon-32.filter_shipping_fast_express{
    background-position: -480px -192px!important;
}

.table-retailer tr:hover span.filter-icon-32.filter_shipping_collection{
    background-position: -544px -192px!important;
}

.table-retailer tr span.filter-icon-32.filter_retailer_coupons{
    background-position: -480px -32px!important;
}

.table-retailer tr span.filter-icon-32.filter_retailer_coupons_100{
    background-position: -768px -96px!important;
}

.table-retailer tr span.filter-icon-32.filter_shipping_normal{
    background-position: -448px 0!important;
}

.table-retailer tr span.filter-icon-32.filter_shipping_fast{
    background-position: -416px 0!important;
}

.table-retailer tr span.filter-icon-32.filter_shipping_express{
    background-position: -512px 0!important;
}

.table-retailer tr span.filter-icon-32.filter_shipping_fast_express{
    background-position: -480px 0!important;
}

.table-retailer tr span.filter-icon-32.filter_shipping_collection{
    background-position: -544px 0!important;
}

.table span.cart-button {
    padding-left: 16px;
    padding-right: 16px;
}

.filter-icon-24 {
    transform: scale(0.7);
}

.wrapper-filter-icon-24 {
    width: 24px;
    height: 24px;
    float: right;
    margin-top: -2px;
}

.wrapper-filter-icon-24  .filter-icon-24.filter-cooperation {
    transform: scale(1.1);
}

.icon-tag {
    transform: scale(1.1);
    color: #2e4da7;
    padding: 7px 5px 0 2px;
    display: inline-block;
}

.highlighted .icon-tag,
tr.highlighted:hover .icon-tag,
.table-retailer tr:hover td .icon-tag {
    color: #fff;
}

.icon-caret-down small {
    font-size: 13px;
    font-family: Lato, Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    position: relative;
    top: -4px;
    left: 8px;
}

.tab > a > svg.calender {
    padding-right: 1px;
    position: relative;
    height: 24px;
}
.tab > a > svg.calender > path {
    fill: #b3b3b3;
}
.tab:hover > a > svg.calender > path,
.tab.active > a > svg.calender > path {
    fill: #2e4da7;
}

.quantitybox {
    padding: 6px 4px;
    margin: 0 0 8px;
}

.quantitybox .distributor-info-icon {
    margin: 0 0 0 -4px;
    position: relative;
    bottom: -4px;
    /*left: -4px;*/
}

.quantityboxheader {
    padding-bottom: 6px;
}

.quantityboxheader .quantity-header {
    width:84px;
    display: inline-block;
    overflow: hidden;
}

.quantityboxheader .select-header {
    width: 138px;
    display: inline-block;
    overflow: hidden;
}

.quantityboxheader .select-header .price {
    float: left;
}

.quantityboxheader .select-header .savings {
    float: right;
    padding-right:6px
}

.quantityboxheader .select-col {
    position: relative;
    top: 5px;
}

.quantitybox .quantitybutton {
    display: inline-block;
    background-color: #2e4da7;
    color: #ffffff;
    font-size: 24px;
    line-height: 27px;
    width: 20%;
    height: 28px;
    text-align: center;
    border: solid 1px #d4d7de;
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.quantitybutton.minus {
    float: left;
    border-radius: 4px 0 0 4px;
}

.quantitybutton.plus {
    float: left;
    border-radius: 0 4px 4px 0;
}

.quantitybutton.disabled {
    background: #ccc;
    color: #464646;
    cursor: not-allowed;
}

.quantitybox .amount {
    display: block;
    background-color: #ffffff;
    border: solid 1px #d4d7de;
    width: 48% !important;
    height: 28px;
    text-align: center;
    font-size: 14px;
    color: #44484f;
    line-height: 31px;
    padding: 0;
    margin-left: -1px;
    margin-right: -1px;
    position: relative;
    -moz-appearance: textfield;
}

.quantitybox .amount::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}

.tab .uarr {
    margin-left: -3px;
}

.price-row-info {
    display: block;
    margin-top: -8px;
}

.rating-average {
    float: left;
}

.warehouse-location {
    font-size: 10px;
    float: left;
    line-height: 12px;
    color: #8e8e93;
}
tr:hover .warehouse-location,
tr.active .warehouse-location {
    color: #fff;
}

.table-retailer tr.marketplace.highlighted td .price-row,
.table-retailer tr.marketplace:hover td .price-row,
.table-retailer tr.marketplace.highlighted td,
.table-retailer tr.marketplace:hover td {
    color: #e879ae !important;
}

#product-action-box {
    width: 236px;
    margin-left: -12px;
}
.item-details, #pdbDetails {
    margin-left: -13px;
}

.quantitybox span {
    display: inline-block;
}
.quantitybox .quantity-col {
    width: 38%;
    display: inline-block;
}

.quantitybox .select-col {
    width: 60%;
    display: inline-block;
    overflow: hidden;
}

.quantitybox .row1 {
    width: 54px;
    overflow: hidden;
}

.quantitybox .row2 {
    width: 68px;
    overflow: hidden;
}

.quantitybox .qselect {
    background-color: #ffffff;
    border: solid 1px #d4d7de;
    height: 28px;
    font-size: 12px;
    color: #44484f;
    line-height: 29px;
    padding: 0 6px;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    border-radius: 4px;
}

.quantitybox .qselect::after {
    content: "";
    border: 5px solid #fff;
    border-top: 5px solid #5a5a5a;
    display: block;
    position: absolute;
    top: 12px;
    right: 6px;
}

.quantitybox .dropdown-content .row2,
.quantitybox .qselect .row2 {
    width: auto;
    float: right;
    padding-right: 14px;
}

.quantitybox .dropdown-content {
    background-color: #fff;
    border: 1px solid #d4d7de;
    border-radius: 4px;
    width: 212px;
    padding: 4px 6px;
    position: absolute;
    top: 32px;
    z-index: 101;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}

.quantitybox .dropdown-content > div {
    padding-left: 6px;
    padding-top: 6px;
    padding-bottom: 5px;
    border-radius: 4px;
}

.quantitybox .dropdown-content > div:not(.disabled) {
    cursor: pointer;
}

.quantitybox .dropdown-content > div.disabled .crossed-out {
    width: 192px;
    position: absolute;
    margin: 8px 0 0 -4px;
    border-top: 1px solid gray;
    opacity: 0.4;
}

.quantitybox .dropdown-content > div.disabled {
    color: #808080;
}

.quantitybox .dropdown-content > div:not(.disabled):hover {
    background-color: #e8ecf9;
    color: #4065d0;
}

.quantitybox .dropdown-content > div.active {
    border: 1px solid gray;
    margin: 0 -1px;
}

.quantitybox .dropdown-content .quantity-col {
    width: 74px;
    display: block;
    float: left;
}

.quantitybox .dropdown-content .quantity-col span {
    border: 1px solid #2e4da7;
    border-radius: 8px;
    padding: 0 4px 1px 4px;
    font-size: 10px;
    line-height: 13px;
    color: #2e4da7;
}

.quantitybox .dropdown-content > div:not(.disabled):hover .quantity-col span {
    background-color: #2e4da7;
    color: #fff;
}

.quantitybox .dropdown-content > .disabled > .quantity-col span {
    border: 1px solid #808080;
    color: #808080;
}

.quantitybox .dropdown-content .row1,
.quantitybox .dropdown-content .row2 {
    margin-top: 1px;
}

.quantitybox .dropdown-content .row2 {
    color: #7cb345;
}

/* pdb fix */
.btn-order {
    position: relative;
}
.qtip {
    max-width: 600px;
}



/* offerbox */
.offerbox {
    width: 238px;
}

.offerbox-tab {
    width: 116px;
    display: inline-block;
    position: relative;
    height: 29px;
    overflow: hidden;
    margin-right: 1px;
}

.offerbox-tab input {
    margin: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
}

.offerbox-tab label {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    text-align: center;
    line-height: 27px;
    transition: all 0.3s ease;
    background-color: #fcfcfc;
    border-radius: 4px 4px 0 0;
    border: 1px solid #e6e6e6;
    font-size: 10px;
    color: #acacac;
}

.offerbox-tab input:checked + label {
    background-color: #f8f8f8;
    color: #2e4da7;
    border-bottom: 1px solid #f8f8f8;
    z-index: 2;
}

.offerbox-tab-contents {
    width: 236px;
    position: relative;
    top: -4px;
    margin-bottom: -5px;
}

.offerbox-tab-content {
    background-color: #f8f8f8;
    border: 1px solid #e6e6e6;
    padding: 6px 6px 2px;
}

.offerbox .offer {
    padding: 6px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    color: #000;
    clear: both;
    font-size: 10px;
    position: relative;
    margin-bottom: 4px;
    cursor: pointer;
}

.offerbox .offer:not(.consultation) {
    background-color: #fff;
}

.offerbox .offer.consultation {
    color: #fff;
    margin-bottom: 6px;
}

.offerbox .offer.active:not(.consultation) {
    border: 1px solid #2e4da7;
    background-color: #2e4da7;
    color: #fff;
}

.offerbox .offer:hover:not(.consultation) {
    border: 1px solid #4065d0;
    background-color: #4065d0;
    color: #fff;
}

.offerbox .offer.active.marketplace:not(.consultation) {
    border: 1px solid #ce6499;
    background-color: #ce6499;
    color: #fff;
}

.offerbox .offer.marketplace:hover:not(.consultation) {
    border: 1px solid #e879ae;
    background-color: #e879ae;
    color: #fff;
}

.offerbox .offer .calenderTd {
    float: left;
    margin-right: 3px;
    margin-left: -2px;
}

.offerbox .offer .calenderTd path,
.offerbox .offer.active .calenderTd .calender-text-top,
.offerbox .offer.consultation .calenderTd .calender-text-top,
.offerbox .offer:hover .calenderTd .calender-text-top,
.offerbox .offer:not(.consultation) .calenderTd .calender-text-bottom {
    fill: #2e4da7;
}

.offerbox .offer.consultation .calenderTd path,
.offerbox .offer.consultation .calenderTd .calender-text-bottom,
.offerbox .offer:hover .calenderTd path,
.offerbox .offer .calenderTd .calender-text-top,
.offerbox .offer.active .calenderTd .calender-text-bottom,
.offerbox .offer:hover .calenderTd .calender-text-bottom,
.offerbox .offer.active .calenderTd path {
    fill: #fff;
}

.offerbox .offer .name {
    float: left;
    width: 142px;
    font-weight: bold;
    margin-bottom: 2px;
}

.offerbox .offer .delivery {
    float: left;
    width: 93px;
}

.offerbox .offer .delivery {
    float: unset;
    width: unset;
}

.offerbox .offer .flag.basic-price {
    margin-left: 32px;
}

.offerbox .offer .price {
    float: right;
    font-size: 12px;
    font-weight: bold;
    position: unset;
}

.offerbox .offer .price.basic-price.direct-order-button-active {
    width: 160px;
}

.offerbox .offer.consultation .price {
    position: relative;
    right: 0;
    bottom: 0;
    margin-right: 10px;
    text-align: right;
}

.offerbox .offer .price-type,
.offerbox .offer .price-per {
    text-align: right;
    font-size: 10px;
    font-weight: normal;
}

.offerbox .offer .basic-price .price-type {
    float: right;
}

.offerbox .offer .price-per {
    float: left;
}

.offerbox .offer .price-ek,
.offerbox .offer .price-entity {
    float: left;
    width: 100%;
}

.offerbox .offer .basic-price .price-ek {
    margin-right: 4px;
}

.offerbox .offer .price-ek-value {
    font-size: 11px;
    font-weight: bold;
}

.offerbox .offer .price-value.price-ek {
    float: none;
}

.offerbox .offer .separator {
    width: 100%;
    clear: both;
}

.box-offer-tooltip.qtip-default {
    border-color: rgba(0, 0, 0, 0.2);
    background-color: #fff;
    color: #000;
    padding: 10px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    pointer-events: none;
}

.box-offer-tooltip .qtip-content {
    padding: 0px;
}

.box-offer-tooltip .icon-anonymous, .box-offer-tooltip .icon-language{
    transform: scale(0.5);
    margin: -16px -16px -18px 0px;
    transform-origin: top left;
}

.box-offer-tooltip .icon-language{
    line-height: 28px;
    position: relative;
}

.box-offer-tooltip .icon-premium{
    position: absolute;
    top: 11px;
    left: 13px;
}


.box-offer-tooltip .heading{
    font-weight: bold;
}

.box-offer-tooltip .p {
    font-size: 12px;
}

.box-offer-tooltip .delivery-date {
    font-weight: bold;
}

.box-offer-tooltip .entity-price {
    font-size: 12px;
}

.box-offer-tooltip .stock {
    color: #589e11;
}

.offerbox hr {
    margin: 8px -6px 4px;
}

.offerbox .language-flag {
    margin: 0 -5px -7px -8px;
    transform: scale(0.6);
}

.offerbox .supplier-type {
    position: relative;
    top: 3px;
}

.offerbox .settings {
    width: 222px;
    background-color: #f8f8f8;
    border: 1px solid #e6e6e6;
    padding: 6px 6px 2px;
    margin-bottom: 6px;
    border-radius: 0 0 4px 4px;
}

.offerbox .offer-checkbox {
    font-size: 10px;
    color: #5a5a5a;

}

.offerbox .offer-checkbox input {
    margin-right: 5px;
    margin-left: 1px;
    margin-bottom: 6px;
    cursor: pointer;
}

.offerbox .offer-checkbox label {
    position: relative;
    top: -2px;
    cursor: pointer;
}

.offerbox .offer-checkbox.coop-filter-checkbox {
    border-top: 1px solid #e6e6e6;
    padding: 6px 6px 0px 6px;
    margin-left: -6px;
    margin-right: -6px;
}

.offerbox .delivery-address {
    border-top: 1px solid #e6e6e6;
    padding: 6px 8px 4px;
    margin-left: -6px;
    margin-right: -6px;
    font-size: 10px;
    color: #2e4da7;
}

.offerbox .delivery-address .location-pin {
    font-size: 18px;
    float: left;
    display: block;
    padding-top: 3px;
    padding-right: 10px;
}

.offerbox .delivery-address .change-address {
    font-size: 10px;
    display: inline-block;
    white-space: nowrap;
}

.consultation .offerbox-tab-contents {
    top: 0;
}

.consultation .offerbox-tab-content {
    border-radius: 4px;
}

.offerbox.consultation .message {
    padding: 12px 8px;
    margin-bottom: 6px;
    border-radius: 4px;
    opacity: 0.6;
    font-size: 10px;
    text-align: center;
}

.offerbox.consultation .message b {
    display: block;
    clear: both;
    padding-bottom: 6px;
}

.wearpart-deposit-row {
    display: block;
    font-size: 10px;
    margin-top: -6px;
}

.quantitybox .fixedprice {
    font-size: 14px;
    line-height: 30px;
}

.quantitybox .quantityboxheader .select-col .row2.hidden,
.quantitybox .fixedprice.hidden {
    display: none;
}

.fixedprice-info {
    float: right;
    line-height: 30px;
}

table tr.table-retailer-row.grayed {
    color: #d0d0d0;
}

.ek-row-express-deposit {
    margin-top: -6px;
    padding-right: 4px;
}

.wearpart-deposit-express-row {
    position: relative;
    top: 4px;
    white-space: nowrap;
    font-size: 10px;
    right: -72px;
}

.wearpart-deposit-express-icon-margin {
    margin-top: -8px;
}

.table-retailer tr.table-retailer-row:hover td.align-right.no-margin.wearpart-deposit-price-column span.wearpart-deposit-icon,
.table-retailer tr.table-retailer-row.highlighted td.align-right.no-margin.wearpart-deposit-price-column span.wearpart-deposit-icon
{
    background-position: -185px -17px;
}

.obfuscated td.dealer-name,
.box-offer-tooltip .heading.obfuscated,
.offerbox .offer .name.obfuscated {
    text-transform: capitalize;
    color: transparent;
    text-shadow: 0 0 5px rgb(0 0 0 / 50%);
}

.table-retailer tr.highlighted.obfuscated td.dealer-name,
.table-retailer tr.obfuscated:hover td.dealer-name,
.offerbox .offer.active .name.obfuscated {
    color: transparent;
    text-shadow: 0 0 5px rgb(255 255 255);
}

.table-retailer.table-basic-supplier.collapsed tr.obfuscated:not(.highlighted) {
    display: none;
}

.table-retailer.table-external-supplier.collapsed tr.obfuscated:not(.highlighted) {
    display: none;
}

.expand-retailer-list p b {
    font-size: larger;
}

#frm_print .quantitybox .quantityboxheader .quantity-header,
#frm_print .quantitybox .dropdown-content .quantity-col {
    width: 38%;
}

#frm_print .quantitybox .quantityboxheader .select-header {
    width: 60%;
}

#frm_print .quantitybox .dropdown-content {
    width: 92%;
}

.ttlink a, .ttlink a:hover {
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

.icon_retailer_coupons_100 {
    background-position: -360px -168px!important;
    margin: -5px 0px 0px -5px;
}

.cheapest-box {
    background-color: #f6ece3;
    padding: 4px 20px 4px 20px;
    margin-bottom: 4px;
}

.cheapest-price {
    color: #aa5417;
    font-size: 10px;
    font-weight: bold;
}

.cheapest-premium {
    float: right;
    color: var(--primary-color, #2e4da7);
    font-size: 9px;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 3px;
}

.cheapest-voucher {
    clear: right;
    text-align: center;
    margin-top: 3px;
    font-size: 9px;
    color: #b97f55;
    display: none;
}

#pdbDetails .icon-bar {
    margin-left: 5px;
}

#pdbDetails .icon-bar > * {
    margin-right: 6px;
}

#pdbDetails .label-data sup {
    font-size: 7px;
    padding-left: 2px;
}

#pdbDetails .label-data {
    background-color: var(--primary-color, #2e4da7);
    min-width: 50px;
    height: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: inline-block;
    line-height: 20px;
    border-radius: 4px;
    overflow: hidden;
    padding-right: 5px;
}

#pdbDetails .label-data:before {
    content: '.';
    color: transparent;
    height: 100%;
    width: 20px;
    display: inline-block;
    float: left;
    margin-right: 5px;
    border-left: 3px solid #dedede;
    border-right: 3px solid #dedede;
    background: #dedede url('/assets/images/sprite-tyre-labels.svg') no-repeat -60px -20px;
}

#pdbDetails .label-data.fuel:before {
    background-position: 0 -20px;
}

#pdbDetails .label-data.rain:before {
    background-position: -20px -20px;
}

#pdbDetails .label-data.sound:before {
    background-position: -40px -20px;
}

#address-change-modal {
    padding: 0;
    border-radius: 4px;
    line-height: 18px;
    width: 800px;
}