:root {
    --primaryColour1: #98a4cc;
    --primaryColour2: #bbd6ac;
    --primaryColour3: #fdd69a;
    --primaryColour4: #f6af93;
    --primaryColour5: #e69192;
    --primaryColour6: #adabab;
    --secondaryColour1: #2f478b;
    --secondaryColour2: #74a84e;
    --secondaryColour3: #f8ab16;
    --secondaryColour4: #ea5b1b;
    --secondaryColour5: #c81517;
    --secondaryColour6: #333333;
}

@font-face {
    font-family: mySiteHeadingFont;
    src: url(../Fonts/Roboto-Regular.ttf);
}



.TopBoxOuter {
    height: 50px !important;
}

.MasterSlideShow {
    padding-top: 115px !important;
    background-color: #f8f8f8;
}

.TopBoxOuter:hover {
    background-color: #f8f8f8 !important;
}

.TopBoxOuter:focus {
    background-color: #f8f8f8 !important;
}

.ClearanceButton1 {
    background-color: #f8ab16;
}

.ClearanceButton2 {
    background-color: #2f478b;
}

.carousel-image {
    height: 100%;
}

.myCarousel {
    height: 100%;
}

.carousel-indicators {
    bottom: 0px;
}

.HDBTopBoxes {
    top: 125px !important;
}

.DropDownMenuMobile {
    background-color: #ffffff;
}

.LogoHeight {
    max-width: 210px;
}

.LogoHeightMobile {
    width: 100%;
}

.BranchLogo {
    float: left;
}

.CarouselFooter {
    padding-top: 50px;
}

.CarouselFooterText {
    font-size: 20px;
}

.carousel-tint::after {
    /*background: -webkit-radial-gradient(circle farthest-side,rgba(0,0,0,.5),transparent);
    background: radial-gradient(circle farthest-side,rgba(0,0,0,.5), transparent);*/
    background: none;
}

.BranchLogoPos {
    padding-top: 5px;
    padding-left: 0 !important;
    max-width: inherit !important;
    width: 100%;
    text-align: center;
}

.HighlightBorderColourPIMv3 {
    border-color: white !important;
}

.carousel-caption {
    text-align: left;
}

.CarouselTitle {
    font-size: 55px;
}

.ReviewTextPos {
    padding-left: 100px;
    padding-right: 100px;
}

.VisualOverlay {
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
}

.PoptextPos {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 99
}


.Popimage {
    position: relative;
}

    .Popimage::before {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 150px;
        /*background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.9)),to(transparent));
        background: -webkit-linear-gradient(bottom,rgba(0,0,0,.9),transparent);
        background: linear-gradient(0deg,rgba(0,0,0,.9),transparent);*/
    }



.PopLinkText {
    color: white;
    font-size: 20px;
}

    .PopLinkText:hover {
        color: white;
    }

    .PopLinkText:active {
        color: white;
    }

.PopProdPadding {
    padding-top: 5px;
    padding-left: 30px;
    padding-right: 30px;
}

.HomePopProductsText {
    color: #333;
    font-size: 16px;
    font-family: myLightFont;
}

.PopProductsSpacing {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
}

.HomePopProductsHeading {
    font-size: 30px;
}

.PIMv2Button {
    background: #ea5b1b 0% 0% no-repeat padding-box;
}

.OpenAccTitle {
    color: #ffffff;
}

.topwrapper {
    background-color: #ffffff !important;
    border-bottom: solid 1px #383838;
}

.topwrapperlanding {
    background-color: #ffffff !important;
}

.HighlightBGLanding {
    background-color: #f8ab16 !important;
}

.HighlightBGLanding2 {
    background-color: #2f478b;
}

.TopBannerAdviceLanding {
    color: #333 !important;
}

svg g line {
    stroke: #8c8b8b;
}

svg g.active line,
svg g.active ~ g line {
    stroke: #da3f00;
}

svg g circle {
    fill: #8c8b8b;
}

svg g.active circle,
svg g.active ~ g circle {
    fill: #da3f00;
}

svg g text {
    fill: #fff;
    text-anchor: middle;
    dominant-baseline: central;
}

.TrackDiv {
    display: inline-block;
    width: 21%;
    text-align: left;
}

.MainBackgroundColour {
    background-color: #6f6f6f;
}

.HighlightBorderColour {
    border-color: #da3f00;
}

.HighlightBorderColourDarker {
    border-color: #948a6a;
}

.HighlightBorderColour2 {
    border-color: #383838;
}

.HighlightBackgroundColour1NoHover {
    background-color: var(--secondaryColour3) !important;
}

.HighlightBackgroundColour1 {
    background-color: var(--secondaryColour3) !important;
}

    .HighlightBackgroundColour1:hover {
        background-color: var(--primaryColour3) !important;
    }

.HighlightBackgroundColourWhite {
    background-color: white;
}

    .HighlightBackgroundColourWhite:hover {
        background-color: #cccccc;
    }

.HighlightColour1 {
    color: var(--secondaryColour6) !important;
}

a.HighlightColour1:hover {
    color: var(--primaryColour6) !important;
}

.HighlightColour2 {
    color: var(--secondaryColour2) !important;
}

    .HighlightColour2:hover {
        color: var(--primaryColour2) !important;
    }

.HighlightBackgroundColour2 {
    background-color: var(--secondaryColour2) !important;
}

    .HighlightBackgroundColour2:hover {
        background-color: var(--primaryColour2) !important;
    }

.HighlightBackgroundColour2NoHover {
    background-color: var(--secondaryColour2) !important;
}

    .HighlightBackgroundColour2NoHover:hover {
        background-color: var(--secondaryColour2) !important;
    }

.HighlightColour3 {
    color: var(--secondaryColour3) !important;
}

    .HighlightColour3:hover {
        background-color: var(--primaryColour3) !important;
    }

.HighlightBackgroundColour3 {
    background-color: var(--secondaryColour3) !important;
}

    .HighlightBackgroundColour3:hover {
        background-color: var(--primaryColour3) !important;
    }

.HighlightBackgroundColour3NoHover {
    background-color: var(--secondaryColour3) !important;
}

    .HighlightBackgroundColour3NoHover:hover {
        background-color: var(--secondaryColour3) !important;
    }

.HighlightColour4 {
    color: var(--secondaryColour1) !important;
}

    .HighlightColour4:hover {
        color: var(--primaryColour1) !important;
    }

.HighlightBackgroundColour4 {
    background-color: var(--secondaryColour1) !important;
}

    .HighlightBackgroundColour4:hover {
        background-color: var(--primaryColour1) !important;
    }

.HighlightBackgroundColour4NoHover {
    background-color: var(--secondaryColour1) !important;
}

    .HighlightBackgroundColour4NoHover:hover {
        background-color: var(--secondaryColour1) !important;
    }

.HighlightColour5 {
    color: var(--secondaryColour5) !important;
}

    .HighlightColour5:hover {
        color: var(--secondaryColour5) !important;
    }

.HighlightBackgroundColour5 {
    background-color: var(--secondaryColour5) !important;
}

    .HighlightBackgroundColour5:hover {
        background-color: var(--primaryColour5) !impoartant;
    }

.HighlightBackgroundColour5NoHover {
    background-color: var(--secondaryColour5) !important;
}

    .HighlightBackgroundColour5NoHover:hover {
        background-color: --var(secondaryColour5) !impoartant;
    }

.HighlightColour6 {
    color: var(--secondaryColour6) !important;
}

    .HighlightColour6:hover {
        color: var(--primaryColour6) !important;
    }

.HighlightBackgroundColour6 {
    background-color: var(--secondaryColour6) !important;
}

    .HighlightBackgroundColour6:hover {
        background-color: var(--primaryColour6) !important;
    }

.HighlightBackgroundColour6NoHover {
    background-color: var(--secondaryColour6) !important;
}

    .HighlightBackgroundColour6NoHover:hover {
        background-color: var(--secondaryColour6) !important;
    }

.MainBackgroundColour1 {
    background-color: var(--primaryColour4) !important;
}

    .MainBackgroundColour1:hover {
        background-color: var(--secondaryColour4) !important;
    }

.MainBackgroundColour1NoHover {
    background-color: var(--primaryColour4) !important;
}

    .MainBackgroundColour1NoHover:hover {
        background-color: var(--primaryColour4) !important;
    }

.MainBackgroundColour2 {
    background-color: var(--primaryColour3) !important;
}

    .MainBackgroundColour2:hover {
        background-color: var(--secondaryColour3) !important;
    }

.MainBackgroundColour2NoHover {
    background-color: var(--secondaryColour3) !important;
}

    .MainBackgroundColour2NoHover:hover {
        background-color: var(--primaryColour3) !important;
    }

.MainBackgroundColour2 {
    background-color: var(--secondaryColour3) !important;
}

    .MainBackgroundColour2:hover {
        background-color: var(--primaryColour3) !important;
    }

.MainBackgroundColour3NoHover {
    background-color: var(--primaryColour3) !important;
}

    .MainBackgroundColour3NoHover:hover {
        background-color: var(--primaryColour3) !important;
    }

.MainBackgroundColour4 {
    background-color: var(--primaryColour1) !important;
}

    .MainBackgroundColour4:hover {
        background-color: var(--secondaryColour1) !important;
    }

.MainBackgroundColour4NoHover {
    background-color: var(--primaryColour1) !important;
}

    .MainBackgroundColour4NoHover:hover {
        background-color: var(--primaryColour1) !important;
    }

.MainBackgroundColour5 {
    background-color: var(--primaryColour5) !important;
}

    .MainBackgroundColour5:hover {
        background-color: var(--secondaryColour5) !important;
    }

.MainBackgroundColour5NoHover {
    background-color: var(--primaryColour5) !important;
}

    .MainBackgroundColour5NoHover:hover {
        background-color: var(--primaryColour5) !important;
    }

.MainBackgroundColour6 {
    background-color: var(--primaryColour6) !important;
}

    .MainBackgroundColour6:hover {
        background-color: var(--secondaryColour6) !important;
    }

.MainBackgroundColour6NoHover {
    background-color: var(--primaryColour6) !important;
}

    .MainBackgroundColour6NoHover:hover {
        background-color: var(--primaryColour6) !important;
    }

.HighlightBackgroundColour1NoHover333 {
    background-color: #333;
}

.FAQBox {
    background-color: white;
    border-bottom: solid 2px #333;
}

.FAQTextExpand {
    font-family: myRegularFont;
    font-size: 16px;
    line-height: 24px;
    color: #333;
}

.FAQText {
    color: #333;
    font-family: myRegularFont !important;
}

    .FAQText:hover {
        color: #333;
    }

    .FAQText:focus {
        color: #333;
    }

.OpenAccBGColour {
    background-color: var(--primaryColour2);
}

.OpenAccBGColour2 {
    background-color: var(--secondaryColour1);
}

.FavSelected {
    background-color: var(--primaryColour3);
}

.TopBannerFontBold {
    font-family: myBoldFont;
    font-size: 14px;
    line-height: 24.5px;
    color: white;
    letter-spacing: 0.06em;
}

a.TopBannerFontBold:hover {
    color: white;
}

.TopBannerFontLight {
    font-family: myLightFont;
    font-size: 14px;
    line-height: 24.5px;
    color: white;
}

a.TopBannerFontLight:hover {
    color: white;
}

.TopBannerBasket {
    color: #333;
}

    .TopBannerBasket:hover {
        color: #333;
    }

    .TopBannerBasket:focus {
        color: #333;
    }

.TopBannerAdvice {
    color: #333;
}

    .TopBannerAdvice:hover {
        color: #333;
    }

    .TopBannerAdvice:focus {
        color: #333;
    }

.MenuFontLight:hover {
    color: #151515;
}

.MenuFontLight:focus {
    color: #151515;
}

.BoxTabFont {
    font-family: myMediumFont;
    font-size: 13px;
    line-height: 24.5px;
    color: #333;
}

a.BoxTabFont:hover {
    color: #333;
}

.BoxTabFontMobile {
    font-family: myMediumFont;
    font-size: 12px;
    line-height: 24.5px;
    color: #333;
}

a.BoxTabFontMobile:hover {
    color: #333;
}

.BoxTitleFont {
    font-family: myMediumFont;
    font-size: 42px;
    line-height: 45px;
    color: white;
    letter-spacing: 0.01em;
}

.BoxTitleFontMobile {
    font-family: myMediumFont;
    font-size: 33px;
    line-height: 45px;
    color: white;
    letter-spacing: 0.01em;
}

.BoxTextFont {
    font-size: 14px;
    line-height: 20px;
    color: white;
}

.ClearanceButtonTextFont {
    font-family: myMediumFont;
    font-size: 13px;
    line-height: 24px;
    color: white;
}

    .ClearanceButtonTextFont:hover {
        color: #fff;
    }

a.ClearanceButtonTextFont:hover {
    color: #fff;
}

a.ClearanceButtonTextFont:focus {
    color: white;
}

.MenuBG {
    background-color: #f8ab16;
    border-radius: 0px 0px 0px 12px;
    margin-top: 5px;
}

.ClearanceMenuFont {
    color: white;
    border-color: white;
}

.ButtonTextFont {
    font-family: myMediumFont;
    font-size: 13px;
    line-height: 24px;
    color: white;
}

    .ButtonTextFont:hover {
        color: #333;
    }

.ButtonTextFontLanding {
    font-family: myRegularFont;
    font-size: 13px;
    line-height: 24px;
    color: white;
}

a.ButtonTextFont:hover {
    color: #333;
}

a.ButtonTextFontLanding:hover {
    color: white;
}

a.ButtonTextFont:focus {
    color: white;
}

.ButtonTextFontMobile {
    font-family: myMediumFont;
    font-size: 12px;
    line-height: 24px;
    color: white;
}

a.ButtonTextFontMobile:hover {
    color: white;
}


.TextFont {
    font-family: myLightFont;
    font-size: 16px;
    line-height: 24px;
    color: #4c4b4b;
}


.TextFontProduct {
    font-family: myRegularFont;
    font-size: 14px;
    line-height: 24px;
}

.DelAddReg {
    font-family: myRegularFont;
    font-size: 14px;
    line-height: 24px;
}

.AddMoreEmailIconFont {
    font-family: myLightFont;
    font-size: 100px;
    color: #383838;
}

.BasketTotalFont {
    font-family: myRegularFont;
    font-size: 30px;
    line-height: 52px;
    color: #333;
}

.SmallLinkFont {
    font-family: myLightFont;
    font-size: 12px;
    line-height: 24px;
    color: #383838;
    text-decoration: underline;
}

a.SmallLinkFont:hover {
    color: #383838;
    text-decoration: underline;
}

.LightNoteFont {
    font-family: myLightFont;
    font-size: 14px;
    line-height: 24px;
    color: #383838;
}

a.LightNoteFont:hover {
    color: #383838;
}

.RegNoteFont {
    font-family: myRegularFont;
    font-size: 14px;
    line-height: 24px;
    color: white;
}

a.RegNoteFont:hover {
    color: white;
}



a.ProductTabFont:hover {
    color: white;
}

.ProductHeadingFont {
    font-family: myRegularFont;
    font-size: 23.8px;
    line-height: 24px;
}

a.ProductHeadingFont:hover {
}

.FilterBoxFont {
    font-family: myRegularFont;
    font-size: 16px;
    line-height: 24px;
    color: #383838;
}

a.FilterBoxFont:hover {
    color: #383838;
}

.FilterTextFont {
    font-family: myMediumFont;
    font-size: 14px;
    line-height: 24px;
    color: #383838;
}

a.FilterTextFont:hover {
    color: #383838;
}

.FilterResultsFont {
    font-family: myMediumFont;
    font-size: 78px;
    line-height: 68px;
}

a.FilterResultsFont:hover {
}

.FilterResults2Font {
    font-family: myMediumFont;
    font-size: 29px;
    line-height: 39px;
}

a.FilterResults2Font:hover {
}

.Med36Font {
    font-family: myMediumFont;
    font-size: 36px;
    line-height: 48px;
    color: #333;
    letter-spacing: -.020em;
}

a.Med36Font:hover {
    color: #333;
}

.FooterFontRegular {
    color: var(--secondaryColour6)
}

    .FooterFontRegular:hover {
        color: var(--primaryColour6);
        text-decoration: none;
    }

    .FooterFontRegular:focus {
        color: var(--primaryColour6);
        text-decoration: none;
    }

a.FooterFontRegular:hover {
    color: #999;
    text-decoration: none;
}

a.FooterFontRegular:focus {
    color: #999;
    text-decoration: none;
}

.FooterFontLight {
    font-family: myLightFont;
    font-size: 15px;
    line-height: 24.5px;
    color: #333;
}



.WelcomeFont {
    font-family: myBoldFont;
    font-size: 36px;
    line-height: 40px;
    color: white;
    letter-spacing: 0.06em;
}

.WelcomeFontMedium {
    font-family: myMediumFont;
    font-size: 36px;
    line-height: 40px;
    color: white;
    letter-spacing: -.020em;
}

.AddedtoFavFontBold {
    font-family: myMediumFont;
    font-size: 30px;
    line-height: 40px;
}

.AddedtoFavFontReg {
    font-family: myBoldFont;
    font-size: 14px;
    line-height: 34px;
    letter-spacing: 0.06em;
}

.LoggedInAsFont {
    font-family: mySemiBoldFont;
    font-size: 14px;
    line-height: 24px;
    color: white;
}

.CCFont {
    font-family: mySemiBoldFont;
    font-size: 16px;
    line-height: 24px;
    color: white;
}

.MenuFontBold {
    font-family: mySemiBoldFont;
    font-size: 17px;
    line-height: 35px;
    color: white;
}

a.MenuFontBold:hover {
    color: white;
}



.SearchCatalogueFont {
    font-family: myBoldFont;
    font-size: 29px;
    line-height: 41px;
    letter-spacing: 0.06em;
}

.PromoTabFont {
    font-family: myBoldFont;
    font-size: 14px;
    line-height: 24px;
    color: white;
    letter-spacing: 0.06em;
}

a.PromoTabFont:hover {
    color: white;
}

.ProductItemFontBold {
    font-family: mySemiBoldFont;
    font-size: 16px;
    line-height: 24px;
    color: #383838;
}

a.ProductItemFontBold:hover {
    color: #383838;
}

.ProductItemFontListBold {
    font-family: myBoldFont;
    font-size: 14px;
    line-height: 24px;
    color: #383838;
    letter-spacing: 0.06em;
}

a.ProductItemFontListBold:hover {
    color: #383838;
}

.ProductItemFontRegular {
    font-family: myRegularFont;
    font-size: 16px;
    line-height: 24px;
    color: #383838;
    font-weight: normal;
}

a.ProductItemFontRegular:hover {
    color: #383838;
}

.ProductItemFontLight {
    font-family: myLightFont;
    font-size: 16px;
    line-height: 24px;
    color: #383838;
}

a.ProductItemFontLight:hover {
    color: #383838;
}

.ProductItemFontListLight {
    font-family: myRegularFont;
    font-size: 14px;
    line-height: 24px;
    color: #383838;
}

a.ProductItemFontListLight:hover {
    color: #383838;
}

.PaginationFontBold {
    font-family: myBoldFont;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.06em;
}

a.PaginationFontBold {
}

.StockDetailFontBold {
    font-family: myBoldFont;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.06em;
}

a.StockDetailFontBold {
    font-family: myBoldFont;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.06em;
}

.DelAddBold {
    font-family: myBoldFont;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.06em;
}

a.DelAddBold {
    font-family: myBoldFont;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.06em;
}

.StockDetailFontRegular {
    font-family: myRegularFont;
    font-size: 20px;
    line-height: 24px;
}

a.StockDetailFontRegular {
}

.ProductDetailFontBold {
    font-family: myBoldFont;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.06em;
}

a.ProductDetailFontBold {
}

.BasketLineValueFontBold {
    font-family: myBoldFont;
    font-size: 23.8px;
    line-height: 30px;
    letter-spacing: 0.06em;
}

a.BasketLineValueFontBold {
}

.OrderConfirmLineValueFontBold {
    font-family: myBoldFont;
    font-size: 26px;
    line-height: 35px;
    letter-spacing: 0.06em;
}

a.OrderConfirmLineValueFontBold {
}

.OrderConfirmLineValueFontBold2 {
    font-family: myBoldFont;
    font-size: 18px;
    line-height: 24px;
    color: #383838;
    letter-spacing: 0.06em;
}

a.OrderConfirmLineValueFontBold2 {
    color: #383838;
}

.OrderConfirmLineValueFontBold3 {
    font-family: myBoldFont;
    font-size: 14px;
    line-height: 24px;
    color: #383838;
    letter-spacing: 0.06em;
}

a.OrderConfirmLineValueFontBold3 {
    color: #383838;
}

.OrderConfirmLineValueFontSemiBold {
    font-family: mySemiBoldFont;
    font-size: 18px;
    line-height: 24px;
    color: white !important;
}

a.OrderConfirmLineValueFontSemiBold {
    color: white;
}

.WarrantyFontBold {
    font-family: myBoldFont;
    font-size: 41px;
    line-height: 30px;
    letter-spacing: 0.06em;
}

a.WarrantyFontBold {
}

.WarrantyFontRegular {
    font-family: myRegularFont;
    font-size: 18px;
    line-height: 30px;
}

a.WarrantyFontRegular {
}

.ProductDetailFontRegular {
    font-family: myRegularFont;
    font-size: 16px;
    line-height: 30px;
}

a.ProductDetailFontRegular {
}

.PaginationFontLight {
    font-family: myLightFont;
    font-size: 14px;
    line-height: 24px;
}

a.PaginationFontLight {
}

.MyCompletionList {
    font-family: myLightFont;
    font-size: 16px;
    line-height: 24px;
    color: #4c4b4b;
}

.MyCompletionList2 {
    border: solid 1px red;
    list-style: outside none none;
    cursor: default;
    left: 0px;
    text-align: left;
    font-family: myLightFont;
    font-size: 16px;
    line-height: 24px;
    color: #4c4b4b;
    background-color: white;
}

.DarkGreyColour {
    color: #383838;
}

a.DarkGreyColour {
    color: #383838;
}

.svgicon {
    fill: black;
}

    .svgicon:hover {
        fill: orange;
    }

svg {
    width: 25px;
    height: 25px;
}

    svg path {
        fill: #da3f00 !important;
    }

    svg polygon {
        fill: #da3f00 !important;
    }

    svg:hover path {
        fill: #da3f00 !important;
    }


.billimage {
    background-image: url("data:image/svg+xml,%3Csvg class='icon' style='width: 25px; height: 35px;vertical-align: middle;fill: %23da3f00;overflow: hidden;' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M710.776471 90.352941h-518.02353c-72.282353 0-132.517647 54.211765-132.517647 120.470588v662.588236c0 66.258824 60.235294 120.470588 132.517647 120.470588h584.282353c72.282353 0 132.517647-54.211765 132.517647-120.470588v-542.117647h-60.235294v542.117647c0 30.117647-30.117647 60.235294-72.282353 60.235294h-584.282353c-42.164706 0-72.282353-30.117647-72.282353-60.235294v-662.588236c0-30.117647 30.117647-60.235294 72.282353-60.235294h518.02353v-60.235294z' fill='%23da3f00' /%3E%3Cpath d='M246.964706 391.529412h301.17647v-60.235294h-301.17647zM246.964706 572.235294h481.882353v-60.235294h-481.882353zM246.964706 752.941176h481.882353v-60.235294h-481.882353zM674.635294 367.435294l289.129412-295.152941-42.164706-42.164706-289.129412 295.152941z' fill='%23da3f00' /%3E%3C/svg%3E");
}

.vanimage {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 18.69'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2374a84e;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3ETrack Order%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M.93,12.46V1.14A1.14,1.14,0,0,1,2.07,0H13.38a1.14,1.14,0,0,1,1.14,1.14V12.46a.38.38,0,0,1-.38.38H1.31A.38.38,0,0,1,.93,12.46Zm9.14,3.87A2.37,2.37,0,1,1,7.71,14,2.36,2.36,0,0,1,10.07,16.33Zm-1.18,0a1.18,1.18,0,1,0-2.36,0,1.18,1.18,0,1,0,2.36,0ZM5.67,14H.38a.38.38,0,0,0-.38.38V15.5a.38.38,0,0,0,.38.38H4.62A3.14,3.14,0,0,1,5.67,14Zm16.75,2.36A2.36,2.36,0,1,1,20.06,14,2.35,2.35,0,0,1,22.42,16.33Zm-1.18,0a1.18,1.18,0,1,0-1.18,1.18A1.18,1.18,0,0,0,21.24,16.33Zm5.36-2V15.5a.38.38,0,0,1-.38.38H23.15a3.12,3.12,0,0,0-6.17,0H10.79a3.09,3.09,0,0,0-1-1.91h5.87V3.11a.76.76,0,0,1,.76-.75H20a3.06,3.06,0,0,1,2.52,1.33l2.31,3.42a3.06,3.06,0,0,1,.52,1.7V14h.92A.38.38,0,0,1,26.6,14.35ZM22.75,7.2,20.9,4.58a.37.37,0,0,0-.31-.16H17.71a.38.38,0,0,0-.38.38V7.42a.38.38,0,0,0,.38.38h4.73A.38.38,0,0,0,22.75,7.2Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.collectimage {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30.3 34.71'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23da3f00;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset 1%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M9.24,18.37h12.2a1,1,0,0,0,1-1V5.08a1,1,0,0,0-1-1H18.39v-1a3,3,0,0,0-6.1,0v1h-3a1,1,0,0,0-1,1V17.35A1,1,0,0,0,9.24,18.37ZM14.32,3.05a1,1,0,0,1,2,0v1h-2Z'/%3E%3Cpath class='cls-1' d='M30.15,16.83a1,1,0,0,0-.87-.49A4.8,4.8,0,0,0,25,18.92L21.9,24.87a3,3,0,0,1-2.71,1.63h-6.9a1,1,0,1,1,0-2h6.9a1,1,0,0,0,.91-.54c.17-.34.7-1.36,1.16-2.23a.9.9,0,0,0,0-.87.87.87,0,0,0-.76-.43H9.91a5.06,5.06,0,0,0-3.6,1.49l-6,6a1,1,0,0,0,0,1.43l5.08,5.07a1,1,0,0,0,1.44,0l3.86-3.84h8.51a7.1,7.1,0,0,0,6.31-3.81l4.68-8.93A1,1,0,0,0,30.15,16.83Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.sampleimage {
    background-image: url("data:image/svg+xml,%3Csvg height='35px' width='35px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg%3E%3Cline x1='49.91' y1='10.65' x2='89.26' y2='50'/%3E%3Cpolygon fill='%2374a84e' points='89.35,83.575 94.872,78.053 89.281,72.462 95,66.743 89.35,61.092 94.94,55.501 91.591,52.152 83.816,59.927 78.225,54.336 72.575,59.986 66.856,54.267 61.265,59.859 55.742,54.336 50.211,59.867 40.133,49.79 42.288,47.812 45.722,44.377 40.102,38.756 45.455,33.403 39.923,27.872 45.702,22.093 39.933,16.324 47.758,8.498 44.269,5.009 38.5,10.779 32.721,5 27.19,10.532 21.836,5.178 16.216,10.799 10.584,5.167 10.71,5.302 5.119,10.893 10.65,16.425 5.128,21.947 10.719,27.538 5,33.257 10.65,38.908 5.059,44.499 10.65,50.09 5.009,55.731 10.779,61.5 5,67.279 10.531,72.81 5.178,78.164 10.799,83.784 5.167,89.416 5.302,89.29 10.893,94.881 16.425,89.35 21.947,94.872 27.538,89.281 33.257,95 38.908,89.35 44.498,94.941 50.09,89.35 55.731,94.991 61.5,89.221 67.279,95 72.81,89.468 78.163,94.822 83.784,89.201 89.416,94.833 89.29,94.698 94.881,89.107 '/%3E%3Cpolygon fill='%2374a84e' points='49.968,10.682 44.327,16.324 50.096,22.093 44.318,27.872 49.849,33.403 44.496,38.756 50.117,44.377 44.485,50.009 44.62,49.883 50.211,55.474 55.742,49.942 61.265,55.465 66.856,49.874 72.575,55.593 78.225,49.942 83.816,55.533 89.407,49.942 '/%3E%3C/g%3E%3C/svg%3E ");
}

.sampleimagemobile {
    background-image: url("data:image/svg+xml,%3Csvg height='27px' width='27px' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 100 100' xml:space='preserve'%3E%3Cg%3E%3Cline x1='49.91' y1='10.65' x2='89.26' y2='50'/%3E%3Cpolygon fill='%2374a84e' points='89.35,83.575 94.872,78.053 89.281,72.462 95,66.743 89.35,61.092 94.94,55.501 91.591,52.152 83.816,59.927 78.225,54.336 72.575,59.986 66.856,54.267 61.265,59.859 55.742,54.336 50.211,59.867 40.133,49.79 42.288,47.812 45.722,44.377 40.102,38.756 45.455,33.403 39.923,27.872 45.702,22.093 39.933,16.324 47.758,8.498 44.269,5.009 38.5,10.779 32.721,5 27.19,10.532 21.836,5.178 16.216,10.799 10.584,5.167 10.71,5.302 5.119,10.893 10.65,16.425 5.128,21.947 10.719,27.538 5,33.257 10.65,38.908 5.059,44.499 10.65,50.09 5.009,55.731 10.779,61.5 5,67.279 10.531,72.81 5.178,78.164 10.799,83.784 5.167,89.416 5.302,89.29 10.893,94.881 16.425,89.35 21.947,94.872 27.538,89.281 33.257,95 38.908,89.35 44.498,94.941 50.09,89.35 55.731,94.991 61.5,89.221 67.279,95 72.81,89.468 78.163,94.822 83.784,89.201 89.416,94.833 89.29,94.698 94.881,89.107 '/%3E%3Cpolygon fill='%2374a84e' points='49.968,10.682 44.327,16.324 50.096,22.093 44.318,27.872 49.849,33.403 44.496,38.756 50.117,44.377 44.485,50.009 44.62,49.883 50.211,55.474 55.742,49.942 61.265,55.465 66.856,49.874 72.575,55.593 78.225,49.942 83.816,55.533 89.407,49.942 '/%3E%3C/g%3E%3C/svg%3E ");
}

.closeadviceimage {
    background-image: url("data:image/svg+xml,%3Csvg height='27px' width='27px'xmlns='http://www.w3.org/2000/svg'  xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' viewBox='0 0 1436 1054' enable-background='new 0 0 1436 1054' xml:space='preserve'> <path d='M718.5,453.8l224-224.3c20.4-20.4,53.3-20.4,73.6,0c20.4,20.4,20.4,53.3,0,73.6l-224,224.6l224,224 c20.4,20.4,20.4,53.3,0,73.6c-20.4,20.4-53.3,20.4-73.6,0l-224-224l-224.6,224c-20.4,20.4-53.3,20.4-73.6,0 c-20.4-20.4-20.4-53.3,0-73.6l224-224L420.4,303.2c-20.5-20.4-20.5-53.3-0.1-73.6s53.3-20.4,73.6,0l224.6,224V453.8z'/> </svg> ");
}

/*input[type=checkbox] + label {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.5 39.5'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-1,.cls-2%7Bstroke:%239D9066;stroke-miterlimit:10;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Etick-on%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Crect class='cls-1' x='0.5' y='0.5' width='38.5' height='38.5' rx='6.82'/%3E%3Cpolyline class='cls-2' points='5 22.5 15 32.5 35.5 12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

input[type=checkbox]:checked + label {*/
/*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.5 39.5' preserveAspectRatio = 'none' %3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23fff;}.cls-1,.cls-2{stroke:%239D9066;stroke-miterlimit:10;}.cls-2{fill:none;}%3C/style%3E%3C/defs%3E%3Ctitle%3Etick-on%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Crect class='cls-1' x='0.5' y='0.5' width='38.5' height='38.5' rx='6.82'/%3E%3Cpolyline class='cls-2' points='5 22.5 15 32.5 35.5 12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;*/
/*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.5 39.5'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-1,.cls-2%7Bstroke:%239D9066;stroke-miterlimit:10;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Etick-on%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Crect class='cls-1' x='0.5' y='0.5' width='38.5' height='38.5' rx='6.82'/%3E%3Cpolyline class='cls-2' points='5 22.5 15 32.5 35.5 12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}*/

input[type=checkbox] + label {
    /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.5 39.5' preserveAspectRatio = 'none' %3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23fff;stroke:%23e55b1e;stroke-miterlimit:10;}%3C/style%3E%3C/defs%3E%3Ctitle%3Etick-off%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Crect class='cls-1' x='0.5' y='0.5' width='38.5' height='38.5' rx='6.82'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.5 39.5'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;stroke:%23000000;stroke-miterlimit:10;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Etick-off%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Crect class='cls-1' x='0.5' y='0.5' width='38.5' height='38.5' rx='6.82'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

input[type=checkbox]:checked + label {
    /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.5 39.5' preserveAspectRatio = 'none' %3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23fff;}.cls-1,.cls-2{stroke:%23e55b1e;stroke-miterlimit:10;}.cls-2{fill:none;}%3C/style%3E%3C/defs%3E%3Ctitle%3Etick-on%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Crect class='cls-1' x='0.5' y='0.5' width='38.5' height='38.5' rx='6.82'/%3E%3Cpolyline class='cls-2' points='5 22.5 15 32.5 35.5 12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 39.5 39.5'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D.cls-1,.cls-2%7Bstroke:%23000000;stroke-miterlimit:10;%7D.cls-2%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Etick-on%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Crect class='cls-1' x='0.5' y='0.5' width='38.5' height='38.5' rx='6.82'/%3E%3Cpolyline class='cls-2' points='5 22.5 15 32.5 35.5 12'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.ajax__calendar_header {
    background-color: #da3f00;
}

.CalendarCSS {
    font-family: mySemiBoldFont;
    font-size: 16px;
    line-height: 24px;
}

a.CalendarCSS {
    font-family: mySemiBoldFont;
    font-size: 16px;
    line-height: 24px;
}

.ajax_calendar_invalid {
    color: #da3f00;
}

.ajax_calendar_valid {
    color: #383838 !important;
    font-family: mySemiBoldFont !important;
    font-size: 16px !important;
    line-height: 24px !important;
}

a.ajax_calendar_valid {
    color: #383838;
    font-family: mySemiBoldFont !important;
    font-size: 16px !important;
    line-height: 24px !important;
}

ajax_calendar_valid a {
    color: #383838;
    font-family: mySemiBoldFont !important;
    font-size: 16px !important;
    line-height: 24px !important;
}

.borderbottomhighlightcolour {
    border-bottom-color: var(--secondaryColour6);
}

.borderbottomgreycolour {
    border-bottom-color: #f2f2f2;
}

.BlackHeaderFontSize {
    font-size: 24px;
}

.MyAccountHeading {
    font-family: myMediumFont;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: -0.02em;
}

.DisabledWhite {
    -webkit-text-fill-color: white;
    opacity: 1;
}

.BranchDetailsCompanyName {
    color: white;
    font-size: 22px;
    line-height: 24px;
}

.HighlightColour1 {
    color: var(--secondaryColour4);
}

    .HighlightColour1:hover {
        color: var(--primaryColour4);
    }

    .HighlightColour1:focus {
        color: var(--primaryColour4);
    }

.HighlightBGColour1 {
    background-color: #DA3F00;
}

.HighlightBorderColour {
    border-color: var(--secondaryColour6);
}

.HighlightBorderColour3 {
    border-color: var(--secondaryColour3);
}

.HighlightBorderColour6 {
    border-color: var(--secondaryColour6);
}



.HomePopProductsHeading {
    font-family: mySiteHeadingFont;
}

.VisualTitle {
    font-family: mySiteHeadingFont;
}

.PIMv2ButtonTextColour {
    color: white;
}

    .PIMv2ButtonTextColour:hover {
        color: white;
    }

.PIMv2ButtonBgColour {
    background-color: var(--secondaryColour4);
}


.ButtonTextColour {
    color: white;
}

    .ButtonTextColour:hover {
        color: white;
    }

    .ButtonTextColour:focus {
        color: white;
    }

.DropDownHeading:hover {
    color: #151515;
}

.DropDownHeading:focus {
    color: #151515;
}

.SubMenuText:hover {
    color: #151515;
}

.SubMenuText:focus {
    color: #151515;
}

.default-link {
    /* all rules required to make the whole div clickable */
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    /* this is a fix for IE7-9 */
    background-color: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

/*mobile*/
@media (max-width: 768px) {
    .MasterSlideShow {
        padding-top: 155px !important;
    }

    .AddMoreEmailIconFont {
        font-size: 38px;
    }

    .BasketTotalFont {
        font-size: 24px;
    }

    .MobileTopBoxPadding {
        padding-top: 70px;
    }

    .HDBTopBoxes {
        top: 145px !important;
    }

    .topwrapperheight {
        height: 225px;
    }

    .Popimage::before {
        height: 50px;
    }

    .TopBannerBasket {
        color: #333;
    }

    .ReviewTextPos {
        padding-left: 30px;
        padding-right: 30px;
    }

    .HomePopProductsHeading {
        font-size: 20px;
    }

    .PopLinkText {
        font-size: 14px;
    }

    .MenuArrow {
        color: #333;
        border-color: #333;
    }

    .MenuThinLinev2 {
        border-top: solid 2px #d2d2d2;
    }

    .AdviceMenuMobile {
        color: #333;
        background-color: #ffffff;
    }

    .SubMenuText {
        color: #333;
    }
}

/*sm*/
@media (min-width: 768px) and (max-width: 992px) {
    .TopBoxSpacingLeft {
        padding-top: 0;
    }

    .TopBoxSpacingRight {
        padding-top: 0;
    }

    .TopBoxInner {
        display: inline-block !important;
        padding-top: 0;
    }

    .HDBTopBoxes {
        top: 155px !important;
    }

    .MasterSlideShow {
        padding-top: 155px !important;
    }

    .Popimage::before {
        height: 50px;
    }

    .PopLinkText {
        font-size: 14px;
    }

    .ReviewTextPos {
        padding-left: 30px;
        padding-right: 30px;
    }

    .HomePopProductsHeading {
        font-size: 20px;
    }

    .TopBannerBasket {
        color: #333;
    }

    .MenuArrow {
        color: #333;
        border-color: #333;
    }

    .MenuThinLinev2 {
        border-top: solid 2px #d2d2d2;
    }

    .AdviceMenuMobile {
        color: #333;
        background-color: #ffffff;
    }

    .SubMenuText {
        color: #333;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .carousel-indicators {
        bottom: -10px;
    }
}

@media (min-width: 1200px) {


    .CarouselMyCaption {
        top: 100px;
    }
}



.BannerAdvert {
    width: 100%;
    top: 0;
    position: fixed;
    z-index: 999 !important;
    /*opacity:0.77;*/
    height: 49px;
    background: rgba(0,0,0,0.77);
}

.BannerAdvertTopBoxes {
    top: 172px !important;
}

.BannerAdvertMainContent {
    padding-top: 180px !important;
}

.BannerAfter {
    padding-top: 80px !important;
}

.BannerAdvertMainContentLanding {
    padding-top: 50px !important;
}