/*contains new branding*/
/*@font-face {
    font-family: myBoldFont;
    src: url(../Fonts/BeVietnamPro-Medium.ttf);

}

@font-face {
    font-family: myLightFont;
    src: url(../Fonts/BeVietnamPro-Light.ttf);
}

@font-face {
    font-family: myMediumFont;
    src: url(../Fonts/BeVietnamPro-Medium.ttf);
}

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

@font-face {
    font-family: mySemiBoldFont;
    src: url(../Fonts/BeVietnamPro-Medium.ttf);
}*/

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

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

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

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

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


body {
    font-family: myRegularFont;
    font-size: 13px;
    letter-spacing: .04em;
}

a {
    text-decoration: none;
    text-decoration-style: inherit;
}

    a:hover {
        text-decoration: none;
    }

    a:focus {
        outline: none;
        text-decoration: none;
    }

select {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    letter-spacing: .020em;
    color: #151616;
}

input[type="text"] {
    color: #4c4b4b;
    background-color: #f2f2f2;
    border: none;
    border-radius: 0;
}


.Menupadding1 {
    padding-left: 7px;
}

.Menupadding2 {
    padding-right: 7px !important;
}


.JournalDetailHeader {
    display: flex !important;
}

.JournalDetailMainTitle {
    font-family: mySiteHeadingFont;
    font-size: 28px;
    color: white;
}

.JournalDetailMainText {
    font-family: myLightFont;
    font-size: 16px;
    color: white;
    line-height: 26px;
}

.JournalDetailImage {
    width: 100%;
    height: 398px;
}

.JournalResults {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

.JournalSections {
    width: 100%;
    display: inline-block;
    padding-left: 7px;
    padding-right: 9px;
}

.JournalSectionTitleText {
    font-family: mySiteHeadingFont;
    font-size: 16px;
    color: black;
}

.JournalSectionSummaryText {
    font-family: myLightFont;
    font-size: 14px;
    color: black;
    line-height: 22px;
}

.JournalDetailImg {
    width: 100%;
    max-width: 450px;
}

.JournalSectionLink {
    font-family: myMediumFont;
    font-size: 10px;
    color: black;
    text-decoration: underline;
}

    .JournalSectionLink:hover {
        font-family: myMediumFont;
        font-size: 10px;
        color: black;
        text-decoration: underline;
    }

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

.MyTextArea {
    color: #4c4b4b;
    background-color: #f2f2f2;
    border: none;
    border-radius: 0;
}

.PaginationPadding {
    padding-left: 5px;
    padding-right: 5px;
}

.MyTextAreaHeight {
    height: 200px !important;
}

.MyRequired {
    color: red;
    font-size: 10px;
}

input[type="password"] {
    color: #4c4b4b;
    background-color: #f2f2f2;
    border: none;
}

textarea:focus, input:focus {
    outline: none;
}


.NextPrevNumbers {
    padding-top: 20px;
}

.OurDetailPad {
    padding-left: 60px !important;
}

.footerbackground {
    background-color: #e2e2e2;
}

.Container {
    background-color: white;
    margin: 0 auto;
    /*    max-width: 1100px;
*/
    max-width: 1100px;
    text-align: left;
    position: relative;
    padding-left: 0px;
    padding-right: 0;
    width: 100%;
    /*    min-height: 650px;
*/
}

.BasketTextPos {
    position: absolute;
    text-align: center;
    margin-top: -22px;
    margin-left: 8px;
}

.ContainerTopBoxes {
    background-color: white;
    margin: 0 auto;
    max-width: 1100px;
    text-align: left;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    min-height: 75px;
}

.ContainerLower {
    background-color: white;
    margin: 0 auto;
    max-width: 1000px;
    text-align: left;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

.ContainerPromo {
    background-color: white;
    margin: 0 auto;
    max-width: 1000px;
    text-align: left;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

.ContainerAdverts {
    background-color: white;
    margin: 0 auto;
    max-width: 1000px;
    text-align: left;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

.PlannedMessagePT {
    padding-top: 150px;
}

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

.RegisterNow {
    padding-top: 10px;
    float: right;
    padding-right: 25px;
    padding-left: 20px;
    padding-right: 20px;
}

.LoggedInAs {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    float: left;
}

.WhiteCircle {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: white;
}

.Circle {
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

.FilterCircleWhite {
    width: 32px;
    height: 32px;
    border-radius: 0% 0% 0% 25%;
    background-color: white;
}

.FilterCircle {
    width: 32px;
    height: 32px;
    border-radius: 0% 0% 0% 25%;
}


.FavCircle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.FavCircleMobile {
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

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

.BasketCircle {
    width: 17px;
    height: 17px;
    border-radius: 50%;
}

.AddMoreEmailCircle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.AddCutCircle {
    width: 55px;
    height: 55px;
    border-radius: 50%;
}

input[type="checkbox"] + label {
    padding-left: 20px;
}



.arrowpos {
    text-align: center;
    padding-top: 1px;
}

.arrowpos2 {
    margin-top: 12px;
    /*margin-left: 2px;*/
    text-align: center;
}

.arrowpos3 {
    padding-top: 6px;
    text-align: center;
}

.arrowpos4 {
    padding-top: 6px;
    /*padding-left: 10px;*/
    text-align: center;
}

.arrowpos5 {
    padding-left: 7px;
    padding-top: 2px;
}

.arrowpos6 {
    padding-left: 8px;
    padding-top: 1px;
}

i {
    border: solid #333;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
}

i2 {
    border: solid #333;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
}

i3 {
    border: solid #333;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
}

i4 {
    border: solid white;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 12px;
}

/*.right {*/
/*    transform: rotate(-45deg);
*/ /*-webkit-transform: rotate(-45deg);
}*/

/*.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}*/

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-top: 8px;
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.whitedownarrow {
    border-color: white;
}

.whitearrow {
    border-color: white;
    transform: rotate(-45deg);
}

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

.MyBasket {
    float: left;
    padding-left: 15px;
    padding-top: 12px;
    background: rgba(255,255,255,1);
}

.TopBannerHeight {
    height: 47px;
}

.AutoRegisterPadding {
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    padding-top: 20px;
}

.LoginBox {
    background-color: white;
    border-radius: 10px;
}

.MyTextBox {
    border-radius: 23.79px;
    background-color: #f3f3f3;
    height: 47.5px;
    padding-left: 10px;
    padding-top: 10px;
    font-family: myMediumFont;
    letter-spacing: 0.04em;
}

.MyTextBoxMaster {
    border-radius: 23.79px;
    background-color: #f3f3f3;
    height: 47.5px;
    padding-left: 10px;
    padding-top: 0;
    font-family: myMediumFont;
    letter-spacing: 0.04em;
}

.MyTextBoxButton {
    --border-radius: 23.79px;
    border-radius: 0px 0px 0px 12px;
    height: 47.5px;
    padding-top: 11px;
}


.MyTextBoxLink {
    font-family: myMediumFont;
    font-size: 15px;
    letter-spacing: 0.04em;
}

.MyTextBoxInner {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 9px;
}

.MyTextBoxProduct {
    border-radius: 23.79px;
    background-color: white;
    height: 38px;
    padding-left: 10px;
    padding-top: 6px;
    border-style: solid;
    border-width: 1px;
}

.TextBoxProduct {
    background-color: white !important;
}

.MyTextBoxBasket {
    background-color: white !important;
    height: 25px;
    padding-left: 10px;
    padding-top: 2px;
    font-size: 14px;
    font-family: myRegularFont;
    border: solid 1px #e3e3e3 !important;
}

.MyFilterBox {
    --border-radius: 23.79px;
    border-radius: 0px 0px 0px 12px;
    background-color: #f3f3f3;
    height: 45px;
    padding-left: 10px;
    padding-top: 6px;
}

.MyDropDownBox {
    border-radius: 23.79px;
    height: 38px;
    padding-left: 10px;
    padding-top: 3px;
}

.divFilterBox {
    margin-top: 80px;
    /*width:100%;*/
    padding: 30px;
    padding-bottom: 50px;
}

.divFilterBoxAfter {
    margin-top: 180px;
}



.MyExpandBox {
    --border-bottom-left-radius: 23.79px;
    --border-bottom-right-radius: 23.79px;
    border-radius: 0px 0px 0px 12px;
    background-color: #f3f3f3;
    padding-left: 10px;
    padding-top: 10px;
}

.MyTextBoxExpanded {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #f3f3f3;
    padding-left: 10px;
    padding-top: 10px;
    height: 45px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.HomeSlide {
    background-repeat: no-repeat;
    background-size: 100%;
    overflow: hidden;
    background-position: 70%;
}

.SlideHeight {
    height: 700px;
}

.SlideHeightLanding {
    height: 820px;
}

.SlideHeightDownloads {
    height: 700px;
}

.ShadowEffect {
    box-shadow: 0px 0px 48.29px rgba(0, 0, 0, 0.33);
}

.SearchBox {
    width: 100%;
    margin-top: 80px;
    background-color: white;
    border-radius: 10px;
    padding: 30px;
}

.SearchBoxAfter {
    margin-top: 180px;
}

.GreyTextBoxBackground {
    background-color: #f2f2f2;
}

.fullwrap {
    width: 100%;
    height: auto;
}

.inner {
    height: auto;
    margin: 0 auto 0;
    max-width: 1100px;
    min-height: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.footerinner {
    background: #3d3d3d none repeat scroll 0 0;
    height: auto;
    margin: 0 auto 0;
    max-width: 945px;
    padding-left: 5px;
    padding-right: 5px;
}

.footerwrap {
    background: #3d3d3d none repeat scroll 0 0;
    width: 100%;
    height: auto;
}
/*a
{
    color:#333333;
    font-family:'Istok Web', sans-serif;
    font-size:14px;
    letter-spacing:0.020em;
    text-decoration:none;
}*/
img {
    border-radius: 0;
    -webkit-border-radius: 0;
    border: none;
}

.img-responsive {
    border-radius: 0;
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.dropdown-menu {
    border: none;
    border-radius: 0;
}

.BG-green {
    background-color: #b7cf5a;
}

.BG-blue {
    background-color: #0d294e;
}

.BG-purple {
    background-color: #42324d;
}

.BG-darkgreen {
    background-color: #1c4340;
}

.BG-tan {
    background-color: #a6783a;
}

.BG-pink {
    background-color: #eb008b;
}

.BG-black {
    background-color: #232425;
}

.MobileBasketBGColour1 {
    background-color: #333;
}

.WhiteRoundedBox {
    background: rgba(255,255,255,1);
    border-radius: 16px;
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 35px;
    padding-bottom: 50px;
}

.HomeBox {
    background: rgba(0,0,0,0.6);
    border-radius: 10px;
}

.HomeBoxTab {
    background-color: white;
    height: 41px;
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 20px;
    margin-left: 30px;
    position: absolute;
}

.CutBoxTab {
    height: 41px;
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 15px;
    /*position:absolute;*/
}

.ButtonBox {
    height: 47.5px;
    padding-left: 50px;
    padding-top: 10px;
    padding-right: 50px;
    border-radius: 23.79px;
}

.ButtonBoxMobile {
    height: 42px;
    padding-left: 30px;
    padding-top: 8px;
    padding-right: 30px;
    border-radius: 21px;
}





.Overview, label.Overview {
    font-size: 16px;
    font-weight: normal;
    color: #151616;
}

.OverviewHeader, label.OverviewHeader {
    color: #444;
    font-size: 18px;
}

.navy-rollover {
    display: inline-block;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
    margin-right: auto;
    background-color: navy;
}

    .navy-rollover:hover {
        background-color: red;
    }

.green-rollover {
    display: inline-block;
    padding-left: 25px;
    padding-right: 25px;
    text-align: center;
    margin-right: auto;
    background-color: green;
}

    .green-rollover:hover {
        background-color: #e92d27;
    }

.NavigationText {
    font-size: 18px;
    color: #575756;
}

a.NavigationText {
    text-decoration: none;
    color: #575756;
}

    a.NavigationText:link {
        text-decoration: none;
        color: #575756;
    }

    a.NavigationText:hover {
        text-decoration: underline;
        color: #575756;
    }

    a.NavigationText:focus {
        text-decoration: none;
        color: #333;
    }


a.NavigationTextMobile {
    font-size: 14px;
    color: #575756;
    z-index: 1000;
}


    a.NavigationTextMobile:link {
        text-decoration: none;
        color: #575756;
    }

    a.NavigationTextMobile:hover {
        text-decoration: none;
        color: #575756;
    }

    a.NavigationTextMobile:focus {
        text-decoration: none;
        color: #575756;
    }


.NavSeparator {
    float: left;
    border-left: 1px solid #d8d8d8;
    height: 25px;
}

.SearchTextBox {
    height: 30px;
    border: none;
    font-size: 16px;
    color: #575756;
    width: 160px;
    letter-spacing: 0.05em;
}

.NoPaddingLeftRight {
    padding-left: 0;
    padding-right: 0;
}

.bx-wrapper {
    box-shadow: none;
    border: none;
    margin-bottom: 40px;
}

.MainImageHeaderText {
    font-size: 52px;
    color: white;
}

.MainImageText {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    color: white;
}



.bx-wrapper .bx-pager.bx-default-pager a {
    background: white;
}

.bx-pager {
    display: block;
}

.LinkText {
    font-size: 14px;
    letter-spacing: 0.020em;
    color: #404042;
    text-decoration: none;
}

a.LinkText:link {
    color: #404042;
    text-decoration: none;
}

a.LinkText:focus {
    color: #404042;
    text-decoration: none;
}

a.LinkText:hover {
    color: #333;
    text-decoration: none;
}




.DropdownLinkText {
    font-size: 15px;
    letter-spacing: 0.00em;
    color: #333;
    text-decoration: none;
    font-weight: 500;
}

a.DropdownLinkText:link {
    color: #333;
    text-decoration: none;
    font-weight: 500;
}

a.DropdownLinkText:focus {
    color: #333;
    text-decoration: none;
    font-weight: 500;
}

a.DropdownLinkText:hover {
    color: #333;
    text-decoration: none;
    font-weight: 500;
}

.MobileLinkText {
    font-size: 12px;
    letter-spacing: 0.020em;
    color: #333;
    text-decoration: none;
}

a.MobileLinkText:link {
    font-size: 12px;
    letter-spacing: 0.020em;
    color: #333;
    text-decoration: none;
}

a.MobileLinkText:focus {
    font-size: 12px;
    letter-spacing: 0.020em;
    color: #333;
    text-decoration: none;
}

a.MobileLinkText:hover {
    font-size: 12px;
    letter-spacing: 0.020em;
    color: #333;
    text-decoration: none;
}

.GeneralHeading {
    color: #333;
    font-size: 22px;
    letter-spacing: 0.05em;
}

.PLR7 {
    padding-left: 10px;
    padding-right: 10px;
}

.RetailerTextBox {
    height: 30px;
    border: none;
    color: #333;
    width: 130px;
}

.PostcodeTextBox {
    height: 37px;
    border: solid 1px #d8d8d8;
    font-size: 14px;
    color: #333;
    width: 180px;
    padding-left: 20px;
    border-radius: 0;
    -webkit-appearance: none;
}

.FooterHeading {
    font-size: 17px;
    color: #aaaaaa;
    letter-spacing: 0.05em;
}




.styleSelect {
    width: 100%;
    height: 40px;
    overflow: hidden;
    background: url("../images/downcaretwide.png") no-repeat right #fff;
    border: 1px solid #d8d8d8;
}

    .styleSelect select::-ms-expand {
        display: none;
    }



.KCMargin {
    margin-left: 5%;
    margin-right: 5%;
}

.NavMargin {
    float: right;
    margin-top: 8px;
    margin-bottom: 8px;
}


.centerDropdown {
    left: -40px;
    right: -40px;
}

    .centerDropdown:after {
        left: auto !important;
        right: 45% !important;
    }

.centerDropdown2 {
    left: -70px;
    right: -70px;
}

    .centerDropdown2:after {
        left: auto !important;
        right: 45% !important;
    }

.mybreadcrumb {
    font-size: 15px;
    color: #333;
    text-decoration: none;
}

a.mybreadcrumb:link {
    font-size: 15px;
    color: #333;
    text-decoration: none;
}

a.mybreadcrumb:focus {
    font-size: 15px;
    color: #333;
    text-decoration: none;
}

a.mybreadcrumb:hover {
    font-size: 15px;
    color: #333;
    text-decoration: none;
}

.mypageheading {
    font-size: 28px;
    color: #333;
}


.mypagesubheading {
    font-size: 24px;
    color: #333;
}

.myotherdesignheading {
    font-size: 24px;
    color: #333;
}


.hidebr br {
    display: none;
}


.DarkColourBorder {
    border: solid 1px #404042;
}



.LightColourBorder {
    border: solid 1px #d8d8d8;
}

.lb-dataContainer {
    background-color: #333;
    opacity: 1;
}

.lb-details {
    padding-left: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}



.lb-number {
    display: none;
    color: #333;
}



/* News Archive List Styles *
*****************************/

.archivenews_menu_wrapper {
    position: relative;
}

.archivenews-menu-head {
    padding: 5px 2px 5px 10px;
    cursor: pointer;
    position: relative;
    margin: 1px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    color: #000000;
}




.archivenews-menu-body {
    display: none;
}

    .archivenews-menu-body ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .archivenews-menu-body ul li {
            margin: 0 0 3px 20px;
        }

            .archivenews-menu-body ul li a {
                display: block;
                text-decoration: none;
                line-height: 15px;
            }



.archivenews-l2-menu-head {
    position: relative;
    padding: 5px 2px 5px 20px;
    cursor: pointer;
    margin: 1px;
    font-weight: bold;
    color: #5F77BA;
    text-transform: uppercase;
    text-decoration: none;
}

    .archivenews-l2-menu-head:hover {
        color: #11457E;
    }

.archivenews-l2-menu-body {
    display: none;
}

    .archivenews-l2-menu-body ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .archivenews-l2-menu-body ul li {
            margin: 0 0 3px 20px;
        }

            .archivenews-l2-menu-body ul li a {
                padding: 0 0 0 10px;
                display: block;
                color: #626677;
                font-weight: bold;
                text-decoration: none;
            }

                .archivenews-l2-menu-body ul li a:hover, .selected-level {
                    color: #FFFFFF !important;
                    font-weight: bold;
                }

.archivenews-l3-menu-head {
    position: relative;
    padding: 5px 2px 5px 35px;
    cursor: pointer;
    margin: 1px;
    font-weight: bold;
    color: #5F77BA;
    text-transform: uppercase;
    text-decoration: none;
}

    .archivenews-l3-menu-head:hover {
        color: #11457E;
    }

.archivenews-l3-menu-body {
    display: none;
}

    .archivenews-l3-menu-body ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .archivenews-l3-menu-body ul li {
            margin: 0 0 3px 20px;
        }

            .archivenews-l3-menu-body ul li a {
                padding: 0 0 0 10px;
                display: block;
                color: #626677;
                font-weight: bold;
                text-decoration: none;
                margin: 0 0 0 30px;
            }

                .archivenews-l3-menu-body ul li a:hover, .selected-level {
                    color: #FFFFFF !important;
                    font-weight: bold;
                }


.newsrightwrapper {
    position: relative;
    word-wrap: break-word;
}

.newsrighttop {
    position: relative;
    border-bottom: 2px solid #D2D2D2;
    margin: 0 0 10px 0;
}

.newsrightmiddle {
    position: relative;
    min-height: 150px;
}

    .newsrightmiddle ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .newsrightmiddle ul li {
            padding: 3px;
            margin: 0 4px 8px 4px;
        }

            .newsrightmiddle ul li a {
                color: #000000;
            }

                .newsrightmiddle ul li a:hover {
                    text-decoration: none;
                }

.newsrecentnewsposteddate {
    font-size: 12px;
    color: #888888;
}

.recentnewsheader {
    float: left;
    padding: 8px 9px 8px 8px;
    margin: 0;
    border: 0;
    text-decoration: none;
}

.archiveheader {
    float: left;
    padding: 8px 26px 8px 26px;
    margin: 0;
    border: 0;
    text-decoration: none;
}

.newsrighttop a:hover {
    text-decoration: none;
}

.newsposteddate {
    color: #888888;
}

.newsposteddate {
    font-size: 12px;
}

.newsright_active {
    background-color: #FF0000;
    color: #FFFFFF;
    text-decoration: none;
}

    .newsright_active a:focus {
        color: white;
    }

    .newsright_active a:hover {
        color: white;
    }

.newsright_unactive {
    background-color: #E9E9E9;
    text-decoration: none;
    color: #333;
}

.modalBackground {
    background-color: #333333;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.ModalPopupBG {
    background-color: #747474;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.divPromoBox {
    margin-top: -100px;
    background-size: cover;
    background-position: 70% 30%;
    /*    padding-top: 150px;
*/ padding-bottom: 100px;
}

.divPromoBoxPadding {
    padding-top: 150px;
}

.HomeBoxMargin {
    margin-left: 30px;
}

.divBottomAdvertsAfter {
    margin-top: 60px;
    margin-bottom: 80px;
}

.divBottomAdverts {
    margin-top: 100px;
    padding-bottom: 100px;
}

.ProductItemBorder {
    padding: 30px;
    border-left: solid 1px #c6c9ca;
    /*border-top:solid 1px #c6c9ca;*/
    border-right: solid 1px #c6c9ca;
    padding-bottom: 10px;
}

.ProductItemBorderPopUp {
    padding: 20px;
    padding-bottom: 0;
}

.ProductItemFontBoldPopUp {
    font-size: 14px;
}

.MoreDetailsLeft {
    padding-left: 30px;
}

.MoreDetailsRight {
    padding-right: 30px;
}

.SlideHeightAfter {
    height: 300px;
    background-position-y: 60%;
}

.divResultsPanelAfter {
    padding-top: 40px;
}

.NextPrevMargin {
    margin-top: 20px;
    margin-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
}


.divWelcomeMessage {
    padding-top: 120px;
}


.MobileFilterIcon {
    padding-top: 140px;
}


.ProductMoreDetailsBorder {
    border-left: solid 1px #c6c9ca;
    border-bottom: solid 1px #c6c9ca;
    border-right: solid 1px #c6c9ca;
}

.ProductMoreDetailsBorderPopUp {
    /*    border-left: solid 1px #c6c9ca;
    border-bottom: solid 1px #c6c9ca;
    border-right: solid 1px #c6c9ca;
*/
}

.ResultsBottomBorder {
    border-bottom: solid 1px #c6c9ca;
}


.ProductWidthStyle {
    padding-top: 3px;
    overflow: hidden;
    text-align: center;
}

.ProductRangeStyle {
    padding-top: 20px;
    overflow: hidden;
    text-align: center;
    height: 90px;
}

.ProductRangeStylePricing {
    padding-top: 20px;
    overflow: hidden;
    text-align: center;
    height: 70px;
}

.ProductRangeStylePopUp {
    padding-top: 10px;
    overflow: hidden;
    text-align: center;
    height: 110px;
}

.ProductPricingStylePopUp {
    padding-top: 10px;
    overflow: hidden;
    text-align: center;
    height: 52px;
}

.ProductBackingStyle {
    overflow: hidden;
    text-align: center;
    height: 60px;
}

.ProductWidthHeight {
    height: 30px;
}

.AlsoKnownAsHeight {
    height: 60px;
}

.QualityHeader {
    padding-top: 100px;
}

.CutPackPaddingLeft {
    padding-left: 50px;
    padding-top: 0px;
}

.ProductDetailQDWidth {
    width: 50%;
    padding-bottom: 8px;
}

.divPriceInfo {
    float: left;
    padding-top: 40px;
}

.divPriceInfoQtyBreak {
    padding-top: 10px;
}

.QtyPricingFont {
    font-size: 16px;
}

.PL30 {
    padding-left: 30px;
}

.PriceInfoMT {
    margin-top: 24px;
}

.divAllDetail {
    padding: 24px;
}

.StockDetailOuterBox {
    border-style: solid;
    border-width: 2px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    padding: 34px;
}

.divRemoteWarehouseRollbalances {
    margin-top: 20px;
}

.ProductTab {
    width: 100%;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    height: 67px;
}

.ProductTabFont {
    font-family: myRegularFont;
    font-size: 19.8px;
    line-height: 24px;
    color: white;
    font-weight: normal;
}

.ProductTabPT {
    padding-top: 20px;
}

.ProductDetailOuterBox {
    border-style: solid;
    border-width: 2px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    padding: 34px;
}

.FloatLeft {
    float: left;
}

.Padding24 {
    padding: 24px;
}

.MB80 {
    margin-bottom: 80px;
}

.FloatRight {
    float: right;
}

.CloseLineHeight {
    line-height: 32px !important;
}

.CutPL {
    padding-left: 40px;
}

.AddedToBasketButton1 {
    margin-bottom: 30px;
}

.AddedToBasketButton2 {
    margin-left: 40px;
    margin-top: 40px;
}

.PageHeaderPT {
    padding-top: 100px;
}

.BasketLineMobile1 {
    float: left;
    width: 130px;
    padding-bottom: 8px;
}

.DelHeadingPL {
    padding-left: 0px;
}

.PR50 {
    padding-right: 50px;
}

.PL75 {
    padding-left: 75px;
}

.PT250 {
    padding-top: 180px;
}

.LGMDSMFlex {
    display: flex;
}

.LGMDSMFlex1 {
    flex: 1;
}

.CompDetailsMarginLR {
    margin-right: 20px;
    margin-left: 10px;
}

.LGMDSMPosAb {
    position: absolute;
}

.MB120 {
    margin-bottom: 120px;
}

.BlackHeaderBlockPadding {
    padding-top: 25px;
    padding-bottom: 25px;
}

.LGMDSMPinkBorder {
    border-bottom-style: solid;
    border-bottom-width: 6px;
}

.DownloadBegin {
    padding-top: 110px;
}

.DownloadItemPadding {
    padding: 45px;
}

.LGMDSMPR80 {
    padding-right: 80px;
}

.PL20 {
    padding-left: 20px;
}

.MinHeightPassword {
    min-height: 680px;
}

.LGMDSMPR20 {
    padding-right: 20px;
}

.LGMDSMMT30 {
    margin-top: 20px;
}

.LGMDSMPT20 {
    padding-top: 0px;
}

.LGMDSMML40 {
    margin-left: 40px;
}

.SamplePopUpButton1 {
    float: left;
    margin-top: 50px;
    margin-bottom: 50px;
}

.SamplePopUpButton2 {
    float: left;
    margin-top: 50px;
    margin-left: 40px;
}

.ProductLabel {
    height: 30px;
    padding-left: 8px;
    padding-top: 3px;
    padding-right: 8px;
    position: absolute;
    right: 31px;
    z-index: 99;
}

.HomeMarginTop {
    margin-top: 150px;
}

.FilterText {
    padding-top: 50px;
}


.LogoPadding {
    padding: 20px;
}

.RegisterMargin {
    margin-top: 140px;
}

.MyFilterTopBox {
    --border-top-right-radius: 23.79px;
    --border-bottom-right-radius: 23.79px;
    border-radius: 0px 0px 12px 0px;
    height: 47.5px;
    padding-left: 10px;
    padding-top: 10px;
}

.MyFilterTopBoxLeft {
    --border-top-left-radius: 23.79px;
    --border-bottom-left-radius: 23.79px;
    border-radius: 0px 0px 0px 12px;
    height: 47.5px;
    padding-left: 10px;
    padding-top: 10px;
}

.SearchImgPT {
    padding-top: 8px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    width: 15px;
    height: 15px;
    border-radius: 10px;
}

    .bx-wrapper .bx-pager.bx-default-pager a.active {
        border: solid 2px white;
    }

.bx-wrapper .bx-next {
    background: url(~/images/next.png);
    display: block;
    right: 0;
}

.bx-wrapper .bx-prev {
    background: url(~/images/prev.png);
    display: block;
    left: 0;
}

.bx-wrapper .bx-next:hover {
    background-position: 0 0;
}

.progress {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: #333;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.center {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/Preloader.gif) center no-repeat #fff;
    opacity: 0.8;
}

.movearrowback {
    margin-left: -1px;
}

.LightGreyColourBackground {
    background-color: #f2f2f2;
}

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

.LightGreyColourBackgroundNoHover {
    background-color: #f2f2f2;
}

    .LightGreyColourBackgroundNoHover:hover {
        background-color: #f2f2f2;
    }

.RoundedBorderBox {
    --border-radius: 23.79px;
    border-radius: 0px 0px 0px 12px;
    background-color: white;
    height: 45px;
    padding-left: 30px;
    padding-top: 10px;
    padding-right: 30px;
}

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

.MyPopUpBox {
    border-radius: 10px;
    background-color: white;
    padding-top: 30px;
    padding-bottom: 30px;
}

.MyPopUpBoxCuts {
    /*border-radius: 10px;*/
    background-color: white;
    /*padding-left: 30px;*/
    padding-top: 0px;
    /*padding-right: 10px;*/
    padding-bottom: 30px;
}












.divSearchTop {
    background-image: linear-gradient(90deg, #ffffff 50%, transparent 50%);
}





.ProductEnlargeLabel {
    height: 42px;
    padding-left: 8px;
    padding-top: 7px;
    padding-right: 8px;
    position: absolute;
    right: 0;
    z-index: 99;
}

.background-tint {
    background-color: rgba(0,0,0,.25);
    background-blend-mode: multiply;
}

.DropDownMenu {
    position: fixed;
    top: 0;
    left: -475px;
    width: 475px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    color: white;
    z-index: 99;
    text-align: left;
    background-color: white;
    box-shadow: 0px 11px 12px #00000029;
}

.DropDownMenuMobile {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    color: white;
    padding-top: 30px;
    z-index: 99;
    text-align: left;
    background-color: #333;
}

.MenuCircle1 {
    float: left;
    padding-top: 5px;
}

.MenuCircle2 {
    float: left;
    padding-left: 15px;
}

.MenuThinLine {
    border-top: solid 2px #d2d2d2;
    line-height: 5px;
    margin-top: 15px;
    width: 100%;
}

.MenuThinLinev2 {
    border-top: solid 2px #d2d2d2;
    line-height: 5px;
    margin-top: 15px;
    width: 70%;
}

.MenuThickLine {
    border-top: solid 3.2px white;
    line-height: 5px;
}

.BorderWhite {
    border-color: white;
}

.divMenuArrow {
    float: right;
    padding-top: 7px;
    padding-right: 2px;
}


.divMenuArrowLHS {
    float: right;
    padding-top: 5px;
    padding-right: 2px;
}

.GreyProductTabBackgroundColour {
    background-color: #b8b8b8;
}

    .GreyProductTabBackgroundColour:hover {
        background-color: #727272;
    }









.CompletionList {
    width: 100% !important;
    background-color: Window;
    color: WindowText;
    cursor: default;
    left: 10px;
    list-style: outside none none;
    padding: 5px;
    text-align: left;
    top: 30px;
    z-index: 1000;
    font-size: 16px;
    font-family: myLightFont;
    color: #333333;
    margin-top: 1px;
}

.ItemHighlight {
    background-color: #cccccc;
}

.ProductImageNext {
    background-color: rgba(0,0,0,.6);
    background-blend-mode: multiply;
    position: absolute;
    top: 40%;
    right: 0;
    font-size: 40px;
    cursor: pointer;
    padding-right: 10px;
    line-height: 50px
}

.ProductImagePrevious {
    background-color: rgba(0,0,0,.6);
    background-blend-mode: multiply;
    position: absolute;
    top: 40%;
    left: 0;
    font-size: 40px;
    cursor: pointer;
    padding-left: 10px;
    line-height: 50px
}

.printHeading1 {
    color: #333;
    font-weight: normal;
    font-size: 14px;
}

.printHeading2 {
    color: #333;
    font-weight: normal;
    font-size: 14px;
}

.printText1 {
    color: #333;
    font-weight: bold;
    font-size: 14px;
}

.printText2 {
    color: #333;
    font-weight: bold;
    font-size: 14px;
}



.CookieFont {
    font-size: 13px;
}

.CookieHeaderFont {
    font-size: 22px;
}

.CookieOuter {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 768px;
    background-color: white;
    z-index: 999;
    text-align: center;
}

.CookieInner {
    max-height: 820px;
    overflow-y: auto;
    padding: 20px;
}

.CookieLHS {
    float: left;
    width: 20%;
}

.CookieRHS {
    float: left;
    width: 80%;
    text-align: left;
}

.CookieGreen {
    background-color: green;
}

.BannerReadMore {
    font-family: Arial;
    color: white;
    font-size: 12px;
    text-decoration: underline;
}

    .BannerReadMore:hover {
        font-family: Arial;
        color: white;
        font-size: 12px;
        text-decoration: underline;
    }

.OutOfStockMessage {
    padding-top: 40px;
}

.OutOfStockMessage2 {
    padding-left: 10px;
}

.lock-scroll {
    /*position:fixed;*/
    width: 100%;
    overflow: hidden;
    /*touch-action:none;
    pointer-events:none;*/
}

.ProductMessageFont {
    font-size: 24px;
    font-family: myMediumFont;
    color: #333;
    letter-spacing: 0.04em;
}

.ProductPopUpHeight {
    max-height: calc(100vh - 200px);
}

.BottomHeading {
    color: white;
    font-size: 30px;
    font-family: myLightFont;
}

.BottomSubHeading {
    color: white;
    font-size: 16px;
}

.BottomText {
    color: white;
    font-size: 14px;
    line-height: 22px;
}

.TradeCounterPadding {
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 180px;
}

.TopBannerFontBold {
    font-family: myBoldFont;
    font-size: 14px;
    line-height: 28px;
    color: white;
    letter-spacing: 0;
}

.TopBannerFontBoldTel {
    font-family: myBoldFont;
    font-size: 13px;
    line-height: 28px;
    color: white;
    letter-spacing: 0;
}

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

.BoxTitleFont {
    font-family: myRegularFont;
    font-size: 40px;
    line-height: 47px;
    color: white;
    letter-spacing: 0;
}

.BoxTextFont {
    font-family: myRegularFont;
    font-size: 14px;
    line-height: 22px;
    color: white;
    letter-spacing: 0.04em;
}

.HeadlamOrangeColour {
    color: #ea5b1b;
}

.HeadlamTealColour {
    color: #15d9c2;
}

.FooterFontRegular {
    font-family: mySemiBoldFont;
    font-size: 14px;
    line-height: 28px;
    color: #333;
}

.HeadlamBlueBackgroundColour {
    background-color: #17143c;
}

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

.mySiteHeadingFont {
    font-family: mySiteHeadingFont;
    line-height: 60px;
}

h1 {
    font-family: myMediumFont;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0.03em;
}

h2 {
    font-family: myMediumFont;
    font-size: 24px;
    margin-top: 0;
    letter-spacing: 0.04em;
}

h3 {
    font-family: myLightFont;
    font-size: 14px;
    line-height: 24px;
    color: #333;
}

.divPromoBannerText {
    padding: 20px;
    background: rgba(0,0,0,0.3);
    margin-top: 30px;
    border-radius: 10px;
}

.PromoBannerText {
    font-family: myLightFont;
    font-size: 30px;
}

.WelcomeFontRegular {
    font-family: myRegularFont;
    font-size: 36px;
    line-height: 40px;
    color: white;
    letter-spacing: .05em;
}

.QuickQty {
    width: 80px;
    height: 35px;
    border: 1px solid #cccccc !important;
    text-align: center;
}

.QuickQty2 {
    background-color: orange;
    width: 100%;
    height: 40px;
    text-align: center;
    padding-top: 8px;
}

.QuickQty3 {
    padding-top: 10px;
    text-align: right;
    padding-right: 5px;
}

.QuickQty4 {
    background-color: #ecaa5c;
    width: 100%;
    height: 40px;
    text-align: center;
    padding-top: 8px;
}

.mycenter {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.row-fluid .mycenter {
    display: inline-block !important;
    vertical-align: top;
    text-align: left;
}

.QuickQtyBasketText {
    font-family: mySemiBoldFont;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
}

a.QuickQtyBasketText:hover {
    color: #333333;
    text-decoration: none;
}

.parentSlideMessage {
    overflow-y: hidden;
}

.slideMessage {
    transform: translateY(-100%);
    overflow: hidden;
    z-index: -1;
    transition: 2s transform ease-in;
    position: relative;
    background-color: white;
    border: solid 1px #cccccc;
}

    .slideMessage.open {
        transform: translateY(0);
        transition: 2s transform ease-in;
        z-index: 9;
    }

.PopUpBorder {
    border: 1px solid #f8f8f8;
}

.MyCursor {
    cursor: pointer;
}

.ContainerPromoTop {
    background-color: white;
    margin: 0 auto;
    max-width: 1000px;
    text-align: left;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

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

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

.PromoTopHomeBox {
    background: rgba(0,0,0,0.6);
    border-radius: 10px;
}

.PromoTopButtonBox {
    height: 47.5px;
    padding-left: 50px;
    padding-top: 10px;
    padding-right: 50px;
    border-radius: 23.79px;
}

.MoveBGImageDown {
    margin-top: 40px;
}

.Clearance01 {
    margin-top: -5px;
}

.TopBannerAdvice {
    font-size: 16px;
    color: white;
    font-family: mySemiBoldFont;
}

    .TopBannerAdvice:hover {
        color: white;
    }

    .TopBannerAdvice:focus {
        color: white;
    }

.TopBannerBasket {
    font-size: 14px;
    color: white;
    font-family: myRegularFont;
    letter-spacing: 0.04em;
}

    .TopBannerBasket:hover {
        color: white;
    }

    .TopBannerBasket:focus {
        color: white;
    }

.TopBannerBasketNumber {
    font-size: 12px;
    color: white;
    font-family: myMediumFont;
    cursor: pointer;
    letter-spacing: 0.04em;
}

    .TopBannerBasketNumber:hover {
        color: white;
    }

    .TopBannerBasketNumber:focus {
        color: white;
    }

.TopBoxTitle {
    font-size: 16px;
    color: white;
    font-family: myBoldFont;
    letter-spacing: 0.03em;
}

    .TopBoxTitle:hover {
        color: white;
    }

    .TopBoxTitle:focus {
        color: white;
    }

.TopBoxText {
    font-size: 14px;
    color: white;
    font-family: myRegularFont;
}

.TopBoxOuter {
    width: 100%;
    text-align: center;
    height: 75px;
}

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

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

.TopBoxInner {
    padding-top: 15px;
    text-align: center;
}

.TopBoxSpacing {
    padding-left: 5px;
    padding-right: 5px;
}

.carousel-control {
    width: 5%;
    color: #f7f7f7;
    opacity: 1;
    font-size: 24px;
    text-shadow: none;
}

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

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

.CarouselHeader {
    font-size: 32px;
    color: white;
    letter-spacing: 0;
    font-family: myRegularFont;
}



.carousel-indicators .active {
    width: 13px;
    height: 13px;
    margin: 0;
    background-color: #fff;
    border-color: #fff;
    margin-left: 12px;
}

.carousel-indicators li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #333;
    border: 1px solid #333;
    border-radius: 12px;
    margin-left: 12px;
}

.carousel-indicators {
    bottom: 20px;
}

.CarouselCaptionDiv {
    bottom: 92px;
    right: 0;
    left: auto;
    width: 341px;
    text-shadow: none;
    opacity: 0.93;
    text-align: left;
    padding-left: 22px;
}

.myCarousel {
    height: 480px;
}

.CarouselMyCaption {
    top: 95px;
}

.CarouselTitle {
    font-family: mySemiBoldFont;
    font-size: 70px;
    text-shadow: none;
    letter-spacing: 0.04em;
}

.CarouselText {
    font-size: 24px;
    color: white;
    letter-spacing: 0;
    font-family: myRegularFont;
    line-height: 28px;
    letter-spacing: 0.05em;
    text-shadow: none;
}

.CarouselFooterText {
    font-size: 14px;
    color: white;
    letter-spacing: 0;
    font-family: mySemiBoldFont;
    line-height: 16px;
    letter-spacing: 0.03em;
    text-shadow: none;
}

.carousel-tint::after {
    background: -webkit-radial-gradient(circle farthest-side,rgba(0,0,0,.8),transparent);
    background: radial-gradient(circle farthest-side,rgba(0,0,0,.8), transparent);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel-image {
    height: 480px;
}

.HomePopProductsHeading {
    font-size: 23px;
}

.PopProductsSpacing {
    padding-left: 5px;
    padding-right: 5px;
}

.OpenAccTitle {
    font-size: 30px;
    font-family: myBoldFont;
}

.OpenAccText {
    font-size: 14px;
    color: white;
    font-family: myMediumFont;
    letter-spacing: 0.04em;
}

.OpenAccBox {
    border-style: none;
    border-width: 1px;
    display: table-cell;
    border-radius: 0px 0px 0px 12px;
    background-color: white;
}

.OpenAccLink {
    font-family: myMediumFont;
    font-size: 14px;
    letter-spacing: 0.04em;
}


.ReviewText {
    font-family: myLightFont;
    color: #aeaeae;
    font-size: 20px;
}

.VisualTitle {
    font-family: myBoldFont;
    font-size: 50px;
    line-height: 55px;
}

.BottomBoxTitle {
    font-family: myBoldFont;
    font-size: 14px;
}

.BottomBoxText {
    font-family: myLightFont;
    font-size: 14px;
}

.BottomBoxTextPadding {
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
}

.BottomBoxDiv {
    width: 100%;
    text-align: center;
    min-height: 130px;
}

.FooterFontLight {
    font-family: myRegularFont;
    font-size: 14px;
    line-height: 28px;
}

.FooterFontBold {
    font-family: myBoldFont;
    font-size: 14px;
    line-height: 28px;
}

.FooterFontStrap {
    font-family: myRegularFont;
    font-size: 18px;
    line-height: 28px;
}

.DropDownClose {
    padding-top: 10px;
    padding-left: 405px;
}

.MenuHeading {
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    font-family: mySemiBoldFont;
}

.MenuHeading2 {
    font-size: 16px;
    line-height: 22px;
    color: #000000;
    font-family: myMediumFont;
    letter-spacing: 0.04em;
}

    .MenuHeading2:hover {
        color: #000000;
    }

    .MenuHeading2:focus {
        color: #000000;
    }

.PIMv2Button {
    border-radius: 4px;
    opacity: 1;
    height: 51px;
    display: table-cell;
    padding-left: 30px;
    padding-right: 30px;
}

.PIMv2ButtonText {
    font-family: myMediumFont;
    font-size: 15px;
    color: white;
    letter-spacing: 0.04em;
}

    .PIMv2ButtonText:hover {
        font-family: myMediumFont;
        font-size: 15px;
        color: white;
        letter-spacing: 0.04em;
    }

.PIMv2ButtonAlign {
    padding-top: 15px;
    text-align: center;
}

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

.MenuRepText {
    font-size: 13px;
    line-height: 24px;
    color: #000000;
    font-family: mySemiBoldFont;
}

.MenuFontLight {
    font-size: 15px;
    font-family: myMediumFont;
    line-height: 30px;
    color: #333;
    letter-spacing: 0.04em;
}

    .MenuFontLight:hover {
        color: #333;
    }

.MenuFontLightfocus {
    color: #333;
}

.MenuArrow {
    border-color: #333;
    transform: rotate(-45deg);
}

.MenuIcon {
    width: 45px;
    height: 29px;
}

.TitleBarinner {
    height: auto;
    margin: 0 auto 0;
    max-width: 1400px;
    min-height: 100%;
    padding-left: 40px;
    padding-right: 40px;
}

.AdviceMenu {
    position: absolute;
    width: 250px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    text-align: left;
    padding-bottom: 20px;
    z-index: 999;
    box-shadow: 0px 11px 12px #00000029;
    margin-top: 10px;
    margin-left: -90px;
    border-radius: 7px;
}

.SubMenuText {
    font-family: myMediumFont;
    font-size: 14px;
    color: #333;
    letter-spacing: 0.04em;
}

    .SubMenuText:hover {
        color: #333;
    }

    .SubMenuText:focus {
        color: #333;
    }

.SignInHeader {
    font-family: myBoldFont;
    color: #333;
    font-size: 18px;
}

    .SignInHeader:hover {
        color: #333;
    }

    .SignInHeader:link {
        color: #333;
    }

.SignInHeaderFade {
    font-family: myBoldFont;
    color: #d6d6d6;
    font-size: 18px;
    cursor: pointer;
}

    .SignInHeaderFade:hover {
        color: #333;
    }

    .SignInHeaderFade:focus {
        color: #333;
    }

.TextBoxHeading {
    font-family: myMediumFont;
    font-size: 12px;
    color: #333;
    letter-spacing: 0.04em;
}

.SmallLink {
    font-family: myMediumFont;
    font-size: 12px;
    letter-spacing: 0.04em;
}

.TextBoxOuter {
    height: 40px;
    border-radius: 4px !important;
    border: 1px solid #939393 !important;
    background-color: white !important;
}

.SignInBox {
    border-style: none;
    border-width: 1px;
    display: table-cell;
    height: 38px;
    --border-radius: 20px;
    border-radius: 0px 0px 0px 12px;
}

.PostcodeBox {
    border-style: none;
    border-width: 1px;
    display: block;
    height: 38px;
    border-radius: 0px 0px 0px 12px;
    text-align: center;
}

.SignInBoxInner {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 7px;
}

.TradeCounterHeading {
    font-size: 27px;
    font-family: myRegularFont;
    color: #333;
}

.TradeCounterText {
    font-size: 10px;
    color: #333;
    font-family: myMediumFont;
    letter-spacing: 0.04em;
}

.PostcodeBoxInner {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 7px;
}

.LoginPricingInner {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 6px;
}

.ButtonTextLink {
    font-family: myMediumFont;
    font-size: 10px;
    letter-spacing: 0.04em;
}

.CreateAccHeader {
    font-family: myBoldFont;
    font-size: 20px;
    color: #333;
}

.CreateAccSmallText {
    font-family: myMediumFont;
    font-size: 13px;
    letter-spacing: 0.04em;
}

.CreateAccSub {
    font-family: myBoldFont;
    font-size: 17px;
    color: #333;
}

.CreateAccSub2 {
    font-family: myBoldFont;
    font-size: 14px;
    color: #333;
}

.CreateAccSub3 {
    font-family: myMediumFont;
    font-size: 12px;
    color: #333;
    letter-spacing: 0.04em;
}

.form-error {
    border: 1px solid red !important;
}

.ShowMap {
    display: block;
}

.retailermap {
    width: 100%;
    background-image: url(../images/ukmap.jpg);
    min-height: 900px;
}

.RetailerHeadingFont {
    font-size: 14px;
    color: #333;
    font-family: mySemiBoldFont;
}

.RetailerInfo {
    font-family: myMediumFont;
    font-size: 12px;
    color: #333;
    line-height: 16px;
    letter-spacing: 0.04em;
}

.RetailerListHeight {
    height: 750px;
    overflow-y: scroll;
}

.SalesOfficeListHeight {
    height: 850px;
}

.RetailerHeadingFont {
    font-size: 14px;
    color: #333;
    font-family: mySemiBoldFont;
}

.RetailerTextFont {
    font-size: 12px;
    color: #333;
    font-family: myMediumFont;
    letter-spacing: 0.04em;
}

.UseMyLocation {
    font-size: 14px;
    color: #333;
    font-family: mySemiBoldFont;
}

    .UseMyLocation:hover {
        font-size: 14px;
        color: #333;
        font-family: mySemiBoldFont;
    }

    .UseMyLocation:link {
        font-size: 14px;
        color: #333;
        font-family: mySemiBoldFont;
    }

.DropDownHeading {
    font-family: mySemiBoldFont;
    color: #333;
    font-size: 16px;
}

.MenuThinLinev3 {
    border-top: solid 2px #d2d2d2;
    line-height: 5px;
    margin-top: 10px;
    width: 70%;
}

.DropDownHeadingNoLink {
    font-family: mySemiBoldFont;
    color: #333;
    font-size: 16px;
}

.bannerbgcolour {
    background-color: #000;
}

.bannerbgcolourorange {
    background-color: #f6af93
}

.topwrapperheight {
    height: 127px;
    /*    overflow:hidden;
*/
}

.DropDownCloseMobile {
    padding-top: 20px;
    padding-right: 20px;
    text-align: right;
}

.MenuThinLinev2Mobile {
    border-top: solid 2px #d2d2d2;
    line-height: 5px;
    margin-top: 15px;
    width: 70%;
}

.CarouselFooter {
    padding-top: 70px;
}

.HomePopProduct {
    padding-top: 50px;
    text-align: center;
}

.PopProdPadding {
    padding-top: 35px;
    padding-left: 60px;
    padding-right: 60px;
}

.OpenAccPadding {
    padding-top: 60px;
    display: flex;
}

.OpenAccTextPos {
    padding-top: 65px;
    padding-right: 100px;
    padding-left: 60px;
}

.OpenAccBoxPos {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.OpenAccMobile1 {
    display: inline;
    padding-top: 30px;
}

.OpenAccImagePos {
    padding-top: 60px;
}

.ReviewTextPos {
    padding-top: 30px;
    text-align: center;
    padding-left: 200px;
    padding-right: 200px;
}

.BottomBoxPadding {
    padding-top: 75px;
    padding-left: 60px;
    padding-right: 60px;
}

.FooterLHS {
    padding-top: 70px;
    padding-bottom: 70px;
}

.Footer1 {
    padding-top: 70px;
}

.SocialFirst {
    float: left;
}

.SocialFirstnth {
    float: left;
    padding-left: 10px;
}

.SignIn1 {
    padding-left: 60px;
    text-align: left;
    padding-right: 30px;
}

.SignIn2 {
    text-align: right;
}

.FilterPop {
    padding-right: 20px;
}

.FilterCatMenu {
    font-family: mySemiBoldFont;
    font-size: 16px;
    line-height: 24px;
    color: #0d2b3f;
}

.FilterCatMenuSelected {
    font-family: mySemiBoldFont;
    font-size: 16px;
    line-height: 24px;
    text-decoration: underline;
}

.feedbackText {
    transform: rotate(-90deg);
    display: block;
    font-family: mySemiBoldFont;
    color: white;
    font-size: 18px;
}

.feedbackText2 {
    display: block;
    font-family: myLightFont;
    color: white;
    font-size: 12px;
}

.FeedbackBox1 {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-top: 80px;
    height: 160px;
}

.FeedbackBox2 {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-top: 15px;
    height: 80px;
    padding-left: 20px;
}

.FeedbackBox3 {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-top: 15px;
    height: 170px;
    padding-left: 20px;
    padding-right: 20px;
}

.FeedbackBox4 {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-top: 25px;
    height: 80px;
    padding-left: 20px;
}

.FeedbackOuter1 {
    position: fixed;
    top: 60%;
    right: 0;
    height: 160px;
    width: 80px;
    z-index: 999;
    transition: 2s ease-out 100ms;
}


.FeedbackOuter2 {
    position: fixed;
    top: 60%;
    right: 0;
    height: 80px;
    width: 260px;
    z-index: 999;
    transition: visibility 0.3s linear,opacity 0.3s linear;
}

.FeedbackOuter3 {
    position: fixed;
    top: 60%;
    right: 0;
    width: 260px;
    z-index: 999;
    transition: visibility 0.3s linear,opacity 0.3s linear;
}

.FeedbackOuter4 {
    position: fixed;
    top: 60%;
    right: 0;
    height: 80px;
    width: 260px;
    z-index: 999;
    transition: visibility 0.3s linear,opacity 0.3s linear;
}

.HappySadText {
    font-family: myMediumFont;
    font-size: 18px;
    color: #333;
    letter-spacing: 0.04em;
}

.HappySadPos {
    float: left;
    padding-right: 18px;
}

.SendFeedbackTest {
    font-family: mySemiBoldFont;
    font-size: 11px;
    color: white;
}

a.SendFeedbackTest {
    font-family: mySemiBoldFont;
    font-size: 11px;
    color: white;
}

.CreateAccSubmit {
    padding-left: 60px;
}

.MasterSlideShow {
    padding-top: 155px;
}