﻿/*
 *   Forms
 */

p label,
.labelCopy {
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
}

.stdForm p a {
    font-family: 'BMWTypeNextLatin-Regular', sans-serif;
    color: #1C69D4;
}

.checkRadioHolder {
    font-family: 'BMWTypeNextLatin-Regular', sans-serif;
}

.checkRadioHolder.promoPrice .labelLineBreak {
    font-family: 'BMWTypeNextLatin-Bold';
    color: #1C69D4;
}

.checkRadioHolder .originalPrice {
    font-family: 'BMWTypeNextLatin-Regular';
}

.checkRadioHolder:hover input ~ .checkmark,
.checkRadioHolder input:checked ~ .checkmark,
.checkRadioHolder:hover input ~ .radioMark,
.checkRadioHolder input:checked ~ .radioMark {
    border: 1px solid #1C69D4;
}

    .checkRadioHolder .checkmark:after {
        border: solid #1C69D4;
        border-width: 0 1px 1px 0;
    }

.checkRadioHolder .radioMark:after {
    background-color: #1C69D4;
}

.toolTip {
    background: url("../../images/v2/icons/iconStack.svg#InfoTip") no-repeat 0 0 transparent;
}

select {
    background-image: url('../../images/v2/icons/iconStack.svg#ArrowDownBlue');
    background-repeat: no-repeat;
    font-size: 0.875rem;
    background-position: 100% center;
}

.filterType .opener:after {
    background: url('../../images/v2/icons/iconStack.svg#ArrowDownBlue') 0 0 no-repeat transparent;
}

.filtersSection .filtersOpen {
    background: url(../../images/v2/icons/bmwFilterIcon.svg#Filter) 100% 0 no-repeat transparent;
}

.tipContent a {
    color: #1c69d4;
}

.selectSize {
    font-family: 'BMWTypeNextLatin-Bold';
}

.use-address-entered em {
    color: #1C69D4;
}

/*
 *   mandatory checkbox
 */
.mandatory-checkbox {
    color: #1C69D4;
    border: 1px solid #262626;
}

.mandatory-checkbox:checked {
    border: 1px solid #1C69D4;
}

    .mandatory-checkbox:checked:after {
        border-width: 0 1px 1px 0;
        /*border: 1px solid #1C69D4;*/
    }


/*
 *   Colours & fonts
 */

.progressBar li.active span:before {
    border: 1px solid #1C69D4;
    background-color: #1C69D4;
}

.progressBar li.active span:after {
    background-color: #1C69D4;
}

.progressBar p {
    font-family: 'BMWTypeNextLatin-Regular', sans-serif;
    color: #949494;
}

.progressBar li.active p {
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
    color: #1C69D4;
}

.alertArea {
    background-color: #1c69d4;
}

.pageWrap .bmw-eprivacy .bmw-eprivacy-banner__container h2,
.pageWrap .bmw-eprivacy .bmw-eprivacy-banner__container h3,
.pageWrap .bmw-eprivacy .bmw-eprivacy-banner__container h4 {
    font-family: 'BMWTypeNextLatin-Light', sans-serif;
}

.pageWrap .bmw-eprivacy .bmw-eprivacy-banner__container a {
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
    color: #1C69D4;
}

.title h2 {
    font-family: 'BMWTypeNextLatin-Light', sans-serif;
}

.defaultTabs li.current {
    border-bottom: 1px solid #1C69D4;
}

.defaultTabs li a {
    font-family: 'BMWTypeNextLatin-Regular', sans-serif;
}

.defaultTabs li.current a:after {
    background-color: #1C69D4;
}

.recommendedTabs p {
    text-align: center;
}

.recommendedTabs a {
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
    color: #1C69D4;
}

.recommendedTabs .current a {
    color: #1C69D4;
}

.pillTabs a {
    padding: 4px 10px;
}

.pillTabs .current a {
    border: 1px solid #1C69D4;
    background-color: rgba(28, 105, 212, 0.05);
}

.vehicleSelect h3 {
    font-family: 'BMWTypeNextLatin-Light';
}

.vehicleSelectBox.selectedCar {
    border: 1px solid #1C69D4;
}

.vehicleSelectBox h4 {
    font-family: 'BMWTypeNextLatin-Light';
}

.vehicleSelectBox li {
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
}

.vehicleSelectBox a {
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
    color: #1C69D4;
}

.optionSelectBox h4 {
    font-family: 'BMWTypeNextLatin-Light';
}

.optionSelectBox h5 {
    font-family: 'BMWTypeNextLatin-Light';
}

.savedCarSwitch a.selected {
    border: 1px solid #1C69D4;
    background-color: rgba(25,105,212, 0.05);
}

.campaignActive p {
    font-size: 0.75rem;
}

.bookingBox.titleBox.serviceItem.selected {
    border: 1px solid #1C69D4;
    background-color: rgba(28, 105, 212, 0.05);
}

.recommendedModule .bookingBox.titleBox.serviceItem {
    border: 1px solid #e6e6e6;
    background-color: #ffffff;
    border-top: 4px solid #1C69D4;
}

.moreModule .bookingBox.titleBox.serviceItem {
    border: 1px solid #e6e6e6;
    background-color: #ffffff;
}

    .moreModule .bookingBox.titleBox.serviceItem.serviceAll {
        background-color: #f3f6fb;
        text-align: center;
    }

        .moreModule .bookingBox.titleBox.serviceItem.serviceAll p {
            text-align: center;
        }

        .moreModule .bookingBox.titleBox.serviceItem.serviceAll a {
            text-decoration: none;
            font-weight: bold;
            color: #1C69D4;
            font-size: 0.75em;
        }

#ServiceList .serviceListWrapper .minimise a {
    color: #1C69D4;
}

.bookingBox.titleBox {
    border-top: 4px solid #1C69D4;
}

.bookingBox.recall {
    border-top: 1px solid #e6e6e6;
    order: 1;
}

.bookingBox.unsureAboutYourNeedsTop {
    border-top: 1px solid #e6e6e6;
    order: 2;
}

.bookingBox.unsureAboutYourNeedsBottom {
    border-top: 1px solid #e6e6e6;
    order: 2;
}

.bookingBox h3,
.bookingBox p.appointmentDetails {
    font-family: 'BMWTypeNextLatin-Light';
}

.bookingBox.withCarousel h4,
.bookingBox.motServiceItem h4,
.bookingBox.selectionSummaryBox h4 {
    font-family: 'BMWTypeNextLatin-Bold';
}



.selectionSummaryBox.selectedState {
    background-color: rgba(28,105,212,0.05);
    border-color: #1C69D4;
}

.altNav p {
    font-size: 0.75rem;
}

.altNav a,
.navArrow,
.altNav label {
    font-family: 'BMWTypeNextLatin-Bold';
    font-size: 0.75rem;
    color: #1C69D4;
}



#recommendedTabs #recommendedContentTab a.recommended-link {
    background: url("../../images/v2/icons/iconStackSmall.svg#ArrowDownBlue") 100% -5px no-repeat transparent;
    width: 100%;
    color: #1C69D4;
}

    #recommendedTabs #recommendedContentTab a.recommended-link.closed {
        background: url("../../images/v2/icons/iconStackSmall.svg#ArrowUpBlue") 100% -5px no-repeat transparent;
        width: 100%;
        color: #1C69D4;
    }

#recommendedTabs #moreContentTab a.more-link {
    background: url("../../images/v2/icons/iconStackSmall.svg#ArrowDownBlue") 100% -5px no-repeat transparent;
    width: 100%;
    color: #1C69D4;
}

    #recommendedTabs #moreContentTab a.more-link.closed {
        background: url("../../images/v2/icons/iconStackSmall.svg#ArrowUpBlue") 100% -5px no-repeat transparent;
        width: 100%;
        color: #1C69D4;
    }


@media only screen and (min-width: 768px) {
    .altNav p {
        font-size: 0.875rem;
    }

    .altNav a {
        font-size: 0.875rem;
    }
}

    .slotCarousel .dateChoose.promo {
        background-color: rgba(28,105,212,0.05);
        border: 1px solid #1C69D4;
    }

    .slotCarousel .dateChoose.selected,
    .slotCarousel .dateChoose:hover {
        border: 1px solid #1C69D4;
        background-color: #1C69D4;
    }

    @media only screen and (min-width: 550px) {
        .slotCarousel .flickity-button.next {
            background: url("../../images/v2/icons/iconStack.svg#ArrowRightBlue") 0 0 no-repeat transparent;
        }

        .slotCarousel .flickity-button.previous {
            background: url("../../images/v2/icons/iconStack.svg#ArrowLeftBlue") 0 0 no-repeat transparent;
        }
    }

    .timeList .timeChoose.selected .appointment-time,
    .timeList .timeChoose:hover .appointment-time {
        background-color: #1C69D4;
        border-color: #1C69D4;
    }

    .previousSection {
        background: url("../../images/v2/icons/iconStack.svg#CircleArrowLeftBlue") 0 0 no-repeat transparent;
    }

.nextSection,
.tyresNav {
    background: url("../../images/v2/icons/iconStack.svg#CircleArrowRightBlue") 100% 0 no-repeat transparent;
}

/*
 *  basket values
 */

.basketItem .itemTitle a {
    color: #1C69D4;
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
}

.termsAndSubmit .aprNote p a {
    color: #1C69D4;
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
}



/*
 *   Confirmation Message - BMW
 */

.confirmationMessageContent .title {
    background: url(../../../images/union.png) 50% 62px no-repeat;
}

.confirmationMessageBox p {
    color: #262626;
    font-family: 'BMWTypeNextLatin-light', sans-serif;
}


.confirmationMessageBox li {
    color: #262626;
    font-family: 'BMWTypeNextLatin-Regular', sans-serif;
}

.confirmationMessageBox li:before {
    background-color: #262626;
}

.confirmationMessageBox a {
    color: #1C69D4;
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
}



@media only screen and (min-width: 768px) {

    .confirmationMessageBox p {
        color: #262626;
    }
}

/**
    Accordian BMW
*
*/

.accordianItem h4.accordionToggle {
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
}



/**
    cardTyre
*/


.tyreCard .tyreCardTitle {
    font-family: 'BMWTypeNextLatin-Regular';

}

.tyreCard .tyreCardDescription {
    color: #666;
    font-family: 'BMWTypeNextLatin-Regular';

}

.tyreCard .tyreCardSize,
.tyreCard .tyreCardInfo {
    font-family: 'BMWTypeNextLatin-Regular';
}


.tyreCard .fittedPriceCopy {
    font-family: 'BMWTypeNextLatin-Regular';

}

.tyreCard .fittedPriceCopy span {
    color: #666666;

}

.tyreCard .tyreCardCopy {
    color: #666666;
}

.tyreCardAction a,
.accessoryCardAction a {
    background-image: url(../../images/v2/icons/iconStack.svg#arrowRightGrey03);
    background-position: 102% 0;
}

.tyreCard.selected,
.accessoryCard.selected {
    background-color: rgba(28, 105, 212, 0.05);
    border: 1px solid #1C69D4;
}

.tyreFilters li {
    background-image: url(../../images/v2/icons/iconStack.svg#ArrowDownBlue);
    background-position: 100% 1px;
}

@media only screen and (min-width: 768px) {

    .tyreFilters li {
        background-position: 100% -2px;
    }
}

/**
    cards pricePanel
*/

.pricePanel {
    color: #1C69D4;
    font-family: 'BMWTypeNextLatin-Regular';
}

.pricePanel span.listPrice {
    color: #1C69D4;
}



/**
    tyreFilters - BMW
*/

.tyreFilters {
    background-image: url(../../images/v2/icons/iconStack.svg#ArrowDownBlue);
    background-position: 100% 5px;
    background-repeat: no-repeat;
}

.tyreFilters.openFilter {
    background-image: url(../../images/v2/icons/iconStack.svg#ArrowUpBlue);
    background-position: 100% 5px;
    background-repeat: no-repeat;
}


.tyreFilters .checkRadioHolder {
    font-family: 'BMWTypeNextLatin-Light', sans-serif;
}


.tyreFilters .withSubContent button {
    background-color: #fff;
    background-image: url('../../images/v2/icons/iconStack.svg#Plus');
}

.tyreFilters .withSubContent button.opened {
    background-image: url('../../images/v2/icons/iconStack.svg#Minus');
}


@media only screen and (min-width: 768px) {

    .tyreFilters.openFilter {
        background-image: url(../../images/v2/icons/iconStack.svg#ArrowUpBlue);
        background-position: 100% 0;
    }
}



/**
    manufacture Modal Header
*/


.manufactureModelHeader a h2 {
    font-family: 'BMWTypeNextLatin-Regular';
}

.manufactureModelHeader a p {
    font-family: 'BMWTypeNextLatin-Regular';
}

#manufacturerTabOneContent table td {
    font-family: 'BMWTypeNextLatin-Regular';
}


/**
    accessory Modal Header
*/


.accessoryModelHeader a h2 {
    font-family: 'BMWTypeNextLatin-Regular';
}

.accessoryModelHeader a p {
    font-family: 'BMWTypeNextLatin-Regular';
}

#accessoryTabOneContent table td {
    font-family: 'BMWTypeNextLatin-Regular';
}

/*
 *   Tabs
 */

.defaultTabs li.current a:after {
    background-color: #0085AC;
}

.recommendedTabs a {
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
    color: #1C69D4;
}


/*
*  Tyres Spec Size
*/

.tyreSpecItem .tyreSpecSize {
    font-family: 'BMWTypeNextLatin-Regular', sans-serif;
}


.tyreSpecSizeCopy .tyreSpecTitle {
    font-family: 'BMWTypeNextLatin-Regular', sans-serif;
}

.tyreSpecSizeCopy .tyreSpecDescription {
    font-family: 'BMWTypeNextLatin-Regular', sans-serif;
}

.chooseTyreSizeTitle {
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
}


/** 
   tyreSpecEditor  for Tyres
*/

.tyreSpecEditor .tyreSpecEditorContent {
    font-family: 'BMWTypeNextLatin-Regular', sans-serif;
}

.tyreSpecEditor a {
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
}


/** 
   tyreSpecDisplay  for Tyres
*/

.tyreSpecDisplay h3 {
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
}

.tyreSpecDisplay .tyreSpecEditorContent {
    font-family: 'BMWTypeNextLatin-Regular', sans-serif;
}

.tyreSpecDisplay  a {
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
}


/** 
   .tyreSelectReview for Tyres
*/

.tyreSelectReview .tyresSelectTitle {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-family: 'BMWTypeNextLatin-Regular', sans-serif;
}


/** 
   .tyreSpecDisplay for Tyres
*/

.tyreSpecDisplay h3 {
    font-size: 0.625rem;
}

.tyreSpecDisplay .tyreSpecEditorContent {
    font-size: 0.85rem;
    line-height: 1.375rem;
}


.tyreSpecDisplay a {
    font-size: 0.75rem;
    line-height: 1rem;
}



/** 
   Skip tyres section button
*/

.stepSection a {
    background-color: #1C69D4;
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
}



/**
    Core file updates 
*/

.vehicleSelectBox a {
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
    color: #1C69D4;
}

.vehicleSelectionBox a {
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
    color: #1C69D4;
}


/**
*   Modal themes
*/

.modalInner h2,
.modalInner h3,
.modalInner h4,
.modalInner h5 {
    font-family: 'BMWTypeNextLatin-Light', sans-serif;
}

.modalInner p {
    font-family: 'BMWTypeNextLatin-Regular', sans-serif;
}

.modalInner .modelActions a {
    color: #1C69D4;
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
}

.modalClose {
    background: url("../../images/v2/icons/iconStack.svg#IconClose") 0 0 no-repeat #1C69D4;
}



/** 
    Modal Form - Retail contact booking 
*
*/

.sent-callback-request {
    color: #1C69D4;
}

.tyreKey {
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
}

.tyreKey span {
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
}

.tyreKey span b {
    background-color: #1C69D4;
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
}

.tyreKeyList li {
    font-family: 'BMWTypeNextLatin-Regular', sans-serif;
}

.tyreKeyList li b {
    background-color: #1C69D4;
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
}



/** 
    Jquery UI model override 

*/

.ui-dialog .ui-dialog-title {
    font-family: 'BMWTypeNextLatin-Light', sans-serif;
}

.ui-dialog .ui-dialog-title {
    font-family: 'BMWTypeNextLatin-Light', sans-serif;
}

.retailer-contact-info p {
    font-family: 'BMWTypeNextLatin-Regular', sans-serif;
}

.ui-dialog .ui-dialog-titlebar-close {
     background: #1C69D4;
    background: url("../../images/v2/icons/iconStack.svg#IconClose") 0 0 no-repeat #1C69D4;
}

#sendCustomerDetailsToRetailer {
     background-color: #1c69d4;
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
}


.ui-widget-content a {
   color: #1c69d4;
}







/**
    accessoriesTyre
*/


.accessoriesCard .accessoriesCardTitle {
    font-family: 'BMWTypeNextLatin-Regular';
}

.accessoriesCard .fittedPriceCopy {
    font-family: 'BMWTypeNextLatin-Regular';
}

.accessoriesCard .fittedPriceCopy span {
    color: #666666;
}

.accessoriesCardAction a {
    background-image: url(../../images/v2/icons/iconStack.svg#arrowRightGrey03);
    background-position: 102% 0;
}

.accessoriesCard.selected {
    background-color: rgba(28, 105, 212, 0.05);
    border: 1px solid #1C69D4;
}



.yourSelection h4 {
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
    font-size: 10px;
    line-height: 14px;
}

.yourSelection p {
    font-family: 'BMWTypeNextLatin-Regular', sans-serif;
    font-size: 16px;
    line-height: 24px;
}

.yourSelection a {
    font-family: 'BMWTypeNextLatin-Bold', sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #1C69D4;
}

.car-image-container {
    width: 90%;
}

.car-image-container img {
    display: block;
    width: 100%;
    height: auto;
}

.noPromotions {
    padding: 2em;
    text-align: center;
}


/**
    accessoryCard
*/


.accessoryCard .accessoryCardTitle {
    font-family: 'BMWTypeNextLatin-Regular';
}

.accessoryCard .accessoryCardDescription {
    color: #666;
    font-family: 'BMWTypeNextLatin-Regular';
}

.accessoryCard .accessoryCardSize {
    font-family: 'BMWTypeNextLatin-Regular';
}


.accessoryCard .fittedPriceCopy {
    font-family: 'BMWTypeNextLatin-Regular';
}

    .accessoryCard .fittedPriceCopy span {
        color: #666666;
    }

.accessoryCard .accessoryCardCopy {
    color: #666666;
}


.accessoryCard.selected {
    background-color: rgba(28, 105, 212, 0.05);
    border: 1px solid #1C69D4;
}