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

.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;
}


.\32x1Panel {
    width: 1000px;
    min-width: 1000px;
    max-width: 1000px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.\32x1Panel_Row {
    min-height: 100px;
    height: 100px;
}

.\32x1Panel_Col1 {
    width: 490px;
    min-width: 490px;
    max-width: 490px;
}

.\32x1Panel_Col2 {
    width: 490px;
    min-width: 490px;
    max-width: 490px;
}

.\32x1Panel_ColDivider {
    width: 20px;
}

.Nested2ColProductPage {
    border: none;
    border-top: solid 10px transparent;
    width: 750px;
}

.Nested2ColProductPage_Left {
    width: 450px;
    min-width: 450px;
    max-width: 450px;
    vertical-align: top;
    border: solid 0px black;
}

.Nested2ColProductPage_Right {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
    vertical-align: top;
    padding-left: 0px;
    border: none;
}

    .Nested2ColProductPage_Right .sfContentBlock {
        background: transparent !important;
    }

    .Nested2ColProductPage_Right img {
        margin-bottom: 10px;
    }

table.SearchResultsPageLayout {
    width: 1000px;
    height: 400px;
    min-height: 400px;
    /*border-spacing:10px;*/
}

.SearchResultsPageLayout_Left {
    width: 240px;
    min-width: 240px;
    max-width: 240px;
    border: none;
    border-right: solid 5px transparent;
    vertical-align: top;
}

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

.SearchResultsPageLayout_RightTop {
    width: 750px;
    min-width: 750px;
    max-width: 750px;
    height: 80px;
    min-height: 80px;
    border: solid 0px black;
    vertical-align: top;
    border-bottom: solid 10px transparent;
}

    .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;
    }


.SearchResultsPageLayout_RightBottom {
    width: 750px;
    min-width: 750px;
    max-width: 750px;
    border: solid 0px black;
    vertical-align: top;
}

.StoreFrontTitleBar {
    width: 1000px;
}

.StoreFrontTitleBar_Left {
    width: 50%;
}

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

.StoreFrontTitleBar .sfContentBlock {
    background: transparent;
}

.FiftyFiftyWithMargin {
    width: 100%;
}

.FiftyFiftyWithMargin_Left {
    width: 50%;
    padding-right: 13px;
    vertical-align: top;
}

.FiftyFiftyWithMargin_Right {
    width: 50%;
    padding-left: 13px;
    vertical-align: top;
}

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

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

body {
    margin: auto;
    background-color: #eee;
    font-family: Arial;
    font-size: 10pt;
    font-weight: normal;
    color: #000;
}

.WindowOutline {
    width: 100%;
    text-align: center;
    background-color: #fff;
    position: relative;
}

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

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

/*** Logo Bar ***/

.LogoBar {
    height: 69px;
    width: 100%;
    /*margin-bottom:13px;*/
    background: #77c3d1;
}

.LogoBarLeft {
    padding-top: 12px;
    width: 375px;
    text-align: left;
}

    .LogoBarLeft a {
        font-family: KuroRegular;
        font-size: 31pt;
        color: #fff !important;
    }

    .LogoBarLeft img {
        max-height: 61px;
        margin-right: 10px;
    }

.LogoBarRight {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 625px;
    height: 69px;
    background: #eee;
}

.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: 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: 13px;
    min-height: 13px;
    max-height: 13px;
    width: 100%;
    background-color: #77c3d1;
}

/*** Main Menu ***/

.MainMenuBar {
    position: relative;
    height: 50px;
    background: #52626f;
    z-index: 1001;
}

.MainMenuBarLeft {
    width: 748px;
    height: 50px;
    padding-right: 10px;
}

.MainMenuBarRight {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 212px;
    height: 36px;
    background: #000317;
    font-size: 16pt;
    color: #fff;
    padding-left: 30px;
    padding-top: 14px;
}

    .MainMenuBarRight img {
        margin-top: -5px;
    }


.MainMenuTable {
    /*width:100%;*/
    height: 100%;
    vertical-align: middle;
    font-family: segoe ui;
    color: #fff !important;
}

    .MainMenuTable td {
        text-align: center;
        cursor: default;
    }

        .MainMenuTable td a {
            font-size: 10pt;
            color: #fff !important;
            text-decoration: none;
        }

.MainMenuLink a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
}

a.MainMenuAltLink {
    color: #838b68;
}

.MainMenuItemDivider {
    background-image: url("/xmaimages/mainmenudivider.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 30px !important;
}

.MainMenu_DropDownMenuOutline {
    width: 100%;
    height: 358px;
    background: #535b66;
    position: absolute;
    top: 50px;
    border: solid 0px black;
    z-index: 1001;
}

.MainMenu_DropDownMenu_Top {
    position: absolute;
    top: 0px;
    margin-left: 45px;
}

.MainMenu_DropDownMenu_TopItems {
    margin-top: 30px;
}

    .MainMenu_DropDownMenu_TopItems td {
        vertical-align: top;
        width: 150px;
        padding-left: 15px;
        padding-right: 15px;
        color: #fff;
    }

    .MainMenu_DropDownMenu_TopItems a {
        font-size: 12pt;
        color: #fff;
        text-decoration: none;
    }

a.MainMenu_DropDownMenu_TopItems_Link {
    color: #fff !important;
}

.MainMenu_DropDownMenu_TopItems td img {
    margin-bottom: 5px;
}

.MainMenu_DropDownMenu_Bottom {
    width: 100%;
    height: 146px;
    background: #464d57;
    position: absolute;
    bottom: 0px;
    z-index: 1001;
}

.MainMenu_DropDownMenu_BottomItems {
    margin-top: 30px;
}

    .MainMenu_DropDownMenu_BottomItems td {
        vertical-align: top;
        width: 130px;
        padding-left: 15px;
        padding-right: 15px;
        border-right: solid 1px #666;
        text-align: center;
    }

        .MainMenu_DropDownMenu_BottomItems td img {
            margin-bottom: 10px;
        }

        .MainMenu_DropDownMenu_BottomItems td a {
            font-size: 12pt;
            color: #fff;
            text-decoration: none;
        }

.MainMenu_VerticalTextOnlyDropDownMenuOutline {
    background: #535B66;
    position: absolute;
    z-index: 1001;
}

.MainMenu_VerticalTextOnlyDropDownMenuItem {
    padding: 10px;
    font-family: segoe ui;
}

    .MainMenu_VerticalTextOnlyDropDownMenuItem a {
        font-size: 10pt;
        color: #fff !important;
        text-decoration: none;
    }

    .MainMenu_VerticalTextOnlyDropDownMenuItem td a {
    }

.MainMenu_HorizontalTextOnlyDropDownMenuOutline {
    background: #535B66;
    position: absolute;
    z-index: 1001;
    width: 100%;
    padding-top: 8px;
    height: 42px;
}

.MainMenu_HorizontalTextOnlyDropDownMenuItem {
    padding: 10px;
    display: inline-block
}

    .MainMenu_HorizontalTextOnlyDropDownMenuItem a {
        font-size: 10pt;
        color: #fff !important;
        text-decoration: none;
    }

img.MainMenuImage {
    margin-right: -10px;
    padding-left: 20px;
}

img.MainMenuImage_First /* first image on menu */ {
}

/*** Title Bar ***/

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

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


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

/*** Main Content ***/

.MainContentBar {
    width: 100%;
    min-height: 300px;
    background: #eee;
    background-image: url('../../app_master/StoreFront/images/mainbg.png');
    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;
}

/*** Footer ***/

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

    .WeareXMAFooter span {
        font-family: KuroRegular;
        font-size: 48px;
        color: #666666;
    }


.FooterBar {
    width: 100%;
    background: #535b66;
    min-height: 200px;
    font-size: 10pt;
    color: #98aabf;
}

a.FooterLink {
    color: #98aabf !important;
}

.FooterBar img {
    margin-right: 10px;
}

.FooterBarLeft {
    width: 500px;
    float: left;
    margin-top: 50px;
}

.FooterBarRight {
    float: right;
    margin-top: 50px;
    color: #98aabf;
}

/*** Text Styles ***/

.NormalText {
    font-family: Arial;
    font-size: 10pt;
    font-weight: normal;
    color: #666;
    margin: 0px;
    line-height: 20px !important;
}

.PageText {
    font-family: "segoe ui",Open_SansRegular,Arial;
    font-size: 10pt;
    font-weight: normal;
    color: #666;
    margin: 0px;
    line-height: 20px !important;
}

.PageText14 {
    font-family: "segoe ui",Open_SansRegular,Arial;
    font-size: 14pt;
    font-weight: normal;
    color: #666;
    margin: 0px;
    line-height: 20px !important;
}

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


.H2 {
    font-size: 14pt;
    font-weight: bold;
    color: #666;
    display: block;
    margin-bottom: 10px;
    font-family: KuroRegular;
}

a {
    text-decoration: none;
}

/*.sfContentBlock
{
background:#fff;
}*/

/*** Coloured Content Blocks ***/

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

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

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

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

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

.ContentBlock_Blue {
    background: #006dd9;
    /*height:100%;*/
    width: 100;
    color: #fff;
}

.ContentBlock_Teal {
    background: #0093b4;
    /*height:100%;*/
    width: 100;
    color: #fff;
}

/*** Buttons ***/

.findOutMoreYellow {
    color: #ffffff !important;
    background-color: #bdc666;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 3px;
    font-family: KuroRegular;
    font-size: 14px;
}

    .findOutMoreYellow:hover {
        background-color: #a2aa55;
    }

.findOutMoreTeal {
    color: #ffffff !important;
    background-color: #0093b4;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 3px;
    font-family: KuroRegular;
    font-size: 14px;
}

    .findOutMoreTeal:hover {
        background-color: #02819e;
    }

.findOutMoreDarkGreen {
    color: #ffffff !important;
    background-color: #4b8c7d;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 3px;
    font-family: KuroRegular;
    font-size: 14px;
}

    .findOutMoreDarkGreen:hover {
        background-color: #589f8f;
    }

.findOutMoreLightGreen {
    color: #ffffff !important;
    background-color: #8fb19d;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 3px;
    font-family: KuroRegular;
    font-size: 14px;
}

    .findOutMoreLightGreen:hover {
        background-color: #759d85;
    }

.findOutMoreLightBlue {
    color: #ffffff !important;
    background-color: #87c6d6;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 3px;
    font-family: KuroRegular;
    font-size: 14px;
}

    .findOutMoreLightBlue:hover {
        background-color: #79b5c4;
    }

.findOutMorePink {
    color: #ffffff !important;
    background-color: #d0b7cd;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 3px;
    font-family: KuroRegular;
    font-size: 14px;
}

    .findOutMorePink:hover {
        background-color: #c0a5bd;
    }

.findOutMoreOrange {
    color: #ffffff !important;
    background-color: #D86942;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 3px;
    font-family: KuroRegular;
    font-size: 14px;
}

    .findOutMoreOrange:hover {
        background-color: #b84f2b;
    }

.topRightMenuRegisterButton {
    background-color: #bdc666;
    color: #ffffff !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    vertical-align: top;
    border-radius: 3px;
    margin-left: 455px;
}

    .topRightMenuRegisterButton:hover {
        background-color: #a2aa55;
    }

.topRightMenuLoginButton {
    background-color: #bdc666;
    color: #ffffff !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 13px;
    font-weight: bold;
    margin-left: 10px;
    text-align: right;
    vertical-align: top;
    border-radius: 3px;
}

    .topRightMenuLoginButton:hover {
        background-color: #a2aa55;
    }

.H1 {
    font-family: KuroRegular;
    font-size: 22pt;
    color: #0093b4;
    display: block;
}

.product-information-table {
    border-collapse: collapse;
    font-family: Segoe UI;
}

.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;
    padding: 20px;
    box-sizing: border-box;
}

.grey {
    background-color: #eeeeee;
}

.err {
    color: #ff0000;
    text-align: center;
    padding-bottom: 10px;
}

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

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

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

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

@font-face {
    font-family: 'KuroRegular';
    src: url('/app_themes/storefront/Fonts/Kuro-Regular-webfont.eot');
    src: url('/app_themes/storefront/Fonts/Kuro-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/app_themes/storefront/Fonts/Kuro-Regular-webfont.woff') format('woff'), url('/app_themes/storefront/Fonts/Kuro-Regular-webfont.ttf') format('truetype'), url('/app_themes/storefront/Fonts/Kuro-Regular-webfont.svg#KuroRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Kuro';
    src: url('/app_themes/storefront/Fonts/Kuro-Regular-webfont.eot');
    src: url('/app_themes/storefront/Fonts/Kuro-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/app_themes/storefront/Fonts/Kuro-Regular-webfont.woff') format('woff'), url('/app_themes/storefront/Fonts/Kuro-Regular-webfont.ttf') format('truetype'), url('/app_themes/storefront/Fonts/Kuro-Regular-webfont.svg#KuroRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open_SansRegular';
    src: url('/app_themes/storefront/Fonts/OpenSans-Regular-webfont.eot');
    src: url('/app_themes/storefront/Fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/app_themes/storefront/Fonts/OpenSans-Regular-webfont.woff') format('woff'), url('/app_themes/storefront/Fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('/app_themes/storefront/Fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

img {
    border: none;
}

input[type=submit] {
    /*    background:#52626f; */
    color: #fff;
    font-size: 10pt;
    background-color: #0093b4;
    border: none;
    color: #fff;
    height: 21px;
    cursor: pointer;
}

.button {
    background-color: #0093b4;
}

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

.storeFrontSearch {
    display: inline-block;
    position: absolute;
    right: 0px;
}

    .storeFrontSearch input[type=submit] {
        width: 25px;
        height: 27px;
        background-image: url("/xmaimages/search_small.png");
        background-position: center;
        background-repeat: no-repeat;
        border: solid 0px #c0c0c0;
        background-color: #0093b4;
        position: absolute;
        top: 0px;
        right: 0px;
        border-radius: 2px;
    }

    .storeFrontSearch input[type=text] {
        position: absolute;
        top: 0px;
        right: 28px;
        color: #8a949f;
        font-size: 9pt;
        height: 25px;
        width: 218px;
        padding-left: 5px;
        border: solid 0px #c0c0c0;
    }

.storeFrontMiniBasket {
    height: 20px;
    width: 260px;
    background: #fff;
    position: absolute;
    top: 22px;
    right: 10px;
    padding-top: 5px;
    font-size: 8pt;
    color: #8a949f;
    border: solid 1px #8a949f;
}

.storeFrontMiniBasketImage {
    background-image: url("https://images.xma.co.uk/storefront/minibasket_icon.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    width: 30px;
    height: 11px;
    float: left;
    vertical-align: middle;
}

.storeFrontMiniBasket input[type=submit] {
    height: 23px;
    background: #D86942;
    border: none;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 80px;
    color: #fff;
    font-size: 9.5pt;
    border-radius: 2px;
}

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

.storeFrontLogin {
    border: none;
    width: 100%;
    height: 69px;
    font-size: 9pt;
    position: absolute;
    right: 0px;
    top: 0px;
    color: #52626f;
}

    .storeFrontLogin a {
        color: #52626f;
    }

.lbl {
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    color: #ffffff;
    background-color: #0093b4;
    padding: 10px;
}

.loginBox {
    width: 380px;
    background-color: #ffffff;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    color: #666666;
}

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

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

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

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

#fieldPanel {
    margin: 0 auto;
    padding: 15px;
}

.fieldPanelLogin {
    width: 300px;
}

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

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


.lblLoginOptions {
    font-size: 16px;
    font-family: Arial;
    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: #666666;
    padding-bottom: 20px;
}

.storeFrontRegisterLink {
    position: absolute;
    left: 10px;
    top: 30px;
}

.storeFrontLoginForm {
    position: absolute;
    right: 20px;
    top: 25px;
}

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

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

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

.storeFrontLogout {
    position: relative;
    padding-left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 340px;
}

    .storeFrontLogout a {
        text-decoration: underline;
        color: #0093b4 !important;
    }

    .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;
}

.storeFrontMarketingCategoryFilters {
}


.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: #666666 !important;
}

.storeFrontCategoryFilter_Divider {
    border-bottom: dotted 1px #8a949f;
    margin-top: 10px;
    margin-bottom: 10px;
}
/*
.storeFrontProductList
{
	vertical-align: top;
	margin-top: 0px;
} */

.storeFrontProductListOptionsBar {
    padding: 10px 10px;
    background-color: #52626F;
    color: White;
    width: 100%;
    box-sizing: border-box;
    overflow: auto;
}

.StoreFrontAttributeFilter_DropDownList {
    font-family: segoe ui;
}

.StoreFrontSelectedFilterItem {
    background-color: #ffffff;
    float: left;
    padding: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 5px;
    border-radius: 3px;
}

    .StoreFrontSelectedFilterItem span {
        padding-right: 8px;
        font-family: segoe ui;
        font-weight: bold;
        color: #666666;
    }

    .StoreFrontSelectedFilterItem input {
        background-color: #ffffff;
        padding: 0px;
        color: #666666;
        font-family: segoe ui;
    }

.storeFrontProductListOptionSort {
    float: right;
}

    .storeFrontProductListOptionSort span {
        font-family: segoe ui;
    }

    .storeFrontProductListOptionSort select {
        margin: 8px 0px;
        color: #666666;
        font-family: segoe ui;
        line-height: 20px;
    }


.storeFrontProductListItem {
    padding: 0px 5px;
    vertical-align: top;
    border: solid 0px black;
    min-height: 120px;
    max-height: 180px;
    font-size: 9pt;
    border-bottom: solid 1px #eeeeee;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    display: table;
}


.storeFrontProductListItemWrap {
    display: table-row;
}

.storeFrontProductListDividerCol {
    width: 10px;
}

.storeFrontProductListItemImage {
    height: 80px;
    max-height: 80px;
    min-height: 80px;
    vertical-align: middle;
    text-align: center;
    float: left;
    position;
    relative;
    padding: 15px;
    border: solid 1px #eeeeee;
    margin-right: 20px;
    width: 80px;
    max-width: 80px;
    min-width: 80px;
    display: inline-block;
}

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

.storeFrontProductListItemDetail {
    vertical-align: top;
    float: left;
    margin-right: 20px;
    display: inline-block;
    width: 350px;
}

.AddToBasketContainer {
    top: -10px;
}

.storeFrontProductListItemTitle {
    /* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
    -ms-word-break: keep-all;
    word-break: keep-all;
    /*word-break: break-all;*/
    /* Non standard for webkit */
    /*word-break: break-word;*/
    -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;
        /* word-break: break-all;*/
    }

    .storeFrontProductListItemTitle a {
        color: #666666 !important;
    }

.storeFrontProductListItemDescription {
    color: #bbc1c6;
}

.storefrontProductListItemProductCode {
    font-size: 11pt;
    color: #566672;
}

.storeFrontProductListItemPrice {
    font-weight: bold;
    font-size: 11pt;
    color: #d86942;
    margin-top: 5px;
    height: 25px;
    min-height: 25px;
    max-height: 25px;
}

.VATText {
    font-size: 10pt;
    color: #969696;
    font-weight: normal;
}

.storeFrontProductListItemPriceIncVAT {
    color: #b9451c;
}

.storefrontProductListItemStock {
    font-size: 11pt;
    margin-bottom: 5px;
    color: #566672;
}

.storeFrontProductListItemActions {
    float: right;
    position: relative;
    padding-top: 5px;
    min-height: 110px;
    max-height: 160px;
    display: inline-block;
    text-align: right;
}

    .storeFrontProductListItemActions input[type=submit] {
        width: 120px;
        background-image: url(https://images.xma.co.uk/images/storefront/small_basket.png);
        background-position: 100px;
        background-repeat: no-repeat;
        background-color: #0093b4;
        border: none;
        color: #fff;
        vertical-align: top;
        text-align: left;
        padding-left: 10px;
        height: 100px;
    }

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

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

td.storeFrontSearchResultsDivider {
    width: 5px;
}

.storeFrontProductListPaging {
    width: 100%;
    padding: 20px;
    color: #75828f;
}

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

.storeFrontProductListPaging_Page {
    width: 50%;
    text-align: center;
}

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

    .storeFrontProductListPaging_Page input[type="submit"] {
        background-color: #ffffff;
        color: #666666;
    }

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

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

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

.storeFrontProductImagesContainer {
    width: 350px;
    max-width: 350px;
    min-width: 350px;
    background: #fff;
    border: solid 0px black;
}

.storeFrontProductImages_BigImage {
    height: 250px;
    max-height: 250px;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 20px;
}

    .storeFrontProductImages_BigImage img {
        max-height: 250px;
        max-width: 250px;
    }

.storeFrontProductImages_Thumbnails {
    width: 270px;
    max-width: 270px;
    min-width: 270px;
    text-align: center;
    background: #fff;
}

    .storeFrontProductImages_Thumbnails img {
        max-width: 50px;
        max-height: 50px;
        vertical-align: middle;
        border: 0px solid black !important;
    }

.storeFrontTabs {
    border: solid 0px #0093b4;
    line-height: 20px;
    /*background-color:#87c6d6;*/
    width: 100%;
    /*max-height:300px;*/
    padding-left: 1px;
    padding-top: 1px;
    padding-right: 0px;
    padding-bottom: 0px;
    font-size: 9pt;
    color: #666666;
}

    .storeFrontTabs p {
    }

.storeFrontTabHeaders {
    background: #fff;
    border: solid 0px #87c6d6;
    width: 100%;
    margin: 10px;
}

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

.storeFrontTabHeader_Selected {
    background: #0093b4;
}

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

#tab-Specifications {
}

.storeFrontTabContentInner {
    width: 100%;
    padding: 10px;
    vertical-align: top;
}

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 {
    /*background-color:#87c6d6;
    color:#fff;*/
}

.storeFrontTabs_Specs td, .storeFrontTabs_Specs th {
    /*border-top: 1px dotted black;*/
    border-bottom: 1px dashed #87c6d6;
}

.storeFrontTabs_Specs th {
    font-weight: bold;
}

.storeFrontProductDetailsContainer {
    width: 100%;
    position: relative;
    background-color: transparent;
}

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

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

    .storeFrontProductDetails_Left .BackLink {
    }

.storeFrontBundleList {
    color: #666666;
}

    .storeFrontBundleList .bundleListHeader {
        font-size: medium;
    }

    .storeFrontBundleList td.bundleListItem {
        padding-left: 20px;
    }

table.storeFrontGrid .basketBundleMainItem td {
    border-bottom: none;
}

.basketBundleItem, .quoteBundleItem {
    background-color: #f0f0f0;
    border-bottom: none;
}

    .basketBundleItem .productImage, .basketBundleItem-final .productImage {
        visibility: hidden;
    }

table.storeFrontGrid .basketBundleItem td {
    border-bottom: none;
}

.basketBundleItem-final {
    background-color: #f0f0f0;
    border-bottom: solid 1px #c0c0c0;
}

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

.storeFrontProductDetails_Middle {
    width: 545px;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
    position: relative;
    background: #fff;
    padding-top: 10px;
}

    .storeFrontProductDetails_Middle h1 {
        font-size: 12pt;
        font-weight: bold;
        color: #666666;
        margin-bottom: 15px;
        margin-top: 5px;
    }

.storeFrontProductDetails_RightTop {
    width: 220px;
    height: 220px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    margin-left: 5px;
    vertical-align: top;
    background: #fff;
    /*height:215px; */
    border: solid 1px transparent;
}

.storeFrontProductDetails_RightBottom {
    width: 220px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 5px;
    vertical-align: top;
    background: #fff;
    border: solid 1px transparent;
}

.storeFrontProductPriceAndActionsContainer {
    padding-top: 10px;
}

    .storeFrontProductPriceAndActionsContainer .storeFrontProductPrice {
        font-size: 16pt;
        font-weight: bold;
        color: #666;
    }

    .storeFrontProductPriceAndActionsContainer .storeFrontProductCode {
        font-size: 10pt;
        color: #666666;
        margin-top: 10px;
    }

    .storeFrontProductPriceAndActionsContainer .storeFrontProductStock {
        color: #666;
        font-size: 12pt;
        margin-top: 20px;
    }

    .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 {
    top: 15px;
    position: relative;
}

.storeFrontProductPriceAndActionsContainer .storeFrontAddToBasket {
    width: 200px;
    padding-bottom: 7px;
    color: #666;
    display: inline-block;
    text-align: center;
    margin-bottom: 10px;
    height: 75px;
    left: -5px;
    position: relative;
}

.storeFrontProductPriceAndActionsContainer .AddToBasketQuantity {
    /*background:#bdc666;*/
    width: 130px;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

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

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

.storeFrontProductPriceAndActionsContainer .storeFrontAddToBasket input[type=submit] {
    background-image: url(https://images.xma.co.uk/images/storefront/small_basket.png);
    background-position: 152px 9px;
    background-repeat: no-repeat;
    background-color: #bdc666;
    border: none;
    font-size: 12pt;
    color: #fff;
    vertical-align: bottom;
    text-align: left;
    height: 30px;
    width: 100%;
    margin-top: 10px;
    margin-left: 0px;
    padding-left: 40px;
}

.storeFrontRelatedProducts {
    color: #666666 !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: #666666 !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: #000;
    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: #d86942;
}

.storeFrontRelatedProductCode, .UpsellBoxRelatedProductCode {
    font-size: 8pt;
    line-height: 25px;
    color: #666666;
}

.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;
}

.AddToBasketLogin {
    background: #bdc666 !important;
    color: #fff;
    font-size: 10pt !important;
    height: 25px !important;
    padding-top: 3px;
    text-align: center;
    border-radius: 3px;
    font-weight: bold;
}

.AddtoBasketLoginorRegister {
    font-size: 8.5pt;
    color: #ff0000;
    text-align: center;
    width: 200px;
    margin-bottom: 5px;
}

.AddToBasketQuantity label {
    color: #fff !important;
    height: 22px;
    padding-top: 3px;
    padding-left: 5px;
}

.AddToBasketQuantity input {
    font-size: 9pt !important;
    color: #fff !important;
    height: 25px !important;
    padding-top: 2px !important;
    border: none !important;
}

.BannerTitle {
    background-color: #0093b4;
    color: #ffffff;
    font-family: KuroRegular;
    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: #000;
        position: relative;
        top: 7px;
    }

    .StoreFrontForm td, .storeFrontForm th {
    }

    .StoreFrontForm input, .StoreFrontForm select, .storeFrontForm input, .storeFrontForm select {
        margin: 5px;
        padding: 3px;
        color: #666;
    }

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

    .StoreFrontForm [type=submit], .StoreFrontFgotormButton, .storeFrontForm [type=submit], .storeFrontFormButton {
        border: solid 0px #666;
        background: #0093b4;
        padding: 5px;
        color: #fff;
        margin: 3px;
        background-image: url(/xmaimages/checkout_button_arrow.png);
        background-repeat: no-repeat;
        background-position: right;
        text-align: left;
        padding-left: 10px;
        padding-top: 3px !important;
    }

        .StoreFrontForm [type=submit]:Disabled, .StoreFrontFormButton:Disabled, .storeFrontForm [type=submit]:Disabled, .storeFrontFormButton:Disabled {
            color: #666;
            content: 'Terms';
        }

.StoreFrontCheckoutBasket {
}

.StoreFrontCheckoutBasket {
    margin-top: 0px;
    border: solid 0px black;
    width: 100%;
    padding-right: 20px;
}

    .StoreFrontCheckoutBasket .StoreFrontCheckoutBasketItems {
        overflow: auto;
        max-height: 300px;
    }

    .StoreFrontCheckoutBasket .StoreFrontCheckoutBasketTotals {
        margin-top: 20px;
        width: 90%;
        padding-right: 20px;
    }

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

.StoreFrontCheckoutBasket_PriceCol {
    text-align: right;
    font-weight: bold;
}

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

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

.storeFrontMarketingCategoryFilters {
}

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

    .storeFrontProductInfoTabs p {
    }


.storeFrontTabHeader {
    display: table-cell;
    padding: 0px;
    cursor: hand;
    margin: 0px;
    background: #87c6d6;
    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;
}

#tab-Specifications {
}

.storeFrontTabContentInner {
    width: 100%;
    padding: 10px;
    vertical-align: top;
}

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;
}

tr.storeFrontProductInfoTabs_Specs_AltRow {
    /*background-color:#87c6d6;
    color:#fff;*/
}

.storeFrontProductInfoTabs_Specs td, .storeFrontProductInfoTabs_Specs th {
    /*border-top: 1px dotted black;*/
    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(https://images.xma.co.uk/digitalcontent/websitemedia/images/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;
}

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

.AddToBasketQuantity label {
    color: #fff !important;
    height: 22px;
    padding-top: 3px;
    padding-left: 5px;
}

.AddToBasketQuantity input {
    font-size: 9pt !important;
    color: #fff !important;
    height: 25px !important;
    padding-top: 2px !important;
    border: none !important;
}


.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;
}


.storeFrontCheckout {
    font-family: Arial;
    color: #888888;
    font-size: 10pt;
    background-color: #ffffff;
    padding: 0 0;
    width: 1000px;
}

    .storeFrontCheckout .storeFrontTabs {
    }

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

    .storeFrontCheckout .StoreFrontForm select {
        /*width:210px !important;*/
    }

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

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

    .storeFrontCheckout .StoreFrontForm .storeFrontRadioButtonList td {
    }

    .storeFrontCheckout .StoreFrontForm .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;
    }

    .storeFrontCheckout .highlight {
        color: #ffffff;
        background-color: #81bfcd;
    }

    .storeFrontCheckout .lowlight {
        color: #ffffff;
        background-color: #bed9e4;
    }

    .storeFrontCheckout .leftDiv {
        display: inline-block;
        width: 450px;
        padding-right: 20px;
        padding-left: 20px;
        border-right: 1px solid #cccccc;
        min-height: 400px;
    }

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

    .storeFrontCheckout table {
        border-collapse: collapse;
    }

    .storeFrontCheckout .contentTable {
        width: 1000px;
    }

    .storeFrontCheckout .tabButton {
        width: 100%;
        border: 0px solid #0093b4;
    }

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

    .storeFrontCheckout .mainCell {
        height: 420px;
        vertical-align: top;
        border-right: 1px solid #cccccc;
        margin-top: 10px;
    }

    .storeFrontCheckout .storeFrontTabHeaders {
        width: 980px;
    }

.StoreFrontAttributeFilters {
    color: #666666;
    line-height: 20px;
    background-color: #fff;
    padding: 10px;
    width: 215px;
}

    .StoreFrontAttributeFilters h1 {
        font-size: 10pt;
        color: #666666;
        font-weight: bold;
        line-height: 25px;
        padding: 5px;
    }

    .StoreFrontAttributeFilters .StoreFrontAttributeFilterHeaderZ, .StoreFrontAttributeFilterHeader {
        width: 215px;
    }

.StoreFrontAttributeFilterHeaderZ, .StoreFrontAttributeFilterHeader {
    background-color: #eeeeee;
    border-radius: 3px;
}

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

    .StoreFrontAttributeFilters input[type="checkbox"] + label {
        background: url(https://images.xma.co.uk/digitalcontent/websitemedia/images/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(https://images.xma.co.uk/digitalcontent/websitemedia/images/checked.png) left top no-repeat;
    font-weight: bold;
}


.StoreFrontAttributeFilterExpanded {
    background-image: url(/xmaimages/collapse.png);
    background-position: right;
    background-repeat: no-repeat;
}

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

.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 {
    font-size: 14pt;
    color: #8a949f;
    background-color: #fff;
    width: 215px;
    padding: 10px;
    padding-bottom: 0px;
}

.StoreFrontAttributeFiltersMoreLink {
    font-size;
    12pt;
    font-weight: bold;
    line-height: 30px;
    background-color: #fff;
    width: 215px;
    padding: 10px;
    text-decoration: underline;
}


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

.storeFrontBasketBanner {
    margin-bottom: 20px;
}

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

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

tr.storeFrontGridHeaderRow {
}

    tr.storeFrontGridHeaderRow th {
        color: #666666;
    }

table.storeFrontGrid th {
    font-weight: bold;
    padding: 10px;
}

table.storeFrontGrid td {
    border-bottom: solid 1px #c0c0c0;
    vertical-align: top;
    padding: 10px;
}

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

    table.storeFrontGrid td a {
        font-size: 8pt;
        color: #52626f;
    }

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

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

table.storeFrontGrid .storeFrontBasketThumbnail {
    max-width: 80px;
    max-height: 80px;
}

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

.storeFrontBasketSubTotal {
    font-weight: bold;
}

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

.storeFrontBasketContainer input[type=submit], .storeFrontSavedQuotesContainer input[type=submit], .storeFrontModalContentButtons input[type=submit], .storeFrontModalContentButtons input[type=button], .saveQuoteButton, .demandedOrderButton {
    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: segoe UI;
    font-size: 11pt;
}

.storeFrontSavedQuotesActions input[type=submit] {
    width: 145px;
}

.storeFrontBasketContainerGreyInput, .abortOrderCancellationButton {
    background-color: #666666 !important;
    background-image: url(/xmaimages/checkout_button_arrow_grey.png) !important;
}

.storeFrontOrderHistoryPeriodDetail input[type=submit], .storeFrontOrderHistorySearchOrders 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: segoe UI;
    font-size: 10pt;
}

.storeFrontOrderHistorySearchOrders div {
    float: left;
}

.storeFrontOrderHistorySearchOrders {
    margin-bottom: 5px;
}

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

    .storeFrontSavedQuotesContainer td, .storeFrontSavedQuotesContainer th {
        vertical-align: top;
        padding-right: 5px;
    }

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

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

.GoToCheckoutButton, .saveQuoteButton, .confirmOrderCancellationButton {
    background: #d86942 !important;
    background-image: url(/xmaimages/orange-arrow.png) !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    width: 170px;
    color: #fff;
    background-color: #0093b4;
    border: none;
    color: #fff;
    height: 35px !important;
    text-align: left;
    padding-left: 7px;
    padding-bottom: 2px;
    padding-right: 25px;
    cursor: pointer;
    border-radius: 3px;
    font-family: segoe UI;
    font-size: 11pt;
    font-weight: bold;
}

    .GoToCheckoutButton[disabled] {
        cursor: not-allowed;
    }


.SavedQuotesOrange {
    width: 145px !important;
}

.storeFrontBasketActions {
    width: 90%;
    margin-left: 45px;
    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;
}

.storeFrontBasketContainer .storeFrontModalInner {
    top: 300px;
    width: 450px;
}

.storeFrontModalInner th {
    text-align: right !important;
}

.storeFrontModalInner .storeFrontFormTable {
    width: 100%;
}

.storeFrontModalInnerInputs {
    text-align: right;
}

.storeFrontModalInner input[type=text] {
    width: 95%;
    height: 22px;
}

.storeFrontModalInnerDescriptionInput {
    height: 60px !important;
    resize: none;
    width: 95%;
    font-family: 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('/Images/shade.png');
    overflow: auto;
}

.storeFrontModalInner {
    margin: auto auto;
    top: 10px;
    width: 900px;
    /*max-height:800px;*/
    background-color: #fff;
    position: relative;
    border: 2px solid #3691b2;
}

.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: 10px;
    overflow: auto;
}

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

.storeFrontOrderHistoryContainer {
    background: #fff;
}

.storeFrontOrderHistoryPeriodDetail {
    text-align: left;
    font-size: 12pt;
    float: left;
}

.OrderHistorySearchBar {
    float: left;
}

.storeFrontOrderHistoryContainer .storeFrontOrderHistoryPeriodDetail {
    padding-left: 40px;
}

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

    .storeFrontFiltersContainer h2 {
        font-size: 10pt;
        color: #666;
    }

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

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

.storeFrontOrderDetailsModal {
    padding: 0px;
}

.storeFrontOrderDetailsModalProducts {
    max-height: 370px;
    overflow: auto;
}

.storeFrontOrderDetailsModalHeader {
    background: #77c3d1;
    padding: 10px;
    border-bottom: solid 2px #3691b2;
}

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

.storeFrontOrderDetailsModalOrderInfo {
    color: #fff;
}

    .storeFrontOrderDetailsModalOrderInfo th {
        text-align: left;
        color: #fff;
    }

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

table.storeFrontOrderDetailsModalAddresses {
    color: #666;
    padding: 0px;
    border: none;
    width: 100%;
}

    table.storeFrontOrderDetailsModalAddresses th {
        text-align: left;
        color: #000;
        width: 50%;
    }

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

table.storeFrontOrderDetailsModalNotes {
    color: #666;
    padding: 0px;
    border: none;
}

    table.storeFrontOrderDetailsModalNotes th {
        text-align: left;
        color: #000;
    }

.storeFrontOrderDetailsModalProducts {
    color: #666;
    padding: 10px;
}

    .storeFrontOrderDetailsModalProducts .storeFrontGrid {
    }

        .storeFrontOrderDetailsModalProducts .storeFrontGrid th {
            color: #000;
        }

.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 {
            /*border-bottom:none;*/
            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: #666666;
    padding: 20px;
}


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

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

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

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

    .storeFrontChangeLoginDetailsContainer h4 {
        color: #666;
        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: #666666;
    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;
    border-radius: 2px;
    font-weight: bold;
    font-family: segoe ui;
    background-color: #bdc666;
    font-size: 15px;
}

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

.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: #666;
    margin-bottom: 10px;
}

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

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

.storeFrontMyAccountContainer {
    background: #fff;
}

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

    .storeFrontRegistrationPageContainer h2 {
        font-size: 14pt;
        color: #666;
    }

    .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;
    height: 200px;
}


    .storeFrontResetPasswordForm table {
        margin: auto;
    }

.storeFrontResetPasswordFormInner th {
    color: #666;
    font-family: 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: segoe UI;
    font-size: 11pt;
}

.storeFrontResetPasswordForm p {
    padding: 10px;
}

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

.storeFrontErrorText {
    color: #ff0000;
}

.storeFrontDemandedOrderSearch {
    margin: 25px 55px;
}

.storeFrontDemandedOrderPanel {
    padding: 30px 50px;
}

.storeFrontDemandedOrderRejectTextbox {
    width: 300px;
    height: 50px;
    font-family: Arial, sans-serif;
    max-width: 100%;
    max-height: 100px;
    min-width: 200px;
    min-height: 50px;
}

.storeFrontDemandedOrderSortButton {
    padding: 5px;
    border: none;
    background-color: white;
    cursor: pointer;
}

.storeFrontDemandedOrderTableSortHeader {
    border-bottom: 1px solid black;
    white-space: nowrap;
}

.storeFrontDemandedOrderSortedHeader {
    font-weight: bold;
}

.Prev {
    padding-left: 0px !important;
    height: 45px !important;
    font-size: 12pt !important;
    border-radius: 3px;
    text-align: right;
    float: left;
    background-image: url(/xmaimages/grey-arrow.png) !important;
    background-repeat: no-repeat !important;
    background-position: left !important;
    background-color: #808285 !important;
    font-family: segoe UI;
    width: 100px !important;
    cursor: pointer;
}

.Next {
    padding-left: 7px !important;
    height: 45px !important;
    font-size: 12pt !important;
    border-radius: 3px;
    float: right;
    background: #d86942 !important;
    background-image: url(/xmaimages/orange-arrow.png) !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    font-family: segoe UI;
    width: 200px !important;
    font-weight: bold;
    cursor: pointer;
}

.MustAcceptTerms {
    position: relative;
    top: 15px;
    right: 5px;
    color: #ff0000;
}

.FindAddressButton {
    background: #0093b4 !important;
}

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

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

:-moz-placeholder { /* Firefox 18- */
    font-style: italic;
    color: #a7a9ac;
}

::-moz-placeholder { /* Firefox 19+ */
    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: #f5f5f5;
    border: #666666 1px solid;
}

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

.ContactInfoBoxText {
    font-family: "segoe ui",Open_SansRegular,Arial;
}

.ContactInfoBox span {
    color: #666666;
}


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

    .CookieMessage span {
        color: #ffffff;
        font-family: segoe ui;
    }

    .CookieMessage a, #CookieMessageClose {
        color: #ffffff !important;
        font-weight: bold;
        font-family: segoe ui;
    }

.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: KuroRegular;
        font-size: 22pt;
        color: #ffffff;
        display: block;
    }

.ContactUs14 {
    font-family: "segoe ui",Open_SansRegular,Arial;
    font-size: 14pt;
    font-weight: normal;
    color: #666;
    margin: 0px;
    line-height: 2 !important;
}

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

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

#XMAMap {
    width: 400px;
}

/* Upsell Box */

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

.UpsellBoxInner {
    margin: 100px auto;
    width: 650px;
    height: 600px;
    border: 0px solid #666666;
}

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

.UpsellBoxCross {
    background-image: none !important;
    background-color: #0093b4 !important;
    width: 20px !important;
    height: 20px !important;
    float: right;
    font-weight: bold;
    padding: 0px !important;
    margin: 0px !important;
}

.ContinueShopping {
    font-size: 12pt !important;
    border-radius: 3px;
    background-color: #bdc666 !important;
    background-image: none !important;
    font-family: segoe UI;
    width: 200px !important;
    font-weight: bold;
    padding: 10px !important;
    height: 45px !important;
    text-align: center !important;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
}

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

.GoToBasket {
    font-size: 12pt !important;
    border-radius: 3px;
    background-color: #D86942 !important;
    background-image: none !important;
    font-family: segoe UI;
    width: 200px !important;
    font-weight: bold;
    padding: 10px !important;
    height: 45px !important;
    text-align: center !important;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
}

    .GoToBasket:hover {
        background-color: #c3491f !important;
    }

.UpsellBoxMain {
    padding: 10px;
}

.UpsellBoxImage {
    width: 100px;
    height: 100px;
    padding: 15px;
    text-align: center;
    border: 1px solid #eee;
}

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

.UpsellBoxMainInfo {
    display: inline-block;
    vertical-align: top;
    width: 420px;
}

.UpsellBoxRelatedProducts {
    height: 305px;
    width: 600px;
    overflow: hidden;
    display: inline-block;
}

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

.UpsellBoxRelatedProductsHeader {
    font-size: 14pt;
    color: #8A949F;
    padding: 10px;
}

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

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

.UpsellBoxRelatedProducts input[type=submit] {
    width: 50px !important;
    background-image: url(https://images.xma.co.uk/digitalcontent/websitemedia/images/Related-Products-Add-Button.png) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: #ffffff !important;
    border: none !important;
    color: #fff !important;
    height: 29px !important;
    margin-top: 0px !important;
}

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

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

    .UpsellBoxRelatedProductItem h2 {
        font-weight: bold;
        font-size: 9pt;
        margin-bottom: 4px;
        color: #666666 !important;
    }

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

.iframeLoading {
    background: url(https://images.xma.co.uk/digitalcontent/websitemedia/images/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: KuroRegular;
    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: KuroRegular;
    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: KuroRegular;
    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: KuroRegular;
    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: segoe ui;
    color: #666666;
}

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

.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: segoe ui;
    width: 100px;
}

.divEnrolment__container {
    padding: 20px 0;
}

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

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

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

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

        .DEPCheckBox input[type="checkbox"]:checked + label {
            background: url(https://images.xma.co.uk/digitalcontent/websitemedia/images/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: "segoe ui",Open_SansRegular,Arial;
        font-size: 10pt;
        font-weight: normal;
        color: #666;
        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: segoe UI;
    font-size: 10pt;
}

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

.SearchArea label {
    font-family: "segoe ui",Open_SansRegular,Arial;
    font-size: 10pt;
    font-weight: normal;
    color: #666;
    margin: 0px;
    line-height: 20px !important;
}

table.generic th {
    background-image: -webkit-linear-gradient(top,#fff,#ededed);
    background-image: -moz-linear-gradient(top,#fff,#ededed);
    background-image: -ms-linear-gradient(top,#fff,#ededed);
    background-image: -o-linear-gradient(top,#fff,#ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ededed');
}

table.generic td, table.generic th {
    padding: 3px 5px;
    border: 1px solid #d3d3d3;
    background-color: #fff;
    vertical-align: middle;
}

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

th {
    font-weight: bold;
    text-align: -internal-center;
}

td, th {
    display: table-cell;
    vertical-align: inherit;
}

table.generic {
    width: 100%;
    border-collapse: collapse;
}

    table.generic td div {
        max-width: 400px;
        word-break: break-word;
    }

.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: #666666;
}

.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: #ffffff !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    width: 224px;
    height: 34px;
    border-radius: 2px;
    font-weight: bold;
    font-family: segoe ui;
    background-color: #bdc666;
    font-size: 15px;
}

.account-recovery-backlink {
    margin-top: 40px;
    color: #0093b4 !important;
    background-color: #fff !important;
    letter-spacing: 1px;
    text-transform: none !important;
    font-size: 15px;
}

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

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

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

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

    .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: #ffffff;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    color: #666666;
}

    .account-recovery-box input[type=submit] {
        width: 100%;
        height: 34px;
        border-radius: 2px;
        font-weight: bold;
        font-family: segoe ui;
        background-color: #bdc666;
        font-size: 15px;
        margin-top: 20px;
    }

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

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


/*** Start Categories.css ***/

.categorylevel2 {
    background-color: #ffffff;
    padding: 15px;
    margin-bottom: 10px;
    column-count: 3;
    column-gap: 10px;
}

.categorycontainer {
    page-break-inside: avoid;
    margin-bottom: 10px;
}

.categorylevel3 {
    margin-bottom: 10px;
}

    .categorylevel3 a {
        text-decoration: underline;
        font-weight: bold;
        color: #005581 !important;
    }

        .categorylevel3 a:hover {
            color: #0093b4 !important;
        }

.categorylevel4 a {
    color: #005581 !important;
}

    .categorylevel4 a:hover {
        text-decoration: underline;
        color: #0093b4 !important;
    }

/*** End Categories.css ***/