/*** Start Layouts.css ***/

@media only screen and (min-width: 770px) {
    .ft-copyright {
        text-align: left;
        margin: 0;
    }
}

.more-filters-link {
    position: relative;
    left: 24px;
    text-decoration: underline;
}

.test {
    display: inline;
}

.header-right {
    float: right;
    text-align: right;
    display: inline;
    display: flex;
    justify-content: flex-end;
}

.header-right-product-search {
    float: right;
    text-align: right;
    display: inline;
    margin-right: 20px;
}

.header-left {
    float: left;
    text-align: left;
    margin: 2px 10px;
    display: inline;
}

.passwordResetForm {
    text-align: right;
}

.btnAddToBasket {
    border-radius: 30px;
    position: relative;
    top: 15px;
    width: 77.5%;
    height: 40px !important;
}

.basketBanner {
    margin-left: 45px;
}

.storeFrontMiniBasketSummary {
    display: none;
}

img {
    border: none;
}

img {
    max-width: 100%;
    height: auto;
}

img {
    max-width: 100%;
    vertical-align: bottom;
}

img {
    border-style: none;
}

/* account dropdown menu */

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
}

/* Dropdown Content */

.dropbtn {
    background-color: #ffffff;
    color: rgba(0, 147, 179, 1);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 10pt;
    font-weight: 700;
    border-radius: 30px;
    text-transform: var(--text-transform-none);
    margin-left: 965px;
    border-width: 3px;
    border-color: rgba(0, 147, 179, 1);
    border-style: solid;
}

    .dropbtn:hover {
        background-color: rgba(0, 147, 179, 1);
        color: #ffffff !important;
    }

.account-menu-header {
    padding-bottom: 4px;
    padding-left: 16px;
    padding-right: 16px;
    text-transform: none;
    text-align: left;
    font-size: 10pt;
    font-weight: normal;
    color: var(--color-font-dark-grey) !important;
}

.dropdown-content {
    display: none;
    position: absolute;
    top: 42px;
    background-color: #fafafa;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999;
    padding-bottom: 10px;
    padding-top: 10px;
}

    /* Links inside the dropdown */
    .dropdown-content a {
        padding: 4px 16px;
        margin: 10px 0px 10px 0px;
        text-decoration: none !important;
        display: block;
        text-transform: none;
        text-align: left;
        font-size: 10pt;
        font-weight: normal;
    }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover {
    cursor: pointer;
}

/* end account menu */



.TitleBarTop {
    padding-top: 20px;
}

.CPTitleBar {
    padding-bottom: 10px;
}

/* thin top header bar */

.header-promo {
    text-align: center;
    width: 100%;
    font-size: 17px;
    padding: 10px 0;
}

    .header-promo ul {
        max-width: 1360px;
        margin: 0 auto;
    }

        .header-promo ul li {
            display: none;
            margin: 0 10px;
        }

.row {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.align-spaced {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    display: flex;
}

.header-promo ul li:first-child {
    display: inline-block;
}

@media only screen and (min-width: 979px) {
    .header-promo ul li {
        display: inline-block;
    }
}

/* end top header */


/* header */

.header {
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}

    .header .wrapper, .header .menu-responsive-wrap ul, .menu-responsive-wrap .header ul {
        position: relative;
        display: -webkit-box;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

.top-header {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0px;
    margin-right: 10px;
}

.header-divider {
    padding-top: 10px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: var(--color-horizontal-rule);
    background-color: #fff;
}

.header-divider-grey {
    padding-top: 10px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: var(--color-horizontal-rule);
    background-color: var(--color-light-grey-background);
}

.logo {
    width: 90px;
    margin-right: auto;
    flex-shrink: 0;
}

@media (min-width: 992px) {
    .logo {
        width: 180px;
    }
}

.site-nav {
    position: relative;
    display: block;
}

/* end header */



/* logon and register buttons */

.storeFrontAccountButton {
    color: #fff;
    line-height: 37px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 10pt;
    background-color: #575755 !important;
    margin-top: 10px;
}

    .storeFrontAccountButton:hover {
        background-color: #009ee2 !important;
        color: #ffffff !important;
    }

.topRightMenuRegisterButton {
    line-height: 35px;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 0px;
}


.topRightMenuLoginButton {
    line-height: 35px;
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 0px;
}

.storeFrontLogin {
    border: none;
    font-size: 9pt;
    right: 0px;
    top: 0px;
    color: var(--color-font-dark-grey);
    background: rgba(255, 255, 255, 1);
    white-space: nowrap;
}

    .storeFrontLogin a:hover {
        color: rgba(0, 147, 179, 1);
    }


/* end logon and register buttons */

/* search box */


.storeFrontSearchNew input {
    border-radius: 18px;
    height: 35px;
    line-height: 1;
    padding: 1rem 1rem .8rem 40px;
}


.top-header button {
    left: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: 0;
    padding: 0;
    color: var(--color-font-dark-grey);
}

/* end search box */

/* main banner */

.hero {
    margin-top: -20px;
    margin-bottom: 50px;
}

/* end main banner */

/* marketing cards */
.card {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 0 20px 0 rgba(0, 0, 0, 0.19);
    transition: 0.3s;
    width: 250px;
}

    .card:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }

.cardimg {
    border-radius: 10px 10px 0 0;
}

.cardcontainer {
    padding: 10px 20px 20px 20px;
}

.cardText {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 14pt !important;
    font-size: 7pt;
    font-weight: lighter;
    text-align: center;
}

.cardActionText {
    font-size: 11pt;
    font-weight: normal;
    text-align: center;
    margin-left: 0px;
    text-decoration: underline;
    color: var(--color-font-blue);
}

.cardRowContainer {
    margin: 30px auto;
    max-width: 800px;
}

.cardContainer > div {
    width: 33%
}

.cardLeft {
    float: left;
}

.cardRight {
    float: right;
}

.cardMiddle {
    margin: auto;
}

.cardRowContainerflex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
}

.cardflex {
    margin-top: 30px;
    margin-left: 15px;
    margin-right: 15px;
    flex-grow: 1;
    flex-basis: 16%;
    display: flex;
}

.card-link:hover {
    color: unset !important;
}

/* for meganav to stop list icons showing */
ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.storeFrontProductListCategoryBanner {
    float: left;
    margin-top: 4px;
    margin-right: 10px;
    font-size: 18px;
}

.storeFrontProductListOptionProductCount {
    font-size: 14px;
}

table.marketingBlock td a img {
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 0 20px 0 rgba(0, 0, 0, 0.19);
}


.TopHeaderBar {
    height: 4px;
    min-height: 4px;
    max-height: 4px;
    width: 100%;
}

.FooterDividerBar {
    border-top: 1px solid #ededed;
}

.sfContentBlock {
    padding: 0px !important;
    margin: 0px !important;
}

    .sfContentBlock table {
        border-spacing: 0px;
    }

        .sfContentBlock table td {
            border-spacing: 0px;
            padding: 0px;
        }

.sf_cols {
    width: 100% !important;
}

.sfContentBlockNarrow {
    margin: auto !important;
    max-width: 965px;
}
/* Search Results page */

.SearchResultsPageLayout_Body {
    display: flex;
    justify-content: center;
}

.SearchResultsPageLayout_Left {
    width: 25%;
    min-width: 310px;
    border: none;
    border-right: solid 5px transparent;
    vertical-align: top;
    background: #F5F5F5;
    margin-top-10px;
}

    .SearchResultsPageLayout_Left .storeFrontMarketingCategoryFiltersContainer {
        width: 215px;
        min-width: 215px;
        max-width: 215px;
        padding: 10px;
    }

.SearchResultsPageLayout_Right {
    padding-left: 5px;
    padding-right: 10px;
    width: 75%;
    background: #F5F5F5;
}

.SearchResultsPageLayout_RightTop {
    height: 80px;
    min-height: 80px;
    vertical-align: top;
    border-bottom: solid 10px transparent;
}

.searchResultsPageTitle {
    padding-left: 5%;
    margin-top: 0;
    font-family: KuroRegular;
    font-weight: normal;
    font-size: 36pt;
    color: white;
    background-color: #77c3d1;
}

.SearchResultsPageLayout_RightTop .sfContentBlock {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 80px;
    min-height: 80px;
    max-height: 80px;
    border: none;
}

.SearchResultsPageLayout_RightTop .sfContentBlock {
    padding: 0px;
    margin: 0px;
    width: 750px;
    min-width: 750px;
    margin-right: 0px;
}



.StoreFrontTitleBar {
    width: 1000px;
}

.StoreFrontTitleBar_Left {
    width: 50%;
}

.StoreFrontTitleBar_Right {
    padding-top: 70px;
    text-align: right;
}

.StoreFrontTitleBar .sfContentBlock {
    background: transparent;
}

/*** End Layouts.css ***/

/*** Start Shop.css ***/

body {
    margin: auto;
    font-family: 'Open Sans', sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: var(--color-font-dark-grey);
}

.WindowOutline {
    background-color: #fff;
    position: relative;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0px;
}

.headerWrapper, .footerWrapper {
    background-color: #fff;
}

.headerWrapperGrey {
    background-color: var(--color-light-grey-background);
}

.OuterTemplate {
    width: 100%;
    background-color: #fff;
    position: relative;
}

.InnerTemplate {
    position: relative;
    margin: auto;
    text-align: left;
}

/*** Logo Bar ***/

.LogoBar {
    height: 69px;
    width: 100%;
    background: rgba(255, 255, 255, 1);
}

.LogoBarLeft {
    padding-top: 0px;
    text-align: left;
}

.LogoBarLeftMiniResponsive {
    float: left;
    margin: 7px 10px;
}

.LogoBarLeftMini {
    display: none;
}

.LogoBarRight {
    right: 0px;
    top: 0px;
    width: 100%;
}

.LogoBarRight_TopMenu {
    float: left;
    width: 390px;
}

.LogoBarRight_Search {
    width: 280px;
    float: right;
    margin-top: 18px;
}

.TopMenuItems {
    padding-top: 25px;
    padding-left: 20px;
    vertical-align: middle;
}

    .TopMenuItems a {
        font-family: 'Open Sans', sans-serif,Arial;
        font-size: 10pt;
        font-weight: normal;
        color: #525a66 !important;
        margin-left: 5px;
        margin-right: 5px;
    }

    .TopMenuItems img {
        vertical-align: middle;
        margin-left: 2px;
    }

.LogoBarMenuBarDivider {
    height: 0px;
    min-height: 13px;
    max-height: 13px;
    width: 100%;
    background-color: #fff;
}

/*** Title Bar ***/

.TitleBar {
    height: 164px;
    width: 100%;
    background: rgba(255, 255, 255, 1);
    color: #98aabf;
    margin: 0px;
    border: solid 0px #77c3d1; /* need this to stop gap appearing between menu bar and title bar */
}

.CPTitleBar {
    height: 50px;
    width: 100%;
    background: rgba(255, 255, 255, 1);
    margin: 0px;
    border: solid 0px #77c3d1;
    position: relative;
}



.TitleBar_NoTitleTemplate {
    height: 368px;
    background: #eee;
}

/*** Main Content ***/

.MainContentBar {
    width: 100%;
    background: rgba(255, 255, 255, 1);
    background-repeat: repeat-x;
    background-position: top;
    margin-bottom: 10px;
    position: relative;
}

.MainContentBarBG {
    position: relative;
}

.MainContentBar_NoTitleTemplate {
    background: #eee;
}

.MainContentBox {
    width: 946px;
    min-height: 200px;
    background: #fff;
    padding: 27px;
}

.MainContentBoxNoPadding {
    width: 1000px;
    height: 600px;
    background: #fff;
    padding: 0px;
}

/*** Text Styles ***/
.NormalText {
    font-family: var(--font-family-default);
    font-size: 10pt;
    font-weight: normal;
    color: var(--color-font-dark-grey);
    margin: 0px;
    line-height: 20px !important;
}

.PageText {
    font-family: 'Open Sans', sans-serif,Arial;
    font-size: 10pt;
    font-weight: normal;
    color: var(--color-font-dark-grey);
    margin: 0px;
    line-height: 20px !important;
}

.PageText14 {
    font-family: 'Open Sans', sans-serif,Arial;
    font-size: 14pt;
    font-weight: normal;
    color: var(--color-font-dark-grey);
    margin: 0px;
    line-height: 20px !important;
}

.tealLink {
    color: #0093b4 !important;
    font-weight: bold !important;
}


.H2 {
    font-size: 14pt;
    font-weight: bold;
    color: var(--color-font-dark-grey);
    display: block;
    margin-bottom: 10px;
    font-family: 'Open Sans', sans-serif,Arial;
}

a {
    text-decoration: none;
}

/*** Coloured Content Blocks ***/

.ContentBlock_Yellow {
    background: #bdc666;
    width: 100%;
    color: #fff;
}

.ContentBlock_DarkGreen {
    background: #4b8c7d;
    width: 100%;
    color: #fff;
}

.ContentBlock_LightGreen {
    background: #8fb19d;
    width: 100%;
    color: #fff;
}

.ContentBlock_Pink {
    background: #d0b7cd;
    width: 100%;
    color: #fff;
}

.ContentBlock_LightBlue {
    background: #87c6d6;
    width: 100%;
    color: #fff;
}

.ContentBlock_Blue {
    background: #006dd9;
    width: 100px;
    color: #fff;
}

.ContentBlock_Teal {
    background: #0093b4;
    width: 100px;
    color: #fff;
}

/*** Buttons ***/

.H1 {
    font-family: 'Open Sans', sans-serif,Arial;
    font-size: 22pt;
    color: #0093b4;
    display: block;
}

.product-information-table {
    border-collapse: collapse;
    font-family: 'Open Sans', sans-serif,Arial;
}

.product-supplemental-data {
    padding: 20px;
    font-size: 12px;
}

.top-left-gap {
}

.vertical-header {
    border: 2px solid #939598;
    border-spacing: 10px;
    background-color: #0089d0;
    color: #ffffff;
    font-size: 25px;
    height: 60px;
    text-indent: 5px;
}

.horizontal-header {
    border: 2px solid #939598;
    height: 30px;
    color: #0089d0;
    font-weight: bold;
}

.product-spec-tab {
    border: 2px solid #939598;
    height: 30px;
    margin-left: 5px;
}

.white {
    background-color: #ffffff;
}

.whiteBox {
    background-color: #ffffff;
    box-sizing: border-box;
}

.grey {
    background-color: #eeeeee;
}

.err {
    color: #ff0000;
    padding-left: 40px;
    width: 360px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.textLink {
    color: #0093b4 !important;
    font-weight: bold;
}

.textLinkUnderlined {
    color: var(--color-font-blue) !important;
    text-decoration: underline;
}

    .textLinkUnderlined:hover {
        color: var(--color-font-blue) !important;
        text-decoration: underline;
        cursor: pointer;
    }

input[readonly="readonly"] {
    background-color: #e7e7e7;
}

/*** End Shop.css ***/

/*** Start Common.css ***/

input[type=submit] {
    border: none;
    cursor: pointer;
    outline: none;
}

.TitleBarTop {
    position: absolute;
    top: 10px;
    width: 100%;
}

.storeFrontSearch {
    display: flex !important;
    clear: both;
}

    .storeFrontSearch input[type=submit] {
        background-image: url("/xmaimages/search-sm.png");
        background-position: center;
        background-repeat: no-repeat;
        background-color: rgba(255, 255, 255, 1);
        outline: none;
        margin-top: 15px;
    }

    .storeFrontSearch input[type=text] {
        color: #8a949f;
        font-size: 12pt;
        width: 218px;
        padding-left: 5px;
        border: solid 1px #c0c0c0;
        outline: none;
        padding: 10px;
        vertical-align: top;
        margin-top: 8px;
        margin-right: 5px;
    }

.storeFrontMiniBasket input[type=submit] {
    color: #fff;
    line-height: 35px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 10pt;
    text-align: right;
    vertical-align: top;
    margin-left: 10px;
    margin-top: 10px;
    background-color: #009ee2;
}

    .storeFrontMiniBasket input[type=submit]:hover {
        color: #ffffff !important;
    }

.storeFrontMiniBasketTitle {
    font-weight: bold;
    font-size: 8pt;
}



.lbl {
    font-size: 14px;
    color: var(--color-font-dark-grey);
    padding: 10px;
}

.loginBox {
    width: 430px;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 100px;
    vertical-align: middle;
    color: var(--color-font-dark-grey);
}

    .loginBox input {
        margin-bottom: 6px;
    }

        .loginBox input[type=text], .loginBox input[type=password] {
            padding-left: 5px;
            margin-left: 5px;
            width: 220px;
            height: 25px;
            border: 1px solid #c8c8c8;
            background-color: #ffffff;
        }


.login-box-info {
    padding-left: 10px;
}


.fieldPanelLogin {
    width: 310px;
    text-align: right;
}

.ForgottenPasswordLink {
    text-align: right;
    padding: 5px 15px 10px 0px;
}

.ForgottenPasswordLinkText {
    font-size: small;
    text-decoration: underline;
}


.lblLoginOptions {
    font-size: 14px;
    font-family: var(--font-family-default);
    font-weight: bold;
    color: #ffffff;
    background-color: #0093b4;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

.storeFrontResetPasswordFormInner {
    width: 500px;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    text-indent: 15px;
    color: var(--color-font-dark-grey);
    padding-bottom: 20px;
}

.storeFrontRegisterLink {
    text-align: right;
}

.storeFrontLoginForm {
    display: none;
}

    .storeFrontLoginForm input {
        border: none;
        height: 20px;
        font-size: 9pt;
        color: #8a949f;
        padding-left: 5px;
        padding-right: 5px;
    }

        .storeFrontLoginForm input[type=submit] {
            color: #fff;
            font-size: 8pt;
            height: 20px;
        }

.storeFrontForgotPassword {
    font-size: 8pt;
    line-height: 20px;
    margin-left: 150px;
}

.storeFrontLogout {
    position: relative;
    top: 50%;
}

    .storeFrontLogout a {
        text-decoration: underline;
    }

    .storeFrontLogout label, .storeFrontLogoutLabel {
        width: 55px;
        display: inline-block;
        font-weight: bold;
    }


.sfsearchBox {
    border: none;
    width: 100%;
}

.storeFrontMarketingCategoryFiltersContainer {
    background: #fff;
    padding: 10px;
    width: 200px;
    color: #8a949f !important;
}

.storeFrontCategoryFilterLink_Parent {
    font-size: 9pt;
    color: #8a949f;
    font-weight: bold;
    line-height: 25px;
}

.storeFrontCategoryFilterLink_Child {
    font-size: 9pt;
    color: #8a949f;
    line-height: 25px;
}

.storeFrontCategoryFilter_Divider {
    border-bottom: dotted 1px #8a949f;
    margin-top: 10px;
    margin-bottom: 10px;
}

a {
    color: var(--color-font-dark-grey)
}

.storeFrontCategoryFilter_Divider {
    border-bottom: dotted 1px #8a949f;
    margin-bottom: 10px;
}

.storeFrontProductListOptionsBar {
    padding: 10px 15px;
    background-color: #fff;
    color: var(--color-font-dark-grey);
    width: 100%;
    box-sizing: border-box;
    overflow: auto;
    margin-top: 10px;
}

.StoreFrontAttributeFilter_DropDownList {
    font-family: 'Open Sans', sans-serif,Arial;
    background: #fff;
    padding: 10px 10px 1px 10px;
    margin-bottom: 10px;
}

.btnStockShow {
    border: solid 1px black !important;
    color: black;
    width: 70px;
    height: 30px;
    margin: 5px 0px;
    float: left;
    color: var(--color-button) !important;
    background: var(--color-white) !important;
}

.btnStockHide {
    border: solid 0px black !important;
    color: black;
    width: 70px;
    height: 30px;
    margin: 5px 0px;
    float: left;
    color: var(--color-font-dark-grey) !important;
    color: var(--color-button-grey) !important;
}

.HideStoreFrontSelectedFilterItemHeading {
    display: none !important;
}

.StoreFrontSelectedFilterItemHeading {
    display: block;
    margin-left: 15px;
    margin-top: 15px;
    font-weight: 500;
}

.StoreFrontSelectedFilterItemCross {
    color: red !important;
}

.StoreFrontSelectedFilterItem {
    display: block;
    background-color: #ffffff;
    padding: 1px 0px 0px 15px;
    margin: 10px 0px 10px 10px !important;
}

    .StoreFrontSelectedFilterItem span {
        padding-right: 8px;
        font-family: 'Open Sans', sans-serif,Arial;
        font-weight: bold;
        color: var(--color-font-dark-grey);
    }

    .StoreFrontSelectedFilterItem input {
        background-color: #ffffff;
        padding: 0px;
        color: var(--color-font-dark-grey);
        font-family: 'Open Sans', sans-serif;
        outline: none;
    }

.storeFrontProductListOptionSort {
    float: right;
}

    .storeFrontProductListOptionSort span {
        font-family: 'Open Sans', sans-serif,Arial;
        text-transform: var(--text-transform-none);
    }

    .storeFrontProductListOptionSort select {
        margin: 8px 0px;
        color: var(--color-font-dark-grey);
        font-family: 'Open Sans', sans-serif,Arial;
        line-height: 20px;
    }

.storeFrontProductListOptionSearchCount {
    float: left;
}

    .storeFrontProductListOptionSearchCount span {
        font-family: 'Open Sans', sans-serif,Arial;
        text-transform: var(--text-transform-none);
    }

    .storeFrontProductListOptionSearchCount select {
        margin: 8px 0px;
        color: var(--color-font-dark-grey);
        font-family: 'Open Sans', sans-serif,Arial;
        line-height: 20px;
    }



/* Product list item */

.storeFrontProductListItem {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    margin-top: 10px;
    vertical-align: top;
    border: solid 0 black;
    font-size: 9pt;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
    background: #fff;
}

.storeFrontProductListItemWrap {
    display: table-row;
}

.storeFrontProductListDividerCol {
    width: 10px;
}

.storeFrontProductListItemImage {
    text-align: center;
    float: left;
    position: relative;
    margin-right: 20px;
    display: inline-block;
    width: 50%;
}

.storeFrontProductListItemDetails {
    width: 50%;
}

.storeFrontProductListItemImage input[type=image], .storeFrontProductListItemImage img {
    max-width: 200px;
    max-height: 200px;
    max-height: 400px;
    outline: none;
    color: #ffffff;
    margin: auto;
    margin-top: 35px;
}

.storeFrontProductHeading {
    order: 1;
}

.storeFrontProductPrice {
    display: flex;
    flex-direction: column;
    order: 2;
}

.storeFrontProductSummary {
    margin: auto 20px;
}

.storeFrontProductSummaryPDP {
    margin: 20px 0px 0px 0px;
}

.storeFrontProductButtons {
    float: right;
    width: 30%;
}


.storeFrontProductListItemDetailContainer {
    width: 100%;
    flex-wrap: wrap;
}

.storeFrontProductListBundleDetail {
    vertical-align: top;
    width: 250px;
    font-size: 14px;
}

.storeFrontProductListItemDetail {
    vertical-align: top;
    float: left;
    display: inline-block;
    width: 70%;
}

.AddToBasketContainerPLP {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.storeFrontProductListItemTitle {
    -ms-word-break: keep-all;
    word-break: keep-all;
    -moz-hyphens: none;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}

    .storeFrontProductListItemTitle h1 {
        font-weight: bold;
        font-size: 12pt;
        margin-top: 5px !important;
        margin-bottom: 0px;
        color: #75828f;
    }

        .storeFrontProductListItemTitle h1:hover {
            text-decoration: underline;
        }

    .storeFrontProductListItemTitle h2 {
        color: var(--color-font-dark-grey);
        text-rendering: optimizeLegibility;
        font-size: 18px;
        font-weight: bold;
        line-height: 1.4;
        font-family: var(--font-family-default);
        font-style: normal;
        margin-bottom: 0.5em;
        margin: 0;
    }

        .storeFrontProductListItemTitle h2:hover {
            text-decoration: none;
        }

    .storeFrontProductListItemTitle a {
        font-weight: bold;
    }

.storeFrontProductListItemDescription {
    color: #bbc1c6;
}

.storefrontProductListItemProductCode {
    font-size: 14px;
}

.storeFrontProductListItemActions .storeFrontProductListItemPrice {
    text-align: right;
    padding-top: 0px;
}

.storeFrontProductListItemActions {
    text-align: center;
}

.storeFrontProductListItemPrice {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.VATText {
    color: var(--color-font-dark-grey);
    font-weight: normal;
}

.storeFrontProductListItemPriceIncVAT {
    color: var(--color-font-dark-grey);
    font-size: 0.9em;
}

.storefrontProductListItemStock {
    font-size: 17px;
    color: var(--color-font-dark-grey);
    padding-top: 5px;
    text-align: center;
}

.storeFrontProductListItemActions .AddToBasketQuantity {
    justify-content: space-between;
}

.storeFrontProductList {
    background: #F5F5F;
    width: 100%;
}

.storeFrontSearchResults {
    background: #F5F5F5;
}

table.storeFrontSearchResults {
    max-width: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    padding-top: 10px;
}

td.storeFrontSearchResultsDivider {
    width: 5px;
}

/* Paging elements */


.storeFrontProductListPaging_Prev {
    width: 25%;
    text-align: left;
}

.storeFrontProductListPaging_Page {
    text-align: center;
}

.storeFrontProductListPaging_Controls {
    display: flex;
    justify-content: center;
}

.storeFrontProductListPaging_Page .firstPageButton {
    margin-left: 0 !important;
}

.storeFrontProductListPaging_Page .lastPageButton {
    margin-right: 0 !important;
}

.storeFrontProductListPaging_Page input[type="image"] {
    margin-right: 10px;
    margin-left: 10px;
}

.storeFrontProductListPaging_Page input[type="submit"] {
    background-color: #ffffff;
    color: var(--color-font-dark-grey);
}

.storeFrontProductListPaging_Page select {
    border: solid 0px black;
    font-size: 9pt;
    color: #75828f;
}

.storeFrontProductListPagingSelected {
    font-weight: bold;
}

.storeFrontProductListPaging_Next {
    width: 25%;
    text-align: right;
}

.storeFrontProductImagesContainer {
    background: #fff;
    min-width: 400px;
}

.storeFrontProductImages_Main {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    min-width: 300px;
    min-height: 400px;
}

.storeFrontProductImages_BigImage {
    text-align: center;
    vertical-align: middle;
}

    .storeFrontProductImages_BigImage img {
        max-height: 400px;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
    }

.thumbnailNav:hover {
    cursor: pointer;
}

.selectedThumbnail {
    border: 1px !important;
    border-style: solid !important;
    border-color: #8a949f !important;
}

.storeFrontProductImages_Thumbnails {
    justify-content: center;
    text-align: center;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
}

    .storeFrontProductImages_Thumbnails li {
        margin-left: 4px;
        margin-right: 4px;
    }

    .storeFrontProductImages_Thumbnails img {
        vertical-align: middle;
        cursor: pointer;
        padding: 10px;
    }

.storeFrontTabs {
    border: solid 0px #0093b4;
    line-height: 20px;
    width: 100%;
    padding-left: 1px;
    padding-top: 1px;
    padding-right: 0px;
    padding-bottom: 0px;
    color: var(--color-font-dark-grey);
}

    .storeFrontTabs p {
    }

.storeFrontTabHeaders {
    background: #fff;
}

.storeFrontTabHeader, table.storeFrontTabHeaders tr td {
    padding: 0px;
    cursor: pointer;
    margin: 0px;
    color: #fff;
    height: 30px;
    width: 33.33%;
}

.storeFrontTabHeader_Selected {
    background: #0093b4;
}

.storeFrontTabContent {
    background: #fff;
    width: 100%;
    vertical-align: top;
    position: relative;
}

#tab-Specifications {
}

.storeFrontTabContentInner {
    vertical-align: top;
    padding: 0px 20px 20px 20px;
}

table.storeFrontTabs_Specs {
    width: 100%;
    padding: 5px;
    position: relative;
}

.storeFrontTabs_Specs th {
    text-align: left;
    font-weight: normal;
    padding: 3px;
    vertical-align: top;
    width: 40%;
}

.storeFrontTabs_Specs td {
    padding: 3px;
}

tr.storeFrontTabs_Specs_AltRow {
}

.storeFrontTabs_Specs td, .storeFrontTabs_Specs th {
    border-bottom: 1px dashed #87c6d6;
}

.storeFrontTabs_Specs th {
    font-weight: bold;
}

.product-not-found {
    background-color: #ffffff;
    font-size: 14px;
    padding: 20px;
}

.storeFrontProductDetailsContainer {
    width: 100%;
    position: relative;
    background-color: var(--color-light-grey-background);
}

    .storeFrontProductDetailsContainer table.storeFrontProductDetails {
        border-spacing: 10px;
        width: 1020px;
        border-collapse: separate;
        margin-left: -10px;
    }

.storeFrontProductDetails_Left {
    padding-left: 0px;
    padding-right: 10px;
    vertical-align: top;
    background: #fff;
    visibility: hidden;
}

.BackLink {
    position: relative;
    top: 5px;
    left: 5px;
    text-decoration: underline;
}

.storeFrontProductDetails_MainDetailsSmall {
    display: none;
}

.storeFrontProductDetailsContainer {
    width: 100%;
    position: relative;
    background-color: var(--color-light-grey-background);
}

    .storeFrontProductDetailsContainer .storeFrontProductDetails {
        display: flex;
        border-spacing: 10px;
        border-collapse: separate;
    }

.storeFrontProductDetails_MiddleAndRightContainer {
    width: 70%
}

.AddToBasketConstoreFrontProductListItemActionstainerPLP {
    width: 30%;
}

.storeFrontProductDetails_MiddleTop {
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
    position: relative;
    background: var(--color-light-grey-background);
    padding-top: 10px;
    padding-bottom: 15px;
    background: #fff;
    padding: 20px;
    margin: 0px 10px 13px 10px;
}

.storeFrontProductDetails_MiddleBottom {
    background: #fff;
    margin: 10px 10px 10px 10px;
}

.storeFrontProductDetails_MiddleTop h1 {
    font-size: 12pt;
    font-weight: bold;
    color: var(--color-font-dark-grey);
    margin-bottom: 15px;
    margin-top: 5px;
}

.storeFrontProductDetails_MiddleTop .bundledProductsList {
    font-size: smaller;
}

.storeFrontProductDetails_RightTop {
    min-height: 300px;
    padding: 10px;
    margin-left: 15px;
    vertical-align: top;
    background: #fff;
    border: solid 1px transparent;
}

.storeFrontProductDetails_RightBottom {
    width: calc(25 / 77.5 * 100%);
    padding-left: 10px;
    padding-right: 10px;
    margin: -30px 0 0 15px;
    vertical-align: top;
    background: #fff;
    border: solid 1px transparent;
}

@media only screen and (max-width: 800px) {
    .storeFrontProductDetailsContainer .storeFrontProductDetails {
        flex-direction: column;
        align-items: center;
    }

    .storeFrontProductDetails_Left,
    .storeFrontProductDetails_MiddleTop,
    .storeFrontProductDetails_RightTop,
    .storeFrontProductDetails_MiddleBottom,
    .storeFrontProductDetails_RightBottom {
        margin: 0 0 20px 0 !important;
    }

    .storeFrontProductDetails_RightTop, .storeFrontAddToBasket {
        height: auto !important;
    }

    .storeFrontProductDetails_MiddleAndRightContainer {
        width: 100% !important;
        flex-direction: column;
        align-items: center;
    }

    .storeFrontProductDetails_MainDetailsSmall {
        padding-bottom: 30px;
        display: block;
    }

    .storeFrontProductDetails_MainDetails {
        display: none;
    }
}

.storeFrontProductDetails_Middle h1 {
    font-size: 12pt;
    font-weight: bold;
    color: var(--color-font-dark-grey);
    margin-bottom: 15px;
    margin-top: 5px;
    display: none;
}

.storeFrontProductPriceAndActionsContainer {
    padding-top: 10px;
}

    .storeFrontProductPriceAndActionsContainer .storeFrontProductPrice {
        font-size: 0.9em;
        color: var(--color-font-dark-grey);
    }

    .storeFrontProductPriceAndActionsContainer .storeFrontProductPriceExVAT {
        border-top-style: solid;
        border-top-color: #e0d7d7;
        border-top-width: 1px;
        padding-top: 5px;
        font-size: 1.4em;
        color: var(--color-font-blue);
        padding-top: 5px;
    }

    .storeFrontProductPriceAndActionsContainer .storeFrontProductCode {
        font-size: 1.0em;
        margin-top: 10px;
    }

    .storeFrontProductPriceAndActionsContainer .storeFrontProductStock {
        color: var(--color-font-dark-grey);
        font-size: 14px;
        margin-top: 5px;
        padding-bottom: 5px;
    }

    .storeFrontProductPriceAndActionsContainer .AddToBasketLogin {
        background: #0091b6;
        color: #fff;
        font-size: 8pt;
        height: 18px;
        padding-top: 6px;
        text-align: center;
    }

    .storeFrontProductPriceAndActionsContainer .AddToBasket_LoginToBuy {
        margin-left: 10px;
    }

.AddToBasket_LoginToBuy {
    position: relative;
    padding-bottom: 10px;
}

.descstd {
    border-bottom: solid 1px #e0d7d7;
}

.storeFrontProductPriceAndActionsContainer .storeFrontAddToBasket {
    width: 100%;
    padding-bottom: 7px;
    color: var(--color-font-dark-grey);
    display: inline-block;
    text-align: center;
    position: relative;
}

.storeFrontProductPriceAndActionsContainer .AddToBasketQuantity {
    padding: 5px;
}

    .storeFrontProductPriceAndActionsContainer .AddToBasketQuantity .riLabel,
    .storeFrontProductPriceAndActionsContainer .AddToBasketQuantity .riTextBox {
        background: #bdc666 !important;
    }

.storeFrontProductPriceAndActionsContainer .storeFrontAddToBasket input[type=text] {
    width: 25px;
    margin-top: 3px;
}

.storeFrontRelatedProducts {
    color: var(--color-font-dark-grey) !important;
}

.storeFrontRelatedProductsUp {
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
    border-bottom: 1px #eeeeee solid;
}

.storeFrontRelatedProductsDown {
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
    border-top: 1px #eeeeee solid;
}

.storeFrontRelatedProducts h1 {
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
}

.storeFrontRelatedProducts h2 {
    font-weight: bold;
    font-size: 9pt;
    margin-bottom: 4px;
    color: var(--color-font-dark-grey) !important;
}

.storeFrontRelatedProductDescription {
    font-size: 9pt;
    display: none;
}

.storeFrontRelatedProductStock {
    padding-top: 6px;
    width: 80px;
    float: left;
    height: 25px;
    position: relative;
    top: 3px;
}

.storeFrontRelatedProductQtyAddBasket {
    height: 24px;
    padding-top: 5px;
    width: 100px;
    padding-left: 10px;
    padding-right: 10px;
    color: var(--color-font-dark-grey);
    display: inline-block;
}

.storeFrontRelatedProductLoginToBuy {
    color: #ff0000;
    top: 5px;
}

.storeFrontRelatedProductQtyAddBasket input[type=text] {
    width: 30px;
    font-size: 9pt;
}

.storeFrontRelatedProductPrice, .UpsellBoxRelatedProductPrice {
    font-size: 11pt;
    font-weight: bold;
    line-height: 25px;
    color: var(--color-font-dark-grey);
}

.storeFrontRelatedProductCode, .UpsellBoxRelatedProductCode {
    font-size: 8pt;
    line-height: 25px;
    color: var(--color-font-dark-grey);
}

.storeFrontRelatedProducts input[type=image], .storeFrontRelatedProducts img {
    max-height: 100px;
    max-width: 100px;
}

    .storeFrontRelatedProducts img.NoMaxDimensions {
        max-height: 1000px;
        max-width: 1000px;
    }

.storeFrontMiniPromotionContainer {
    height: 200px;
    min-height: 200px;
    max-height: 200px;
    width: 440px;
    min-width: 440px;
    max-width: 440px;
    border: solid 0px black;
    background: #fff;
}

table.storeFrontMiniPromotion {
    width: 100%;
    height: 100%;
}

td.storeFrontMiniPromotionImage {
    width: 90px;
    height: 100%;
    padding: 5px;
}

    td.storeFrontMiniPromotionImage img, td.storeFrontMiniPromotionImage input[type=image] {
        max-height: 90px;
        max-width: 90px;
    }

td.storeFrontMiniPromotionDetails {
    width: 265px;
    padding: 5px;
    vertical-align: middle;
}

.storeFrontMiniPromotionTitle {
    font-weight: bold;
}

.storeFrontMiniPromotionDescription {
}

.storeFrontMiniPromotionPrice {
    font-weight: bold;
}

.storeFrontMiniPromotionDivider {
    height: 1px;
    min-height: 1px;
    max-height: 1px;
    width: 434px;
    min-width: 434px;
    max-width: 434px;
    border-top: dotted 1px #c0c0c0;
    margin-left: 0px;
    background: #fff;
}

.BannerTitle {
    background-color: #0093b4;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif,Arial;
    font-size: 28px;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
}

.PageTitle {
    font-size: 28pt;
    color: #fff;
    font-weight: normal !important;
}

.WhiteBackground {
    background-color: #fff !important;
}

.Transparent {
    background-color: transparent !important;
}

.storeFrontForm {
    margin-left: 140px;
}

.storeFrontCardPayment {
    margin-left: 0px !important;
}

.StoreFrontForm, .storeFrontForm {
    margin-bottom: 10px;
    border: solid 0px black;
}

    .StoreFrontForm th, .storeFrontForm th {
        font-weight: normal;
        text-align: right;
        vertical-align: top;
        padding-right: 20px;
        color: var(--color-font-dark-grey);
        position: relative;
        top: 7px;
    }

    .StoreFrontForm td, .storeFrontForm th {
    }

    .StoreFrontForm input[type="radio"], .storeFrontForm input[type="radio"] {
        margin-right: 5px;
        padding-right: 0px;
    }


.StoreFrontCheckoutBasket {
    padding: 0px 10px 60px 10px;
    border-top: solid 1px #ccc;
    margin-top: 0px;
    border: solid 0px black;
    width: 100%;
    font-family: var(--font-family-default);
    font-size: 13px;
}

    .StoreFrontCheckoutBasket .StoreFrontCheckoutBasketItems {
        overflow: auto;
        padding-top: 20px;
    }

    .StoreFrontCheckoutBasket .StoreFrontCheckoutBasketTotals {
        margin-top: 50px;
        width: 100%;
        text-transform: var(--text-transform-none);
        max-width: 320px;
        line-height: 1.8;
        margin-left: auto;
        margin-right: 0px;
    }

        .StoreFrontCheckoutBasket .StoreFrontCheckoutBasketTotals table {
            font-size: 16px;
        }

.StoreFrontCheckoutBasketProductItem {
    width: 100%;
    display: flex;
    padding-bottom: 5px;
}

.StoreFrontCheckoutBasketProductImageContainer {
    text-align: left;
}

.StoreFrontCheckoutBasket_ProductImage {
    max-width: 70px;
    min-width: 70px;
    max-height: 50px;
}

.StoreFrontCheckoutBasketProductDetails {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.StoreFrontCheckoutBasketProductPrice {
    text-align: right;
    font-weight: bold;
    width: 15%;
    min-width: 60px;
    padding-left: 10px;
    white-space: nowrap;
}

.StoreFrontCheckoutBasketTotals table th {
    width: 80%;
    padding-right: 10px;
}

.StoreFrontCheckoutBasketTotals table td {
    text-align: right;
    width: 20%;
}

.storeFrontProductInfoTabs {
    border: solid 0px #0093b4;
    line-height: 20px;
    width: 100%;
    padding-left: 1px;
    padding-top: 1px;
    padding-right: 0px;
    padding-bottom: 0px;
    font-size: 9pt;
    color: #949599;
}

.storeFrontTabHeader {
    display: table-cell;
    padding: 0px;
    cursor: pointer;
    margin: 0px;
    color: #fff;
    height: 30px;
}

.storeFrontTabHeaderLabel {
    padding: 10px;
    line-height: 30px;
}

.storeFrontTabHeader_Selected .storeFrontTabHeaderLabel a {
    color: #fff !important;
}

.storeFrontTabHeader_Selected {
    background: #0093b4;
}

.storeFrontTabContent {
    background: #fff;
    width: 100%;
    vertical-align: top;
    position: relative;
}

table.storeFrontProductInfoTabs_Specs {
    width: 100%;
    padding: 5px;
    position: relative;
}

.storeFrontProductInfoTabs_Specs th {
    text-align: left;
    font-weight: normal;
    padding: 3px;
    vertical-align: top;
    width: 40%;
}

.storeFrontProductInfoTabs_Specs td {
    padding: 3px;
}

.storeFrontProductInfoTabs_Specs td, .storeFrontProductInfoTabs_Specs th {
    border-bottom: 1px dashed #87c6d6;
}

.storeFrontProductInfoTabs_Specs th {
    font-weight: bold;
}

.storeFrontRelatedProducts {
    color: #949599;
}

    .storeFrontRelatedProducts h2 {
        font-weight: bold;
        font-size: 9pt;
        margin-bottom: 4px;
    }

.storeFrontRelatedProductDescription {
    font-size: 9pt;
}

.storeFrontRelatedProductStockQty {
    font-size: 9pt;
    border-top: solid 1px #c0c0c0;
    border-bottom: solid 1px #c0c0c0;
    height: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 10px;
}

.storeFrontRelatedProductQtyAddBasket {
    height: 24px;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 0px;
    width: 90px;
    float: right;
    color: #fff;
}

.storeFrontRelatedProductStockQty input[type=submit] {
    width: 50px;
    background-image: url(/xmaimages/Related-Products-Add-Button.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    border: none;
    color: #fff;
    vertical-align: bottom;
    height: 29px;
    text-align: right;
}

.storeFrontRelatedProductQtyAddBasket input[type=text] {
    width: 30px;
    height: 22px;
    font-size: 9pt;
    margin-top: 0px;
    text-align: center;
}

.storeFrontRelatedProductPrice {
    font-size: 11pt;
    font-weight: bold;
    line-height: 25px;
}

.storeFrontRelatedProducts input[type=image], .storeFrontRelatedProducts img {
    max-height: 100px;
    max-width: 100px;
    margin-top: 10px;
}


.storeFrontMiniPromotionContainer {
    height: 200px;
    min-height: 200px;
    max-height: 200px;
    width: 440px;
    min-width: 440px;
    max-width: 440px;
    border: solid 0px black;
    background: #fff;
}

table.storeFrontMiniPromotion {
    width: 100%;
    height: 100%;
}

td.storeFrontMiniPromotionImage {
    width: 90px;
    height: 100%;
    padding: 5px;
}

    td.storeFrontMiniPromotionImage img {
        max-height: 90px;
        max-width: 90px;
    }

td.storeFrontMiniPromotionDetails {
    width: 265px;
    padding: 5px;
    vertical-align: middle;
}

.storeFrontMiniPromotionTitle {
    font-weight: bold;
}

.storeFrontMiniPromotionDescription {
}

.storeFrontMiniPromotionPrice {
    font-weight: bold;
}

.storeFrontMiniPromotionDivider {
    height: 1px;
    min-height: 1px;
    max-height: 1px;
    width: 434px;
    min-width: 434px;
    max-width: 434px;
    border-top: dotted 1px #c0c0c0;
    margin-left: 0px;
    background: #fff;
}

.PageTitle {
    font-size: 28pt;
    color: #fff;
    font-weight: normal !important;
}

.WhiteBackground {
    background-color: #fff !important;
}

.Transparent {
    background-color: transparent !important;
}

.storeFrontPromotionContainer {
    height: 200px;
    min-height: 200px;
    max-height: 200px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    border: solid 0px black;
    background: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}

table.storeFrontPromotion {
    width: 100%;
    height: 100%;
}

td.storeFrontPromotionImage {
    height: 100%;
    padding: 5px;
}

    td.storeFrontPromotionImage img {
        max-height: 90px;
        max-width: 90px;
    }

td.storeFrontPromotionDetails {
    padding: 5px;
    vertical-align: middle;
}

.storeFrontPromotionTitle {
    font-weight: bold;
}

.storeFrontPromotionDescription {
}

.storeFrontPromotionPrice {
    font-weight: bold;
}

.storeFrontPromotionDivider {
    height: 1px;
    min-height: 1px;
    max-height: 1px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    border-top: dotted 1px #c0c0c0;
    margin-left: 0px;
    background: #fff;
}

.storeFrontCheckoutRadioButtonsFieldset {
    flex-direction: row;
}

.storeFrontCheckout {
    color: #888888;
    background-color: #ffffff;
    padding: 0 0;
    width: 100%;
}

.storeFrontCheckoutHeader {
    margin-left: 0px;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.storefrontCheckoutBackLink {
    font-size: 16px;
    text-transform: var(--text-transform-none);
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    display: block;
}

.storefrontCheckoutLogo {
    display: block;
    padding-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}

.storeFrontCheckoutAddressType {
    padding-top: 5px;
    padding-left: 10px;
}

.storeFrontCheckoutPageTitle {
    text-transform: var(--text-transform-none);
    text-align: center;
}

.notEnoughDepartmentBudgetMessage {
    padding-bottom: 10px;
    color: #e60000;
}

.storeFrontCheckout .storeFrontTabs {
}

.StoreFrontFieldRow {
    float: left;
    width: 100%;
}

    .StoreFrontFieldRow span input[type=radio] {
        margin-right: 5px;
    }

.StoreFrontCheckoutFieldLabel {
    float: left;
    color: var(--color-font-dark-grey);
    font-size: 9pt;
}

.StoreFrontCheckoutFieldInput {
    float: left;
}

.storeFrontCheckout .StoreFrontForm .HalfStandardWidth input[type=text] {
    width: 90px !important;
}

.storeFrontCheckout .StoreFrontForm .HalfStandardWidth select {
    width: 100px !important;
}

.storeFrontCheckout .storeFrontRadioButtonList td {
    padding-right: 25px !important;
}

.storeFrontCheckout .storeFrontRadioButtonList label {
}

.storeFrontCheckout label {
    display: inline-block;
}

.storeFrontCheckout .continue {
    background-color: #0093d4;
    color: #ffffff;
    float: right;
    width: 200px;
    height: 30px;
}

.storeFrontCheckout td {
    padding: 0px !important;
}

.StoreFrontSaveAddressCheckbox {
    white-space: nowrap;
    padding-left: 30%;
    width: 45%;
}

.storeFrontCheckout .highlight {
    color: #ffffff;
}

.storeFrontCheckout .lowlight {
    color: #ffffff;
}

.storeFrontCheckout .leftDiv {
    display: inline-block;
    width: 45%;
    padding-right: 20px;
    padding-left: 50px;
    border-right: 1px solid var(--color-horizontal-rule);
}

.storeFrontCheckout .rightDiv {
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
    width: 50%;
}

.StoreFrontCheckoutShippingDetails {
    border-bottom: 1px solid var(--color-horizontal-rule);
    padding-bottom: 20px;
    margin-bottom: 30px;
    font-family: var(--font-family-default);
    font-size: 13px;
}

.StoreFrontCheckoutContactInformation {
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
    width: 45%;
}

.StoreFrontCheckoutShippingAddress {
    display: inline-block;
    padding-left: 40px;
    width: 45%;
}

.storeFrontCheckout table {
    border-collapse: collapse;
}

.storeFrontCheckout .contentTable {
    width: 100%;
}

.storeFrontCheckout .tabButton {
    width: 100%;
    text-transform: var(--text-transform-none);
    font-size: 16px;
    line-height: 2;
    border: none;
}

.storeFrontCheckout .legend {
    padding: 4px 4px;
    font-size: 11pt;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

.storeFrontCheckout .mainCell {
    vertical-align: top;
    margin-top: 10px;
}

.storeFrontCheckout .storeFrontTabHeaders {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15px;
    display: flex;
}

.storeFrontCheckout .requiredFieldLabel {
    color: #aa0000;
}

.StoreFrontCheckoutChargeToAccountMessage {
    background-color: #397F8E;
}

.StoreFrontCheckoutNavigationButtons {
    height: 60px;
    padding: 0 10px;
    background-color: white;
}

.RequiredFieldsLegend {
    text-align: right;
}



/* Product filters */

.StoreFrontAttributeFilters {
    color: var(--color-font-dark-grey);
    line-height: 20px;
    background-color: #F5F5F5;
    padding-left: 10px;
}

    .StoreFrontAttributeFilters h3 {
        font-size: 10pt;
        color: var(--color-font-dark-grey);
        font-weight: bold;
        line-height: 25px;
        margin-bottom: 0px;
        display: inline;
    }

.filterCount {
    display: inline-block;
    opacity: 50%;
}

.StoreFrontAttributeFilterHeaderZ, .StoreFrontAttributeFilterHeader {
    margin-bottom: 10px;
    border-bottom: 1px solid #bbbbbb;
    background: #fff !important;
    width: 100%;
}

    .StoreFrontAttributeFilterHeaderZ:hover {
        cursor: pointer;
    }

.StoreFrontAttributeFilters input[type="checkbox"] {
    display: none;
}

    .StoreFrontAttributeFilters input[type="checkbox"] + label {
        background: url(/xmaimages/unchecked.png) left top no-repeat;
        display: inline-block;
        padding-bottom: 3px;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        padding-left: 23px;
    }

.StoreFrontAttributeFilterHeader a {
    display: none;
}

.StoreFrontAttributeFilters input[type="checkbox"]:checked + label {
    background: url(/xmaimages/checked.png) left top no-repeat;
    font-weight: bold;
}

.StoreFrontAttributeFilterExpanded {
    background-image: url(/xmaimages/collapse.png);
    background-position: right;
    background-repeat: no-repeat;
    border-bottom: 1px solid #bbbbbb;
}

.StoreFrontAttributeFilterCollapsed {
    background-image: url(/xmaimages/expand.png);
    background-position: right;
    background-repeat: no-repeat;
    border-bottom: 0px;
}

.StoreFrontAttributeFilterItems {
    padding-bottom: 10px;
}

.StoreFrontAttributeFilter_LinkButtons, .StoreFrontAttributeFilter_Cloud {
    border-bottom: solid 1px #eee;
}

.StoreFrontAttributeFilters select {
    border: solid 1px #666;
    width: 200px;
}

.StoreFrontAttributeFilters .filterDropDownBodyStyle {
    background: #eee;
    padding: 10px;
}

.StoreFrontAttributeFiltersTitle {
    display: block;
    align-items: baseline;
    background-color: white;
    margin: 5px;
    padding: 0px 10px 6px 10px;
    margin: 10px 0px 10px 10px;
    padding: 10px 0px 10px 10px;
}

    .StoreFrontAttributeFiltersTitle:hover {
        cursor: pointer;
    }

    .StoreFrontAttributeFiltersTitle h2 {
        margin: 0 5px 0 0;
        font-size: 14pt;
        font-weight: normal;
    }

.StoreFrontProductDetailTitle {
    display: block;
    align-items: baseline;
    background-color: white;
    margin: 5px;
    padding: 0px 10px 6px 10px;
    margin: 10px 0px 10px 10px;
    padding: 10px 0px 10px 10px;
}


    .StoreFrontProductDetailTitle h2 {
        margin: 0 5px 0 0;
        font-size: 14pt;
        font-weight: normal;
    }

    .StoreFrontProductDetailTitle h3 {
        border: 0px;
        display: inline-block;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

.StoreFrontAttributeFiltersToggler {
    float: right;
    margin-right: 20px;
    -webkit-text-stroke: 1px;
    font-size: 18px;
}

    .StoreFrontAttributeFiltersToggler:hover {
        cursor: pointer;
    }

.StoreFrontAttributeFiltersClearAllLink {
    padding-left: 10px;
    font-size: 10px;
}

.collapseAllFiltersButton {
    margin-left: 10px;
    border: 0;
    border-radius: 3px;
    padding: 5px 10px;
    color: white;
}

.StoreFrontAttributeFiltersMoreLink {
    font-size: 12pt;
    font-weight: bold;
    line-height: 30px;
    color: var(--color-font-dark-grey);
    padding: 10px;
    margin: 10px 0px 10px 10px;
}

    .StoreFrontAttributeFiltersMoreLink:hover {
        color: var(--color-font-dark-grey);
        cursor: pointer;
    }




/* Basket */

.storeFrontBasketContainer {
    width: 90%;
    background-color: #fff;
    color: var(--color-font-dark-grey);
    margin-left: 5%;
}

.storeFrontSavedBasketContainer {
    width: 100%;
    background-color: #fff;
    color: var(--color-font-dark-grey);
    padding: 0px 10px;
}

.storeFrontBasketPageTitle {
    text-align: center;
    text-transform: var(--text-transform-none);
}

.storeFrontBasketBanner {
    margin-bottom: 20px;
}


.storeFrontGridPaging_PageDetails {
    text-align: left;
    padding: 10px;
}

.storeFrontGrid {
    width: 90%;
    text-align: left;
    margin-left: 5%;
}

.storeFrontBasketTableHeaderRow {
    display: flex;
    padding: 10px;
    text-transform: var(--text-transform-none);
    border-bottom: solid 1px #c0c0c0;
}

.storeFrontGrid .savedBasketNameControls {
    display: flex;
    align-items: center;
}

.storeFrontGrid .savedBasketActionsHeaders {
    display: flex;
    justify-content: space-between;
}

.storeFrontGrid .savedBasketActions {
    display: flex;
    justify-content: space-between;
}

.savedBasketNameControls > * {
    padding: 10px;
}

.savedBasketNameControls .basketNameLabel {
    font-weight: bold;
}

.savedBasketNameControls .basketNameTextBox {
    width: 300px !important;
}

.storeFrontGridProductRow .imageAndTitleContainer {
    width: 60%;
    display: flex;
}

.storeFrontBasketTableHeaderRow .itemHeader {
    width: 60%;
    font-size: 14px;
    font-weight: bold;
}

.storeFrontGridProductRow .productImage {
    min-width: 80px;
    margin-right: 10px;
}

.storeFrontGridProductRow .productTitle {
    width: 75%;
    margin-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    font-weight: bold;
}

.storeFrontGridProductRow .quantityAndPriceContainer {
    display: flex;
    width: 40%;
}

.storeFrontBasketTableHeaderRow .quantityHeader {
    width: 10%;
    font-size: 14px;
    font-weight: bold;
}

.storeFrontGridProductRow .quantityEntry {
    width: 25%;
}

.quantityEntry .quantityValidator {
    margin-top: 5px;
}

.storeFrontBasketTableHeaderRow .priceHeader {
    width: 11%;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

.storeFrontGridProductRow .priceEntry {
    width: 27%;
}

.storeFrontBasketTableHeaderRow .subtotalHeader {
    width: 13%;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

.storeFrontGridProductRow .subtotalEntry {
    width: 33%;
    padding-left: 10px;
}

.subtotalEntryBundle {
    width: 33%;
}

.basketBundleItem {
    margin: 0px 42px 0px 91px;
    background: var(--color-grey-background);
}

.basketBundleItemMiddle {
    border: 1px solid var(--color-box-border);
    border-bottom: none;
    border-top: none;
}

.basketBundleItem-final {
    border: 1px solid var(--color-box-border);
    border-top: none;
    border-bottom: 1px solid var(--color-box-border) !important;
}

.basketBundleItem-first {
    border: 1px solid var(--color-box-border);
    border-bottom: none;
}

.storeFrontGrid .storeFrontGridProductRow {
    display: flex;
    border-bottom: solid 1px var(--color-horizontal-rule);
    vertical-align: top;
    padding: 10px;
}

.storeFrontGrid .storeFrontBasketFooter {
    border-bottom: none;
    text-align: right;
    padding: 5px 10px 5px 0;
}

.storeFrontGridProductRow a, .storeFrontGridProductRow a:visited {
    color: var(--color-font-dark-grey);
}

    .storeFrontGridProductRow a:hover {
        color: var(--color-font-blue);
    }

.storeFrontBasketTotalsContainer {
    padding-bottom: 20px;
    /*float: right;*/
    width: 283px;
    margin-left: auto;
    margin-right: 0px;
}

.storeFrontBasketTotalsTable {
    font-size: 16px;
    line-height: 1.8;
}

.storeFrontBasketTotalsLabel {
    text-align: left;
    text-transform: var(--text-transform-none);
    width: 200px;
    height: unset !important;
    padding: 0px !important;
}

.storeFrontBasketTotalsValue {
    text-align: right;
    height: unset !important;
    padding: 0px !important;
}

.storeFrontPriceFree {
    color: #8FB347;
}

.StoreFrontBasketQuantityLabel, .StoreFrontBasketQuantityPriceLabel {
    display: none;
}

.storeFrontGridDataRows a, .storeFrontGridAltDataRows a, .storeFrontTableTextLink {
    text-decoration: underline !important;
}



.storeFrontBasketThumbnail {
    max-width: 70px;
}

.storeFrontBasketSummaryThumbnail {
    min-width: 90px;
    min-width: 90px;
}

.storeFrontGridFooter {
    padding: 20px;
    text-align: center;
}

.storeFrontBasketSubTotal {
}


.StoreFrontBasketContinueShopping {
    display: block;
    padding-top: 10px;
    text-transform: var(--text-transform-none);
    white-space: nowrap;
}

.StoreFrontBasketContinueShoppingContainerColumn {
    display: none;
}

.PipeLinkDivider {
    margin-left: 5px;
    margin-right: 5px;
}

.storeFrontOrderHistorySearchOrders {
    margin-bottom: 5px;
    margin-right: 15px;
}

.storeFrontSavedQuotesContainer {
    width: 100%;
    background-color: #ffffff;
    box-sizing: border-box;
    padding: 10px;
}

    .storeFrontSavedQuotesContainer td, .storeFrontSavedQuotesContainer th {
        vertical-align: top;
    }

    .storeFrontSavedQuotesContainer th {
        border-bottom: 1px solid black;
    }

    .storeFrontOrderHistoryContainer input[type=text], .storeFrontSavedQuotesContainer input[type=text] {
        height: 25px;
    }

.GoToCheckoutButton:hover {
    cursor: pointer;
}

.SaveSendQuote {
    padding-left: 15px;
    padding-right: 15px;
}

.SaveBasket {
    padding-left: 15px;
    padding-right: 15px;
}

.SavedQuotesOrange {
    width: 145px !important;
}

.storeFrontBasketActions {
    text-align: right;
}


.storeFrontBasketContainer table.storeFrontGrid {
    margin-left: 45px;
}

.storeFrontBasketContainer .storeFrontGridPaging_PageDetails {
    margin-left: 45px;
}

.storeFrontBasketSaveDetails {
    margin-left: 45px;
    border: solid 1px #ccc;
    width: 270px;
}

.storeFrontModalInnerOrderHistory {
    max-width: 1000px !important;
    min-width: 380px !important;
    top: 220px !important;
}

.storeFrontModalInner {
    top: 300px;
    min-width: 250px;
    max-width: 450px;
}

.storeFrontModalHeading {
    font-weight: bold;
}

.storeFrontGridHeading {
    text-decoration: underline;
}

.storeFrontModalInner .storeFrontFormTable {
    width: 100%;
}

.storeFrontModalInnerInputs {
    margin-top: 15px;
    text-align: right;
}

.storeFrontModalInner input[type=text] {
    height: 30px;
}

.storeFrontModalInnerDescriptionInput {
    height: 60px !important;
    resize: none;
    font-family: 'Open Sans', sans-serif,Arial;
    font-size: 10pt;
    font-weight: normal;
}

.storeFrontBasketSaveDetails .storeFrontFormTable td {
    text-align: right;
}

.storeFrontFormTable th {
    text-align: left;
    padding: 5px;
}

.storeFrontFormTable td {
    padding: 5px;
}

.storeFrontModalOuter {
    z-index: 1002;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/xmaImages/shade.png');
    overflow: auto;
}

.storeFrontModalPadding {
    padding: 10px;
    top: 600px;
}

.storeFrontModalInner {
    margin: auto auto;
    background-color: #fff;
    position: relative;
}

.storeFrontModalHeader {
    background: #0093b4;
    padding: 10px;
    border-bottom: solid 2px #3691b2;
    position: relative;
}

.storeFrontModalInner h2 {
    color: #ffffff;
    font-size: 12pt;
    margin-top: 0px;
    margin-bottom: 0px;
}

.storeFrontModalContent {
    padding: 5%;
    overflow: auto;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.storeFrontModalActions {
    padding: 10px;
    text-align: right;
}

.storeFrontOrderHistoryContainer {
    background: #fff;
}

.storeFrontModalInnerText {
    text-align: center;
}

.storeFrontOrderHistoryPeriodDetail {
    text-align: left;
    font-size: 12pt;
    display: flex;
    flex-wrap: wrap;
}



.storeFrontFiltersContainer {
    width: 90%;
    margin-left: 40px;
    padding-bottom: 20px;
}

    .storeFrontFiltersContainer h2 {
        font-size: 10pt;
        color: var(--color-font-dark-grey);
    }

.storeFrontOrderHistoryContainer table.storeFrontGrid {
    margin-left: 40px;
}

.storeFrontUnauthorisedMessage {
    padding: 20px;
    min-height: 100px;
}

.storeFrontOrderDetailsModal {
    padding: 0px;
}

table.storeFrontOrderDetailsModal {
    padding: 0px;
    font-size: 12px !important;
}

.storeFrontOrderDetailsModalProducts {
    max-height: 370px;
    overflow: auto;
    font-size: 12px !important;
}

.storeFrontOrderDetailsModalHeader {
    font-size: 12px !important;
    padding: 10px;
}

    .storeFrontOrderDetailsModalHeader h2 {
        margin-top: 0px;
    }

.storeFrontOrderDetailsModalOrderInfo {
    font-size: 13px !important;
}

    .storeFrontOrderDetailsModalOrderInfo th {
        text-align: left;
    }

.storeFrontOrderDetailsModalAddresses {
    padding: 10px;
    border-bottom: solid 1px #eee;
}

table.storeFrontOrderDetailsModalAddresses {
    color: var(--color-font-dark-grey);
    padding: 0px;
    border: none;
    width: 100%;
    font-size: 12px !important;
}

    table.storeFrontOrderDetailsModalAddresses th {
        text-align: left;
        color: var(--color-font-dark-grey);
        width: 50%;
        font-size: larger;
    }

.storeFrontOrderDetailsModalNotes {
    padding: 10px;
    border-bottom: solid 1px #eee;
}

table.storeFrontOrderDetailsModalNotes {
    color: var(--color-font-dark-grey);
    padding: 0px;
    border: none;
}

    table.storeFrontOrderDetailsModalNotes th {
        text-align: left;
        color: var(--color-font-dark-grey);
    }

.storeFrontOrderDetailsModalProducts {
    color: var(--color-font-dark-grey);
    padding: 10px;
}

    .storeFrontOrderDetailsModalProducts .storeFrontGrid {
    }

        .storeFrontOrderDetailsModalProducts .storeFrontGrid th {
            color: var(--color-font-dark-grey);
        }

.storeFrontOrderInvoicesContainer {
    background-color: #fff;
    padding: 10px;
}

.storeFrontOrderInvoicesFooter {
    text-align: center;
    margin-top: 10px;
    padding-top: 10px;
    border-top: solid 1px #eee;
}

.storeFrontOrderInvoicesDetails {
}

    .storeFrontOrderInvoicesDetails .storeFrontGrid td {
        border: none;
    }

table.storeFrontGrid tr.storeFrontOrderInvoiceDetailsFooter td {
    border-bottom: none;
    text-align: right;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}

.storeFrontOrderInvoicesDetailsSectionDivide {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

.storeFrontOrderManagementContainer {
    background: #fff;
}

.storeFrontCurrentOrdersContainer {
    padding-top: 10px;
}

    .storeFrontCurrentOrdersContainer .storeFrontGrid {
        width: 100%;
    }

        .storeFrontCurrentOrdersContainer .storeFrontGrid th {
            padding: 0px;
        }

        .storeFrontCurrentOrdersContainer .storeFrontGrid td {
            padding: 5px;
        }


    .storeFrontCurrentOrdersContainer .storeFrontModalContent .storeFrontGrid td {
        border-bottom: none;
    }

.storeFrontOrderManagementContainer .storeFrontFiltersContainer {
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
    margin-left: 0px;
    width: 100%;
}

.storeFrontOrderManagementContainer .storeFrontOrderHistoryContainer .storeFrontGrid {
    width: 100%;
    margin-left: 0px;
}

.storeFrontOrderManagementContainer .storeFrontFiltersContainer .storeFrontGrid td {
    border: none;
}

.storeFrontInvoiceCreditsContainer_Invoices {
    padding-top: 10px;
}

    .storeFrontInvoiceCreditsContainer_Invoices .storeFrontGrid {
        width: 100%;
    }

    .storeFrontInvoiceCreditsContainer_Invoices .storeFrontFiltersContainer {
        border-top: solid 1px #eee;
        border-bottom: solid 1px #eee;
        margin-left: 0px;
        width: 100%;
    }

.storeFrontInvoiceCreditsContainer_Credits {
    padding-top: 10px;
    position: relative;
}

    .storeFrontInvoiceCreditsContainer_Credits .storeFrontGrid {
        width: 100%;
    }

    .storeFrontInvoiceCreditsContainer_Credits .storeFrontFiltersContainer {
        border-top: solid 1px #eee;
        border-bottom: solid 1px #eee;
        margin-left: 0px;
        width: 100%;
    }

.storeFrontInvoiceCreditsModalContainer .storeFrontModalHeader .storeFrontGrid {
    width: 100%;
}

    .storeFrontInvoiceCreditsModalContainer .storeFrontModalHeader .storeFrontGrid th {
        padding: 0px;
        padding-right: 10px;
    }

    .storeFrontInvoiceCreditsModalContainer .storeFrontModalHeader .storeFrontGrid td {
        padding: 0px;
    }

.storeFrontOrderManagementAssetsContainer {
    padding-top: 10px;
}

    .storeFrontOrderManagementAssetsContainer .storeFrontGrid {
        width: 100%;
    }

    .storeFrontOrderManagementAssetsContainer .storeFrontFiltersContainer {
        border-top: solid 1px #eee;
        border-bottom: solid 1px #eee;
        margin-left: 0px;
        width: 100%;
    }

    .storeFrontOrderManagementAssetsContainer .storeFrontGridFooter {
        text-align: center;
    }


.storeFrontQuickOrderContainer {
    background-color: #fff;
    width: 100%;
}

    .storeFrontQuickOrderContainer .storeFrontGrid {
        width: 100%;
    }

        .storeFrontQuickOrderContainer .storeFrontGrid input[type=text] {
            width: 120px !important;
        }

    .storeFrontQuickOrderContainer .storeFrontFormActions {
        text-align: right;
        padding-top: 10px;
        padding-right: 75px;
    }

.storeFrontSubAccountsContainer {
    background: #fff;
}

    .storeFrontSubAccountsContainer .storeFrontGrid {
        margin-left: 40px;
    }

    .storeFrontSubAccountsContainer .storeFrontFormActions {
        text-align: right;
        padding-top: 10px;
        padding-right: 85px;
    }

    .storeFrontSubAccountsContainer .storeFrontForm input {
        width: 200px !important;
    }

#storeFrontSubAccountCreditLimits table.storeFrontGrid td {
    border-bottom: none !important;
}

.storeFrontAccountOverviewContainer {
    background-color: #ffffff;
    color: var(--color-font-dark-grey);
    padding: 20px;
}

    .storeFrontAccountOverviewContainer th {
        text-align: right;
        padding: 10px;
    }

    .storeFrontAccountOverviewContainer td {
        margin-left: 10px;
    }

.storeFrontChangeLoginDetailsContainer {
    background: #fff;
    padding: 20px;
}

    .storeFrontChangeLoginDetailsContainer h2 {
        color: var(--color-font-dark-grey);
        font-size: 12pt;
        margin-left: 30px;
        margin-right: 30px;
        border-bottom: solid 1px #666;
    }

    .storeFrontChangeLoginDetailsContainer h4 {
        color: var(--color-font-dark-grey);
        font-size: 10pt;
        margin-left: 30px;
        font-weight: bold;
    }

    .storeFrontChangeLoginDetailsContainer .storeFrontFormActions {
        margin-left: 30px;
        margin-top: 20px;
        width: 40%;
        text-align: right;
    }

.storeFrontAccountOverviewHeadings {
    padding-top: 20px;
    padding-left: 20px;
}

.storeFrontFormActions input[type=submit] {
    background-color: #0093b4;
}

.storeFrontChangeLoginDetailsContainer .storeFrontGrid th {
    color: var(--color-font-dark-grey);
    text-align: right;
    width: 200px;
}

.storeFrontChangeLoginDetailsContainer .storeFrontGrid td {
    border-bottom: none;
    width: 200px;
}

    .storeFrontChangeLoginDetailsContainer .storeFrontGrid td input[type=text] {
        width: 200px !important;
    }

    .storeFrontChangeLoginDetailsContainer .storeFrontGrid td input[type=password] {
        width: 200px !important;
    }

.storeFrontChangeLoginDetailsContainer input[type=text], .storeFrontChangeLoginDetailsContainer input[type=password] {
    width: 220px;
    height: 25px;
    border: 1px solid #c8c8c8;
    background-color: #ffffff;
}

.storeFrontChangeLoginDetailsContainer input[type=submit] {
    width: 206px;
    height: 34px;
    font-weight: bold;
    background-color: #575755;
    font-family: 'Open Sans', sans-serif,Arial;
}

    .storeFrontChangeLoginDetailsContainer input[type=submit]:hover {
        background-color: #009ee2;
    }

.storeFrontChangeLoginDetailsButton {
    text-align: right;
    width: 500px;
}

.storeFrontPriceListContainer {
    background: #fff;
}

.storeFrontPriceListContent {
    padding-left: 30px;
}

.storeFrontPriceListContainer .storeFrontFiltersContainer {
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
    margin-left: 0px;
    padding-top: 20px;
    width: 100%;
    color: var(--color-font-dark-grey);
    margin-bottom: 10px;
}

.storeFrontPriceListContainer .storeFrontPriceListContent .storeFrontGrid {
    width: 97%;
}

.storeFrontPriceListContainer .storeFrontFiltersContainer .storeFrontGrid td {
    border: none;
}

.storeFrontMyAccountContainer {
    background: #fff;
}

.storeFrontRegistrationPageContainer {
    background-color: #fff;
    padding: 10px;
}

    .storeFrontRegistrationPageContainer .storeFrontForm input {
        width: 250px;
    }

    .storeFrontRegistrationPageContainer .storeFrontForm select {
        width: 258px;
    }

    .storeFrontRegistrationPageContainer .storeFrontForm textarea {
        width: 252px;
    }

.storeFrontForm textarea {
    margin-left: 5px;
}

.storeFrontRegistrationPageContainer .storeFrontForm input[type=checkbox] {
    width: 20px;
}

.storeFrontConfigurationQuotesContainer {
    background: #fff;
}

    .storeFrontConfigurationQuotesContainer .storeFrontGrid {
        margin-left: 40px;
        margin-top: 10px;
    }

        .storeFrontConfigurationQuotesContainer .storeFrontGrid td.Specs {
            border-bottom: none;
        }

.storeFrontCheckBoxTextFullWidth label {
    width: 100%;
    display: inline;
    margin-left: 5px;
}

.storeFrontResetPasswordForm {
    width: 100%;
    min-height: 200px;
}


    .storeFrontResetPasswordForm table {
        margin: auto;
    }

.storeFrontResetPasswordFormInner th {
    color: var(--color-font-dark-grey);
    font-family: 'Open Sans', sans-serif,Arial;
    font-size: 10pt;
    padding-bottom: 10px;
}

.storeFrontResetPasswordFormInner input[type=submit] {
    height: 35px;
    border: solid 0px #666;
    background: #0093b4;
    color: #fff;
    margin: 3px;
    background-image: url(/xmaimages/checkout-button-arrow.png);
    background-repeat: no-repeat;
    background-position: right;
    text-align: left;
    padding-left: 7px;
    padding-bottom: 2px;
    padding-right: 25px;
    cursor: pointer;
    border-radius: 3px;
    font-family: 'Open Sans', sans-serif,Arial;
    font-size: 11pt;
}

.storeFrontResetPasswordForm p {
    padding: 10px;
}

.storeFrontResetPasswordErrorText {
    color: #ff0000;
    text-align: center;
}

.storeFrontErrorText {
    color: #ff0000;
}

.Prev {
    line-height: 40px !important;
    font-size: 11pt !important;
    background-color: #575755 !important;
    font-family: 'Open Sans', sans-serif,Arial;
}

    .Prev:hover {
        cursor: pointer;
        background-color: #009ee2 !important;
    }

.Next {
    padding-left: 15px !important;
    padding-right: 15px !important;
    line-height: 40px !important;
    font-size: 11pt !important;
    float: right;
    background-color: #d86942 !important;
    font-family: 'Open Sans', sans-serif,Arial;
    width: 230px !important;
}

    .Next:hover {
        cursor: pointer;
        background-color: #c3491f !important;
    }

.PayPal {
    margin-top: 20px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    line-height: 40px !important;
    font-size: 11pt !important;
    float: right;
    background-color: white !important;
    font-family: 'Open Sans', sans-serif,Arial;
    border: 1px solid;
    width: 100% !important;
    border-color: black;
}

.PayPalAlt {
    margin-left: 8px;
    height: 33px;
    line-height: 40px !important;
    font-size: 11pt !important;
    float: right;
    background-color: white !important;
    font-family: 'Open Sans', sans-serif,Arial;
    border: 1px solid;
    width: 350px !important;
    border-color: black;
}

.PayPal:hover {
    cursor: pointer;
    background-color: #c6dcdd !important;
}

.PayPalAlt:hover {
    cursor: pointer;
    background-color: #c6dcdd !important;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.MustAcceptTerms {
    padding-bottom: 20px;
    color: #ff0000;
}

.FindAddressButton {
    width: 98px;
    line-height: 27px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

    .FindAddressButton:hover {
        cursor: pointer;
        background: #0093b4;
    }

.SideMenu {
    background-color: #ffffff;
    padding: 10px;
    font-weight: bold;
}

::-webkit-input-placeholder {
    font-style: italic;
    color: #a7a9ac;
}

:-moz-placeholder {
    font-style: italic;
    color: #a7a9ac;
}

::-moz-placeholder {
    font-style: italic;
    color: #a7a9ac;
}

:-ms-input-placeholder {
    font-style: italic;
    color: #a7a9ac;
}

.linkText {
    color: #0093b4 !important;
    font-weight: bold;
}

/*** End Common.css ***/

.ContactInfoBox {
    text-align: center;
    padding: 15px;
    background-color: var(--color-light-grey-background);
    border: #666666 1px solid;
}

    .ContactInfoBox img {
        margin-bottom: 15px;
        max-width: 160px;
    }

.ContactInfoBoxText {
    font-family: 'Open Sans', sans-serif,Arial;
}

.ContactInfoBox span {
    color: var(--color-font-dark-grey);
}


.CookieMessage {
    position: relative;
    top: 0px;
    width: 100%;
    padding: 10px 0px;
    background-color: #0093b4;
    display: none;
}

    .CookieMessage span {
        color: #ffffff;
        font-family: 'Open Sans', sans-serif,Arial;
    }

    .CookieMessage a, #CookieMessageClose {
        color: #ffffff !important;
        font-weight: bold;
        font-family: 'Open Sans', sans-serif,Arial;
    }

.storeFrontLoginPleaseWait {
    background-color: #ffffff;
    border: 2px solid #666666;
    text-align: center;
    padding: 20px;
    width: 380px;
    margin: 0 auto;
}

.ShopHeaderGrey {
    background-color: #7f7f7f;
    box-sizing: border-box;
    padding: 20px;
}

    .ShopHeaderGrey span {
        font-family: 'Open Sans', sans-serif,Arial;
        font-size: 22pt;
        color: #ffffff;
        display: block;
    }

.ContactUs14 {
    font-family: 'Open Sans', sans-serif,Arial;
    font-size: 14pt;
    font-weight: normal;
    color: var(--color-font-dark-grey);
    margin: 0px;
    line-height: 2 !important;
}

.ContactUsAddress {
    float: left;
    padding: 20px 10px;
    box-sizing: border-box;
    width: 50%;
}

.ContactUsBlock {
    box-sizing: border-box;
    float: left;
}

/* Upsell Box */

.UpsellBoxArea {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    background-image: url('/xmaImages/shade.png');
    overflow: auto;
}

.UpsellBoxInner {
    margin: 50px auto;
    min-width: 350px;
    max-width: 750px;
    border: 0px solid #666666;
}

    .UpsellBoxInner table {
        background-color: #ffffff;
        border: 1px solid #666666;
    }


.UpsellBoxCross {
    background-image: none !important;
    background-color: transparent !important;
    width: 20px !important;
    height: 20px !important;
    float: right;
    font-weight: bold;
    padding: 0px !important;
    margin: 0px !important;
    color: black !important;
    font-size: 18px !important;
}

.ContinueShopping {
    font-size: 12pt !important;
    background-color: #bdc666 !important;
    background-image: none !important;
    font-family: 'Open Sans', sans-serif,Arial;
    width: 200px !important;
    font-weight: bold;
    line-height: 40px;
    text-align: center !important;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
}

    .ContinueShopping:hover {
        background-color: #a2aa55 !important;
    }

.ContinueShoppingLink {
    color: #0093b4 !important;
    background-color: #fff !important;
    text-decoration: underline;
    text-transform: none !important;
}

.UpsellBoxMain {
    padding: 10px;
}

.AccessoriesBoxImage {
    text-align: center;
}

    .AccessoriesBoxImage input[type=image], .UpsellBoxImage img {
        max-width: 100px;
        max-height: 100px;
        width: 50px;
        margin: 7px;
    }

.UpsellBoxImage {
    text-align: center;
}

    .UpsellBoxImage input[type=image], .UpsellBoxImage img {
        max-width: 100px;
        max-height: 100px;
    }

.UpsellBoxMainInfo {
    display: inline-block;
    vertical-align: top;
    margin: 0px 10px;
    width: 100%;
}

.AccessoriesRelatedProducts {
    display: flex;
}

.AccessoriesBoxRelatedProducts {
    overflow: hidden;
    white-space: initial;
    width: 350px;
    margin: auto;
}

.UpsellBoxRelatedProducts {
    height: 305px;
    overflow: hidden;
    display: inline-block;
    white-space: initial;
}

.UpsellBoxRelatedProductsSlide {
    height: 305px;
    width: 2000px;
    text-align: left;
    position: relative;
}

.UpsellBoxRelatedProductsHeader {
    font-weight: bold;
}

.UpsellBoxRelatedProductsScroll {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 305px;
}

    .UpsellBoxRelatedProductsScroll img {
        top: 60px;
        position: relative;
    }

        .UpsellBoxRelatedProductsScroll img:hover {
            cursor: pointer;
        }


.UpsellBoxRelatedProducts input[type=submit]:hover {
    cursor: pointer;
}


.UpsellBoxRelatedProducts input[type=text] {
    width: 30px;
    height: 22px;
    font-size: 9pt;
    margin-top: 0px;
    text-align: center;
}


.AccessoriesRelatedProductItem {
    display: inline-block;
    vertical-align: top;
    width: 160px;
    height: 305px;
    display: flex;
}

    .AccessoriesRelatedProductItem h2 {
        font-weight: bold;
        font-size: 9pt;
        margin-bottom: 4px;
        color: var(--color-font-dark-grey) !important;
    }

.UpsellBoxRelatedProductItem {
    display: inline-block;
    vertical-align: top;
    width: 160px;
    height: 305px;
    padding: 5px;
}

    .UpsellBoxRelatedProductItem h2 {
        font-weight: bold;
        font-size: 9pt;
        margin-bottom: 4px;
        color: var(--color-font-dark-grey) !important;
    }

.UpsellBoxRelatedProductsConfirm {
    height: 15px;
    color: #ff0000;
}

.iframeLoading {
    background: url(/xmaimages/spinner.gif) center top no-repeat;
    background-color: #ffffff;
}

.ConfigPanel_Teal {
    padding: 35px 10px;
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif,Arial;
    width: 200px;
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: #0093b4;
    float: left;
}

.ConfigPanel_Pink {
    padding: 35px 10px;
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif,Arial;
    width: 200px;
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: #d0b7cd;
    float: left;
}

.ConfigPanel_Yellow {
    padding: 35px 10px;
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif,Arial;
    width: 200px;
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: #bdc666;
    float: left;
}


.ConfigPanel_Orange {
    padding: 35px 10px;
    font-size: 30px;
    color: #ffffff;
    text-align: center;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif,Arial;
    width: 200px;
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: #D86942;
    float: left;
}

/* Calendar */

#ui-datepicker-div {
    background-color: #fbfbfb;
    padding: 10px;
    border: #eeeeee 1px solid;
    font-family: 'Open Sans', sans-serif,Arial;
    color: var(--color-font-dark-grey);
    z-index: 9999 !important;
}

.ui-datepicker-title {
    text-align: center;
}

.ui-datepicker-calendar {
    font-size: 14px !important
}

    .ui-datepicker-calendar td {
        text-align: center;
        padding: 5px;
    }

.ui-datepicker-current-day {
    font-weight: bold;
    background-color: #0093b4;
}

.ui-state-active {
    color: #ffffff !important;
}

.ui-datepicker-prev {
    background-image: url(/xmaimages/blue-single-arrow-back.png);
    background-repeat: no-repeat;
    background-position: left;
    cursor: pointer;
}

.ui-datepicker-next {
    float: right;
    background-image: url(/xmaimages/blue-single-arrow-forward.png);
    background-repeat: no-repeat;
    background-position: right;
    cursor: pointer;
}

.ui-icon-circle-triangle-w {
    visibility: hidden;
}

.ui-icon-circle-triangle-e {
    visibility: hidden;
}

.xma_date {
    text-align: center;
    font-family: 'Open Sans', sans-serif;
}

.DEPBox {
    border: 2px solid #59c140;
    background-color: #e9fbe4;
}

.DEPCheckBox {
    padding: 10px;
    font-size: 11pt;
    width: 100%;
}

    .DEPCheckBox input[type="checkbox"] {
        display: none;
    }

        .DEPCheckBox input[type="checkbox"] + label {
            background: url(/xmaimages/unchecked.png) left top no-repeat;
            display: inline-block;
            padding-bottom: 3px;
            margin: -1px 4px 0 0;
            font-size: 11pt;
            vertical-align: middle;
            padding-left: 23px;
        }

        .DEPCheckBox input[type="checkbox"]:checked + label {
            background: url(/xmaimages/checked.png) left top no-repeat;
        }

.DEPMessageBox {
    padding: 5px 10px;
    margin: 10px 0;
}

    .DEPMessageBox p {
        margin: 0;
    }

/* Serial Number Search */
.storeFrontSerialSearch {
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 15px;
}

    .storeFrontSerialSearch table {
        font-family: 'Open Sans', sans-serif;
        font-size: 10pt;
        font-weight: normal;
        color: var(--color-font-dark-grey);
        margin: 0px;
        line-height: 20px !important;
    }

    .storeFrontSerialSearch th {
        font-weight: bold;
        padding-right: 20px;
        text-align: left !important;
        vertical-align: top;
    }

.SearchArea input[type=submit] {
    height: 32px;
    border: solid 0px #666;
    background: #0093b4;
    color: #fff;
    background-image: url(/xmaimages/checkout-button-arrow.png);
    background-repeat: no-repeat;
    background-position: right;
    text-align: left;
    padding-left: 7px;
    padding-bottom: 2px;
    padding-right: 25px;
    cursor: pointer;
    border-radius: 3px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10pt;
}

.SearchArea input[type=text] {
    height: 25px;
}

.SearchArea label {
    font-family: 'Open Sans', sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: var(--color-font-dark-grey);
    margin: 0px;
    line-height: 20px !important;
}

.storeFrontModalSerialNumbers {
    margin: auto auto;
    top: 200px;
    width: 900px;
    background-color: #fff;
    position: relative;
    border: 2px solid #3691b2;
}

    .storeFrontModalSerialNumbers table {
        padding-bottom: 10px;
    }

    .storeFrontModalSerialNumbers th {
        text-align: center !important;
    }

    .storeFrontModalSerialNumbers tr {
        text-align: center !important;
    }

    .storeFrontModalSerialNumbers h2 {
        font-size: 12pt;
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 2px;
        text-align: center;
    }

.test-environment-warning {
    font-size: 2.25em;
    padding: .5em;
    box-shadow: 0px 0.12em 0.93em 0px rgba(0,0,0,0.75);
}

.test-environment-warning {
    font-size: 1.5em;
    line-height: 1em;
    text-align: center;
    color: #fff;
    background-color: rgba(255, 88, 0, 0.8);
    padding: .75em;
    margin: 0;
}

.activate-user-form {
    width: 100%;
    min-height: 200px;
    height: 350px;
}

.activate-user-box {
    width: 430px;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
    vertical-align: middle;
    color: var(--color-font-dark-grey);
}

.activate-user-box-info {
    padding-top: 10px;
    padding-left: 10px;
}

.activate-user-box input {
    margin-bottom: 6px;
}

    .activate-user-box input[type=text], .activate-user-box input[type=password] {
        width: 220px;
        height: 25px;
        border: 1px solid #c8c8c8;
        background-color: #ffffff;
    }

    .activate-user-box input[type=submit] {
        width: 224px;
        height: 34px;
        border-radius: 2px;
        font-weight: bold;
        font-family: segoe ui;
        background-color: #bdc666;
        font-size: 15px;
    }

        .activate-user-box input[type=submit]:hover {
            background-color: #a2aa55;
        }

.activate-user-message-div {
    border: solid 1px silver;
    margin: 10px 0;
}

.activate-user-message {
    padding: 5px;
    text-align: center;
}

.hoverTab {
    display: table-cell;
    cursor: pointer;
}

.account-recovery-button-container {
    padding-top: 30px;
    padding-bottom: 30px;
}

.account-recovery-backlink-container {
    padding-bottom: 20px;
    padding-top: 10px;
    text-align: center;
}

.account-recovery-button {
    color: #fff !important;
    line-height: 30px;
    background-color: #575755;
    font-size: 10pt;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .account-recovery-button:hover {
        background-color: #009ee2;
        color: #fff;
    }

.account-recovery-backlink {
    margin-top: 40px;
    background-color: #fff !important;
    text-transform: none !important;
    font-size: 15px;
    text-decoration: underline;
}

    .account-recovery-backlink:hover {
        text-decoration: underline;
    }

.recovery-type-options ul {
    list-style-type: none;
    padding-left: 0px;
    padding-bottom: 4px;
}

.recovery-type-options li {
    padding-bottom: 5px;
}

.recovery-type-options:hover {
    cursor: pointer;
}

#accountRecoveryPanel {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
}

#rblAccountRecoveryOptions {
    list-style: none;
}

.recoveryInfo {
    padding-bottom: 10px;
}

.account-recovery-box input[type=text], .account-recovery-box input[type=password] {
    width: 100%;
    height: 25px;
    border: 1px solid #c8c8c8;
    background-color: #ffffff;
}

.account-recovery-box {
    width: 380px;
    background-color: #fff !important;
    margin-top: 100px;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    color: var(--color-font-dark-grey);
    border-color: #d3d3d3;
    border-style: solid;
    border-width: 2px;
}

    .account-recovery-box input[type=submit] {
        width: 100%;
        margin-top: 20px;
        color: #fff;
        line-height: 30px;
        width: 224px;
        background-color: #575755;
        font-size: 10pt;
    }

        .account-recovery-box input[type=submit]:hover {
            background-color: #009ee2;
            color: #fff;
        }

.recovery-type-options label {
    padding-left: 4px;
}

    .recovery-type-options label:hover {
        cursor: pointer;
    }

.recovery-type-options input:hover {
    cursor: pointer;
}

.selector-btn {
    padding: 10px;
    margin-left: 20px;
    margin-right: 20px;
    border-width: medium;
}



/* promo popup */

.storefront-product-promo-wide {
    margin-left: 50px;
}

.promoContainer {
    display: flex;
    display: -webkit-flex;
    border: 3px solid rgb(238, 238, 238);
}

p {
    margin-bottom: auto;
    margin-top: auto;
    margin-left: 10px;
}

    p > img {
        cursor: pointer;
    }


.promo-info-icon {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
}

p1 {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-right: 10px;
}

.modal {
    display: none;
    background-color: transparent;
    transition: all 0.25s ease;
}

button {
    cursor: pointer;
    outline: none;
}

.modal.open {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 200;
}

.modal .content-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 50%;
    margin: 0;
    padding: 2.5rem;
    background-color: white;
    border-radius: 0.3125rem;
    box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.5);
}

    .modal .content-wrapper .close {
        position: absolute;
        top: 0.5rem;
        right: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem;
        border: none;
        background-color: transparent;
        font-size: 1.5rem;
        transition: 0.25s linear;
    }

        .modal .content-wrapper .close:before, .modal .content-wrapper .close:after {
            position: absolute;
            content: '';
            width: 1.25rem;
            height: 0.125rem;
            background-color: black;
        }

        .modal .content-wrapper .close:before {
            transform: rotate(-45deg);
        }

        .modal .content-wrapper .close:after {
            transform: rotate(45deg);
        }

        .modal .content-wrapper .close:hover:before, .modal .content-wrapper .close:hover:after {
            background-color: tomato;
        }

    .modal .content-wrapper .modal-header {
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: 0;
        padding: 0 0 1.25rem;
    }

        .modal .content-wrapper .modal-header h2 {
            font-size: 1.5rem;
            font-weight: bold;
        }

    .modal .content-wrapper .content {
        position: relative;
        display: flex;
        margin-right: auto;
    }

        .modal .content-wrapper .content p {
            font-size: 0.875rem;
            line-height: 1.75;
        }

    .modal .content-wrapper .modal-footer {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 100%;
        margin: 0;
        padding: 1.875rem 0 0;
    }

        .modal .content-wrapper .modal-footer > button {
            margin-left: 0.625rem;
            padding: 0.625rem 1.25rem;
            border: none;
            background-color: slategray;
            color: white;
            font-size: 0.87rem;
            font-weight: 300;
        }

            .modal .content-wrapper .modal-footer > button:first-child {
                background-color: #2ecc71;
            }

            .modal .content-wrapper .modal-footer > button:last-child {
                background-color: #009ee2;
            }




/* Accessories box */
.accessories-box-main {
    padding: 10px;
}

.accessories-box-image {
    width: 100px;
    height: 100px;
    padding: 15px;
    text-align: center;
}

    .accessories-box-image input[type=image], .accessories-box-image img {
        max-width: 100px;
        max-height: 100px;
    }

.accessories-box-main-info {
    display: inline-block;
    vertical-align: top;
    width: 420px;
}

.accessories-box-related-products {
    height: 360px;
    width: 850px;
    overflow: hidden;
    display: inline-block;
}

.accessories-box-related-products-slide {
    height: 350px;
    width: 2000px;
    text-align: left;
    position: relative;
}

.accessories-box-related-products-header {
    font-size: 14pt;
    color: #8A949F;
    padding: 10px;
}

.accessories-box-related-products-scroll {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 360px;
}



    .accessories-box-related-products-scroll img {
        top: 150px;
        position: relative;
    }

        .accessories-box-related-products-scroll img:hover {
            cursor: pointer;
        }

.accessories-box-related-products input[type=submit] {
    width: 140px !important;
    background-color: #d86942 !important;
    color: #fff !important;
    height: 29px !important;
    margin-top: 0px !important;
}

    .accessories-box-related-products input[type=submit]:hover {
        cursor: pointer;
        background-color: #c25630 !important;
    }

.accessories-box-related-products input[type=text] {
    width: 30px;
    height: 22px;
    font-size: 9pt;
    margin-top: 0px;
    text-align: center;
}

.accessories-box-related-product-item {
    display: inline-block;
    vertical-align: top;
    width: 140px;
    height: 360px;
    padding-right: 35px;
    padding-bottom: 35px;
    padding-left: 35px;
}

    .accessories-box-related-product-item h2 {
        font-weight: bold;
        font-size: 9pt;
        margin-bottom: 4px;
        color: var(--color-font-dark-grey) !important;
        text-align: center;
    }

.accessories-box-related-products-confirm {
    height: 15px;
    color: #ff0000;
}

.product-details-body {
    width: auto;
    margin-left: 50px;
    margin-right: 50px;
}

.accessories-box-product-code {
    font-size: 1.0em;
    color: var(--color-font-dark-grey);
    margin-top: 10px;
    text-align: center;
    height: 20px;
}

.accessories-box-product-price {
    border-top-style: solid;
    border-top-color: #e0d7d7;
    border-top-width: 1px;
    padding-top: 5px;
    font-size: 1.4em;
    color: var(--color-font-blue);
    padding-bottom: 10px;
    white-space: nowrap;
    bottom: 0px;
    position: absolute;
}

.accessories-box-product-title {
    text-align: center;
}



.accessories-box-img-frame {
    width: 160px;
    white-space: nowrap;
    text-align: center;
}

.accessories-box-img-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.accessories-box-img {
    vertical-align: middle;
    max-height: 200px;
    max-width: 160px;
    outline: none;
}

.added-to-favourites-button {
    text-align: center !important;
    background-color: var(--color-add-to-favourites-button-hover) !important;
    color: var(--color-secondary-button-font) !important;
    border: 2px solid var(--color-button) !important;
    padding: 5px 13px !important;
    margin-top: 5px !important;
    text-decoration: none !important;
    -webkit-transition: background !important;
    transition: background !important;
    white-space: normal;
}

    .added-to-favourites-button:hover {
        cursor: pointer !important;
        background-color: #ffffff !important;
    }


.add-to-favourites:hover {
    cursor: pointer
}

.add-to-favourites {
    color: lightgray;
    --fa-pull-margin: 4em;
    --fa-border-width: 2px;
    float: right;
    margin-top: 5px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    height: 39px;
}

.add-to-favourites-ico {
    float: right;
    font-size: 24px;
    width: 100%;
}

.add-to-favourites-button {
    text-align: center !important;
    background-color: var(--color-secondary-button) !important;
    color: var(--color-secondary-button-font) !important;
    border: 2px solid var(--color-button) !important;
    padding: 5px 13px !important;
    margin-top: 5px !important;
    text-decoration: none !important;
    -webkit-transition: background !important;
    transition: background !important;
    white-space: normal;
}

    .add-to-favourites-button:hover {
        cursor: pointer !important;
        background-color: var(--color-add-to-favourites-button-hover) !important;
    }

.add-to-basket-more-button {
    width: 100%;
    text-align: center;
    color: #fff;
    border: none;
    margin-top: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    font: 16px sans-serif;
    background: #059fe3;
    text-decoration: none;
    -webkit-transition: background;
    transition: background;
}

    .add-to-basket-more-button:hover {
        cursor: pointer;
        background: #0096d5;
    }

    .add-to-basket-more-button:visited {
        color: #fff;
    }


.AddToBasketLogin {
    font-size: 12pt !important;
    background: #d86942 !important;
    background-image: none !important;
    font-family: 'Open Sans', sans-serif,Arial;
    color: #fff;
    line-height: 37px;
    text-align: center !important;
    margin-top: 4px;
    margin-bottom: 0px;
}

    .AddToBasketLogin:hover {
        cursor: pointer;
        background-color: #c3491f !important;
    }

.AddtoBasketLoginorRegister {
    font-size: 8.5pt;
    color: #4978a0;
    text-align: center;
    width: 200px;
    margin-bottom: 5px;
    padding-left: 7px;
}


.add-to-basket-quantity {
    font-size: 9pt !important;
    padding-top: 2px !important;
    width: 17.5% !important;
    height: 32px !important;
    border: solid 1px #a7a9ac !important;
    background-color: #fff !important;
    position: relative;
    margin-bottom: 2px;
    color: var(--color-font-dark-grey) !important;
    text-align: center;
    margin-right: 3px;
}

.btn-type-a {
    width: auto;
    color: #fff;
    line-height: 40px;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 10pt;
    background-color: #575755;
}

    .btn-type-a:hover {
        background-color: #009ee2;
        color: #fff;
    }

/* account registration page */
.new-account-thank-you {
    border: solid 1px silver;
    margin: 10px 0;
}

.new-account-heading {
    padding-bottom: 20px;
    margin-left: 140px;
}

.new-account-label {
    padding-left: 4px;
}

.new-account-checkbox {
    padding-left: 4px;
}

.new-account-recaptcha {
    padding-top: 30px;
    padding-bottom: 20px;
}

.new-account-cbx-lbl {
    padding-top: 3px;
    position: absolute;
    width: 300px;
}

.product-benefits-ul {
    list-style: disc;
    padding-left: 30px;
}

    .product-benefits-ul li {
        padding-bottom: 15px;
    }

.pdp-txt {
    font-size: 14px;
    color: var(--color-font-dark-grey);
}

.registerFormButton {
    border: 0;
    background-color: #575755;
    color: #fff !important;
    margin: 3px;
    font-size: 10pt;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}

    .registerFormButton:hover {
        background-color: #009ee2 !important;
        color: #ffffff !important;
    }

/* footer */

.footer, .footer button {
    font-family: var(--font-family-default)
}

.footer {
    clear: both;
    width: 100%;
    border-top: 1px solid #ededed;
    padding-top: 30px
}

@media only screen and (max-width:479px) {
    .footer {
        padding-top: 15px
    }
}

.footer .block-title, .footer address {
    color: var(--color-font-dark-grey)
}

.footer .links {
    float: left;
    width: 25%;
    padding: 0 30px 0 0;
    margin-bottom: 30px
}

    .footer .links li {
        word-break: break-all;
        line-height: 1.4;
        padding: 4px 0;
        text-transform: var(--text-transform-none);
        font-size: 12px;
    }



    .footer .links .block-title {
        border-top: 0
    }

@media only screen and (max-width:1199px) {
    .footer .links {
        width: 22.65625%;
        padding-right: 0;
        margin-right: 3.125%
    }

        .footer .links .block-title {
            border-top: 1px solid #ededed
        }

        .footer .links:nth-child(5) {
            margin-right: 0
        }
}

@media only screen and (max-width:599px) {
    .footer .links {
        width: 48.4375%;
        margin-right: 0
    }

        .footer .links:nth-child(2n) {
            margin-right: 3.125%;
            clear: both
        }
}

.ft-logos {
    clear: both;
    overflow: hidden;
    text-align: center
}

    .ft-logos li {
        display: inline-block;
        margin: 0 10px
    }

.ft-copyright {
    text-align: center;
    width: 100%;
    font-size: 14px;
    padding: 10px 0;
}




/* carousel */


.embla {
    overflow: hidden;
}

.embla__container {
    display: flex;
}

.embla__slide {
    position: relative;
    flex: 0 0 100%;
}

.embla {
    position: relative;
    padding-top: 0px;
    margin-left: auto;
    margin-right: auto;
}

.embla__slide__img {
    position: relative;
    padding-top: 0px;
    margin-left: auto;
    margin-right: auto;
}

.embla__button {
    outline: 0;
    cursor: pointer;
    background-color: transparent;
    touch-action: manipulation;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
    fill: #f1f1f1;
    padding: 0;
}

    .embla__button:disabled {
        cursor: default;
        opacity: 0.3;
    }

.embla__button__svg {
    width: 100%;
    height: 100%;
}

.embla__button--prev {
    left: 27px;
}

.embla__button--next {
    right: 27px;
}

.embla__dots {
    display: flex;
    list-style: none;
    justify-content: center;
    padding-top: 10px;
}

.embla__dot {
    background-color: transparent;
    cursor: pointer;
    position: relative;
    padding: 0;
    outline: 0;
    border: 0;
    width: 30px;
    height: 30px;
    margin-right: 7.5px;
    margin-left: 7.5px;
    display: flex;
    align-items: center;
}

    .embla__dot:after {
        width: 100%;
        height: 4px;
        border-radius: 2px;
        content: "";
    }

    .embla__dot.is-selected:after {
        opacity: 1;
    }



/* Promo cards */

.product-card {
    display: table-cell;
}

.product-card {
    min-width: 250px;
    color: var(--color-font-blue);
}

    .product-card > a:hover {
        text-decoration: none;
    }

.product-card-flex {
    margin-top: 30px;
    margin-left: 15px;
    margin-right: 15px;
    flex-grow: 1;
    flex-basis: 16%;
    display: flex;
    flex-direction: column;
}

.product-card-container {
    padding: 10px 20px 20px 20px;
}

.product-card-image-container {
    text-align: center;
}

.product-card-image {
    max-height: 140px;
    margin: auto;
}

.product-card-text {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
    color: black;
}

.product-card-price-container {
    text-align: center;
    display: flex;
    align-items: baseline;
    flex-direction: row;
    justify-content: center;
    color: black;
    white-space: nowrap;
}

.product-card-price {
    color: #7cb743;
    font-weight: bold;
    font-size: 20px;
}

.product-price-vat {
    margin-left: 5px;
}

.product-card-button-container {
    text-align: center;
}

.product-card-button {
    font-family: var(--font-family-default);
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ffffff;
    font-size: 20px;
    vertical-align: top;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: var(--color-button);
    border-radius: 5px;
    width: 100%;
}

.homePageContainer {
    padding-bottom: 30px;
}

.std p {
    margin: 0 0 1.5em;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 1.5em;
    margin-left: 0px;
}

.std ul {
    list-style: disc outside;
    margin-bottom: 1.5em;
}


.std li {
    color: var(--color-font-dark-grey);
    font-family: var(--font-family-default);
    font-size: 14px;
    line-height: 21px;
}

.std ul li {
    margin-left: 2em;
}

/* registration page */

.customer-account-create {
    max-width: 460px;
    margin: auto;
}

.contact-us-text {
    padding-top: 5px;
}

.desc ul {
    padding-top: 20px;
    padding-bottom: 15px;
}

.spinner {
    margin-left: auto;
    margin-right: auto;
}

.notFoundPageContainer {
    padding-top: 30px;
    padding-left: 40px;
}



/* breadcrumb */

.breadcrumbs-container, .main-container {
    position: relative;
    max-width: 1260px;
    margin: 0 auto;
}

    .breadcrumbs-container:after, .main-container:after {
        content: "";
        display: table;
        clear: both
    }

.breadcrumbs-container {
    padding-bottom: 0;
    padding-top: 0
}



footer {
    line-height: 1.5;
}

    footer a {
        text-decoration: none;
        font-size: 12px;
        text-transform: var(--text-transform-none);
        color: var(--color-font-dark-grey);
    }

.footer a:hover {
    color: var(--color-font-dark-grey)
}


.ft-title {
    font-family: var(--font-family-default);
    font-size: 14px;
    padding-bottom: 0.625rem;
    font-weight: 500;
    line-height: 1.4;
    text-rendering: optimizeSpeed;
    text-transform: var(--text-transform-none);
}

.container {
    flex: 1;
}

/* Sitemap */

.StoreFrontSiteMap .links {
    display: block;
    text-align: right;
    margin: 0 20px 0 0
}

    .StoreFrontSiteMap .links a {
        position: relative
    }

.StoreFrontSiteMap .sitemap {
    padding: 0 20px;
    margin: 15px 0;
    font-size: 12px
}

    .StoreFrontSiteMap .sitemap li {
        margin: 3px 0
    }


/* Footer main */
.ft-main {
    padding: 1.25rem 1.875rem;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid var(--color-horizontal-rule);
    border-bottom: 1px solid var(--color-horizontal-rule);
}

@media only screen and (min-width: 29.8125rem ) {
    .ft-main {
        justify-content: space-evenly;
    }
}

@media only screen and (min-width: 77.5rem ) {
    .ft-main {
        justify-content: space-evenly;
    }
}

.ft-main-item {
    padding: 1.25rem;
    min-width: 11rem;
}

footer .ft-main-item.social-media em {
    background-image: url(/xmaimages/footer/social_icons.png);
    background-repeat: no-repeat;
    width: 13px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 7px
}

@media (-webkit-min-device-pixel-ratio:2),(min--moz-device-pixel-ratio:2),(min-device-pixel-ratio:2),(min-resolution:2dppx),(min-resolution:192dpi) {
    footer .ft-main-item.social-media em {
        background-image: url(/xmaimages/footer/social_icons@2x.png);
        background-size: 50px 125px
    }
}

footer .ft-main-item.social-media em.facebook {
    background-position: 0 0;
    height: 13px
}

footer .ft-main-item.social-media a:hover em.facebook {
    background-position: -25px 0
}

footer .ft-main-item.social-media em.twitter {
    background-position: 0 -24px;
    height: 13px
}

footer .ft-main-item.social-media a:hover em.twitter {
    background-position: -25px -24px
}

.form-list label {
    margin-bottom: 0px;
}

.discount {
    display: none;
}

.discount-code-box {
    padding: 10px;
    border: 1px;
    border-style: solid;
    max-width: 320px;
    margin-left: auto;
    margin-right: 0px;
    margin-top: 10px;
    text-transform: var(--text-transform-none);
}


.form-list select {
    max-width: 100%;
}

.form-list > div > li {
    margin-bottom: 10px;
}

.form-list li input[type=checkbox] {
    margin-right: 5px;
}

.storeFrontPaymentDetails {
    padding-top: 30px;
}

.page-info-message {
    background-color: rgb(231, 242, 218);
    border: 1px solid rgb(189, 218, 155);
    border-radius: 4px;
    color: rgb(35, 123, 75);
}

    .page-info-message span {
        font-weight: bold;
        padding-left: 15px;
    }

hr {
    border-top: 1px solid var(--color-horizontal-rule) !important;
}

#the-sticky-div.sticky {
    position: fixed;
    top: 0;
}

.spec {
    font-size: 14px;
}

.floating-nav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background-color: #ffffff;
    z-index: 9999999;
    filter: drop-shadow(0px 4px 4px grey);
}

.floatingHeaderTitle {
    font-size: 16px;
    position: relative;
    margin-left: 20px;
}

.floatingHeaderPrice {
    font-size: 20px;
    padding: 0px 0px 0px 40px;
    font-weight: bold;
    margin: 0px;
}

.floatingHeaderPriceAndAction {
    display: flex;
    width: 30%;
}

.floatingHeaderPriceLabel {
    font-size: 12px;
}

.floating-nav-main-content {
    width: 100%;
    max-width: 1260px;
    margin-left: auto;
    margin-right: auto;
    height: 70px;
    background: #ffffff;
    padding: 0px 15px;
}

.static-nav {
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    width: 100%;
    margin: 10px 0px;
    flex-wrap: nowrap;
}

.jumperButton:last-child {
    border: unset !important;
}

.jumperButton {
    background: #ffffff;
    color: var(--color-secondary-button-font);
    font-size: 17px;
    text-align: center;
    width: 163px;
    border-right: 1px solid lightgray !important;
    height: 35px;
}

.jumperButtonHighlighted {
    background: #ffffff;
    color: var(--color-secondary-button-font);
    font-size: 17px;
    text-align: center;
    width: 163px;
    height: 35px;
    font-weight: bold;
    border: 3px solid #165dba !important;
    border-radius: 3px;
    padding: 0px 10px;
}

.PopularBundleProduct {
    position: relative;
    width: 100%;
    margin: 10px 0px;
}

.PopularBundleProductTitleContainer {
    padding: 0px 0px 25px 0px;
}

.PopularBundleProductTitle {
    font-size: 13px;
    font-weight: bold;
}

.PopularBundleProductPrice {
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
}


.PopularBundleProductPriceHidden {
    display: none;
}

.PopularBundleProductVatLabel {
    display: inline-block;
    font-size: 13px;
}

.PopularBundleProductTotalPriceLabel {
    position: relative;
    top: -4px;
    display: inline-block;
    font-size: 14px;
}

.PopularBundleProductTotalPriceSymbol {
    margin-right: -5px;
}

.PopularBundleProductTotalPrice, .PopularBundleProductTotalPriceSymbol {
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
}

.PopularBundleProductVatTotalPrice {
    display: inline-block;
    font-size: 9px;
}

.PopularBundleProductIncludeCb {
    font-size: 14px;
    font-weight: bold;
}

.PopularBundleProductSpacer {
    width: 80px;
    font-size: 40px;
    text-align: center;
}

.PopularBundleProductSpacerText {
    line-height: 250px;
}

.PopularBundleProductImageMain {
    height: 165px;
    padding: 5px;
}


.PopularBundleProductImageMainBigImage {
    max-height: 150px;
}

    .PopularBundleProductImageMainBigImage img {
        max-height: 150px;
        margin: 0px auto;
    }

.PopularBundleProductPriceContainer {
    position: absolute;
    bottom: 0px;
    padding-top: 20px;
    min-height: 68px;
}

.PopularBundlesContainer {
    display: flex;
    border-bottom: 1px solid var(--color-bundles-border);
}

.BundleButton {
    width: 200px !important;
    float: right;
}

.PopularBundleProductPriceTotalsContainer {
    margin-top: 20px;
}

.storeFrontProductListPagingUnselected, .storeFrontProductListPagingSelected {
    padding: 0px 5px;
}