@font-face {
    font-family: 'elcomeVrmFont';
    src: url('//xchecker-exports.elcome.co.uk/Fonts/CharlesWrightBoldCaps.woff') format('woff'), url('//xchecker-exports.elcome.co.uk/Fonts/CharlesWrightBoldCaps.ttf') format('truetype'), url('//xchecker-exports.elcome.co.uk/Fonts/CharlesWrightBoldCaps.otf') format('opentype')
}



.isloading-wrapper.isloading-right {
    margin-left: 10px;
}

.isloading-overlay {
    position: relative;
    text-align: center;
}

    .isloading-overlay .isloading-wrapper {
        background: #FFFFFF;
        -webkit-border-radius: 7px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 7px;
        -moz-background-clip: padding;
        border-radius: 7px;
        background-clip: padding-box;
        display: inline-block;
        margin: 0 auto;
        padding: 10px 20px;
        top: 10%;
        z-index: 9000;
        color: black;
    }

.ecat-margin-header {
    margin-top: 30px;
}

.ecat-head-space {
    margin-top: 55px;
}

.ecat-header {
    top: 0;
    z-index: 1030;
    position: fixed;
    right: 0;
    left: 0;
    border-width: 0 0 1px;
    background-color: #252525;
    color: white;
}

    .ecat-header img {
        margin-right: 5px;
        margin-top: -3px;
        margin-bottom: 3px;
    }

    .ecat-header div, .ecat-header a, .ecat-header span {
        white-space: nowrap;
        padding-top: 3px;
        color: white;
        padding-bottom: 5px;
    }

    .ecat-header span {
        cursor: pointer;
    }

.ecat-tecdoc-auto img {
    width: 110px;
    margin-left: 20px;
    margin-top: 10px;
}

.lt-grey-bg {
    background-color: #f2f2f2;
}

.quantity-changer {
    cursor: pointer;
    width: 25px;
    display: inline-block;
    color: #2a252c;
    background-color: orange;
    font-weight: bold;
    font-size: 16px
}

.quantity {
    display: inline-block;
    border: 1px solid orange;
}

.remove-item {
    cursor: pointer;
    text-decoration: underline;
    font-style: italic;
    font-size: 12px;
}

.lbl-sm, .lbl-md, .lbl-md-lg, .lbl-lg, .lbl-xl {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    line-height: 1;
}

.lbl-md {
    font-size: 18px;
}

.lbl-md-lg {
    font-size: 30px;
}

.lbl-lg {
    font-size: 45px;
}

.lbl-veh {
    font-family: 'Ubuntu', sans-serif;
    font-size: 24px;
    padding-top: 35px;
}

.lbl-lt-grey {
    font-family: 'Ubuntu', sans-serif;
    font-size: 22px;
    padding-top: 5px;
    color: #808080;
}

.font-12 {
    font-size: 12px;
}

#ddlMake, #ddlModel, #ddlYear, #ddlBody, #ddlLitre, #ddlFuel, #txtKtypenr {
    border-radius: 0 !important;
    margin-bottom: 10px;
}

select option {
    /*color: #FEA400!important;*/
    font-weight: bold !important;
    /*font-size: 16px!important;*/
}

.vrm {
    background-color: #fef3a1 !important;
    background-image: url('/Content/Images/layout/eu-flag.png');
    background-repeat: no-repeat;
    background-position-x: -3px;
    height: 40px;
    padding-left: 30px;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 0;
    font-family: 'elcomeVrmFont';
}

.sbr {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 0;
}

.blue-border-r {
    border-right: 2px solid rgba(255, 255, 255, .2);
    height: 460px;
}

.blue-border-b {
    border-bottom: 2px solid rgba(255, 255, 255, .2);
}

.search-panel {
    padding-bottom: 50px;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #e9eaf1;
    cursor: pointer;
}

.table-hover tbody tr td {
    background-color: #f2f2f2;
    border-bottom: 2px solid white;
}

.chev {
    color: orange;
    width: 10px;
}

.ecat-results-bg {
    position: relative;
    background: #fff none repeat scroll 0 0;
    /*margin: -170px 20px;
    padding-top: 170px;*/
    top: 0;
    height: 100%;
    background-image: url('/Content/Images/layout/gradient.png');
    background-repeat: repeat-x;
    height: 200%;
}

    .ecat-results-bg thead {
        background-color: #625f5f;
        color: white;
        margin-top: 5px;
    }

.cat-link, .cat-link-none {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    line-height: 1;
    font-size: 18px;
    cursor: pointer;
    padding: 10px 0 10px 0;
}

    .cat-link span, .cat-link-none span {
        color: orange;
    }

.cat-link-none {
    cursor: default;
    color: #808080;
}

.cat-link2, .cat-link2-none, .main-category, .sub-category {
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    line-height: 1;
    font-size: 18px;
    cursor: pointer;
    padding: 10px 0 10px 0;
    color: #0D3973;
    border: 1px solid transparent;
}

    .cat-link2 span, .cat-link2-none span, .main-category span, .sub-category span {
        color: orange;
    }

.cat-link2-none {
    cursor: default;
    color: #808080;
}

.nav-tabs > li {
    font-weight: bold;
    width: 33.3%;
    text-align: center;
}

    .nav-tabs > li.active > a {
        background-color: transparent !important;
    }

.nav-tabs > .active {
    border-top: 3px solid orange;
    background-color: #f2f2f2 !important;
    margin-top: -3px;
    transition: border-top .3s ease-in-out;
}

.nav-tabs > li > a {
    margin: 0;
}

/*ADMIN SECTION*/
.admin-tabs > li {
    width: 50%;
}

.admin-section input[type="text"],
.admin-section input[type="email"],
.admin-section input[type="number"],
.admin-section input[type="password"],
.admin-section select,
.admin-section select option,
.admin-section textarea {
    border: 2px solid #383838 !important;
    border-radius: 0;
    background-color: white !important;
}

/*.admin-section select {
    background: url(/Content/Images/navs/arrow-down.png) no-repeat right #ddd;
    -webkit-appearance: none;
    -moz-appearance:none;
    background-position:95%;
}*/

.admin-section .pagination {
    margin: 0;
}

.admin-section .pagination-container ul li {
    margin-right: 5px;
    margin-left: 5px;
    float: left;
}

    .admin-section .pagination-container ul li a {
        background-color: orange;
        border: 2px solid orange;
        color: black;
        border-radius: 0;
        margin-right: 10px;
    }

    .admin-section .pagination-container ul li.active a {
        background-color: transparent;
        border: 2px solid orange;
        color: #383838;
        border-radius: 0;
    }

    .admin-section .pagination-container ul li.disabled a, .admin-section .pagination-container ul li.disabled a:hover {
        background-color: #f8b461;
        border: 2px solid #f8b461;
    }

/* do not group these rules */
.admin-section input::-webkit-input-placeholder {
    color: #383838 !important;
}

.admin-section input:-moz-placeholder {
    /* FF 4-18 */
    color: #383838 !important;
}

.admin-section input::-moz-placeholder {
    /* FF 19+ */
    color: #383838 !important;
}

.admin-section input:-ms-input-placeholder {
    /* IE 10+ */
    color: #383838 !important;
}

.admin-section .opr, .modal-content .opr, #update-vrn-site-search-max, #reset-site-vrn-count {
    border: 0;
    border-radius: 0;
    color: white;
}

.btn-admin {
    border: 2px solid orange;
    border-radius: 0;
    font-weight: bold;
}

.btn-admin-page {
    background-color: orange;
    border: 2px solid orange;
    border-radius: 0;
}

.btn-admin-page-curr {
    border: 2px solid orange;
    border-radius: 0;
}

.txt-vsmall {
    color: #383838;
    font-size: 10px;
}

.modal-body.admin-section {
    background-color: #f2f2f2;
}



.lbl-part {
    font-weight: bold;
    font-size: 28px
}

.pi-lbl {
    font-weight: bold;
    border: none !important;
    width: 50%;
}

.pi-val {
    border: none !important;
}

.pi-superceded {
    margin: 3px 2%;
    border: none !important;
    width: 50%;
    font-size: 14px;
}

@media(max-width:1383px) {
    .pi-superceded {
        width: 100%;
    }
}

@media(max-width:1077px) {
    .pi-superceded {
        font-size: 12px;
    }
}

@media(max-width:992px) {
    .pi-superceded {
        font-size: 14px;
    }
}

#PartInfo {
    min-height: 300px;
}

.tab-pane {
    padding: 20px;
}

.add-to-basket {
    color: white;
    text-transform: uppercase;
    background-color: orange;
    font-size: 12px;
    font-weight: bold;
    border-radius: 0;
    margin-bottom: 5px;
}

    .add-to-basket:after {
        content: url('/Content/Images/navs/icon-basket-blue.png');
        padding-left: 10px;
        font-size: 12px;
    }

.add-to-cart-btn {
    border: 3px solid orange;
    background-color: transparent;
    background-image: url('/Content/Images/navs/icon-basket-blue.png');
    background-repeat: no-repeat;
    background-position: 23px;
    font-size: 20px;
    padding: 0px 25px 0 10px;
}

#basketModal {
    width: 290px;
    position: fixed;
    left: auto; /* <-- Reset the default left value */
    right: 10px;
}

.basket-modal-content {
    background-color: #00377D;
    border-radius: 0;
}

    .basket-modal-content > .modal-body {
        background-color: white;
        border: 3px solid #00377d;
    }

    .basket-modal-content > .modal-footer {
        border: none;
        text-align: right;
    }



.not-in-stock, .in-stock {
    border: 3px solid orange;
    padding: 5px 30px;
    font-weight: bold;
    text-transform: uppercase;
}

    .not-in-stock:after {
        content: "X";
        padding-left: 5px;
        color: red;
    }

    .in-stock:after {
        content: "\2713";
        padding-left: 5px;
        color: darkgreen;
    }

.bskt-row {
    background-color: #d9d9d9;
}

.img-container {
    width: 33%;
    /*height: 60px;*/
    background-color: white;
}

    .img-container img {
        max-width: 100%;
    }

@media(max-width:992px) {
    .img-container {
        width: 100%;
    }

    #ProductImage {
        width: 100%;
    }
}

.basket-preview-img-container {
    width: 100%;
    height: 60px;
    background-color: white;
    text-align: center;
}

    .basket-preview-img-container img {
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }

.basket-img-container {
    width: 100%;
    height: 100%;
    background-color: white;
}

    .basket-img-container img {
        height: 100%;
        width: 100%;
    }

.compare-part-img-container {
    width: 100%;
    height: 90px;
    background-color: white;
}

    .compare-part-img-container img {
        height: 90px;
        width: auto;
    }

.compare-crit-row {
    padding: 5px;
    border-top: 1px solid black;
}

/*.compare-images-row {
    overflow:hidden;
}

.compare-images-row [class*="col-"] {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}*/

.btn-place {
    margin-top: 20px;
    margin-bottom: 10px;
}

.ecat-results-bg > .nav > li {
    background-color: transparent !important;
}

.tab-content > .tab-pane {
    background-color: #f2f2f2 !important;
}

.basket-tabs > li > a {
    color: #808080;
}

.basket-tabs > li {
    border: none;
    border-bottom: 3px solid #808080;
}

    .basket-tabs > li.active > a {
        border: none !important;
        background-color: transparent !important;
        color: #808080;
    }

    .basket-tabs > li.active {
        border: none;
        border-bottom: 3px solid orange;
        margin-top: 2px !important;
    }

.blue-head-row {
    background-color: #0D3973;
    padding: 10px;
    color: white;
    font-weight: bold;
    margin: 10px 0 3px 0;
    cursor: pointer;
}

.bg-thead {
    background-color: #383838;
    padding: 10px;
    color: white;
    font-weight: bold;
}

thead > tr {
    font-weight: bold;
}

#LoginPanel input[type="text"], #LoginPanel input[type="password"],
.checkout-panel input[type="text"], .checkout-panel input[type="password"]
#basket input[type="text"], #details input[type="text"], #details input[type="password"], #review input[type="text"] {
    border: 2px solid #383838 !important;
    border-radius: 0;
}

#basket input[type="text"], #details input[type="text"], #details input[type="password"], #review input[type="text"] {
    margin-bottom: 2px;
}

.lbl {
    color: orange;
    text-align: right;
    text-transform: uppercase;
}

.rev-block span {
    display: block;
}

.rev-block > span:nth-child(2), .rev-block > span:last-child {
    font-weight: bold
}


/*LOGIN PANEL*/
#LoginPanel .modal-content {
    width: 290px;
}

#LoginPanel .modal-footer {
    text-align: center;
}

#LoginPanel .modal-dialog {
    margin: 0px;
    position: absolute;
    right: 15%; /*left:75%;*/
    top: 4%;
    width: auto;
}

#LoginPanel h3 {
    white-space: nowrap;
    font-family: 'Ubuntu', sans-serif;
    font-size: 22px;
}

.btn-login {
    background-color: #FEA400;
    border-radius: 0;
    width: 100%;
    color: white;
    font-weight: bold;
}

.btn-continue-shopping {
    background-color: transparent;
    border: 3px solid #FEA400;
    border-radius: 0;
    width: 100%;
    color: white;
    font-weight: bold;
    margin-top: 5px;
}

    .btn-continue-shopping:hover {
        color: orange;
    }

.modal-footer .btn + .btn {
    margin-left: 0 !important;
}

.btn-register {
    border: 3px solid #FEA400;
    border-radius: 0;
    width: 100%;
    font-size: 18px;
    padding-bottom: 3px;
}

    .btn-register a {
        color: #383838;
        font-family: 'Ubuntu', sans-serif;
        font-size: 14px;
        font-weight: bold;
    }

.btn-delta {
    border: 3px solid #00377D;
    border-radius: 0;
    height: 40px
}

.back-left {
    font-family: 'Ubuntu', sans-serif;
    font-size: 18px;
    font-weight: bold;
}

    .back-left::before {
        content: url('/Content/Images/navs/arrow-left.png');
        margin-bottom: -5px;
    }

.cat-icon, .cat-icon-disabled, .cat-icon-selected {
    width: 63px;
    height: 63px;
    background-repeat: no-repeat;
    border: 3px solid white;
    display: inline-block;
    margin: 5px;
    background-color: #00377D;
    cursor: pointer;
}

.cat-icon-selected {
    background-color: #2663ac;
}

.cat-icon-disabled {
    opacity: 0.3;
    cursor: default;
}

.cat-icon-lg {
    width: 83px;
    height: 83px;
    background-size: contain;
    vertical-align: bottom;
    color: white;
    font-weight: bold;
    padding-left: 3px;
    font-size: 12px;
}




.axle-lg {
    background-image: url('/Content/Images/navs/icon-axel-lg.png');
}

.comfort-systems-lg {
    background-image: url('/Content/Images/navs/icon-comfort-lg.png');
}

.cooling-lg {
    background-image: url('/Content/Images/navs/icon-cooling-lg.png');
}

.cooling-and-heating-lg {
    background-image: url('/Content/Images/navs/icon-cooling-lg.png');
}

.engine-lg {
    background-image: url('/Content/Images/navs/icon-engine-lg.png');
}

.exhaust-lg {
    background-image: url('/Content/Images/navs/icon-exhaust-lg.png');
}

.suspension-lg {
    background-image: url('/Content/Images/navs/icon-suspension-lg.png');
}

.wheel-drive-lg {
    background-image: url('/Content/Images/navs/icon-wheel-drive-lg.png');
}

.window-regulators-lg {
    background-image: url('/Content/Images/navs/icon-comfort-lg.png');
}
/*THIS NEEDS TO BE REPLACED WITH CORRECT IMAGE*/


.axle {
    background-image: url('/Content/Images/navs/icon-axel.png');
}

.comfort-systems {
    background-image: url('/Content/Images/navs/icon-comfort.png');
}

.cooling {
    background-image: url('/Content/Images/navs/icon-cooling.png');
}

.cooling-and-heating {
    background-image: url('/Content/Images/navs/icon-cooling.png');
}

.engine {
    background-image: url('/Content/Images/navs/icon-engine.png');
}

.exhaust {
    background-image: url('/Content/Images/navs/icon-exhaust.png');
}

.suspension {
    background-image: url('/Content/Images/navs/icon-suspension.png');
}

.wheel-drive {
    background-image: url('/Content/Images/navs/icon-wheel-drive.png');
}

.window-regulators {
    background-image: url('/Content/Images/navs/icon-comfort.png');
}
/*THIS NEEDS TO BE REPLACED WITH CORRECT IMAGE*/

/*THESE ARE TEMPORARY*/
.gaskets {
    background-image: url('/Content/Images/navs/icon-cooling.png');
}

.glow-plugs {
    background-image: url('/Content/Images/navs/icon-axel.png');
}

.timing-products {
    background-image: url('/Content/Images/navs/icon-suspension.png');
}

.valve-products {
    background-image: url('/Content/Images/navs/icon-wheel-drive.png');
}


.foot-padding {
    padding-bottom: 0px;
}

.display-none {
    display: none;
}

.partlist-feedback {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 22px;
    border: solid 1px #000;
    display: none;
}


/* do not group these rules */
*::-webkit-input-placeholder {
    color: #fea400 !important;
}

*:-moz-placeholder {
    /* FF 4-18 */
    color: #fea400 !important;
}

*::-moz-placeholder {
    /* FF 19+ */
    color: #fea400 !important;
}

*:-ms-input-placeholder {
    /* IE 10+ */
    color: #fea400 !important;
}


.admin-section select option {
    border: 0 !important;
}


@media (max-width:990px) {
    .lbl {
        text-align: left;
    }

    .lbl-veh, .lbl-lt-grey {
        padding-left: 40px;
    }
}

@media (max-width: 768px) {
    .blue-border-r {
        height: 0;
    }

    .blue-border-b-sm {
        border-bottom: 2px solid rgba(255, 255, 255, .2);
    }

    .row.blue-border-b {
        border: none;
    }

    .foot-padding {
        padding-bottom: 250px;
    }

    .ecat-results-bg {
        position: relative;
        background: #fff none repeat scroll 0 0;
        margin: -17px -15px; /*margin: -170px -15px;*/
        padding-top: 40px; /*padding-top: 170px;*/
        top: 0;
        height: 150%;
    }

    .lbl-lg {
        font-size: 30px;
    }

    .lbl-veh, .lbl-lt-grey {
        font-size: 18px;
    }
}

#userslist tbody > tr > th {
    padding: 5px;
    background-color: #00377D;
    color: white;
}

#userslist tbody > tr > td {
    padding: 5px;
    background-color: white;
    border-bottom: 1px solid #d8cccc;
}

.basket-icon {
    background-image: url(/Content/Images/navs/icon-basket-yellow.png);
    background-repeat: no-repeat;
    height: 28px;
    background-position: 100% 50%;
}

.basket-item-count {
    position: relative;
    margin-left: -4px;
    font-size: 10px;
    color: white;
    background-color: blue;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    padding: 4px;
    padding-top: 0px;
    padding-bottom: 2px;
    z-index: 1;
}

#compare-select {
    margin-bottom: 10px;
}

.admin-section h3, #reset-site-vrn h3 {
    margin-right: -15px;
    margin-left: -15px;
}

#max-vrn-site-search-count, #lbl-site-vrn-count {
    border: 1px solid black !important;
    width: 50px;
    padding: 2px;
}

.col-md-12-center {
    text-align: center;
}

.padding-top-10 {
    padding-top: 10px;
}

.bold {
    font-weight: bold;
}

#ProductImage {
    /*width:100%;*/
    max-width: 420px;
    max-height: 420px;
}

.qty-head {
    margin-bottom: 3px;
}

.qty-input {
    background-color: white !important;
    border: 1px solid black !important;
    margin: auto;
    max-width: 80px;
    min-width: 60px;
}

.price-big {
    font-family: 'Century Gothic';
    font-weight: bold;
    font-size: 38px;
    color: red;
}

.price-not-so-big {
    font-family: 'Century Gothic';
    font-weight: bold;
    font-size: 25px;
    color: red;
    margin-bottom: -9px;
    margin-top: 9px;
}

.sub-category {
    padding-left: 20px;
    background-color: #0d3973;
    color: white;
    border-bottom: 2px solid white;
}

    .sub-category span:first-child {
        margin-right: 10px
    }

.sub-category-table-div {
    padding-left: 0px;
}

.main-category:hover {
    border: 1px solid grey;
    /*margin-bottom:3px;*/
}

.min-value-helper {
    color: #FEA400 !important;
    font-weight: bold !important;
    background-color: rgb(0, 55, 125) !important;
    border: none !important;
    outline: none !important;
    display: none;
}

.ui-autocomplete-loading {
    background: black url("/Content/Images/ajax-loader (3).gif") right center no-repeat;
}

.ui-menu-item {
    color: #FEA400 !important;
    font-weight: bold !important;
    background-color: rgb(0, 55, 125) !important;
    border: none !important;
    outline: none !important;
}

.ui-state-focus {
    margin: auto !important;
}

.ui-autocomplete {
    max-height: 120px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.ui-widget-content {
    z-index: 999;
}


.addition-delivery-img {
    max-width: 148px;
    margin: auto;
    display: inline-block !important;
}

.carousel-image {
    width: auto;
    height: 225px !important;
    max-height: 225px;
}
/*@media (max-width:472px){
  .carousel-image{
    max-height:175px;
  }
}*/

.cursor-pointer {
    cursor: pointer;
}

.carousel-inner > .item > img {
    margin: 0 auto;
}

.carousel-control.right {
    background-image: none;
}

.carousel-control.left {
    background-image: none;
}


.carousel-control {
    color: #FEA400;
}

    .carousel-control:hover, .carousel-control:focus {
        color: #FEA400;
    }


.session-warning {
    display: none;
}

    .session-warning .txt-session-expired {
        color: red;
    }

.vrm-detail-tooltip {
    font-size: 18px;
}

.more-detail-click {
    cursor: pointer;
}

.popover {
    max-width: 300px;
}


.drop-load .loading {
    position: absolute;
    left: 100px;
    top: 10px;
}

.drop-down-wrapper {
    position: relative;
}