.table {
    border-collapse: collapse;
}

.table th {
    border-right: 0px solid #f8f8f8!important;
    border-bottom: 1px solid #f8f8f8;
    background-color: #EAEAEA!important;
    line-height: 20px;
    padding: 0 6px;
}

.table td {
    background-color: transparent;
    border-right: 0px solid transparent;
    border-bottom: 0px solid #EAEAEA;
}

.table tr {
    border-bottom: 1px solid #EAEAEA!important;
}

.table tr:last-child {
    border-bottom: 0px solid #EAEAEA!important;
}

.profile-icon {
    display: none;
    margin: 3px 5px 0 0!important;
}

.table-retailer tr.highlighted td a {
    color: #fff;
    text-decoration: none!important;
}

.table-retailer tr.highlighted td a:hover {
    opacity: 60%;
}

.table-retailer tr.highlighted td .price-row {
    color: #fff!important;
}

.table-retailer tr:hover td a {
    color: #fff;
    text-decoration: none!important;
}

.table-retailer tr.highlighted td,
.table-retailer tr:hover td {
    background-color: #497bce;
    color: #fff;
}

.table-retailer tr:hover td {
    cursor: pointer;
}

.table-retailer tr:hover td .price-row{
    color: #fff;
}

.table-retailer tr.highlighted .profile-icon{
    background-position: -10px;!important;
}

.table-retailer tr:hover .profile-icon{
    background-position: -10px;!important;
}

/*.table-retailer tr.highlighted td .profile-icon:hover, a:hover .profile-icon, .profile-icon.active {
    background-position: 0px!important;
}*/

@import url('https://www1.tyre24.com/assets/google-css/family_lato.css');

/* menue - top */
#menu {
    padding:0;
    position:relative;
    font-family:Lato, Verdana, sans-serif;
    font-size:14px;
    z-index:101;
}

.alloy-year-filter {
    margin-left: 5px !important;
}

#menu ul {
    list-style-type:none;
}

#megaMenu {
    display: table;
    width:100%;
    transition: 0s 500ms; /*same value as delay for mega menu in megamenu.js*/
}

#megaMenu:hover {
    z-index: 106;
    transition: 0s;
}

ul.megaMenu {
    margin:0;
    padding:0;
    display:table-row;
    table-layout:fixed;
    text-align:center;
    width:100%;
}
ul.megaMenu li {
    display:table-cell;
    width:auto;
    height:auto;
    text-align:center;
    margin:0;
    padding:0;
    min-width: 115px;
}
ul.megaMenu li a.menu-level-1 {
    display:block;
    min-height:100%;
    padding:10px 5px;
    background:#666;
    color:#fff;
    text-decoration:none;
    border-left:1px solid #fff;
}
ul.megaMenu li div a {
    text-decoration:none;
}
ul.megaMenu li.tab-menu-first a {
    border:0;
}

ul.megaMenu li a:hover, ul.megaMenu li a.tab-menu-active {
    background:#e6e6e6;
    color:#666;
}

div.megaMenu .mm-container .mm-row .mm-col-3 a img.rim {
    display: inline;
}

div.megaMenu .mm-container .mm-row .mm-col-3 ul li a.highlight img {
    display: inline;
}

/* sub menu */
.sub-menu-wrapper {
    padding:20px;
    width:932px;
    position:absolute;
    left:0;
    background:#e6e6e6;
    border-bottom:2px solid #999;
    z-index:113;
    min-height:200px;
}
.sub-menu-separators {
    background:transparent url('/assets/images/megamenu/menu-separators.gif') no-repeat top left;
}
.sub-menu-wrapper ul {
    margin:0;
    padding:0;
    position:relative;
    z-index:115;
}

#menu .sub-menu-wrapper h3,
#menu .sub-menu-wrapper p {
    cursor:default;
}
#menu .sub-menu-wrapper h3 {
    font-weight:normal;
    text-align:left;
    margin:0;
    margin:5px 20px 5px 5px;
    line-height:normal;
    cursor:default;
}
#menu .sub-menu-wrapper h3 a {
    text-align:left;
    background:0;
    font-weight:normal;
    border:0;
    margin:0px;
    padding:6px 0px 6px 5px;
}

#menu .sub-menu-wrapper h3 > span {
    margin:0px;
    padding:6px 0px 6px 5px;
    display: block;
}

#menu .sub-menu-wrapper h3 a:hover {
    border:0;
}
#menu .sub-menu-wrapper h3 a.head-line, #menu .sub-menu-wrapper h3 a.head-line:hover {
    color:#000;
}

/* menu background and background title */
.textInfo {
    position:absolute;
    z-index:112;
    left:750px;
    width:130px;
    bottom:200px;
    background:#eee;
    padding:7px;
}
.imagebox {
    width:460px;
    height:100%;
    position:absolute;
    right: -53px;
    bottom: -53px;
    background-repeat: no-repeat;
    background-position: bottom right;
    padding:53px 0 0 53px;
    z-index:110;
}

/* widget containers */
.widget-container {
    float:left;
    position:relative;
    z-index:111;
}
.widget-full-width {
    width:100%;
    border-bottom:1px solid #fff;
    background-color:#e6e6e6;
}
.widget-one-col {
    width:230px;
    padding-bottom:25px;
}
.widget-no-title {
    padding-top:34px;
}

/* tyre search widget */
.widget-tyre-search {
    padding:20px 0 30px 0;
}
.widget-search-col {
    float:left;
    width:270px;
    text-align:left;
}
.widget-input {
    border:1px solid #999;
    height:24px;
    width:234px;
    padding:3px 8px 3px 8px;
}

/* link list */
ul.enumSymbols {
    padding:0 20px 0 10px;
    margin:0;
}
ul.enumSymbols li {
    padding:0;
    margin:0;
    display:block;
    border-bottom:1px solid #d4d4d4;
}
ul.enumSymbols li a {
    text-decoration:none;
    color:#666;
    display:block;
    text-align:left;
    /*padding:6px 0 6px 15px;*/
    padding:6px 0 6px 18px;
    border:0;
    background:transparent url('/assets/images/megamenu/bulletpoint.png') no-repeat center left;
    background-position: 3px center;
}

ul.enumSymbols li a:hover {
    background:#f7f7f7 url('/assets/images/megamenu/bulletpoint_hover.png') no-repeat center left;
    background-position: 3px center;
}
ul.enumSymbols li.enum-symbols-more a {
    text-align:right;
    background:0;
}
ul.enumSymbols li.enum-symbols-more a:hover {
    background:#f7f7f7;
}

/* special for 3d configurator */
.threeDIcon {
    width:34px;
    height:30px;
    margin:-6px 5px 0 0;
    display:block;
    float:left;
    background:url('/assets/images/megamenu/sprite.png') -224px -64px no-repeat;
}

/* special for accessory featured manufacturers */
#menu .widget-featured-container {
    float:left;
    margin:1px 1px 0 3px;
    position:relative;
}
#menu .widget-featured-shop {
    display:block;
    width:109px;
    height:29px;
    padding:67px 0 0 0;
    margin:0;
    border:0;
    background:#ccc;
    color:#333;
}
#menu .widget-featured-shop span {
    display:block;
    width: 110px;
    height:67px;
    top:0;
    left:0;
    position:absolute;
}
#menu a.widget-featured-shop:hover {
    background:url(https://www1.tyre24.com/assets/modules/threedfrontend/tyre24/layout/images/manufacturer_overlay.png) no-repeat center center;
    color:#ccc;
    font-weight:bold;
}


/* buttons */
.widget-button, .consult-mode-button {
    cursor:pointer;
    border-width:0;
    padding: 10px 24px 11px 24px;
    color:#fff;
    font-family:Lato, Verdana, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: initial;
    letter-spacing: normal;
    text-decoration: none;
    text-align: center;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

.widget-button--font-small {
    font-size: 14px;
}

.widget-button.button__only-icon {
    padding: 10px 9px 11px 9px;
}

.widget-button.delete{
    background-color: #e72622;
}

.widget-button.delete:hover {
    background-color: #f64440;
    transition: .3s;
}

.widget-button.delete:active {
    background-color: #b4110e;
}

.widget-button.delete:focus {
    background-color: #b4110e;
}

.widget-button.delete span {
    background:url("/assets/images/icons/delete.png") no-repeat center center;
    width: 24px;
    height: 21px;
    display: inline-block;
}

.widget-button[disabled],
.widget-button-disabled,
.widget-button-disabled:hover {
    background: #ccc!important;
    color: #464646!important;
    cursor: not-allowed!important;
}

span.widget-button {
    display: inline-block;
    padding: 11px 15px;
}

span.widget-button.btn-order,
span.widget-button.btn-order.btn-order-multiline {
    width: 100%;
}
span.widget-button.btn-order span {
    display: block;
    overflow: hidden;
    margin: 0px 15px;
}

.consult-mode-button {
    min-width: 190px;
    background-image: none;
    background-color: #89cac3;
    border: 1px solid #75b3ad;
    filter: none;
}
.consult-mode-button:hover, .consult-mode-button-pressed {
    box-shadow: inset 0 0 10px rgba(0,0,0,0.35);
    background-image: none;
    background-color: #89cac3;
    border: 1px solid #75b3ad;
    filter: none;
}

/* quick fix for autocomplete in menu */
.ac_results_menu {
    z-index:120 !important;
}

/* login / logout widgets */
.widget-login-input-container {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 16px;
}

.widget-login-input input {
    width: 105px;
    min-width: 95px;
    height: 33px;
    padding: 0 10px;
    margin: 0;
    font-size: 12px;
    text-align: left;
    color: #000000;

    border: 0;
    box-shadow: 0 2px 2px -2px #5c5f71;
}

.widget-login-input input::placeholder {
    color: #b5b8c5;
}

.widget-login-input-password {
    min-width: 90px;
}

.widget-login-input-password input {
    width: 95px;
    min-width: 75px;
}

.widget-login-input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #b5b8c5;
    text-align: center;
}
.widget-login-input input::-moz-placeholder { /* Firefox 19+ */
    color: #b5b8c5;
    text-align: center;
}
.widget-login-input input:-ms-input-placeholder { /* IE 10+ */
    color: #b5b8c5;
    text-align: center;
}
.widget-login-input input:-moz-placeholder { /* Firefox 18- */
    color: #b5b8c5;
    text-align: center;
}

.widget-login-input input:focus {
    outline: 0;
}

.widget-login-button {
    min-width: 90px;
}

.widget-login-button-input {
    width: 100%;
    cursor: pointer;
    height: 33px;
    border-width: 0;
    padding: 9px 23px 9px 23px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    /* fix rough edges */
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

.widget-forgotpassword-link {
    min-width: 141px;
    text-align: right;
    padding-top: 3px;
}

.forgotpassword-link {
    font-size: 12px;
    text-align: right;
    color: #000000;
    text-decoration: none;
}

.forgotpassword-link:hover {
    text-decoration: none;
}

.grey-block {
    background: #e6e6e6;
    height: 40px;
    display: block;
}

.grey-block-negative {
    margin-top: -38px;
    height: 1px;
    display: block;
}

.assurance-button {
    width: 190px;
    font-size: 12px;
    margin: 5px;
}

.assurance-form {
    padding: 0 20px 10px 20px;
}