/** CSS Styles for each pages and their respective media queries  **/
/******************************************************************/
/* testing*/
:root {
    --wolseleyRed: #cd2e31;
    --wolseleyGrey: #656565;
    --wolseleyDarkGrey: #3B3B3B;
}
/*** Flex Rules ***/
.flex {
    display: flex;
}

.flex-alignCenter {
    align-items: center;
}

.flex-justifyContentSpaceBetween {
    justify-content: space-between;
}

.flex-alignEnd {
    align-items: flex-end;
}

.flex-justifyContentEnd {
    justify-content: flex-end;
}

.flex-column {
    flex-direction: column;
}

.flex-alignBaseline {
    align-items: baseline;
}

.flexShrinkZero {
    flex-shrink: 0;
}

.flex-alignStart {
    align-items: flex-start;
}
/** end of flex css**/


/** General Rules **/
.positionRelative {
    position: relative;
}

.pl-15 {
    padding-left: 15px;
}

.clearBoth {
    clear: both;
}
/** end of General Rules **/

/**mobile specific css**/
.mobile_only {
    display: block;
}

@media ( min-width: 768px ) {
    .mobile_only {
        display: none;
    }
}

/** end of mobile specific css**/

/**mobile specific css**/
.mobile_only {
    display: block;
}

@media ( min-width: 768px ) {
    .mobile_only {
        display: none;
    }
}

/** end of mobile specific css**/


/** From the contents of styles.css **/
/************************************/


body {
    font-family: Arial;
    font-size: 13px;
    padding: 0;
    margin: 0;
}
/*--------------------------------------------------
	C O M M O N 
---------------------------------------------------*/
.main-frame {
    display: block;
    margin: 0 auto;
    max-width: 1280px;
    overflow: hidden;
    padding: 0;
}

.container-fluid {
    padding: 0 69px;
}

.row-fluid {
    width: 100%;
}

    .row-fluid:before, .row-fluid:after {
        content: "";
        display: table;
        line-height: 0;
    }

    .row-fluid:after {
        clear: both;
    }
/*--------------------------------------------------
	H E A D E R 
---------------------------------------------------*/
.main-header {
    display: block;
    margin: 0;
    /*padding: 0 0 22px 0;*/
    padding: 0 0 0 0;
}

    .main-header .language-bar {
        height: 42px;
    }

        .main-header .language-bar select {
            height: 30px;
            border-radius: 4px;
        }

    /*.main-header .language-bar div {
	border-left: solid 2px #cccccc;
	color: #656565;
	cursor: pointer;
	float: right;
	height: 20px;
	margin: 0;
	padding:5px 7px 0 10px;
}*/
    .main-header .express-logo {
        float: left;
        height: 50px;
        cursor: pointer;
        max-width: 200px;
        opacity: 1;
    }

    .main-header .search-box {
        margin: 0;
        position: relative;
        padding: 0;
        width: 100%;
    }

        .main-header .search-box input[type="text"] {
            width: 100%;
            height: 48px;
            border: solid 2px #cccccc;
            border-right: 0;
            border-radius: 6px;
            opacity: 1;
            background: none;
        }

        .main-header .search-box input[type="submit"] {
            background: url(../images/icons/shop/search_ic.png) no-repeat center #cd2e31;
            border: 0;
            border-radius: 0 6px 6px 0;
            height: 48px;
            position: absolute;
            right: 0;
            top: 0;
            text-indent: -9999px;
            width: 48px;
            opacity: 1;
        }

        .main-header .search-box label {
            display: none;
            max-width: auto;
            margin-bottom: 0px;
            font-weight: normal;
        }

    .main-header .cart-button a {
        background: #8c8c8c;
        display: block;
        border-radius: 6px;
        height: 48px;
        line-height: 48px;
        width: 68px;
        text-align: center;
        cursor: pointer;
    }

    .main-header .outer-div {
        display: flex;
        width: 100%;
    }

    .main-header .cart-button {
        display: table-cell;
        padding-left: 30px;
    }
    /**hard hold*/
    .main-header .hard-hold {
        display: table-cell;
        padding-left: 30px;
    }

        .main-header .hard-hold a {
            display: block;
            height: 50px;
            width: 56px;
            cursor: pointer;
            background-size: contain;
        }

    /***navigation***/
    .main-header .nav-bar {
        border-bottom: dashed 1px #cccccc;
        margin: 20px 0 0 0;
        padding: 0 0 0 0;
        height: 31px;
    }

    .main-header .nav-left {
        float: left;
        margin: 0;
        padding: 0;
        position: absolute;
        z-index: 11;
    }

        .main-header .nav-left ul {
            display: block;
            margin: 0;
            padding: 0;
        }

            .main-header .nav-left ul li {
                color: #656565;
                font-size: 14px;
                font-weight: bold;
                float: left;
                margin: 0;
                position: relative;
                padding: 0;
                opacity: 1;
                min-width: 41px;
            }

                .main-header .nav-left ul li + li {
                    margin: 0 0 0 20px;
                }

                .main-header .nav-left ul li a {
                    border-bottom: solid 4px transparent;
                    display: block;
                    font-size: 14px;
                    font-weight: bold;
                    color: #656565;
                    padding: 5px 0 2px 0;
                }

                    .main-header .nav-left ul li a:hover, .main-header .nav-left ul li a.active {
                        border-bottom-color: #cd2e31;
                    }

    .main-header .nav-right {
        float: right;
        margin: 0;
        padding: 0;
        line-height: 30px;
    }

        .main-header .nav-right ul {
            display: block;
            margin: 0;
            padding: 0;
        }

            .main-header .nav-right ul li {
                float: left;
                margin: 0;
                padding: 0;
                font-weight: normal;
                font-size: 14px;
                color: #656565;
                cursor: pointer;
            }

                .main-header .nav-right ul li:first-child {
                    font-weight: bold;
                    color: #cd2e31;
                    font-size: 14px;
                }

                .main-header .nav-right ul li + li:before {
                    content: "/";
                    padding: 0 5px 0 5px;
                }

    .main-header .nav-listname {
        margin: 0;
        padding: 0;
        position: relative;
        float: right;
        top: -15px;
    }

        .main-header .nav-listname .list-name-holder {
            margin: 0;
            padding: 0;
            float: right;
        }

            .main-header .nav-listname .list-name-holder .list-nametext {
                margin: 0;
                padding: 0 8px 0 0;
                float: left;
                font-size: 14px;
                color: #cd2e31;
                font-weight: bold;
            }

            .main-header .nav-listname .list-name-holder .list-name-icon {
                margin: 5px 0 0 0;
                padding: 0;
                background: url(../images/product_page/dropdown_red.png) no-repeat;
                width: 18px;
                height: 12px;
                float: right;
                cursor: pointer;
            }

                .main-header .nav-listname .list-name-holder .list-name-icon:hover {
                    margin: 5px 0 0 0;
                    padding: 0;
                    background: url(../images/product_page/dropdown_red-hover.png) no-repeat;
                    width: 18px;
                    height: 12px;
                    float: right;
                    cursor: pointer;
                }

        .main-header .nav-listname .list-name-container {
            display: block;
            margin: 0;
            padding: 0 25px 0 0;
            float: left;
        }

            .main-header .nav-listname .list-name-container .list-cntr-text {
                margin: 0;
                padding: 0;
                font-size: 14px;
                color: #3b3b3b;
                float: left;
            }

                .main-header .nav-listname .list-name-container .list-cntr-text + .list-cntr-text:before {
                    content: "|";
                    padding: 0 5px 0 5px;
                }
/***NEW HEADER MODULE*/
body.main-navigation-on {
    /*overflow: hidden !important;*/
    height: 100%;
    overflow: hidden;
    width: 100%;
    position: fixed;
}

.we-theme.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

.we-theme .region-language-section {
    display: none;
}

.we-theme .navbar-header {
    float: none;
    padding: 10px;
}

    .we-theme .navbar-header .wolseley-main-logo {
        float: left;
        background: url(../images/icons/shop/main_logo.png) no-repeat center;
        background-size: contain;
        width: 148px;
        height: 47px;
        text-indent: -9999px;
    }

    .we-theme .navbar-header .cart,
    .we-theme .navbar-header .hard-hold {
        width: 38px;
        height: 38px;
        float: right;
        border-radius: 6px;
        text-indent: -9999px;
        margin-left: 2px;
        position: relative;
        z-index: 1000;
    }

    .we-theme .navbar-header .cart {
        background: url(../images/icons/shop/cart_grey_ic.png) no-repeat left center #fff;
        background-size: contain;
        text-indent: 0;
        color: #656565;
        font-size: 13px;
        text-align: right;
        padding: 12px 0 12px 38px;
        min-width: 38px;
        width: auto;
    }

    .we-theme .navbar-header .hard-hold {
        background: url(../images/modal_popover/hard_hold_alert.png) no-repeat center;
        background-size: contain;
    }

    .we-theme .navbar-header .navbar-toggle {
        background: none;
        border: none;
        width: 60px;
        height: 40px;
        float: left;
        margin-left: -4px;
        color: #cd2e31;
        position: relative;
        z-index: 1000;
        margin-right: 10px;
        margin-top: 4px;
    }

        .we-theme .navbar-header .navbar-toggle .icon-bar {
            background: #cd2e31;
            display: block;
            width: 40px;
            height: 2px;
            border-radius: 1px;
            margin-left: auto;
            margin-right: auto;
            transition: all.2s;
        }

        .we-theme .navbar-header .navbar-toggle.active .x-0 {
            transform: rotateZ(45deg);
            margin-top: 4px;
        }

        .we-theme .navbar-header .navbar-toggle.active .x-1 {
            transform: rotateZ(-45deg);
            margin-top: -2px;
        }

        .we-theme .navbar-header .navbar-toggle.active .x-2 {
            opacity: 0;
        }
/*bootstrap overriding class*/
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 10px;
}

.we-theme .navbar-header .main-search {
    padding: 10px 0 0 0;
    display: table;
    clear: both;
}

    .we-theme .navbar-header .main-search .search-by {
        height: 38px;
        padding-top: 4px;
    }

.we-theme .navbar-header .main-search-field {
    border-radius: 6px 0 0 6px;
    height: 38px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.we-theme .navbar-header .prd-dropdown {
    height: 38px;
    padding-top: 3px;
}



.we-theme .navbar-header .main-search-button {
    min-width: auto;
    width: 38px;
    height: 38px;
    padding: 6px;
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

    .we-theme .navbar-header .main-search-button .glyphicon {
        color: #fff;
        font-size: 16px;
    }

.we-theme .navbar {
    min-height: auto;
    margin-bottom: 10px !important;
}

.we-theme .navbar-default {
    background: none;
    border: none;
    border-bottom: 1px dashed #ccc;
    height: 162px;
}

.we-theme .navbar-collapse {
    margin: 58px 0 0 0;
    padding: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -110%;
    right: 0;
    width: 100%;
    z-index: 1000;
    background: #fff;
    transition: all.2s;
    display: block;
    overflow: auto;
}

.administration .we-theme .navbar-collapse {
    margin: 88px 0 0 0;
}

.we-theme .show-navigation .navbar-collapse {
    left: 0;
    margin-top: 167px;
    width: 90%;
    height: 40.2%;
    border-radius: 3px;
    box-shadow: 0px 5px 10px 0px rgb(128 128 128 / 20%);
}

.we-theme .navbar-nav {
    margin: 0;
}

    .we-theme .navbar-nav > .active > a,
    .we-theme .navbar-nav > .active > a:focus,
    .we-theme .navbar-nav > .active > a:hover,
    .we-theme .navbar-nav > .open > a,
    .we-theme .navbar-nav > .open > a:focus,
    .we-theme .navbar-nav > .open > a:hover {
        background: none;
    }

    .we-theme .navbar-nav > li {
        width: 100%;
        position: static;
        /* margin:0 30px;*/
    }

        .we-theme .navbar-nav > li:first-child {
            margin: 0 30px 0 0;
        }

.we-theme .navbar-nav-fr > li:first-child {
    margin: 0 10px 0 0;
}

.we-theme .navbar-nav > li > a {
    margin: 0 10px;
    font-size: 16px;
    color: #656565;
    text-align: left;
}

.we-theme .navbar-nav li > a.dropdown-toggle,
.we-theme .navbar-nav li > a.dropdown-toggle:hover,
.we-theme .navbar-nav li > a.dropdown-toggle:focus {
    background: url(../images/sub_menu.png) no-repeat right center;
}

.we-theme .navbar-nav li .dropdown-menu {
    border-top: 0;
    margin: 0;
    padding: 0 0 0 0;
    overflow: hidden;
    transition: all .3s;
    position: absolute;
    display: block;
    top: 0;
    left: -110%;
    right: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 20px 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 20px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 20px 10px rgba(0, 0, 0, 0.15);
}

.we-theme .navbar-nav li > .dropdown-menu .sign-in-title {
    font-weight: bold;
    font-size: 28px;
    color: #656565;
    margin: -5px 0 25px 0;
}

.we-theme .navbar-nav li > .dropdown-menu .sign-in-body {
    padding: 30px;
}

    .we-theme .navbar-nav li > .dropdown-menu .sign-in-body .form-control {
        background-color: rgba(0, 0, 0, 0);
        border: none;
        border-bottom: 2px solid #ccc;
        color: #656565;
        width: 100%;
        margin: 0 0 10px 0;
        font-size: 13px;
        padding-left: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .we-theme .navbar-nav li > .dropdown-menu .sign-in-body .forgot-password {
        color: #cd2e31;
        font-size: 13px;
        margin-top: 16px;
        display: inline-block;
    }

    .we-theme .navbar-nav li > .dropdown-menu .sign-in-body label > span {
        top: 3px;
        right: -14px;
        left: auto;
    }

    .we-theme .navbar-nav li > .dropdown-menu .sign-in-body .remember-field label {
        float: left;
        font-size: 11px;
    }

.we-theme .navbar-nav li > .dropdown-menu .sign-in-footer {
    padding: 24px 30px;
    background: #3b3b3b;
}

    .we-theme .navbar-nav li > .dropdown-menu .sign-in-footer h4,
    .we-theme .navbar-nav li > .dropdown-menu .sign-in-footer .sign-footer-title {
        font-size: 17px;
        color: #fff;
        margin: 0 0 6px 0;
        font-weight: bold;
    }

    .we-theme .navbar-nav li > .dropdown-menu .sign-in-footer a {
        background: url(../images/icons/shop/sprite-icons.png) no-repeat right center;
        background-position: -152px -201px;
        padding: 4px 15px 4px 0;
        display: inline-block;
        color: #fff;
        opacity: 0.8;
        background-position: 287px 8px;
        line-height: 21px;
    }

        .we-theme .navbar-nav li > .dropdown-menu .sign-in-footer a:hover {
            opacity: 1;
        }


.we-theme .navbar-nav li > .dropdown-menu li {
    width: 100%;
}

    .we-theme .navbar-nav li > .dropdown-menu li > a,
    .we-theme .navbar-nav li > .dropdown-menu li > p a {
        margin: 0 10px;
        padding: 20px 34px;
        font-weight: bold;
        color: #656565;
        text-align: left;
        display: block;
        border-bottom: 1px dashed #ccc;
        font-size: 16px;
    }

    .we-theme .navbar-nav li > .dropdown-menu li.sub-item > a {
        font-size: 13px;
        font-weight: bold;
        text-align: right;
    }

    .we-theme .navbar-nav li > .dropdown-menu li.back a {
        background: url(../images/back.png) no-repeat left center;
    }

/*.we-theme .navbar-nav li > .dropdown-menu ul {
    width: 100%;
}*/

.we-theme .navbar-nav .dropdown-menu .account-information {
    padding: 16px 44px;
    font-size: 16px;
}

    .we-theme .navbar-nav .dropdown-menu .account-information div {
        padding: 16px 44px;
        font-size: 16px;
        padding: 5px 0
    }

.we-theme .navbar-nav .dropdown-menu .nav-item-products {
    display: none;
}
/*language toggle styles*/
.we-theme.language_selector {
    margin: 5px;
    color: #656565;
}

.we-theme .switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 16px;
}

.we-theme.language_selector .switch {
    top: 2px;
}

.we-theme .switch input {
    display: none;
}

.we-theme .lang-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e1e1e1;
    -webkit-transition: .4s;
    transition: .4s;
}

    .we-theme .lang-slider:before {
        position: absolute;
        content: "";
        height: 14px;
        width: 14px;
        left: 1px;
        bottom: 1px;
        background-color: #cd2e31;
        -webkit-transition: .4s;
        transition: .4s;
    }

.we-theme input:checked + .lang-slider {
}

.we-theme input:focus + .lang-slider {
    box-shadow: 0 0 1px #ccc;
}

.we-theme input:checked + .lang-slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}
/* Rounded sliders */
.we-theme .lang-slider.round {
    border-radius: 8px;
}

    .we-theme .lang-slider.round:before {
        border-radius: 50%;
    }

.we-theme .account-links {
    clear: both;
    border-top: 1px solid #fff;
}

    .we-theme .account-links .my-account-link {
        color: #cd2e31;
        padding: 8px 0 !important;
        text-align: right;
        display: block;
        font-weight: bold;
    }

        .we-theme .account-links .my-account-link span {
            font-size: 12px;
            font-weight: normal;
            color: #656565;
            display: block;
        }

    .we-theme .account-links .sign-in-link {
        text-align: center;
        background: #cd2e31;
        border-radius: 6px;
        margin: 10px 0;
        display: block;
    }
/*language toggle styles*/
.we-theme.language_selector {
    margin: 5px;
    color: #656565;
    margin-top: -3px;
    margin-right: 25px;
}

.we-theme .switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 16px;
}

.we-theme.language_selector .switch {
    top: 2px;
}

.we-theme .switch input {
    display: none;
}

.we-theme .lang-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #e1e1e1;
    -webkit-transition: .4s;
    transition: .4s;
}

    .we-theme .lang-slider:before {
        position: absolute;
        content: "";
        height: 14px;
        width: 14px;
        left: 1px;
        bottom: 1px;
        background-color: #cd2e31;
        -webkit-transition: .4s;
        transition: .4s;
    }

.we-theme input:checked + .lang-slider {
}

.we-theme input:focus + .lang-slider {
    box-shadow: 0 0 1px #ccc;
}

.we-theme input:checked + .lang-slider:before {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}
/* Rounded sliders */
.we-theme .lang-slider.round {
    border-radius: 8px;
}

    .we-theme .lang-slider.round:before {
        border-radius: 50%;
    }
/*Select a region styles*/
.regions-list {
}

    .regions-list .panel {
        background: none;
        border: none;
    }

    .regions-list .panel-heading {
        background: none;
        border-radius: 6px;
        border: 1px solid #ccc;
        padding: 0px;
        margin-top: 10px;
    }

        .regions-list .panel-heading a {
            display: block;
            padding: 12px;
        }

        .regions-list .panel-heading [data-toggle="collapse"]:after {
            content: "\e258";
            color: #656565;
            font-size: 13px;
            line-height: 14px;
        }

        .regions-list .panel-heading:hover a,
        .regions-list .panel-heading:hover [data-toggle="collapse"]:after {
            color: #cd2e31;
        }

        .regions-list .panel-heading [data-toggle="collapse"].collapsed:after {
            line-height: 18px;
        }

    .regions-list .panel-title {
        font-weight: bold;
        font-size: 15px;
        color: #656565;
    }

    .regions-list .panel-body ul li {
        padding: 5px;
    }

        .regions-list .panel-body ul li a {
            font-size: 13px;
        }

            .regions-list .panel-body ul li a:focus,
            .regions-list .panel-body ul li a:hover {
                color: #cd2e31
            }
/*Search magnifying icon background color change*/
.we-theme .sa-search-form .sa-icon-search .swa-Search {
    background-color: #cd2e31;
    border-color: #cd2e31;
}

    .we-theme .sa-search-form .sa-icon-search .swa-Search .glyphicon-search {
        color: white;
    }
/*Login Page Updated Styles*/
.login-theme .navbar-header {
    padding: 0 !important;
}
/*--------------------------------------------------
	B A N E E R 
---------------------------------------------------*/
.banner {
    width: auto;
    min-height: auto;
    display: block;
    margin: 0;
    padding: 0;
}

    .banner .banner-container {
        width: 550px;
        min-height: 450px;
        opacity: 0.9;
        background: #cd2e31;
        position: absolute;
        top: 0px;
        left: 66px;
        padding: 60px;
        padding-right: 55px;
        margin: 0px;
    }

        .banner .banner-container .banner-sm-title {
            font-size: 14px;
            text-transform: uppercase;
            margin: 0px;
            padding: 0px;
            color: white;
            letter-spacing: 1px;
        }

        .banner .banner-container .banner-content-header {
            font-size: 39px;
            margin: 0px;
            padding: 15px 0 15px 0;
            color: white;
            line-height: 48px;
        }

        .banner .banner-container p {
            font-size: 18px;
            line-height: 30px;
            font-weight: normal;
            padding-bottom: 38px;
        }

        .banner .banner-container .banner-button {
            border-radius: 4px;
            padding: 6px 23px;
            border-color: #fffdfd;
            background-color: #cd2e31;
            border-width: 2px;
            color: white;
        }

        .banner .banner-container .banner-sm-title a,
        .banner .banner-container .banner-content-header a,
        .banner .banner-container p a {
            color: white;
            cursor: hover;
        }

        .banner .banner-container .banner-button a {
            color: white;
        }

            .banner .banner-container .banner-button a:hover {
                color: #ccc;
            }
/*--------------------------------------------------
	C A T E G O R Y
---------------------------------------------------*/


/*--------------------------------------------------
	FEATURED PRODUCTS
---------------------------------------------------*/
.featured-products {
    display: block;
    margin: 0;
    padding: 20px 0 0 0;
}

    .featured-products .featured-header {
        border-bottom: dashed 1px #cccccc;
        padding: 0 0 10px 0;
        margin: 0;
    }

        .featured-products .featured-header .header-left {
            float: left;
            margin: 0;
            padding: 0;
            color: #3b3b3b;
            font-size: 24px;
            font-weight: bold;
        }

        .featured-products .featured-header .header-right {
            float: right;
            margin: 0;
            padding: 10px 0 0 0;
            color: #cd2e31;
            font-size: 13px;
            font-weight: normal;
            opacity: 1;
        }

    .featured-products .product-wrapper {
        display: block;
        margin: 0;
        padding: 30px 0 0 0;
        position: relative;
    }

        .featured-products .product-wrapper .product-grid {
            display: block;
            margin: 0;
            background: rgba(242,242,242, 0.8);
            opacity: 1;
            /*min-height: 440px;
            height: 440px;*/
            border-radius: 6px;
            padding: 20px;
            width: auto;
            position: relative;
        }

            .featured-products .product-wrapper .product-grid a:hover {
                color: #cd2e31;
                text-decoration: underline !important;
            }

            .featured-products .product-wrapper .product-grid .product-icon {
                display: block;
                margin: 0;
                text-align: center;
                padding: 0 0 0 0;
                min-height: 150px;
            }

            .featured-products .product-wrapper .product-grid .product-caption {
                display: block;
                margin: 0;
                text-align: left;
                padding: 46px 0 9px 0;
                font-size: 16px;
                color: #656565;
                font-weight: bold;
                opacity: 1;
                height: 108px !important;
            }

            .featured-products .product-wrapper .product-grid .product-content {
                display: block;
                margin: 0;
                padding: 0 0 25px 0;
                text-align: left;
                font-size: 13px;
                color: #656565;
                font-weight: normal;
                opacity: 1;
                line-height: 17px;
                text-align: justify;
            }

            .featured-products .product-wrapper .product-grid .product-logo {
                display: block;
                margin: 0;
                padding: 0 10px 0 0;
                text-align: left;
                opacity: 1;
            }

            .featured-products .product-wrapper .product-grid .product-price {
                font-weight: bold;
                color: #656565;
                padding: 10px 0 10px 0;
            }

            .featured-products .product-wrapper .product-grid .addtocart-icon {
                display: block;
                margin: 0;
                padding: 0;
                opacity: 1;
                float: right;
                background: url(../images/icons/shop/sprite-icons.png) no-repeat center;
                background-position: -85px -10px;
                width: 47px;
                height: 47px;
                position: absolute;
                right: 17px;
                bottom: 12px;
            }

                .featured-products .product-wrapper .product-grid .addtocart-icon:hover {
                    background: url(../images/icons/shop/sprite-icons.png) no-repeat center;
                    background-position: -10px -10px;
                    width: 55px;
                    height: 55px;
                    cursor: pointer;
                    position: absolute;
                    right: 17px;
                    bottom: 12px;
                }

        .featured-products .product-wrapper .product-carousel {
            display: block;
            width: 67px;
            height: 440px;
            margin: 0;
            padding: 0;
            position: absolute;
            left: -67px;
            bottom: 0px;
            cursor: pointer;
        }

        .featured-products .product-wrapper .position-right {
            left: 1146px;
            bottom: 0px;
        }

        .featured-products .product-wrapper .left-chevron {
            display: block;
            width: 39px;
            height: 127px;
            margin: 150px 0 0 -40px;
            padding: 0;
            background: url(../images/icons/shop/chevron_carousel.png) no-repeat center;
            opacity: 1;
            cursor: pointer;
        }

            .featured-products .product-wrapper .left-chevron:hover {
                display: block;
                width: 39px;
                height: 127px;
                margin: 150px 0 0 -45px;
                padding: 0;
                background: url(../images/icons/shop/chevron_carousel-hover.png) no-repeat center;
                cursor: pointer;
            }

        .featured-products .product-wrapper .right-chevron {
            display: block;
            width: 39px;
            height: 127px;
            margin: 150px -40px 0 0;
            padding: 0;
            background: url(../images/icons/shop/chevron_carousel_rt.png) no-repeat;
            opacity: 1;
            cursor: pointer;
        }

            .featured-products .product-wrapper .right-chevron:hover {
                display: block;
                width: 39px;
                height: 127px;
                margin: 150px -45px 0 0;
                padding: 0;
                background: url(../images/icons/shop/chevron_carousel_rt-hover.png) no-repeat;
                opacity: 1;
                cursor: pointer;
            }

    .featured-products .modal-dialog .modal-body {
        padding: 20px 40px;
    }

        .featured-products .modal-dialog .modal-body p {
            color: #656565;
        }

    .featured-products .product-wrapper .product-grid .product-caption a {
        color: #656565;
    }

        .featured-products .product-wrapper .product-grid .product-caption a:hover {
            color: #656565;
        }
    /*featured products CMS integration styles*/
    .featured-products .product-wrapper .product-grid p {
        word-wrap: break-word;
    }

        .featured-products .product-wrapper .product-grid p:first-of-type {
            text-align: center;
            padding-bottom: 25px;
        }

            .featured-products .product-wrapper .product-grid p:first-of-type img {
                text-align: center;
                width: 250px;
                height: 150px;
            }

        .featured-products .product-wrapper .product-grid p:nth-child(2) {
            padding-bottom: 10px;
            margin: 0px;
            font-size: 16px;
            font-weight: 600;
            color: #656565;
        }

        .featured-products .product-wrapper .product-grid p:nth-child(3) {
            padding-bottom: 10px;
            margin: 0px;
            font-size: 13px;
            color: #656565;
            text-align: center;
            line-height: 17px;
            width: 100%;
        }

        .featured-products .product-wrapper .product-grid p:nth-child(4) {
            text-align: left;
            margin: 0px;
            padding: 0px;
        }

    .featured-products .product-wrapper .product-grid .price-count {
        font-size: 13px;
        margin: 0px;
        padding: 0px;
        position: absolute;
        bottom: 10px;
        /*left: 17px;*/
    }
    /* Featured content new slider styles */
    .featured-products .bx-wrapper .bx-prev {
        width: 39px;
        height: 127px;
        background: url(../images/icons/shop/chevron_carousel.png) no-repeat center;
        margin-top: -65px;
        left: -40px;
    }

        .featured-products .bx-wrapper .bx-prev:hover,
        .featured-products .bx-wrapper .bx-prev:focus {
            width: 39px;
            height: 127px;
            background: url(../images/icons/shop/chevron_carousel-hover.png) no-repeat center;
            margin-top: -65px;
            left: -44px;
        }

    .featured-products .bx-wrapper .bx-next {
        width: 39px;
        height: 127px;
        right: -40px;
        margin-top: -65px;
        background: url(../images/icons/shop/chevron_carousel_rt.png) no-repeat;
    }

        .featured-products .bx-wrapper .bx-next:hover,
        .featured-products .bx-wrapper .bx-next:focus {
            width: 39px;
            height: 127px;
            right: -44px;
            margin-top: -65px;
            background: url(../images/icons/shop/chevron_carousel_rt-hover.png) no-repeat;
        }

.product-wrapper .bx-wrapper {
    box-shadow: none !important;
    border: 0px;
    margin: 0px;
}

    .product-wrapper .bx-wrapper img {
        display: inline;
    }
/*--------------------------------------------------
	D I V I D E R L I N E
---------------------------------------------------*/
.divider-line {
    display: block;
    margin: 0;
    padding: 0 0 0 0;
}

    .divider-line .red-line {
        border: 3px solid #cd2e31;
        padding: 0;
        margin: 0;
    }
/*--------------------------------------------------
	W H A T 'S N E W 
---------------------------------------------------*/
.whatsnews-products {
    display: block;
    margin: 0;
    padding: 30px 0 0 0;
}

    .whatsnews-products .whatsnews-header {
        border-bottom: dashed 1px #cccccc;
        padding: 0 0 10px 0;
        margin: 0;
    }

        .whatsnews-products .whatsnews-header .header-left {
            float: left;
            margin: 0;
            padding: 0;
            color: #3b3b3b;
            font-size: 24px;
            font-weight: bold;
        }

        .whatsnews-products .whatsnews-header .header-right {
            float: right;
            margin: 0;
            padding: 10px 0 0 0;
            color: #cd2e31;
            font-size: 13px;
            font-weight: normal;
            opacity: 1;
        }

    .whatsnews-products .whatsnews-wrapper {
        display: block;
        margin: 0;
        padding: 0 0 22px 0;
    }

        .whatsnews-products .whatsnews-wrapper .whatsnews-grid {
            display: block;
            padding: 22px 0 18px 0;
            margin: 0;
            border-bottom: dashed 1px #cccccc;
        }

            .whatsnews-products .whatsnews-wrapper .whatsnews-grid .whatsnews-icon {
                float: left;
                padding: 0;
                margin: 0;
                min-width: 200px;
                text-align: center;
            }

            .whatsnews-products .whatsnews-wrapper .whatsnews-grid .whatsnews-text {
                display: table-cell;
                padding: 0 0 0 20px;
                margin: 0;
            }

                .whatsnews-products .whatsnews-wrapper .whatsnews-grid .whatsnews-text h6 {
                    font-weight: bold;
                    color: #656565;
                    opacity: 1;
                    font-size: 13px;
                    margin: 0 0 5px 0;
                }

                .whatsnews-products .whatsnews-wrapper .whatsnews-grid .whatsnews-text .news-header {
                    font-weight: bold;
                    color: #656565;
                    opacity: 1;
                    font-size: 13px;
                    margin: 0;
                    padding: 0px 0 2px 0;
                }

                .whatsnews-products .whatsnews-wrapper .whatsnews-grid .whatsnews-text h5 {
                    font-weight: bold;
                    color: #656565;
                    opacity: 1;
                    font-size: 18px;
                    margin: 0 0 0 0;
                    padding: 0 0 10px 0;
                }

                .whatsnews-products .whatsnews-wrapper .whatsnews-grid .whatsnews-text p {
                    color: #3b3b3b;
                    opacity: 1;
                    font-size: 13px;
                    line-height: 19px;
                    padding: 0 0 20px 0;
                    margin: 0px;
                }

            .whatsnews-products .whatsnews-wrapper .whatsnews-grid a {
                color: #cd2e31;
                opacity: 1;
                font-size: 13px;
            }

        .whatsnews-products .whatsnews-wrapper .bdr-btm-0 {
            border-bottom: 0px;
        }

    .whatsnews-products .whatsnews-header .header-right a {
        color: #cd2e31;
    }

        .whatsnews-products .whatsnews-header .header-right a:hover {
            color: #cd2e31;
        }

    .whatsnews-products .whatsnews-wrapper .whatsnews-grid .whatsnews-text h5 a {
        color: #656565;
        font-size: 18px;
    }

        .whatsnews-products .whatsnews-wrapper .whatsnews-grid .whatsnews-text h5 a:hover {
            color: #656565;
        }
/*--------------------------------------------------
	U S E F U L L I N K S
---------------------------------------------------*/
.useful-links {
    display: block;
    margin: 0;
    padding: 28px 0 10px 0;
}

    .useful-links .links-holder {
        display: block;
        margin: 0;
        padding: 0 0 26px 0;
    }

        .useful-links .links-holder h4 {
            font-size: 21px;
            color: #3b3b3b;
            opacity: 1;
            margin: 0;
            font-weight: bold;
            padding: 0 0 19px 0;
        }

        .useful-links .links-holder ul {
            display: block;
            margin: 0;
            padding: 0;
        }

            .useful-links .links-holder ul li {
                color: #3b3b3b;
                font-size: 13px;
                font-weight: normal;
                margin: 0;
                padding: 5px 0 5px 0;
                opacity: 1;
                line-height: 16px;
                border-bottom: dashed 1px #cccccc;
            }

                .useful-links .links-holder ul li a {
                    color: #3b3b3b;
                }

                    .useful-links .links-holder ul li a:hover {
                        color: #cd2e31;
                    }
/*--------------------------------------------------
	A D V E R T I S E M E N T
---------------------------------------------------*/
.ad-holder {
    display: block;
    margin: 0;
    padding: 28px 0 60px 0;
}

    .ad-holder .ad-image {
        max-width: 264px;
        display: block;
        margin: 0;
        padding: 0 0 0 0;
        width: 100%;
    }
/*--------------------------------------------------
	F O O T E R   T O P   B A N D
---------------------------------------------------*/
.footer-topband {
    display: block;
    margin: 0;
    padding: 0 0 0 0;
    height: 37px;
    background: #cccccc;
    width: 100%;
}
/*--------------------------------------------------
	F O O T E R   
---------------------------------------------------*/
.footer-wrapper {
    display: block;
    margin: 0;
    padding: 60px 0 50px 0;
    background: #3b3b3b;
    min-height: 362px;
}

    .footer-wrapper .footer-content {
        display: block;
        margin: 0;
        padding: 0;
    }

        .footer-wrapper .footer-content .content-title {
            font-size: 18px;
            color: white;
            opacity: 1;
            padding: 0 0 15px 0;
        }

        .footer-wrapper .footer-content p {
            font-size: 15px;
            line-height: 25px;
            color: #cccccc;
            opacity: 1;
            text-align: left;
            padding: 0 0 25px 0;
            margin: 0px;
        }

        .footer-wrapper .footer-content .footer-arrows {
            margin: 0;
            padding: 0 0;
        }

        .footer-wrapper .footer-content .ptop-25 {
            padding-top: 25px;
        }

        .footer-wrapper .footer-content .footer-arrows .arrow-title {
            font-size: 14px;
            letter-spacing: 1px;
            color: white;
            opacity: 1;
            padding: 0 10px 0 0;
        }

        .footer-wrapper .footer-content .footer-arrows .arrow-icon {
            width: 13px;
            height: 14px;
            background: url(../images/icons/shop/sprite-icons.png) no-repeat;
            background-position: -152px -200px;
            display: inline-block;
            vertical-align: baseline;
        }

        .footer-wrapper .footer-content .over-ride {
            padding: 0;
            margin: 0px;
        }

        .footer-wrapper .footer-content .content-title span {
            font-size: 18px;
            color: white;
            color: #cccccc;
            opacity: 1;
        }

        .footer-wrapper .footer-content .footer-align {
            display: block;
            margin: 0;
            padding: 0 0;
            float: left;
        }

            .footer-wrapper .footer-content .footer-align span {
                float: left;
                font-size: 15px;
                line-height: 25px;
                color: #cccccc;
                line-height: 25px;
            }

        .footer-wrapper .footer-content span.mrt-right {
            margin-right: 5px;
        }

    .footer-wrapper .social-content {
        display: block;
        margin: 0 0 0 0;
        padding: 35px 0 0 0;
    }

        .footer-wrapper .social-content .social-icons {
            opacity: 1;
            margin: 0;
            padding: 0;
            display: flex;
            gap: 3px;
        }

            .footer-wrapper .social-content .social-icons a {
                text-decoration: none;
                display: block;
                background-size: cover;
                background-color: transparent;
                width: 38px;
                height: 38px;
            }

        .footer-wrapper .social-content .facebook {
            background-image: url(../images/icons/shop/facebook_ic.svg);
        }


        .footer-wrapper .social-content .twitter {
            background-image: url(../images/icons/shop/twitter_ic.svg);
        }

        .footer-wrapper .social-content .rss {
            background: url(../images/icons/shop/sprite-icons.png) no-repeat;
            background-position: -152px -10px;
            width: 38px;
            height: 38px;
            float: left;
        }

        .footer-wrapper .social-content .linkedin {
            background-image: url(../images/icons/shop/linkedin_ic.svg);
        }

        .footer-wrapper .social-content .instagram {
            background-image: url(../images/icons/shop/instagram_ic.svg);
        }

        .footer-wrapper .social-content .facebook:hover {
            background-image: url(../images/icons/shop/facebook_ic-hover.svg);
        }

        .footer-wrapper .social-content .twitter:hover {
            background-image: url(../images/icons/shop/twitter_ic-hover.svg);
        }

        .footer-wrapper .social-content .rss:hover {
            background: url(../images/icons/shop/sprite-icons.png) no-repeat;
            background-position: -68px -85px;
        }

        .footer-wrapper .social-content .linkedin:hover {
            background-image: url(../images/icons/shop/linkedin_ic-hover.svg);
        }

        .footer-wrapper .social-content .instagram:hover {
            background-image: url(../images/icons/shop/instagram_ic-hover.svg);
        }

    .footer-wrapper a {
        color: white;
    }

        .footer-wrapper a:hover {
            color: white;
        }

    .footer-wrapper .footer-content .footer-arrows a {
        color: white;
    }

        .footer-wrapper .footer-content .footer-arrows a:hover {
            color: white;
        }

    .footer-wrapper .footer-content p a {
        color: #cccccc;
    }

        .footer-wrapper .footer-content p a:hover {
            color: white;
        }

    .footer-wrapper .footer-content .footer-align a span {
        color: #cccccc;
    }

        .footer-wrapper .footer-content .footer-align a span:hover {
            color: white;
        }

    .footer-wrapper .footer-content .footer-align span a {
        color: #cccccc;
        font-size: 15px;
    }

        .footer-wrapper .footer-content .footer-align span a:hover {
            color: white;
        }
    /*Fix for footer mybranch*/
    .footer-wrapper .footer-content .content-mybranch {
        font-size: 15px;
        color: #cccccc;
        line-height: 25px;
        padding: 0 0 26px 0;
        font-weight: normal;
    }

    .footer-wrapper .social-content .social-icons .mrht-5 {
        margin-right: 8px;
    }
/*--------------------------------------------------
	F O O T E R   B O T T O M   B A N D
---------------------------------------------------*/
.footer-bottom-band {
    display: block;
    margin: 0;
    padding: 0 0 0 0;
    height: 20px;
    background: #cd2e31;
    width: 100%;
}
/*--------------------------------------------------
	M E G A   D R O P  D O W N   M E N U   
---------------------------------------------------*/
.nav-bar .menubar-holder {
    display: block;
    margin: 0;
    padding: 0 0 0 0;
    width: 977px;
    height: 376px;
    opacity: 0.9;
    background: #e6e6e6; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#e6e6e6, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#e6e6e6, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e6e6e6, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e6e6e6, #ffffff); /* Standard syntax (must be last) */
    position: absolute;
    top: 27px;
    left: 0;
    z-index: 9;
}

    .nav-bar .menubar-holder .menubar-topband {
        background: #cccccc;
        width: 937px;
        height: 4px;
        display: block;
        margin: 0;
        padding: 0 0 0 0;
        float: right;
    }

    .nav-bar .menubar-holder .menubar-container {
        width: 977px;
        height: auto;
        display: block;
        margin: 0;
        padding: 52px 0 0 40px;
    }

        .nav-bar .menubar-holder .menubar-container .menubar-col-1 {
            width: 334px;
            height: auto;
            display: block;
            margin: 0;
            padding: 0;
            float: left;
        }

            .nav-bar .menubar-holder .menubar-container .menubar-col-1 ul {
                display: block;
                margin: 0;
                padding: 0;
            }

                .nav-bar .menubar-holder .menubar-container .menubar-col-1 ul li {
                    color: #656565;
                    font-size: 18px;
                    font-weight: bold;
                    margin: 0;
                    padding: 10px 0 4px 0;
                    opacity: 1;
                    border-bottom: dashed 1px #cccccc;
                    width: 319px;
                    word-wrap: break-word;
                }

        .nav-bar .menubar-holder .menubar-container .menubar-col-2 {
            width: 200px;
            height: auto;
            display: block;
            margin: 0;
            padding: 0;
            float: left;
        }

            .nav-bar .menubar-holder .menubar-container .menubar-col-2 .col-title {
                width: 200px;
                height: auto;
                display: block;
                margin: 0;
                padding: 0;
                font-weight: bold;
                color: #cd2e31;
                text-align: center;
                font-size: 22px;
            }

            .nav-bar .menubar-holder .menubar-container .menubar-col-2 .col-icon {
                width: 200px;
                min-height: 160px;
                display: block;
                margin: 0;
                padding: 0;
                text-align: center;
            }

            .nav-bar .menubar-holder .menubar-container .menubar-col-2 .col-header {
                width: 200px;
                height: auto;
                display: block;
                margin: 0;
                padding: 10px 15px 0 15px;
                font-weight: bold;
                font-size: 16px;
                color: #656565;
                text-align: center;
            }

            .nav-bar .menubar-holder .menubar-container .menubar-col-2 .col-spacer {
                padding: 0 35px 0 35px;
            }

            .nav-bar .menubar-holder .menubar-container .menubar-col-2 p {
                width: 200px;
                height: auto;
                display: block;
                margin: 0;
                padding: 9px 15px 0 15px;
                color: #656565;
                font-size: 12px;
                text-align: center;
            }

        .nav-bar .menubar-holder .menubar-container .menubar-divider {
            height: 138px;
            width: 1px;
            background: #cccccc;
            float: left;
            margin: 100px 0 0 0;
        }

    .nav-bar .menubar-holder .all-categories {
        width: 977px;
        height: auto;
        display: block;
        margin: 0;
        padding: 6px 0 0 40px;
        float: left;
    }

        .nav-bar .menubar-holder .all-categories .category-text {
            display: block;
            margin: 0;
            padding: 0;
            font-size: 14px;
            color: #cd2e31;
            width: 105px;
            float: left;
        }

        .nav-bar .menubar-holder .all-categories .category-icon {
            width: 18px;
            height: 18px;
            display: block;
            margin: 0;
            padding: 0;
            opacity: 1;
            background: url(../images/icons/shop/arrow-o-red.png) no-repeat;
            float: left;
            cursor: pointer;
        }

            .nav-bar .menubar-holder .all-categories .category-icon:hover {
                background: url(../images/icons/shop/arrow-o-red-hover.png) no-repeat;
            }
/*services*/
.nav-bar .services-width {
    width: 780px !important;
}
/*support*/
.nav-bar .support-width {
    width: 845px !important;
}
/*my wolseley*/
.nav-bar .menubar-holder .menubar-container .mywolseley-width {
    width: 260px !important;
}

    .nav-bar .menubar-holder .menubar-container .mywolseley-width ul li {
        width: 245px !important;
    }

.nav-bar .menubar-holder .menubar-container .menubar-col-1 ul li a {
    color: #656565;
}

    .nav-bar .menubar-holder .menubar-container .menubar-col-1 ul li a:hover {
        color: #cd2e31;
    }

.nav-bar .menubar-holder .menubar-container .menubar-col-2 .col-title a {
    color: #cd2e31;
}

    .nav-bar .menubar-holder .menubar-container .menubar-col-2 .col-title a:hover {
        color: #cd2e31;
    }

.nav-bar .menubar-holder .menubar-container .menubar-col-2 .col-header a {
    color: #656565;
}

    .nav-bar .menubar-holder .menubar-container .menubar-col-2 .col-header a:hover {
        color: #cd2e31;
    }

.nav-bar .menubar-holder .menubar-container .menubar-col-2 p a {
    color: #656565;
}

    .nav-bar .menubar-holder .menubar-container .menubar-col-2 p a:hover {
        color: #cd2e31;
    }

.nav-bar .menubar-holder .all-categories a {
    color: #cd2e31;
}

    .nav-bar .menubar-holder .all-categories a:hover {
        color: #cd2e31;
    }
/*--------------------------------------------------
	C A T E G O R Y  S E C T I O N   
---------------------------------------------------*/
.main-category {
    display: block;
    margin: 0;
    padding: 0 0 0 0;
}

    .main-category .category-wrapper {
        display: block;
        margin: 0;
        padding: 0 0 0 0;
        position: relative;
    }

        .main-category .category-wrapper .category-holder {
            display: block;
            margin: 0;
            padding: 45px 0 0 43px;
            width: 25%;
            height: 279px;
            float: left;
            max-width: 361px;
        }

        .main-category .category-wrapper .img-holder-1 {
            background: url(../images/categorysection_images/initial_state/plumbing.png) no-repeat;
        }

            .main-category .category-wrapper .img-holder-1:hover {
                background: url(../images/categorysection_images/hover_state/plumbing-hover.png) no-repeat;
            }

        .main-category .category-wrapper .img-holder-2 {
            background: url(../images/categorysection_images/initial_state/hvac.png) no-repeat;
        }

            .main-category .category-wrapper .img-holder-2:hover {
                background: url(../images/categorysection_images/hover_state/hvac-hover.png) no-repeat;
            }

        .main-category .category-wrapper .img-holder-3 {
            background: url(../images/categorysection_images/initial_state/pipe.png) no-repeat;
        }

            .main-category .category-wrapper .img-holder-3:hover {
                background: url(../images/categorysection_images/hover_state/pipe-hover.png) no-repeat;
            }

        .main-category .category-wrapper .img-holder-4 {
            background: url(../images/categorysection_images/initial_state/hydronics.png) no-repeat;
        }

            .main-category .category-wrapper .img-holder-4:hover {
                background: url(../images/categorysection_images/hover_state/hydronics-hover.png) no-repeat;
            }

        .main-category .category-wrapper .img-holder-5 {
            background: url(../images/categorysection_images/initial_state/tools.png) no-repeat;
        }

            .main-category .category-wrapper .img-holder-5:hover {
                background: url(../images/categorysection_images/hover_state/tools-hover.png) no-repeat;
            }

        .main-category .category-wrapper .img-holder-6 {
            background: url(../images/categorysection_images/initial_state/waterworks.png) no-repeat;
        }

            .main-category .category-wrapper .img-holder-6:hover {
                background: url(../images/categorysection_images/hover_state/waterworks-hover.png) no-repeat;
            }

        .main-category .category-wrapper .img-holder-7 {
            background: url(../images/categorysection_images/initial_state/fire.png) no-repeat;
        }

            .main-category .category-wrapper .img-holder-7:hover {
                background: url(../images/categorysection_images/hover_state/fire-hover.png) no-repeat;
            }

        .main-category .category-wrapper .img-holder-8 {
            background: url(../images/categorysection_images/initial_state/other.png) no-repeat;
        }

            .main-category .category-wrapper .img-holder-8:hover {
                background: url(../images/categorysection_images/hover_state/other-hover.png) no-repeat;
            }

    .main-category .view-all-category {
        display: block;
        margin: 0;
        padding: 0 0 0 0;
        background: #cd2e31;
    }

        .main-category .view-all-category .category-text {
            display: block;
            margin: 0;
            min-height: 54px;
            padding: 15px 0 0 0;
            background: #cd2e31;
            font-size: 14px;
            letter-spacing: 1px;
            color: white;
            opacity: 1;
            text-align: center;
            border: 0;
            cursor: pointer;
        }

    .main-category .category-wrapper .category-carousel {
        display: block;
        width: 30px;
        height: 279px;
        margin: 0;
        padding: 0;
        position: absolute;
        left: 0px;
        bottom: 0px;
        top: 0;
        right: 0px;
    }

    .main-category .category-wrapper .category-left-chevron {
        display: block;
        width: 12px;
        height: 34px;
        margin: 128px 0 0 15px;
        padding: 0;
        background: url(../images/icons/shop/sprite-icons.png) no-repeat;
        background-position: -42px -201px;
        opacity: 1;
        z-index: 1;
    }

        .main-category .category-wrapper .category-left-chevron:hover {
            background: url(../images/icons/shop/sprite-icons.png) no-repeat;
            background-position: -10px -201px;
        }

    .main-category .category-wrapper .category-right-chevron {
        display: block;
        width: 12px;
        height: 34px;
        margin: 128px 15px 0 0;
        padding: 0;
        background: url(../images/icons/shop/sprite-icons.png) no-repeat;
        background-position: -210px -122px;
        opacity: 1;
    }

        .main-category .category-wrapper .category-right-chevron:hover {
            background: url(../images/icons/shop/sprite-icons.png) no-repeat;
            background-position: -210px -68px;
        }

    .main-category .category-wrapper .category-position {
        left: 1250px;
        bottom: 0;
        top: 0;
        right: 0;
    }

    .main-category .category-wrapper .category-holder .category-title {
        display: block;
        margin: 0;
        padding: 0 0 25px 0;
        font-size: 24px;
        color: white;
        opacity: 1;
        font-weight: bold;
    }

    .main-category .category-wrapper .category-holder p {
        display: block;
        margin: 0 0 0 0;
        padding: 0 60px 0 0;
        font-size: 14px;
        color: white;
        opacity: 0.9;
        line-height: 21px;
        height: 80px;
        overflow: hidden;
    }

    .main-category .category-wrapper .arrow-category {
        height: auto;
        display: block;
        margin: 0;
        padding: 65px 0 0 10px;
        float: left;
    }

        .main-category .category-wrapper .arrow-category .arrow-text {
            display: block;
            margin: 0;
            padding: 0 10px 0 0;
            font-size: 14px;
            color: white;
            width: auto;
            float: left;
            letter-spacing: 1px;
            opacity: 1;
        }

        .main-category .category-wrapper .arrow-category .arrow-icon {
            width: 19px;
            height: 19px;
            display: block;
            margin: 0;
            padding: 0;
            opacity: 1;
            background: url(../images/icons/shop/sprite-icons.png) no-repeat;
            background-position: -113px -201px;
            float: left;
            cursor: pointer;
        }

            .main-category .category-wrapper .arrow-category .arrow-icon:hover {
                background: url(../images/icons/shop/sprite-icons.png) no-repeat;
                background-position: -74px -201px;
            }

    .main-category .category-wrapper .category-holder .category-title a,
    .main-category .category-wrapper .category-holder .category-title a,
    .main-category .view-all-category .category-text a {
        color: white;
    }

        .main-category .category-wrapper .category-holder .category-title a:hover,
        .main-category .category-wrapper .category-holder .category-title a:hover,
        .main-category .view-all-category .category-text a:hover {
            color: white;
        }
    /* category content new slider styles */
    .main-category .category-wrapper .bx-wrapper {
        box-shadow: none !important;
        border: 0px;
        margin: 0px;
    }

        .main-category .category-wrapper .bx-wrapper .bx-prev {
            width: 12px;
            height: 34px;
            background: url(../images/icons/shop/chevron_lt.png) no-repeat;
            margin-top: -10px;
            left: 15px;
        }

            .main-category .category-wrapper .bx-wrapper .bx-prev:hover,
            .main-category .category-wrapper .bx-wrapper .bx-prev:focus {
                background: url(../images/icons/shop/chevron_lt-hover.png) no-repeat;
            }

        .main-category .category-wrapper .bx-wrapper .bx-next {
            width: 12px;
            height: 34px;
            right: 15px;
            margin-top: -10px;
            background: url(../images/icons/shop/chevron_rt.png) no-repeat;
        }

            .main-category .category-wrapper .bx-wrapper .bx-next:hover,
            .main-category .category-wrapper .bx-wrapper .bx-next:focus {
                background: url(../images/icons/shop/chevron_rt-hover.png) no-repeat;
            }

.bx-wrapper.show-all .slider {
    width: 100% !important;
    position: relative;
    transition-duration: 0s;
    transform: none !important;
}

.bx-wrapper.show-all .bx-viewport {
    height: auto !important;
}

.bx-wrapper.show-all .slide.bx-clone {
    display: none !important;
}
/*--------------------------------------------------
	S I G N I N   P A G E   
---------------------------------------------------*/
.nav-bar .signin-wrapper {
    width: 360px;
    height: auto;
    /*display: block;*/
    display: none;
    margin: 0 0 0 0;
    padding: 0;
    position: absolute;
    top: 27px;
    right: 0;
    z-index: 10;
}

    .nav-bar .signin-wrapper .signin-band {
        width: 360px;
        height: 4px;
        display: block;
        margin: 0 0 0 0;
        padding: 0;
    }

        .nav-bar .signin-wrapper .signin-band .gray-graphic-band {
            width: 240px;
            height: 4px;
            display: block;
            margin: 0 0 0 0;
            padding: 0;
            background: #cccccc;
            opacity: 1;
            float: left;
        }

        .nav-bar .signin-wrapper .signin-band .red-graphic-band {
            width: 120px;
            height: 4px;
            display: block;
            margin: 0 0 0 0;
            padding: 0;
            background: #cd2e31;
            opacity: 1;
            float: right;
        }

    .nav-bar .signin-wrapper .signin-holder {
        width: 360px;
        height: 285px;
        display: block;
        margin: 0 0 0 0;
        padding: 0 0 0 40px;
        opacity: 0.9;
        background: #e6e6e6; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#e6e6e6, #ffffff); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#e6e6e6, #ffffff); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#e6e6e6, #ffffff); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#e6e6e6, #ffffff); /* Standard syntax (must be last) */
    }

    .nav-bar .signin-wrapper .signin-bottom-band {
        width: 360px;
        height: 122px;
        display: block;
        margin: 0 0 0 0;
        padding: 0 0 0 40px;
        background: #3b3b3b;
    }

    .nav-bar .signin-wrapper .signin-holder .signin-title {
        width: auto;
        height: auto;
        display: block;
        margin: 0 0 0 0;
        padding: 27px 0 39px 0;
        font-weight: bold;
        font-size: 28px;
        color: #656565;
    }

    .nav-bar .signin-wrapper .signin-holder .field-row {
        display: block;
        margin: 0 0 0 0;
        padding: 0;
        width: 265px;
    }

        .nav-bar .signin-wrapper .signin-holder .field-row .user-field {
            display: block;
            margin: 0 0 23px 0;
            padding: 0;
            position: relative;
        }

            .nav-bar .signin-wrapper .signin-holder .field-row .user-field input {
                width: 100%;
                font-size: 13px;
                border: 0;
                padding: 0;
                background-color: transparent;
                height: 26px;
                border-bottom: 2px solid #cccccc;
                color: #656565;
                opacity: 1;
            }

            .nav-bar .signin-wrapper .signin-holder .field-row .user-field label {
                position: absolute;
                height: 20px;
                bottom: 0;
                font-size: 13px;
                color: #656565;
                margin: 0 0 10px 0;
                padding: 0 0 0 0;
                top: 0;
                left: 0px;
            }

        .nav-bar .signin-wrapper .signin-holder .field-row .remember-field {
            display: block;
            margin: 0 0 0 0;
            padding: 0;
            width: 265px;
            float: left;
        }

            .nav-bar .signin-wrapper .signin-holder .field-row .remember-field .remb-text {
                display: block;
                margin: 0 0 0 0;
                padding: 0;
                width: auto;
                height: auto;
                font-size: 11px;
                color: #656565;
                opacity: 1;
                float: left;
            }

            .nav-bar .signin-wrapper .signin-holder .field-row .remember-field .remb-check {
                display: block;
                margin: 2px 0 0 7px;
                padding: 0;
                width: 11px;
                height: 11px;
                border-radius: 2px;
                background: #cccccc;
                float: left;
            }

            .nav-bar .signin-wrapper .signin-holder .field-row .remember-field label.remb-text {
                display: block;
                margin: 0 0 0 0;
                padding: 0;
                width: auto;
                height: auto;
                font-size: 11px;
                color: #656565;
                opacity: 1;
                float: left;
                font-weight: normal;
            }

            .nav-bar .signin-wrapper .signin-holder .field-row .remember-field .signin-btn {
                display: block;
                margin: 0 0 0 0;
                padding: 0;
                width: 96px;
                background: #cd2e31;
                height: 48px;
                border-radius: 6px;
                opacity: 1;
                text-align: center;
                color: white;
                font-size: 14px;
                border: none;
                float: right;
            }

            .nav-bar .signin-wrapper .signin-holder .field-row .remember-field .remb-over {
                margin: 15px 0 0 0;
                font-size: 13px;
                color: #cd2e31;
                opacity: 1;
            }

    .nav-bar .signin-wrapper .signin-bottom-band .band-title {
        width: auto;
        height: auto;
        display: block;
        margin: 0 0 0 0;
        padding: 23px 0 7px 0;
        font-weight: bold;
        font-size: 17px;
        opacity: 1;
        color: white;
    }

    .nav-bar .signin-wrapper .signin-bottom-band .btm-arrow-band {
        width: 320px;
        height: auto;
        display: block;
        margin: 0;
        padding: 0 0;
        float: left;
    }

        .nav-bar .signin-wrapper .signin-bottom-band .btm-arrow-band .btm-arrow-text {
            display: block;
            margin: 0;
            padding: 0;
            font-size: 14px;
            color: white;
            width: auto;
            float: left;
            opacity: 0.6;
        }

        .nav-bar .signin-wrapper .signin-bottom-band .btm-arrow-band .btm-arrow-icon {
            width: 13px;
            height: 14px;
            display: block;
            margin: 4px 0 0 10px;
            padding: 0;
            opacity: 1;
            background: url(../images/icons/shop/sprite-icons.png) no-repeat;
            background-position: -152px -201px;
            float: left;
            cursor: pointer;
        }

    .nav-bar .signin-wrapper .signin-holder a {
        color: #656565;
    }

        .nav-bar .signin-wrapper .signin-holder a:hover {
            color: #cd2e31;
        }

    .nav-bar .signin-wrapper .signin-holder .field-row .remember-field .remb-over a {
        color: #cd2e31;
    }

        .nav-bar .signin-wrapper .signin-holder .field-row .remember-field .remb-over a:hover {
            color: #656565;
        }

    .nav-bar .signin-wrapper .signin-bottom-band a:hover {
        color: #cd2e31;
    }

    .nav-bar .signin-wrapper .signin-bottom-band .btm-arrow-band .btm-arrow-text a {
        color: white;
    }

        .nav-bar .signin-wrapper .signin-bottom-band .btm-arrow-band .btm-arrow-text a:hover {
            color: white;
        }

    .nav-bar .signin-wrapper .signin-holder .field-row .remember-field .signin-btn a {
        color: white;
    }
/*--------------------------------------------------
	PROFILE DROP DOWN   
---------------------------------------------------*/
.nav-bar .profile-dropdown {
    width: 250px;
    height: auto;
    display: block;
    margin: 0 0 0 0;
    padding: 0;
    position: absolute;
    top: 27px;
    right: 0;
    z-index: 10;
}

    .nav-bar .profile-dropdown .profile-band {
        width: 250px;
        height: 4px;
        display: block;
        margin: 0 0 0 0;
        padding: 0;
    }

        .nav-bar .profile-dropdown .profile-band .gray-gpc-band {
            width: 80px;
            height: 4px;
            display: block;
            margin: 0 0 0 0;
            padding: 0;
            background: #cccccc;
            opacity: 1;
            float: left;
        }

        .nav-bar .profile-dropdown .profile-band .red-gpc-band {
            width: 170px;
            height: 4px;
            display: block;
            margin: 0 0 0 0;
            padding: 0;
            background: #cd2e31;
            opacity: 1;
            float: right;
        }

    .nav-bar .profile-dropdown .profile-holder {
        width: 250px;
        min-height: 285px;
        display: block;
        margin: 0 0 0 0;
        padding: 5px 20px 10px 20px;
        opacity: 0.9;
        background: #e6e6e6; /* For browsers that do not support gradients */
        background: -webkit-linear-gradient(#e6e6e6, #ffffff); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#e6e6e6, #ffffff); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#e6e6e6, #ffffff); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#e6e6e6, #ffffff); /* Standard syntax (must be last) */
    }

        .nav-bar .profile-dropdown .profile-holder ul {
            margin: 0px;
            padding: 0px;
        }

            .nav-bar .profile-dropdown .profile-holder ul li {
                margin: 0px;
                padding: 6px 0 6px 0;
                font-size: 14px;
                color: #656565;
                font-weight: bold;
                cursor: pointer;
            }

                .nav-bar .profile-dropdown .profile-holder ul li a {
                    color: #656565;
                }

                    .nav-bar .profile-dropdown .profile-holder ul li a:hover {
                        color: #cd2e31;
                    }

        .nav-bar .profile-dropdown .profile-holder p {
            margin: 0px;
            padding: 0 0 0 0;
            font-size: 13px;
            color: #656565;
        }

        .nav-bar .profile-dropdown .profile-holder ul li.child-li {
            margin: 0px;
            padding: 2px 0 2px 0;
            font-size: 12px;
            color: #656565;
            text-align: right;
        }

.nav-bar .dispnone {
    display: none;
}
/*--------------------------------------------------
       CUSTOMER LOGIN
---------------------------------------------------*/
.customer-login {
    /*width: 100%;*/
    height: 100%;
    min-width: 360px;
}

    .customer-login .signin-wrapper {
        /* width: 100%;*/
        height: 100%;
        min-width: 360px;
    }

        .customer-login .signin-wrapper .signin-band {
            width: 100%;
            height: 4px;
            display: block;
            margin: 0 0 0 0;
            padding: 0;
        }

            .customer-login .signin-wrapper .signin-band .gray-graphic-band {
                width: 70%;
                height: 4px;
                display: block;
                margin: 0 0 0 0;
                padding: 0;
                background: #cccccc;
                opacity: 1;
                float: left;
            }

            .customer-login .signin-wrapper .signin-band .red-graphic-band {
                width: 30%;
                height: 4px;
                display: block;
                margin: 0 0 0 0;
                padding: 0;
                background: #cd2e31;
                opacity: 1;
                float: right;
            }

        .customer-login .signin-wrapper .signin-holder {
            /*height: -webkit-calc(100vh - 139px);
       height: -moz-calc(100vh - 139px);
       height: calc(100vh - 139px);*/
            min-height: 285px;
            display: block;
            margin: 0 0 0 0;
            padding: 0 0 0 40px;
            opacity: 0.9;
            background: #e6e6e6; /* For browsers that do not support gradients */
            background: -webkit-linear-gradient(#e6e6e6, #ffffff);
            /* For Safari 5.1 to 6.0 */
            background: -o-linear-gradient(#e6e6e6, #ffffff);
            /* For Opera 11.1 to 12.0 */
            background: -moz-linear-gradient(#e6e6e6, #ffffff);
            /* For Firefox 3.6 to 15 */
            background: linear-gradient(#e6e6e6, #ffffff);
            /* Standard syntax (must be last) */
        }

        .customer-login .signin-wrapper .signin-bottom-band {
            height: 135px;
            display: block;
            margin: 0 0 0 0;
            padding: 0 0 0 40px;
            background: #3b3b3b;
        }

            .customer-login .signin-wrapper .signin-bottom-band .signin-bottom-container {
                padding: 0 0 0 3px !important
            }

            .customer-login .signin-wrapper .signin-bottom-band .band-title {
                width: auto;
                height: auto;
                display: block;
                margin: 0 0 0 0;
                padding: 23px 0 7px 0;
                font-weight: bold;
                font-size: 17px;
                opacity: 1;
                color: white;
            }

            .customer-login .signin-wrapper .signin-bottom-band .btm-arrow-text {
                width: auto;
                height: auto;
                display: block;
                margin: 0 0 0 0;
                padding: 0px 0 7px 0;
                font-size: 14px;
                color: white;
                float: left;
                opacity: 0.6;
            }

            .customer-login .signin-wrapper .signin-bottom-band .btm-arrow-icon {
                width: 13px;
                height: 14px;
                display: block;
                margin: 4px 0 0 10px;
                padding: 0;
                opacity: 1;
                background: url(../images/icons/shop/sprite-icons.png) no-repeat;
                background-position: -152px -201px;
                float: left;
                cursor: pointer;
            }

        .customer-login .signin-wrapper .signin-holder .signin-title {
            width: auto;
            height: auto;
            display: block;
            margin: 0 0 0 0;
            padding: 27px 0 39px 0;
            font-weight: bold;
            font-size: 28px;
            color: #656565;
        }

        .customer-login .signin-wrapper .signin-holder .field-row {
            display: block;
            margin: 0 0 0 0;
            padding: 0;
            width: 90%;
        }

            .customer-login .signin-wrapper .signin-holder .field-row .user-field {
                display: block;
                margin: 0 0 23px 0;
                padding: 0;
                position: relative;
            }

                .customer-login .signin-wrapper .signin-holder .field-row .user-field input {
                    width: 100%;
                    font-size: 13px;
                    border: 0;
                    padding: 0;
                    background-color: transparent;
                    height: 26px;
                    border-bottom: 2px solid #cccccc;
                    color: #656565;
                    opacity: 1;
                }

                .customer-login .signin-wrapper .signin-holder .field-row .user-field label {
                    position: absolute;
                    height: 20px;
                    bottom: 0;
                    font-size: 13px;
                    color: #656565;
                    margin: 0 0 10px 0;
                    padding: 0 0 0 0;
                    top: 0;
                    left: 0px;
                }

            .customer-login .signin-wrapper .signin-holder .field-row .remember-field {
                display: block;
                margin: 0 0 0 0;
                padding: 0;
                width: 100%;
                float: left;
            }

                .customer-login .signin-wrapper .signin-holder .field-row .remember-field .remb-text {
                    display: block;
                    margin: 0 0 0 0;
                    padding: 0;
                    width: auto;
                    height: auto;
                    font-size: 11px;
                    color: #656565;
                    opacity: 1;
                    float: left;
                }

                .customer-login .signin-wrapper .signin-holder .field-row .remember-field .remb-check {
                    display: block;
                    margin: 2px 0 0 7px;
                    padding: 0;
                    width: 11px;
                    height: 11px;
                    border-radius: 2px;
                    background: #cccccc;
                    float: left;
                }

                .customer-login .signin-wrapper .signin-holder .field-row .remember-field label.remb-text {
                    display: block;
                    margin: 0 0 0 0;
                    padding: 0;
                    width: auto;
                    height: auto;
                    font-size: 11px;
                    color: #656565;
                    opacity: 1;
                    float: left;
                    font-weight: normal;
                }

                .customer-login .signin-wrapper .signin-holder .field-row .remember-field .signin-btn {
                    display: block;
                    margin: 0 0 0 0;
                    /*width: 100%;*/
                    background: #cd2e31;
                    height: 48px;
                    border-radius: 6px;
                    opacity: 1;
                    text-align: center;
                    color: white;
                    font-size: 14px;
                    border: none;
                    float: right;
                }

                .customer-login .signin-wrapper .signin-holder .field-row .remember-field .remb-over {
                    margin: 15px 0 0 0;
                    font-size: 13px;
                    color: #cd2e31;
                    opacity: 1;
                }

        .customer-login .signin-wrapper .signin-bottom-band .band-title a:hover,
        .customer-login .signin-wrapper .signin-bottom-band .band-title a:focus {
            color: white;
        }

        .customer-login .signin-wrapper .signin-bottom-band .btm-arrow-text a:hover,
        .customer-login .signin-wrapper .signin-bottom-band .btm-arrow-text a:focus {
            color: white;
        }

        .customer-login .signin-wrapper .signin-holder .signin-title a {
            color: #656565;
        }

            .customer-login .signin-wrapper .signin-holder .signin-title a:hover {
                color: #cd2e31;
            }

        .customer-login .signin-wrapper .signin-holder .field-row .remember-field label.remb-text a {
            color: #656565;
        }

            .customer-login .signin-wrapper .signin-holder .field-row .remember-field label.remb-text a:hover {
                color: #656565;
            }

        .customer-login .signin-wrapper .signin-holder .field-row .remember-field .signin-btn a {
            color: white;
        }

        .customer-login .signin-wrapper .signin-holder .field-row .remember-field .remb-over a {
            color: #cd2e31;
        }
/*--------------------------------------------------
       END OF CUSTOMER LOGIN
---------------------------------------------------*/
/*--------------------------------------------------
	M Y    L I S T   P A G E 
---------------------------------------------------*/
.qty-alert-count {
}

qty-alert-count_mob {
}

.mylist-holder {
    display: block;
    margin: 0px;
    padding: 21px 0 0 0;
}

    .mylist-holder .mylist-header {
        display: block;
        margin: 0px;
        padding: 0 0 012px 0;
        border-bottom: dashed 1px #cccccc;
    }

        .mylist-holder .mylist-header h1 {
            display: block;
            margin: 0px;
            padding: 0 0 0 5px;
            font-size: 24px;
            font-weight: bold;
        }

    .mylist-holder .mylist-btn-holder {
        display: block;
        margin: 0 0;
        padding: 25px 0 0 0;
    }

    .mylist-holder .mylist-btn-wrapper {
        margin: 0 0;
        padding: 4px 0 !important;
        position: relative;
    }

        .mylist-holder .mylist-btn-wrapper .mylist-btn {
            display: block;
            margin: 0px;
            padding: 10px 0 0 0;
            text-align: right;
            position: absolute;
            z-index: 2;
            /*width:74%;*/
            float: right;
            right: 0px;
            top: -16px;
        }

            .mylist-holder .mylist-btn-wrapper .mylist-btn .btn-holder {
                margin: 0 3px 0 0;
                padding: 0;
                width: 109px;
                height: 42px;
                color: white;
                border-color: transparent;
                cursor: pointer;
                border-radius: 6px;
            }

            .mylist-holder .mylist-btn-wrapper .mylist-btn .btn-disabled-grey {
                background: #656565;
                opacity: 0.5;
            }

            .mylist-holder .mylist-btn-wrapper .mylist-btn .btn-disabled-red {
                background: #cd2e31;
                opacity: 0.5;
            }

            .mylist-holder .mylist-btn-wrapper .mylist-btn .btn-enabled-red {
                background: #cd2e31;
            }

    .mylist-holder .mylist-tabs-holder {
        display: block;
        margin: 0px;
        padding: 0px 0 46px 0;
    }

        .mylist-holder .mylist-tabs-holder .mylist-tabs {
            display: block;
            margin: 0px;
            padding: 0px;
        }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: 0px transparent;
    background: 0px transparent;
    font-size: 24px;
    font-weight: bold;
    color: #656565 !important;
}

.nav-tabs > li > a {
    border: 0px transparent;
    font-size: 16px;
    font-weight: bold;
    color: #656565 !important;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover, .nav-pills > li > a:hover {
    text-decoration: none;
    font-weight: bold;
    border-radius: 0px;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #cd2e31;
    color: #656565 !important;
    background-color: transparent !important;
    font-size: 16px;
}

.nav-pills > li > a {
    border-radius: 0px;
    font-size: 16px;
    font-weight: normal;
    color: #656565 !important;
}

    .nav-pills > li > a:hover {
        border: 0px transparent;
        background: 0px transparent;
        font-size: 16px;
        font-weight: bold;
        color: #656565 !important;
        font-weight: normal;
    }

.nav-pills {
    border-bottom: 1px solid #ddd;
}

.mylist-holder .mylist-tabs-holder .tab-content .table thead tr th {
    padding: 12px 0 12px 0;
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    color: #656565;
}

.mylist-holder .mylist-tabs-holder .tab-content tr th .img-checkbox {
    background: url(../images/product_page/checkbox.png);
    vertical-align: bottom;
    width: 14px;
    height: 14px;
    margin: 0 10px 0 0;
    padding: 0px;
    display: inline-block;
    vertical-align: text-top;
}

.mylist-holder .mylist-tabs-holder .tab-content tr th .img-checkbox-checked {
    background: url(../images/product_page/checkbox-selected.png);
    width: 14px;
    height: 14px;
}

.mylist-holder .mylist-tabs-holder .tab-content .table tbody tr td {
    font-size: 14px;
    color: #3b3b3b;
    border-top: transparent;
    padding: 12px 0 12px 0;
}

.mylist-holder .mylist-tabs-holder .tab-content .table tbody tr {
    border-bottom: dashed 1px #cccccc;
}

.mylist-holder .mylist-tabs-holder .tab-content tr td.img-checkbox {
    background: url(../images/product_page/checkbox.png);
    vertical-align: bottom;
    width: 14px;
    height: 14px;
    margin: 0 10px 0 0;
    padding: 0px;
    display: inline-block;
    vertical-align: text-top;
}

.mylist-holder .mylist-tabs-holder .tab-content tr td .img-checkbox-checked {
    background: url(../images/product_page/checkbox-selected.png);
    width: 14px;
    height: 14px;
    margin: 0 10px 0 0;
    padding: 0px;
    display: inline-block;
    vertical-align: text-top;
}

.mylist-holder .mylist-tabs-holder .tab-content .table tbody tr:last-child {
    border-bottom: solid 1px #cccccc;
}

.mylist-holder .mylist-tabs-holder .tab-content tr th .list-order-icon {
    background: url(../images/product_page/list_order.png);
    width: 14px;
    height: 9px;
    margin: 0;
    padding: 0px;
    display: inline-block;
    vertical-align: middle;
}

    .mylist-holder .mylist-tabs-holder .tab-content tr th .list-order-icon:hover {
        background: url(../images/product_page/list_order-hover.png);
        width: 14px;
        height: 9px;
        margin: 0;
        padding: 0px;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
    }

.main-header .navbar-toggle {
    background: #cd2e31;
    margin: 0;
    float: left;
    padding: 5px;
}

    .main-header .navbar-toggle .icon-bar {
        background: #FFFFFF;
    }

.removeButtonCloseIcon {
    width: 20px;
    height: 20px;
    background: url(../images/modal_popover/close_ic.png) no-repeat;
    cursor: pointer;
    background-size: contain;
    border: none;
}

    .removeButtonCloseIcon:hover {
        width: 20px;
        height: 20px;
        background: url(../images/modal_popover/close_ic-hover.png) no-repeat;
        cursor: hover;
        background-size: contain;
        border: none;
    }


/***My list ends ***/
/*--------------------------------------------------
	My Wolsleley PAGE 
---------------------------------------------------*/
.spendLabelRight {
    float: right;
    color: #656565;
}

.myWolseleyHeader {
    font-weight: bold;
    color: #656565;
    padding-bottom: 5px;
    display: inline;
    font-size: 21px !important;
}

.myWolseleyHomeTable .table-responsive {
    border-bottom: 1px solid #ddd;
    border: 0;
}

@media only screen and (min-width: 768px) {
    .myWoselelyRowBorder {
        border-bottom: dashed 1px #cccccc;
    }
}


.myWoselelylist.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover,
.myWoselelylist.list-group-mylist.active, .list-group-mylist.active:focus, .list-group-mylist.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #656565;
    opacity: 1;
    border: 1px solid #cccccc;
}

.myWolslelyListItem.list-group-item,
.myWolslelyListItem.list-group-mylist {
    word-wrap: break-word;
    background-color: #f2f2f2;
    border: 1px solid #cccccc;
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
}

.logoBanner {
    padding: 10px 0 10px 0;
}

.myWolseleyViewButton {
    font-size: 12px;
    color: #cd2e31;
    background: transparent;
    border-color: transparent;
    margin-top: 3px;
}

.viewAllButton {
    font-size: 12px;
    color: white;
    background: transparent;
    border-color: transparent;
}

/***** My wolseley Page ends ******/




/*--------------------------------------------------
               M Y    S E T T I N G S   P A G E 
---------------------------------------------------*/


.mySettingsContainer {
    border-bottom: 3px solid #cccccc;
    padding-top: 13px;
}

.form-horizontal .row .mySettingsRequiredHeader {
    padding: 0 10px 0 0;
    text-align: right;
}

.container-fluid .yourInfoHeader {
    font-weight: normal;
    color: #656565;
    padding: 2px 0 2px 0;
    border-top: 2px solid #cccccc;
}

.textColor {
    color: #656565 !important;
}

.textColorFont {
    color: #656565 !important;
    font-size: 24px;
    font-weight: bold;
}

.textColorLight {
    font-weight: lighter !important;
    color: #656565 !important;
}

.container-fluid .form-group .paddingStyle {
    padding: 0 0 10px 0;
}

.mySettingsContainer .form-horizontal .row .mySettingsRequiredHeader .requiredSymbol {
    color: #cd2e31;
}

.form-horizontal .control-label {
    text-align: left;
    color: #656565;
}

.container-fluid .form-group .btn-active-red {
    background: #cd2e31;
    color: white;
}

.container-fluid .form-group .btn-active-grey {
    background: #656565;
    color: white;
}

.container-fluid .form-horizontal .container-fluid .row .form-group .col-sm-3 .col-sm-12 .linkButton {
    color: #cd2e31;
}

/* Styles for application Modal pop ups*/
.container-fluid .modal-dialog .modal-content .form-horizontal .modal-header .close-icon {
    width: 25px;
    height: 25px;
    background: url(../images/modal_popover/close_ic.png) no-repeat;
    cursor: pointer;
    float: right;
    background-size: contain;
    border: none;
}

    .container-fluid .modal-dialog .modal-content .form-horizontal .modal-header .close-icon:hover {
        width: 25px;
        height: 25px;
        background: url(../images/modal_popover/close_ic-hover.png) no-repeat;
        cursor: hover;
        float: right;
        background-size: contain;
        border: none;
    }



.bottomPadding {
    padding: 0px 0px 10px 0px;
}

.textFieldPadding {
    padding: 0px 15px 0px 15px;
}

.textLabelPadding {
    padding: 0px 0px 0px 5px;
    color: #656565;
}

.passField {
    position: relative;
}

.eyeIcon {
    top: 12px;
    right: 30px;
    position: absolute;
}


/***** My Settings Page ends ******/




/*--------------------------------------------------
	SWITCH PROFILE
--------------old css deleted_Feb9-------------------------------------*/

/*---------------------------------------------------*/



/*FAQ*/
.faq-wrapper {
}

    .faq-wrapper .faq-title {
        display: block;
        margin: 0px;
        padding: 0 0 0 0;
        font-size: 24px;
        font-weight: bold;
        border-bottom: 1px dashed #cccccc;
    }

        .faq-wrapper .faq-title h4 {
            margin: 10px 0 10px 0;
            color: #3b3b3b;
        }

        .faq-wrapper .faq-title span.back-arrow-mob {
            display: none;
        }

    .faq-wrapper .faq-common-panel {
        padding: 10px 10px 20px 20px;
        margin: 0px;
        display: block;
        min-height: 200px;
    }

        .faq-wrapper .faq-common-panel h6 {
            font-size: 18px;
            padding-bottom: 5px;
            color: #656565;
        }

        .faq-wrapper .faq-common-panel p {
            color: #656565;
            font-size: 13px;
            padding-bottom: 10px;
            line-height: 21px;
            text-align: justify;
        }
/*---------------------------------------------------*/
/*Contact Us*/
.contact-wrapper {
}

    .contact-wrapper .contact-title {
        display: block;
        margin: 0px;
        padding: 0 0 0 0;
        font-size: 24px;
        font-weight: bold;
        border-bottom: 1px dashed #cccccc;
    }

        .contact-wrapper .contact-title h4 {
            margin: 10px 0 10px 0;
            color: #3b3b3b;
        }

        .contact-wrapper .contact-title span.back-arrow-mob {
            display: none;
        }

    .contact-wrapper .contactus-holder {
        padding: 10px 10px 20px 20px;
        margin: 0px;
        display: block;
        min-height: 200px;
    }

        .contact-wrapper .contactus-holder input[type="text"], input[type="password"] {
            width: 100%;
            border-radius: 6px;
        }

        .contact-wrapper .contactus-holder label {
            font-size: 14px;
            color: #656565;
            font-weight: normal;
            display: block;
        }

        .contact-wrapper .contactus-holder .fieldspace {
            padding: 5px 0 0 0;
        }

        .contact-wrapper .contactus-holder select {
            width: 100%;
            border-radius: 6px;
        }

.panel-heading [data-toggle="collapse"]:after {
    font-family: 'Glyphicons Halflings';
    content: "\e072"; /* "play" icon */
    float: right;
    color: #656565;
    font-size: 18px;
    line-height: 22px;
    /* rotate "play" icon from > (right arrow) to down arrow */
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.panel-heading [data-toggle="collapse"].collapsed:after {
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #cd2e31;
}
/*---------------------------------------------------*/
/*Terms & Conditions*/

.tms-cons-wrapper {
}

    .tms-cons-wrapper .tms-cons-title {
        display: block;
        margin: 0px;
        padding: 0 0 0 0;
        font-size: 24px;
        font-weight: bold;
        border-bottom: 1px dashed #cccccc;
    }

        .tms-cons-wrapper .tms-cons-title h4 {
            margin: 10px 0 10px 0;
            color: #3b3b3b;
        }

        .tms-cons-wrapper .tms-cons-title span.back-arrow-mob {
            display: none;
        }

    .tms-cons-wrapper .tms-cons-holder {
        padding: 10px 10px 20px 20px;
        margin: 0px;
        display: block;
        min-height: 200px;
    }

        .tms-cons-wrapper .tms-cons-holder p {
            color: #656565;
            font-size: 13px;
            padding-bottom: 10px;
            line-height: 21px;
            text-align: justify;
        }

            .tms-cons-wrapper .tms-cons-holder p span.termspan {
                text-transform: uppercase;
            }

            .tms-cons-wrapper .tms-cons-holder p span.termsnumber {
                margin-right: 0px;
            }

            .tms-cons-wrapper .tms-cons-holder p span.termssent {
                text-transform: uppercase;
            }
/*---------------------------------------------------*/
/*Privacy Policy*/

.pry-ply-wrapper {
}

    .pry-ply-wrapper .pry-ply-title {
        display: block;
        margin: 0px;
        padding: 0 0 0 0;
        font-size: 24px;
        font-weight: bold;
        border-bottom: 1px dashed #cccccc;
    }

        .pry-ply-wrapper .pry-ply-title h4 {
            margin: 10px 0 10px 0;
            color: #3b3b3b;
        }

        .pry-ply-wrapper .pry-ply-title span.back-arrow-mob {
            display: none;
        }

    .pry-ply-wrapper .pry-ply-holder {
        padding: 0px 10px 20px 10px;
        margin: 0px;
        display: block;
        min-height: 200px;
    }

        .pry-ply-wrapper .pry-ply-holder p {
            color: #656565;
            font-size: 13px;
            padding-bottom: 10px;
            line-height: 21px;
            text-align: justify;
        }

        .pry-ply-wrapper .pry-ply-holder ul {
            margin: 0px;
            padding: 0 0 10px 25px;
        }

            .pry-ply-wrapper .pry-ply-holder ul li {
                margin: 0px;
                padding: 0 0 5px 0;
                list-style-type: disc;
                color: #656565;
                font-size: 13px;
            }
/*---------------------------------------------------*/
/*Help Page*/
.help-wrapper {
}

    .help-wrapper .help-title {
        display: block;
        margin: 0px;
        padding: 0 0 0 0;
        font-size: 24px;
        font-weight: bold;
        border-bottom: 1px dashed #cccccc;
    }

        .help-wrapper .help-title h4 {
            margin: 10px 0 10px 0;
            color: #3b3b3b;
        }

        .help-wrapper .help-title .back-arrow-mob,
        .tms-cons-wrapper .tms-cons-title .back-arrow-mob {
            display: none;
        }

    .help-wrapper .help-holder {
        padding: 0px 10px 20px 10px;
        margin: 0px;
        display: block;
        min-height: 200px;
    }

        .help-wrapper .help-holder p {
            color: #656565;
            font-size: 13px;
            padding-bottom: 10px;
            line-height: 21px;
            text-align: justify;
            margin: 0px;
        }

        .help-wrapper .help-holder h5 {
            color: #656565;
            padding: 0 0 10px 0;
            margin: 0px;
        }

    .help-wrapper .breadcrumb > li + li:before {
        content: none;
    }

    .help-wrapper .help-holder .help-table table tr th {
        color: white;
        background: #cd2e31;
    }

    .help-wrapper .help-holder .help-table table tr th,
    .help-wrapper .help-holder .help-table table tr td {
        text-align: center;
    }

    .help-wrapper .help-holder .help-border {
        width: 100%;
        height: 1px;
        background: #cccccc;
    }

    .help-wrapper .help-holder .help-bdr-mrg {
        margin: 10px 0 20px 0;
    }

    .help-wrapper .help-holder ul {
        margin: 0px;
        padding: 0 0 0 15px;
    }

        .help-wrapper .help-holder ul li {
            margin: 0px;
            padding: 0 0 5px 0;
            list-style-type: disc;
            color: #656565;
            font-size: 13px;
        }
/*---------------------------------------------------*/
/*FAQ Page Popup*/
.we-theme .modalwindow-faq {
    margin: 0px;
    padding: 0px;
    color: #656565;
}

    .we-theme .modalwindow-faq h6 {
        padding: 0 0 15px 0;
        font-weight: bold;
        margin: 0px;
        color: #656565;
    }

    .we-theme .modalwindow-faq p {
        margin: 0px;
        padding-bottom: 15px;
        color: #656565;
    }

        .we-theme .modalwindow-faq p a {
            color: #0000ff;
        }

    .we-theme .modalwindow-faq .row-spacer {
        border-bottom: 2px solid #cccccc;
        padding: 10px 0 5px 0;
        margin: 0px;
    }

    .we-theme .modalwindow-faq .pbtm-5 {
        padding-bottom: 5px;
    }

    .we-theme .modalwindow-faq .pbtm-25 {
        padding-bottom: 25px;
    }

.we-theme .modal-header-faq hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 1px;
    border-top: 1px solid #8c8c8c;
    line-height: 1px;
    border-width: 2px;
}

.we-theme .modalwindow-faq .display-faq {
    padding-top: 20px;
}
/*---------------------------------------------------*/

/*Create a Shortcut On Mobile Popup*/
.we-theme .modal-header-createashortcut hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 1px;
    border-top: 1px solid #8c8c8c;
    line-height: 1px;
    border-width: 2px;
}

.we-theme .modal-body .modalwindow-createashortcut h3 {
    font-size: 20px;
    margin: 0px;
    padding-bottom: 15px;
    color: #0000ff;
}
/*---------------------------------------------------*/

/*--------------------------------------------------
	REGISTRATION  PAGE 
---------------------------------------------------*/

.registrationContainer {
    border-bottom: 2px solid #cccccc;
    margin: 5px 0 10px 0;
    padding: 0 0 5px 0;
}

.registrationHeader {
    font-weight: bold;
    color: #656565;
    padding-bottom: 15px;
}

.labelRight {
    text-align: right;
    color: #656565;
    font-size: 12px;
}

.requiredHeader {
    border-top: 2px solid #cccccc;
    margin-top: 25px;
    margin-bottom: 20px;
}

.requiredLabel {
    font-family: Arial;
    font-size: 12px;
    color: #656565;
}

.requiredSymbol {
    color: #cd2e31;
}

.form-horizontal .control-label {
    padding-top: 10px;
    text-align: left;
    color: #656565;
}

.termsLabel {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #656565;
}

.registerAcceptButton {
    text-align: right;
    margin-bottom: 10px;
}

.registrationformcontrol.form-horizontal.form-group {
    margin-left: -5px;
    margin-right: -5px;
}

.acceptButton {
    background-color: #cd2e31;
    border: 0px;
    border-radius: 6px;
}

.cancelButton {
    background-color: #c5c5c5;
    color: white;
    border: 0px;
    border-radius: 6px;
}

.form-control {
    display: inherit;
}

#tb_cont {
    position: relative;
    width: auto;
}

#clear_input {
    height: 14px;
    display: inline-block;
    position: absolute;
    right: 14px;
    bottom: 5px;
    text-align: center;
    color: #000000;
    font-size: 15px;
    font-family: monospace;
    border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    cursor: pointer;
}

.highlight.form-control {
    background-color: rgba(205, 46, 49, 0.1);
    border-color: #cd2e31;
}

.validationText {
    color: #cd2e31;
}

.validationIcon {
    padding-bottom: 4px;
    padding-right: 4px;
}

.validationFormGroup {
    margin-top: -10px;
}

.positionFormControl {
    position:  relative;
}

.closeIcon {
    top: 7px;
    right: 43px;
    position: absolute;
}

.closeImage {
    width: 20px;
    height: 20px;
}

.textbox.form-control {
    width: 100%;
    border-radius: 5px;
}

.extensionlabel {
    color: #656565;
    text-align: right;
    padding-top: 8px;
}

.user-register .regfontlarge {
    font-size: 24px;
    font-weight: 600;
}

.user-register .regfontmedm {
    font-size: 20px;
    font-weight: normal;
    color: #656565;
}

.user-register .form-horizontal .control-label {
    font-size: 14px;
    font-weight: normal;
}

.user-register .text-primary {
    color: #cd2e31;
}
/***** Registration Page ends ******/

/**********UserRegistrationExtras*/
.hideme {
    display: none;
    height: 100%;
    width: 100%;
}
/***UserResgistrationExtras ends***/


/**** Mylists Starts ****/
.wolseleyred {
    color: #cd2e31;
}

.wethemesetting {
    max-width: 1200px;
    margin: auto;
}

.tabcontentmargin {
    margin-top: -45px;
}

.publishicon {
    width: 14px;
    height: 14px;
}

.admincheckboxtop {
    top: 3px;
}

.admincheckboxpadding {
    padding-left: 4px;
}

.centeredText {
    text-align: center;
}

.newlistbutton {
    height: auto;
    white-space: normal;
    line-height: normal;
    padding: 10px;
    margin-bottom: 10px;
}

.newlistbuttontext {
    font-size: 12px;
}

.maxwidthsetting {
    width: 100%;
}

.errorpanel {
    border: 1px solid #faebcc;
    padding: 10px;
}

.sharedlistitem {
    padding-left: 20px;
    width: 150px;
}

.checkboxadmin {
    width: 80px;
    overflow: hidden;
}

.quantityInputFieldStyle {
    width: 50px;
    text-align: center;
    display: inline;
    height: 34px;
    border-radius: 6px;
    border: 1px solid #ccc;
    padding: 0px !important;
}

/*****MyList Ends*****/

/*** Account Summary ****/

.accountSummaryBack {
    background: transparent;
    outline: none;
    color: #3b3b3b;
}

.accountSummaryHead {
    border-top: 2px solid #cccccc;
    padding-top: 20px;
    padding-bottom: 10px;
}

.accountSummaryText {
    color: #656565;
    font-size: 18px;
}

.accountSummaryCenter {
    text-align: center;
    color: #656565;
}

.accountSummaryPadding {
    padding: 0px;
}

.accountSummaryMargin {
    margin-bottom: 20px;
}

/*****Account Summary ends ****/

/*****Product Upload Page ****/
.productuploadhead {
    font-size: 20px;
    font-weight: bold;
    color: #444;
    padding-top: 10px;
}

.choosecsvhead {
    margin: 20px 0 10px 0;
}

.filemissing {
    border: 1px solid #faebcc;
    padding: 10px;
    border-radius: 5px;
}

.uploadbtn {
    background: transparent;
    border: 0px;
    margin: 20px 0;
}

.troubleshootmessage {
    margin-bottom: 25px;
    background: #f2f2f2;
    padding: 15px;
    border-radius: 5px;
}

/*****Product Upload End ****/

/***Main Login Page new*/


.main-header .navigation-heading {
    display: block;
    margin: 0px;
    padding: 25px 0 15px 0;
    font-weight: bold;
    border-bottom: 1px dashed #cccccc !important;
}

    .main-header .navigation-heading h4 {
        font-size: 24px;
    }

.main-header .signin-holder {
    padding: 30px 0 0 0;
}

    .main-header .signin-holder h4 {
        padding: 0 0 15px 0;
        font-size: 24px;
    }

    .main-header .signin-holder input[type="text"], input[type="password"] {
        width: 100%;
        border-radius: 6px;
    }

    .main-header .signin-holder label {
        font-size: 14px;
        font-weight: normal;
    }

    .main-header .signin-holder span {
        font-size: 14px;
    }

.main-header .borderright {
    border-right: 1px solid #cccccc;
}

.main-header .signin-holder button {
    color: white;
}

.main-header .signin-holder span a {
    color: #cd2e31;
}

.width-100 input[type="text"],
.width-100 input[type="email"] {
    width: 100%;
    border-radius: 6px;
}

.main-header .signin-holder .checkbox-holder {
    padding-bottom: 15px;
}

.main-header .signin-holder .check-button {
    margin: 0px !important;
    padding: 0px;
}

    .main-header .signin-holder .check-button .control-label {
        vertical-align: baseline;
        padding-left: 10px;
    }
/*--------------------------------------------------
	Account Management 
---------------------------------------------------*/
.account-management {
    display: block;
    margin: 0px;
    padding: 0 0 30px 0;
}

    .account-management .acc-mngt-holder {
        display: block;
        margin: 0px;
        padding: 10px 0 0 0;
        /*border-top: 2px solid #ccc;*/
    }

    .account-management .acc-mng-title {
        display: block;
        margin: 0px;
        padding: 0 0 10px 0;
        font-size: 18px;
        font-weight: bold;
    }

    .account-management .acc-mngt-holder .col-group {
        padding: 0 0 35px 0;
    }

    .account-management .acc-mngt-holder .col-pbtm {
        padding: 0 0 70px 0;
    }

    .account-management p.invoice {
        color: #3b3b3b !important;
    }

        .account-management p.invoice::before {
            content: "*";
            color: #3b3b3b;
            margin-right: 3px;
        }

    .account-management .btn-holder {
        margin: 0 3px 0 0;
        padding: 0;
        width: 90px;
        height: 35px;
        background: #656565;
        color: white;
        border-color: transparent;
        cursor: pointer;
        border-radius: 6px;
    }

    .account-management .bdr-btm {
        display: block;
        margin: 0 0 0 0;
        padding: 45px 0 0 0;
        border-bottom: dashed 1px #cccccc;
    }

    .account-management .mrg-top {
        margin-top: 10px;
    }

    .account-management .minheight {
        min-height: 30px;
    }

    .account-management .accounts-users-table,
    .account-management .linked-acc-table {
        text-align: center;
    }

        .account-management .accounts-users-table .accessactive {
            width: 25px;
            height: 25px;
            text-align: center;
            padding: 0 0;
            margin: 0px;
            background: url(../images/icons/access-active.png) no-repeat;
            background-position: 15px;
        }

        .account-management .accounts-users-table .accessinactive {
            width: 27px;
            height: 27px;
            text-align: center;
            padding: 0px;
            margin: 0px;
            background: url(../images/icons/icon-hyphen.png) no-repeat;
            background-position: 20px;
        }

        .account-management .accounts-users-table .accessdenied {
            width: 21px;
            height: 12px;
            text-align: center;
            padding: 0;
            margin: 0px;
            background: url(../images/icons/icon-na.png) no-repeat;
            background-position: 15px;
        }

    .account-management .button-mywols {
        margin: 0 3px 0 0;
        padding: 0;
        width: 180px;
        height: 35px;
        background: #656565;
        color: white;
        border-color: transparent;
        cursor: pointer;
        border-radius: 6px;
    }

    .account-management .btn-holder {
        margin: 0 3px 0 0;
        padding: 0;
        width: 109px;
        height: 35px;
        background: #656565;
        color: white;
        border-color: transparent;
        cursor: pointer;
        border-radius: 6px;
    }

    .account-management .btn-bg-red {
        background-color: #cd2e31;
        margin: 0 3px 0 0;
    }

    .account-management .acc-title-border {
        display: block;
        margin: 0px;
        padding: 0 0 0 0;
        border-bottom: dashed 1px #cccccc;
    }

    .account-management input[type="text"] {
        width: 100%;
        border-radius: 6px;
    }

    .account-management table tr th,
    .account-management table tr td {
        text-align: center;
    }

    .account-management .button-mywols {
        margin-left: 10px;
    }

    .account-management .asterik-icon {
        margin: 0px;
        padding: 0px;
        position: absolute;
        left: -12px;
        right: 0px;
        top: -15px;
        bottom: 0px;
        color: #cd2e31;
        font-size: 20px;
        font-weight: normal;
        width: 10px;
        height: 15px;
    }

    .account-management .last-update {
        float: left;
        margin: 0px;
        padding: 0 10px 0 0;
    }
/*---------------------------------------------------*/
/*Account User*/
.account-user {
    display: block;
    margin: 0px;
    padding: 0 0 30px 0;
    color: #656565;
}

    .account-user .acc-user-title {
        display: block;
        margin: 0px;
        padding: 0 0 0 0;
        font-size: 18px;
        font-weight: bold;
        border-bottom: 1px dashed #cccccc;
    }

    .account-user p {
        color: #3b3b3b;
    }

.accounts-users-table table tr th,
.accounts-users-table table tr td {
    text-align: center;
}

.account-user .btn-bg-red {
    background-color: #cd2e31;
    margin: 0 10px 0 0;
    color: #ffffff;
}

.account-user .mult-ship {
    width: 100%;
}

.account-user .form-horizontal .control-label {
    text-align: left;
}

.account-management .tb-cont,
.account-user .tb-cont {
    position: relative;
    width: auto;
}

    .account-management .tb-cont .clear-input,
    .account-user .tb-cont .clear-input {
        height: 14px;
        display: inline-block;
        position: absolute;
        right: 14px;
        bottom: 5px;
        text-align: center;
        color: #000000;
        font-size: 15px;
        font-family: monospace;
        border-radius: 10px;
        -o-border-radius: 10px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        cursor: pointer;
    }

.account-management .clear_input .clear-icon,
.account-user .clear_input .clear-icon {
    width: 20px;
    height: 20px;
}

.account-management .pd-left,
.account-user .pd-left {
    padding-left: 13px;
}

.account-management .btn-pull-rht
.account-user .btn-pull-rht {
    float: right;
}

.account-user .dropdown button {
    width: 100%;
    text-align: left;
}

.account-user .dropdown .caret {
    float: right;
    margin-top: 8px;
}

.account-user .dropdown .dropdown-menu {
    width: 100%;
}

.account-user .acc-user-title h4 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.account-user input[type="text"] {
    width: 100%;
    border-radius: 6px;
}

.account-user .bdr-btm {
    border-bottom: dashed 1px #cccccc;
}

.account-user .mbl-ptop-10 {
    padding-top: 10px !important;
}

.account-user .table > caption + thead > tr:first-child > td,
.account-user .table > caption + thead > tr:first-child > th,
.account-user .table > colgroup + thead > tr:first-child > td,
.account-user .table > colgroup + thead > tr:first-child > th,
.account-user .table > thead:first-child > tr:first-child > td,
.account-user .table > thead:first-child > tr:first-child > th {
    border: 1px solid #cccccc;
}

.account-user .table > thead:first-child > tr:first-child > th {
    border: 1px solid #cccccc;
}

.newstyles {
    width: 100%;
    float: left;
    height: 25px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 10px;
}

    .newstyles a {
        color: #3b3b3b;
        font-size: 16px;
    }

        .newstyles a:hover {
            color: #cd2e31;
            font-size: 16px;
        }

.ItemInCartDiv {
    position: inherit;
}

.account-management {
    padding: 0 0 20px 0;
}

.we-grid-wrapper {
    overflow: auto;
    width: 100%;
}

.we-grid {
    display: block;
    width: 100%;
}

    .we-grid .we-grid-row {
        display: block;
        margin: 0 0 30px 0;
    }

        .we-grid .we-grid-row.show_me {
            display: block !important;
        }

        .we-grid .we-grid-row.hide_me {
            display: none;
        }

.static-grid .we-grid .we-grid-row.hide_me {
    display: block;
}

.we-grid .name-head {
    margin: 6px 0;
    cursor: pointer;
    padding: 10px;
    background: #e5e5e575;
}

    .we-grid .name-head:hover {
        background: #ccc;
    }

    .we-grid .name-head.active {
        background: #cd2e31;
        color: #fff;
    }

        .we-grid .name-head.active a font {
            color: white;
        }

.we-grid .we-grid-row .access-head {
    margin: 20px 6px 6px;
}

.we-grid .we-grid-row.head-row {
    display: none;
}

.we-grid .we-grid-row .we-grid-cell {
    display: inline-block;
    vertical-align: top;
    word-wrap: break-word;
}

    .we-grid .we-grid-row .we-grid-cell .head,
    .we-grid .we-grid-row .we-grid-cell .val {
        padding: 8px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

    .we-grid .we-grid-row .we-grid-cell .head {
        font-weight: bold;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }

    .we-grid .we-grid-row .we-grid-cell .val {
        border-bottom: 1px solid #ccc;
    }

    .we-grid .we-grid-row .we-grid-cell.name {
        display: block;
    }

    .we-grid .we-grid-row .we-grid-cell.name {
        display: none;
    }

    .we-grid .we-grid-row .we-grid-cell.rights {
        display: inline-block;
        width: 50%;
    }

        .we-grid .we-grid-row .we-grid-cell.rights .head,
        .we-grid .we-grid-row .we-grid-cell.rights .val {
            text-align: center;
            word-wrap: break-word;
        }

.account-management .linked-acc-table table tbody tr.clsShipTo {
    background-color: #cccccc;
}

/* Adjust invidual column size here */

.we-grid .we-grid-row .we-grid-cell.email {
    width: 60%;
}

.we-grid .we-grid-row .we-grid-cell.status {
    width: 40%;
}

/* / Adjust invidual column size here */

.account-management .we-grid .we-grid-row .we-grid-cell .active {
    height: 20px;
    text-align: center;
    padding: 0 0;
    margin: 0px;
    background: url(../images/access-active.png) no-repeat center;
    background-size: contain;
}

.account-management .we-grid .we-grid-row .we-grid-cell .inactive {
    height: 27px;
    text-align: center;
    padding: 0px;
    margin: 0px;
    background: url(../images/icon-hyphen.png) no-repeat center;
}

.account-management .we-grid .we-grid-row .we-grid-cell .denied {
    height: 25px;
    text-align: center;
    padding: 0;
    margin: 0px;
    background: url(../images/icon-na.png) no-repeat center;
}

.account-user .we-grid .we-grid-row .we-grid-cell .strikeThrough {
    height: 12px;
    text-align: center;
    padding: 0;
    margin: 0px;
    background: url(../images/checkbox_cross.png) no-repeat center;
}

.account-user .we-grid .we-grid-row .we-grid-cell .blankStrikeThrough {
    height: 12px;
    text-align: center;
    padding: 0;
    margin: 0px;
    background: url(../images/checkbox-disabled-strike.png) no-repeat center;
}

.account-user .we-grid .we-grid-row .we-grid-cell .disabledBlankStrikeThrough {
    height: 12px;
    text-align: center;
    padding: 0;
    margin: 0px;
    background: url(../images/checkbox-strike-customer.png) no-repeat center;
}

.account-user .we-grid .we-grid-row .we-grid-cell .CheckedDisabledStrikeThrough {
    height: 12px;
    text-align: center;
    padding: 0;
    margin: 0px;
    background: url(../images/checkbox-enabled-selected-strike.png) no-repeat center;
}

.account-user .we-grid .we-grid-row .we-grid-cell .CheckedStrikeThrough {
    height: 12px;
    text-align: center;
    padding: 0;
    margin: 0px;
    background: url(../images/checkbox-selected-disabled-strike.png) no-repeat center;
}

.account-user .mult-ship {
    width: 19%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    border: 0px;
    padding-bottom: 5px;
}

.account-user label .morelocation {
    vertical-align: middle;
}

/* account management */
.account-management .linked-acc-table table tr th {
    vertical-align: middle;
}
/*Account User Fancy Checkbox button with label*/
.account-user .check-button {
    margin: 0;
}

    .account-user .check-button label {
        cursor: pointer;
    }

        .account-user .check-button label > input {
            opacity: 0;
        }

        .account-user .check-button label > span > span {
            background: url(../images/Icons/checkbox.png) no-repeat center;
            width: 20px;
            height: 20px;
            margin: 0px 5px -5px -29px;
            display: inline-block;
            position: relative;
        }

        .account-user .check-button label input:checked + span > span,
        .account-user .check-button label input:checked + input[type=hidden] + span > span {
            background: url(../images/Icons/checkbox-selected.png) no-repeat center;
        }

        .account-user .check-button label input:disabled + span > span,
        .account-user .check-button label input:disabled + input[type=hidden] + span > span {
            opacity: 0.6;
            cursor: not-allowed;
        }

        .account-user .check-button label input:disabled:checked + span > span,
        .account-user .check-button label input:disabled:checked + input[type=hidden] + span > span {
            opacity: 0.6;
            cursor: not-allowed;
        }
    /*Account User Fancy Checkbox button only button*/
    .account-user .check-button.only-button {
        margin: 0;
    }

        .account-user .check-button.only-button label {
            cursor: pointer;
            position: relative;
        }

            .account-user .check-button.only-button label > input {
                opacity: 0;
            }

            .account-user .check-button.only-button label > span {
                background: url(../images/Icons/checkbox.png) no-repeat left;
                width: 20px;
                height: 20px;
                display: inline-block;
                position: absolute;
                top: 0;
                left: 0;
                padding: 0;
            }

            .account-user .check-button.only-button label input:checked + span,
            .account-user .check-button.only-button label input:checked + input[type=hidden] + span {
                background: url(../images/Icons/checkbox-selected.png) no-repeat left;
            }

            .account-user .check-button.only-button label input:disabled + span,
            .account-user .check-button.only-button label input:disabled + input[type=hidden] + span {
                opacity: 0.6;
                cursor: not-allowed;
            }

            .account-user .check-button.only-button label input:disabled:checked + span,
            .account-user .check-button.only-button label input:disabled:checked + input[type=hidden] + span {
                opacity: 0.6;
                cursor: not-allowed;
            }
/*Account Management Fancy Radio button*/
.account-management .radio-button {
    margin: 8px 0;
}

    .account-management .radio-button label {
        cursor: pointer;
        font-size: 13px;
    }

        .account-management .radio-button label > input {
            opacity: 0;
        }

        .account-management .radio-button label > span > span {
            background: #e6e6e6;
            border-radius: 50%;
            border: 1px solid #cecece;
            width: 20px;
            height: 20px;
            margin: 0px 6px -5px -20px;
            display: inline-block;
            position: relative;
        }

            .account-management .radio-button label > span > span:before {
                display: inline-block;
                content: " ";
                position: absolute;
                width: 10px;
                height: 10px;
                top: 4px;
                left: 4px;
                border-radius: 50%;
            }

        .account-management .radio-button label input:checked + span > span {
            border: 1px solid #e6e6e6;
        }

            .account-management .radio-button label input:checked + span > span:before {
                background: #cd2e31;
            }
/*My settings back arrow for large device*/
.mySettingsContainer .back-arrow-mob {
    display: none;
}

@media (max-width: 1200px) {


    .container-fluid {
        padding: 0 30px;
    }

    .whatsnews-products .whatsnews-wrapper .whatsnews-grid .whatsnews-icon {
        min-width: inherit;
        width: 136px;
    }

    .footer-wrapper .footer-content .content-title, .footer-wrapper .footer-content .content-title span {
        font-size: 16px;
    }

    .footer-wrapper .footer-content p {
        font-size: 14px;
        word-break: break-word;
    }

    .footer-wrapper .footer-content .footer-arrows .arrow-title {
        font-size: 12px;
    }

    .footer-wrapper .footer-content .content-title + .content-title {
        font-size: 14px;
    }

    .footer-wrapper .footer-content .footer-align span {
        font-size: 14px;
    }

    .footer-wrapper .footer-content .content-title {
        padding-bottom: 15px;
    }

    .footer-wrapper .footer-content .footer-align {
        padding: 0;
    }

    .footer-wrapper .social-content .rss {
        background-size: contain !important;
        width: 28px;
        height: 28px;
    }
}
/* Tab Devices */
@media (max-width: 979px) {
    .ItemInCartDiv {
        position: absolute;
    }

    .noDisplaySmall {
        display: none !important;
    }

    .main-header .search-box input[type="text"] {
        height: 38px;
    }

    .main-header .search-box input[type="submit"] {
        height: 38px;
    }

    .main-header .cart-button a {
        height: 38px;
        line-height: 40px;
        padding: 0 12px;
        width: 54px;
    }

    .main-header .cart-button {
        padding-left: 20px;
    }

    .main-header .hard-hold a {
        display: block;
        height: 42px;
        width: 45px;
        cursor: pointer;
        background-size: contain;
    }
}
/*Mobile Devices*/
@media (max-width: 767px) {

    .pdTop .wolseley_exclusive {
        margin: 15px 0 10px 0 !important;
    }

    .similarProductShortDesc {
        margin: 0;
    }

        .similarProductShortDesc::before {
            content: "\a";
            white-space: pre;
        }

    .responsiveLH1 {
        line-height: 3 !important;
    }

    .widthMobile {
        width: 120px !important;
    }

    .noDisplaySmall {
        display: none !important;
    }

    /*My Wolseley Home mobile view draft order name*/
    .mobileViewDraftName {
        width: 206px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    /*Checkout select field alignment*/
    #PickUp .selectFieldCO {
        width: 100% !important;
    }
    /*Checkout select field alignment*/
    #ShipTo .selectFieldCO {
        width: 100% !important;
    }

    .mobileStyle {
        width: 100%;
    }

    .mobileButtonStyle {
        width: 100%;
        margin-top: 10px;
    }

    .cart-grid .product-image-col {
        width: 25% !important;
    }

    .cart-grid .quantity-col {
        width: 75% !important;
        position: relative !important;
        text-align: left !important;
    }
    /* .expresspadding{
	    top:15px;
            }*/

    /*.adminpadding{
	        top:16px;
        } */
    .account-user .mult-ship {
        width: 100%;
    }

    .main-header .express-logo {
        width: 102px;
        height: 27px;
    }

    .main-header .search-box input[type="text"] {
        width: 100%;
        height: 27px;
    }

    .main-header .search-box input[type="submit"] {
        height: 27px;
        width: 27px;
        border-radius: 6px;
    }

    .main-header .cart-button a {
        height: 27px;
        width: 31px;
        border-radius: 6px;
        padding: 0 2px 0px 2px;
        line-height: 27px;
    }

    .main-header .cart-button {
        padding-left: 10px;
    }

    .main-header {
        padding-bottom: 5px;
    }

    .mylist-holder {
        padding-top: 5px;
    }

    .main-header .language-bar {
        height: 30px;
    }

    .footer-wrapper {
        padding: 30px 0 30px 0;
    }

        .footer-wrapper .footer-content {
            display: inline-block;
            margin-bottom: 20px;
        }

            .footer-wrapper .footer-content .footer-align {
                margin-right: 58%;
            }

        .footer-wrapper .social-content {
            padding: 20px 0 0px 0;
        }
    /*div[class^="col"]{padding-left:5px; padding-right:5px;}*/
    .mylist-holder .mylist-header h2 {
        font-size: 20px;
    }

    .main-header .nav-left {
        float: none;
    }

        .main-header .nav-left ul li {
            float: none;
            display: block;
            margin: 0 !important;
            border-top: solid 1px #cd2e31;
        }

            .main-header .nav-left ul li a {
                border: 0;
                padding: 10px;
            }

                .main-header .nav-left ul li a:hover {
                    border: 0;
                    padding: 10px;
                    color: #cd2e31;
                }

            .main-header .nav-left ul li.bdr-none {
                border-top: 0px;
            }

            .main-header .nav-left ul li .sub-menu {
                position: inherit;
                top: auto;
                left: auto;
            }

    .main-header .nav-bar {
        height: auto;
    }

    .main-header .nav-left {
        position: inherit;
    }

    /*.nav-bar .signin-wrapper,
	.nav-bar .menubar-holder {
		display:none !important;
	}*/
    .nav-bar .signin-wrapper,
    .nav-bar .menubar-holder {
        display: none;
    }

    .mylist-holder .mylist-btn-wrapper {
        position: inherit;
    }

        .mylist-holder .mylist-btn-wrapper .mylist-btn {
            width: 100%;
            position: inherit;
        }

            .mylist-holder .mylist-btn-wrapper .mylist-btn .btn-holder {
                width: 100% !important;
                margin: 0 3px 5px 0;
                height: 38px;
            }

    .container-fluid .form-group .col-sm-2 .btn-holder {
        width: 100%;
        margin: 0 5px 5px 0;
        height: 38px;
    }

    .container-fluid .form-group .col-sm-3 .btn-holder {
        width: 100%;
        margin: 0 5px 5px 0;
        height: 38px;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        border: 0px transparent;
        background: 0px transparent;
        font-size: 16px;
        font-weight: bold;
        color: #656565 !important;
    }

    .nav-tabs > li > a {
        border: 0px transparent;
        font-size: 16px;
        font-weight: bold;
        color: #656565 !important;
    }

    .nav-pills > .active > a,
    .nav-pills > .active > a:hover, .nav-pills > li > a:hover {
        text-decoration: none;
        font-weight: bold;
        border-radius: 0px;
        border-bottom-width: 3px;
        border-bottom-style: solid;
        border-bottom-color: #cd2e31;
        color: #656565 !important;
        background-color: transparent !important;
        font-size: 16px;
    }

    .nav-pills > li > a {
        border-radius: 0px;
        font-size: 16px;
        font-weight: normal;
        color: #656565 !important;
        padding: 10px 40px;
    }

        .nav-pills > li > a:hover {
            border: 0px transparent;
            background: 0px transparent;
            font-size: 16px;
            font-weight: bold;
            color: #656565 !important;
            font-weight: normal;
        }

    .nav > li > a {
        padding: 10px 3px !important;
        text-align: center;
    }

    .nav-pills > li + li {
        margin-left: 0px !important;
    }

    .footer-wrapper .footer-content p {
        padding-right: 150px;
    }

    .nav li {
        width: 30%;
    }

    .main-header .nav-listname {
        display: none;
    }
    /* account management*/
    .hidden-xs {
        display: none;
    }

    .account-user .btn-position {
        position: absolute;
        bottom: 827px;
        left: 201px;
    }

    .account-user .btn-group,
    .account-user .dropdown-toggle {
        width: 100%;
        text-align: left;
    }

        .account-user .btn-group .btn .caret {
            text-align: right;
            float: right;
        }

    .account-user .dropdown-menu {
        width: 100%;
    }

    .account-user .col-sm-3 .mtop-10 {
        margin-top: 0px;
    }

    .account-user .btn-pull-rht {
        position: absolute;
        bottom: -6px;
        left: 270px;
    }

    .mbl-mrg-b20 {
        margin-bottom: 20px;
    }

    .mbl-mrg-t20 {
        margin-top: 20px;
    }

    .mbl-mrg-tb20 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .mbl-mrg-tb10 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .account-user .mbl-mrg-adj button {
        margin: 0 0 10px 0;
        width: 100%;
    }

    .mbl-mrg-t15 {
        margin-top: 15px !important;
    }

    .mbl-mrg-b10 {
        margin-bottom: 10px !important;
    }

    .account-management .button-mywols {
        width: 100% !important;
    }

    .mbl-mrg-mtop-0 {
        margin-top: 0px;
    }

    .account-user .bdr-0 {
        border: 0px !important;
    }

    .account-user .font-h4 {
        font-size: 18px;
    }

    .mbl-mrg-b5 {
        margin-bottom: 5px !important;
    }

    .mbl-ptop-10 {
        padding-top: 10px !important;
    }

    .mbl-mrg-rt {
        margin-right: 5px !important;
    }

    .main-category .title-mob {
        padding: 10px 0 10px 0;
        border-bottom: 1px dashed #cccccc;
        margin-bottom: 20px;
    }

    .main-category .category-mob .category-btn-links .btn-category {
        width: 100%;
        margin: 0 0 5px 0;
        background-color: #f2f2f2;
        font-size: 14px;
    }

        .main-category .category-mob .category-btn-links .btn-category p {
            margin: 0px;
            padding: 0px;
        }

        .main-category .category-mob .category-btn-links .btn-category span.category-text {
            text-indent: 0px;
            float: left;
        }

        .main-category .category-mob .category-btn-links .btn-category span.arrow-icon {
            float: right;
        }

    .useful-links .links-holder h4 {
        border-bottom: 1px dashed #cccccc;
        padding: 10px 0 10px 0;
        font-weight: normal;
    }

    .useful-links {
        padding: 10px 0 0 0;
    }

    .ad-holder {
        padding: 0px 0 10px 0;
    }

        .ad-holder .ad-image {
            max-width: 100% !important;
            padding-bottom: 10px;
        }

        .ad-holder p img {
            width: 100%;
        }
    /**customer login*/
    .customer-login {
        width: 100%;
        height: 100%;
        min-width: auto;
    }

        .customer-login .signin-wrapper {
            width: 100%;
            height: 100%;
            min-width: auto;
        }

            .customer-login .signin-wrapper .signin-holder .field-row .remember-field .signin-btn {
                width: 100%;
                margin-top: 10px;
            }

            .customer-login .signin-wrapper .signin-holder .field-row .remember-field .remb-over {
                margin-top: 5px;
            }

            .customer-login .signin-wrapper .signin-holder {
                min-height: 320px;
            }

    /**main login page*/

    .main-header .signin-holder span.mobile-view {
        padding-top: 3px;
    }

    /*faq*/
    .faq-wrapper .faq-title span.back-arrow-mob {
        font-weight: bold;
        display: block;
        float: left;
        margin-right: 5px;
        color: #cd2e31;
    }

    .faq-wrapper ul.nav li {
        width: 100%;
    }

    .faq-wrapper .faq-common-panel {
        padding: 10px 0 0 0;
    }

        .faq-wrapper .faq-common-panel p {
            line-height: 25px;
        }
    /*contact us*/
    .contact-wrapper .contact-title span.back-arrow-mob {
        font-weight: bold;
        display: block;
        float: left;
        margin-right: 5px;
        color: #cd2e31;
    }
    /*terms & Conditions*/
    .tms-cons-wrapper .tms-cons-title span.back-arrow-mob {
        font-weight: bold;
        display: block;
        float: left;
        margin-right: 5px;
        color: #cd2e31;
    }
    /*help*/
    .help-wrapper .help-title .back-arrow-mob,
    .tms-cons-wrapper .tms-cons-title .back-arrow-mob {
        font-weight: bold;
        display: block;
        float: left;
        margin-right: 10px;
        background: url(/Themes/WCAExpress/Content/images/Icons/Home/chevron_back.png);
        height: 12px;
        width: 9px;
        margin-top: 17px;
        background-repeat: no-repeat;
    }

        .help-wrapper .help-title .back-arrow-mob:hover,
        .tms-cons-wrapper .tms-cons-title .back-arrow-mob:hover {
            background: url(/Themes/WCAExpress/Content/images/Icons/Home/chevron_back-hover.png);
            background-repeat: no-repeat;
        }
    /**hard hold header*/
    .main-header .hard-hold a {
        display: block;
        height: 25px;
        width: 30px;
        cursor: pointer;
        background-size: contain;
    }

    .main-header .hard-hold {
        display: table-cell;
        padding-left: 10px;
    }

    /* Account management */
    .account-management .linked-acc-table table tr th {
        vertical-align: middle;
    }

    /*sign in fix for mobile devices*/
    .nav-bar .signin-wrapper {
        width: 100%;
    }

        .nav-bar .signin-wrapper .signin-band {
            width: 100%;
        }

            .nav-bar .signin-wrapper .signin-band .gray-graphic-band {
                width: 70%;
            }

            .nav-bar .signin-wrapper .signin-band .red-graphic-band {
                width: 30%;
            }

        .nav-bar .signin-wrapper .signin-holder {
            width: 100%;
            padding: 0 25px;
        }

        .nav-bar .signin-wrapper .signin-bottom-band {
            width: 100%;
        }

        .nav-bar .signin-wrapper .signin-holder .field-row {
            width: 100%;
        }

            .nav-bar .signin-wrapper .signin-holder .field-row .remember-field {
                width: 100%;
            }

        .nav-bar .signin-wrapper .signin-bottom-band {
            padding-left: 10px;
        }

            .nav-bar .signin-wrapper .signin-bottom-band .btm-arrow-band {
                width: 100%;
            }

                .nav-bar .signin-wrapper .signin-bottom-band .btm-arrow-band .btm-arrow-icon {
                    margin-left: 0px;
                }
    /*NEW HEADER MODULE*/
    .we-theme .navbar-nav li.open > .dropdown-menu {
        left: 0;
        overflow: auto;
    }

    .main-header .borderright {
        border: none;
    }
    /*Display only in Mobile for Footer */
    .footer-wrapper .footer-mobileview {
        border-bottom: 1px dashed #656565;
        margin-bottom: 30px;
    }

    .footer-wrapper .footer-content p {
        padding-right: 0px !important;
        width: 100%;
    }

    .footer-wrapper .footer-content .footer-align {
        margin-right: 0px !important;
        float: none;
        overflow: hidden;
    }
    /*Display only in Mobile for Account users branch dropdown */
    .plt-7 {
        padding-left: 15px !important;
    }
    /*Hard Hold alert below checkout button label alignament in shopping cart*/
    .sc-action-buttons .checkout-warning .states-details {
        width: 33%;
        text-align: right;
        float: left;
    }

    .sc-action-buttons .checkout-warning .states-number {
        width: 30%;
        text-align: right;
        float: left;
    }
    /*Cutomer login page -forgot passwotd popup alignment*/
    .we-theme .modal-footer .modal-footer-content .modal-content-tel {
        width: 80%;
    }

    .xs-flt-rht {
        float: right !important;
    }
    /*My settings mobile view back arrow*/
    .mySettingsContainer .back-arrow-mob {
        display: block;
        float: left;
        margin-right: 10px;
        background: url(/Themes/WCAExpress/Content/images/Icons/Home/chevron_back.png);
        height: 12px;
        width: 9px;
        margin-top: 5px;
        background-repeat: no-repeat;
    }

        .mySettingsContainer .back-arrow-mob:hover {
            background: url(/Themes/WCAExpress/Content/images/Icons/Home/chevron_back-hover.png);
            background-repeat: no-repeat;
        }
    /*Web quote details mobile kendo grid width classes*/
    .we-theme #details-grid .k-grid-header-wrap table colgroup col:nth-child(4),
    .we-theme #details-grid .k-grid-header-wrap table colgroup col:nth-child(3),
    .we-theme #details-grid .k-grid-content table colgroup col:nth-child(4),
    .we-theme #details-grid .k-grid-content table colgroup col:nth-child(3) {
        width: 65px !important;
    }

    .we-theme #details-grid .k-grid-header-wrap table colgroup col:nth-child(2) {
        width: 80px !important;
    }

    .we-theme #details-grid .k-grid-content table colgroup col:nth-child(2) {
        width: 80px !important;
    }

    .xs-margin-btm-15 {
        margin-bottom: 15px !important;
    }
    /*Internal customer draft: draft details popup mobile kendo grid width classes*/
    .we-theme #draftPopupGrid .k-grid-header-wrap table colgroup col:nth-child(1),
    .we-theme #draftPopupGrid .k-grid-content table colgroup col:nth-child(1) {
        width: 90px !important;
    }

    .we-theme #draftPopupGrid .k-grid-header-wrap table colgroup col:nth-child(3),
    .we-theme #draftPopupGrid .k-grid-content table colgroup col:nth-child(3) {
        width: 70px !important;
    }
}
/*Media query for mobile devices*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {

    /*My Wolseley Home mobile view draft order name*/
    .mobileDraftName {
        width: 171px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

/*iphone 6 & 6 plus*/
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {

    .main-header .express-logo {
        width: 89px;
        height: 27px;
    }

    .nav li {
        width: 33%;
    }

    #emailInvoicePopUp.modal {
        padding-right: 0px !important;
    }

    #emailQuotePopUp.modal {
        padding-left: 0px !important;
    }

    #preferenceInvoicePopUp .modal-dialog .modal-content .modal-header .modal-title,
    #preferenceSaveConfirmPopUp .modal-dialog .modal-content .modal-header .modal-title,
    #emailInvoicePopUp .modal-dialog .modal-content .modal-header .modal-title,
    #emailQuotePopUp .modal-dialog .modal-content .modal-header .modal-title,
    #saveChangesPopup .modal-dialog .modal-content .modal-header .modal-title,
    #quoteCancelModalPopUp .modal-dialog .modal-content .modal-header .modal-title {
        padding-left: 57px !important;
        padding-right: 27px !important;
    }

    #preferenceSaveConfirmPopUp.msg-theme .modal-header + div,
    #emailInvoicePopUp.msg-theme .modal-header + div,
    #preferenceInvoicePopUp.msg-theme .modal-header + div,
    #emailQuotePopUpmodal.msg-theme .modal-header + div {
        padding: 15px 50px 5px 95px !important;
    }

    #btnEmailInvoicePopClose.btn-popup-close,
    #btnExitPreference.btn-popup-close,
    #btnEmailQuotePopClose.btn-popup-close,
    #emailQuotePopUpmodal .modal-content .modal-footer .btn-popup-close,
    #createQuoteCancelPopUp .modal-content .modal-footer .btn-popup-close {
        margin-left: 0px !important;
        margin-top: 10px !important;
    }

    #btnSavePreference.btn-primary,
    #btnSendEmailQuote.btn-primary,
    #btnSendEmailQuotePopup.btn-primary,
    #emailQuotePopUpmodal .modal-content .modal-footer .btn-primary {
        margin-top: 10px !important;
    }

    #emailQuotePopUpmodal.modal-dialog {
        margin: 20px 10px 0px 20px;
        width: 90%;
    }

    #saveChangesPopupmodal.modal-dialog {
        margin: 20px 10px 0px 10px;
        width: 90%;
    }

    #emailInvoice .modal-content .modal-footer .btn,
    #preferenceInvoicePopUp .modal-content .modal-footer .btn,
    #emailQuotePopUpmodal .modal-content .modal-footer .btn,
    #saveChangesPopupmodal .modal-content .modal-footer .btn,
    #createQuoteCancelPopUp .modal-content .modal-footer .btn {
        width: 90% !important;
    }
}

.main-login .align-center {
    width: 180px !important;
    height: 40px !important;
    margin: 0 auto;
}

/*iphone 5*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:portrait) {
    #preferenceInvoicePopUp .modal-dialog .modal-content .modal-header .modal-title,
    #preferenceSaveConfirmPopUp .modal-dialog .modal-content .modal-header .modal-title,
    #emailInvoicePopUp .modal-dialog .modal-content .modal-header .modal-title,
    #emailQuotePopUp .modal-dialog .modal-content .modal-header .modal-title,
    #saveChangesPopup .modal-dialog .modal-content .modal-header .modal-title,
    #quoteCancelModalPopUp .modal-dialog .modal-content .modal-header .modal-title {
        padding-left: 57px !important;
        padding-right: 27px !important;
    }

    #btnEmailInvoicePopClose.btn-popup-close,
    #btnExitPreference.btn-popup-close,
    #btnEmailQuotePopClose.btn-popup-close,
    #emailQuotePopUpmodal .modal-content .modal-footer .btn-popup-close,
    #createQuoteCancelPopUp .modal-content .modal-footer .btn-popup-close {
        margin-left: 0px !important;
        margin-top: 10px !important;
    }

    #emailInvoicePopUp.modal {
        padding-right: 0px !important;
    }

    #emailQuotePopUp.modal {
        padding-left: 0px !important;
    }

    #btnEmailInvoicePopClose.btn-popup-close,
    #btnExitPreference.btn-popup-close,
    #btnEmailQuotePopClose.btn-popup-close,
    #emailQuotePopUpmodal .modal-content .modal-footer .btn-popup-close {
        margin-left: 0px !important;
        margin-top: 10px !important;
    }

    #saveChangesPopupmodal .modal-content .modal-footer .btn-popup-close {
        margin-left: 0px !important;
    }

    #btnSavePreference.btn-primary,
    #btnSendEmailQuote.btn-primary,
    #btnSendEmailQuotePopup.btn-primary,
    #emailQuotePopUpmodal .modal-content .modal-footer .btn-primary {
        margin-top: 10px !important;
    }

    #emailInvoicePopUp.modal {
        padding-right: 0px !important;
    }

    #emailQuotePopUp.modal {
        padding-left: 0px !important;
    }

    #preferenceSaveConfirmPopUp.msg-theme .modal-header + div,
    #emailInvoicePopUp.msg-theme .modal-header + div,
    #preferenceInvoicePopUp.msg-theme .modal-header + div,
    #emailQuotePopUpmodal.msg-theme .modal-header + div {
        padding: 15px 50px 5px 95px !important;
    }

    #preferenceSaveConfirmPopUp .modal-footer,
    #emailInvoicePopUp .modal-footer {
        padding: 0 5px 20px 5px !important;
    }

    #emailQuotePopUpmodal.modal-dialog {
        margin: 20px 10px 0px 20px;
        width: 90%;
    }

    #saveChangesPopupmodal.modal-dialog {
        margin: 20px 10px 0px 10px;
        width: 90%;
    }

    #emailInvoice .modal-content .modal-footer .btn,
    #preferenceInvoicePopUp .modal-content .modal-footer .btn,
    #emailQuotePopUpmodal .modal-content .modal-footer .btn,
    #saveChangesPopupmodal .modal-content .modal-footer .btn,
    #createQuoteCancelPopUp .modal-content .modal-footer .btn {
        width: 90% !important;
    }

    #saveChangesPopupmodal .modal-content .modal-footer .btn-popup-close {
        margin-left: 0px !important;
    }

    .main-header .navbar-toggle {
        padding: 4px;
    }

    .main-header .express-logo {
        width: 68px;
        height: 27px;
    }

    .nav > li > a {
        padding: 10px 5px !important;
    }

    .nav li {
        width: 33%;
    }

    .footer-wrapper .footer-content .footer-align {
        margin-right: 45%;
    }

    .footer-wrapper .footer-content p {
        padding-right: 70px;
    }

    .main-login .align-center {
        width: 180px !important;
        height: 40px !important;
        margin: 0 auto;
    }

    #container .list li div .listpanel {
        padding-right: 20px;
    }

    #categoryLandingMainContainer.categorylandingcontainer .we-theme.item .check-button.only-button label > span {
        margin: -4px 0 0 0;
    }

    .we-theme #draftPopupGrid.k-grid .dropdown-menu {
        left: -4px !important;
    }
}

/* iphone 4/4s */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {
    #container .list li div .listpanel {
        padding-right: 20px;
    }
}

.listmodule-search {
    margin-right: 220px;
}

    .listmodule-search .list-search-inputbox {
        width: 100%;
    }

    .listmodule-search .list-details {
        width: 100%;
    }
/* iPad in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /*productdetails discount section alignment*/
    #productDetailPriceContainer .price-container .listPrice {
        margin-right: 20px !important;
    }

    /*  .cart-grid .cart-grid-content {
              max-height: 780px !important;
        }*/
    /*Print Label dropdown on tab view*/
    .changeSideOnTab {
        left: inherit !important;
        right: 0 !important;
    }
    /*ipad more button*/
    .buttonHideOnTab {
        display: none !important;
    }

    .moreButtonShowOnTab {
        display: inline-block !important;
    }

    .featured-products .product-wrapper .product-grid .price-count {
        bottom: 10px;
    }

    .nav-bar .menubar-holder {
        width: 753px;
    }

        .nav-bar .menubar-holder .menubar-topband {
            width: 753px;
        }

    .mylist-holder .mylist-btn-wrapper .mylist-btn {
        width: auto;
    }

    .nav-bar .menubar-holder .menubar-container {
        padding: 32px 0 0 20px;
    }

        .nav-bar .menubar-holder .menubar-container .menubar-col-1 {
            width: 200px;
        }

            .nav-bar .menubar-holder .menubar-container .menubar-col-1 ul li {
                width: 200px;
            }

            .nav-bar .menubar-holder .menubar-container .menubar-col-1 ul li {
                width: 170px;
            }

        .nav-bar .menubar-holder .menubar-container .menubar-col-2 {
            width: 170px;
        }

            .nav-bar .menubar-holder .menubar-container .menubar-col-2 .col-title {
                width: 170px;
            }

            .nav-bar .menubar-holder .menubar-container .menubar-col-2 .col-icon {
                width: 170px;
            }

            .nav-bar .menubar-holder .menubar-container .menubar-col-2 .col-header {
                width: 170px;
            }

            .nav-bar .menubar-holder .menubar-container .menubar-col-2 p {
                width: 170px;
            }

    .main-header .nav-left ul li + li {
        margin: 0 0 0 40px;
    }

    /*Home Page*/
    .main-category .category-wrapper .category-left-chevron {
        margin: 108px 0 0 10px !important;
    }

    .featured-products .product-wrapper .left-chevron {
        margin-left: -15px !important;
    }

    .featured-products .product-wrapper .right-chevron {
        margin-right: -15px !important;
    }

    .main-category .category-wrapper .category-holder p {
        display: none;
    }

    .main-category .category-wrapper .arrow-category {
        padding-top: 90px;
    }
    /*New change*/
    .main-category .category-wrapper .category-holder p:nth-child(3) {
        padding-top: 90px !important;
    }
    /*New change category*/
    .main-category .category-wrapper .category-holder p:nth-child(3) {
        padding-top: 90px !important;
    }

    .featured-products .product-wrapper .product-grid .product-caption {
        padding-top: 10px;
    }

    .featured-products .product-wrapper .product-grid .product-icon {
        min-height: 120px;
    }

    .featured-products .product-wrapper .product-grid .product-content {
        padding-bottom: 10px;
    }

    .featured-products .product-wrapper .product-grid .addtocart-icon {
        bottom: 0px;
    }

        .featured-products .product-wrapper .product-grid .addtocart-icon:hover {
            bottom: 0px;
        }
    /*FEATURED PRODUCTS ARROWS*/
    .featured-products .bx-wrapper .bx-prev {
        left: -13px;
    }

        .featured-products .bx-wrapper .bx-prev:hover,
        .featured-products .bx-wrapper .bx-prev:focus {
            left: -13px;
        }

    .featured-products .bx-wrapper .bx-next {
        right: -13px;
    }

        .featured-products .bx-wrapper .bx-next:hover,
        .featured-products .bx-wrapper .bx-next:focus {
            right: -13px;
        }

    .main-header .borderright {
        border: 0px;
    }

    .featured-products .product-wrapper .product-grid {
        min-height: 380px;
        height: 380px;
    }

        .featured-products .product-wrapper .product-grid p:nth-child(4) {
            margin-top: 10px;
        }

    .main-category .category-wrapper .category-holder h2 {
        height: 80px;
        padding-bottom: 0px;
    }

    .main-category .category-wrapper .category-holder p:nth-child(3) {
        padding-top: 60px !important;
        width: 110px;
    }

    .main-category .category-wrapper .arrow-category {
        padding-top: 62px;
    }

    #categoryLandingMainContainer.categorylandingcontainer .we-theme.item .check-button.only-button a span:nth-child(2) {
        display: inline;
    }

    #categoryLandingMainContainer.categorylandingcontainer .we-theme.item .check-button.only-button a span {
        white-space: normal !important;
    }

    #categoryLandingMainContainer.categorylandingcontainer .we-theme.item .check-button.only-button a {
        display: inline-block;
        line-height: 18px;
    }
    /*Internal customer draft: draft details popup mobile kendo grid width classes*/
    .we-theme #draftPopupGrid .k-grid-content .btn-primary {
        min-width: 55px !important;
    }

    .we-theme #draftPopupGrid .k-grid-header-wrap table colgroup col:nth-child(1),
    .we-theme #draftPopupGrid .k-grid-content table colgroup col:nth-child(1) {
        width: 100px !important;
    }

    .we-theme #draftPopupGrid .k-grid-header-wrap table colgroup col:nth-child(3),
    .we-theme #draftPopupGrid .k-grid-content table colgroup col:nth-child(3) {
        width: 75px !important;
    }

    .we-theme #draftPopupGrid .k-grid-header-wrap table colgroup col:nth-child(4),
    .we-theme #draftPopupGrid .k-grid-content table colgroup col:nth-child(4) {
        width: 100px !important;
    }
    /*New styles for point resize dynamically in external contest popup*/
    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size130,
    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size100,
    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size80,
    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size66,
    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size56,
    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size50,
    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size44,
    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size40 {
        margin-top: 0px !important;
    }

    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size130 {
        font-size: 90px !important;
    }

    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size100 {
        font-size: 72px !important;
    }

    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size80 {
        font-size: 58px !important;
        margin-top: 15px !important;
    }

    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size66 {
        font-size: 47px !important;
        margin-top: 25px !important;
    }

    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size56 {
        font-size: 40px !important;
        margin-top: 40px !important;
    }

    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size50 {
        font-size: 35px !important;
        margin-top: 15px !important;
    }

    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size44 {
        font-size: 31px !important;
        margin-top: 15px !important;
    }

    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size40 {
        font-size: 28px !important;
        margin-top: 15px !important;
    }
    /*Product details list price & discount text alignment fix*/
    .price-container .listPrice,
    .price-container .discount {
        margin-right: 0px !important;
        display: inline-block !important;
        width: 50% !important;
    }

    .price-container .discount {
        padding-left: 5px;
    }

        .price-container .listPrice .list-price-value.col-sm-push-6,
        .price-container .discount .discount-value.col-sm-push-6 {
            left: 60% !important;
            padding-left: 10px;
        }

        .price-container .listPrice .listPriceLabel,
        .price-container .discount .discountLabel {
            padding: 0px;
            float: left;
            word-wrap: break-word;
            width: 65% !important;
        }

    #productDetailPriceContainer #product-sku {
        clear: both;
    }

    .cartlistthirdpanel #add-to-express-list.btn-secondary {
        white-space: normal !important;
        height: auto !important;
    }

    .listmodule-search .list-search-inputbox {
        width: 100%;
        padding-right: 10px;
    }

    .listmodule-search .list-searchicon {
        position: absolute;
        top: 0px;
        right: 15px;
    }
}

/* iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    /*.cart-grid .cart-grid-content {
                  max-height: 800px !important;
            }
              */

    /*Print Label dropdown on tab view*/
    .changeSideOnTab {
        left: inherit !important;
        right: 0 !important;
    }
    /*ipad on more button*/
    .buttonHideOnTab {
        display: none !important;
    }

    .moreButtonShowOnTab {
        display: inline-block !important;
    }

    /*Home Page*/
    .featured-products .product-wrapper .product-grid .price-count {
        bottom: 10px;
    }

    .featured-products .product-wrapper .left-chevron {
        margin-left: -13px;
    }

    .featured-products .product-wrapper .right-chevron {
        margin-right: -13px;
    }

    .featured-products .product-wrapper .left-chevron:hover {
        margin-left: -13px;
    }

    .featured-products .product-wrapper .right-chevron:hover {
        margin-right: -13px;
    }

    .main-category .category-wrapper .category-holder {
        padding-left: 30px;
    }

    .main-category .category-wrapper .arrow-category {
        padding-top: 50px;
    }
    /*New change category*/
    .main-category .category-wrapper .category-holder p:nth-child(3) {
        padding-top: 50px !important;
    }

    .featured-products .product-wrapper .product-grid .product-caption {
        padding-top: 30px;
    }
    /*FEATURED PRODUCTS ARROWS*/
    .featured-products .bx-wrapper .bx-prev {
        left: -13px;
    }

        .featured-products .bx-wrapper .bx-prev:hover,
        .featured-products .bx-wrapper .bx-prev:focus {
            left: -13px;
        }

    .featured-products .bx-wrapper .bx-next {
        right: -13px;
    }

        .featured-products .bx-wrapper .bx-next:hover,
        .featured-products .bx-wrapper .bx-next:focus {
            right: -13px;
        }

    .featured-products .product-wrapper .product-grid {
        padding: 30px 30px 20px 30px;
    }

    #categoryLandingMainContainer.categorylandingcontainer .we-theme.item .check-button.only-button a span#orderedproductscount {
        display: inline;
    }
}

/* Media query for iPad and tab devices */
@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) {
    #orderdetailgrid > table > tbody > tr:nth-child(1) > td:nth-child(2) {
        width: 20%;
    }
}


/** END of CSS Styles for each pages and their respective media queries  **/
/******************************************************************/





/**    The contents of shopping cart css   ****************/
/***This old shopping cart was removed_ February 8th**/
/******************The end of contents of shopping cart css**********/





/********* The contents of list css***********/
/*********************************************/


body {
}

.active .tab-links {
    background-color: #e8371b !important;
}
/*.btn-primary{background-color:#EFAFAC !important;color:black;border:thin black}*/
.chkGrid {
    opacity: 1 !important;
    background: url(/Themes/WCAExpress/Content/images/Icons/checkbox-graydout.png) no-repeat left;
    background-size: 70%;
}

.chkBoxWQItemAlreadyInCart {
    display: inline-block !important;
}

.we-theme .check-button.only-button label > span {
    display: none;
}

td.disabled .check-button.only-button label input:checked + span {
    background: url(/Themes/WCAExpress/Content/images/Icons/checkbox-graydout.png) no-repeat left;
    background-size: 70%;
}

.chkPubGrid {
}

.chkShareGrid {
}

.ExpresschkGrid {
}

.content_margin {
    margin: auto 0 !important;
}

.model-font {
    color: #2E2E2E !important;
}
/*.btn-default{width:466px;height:65px;margin:4px;background-color:#ddd !important;border-color:#AAA !important;border-radius:14px !important}*/
.modal-header {
    padding: 60px;
}

.font-bold {
    font-weight: bold;
    color: #777;
}

.dialog-style {
    width: 435px;
}

.red-bold {
    font-weight: bold;
    color: #ff0000;
}

.green-bold {
    font-weight: bold;
    color: #00ff21;
}

.region-list {
    display: inline-block;
}

.has-error {
    background-color: red;
}

.has-success {
    background-color: green;
}

.empty-list {
    top: 110px;
    position: relative;
    text-align: center;
    left: 240px;
}

.quantity-field {
}

/********* The end of contents of list css***********/
/*********************************************/




/* ############################ WE STYLE START HERE ############################ */


/* #### My Orders Page #### */
/*--------------------------*/
.oh-search-form {
    clear: both;
}

    .oh-search-form .oh-icon-search {
        display: table-cell;
    }

.oh-filter-form .error,
.order-info-form .error,
.rename-popup-content .error,
.draft-name-popup-content .error,
.list-name-popup-content .error,
.checkout-popup-content .error {
    color: #cd2e31;
    border-radius: 6px;
    padding: 5px 5px 5px 25px;
    background: url(../images/Icons/Shop/error_ic.png) no-repeat 0 4px;
}

.oh-filter-form label {
    margin-top: 8px;
}

.row-start-date, .row-end-date {
    width: 48%;
    float: left;
    padding: 0;
}

    .row-start-date .k-header.form-control,
    .row-end-date .k-header.form-control {
        padding: 0;
        border: none;
    }

.row-end-date {
    margin-left: 4%;
}

/* #### Switch Account Popup #### */
/*----------------------------------------------*/
.sa-popup-search-actions {
    margin: 0 0 0 15px;
}

.we-theme .search-account-results {
    margin-top: -38px;
    margin-bottom: 5px;
    float: left;
    color: #656565;
}

    .we-theme .search-account-results.nopaging {
        margin-top: 15px;
        float: none;
    }
/* #### Order Details, Quote Details & Draft Order Page #### */
/*----------------------------------------------*/
.negative-order {
    color: #cd2e31;
}

.draft-orders .empty-content {
    margin: 40px 0;
}

.shopping-cart .empty-content {
    margin: 80px 0;
}

    .draft-orders .empty-content p,
    .shopping-cart .empty-content p {
        color: #656565;
        margin: 10px 0 20px 0;
    }

    .draft-orders .empty-content h3,
    .shopping-cart .empty-content h3 {
        margin: 30px 0 20px;
    }

    .shopping-cart .empty-content h3 {
        font-size: 16px;
        line-height: 30px;
    }

    .shopping-cart .empty-content a {
        color: #cd2e31;
    }

.draft-orders .empty-content ul {
    margin: 20px 30px;
}

.draft-orders .empty-content li {
    margin: 6px 0;
}

    .draft-orders .empty-content li:before {
        display: block;
        content: " ";
        width: 5px;
        height: 5px;
        background: #cd2e31;
        top: 12px;
        left: -16px;
        position: relative;
    }

.rename-popup-content input[type=text],
.draft-name-popup-content input[type=text],
.list-name-popup-content input[type=text] {
    width: 100%;
    border-radius: 6px;
}

.draft-orders .page-title,
.quote-details .page-title,
.order-details .page-title {
    margin: 0;
}

.draft-order-list .page-title {
    margin: 0 0 0 0;
}

.draft-orders .k-grid-content {
    overflow: hidden;
}

.draft-order-list .k-grid-content {
    overflow: hidden;
    padding-right: 15px;
}

.shopping-cart .page-title {
    margin: 0 0 10px 0;
    padding: 6px 15px;
}

.checkout .page-title {
    min-height: 42px;
    margin: 0 0 14px 0;
    padding: 6px 15px;
    border-bottom: 1px dashed #ccc;
}

    .checkout .page-title h2 {
        margin: 0;
    }

.draft-order-list .created-on {
    margin: 0 0 10px 0;
}

.page-title h2 {
    color: #3b3b3b;
    font-size: 24px;
    font-weight: bold;
    margin: 10px 0 0 0;
}

    .page-title h2.titleFont {
        color: #656565;
        font-size: 24px;
        font-weight: bold;
        margin: 10px 0 0 0;
    }

    .page-title h2 > span {
        display: block;
        font-size: 16px;
        font-weight: normal;
    }

.shopping-cart .page-title h2 > span {
    font-size: 16px;
    float: right;
    margin: 7px 0 0 0;
    font-weight: normal;
}

.wq-action-buttons,
.do-action-buttons {
    margin: 10px 0;
}

.sc-action-buttons {
    padding: 24px 0 0 0;
}

.co-action-buttons {
    padding: 10px 0 10px;
}

    .oh-action-buttons .btn,
    .wq-action-buttons .btn,
    .do-action-buttons .btn,
    .sc-action-buttons .btn,
    .co-action-buttons .btn {
        width: 100%;
    }

.sc-action-buttons .btn {
    width: 89%;
}

.order-summary-section {
    clear: both;
    margin: 10px 0;
    padding: 10px 0;
}

.quote-summary-section {
    background: #f2f2f2;
    border: none;
}

.draft-summary-section {
    border-top: 1px solid #ccc;
    margin: 10px 0;
}

.order-summary-section h3,
.quote-summary-section h3,
.cart-summary-section h3,
.co-order-summary-section h3 {
    border-bottom: 1px dashed #ccc;
    color: #656565;
    overflow: hidden;
    padding: 10px 0;
    font-size: 18px;
    font-weight: bold;
}

    .quote-summary-section h3 .count,
    .cart-summary-section h3 .count,
    .co-order-summary-section h3 .count {
        font-size: 14px;
        float: right;
        font-weight: normal;
        line-height: 20px;
    }

.draft-invalid-products .draft-warning {
    margin: 10px 0 0 0;
}

.cart-invalid-products .draft-warning {
    margin: 10px 0 0 0;
}

.quote-summary-section .checkout-warning .warning-sign,
.sc-action-buttons .checkout-warning .warning-sign,
.draft-invalid-products .draft-warning .warning-sign,
.saveAsDraftModal .draft-name-warning .warning-sign,
.saveAsListModal .list-name-warning .warning-sign,
.cart-invalid-products .cart-warning .warning-sign,
.myModalBox3 .renamedraft-name-warning .warning-sign {
    background: url(../images/modal_popover/warning_large.png) no-repeat center / contain;
    width: 24px;
    height: 24px;
    float: left;
    margin: 0 10px 4px 0;
}

.quote-summary-section .checkout-warning .warning-message,
.sc-action-buttons .checkout-warning .warning-message,
.draft-invalid-products .draft-warning .warning-message,
.saveAsDraftModal .draft-name-warning .warning-message,
.saveAsListModal .list-name-warning .warning-message,
.cart-invalid-products .cart-warning .warning-message,
.myModalBox3 .renamedraft-name-warning .warning-sign, {
    margin: 0 0 0 40px;
}

.quote-summary-section .expired-quote {
    font-size: 18px;
    font-weight: bold;
    padding: 50px 20px;
    text-align: center;
    background: #f7f7f7;
    border-radius: 6px;
    color: #cd2e31;
}

.order-summary-section dl,
.quote-summary-section dl,
.draft-summary-section dl,
.cart-summary-section dl {
    margin: 24px 0 18px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

    .order-summary-section dl dt,
    .quote-summary-section dl dt,
    .draft-summary-section dl dt,
    .cart-summary-section dl dt {
        font-size: 14px;
        font-weight: normal;
        color: #3b3b3b;
    }

    .order-summary-section dl dd,
    .quote-summary-section dl dd,
    .draft-summary-section dl dd,
    .cart-summary-section dl dd {
        font-size: 16px;
        font-weight: bold;
        color: #3b3b3b;
        width: auto;
        border-bottom: 3px solid #cd2e31;
    }

.order-summary-section small,
.draft-summary-section small,
.cart-summary-section small {
    display: block;
    clear: both;
    font-size: 12px;
}

.order-details-section-wrap,
.quote-details-section-wrap {
    display: table;
    width: 100%;
    border-bottom: 1px solid #ccc;
}

.order-details-section,
.quote-details-section {
    padding: 12px;
}

.quote-details-section {
    padding: 0;
}

    .order-details-section dt,
    .order-details-section dd,
    .quote-details-section dt,
    .quote-details-section dd {
        float: left;
        font-size: 13px;
        padding: 3px 0;
        margin: 0;
    }

    .order-details-section dt,
    .quote-details-section dt {
        clear: both;
        text-align: left;
        width: 45%;
    }

    .order-details-section dd,
    .quote-details-section dd {
        text-align: right;
        width: 55%;
    }

.order-details-section .shipment dt {
    width: 30%;
}

.order-details-section .shipment dd {
    width: 70%;
}

.order-details-section > div {
    overflow: hidden;
}

.quote-details-section > div {
    overflow: hidden;
    padding: 10px;
}

    .order-details-section > div small,
    .quote-details-section > div small {
        text-align: left;
        padding: 20px 0;
        clear: both;
        display: block;
        font-size: 13px;
        font-weight: bold;
    }

.order-details-section div:last-child,
.quote-details-section div:last-child {
    border-right: none;
}

.quote-summary-footer,
.draft-summary-footer,
.cart-footer {
    margin: 10px 0 20px;
    overflow: hidden;
    border-top: none;
}

    .cart-footer .btn {
        width: 100%;
        margin: 0 0 5px 0;
    }

    .quote-summary-footer .subtotal,
    .draft-summary-footer .subtotal,
    .cart-footer .subtotal {
        float: right;
        padding: 10px;
        font-size: 14px;
        color: #3b3b3b;
        text-align: center;
        border-bottom: 3px solid #cd2e31;
    }

    .cart-footer .subtotal {
        float: none;
        border-bottom: none;
        text-align: left;
        border-bottom: 1px solid #ccc;
        padding: 0;
        margin: 0 0 20px 0;
        overflow: hidden;
    }

    .quote-summary-footer .subtotal b {
        font-size: 16px;
        margin: 0 0 0 6px;
        font-weight: bold;
        color: #3b3b3b;
    }

    .cart-footer .subtotal b {
        font-size: 16px;
        margin: 0 0 0 6px;
        font-weight: bold;
        color: #3b3b3b;
        border-bottom: 3px solid #cd2e31;
        float: right;
    }

    .cart-footer .btn-link {
        padding: 8px 0px;
        margin: 6px 0;
        width: auto;
    }

    .quote-summary-footer .order-writer {
        float: left;
    }

.draft-invalid-products .discountinued-products-list,
.cart-invalid-products .discountinued-products-list {
    background: #fff;
    margin: 20px 0 0;
}

.discountinued-products-list {
    border: 1px solid #ccc;
    border-radius: 3px;
    max-height: 200px;
    overflow: auto;
    margin: 20px 0;
}

    .discountinued-products-list li {
        border-bottom: 1px solid #e7e7e7;
        margin: 2px;
        padding: 10px;
    }

        .discountinued-products-list li:last-child {
            border-bottom: none;
        }

.discountinued-products-list {
}
/*list back button css*/

.back-to-list .btn {
    padding: 0;
    color: #656565;
}

    .back-to-list .btn:hover {
        text-decoration: underline;
    }

    .back-to-list .btn span {
        color: #cd2e31;
    }

    .back-to-list .btn .glyphicon-chevron-left {
        background: url(../images/Icons/Home/chevron_back.png) no-repeat 0 10px;
        text-indent: -9999px;
        padding: 8px 4px;
        margin: 0 8px 0 0;
    }

    .back-to-list .btn:hover .glyphicon-chevron-left {
        background: url(../images/Icons/Home/chevron_back-hover.png) no-repeat 0 10px;
    }
/*list back button css*/

.back-to-my-order {
    margin: 0 0 5px 0;
    padding-top: 35px;
}

    .back-to-my-order .btn {
        padding: 0;
        color: #656565;
    }

        .back-to-my-order .btn:hover {
            text-decoration: underline;
        }

        .back-to-my-order .btn span {
            color: #cd2e31;
        }

        .back-to-my-order .btn .glyphicon-chevron-left {
            background: url(../images/Icons/Home/chevron_back.png) no-repeat 0 10px;
            text-indent: -9999px;
            padding: 8px 4px;
            margin: 0 8px 0 0;
        }

        .back-to-my-order .btn:hover .glyphicon-chevron-left {
            background: url(../images/Icons/Home/chevron_back-hover.png) no-repeat 0 10px;
        }

.pro-details {
    text-decoration: underline;
    cursor: pointer;
}

    .pro-details .product-code,
    .pro-name .product-code,
    .product-name .product-code {
        font-size: 12px;
        display: block;
        font-style: italic;
        color: #8c8c8c;
        text-decoration: none;
    }

.pro-name .product-price,
.product-name .product-price {
    font-weight: bold;
    display: block;
    color: #cd2e31;
}

.info-icon {
    background: url(../images/Icons/info_ic.png) no-repeat 0 0;
    width: 15px;
    height: 15px;
    display: inline-block;
    text-indent: -9999px;
    cursor: pointer;
}

    .info-icon:hover {
        background: url(../images/Icons/info_ic-hover.png) no-repeat 0 0;
    }

.info-icon-pp {
    position: relative;
    top: 2px;
}

.info-icon-co {
    top: 14PX;
    position: relative;
    padding-left: 0PX;
    right: 11px;
}

.icon-checked,
.icon-location,
.icon-phone,
.icon-truck {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-bottom: -5px;
}

.icon-checked {
    background: url(../images/Icons/checkmark.png) no-repeat center;
}

.icon-location {
    background: url(../images/Icons/location_ic.png) no-repeat center;
}

.icon-phone {
    background: url(../images/Icons/phone_ic.png) no-repeat center;
}

.icon-truck {
    background: url(../images/Icons/truck_ic.png) no-repeat center;
}

#availablity-popover, #promocode-popover {
    display: none;
}

    .availablity-popover li,, #promocode-popover li {
        padding: 4px 0;
        font-size: 12px;
        clear: both;
        width: auto;
    }

.availablity-popover .icon-checked,
.availablity-popover .icon-location,
.availablity-popover .icon-phone,
.availablity-popover .icon-truck {
    float: right;
    margin: -2px 0 0 16px;
}

@media (min-width: 767px) {
    .list-stock-available {
        float: right;
        width: 50%;
        text-align: right;
        height: 33px !important;
        margin-right: 20px;
    }

        .list-stock-available select {
            width: 50%;
            display: inline;
        }
}

.list-stock-available label {
    font-size: 14px;
    font-weight: normal;
    padding: 5px 0 0 0;
}

#list_stockAvailableAt {
    height: 33px !important;
}

.cart-options {
    padding: 15px 0 20px;
}

    .cart-options .stock-available label {
        font-size: 14px;
        font-weight: normal;
        padding: 5px 0 0 0;
    }

.cart-grid {
    margin: 20px 0 0 0;
}

    .cart-grid .cart-grid-header {
        padding: 0 0 0 0;
    }
    /*Removed the max height and overflow from mobile view*/
    .cart-grid .cart-grid-content {
        border-top: 2px solid #ccc;
        border-bottom: 2px solid #ccc;
        overflow-x: hidden !important;
    }

    .cart-grid table {
        width: 100%;
        overflow: auto;
        height: fit-content;
        table-layout: fixed;
        padding: 0;
        position: relative;
    }

    .cart-grid thead th {
        background: none;
        border-left: none;
        text-transform: uppercase;
        color: #656565;
        font-weight: bold;
        padding: 10px 8px;
        letter-spacing: 0.25px;
        font-size: 13px;
        white-space: initial;
    }

    .cart-grid tbody tr:last-child td {
        border-bottom: none;
    }

    .cart-grid tbody td {
        border-bottom: 1px dashed #ccc;
        border-left: 1px solid transparent;
        color: #656565;
        font-size: 13px;
        padding: 13px 8px;
    }

    .cart-grid .product-image-col {
        width: 100px;
    }

    .cart-grid .product-name-col {
        width: 50%;
    }

    .cart-grid .availability-col {
        text-align: center;
        width: 85px;
    }

    .cart-grid .quantity-col {
        position: static;
        text-align: right;
        width: 120px;
    }

    .cart-grid .product-price-col {
        text-align: right;
        width: 94px;
    }

    .cart-grid .remove-col {
        width: 100px;
        text-align: center;
        position: relative;
    }

    .cart-grid td.product-image img {
        width: 60px;
        height: auto;
    }

    .cart-grid tbody td .quantity-field {
        width: 58px;
        text-align: center;
        display: inline;
        height: 34px;
        border-radius: 6px;
        border: 1px solid #ccc;
        padding: 0px !important;
    }

    .cart-grid tbody td .error {
        color: #cd2e31;
        text-align: left;
        display: inline-block;
        padding: 5px 5px 5px 25px;
        font-size: 11px;
        background: url(../images/Icons/Shop/error_ic.png) no-repeat 0 4px;
        margin: 0 0 0 25px;
    }

    .cart-grid tbody td .remove {
        background: url(../images/remove.png) no-repeat center;
        width: 24px;
        height: 24px;
        text-indent: -9999px;
        border: none;
    }

        .cart-grid tbody td .remove:hover {
            background: url(../images/remove-hover.png) no-repeat center;
        }

    .cart-grid tbody td.product-image-col .remove {
        background: none;
        width: auto;
        height: auto;
        text-indent: 0;
        border: none;
        margin: 15px 0 0 0;
    }

        .cart-grid tbody td.product-image-col .remove:hover {
            background: none;
            text-decoration: underline;
        }

    .cart-grid tbody td.quantity-col .icon-checked {
        margin: 6px 20px 6px auto;
        position: relative;
        right: 6px;
    }

    .cart-grid tbody td a,
    .cart-grid tbody td a:hover {
        color: #cd2e31;
        font-size: 13px;
    }

/* Galaxy Fold override*/
@media(max-width:281px) {
    .showDetailsBundle a, .cart-grid tbody td a {
        font-size: 11px;
    }
}

.order-details-section-wrap .order-details-section dt span a {
    display: none;
}

    .order-details-section-wrap .order-details-section dt span a img {
        display: none;
    }
/* #### Checkout Page #### */
/*-------------------------*/
.checkout input[type="text"],
.newAddressModal input[type="text"] {
    width: 100%;
    border-radius: 6px;
}

.checkout-logo {
    float: left;
    margin: 20px 15px;
}

    .checkout-logo img {
        width: 120px;
        height: auto;
    }

.order-info-form .order-mbtm-0 {
    margin-bottom: 0px !important;
}

.checkout-steps {
    width: 390px;
    float: right;
    text-align: center;
    margin: 30px -20px 0 0;
}

    .checkout-steps b {
        display: inline-block;
        width: 32%;
        text-align: center;
        color: #656565;
        font-size: 11px;
        padding: 0 0 10px 0;
    }

    .checkout-steps .checkout-dots {
        background: url(../images/bg_steps.png) no-repeat center;
        width: 283px;
        height: 30px;
        margin: auto;
    }

        .checkout-steps .checkout-dots .dot {
            width: 30px;
            height: 30px;
            display: block;
        }

        .checkout-steps .checkout-dots .dot-1 {
            margin: auto auto auto 0;
        }

        .checkout-steps .checkout-dots .dot-2 {
            margin: -30px auto;
        }

        .checkout-steps .checkout-dots .dot-3 {
            margin: auto 0 auto auto;
        }

    .checkout-steps.step-1 .checkout-dots .dot-1 {
        background: url(../images/step-active.png) no-repeat center;
    }

    .checkout-steps.step-2 .checkout-dots .dot-1 {
        background: url(../images/step-active.png) no-repeat center;
    }

    .checkout-steps.step-2 .checkout-dots .dot-2 {
        background: url(../images/step-active.png) no-repeat center;
    }

    .checkout-steps.step-3 .checkout-dots .dot-1 {
        background: url(../images/step-active.png) no-repeat center;
    }

    .checkout-steps.step-3 .checkout-dots .dot-2 {
        background: url(../images/step-active.png) no-repeat center;
    }

    .checkout-steps.step-3 .checkout-dots .dot-3 {
        background: url(../images/step-active.png) no-repeat center;
    }

    .checkout-steps.step-1 .label-1 {
        color: #656565;
        font-size: 16px;
    }

    .checkout-steps.step-2 .label-2 {
        color: #656565;
        font-size: 16px;
    }

    .checkout-steps.step-3 .label-3 {
        color: #656565;
        font-size: 16px;
    }

.co-order-summary-section dl,
.order-info-section dl {
    margin: 5px 0 18px;
    overflow: hidden;
}

.cart-description label {
    color: #656565 !important;
    font-size: 14px;
    font-weight: bold;
}

.static-desc {
    text-align: center;
    color: #656565;
    font-weight: bold !important;
    font-size: 11.05px !important;
}

.cart-description p {
    color: #656565 !important;
    font-size: 14px;
    font-weight: normal;
}

.co-order-summary-section dl dt,
.preview-address,
.order-info-section dl dt {
    font-size: 14px;
    font-weight: normal;
    color: #656565;
    clear: both;
    padding: 4px 0;
}

.order-info-section dl dt {
    font-weight: bold;
}

.co-order-summary-section dl dd,
.order-info-section dl dd {
    font-size: 14px;
    color: #3b3b3b;
    width: auto;
    padding: 4px 0;
}

.order-info-section dl dd {
    padding: 4px;
}

.co-order-summary-section dl.co-estimated {
    margin: 24px 0 0;
    border-top: 1px solid #ccc;
}

    .co-order-summary-section dl.co-estimated dt {
        font-size: 14px;
        padding: 13px 0;
    }

    .co-order-summary-section dl.co-estimated dd {
        font-size: 16px;
        font-weight: bold;
        padding: 10px 0;
        border-top: 3px solid #cd2e31;
    }

.co-order-summary-section small {
    display: block;
    clear: both;
    font-size: 12px;
}

.phone-number-group .control-label {
    text-align: left;
}

.phone-extension {
    position: relative;
    margin-top: -37px;
    padding-left: 0;
    padding-right: 0;
}

.select-address .btn {
    width: 100%;
    margin: 15px 0;
}

.order-info-form {
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

    .order-info-form .required,
    .new-address-form .required {
        color: #cd2e31;
        margin: 0;
    }

.review-order-info {
    font-size: 14px;
    color: #656565;
}

    .review-order-info h3 {
        margin: 10px 0;
        padding: 10px 0;
        border-bottom: 1px solid #ccc;
        color: #656565;
        font-size: 18px;
        font-weight: bold;
    }

    .review-order-info a {
        font-size: 14px;
        color: #cd2e31;
    }

    .review-order-info .ordered-by {
        margin: 0 0 20px 0;
    }

    .review-order-info .preview-address {
        margin: 10px 0;
    }

.checkout-grid {
    margin: 20px 0 50px 0;
    height: fit-content;
}

.cart-grid.checkout-grid .product-image-col {
    width: 70px;
}

.cart-grid.checkout-grid tbody td.quantity-col .icon-status-available,
.cart-grid.checkout-grid tbody td.quantity-col .icon-status-available_other_location,
.cart-grid.checkout-grid tbody td.quantity-col .icon-back-order,
.cart-grid.checkout-grid tbody td.quantity-col .icon-checked,
.cart-grid.checkout-grid tbody td.quantity-col .icon-location,
.cart-grid.checkout-grid tbody td.quantity-col .icon-truck {
    margin: 6px 10px 6px auto;
    position: relative;
    right: 6px;
}

.thank-you {
    padding-bottom: 50px;
    font-size: 14px;
}

    .thank-you .order-number {
        font-size: 18px;
    }

    .thank-you .order-success {
        padding: 20px 20px 20px 80px;
        background: url(../images/success_large.png) no-repeat 20px 15px #eef5ee;
        border: 1px solid #95ca95;
        border-radius: 6px;
        margin: 20px 0 40px;
        min-height: 80px;
        color: #3b3b3b;
    }

    .thank-you .btn {
        width: 100%;
        margin: 10px 0;
    }

#forward-email-popover {
    display: none;
}

.thank-you .popover {
    max-width: 320px;
}

.thank-you .forward-email-head {
    width: auto !important;
}

.forward-email-popover {
    color: #3b3b3b;
    padding: 5px;
}

    .forward-email-popover .instruction {
        margin: 20px 0;
    }

    .forward-email-popover p {
        color: #656565;
    }

    .forward-email-popover .instruction div {
        padding: 6px;
        display: inline;
        border: 1px solid #ccc;
        background: #ffffff;
        border-radius: 6px;
        white-space: nowrap;
    }
/*hide mobile class added for resolving the height issue in category and featured products section for bxslider*/
.hide-mobile {
    height: 0;
    overflow: hidden;
}
/*Media query for mobile devices*/
@media screen and (min-width: 768px) {

    .width-d-60 {
        width: 60% !important;
    }
    /*desktop lineheight for button*/
    .responsiveLH {
        line-height: 2.5 !important;
    }

    .cart-footer .subtotal b {
        display: inline-block !important;
    }


    .addButtonDesktop {
        width: auto !important;
        padding: 0px 5px !important;
    }

    /*my list padding*/

    .mylist-holder .nav > li > a {
        padding: 10px 10px !important;
    }


    /*List details button alignment*/
    .back-to-list {
        margin: 0 0 5px 0;
        padding-top: 6px;
        width: 38%;
    }

    /*My settings button alignment for french and english*/

    .spl-flt-rgt {
        float: right !important;
    }

    .checkout-logo {
        float: left;
        margin: 30px 20px;
    }

        .checkout-logo img {
            width: 202px;
            height: 52px;
        }

    .we-grid .we-grid-row .we-grid-cell.rights {
        display: inline-block;
        width: 12.5%;
    }

    .we-grid .we-grid-row .we-grid-cell {
        word-break: normal;
    }

    /* #### My Orders Page #### */
    /*--------------------------*/
    .oh-search-form {
        clear: none;
    }

    .row-start-date, .row-end-date {
        width: auto;
        float: none;
        padding: 0;
    }

    .row-end-date {
        margin-left: 0;
    }

    /* #### Checkout Pages #### */
    /*--------------------------*/
    .phone-number-group .control-label {
        text-align: right;
    }

    .phone-extension {
        margin-top: 0;
    }

    .select-address .btn {
        margin: auto;
    }

    .thank-you .btn {
        width: auto;
        margin: 0;
    }

    .thank-you .order-success {
        padding: 30px 20px 30px 80px;
    }

    /* #### Order & Quote Details Page #### */
    /*------------------------------*/
    .cart-summary-wrapper {
        overflow: hidden;
        margin: 0 0 30px 0;
        border-bottom: 1px solid #ccc;
        top: -25px;
    }

    .cart-summary-section {
        padding: 20px 15px 20px 0;
        float: left;
        width: 50%;
    }

    .sc-action-buttons {
        padding: 20px 0 20px 15px;
        border-left: 1px solid #ccc;
        float: left;
        width: 50%;
    }

    .cart-grid .quantity-col {
        text-align: center;
        width: 150px;
    }

    .cart-footer .subtotal {
        margin: 0 0 0 20px;
        float: right;
        padding: 10px;
        border-bottom: 3px solid #cd2e31;
    }

        .cart-footer .subtotal b {
            float: none;
            border: none;
        }

    .cart-footer .btn {
        width: auto;
        margin: 0;
    }

    .cart-options {
        padding: 0 0 20px;
    }

        .cart-options .stock-available {
            float: right;
            width: 50%;
            text-align: right;
            margin-top: 10px;
        }

            .cart-options .stock-available select {
                width: 50%;
                display: inline;
            }

            .cart-options .stock-available select {
                width: 50%;
                display: inline;
            }

    .shopping-cart .empty-content {
        margin: 100px 0;
    }

        .shopping-cart .empty-content h3 {
            font-size: 22px;
            line-height: 30px;
        }

    .shopping-cart .page-title {
        margin: 0 0 25px;
    }

    .page-title h2 > span {
        font-size: 22px;
        display: inline;
        padding: 0 0 0 20px;
    }

    .oh-action-buttons,
    .do-action-buttons {
        float: right;
    }

    .do-action-buttons {
        margin: 0;
    }

        .oh-action-buttons .btn,
        .do-action-buttons .btn {
            width: auto;
        }

    .order-details-section,
    .quote-details-section {
        display: table-row;
        padding: 0;
    }

        .order-details-section > div,
        .quote-details-section > div {
            width: 32%;
            display: table-cell;
            vertical-align: top;
            border-bottom: none;
            border-right: 1px solid #ccc;
            padding: 20px;
        }

        .quote-details-section > .quote-summary-section {
            border: none;
        }
    /****NEW HEADER MODULE**/

    body.main-navigation-on {
        /*overflow: intial;*/
        overflow: auto;
        height: auto;
        width: auto;
        position: static;
    }

    .we-theme.container-fluid {
        padding-left: 30px;
        padding-right: 30px;
    }

    .we-theme .region-language-section {
        padding: 10px 0;
        display: block;
        overflow: hidden;
    }

        .we-theme .region-language-section label {
            padding: 8px 6px 8px 20px;
        }

        .we-theme .region-language-section span {
            display: inline-block;
            padding: 8px 00px 8px 0px;
            font-weight: bold;
        }

        .we-theme .region-language-section .language-selector,
        .we-theme .region-language-section .region-selector {
            width: auto;
            float: right;
            height: 34px;
        }

    .we-theme .navbar-header {
        padding: 10px 0;
        position: relative;
        margin-bottom: 36px;
    }

        .we-theme .navbar-header .wolseley-main-logo {
            width: 202px;
            height: 52px;
            margin-right: 80px;
        }

        .we-theme .navbar-header .cart,
        .we-theme .navbar-header .hard-hold {
            width: 68px;
            height: 48px;
            margin-left: 10px;
        }

        .we-theme .navbar-header .cart {
            background: url(../images/icons/shop/cart_ic.png) no-repeat left #656565;
            background-size: contain;
            min-width: 68px;
            font-size: 14px;
            width: auto;
            color: #fff;
            padding: 15px 10px 15px 54px;
        }

        .we-theme .navbar-header .main-search {
            float: none;
            clear: none;
            padding: 0;
        }

            .we-theme .navbar-header .main-search .search-by {
                height: 48px;
            }

        .we-theme .navbar-header .main-search-field {
            display: table-cell;
            height: 48px;
            border-bottom-left-radius: 0px !important;
            border-top-left-radius: 0px !important;
        }

        .we-theme .navbar-header .prd-dropdown {
            height: 48px;
        }

        .we-theme .navbar-header .main-search-button {
            width: 48px;
            height: 48px;
            border-radius: 0 6px 6px 0;
            padding: 12px;
            background: #cd2e31;
            border: 1px solid #cd2e31;
        }

        .we-theme .navbar-header .main-search .input-group-btn {
            float: none;
        }

        .we-theme .navbar-header .main-search-button .glyphicon {
            color: #fff;
            font-size: 20px;
        }

    .administration .we-theme .navbar-collapse,
    .we-theme .navbar-collapse {
        margin: 16px 0 0 0;
        display: block !important;
        position: static;
    }

    .we-theme .navbar-nav {
        position: relative;
    }

        .we-theme .navbar-nav > li {
            width: auto;
        }

            .we-theme .navbar-nav > li > a {
                border-bottom: none;
                padding-bottom: 4px;
                padding: 8px 5px !important;
                margin: 0px;
                font-size: 14px;
            }

                .we-theme .navbar-nav > li > a.sign-in-trigger {
                    font-weight: normal;
                    margin: 0;
                    display: block;
                }

                    .we-theme .navbar-nav > li > a.sign-in-trigger span {
                        font-weight: bold;
                        color: #cd2e31;
                    }

                .we-theme .navbar-nav > li > a.my-account-trigger {
                    margin: -30px 0 0 0;
                    padding: 8px 26px 8px 0 !important;
                    width: 275px;
                }

                    .we-theme .navbar-nav > li > a.my-account-trigger .accountUsername {
                        padding-right: 15px;
                        padding-left: 5px;
                        /*background: url(../images/product_page/dropdown_red.png) no-repeat right 5px !important;*/
                    }

                    .we-theme .navbar-nav > li > a.my-account-trigger:hover,
                    .we-theme .navbar-nav > li.open > a.my-account-trigger,
                    .we-theme .navbar-nav > li.open > a.my-account-trigger:hover {
                        padding: 8px 26px 4px 0 !important;
                    }

                    .we-theme .navbar-nav > li > a.my-account-trigger span {
                        font-size: 12px;
                        font-weight: normal;
                        color: #656565;
                        display: block;
                    }

            .we-theme .navbar-nav > li:first-child > a {
                margin-left: 0;
            }

            .we-theme .navbar-nav > li > a.active,
            .we-theme .navbar-nav > li > a:hover {
                /* padding: 8px 10px 4px !important;*/
                border-bottom: 4px solid #cd2e31;
                position: relative;
                z-index: 1001;
            }

        .we-theme .navbar-nav li > a.dropdown-toggle,
        .we-theme .navbar-nav li > a.dropdown-toggle:hover,
        .we-theme .navbar-nav li > a.dropdown-toggle:focus {
            background: none;
        }

        .we-theme .navbar-nav li > .dropdown-menu {
            position: absolute;
            border: none;
            padding: 0 36px;
            top: 32px;
            left: 0;
            bottom: auto;
            right: auto;
            width: 750px;
            display: block;
            height: 0;
            opacity: 0;
            overflow: hidden;
            visibility: hidden;
            transition: all .1s;
            background: #fff;
            /*background: -webkit-linear-gradient(rgba(230, 230, 230, .9), rgba(255, 255, 255, 0.9));
            background: -o-linear-gradient(rgba(230, 230, 230, .9), rgba(255, 255, 255, 0.9));
            background: -moz-linear-gradient(rgba(230, 230, 230, .9), rgba(255, 255, 255, 0.9));
            background: linear-gradient(rgba(230, 230, 230, .9), rgba(255, 255, 255, 0.9));*/
            z-index: 1050;
        }

        /*.we-theme .navbar-nav li:hover > .dropdown-menu,*/
        .we-theme .navbar-nav li.open > .dropdown-menu,
        .we-theme .navbar-nav li.open.sign-in-link > .dropdown-menu,
        .we-theme .navbar-nav li.nav-dropdown-wag > .dropdown-menu {
            border-top: 4px solid #ccc;
            display: block;
            padding: 24px 36px;
            opacity: 1;
            height: auto;
            transition: all .4s;
            visibility: visible;
        }

        .we-theme .navbar-nav li.open.sign-in-link > .dropdown-menu {
            padding: 0;
        }

        .we-theme .navbar-nav li > .dropdown-menu.my-account-dropdown .nav-list {
            width: 100%;
        }

        .we-theme .navbar-nav li > .dropdown-menu .nav-list li {
            border-bottom: 1px dashed #ccc;
            padding: 9px 0;
        }

        .we-theme .navbar-nav li > .dropdown-menu.my-account-dropdown li {
            border-bottom: none;
        }

        .we-theme .navbar-nav li > .dropdown-menu.my-account-dropdown .my-branch-address {
            line-height: 24px;
            font-size: 15px;
        }

        .we-theme .navbar-nav li > .dropdown-menu li.back {
            display: none;
        }

        .we-theme .navbar-nav li > .dropdown-menu li > a,
        .we-theme .navbar-nav li > .dropdown-menu li > p a {
            padding: 9px 0;
            font-size: 18px;
            margin: 0;
            display: inline;
            border-bottom: none;
        }

        .we-theme .navbar-nav li > .dropdown-menu .nav-list li > a:hover,
        .we-theme .navbar-nav li > .dropdown-menu .nav-list li > p a:hover {
            text-decoration: underline solid #cd2e31 !important;
            color: #cd2e31;
        }

        .we-theme .navbar-nav li > .dropdown-menu li.all-categories a {
            border: none;
            font-size: 14px;
            font-weight: normal;
            margin-top: 26px;
            color: #cd2e31;
            width: 120px;
            background: url(../images/Icons/Shop/arrow-o-red.png) no-repeat right center;
        }

        .we-theme .navbar-nav li > .dropdown-menu .nav-list {
            width: 220px;
            float: left;
        }

        .we-theme .navbar-nav li > .dropdown-menu.nav-shop .nav-list {
            width: 220px;
        }

        .we-theme .navbar-nav li > .dropdown-menu.nav-wolseley .nav-list {
            width: 180px;
        }

        .we-theme .navbar-nav .dropdown-menu li.nav-item-products {
            /* background: url(../images/nav_prods_separator.png) no-repeat left bottom;*/
            display: block;
            /* float: right;*/
            width: 150px;
            text-align: center;
        }

            .we-theme .navbar-nav .dropdown-menu li.nav-item-products:last-child {
                background: none;
            }

            .we-theme .navbar-nav .dropdown-menu li.nav-item-products .item-wrap {
                display: block;
                text-align: center;
                margin: 0;
                padding: 0;
                padding: 3px 20px;
                white-space: normal;
                border: none;
            }

                .we-theme .navbar-nav .dropdown-menu li.nav-item-products .item-wrap:hover {
                    background: none;
                    /*border: 5px solid #ddd;
		margin: -5px;*/
                }

            .we-theme .navbar-nav .dropdown-menu li.nav-item-products .item-head {
                font-size: 22px;
                font-weight: bold;
                color: #656565;
                display: block;
            }

                .we-theme .navbar-nav .dropdown-menu li.nav-item-products.featured .item-head,
                .we-theme .navbar-nav .dropdown-menu li.nav-item-products .item-head:hover {
                    color: #cd2e31;
                }

            .we-theme .navbar-nav .dropdown-menu li.nav-item-products .item-image {
                padding: 10px;
                display: block;
            }

            .we-theme .navbar-nav .dropdown-menu li.nav-item-products .item-title {
                padding: 20px 0 0 0;
                font-size: 16px;
                font-weight: bold;
                display: block;
            }

            .we-theme .navbar-nav .dropdown-menu li.nav-item-products .item-desc {
                padding: 10px;
                font-size: 12px;
                display: block;
            }

    .regions-list .panel-body ul li {
        display: inline-block;
        width: 32%;
    }

    .we-theme .navbar-nav > li > a:hover {
        z-index: 1100;
    }
    /*Removed the "scrollbar " from checkout page (review order page) based on latest FS.*/
    .checkout .cart-grid .cart-grid-content {
        max-height: none !important;
    }

    .we-theme .navbar-nav li > .dropdown-menu .nav-list li > a.disable-anchor:hover {
        text-decoration: none !important;
        cursor: text !important;
        color: #656565;
    }

    .we-theme .navbar-nav > li {
        margin: 0 30px;
    }

    .we-theme .navbar-nav-fr > li {
        margin: 0 10px;
    }
    /*hide mobile class added for resolving the height issue in category and featured products section for bxslider*/
    .hide-mobile {
        height: auto;
    }
    /*Login Page Updated Styles*/
    .main-login .login-theme .navbar-default {
        border-bottom: 0px !important;
    }

        .main-login .login-theme .navbar-default .navbar-header {
            padding: 0px !important;
        }
    /*Hard Hold popup text alignment*/
    .creditCheckMessage .message-error.dl-horizontal {
        font-size: 22px !important;
        color: #656565;
    }

        .creditCheckMessage .message-error.dl-horizontal dt {
            width: 50% !important;
            padding-right: 10px;
        }

        .creditCheckMessage .message-error.dl-horizontal dd {
            text-align: left;
        }
    /*Product details value and net price label alignment*/
    #productDetailPriceContainer .myPrice {
        padding-left: 20px;
    }

    #productDetailPriceContainer .netPriceLabel,
    #productDetailPriceContainer .valuePriceLabel {
        float: left;
    }
}
/*Media query for desktop devices*/
@media screen and (min-width: 992px) {

    /*Added the scrollbar only for desktop view in shopping cart based on new requirement*/
    /*Removed the "disabled scroll " view in case of no scroll scenario.
   .cart-grid .cart-grid-content{
       max-height: 675px;      
   }*/


    #myModalBoxProfile .modal-dialog {
        width: 830px;
    }

    noDisplayBig {
        display: none !important;
    }

    /*account management */


    .we-grid {
        display: table;
        border: 1px solid #ccc;
        border-right: none;
        border-bottom: none;
    }

        .we-grid .we-grid-row {
            display: table-row !important;
        }

            .we-grid .we-grid-row .we-grid-cell {
                display: table-cell;
            }

                .we-grid .we-grid-row .we-grid-cell .head {
                    display: none;
                }

            .we-grid .we-grid-row.head-row {
                display: table-row;
            }

                .we-grid .we-grid-row.head-row .we-grid-cell .head {
                    display: block;
                    border-top: none;
                    white-space: nowrap;
                }

            .we-grid .we-grid-row .we-grid-cell .head,
            .we-grid .we-grid-row .we-grid-cell .val {
                border-left: none;
                border-right: 1px solid #ccc;
            }

            .we-grid .we-grid-row .we-grid-cell.name {
                display: table-cell;
            }

                .we-grid .we-grid-row .we-grid-cell.name .val {
                    font-size: 14px;
                    color: #656565;
                    padding: 8px;
                    border-left: none;
                    border-right: 1px solid #ccc;
                    border-bottom: 1px solid #ccc;
                }

            .we-grid .we-grid-row .we-grid-cell.rights {
                display: table-cell;
            }


            .we-grid .we-grid-row .we-grid-cell.email {
                width: 40%;
            }

            .we-grid .we-grid-row .we-grid-cell.status {
                width: 20%;
            }

    /* #### My Orders Page #### */
    /*--------------------------*/
    .oh-search-form .oh-icon-search {
        display: none;
    }

    .oh-search-form .input-group .oh-search-field.form-control {
        border-radius: 0 6px 6px 0;
    }

    /* #### Checkout Pages #### */
    /*--------------------------*/
    .co-order-summary-wrapper {
        margin: 0;
        border-bottom: none;
        top: 0;
    }

    .co-order-summary-section {
        padding: 0 0 20px 30px;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }

    .co-action-buttons {
        border-left: 1px solid #ccc;
        padding: 24px 0 0 30px;
    }

    .order-info-form {
        border-bottom: none;
    }

    /* #### Order Details Page #### */
    /*--------------------------*/
    .order-details-section > div {
        width: 33%;
    }

    /* #### Shopping Cart Page #### */
    /*------------------------------*/
    .cart-summary-wrapper {
        margin: 0;
        border-bottom: none;
        top: 0;
    }

    .cart-summary-section {
        padding: 0 0 20px 30px;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        float: none;
        width: auto;
    }

    .sc-action-buttons {
        padding: 24px 0 0 30px;
        float: none;
        width: auto;
    }

    /* #### Search Account popup #### */
    /*--------------------------*/
    /* .sa-search-form .sa-icon-search{
		display: block;
	} */
    .sa-search-form .input-group .sa-search-field.form-control {
        border-radius: 0 6px 6px 0;
    }

    .listmodule-search .input-group .sa-search-field.form-control {
        border-radius: 0;
    }
    /**NEW HEADER MODULE*/
    .we-theme .navbar-nav > li > .dropdown-menu {
        width: 970px;
    }

    /*.we-theme .navbar-nav li > .dropdown-menu .nav-list {
        width: 298px;
    }*/

    .we-theme .navbar-nav li > .dropdown-menu.nav-shop .nav-list {
        width: 298px;
        min-height: 600px;
    }

    #shopnavlinkDD .dropdown-menu, #shopnavlinkDD.dropdown-menu {
        min-height: 625px;
    }

    .we-theme .navbar-nav li > .dropdown-menu.nav-wolseley .nav-list {
        width: 240px;
    }

    .we-theme .navbar-nav .dropdown-menu li.nav-item-products {
        width: 200px;
    }
}


/*Media query for large devices devices*/
@media screen and (min-width:1025px) {

    .leftMargin {
        margin-left: 15px !important;
    }

    .listdetails-lblmrgtop {
        margin-right: 727px;
    }

    .we-theme .navbar-header .search-prod-label {
        margin-top: 15px;
        margin-left: 280px !important;
    }

    .we-theme .navbar-nav-fr > li {
        margin: 0 30px !important;
    }

        .we-theme .navbar-nav-fr > li:first-child {
            margin: 0 30px 0 0 !important;
        }
}

/* ### PRINT MEDIA ### */
/*---------------------*/
@media print {
    /* ### Order Details Page ### */
    /*----------------------------*/
    .main-header,
    .footer-wrapper,
    .footer-topband,
    .we-theme .k-grid .k-grid-pager .k-link,
    .we-theme .k-grid .k-grid-pager ul {
        display: none;
    }

    .logo-print {
        margin: 10px 0 30px 0;
    }

    .page-title h2 {
        font-size: 20px;
    }

    .order-details-section {
        display: table-row;
    }

        .order-details-section > div {
            width: 32%;
            display: table-cell;
            vertical-align: top;
            border-bottom: none;
            border-right: 1px solid #ccc;
            padding: 10px;
        }

        .order-details-section dt,
        .order-details-section dd,
        .we-theme .k-grid tbody td,
        .we-theme .k-grid .k-grid-header th,
        .we-theme .k-grid .k-grid-pager {
            font-size: 11px;
        }

        .order-details-section dt,
        .order-details-section dd {
            display: block !important;
        }

    .page-title h2 > span {
        font-size: 20px;
        display: inline;
        padding: 0 0 0 20px;
    }

        .page-title h2 > span .order-name {
            display: inline !important;
        }

    .draft-summary-footer {
        display: block !important;
    }


    /*** List Details Page ***/

    .listDetailName {
        font-size: 20px;
        display: block !important;
    }

    .listDescription {
        font-size: 16px;
        display: block !important;
    }

    .icon-phone {
        background: url(../images/Icons/phone_ic.png) no-repeat center !important;
    }

    .icon-checked {
        background: url(../images/Icons/checkmark.png) no-repeat center !important;
    }

    .icon-location {
        background: url(../images/Icons/location_ic.png) no-repeat center !important;
    }

    .icon-truck {
        background: url(../images/Icons/truck_ic.png) no-repeat center !important;
    }

    .printQuantityField {
        display: block !important;
    }

    .clkcheck {
    }

    .order-details-section dt.hidden-print,
    .order-details-section dd.hidden-print {
        display: none !important;
    }
    /*** end of List Details Page ***/

}




/* ############################ WE STYLE END HERE ############################ */



/************ the end of contents from site.css *********/
/****************************************************************/



/****** Category Landing Page ******/


.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    background-color: #cd2e31;
    border-color: #cd2e31;
    font-size: 14px;
    color: #ffffff;
}

#container {
}

    #container ul {
        list-style: none;
        padding: 0px;
    }

    #container .buttons {
        margin-bottom: 20px;
    }

    /* LIST VIEW */
    #container .list {
    }

        #container .list li {
            border-bottom: 1px dashed #CCC;
            line-height: 20px;
            min-height: 133px;
        }

        #container .list .gridli:hover {
            /*height: 150px;*/
            background-color: #f2f2f2;
        }

        #container .list li img {
            float: left;
            margin-right: 10px;
            padding-bottom: 0;
            border-bottom: 2px solid transparent;
        }

    #container ul.list li.alt {
        background: gray;
    }

    #container .list li p {
        overflow: hidden;
        word-wrap: break-word;
    }

    #container .list li .title {
        overflow: hidden;
        word-wrap: break-word;
    }

    #container .list li .list-left {
        margin-left: 15%;
        width: 100%;
        margin-bottom: 20px;
    }

    #container .list li .list-right {
        width: 150px;
    }

    #container .list li .price {
        float: right;
        font-size: 56px;
        display: block;
        margin-right: 10px;
        text-align: right;
        width: 100%;
        color: #4FAFC2;
    }

    #container .list li .detail {
        float: right;
        display: block;
    }

    #container .list li img.imageclass {
        padding: 20px 0 20px 10px;
        width: 120px;
        height: 134px;
    }
/*Media query for mobile devices*/
@media only screen and (max-width: 768px) {

    .mobilePadding {
        padding-top: 5px !important;
    }
    /*The height for the image is changed to auto 
      and padding is given as "0" because the image 
      was looking compressed in mobile*/
    /*---UPDATE--- Height had to be changed from auto to a set value as some larger images were expanding outside of the product box. See QA 2369*/
    #container .list li img.imageclass {
        width: 100px;
        height: 100px;
        padding: 0;
        margin-left: 20px;
    }

    #container .list .gridli {
        padding: 20px 0px 20px 0px;
    }

    #container .list li div .listpanel {
        width: 75%
    }

    .skuu {
        height: 25px;
    }

    .price-container {
    }

        .price-container .prodprice {
            margin-top: 0px !important;
        }
}


#container .list li .imagedivision {
    text-align: center;
    width: 100px;
}

#container .list li .bestseller {
    display: inline-block;
    width: 50px;
    vertical-align: top;
    margin-top: 20px;
}

    #container .list li .bestseller .bestsellerimage {
        display: block;
    }

#container .list li div .listpanel {
    width: 61%;
    display: inline-block;
    padding-top: 20px;
}

    #container .list li div .listpanel .categoryarea {
        margin-top: 5px;
        padding-bottom: 20px;
    }

#container .list li div .cartbuttonpanel {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 17%;
    margin-top: 20px;
    border-left: 1px solid #ccc;
    margin-left: -4px;
    position: relative;
}

    #container .list li div .cartbuttonpanel .cartbuton {
        padding-top: 5px;
        padding-bottom: 5px;
        border-top: 1px solid #ccc; /*border-bottom: 1px solid #ccc;*/
    }

    #container .list li div .cartbuttonpanel .lastorder {
        padding-top: 5px;
        font-size: 11px;
    }

    #container .list li div .cartbuttonpanel .pastmonths {
        font-size: 11px;
    }

/* GRID VIEW */
#container .grid li.gridli {
    float: left;
    width: 30%;
    margin: 1.5%;
    background: #f2f2f2;
    padding: 10px;
}

#container .grid dropdown-menu {
}

#container .grid li img {
    text-align: center;
}

/*#container .grid li p {
    display: none;
}*/

#container .grid li .list-left {
    width: 100%;
    height: fit-content;
}

#container .grid li .icon-group-btn {
    font-size: 14px;
}

#container .grid li .list-right {
    display: block;
    width: 100px;
    margin-left: 10px;
}

    #container .grid li .list-right .price {
        display: block;
        color: #4FAFC2;
    }

#container .grid {
    width: 100%;
}

    #container .grid li .imagedivision {
        text-align: center;
        padding: 20px 0 20px 0;
    }

    #container .grid li img.imageclass {
        width: 100px;
        height: 80px;
    }
    /*#container .grid li .bestseller{
display:none;
}
#container .grid li .bestseller .bestsellerimage{
display:none;
}*/
    #container .grid li div .listpanel {
        padding: 10px;
        overflow: hidden;
        height: 135px !important;
    }

        #container .grid li div .listpanel .categoryarea {
            display: none;
        }

    #container .grid li div .cartbuttonpanel {
        text-align: center;
    }

        #container .grid li div .cartbuttonpanel .cartbuton {
            padding-top: 5px;
            padding-bottom: 5px;
        }

        #container .grid li div .cartbuttonpanel .lastorder {
            display: none;
        }

        #container .grid li div .cartbuttonpanel .pastmonths {
            display: none;
        }

.list-product-name a:hover,
.grid-product-name a:hover,
.breadcrumb a:hover,
.breadcrumb a span:hover {
    color: #cd2e31 !important;
    text-decoration: underline !important;
}

/* SWITCH CONTROLS */

#viewcontrols a {
    padding: 10px;
    cursor: pointer;
}

    #viewcontrols a:hover {
        color: #cd2e31;
    }

#viewcontrols .active {
    color: #cd2e31;
}

/* CART WISHLIST ICON BUTTONS*/
.icon-group-btn a {
    margin: 10px 0;
    float: left;
    width: 40px;
    margin-right: 5px;
    text-decoration: none;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
}

    .icon-group-btn a.btn-compare {
        margin-right: 0;
    }

    .icon-group-btn a span {
        float: left;
        line-height: 32px;
        text-decoration: none;
    }

.icon-group-btn .icon-cart, .icon-group-btn .icon-wishlist, .icon-group-btn .icon-compare {
    width: 40px;
    height: 32px;
}

.icon-group-btn .icon-cart {
    background: url('icon-a-w-c.png') #777777 no-repeat 8px 8px;
}

.icon-group-btn .icon-wishlist {
    background: url('icon-a-w-c.png') #777777 no-repeat 8px -66px;
}

.icon-group-btn .icon-compare {
    background: url(icon-a-w-c.png) #777777 no-repeat 7px center;
}

.icon-group-btn .icon-cart-text {
    text-indent: -40px;
    width: 0;
    height: 32px;
    font-size: 100%;
    overflow: hidden;
    color: #fff;
    background: #4FAFC2;
    transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
}

.icon-group-btn .icon-wishlist-text {
    text-indent: -40px;
    width: 0;
    height: 32px;
    color: #fff;
    font-size: 100%;
    overflow: hidden;
    background: #4FAFC2;
    transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
}

.icon-group-btn .compare-text {
    text-indent: -40px;
    width: 0;
    height: 32px;
    color: #fff;
    background: #4FAFC2;
    font-size: 100%;
    overflow: hidden;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
}

.icon-group-btn a:hover .icon-cart {
    background: url(icon-a-w-c.png) #4FAFC2 no-repeat 8px 8px;
}

.icon-group-btn a:hover .icon-cart-text {
    width: 90px;
    text-indent: 0;
}

.icon-group-btn a:hover {
    width: 130px;
}

.icon-group-btn a.btn-wishlist:hover {
    width: 151px;
}

.icon-group-btn a.btn-compare:hover {
    width: 160px;
}

.icon-group-btn a:hover .icon-wishlist-text {
    width: 111px;
    text-indent: 0;
}

.icon-group-btn a:hover .compare-text {
    width: 120px;
    text-indent: 0;
}

.icon-group-btn a:hover .icon-wishlist {
    background: url(icon-a-w-c.png) #4FAFC2 no-repeat 8px -66px;
}

.icon-group-btn a:hover .icon-compare {
    background: url(icon-a-w-c.png) #4FAFC2 no-repeat 7px center;
}

.adddropdownlist {
    border-bottom: 1px solid #ccc;
}

/* MISCELLANEOUS */
.button {
    background-color: white;
    background-image: -webkit-linear-gradient(top, white, white);
    background-image: -moz-linear-gradient(top,white,white);
    border: #4FAFC2 solid 2px;
    display: inline-block;
    font-size: 18px;
    font-family: 'Meiryo UI';
    color: #4FAFC2;
    text-decoration: none !important;
    padding: 5px 20px;
    line-height: inherit;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    margin-top: 13px;
    margin-bottom: 10px;
}

    .button:hover {
        opacity: 0.9;
        background: #4FAFC2;
        color: white;
    }

    .button.red {
        background-color: palevioletred;
        background-image: -webkit-linear-gradient(top, palevioletred, palevioletred);
        background-image: -moz-linear-gradient(top,palevioletred,palevioletred);
        color: white;
        box-shadow: 0 0 5px palevioletred inset, 0 1px 1px palevioletred;
        border: 0px;
    }

        .button.red:hover {
            opacity: 0.9;
        }

.categorypagination ul li a {
    border-radius: 10px;
    color: #333;
    border: 0px;
    font-weight: bold;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.orderedproductsbutton, .orderedproductsbutton:hover,
.orderedproductsbutton:active, .orderedproductsbutton:focus {
    background-color: #f2f2f2 !important;
    border-color: #f2f2f2 !important;
    color: black !important;
    height: 100%;
}

.orderedproductsbutton-checked, .orderedproductsbutton-checked:hover,
.orderedproductsbutton-checked:active, .orderedproductsbutton-checked:focus {
    background-color: #656565 !important;
    border-color: #656565 !important;
    color: white !important;
    height: 100%;
}

    .orderedproductsbutton input, .orderedproductsbutton-checked input {
        vertical-align: middle;
    }

@media screen and (max-width: 840px) {
    .orderedproductsbutton, .orderedproductsbutton-checked {
        font-size: 12.5px;
        line-height: 1.11;
        margin-top: 7%;
    }

    #my-ordered-products-count {
        display: inherit;
    }
}

@media screen and (min-device-width: 768px) and (max-device-width : 1200px) { /*Tablets*/
    #orderedproductscount {
        display: block;
    }
}

.landingpagenavstack .nav > li > a:focus, .nav > li > a:hover {
    background-color: white;
}

.categorylinks {
}

    .categorylinks ul li {
        color: #3b3b3b;
        font-size: 13px;
        font-weight: normal;
        margin: 0;
        opacity: 1;
        line-height: 16px;
        border-bottom: dashed 1px #cccccc;
        padding: 5px 0;
    }

        .categorylinks ul li a {
            font-size: 13px;
            color: #3b3b3b;
            padding-left: 0px;
            padding-right: 0px;
        }

        .categorylinks ul li ul li {
            color: #3b3b3b;
            font-size: 13px;
            font-weight: normal;
            margin: 0;
            padding: 7px;
            opacity: 1;
            line-height: 16px;
            /*border-bottom: dashed 1px #cccccc;*/
        }

.mainaccordion li {
    padding: 20px 0 10px 0;
}

.manufacturercheckboxes ul li,
#specification-attribute-filters ul li {
    color: #3b3b3b;
    font-size: 13px;
    font-weight: normal;
    padding: 0 0;
    margin: 0;
    opacity: 1;
    line-height: 16px;
    border-bottom: dashed 1px #cccccc;
}

.manufacturercheckboxes .check-button,
#specification-attribute-filters .check-button {
    margin: 5px 0;
}

    .manufacturercheckboxes .check-button label,
    #specification-attribute-filters .check-button label {
        cursor: pointer;
    }

        .manufacturercheckboxes .check-button label > input {
            opacity: 0;
        }

        .manufacturercheckboxes .check-button label > span > span,
        #specification-attribute-filters .check-button label > span > span {
            background: url(../images/Icons/checkbox.png) no-repeat center;
            width: 20px;
            height: 20px;
            margin: 0px 6px -5px -20px;
            display: inline-block;
            position: relative;
        }

        .manufacturercheckboxes .check-button label input:checked + span > span,
        #specification-attribute-filters .check-button label input:checked + span > span {
            background: url(../images/Icons/checkbox-selected.png) no-repeat center;
        }

    .manufacturercheckboxes .check-button.only-button,
    #specification-attribute-filters .check-button.only-button {
        margin: 6px 5px 0 0;
    }

        .manufacturercheckboxes .check-button.only-button label,
        #specification-attribute-filters .check-button.only-button label {
            cursor: pointer;
            position: relative;
        }

            .manufacturercheckboxes .check-button.only-button label > input {
                opacity: 0;
            }

            .manufacturercheckboxes .check-button.only-button label > span,
            #specification-attribute-filters .check-button.only-button label > span {
                background: url(../images/Icons/checkbox.png) no-repeat left;
                width: 20px;
                height: 20px;
                display: inline-block;
                position: absolute;
                top: 0;
                left: 3px;
                padding: 0;
            }

            .manufacturercheckboxes .check-button.only-button label input:checked + span,
            #specification-attribute-filters .check-button.only-button label input:checked + span {
                background: url(../images/Icons/checkbox-selected.png) no-repeat left;
            }

.manufacturercheckboxes label {
    font-weight: initial;
}

.spec-collapse .title {
    padding-top: 8%;
    font-size: 110%;
}

#categoryLandingMainContainer.categorylandingcontainer {
    margin-top: -7px;
}

#categoryLandingMainContainer .primarycategorycontainer {
    padding-top: 18px;
    display: block;
}

#categoryLandingMainContainer .primarycategorymobilecontainer {
    height: 50px;
    padding-top: 5px;
    background: #cccccc;
}

#categoryLandingMainContainer .secondarycategorycontainer {
    border-left: 1px solid #cccccc;
    margin-bottom: 10px;
}

.filterbutton {
    margin-bottom: 15px;
}

#categoryLandingMainContainer .primarycategorymobilecontainer .filterbutton {
    min-width: 40px;
    width: 60px;
    height: 40px;
    float: right;
}

#categoryLandingMainContainer .primarycategorymobilecontainer table tr .prodcounttd {
    padding-bottom: 10px;
}

#categoryLandingMainContainer .primarycategorymobilecontainer table tr .prodcountspan {
    font-size: 11px;
    vertical-align: sub;
    color: white;
    font-weight: bold;
}

#categoryLandingMainContainer .mainaccordion .mainaccordionli {
    font-size: 18px;
    color: #656565;
    margin-top: 35px;
    margin-bottom: 10px;
}

#categoryLandingMainContainer .mainaccordion .mainaccordionimg {
    float: right;
    padding-top: 3px;
}

#accordionCat .accordioncatli {
    padding-left: 5px;
}

#accordionCat .accordioncatimg {
    float: left;
    padding-top: 1px;
}

#accordionCat .wolseleygrey {
    color: #3b3b3b;
}

#accordionCat li ul {
    padding-left: 10px;
}

#accordionCat .noborder {
    border-bottom: 0px;
}

#manuLink .lilabel {
    top: 2px;
}

#container .view-controls-list,
#container .view-controls-grid {
    margin-top: 20px;
    margin-left: 15px;
}

@media (max-device-width : 1200px) { /*Tablets*/
    #container .firsttd .form-control {
        height: 42px;
        border-radius: 6px;
        border: 1px solid #ccc;
        width: 116px;
    }
}

#container .firsttd {
    padding-right: 10px;
    border-right: 1px solid #ccc;
}

#container .secondtd {
    padding-left: 10px;
}

#container .thirdtd {
    padding-left: 10px;
    border-left: 1px solid #ccc;
}

#container .secondtd .gridview {
    background: #e4e3e3;
    border-radius: 5px;
}

#container .secondtd .listview {
    background: #e4e3e3;
    border-radius: 5px;
}

#container .thirdtd .redcolor {
    color: #cd2e31;
}

.listpanel .proddesc {
    margin-top: 5px;
}

.listpanel .prodprice {
    margin-top: 5px;
    font-size: 16px;
}

.cartbuttonpanelpadding {
    padding-right: 10px;
}

.form-control.cartbuttonpanelinput {
    display: inline;
    margin-bottom: 5px;
    width: 50px;
    border-radius: 5px;
    height: 35px; /*padding-left:19px; commented out as you cannot see input with this padding*/
}

.cartbuttonpanellastpadding {
    padding-left: 10px;
}

.gridli ol {
    padding: 0px;
    margin: 0px;
}

    .gridli ol li {
        border-bottom: 1px solid #ccc;
        text-align: center;
    }

        .gridli ol li a {
            color: #cd2e31;
        }

.categorypagination li button {
    font-weight: bold;
    padding: 0 0 0 5px;
    height: 25px;
    background: #ddd;
    border: 0px;
    border-radius: 6px;
    padding: 0 10px;
}

    .categorypagination li button .btnspn {
        padding-right: 8px;
    }

    .categorypagination li button .btnimg {
        float: right;
        padding-top: 3px;
    }

.loadmore {
    margin-top: 10px 0px 10px 0px;
}

.mobilepromo {
    margin: 10px 0;
}

/*CSS Media Query below is for responsiveness of list width and height in pop-up*/

.discountinued-products-list.listofmylist {
    width: 650px;
    max-height: 230px;
    max-width: 100%;
}

@media (max-device-width : 1000px) { /*Phones*/
    .discountinued-products-list.listofmylist {
        width: 70vw !important;
        margin-left: -20px !important;
    }
}

@media (max-device-width : 1200px) { /*Tablets*/
    .discountinued-products-list.listofmylist {
        width: 60vw !important;
        margin-left: -20px !important;
    }
}



.discountinued-products-list.listofmylist li {
    padding: 0 0 0 10px;
}

#container .list ol li {
    border-bottom: 1px solid #CCC;
    min-height: 26px;
}

    #container .list ol li a {
        color: #cd2e31;
    }

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    #container .list li div .listpanel {
        width: 42%;
        display: inline-block;
        padding-top: 20px;
    }

    #container .list li div .cartbuttonpanel {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        width: 25%;
        margin-top: 20px;
        margin-bottom: 20px;
        border-left: 1px solid #ccc;
        margin-left: -4px;
    }
}
/*Inorder to fix the issue with filter button 
   the max-width is changed from 500px to 737px*/
/*Media query for mobile devices*/
@media only screen and (max-width: 737px) {
    #categoryLandingMainContainer.categorylandingcontainer {
        margin-top: -7px;
    }

        #categoryLandingMainContainer.categorylandingcontainer .categorylandingcontainerrow {
            border-top: 3px solid #ccc;
        }

    #categoryLandingMainContainer .primarycategorycontainer {
        display: none;
    }

    .primarycategorycontainerShown {
        display: block;
    }

    #categoryLandingMainContainer .secondarycategorycontainer {
        border: 0px;
        padding: 0px;
    }
}

/*************Category Landing Page ****************/


/***Select a Region Modal***/

.selectARegionModalOLD .accordionContent {
    overflow-y: scroll;
    max-height: 400px;
    line-height: 150%;
}

.selectARegionModalOLD .card {
    margin: 2% 0 2% 0;
    border: 3px solid #ccc;
    background-color: transparent;
    padding: 1%;
}

.selectARegionModalOLD .card-header a {
    color: #8c8c8c;
}

    .selectARegionModalOLD .card-header a:hover,
    .selectARegionModalOLD .card-header a:focus {
        color: #cd2e31;
        text-decoration: underline !important;
    }

.selectARegionModalOLD .mb-0 {
    font-size: 150%;
    font-weight: bold;
}

.selectARegionModalOLD .card-block {
    display: table;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
    padding: 10px 0 0 0;
}

    .selectARegionModalOLD .card-block a {
        color: #8c8c8c;
    }

        .selectARegionModalOLD .card-block a:hover {
            color: #cd2e31;
            text-decoration: none;
        }

.selectARegionModalOLD .areas-under-region-row {
    display: table-row;
}

.selectARegionModalOLD .area-on-left {
    display: table-cell;
    white-space: normal;
    word-wrap: break-word;
}

.selectARegionModalOLD .area-on-right {
    display: table-cell;
    white-space: normal;
    word-wrap: break-word;
}
/*Changed the colour of the View All buttons from Blue to wolseley Red*/
.selectARegionModalOLD .card-header .view-all a,
.selectARegionModalOLD .card-header .view-all a:hover,
.selectARegionModalOLD .card-header .view-all a:hover {
    color: #cd2e31 !important;
}

.selectARegionModalOLD .card-header .trigger-collapse a,
select-region-modal .card-header .trigger-collapse a:hover,
select-region-modal .card-header .trigger-collapse a:focus {
    color: #cd2e31 !important;
}
/*** Select a Region Modal ***/


/***Select a Region Modal - New UI - Start ***/

.selectARegionModal .modal-dialog-centered {
    display: flex;
    justify-content: center;
    align-items: center;
}

.selectARegionModal .modal-dialog {
    width: 100%;
    height: 100%;
    max-width: 580px;
    margin: 0 auto;
}

.selectARegionModal .modal-content {
    width: 90%;
}

.selectARegionModal .accordionContent {
    overflow-y: auto;
    max-height: 400px;
    line-height: 150%;
}

.selectARegionModal .card {
    margin: 10px 0;
    border-bottom: 2px solid #ccc;
    background-color: transparent;
    padding: 10px 20px;
}

    .selectARegionModal .card a {
        font-size: 140%;
        font-weight: bold;
        color: #8c8c8c;
    }

        .selectARegionModal .card a:hover,
        .selectARegionModal .card a:focus {
            color: #cd2e31;
            text-decoration: underline !important;
        }

@media (max-width: 450px) {
    .selectARegionModal .card a {
        font-size: 100%;
    }
}

/*** Select a Region Modal - New UI - END ***/

/*** Product Details Page ***/
.detailBreadcrumb {
    background-color: transparent;
    height: auto;
    border-bottom: solid 2px #c5c5c5;
}

#product-detail-page .detailBreadcrumb a {
    color: #656565;
    font-weight: bold;
}

#product-detail-page .detailBreadcrumb .breadcrumb > li + li:before {
    color: #656565;
    content: ">";
}

#product-detail-page .detailBreadcrumb .breadcrumb {
    background: transparent;
}

#product-detail-page .productSection .bestSeller {
    float: right;
}

#product-detail-page .productSection .productDesc {
    margin-left: 3px;
    padding-left: 4px;
}

#product-detail-page .productSection .netPrice {
    padding-top: 25px;
}

#product-detail-page .longdescription {
    padding: 10px 0px 20px 0px;
    margin: 0px;
    display: block;
    min-height: 200px;
}


    #product-detail-page .longdescription > ul {
        list-style: circle inside;
    }

#product-detail-page .descriptionHeader {
    text-transform: uppercase;
}

#product-detail-page .featuresHeader {
    font-size: 18px;
    color: #656565;
    padding-bottom: 15px;
}

#product-detail-page #product-sku {
    padding-top: 3%;
}

#product-detail-page .featuresHeader {
    font-weight: bold;
}

#product-detail-page .decsription {
    color: #333;
    font-family: Arial;
    font-size: 13px;
    padding-bottom: 10px;
    line-height: 21px;
    text-align: justify;
}

#product-detail-page .productsBought .featureheader, #product-detail-page .similarProducts .featureheader {
    border-bottom: dashed 1px #cccccc;
}

#product-detail-page .decsription > a {
    color: #0000FF;
    text-decoration: underline;
}

#specificationsheader {
    font-size: 18px;
    color: #656565;
    padding-bottom: 15px;
}

#product-detail-page .specifications > li {
    color: #656565;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 5px 0 5px 0;
    opacity: 1;
    line-height: 16px;
    border-bottom: 1px solid #cccccc;
}

#product-detail-page .dimensions > li {
    color: #656565;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 5px 0 5px 0;
    opacity: 1;
    line-height: 16px;
    border-bottom: 1px dashed #cccccc;
}

#productDetailContainer {
    padding: 0px;
}

    #productDetailContainer .rowContainer {
        margin: 10px 0 20px 0px;
    }

    #productDetailContainer .carouselContainer {
        text-align: -webkit-center;
    }

#myCarouselProductDetail {
    padding-top: 20px;
}

    #myCarouselProductDetail ol {
        bottom: -15px;
    }

#productDetailSecondaryContainer {
    border-left: 1px solid #ccc;
}

.proddetailhead {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #656565;
    padding-top: 15px;
}

#productDetailPriceContainer .netPriceLabel {
    font-size: 16px;
    color: #656565;
    font-weight: bold;
    margin-bottom: 5px;
}

#productDetailPriceContainer .valuePriceLabel {
    font-size: 16px;
    color: #656565;
    font-weight: bold;
    margin-bottom: 5px;
}

#productDetailPriceContainer .listPrice .valuePriceLabel {
    font-size: 14px;
    color: #656565;
    font-weight: bold;
}

#productDetailPriceContainer .myPrice {
    font-size: 20px;
    font-weight: bold;
    color: #cd2e31;
}

.netPrice, .valuePrice, .listPrice, .discount,
.myPrice, .list-price-value, .discount-value,
.netPriceLabel, .valuePriceLabel, .listPriceLabel, .discountLabel {
    padding: 0;
}

/*Tablet*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    .list-price-value {
        padding-left: 10px;
    }
}

.netPrice, .valuePrice, .listPrice, .discount {
    display: none; /*Prices are displayed after web-service call returns*/
    text-align: left;
}

    .netPrice .netPriceLabel {
        padding-top: 3px;
    }

    .valuePrice .valuePriceLabel {
        padding-top: 3px;
    }
/*Media query for mobile devices*/
@media only screen and (max-width: 767px) {
    .listPrice, .discount {
        text-align: center;
    }

    .listPrice, .discount {
        padding-top: 5px;
        margin-right: 0px !important;
    }

    .listPriceLabel, .discountLabel {
        padding-top: 10px;
    }
}


#specificationsColumn {
    border-right: 1px solid #ccc;
}

#productDetailSecondaryContainer .cartlistpanel {
    border-left: 1px solid #ccc;
    padding: 0px;
}

    #productDetailSecondaryContainer .cartlistpanel .cartlistfirstpanel {
        text-align: center;
        padding-bottom: 5px;
        border-bottom: 1px solid #ccc;
    }

    #productDetailSecondaryContainer .cartlistpanel .cartlistsecondpanel {
        padding: 10px;
    }

    #productDetailSecondaryContainer .cartlistpanel .cartlistthirdpanel {
        padding: 0 10px 10px 10px;
    }

    #productDetailSecondaryContainer .cartlistpanel .cartbuttonpanelpadding {
        padding-right: 10px;
    }

    #productDetailSecondaryContainer .cartlistpanel .cartbuttonpanellastpadding {
        padding-left: 10px;
    }

.featured-products table td {
    border: none;
}

.carousel-indicators .active {
    background: #cd2e31;
}

@media only screen and (max-width: 500px) {
    #productDetailSecondaryContainer {
        border: 0px;
    }

        #productDetailSecondaryContainer .cartlistpanel {
            border-left: 0px;
            padding: 0px;
        }

            #productDetailSecondaryContainer .cartlistpanel .cartlistfirstpanel {
                text-align: center;
                padding-bottom: 5px;
                border-bottom: 0px;
            }

    #specificationsColumn {
        border: 0px;
    }

    #overViewTab {
        width: 50%;
    }

    #availabilitytap {
        width: 50%;
    }
}

#similarProductWrapper {
    border-radius: 8px;
}

.SimilarProductsDiv-desktop {
    margin-left: 14px;
}

#productWrapperCarousel {
    padding: 30px;
}

    #productWrapperCarousel.productIconProductDetails {
        display: block;
        margin: 0;
        text-align: center;
        padding: 0 0 0 0;
        min-height: 100px;
    }

#leftCheveron {
    display: block;
    width: 50px;
    height: 120px;
    margin: 150px 0 0 0px;
    padding: 0;
    background: url(../images/icons/shop/chevron_carousel.png) no-repeat;
    opacity: 1;
    cursor: pointer;
    border: none;
    left: -8%;
}

@media only screen and (min-width : 655px ) and (max-width: 752px) {
    .pd-leftCheveron {
        left: -7% !important;
    }
}

@media only screen and (min-width : 753px) {
    .pd-leftCheveron {
        left: -2% !important;
    }

    .pd-carousel-inner {
        width: 95% !important;
        padding-left: 5% !important;
    }
}

#rightCheveron {
    display: block;
    width: 50px;
    height: 120px;
    margin: 150px 0 0 0px;
    padding: 0;
    background: url(../images/icons/shop/chevron_carousel_rt.png) no-repeat;
    opacity: 1;
    cursor: pointer;
    border: none;
    left: 100%;
}

.featured-products .product-caption {
    display: block;
    margin: 0;
    text-align: left;
    padding: 46px 0 9px 0;
    font-size: 16px;
    color: #656565;
    font-weight: bold;
    opacity: 1;
}

.featured-products .product-content {
    display: block;
    margin: 0;
    padding: 0 0 25px 0;
    text-align: left;
    font-size: 13px;
    color: #656565;
    font-weight: normal;
    opacity: 1;
    line-height: 17px;
    text-align: justify;
}

.similarProductShortDesc {
    margin-top: 10px;
}

    .similarProductShortDesc::before {
        content: "\a";
        white-space: pre;
    }

.similarproduct-content {
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 11px;
    display: flex;
    align-items: center;
    color: #333;
    margin-bottom: 15px;
}

.similarproduct-caption {
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    /* identical to box height */
    display: flex;
    align-items: left;
    /* Wolseley Grey */
    color: #3B3B3B;
    text-align: left;
}

    .similarproduct-caption > a, .recommendedProd_desc > h6 {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        white-space: normal;
    }

.recommendedProd_desc > h6 {
    -webkit-line-clamp: 3;
}

#product-recommendations-carousel > div.carousel-inner {
    left: 8px;
}

.prd-rec-title {
    border-bottom: solid 2px #cd2e31;
    padding-bottom: 4px;
    width: fit-content;
}

.recommendedProd_img {
    flex: none;
    order: 0;
    flex-grow: 0;
    width: 150px;
    height: 150px;
    margin-bottom: 12px;
}

.recommendedProd_desc {
    width: 130px;
    height: 48px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    padding: 10px 0;
    margin-bottom: 10px;
}

    .recommendedProd_desc :hover, .recommendedProd_img :hover, .recommendedProd_sku:hover {
        cursor: pointer;
    }

    .recommendedProd_desc :hover, .recommendedProd_sku:hover {
        text-decoration: underline;
        color: #cd2e31;
    }

.recommendedProd_sku {
    width: 130px;
    height: 16px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    padding: 10px 0;
}

.recommendedProd_price {
    width: 130px;
    height: 19px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    padding: 10px 0 28px 0;
}

.recommendedProd_AddToCart {
    padding: 28px 0 0 0;
}

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

#rightCheveronRecoRail {
    display: block;
    width: 12px;
    height: 34px;
    margin: 100px 0 0 0px;
    padding: 0;
    background: url(../images/icons/shop/chevron_rt-hover.png) no-repeat;
    opacity: 1;
    cursor: pointer;
    border: none;
    left: 100%;
}

#leftCheveronRecoRail {
    display: block;
    width: 12px;
    height: 34px;
    margin: 100px 0 0 0px;
    padding: 0;
    background: url(../images/icons/shop/chevron_lt-hover.png) no-repeat;
    opacity: 1;
    cursor: pointer;
    border: none;
    left: -2%;
}

a.productDocumentIconPdf {
    background: url(../images/product_page/pdfIcon.png) no-repeat top left;
    display: inline-block;
    width: 15px;
    height: 20px;
    text-indent: -9999px; /* hides the link text */
    margin: 5px 0 5px 0;
}

a.productDocumentIconWord {
    background: url(../images/product_page/wordIcon.png) no-repeat top left;
    display: inline-block;
    width: 15px;
    height: 20px;
    text-indent: -9999px; /* hides the link text */
    margin: 5px 0 5px 0;
}

a.productDocumentIconImage {
    background: url(../images/product_page/imageIcon.png) no-repeat top left;
    display: inline-block;
    width: 15px;
    height: 20px;
    text-indent: -9999px; /* hides the link text */
    margin: 5px 0 5px 0;
}

a.productDocumentIconDefault {
    background: url(../images/product_page/defaultDocumentIcon.jpg) no-repeat top left;
    display: inline-block;
    width: 15px;
    height: 20px;
    text-indent: -9999px; /* hides the link text */
    margin: 5px 0 5px 0;
}

.tooltip-required-qty,
.tooltip-required-qty-list,
.tooltip-required-qty-grid {
    width: 140px;
    background-color: #cd2e31;
    color: #ffffff;
    text-align: center;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
}

    .tooltip-required-qty:after,
    .tooltip-required-qty-list::after,
    .tooltip-required-qty-grid::after {
        content: " ";
        position: absolute;
        top: 5%;
        right: 90%;
        margin-top: -5px;
        border-width: 10px;
        border-style: solid;
        border-color: #cd2e31 transparent transparent;
    }

.categorylandingcontainer .tooltip-required-qty-list {
    max-width: 100px;
    margin-left: 38%;
    margin-top: -10%;
}

.categorylandingcontainer .tooltip-required-qty-grid {
    max-width: 100px;
    margin-top: -1%;
    margin-left: 7%;
}

#product-detail-page .tooltip-required-qty {
    bottom: 60%;
    left: 72%;
    width: 100px;
}


/*** End of Product Details Page ***/

/** Error Page*/
.Erropagebodymain {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.ErropageBackButton {
    margin-left: 1.5%;
    text-decoration: none;
    color: black;
}

.ErropageTopBar {
    margin-left: 1.5%;
    width: 97%;
    margin-top: 25px;
    border-top: 2px solid #000000;
}

.ErropageTitle {
    text-align: center;
    text-transform: uppercase;
}

.ErropageMessage {
    text-align: center;
    text-transform: uppercase;
}

#ErropageMainDiv {
    margin-left: 0%;
    width: 100%;
}

/**End of Error Page*/
/**Password Recovery*/

.floatleft label {
    text-align: left;
}

.floatleft input {
    text-align: left;
}

.PasswordRecoveryDiv {
    background-color: white;
    border-top: 0px;
}

.passwordSubmitBtn input {
    width: 400px;
    max-width: 100%;
}

.passwordRules {
    border-left: solid #D3D3D3 2px;
}

    .passwordRules p {
        text-align: left;
    }

.passwordRulesTitle p {
    font-weight: bold;
}

.mysettingChangePassword {
    padding: 0px 0px 0px 0px;
}
/*fix for select a regio popup zindex*/
.selectARegionModalOLD, .selectARegionModal {
    z-index: 2050 !important;
}

#inputWidth {
    width: 56.2%
}
/*Switch profile */
#myModalBoxProfile .we-theme .k-grid .k-grid-content {
    overflow-y: hidden;
}
/**Support page & Service page custom content*/
.service-holder .service-wrap,
.support-holder .support-wrap {
    padding: 15px;
    border: 0px;
}

    .service-holder .service-wrap p,
    .support-holder .support-wrap p {
        margin: 0px;
        padding: 0 0 15px 0;
    }

        .service-holder .service-wrap p:first-child,
        .support-holder .support-wrap p:first-child {
            margin: 0px;
            font-size: 16px;
            font-weight: 600;
            color: #656565;
        }

        .service-holder .service-wrap p:nth-child(2),
        .support-holder .support-wrap p:nth-child(2) {
            display: block;
            margin: 0;
            text-align: left;
            font-size: 13px;
            color: #656565;
            font-weight: normal;
            opacity: 1;
            line-height: 17px;
            text-align: left;
        }

        .service-holder .service-wrap p:nth-child(3),
        .support-holder .support-wrap p:nth-child(3) {
            text-align: left;
        }

        .service-holder .service-wrap p:nth-child(4) span:nth-child(2),
        .support-holder .support-wrap p:nth-child(4) span:nth-child(2) {
            font-size: 13px;
            color: #cd2e31;
            font-weight: 700;
        }

            .service-holder .service-wrap p:nth-child(4) span:nth-child(2):hover,
            .support-holder .support-wrap p:nth-child(4) span:nth-child(2):hover {
                font-size: 13px;
                color: #cd2e31;
                text-decoration: underline;
                cursor: pointer;
                font-weight: 700;
            }

        .service-holder .service-wrap p img,
        .support-holder .support-wrap p img {
            width: 100%;
        }
/*contact us page textarea placeholder*/
.contact-wrapper .contactus-holder .contactUs-green {
    color: green;
}
/*fix for scroll bar in shopping cart*/
.shopping-cart .cart-grid .cart-grid-header.hasScrollbar {
    padding-right: 17px !important;
}
/*fix for text in a column should align with the first character of the column header in switch account*/
.we-theme #switch-account-kgrid .k-grid-header {
    padding-right: 0 !important;
}
/*Temperory fix for removing scrollbar from datalist module.*/
#mylist-holder .k-grid-content {
    overflow: hidden;
}

#ListDetailsGrid .k-grid-content {
    overflow: hidden;
}

#ShareListGrid .k-grid-content {
    overflow: hidden;
}

#ListDetailsExpressGrid .k-grid-content {
    overflow: hidden;
}

#MyListGrid .k-grid-content {
    overflow: hidden;
}

#ExpressGrid .k-grid-content {
    overflow: hidden;
}

#AdminGrid .k-grid-content {
    overflow: hidden;
}

#OpenListGrid .k-grid-content {
    overflow: hidden;
}

#ClosedGrid .k-grid-content {
    overflow: hidden;
}

/*list detail grid margin reduced*/
#ListDetailsGrid.k-grid {
    margin: 5px 0 20px 0 !important;
}

#ListDetailsExpressGrid.k-grid {
    margin: 0 0 20px 0 !important;
}

#ShareListGrid.k-grid {
    margin: 0 0 20px 0 !important;
}

.listDetailsButton .mylist-btn {
    padding: 20px 0 0 0 !important;
}

/*OrderHistory grid spacing adjusted*/
#orderhistorygrid.k-grid {
    margin: 0 0 0 0 !important;
}

#orderhistorygrid {
    padding: 0 0 0 0 !important;
}

.emptyListErrorMessageDiv {
    min-height: 50px;
    text-align: center;
    font-size: 16px;
}
/*Temperory fix for removing scrollbar from order history module.*/
#orderhistorygrid .k-grid-content {
    overflow: hidden;
}
/*Temperory fix for removing scrollbar from web Quotes  module.*/
#active-quotes-kgrid .k-grid-content {
    overflow: hidden;
}

#expired-quotes-kgrid .k-grid-content {
    overflow: hidden;
}

#details-grid .k-grid-content {
    overflow: hidden;
}

/*Account Summary border*/
.summaryViewBorder {
    border: 1px solid #ddd !important;
}

.noWrapWhiteSpaceStyle {
    white-space: nowrap !important;
}

#draft-orders-kgrid .k-grid-header {
    padding-right: 0px !important;
}

#details-grid .k-grid-header {
    padding-right: 0px !important;
}

#active-quotes-kgrid .k-grid-header {
    padding-right: 0px !important;
}

#expired-quotes-kgrid .k-grid-header {
    padding-right: 0px !important;
}

#orderhistorygrid .k-grid-header {
    padding-right: 0px !important;
}

#MyListGrid .k-grid-header {
    padding-right: 0px !important;
}

#ExpressGrid .k-grid-header {
    padding-right: 0px !important;
}

#AdminGrid .k-grid-header {
    padding-right: 0px !important;
}

.dropdown-toggle:hover {
    border-color: #cd2e31 !important;
}

.dropdown-toggle:focus {
    border-color: #cd2e31 !important;
    outline-color: transparent !important;
    outline-style: none !important;
    box-shadow: none !important;
}
/* Subtotal alignment on pages*/

#details-grid .k-grid-pager {
    padding: 10px 0 5px 0 !important;
}

.quote-summary-footer .subtotal {
    padding: 0 0 10px 0 !important;
}

.quote-summary-footer {
    margin: 10px 0 40px 0 !important;
}

/*Account Summary left align*/
.p-left28 {
    padding-left: 28px !important;
}

/*Checkout Step 2 alignment*/
.checkout-step-2 .checkout-grid .quantity-col {
    text-align: right !important;
    width: 30% !important;
}

/*Captcha alignment issue*/
.captcha-box #recaptcha_table .recaptcha_input_area {
    overflow: hidden !important;
}

.captcha-box #recaptcha_table #recaptcha_response_field {
    border: 0px !important;
    margin-top: 10px !important;
}

/*Call for price details*/
.callforprice {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #cd2e31;
    white-space: nowrap;
}

.wordWrap {
    white-space: normal !important;
}

/*Barcode Scanning Refresh*/
#overlayRefresh {
    width: 100vw;
    height: 120vh;
    position: absolute;
    background: Grey;
    z-index: 9999;
    opacity: 0.8;
}

#btnRefresh {
    position: absolute;
    z-index: 99999;
    top: 50%;
    right: 44%;
}

    #btnRefresh button {
        color: white;
        background-color: #cd2e31;
    }
/*button disabled fix for account management*/
.account-management .btn-holder:disabled {
    cursor: not-allowed;
    background: #656565;
}

/*List details ie checkbox ellipsis removed*/
#ListDetailsGrid th:first-child {
    text-overflow: clip !important;
}

#ShareListGrid th:first-child {
    text-overflow: clip !important;
}

#ListDetailsExpressGrid th:first-child {
    text-overflow: clip !important;
}
/*New Category changes based on latest FS requirement in home page for CMS*/
.main-category .category-wrapper .img-holders {
    opacity: 0.90;
    filter: alpha(opacity=90);
}

    .main-category .category-wrapper .img-holders:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

.main-category .category-wrapper .category-holder h2 {
    display: block;
    margin: 0;
    padding: 0 0 25px 0;
    font-size: 24px;
    color: white;
    opacity: 1;
    font-weight: bold;
}

    .main-category .category-wrapper .category-holder h2 a,
    .main-category .category-wrapper .category-holder p a {
        color: white !important;
    }

.main-category .category-wrapper .category-holder p:nth-child(3) {
    height: auto;
    display: block;
    margin: 0;
    padding: 65px 0 0 0;
    float: left;
}
/*New class added for mywolseley page header in mobile*/
.headertitle {
    padding: 0 0 5px 0;
    font-weight: bold;
    color: #656565;
    border-bottom: dashed 1px #ccc;
    margin-bottom: 20px;
}
/*Admin Grid List */
#AdminGrid .k-grid-content .tooltip .tooltip-inner {
    background: #8c8c8c;
    color: #fff;
    padding: 2px !important;
}
/*Switch account mobile ui account number alignment*/
#switch-account-kgrid .k-grid-header th:first-child {
    padding: .5em 0 .4em .6em !important;
}
/*Fix for stock icons appear in a column should align center in list details page*/
.we-theme #ListDetailsGrid .k-grid-header {
    padding-right: 0 !important;
}

.we-theme #ListDetailsExpressGrid .k-grid-header {
    padding-right: 0 !important;
}

.account-user span.glyphicon-chevron-left {
    background: url(../images/Icons/Home/chevron_back.png) no-repeat 0 10px;
    text-indent: -9999px;
    padding: 8px 4px;
    margin: 0 8px 0 0;
}

.account-userr span.glyphicon-chevron-left:hover {
    background: url(../images/Icons/Home/chevron_back-hover.png) no-repeat 0 10px;
}

.account-user span.glyphicon-chevron-left:before {
    content: no-close-quote;
}
/*Mouse hovrer UI interations*/
/*MY Wolseley*/
li.myWolslelyListItem.list-group-item > a {
    position: relative;
}

    li.myWolslelyListItem.list-group-item > a:hover:after {
        display: block;
        content: " ";
        background: red;
        position: absolute;
        height: 2px;
        width: 100%;
        margin: 8px 0 0 0;
    }

.list-group .viewAllButton:hover {
    text-decoration: underline !important;
}

.myWolseleyHomeTable .myWolseleyViewButton:hover {
    text-decoration: underline !important;
}

.myWolseleyHomeTable table td a:hover {
    border-bottom: 2px solid #cd2e31 !important;
}

.list-group .mywolseley-upload {
    background: url(../images/Icons/Shop/upload.png) no-repeat;
    width: 16px;
    height: 16px;
}

    .list-group .mywolseley-upload:hover {
        background: url(../images/Icons/Shop/upload-hover.png) no-repeat;
    }

.list-group .mywolseley-download {
    background: url(../images/Icons/Shop/download.png) no-repeat;
    width: 16px;
    height: 16px;
}

    .list-group .mywolseley-download:hover {
        background: url(../images/Icons/Shop/download-hover.png) no-repeat;
    }
/*Shopping Cart*/
.shopping-cart .cart-grid tbody td a:hover {
    text-decoration: underline !important;
}

.shopping-cart .btn-link:hover {
    text-decoration: underline !important;
}
/*Check Out*/
.checkout-step-2 a:hover {
    text-decoration: underline !important;
}

.draft-order-list .back-to-my-order a:hover {
    text-decoration: underline !important;
}
/*MY List*/
.back-to-list #BtnEditListDetails:hover {
    text-decoration: underline !important;
}
/*SIGN IN DROPDOWN*/
/*.sign-in-link .sign-in-dropdown a.forgot-password:hover {
    text-decoration: underline !important;
}*/

.we-theme .navbar-nav li > .dropdown-menu .sign-in-footer a:hover {
    text-decoration: underline !important;
}
/*HEADER*/

ul.sign-in li a.my-account-trigger span.showSwitchAccount:hover {
    text-decoration: underline !important;
}
/*CATEGORY*/
.main-category .category-wrapper .category-holder h2.category-title a:hover {
    text-decoration: underline !important;
}

.main-category .category-wrapper .arrow-category a:hover {
    text-decoration: underline !important;
}
/*FEATURED PRODUCTS*/
.featured-products .product-wrapper .product-grid p:nth-child(2) a:hover {
    text-decoration: underline !important;
}

.featured-products .featured-header a.header-right:hover {
    text-decoration: underline !important;
}

.main-category .view-all-category .category-text a:hover {
    text-decoration: underline !important;
}

.main-category .view-all-category .category-text:hover {
    text-decoration: underline !important;
}
/*WHATS NEW*/
.whatsnews-products .whatsnews-wrapper .whatsnews-grid table tbody tr td h5 a:hover {
    text-decoration: underline !important;
}

.whatsnews-products .whatsnews-wrapper .whatsnews-grid table tbody tr td a:hover {
    text-decoration: underline !important;
}

.whatsnews-products .whatsnews-header .header-right a:hover {
    text-decoration: underline !important;
}
/*USEFUL LINKS*/
.useful-links .links-holder ul li a:hover {
    text-decoration: underline !important;
}
/*footer MODULE*/
.footer-wrapper .footer-content .footer-arrows a.arrow-title:hover {
    text-decoration: underline !important;
}

.footer-wrapper .footer-content h5.content-title span a:hover {
    text-decoration: underline !important;
}

.footer-wrapper .footer-content .content-title a.validate-user-region:hover,
.footer-wrapper .footer-content .over-ride a.validate-user-region:hover {
    text-decoration: underline !important;
}

.footer-wrapper .footer-content .footer-arrows .arrow-title a.validate-user-region:hover {
    text-decoration: underline !important;
}

.we-theme .navbar-nav .dropdown-menu li.nav-item-products a.item-wrap:hover {
    text-decoration: underline !important;
}

.footer-wrapper .footer-content .content-title a:hover,
.footer-wrapper .footer-content .over-ride a:hover {
    text-decoration: underline !important;
}

.footer-wrapper .footer-content .footer-arrows a:hover {
    text-decoration: underline !important;
}

.footer-wrapper .footer-content .footer-align a.validate-user-region:hover {
    text-decoration: underline !important;
}
/*Login Page*/
.main-header .signin-holder a:hover {
    text-decoration: underline !important;
}

.main-header .signin-holder .check-button span label:hover {
    text-decoration: underline !important;
}

text-decoration: underline !important;
cursor:pointer;
/*Longuage toggle*/
.region-language-section .we-theme.language_selector a:hover {
    text-decoration: underline !important;
}
/*service & support pages */
.service-holder a:hover,
.support-holder a:hover {
    text-decoration: underline !important;
}
/*Login Page Updated Styles*/
.main-login .login-theme .navbar-default {
    border-bottom: 0px !important;
}

.main-header .navigation-heading {
    padding-top: 20px !important;
}
/*Reduced the maximum width adjusted for header and contents in profile popup*/
#myModalBoxProfile .k-grid .k-grid-header .k-grid-header-wrap table thead tr th {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

#myModalBoxProfile .k-grid .k-grid-header .k-grid-content table thead tr th {
    padding-left: 3px !important;
    padding-right: 3px !important;
}
/*Home page banner slider prev and next arrow classes*/
.banner .banner-left-chevron {
    display: block;
    width: 39px;
    height: 127px;
    padding: 0;
    background: url(../images/icons/shop/chevron_header_lt.png) no-repeat;
    opacity: 1;
    z-index: 1;
    top: 36%;
    left: 15px;
}

    .banner .banner-left-chevron:hover {
        background: url(../images/icons/shop/chevron_header_lt-hover.png) no-repeat;
        top: 36%;
        left: 15px;
        cursor: pointer;
    }

.banner .banner-right-chevron {
    display: block;
    width: 39px;
    height: 127px;
    padding: 0;
    background: url(../images/icons/shop/chevron_header_rt.png) no-repeat;
    opacity: 1;
    top: 36%;
    right: 15px;
}

    .banner .banner-right-chevron:hover {
        background: url(../images/icons/shop/chevron_header_rt-hover.png) no-repeat;
        top: 36%;
        right: 15px;
        cursor: pointer;
    }
/*Banner bottom white space issue*/
.banner p {
    margin: 0px !important;
}

/*Branch Locations*/
.bl-wrapper iframe {
    width: 100%;
    height: 700px;
    border: none;
}

.bl-wrapper .back-button {
    background: url(/Themes/WCAExpress/Content/Images/Icons/Home/chevron_back.png) no-repeat;
    height: 15px;
    width: 12px;
}

    .bl-wrapper .back-button :hover {
        background: url(/Themes/WCAExpress/Content/Images/Icons/Home/chevron_back-hover.png) no-repeat;
        height: 15px;
        width: 12px;
    }

.bl-wrapper a {
    display: inline-block;
}

.bl-wrapper h2 {
    display: inline-block;
}

@media screen and (max-width: 700px), screen and (max-device-width: 700px) {
    .bl-wrapper iframe {
        width: 96% !important;
        margin-left: 10px;
        margin-right: 10px;
    }
}

/*Text align center for shopping cart page.*/
.cart-summary-section small {
    text-align: center;
}
/*My Wolseley table border.*/
.myWolseleyHomeTable table thead tr th {
    border-bottom: 1px dashed #ccc !important;
}

.myWolseleyHomeTable table tbody tr td {
    border-bottom: 1px dashed #ccc !important;
}

.myWolseleyHomeTable table tbody tr td {
    border-top: 1px dashed #ccc !important;
}

.backtoScannerBtn {
    text-align: left !important;
    padding-left: 10px !important;
    display: block !important;
    position: relative;
    vertical-align: top;
    width: 100%;
    height: 60px;
    padding: 0;
    font-size: 22px;
    color: white;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #E12F29;
    border: 0;
    border-bottom: 2px solid #c9221d;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #c9221d;
    box-shadow: inset 0 -2px #c9221d;
    margin-bottom: 5px;
    z-index: 201;
}
/*Shopping Cart Scroll*/
.shopCartNoScroll {
    height: auto !important;
    overflow: hidden !important;
}

.shopCartScroll {
    height: 670px !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}
/*Shopping Cart Scroll*/
/*overriding class for mysettings phone number field*/
input.k-textbox {
    height: 42px !important;
    border: 1px solid #ccc !important;
    color: #656565 !important;
}
/*Hard Hold alert below checkout button labels alignament input shopping cart*/
.sc-action-buttons .checkout-warning .states-info,
.wq-action-buttons .checkout-warning .states-info {
    font-size: 11px;
    font-weight: bold;
    width: 100%;
    float: left;
    color: #3b3b3b;
}

.sc-action-buttons .checkout-warning .states-details {
    width: 53%;
    text-align: right;
    float: left;
}

.sc-action-buttons .checkout-warning .states-number {
    width: 47%;
    text-align: right;
    float: right;
}

.wq-action-buttons .checkout-warning .states-details {
    width: 33%;
    text-align: right;
    float: left;
}

.wq-action-buttons .checkout-warning .states-number {
    width: 64%;
    text-align: left;
    float: right;
}

@media screen and (max-device-width: 767px) and (orientation: landscape) {
    .sc-action-buttons .checkout-warning .states-details,
    .wq-action-buttons .checkout-warning .states-details {
        width: 18%;
        text-align: right;
        float: left;
    }

    .sc-action-buttons .checkout-warning .states-number,
    .wq-action-buttons .checkout-warning .states-number {
        width: 18%;
        text-align: right;
        float: left;
    }
}
/*Media query for Tablet devices*/
@media (min-width: 768px) and (max-width: 1024px) {
    .sc-action-buttons .checkout-warning .states-details,
    .wq-action-buttons .checkout-warning .states-details {
        width: 35%;
        text-align: right;
        float: left;
    }

    .sc-action-buttons .checkout-warning .states-number,
    .wq-action-buttons .checkout-warning .states-number {
        width: 35%;
        text-align: right;
        float: left;
    }

    .wq-action-buttons .checkout-warning .states-details {
        width: 43%;
    }

    .wq-action-buttons .checkout-warning .states-number {
        width: 38%;
    }

    .creditCheckMessage .message-error.dl-horizontal {
        font-size: 18px;
        color: #656565;
    }

    #product-recommendations-carousel > div.carousel-inner {
        left: 2px;
    }

    .prd-rec-title {
        border-bottom: solid 2px #cd2e31;
        padding-bottom: 4px;
        width: fit-content;
    }

    .recommendedProd_img {
        flex: none;
        order: 0;
        flex-grow: 0;
        width: 100px;
        height: 100px;
        margin-bottom: 12px;
    }

        .recommendedProd_img > img {
            width: 100px;
            height: 100px;
        }

    .recommendedProd_desc {
        width: 100px;
        height: 48px;
        font-family: 'Arial';
        font-style: normal;
        font-weight: 700;
        font-size: 13px;
        line-height: 15px;
        display: flex;
        align-items: center;
        padding: 10px 0;
    }

        .recommendedProd_desc > h6 {
            font-size: 12px;
        }

    .recommendedProd_sku {
        width: 100px;
        height: 13px;
        font-family: 'Arial';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 13px;
        display: flex;
        align-items: center;
        padding: 10px 0;
    }

    .recommendedProd_price {
        width: 100px;
        height: 17px;
        font-family: 'Arial';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px;
        display: flex;
        align-items: center;
        padding: 10px 0;
    }

    .recommendedProd_AddToCartBtn {
        width: 100px;
        height: 32px;
        padding: 0;
        font-family: 'Arial';
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 13px;
        align-items: center;
        text-align: center;
    }

    @media (max-width: 980px) {
        .recommendedProd_AddToCartBtnFR {
            padding: 2px 6px;
        }
    }

    @media (max-width: 910px) {
        .recommendedProd_AddToCartBtn {
            font-size: 12px;
        }
    }

    @media (max-width: 768px) {
        .recommendedProd_AddToCartBtn {
            font-size: 11px;
            line-height: 11px;
        }
    }

    .recommendedProd_AddToCart {
        padding: 28px 0 0 0;
    }
}

#accordionCat .accordioncatimg {
    padding: 1px 5px 10px 0px !important;
}
/*Multiple checkbox select in mysettings*/
/*Account User Fancy Checkbox button with label*/
.mysettings-checkbox .check-button {
    margin: 0;
}

    .mysettings-checkbox .check-button label {
        cursor: pointer;
    }

        .mysettings-checkbox .check-button label > input {
            opacity: 0;
        }

        .mysettings-checkbox .check-button label > span > span {
            background: url(/Themes/WCAExpress/Content/images/Icons/checkbox.png) no-repeat center;
            width: 20px;
            height: 20px;
            margin: 0px 6px -5px -20px;
            display: inline-block;
            position: relative;
        }

        .mysettings-checkbox .check-button label input:checked + span > span,
        .mysettings-checkbox .check-button label input:checked + input[type=hidden] + span > span {
            background: url(/Themes/WCAExpress/Content/images/Icons/checkbox-selected.png) no-repeat center;
        }

.npacc-ajax-loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    color: white;
    height: 100%;
    width: 100%;
    display: block;
    background: rgba(255, 255, 255, 0.75) url(../../../../Plugins/XcellenceIT.Plugin.Solr.Search/Content/npacc-ajax-loading.gif) no-repeat center center;
}

.noproductsFound {
    text-align: center;
    top: 50%;
    line-height: 240px;
    font-weight: bold;
    color: #656565;
}

.we-theme.language_selector a.active {
    color: #cd2e31;
}

    .we-theme.language_selector a.active:hover {
        color: #cd2e31;
        text-decoration: underline;
    }

#hard-hold-alert .msg-theme .modal-header + div {
    padding: 15px 50px 15px 50px !important;
}

.myWolslelyListItem.list-group-mylist a:hover {
    text-decoration: underline !important;
}
/*Webquote kendo grid tooltip display*/
#active-quotes .we-theme .k-grid,
#expired-quotes .we-theme .k-grid {
    overflow: visible !important;
}
/*Warning message for login popup*/
.warning-message {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    padding: 10px;
    margin-bottom: 5px;
    border: 1px solid transparent;
    text-align: left;
    border-radius: 6px;
}

    .warning-message .validation-summary-errors {
        margin: 0px;
        padding: 0px;
    }

        .warning-message .validation-summary-errors ul {
            background: url(../images/modal_popover/warning_large.png) no-repeat center / contain;
            width: 24px !important;
            height: 24px !important;
            display: inline-block;
        }

            .warning-message .validation-summary-errors ul li {
                margin: 0 0 0 40px;
                width: 232px !important;
                display: inline-block;
            }

.we-theme .navbar-nav li > .dropdown-menu li > a.active,
.we-theme .navbar-nav li > .dropdown-menu li > p a.active {
    color: #cd2e31;
}

.help-wrapper .help-title a,
.tms-cons-wrapper .tms-cons-title a {
    text-decoration: none !important;
}



.we-theme .navbar-header .hard-hold.hide {
    display: none !important;
}
/*Global Styles for CMS*/
.topic-page h1 {
    border-bottom: 1px dashed #cccccc;
    font-size: 18px;
    line-height: 23px;
    margin: 0 0 20px;
    padding: 0 0 4px;
}

.topic-page h2 {
    color: #3b3b3b;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 0 0 4px;
}

.topic-page h3 {
    color: #cd2e31;
    font-size: 14px;
    font-weight: bold;
    margin: 25px 0 10px;
}

.topic-page h4 {
    color: #3b3b3b;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 0 0 4px;
}

.topic-page h5 {
    color: #3b3b3b;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
}

.topic-page h6 {
    color: #cd2e31;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
}

.topic-page p,
.topic-page ul li {
    margin: 0 0 10px;
    font-size: 13px;
    color: #333;
    line-height: 19px;
    text-align: left !important;
}

.topic-page ul li,
.topic-block ul li {
    list-style-type: inherit !important;
    list-style-position: inherit !important;
    list-style-image: inherit !important;
}

.topic-page p a,
.topic-page ul a,
.topic-page li a {
    text-decoration: underline !important;
}

.topic-page a.back-arrow-mob {
    display: none;
}
/*Media query for mobile devices*/
@media (max-width: 767px) {
    .topic-page a.back-arrow-mob {
        display: block;
        float: left;
        margin-right: 10px;
        background: url(/Themes/WCAExpress/Content/images/Icons/Home/chevron_back.png);
        height: 12px;
        width: 9px;
        margin-top: 2px;
        background-repeat: no-repeat;
        text-decoration: none;
    }

        .topic-page a.back-arrow-mob:hover {
            background: url(/Themes/WCAExpress/Content/images/Icons/Home/chevron_back-hover.png);
            background-repeat: no-repeat;
        }
}

/*Reports*/
.table-reports-list tr:nth-child(even) {
    background-color: #f2f2f2;
}

.table-reports-list td {
    padding: 16px 15px 16px 15px;
    color: #444;
    font-size: 14px;
}

.table-reports-list th {
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid #b3b3b3;
}

.table-reports-list h4 {
    padding: 18px 0 18px 0;
    font-size: 18px;
    font-weight: bold;
}

.table-reports-list a {
    color: #cd2e31;
    font-weight: bold;
}

.table-reports-list tr th:nth-child(1),
.table-reports-list tr td:nth-child(1) {
    border-right: 1px solid #ddd;
    width: 40%;
}

.table-reports-list {
    margin-bottom: 14px;
    border-top: 1.5px solid #808080;
    border-bottom: 1.5px solid #999999;
    width: 100%;
}

#ifrm-report-viewer {
    width: 99%;
}

.report-theme .header-text {
    font-size: 24px;
}

.report-theme .page-title {
    margin-bottom: 0;
}

    .report-theme .page-title .back-button {
        background: url(/Themes/WCAExpress/Content/Images/Icons/Home/chevron_back.png) no-repeat;
        height: 15px;
        width: 12px;
    }

        .report-theme .page-title .back-button :hover {
            background: url(/Themes/WCAExpress/Content/Images/Icons/Home/chevron_back-hover.png) no-repeat;
            height: 15px;
            width: 12px;
        }

    .report-theme .page-title a, .page-title h2 {
        display: inline-block;
    }

.report-theme .panel-report-section {
    padding-bottom: 20px;
}

    .report-theme .panel-report-section .page-title {
        border-bottom: 0;
        margin-bottom: -10px;
    }

.mdas-definitions {
    padding: 0 30px 0 30px;
}

.mdas-definition-panel {
    margin-bottom: 10px;
}

.mdas-definitions h4 {
    padding-bottom: 10px;
}

.mdas-definitions ul {
    padding: 0 0 10px 20px;
}

.mdas-definitions li {
    line-height: 23px;
    padding-bottom: 10px;
    font-size: 14px;
    color: #444;
}

#mdasGenerateButton {
    position: absolute;
}
/*Media query for desktop devices*/
@media (max-width: 1001px) {
    #mdasGenerateButton {
        position: initial;
    }
}
/*Media query for mobile devices*/
@media (max-width: 776px) {
    #mdasGenerateButton {
        padding-top: 10px;
    }
}

/*Temperory fix for hiding default browser scroll in touch devices*/
body.touch {
    overflow: hidden;
}

.webquote-price .checkout-warning .warning-message {
    padding-top: 0px !important;
    padding-left: 0px !important;
}

.shopping-cart .page-title span {
    font-size: 16px;
    float: right;
    font-weight: normal;
    padding: 13px 0 0 0;
}
/* More button span style*/
.moreOptionStyle {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
}

.dropdown-menu .moreOptionStyle:hover {
    background-color: #f5f5f5;
}

/*Asterisk icon beside the required fields in contactus page*/
.contact-wrapper .contactus-holder .required {
    color: #cd2e31;
    margin: 0;
}
/*Vertical scrollbar added for import to mylist popup*/
#MyListInvalidProModal .inv-product {
    overflow: auto;
    max-height: 300px;
    cursor: pointer;
}
/*Review order info page - description details*/
.checkout .cart-description label,
.checkout .cart-description p {
    font-size: 14px;
    color: #3b3b3b;
}
/*Added text decoration underline to category heading and arrow link*/
.main-category .category-wrapper .category-holder h2 a:hover {
    text-decoration: underline !important;
}

.main-category .category-wrapper .category-holder p:nth-child(3) a:hover {
    text-decoration: underline !important;
}
/*Changed the existing class hierarchy for class validation input from invalid quantity alerts in list details page. */
.we-theme #ListDetailsGrid .validationText {
    color: #cd2e31;
    text-align: left;
    display: inline-block;
    padding: 5px 5px 5px 25px;
    font-size: 11px;
    background: url(../images/Icons/Shop/error_ic.png) no-repeat 0 4px;
    margin: 0 0 0 10px;
    line-height: 16px;
}

.cartbuttonpanel .errorIconTextStyle {
    color: #cd2e31;
    text-align: left;
    display: inline-block;
    padding: 5px 5px 5px 25px;
    font-size: 11px;
    background: url(../images/Icons/Shop/error_ic.png) no-repeat 0 4px;
    margin: 0 0 0 10px;
    line-height: 16px;
}

/*Shopping cart page loader*/
.loader-cart {
    border: 5px solid white;
    border-radius: 50%;
    border-top: 5px solid #cd2e31;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 13px;
    right: -3px;
    z-index: 1001;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#nameListModal .msg-theme .modal-header + div {
    padding: 15px 50px 15px 50px;
}
/*Media query for mobile devices*/
@media ( max-width: 768px ) {

    #nameListModal .msg-theme .modal-header + div {
        padding-left: 25px;
        padding-right: 25px;
    }
    /*New styles for point resize dynamically in external contest popup*/
    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size100,
    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size80,
    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size66,
    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size56,
    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size50,
    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size44,
    .we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size40 {
        margin-top: 20px !important;
    }
}
/*Alignment fix in add to cart popup for radiobutton text*/
.modal .modal-dialog .modal-content .we-theme .radio-button label {
    padding-left: 36px !important;
}

    .modal .modal-dialog .modal-content .we-theme .radio-button label > span > span {
        margin: 0px 0px -5px -50px !important;
        left: -6px !important;
    }
/*Text overlap fix for swiatch account popup in tab devices*/
#switchAccountPopup.modal {
    z-index: 1100 !important;
}
/**My Wolseley td wrap*/
.myWolseleyHomeTable .table-responsive table tbody tr td:not(.myWolseleyPriceColumn) {
    white-space: normal !important;
}
/*Alignment fix in add to cart popup for radiobutton text*/
.modal .modal-dialog .modal-content .we-theme .radio-button label {
    padding-left: 36px !important;
}

    .modal .modal-dialog .modal-content .we-theme .radio-button label > span > span {
        margin: 0px 0px -5px -50px !important;
        left: -6px !important;
    }

.account-management .btn-width-auto {
    width: auto !important;
    min-width: 110px !important;
    padding: 2px 2px;
}

.myWolseleyHomeTable .table-responsive table thead tr .width-150 {
    width: 150px !important;
}
/*Text overlap fix for swiatch account popup in tab devices*/
#switchAccountPopup.modal {
    z-index: 1100 !important;
}

#shippingAddressPopup input[type="text"] {
    width: 100% !important;
}

#shippingAddressPopup .width-100 {
    width: 100% !important;
}
/**My Wolseley td wrap*/
.myWolseleyHomeTable .table-responsive table tbody tr td {
    white-space: normal !important;
}
/*radio button alignment for add to cart popup in draft order page*/
#mymodelAddToCart .modal-dialog .modal-content .modal-body .radio-button label.draftlabelalign,
#myModalBox2 .modal-dialog .modal-content .modal-body .radio-button label.draftlabelalign {
    padding-left: 7px !important;
    vertical-align: top !important;
}

#mymodelAddToCart .modal-dialog .modal-content .modal-body .radio-button label:first-child,
#myModalBox2 .modal-dialog .modal-content .modal-body .radio-button label:first-child {
    margin-bottom: 0px !important;
}

.truncateWarningBanner p {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    width: 100%;
    color: #3b3b3b;
    font-size: 14px;
    text-align: left;
    background-color: lightyellow;
}

    .truncateWarningBanner p.truncated {
        white-space: initial;
    }

.WarningBanner p {
    background-color: #F0F0F0;
    color: black;
    font-size: 14px;
    text-align: left !important;
    margin-bottom: -2%;
    width: 75%;
}

#AdminGrid .k-grid-header th:nth-child(2) .tooltip {
    left: -0px !important;
}

#AdminGrid  .k-grid-header th:nth-child(2) .tooltip .tooltip-arrow {
    left: 31.1063% !important;
}
/*Shipping location text alignment fix for account users in account management*/
.account-user .check-button {
    padding-left: 12px;
}
/*to maintain the height of print layout while printing*/
@media print {
    body {
        display: table;
        table-layout: fixed;
        height: auto;
        margin: auto;
        -webkit-print-color-adjust: exact;
    }

    .admin-header-links {
        display: none;
    }

    body .always-visible {
        display: block !important;
    }

    .order-details-print {
        width: 10.11in;
    }
}

.featured-products .product-wrapper {
    height: auto !important;
    min-height: auto !important;
}

    .featured-products .product-wrapper .product-grid {
        padding-bottom: 80px;
    }

/*Single row Stock icon tooltip alignment*/
#ListDetailsGrid.k-grid {
    overflow: initial !important;
}

#ShareListGrid.k-grid {
    overflow: initial !important;
}

#ListDetailsExpressGrid.k-grid {
    overflow: initial !important;
}

.featured-products .product-wrapper .product-grid p:nth-child(4) {
    position: relative;
}

    .featured-products .product-wrapper .product-grid p:nth-child(4) img {
        position: absolute;
        bottom: 0;
        max-width: 70% !important;
        max-height: 50px;
    }
/*Text Box zoom in iphone fix */
/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    .we-theme .navbar-header .main-search-field,
    .we-theme .navbar-header input[type="text"] {
        font-size: 16px;
    }
}

/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375/667) {
    .we-theme .navbar-header .main-search-field,
    .we-theme .navbar-header input[type="text"] {
        font-size: 16px;
    }
}

/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9/16) {
    .we-theme .navbar-header .main-search-field,
    .we-theme .navbar-header input[type="text"] {
        font-size: 16px;
    }
}

@media screen and (min-width: 0px) and (max-width: 760px) {
    .hidesmallscreens {
        display: none !important;
    }
}
/*Empty cart style*/
.cart-footer .emptyCartStyle {
    clear: both !important;
    display: block !important;
    padding: 0px !important;
}
/*Hiding first and last link from switch account popup */
.we-theme .k-grid .k-grid-pager .k-pager-first,
.we-theme .k-grid .k-grid-pager .k-pager-last {
    display: none;
}

/* My Wolseley-Account Summary font size*/
.txt-16 {
    font-size: 16px !important;
}
/* My Wolseley- Home page font size*/
.txt-24 {
    font-size: 24px !important;
}

.backButtonTitleStyle {
    display: inline-block;
    vertical-align: initial;
}
/* Accessbility chnages*/
.co-order-summary-section h2 {
    border-bottom: 1px dashed #ccc;
    color: #656565;
    overflow: hidden;
    padding: 10px 0;
    font-size: 18px;
    font-weight: bold;
}
/*
.we-theme .navbar-nav > li > ul{
    visibility:hidden;
}
.we-theme .navbar-nav li:hover > .dropdown-menu,
.we-theme .navbar-nav li.nav-dropdown-wag  > .dropdown-menu {
    visibility:visible;
}
*/
.main-header .navigation-heading h1 {
    font-size: 24px;
    font-weight: normal;
}

.main-header .signin-holder h2 {
    padding: 0 0 15px 0;
    font-size: 24px;
}

.shopping-cart .page-title h1 {
    color: #3b3b3b;
    font-size: 24px;
    font-weight: bold;
    margin: 10px 0 0 0;
}

.shopping-cart .cart-summary-section h2 {
    border-bottom: 1px dashed #ccc;
    color: #656565;
    overflow: hidden;
    padding: 10px 0;
    font-size: 18px;
    font-weight: bold;
}

    .shopping-cart .cart-summary-section h2 .count {
        font-size: 14px;
        float: right;
        font-weight: normal;
        line-height: 20px;
    }

.contact-wrapper .contact-title h1 {
    margin: 10px 0 10px 0;
    color: #3b3b3b;
    font-size: 21px;
}

.contact-wrapper .contactus-holder span.message-span {
    font-size: 14px;
    color: #cd2e31;
    font-weight: normal;
    display: block;
}

.faq-wrapper .faq-title h1 {
    margin: 10px 0 10px 0;
    color: #3b3b3b;
    font-size: 21px;
}

#categoryLandingMainContainer.categorylandingcontainer .we-theme.item {
    text-align: left;
}

    #categoryLandingMainContainer.categorylandingcontainer .we-theme.item .check-button.only-button label > span {
        margin: 6px 0 0 0;
    }

    #categoryLandingMainContainer.categorylandingcontainer .we-theme.item .check-button.only-button a {
        margin-left: 7px !important;
    }

#categoryLandingMainContainer.categorylandingcontainer .secondarycategorycontainer .containertable label {
    font-weight: normal;
    margin-bottom: 0px;
    display: inline;
}

#categoryLandingMainContainer.categorylandingcontainer .we-theme .check-button.only-button {
    margin: 0px 0 0 8px;
}

.we-theme .navbar-nav li > .dropdown-menu .sign-in-body .remember-field .check-button.only-button {
    margin-left: 1px !important;
}

.myWolseleyHomeTable .table-responsive thead tr th.subtotal-width,
.myWolseleyHomeTable .table-responsive tbody tr td.subtotal-width {
    width: 110px !important;
}

.checkout-step-3 .popover {
    left: 15px !important;
}

.main-header .signin-holder .checkbox-holder label.remember-align {
    margin-bottom: 10px !important;
    padding-left: 10px !important;
}

.main-header .signin-holder .checkbox-holder .check-button.only-button label > input {
    margin-top: 0px !important;
}
/*.we-theme .extc-contest-icon{
    background: url(../images/contest-icon.png) no-repeat right top;
    width: 60px;
    height: 60px;
    opacity: 1;
    background-size:contain;
    border:0px;
    position:absolute;
    top:-27px;
    right:275px;
    cursor:pointer;
}
.we-theme .internal-contest-icon{
    width: 60px;
    height: 60px;
    opacity: 1;
    background-size:contain;
    border:0px;
    position:absolute;
    top:-27px;
    right:360px;
    cursor:pointer;
}*/
.customerdraft .we-theme .check-button.only-button label {
    padding-left: 15px;
    margin-bottom: 1px;
}

    .customerdraft .we-theme .check-button.only-button label > input {
        margin-top: 0px !important;
    }

.customerdraft .we-theme .check-button.only-button {
    margin: 0px;
}

.customerdraft .content-wrapper {
    width: 100%;
    display: inline-block;
    padding: 10px 0 30px 0;
    border-bottom: 1px solid #b3b3b3;
}

    .customerdraft .content-wrapper .display-content {
        padding: 0 50px 0 0;
        float: left
    }

    .customerdraft .content-wrapper .display-button {
        float: right;
    }

    .customerdraft .content-wrapper .display-content .content-holder {
        width: auto;
        position: relative;
    }

.customerdraft .btn-smalldevices1 .btn-new {
    margin-right: 5px !important;
}

#draftPopupGrid .btn-dropwheel {
    width: 33px;
    height: 33px;
    margin: 0px;
    padding: 0px;
    background-size: contain;
    cursor: pointer;
    background: url(../images/wheel_icon.png) no-repeat;
    border: 0px;
    min-width: 33px;
}

.we-theme #draftPopupGrid.k-grid td {
    overflow: visible !important;
}

.we-theme #draftPopupGrid.k-grid .dropdown-menu {
    min-width: 160px !important;
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-radius: 0px;
    border-top: 1px solid #656565;
}

.we-theme #draftPopupGrid.k-grid {
    overflow: visible !important;
}

    .we-theme #draftPopupGrid.k-grid .k-grid-content {
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    .we-theme #draftPopupGrid.k-grid .dropdown-menu li {
        border: 1px solid #656565;
        border-radius: 0px;
        border-top: 0px;
    }

        .we-theme #draftPopupGrid.k-grid .dropdown-menu li a {
            color: #656565;
            padding: 5px 20px !important;
        }

            .we-theme #draftPopupGrid.k-grid .dropdown-menu li a:hover {
                color: #656565;
                border: 0px;
                background-color: transparent;
            }

.we-theme .navbar-default ul.sign-in p {
    margin: 0px;
    position: absolute;
    top: 1px;
}

.we-theme #draftPopupGrid .k-grid-header {
    padding-right: 0 !important;
}

#dropPopUp .msg-theme .modal-body ul li {
    list-style: disc !important;
    margin-left: 25px !important;
}



ul.contestrelativepath {
    position: absolute;
    right: 260px;
    bottom: 2px;
}

    ul.contestrelativepath li.extc-contest-icon {
        /*background: url(../images/contest-icon.png) no-repeat right top;*/
        max-width: 45px;
        height: 60px;
        opacity: 1;
        background-size: contain;
        border: 0px;
        cursor: pointer;
        min-width: 45px;
        float: right;
        margin-left: 20px;
    }

    ul.contestrelativepath li.internal-contest-icon {
        min-width: 60px;
        height: 60px;
        opacity: 1;
        background-size: contain;
        border: 0px;
        cursor: pointer;
        max-width: 60px;
        float: right;
    }

#internal-Customer-Draft-kgrid .grid-col-align {
    margin-left: 25px !important;
    margin-top: -19px !important;
}

.customerdraft .content-wrapper .display-content .content-holder .draftStatus {
    position: relative;
    display: block;
    margin-top: -18px;
    left: 40px;
}

    .customerdraft .content-wrapper .display-content .content-holder .draftStatus img {
        max-width: 80px;
        position: absolute;
        top: -28px;
        left: 8px;
        width: 80px;
    }

.we-theme .navbar-nav li > .dropdown-menu li.ICDlink > p {
    position: inherit !important;
}

.customerdraft .banner p img {
    min-width: 100% !important;
}

.mylist-holder ul li a span.listcount {
    display: inline;
}
/*Media query for mobile devices*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .customerdraft .content-wrapper {
        font-size: 12px;
    }

        .customerdraft .content-wrapper .display-content {
            padding: 0px;
        }

            .customerdraft .content-wrapper .display-content .content-holder span.plft-25 {
                padding-left: 5px !important;
            }

            .customerdraft .content-wrapper .display-content.ptop-25 {
                padding-top: 0px !important;
            }

            .customerdraft .content-wrapper .display-content span.vertical {
                vertical-align: top;
            }

            .customerdraft .content-wrapper .display-content:nth-child(1) {
                float: left;
            }

            .customerdraft .content-wrapper .display-content:nth-child(2) {
                float: right;
            }
}
/*Media query for mobile devices*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .customerdraft .content-wrapper {
        font-size: 12px;
    }

        .customerdraft .content-wrapper .display-content {
            padding: 0px;
        }

            .customerdraft .content-wrapper .display-content .content-holder span.plft-25 {
                padding-left: 5px !important;
            }

            .customerdraft .content-wrapper .display-content.ptop-25 {
                padding-top: 0px !important;
            }

            .customerdraft .content-wrapper .display-content span.vertical {
                vertical-align: top;
            }

            .customerdraft .content-wrapper .display-content:nth-child(1) {
                float: left;
            }

            .customerdraft .content-wrapper .display-content:nth-child(2) {
                float: right;
            }
}
/*Media query for mobile devices*/
@media only screen and (max-width: 767px) {
    .customerdraft .btn-smalldevices,
    .customerdraft .btn-smalldevices1 {
        position: inherit;
        padding: 5px 0 5px 0;
    }

        .customerdraft .btn-smalldevices .btn-new,
        .customerdraft .btn-smalldevices1 .btn-new {
            width: 100%;
            position: inherit;
            margin: 0 0 6px 0;
        }

    .customerdraft .content-wrapper .display-content .xs-spacer {
        margin-bottom: 30px;
    }

    .customerdraft .btn-smalldevices1 {
        position: inherit;
        padding: 5px 0 5px 0;
        float: none !important;
        margin: 10px 0 10px 0;
    }

    .text-right-xs {
        text-align: right !important;
    }

    .text-middle-xs {
        text-align: center !important;
    }

    .text-left-xs {
        text-align: left !important;
    }

    .we-theme #draftPopupGrid.k-grid .dropdown-menu {
        min-width: 50px !important;
        left: 9px;
        width: 103px !important;
    }

    .customerdraft .content-wrapper .display-content .content-holder .draftStatus img {
        max-width: 80px !important;
        position: relative;
        top: -5px;
        left: -25px;
    }

    .customerdraft .content-wrapper .display-content .content-holder .draftStatus {
        width: 110px;
    }

    .mylist-holder ul li a span.listcount {
        display: block;
    }

    .listmodule-search .list-search-inputbox {
        width: 100%;
        padding-right: 50px;
    }

    .listmodule-search .list-searchicon {
        position: absolute;
        top: 0px;
        right: 15px;
        z-index: 1;
    }

    .listmodule-search .searchicon-details {
        position: absolute;
        top: 10px;
        right: 0px;
        z-index: 1;
    }

    .listmodule-search {
        margin-right: 0px;
        margin-top: 10px;
    }
}
/*New styles for point resize dynamically in external contest popup*/
.we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size130 {
    font-size: 130px;
}

.we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size100 {
    font-size: 100px;
    margin-top: 23px;
    display: inline-block;
}

.we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size80 {
    font-size: 80px;
    margin-top: 50px;
    display: inline-block;
}

.we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size66 {
    font-size: 66px;
    margin-top: 70px;
    display: inline-block;
}

.we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size56 {
    font-size: 56px;
    margin-top: 85px;
    display: inline-block;
}

.we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size50 {
    font-size: 50px;
    margin-top: 94px;
    display: inline-block;
}

.we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size44 {
    font-size: 44px;
    margin-top: 102px;
    display: inline-block;
}

.we-theme .msg-theme.extc-holder .extc-wrapper .extc-count span.font-size40 {
    font-size: 40px;
    margin-top: 107px;
    display: inline-block;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .listPrice,
    .discount {
        margin-right: 0px !important;
        display: inline-block !important;
        width: 50% !important;
    }

    .discount {
        padding-left: 5px;
    }

        .listPrice .list-price-value.col-sm-push-6,
        .discount .discount-value.col-sm-push-6 {
            left: 60% !important;
            padding-left: 10px;
        }

        .listPrice .listPriceLabel,
        .discount .discountLabel {
            padding: 0px;
            float: left;
            word-wrap: break-word;
            width: 65% !important;
        }

    #product-sku {
        clear: both;
    }

    #add-to-express-list.btn-secondary {
        white-space: normal !important;
        height: auto !important;
    }
}
/*Media query for mobile devices*/
@media only screen and (max-width: 767px) and (orientation:portrait) {

    .service-holder .faq-title h1 {
        display: inline-block;
    }

    #addMylistpopup .modal-content .modal-body {
        padding: 20px 0px 20px 0px !important;
        text-align: center !important;
    }
    /*add to mylist popup alignment issue*/
    #addtoMylistpopup .modal-content .modal-body {
        padding: 20px 0px 20px 0px !important;
        text-align: center !important;
    }

    #ListdetailsAddtoCartPop .modal-content .modal-body,
    #MyListAddtoCartPop .modal-content .modal-body {
        padding: 15px 20px 0px 20px !important;
    }

    #MyListAddtoCartPop .modal-content .modal-header .modal-title {
        padding-left: 60px;
        padding-right: 60px;
    }

    .draft-orders #mymodelAddToCart .modal-content .modal-body {
        padding: 15px 40px 0px 40px !important;
    }

    .draft-order-list #myModalBox2 .modal-content .modal-body {
        padding: 15px 40px 0px 40px !important;
    }

    #myModalSettingSuccess .modal-content .modal-body {
        padding: 15px 20px 15px 20px !important;
    }

    #ListdetailsAddtoCartPop .modal-content .modal-body fieldset legend,
    #MyListAddtoCartPop .modal-content .modal-body fieldset legend {
        font-size: 18px !important;
    }

    #MyListAddtoCartSucessModal .modal-content .modal-body {
        padding: 10px 0 10px 0 !important;
        text-align: center !important;
    }

    #MyListAddtoCartSucessModal .modal-content .modal-header .modal-title {
        padding-left: 60px;
        padding-right: 60px;
    }
}

/*Help page table alignment issue(*/
#ph-topic .page-body .container-fluid .col-md-12 .help-wrapper table {
    width: 100%;
    overflow-x: auto;
}

    #ph-topic .page-body .container-fluid .col-md-12 .help-wrapper table tr:first-child p strong {
        color: #fff !important;
        font-weight: bold;
        padding-left: 3px;
    }

    #ph-topic .page-body .container-fluid .col-md-12 .help-wrapper table tr:not(:first-child) p {
        color: #656565 !important;
        font-weight: bold;
        padding-left: 3px;
    }

    #ph-topic .page-body .container-fluid .col-md-12 .help-wrapper table tr td {
        border: 2px solid #ddd !important;
    }

        #ph-topic .page-body .container-fluid .col-md-12 .help-wrapper table tr td:last-child p {
            color: #cd2e31 !important;
            font-weight: bold;
            padding-left: 3px;
        }

/*Media query for mobile devices*/
/*FAQ page alignment issue*/
@media (max-width: 767px) {
    .web-quotes #active-tab {
        width: 50% !important;
    }

    .we-theme .k-grid .k-grid-header .k-header {
        vertical-align: top;
    }

    .web-quotes {
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
    }

    #general .faq-common-panel table {
        width: 100% !important;
    }

    #accsignin .faq-common-panel table {
        width: 100% !important;
    }

    #techquestions .faq-common-panel table {
        width: 100% !important;
    }

    .mylist-holder .mylist-home {
        padding: 15px 0 10px 0 !important;
        border-bottom: dashed 1px #cccccc !important;
    }

    .mylist-title .mylist-rowborder {
        border-bottom: 0px !important;
    }

    .mylist-holder .mylist-home-btn {
        padding: 10px 0 0 0;
    }

    .listmodule-search .form-group {
        margin-bottom: 0px;
    }

    .mylist-holder .mylist-btn-wrapper .mylist-pos-right {
        float: right;
        padding-left: 0px !important;
        padding-right: 0px;
        margin: 0px !important;
        width: 100%;
        position: relative !important;
        top: 0px !important;
    }
}


/*Contact Us back button*/
.contact-wrapper .contact-title a {
    display: inline-block;
}

.contact-wrapper .contact-title .back-button {
    background: url(/Themes/WCAExpress/Content/Images/Icons/Home/chevron_back.png) no-repeat;
    height: 15px;
    width: 12px;
    margin: 0px 5px -2px 0;
    display: inline-block;
}

.contact-wrapper .contact-title h1 {
    margin: 10px 0 10px 0;
    color: #3b3b3b;
    font-size: 21px;
    display: inline-block;
}
/*Service Page back button */
.faq-wrapper .faq-title a {
    display: inline-block;
}

.faq-wrapper .faq-title .back-button {
    background: url(/Themes/WCAExpress/Content/Images/Icons/Home/chevron_back.png) no-repeat;
    height: 15px;
    width: 12px;
    margin: 0px 5px -2px 0;
    display: inline-block;
}

/*My Settings Business Type*/
.form-horizontal .col-sm-8 .col-sm-12 .businessTypeLabel {
    text-indent: -6px;
}

.we-theme .navbar-header .search-prod-input {
    width: 35%;
    float: right;
}

.we-theme .navbar-header .search-prod-label {
    margin-top: 15px;
    margin-left: 0px;
}

/*ipad Portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .listdetails-lblmrgtop {
        margin-right: 450px;
    }

    .back-to-list {
        width: 30% !important;
    }

        .back-to-list #BtnEditListDetails {
            padding: 5px 15px 0 0 !important;
        }

    .container-fluid #myModalReturn .modal-content .modal-body {
        padding: 25px 0px 0px 0px !important;
    }

    #emptyCartModalDDialog .modal-content .modal-body {
        padding: 25px 100px 0px 120px;
    }

    #modalDeleteDraft .modal-content .modal-body {
        padding: 25px 100px 10px 120px;
    }

    #listSavedModal .modal-content .modal-body {
        padding: 15px 40px 0px 75px !important;
    }

    #promoOopsModal .modal-content .modal-body {
        padding: 15px 40px 0px 75px !important;
    }

    .list-group .ipadBreakView {
        width: 56% !important;
        word-wrap: break-word;
    }

    .list-group .ipadBreakViewSpend {
        width: 70% !important;
        word-wrap: break-word;
    }

    .container-fluid #myModalReturn .modal-content .modal-footer #exitWOSaving {
        margin-left: 0px !important;
    }

    .mylist-btn-wrapper .listDetailsButton .mylist-btn .dropdown-menu {
        left: auto !important;
        right: 0 !important;
        text-align: right !important;
    }

    .mylist-btn .moreButtonShowOnTab #btnMore {
        min-width: 10px !important;
    }
    /*.mylist-btn .moreButtonShowOnTab #btnMoreQuote {
        min-width: 10px !important;
    }*/
    .mylist-holder .mylist-btn-wrapper .mylist-btn .btn-holder {
        margin: 0px !important;
        width: auto !important;
    }

    .quotelistcontainer .mylist-btn-holder .mylist-btn-wrapper .mylist-btn .moreButtonShowOnTab .btnEnabledGrp {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .quotelistcontainer .mylist-btn-holder .mylist-btn-wrapper .mylist-btn .dropdown-menu {
        left: auto !important;
        right: 0 !important;
        text-align: left !important;
    }

    .quotelistcontainer .mylist-btn-holder .mylist-btn-wrapper .mylist-btn .moreButtonShowOnTab .btnEmailQuote {
        margin-right: 3px !important;
    }
    /*save changes popup issue in ipad portrait french*/

    #preferenceInvoicePopUp.msg-theme .modal-footer .btn + .btn,
    #createQuoteCancelPopUp.msg-theme .modal-footer .btn + .btn,
    #saveChangesPopupmodal.msg-theme .modal-footer .btn + .btn,
    #emailInvoice.msg-theme .modal-footer .btn + .btn,
    #emailQuotePopUpmodal.msg-theme .modal-footer .btn + .btn {
        margin-left: 0px !important;
        margin-top: 10px !important;
    }

    #preferenceInvoicePopUp .modal-content .modal-footer .btn,
    #createQuoteCancelPopUp .modal-content .modal-footer .btn,
    #saveChangesPopupmodal .modal-content .modal-footer .btn,
    #emailInvoice .modal-content .modal-footer .btn,
    #emailQuotePopUpmodal .modal-content .modal-footer .btn {
        width: 100% !important;
    }
}


/*ipad landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .listdetails-lblmrgtop {
        margin-right: 528px;
    }

    .container-fluid #myModalReturn .modal-content .modal-body {
        padding: 25px 0px 0px 0px !important;
    }

    .mylist-btn-wrapper .listDetailsButton .mylist-btn .dropdown-menu {
        left: auto !important;
        right: 0 !important;
        text-align: right !important;
    }

    .quotelistcontainer .mylist-btn-holder .mylist-btn-wrapper .mylist-btn .moreButtonShowOnTab .btnEnabledGrp {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .quotelistcontainer .mylist-btn-holder .mylist-btn-wrapper .mylist-btn .dropdown-menu {
        left: auto !important;
        right: 0 !important;
        text-align: left !important;
    }

    .quotelistcontainer .mylist-btn-holder .mylist-btn-wrapper .mylist-btn .moreButtonShowOnTab .btnEmailQuote {
        margin-right: 6px !important;
    }
}

#ph-topic .page-body .container-fluid .col-md-12 .help-wrapper .table-responsive::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
}

#ph-topic .page-body .container-fluid .col-md-12 .help-wrapper .table-responsive::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);
}

.secondarycategorycontainer .noproductsFound {
    min-height: 240px;
    line-height: 20px;
    display: table;
    width: 100%;
}



    .secondarycategorycontainer .noproductsFound .contentstyle {
        display: table-cell;
        vertical-align: middle;
    }

.we-theme .navbar-header .prd-dropdown .dropdown-menu {
    z-index: 1200 !important;
}
/*Fix for Orders Main page - browser print option should not show URL path below the order number and web reference number on the print out*/
@media print {
    a[href]:after {
        display: none !important;
        visibility: hidden !important;
    }
}
/*Fix for call for pricing french text is overlapped with remove button in shopping cart*/
.whitespace-normal {
    white-space: normal !important;
}

.mylist-holder .mylist-home {
    padding: 15px 0 0 0;
    border-bottom: 0px;
}

.mylist-title .mylist-rowborder {
    border-bottom: dashed 1px #cccccc;
}

.mylist-holder .mylist-btn-wrapper .mylist-pos-right {
    float: right;
    /* margin-top: -20px;*/
    margin-right: -16px;
    position: absolute;
    top: 70px;
    right: 0px;
    padding-left: 28px;
}

.we-theme .sa-search-form .sa-icon-search .list-Search-icon {
    background-color: #cd2e31;
    border-color: #cd2e31;
    border-radius: 0 6px 6px 0;
}

    .we-theme .sa-search-form .sa-icon-search .list-Search-icon .glyphicon-search {
        color: white;
    }

.table-responsive .account-print-icon p {
    display: inline-block;
    margin: 0px;
}

    .table-responsive .account-print-icon p a {
        margin-right: 5px;
    }
/*Outline for focus accessibility*/
/*a:focus, img:focus,
button:focus,
th:focus, tr:focus, td span:focus,
li:focus, li div:focus, li span:focus {
    outline: 1px solid #cd2e31  !important;
}*/

/*Invoice and Quote Styles*/
.createinvoice #openInvoicegrid .k-grid-content {
    overflow: hidden;
}

.createinvoice #closedInvoicegrid .k-grid-content {
    overflow: hidden;
}

.createinvoice .we-theme #openInvoicegrid .k-grid-header, .createinvoice .we-theme #closedInvoicegrid .k-grid-header {
    padding-right: 0 !important;
}

.createinvoice #openInvoicegrid.k-grid {
    margin: 0px;
}

.createinvoice #closedInvoicegrid.k-grid {
    margin: 0;
}

.createinvoice .btn {
    outline: 0px;
}

.invoice-pdf-wrapper {
    margin: 0px auto;
    padding: 0px 0px;
    width: 900px;
    color: #3b3b3b;
    font-size: 14px;
}

    .invoice-pdf-wrapper .invoice-pdf-holder {
        width: 750px;
        float: none;
        margin: 0px auto;
        padding: 20px 50px 20px 50px;
        border: 2px solid #ccc;
    }

        .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-header {
            width: 750px;
            margin: 0 0;
            height: auto;
        }

            .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-header .pdf-logo-holder {
                width: 60px;
                margin: 0 0;
                height: auto;
                float: left;
            }

            .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-header .pdf-header-inform {
                width: auto;
                margin: 0 0;
                height: auto;
                float: right;
            }

                .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-header .pdf-header-inform p {
                    line-height: 20px;
                }

        .invoice-pdf-wrapper .invoice-pdf-holder h1 {
            text-align: center;
            font-size: 24px;
            font-weight: normal;
        }

.clear-spacer {
    clear: both;
}

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

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-right-70 {
    margin-right: 70px !important;
}

.invoice-pdf-wrapper .unbold {
    font-weight: normal !important;
}

.invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-information {
    width: 750px;
    margin: 0 0;
    height: auto;
}

    .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-information .pdf-content-holder {
        width: auto;
        margin: 0 0;
        height: auto;
        float: left;
        font-weight: bold;
    }

.invoice-pdf-wrapper .bold {
    font-weight: bold;
}

.invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-information .pdf-content-holder p {
    line-height: 20px;
}

.invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-information .pdf-content-holder1 {
    width: 265px;
    margin: 0 0;
    height: auto;
    float: right;
    font-weight: bold;
}

    .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-information .pdf-content-holder1 .pdf-receipt-holder {
        width: auto;
        margin: 0 0 15px 0;
        height: auto;
        float: right;
    }

        .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-information .pdf-content-holder1 .pdf-receipt-holder .first-col {
            display: inline-block;
            margin-right: 20px;
            width: 100px;
        }

        .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-information .pdf-content-holder1 .pdf-receipt-holder .sec-col {
            display: inline-block;
            text-align: right;
            border-bottom: 1px solid black;
            width: 140px;
            font-weight: normal;
        }

.invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-table {
    width: 750px;
    float: left;
    height: auto;
}

.invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 750px;
    height: 100%;
    margin: 0px;
    padding: 0px;
    border: 2px solid #bababa;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
}

    .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-table td {
        border-bottom: 2px solid #bababa;
        padding: 10px 5px 10px 5px;
        color: #404040;
        text-align: center;
    }

    .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-table tr td:nth-child(1) {
        width: 300px;
        text-align: left;
    }

    .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-table tr td:nth-child(2) {
        width: 95px;
    }

    .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-table tr td:nth-child(3) {
        width: 95px;
    }

    .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-table tr td:nth-child(4) {
        width: 95px;
    }

    .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-table tr td:nth-child(5) {
        width: 145px;
    }

    .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-table thead {
        width: 750px;
        float: left;
    }

    .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-table tbody {
        width: 750px;
        float: left;
    }

    .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-table thead tr td:last-child {
        border-right-width: 0px;
    }

    .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-table tbody tr td:last-child {
        border-right-width: 0px;
    }

    .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-table tbody tr:last-child td {
        border-bottom-width: 0px;
    }

    .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-table tbody tr td {
        border-bottom: 0px !important;
    }

    .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-table thead tr td {
        font-weight: bold;
    }

    .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-table thead tr {
        vertical-align: top;
    }

        .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-table thead tr td {
            padding-bottom: 10px;
        }

.invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-summary {
    width: 740px;
    margin: 0 0;
    height: auto;
}

    .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-summary .pdf-summary-holder {
        width: 30%;
        margin: 0 0;
        height: auto;
        float: left;
    }

        .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-summary .pdf-summary-holder h3 {
            border-bottom: 1px solid #ccc;
            overflow: hidden;
            padding: 10px 0;
            font-size: 14px;
            font-weight: bold;
        }

            .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-summary .pdf-summary-holder h3 .count {
                font-size: 14px;
                float: right;
                font-weight: bold;
                line-height: 20px;
            }

        .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-summary .pdf-summary-holder dl {
            margin: 8px 0 8px;
            overflow: hidden;
        }

            .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-summary .pdf-summary-holder dl dt {
                font-size: 14px;
                font-weight: normal;
            }

            .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-summary .pdf-summary-holder dl dd {
                font-size: 14px;
                font-weight: normal;
                width: auto;
            }

        .invoice-pdf-wrapper .invoice-pdf-holder .invoice-pdf-summary .pdf-summary-holder h3.border-summary {
            border-top: 1px solid #ccc;
            border-bottom: 0px;
        }

.invoice-pdf-wrapper .invoice-pdf-holder p {
    line-height: 20px;
}

. .pull-left {
    max-width: fit-content;
}

#promo-code-discount-amount .remove {
    background: url(../images/remove-hover.png) no-repeat center;
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    border: none;
    border-radius: 50%;
}

#order-summary-onlinepayment .remove {
    background: url(../images/remove-hover.png) no-repeat center;
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    border: none;
    border-radius: 50%;
}


.online-payment-summary dl dd {
    font-size: 13px !important;
    font-weight: 400;
    color: #3b3b3b;
    width: auto;
    border-bottom: 0px !important;
}

.order-total-before-tax {
    font-weight: bold !important;
}

.co-order-summary-section h2 span {
    font-size: 14px;
    float: right;
    font-weight: normal;
    line-height: 20px;
}

.order-summary-onlinepayment .co-estimated {
    margin-top: 5px !important;
}

.online-payment-summary-subtotal dl dd {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #3b3b3b;
    width: auto;
    border-bottom: 3px solid #cd2e31 !important;
}

.online-payment-summary-subtotal dl {
    border-bottom: 0px !important;
}

.onlinepayment-paymentmethod .checkoutedittxt {
    font-size: 14px;
    color: #cd2e31;
    padding-left: 5px;
}

.onlinepaymentmethod .credit-card-info {
    display: inline-block;
    padding-left: 14px;
    padding-top: 5px;
}

.onlinepaymentmethod .cardicons {
    display: inline-block;
    padding-left: 14px;
}

.onlinepayment-paymentmethod {
    padding-top: 40px;
}

.onlinepayment-newcard {
    width: 100%;
    position: relative;
    text-align: center;
    border: 2px solid darkgrey;
    border-radius: 5px;
}

    .onlinepayment-newcard .cardname {
        margin-right: 5px;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 10px;
    }

.cardholdername {
    max-width: 447px;
    height: 42px;
    float: left;
    border-width: 2px !important;
    border-color: darkgrey;
    color: black !important;
    border-top: solid grey 2px !important;
    border-left: solid grey 2px !important;
    margin-left: 5px !important;
}

#manage-payment-preferences-page #cardholdername {
    width: 100%;
    max-width: none;
}

@media screen and (max-width: 594px) {
    .cardholdername {
        margin-left: 6px;
    }
}

.cardname label {
    margin-right: 0px;
    min-width: 120px;
    max-width: 120px;
    clear: both;
    float: left;
    margin-left: 5px;
    font-size: 12px;
    font-family: Arial;
    font-weight: 700;
    color: rgba(0,0,0,0);
}

.onlinepaymentcardselect .addnewcard {
    color: red;
    float: right;
    font-weight: bold;
}

#manage-payment-preferences-page .newcarddiv {
    padding-top: 5px;
}

@media screen and (max-width: 767px) {
    #manage-payment-preferences-page .newcarddiv {
        padding-bottom: 23px;
    }
}


.onlinepaymentcardselect .newcarddiv {
    height: 22px;
    padding-right: 0px;
}

.onlinepaymentcardselect .newcard {
    color: #cd2e31;
    float: right;
    font-weight: bold;
}

.cardholders-cards {
    border: 2px solid #787878;
    background-color: #E9E9E9;
    border-radius: 5px;
    max-height: 25px;
    min-height: 25px;
}

    .cardholders-cards label {
        width: 100%;
    }

    .cardholders-cards img {
        float: left;
        height: 22px;
        width: auto;
        padding-right: 5px;
    }

    .cardholders-cards p {
        float: left;
        margin: 0 0 0px;
    }

@media screen and (max-width: 390px) {
    .cardholders-cards p {
        max-width: 75px;
        max-height: 17px;
        overflow: hidden;
    }
}

#credit-card-no {
    background: #e6e6e6;
    border-radius: 50%;
    border: 1px solid #cecece;
    width: 20px;
    height: 20px;
    margin: 0px 6px -5px -20px;
    display: inline-block;
    position: relative;
}

.creditPull {
    float: right;
}

@media screen and (max-width: 767px) {
    .creditPull {
        float: left;
    }
}

.cardholders-cards input {
    float: right;
    top: -3px;
}

.creditcartselect img {
    max-height: 30px;
}

.credit-account-info div {
    padding-left: 30px;
}

.onlinepaymentmethod .creditCardLbl {
    position: absolute;
    top: 2px;
}

#monerisFrame {
    display: block !important;
}

.margintop {
    margin-top: 5px;
}

.webQuoteStatus, .webquoterequeststatus {
    padding: 2px 10px 2px 10px;
    border-radius: 4px;
    display: flex;
    max-width: 110px;
    text-align: center;
    justify-content: center;
}

@media screen and (max-width: 991px) {
    .webQuoteStatus, .webquoterequeststatus {
        min-width: 80% !important;
    }

    .ItemInCartDiv {
        position: absolute;
        /*left: 146px;*/
    }
}

@media screen and (max-width: 427px) {
    .webQuoteStatus, .webquoterequeststatus {
        min-width: 70% !important;
    }
}

@media screen and (min-width: 991px) {
    .webQuoteStatus, .webquoterequeststatus {
        min-width: 110px !important;
    }
}

.webquoterequeststatusG, .webquoterequeststatusO, .webquoterequeststatusY, .webquoterequeststatusR {
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    height: fit-content;
    text-transform: uppercase;
    color: #000000;
}

.webquoterequeststatusO {
    background: orange !important;
}

.webquoterequeststatusG {
    background: lightgreen !important;
}

.webquoterequeststatusY {
    background: yellow !important;
}

.webquoterequeststatusR {
    background: #cd2e31 !important;
    color: #ffff;
}

.webQuoteStatusPending, .webquoterequeststatus2 {
    background: orange !important;
    border: 2px solid orange;
    color: #000 !important;
}

.webQuoteStatusReady, .webquoterequeststatus0 {
    background: lightgreen !important;
    border: 2px solid lightgreen;
    color: #000 !important;
}

.webQuoteStatusInUse, .webquoterequeststatus1 {
    background: yellow !important;
    border: 2px solid yellow;
}

.webQuoteStatusExpired, .webquoterequeststatus3 {
    background: #cd2e31 !important;
    color: #fff !important;
    border: 2px solid #cd2e31;
}

.text-middle {
    text-align: center !important;
}

.quote-details-status-lbl {
    float: right;
    font-weight: bold;
    margin-top: 4px;
    padding-right: 5px;
}

.quote-details-status-chk {
    float: right;
    margin-bottom: 4px;
}

.quote-details-details {
    float: right;
    color: orange;
    margin-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
}

.preferencesTitle {
    padding-bottom: 20px;
}

.PP-CheckboxSpan {
    text-align: left;
    margin-left: -32px;
}

.PP-CheckboxSpanBtn {
    display: block;
    position: absolute;
    top: 2px;
    left: -3px;
}

.preferencesTitleTxt {
    margin-top: 20px;
    padding-right: 0px;
}

.preferencesTitleTxtPadding-R {
    padding-right: 0px;
    min-height: 20px;
}

    .preferencesTitleTxtPadding-R .radio-button {
        float: right;
    }

.preferencesTitleTxtPadding-L {
    padding-left: 0px;
}

    .preferencesTitleTxtPadding-L label {
        width: 100%;
    }

.preferencesTypeSelect {
    position: relative;
    bottom: 12px;
}

.onlinepaymentcardselect .updateRemoveBtn {
    float: right;
}

.preferencesMoneris {
    padding-right: 0px;
    padding-left: 0px;
}

    .preferencesMoneris .required {
        margin-right: -3px;
    }

.preferencesMonerisspace {
    min-height: 2px;
}

.preferencesMoneris .cardLinks {
    display: inline-block;
    margin-right: 5px;
    width: 100%;
    /*padding-bottom: 5px;*/
}

    .preferencesMoneris .cardLinks div {
        float: right;
        padding-right: 10px;
    }

    .preferencesMoneris .cardLinks input {
        position: relative;
        top: 2px;
    }

.preferencesmargin-top {
    margin-top: 20px;
    padding: 0px;
}

.preferenceSetCreditCard {
    position: relative;
    bottom: 12px;
}

.preferenceFooter {
    padding-top: 10px !important;
}

.preferenceSubmit {
    padding-bottom: 10px;
}

.preferenceContactUs {
    padding-top: 25px;
}

    .preferenceContactUs span {
        width: fit-content;
    }

.minHeight {
    min-height: 56px !important;
}

.wq-status-body {
    color: #656565 !important;
    line-height: 31px;
    margin: 0px;
    font-size: 22px;
}

.online-payment-summary dt {
    font-size: 14px;
    font-weight: normal;
    color: #656565;
    clear: both;
    padding: 4px 0;
}

.online-payment-summary dd {
    font-size: 14px !important;
    color: #3b3b3b;
    width: auto;
    padding: 4px 0;
}

@media screen and (max-width: 767px) {
    /* .online-payment-summary dt {
        min-width: 107px !important;
    }*/

    .cardSelection-M {
        padding-top: 43px !important;
    }
}

.tax-webservicePlaceOrder {
    color: #cd2e31;
}

.tax-webservice-body {
    text-align: center;
}

.blurPayment {
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
}

@media screen and (max-width: 432px) {
    .MPnewCardLayover-CardNumber {
        margin-top: 20px !important;
    }
}

@media screen and (max-width: 638px) {
    #monerisFrame {
        height: 295px;
    }

    .cardname input {
        width: 97% !important;
    }
}


@media screen and (max-width:591px ) {
    .newCardLayover-CardNumber {
        margin-top: 42px !important;
    }

    .newCardLayover-ExpireDate {
        margin-top: 32px !important;
    }
}

@media screen and (max-width: 644px) {
    #monerisFrame {
        height: 270px;
    }
}

@media screen and (max-width: 767px) {

    .newCardLayover-CardNumber {
        height: 39px;
    }

    .newCardLayover-ExpireDate {
        height: 36px;
    }

        .newCardLayover-ExpireDate .lbl {
            width: 50%;
        }

    .newCardLayover-CVV .lbl {
        width: 47%;
        padding-top: 9px;
    }
}

@media screen and (max-width: 780px) {
    .MPnewCardLayover .MP {
        text-align: left;
    }

    .MPnewCardLayover {
        margin-top: 28px !important;
    }

    .MPCVVNew {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 991px) {
    #monerisFrame {
        height: 146px;
    }

    .newCardLayover-CVV {
        margin-top: 0px;
        padding-left: 15px;
    }

    .newCardLayover-ExpireDate {
        margin-top: 0px;
        padding-left: 15px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 990px) {
    .newCardLayover .newCardLayover-ExpireDate .lbl, .newCardLayover .newCardLayover-CVV .lbl {
        text-align: left !important;
    }

    .newCardLayover-CVV {
        margin-top: 36px;
        padding-left: 0px;
    }
}

@media screen and (max-width: 1199px) {

    .newCardLayover-ExpireDate {
        margin-top: 7px;
        padding-left: 0px;
    }

    .Checkout .CN {
        margin-bottom: 32px;
    }

    .Checkout .MPTextStyle {
        min-width: 200px;
        max-width: 200px;
        margin-left: 14px !important;
    }

    .Checkout .maxWidth450 {
        padding-left: 6px;
    }

        .Checkout .maxWidth450 input {
            min-width: 100% !important;
        }

    .Checkout .newCardLayover-CardName {
        padding-left: 0px !important;
        padding-right: 9px;
    }
}

@media screen and (max-width:991px ) {
    .Checkout .CN {
        margin-top: 0px !important;
        margin-bottom: 39px;
    }

    .Checkout .newCardLayover-ExpireDate {
        margin-top: 18px;
    }

    .Checkout .newCardLayover-CVV {
        margin-top: 0px;
    }
}

@media screen and (max-width:813px ) {

    #monerisFrame {
        padding-top: 0px !important;
    }
}

@media screen and (max-width:767px ) {

    .Checkout .MPTextStyle {
        min-width: 33.2% !important;
        max-width: 33.2% !important;
    }

    .Checkout .CN {
        margin-bottom: 0px !important;
    }

    .Checkout .maxWidth450 {
        padding-left: 0px;
        width: 68.4%;
    }
}

@media screen and (max-width:687px ) {

    .Checkout .MPTextStyle {
        min-width: 23.7% !important;
        max-width: 23.7% !important;
    }

    .Checkout .maxWidth450 {
        width: 69.4%;
    }
}

@media screen and (max-width:655px ) {

    .Checkout .MPTextStyle {
        min-width: 23.3% !important;
        max-width: 23.3% !important;
    }
}


@media screen and (max-width:627px ) {
    .Checkout .newCardLayover-CardName {
        padding-bottom: 79px;
    }

    .Checkout .CN {
        padding-bottom: 103px !important;
    }
}

@media screen and (max-width:605px ) {

    .Checkout .newCardLayover-ExpireDate .lbl, .Checkout .newCardLayover-CVV .lbl {
        text-align: left !important;
    }

    .Checkout .CN {
        padding-bottom: 96px !important;
    }

    .Checkout .newCardLayover-ExpireDate {
        margin-top: 29px;
    }

    .Checkout .newCardLayover-CVV {
        margin-top: 49px;
        padding-left: 0px !important;
    }
}

@media screen and (max-width:592px ) {
    .Checkout .MPTextStyle {
        min-width: 22.7% !important;
        max-width: 23.7% !important;
    }
}

@media screen and (max-width:597px ) {

    .Checkout .newCardLayover-CardNumber {
        margin-top: 0px !important;
    }
}

@media screen and (max-width:554px ) {
    .Checkout .maxWidth450 {
        min-width: 69.56% !important;
    }
}




.Checkout .MPTextStyle {
    margin-left: 0px;
    margin-right: 5px;
}

.Checkout .maxWidth450 {
    padding-right: 0px !important;
    width: 62%;
}

    .Checkout .maxWidth450 input {
        width: 101%;
    }

@media screen and (max-width:575px ) {
    .newCardLayover-CVV .lbl, .newCardLayover-ExpireDate .lbl {
        text-align: left !important;
    }

    .newCardLayover-CVV {
        margin-top: 43px !important;
        padding-left: 0px !important;
    }

    .ItemInCartDiv {
        position: absolute;
        left: 15px;
    }
}

@media screen and (max-width:597px ) {
    .onlinepayment-newcard .cardname label {
        min-width: 100%;
    }

    .onlinepayment-newcard .cardname {
        padding-top: 24px;
    }

    .newCardLayover-CardNumber {
        margin-top: 37px !important;
    }

    .newCardLayover-ExpireDate {
        margin-top: 35px;
    }
}

@media screen and (max-width:1199px ) and (min-width:992px) {

    .newCardLayover-CardNumber {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 1199px) {

    .MPC {
        padding-bottom: 23px !important;
    }

    /*.MPnewCardLayover {
        margin-top: 0px !important;
    }*/
}

@media screen and (max-width: 1126px) {

    .MPnewCardLayover {
        margin-top: 0px !important;
        margin-bottom: 42px;
    }
}


/*@media screen and (max-width: 1101px) {
    .MPnewCardLayover {
        margin-top: 0px !important;
    }
}*/
@media screen and (max-width: 1082px) {
    .maxWidth450 input {
        min-width: 100% !important;
    }
}


@media screen and (max-width: 990px) {
    .MPC {
        padding-bottom: 0px !important;
    }
}

@media screen and (max-width: 923px) {
    #monerisExpInput {
        margin-left: 315px !important;
    }
}


@media screen and (max-width: 812px) {
    .maxWidth450 input {
        min-width: 200px !important;
    }
}

@media screen and (max-width: 786px) {
    .MPnewCardLayover {
        padding-bottom: 40px !important;
    }

    .ItemInCartDiv {
        position: absolute;
        /*left: 15px;*/
    }
}

@media screen and (max-width: 767px) {
    .maxWidth450 input {
        min-width: 448px !important;
    }
}

@media screen and (max-width:554px) {
    .maxWidth450 input {
        min-width: 103% !important;
    }
}

@media screen and (max-width: 687px) {
    .MPnewCardLayover-CardNumber {
        margin-top: 0px !important;
    }

    .MPnewCardLayover {
        margin-top: 29px !important;
    }

    .MPCVV {
        margin-top: 0px !important;
    }

    /*.newCardLayover-CardNameMP .MPTextStyle {
        min-width: 400px !important;
    }*/

    .MPC {
        height: 69px !important;
    }

    /*.maxWidth450 {
        padding-left: 6px !important;
    }*/
}

@media screen and (max-width: 665px) {
    .MPnewCardLayover .MP {
        text-align: left !important;
    }

    .MPCVV {
        padding-top: 45px !important;
    }

        .MPCVV .MP {
            padding-left: 0px !important;
        }
}

@media screen and (max-width: 597px) {
    .MPnewCardLayover-CardNumber {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 575px) {
    .MPCVV {
        margin-top: 0px !important;
        padding-left: 15px !important;
    }

    .MPnewCardLayover .MP {
        min-width: 400px !important;
    }
}


@media screen and (max-width: 1199px) {
    .MPNCCardNumber {
        margin-top: 33px !important;
    }
}

@media screen and (max-width: 991px) {
    .MPNCCardNumber {
        margin-top: 0px !important;
    }

    .Checkout .MPTextStyle {
        min-width: 31%;
        max-width: 31%;
    }
}

@media screen and (min-width: 814px) {
    .Hidden-Sm {
        display: block;
    }

    .Shown-Sm {
        display: none;
    }
}

@media screen and (max-width: 813px) {
    .Hidden-Sm {
        display: none;
    }

    .Shown-Sm {
        display: block;
    }

    #monerisFrame {
        padding-top: 22px;
    }

    .MPNew {
        text-align: left !important;
    }

    .MPnewCardLayover .MPNew {
        margin-top: 25px !important;
    }
}

@media screen and (max-width: 812px) {
    .MPnewCardLayover .MPNew {
        margin-top: 0px !important;
    }

    .MPCVV .MPNew {
        margin-top: 30px !important;
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 786px) {
    .MPCVV .MPNew {
        margin-top: 0px !important;
    }

    .MPCED {
        padding-bottom: 30px !important;
    }
}

@media screen and (max-width: 767px) {
    .MPCNEW {
        height: 40px;
    }

    .MPCED {
        padding-top: 30px !important;
    }

    .MPCVV {
        padding-top: 38px !important;
    }
}

@media screen and (max-width: 692px) {
    .MPCNEW {
        margin-bottom: 56px !important;
    }

    .MPTextStyle {
        min-width: 120px;
    }
}

@media screen and (max-width: 687px) {
    .newCardLayover-CardNameMPNEW {
        margin-bottom: 5px !important;
    }

    .MPCNEW {
        margin-bottom: 31px !important;
    }

    .MPCED {
        padding-top: 0px !important;
    }
}

@media screen and (max-width: 812px) {
    .MPNCCardNumber {
        padding-bottom: 26px !important;
    }
}

@media screen and (max-width: 767px) {
    .MPCVVNew {
        padding-top: 0px !important;
    }
}

@media screen and (max-width: 687px) {
    .RemovePaddingNewCard {
        padding-top: 0px !important;
    }
}

@media screen and (max-width: 692px) {
    .MPTextStyleNewCard {
        min-width: 100px;
        max-width: 100px;
    }
}

@media screen and (max-width: 665px) {
    .MPCVVNew {
        padding-top: 38px !important;
    }
}

@media screen and (max-width: 1210px) {
    #monerisFrame {
        min-height: 145px !important;
    }
}


.newCardLayover-CardNameMPNEW, .newCardLayover-CardNameMP {
    padding: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
    padding: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
}

    .newCardLayover-CardNameMPNEW .MPTextStyleNew,
    .newCardLayover-CardNameMP .MPTextStyleNew,
    .MPTextStyle {
        min-width: 120px;
        max-width: 120px;
        margin-left: 16px;
        text-align: left;
        font-size: 14px;
        font-family: Arial;
        font-weight: 700;
        color: #656565;
        padding-left: 0px;
        float: left;
    }

#manage-payment-preferences-page .newCardLayover-CardNameMPNEW .MPTextStyleNew,
#manage-payment-preferences-page .newCardLayover-CardNameMP .MPTextStyleNew,
#manage-payment-preferences-page .MPTextStyle {
    max-width: none;
    margin-left: 0;
    min-width: 38%;
    max-width: 38%;
    text-align: left;
    font-size: 14px;
    font-family: Arial;
    font-weight: 700;
    color: #656565;
    padding-left: 12px;
    float: left;
}

.maxWidth450 {
    padding-left: 0px;
    width: 62%;
}


.MP {
    padding-right: 67px !important;
}

.maxWidth450 input {
    max-width: 450px;
}

.cardname input {
    max-width: 450px;
}

.getWebQuoteLink {
    color: red;
    float: right;
    margin-top: 34px;
    font-weight: bold;
}

.webQuoteBackToCart {
    color: red;
    float: right;
    margin-top: 34px;
    font-weight: bold;
}

.paddingNone {
    padding-right: 0px;
    padding-left: 0px;
}

.monerisSaveCardFor {
    margin-right: 5px;
    width: 100%;
    padding-bottom: 5px;
    text-align: left;
    padding-left: 5px;
    text-align: left;
}

    .monerisSaveCardFor div {
        float: right;
        padding-right: 10px;
    }

        .monerisSaveCardFor div input {
            position: relative;
            top: 2px;
        }

.monerisNoteYourCard {
    text-align: left;
    margin-right: 5px;
    width: 100%;
    padding: 5px;
}

.blurPayment {
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
}

@media screen and (max-width: 594px) {
    .cardholdername {
        margin-left: 6px;
    }
}

#credit-card-no {
    background: #e6e6e6;
    border-radius: 50%;
    border: 1px solid #cecece;
    width: 20px;
    height: 20px;
    margin: 0px 6px -5px -20px;
    display: inline-block;
    position: relative;
}

.creditPull {
    float: right;
}

@media screen and (max-width: 767px) {
    .creditPull {
        float: left;
    }
}

.credit-account-info div {
    padding-left: 30px;
}

.onlinepaymentmethod .creditCardLbl {
    position: absolute;
    top: 2px;
}

@media (max-width:991px) {
    .heightAdjustment {
        height: 1256px;
    }
}

@media (max-width:767px) {
    .heightAdjustment {
        height: 1456px;
    }
}

@media (max-width:644px) {
    .heightAdjustment {
        height: 1600px;
    }
}

@media (max-width:638px) {
    .heightAdjustment {
        height: 1750px
    }
}

@media (max-width: 523px) {
    /*.onlinepaymentmethod {
        height: 295px;
    }*/

    .creditcardPaymentTop {
        position: absolute;
        top: 162px;
        left: 15px;
    }

    .creditaccountPaymentTop {
        position: absolute;
    }

    .heightAdjustment {
        height: 2300px;
    }

    .heightAdjustmentNewCard {
        height: 1900px;
    }

    .adjustHeightSelectMethod {
        height: 250px;
    }
}

.checkoutedittxt {
    font-size: 14px;
    color: #cd2e31;
}

.account-address {
    font-weight: 700;
}

    .account-address .paymentMethodInfo {
        margin: 10px 0;
        font-size: 14px;
        font-weight: normal;
        color: #656565;
        clear: both;
        padding: 4px 0;
    }

.StatusILeg {
    position: absolute;
    top: 8px;
}

    .StatusILeg div {
        position: absolute;
        right: -10px;
    }

.StatusILegend {
    width: 300px !important;
}

.paddingMoneris {
    padding-right: 0px;
    padding-left: 0px;
}

.onlinepayment-newcard .cardname label {
    margin-left: 16px;
    text-align: left;
    font-size: 14px;
}

.onlinepayment-newcard .saveCardMoneris {
    margin-right: 5px;
    width: 100%;
    padding-bottom: 5px;
    font-weight: 700;
    color: #656565;
}

    .onlinepayment-newcard .saveCardMoneris div {
        float: right;
        padding-right: 10px;
    }

        .onlinepayment-newcard .saveCardMoneris div input {
            position: relative;
            top: 2px;
        }

.onlinepaymentcardselect .paddingMoneris {
}

.onlinepayment-newcard .noteCardMoneris {
    margin-right: 5px;
    width: 100%;
    padding-bottom: 5px;
    text-align: left;
    padding: 6px;
    font-weight: 700;
    color: #656565;
}

.monerisInputLabel {
    color: blue !important;
}

.newCardLayover {
    position: absolute;
    width: 100%;
    height: 100%;
}

    .newCardLayover .newCardLayover-CardName {
        padding: 0px;
        margin-top: 20px;
    }

        .newCardLayover .newCardLayover-CardName .col-sm-3, .newCardLayover .newCardLayover-CardNumber .col-sm-3 {
            min-width: 120px;
            max-width: 120px;
            margin-left: 16px;
            text-align: left;
            font-size: 14px;
            font-family: Arial;
            font-weight: 700;
            color: #656565;
            padding-left: 0px;
        }

        .newCardLayover .newCardLayover-CardName .col-sm-9,
        .newCardLayover .newCardLayover-CardNumber .col-sm-9,
        .newCardLayover .newCardLayover-ExpireDate .blk,
        .newCardLayover .newCardLayover-CVV .blk {
            height: 48px;
        }

    .newCardLayover .newCardLayover-CardNumber {
        padding: 0px;
        padding: 0px;
        margin-top: 5px;
        line-height: 16.5px;
        margin-left: -3px;
    }

    .newCardLayover .newCardLayover-ExpireDate .lbl, .newCardLayover .newCardLayover-CVV .lbl {
        height: 48px;
        color: rgb(101,101,101);
        font-weight: 700 !important;
        font-family: arial !important;
        font-size: 14px !important;
        text-align: right;
    }

    .newCardLayover .newCardLayover-ExpireDate .lbl {
        padding-right: 37px;
    }

.disapeer {
    pointer-events: none;
}

.marginTop30 .webQuoteStatus, .marginTop30 .webquoterequeststatus {
    float: left !important;
    margin-right: 5px !important;
}

.marginTop30R {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 !important;
}

#legendWQDesc b {
    right: 278px;
}

@media (max-width:881px) {
    #legendWQPage {
        right: -37px !important;
    }

        #legendWQPage b {
            display: none;
        }
}

@media (max-width:829px) {
    #legendWQPage {
        right: -89px !important;
    }
}

@media (max-width:696px) {
    #legendWQPage {
        right: -238px !important;
    }
}

@media (max-width:484px) {
    #legendWQPage {
        right: -20px !important;
    }
}

@media (max-width:1138px) {
    #legendWQDesc {
        right: 366px !important;
    }
}

@media (max-width:1064px) {
    #legendWQDesc {
        right: 311px !important;
    }
}

@media (max-width:991px) {
    #legendWQDesc {
        right: 257px !important;
    }
}

@media (max-width:915px) {
    #legendWQDesc {
        right: 199px !important;
    }
}

@media (max-width:835px) {
    #legendWQDesc {
        right: 140px !important;
    }
}

@media (max-width:767px) {
    #legendWQDesc {
        right: 272px !important;
    }

    .StatusILeg {
        position: inherit;
    }

    .legend {
        float: left;
    }

    .we-theme .k-grid .k-grid-header th {
        font-size: 11px;
    }
}

@media (max-width:696px) {
    #legendWQDesc {
        right: 198px !important;
    }
}

@media (max-width:640px) {
    #legendWQDesc {
        right: 144px !important;
    }
}

@media (max-width:584px) {
    #legendWQDesc {
        right: 86px !important;
    }
}

@media (max-width:525px) {
    #legendWQDesc {
        right: 31px !important;
    }

    .newCardLayover-ExpireDate .lbl, .newCardLayover-CVV .lbl, .newCardLayover-CardNumber .lbl {
        width: 100% !important;
    }
}

@media (max-width:467px) {
    #legendWQDesc {
        right: -27px !important;
    }
}

.marginTop30 {
    white-space: normal;
}

#legendWQDesc {
    top: 70px;
    right: 418px;
    width: 300px !important;
}

#legendWQ {
    float: left;
    padding-top: 10px;
}

.webQuoteHomeTbl .table-responsive thead tr th:nth-child(2),
.webQuoteHomeTbl .table-responsive tbody tr td:nth-child(2) {
    width: 20% !important;
}

@media (max-width:767px) {
    .webQuoteHomeTbl .table-responsive thead tr th:nth-child(1),
    .webQuoteHomeTbl .table-responsive tbody tr td:nth-child(1) {
        width: 33.33333333333333% !important;
    }

    .webQuoteHomeTbl .table-responsive thead tr th:nth-child(2),
    .webQuoteHomeTbl .table-responsive tbody tr td:nth-child(2) {
        width: 33.33333333333333% !important;
    }
}

.heightAdjustment {
    margin-bottom: 70px;
}

@media (max-width:584px) {
    .formHeightAdjust {
        /*margin-bottom: 70px;*/
    }
}

.emptyTitle {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #ffffff
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.padding0 {
    padding-right: 0px;
    padding-left: 0px;
}

.paymentMethodTitle {
    float: left;
    font-size: 13px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.paymentMethodDesc {
    text-align: right;
    float: right;
    font-size: 13px;
    padding: 3px 0px;
    padding-top: 0px;
    margin: 0;
}

.invoice-pdf-wrapper .invoice-pdf-holder .quote-pdf-note {
    width: 750px;
    margin: 0 0;
    height: auto;
}

    .invoice-pdf-wrapper .invoice-pdf-holder .quote-pdf-note .label-div {
        width: 100px;
        margin-bottom: 25px;
        font-weight: bold;
    }

    .invoice-pdf-wrapper .invoice-pdf-holder .quote-pdf-note .quote-information {
        text-align: left;
        width: 750px;
        font-weight: normal;
        margin-bottom: 25px;
    }

    .invoice-pdf-wrapper .invoice-pdf-holder .quote-pdf-note p {
        line-height: 20px;
        text-align: left;
        margin-bottom: 50px;
    }

    .invoice-pdf-wrapper .invoice-pdf-holder .quote-pdf-note .quote-print-information {
        width: 50%;
        margin: 0 auto;
        padding: 0px;
    }

        .invoice-pdf-wrapper .invoice-pdf-holder .quote-pdf-note .quote-print-information h3 {
            overflow: hidden;
            padding: 2px 0;
            font-size: 14px;
            font-weight: normal;
            text-align: center;
            border-top: 1px solid #3b3b3b;
            margin-bottom: 50px;
        }
/*invoice gneration and product page modal*/
/* Container styles */
.new-module-outer-wrapper {
    padding: 10px 0px;
}

.nm-left-section {
    width: 50%;
    float: left;
}

.company-logo-wrap {
    padding: 0px;
}

.nm-left-section h2 {
    padding-bottom: 15px;
    width: 100%;
    display: inline-block;
    font-weight: bold;
    font-size: 24px;
}

.nm-left-section h3 {
    padding: 20px 0 15px;
    width: 100%;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
}

.nm-left-section .form-control {
    width: 100%;
    margin-bottom: 15px;
}

.nm-left-section .form-group label {
    font-size: 14px;
}

.outer-input-list {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0px;
    display: inline-block;
}

    .outer-input-list input {
        border: 0px;
        border-bottom: 1px solid #ddd;
        border-radius: 0px;
    }

.nm-left-section .outer-input-list input.form-control {
    margin: 0px;
    border: 0px;
}

.company-logo-wrapper {
    width: 100%;
    display: inline-block;
    margin: 0px;
}

    .company-logo-wrapper .col-md-4 {
        padding-left: 0px;
    }

        .company-logo-wrapper .col-md-4 label {
            margin: 0px;
            line-height: 42px;
        }

.file-outer {
    padding: 0px;
    border: 1px solid #ddd;
    padding: 9px;
    border-radius: 6px;
}

    .file-outer input {
        width: 100%;
    }

.outer-input-list .form-group {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px 10px;
    border-bottom: 1px solid #ddd;
}

    .outer-input-list .form-group:hover {
        border-color: #cd2e31;
    }

    .outer-input-list .form-group:last-child {
        border: 0px;
    }

    .outer-input-list .form-group label {
        width: 10%;
        float: left;
        height: 42px;
        margin: 0px;
        line-height: 42px;
        font-weight: normal;
    }

    .outer-input-list .form-group .form-control {
        width: 100%;
        float: left;
        box-shadow: none;
    }

.nm-left-section .form-group select {
    width: 100%;
    border-radius: 6px;
}

.percentage-outer-wrapper {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
    position: relative;
}

    .percentage-outer-wrapper label {
        display: inline-block;
        margin: 0px;
        height: 42px;
        line-height: 42px;
        max-width: 45%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 14px;
    }

.nm-left-section .percentage-outer-wrapper input.form-control {
    float: right;
    width: 40%;
    margin: 0px;
    padding-right: 40px;
}

.percentage-outer-wrapper span {
    position: absolute;
    right: 0;
    top: 13px;
    width: 30px;
    font-weight: bold;
}

.anchor-primary {
    color: #cd2e31;
}

    .anchor-primary:hover {
        color: #cd2e31;
    }

.button-wrapper {
    width: 100%;
    display: inline-block;
    text-align: right;
    margin-bottom: 15px;
}

    .button-wrapper button {
        width: auto;
        padding: 6px 20px;
        margin-left: 5px;
    }

        .button-wrapper button.save-btn {
            background: #8c8c8c;
            border-color: #8c8c8c;
        }

            .button-wrapper button.save-btn:hover {
                background: #656565;
                border-color: #656565;
            }

        .button-wrapper button.continue-btn {
            background-color: #cd2e31;
            border-color: #cd2e31;
        }

            .button-wrapper button.continue-btn:hover {
                background-color: #f53a3e;
                border-color: #f53a3e;
            }

.date {
    width: 100%;
}

.nm-left-section .date input.form-control {
    margin: 0px;
    border-radius: 6px;
    padding: 0px;
    border: 0px;
}

.required-wrap label {
    font-size: 14px;
    color: #656565;
    font-weight: normal;
}

.date-wrapper .k-header {
    padding: 0px;
    margin: 0px;
    height: auto;
}

.we-theme .k-picker-wrap .k-input {
    height: 40px;
    border-radius: 6px;
    padding: 0;
}

.date .k-state-hover {
    background: transparent;
}

.date .k-picker-wrap input {
    height: 34px;
}

.date .k-picker-wrap .k-select {
    border: 0px;
    width: auto;
    height: auto;
    padding: 1px 9px 5px;
}

    .date .k-picker-wrap .k-select .k-i-calendar {
        width: 21px;
        height: 21px;
        background: url("../images/Icons/Home/date_picker.png") no-repeat left top;
    }

.nm-right-section {
    float: right;
    width: 50%;
    padding: 40px 0 0 50px;
}

    .nm-right-section h3 {
        padding: 34px 0 15px;
        width: 100%;
        display: inline-block;
        font-size: 18px;
        font-weight: bold;
    }

    .nm-right-section img {
        width: 100%;
        border: 1px solid #ddd;
        margin-bottom: 15px;
    }

.percentage-outer-wrapper .percenatge-inner-holder {
    float: left;
    width: 60%;
    display: inline-flex;
    flex-direction: row;
}

.percentage-outer-wrapper label {
    /*max-width: initial;*/
    max-width: 100%;
    cursor: pointer;
}

.percentage-outer-wrapper .percentage-innerborder {
    border-right: 1px solid #ccc;
    height: 35px;
    margin: 5px 10px;
}

.percentage-outer-wrapper .percenatge-inner-holder label span {
    /*position: unset !important;*/
    position: static !important;
}
/* popup styles */
.invoice-popup-outer .modal-dialog {
    width: 960px;
}

.invoice-popup-outer .product-name-col {
    text-align: left;
}

.shop-Cart-Scroll {
    max-height: 438px;
    overflow: auto;
    overflow-x: hidden;
}

.invoice-popup-outer .cart-grid .quantity-col {
    text-align: left;
}

.invoice-popup-outer .cart-grid .product-image-col {
    width: 10%;
}

.invoice-popup-outer .cart-grid .product-name-col {
    width: 35%;
}

.invoice-popup-outer .cart-grid .quantity-col {
    width: 10%;
    text-align: center;
}

.invoice-popup-outer .cart-grid .product-price-col {
    width: 17%;
    text-align: center;
}

.invoice-popup-outer .cart-grid .remove-col {
    width: 8%;
}

.invoice-popup-outer .cart-grid .product-price-col input {
    /*width: 100px;*/
    width: 45px;
}

.invoice-popup-outer .cart-grid .product-price-col span {
    margin-left: 10px;
}

.invoice-popup-outer .invoice-footer-wrap {
    width: 100%;
    text-align: left;
    padding: 15px 0 0;
    display: inline-block;
}

.if-dynamic-wrap {
    display: block;
    padding: 0px;
    margin: 0px;
}

    .if-dynamic-wrap li {
        padding: 0 0 8px;
        float: left;
        width: 100%;
    }

        .if-dynamic-wrap li input {
            height: 33px;
        }

    .if-dynamic-wrap .pro-text-left {
        float: left;
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-indent: 9px;
    }

    .if-dynamic-wrap .pro-price-right {
        float: right;
        text-indent: -60px;
    }

        .if-dynamic-wrap .pro-price-right input {
            text-align: right;
            width: 100px;
        }

    .if-dynamic-wrap .if-plus-btn {
        width: 100%;
        float: left;
        padding: 5px 0 0;
    }

        .if-dynamic-wrap .if-plus-btn a {
            width: 16px;
            height: 16px;
            float: left;
            background: url("../images/plus_icon.png") no-repeat left top;
            text-indent: -100000px;
        }

            .if-dynamic-wrap .if-plus-btn a:hover {
                background: url("../images/plus_icon_hov.png") no-repeat left top;
            }

.sub-total-wrapper {
    width: 100%;
    float: left;
    padding: 10px 0 0;
}

.stw-text {
    display: inline-block;
    width: 100%;
}

    .stw-text .text-left {
        float: left;
    }

    .stw-text .text-right {
        float: right;
        padding-right: 9px;
    }

.sub-total-bottom {
    border-top: 2px solid #ccc;
    padding: 10px 0 10px;
    margin: 5px 0 0;
    display: inline-block;
    width: 100%;
}

    .sub-total-bottom .st-text {
        float: left;
        font-size: 17px;
        font-weight: bold;
    }

    .sub-total-bottom .st-amount {
        float: right;
        font-size: 17px;
        font-weight: bold;
        padding-right: 6px;
    }

.ifw-btn {
    width: 100%;
    text-align: right;
}

    .ifw-btn button:hover {
        background-color: #777;
        border-color: transparent;
        color: #fff;
    }

    .ifw-btn button a:hover {
        background-color: #777;
        border-color: transparent;
        color: #fff;
    }

    .ifw-btn a {
        background-color: #cd2e31 !important;
        border-color: transparent;
        color: #fff;
    }

        .ifw-btn a:hover {
            background-color: #f53a3e !important;
            border-color: transparent;
            color: #fff;
        }

.sub-total-wrapper .bottom-text {
    color: #ccc;
}

.ifw-btn .email-invoice {
    background: transparent;
    padding: 0px 10px 0 0;
    color: #cd2e31;
    border: 0px;
    margin: 10px 0 0;
}

    .ifw-btn .email-invoice:hover {
        color: #f53a3e;
        text-decoration: underline;
        background: transparent;
        border: 0px;
    }
/*.invoice-popup-outer .we-theme .modal-body {
	padding: 20px 40px;
}*/
.invoice-popup-outer h3 {
    text-align: left;
}

.hide-on-desktop {
    display: none;
}
/*.invoice-popup-outer .cart-grid tbody td {
	padding:6px 6px;
}
*/
.createinvoice a.btn-primary {
    background-color: #cd2e31;
    border-color: #cd2e31;
    padding: 6px 12px !important;
}

.createinvoice a:hover.btn-primary {
    background-color: #f53a3e;
    border-color: #cd2e31;
}

.invoice-popup-outer .k-numeric-wrap {
    border-width: 0px !important;
}

.new-module-outer-wrapper .k-numeric-wrap {
    border-width: 0px !important;
}
/*Show plus icon on mobile and desktop*/
.plus-icon-mobile {
    display: block;
    padding-top: 10px;
    padding-left: 10px;
}

    .plus-icon-mobile a {
        width: 16px;
        height: 16px;
        float: left;
        background: url("../images/plus_icon.png") no-repeat left top;
        text-indent: -100000px;
    }

        .plus-icon-mobile a:hover {
            background: url("../images/plus_icon_hov.png") no-repeat left top;
        }
/* @media only screen and (max-width: 1280px) {
	.main-frame {
		padding:0px 30px;
	}
}
*/
.invoice-popup-outer .product-name-col input {
    width: 100%;
    border-radius: 6px;
    color: #cd2e31;
    font-size: 13px;
}

.invoice-popup-outer .mobile_only .product-name input {
    width: 100% !important;
    color: #cd2e31;
    font-size: 13px;
    height: 30px;
    border-radius: 6px;
}

.invoice-popup-outer .cart-grid tbody td td {
    padding: 0px;
    border: 0px;
    text-align: left;
}

    .invoice-popup-outer .cart-grid tbody td td.comment-outer-wrapper {
        padding-top: 15px;
    }

.invoice-popup-outer .comment-outer-wrapper .cow-plus {
    width: 16px;
    height: 16px;
    float: left;
    background: url("../images/plus_icon.png") no-repeat left top;
    text-indent: -100000px;
    margin-right: 10px;
}

    .invoice-popup-outer .comment-outer-wrapper .cow-plus:hover {
        background: url("../images/plus_icon_hov.png") no-repeat left top;
    }

.invoice-popup-outer .comment-outer-wrapper .cow-remove {
}

    .invoice-popup-outer .comment-outer-wrapper .cow-remove:hover {
        text-decoration: underline !important;
    }

.invoice-popup-outer .comment-outer-wrapper .cow-dynamic-wrap {
    width: 100%;
    float: left;
    margin: 5px 0 0;
}

    .invoice-popup-outer .comment-outer-wrapper .cow-dynamic-wrap textarea {
        width: 100%;
        border-radius: 6px;
        min-height: 55px;
        max-height: 70px;
    }

.invoice-popup-outer .cart-grid td.product-image-col img {
    width: 80px;
    height: auto;
    min-height: 80px;
}
/* new quote customer css changes */
/*Fancy Checkbox button with label*/
.nm-left-section .check-button {
    margin: 0;
}

    .nm-left-section .check-button label {
        cursor: pointer;
    }

        .nm-left-section .check-button label > input {
            opacity: 0;
        }

        .nm-left-section .check-button label > span > span {
            background: url(../images/Icons/checkbox.png) no-repeat center;
            width: 20px;
            height: 20px;
            margin: 0px 5px -5px -29px;
            display: inline-block;
            position: relative;
        }

        .nm-left-section .check-button label input:checked + span > span,
        .nm-left-section .check-button label input:checked + input[type=hidden] + span > span {
            background: url(../images/Icons/checkbox-selected.png) no-repeat center;
        }

        .nm-left-section .check-button label input:disabled + span > span,
        .nm-left-section .check-button label input:disabled + input[type=hidden] + span > span {
            opacity: 0.6;
            cursor: not-allowed;
        }

        .nm-left-section .check-button label input:disabled:checked + span > span,
        .nm-left-section .check-button label input:disabled:checked + input[type=hidden] + span > span {
            opacity: 0.6;
            cursor: not-allowed;
        }

.nm-left-section .checkbox-inline {
    padding-left: 8px;
    padding-right: 10px;
}

.newpreferencesmodal .col-vertical,
.nm-left-section .col-vertical {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
    cursor: pointer;
}

    .newpreferencesmodal .col-vertical span,
    .nm-left-section .col-vertical span {
        display: block;
        word-wrap: break-word;
    }

.nm-left-section .col-width-75 {
    width: 75%;
}

.newpreferencesmodal .col-width-55,
.nm-left-section .col-width-55 {
    width: 55%;
    padding-right: 10px;
}

.newpreferencesmodal .col-width-45,
.nm-left-section .col-width-45 {
    width: 45%;
}

.newpreferencesmodal .col-width-75, {
    width: 66%;
}

.nm-left-section .col-vertical span.first-col,
#quotePreferencesmodal .col-vertical span.first-col {
    display: inline;
    word-wrap: break-word;
}
/*Quote Preferences popup Styles*/
.address-pref-col span {
    display: block;
}

.newpreferencesmodal .thumb-image,
.nm-left-section .thumb-image,
#addressinformationquote .thumb-image {
    width: 60px;
    height: 50px;
}

.nm-left-section .tax-multiple-label {
    width: 30%;
    margin: 0px;
    padding: 0px;
    float: left;
}

.nm-left-section .tax-multiple-textwrap {
    width: 70%;
    float: right;
    margin-bottom: 0px;
    padding-left: 175px;
}

.nm-left-section .tax-multiple-textbox {
    width: 30%;
    margin-right: 10px;
}

.nm-left-section .tax-multiple-textwrap input.tax-multiple-textbox {
    width: 49%;
    margin-left: 1px;
}

.quotelistcontainer .wheel-icon-holder {
    cursor: pointer;
    z-index: 99;
}

    .quotelistcontainer .wheel-icon-holder .wheel-icon-display {
        font-size: 30px;
        position: absolute;
        right: 25px;
        top: -5px;
    }

        .quotelistcontainer .wheel-icon-holder .wheel-icon-display:hover {
            color: #cd2e31;
        }

.newpreferencesmodal .topalign {
    padding-top: 0px;
}
/*Product Replacement Screen*/
.we-theme .product-replacement-module .prm-content-wrapper .prm-content-tile {
    background: transparent;
    border: 0px;
}

.we-theme .product-replacement-module .prm-content-wrapper .row-margin {
    margin-left: 20px;
}

.we-theme .product-replacement-module .prm-content-wrapper .prm-content-tile .prm-caption {
    margin: 0px;
    padding: 5px;
    padding-top: 10px;
}

    .we-theme .product-replacement-module .prm-content-wrapper .prm-content-tile .prm-caption .prm-heading {
        font-size: 16px;
        font-weight: bold;
        line-height: normal;
        padding-bottom: 3px;
        text-align: center;
    }

    .we-theme .product-replacement-module .prm-content-wrapper .prm-content-tile .prm-caption .prm-title {
        font-size: 14px;
        margin: 0px;
        line-height: normal;
        text-align: center;
    }

    .we-theme .product-replacement-module .prm-content-wrapper .prm-content-tile .prm-caption .prm-holder {
        margin: 0px;
        line-height: 18px;
        padding-left: 30px;
        text-align: center;
    }

        .we-theme .product-replacement-module .prm-content-wrapper .prm-content-tile .prm-caption .prm-holder .prm-pricing {
            font-size: 14px;
            line-height: normal;
            display: inline-block;
        }

        .we-theme .product-replacement-module .prm-content-wrapper .prm-content-tile .prm-caption .prm-holder img {
            padding-left: 10px;
        }

.we-theme .product-replacement-module .prm-content-wrapper .prm-replaceicon {
    margin: 0px;
    padding-left: 13px;
}

    .we-theme .product-replacement-module .prm-content-wrapper .prm-replaceicon img {
        background-size: contain;
        width: 100px;
    }

.we-theme .dual-replacement-module .prm-content-wrapper .prm-dual-align {
    padding-left: 50px;
    padding-right: 5px;
}

.we-theme .dual-replacement-module .prm-content-wrapper .prm-dual-title,
.we-theme .multiple-replacement-module .prm-content-wrapper .prm-dual-title {
    padding-left: 100px;
    padding-right: 120px;
}

.we-theme .dual-replacement-module .prm-content-wrapper .prm-content-tile,
.we-theme .multiple-replacement-module .prm-content-wrapper .prm-content-tile {
    padding: 0px;
    border: 1px solid #ccc;
}

.we-theme .dual-replacement-module .prm-content-wrapper .prm-dual-button,
.we-theme .multiple-replacement-module .prm-content-wrapper .prm-dual-button {
    text-align: center;
}

    .we-theme .dual-replacement-module .prm-content-wrapper .prm-dual-button button,
    .we-theme .multiple-replacement-module .prm-content-wrapper .prm-dual-button button {
        font-size: 16px;
    }

.we-theme .dual-replacement-module .prm-content-wrapper .prm-replaceicon,
.we-theme .multiple-replacement-module .prm-content-wrapper .prm-replaceicon {
    padding-left: 0px;
}

.we-theme .multiple-replacement-module .prm-content-wrapper .prm-dual-align {
    padding-left: 50px;
    padding-right: 5px;
}

.we-theme .modal-dialog.multiple-replacement-module {
    width: 940px;
}

.we-theme .multiple-replacement-module .prm-device-multiple {
    width: 21%
}

.we-theme .multiple-replacement-module .prm-device-repicon {
    width: 15%;
    padding: 0px;
}

.we-theme .multiple-replacement-module .prm-content-wrapper .row-margin {
    margin-left: 0px;
}

.we-theme .multiple-replacement-module .prm-content-wrapper .prm-dual-align {
    padding-left: 20px;
    padding-right: 20px;
}

.we-theme .product-update-module .prm-content-wrapper .prm-content-tile .prm-caption {
    padding-top: 0px;
}

    .we-theme .product-update-module .prm-content-wrapper .prm-content-tile .prm-caption .prm-heading {
        padding-top: 10px;
    }
/*second replacement popup*/
/*End Product Replacement Screen*/
.percentage-outer-wrapper .multiple-tax-error {
    float: left;
    margin-top: 5px;
}

    .percentage-outer-wrapper .multiple-tax-error .validationText {
        width: 100%;
        position: static;
    }

.invoice-popup-outer .common-comment-wrapper {
    width: 100%;
    text-align: left;
    padding: 15px 0 0;
    display: inline-block;
}

    .invoice-popup-outer .common-comment-wrapper .cow-plus-icon {
        width: 16px;
        height: 16px;
        float: left;
        background: url("../images/plus_icon.png") no-repeat left top;
        text-indent: -100000px;
        margin-right: 10px;
    }

    .invoice-popup-outer .common-comment-wrapper .cow-comment-wrap {
        width: 100%;
        float: left;
        margin: 5px 0 10px 0;
    }

        .invoice-popup-outer .common-comment-wrapper .cow-comment-wrap textarea {
            width: 100%;
            border-radius: 6px;
            min-height: 55px;
            max-height: 70px;
        }

.invoice-popup-outer .cart-grid .position-rel {
    position: relative;
}

.invoice-popup-outer .cart-grid .quantity-col .error-wrap {
    padding-left: 35px;
    position: absolute;
    padding-top: 5px;
}

.invoice-popup-outer .cart-grid .quantity-col .error-icon {
    margin: 0px 5px -5px -32px;
}

.invoice-popup-outer .cart-grid .product-price-col .error-wrap {
    padding-left: 35px;
    position: absolute;
    padding-top: 5px;
}

.invoice-popup-outer .cart-grid .product-price-col .error-icon {
    margin: 0px 5px -5px -32px;
}

.invoice-popup-outer .cart-grid .product-price-col span {
    margin-left: 0px;
}

.invoice-popup-outer .cart-grid .product-name-col .error-wrap {
    padding-left: 35px;
    position: absolute;
    padding-top: 5px;
}

.invoice-popup-outer .cart-grid .product-name-col .error-icon {
    margin: 0px 5px -5px -32px;
}

.invoice-popup-outer .cart-grid .quantity-col,
.invoice-popup-outer .cart-grid .product-price-col {
    padding-top: 7px;
}

.invoice-popup-outer .cart-grid .product-name-col .error-wrap {
    width: 100%;
}

.invoice-popup-outer .cart-grid .product-price-col .error-wrap {
    width: 90%;
}

.invoice-popup-outer .cart-grid .product-price-col,
.invoice-popup-outer .cart-grid .product-name-col,
.invoice-popup-outer .cart-grid .quantity-col {
    position: relative;
}

.nm-left-section label-heading {
    padding: 20px 0 15px;
    width: 100%;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
}

.nm-left-section .button-wrapper .hide-on-mobile {
    margin-left: 5px;
}

.nm-left-section input[type="tel"] {
    padding: 8px;
}

.nm-left-section .btn .glyphicon-chevron-left {
    background: url(../images/Icons/Home/chevron_back.png) no-repeat 0 10px;
    text-indent: -9999px;
    padding: 12px 5px;
    margin: 0 10px 0 0;
}

.nm-left-section .quotebackbutton {
    padding: 0px;
    margin: 0px;
}

.quotelistcontainer .mylist-btn-holder .mylist-btn-wrapper .mylist-btn .btn-holder {
    width: auto;
    padding: 0 10px;
}

.quotelistcontainer .mylist-btn-holder .mylist-btn-wrapper .mylist-btn .dropdown-menu {
    left: auto !important;
    right: 0 !important;
    text-align: left !important;
}

.percentage-outer-wrapper #lblTaxSplitTwo,
.percentage-outer-wrapper #lblTaxSplitOne {
    padding-right: 5px;
}
/*Dual + multiple popup styles*/
.we-theme .multiple-replacement-module .prm-content-wrapper .prm-dual-align .prm-device-specific {
    width: 21%
}

    .we-theme .multiple-replacement-module .prm-content-wrapper .prm-dual-align .prm-device-specific:nth-child(2) {
        width: 15%;
        padding: 0px;
    }
/*single replacement popup styles */
.we-theme .product-replacement-module .prm-content-wrapper .prm-content-tile .prm-thumbnail-image img {
    margin: 0 auto;
    display: block;
}

.we-theme .product-replacement-module .prm-content-wrapper .prm-content-tile .prm-caption .prm-holder .prm-product-availability {
    margin: 0px;
    padding: 0px;
}

.we-theme .product-replacement-module .modal-header .modal-title {
    word-wrap: break-word;
}

.we-theme .product-replacement-module .prm-content-wrapper.modal-body p {
    word-wrap: break-word;
}
/*Quotes new enhancement 2.5 branch*/
.invoice-popup-outer .cart-grid tbody td td.comment-outer-wrapper {
    padding-top: 1px;
}

.invoice-popup-outer .comment-outer-wrapper .prd-add-comment {
    float: left;
    padding-left: 95px;
    margin-top: -10px;
}

.cart-grid .cart-grid-content .comment-plus-icon,
.invoice-popup-outer .common-comment-wrapper .comment-plus-icon {
    float: left;
    background: url("../images/plus_icon.png") no-repeat left top;
    margin-right: 10px;
    padding-left: 22px;
    color: #cd2e31;
}

.invoice-popup-outer .common-comment-wrapper .comment-remove {
    float: left;
    padding-left: 22px;
    color: #cd2e31;
}

.invoice-popup-outer .invoice-footer-wrap .products-content-holder {
    padding: 0px;
    margin: 0 0 15px 0;
    float: left;
    border-bottom: 2px solid #ccc;
}

    .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn {
        padding: 0px;
        margin: 0px;
        width: 50%;
        margin-bottom: 10px;
        float: left;
    }

        .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn:nth-child(1) {
            padding-right: 10px;
        }

        .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn:nth-child(2) {
            border-left: 2px solid #ccc;
        }

        .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn:nth-child(2) {
            padding-left: 40px;
        }

            .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn:nth-child(2) .prod-row-col .prod-row-size-two {
                text-align: right;
            }

        .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col {
            padding: 0px;
            margin: 0px;
            width: 100%;
            float: left;
            margin-bottom: 5px;
        }

            .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-one {
                padding: 0px;
                margin: 0px;
                width: 50%;
                float: left;
                padding-right: 40px;
            }

            .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-two {
                padding: 0px;
                margin: 0px;
                width: 40%;
                float: left;
                text-align: right;
            }

            .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-one input[type=text] {
                width: 100%;
                border-radius: 6px;
                color: #656565;
                font-size: 13px;
                height: 33px;
            }

            .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-two input[type=text] {
                width: 50%;
                border-radius: 6px;
                color: #656565;
                font-size: 13px;
                height: 33px;
                text-align: right;
                padding-right: 18px;
                padding-left: 18px;
                padding-top: 7px;
            }

            .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .comment-plus-icon {
                float: left;
                background: url("../images/plus_icon.png") no-repeat left top;
                margin-right: 10px;
                padding-left: 22px;
                color: #cd2e31;
            }

.prod-row-size-one.we-theme .check-button.only-button {
    margin: 0px;
}

.prod-row-size-one.we-theme .check-button .control-label {
    vertical-align: text-bottom;
    padding-left: 10px;
}

.invoice-popup-outer .invoice-footer-wrap .products-total-holder {
    padding: 10px 0 0 0;
    margin: 0 0;
    float: left;
    width: 100%;
}

    .invoice-popup-outer .invoice-footer-wrap .products-total-holder .prod-total-coloumn {
        padding: 0px;
        margin: 0px;
        margin-bottom: 10px;
        float: left;
    }

        .invoice-popup-outer .invoice-footer-wrap .products-total-holder .prod-total-coloumn:nth-child(1) {
            width: 70%;
        }

        .invoice-popup-outer .invoice-footer-wrap .products-total-holder .prod-total-coloumn:nth-child(2) {
            width: 30%;
        }

        .invoice-popup-outer .invoice-footer-wrap .products-total-holder .prod-total-coloumn .prod-total-col {
            padding: 0px;
            margin: 0px;
            width: 100%;
            float: left;
        }

        .invoice-popup-outer .invoice-footer-wrap .products-total-holder .prod-total-coloumn:nth-child(2) .prod-total-col {
            text-align: right;
        }

        .invoice-popup-outer .invoice-footer-wrap .products-total-holder .prod-total-coloumn .prod-total-col .prod-total-size-one {
            padding: 0px;
            margin: 0px;
            width: 60%;
            float: left;
            padding-right: 40px;
        }

        .invoice-popup-outer .invoice-footer-wrap .products-total-holder .prod-total-coloumn .prod-total-col .prod-total-size-two {
            padding: 0px;
            margin: 0px;
            width: 40%;
            float: left;
        }

            .invoice-popup-outer .invoice-footer-wrap .products-total-holder .prod-total-coloumn .prod-total-col .prod-total-size-two input[type=text] {
                width: 100%;
                border-radius: 6px;
                color: #656565;
                font-size: 13px;
                height: 33px;
            }

.prod-total-size-one.we-theme .check-button .control-label {
    vertical-align: text-bottom;
    padding-left: 10px;
}

.invoice-popup-outer .invoice-footer-wrap .font-style {
    font-size: 17px;
    font-weight: bold;
}

.invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .remove-button {
    background: url(../images/remove.png) no-repeat center;
    width: 24px;
    height: 24px;
    text-indent: -9999px;
    border: none;
}

    .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .remove-button:hover {
        background: url(../images/remove-hover.png) no-repeat center;
    }

.invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-three {
    padding: 0px;
    margin: 0px;
    width: 6%;
    float: left;
    text-align: right;
    margin-left: 15px;
}

.invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn:nth-child(2) .prod-row-col .prod-row-size-two {
    float: right;
}

.invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .bordertop_space {
    border-top: 2px solid #ccc;
    padding-top: 5px;
}

.invoice-popup-outer .cart-grid .product-price-col input[type=checkbox] {
    width: auto;
}

.invoice-popup-outer .cart-grid .product-price-col .quantity-checkbox {
    position: absolute;
    padding-left: 25px;
}

.invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-two .check-button.only-button label {
    margin-right: 5px;
}

.invoice-popup-outer .cart-grid .product-price-col input {
    width: 85px;
}

.invoice-popup-outer .cart-grid tbody td .quantity-field {
    padding-right: 18px !important;
    text-align: right;
    padding-left: 18px !important;
}

.invoice-popup-outer .cart-grid .product-price-col span.dollar-sign-right,
.invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-two span.dollar-sign-right {
    top: 35px;
    right: 40px;
    position: absolute;
}

.invoice-popup-outer .cart-grid .product-price-col span.dollar-sign-left,
.invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-two span.dollar-sign-left {
    top: 35px;
    right: 103px;
    position: absolute;
}

.quotelistcontainer .quotelist-title {
    float: right;
    font-weight: bold;
    font-size: 18px;
    margin-right: 50px;
    color: #656565;
}

.percentage-outer-wrapper .gst-hst-error {
    width: 42%;
    float: right;
}

.percentage-outer-wrapper span.requiredSymbol {
    color: #cd2e31;
    position: static;
}

.invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-two {
    position: relative;
}

    .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-two span.prod-dollar-sign-right {
        position: absolute;
        right: 7px;
        top: 8px;
    }

    .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-two span.prod-dollar-sign-left {
        position: absolute;
        top: 8px;
        right: 71px;
    }

    .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-two span.pos-left-only {
        right: 65px;
    }

.co-order-summary-wrapper .express-static-text,
.co-action-buttons .express-static-text {
    margin-left: 32px;
    background: #f2f2f2;
    margin-top: 10px;
    padding-top: 15px;
    padding-left: 3px;
    padding-bottom: 15px;
    padding-right: 10px;
    line-height: 18px;
    text-align: left;
}

.co-action-buttons .align-change {
    margin-left: 0px;
}

.global-width-150d {
    width: 150px;
}

.we-theme .product-update-module .prm-content-wrapper .row-margin {
    margin-left: 0px;
}

.invoice-popup-outer .cart-grid .product-price-col .quantity-checkbox {
    width: 110%;
    margin-left: 0px;
    text-align: left;
    padding-left: 33px;
}
/*product replacement product popup updates*/
/*single replacement product*/
.we-theme .msg-theme.srm-module .modal-header + div {
    padding: 15px 50px 15px 50px;
}

.we-theme .product-replacement-module.srm-module .prm-content-wrapper.modal-body p {
    padding: 0px 50px 0px 70px;
}

.we-theme .product-replacement-module.srm-module .prm-content-wrapper .prm-device-specific {
    padding-left: 0px;
    padding-right: 0px;
}

.we-theme .product-replacement-module.srm-module .prm-content-wrapper .prm-content-tile .prm-caption {
    padding-left: 0px;
    padding-right: 0px;
}

.we-theme .product-replacement-module.srm-module .prm-content-wrapper .prm-replaceicon {
    text-align: center;
}
/*.we-theme .product-replacement-module.srm-module .prm-content-wrapper .prm-content-tile .prm-caption .prm-heading {
    text-align:left;
}*/
/*product update popup with image*/
.we-theme .modal-dialog.pum-with-image .modal-body {
    padding-right: 30px;
    padding-left: 100px;
}

    .we-theme .modal-dialog.pum-with-image .modal-body .prm-content-tile .prm-caption .pum-wi-desc {
        /*text-align: left;*/
        word-wrap: break-word;
    }

    .we-theme .modal-dialog.pum-with-image .modal-body .product-update-withimage .pm-device-specific {
        padding-right: 0px;
        padding-left: 0px;
    }

.we-theme .product-replacement-module .prm-content-wrapper .prm-content-tile .prm-caption .prm-holder {
    padding-left: 0px;
}
/*product update with out image*/
.we-theme .modal-dialog.pum-no-image .modal-body {
    padding-right: 30px;
    padding-left: 30px;
}

    .we-theme .modal-dialog.pum-no-image .modal-body .product-update-noimage .pm-device-specific {
        padding-right: 0px;
        padding-left: 0px;
    }

        .we-theme .modal-dialog.pum-no-image .modal-body .product-update-noimage .pm-device-specific .prm-content-tile .prm-caption .prm-heading {
            line-height: 22px;
        }
/* Warning message alert styles in product popup for quotes module */
.invoice-popup-outer .product-popup-warning {
    padding-bottom: 0px;
    padding-top: 10px;
    margin-bottom: 15px;
    margin-top: 20px;
}

    .invoice-popup-outer .product-popup-warning .warning-message {
        padding-top: 5px;
        padding-left: 35px;
        padding-right: 12px;
    }

    .invoice-popup-outer .product-popup-warning .warning-sign {
        background: url(../images/modal_popover/warning_large.png) no-repeat center / contain;
        width: 24px;
        height: 24px;
        float: left;
        margin: 0 10px 4px 0;
    }

    .invoice-popup-outer .product-popup-warning .close {
        -webkit-appearance: none;
        padding: 0;
        cursor: pointer;
        background: 0 0;
        border: 0;
        width: auto;
        height: auto;
        opacity: .2;
        margin: 0px;
    }

        .invoice-popup-outer .product-popup-warning .close span {
            display: block;
        }

        .invoice-popup-outer .product-popup-warning .close:focus,
        .invoice-popup-outer .product-popup-warning .close.close:hover {
            color: #000;
            text-decoration: none;
            cursor: pointer;
            filter: alpha(opacity=50);
            opacity: .5;
            background: none;
        }

    .invoice-popup-outer .product-popup-warning .warning-message a:hover {
        color: #cd2e31;
        text-decoration: underline !important;
    }
/*page title for all modules*/
.wsly-global-page-header {
    border-bottom: 1px dashed #ccc !important;
}

.wsly-global-page-title {
    color: #656565 !important;
    font-size: 24px !important;
    font-weight: bold !important;
}

.my-orders .wsly-global-page-header.page-title {
    min-height: 100%;
}

.quotelistcontainer .mylist-header h1.wsly-global-page-title {
    font-size: 24px !important;
}

.accountSummaryHead {
    border-top: 1px dashed #cccccc;
}

.mySettingsContainer.wsly-global-page-header {
    padding-bottom: 10px;
}

.report-theme .page-title {
    margin-bottom: 20px;
}

.nm-left-section h2.page-title-quotes {
    padding-bottom: 5px;
    margin-bottom: 15px;
}

#container .list li div .cartbutton-parentpanel {
    display: inline;
}

.quote-details #btn-save-as-list {
    margin-right: 5px;
}

.quote-details .page-title.wsly-global-page-header {
    margin-bottom: 20px;
}

.quote-details .quote-details-section-wrap {
    border-top: 1px solid #cccccc;
}

.order-details .page-title.wsly-global-page-header {
    padding-bottom: 40px;
}

.we-theme#myModalBoxProfile .modal-title,
.we-theme#switchAccountPopup .modal-title {
    font-size: 24px;
}

.account-management .acc-mng-title {
    font-size: 21px !important;
}

.nm-left-section.divCreateMainSection h2 {
    font-size: 21px !important;
}

.invoice-popup-outer .cart-grid tbody td .QuoteproductQuantity {
    padding-right: 5px !important;
    text-align: left;
    padding-left: 5px !important;
}
/*ipad portrait*/
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
    .mylist-holder .mylist-btn-wrapper .mylist-pos-right {
        float: right !important;
        margin-top: -20px !important;
        margin-right: -16px !important;
        position: absolute !important;
        top: 85px !important;
        right: 0px !important;
        padding-left: 0px !important;
        margin-left: -43px !important;
    }

    .co-order-summary-wrapper .express-static-text,
    .co-action-buttons .express-static-text {
        margin-left: 0px;
        text-align: left;
    }

    .we-theme .product-replacement-module .prm-device-specific {
        padding: 0px;
    }

    .we-theme .product-replacement-module .prm-content-wrapper .prm-content-tile {
        padding: 0px;
    }

    .we-theme .product-replacement-module .prm-content-wrapper .row-margin {
        margin-left: 0px;
    }

    .we-theme .product-replacement-module .prm-content-wrapper .prm-replaceicon {
        padding-left: 0px;
    }

    .we-theme .dual-replacement-module .prm-device-specific {
        padding-left: 10px;
    }

    .we-theme .modal-dialog.multiple-replacement-module {
        width: 720px;
    }

    .we-theme .multiple-replacement-module .prm-device-specific {
        padding-left: 10px;
    }

    .we-theme .product-update-module .modal-header + div {
        padding-left: 70px;
        padding-right: 70px;
        padding-bottom: 30px;
    }

    .invoice-popup-outer .product-name-col input {
        width: 95%;
        margin-left: 8px;
    }

    .invoice-popup-outer .comment-outer-wrapper .prd-add-comment {
        padding-left: 80px;
    }

    .invoice-popup-outer .cart-grid .product-price-col .quantity-checkbox {
        margin-left: 0px;
    }

    .percentage-outer-wrapper .gst-hst-error {
        width: 50%;
    }

    .nm-left-section .percentage-outer-wrapper #calculationPercentage.form-control {
        width: 40%;
    }

    .invoice-popup-outer .cart-grid .product-price-col .quantity-checkbox {
        width: 135%;
    }

    .invoice-popup-outer .product-popup-warning {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 1024px) {
    .percentage-outer-wrapper .percenatge-inner-holder {
        flex-direction: row;
    }
    /* .percentage-innerborder{
		display:none;
	}
	.nm-left-section .percentage-outer-wrapper input.perc-input{
		margin-top:20px;
	}
	.percentage-outer-wrapper .percenatge-inner-holder + span{
		top:33px;
	}
	*/
    .we-theme .product-replacement-module.srm-module .prm-content-wrapper.modal-body p {
        padding: 0px 50px 0px 70px;
    }
}
/*vendor page css*/
.new-module-outer-wrapper {
    padding: 10px 0px;
}

    .new-module-outer-wrapper .k-numeric-wrap {
        border-width: 0px !important;
    }

@media only screen and (max-width: 1000px) {
    .invoice-popup-outer .modal-dialog {
        width: 100%;
        padding-right: 17px;
    }

    .invoice-popup-outer {
        padding-left: 17px;
    }

    .new-module-outer-wrapper {
        padding: 0px 20px;
    }
}
/*Media query for mobile devices*/
@media only screen and (max-width: 767px) {
    .new-module-outer-wrapper {
        padding: 0px 20px;
    }

    .nm-right-section {
        display: none;
    }

    .nm-left-section {
        width: 100%;
    }

    .invoice-popup-outer .modal-dialog {
        padding-right: 0px;
    }

    .cart-grid .product-image-col {
        width: 20% !important;
    }

    .invoice-popup-outer .cart-grid .product-price-col {
        width: 80% !important;
        padding-left: 10px;
    }

    .invoice-popup-outer .mobile_only .product-name {
        width: 100%;
        text-align: left;
        display: inline-block;
        margin-bottom: 12px;
    }

    .invoice-popup-outer .rest-cart-block {
        float: left;
        width: 100%;
    }

    .invoice-popup-outer .cart-grid .product-price-col span {
        float: left;
        margin: 0px;
        line-height: 34px;
    }

        .invoice-popup-outer .cart-grid .product-price-col span span {
            float: right;
            margin-left: 10px;
        }

    .invoice-popup-outer .cart-grid .product-price-col input {
        width: 60px;
    }

    .invoice-popup-outer .mobile_only div.product-price {
        float: right;
        margin-top: 10px;
    }

        .invoice-popup-outer .mobile_only div.product-price span {
            margin-right: 10px;
        }

    .invoice-popup-outer .mobile_only .qty span {
        float: left !important;
        margin: 0px 10px;
    }

    .invoice-popup-outer .mobile_only div.product-price input {
        width: 100px;
    }

    .invoice-popup-outer {
        padding: 0px !important;
    }

        .invoice-popup-outer .modal-dialog {
            margin: 0px;
        }

        .invoice-popup-outer .modal-content {
            border: 0px;
        }
    /*.we-theme .modal-body {
		padding: 20px 40px;
	}*/
    .ifw-btn button {
        width: 100%;
        margin-bottom: 10px;
    }

        .ifw-btn button:focus {
            color: #fff;
        }

    .hide-on-mobile {
        display: none;
    }

    .hide-on-desktop {
        display: block;
    }

    .button-wrapper button {
        width: 100%;
        margin-bottom: 10px;
    }

    .button-wrapper {
        margin-bottom: 5px;
    }

    .mobile-popup-head span {
        margin-right: 10px;
    }

    .mobile-popup-head {
        font-size: 22px;
    }

    .ifw-btn a {
        width: 100%;
        margin-bottom: 10px;
    }

    .new-module-outer-wrapper {
        padding: 0px 20px;
    }

    .invoice-popup-outer .cart-grid tbody td td.comment-outer-wrapper {
        padding-top: 0px;
    }

    .percentage-outer-wrapper .percenatge-inner-holder {
        flex-direction: row;
    }

    .percentage-outer-wrapper label {
        max-width: initial;
    }

    .width-45 {
        width: 45% !important;
    }
    /*.percentage-outer-wrapper span {
        top: 31% !important;
    }*/
    /*nm-left-section .percentage-outer-wrapper input.perc-input{
		margin-top:20px;
	}
	.percentage-outer-wrapper .percenatge-inner-holder + span{
		top:33px;
	}
	*/
    .nm-left-section .outer-wrapper-50 input.form-control {
        width: 50%;
    }

    .percentage-outer-wrapper .width-25-mobile {
        width: 40% !important;
    }

    .outer-wrapper-50 span {
        top: 13px !important;
    }

    .percentage-outer-wrapper label {
        width: auto;
    }

    .percentage-outer-wrapper .percenatge-inner-holder {
        width: 100%;
    }

    .percentage-outer-wrapper {
        margin-bottom: 5px;
    }

        .percentage-outer-wrapper .percentage-innerborder {
            height: 30px;
        }

    .mobile-margin-deposit {
        margin-bottom: 15px;
        margin-top: 10px;
    }

    .invoice-popup-outer .cart-grid .product-image-col {
        vertical-align: top
    }

    .listdetails-lblmrgtop {
        margin-right: 0px;
    }

    .nm-left-section .col-width-75 {
        width: 75%;
    }

    .newpreferencesmodal .col-width-75 {
        width: 100%;
    }

    .newpreferencesmodal .col-vertical,
    .nm-left-section .col-vertical {
        margin-bottom: 10px;
    }

    .nm-left-section .company-logo-wrapper {
        margin-bottom: 15px;
    }

        .nm-left-section .company-logo-wrapper .col-md-4 {
            margin-bottom: 30px;
        }

    .nm-left-section .mrg-mob-btm-10 {
        margin-bottom: 0px;
    }

    .nm-left-section .tax-multiple-label {
        width: 40%;
        margin-bottom: 5px;
    }

    .nm-left-section .tax-multiple-textwrap {
        width: 60%;
        padding-left: 35px;
    }

        .nm-left-section .tax-multiple-textwrap input.form-control {
            margin: 0px;
            margin-bottom: 10px;
            margin-right: 0px;
        }

    .newpreferencesmodal .topalign {
        padding-top: 15px;
    }

    .nm-left-section .tax-multiple-textwrap input.tax-multiple-textbox {
        width: 48% !important;
    }

    .invoice-popup-outer .mobile_only div.product-price input {
        width: 45px;
    }

    .percentage-outer-wrapper .multiple-tax-error {
        width: 84%;
        float: left;
        margin-top: 0px;
    }

    .nm-left-section .percentage-outer-wrapper input.form-control {
        width: 49%;
        padding-right: 20px;
    }

    .nm-left-section .button-wrapper button.continue-btn {
        margin-left: 0px;
    }

    .invoice-popup-outer .modal-content .order-summary-content button {
        padding: 0px;
    }

    .invoice-popup-outer .modal-content .order-summary-content .btn .glyphicon-chevron-left {
        background: url(../images/Icons/Home/chevron_back.png) no-repeat 0 10px;
        text-indent: -9999px;
        padding: 9px 4px;
        margin: 0 5px 0 0;
    }

    .nm-left-section .button-wrapper .hide-on-desktop {
        margin-bottom: 10px;
    }

    #emailQuotePopUpmodal.msg-theme.msg-information .modal-title,
    #saveChangesPopup.msg-theme.msg-information .modal-title,
    #pleaseRotateYourDevicePopup.msg-theme.msg-rotate .modal-title {
        text-align: left;
        word-wrap: break-word;
    }

    #emailQuotePopUpmodal {
        z-index: 999;
    }

    .nm-left-section input[type="tel"] {
        padding: 8px;
    }

    .quotelistcontainer .nav li {
        width: 50%;
    }

    .quotelistcontainer .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    #saveChangesPopup .msg-information .modal-content .modal-header .modal-title {
        text-align: left;
        word-wrap: break-word;
    }

    #saveChangesPopup .modal-footer .btn + .btn,
    #emailQuotePopUpmodal .modal-footer .btn + .btn {
        margin-left: 7px;
    }

    #saveChangesPopup .modal-footer button,
    #emailQuotePopUpmodal .modal-footer button {
        padding-left: 5px;
        padding-right: 5px;
    }

    .invoice-popup-outer .cart-grid .product-price-col {
        padding-top: 2px;
    }

    .invoice-popup-outer .mobile_only .product-name input {
        height: 55px;
    }

    .invoice-popup-outer .mobile_only .product-name {
        height: 75px;
        margin-bottom: 0px;
    }

    .invoice-popup-outer .cart-grid .mobile_only .error-wrap-sm {
        float: left;
        margin-top: 2px;
    }

    .invoice-popup-outer .cart-grid .mobile_only .error-icon-sm {
        margin-right: 5px;
        float: left;
    }

    .invoice-popup-outer .cart-grid .mobile_only .error-text-sm {
        line-height: 0px;
        float: none;
    }

    .cart-grid tbody td.product-image-col .remove {
        margin-top: 21px;
    }

    .invoice-popup-outer .cart-grid .product-price-col .mobile_only .rest-cart-block .qty {
        width: 42%;
    }

    .invoice-popup-outer .cart-grid .mobile_only .rest-cart-block .qty .error-wrap-sm {
        margin-right: 0px;
    }

    .invoice-popup-outer .cart-grid .mobile_only .rest-cart-block .qty .error-text-sm {
        line-height: 18px;
        margin-right: 0px;
        width: 65%;
        margin-left: 0px;
        word-break: break-all;
    }

    #saveChangesPopup .modal-footer .btn {
        margin-top: 10px;
    }

    .co-order-summary-wrapper .express-static-text,
    .co-action-buttons .express-static-text {
        margin-left: 0px;
    }
    /*Product replacement module*/
    .we-theme .product-replacement-module .prm-content-wrapper.modal-body {
        padding: 15px 10px 15px 20px;
    }

    .we-theme .product-replacement-module .prm-content-wrapper .prm-device-specific {
        padding-left: 5px;
        padding-right: 5px;
    }

    .we-theme .product-replacement-module .prm-content-wrapper .prm-replaceicon {
        padding: 0px;
    }

    .we-theme .product-replacement-module .prm-content-wrapper.modal-body p {
        padding: 0 20px 0 75px;
    }

    .we-theme .product-replacement-module .prm-content-wrapper .prm-content-tile .prm-caption .prm-holder {
        padding-left: 5px;
    }

        .we-theme .product-replacement-module .prm-content-wrapper .prm-content-tile .prm-caption .prm-holder img {
            padding-left: 0px;
        }

    .we-theme .product-replacement-module .prm-content-wrapper .prm-content-tile .prm-caption {
        padding-left: 0px;
        padding-right: 0px;
    }
    /* multiple product replacement */
    /*Dual + multiple popup styles*/
    .we-theme .modal-dialog.dual-replacement-module {
        width: auto;
    }

    .we-theme .dual-replacement-module .prm-content-wrapper.modal-body {
        padding-left: 10px;
    }

        .we-theme .dual-replacement-module .prm-content-wrapper.modal-body .prm-dual-title {
            padding: 15px 10px 15px 20px;
        }

        .we-theme .dual-replacement-module .prm-content-wrapper.modal-body .prm-dual-align {
            padding-left: 0px;
        }

    .we-theme .dual-replacement-module .prm-content-wrapper .row-margin {
        margin-left: 5px;
    }

    .we-theme .dual-replacement-module .prm-content-wrapper.modal-body p {
        padding: 0 20px 0 55px;
    }

    .we-theme .dual-replacement-module .prm-content-wrapper .prm-device-specific {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .we-theme .dual-replacement-module .prm-content-wrapper .prm-content-tile .prm-caption .prm-holder {
        padding-left: 0px;
        padding-right: 0px;
    }

    .we-theme .dual-replacement-module .prm-content-wrapper .prm-device-specific {
        text-align: center;
    }

    .we-theme .dual-replacement-module .prm-content-wrapper .prm-dual-button {
        margin-top: 6px !important;
        margin-bottom: 15px !important;
    }

    .we-theme .dual-replacement-module .prm-content-wrapper .prm-dual-align .prm-device-specific {
        width: 100%;
    }

        .we-theme .dual-replacement-module .prm-content-wrapper .prm-dual-align .prm-device-specific:nth-child(2) {
            width: 100%;
        }
    /*multiple popup styles*/
    .we-theme .modal-dialog.multiple-replacement-module {
        width: auto;
    }

    .we-theme .multiple-replacement-module .prm-content-wrapper.modal-body {
        padding-left: 10px;
    }

        .we-theme .multiple-replacement-module .prm-content-wrapper.modal-body .prm-dual-title {
            padding: 15px 10px 15px 20px;
        }

        .we-theme .multiple-replacement-module .prm-content-wrapper.modal-body .prm-dual-align {
            padding-left: 0px;
            padding-right: 0px;
        }

    .we-theme .multiple-replacement-module .prm-content-wrapper .row-margin {
        margin-left: 5px;
    }

    .we-theme .multiple-replacement-module .prm-content-wrapper.modal-body p {
        padding: 0 20px 0 55px;
    }

    .we-theme .multiple-replacement-module .prm-content-wrapper .prm-device-specific {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }

    .we-theme .multiple-replacement-module .prm-content-wrapper .prm-content-tile .prm-caption .prm-holder {
        padding-left: 0px;
    }

    .we-theme .multiple-replacement-module .prm-content-wrapper .prm-device-specific {
        text-align: center;
    }

    .we-theme .multiple-replacement-module .prm-content-wrapper .prm-dual-button {
        margin-top: 6px !important;
        margin-bottom: 15px !important;
    }

    .we-theme .multiple-replacement-module .prm-content-wrapper .prm-dual-align .prm-device-specific {
        width: 100%;
    }

        .we-theme .multiple-replacement-module .prm-content-wrapper .prm-dual-align .prm-device-specific:nth-child(2) {
            width: 100%;
        }

    .invoice-popup-outer .comment-outer-wrapper .prd-add-comment {
        display: none;
    }

    .invoice-popup-outer .cart-grid .product-price-col .mobile_only .check-button.only-button label {
        float: left;
        margin-top: 6px;
        margin-right: 5px;
    }

    .invoice-popup-outer .cart-grid .product-price-col .mobile_only .taxexempt-holder .check-button.only-button {
        margin: 0px;
        padding: 0px;
    }

    .invoice-popup-outer .cart-grid .product-price-col .mobile_only .taxexempt-holder {
        margin: 0px;
        padding: 0px;
        float: left;
        margin-top: 10px;
        margin-left: 17px;
    }

    .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn {
        width: 100%;
    }

        .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn:nth-child(1) {
            padding-right: 0px;
        }

        .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-one {
            padding-right: 0px;
        }

        .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-two {
            float: right;
        }

        .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prt-45 {
            padding-right: 0px !important;
        }

        .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-two input[type=text] {
            width: 79%;
        }

        .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-three {
            width: 30%;
            margin-left: 1px;
            text-align: left;
        }

        .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .remove-button {
            background: none;
            font-weight: bold;
            text-indent: unset;
        }

        .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn:nth-child(2) {
            padding-left: 0px;
            border: 0px;
        }

        .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn:nth-child(1) {
            margin-bottom: 0px;
        }

    .invoice-popup-outer .modal-content .order-summary-content button {
        display: inline-block;
    }

    .invoice-popup-outer .modal-content .order-summary-content .ifw-btn .hide-on-mobile {
        display: none;
    }

    invoice-popup-outer .cart-grid .product-price-col span.dollar-sign-right {
        top: 120px;
        right: 0px;
        position: absolute;
    }

    invoice-popup-outer .cart-grid .product-price-col span.dollar-sign-left {
        top: 120px;
        right: 0px;
        position: absolute;
    }

    .percentage-outer-wrapper .gst-hst-error {
        width: 49%;
        float: right;
    }

    .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-two span.pos-left-only {
        right: 71px;
    }

    .invoice-popup-outer .mobile_only div.product-price {
        position: relative;
    }

        .invoice-popup-outer .mobile_only div.product-price input {
            width: 60px;
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

    .invoice-popup-outer .cart-grid .product-price-col span.dollar-sign-right {
        top: 0px;
        right: -5px;
        position: absolute;
    }

    .invoice-popup-outer .cart-grid .product-price-col span.dollar-sign-left {
        top: 0;
        right: 35px;
        position: absolute;
    }

    .invoice-popup-outer .cart-grid td.product-image-col img {
        min-height: 0px;
    }

    .we-theme .product-replacement-module .prm-content-wrapper .prm-replaceicon {
        text-align: center;
    }

    .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .remove-button {
        width: 100%;
        text-align: left;
    }

    .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-three {
        width: 50%;
    }

    .nm-left-section .outer-wrapper-50 #gstHstNumber.form-control {
        width: 50%;
    }

    .nm-left-section .outer-wrapper-50 #hstNumber.form-control {
        width: 50%;
    }
    /*.percentage-outer-wrapper .percenatge-inner-holder{
        width:65%;
    }
    .nm-left-section .percentage-outer-wrapper #calculationPercentage.form-control {
        width: 35%;
    }*/
    /*Dicontinued products*/
    .we-theme .product-replacement-module.srm-module .prm-content-wrapper.modal-body p {
        padding: 0 20px 0 45px;
    }

    .we-theme .modal-dialog.pum-with-image .modal-body .prm-content-tile .prm-caption .pum-wi-desc {
        text-align: center;
        word-wrap: break-word;
    }

    .invoice-popup-outer .product-popup-warning {
        margin-top: 10px;
    }
    /*product add button for product search*/
    .product-add-button .pab-holder {
        width: 100%;
        float: left;
    }

        .product-add-button .pab-holder .pab-left-container {
            float: left;
            width: 60%;
        }

            .product-add-button .pab-holder .pab-left-container .pab-price-avail {
                float: left;
                width: 100%;
            }

                .product-add-button .pab-holder .pab-left-container .pab-price-avail .price-container {
                    float: left;
                    /*width: 50%;*/
                }

                .product-add-button .pab-holder .pab-left-container .pab-price-avail .availability-icon-container {
                    /*width: 50%;*/
                    float: right;
                    padding-left: 10px
                }

        .product-add-button .pab-holder .pab-right-container {
            float: right;
            width: 40%;
            padding-top: 4px;
        }

            .product-add-button .pab-holder .pab-right-container button {
                min-width: 0px;
                height: 30px;
                float: right;
                padding-top: 0px;
            }

    .we-theme #orderdetailgrid td {
        border-bottom: 1px dashed #ccc;
    }
    /*Add to cart and add to list form product search for mobile devices*/
    .we-theme.addtoproductmodal .msg-theme .modal-footer .btn {
        width: 100%;
        padding: 0px;
        margin: 0px;
        margin-left: 0px;
        margin-bottom: 10px;
    }

        .we-theme.addtoproductmodal .msg-theme .modal-footer .btn:nth-child(3) {
            margin-bottom: 0px;
        }

    .we-theme.addtoproductmodal .msg-theme .modal-footer {
        padding: 20px 20px 25px 20px;
    }

    .quote-details .webquotesavelistmobile {
        margin-top: 10px;
    }

        .quote-details .webquotesavelistmobile .btn {
            width: 100%;
        }

    .quote-details .quote-summary-footer {
        margin-bottom: 0 !important;
    }

    .quote-details.container {
        padding-bottom: 40px
    }

    .order-details .page-title.wsly-global-page-header {
        padding-bottom: 0px;
    }

    .we-theme.addtoproductmodal .msg-theme.msg-information .modal-title span.addtodot {
        margin-left: -1px;
    }
}
/*Media query for mobile devices*/
@media only screen and (max-width: 768px) {

    .static-align {
        padding-bottom: 20px !important;
    }

    .pickup-media {
        position: static !important;
    }

    .pickup-media-div {
        position: relative !important;
    }
}
/*Media query for mobile devices*/
@media only screen and (max-width: 480px) {
    /*.percentage-outer-wrapper label {
		width:65%;
	}
	.nm-left-section .percentage-outer-wrapper input.form-control {
		width:35%;
	}
	*/
    .if-dynamic-wrap .pro-price-right input {
        width: 75px;
    }

    .invoice-popup-outer .cart-grid .product-price-col .mobile_only .rest-cart-block .qty {
        width: 44%;
    }

    .invoice-popup-outer .mobile_only .product-name {
        height: 72px;
    }

    #similarProduct-grid {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 20px;
        gap: 15px;
        width: 334px;
        height: 147.5px;
        background: #FFFFFF;
        /* Wolseley Red */
        border-left: 5px solid #CD2E31;
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
        border-radius: 0px 2px 2px 0px;
        margin: 0;
    }

    .productIconProductDetails > a > img {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding: 0px;
        mix-blend-mode: multiply;
        /* Inside auto layout */
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .similarproduct-caption {
        font-family: 'Arial';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        /*display: flex;*/
        align-items: center;
        text-align: left;
        /* Wolseley Grey 
        color: #3B3B3B;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        white-space: normal;*/
    }

        .similarproduct-caption > a {
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            white-space: normal;
        }

    #similarProduct-grid > div > div.col-xs-4 {
        padding: 0;
        height: 130px;
        display: flex;
        align-items: center;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:portrait) {
    /*.percentage-outer-wrapper label{
		width:78%;
	}
	.nm-left-section .percentage-outer-wrapper input.form-control{
		width:30%;
	}
	*/

}
/*Media query for mobile devices*/
/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9/16) {
    .invoice-popup-outer .mobile_only .product-name {
        height: 84px;
    }

    .invoice-popup-outer .cart-grid .product-price-col .mobile_only .rest-cart-block .qty {
        width: 37%;
    }

    .invoice-popup-outer .cart-grid .product-price-col .mobile_only .taxexempt-holder {
        margin-left: 92px;
    }

    .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-two input[type=text] {
        width: 65%;
    }

    .percentage-outer-wrapper .percenatge-inner-holder {
        width: 60%;
    }

    .nm-left-section .outer-wrapper-50 input.form-control {
        width: 40%;
    }
}
/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375/667) {

    .invoice-popup-outer .mobile_only .product-name {
        height: 76px;
    }

    .invoice-popup-outer .cart-grid .product-price-col .mobile_only .rest-cart-block .qty {
        width: 42%;
    }

    .invoice-popup-outer .cart-grid .product-price-col .mobile_only .taxexempt-holder {
        margin-left: 60px;
    }

    .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-two input[type=text] {
        width: 65%;
    }

    .percentage-outer-wrapper .percenatge-inner-holder {
        width: 65%;
    }

    .nm-left-section .outer-wrapper-50 input.form-control {
        width: 35%;
    }
}
/*iphone 5*/
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:portrait) {
    .invoice-popup-outer .mobile_only .product-name input {
        height: 45px;
    }

    .invoice-popup-outer .cart-grid .product-price-col .mobile_only .rest-cart-block .qty {
        width: 51%;
    }

    .invoice-popup-outer .mobile_only .product-name {
        height: 65px;
        margin-bottom: 0px;
    }

    .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-two input[type=text] {
        width: 79%;
    }

    .percentage-outer-wrapper .percenatge-inner-holder {
        width: 75%;
    }

    .nm-left-section .outer-wrapper-50 input.form-control {
        width: 25%;
    }

    .nm-left-section .outer-wrapper-50 #gstHstNumber.form-control {
        width: 47%;
    }

    .nm-left-section .outer-wrapper-50 #hstNumber.form-control {
        width: 47%;
    }

    .invoice-popup-outer .product-popup-warning .warning-message {
        word-break: break-word;
        text-align: left;
    }

        .invoice-popup-outer .product-popup-warning .warning-message #btnRegenerate {
            float: left;
            margin-right: 4px;
        }

    .we-theme .msg-theme#recalculateConfirmPopupmodal .modal-header + div {
        padding: 15px 50px 15px 80px;
    }

    .we-theme .msg-theme.msg-information#recalculateConfirmPopupmodal .modal-title {
        padding-left: 60px;
        padding-right: 30px;
    }
}
/* iphone 4/4s */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {
    .invoice-popup-outer .mobile_only .product-name input {
        height: 45px;
    }

    .invoice-popup-outer .mobile_only .product-name {
        height: 65px;
    }

    .invoice-popup-outer .cart-grid .product-price-col .mobile_only .rest-cart-block .qty {
        width: 51%;
    }

    .invoice-popup-outer .product-popup-warning .warning-message {
        word-break: break-word;
        text-align: left;
    }

        .invoice-popup-outer .product-popup-warning .warning-message #btnRegenerate {
            float: left;
            margin-right: 4px;
        }

    .we-theme .msg-theme#recalculateConfirmPopupmodal .modal-header + div {
        padding: 15px 50px 15px 80px;
    }

    .we-theme .msg-theme.msg-information#recalculateConfirmPopupmodal .modal-title {
        padding-left: 60px;
        padding-right: 30px;
    }
}
/* Galaxy S3 portrait hack 
@media only screen and (max-device-width: 720px) and (orientation:portrait) {
    .invoice-popup-outer .cart-grid .product-price-col .mobile_only .rest-cart-block .qty {
        width: 44%;
    }

    .invoice-popup-outer .mobile_only .product-name {
        height: 73px;
    }
}
*/
/* Galaxy S5 portrait and landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    .invoice-popup-outer .cart-grid .product-price-col .mobile_only .rest-cart-block .qty {
        width: 44%;
    }

    .invoice-popup-outer .mobile_only .product-name {
        height: 73px;
    }

    .invoice-popup-outer .cart-grid .product-price-col .mobile_only .taxexempt-holder {
        margin-left: 50px;
    }

    .percentage-outer-wrapper .percenatge-inner-holder {
        width: 65%;
    }

    .nm-left-section .outer-wrapper-50 input.form-control {
        width: 30%;
    }

    .invoice-popup-outer .product-popup-warning .warning-message {
        word-break: break-word;
        text-align: left;
    }

        .invoice-popup-outer .product-popup-warning .warning-message #btnRegenerate {
            float: left;
            margin-right: 4px;
        }
}
/*Adding plus product popup page*/
.carttable .if-plus-btn {
    width: 100%;
    float: left;
    padding: 5px 0 0;
}

    .carttable .if-plus-btn a {
        width: 16px;
        height: 16px;
        float: left;
        background: url("../images/plus_icon.png") no-repeat left top;
        text-indent: -100000px;
    }

        .carttable .if-plus-btn a:hover {
            background: url("../images/plus_icon_hov.png") no-repeat left top;
        }
/*Quote PDF Styles*/
.quotepdf-holder {
    padding-top: 50px;
    /* to centre page on screen*/
    margin-left: auto;
    margin-right: auto;
}

.pdf-page-break {
    page-break-after: always;
    page-break-inside: avoid;
    clear: both;
}

.newpreferencesmodal .col-vertical .streetaddress,
.newpreferencesmodal .col-vertical .citypropostal,
.nm-left-sectio .col-vertical .streetaddress,
.nm-left-sectio .col-vertical .citypropostal {
    display: block;
}

    .newpreferencesmodal .col-vertical .streetaddress span,
    .newpreferencesmodal .col-vertical .citypropostal span,
    .nm-left-section .col-vertical .streetaddress span,
    .nm-left-section .col-vertical .citypropostal span {
        display: inline;
    }

.percentage-outer-wrapper .percenatge-inner-holder .popover.bottom {
    left: 0px !important;
}
/*Invoice and Quote Styles*/
.user-is-tabbing {
    border: 1px dashed #FF0000 !important;
}

input[type="text"].user-is-tabbing,
input[type="password"].user-is-tabbing,
input[type="email"].user-is-tabbing,
input[type="number"].user-is-tabbing,
input[type="file"].user-is-tabbing,
input[type="tel"].user-is-tabbing,
textarea.user-is-tabbing,
select.user-is-tabbing,
button.user-is-tabbing,
li.user-is-tabbing,
label.user-is-tabbing,
a.user-is-tabbings {
    border: 1px dashed #FF0000 !important;
}

.carousel-inner.user-is-tabbing {
    padding: 5px !important;
    border: 2px dashed #FF0000 !important;
}

.vendor-header-banner.user-is-tabbing {
    padding: 5px !important;
    border: 2px dashed #FF0000 !important;
}

.imagedivision a.user-is-tabbing {
    border: none !important;
}

input[type="checkbox"].user-is-tabbing {
    border: 1px dashed #FF0000 !important;
}

.we-theme.language_selector {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    margin-right: 10px;
}

@media screen and (min-width: 768px) {
    .percentage-outer-wrapper .width-25-mobile {
        width: 28% !important;
    }

    .we-theme .region-language-section span {
        padding: 8px 3px 8px 3px;
    }

    .we-theme .dual-replacement-module .modal-header + div {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 50px;
    }

    .we-theme .multiple-replacement-module .modal-header + div {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 50px;
    }

    .we-theme .product-update-module .modal-header + div {
        padding-bottom: 30px;
    }

    .percentage-outer-wrapper .width-46-mobile {
        width: 49%;
    }

    .nm-left-section .percentage-outer-wrapper input.width-46-mobile {
        width: 49%;
    }

    #emailInvoicePopUp .msg-theme.msg-information .modal-title,
    #emailQuotePopUp .msg-theme.msg-information .modal-title {
        text-align: left;
        word-wrap: break-word;
    }
}
/* Terms of Use */
.use-terms {
    margin-top: 35px !important;
    padding: 0px 77px !important;
    font-family: arial,helvetica,sans-serif !important;
    color: #656565 !important;
    margin-bottom: 35px !important;
}

    .use-terms h1 {
        font-size: 16px;
        font-weight: bold;
    }

    .use-terms p a {
        color: #cd2e31;
    }

#container .grid li .bestseller {
    position: relative;
}

    #container .grid li .bestseller .bestsellerimage {
        width: 21%;
        position: absolute;
        top: -209px;
        right: -9px;
    }
/* iPad in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    #container .grid li .bestseller .bestsellerimage {
        position: absolute;
        top: -247px;
    }

    .nm-left-section .tax-multiple-textwrap {
        padding-left: 75px;
    }

    .nm-left-section .percentage-outer-wrapper input.form-control {
        padding-right: 20px;
        width: 48%;
    }

    .percentage-outer-wrapper .width-46-mobile {
        width: 48%;
    }

    .nm-left-section .tax-multiple-textwrap input.tax-multiple-textbox {
        margin-left: 1px;
        width: 48%;
    }

    .invoice-popup-outer .cart-grid .product-price-col span.dollar-sign-left,
    .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-two span.dollar-sign-left {
        right: 80px;
    }

    .invoice-popup-outer .cart-grid .product-price-col span.dollar-sign-right,
    .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-two span.dollar-sign-right {
        right: 22px;
    }

    .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-three {
        margin-left: 10px;
    }

    .invoice-popup-outer .cart-grid .product-price-col .quantity-checkbox {
        padding-left: 13px;
    }

    .invoice-popup-outer .invoice-footer-wrap .products-content-holder .prod-content-coloumn .prod-row-col .prod-row-size-two span.prod-dollar-sign-left {
        right: 48px;
    }
}
/* iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    #container .grid li .bestseller .bestsellerimage {
        position: absolute;
        top: -227px;
    }

    .nm-left-section .percentage-outer-wrapper input.width-46-mobile {
        width: 48%;
    }

    .nm-left-section .tax-multiple-textwrap {
        padding-left: 0px;
        width: 40%;
    }

    .percentage-outer-wrapper .percenatge-inner-holder {
        display: -webkit-box; /* iOS 6-, Safari 3.1-6 */
        display: -webkit-flex; /* Chrome */
    }

    .invoice-popup-outer .product-popup-warning {
        margin-top: 20px;
    }
}

/*radio button alignment for add to cart popup in draft order page*/
#mymodelAddToCart .modal-dialog .modal-content .modal-body .radio-button label.draftlabelalign,
#myModalBox2 .modal-dialog .modal-content .modal-body .radio-button label.draftlabelalign {
    display: inline;
}

@media screen and (min-width: 768px) {
    .we-theme .msg-theme .replace-modal-body {
        padding: 25px 50px 60px 60px !important;
    }
    /*Add to cart and add to list form product search*/
    .we-theme.addtoproductmodal .msg-theme .modal-footer .btn {
        width: 100%;
        padding: 0px;
        margin: 0px;
        margin-left: 0px;
        margin-bottom: 10px;
    }

        .we-theme.addtoproductmodal .msg-theme .modal-footer .btn:nth-child(3) {
            margin-bottom: 0px;
        }

    .we-theme.addtoproductmodal .msg-theme .modal-footer {
        padding: 20px 20px 25px 20px;
    }
}

.modal-content.box-shadow-avoid {
    box-shadow: none !important;
    border: 0px !important;
}

#ImportAlert .validationIcon {
    width: 22px;
    height: 22px;
    margin: 0px 5px -5px -29px;
    display: inline-block;
    position: relative;
}

legend {
    width: auto !important;
    border-bottom: none !important;
}

fieldset {
    padding: 10px !important;
}

.we-theme .k-grid td a.wolseleycolorgrey:hover {
    color: #656565;
    border-bottom: 1px solid #656565;
}
/*radio button alignment for add to cart popup in draft order page*/
#mymodelAddToCart .modal-dialog .modal-content .modal-body .radio-button label.draftlabelalign,
#myModalBox2 .modal-dialog .modal-content .modal-body .radio-button label.draftlabelalign {
    display: inline;
}
/*This fix is for reports page*/
.report-panel .ToolbarExport.WidgetSet,
.report-panel .ToolbarPrint.WidgetSet {
    cursor: default !important;
}

/*Quote save changes popup body pading reduced*/
#saveChangesPopupmodal.msg-theme .modal-header + div {
    padding: 25px 100px 10px 120px !important;
}

#createQuoteCancelPopUp.msg-theme .modal-header + div {
    padding: 25px 100px 10px 120px !important;
}

#preferenceInvoicePopUp.msg-theme .modal-header + div {
    padding: 25px 100px 10px 120px !important;
}
/*Vendor Page*/

.vendorpage {
    margin-top: 30px;
}

    .vendorpage .thumbnail img {
        background-size: contain;
        height: 220px;
    }

    .vendorpage .caption {
        padding-left: 0px;
    }

        .vendorpage .caption h3 {
            font-size: 18px;
            color: #cd2e31;
            text-align: center;
            font-weight: bold;
        }

.vendorpage-module .page-header {
    margin-top: 30px;
    text-transform: uppercase;
    margin-bottom: 0px;
}

    .vendorpage-module .page-header h3 {
        font-size: 20px;
        text-align: center;
        font-weight: bold;
    }

.single-image {
    background-size: contain;
    height: 370px;
    width: 1200px;
}
/*.new-module-outer-wrapper a {
    color: #656565 !important;
    text-decoration: none !important;
}
.new-module-outer-wrapper a:focus,
.new-module-outer-wrapper a:hover {
    color: #cd2e31 !important;
    text-decoration: underline !important;
}*/

/*Vendor Page*/

/*Express CheckOut Order Info*/
.pickup-media {
    position: relative;
}

.pickup-media-div {
    position: absolute;
}

.order-info-new-address {
    color: #cd2e31 !important;
    float: right;
    font-weight: bold;
}

.static-align {
    /*padding-left: 22px;*/
    text-align: left;
}
/*Express CheckOut Order Info*/
.error-long-desc {
    width: 200px;
    padding-left: 27px !important;
}
/*Quotes module*/
.we-theme #OpenListGrid .k-grid-header .k-header .k-link,
.we-theme #ClosedGrid .k-grid-header .k-header .k-link {
    display: inline;
    padding: 0px;
}

#ListDetailsGrid .k-grid-content .zindex-99 {
    z-index: 99;
}

#ListDetailsGrid .k-grid-content .zindex-999 {
    z-index: 999;
}

.padBottom {
    padding-bottom: 0px !important;
    text-align: left;
}

.ajax-loading-webquote-modify {
    z-index: 999;
    width: 32px;
    height: 32px;
    width: 92%;
    padding: 40px 0px 40px 0px;
    text-align: center;
    background: url('../images/loading.gif') center no-repeat;
}

.margTop {
    margin-top: 0px !important;
    text-align: left;
}

.validationTextCC {
    text-align: left;
    float: left;
    max-width: 90%;
}

/*Payment Preferences Page*/
.Checkout .MPTextStyle {
    min-width: 37%;
    max-width: 37%;
}

.MPTextStyle {
    line-height: 1.3em;
}

.validationIconCC {
    float: left;
    padding-left: 6px;
}

.PP-AddNew-ED {
    padding-top: 27px;
}

.PP-AddNew-EDLbl, .PP-AddNew-CVVLbl {
    text-align: right;
}

.PP-AddNew-CVV {
    padding-top: 27px;
}

.PP-AddNew-CN {
    padding-top: 68px;
}

.PP-AddNew-CNLbl {
    min-width: 169px;
    max-width: 169px;
    margin-left: 16px;
    text-align: left;
    line-height: 1.3em;
}

.PP-AddNew-Txt {
    font-size: 14px;
    font-family: Arial;
    font-weight: 700;
    color: #656565;
    padding-left: 0px;
    margin-left: 0px;
    line-height: 1.3em;
    line-height: 1.3em;
}


.CO .Checkout .MPTextStyle {
    width: 24%;
}

.CO .Checkout .maxWidth450 {
    min-width: 365px;
    padding-right: 0px !important;
    width: 75.1%;
}

.CO .PP-AddNew-CN {
    padding-top: 53px;
}

.AnyChangesPP {
    width: auto;
    padding-left: 67px;
    margin-bottom: 20px;
    display: inline-block;
    padding-right: 0px;
}

.AnyChangesPPFR {
    width: auto;
    padding-left: 67px;
    margin-bottom: 0;
    display: inline-block;
    padding-right: 0px;
}

.AnyChangesPPLbl {
    padding: 0px 0px 0px 10px;
    margin-bottom: 20px;
}

.AnyChangesPPLblFR {
    padding-left: 10px;
    margin-bottom: 20px;
}

.ContactUsDIV {
    display: inline-block;
}
/*@media only screen and (max-width: 887px) {
    .AnyChangesPP, .AnyChangesPPFR {
        max-width: 75% !important;
    }
}
@media only screen and (max-width: 758px) {
    .AnyChangesPPLbl, .AnyChangesPPLblFR {
        top: -17px;
    }
}
@media only screen and (max-width: 506px) {
    .AnyChangesPP, .AnyChangesPPFR {
        max-width: 100%;
        width: 100%;
    }
}*/

.shoppingCartBelowCheckout, .shoppingCartBelowCheckoutOrderInfo {
    color: #656565;
    font-weight: bold !important;
    font-size: 11.05px !important;
    margin-left: 32px;
    background: #f2f2f2;
    margin-top: 10px;
    padding-top: 15px;
    padding-left: 3px;
    padding-bottom: 15px;
    padding-right: 10px;
    line-height: 18px;
    text-align: left;
}

.shoppingCartBelowCheckoutReview {
    color: #656565;
    font-weight: bold !important;
    font-size: 11.05px !important;
    margin-left: 0px;
    background: #f2f2f2;
    margin-top: 10px;
    padding-top: 15px;
    padding-left: 3px;
    padding-bottom: 15px;
    padding-right: 10px;
    line-height: 18px;
    text-align: left;
}

@media only screen and (max-width: 991px) {
    .shoppingCartBelowCheckout {
        margin-left: 52.25%;
        width: 48%;
        margin-top: 18%;
    }

    .shoppingCartBelowCheckoutOrderInfo {
        margin-left: 0px;
    }
}

@media only screen and (max-width: 767px) {
    .shoppingCartBelowCheckout {
        margin-top: 10px;
        margin-left: 0px;
        width: 100%;
    }
}

@media only screen and (max-width: 1200px) {
    .AnyChangesPP, .AnyChangesPPFR {
        padding-left: 30px;
    }

    .AnyChangesPPLblFR {
        padding-left: 10px;
        margin-bottom: 20px;
        max-width: 75% !important;
    }
}

@media only screen and (max-width: 1199px) {
    .CO .PP-AddNew-CN {
        padding-top: 53px;
    }

    .Checkout .maxWidth450 {
        width: 62%;
        max-width: 62%;
        min-width: 62%;
    }

        .Checkout .maxWidth450 input {
            max-width: 100%;
        }

    .Checkout .MPTextStyle {
        padding-right: 0px;
    }

    .Checkout .FR .PP-AddNew-CNLbl {
        min-width: 169px;
    }

    .Checkout .MPTextStyle {
        min-width: 34%;
        max-width: 34%;
    }

    .Checkout .maxWidth450 {
        width: 61%;
    }
}

@media only screen and (max-width: 991px) {
    .Checkout .MPTextStyle {
        margin-right: 26px;
        min-width: 30.5% !important;
        max-width: 30.5% !important;
    }

    .Checkout .FR .PP-AddNew-CVV {
        padding-top: 31px;
    }
}

@media only screen and (max-width: 887px) {
    .AnyChangesPPLblFR {
        padding-left: 30px;
        display: inline-block;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 846px) {
    .AnyChangesPP, .AnyChangesPPFR {
        max-width: 95% !important;
    }

    .AnyChangesPPLbl {
        /*padding-left: 30px;*/
        display: inline-block;
    }

    .CO .PP-AddNew-CN {
        padding-top: 47px;
    }

    .MPTextStyle {
        padding-right: 0px;
        width: 25.5%;
    }

    #divPaymentPreferenceAddCard #cardholdername {
        min-width: 100% !important;
        width: 101%;
    }

    .maxWidth450 {
        width: 62%;
    }
}

@media only screen and (max-width: 830px) {
    .FR .New .PP-AddNew-ED {
        padding-top: 10px;
    }
}

@media only screen and (max-width: 800px) {
    .MPTextStyle {
        padding-right: 15px;
    }
}

@media only screen and (max-width: 767px) {
    #manage-payment-preferences-page #cardholdername {
        width: 101%;
    }

    .PP-AddNew-EDLbl, .PP-AddNew-CVVLbl {
        text-align: left;
    }

    .PP-AddNew-EDLbl {
        padding-left: 26%
    }

    .PP-AddNew-CVV {
        padding-left: 27%
    }

    .MPTextStyleNew {
        margin-right: 14px;
    }

    .PP-AddNew-CN {
        padding-top: 56px;
    }

    .New .PP-AddNew-ED {
        padding-top: 27px;
    }

    .CO .PP-AddNew-CN {
        padding-top: 47px;
    }

    .Checkout .maxWidth450 {
        float: left;
        max-width: 60.5%;
        min-width: 60.5%;
        width: 60.5%;
    }

    .maxWidth450 {
        float: left;
    }

        .maxWidth450 #cardholdername {
            width: 101%;
        }

    .Checkout .FR .PP-AddNew-ED {
        padding-top: 27px;
    }

    .Checkout .MPTextStyle {
        margin-right: 26px;
        min-width: 33% !important;
        max-width: 33% !important;
    }
}

.maxWidth450 input, #cardholdername:hover {
    font: 400 17.3333px Arial;
    color: rgb(0, 0, 0);
    border-bottom-color: rgb(238, 238, 238) !important;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-style: inset;
    border-bottom-width: 2px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(238, 238, 238) !important;
    border-left-style: inset;
    border-left-width: 2px;
    border-right-color: rgb(238, 238, 238) !important;
    border-right-style: inset;
    border-right-width: 2px;
    border-top-color: rgb(238, 238, 238) !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-top-style: inset;
    border-top-width: 2px;
    box-sizing: border-box;
    padding-left: 14px;
}


#cardholdername:focus {
    border-bottom-color: rgb(157, 191, 246) !important;
    border-left-color: rgb(157, 191, 246) !important;
    border-right-color: rgb(157, 191, 246) !important;
    border-top-color: rgb(157, 191, 246) !important;
}


.FR .PP-AddNew-CNLbl {
    width: 38%;
    min-width: 38%;
}

.Checkout .FR .PP-AddNew-CN {
    padding-top: 50px;
}

.FR .validationText {
    font-size: 9px;
}

#btnSendRequest {
    display: block;
    margin-left: 40%;
    width: 123px;
}

#requoteChangeRequestPopup {
    height: 592px;
}

#changeProduct, #deleteItem, #changeQty, #expiredQuote, #other {
    display: block !important;
}

#valcusMessage {
    display: none;
}

#btn-requote {
    margin-top: 10px;
}

.quoteChangeLbls {
    float: left;
    width: 30%;
    padding-top: 15px;
}

.quoteChangeDivs {
    float: left;
    width: 70%;
    padding-bottom: 15px;
}

.quoteChangeBtns {
    padding-left: 18px;
    white-space: nowrap;
    margin-left: 10px;
}

.quoteChangeOtherBtn {
    padding-left: 18px;
    white-space: nowrap;
    margin-left: 10px;
}

.quoteChangeReasonForRequest {
    display: block !important;
    padding-top: 13px;
}

.quoteChangePopUpLbl {
    float: left;
    width: 27%;
    padding-top: 15px;
    padding-left: 9px;
}

.quoteChangePopUpLblDiv {
    float: left;
    width: 73%;
    padding-bottom: 15px;
    padding-right: 0px;
}

.quoteChangeQtyDiv {
    padding-bottom: 12px;
    padding-left: 0px;
}

.quoteChangePopup {
    height: 100%;
}

.quoteChangePopupDiv {
    padding-bottom: 30px;
}

@media only screen and (max-width: 760px) {
    .AnyChangesPPLbl, .AnyChangesPPLblFR {
        /*padding-left: 30px;*/
        margin-bottom: 20px;
    }

    .AnyChangesPP, .AnyChangesPPFR {
        margin-bottom: 0;
    }

    #manage-payment-preferences-page #cardholdername {
        width: 101%;
    }
}

@media only screen and (max-width: 736px) {
    .PP-AddNew-CN {
        padding-top: 56px;
    }

    #manage-payment-preferences-page #cardholdername {
        width: 100%;
    }

    #manage-payment-preferences-page #cardholdername {
        width: 102.3%;
    }

    .PP-AddNew-EDLbl {
        padding-left: 23%
    }

    .PP-AddNew-CVV {
        padding-left: 24%
    }
}

@media only screen and (max-width: 702px) {
    .FR .PP-AddNew-ED {
        padding-top: 27px;
    }
}

@media only screen and (max-width: 700px) {
    .PP-AddNew-EDLbl {
        padding-left: 11%
    }
}

@media only screen and (max-width: 627px) {
    .Checkout .newCardLayover-CardName {
        padding-bottom: 7px;
    }
}

@media only screen and (max-width: 655px) {

    .PP-AddNew-CVV {
        padding-left: 12%
    }
}

@media only screen and (max-width: 677px) {
    .AnyChangesPPLbl, .AnyChangesPPLblFR {
        padding-left: 30px;
        top: 0;
    }

    .Checkout .MPTextStyle {
        min-width: 32% !important;
        max-width: 32% !important;
    }
}

@media only screen and (max-width: 590px) {
    .Checkout .MPTextStyle {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 573px) {

    .PP-AddNew-EDLbl {
        padding-left: 11%
    }

    .PP-AddNew-CVV {
        padding-left: 12%
    }

    .PP-AddNew-CNLbl {
        min-width: 139px;
        max-width: 80px;
    }

    .CO .PP-AddNew-ED {
        padding-top: 8px;
    }

    .Checkout .CO .PP-AddNew-ED {
        padding-top: 27px;
    }

    .Checkout .FR .PP-AddNew-CVV {
        padding-top: 3px;
    }

    .newCardLayover-CardNameMP .MPTextStyle {
        min-width: 25.5%;
    }
}

@media only screen and (max-width: 555px) {
    .maxWidth450 {
        width: 61%;
    }

    .newCardLayover-CardNameMP .MPTextStyle {
        min-width: 38% !important;
        width: 25%;
        padding-right: 0px;
    }

    #manage-payment-preferences-page #cardholdername {
        width: 104.3%;
    }
}

@media only screen and (max-width: 554px) {
    .Checkout .maxWidth450 {
        min-width: 58% !important;
    }
}

@media only screen and (max-width: 504px) {
    .AnyChangesPP, .AnyChangesPPFR {
        max-width: 100%;
        width: 100%;
    }

    .AnyChangesPPLbl, .AnyChangesPPLbl {
        padding-left: 30px;
    }

    .PP-AddNew-EDLbl {
        padding-left: 0%
    }

    .PP-AddNew-CVV {
        padding-left: 4%
    }
}

@media only screen and (max-width: 500px) {
    .MPTextStyle,
    .PP-AddNew-CN,
    .PP-AddNew-ED,
    .PP-AddNew-CVV,
    .Checkout .FR2 .MPTextStyle {
        padding-left: 3px !important;
        margin-left: 0px !important;
    }
}

@media only screen and (max-width: 556px) {
    .maxWidth450 {
        width: 61%;
    }

    .newCardLayover-CardNameMP .MPTextStyle {
        min-width: 38% !important;
    }
}

@media only screen and (max-width: 462px) {
    #manage-payment-preferences-page .MPTextStyle {
        width: 34%;
        min-width: 34% !important;
    }

    .maxWidth450 {
        padding-left: 13px;
        width: 65.3%;
    }

    .PP-AddNew-CN {
        padding-top: 55px;
    }
}

@media only screen and (max-width: 412px) {

    .PP-AddNew-EDLbl {
        min-width: 117px;
        max-width: 117px;
    }

    .PP-AddNew-CVVLbl {
        min-width: 117px;
        max-width: 117px;
    }

    .PP-AddNew-ED {
        padding-top: 25px;
    }

    .PP-AddNew-CVV {
        padding-top: 10px;
    }
}

@media only screen and (max-width: 767px) {

    .FR .PP-AddNew-EDLbl {
        padding-left: 14%;
    }

    .Checkout .FR .PP-AddNew-CN {
        padding-top: 50px;
    }

    .MPTextStyle {
        margin-right: 0px;
    }
}

@media only screen and (max-width: 736px) {
    .FR .PP-AddNew-EDLbl {
        padding-left: 10%;
    }
}

@media only screen and (max-width: 547px) {
    .Checkout .MPTextStyle {
        min-width: 22.7% !important;
        max-width: 22.7% !important;
    }

    .Checkout .MPTextStyle {
        min-width: 32% !important;
        min-width: 32% !important;
    }

    .item.active {
        width: 150px;
        display: flex;
    }

    .prd-rec-title {
        border-bottom: solid 2px #cd2e31;
        padding-bottom: 4px;
        width: fit-content;
    }

    .recommendedProd_img {
        flex: none;
        order: 0;
        flex-grow: 0;
        width: 130px;
        margin-bottom: 12px;
    }

    .recommendedProd_desc {
        width: 130px;
        height: 48px;
        font-family: 'Arial';
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
        display: flex;
        align-items: center;
        padding: 10px 0;
    }

    .recommendedProd_sku {
        width: 130px;
        height: 16px;
        font-family: 'Arial';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        display: flex;
        align-items: center;
        padding: 10px 0;
    }

    .recommendedProd_price {
        width: 130px;
        height: 19px;
        font-family: 'Arial';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        align-items: center;
        padding: 10px 0 28px 0;
    }

    .recommendedProd_AddToCartBtn {
        width: 14px;
        height: 32px;
        padding: 0;
        font-family: 'Arial';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        align-items: center;
        text-align: center;
    }

    .recommendedProd_AddToCart {
        padding: 28px 0 0 0;
    }

    #rightCheveron {
        display: block;
        width: 12px;
        height: 34px;
        margin: 100px 0 0 0px;
        padding: 0;
        background: url(../images/icons/shop/chevron_rt-hover.png) no-repeat;
        opacity: 1;
        cursor: pointer;
        border: none;
        left: 100%;
    }

    #leftCheveron {
        display: block;
        width: 12px;
        height: 34px;
        margin: 100px 0 0 0px;
        padding: 0;
        background: url(../images/icons/shop/chevron_lt-hover.png) no-repeat;
        opacity: 1;
        cursor: pointer;
        border: none;
        left: -2%;
    }

    .ProductRecommendations-mobile {
        width: 350px;
    }

    #productWrapperCarousel {
        padding: 30px;
    }
}

@media only screen and (max-width: 505px) {
    .Checkout .MPTextStyle {
        min-width: 21.7% !important;
        max-width: 21.7% !important;
    }
}

@media only screen and (max-width: 511px) {
    .FR .PP-AddNew-ED {
        padding-top: 13px;
    }
}


@media only screen and (max-width: 697px) {
    .FR .PP-AddNew-EDLbl {
        padding-left: 10%;
    }
}

@media only screen and (max-width: 655px) {
    .FR .PP-AddNew-PPLbl {
        padding-left: 3%;
    }

    .Checkout .FR .PP-AddNew-CN {
        padding-top: 50px !important;
    }
}

@media only screen and (max-width: 648px) {
    .Checkout .FR .PP-AddNew-ED {
        padding-top: 27px;
    }

    .Checkout .FR .PP-AddNew-CVV {
        padding-top: 27px;
    }
}

@media only screen and (max-width:612px) {
    .FR .PP-AddNew-EDLbl {
        padding-left: 0%;
    }

    .FR .PP-AddNew-CVV {
        padding-left: 3%;
    }
}

@media only screen and (max-width:535px) {
    .Checkout .maxWidth450 {
        padding-right: 0px !important;
    }

    .Checkout .FR2 .maxWidth450 {
        min-width: 60% !important;
        padding-right: 0px !important;
    }
}

@media only screen and (max-width:510px) {
    .FR .PP-AddNew-CNLbl {
        max-width: 90px;
        min-width: 90px;
    }

    .FR .PP-AddNew-EDLbl {
        max-width: 150px;
        min-width: 150px;
    }

    .FR .PP-AddNew-CVV {
        padding-top: 0px;
    }

    .Checkout .FR .PP-AddNew-CVV {
        padding-top: 6px;
    }

    .Checkout .FR .PP-AddNew-CN {
        padding-top: 50px !important;
    }
}

@media only screen and (max-width:502px) {
    .Checkout .maxWidth450 {
        min-width: 59.5% !important
    }
}

@media only screen and (max-width: 507px) {
    .checkout .MPTextStyle {
        min-width: 31% !important;
        max-width: 31% !important;
    }
}

@media only screen and (max-width: 500px) {
    .Checkout .FR2 .MPTextStyle {
        min-width: 34% !important;
        max-width: 34% !important;
    }

    .Checkout .MPTextStyle {
        min-width: 34% !important;
        max-width: 34% !important;
        margin-left: 0px !important;
    }
}

@media only screen and (max-width:489px) {
    .Checkout .FR2 .maxWidth450 {
        padding-right: 0px;
        margin-right: 0px;
    }
}

@media screen and (max-width: 423px) {
    .Checkout .FR2 .maxWidth450 {
        min-width: 58.7% !important;
    }
}

@media only screen and (max-width:420px) {
    .FR .PP-AddNew-CN, .FR .PP-AddNew-ED, .FR .PP-AddNew-CVV, .FR .MPTextStyleNewCard {
        padding-left: 4px;
    }
}

@media only screen and (max-width:410px) {
    .Checkout .MPTextStyle {
        min-width: 31.7% !important;
        margin-left: 0px !important;
    }

    .Checkout .FR2 .MPTextStyle {
        min-width: 33.7% !important;
        margin-left: 0px !important;
    }
}

@media only screen and (max-width:365px) {
    .Checkout .MPTextStyle {
        min-width: 32.7% !important;
        margin-left: 0px !important;
    }

    .ProductRecommendations-mobile {
        width: 310px;
    }

    #productWrapperCarousel {
        padding: 12px;
    }
}

@media only screen and (max-width: 383px) {
    .Checkout .FR .PP-AddNew-ED {
        padding-top: 8px;
    }
}

@media only screen and (max-width:399px) {
    .Checkout .FR2 .maxWidth450 {
        min-width: 59% !important;
        max-width: 59% !important;
    }

    .Checkout .FR .PP-AddNew-CNLbl {
        min-width: 41%;
        max-width: 41%;
    }

    #legendWQPage {
        width: 296px !important;
        right: -37px !important;
    }

        #legendWQPage span.webquoteIStatus {
            min-width: 80px !important;
            max-width: 80px !important;
        }
}

@media only screen and (max-width:345px) {
    .FR .PP-AddNew-EDLbl {
        max-width: 150px;
        min-width: 150px;
    }

    .FR .PP-AddNew-ED {
        padding-top: 10px;
    }
}

.quoteChangeOptionBox {
    border-radius: 0px;
    height: 14px;
    width: 14px;
}

    .quoteChangeOptionBox:before {
        background: url(../images/Icons/checkbox-selected.png) no-repeat left !important;
        border-radius: 0 !important;
        width: 14px !important;
        height: 14px !important;
        top: 0px !important;
        left: 0px !important;
    }

.wcaStyle {
    color: #FFFFFF !important;
    background-color: #CD2E31 !important;
}

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

.k-other-month a, .k-state-disabled {
    color: #CD2E31 !important;
}

.similarproductspdtitle, .similarproductscarttitle {
    display: none;
}

.nearby-branch-stock-quantity {
    line-height: 6px !important;
}

.nearby-branch-name {
    padding-bottom: 4px !important;
}

#k-grid-content table {
    overflow: hidden !important;
}

#search-quotes-kgrid {
    overflow: inherit !important;
}

@media (max-width:390px) {
    .table-responsive #stock-dc td, .table-responsive #stock-western td, .table-responsive #stock-regional td, .table-responsive #stock-quebec td {
        width: 80%;
        vertical-align: bottom;
    }

    #stock-dc td:nth-child(1), #stock-western td:nth-child(1), #stock-regional td:nth-child(1), #stock-quebec td:nth-child(1) {
        text-align: left;
        padding-left: 5px;
    }

    #stock-dc .stock-quantity, #stock-western .stock-quantity, #stock-regional .stock-quantity, #stock-quebec .stock-quantity {
        padding-right: 5px;
    }
}

.PR-ReplacementType {
    display: inline;
    font-size: 13px;
    font-family: Arial;
    font-weight: 700;
    background-color: lightgray;
    color: #333;
    width: max-content;
}

.PR-ReplacementType2 {
    font-size: 18px;
}

.PR-ReplacementType3 {
    margin-left: -4px;
    color: blue;
    text-decoration: underline;
}

.icon-replacementtype, .icon-replacementtype2 {
    width: 26px;
    height: 26px;
    display: inline-block;
    background-image: url(../images/Icons/refresh-icon800.png);
    background-size: contain;
    vertical-align: middle;
    margin-bottom: 4px;
}

.icon-replacementtype-caution {
    background-image: url(../images/Icons/caution-icon800.png);
}

.promotions-nav-link {
    color: #cd2e31 !important;
}

.promo-item-title, .promo-item-title-2, .promo-item-title-c {
    text-transform: uppercase;
    background-color: #cd2e31;
    padding: 5px 5px 5px 5px;
    color: white;
    float: left;
    margin-top: -5px;
}

.promo-item-desc, .promo-item-desc-2, .promo-item-desc-3, promo-item-desc-5 {
    color: #cd2e31;
    font-weight: bold;
}

#promomessage {
    padding-left: 75px;
}

#promomessage-2 {
    padding-left: 75px;
}

.promo-item-title-2 {
    margin-top: -5px;
}

.promo-item-desc-2 {
    margin-top: 5px;
}

.promo-item-desc-3 {
    padding-top: 8px;
}

.promo-item-desc-4 {
    padding-left: 22%;
}

.promo-item-desc-5 {
    padding-top: 15px;
    padding-left: 30px;
}

.promo-item-title-c {
    margin-right: 5px;
}

.promo-item-title-s, .promo-item-title-c {
    margin-bottom: 25px;
    margin-right: 7px;
}

.promo-item-desc-3 .promo-item-title {
    margin-right: 7px;
}

@media (max-width:1199px) and (min-width:992px) {
    .promo-item-desc-3 .promo-item-title {
        margin-right: 30%;
    }
}

@media (min-width:1200px) {
    .promo-item-desc-3 .promo-item-title {
        margin-bottom: 30px;
    }
}

@media (max-width:991px) and (min-width:768px) {
    .promo-item-desc-3 .promo-item-title {
        float: none;
    }
}

@media (max-width:510px) {
    .promo-item-desc-3 .promo-item-title {
        margin-bottom: 50px;
    }
}

@media (max-width:767px) and (min-width:511px) {
    .promo-item-desc-3 .promo-item-title {
        margin-bottom: 0px;
    }
}

@media (max-width:767px) {
    #promomessage-2 {
        padding: 60px 0 4px 0;
    }

    .promo-item-title-s, .promo-item-title-c {
        margin-bottom: 0;
        margin-right: 7px;
    }
}

#productreplacement {
    display: inline;
}

.imagedivision > a > img {
    image-rendering: -webkit-optimize-contrast !important;
}

.wrapper-dropdown-3 {
    /* Size and position */
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    /* Styles */
    background: #fff;
    border-radius: 7px;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    cursor: pointer;
    outline: none;
    color: black;
}

    .wrapper-dropdown-3:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        right: 15px;
        top: 50%;
        margin-top: -3px;
        border-width: 6px 6px 0 6px;
        border-style: solid;
        border-color: #8aa8bd transparent;
    }

    .wrapper-dropdown-3 .dropdown {
        /* Size & position */
        z-index: 999;
        position: absolute;
        top: 140%;
        left: 0;
        right: 0;
        /* Styles */
        background: white;
        border-radius: inherit;
        border: 1px solid rgba(0,0,0,0.17);
        box-shadow: 0 0 5px rgba(0,0,0,0.1);
        font-weight: normal;
        -webkit-transition: all 0.5s ease-in;
        -moz-transition: all 0.5s ease-in;
        -ms-transition: all 0.5s ease-in;
        -o-transition: all 0.5s ease-in;
        transition: all 0.5s ease-in;
        list-style: none;
        /* Hiding */
        opacity: 0;
        pointer-events: none;
    }

        .wrapper-dropdown-3 .dropdown:after {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            bottom: 100%;
            right: 15px;
            border-width: 0 6px 6px 6px;
            border-style: solid;
            border-color: #fff transparent;
        }

        .wrapper-dropdown-3 .dropdown:before {
            content: "";
            width: 0;
            height: 0;
            position: absolute;
            bottom: 100%;
            right: 13px;
            border-width: 0 8px 8px 8px;
            border-style: solid;
            border-color: rgba(0,0,0,0.1) transparent;
        }

        .wrapper-dropdown-3 .dropdown li a {
            display: block;
            padding: 10px;
            text-decoration: none;
            color: black;
            border-bottom: 1px solid #e6e8ea;
            box-shadow: inset 0 1px 0 rgba(255,255,255,1);
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }

        .wrapper-dropdown-3 .dropdown li i {
            float: right;
            color: inherit;
        }

        .wrapper-dropdown-3 .dropdown li:first-of-type a {
            border-radius: 7px 7px 0 0;
        }

        .wrapper-dropdown-3 .dropdown li:last-of-type a {
            border: none;
            border-radius: 0 0 7px 7px;
        }

    /* Active state */

    .wrapper-dropdown-3.active .dropdown {
        opacity: 1;
        pointer-events: auto;
    }

/* No CSS3 support */

.no-opacity .wrapper-dropdown-3 .dropdown,
.no-pointerevents .wrapper-dropdown-3 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity .wrapper-dropdown-3.active .dropdown,
.no-pointerevents .wrapper-dropdown-3.active .dropdown {
    display: block;
}

@media (max-width:410px) {
    #btnDeleteAddressPopCancel {
        margin-left: 10px;
        margin-top: 0px;
    }
}

.LiSelected {
    background: #87CEFA !important;
}

    .LiSelected a {
        border-color: white !important;
    }

    .LiSelected #deliveryOptions {
        color: white !important;
    }

#newAddressDDMenu {
    padding-left: 0px;
    overflow: hidden;
    overflow-y: scroll;
    max-height: 400px;
}

@media (min-width:768px) {
    #stock-dc .stock-dc-title-fr, #stock-quebec .stock-quebec-title-fr {
        width: 91.5%;
    }

    #stock-dc .stock-quantity-fr, #stock-quebec .stock-quantity-fr {
        min-width: 58px;
        vertical-align: text-top;
        position: absolute;
        bottom: 0px;
    }
}


#addMylistPopup .modal-footer, #modalCart .modal-footer, #MyListAddtoCartPop .modal-footer, #mymodelAddToCart .modal-footer, #myModalBox2 .modal-footer, #ListdetailsAddtoCartPop .modal-footer {
    padding-left: 0px;
    padding-right: 0px;
}

    #laddMylistPopup .modal-footer #newListBtn, #modalCart .modal-footer #ProceedToCart, #MyListAddtoCartPop .modal-footer #btnAddToCartPopMyList, #mymodelAddToCart .modal-footer #btnAddToCart, #myModalBox2 .modal-footer #btnAddToCart, #ListdetailsAddtoCartPop .modal-footer #btnAddToCartPop {
        margin-left: 25px;
        padding-left: 20px;
        padding-right: 20px;
    }

#promomessagediscountable {
    color: #cd2e31;
    font-size: 15px;
}

.branchLocationsTitle {
    font-size: 16px;
    font-weight: bold;
    color: #656565;
    float: left;
    width: 100%;
}

.branchLocationsDistance {
    float: right;
    margin-bottom: 15px;
}

.gm-style-iw-d div div:nth-child(5) {
    padding-top: 20px;
}

.branchLocationsTxt {
    margin-bottom: 0px;
}

.branchLocationsPhone {
    float: left;
    padding-right: 50px;
}

.gm-style-iw-d .icon-phone {
    margin-right: 10px;
}

.branchLocationsPhone, .branchLocationsTextUs {
    text-decoration: none;
    color: #656565;
}

.branchLocationsTextUs {
    background-color: #cd2e31;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    padding: 5px;
}

    .branchLocationsTextUs:link, .branchLocationsTextUs:hover, .branchLocationsTextUs:active, .branchLocationsTextUs:focus, .branchLocationsTextUs:visited {
        color: #fff;
    }

.gm-style-iw-c {
    min-width: 300px !important;
}

#branchLocationsSearchInput {
    display: inline;
    float: left;
    border-color: #cd2e31;
    border-width: 2px;
    width: 80%;
    height: 48px;
}

#branchLocationsSearchInputLabel {
    display: inline;
    float: left;
    width: 100%;
    height: 48px;
}

#search-google-button {
    width: 48px;
    height: 48px;
    border-radius: 0 6px 6px 0;
    padding: 12px;
    background: #cd2e31;
    border: 1px solid #cd2e31;
    min-width: 48px;
}

    #search-google-button .glyphicon-search {
        color: #fff;
        font-size: 20px;
    }

.mapsPopupDistanceLbl {
    text-transform: uppercase;
    color: #cd2e31;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
}

.mapsPopupDistancecheckBoxes {
    padding-left: 0px;
}

    .mapsPopupDistancecheckBoxes div {
        padding-top: 14px;
        padding-left: 0px;
    }

    .mapsPopupDistancecheckBoxes .col-md-2 {
        padding-left: 0px;
    }

        .mapsPopupDistancecheckBoxes .col-md-2 input {
            margin-right: 6px;
        }

    .mapsPopupDistancecheckBoxes .col-md-4 {
        padding-left: 0px;
    }

    .mapsPopupDistancecheckBoxes .col-md-12 {
        text-align: right;
        padding-top: 0px;
        padding-right: 45px;
    }

        .mapsPopupDistancecheckBoxes .col-md-12 input {
            margin: 6px;
        }

    .mapsPopupDistancecheckBoxes .col-md-12, .mapsPopupDistancecheckBoxes .col-md-2 {
        color: #656565;
    }

#map {
    margin-top: 30px;
}

.branchLocationsTxt1 {
    margin-top: 23px;
}

@media (max-width:768px) {
    .mapsPopupDistancecheckBoxes {
        display: none !important;
    }
}

@media (mmin-width:769px) {
    .nogeo {
        width: 100%;
    }

        .nogeo #branchLocationsSearchInput {
            width: 92%;
        }
}

#btn-promo-apply {
    margin-top: 10px;
    margin-bottom: 10px;
}

#promo-code-sc {
    background-color: lightgrey;
    color: grey;
    border-color: grey;
    border-width: revert;
}


.promo-code-error {
    color: #cd2e31;
    font-size: 16px;
    font-weight: bold;
    background: url(../images/Icons/Shop/error_ic.png) no-repeat 0 4px;
    padding-left: 0px !important;
    line-height: 29px;
    text-align: left;
}

#promo-code-theseitemsarenot {
    text-indent: 0px !important;
}

.shopping-cart #promo-code-error #promo-code-error-txt {
    margin-top: -9px;
}

.shopping-cart .promo-code-error {
    margin-left: 28px;
    text-indent: 22px;
}

.bcknone {
    background: none !important;
}

.bldnone {
    font-weight: normal !important;
}

#promo-code-discount-code, #promo-code-discount-amount {
    font-weight: bold;
}

#alternateproduct a {
    color: #333;
}

#alternateproduct, #promocodeOopsModalText {
    display: inline-block;
}

.mapssidebarmobile {
    top: 40% !important;
    height: 60%;
}

#sidebar {
    top: 0px !important;
    left: 0px !important;
    background-color: white;
    height: 100%;
    border: thin solid lightgrey;
    width: 31%;
}

    #sidebar li {
        border: thin solid lightgrey;
        padding: 10px;
    }

    #sidebar .branchLocationsPhone {
        width: 40%;
        padding-bottom: 10px;
        display: inline-block;
        float: left;
        padding-right: 0px;
    }

    #sidebar .branchLocationsTextUs {
        margin-left: 20px;
        margin-top: -9px;
        margin-bottom: 5px;
    }

    #sidebar .fr .branchLocationsTextUs {
        width: 30%;
        text-align: center;
        margin-left: 10px;
        margin-top: -42px;
    }

    #sidebar .branchLocationsDistance {
        max-width: 25%;
        margin-right: 5px;
    }

    #sidebar .branchLocationsTxt, #sidebar .branchLocationsPhone, #sidebar .branchLocationsDistance, #sidebar a {
        font-size: 14px;
    }

.branchLocationsTxt {
    color: #656565;
}

.icon-red-arrow-down, .icon-red-arrow-up {
    background: url(../images/Icons/Shop/arrow-o-red-hover.png) no-repeat center !important;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    width: 20px;
    height: 20px;
    margin-left: 10px;
    display: inline-block;
    margin-bottom: -6px;
}

.icon-call-branchlocation, .icon-text-branchlocation {
    background: url(../images/Icons/call-branchlocation.png) no-repeat center !important;
    width: 80px;
    height: 80px;
    display: inline-block;
    cursor: pointer;
}

.icon-text-branchlocation {
    background: url(../images/Icons/text-branchlocation.png) no-repeat center !important;
}

.icon-call-branchlocationFR, .icon-text-branchlocationFR {
    background: url(../images/Icons/call-branchlocationFR.png) no-repeat center !important;
    width: 80px;
    height: 80px;
    display: inline-block;
    cursor: pointer;
}

.icon-text-branchlocationFR {
    background: url(../images/Icons/text-branchlocationFR.png) no-repeat center !important;
}

.icon-red-arrow-up {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
}

.branchLocationsBranchHours {
    margin-left: 70px;
    margin-bottom: 22px;
    float: right;
    margin-top: 5px;
    color: #656565;
}

.branchLocationsBranchHoursTxt {
    display: none;
    font-size: 14px;
    width: 93%;
    float: right;
    color: #656565;
}

    .branchLocationsBranchHoursTxt p {
        display: inline-block;
        font-size: 12px;
        margin: 0 0 0 0;
    }

    .branchLocationsBranchHoursTxt .branchLocationsTxtDays {
        text-align: left;
        width: 50%;
    }

    .branchLocationsBranchHoursTxt .branchLocationsTxtHours {
        text-align: right;
        float: right;
        max-width: 135px;
    }

#icon-phone img, #icon-phone:link img, #icon-phone:visited img {
    border: 0;
}

.branchLocationsName {
    max-width: 67%;
    float: left;
    text-align: left;
}

.branchUrlTitle, .branchUrlTitle:hover {
    text-decoration: underline !important;
    color: #1362D0 !important;
    font-size: 16px !important;
}

.branchLocationsDistance {
    float: right;
    text-align: right;
    max-width: 26%;
    width: 26%;
}

.branchLocationsPhone p {
    display: inline-block;
}

#places {
    height: 100%;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

#mapsViewMapBtn {
    position: absolute;
    bottom: 24px;
    left: 5px;
    border-color: #cd2e31;
    background-color: white;
}

#mapOverlay {
    width: 100%;
    height: 481px !important;
    position: absolute;
    top: 0;
    left: 0;
}

#sidebar .branchLocationsBranchHours {
    float: right;
    margin-left: 0px;
    margin-top: 0px;
    width: 60%;
    text-align: right;
}

#branchLocationTextMobile,
#branchLocationPhoneMobile {
    display: none;
}

.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

@media (max-width:989px) {
    #sidebar .branchLocationsTxt, #sidebar .branchLocationsPhone, #sidebar .branchLocationsDistance, #sidebar a {
        font-size: 13px;
    }

    #sidebar {
        width: 40%;
    }
}

@media (max-width:1100px) {
    .branchLocationsBranchHoursTxt {
        width: 93%;
    }
}

@media (max-width:1068px) {
    .branchLocationsBranchHoursTxt {
        width: 95%;
    }
}

@media (max-width:1050px) {
    #sidebar .fr a {
        font-size: 13px;
    }

    .branchLocationsSearchInputfr {
        font-size: 13px;
    }
}

@media (max-width:991px) {
    #mapsPopupDistanceOrView {
        padding-left: 0px;
        padding-top: 13px;
    }

        #mapsPopupDistanceOrView input {
            margin-left: 0px;
        }

    #branchLocationsSearchInputDiv, #mapsPopupDistanceLblDiv {
        padding-left: 0px;
        padding-right: 0px;
        height: 46px;
    }

    .branchLocationsSearchInputfr {
        font-size: 14px;
    }

    #branchLocationsSearchInput {
        width: 94%;
    }
}

@media (max-width:989px) {
    .branchLocationsBranchHoursTxt {
        width: 93%;
    }
}

@media (max-width:920px) {
    .branchLocationsBranchHoursTxt {
        width: 93%;
    }

    #branchLocationsSearchInput {
        width: 92%;
    }
}

@media (max-width:813px) {
    .branchLocationsBranchHoursTxt {
        width: 98%;
    }
}

@media (max-width:790px) {
    .branchLocationsBranchHoursTxt {
        width: 99%;
    }
}

@media (max-width:768px) {
    #sidebar {
        top: 60% !important;
        height: 40%;
        width: 100%;
        overflow: scroll;
    }

    #map {
        height: 800px !important;
    }

    #sidebar .branchLocationsTxt {
        width: 50%;
    }

    #sidebar .branchLocationsTextUs {
        float: right;
    }

    #sidebar .branchLocationsBranchHours {
        text-align: left;
        margin-left: 0px;
        width: 100%;
        margin-bottom: 4px;
    }

    #sidebar .fr .icon-red-arrow-down, #sidebar .fr .icon-red-arrow-up {
        position: absolute;
        bottom: -7px;
        text-align: left;
        left: 119px;
        bottom: 3px
    }

    #sidebar .fr #places li {
        position: relative;
    }

    #sidebar li {
        position: relative;
    }

    #sidebar {
        -webkit-transform: translateZ(0px);
    }


        #sidebar .branchLocationsPhone .icon-phone, #sidebar .branchLocationsTextUs {
            display: none;
        }

        #sidebar .branchLocationsPhone {
            padding-bottom: 0px;
            padding-right: 0%;
        }

        #sidebar .branchLocationsBranchHoursTxt {
            float: left;
            width: 100%;
        }

        #sidebar .branchLocationsTxtDays {
            width: 46%;
        }

        #sidebar .branchLocationsTextUs {
            width: 80px;
            height: 80px;
            top: 38px;
            left: 79%;
            margin-top: -74px;
        }

    #branchLocationTextMobile,
    #branchLocationPhoneMobile {
        display: inline-block;
        position: absolute;
    }

    #branchLocationPhoneMobile {
        top: 21% !important;
        left: auto !important;
        right: 15% !important;
    }

    #branchLocationTextMobile {
        top: 22% !important;
        right: -3% !important;
    }

    #branchLocationsPageHeader {
        display: none;
    }

    .gm-style-iw-a {
        display: none !important;
    }

    #branchLocationsSearchInput {
        width: 90%;
    }
}

@media (max-width:611px) {
    #branchLocationsSearchInput {
        width: 88%;
    }

    #mobilePopup {
        width: 98% !important;
    }

        #mobilePopup .branchLocationsBranchHours {
            text-align: left;
            width: 98%;
        }
}

@media (max-width:513px) {
    #branchLocationsSearchInput {
        font-size: 13px;
        width: 85%;
    }

    #mobilePopup {
        width: 98% !important;
    }

        #mobilePopup .branchLocationsBranchHours {
            text-align: left;
            width: 98%;
        }

    #branchLocationPhoneMobile {
        right: 15% !important;
    }
}

@media (max-width:473px) {
    .branchLocationsSearchInputfr {
        font-size: 11px !important;
    }

    #mobilePopup {
        width: 98% !important;
    }

        #mobilePopup .branchLocationsBranchHours {
            text-align: left;
            width: 98%;
        }

        #mobilePopup .branchLocationsTitle {
            font-size: 12px;
        }

    #sidebar .branchLocationsTxtDays {
        width: 37%;
    }
}

@media (max-width:411px) {
    #branchLocationsSearchInput {
        font-size: 10px;
        width: 78%;
    }

    .branchLocationsSearchInputfr {
        font-size: 9px !important;
    }

    #mobilePopup .branchLocationsTitle {
        font-size: 11px;
    }
}

@media (max-width:350px) {
    .branchLocationsSearchInputfr {
        font-size: 8px !important;
    }
}

#alternateproduct {
    width: 100%;
}

#mapsPopupDistanceOrView {
    font-style: italic;
    font-size: 12px;
    padding-right: 58px;
}

#sidebar .fr .branchLocationsBranchHours {
    position: relative;
    padding-right: 16px;
}

#sidebar .fr .icon-red-arrow-down, #sidebar .fr .icon-red-arrow-up {
    position: absolute;
    right: -7px;
}

#mobilePopup {
    height: 120px;
    width: 98%;
    background: white;
    margin-left: 1%;
    left: 0;
    bottom: 327px !important;
    left: 0px !important;
    border: thin solid lightgrey;
}

    #mobilePopup .branchLocationsTxt, #mobilePopup .branchLocationsName {
        padding-left: 10px;
    }

    #mobilePopup .branchLocationsName {
        padding-top: 10px;
    }

#mobilePopup {
    width: 98%;
}

    #mobilePopup .branchLocationsBranchHours {
        text-align: left;
        width: 98%;
        margin: auto;
    }

    #mobilePopup p:nth-child(5) {
        display: inline-block;
    }

    #mobilePopup .branchLocationsBranchHours {
        float: none;
        margin-left: 10px;
    }

    #mobilePopup #branchLocationPhoneMobile {
        top: 33%;
        left: auto;
        right: 19%;
    }

    #mobilePopup #branchLocationTextMobile {
        top: 35%;
        right: 3%;
    }

    #mobilePopup .branchLocationsDistance {
        padding-right: 10px;
        padding-top: 10px;
    }

    #mobilePopup .branchLocationsBranchHoursTxt, #mobilePopup .branchLocationsBranchHoursTxt {
        display: inline-block;
        padding: 27px 7px 0 7px;
    }

    #mobilePopup .branchLocationPhoneMobileTop {
        top: 10% !important;
    }

    #mobilePopup .branchLocationTextMobile {
        top: 11% !important;
    }

#branchLocationscontainerfluid {
    padding: 0px !important;
}

@media (min-width:769px) {
    #mobilePopup {
        display: none !important;
    }
}

#NoResultFound {
    text-align: left;
    margin-left: 10px;
}

.wolseleyexclusive_en {
    height: 21px;
    width: 100%;
    background: url(../images/icons/shop/wolseley_exclusive.png) no-repeat left;
    left: 15px;
    padding: 1px 0 0 25px;
    font-size: 14px;
    font-weight: 700;
    color: var(--wolseleyGrey);
}

#similarProduct-grid .wolseleyexclusive_en {
    position: absolute;
    padding: 2px 0 0 25px;
    text-align: left;
}

.pdTop .wolseleyexclusive_en {
    margin: 25px 0 10px 0 !important;
}

#similarProduct-grid {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    gap: 15px;
    width: 100% !important;
    height: 80% !important;
    background: #FFFFFF;
    /* Wolseley Red */
    border: 1px solid #c5c5c5;
    border-left: 5px solid #CD2E31;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
    border-radius: 0px 2px 2px 0px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

.SimilarProducts:hover {
    cursor: pointer;
}

.product-grid {
    border: 1px solid #cd2e31;
    height: 405px !important;
}



    .product-grid.isAiRecommended {
        height: 350px !important;
    }

#btnDeleteUserNo {
    margin-left: 10px;
    padding-right: 15px;
    padding-left: 15px;
    min-width: auto !important;
}

#deleteUsersPopup .modal-body {
    padding-left: 40px;
}



@media(min-width:992px) {
    .checkout-step-1 .promo-code-error {
        text-indent: 22px;
        line-height: 28px;
    }

    .checkout-step-1 #promo-code-sc {
        margin-top: 5px;
    }
}

@media(max-width:991px) {

    .checkout-step-1 .promo-code-error {
        text-indent: 22px;
        line-height: 28px;
    }

    .checkout-step-1 #promo-code-sc {
        margin-top: 5px;
        width: 100%
    }

    .checkout-step-1 #btn-promo-apply {
        width: 100%;
    }
}

#singlebranch-notify-message {
    display: none;
    padding: 5px;
    background-color: yellow;
    font-weight: bold;
    margin-bottom: 7px;
}

#removeAll {
    accent-color: #cd2e31;
}

#btnDeleteUser {
    width: 70px !important;
}

.name-head2 {
    margin: 6px 0;
    cursor: pointer;
    padding: 10px;
    background: #e5e5e5;
}

.ListsOfList-searchByText {
    width: 47% !important;
    margin-bottom: 5px !important;
}

#list-of-custom-lists .sa-popup-search-actions, #list-of-express-lists .sa-popup-search-actions {
    margin-top: 0px;
}

#list-of-custom-lists .input-group, #list-of-express-lists .input-group {
    margin-left: -19px;
    width: 100%;
}

@media(max-width:500px) {
    .ListsOfList-searchByText {
        width: 100% !important;
    }
}

@media(min-width:600px) {
    .ListsOfList-searchByText {
        width: 57% !important;
    }
}

@media(min-width:700px) {
    .ListsOfList-searchByText {
        width: 65% !important;
    }
}

@media(min-width:768px) {
    .ListsOfList-searchByText {
        width: 48% !important;
    }

    #list-of-custom-lists .input-group, #list-of-express-lists .input-group {
        width: 107%;
    }

    #home-bento-swipe {
        display: none;
    }
}

@media(min-width:992px) {
    .ListsOfList-searchByText {
        width: 60% !important;
    }

    #list-of-custom-lists .input-group, #list-of-express-lists .input-group {
        width: 100%;
        margin-left: -19px;
    }
}

@media(min-width:1201px) {
    #addMylistPopup .discountinued-products-list {
        margin-left: -19px !important;
    }
}

.cart-summary-wrapper .info-icon {
    position: absolute;
    right: -10px;
    top: 37px;
}

#promo-code-discount-amount {
    position: absolute;
}

.cart-summary-section #promo-code-discount-amount {
    right: -14px;
    bottom: 108px;
}

.order-summary-onlinepayment #promo-code-discount-amount {
    right: -15px;
    bottom: 50px;
}

@media (max-width:991px) {
    #promo-code-discount-amount {
        right: -14px;
    }

    .cart-summary-section #promo-code-discount-amount {
        bottom: 90px;
    }

    .order-summary-onlinepayment #promo-code-discount-amount {
        bottom: 50px;
    }
}

@media (max-width:991px) and (min-width:768px) {
    .cart-summary-section #promo-code-discount-amount {
        bottom: 109px;
        right: 2px;
    }
}

.checkout-step-1 #promo-code-one-at-a-time {
    text-indent: 0px;
    margin-left: 0px;
}

.shopping-cart #promo-code-one-at-a-time {
    text-indent: 0px;
    margin-left: 0px;
}

#promocodeOopsModalText {
    margin-top: 3px;
    margin-right: 5px;
}

#promocodeOopsModal .rename-popup-content:nth-child(3) {
    margin-top: 33px;
}

#promo-code-sc:hover {
    cursor: text;
}

#promo-code-sc {
    text-align: center;
}

.cart-summary-section, .order-summary-onlinepayment {
    position: relative;
}

#promocodeOopsModal .modal-title {
    color: grey;
    background: none;
}

.checkout-step-2 .quantity-col .promo-code-error, .order-summary-content .quantity-col .promo-code-error-fr {
    position: absolute;
    right: 8px;
}

.promo-code-error-fr {
    right: 37px !important;
}

.order-summary-content .quantity-col .promo-code-error-fr {
    right: 170px !important;
}

.quantity-col .promo-code-error {
    position: absolute;
    right: 138px;
}

@media(max-width:767px) {
    .quantity-col .promo-code-error {
        right: 0px;
        bottom: -11px;
    }

    .checkout-step-2 .quantity-col .promo-code-error {
        right: 0px;
        bottom: -5px;
        line-height: 1.5;
    }

    .checkout-step-2 .quantity-col .promo-code-error-fr, .order-summary-content .quantity-col .promo-code-error-fr {
        right: -4px !important;
    }
}

@media(max-width:571px) {
    .checkout-step-2 .quantity-col .promo-code-error-fr, .order-summary-content .quantity-col .promo-code-error-fr {
        margin-left: 15px;
    }
}

@media(max-width:537px) {
    .checkout-step-2 .quantity-col .promo-code-error-fr, .order-summary-content .quantity-col .promo-code-error-fr {
        margin-left: 0px !important;
    }
}

@media(max-width:487px) {
    .checkout-step-2 .quantity-col .promo-code-error-fr, .order-summary-content .quantity-col .promo-code-error-fr {
        margin-left: 32px !important;
    }
}



.shopping-cart .cart-summary-wrapper .sc-action-buttons, .checkout-step-1 .co-action-buttons {
    position: relative;
}

.co-action-buttons .info-icon {
    position: absolute;
    right: -20px;
    top: 42px;
}

@media(max-width:991px) {
    .co-action-buttons .info-icon {
        top: 27px;
        right: -16px;
    }
}

.checkout-step-2 #promo-code-discount-amount {
    right: 0px;
}

@media(max-width:767px) {
    .checkout-step-2 #promo-code-discount-amount {
        bottom: 74px;
    }
}


.clsShipTo a, .clsSoldTo a {
    font-size: 14pt;
}

#promo-code-discount-amount .tooltip {
    right: 0px;
    left: auto !important;
}

#promo-code-discount-amount .tooltip-arrow {
    right: 3px;
    left: auto !important;
}

.list-product-name {
    padding-top: 2px;
    padding-left: 2px;
    width: 95%;
    word-wrap: break-word;
    font-size: 15px
}

.display-inline {
    display: inline;
}

.margin-top-2px {
    margin-top: 2px;
}

.list_details_body {
    width: 650px;
    margin-left: -40px;
    max-height: 230px
}

.coveo-product-recommendations-sc {
    width: 153%;
    margin-left: -62px;
}

#shopping-cart-form {
    min-height: 360px;
}

.coveo-product-recommendations-pd {
    width: 103%;
}

@media(max-width:500px) {

    .flickity-prev-next-button.next {
        right: -9px;
    }
}

@media(max-width:991px) {
    .coveo-product-recommendations-sc {
        width: 100%;
        margin-left: -4px;
    }

    .flickity-prev-next-button.previous {
        left: -30px;
    }

    .flickity-prev-next-button.next {
        right: -5px;
    }
}

.we-theme .k-grid tr td a:hover {
    border-bottom: none;
}

.wolseley-title:hover {
    border-bottom: 2px solid #cd2e31 !important;
}

/*Coveo page loader*/
.loader-coveo-interface {
    border: 5px solid white;
    border-radius: 50%;
    border-top: 5px solid #cd2e31;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    right: 50%;
    z-index: 1001;
    margin-top: 22vh;
}

.loader-coveo-margin {
    min-height: 60vh;
}

.wolseley-swipe-container {
    margin: 0 --n: 1;
    display: flex;
    align-items: center;
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100%;
    width: calc(var(--n)*100%);
    height: 100%;
    max-height: 100%;
    transform: translate(calc(var(--i)/var(--n)*-100%));
}

    .wolseley-swipe-container img {
        width: 100%;
        width: calc(100%/var(--n))
    }

.photo-wolseley-swipe-container input[type=range] {
    height: 36px;
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
}

    .photo-wolseley-swipe-container input[type=range]:focus {
        outline: none;
    }

    .photo-wolseley-swipe-container input[type=range]::-webkit-slider-runnable-track {
        width: 100%;
        height: 10px;
        cursor: pointer;
        animate: 0.2s;
        box-shadow: 0px 0px 0px #CECECE;
        background: #CECECE;
        border-radius: 5px;
        border: 0px solid #CECECE;
    }

    .photo-wolseley-swipe-container input[type=range]::-webkit-slider-thumb {
        box-shadow: 0px 0px 0px #A8A8A8;
        border: 1px solid #CECECE;
        height: 29px;
        width: 28px;
        border-radius: 17px;
        background: #CC2E30;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -10px;
    }

    .photo-wolseley-swipe-container input[type=range]:focus::-webkit-slider-runnable-track {
        background: #CECECE;
    }

    .photo-wolseley-swipe-container input[type=range]::-moz-range-track {
        width: 100%;
        height: 10px;
        cursor: pointer;
        animate: 0.2s;
        box-shadow: 0px 0px 0px #CECECE;
        background: #CECECE;
        border-radius: 5px;
        border: 0px solid #CECECE;
    }

    .photo-wolseley-swipe-container input[type=range]::-moz-range-thumb {
        box-shadow: 0px 0px 0px #A8A8A8;
        border: 1px solid #CECECE;
        height: 29px;
        width: 28px;
        border-radius: 17px;
        background: #CC2E30;
        cursor: pointer;
    }

    .photo-wolseley-swipe-container input[type=range]::-ms-track {
        width: 100%;
        height: 10px;
        cursor: pointer;
        animate: 0.2s;
        background: transparent;
        border-color: transparent;
        color: transparent;
    }

    .photo-wolseley-swipe-container input[type=range]::-ms-fill-lower {
        background: #CECECE;
        border: 0px solid #CECECE;
        border-radius: 10px;
        box-shadow: 0px 0px 0px #CECECE;
    }

    .photo-wolseley-swipe-container input[type=range]::-ms-fill-upper {
        background: #CECECE;
        border: 0px solid #CECECE;
        border-radius: 10px;
        box-shadow: 0px 0px 0px #CECECE;
    }

    .photo-wolseley-swipe-container input[type=range]::-ms-thumb {
        margin-top: 1px;
        box-shadow: 0px 0px 0px #A8A8A8;
        border: 1px solid #CECECE;
        height: 29px;
        width: 28px;
        border-radius: 17px;
        background: #CC2E30;
        cursor: pointer;
    }

    .photo-wolseley-swipe-container input[type=range]:focus::-ms-fill-lower {
        background: #CECECE;
    }

    .photo-wolseley-swipe-container input[type=range]:focus::-ms-fill-upper {
        background: #CECECE;
    }

.photo-wolseley-swipe-container {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    text-align: center;
    overflow: hidden;
}

    .photo-wolseley-swipe-container img {
        max-height: 100%;
        object-fit: contain;
    }

.photo-wolseley-swipe-container-main .carousel-indicators {
    bottom: 0px;
    margin-bottom: 0px;
}

#wolseley-categoryname {
    font-weight: bold;
    padding-left: 15px;
    font-size: 14pt;
    margin-top: -24px;
    margin-bottom: 0;
}

@media(min-width:1024px) and (max-width:1048px) {
    #wolseley-categoryname {
        padding-left: 33.5%;
    }
}

@media(min-width:1001px) {
    #wolseley-categoryname {
        margin-top: 0px;
    }
}

@media(min-width:1049px) {

    #wolseley-categoryname {
        padding-left: 355px;
    }
}

.photo-wolseley-swipe-container-right, .photo-wolseley-swipe-container-left {
    height: 140px;
    width: 40px;
    position: absolute;
    top: 29%;
}

.photo-wolseley-swipe-container-home {
    width: 80%;
    margin: 0 10%;
}

.photo-wolseley-swipe-container-left {
    background: url(../images/icons/shop/chevron_carousel.png) no-repeat center;
    left: -10%;
}

.photo-wolseley-swipe-container-right {
    background: url(../images/icons/shop/chevron_carousel_rt.png) no-repeat center;
    right: -10%;
}

@media(max-width:700px) {
    .photo-wolseley-swipe-container-right, .photo-wolseley-swipe-container-left {
        top: 29%;
    }
}

@media(max-width:600px) {
    .photo-wolseley-swipe-container-right, .photo-wolseley-swipe-container-left {
        top: 20%;
    }
}

@media(max-width:500px) {
    .photo-wolseley-swipe-container-right, .photo-wolseley-swipe-container-left {
        top: 10%;
    }
}

#home_bento_main {
    width: 100%;
    margin-top: 20px;
}

    #home_bento_main .container {
        margin: 0;
        padding: 0;
        width: 98%;
        margin-left: 10px;
    }

.home_bento_content {
    max-width: 400px;
    max-height: 250px;
    min-height: 250px;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0px 5px 10px 0px rgb(128 128 128 / 20%);
}

@media(min-width:1280px) {
    #home_bento_main .container {
        margin-left: 13px;
    }
}

@media(max-width:767px) {
    .hidemobile {
        display: none;
    }

    .termsLabelSpans2 {
        left: 16px;
    }
}

.home_page_banner {
    height: 400px;
    overflow: hidden;
}

    .home_page_banner .carousel-inner, .home_page_banner .carousel-inner .item, .home_page_banner .carousel-inner .item p, .home_page_banner .carousel-inner .item p a img {
        height: 100%;
    }

#home-bento-swipe {
    margin: 0 0 30px;
}

    #home-bento-swipe .photo-wolseley-swipe-container-main {
        margin: auto;
        padding: 0;
    }

        #home-bento-swipe .photo-wolseley-swipe-container-main .carousel-indicators {
            bottom: -30px;
        }

    #home-bento-swipe .photo-wolseley-swipe-container-main, #home-bento-swipe .photo-wolseley-swipe-container {
        min-width: 400px;
        min-height: 250px;
        max-width: 400px;
        max-height: 250px;
    }

@media(max-width:460) {
    #home-bento-swipe {
        max-width: 95%;
        max-height: 250px;
        margin: 0 2.5% 10% 2.5%;
    }

        #home-bento-swipe .photo-wolseley-swipe-container-main,
        #home-bento-swipe .photo-wolseley-swipe-container {
            min-width: 100%;
            min-height: 100%;
            max-width: 100%;
            max-height: 100%;
        }

        #home-bento-swipe .wolseley-swipe-container-item {
            min-width: 95vw;
            max-width: 95vw;
        }

            #home-bento-swipe .wolseley-swipe-container-item div:nth-of-type(1) {
                max-height: 100%;
                min-height: 100%;
                max-width: 100%;
                min-width: 100% !important;
            }

        #home-bento-swipe .left {
            left: -44px !important;
        }

        #home-bento-swipe .right {
            right: -44px !important;
        }

        #home-bento-swipe .bento-inner div {
            min-height: auto !important;
        }
}

#home-bento-swipe .photo-wolseley-swipe-container-main {
    border-radius: 3px;
    box-shadow: 0px 5px 10px 0px rgb(128 128 128 / 20%);
}

.termsLabelSpans {
    display: inline-block;
    text-indent: -6px;
}

@media(max-width:460px) {
    .termsLabelSpansCol {
        padding-left: 0;
    }
}

.kampyle_vertical_button .kampyle_button-text {
    background-color: #cd2e31;
}

#we-search-form {
    width: 82%;
    float: right;
    bottom: 12px;
    position: absolute;
    right: 6px;
}

#cartItemCountBckGrnd, #cartItemCount {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 17px;
    z-index: 999;
    position: absolute;
    font-size: 13px;
    padding-left: 3px;
    padding-top: 1.5px;
    margin-left: -4px;
    margin-top: 0.5px;
}

#cartItemCount {
    font-family: arial;
    font-weight: bold;
    color: white;
    margin-left: -5.5px;
    margin-top: -2px;
}

#cartItemCountBckGrnd {
    background-color: rgb(204, 46, 48);
}

.wolseleyCartIcon {
    margin-top: 6px;
    float: right;
    padding-right: 0;
}

.icon-cart-header {
    width: 48px;
    height: 48px;
    display: inline-block;
    background-image: url(../images/Icons/NewUX/cart-icon-header.jpg);
    background-size: contain;
}

.icon-region-header {
    width: 13px !important;
    height: 20px;
    display: inline-block;
    background-image: url(../images/Icons/NewUX/stock-icon-header.jpg);
    background-size: contain;
    vertical-align: top;
    margin-left: 11px;
}

.selectARegion {
    width: 100px !important;
}

    .selectARegion.FR {
        width: 150px !important;
    }

#wolseleyRegioninfo a:nth-of-type(2) {
    font-weight: bold;
    position: absolute;
    left: 36px;
    bottom: 73px;
    width: fit-content;
}


#wolseleyRegioninfo {
    left: -0.5% !important;
}



.icon-account {
    width: 24px;
    height: 24px;
    min-width: 24px;
    background-image: url(../images/Icons/NewUX/account-icon-header.jpg);
    margin-right: 5px;
    background-repeat: no-repeat;
}


.we-theme .navbar-header .hard-hold {
    position: absolute;
}

#main-wolseley-ribbon {
    min-height: 35px;
    height: 35px;
    max-height: 35px;
    width: 100%;
}

#main-wolseley-ribbon-bckground {
    background-color: #656565;
    position: absolute;
    right: 0;
    left: 0;
    height: 35px;
    color: #fff;
}

.main-wolseley-ribbon-btns {
    width: 51px;
    height: 35px;
    float: right;
    margin-right: 1.5%;
    margin-top: 7px;
    text-align: center;
}

    .main-wolseley-ribbon-btns a, .main-wolseley-ribbon-btns p {
        float: left;
        background-color: #656565;
    }

.main-wolseley-ribbon-Message {
    max-width: 100%;
    float: left;
    padding-left: 10px;
    padding-top: 8px;
}

#wolseley-header .warning-sign {
    background: url(../images/modal_popover/hard_hold_alert.png) no-repeat center;
    background-size: contain;
    height: 38px;
    width: 38px;
    float: left;
    color: transparent;
}

#wolseley-header .close-sign {
    position: absolute;
    right: 27px;
    top: 8px;
    font-weight: bold;
}

.warningBannerBody {
    text-align: center;
    width: 88%;
    margin-left: 6%;
    margin-right: 0;
}

    .warningBannerBody div {
        text-align: left !important;
    }

.WarningBanner {
    background-color: #F0F0F0;
    position: relative;
    min-height: 35px;
    padding-bottom: 8px;
}

.main-wolseley-ribbon-content {
    max-width: 1280px;
    height: 25px;
    margin: 0 auto;
}

.showSwitchAccount {
    font-size: 12px;
    font-weight: normal;
    color: #656565;
    display: block;
}

@media(max-width:350px) {
    .we-theme .navbar-header .navbar-toggle {
        left: 0px;
    }

    .dropdown-toggle {
        min-width: 100px;
        height: fit-content;
    }

    .wolseleyCartIcon {
        margin-top: -1px;
        margin-right: -26px;
    }
}

@media(max-width:400px) {
    .we-theme .navbar-header .navbar-toggle {
        left: 5px;
    }
}

@media(max-width:767px) {
    #wolseleyRegioninfo a:nth-of-type(1) {
        position: absolute;
        left: 0;
        top: 66px;
    }

    .loader-cart {
        top: 17px;
        right: 16px;
    }

    .dropdown-menu.nav-shop {
        overflow: hidden !important;
    }

    #HeaderDropDown_Promotion_Shop1 p:nth-of-type(1),
    #HeaderDropDown_Promotion_Shop1 p:nth-of-type(2) a,
    #HeaderDropDown_Promotion_Shop2 a, #HeaderDropDown_Promotion_Shop3 a,
    #HeaderDropDown_Promotion_Shop4 a {
        padding: 10px 3px !important;
        margin: 0 10px !important;
        text-align: left !important;
        display: block !important;
    }

    #HeaderDropDown_Promotion_Shop1 p:nth-of-type(2) a,
    #HeaderDropDown_Promotion_Shop2 a,
    #HeaderDropDown_Promotion_Shop3 a,
    #HeaderDropDown_Promotion_Shop4 a {
        font-weight: normal !important;
        border-bottom: none !important;
    }

    #HeaderDropDown_Promotion_Shop1 p:nth-of-type(1),
    #HeaderDropDown_Promotion_Shop2 a,
    #HeaderDropDown_Promotion_Shop3 a,
    #HeaderDropDown_Promotion_Shop4 a {
        font-size: 16px;
    }

    #HeaderDropDown_Promotion_Shop1 p:nth-of-type(1) {
        font-weight: bold !important;
        color: #656565;
    }

    #HeaderDropDown_Promotion_Shop1 p:nth-of-type(2),
    #HeaderDropDown_Promotion_Shop2 p:nth-of-type(1),
    #HeaderDropDown_Promotion_Shop3 p:nth-of-type(1),
    #HeaderDropDown_Promotion_Shop4 p:nth-of-type(1) {
        margin-bottom: 0;
    }

        #HeaderDropDown_Promotion_Shop1 p:nth-of-type(2) a {
            color: #cd2e31 !important;
            font-size: 14px !important;
            margin-top: -21px !important;
        }

    #HeaderDropDown_Promotion_Shop1 img,
    #HeaderDropDown_Promotion_Shop2 img,
    #HeaderDropDown_Promotion_Shop3 img,
    #HeaderDropDown_Promotion_Shop4 img {
        display: none !important;
    }

    .lastPromoShop {
        margin-bottom: 15px;
    }

    .warningBannerBody {
        margin-left: 14%;
        width: 78%;
    }


    .truncateWarningBanner {
        margin-top: 36px;
        max-height: 40px;
        overflow: hidden;
    }

    .main-wolseley-ribbon-Message {
        margin-left: 2.5%;
    }



    .signed-in .my-account-trigger {
        background: none !important;
        top: -16px;
        font-weight: bold !important;
        color: rgb(204, 46, 48) !important;
        font-size: 13px !important;
    }

        .signed-in .my-account-trigger .accountDescription {
            font-size: 11px !important;
            color: #333;
            line-height: initial;
        }

    .we-theme .navbar-header .hard-hold {
        right: 15px;
        top: 53px;
    }

    #wolseleyaccountinfo {
        margin-top: 9px !important;
    }

    .we-theme .navbar-header .navbar-toggle {
        bottom: 19px;
        left: 12px;
        position: absolute;
    }

    #we-search-form {
        width: 78%;
        float: right;
        bottom: 12px;
        position: absolute;
        right: 6px;
    }

    .we-theme .navbar-default {
        height: 160px;
        position: relative;
    }

    .we-theme .show-navigation .navbar-collapse {
        position: absolute;
        margin-top: 0;
        top: 158px;
        width: 83%;
        max-width: 400px;
        border-radius: 3px;
        box-shadow: 0px 5px 10px 0px rgb(128 128 128 / 20%);
        overflow-x: hidden;
    }

    .we-theme .navbar-nav > li > a {
        padding: 0;
        font-weight: normal;
        border-bottom: none;
    }

    #headerLinksNavBar2 {
        background-color: #f2f2f2;
        min-height: fit-content;
    }

    #mobileMenuServices {
        width: 104%;
        border-bottom: solid 1px #656565;
        border-bottom-width: 1px;
        margin-left: -11px;
        text-indent: 21px;
    }

    #mobileMenuSignIn {
        margin-bottom: 10px;
    }

    .mobileMenuShopBack a {
        border-bottom: solid 1px #656565 !important;
        border-bottom-width: 1px !important;
        width: 80%;
        text-indent: 0 !important;
        padding-left: 32px !important;
        margin-left: 0 !important;
    }

    .ICD_MW_CustomerDraft {
        padding-bottom: 5px;
    }

        .ICD_MW_CustomerDraft > p a {
            font-weight: normal !important;
            padding: 10px 3px !important;
        }

    .we-theme .navbar-nav li > .dropdown-menu li > a {
        font-weight: normal;
        padding: 10px 3px;
        border-bottom: none;
        border-bottom: none;
    }

    #mobileMenuShopLi .nav-list, #mobileMenuShopLi .nav-list ul {
        height: 100%;
    }

        #mobileMenuShopLi .nav-list ul {
            overflow-y: scroll;
        }

    .mobileMenuShopDept {
        font-weight: bold !important;
    }

    #mobileMenuBackDrop {
        width: 100vw;
        height: 100vh;
        position: absolute;
        background-color: black;
        z-index: 101;
        opacity: 0.7;
        backdrop-filter: blur(5px);
        margin-top: 93px;
    }

    #headerLinksTop, #headerLinksNavBar2, .dropdown-menu {
        padding-left: 10px !important;
    }

    #mobilemenudropdown {
        background-color: #f2f2f2;
    }

    #headerLinksTop {
        background-color: #FFFFFF;
    }

    .mobileMenuShopLTitles {
        font-weight: bold !important;
    }

    .mobileMenuShopL3SubTitle {
        font-size: 14px !important;
        margin-top: -21px !important;
        color: #cd2e31 !important;
    }

    #wolseleyaccountinfo {
        margin-top: 11px;
        float: left;
        width: 66%;
        line-height: 0;
        color: #cd2e31;
        font-weight: bold;
        margin-left: 0 !important;
    }

    .my-account-trigger {
        margin: 0;
    }

    .icon-cart-header {
        vertical-align: middle;
        margin-bottom: 4px;
        padding-left: 27px;
    }

    #wolseleyRegioninfo {
        margin-top: -3px;
    }

    #mobileMenuToggleBtn {
        bottom: 16px;
    }

    .mobileMenuShopLiL1Txt {
        max-width: 92% !important;
        display: inline-block;
    }

    .we-theme .navbar-nav > li > a.sign-in-trigger {
        margin-top: 2px !important;
        font-size: 14px !important;
        font-weight: bold !important;
        color: rgb(204, 46, 48) !important;
        background: none !important;
    }

    .LangButtonsDesktop {
        display: none !important;
    }

    .wolseleyCartIcon {
        position: absolute;
        right: 7px;
    }

    .nav-list {
        position: relative;
    }

    .we-theme .navbar-nav li .dropdown-menu {
        padding-left: 0 !important;
    }

    .we-theme .navbar-header .wolseley-main-logo {
        width: 100px;
    }

    .sign-in-link {
        margin: -5px 0px 0px 0px !important;
    }

    .wolseleyCartIcon {
        margin-top: 0;
    }

    .login-theme .wolseleyCartIcon {
        margin-top: 8px;
        margin-right: -9px;
    }

    .login-theme .wolseley-main-logo {
        margin-top: 7px;
        margin-left: 1px;
    }

    .icon-account {
        margin-top: -1px;
    }

    #ListTab .nav-pills {
        padding-bottom: -1px !important;
    }
}

/* Galaxy Fold */
@media(max-width:280px) {
    #wolseleyaccountinfo {
        width: 100%;
        display: block;
    }

    #wolseleyRegioninfo a:nth-of-type(1) {
        top: 45px !important;
    }

    #wolseleyRegioninfo a:nth-of-type(2) {
        top: 50px !important;
        bottom: unset;
    }

    .we-theme .navbar-nav > li > a.sign-in-trigger {
        margin-left: 0;
        padding-left: 0 !important;
    }

    .signed-in .my-account-trigger {
        padding: 0 !important;
        margin: 0 !important;
    }

    .dropdown-toggle.my-account-trigger > .flex {
        margin-top: 0 !important;
    }

    .we-theme .navbar-header .navbar-toggle {
        width: 50px;
    }

    .recommendedProd_AddToCartBtn {
        padding: 0;
    }

    .ProductRecommendations-mobile {
        width: 230px;
    }

    #productWrapperCarousel {
        padding: 50px;
    }

    #leftCheveron {
        left: -6%;
    }
}

@media(max-width:350px) {
    .wolseleyCartIcon {
        right: 32px;
    }

    .login-theme .wolseleyCartIcon {
        margin-right: -36px;
    }
}

@media(max-width:1258px) and (min-width:768px) {
    .sign-in {
        margin-right: 3%;
    }

    .sign-in-trigger {
        margin-top: -8px !important;
    }

    .wolseleyRegioninfo {
        width: 16px !important;
    }
}

@media(max-width:1100px) and (min-width:768px) {
    #we-search-form {
        left: 23% !important;
        width: 41% !important;
    }
}

@media(min-width:768px) {
    .we-theme .navbar-nav li > .dropdown-menu li > p {
        margin: 0px !important;
    }

    .we-theme .navbar-nav > li {
        position: inherit;
    }

    .we-theme .navbar-nav li > .dropdown-menu li > a,
    .we-theme .navbar-nav li > .dropdown-menu li > p a {
        font-weight: normal;
        border-bottom: none;
        color: #000000;
        font-size: 14px;
        text-indent: 0 !important;
        margin-left: 0 !important;
        display: block;
        padding: 0 20px 0 0;
    }

    .we-theme .navbar-nav > li > a {
        padding: 8px 10px;
    }

        .we-theme .navbar-nav > li > a[tabindex]:focus {
            border-bottom: 4px solid #cd2e31;
            outline: none;
        }

    .we-theme .navbar-nav li > .dropdown-menu {
        width: 250px;
        max-height: 500px;
    }

    .we-theme .navbar-nav li.open > .dropdown-menu,
    .we-theme .navbar-nav li.open.sign-in-link > .dropdown-menu,
    .we-theme .navbar-nav li.nav-dropdown-wag > .dropdown-menu {
        padding: 10px 24px 20px 30px;
    }

    #shopbycatheader {
        font-weight: bold;
        margin: 12px 0 0 0;
    }

    .we-theme .navbar-nav li > .dropdown-menu .nav-list li {
        border-bottom: none;
        padding: 2px 4px 0 0;
        margin: 4px 0;
    }

    #shopnavlinkDD .dropdown-menu, #shopnavlinkDD.dropdown-menu {
        max-width: 300px;
        min-height: 200vh;
        overflow: visible;
        padding-top: 0;
        margin-top: -2px !important;
    }


        #shopnavlinkDD.dropdown-menu .dropdown-submenu {
            position: absolute;
            left: 99%;
            top: -2px;
            height: 500px;
        }

            #shopnavlinkDD.dropdown-menu .dropdown-submenu .nav-list {
                height: 477px;
                width: 224px;
                margin-top: 0;
                padding-top: 0;
            }

    #shopnavlinkDD .nav-list {
        width: 112%;
        min-height: 50vh;
    }

    #headerLinksTop .nav-inner-list, #nav-list-first {
        width: 97.5%;
        height: 477px;
        overflow-y: auto;
    }
    /*.mobileMenuShopLiL1, .mobileMenuShopLiL2*/
    li[class="mobileMenuShopLiL1"], li[class="mobileMenuShopLiL2"] {
        background: url(../images/icons/NewUX/sub_menu_black.png) no-repeat right center;
        font-weight: bold;
    }

    /*#mobileMenuShopLi > ul > li > ul > li:hover, .mobileMenuShopLiL1:hover, li[class="mobileMenuShopLiL2"]:hover,
    #mobileMenuShopLi > ul > li > ul > li.mobileMenuShopLiL1.open > ul > li > ul > li:hover {*/
    li [class^="mobileMenuShopLiL"]:hover, li [class^="mobileMenuShopLiL"]:active, .menuShopitem:hover {
        font-weight: bold;
        background-color: #F4F4F4;
        cursor: pointer;
    }

    #headerLinksTop .mobileMenuShopL3SubTitle {
        font-size: 12px !important;
        margin-top: -21px !important;
        color: #cd2e31 !important;
    }

    .menuItemActive {
        background: url(../images/icons/NewUX/sub_menu_black.png) no-repeat right center;
        background-color: #F4F4F4;
        font-weight: bold;
    }

    .we-theme .navbar-header .hard-hold {
        right: 0;
        top: 65px;
    }

    .navbar-nav li a {
        font-weight: bold;
    }

    .navbar-header {
        height: 71px;
    }

    #headerLinksSignTop {
        width: 300px;
        margin-top: 2px;
        margin-right: 2% !important;
    }

    #we-search-form {
        width: 48%;
        left: 21%;
    }

    .sign-in {
        margin-right: 2% !important;
    }

    .sign-in-link {
        width: 222px !important;
        position: absolute !important;
        right: 0px;
        margin-right: 4% !important;
    }

    .wolseleyCartIcon {
        position: absolute;
        right: -12px;
        top: 6px;
        margin-top: 0;
    }

    #cartItemCountBckGrnd {
        margin-left: 23px;
    }

    #wolseleyRegioninfo {
        position: absolute;
        top: 70px;
        left: -0.5% !important;
        width: 100%;
        height: 30px;
    }

        #wolseleyRegioninfo a:nth-of-type(2) {
            left: 32px;
            bottom: 10px;
        }

    .we-theme .navbar-default {
        margin-top: 9px;
        height: 138px;
    }

    .langButtonsDesktop {
        margin-left: 75.5%;
        margin-top: 11px;
    }

    .lang-buttons {
        color: #fff !important;
        font-size: 14px;
        font-weight: bold;
    }

    #langBtn {
        color: #656565 !important;
    }

    .lang-buttonsN {
        text-decoration: underline;
        text-decoration: underline;
        text-decoration-thickness: 3px;
        text-underline-offset: 4px;
    }

    .langButtonsDesktop a, .langButtonsDesktop p {
        float: left;
    }

    .fr .sign-in-trigger {
        margin-top: -10px !important;
    }

    .signed-in .my-account-trigger {
        position: absolute !important;
        left: 18%;
        top: 22px;
        color: #cd2e31 !important;
        width: 200px;
        font-weight: bold !important;
        font-size: 13px !important;
    }

        .signed-in .my-account-trigger .accountDescription {
            font-size: 11px !important;
            color: #333;
            line-height: initial;
        }

    .arrow {
        border: solid black;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
    }

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

    .up {
        -webkit-transform: rotate(223deg);
    }

    .nav > li > a {
        display: unset;
    }

    li.open a.active {
        border-bottom: 4px solid #cd2e31;
    }

    .we-theme .navbar-nav > li > a.active {
        border-bottom: 4px solid #cd2e31;
    }

    .we-theme .navbar-nav > li > a.sign-in-trigger {
        width: 105%;
    }

    .menuShopTitle {
        margin-bottom: 20px !important;
    }

    .menuShopAll {
        margin-bottom: 10px;
    }

    .bodyFreeze {
        overflow: hidden;
    }

    #desktopMenuBackDrop {
        width: 100vw;
        height: 100vh;
        position: absolute;
        background-color: black;
        z-index: 101;
        opacity: 0.7;
        backdrop-filter: blur(5px);
        margin-top: -11px;
        left: 0;
    }

    .nav-wolseley, .nav-support {
        margin-top: -2px !important;
    }
}

@media(max-width:847px) and (min-width:768px) {
    .main-header.fr #onsalenavlinkparent {
        margin-left: 16px !important;
    }
}

@media(max-width:920px) and (min-width:768px) {
    .main-header.fr #onsalenavlinkparent {
        margin-top: 18px;
        margin-left: 0px;
        width: 250px;
    }

    .main-header.fr #headerLinksTop {
        margin-bottom: 10px;
        width: 83%;
    }
}

@media(max-width:1000px) and (min-width:768px) {
    .we-theme .navbar-nav > li {
        margin: 0px 18px;
    }
}


@media(max-width:962px) and (min-width:768px) {
    .sign-in {
        margin-right: 1% !important;
    }

    .my-account-trigger {
        left: 21%;
    }
}

@media(max-width:846px) and (min-width:768px) {
    #we-search-form {
        width: 35% !important;
    }
}


/****************** Login mini box *******************/

::-ms-reveal {
    display: none;
}

.we-theme .navbar-nav li.open > #loginMiniBox {
    min-height: unset;
    max-height: unset;
    height: fit-content;
    width: 362px;
    top: 60px;
    left: -85px;
    z-index: 1005;
    line-height: normal;
    border: 1px solid #ccc;
    font-size: 13px;
    padding: 10px 0;
}

    .we-theme .navbar-nav li.open > #loginMiniBox:before {
        content: "";
        position: absolute;
        border-color: rgba(194, 225, 245, 0);
        border: solid transparent;
        border-bottom-color: white;
        border-width: 12px;
        margin-left: -11px;
        top: -21px;
        left: 189px;
        z-index: 1;
    }

    .we-theme .navbar-nav li.open > #loginMiniBox:after {
        content: "";
        position: absolute;
        left: 180px;
        top: -21px;
        width: 0;
        height: 0;
        border: solid transparent;
        border-width: 10px;
        border-bottom-color: #ccc;
        z-index: 0;
    }

    .we-theme .navbar-nav li.open > #loginMiniBox .form-group .remb-label {
        margin: 1px 0 0 5px;
        padding: 0;
    }

    .we-theme .navbar-nav li.open > #loginMiniBox .form-group .remb-check {
        margin: 0;
        padding: 0;
    }

    .we-theme .navbar-nav li.open > #loginMiniBox #togglePassword {
        top: 58px;
    }

.we-theme .navbar-nav li.open > #loginMiniBox {
    padding: 10px 0;
    font-size: 13px;
    border: 1px solid #ccc;
    color: #444;
    overflow: inherit;
}

    .we-theme .navbar-nav li.open > #loginMiniBox .sign-in-title {
        font-size: 16px;
        font-weight: 600;
        padding-top: 10px !important;
        color: #000;
        margin: 0;
    }

    .we-theme .navbar-nav li.open > #loginMiniBox .form-group {
        padding: 10px 0 0;
        margin: 0;
    }

        .we-theme .navbar-nav li.open > #loginMiniBox .form-group label {
            display: block;
        }

        .we-theme .navbar-nav li.open > #loginMiniBox .form-group input[type="text"], #loginMiniBox .form-group input[type="password"] {
            display: block;
            width: 100%;
            -webkit-box-shadow: inset 0 0 0 1000px #E9E9E9;
        }

    .we-theme .navbar-nav li.open > #loginMiniBox #togglePassword {
        position: absolute;
        right: 25px;
        top: 43px;
        cursor: pointer;
    }

    .we-theme .navbar-nav li.open > #loginMiniBox .forgot-password {
        color: #cd2e31;
        font-size: 13px;
        display: inline-block;
    }

    .we-theme .navbar-nav li.open > #loginMiniBox .signin-btn {
        margin-bottom: 20px;
    }

    .we-theme .navbar-nav li.open > #loginMiniBox .signin-btn {
        width: 100%;
    }

    .we-theme .navbar-nav li.open > #loginMiniBox .separator {
        border-top: 1px solid #8b8787;
        padding: 20px 0 0;
    }

    .we-theme .navbar-nav li.open > #loginMiniBox .btn {
        min-width: auto;
        height: auto;
    }

    .we-theme .navbar-nav li.open > #loginMiniBox .form-group label, .we-theme .navbar-nav li.open > #loginMiniBox .form-group input {
        margin: 10px 0 0;
    }

    .we-theme .navbar-nav li.open > #loginMiniBox #togglePassword {
        top: 54px;
    }

    .we-theme .navbar-nav li.open > #loginMiniBox .form-group .remb-label {
        margin-left: 5px;
    }

#signinnavlinkArrow {
    margin-left: 10px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .we-theme .navbar-nav li.open > #loginMiniBox {
        min-height: unset;
        max-height: unset;
        height: fit-content;
        width: 362px !important;
        top: 60px !important;
        left: -85px !important;
        z-index: 1005 !important;
        line-height: normal;
    }

        .we-theme .navbar-nav li.open > #loginMiniBox .form-group .remb-label {
            margin: 1px 0 0 5px;
            padding: 0;
        }

        .we-theme .navbar-nav li.open > #loginMiniBox .form-group .remb-check {
            margin: 0;
            padding: 0;
        }

        .we-theme .navbar-nav li.open > #loginMiniBox #togglePassword {
            top: 58px;
        }
}

@media (min-width: 481px) and (max-width: 767px) {
    .we-theme .navbar-nav li.open > #loginMiniBox {
        min-height: unset;
        max-height: unset;
        height: fit-content;
        width: 362px !important;
        top: 60px !important;
        left: 15px !important;
        z-index: 1005 !important;
        line-height: normal;
    }

        .we-theme .navbar-nav li.open > #loginMiniBox:before {
            content: "";
            position: absolute;
            border-color: rgba(194, 225, 245, 0);
            border: solid transparent;
            border-bottom-color: white;
            border-width: 12px;
            margin-left: -11px;
            top: -21px;
            left: 189px;
            z-index: 1;
        }

        .we-theme .navbar-nav li.open > #loginMiniBox:after {
            content: "";
            position: absolute;
            left: 180px;
            top: -21px;
            width: 0;
            height: 0;
            border: solid transparent;
            border-width: 10px;
            border-bottom-color: #ccc;
            z-index: 0;
        }
}

@media (min-width: 281px) and (max-width: 480px) {
    .we-theme .navbar-nav li.open > #loginMiniBox {
        min-height: unset;
        max-height: unset;
        height: fit-content;
        width: 300px !important;
        top: 60px !important;
        left: 10px !important;
        z-index: 1005 !important;
        line-height: normal;
    }

        .we-theme .navbar-nav li.open > #loginMiniBox:before {
            content: "";
            position: absolute;
            border-color: rgba(194, 225, 245, 0);
            border: solid transparent;
            border-bottom-color: white;
            border-width: 12px;
            margin-left: -11px;
            top: -21px;
            left: 159px;
            z-index: 1;
        }

        .we-theme .navbar-nav li.open > #loginMiniBox:after {
            content: "";
            position: absolute;
            left: 150px;
            top: -21px;
            width: 0;
            height: 0;
            border: solid transparent;
            border-width: 10px;
            border-bottom-color: #ccc;
            z-index: 0;
        }
}

@media (max-width: 280px) {
    .we-theme .navbar-nav li.open > #loginMiniBox {
        min-height: unset;
        max-height: unset;
        height: fit-content;
        width: 270px !important;
        top: 97px !important;
        left: 5px !important;
        z-index: 1005 !important;
        line-height: normal;
    }

        .we-theme .navbar-nav li.open > #loginMiniBox:before {
            content: "";
            position: absolute;
            border-color: rgba(194, 225, 245, 0);
            border: solid transparent;
            border-bottom-color: white;
            border-width: 12px;
            margin-left: -11px;
            top: -21px;
            left: 88px;
            z-index: 1;
        }

        .we-theme .navbar-nav li.open > #loginMiniBox:after {
            content: "";
            position: absolute;
            left: 79px;
            top: -21px;
            width: 0;
            height: 0;
            border: solid transparent;
            border-width: 10px;
            border-bottom-color: #ccc;
            z-index: 0;
        }
}

/****** End of Login mini view *******/

@media(max-width:1100px) and (min-width:768px) {
    .sign-in-link {
        margin-right: 10% !important;
    }
}

@media(max-width:936px) and (min-width:768px) {
    .sign-in-link {
        margin-right: 12% !important;
    }

    #we-search-form {
        left: 27% !important;
        width: 32% !important;
    }
}


@media(max-width:846px) and (min-width:768px) {
    .we-theme .navbar-nav > li:first-child {
        margin: 0px 18px;
    }

    .we-theme .navbar-nav > li {
        margin: 0px 18px;
    }
}

@media(max-width:800px) and (min-width:768px) {
    #we-search-form {
        left: 24% !important;
    }

    .we-theme .navbar-header .wolseley-main-logo {
        width: 163px;
    }

    #rightCheveronRecoRail {
        left: 101%;
    }
}

@media(min-width:1200px) {
    .sign-in-link {
        width: 56%;
        left: 17%;
    }

    #similarProduct-grid {
        width: 490px !important;
    }
}

.headerIconLinks .CustomerDraftlink, .headerIconLinks .hard-hold {
    float: right;
    margin-top: -29px;
    padding-left: 0;
}

    .headerIconLinks .hard-hold .warning-sign {
        height: 60px !important;
        width: 60px !important;
    }

#onsalenavlinkparent {
    margin-right: 0 !important;
}
/****************** Account modal ******************/
.we-theme .navbar-nav li.open > #accountModal {
    left: -25px !important;
    top: 70px;
    overflow: unset;
    max-height: 700px !important;
    width: 360px;
    left: auto;
    right: 0;
    border-radius: 0;
    padding: 0;
}

    .we-theme .navbar-nav li.open > #accountModal:before {
        content: "";
        position: absolute;
        border-color: rgba(194, 225, 245, 0);
        border: solid transparent;
        border-bottom-color: white;
        border-width: 12px;
        margin-left: -11px;
        top: -21px;
        left: 179px;
        z-index: 1;
    }

    .we-theme .navbar-nav li.open > #accountModal:after {
        content: "";
        position: absolute;
        left: 170px;
        top: -21px;
        width: 0;
        height: 0;
        border: solid transparent;
        border-width: 10px;
        border-bottom-color: #ccc;
        z-index: 0;
    }

    .we-theme .navbar-nav li.open > #accountModal li a {
        font-weight: normal;
    }

    .we-theme .navbar-nav li.open > #accountModal li div.heading, .we-theme .navbar-nav li.open > #accountModal li div.heading a {
        font-size: 15px;
        font-weight: 600;
    }

    .we-theme .navbar-nav li.open > #accountModal div.flex {
        padding: 6px 0 4px 0;
    }

    .we-theme .navbar-nav li.open > #accountModal p {
        position: relative;
    }

    .we-theme .navbar-nav li.open > #accountModal .separatorLine {
        border-top: 1px solid #8b8787;
        padding: 20px 0 0;
    }

    .we-theme .navbar-nav li.open > #accountModal .mapLink {
        min-width: 70px;
    }

        .we-theme .navbar-nav li.open > #accountModal .mapLink a {
            cursor: pointer;
            text-decoration: underline;
        }

    .we-theme .navbar-nav li.open > #accountModal .switch-account-link, .we-theme .navbar-nav li.open > #accountModal .switch-profile-link {
        margin-bottom: 10px;
        font-size: 13px;
        color: #444;
    }

    .we-theme .navbar-nav li.open > #accountModal .tblBranchHours {
        border: 0;
        padding: 0;
        margin: 0;
    }

        .we-theme .navbar-nav li.open > #accountModal .tblBranchHours td {
            padding: 0 10px 0 0;
            border: 0;
            font-size: 14px;
        }

#footer-branch .tblBranchHours {
    margin-bottom: 0px;
}

    #footer-branch .tblBranchHours td {
        padding: 0 3px 0 0;
        border: 0;
    }

.we-theme .navbar-nav li.open > #accountModal {
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #ccc;
    color: #444;
    overflow: inherit;
    line-height: normal;
}

    .we-theme .navbar-nav li.open > #accountModal li {
        padding: 10px;
    }

@media (min-width: 768px) and (max-width: 1024px) {
    .we-theme .navbar-nav li.open > #accountModal {
        left: -50px !important;
        top: 70px;
        overflow: unset;
        max-height: 700px !important;
        width: 360px;
        left: auto;
        right: 0;
        border-radius: 0;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .we-theme .navbar-nav li.open > #accountModal {
        min-height: 540px !important;
        width: 360px !important;
        top: 70px !important;
        left: 15px !important;
        z-index: 1005 !important;
    }

        .we-theme .navbar-nav li.open > #accountModal:before {
            content: "";
            position: absolute;
            border-color: rgba(194, 225, 245, 0);
            border: solid transparent;
            border-bottom-color: white;
            border-width: 12px;
            margin-left: -11px;
            top: -21px;
            left: 179px;
            z-index: 1;
        }

        .we-theme .navbar-nav li.open > #accountModal:after {
            content: "";
            position: absolute;
            left: 170px;
            top: -21px;
            width: 0;
            height: 0;
            border: solid transparent;
            border-width: 10px;
            border-bottom-color: #ccc;
            z-index: 0;
        }
}

@media (min-width: 281px) and (max-width: 480px) {
    .we-theme .navbar-nav li.open > #accountModal {
        min-height: 530px !important;
        width: 310px !important;
        top: 70px !important;
        left: 5px !important;
        z-index: 1005 !important;
    }

        .we-theme .navbar-nav li.open > #accountModal:before {
            content: "";
            position: absolute;
            border-color: rgba(194, 225, 245, 0);
            border: solid transparent;
            border-bottom-color: white;
            border-width: 12px;
            margin-left: -11px;
            top: -21px;
            left: 149px;
            z-index: 1;
        }

        .we-theme .navbar-nav li.open > #accountModal:after {
            content: "";
            position: absolute;
            left: 140px;
            top: -21px;
            width: 0;
            height: 0;
            border: solid transparent;
            border-width: 10px;
            border-bottom-color: #ccc;
            z-index: 0;
        }
}

@media (max-width: 280px) {
    .we-theme .navbar-nav li.open > #accountModal {
        min-height: 540px !important;
        width: 270px !important;
        top: 95px !important;
        left: 5px !important;
        z-index: 1005 !important;
        height: fit-content;
    }

        .we-theme .navbar-nav li.open > #accountModal:before {
            content: "";
            position: absolute;
            border-color: rgba(194, 225, 245, 0);
            border: solid transparent;
            border-bottom-color: white;
            border-width: 12px;
            margin-left: -11px;
            top: -21px;
            left: 129px;
            z-index: 1;
        }

        .we-theme .navbar-nav li.open > #accountModal:after {
            content: "";
            position: absolute;
            left: 120px;
            top: -21px;
            width: 0;
            height: 0;
            border: solid transparent;
            border-width: 10px;
            border-bottom-color: #ccc;
            z-index: 0;
        }
}

/***** End of My account modal *****/
/***** MyList Page *****/
#ListTab, .web-quotes .row-fluid {
    padding-top: 19px;
}

    #ListTab .nav-pills, .web-quotes .row-fluid .nav-pills {
        padding-bottom: 9px;
    }
/*****End of MyList Page *****/
/**OH enhancements*/
#allocated-quantity-popover {
    display: none;
}

.cancelledLine {
    text-decoration: line-through !important;
}

.we-theme .k-grid td {
    border-top: 1px dashed #ccc;
    border-bottom: none;
}

.oh-remove-border {
    border: none !important;
}

#orderdetailgrid table {
    border-bottom: 1px dashed #ccc;
}

#orderdetailgrid .ohEnhancementtitles, #orderdetailgrid .ohEnhancementtitles span {
    display: flex;
    justify-content: center;
    text-align: center !important;
    position: relative;
}

.allocated-quantity-info {
    position: absolute;
    right: 0;
    top: 6px;
}

#orderdetailgrid table thead tr th {
    overflow: visible;
    padding-right: 0;
    padding-left: 0;
}

.ohEnhancementtitlesBOQ {
    min-width: 121px;
}

.ohEnhancementtitlesTIQ {
    min-width: 140px;
}

.ohEnhancementtitlesUP {
    min-width: 92px;
}

.ohEnhancementtitles .popover {
    top: 22px !important;
    left: -215.5px !important;
    width: 352px;
}

    .ohEnhancementtitles .popover .arrow {
        left: 95% !important;
        border-bottom-color: rgba(230,230,230,1);
    }

#orderdetailgrid th[data-field="AllocatedQuantity"] {
    min-width: 113px;
    width: 130px;
}

@media (min-width: 768px) and (max-width:991px) {
    .ohEnhancementtitlesBOQ {
        min-width: 116px;
    }

    .ohEnhancementtitlesTIQ {
        min-width: 84px;
    }

    .ohEnhancementtitlesUP {
        min-width: 70px;
    }
}

@media (max-width: 767px) {
    #orderdetailgrid .ohEnhancementMobileCenter span {
        display: flex;
        justify-content: center;
        text-align: center !important;
        position: relative;
    }
}

@media (max-width: 1366px) {
    .ohEnhancementtitles .popover {
        left: -222.5px !important;
    }
}

@media (max-width: 1199px) {
    .ohEnhancementtitles .popover {
        left: -231.5px !important;
    }
}

@media (max-width: 991px) {
    .ohEnhancementtitles .popover {
        left: -235px !important;
    }
}
/**OH enhancements end*/
/*RFQ enhancements start*/
.flex-container, .flex-columns {
    display: flex;
}

.flex-columns {
    justify-content: center;
}

.flex-columns, .flex-columns-main {
    flex-direction: column;
    max-width: 50%;
}

    .flex-columns input {
        width: 100%;
        height: 34px;
    }

    .flex-columns p {
        margin-bottom: 0;
    }

    .flex-columns .k-select {
        max-height: 30px;
        min-height: 30px;
    }

.flex-columns-main {
    flex: 50%;
    padding: 0 !important;
}

.flex-columns-r, .flex-columns-l {
    min-width: 50%;
    height: 42px;
    padding-top: 10px;
}

.flex-columns-l2 {
    min-width: 37%;
    max-width: 37%;
}

.flex-columns-r2 {
    min-width: 63%;
    max-width: 63%;
}

.flex-columns-r, .flex-columns-r2 {
    float: right;
}

.flex-columns-l, .flex-columns-l2 {
    float: left;
}

.flex-columns-100 {
    min-width: 100%;
    min-height: 5px;
}

    .flex-columns-100 .field-validation-error {
        text-align: right;
    }

.flex-container > div {
    margin: 10px;
    padding: 20px;
    font-size: 30px;
}

#quoteMyCartModalPopup {
    width: 768px;
}

.quoteMyCartSentTo, .quoteMyCartDefaultBranch {
    margin-top: 21px;
}

.btnQuoteDefaultBranch {
    white-space: normal;
    word-wrap: break-word;
}

.quoteMyCartSpecialInstructions {
    margin-top: 58px;
    height: 30px;
}

.quote-cart-popup-content {
    padding-bottom: 0;
}

.quoteMyCartTitle {
    font-weight: bold;
}

#dropdownSelectAddressQuoteCart span, #dropdownDeliveryAddressQuoteCart span {
    font-size: 14px;
}

#dropdownSelectAddressQuoteCart, #dropdownDeliveryAddressQuoteCart {
    height: 35px;
}

#btnQuoteDefaultBranch:disabled {
    width: 100%;
    white-space: normal;
    word-wrap: break-word;
    color: #000000;
    border-color: #a6a6a6;
    background-color: #bfbfbf;
    opacity: 1;
}

#btnQuoteMyCart {
    width: 224px;
    font-size: 14px;
}

#btnNewAddress {
    font-size: 14px;
    width: fit-content;
    align-self: flex-end;
}

#specialinstructions {
    height: 51px;
    min-height: 51px;
    word-break: break-word;
    resize: none;
}

.webquoteRequired {
    color: #cd2e31 !important;
    font-size: 16px;
    margin-right: 3px;
}

.webquoteRequired2 {
    position: relative
}

.quoteMyCartTitle {
    display: inline;
}

    .quoteMyCartTitle .webquoteRequired, .quoteMyCartTitle p {
        float: left;
    }
/*** Promotional Popup - Start */
.promotioalPopup {
    padding-right: 0 !important;
    z-index: 3000 !important;
}

    .promotioalPopup .modal-body {
        padding: 0 !important;
    }

    .promotioalPopup .modal-dialog-centered {
        min-height: 90%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .promotioalPopup .modal-content {
        border: 0 !important;
    }

    .promotioalPopup .btnClose {
        background: url(/Themes/WCAExpress/Content/images/close.png);
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 8px 8px;
        padding: 8px;
        margin: 10px;
        border: 0;
        position: absolute;
        right: 0;
    }
/*** Promotional Popup - End */
#requested-quotes-kgrid {
    min-height: 375px;
}

.k-calendar-container, #quoteMyCartModal .k-input {
    font-size: 14px !important;
}

.divQuotePadding {
    padding-bottom: 15px;
}

.btnQuote {
    width: 120px;
    height: 60px;
    white-space: normal;
    word-wrap: break-word;
    margin-right: 30px;
    background-color: #cd2e31 !important;
    border-color: #cd2e31;
    padding: 0;
}

.quoteSummary h3 {
    border-bottom: none;
}

.quoteSummary h4 {
    color: #656565;
    font-size: 16px;
}

.quoteRequest {
    color: #656565;
    font-size: 18px;
    font-weight: bold;
}

.quotedl dd {
    text-align: left;
    width: 55%;
}

.btnRefuse {
    background-color: #5c5c5c !important;
    border-color: #a4a4a4;
}

.webQuoteStatusCompletePendingValidation {
    background: lightgreen !important;
    border: 2px solid lightgreen;
    color: #000 !important;
}

.webQuoteStatusInProgress {
    background: yellow !important;
    border: 2px solid yellow;
}

.webQuoteStatusExpired, .webQuoteStatusNotStarted {
    background: #cd2e31 !important;
    color: #fff !important;
    border: 2px solid #cd2e31;
}

#requested-quotes-kgrid .webquoteITxt {
    line-height: 1.1;
}

.marginTop30 .webquoteITxt {
    font-size: 10px;
    font-weight: 400;
    font-family: Arial;
    text-align: left;
    text-transform: none !important;
}

#requested-quotes-kgrid .k-grid-header thead {
    height: 57px;
}

#requested-quotes-kgrid .k-grid-content {
    overflow-y: auto;
}

#requested-quotes-kgrid .StatusILeg {
    top: 18px;
}

#requested-quotes-kgrid .we-theme .k-grid .k-grid-content {
    overflow-y: auto !important;
}

.quoteAction {
    background: #f2f2f2;
}

.quotesummarydl {
    float: left;
    width: 200px;
    clear: left;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}

.msg-rotate .modal-title {
    background: url(../images/Icons/NewUX/rotating-device.png) no-repeat !important;
}

#pleaseRotateYourDevicePopup .modal-body, .msg-rotate .modal-title {
    color: #000000;
}

.red-border {
    border: solid red 3px;
}

#quoteMyCartModal .k-i-calendar {
    margin-top: -35px;
}

.we-theme .k-grid tr:hover .webquoterequeststatusOverflow {
    min-height: 33px;
}

.webQuoteStatusSpan {
    padding: 0;
    padding-top: 1px;
}

.txtAlignRight {
    text-align: right;
}

.legendMain {
    position: relative;
}

.legend div {
    background: #f5f5f5;
    border-radius: 3px;
    border: 1px solid #e9e9e9;
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
    display: none;
    font-weight: normal;
    padding: 0 10px;
    position: absolute;
    width: 320px;
    z-index: 10;
    right: 0;
}

.statusWidth {
    width: 98%;
    padding-right: 0;
    float: left;
}

.webQuote {
    padding: 2px 10px 2px 10px;
    border-radius: 4px;
    display: inline-block;
    max-width: 110px;
    text-align: center;
    margin-right: -10px;
}

.deliveryAddressLabelP {
    display: block;
    padding-left: 11px;
    text-indent: -10px;
}

.rfqDetail-quoteAction {
    display: flex !important;
    width: unset !important;
    min-height: 230px;
    display: flex !important;
}

#quoteMyCartModalPopup #dvPreviewAddress {
    display: none !important;
}

.showDetailsBundle {
    text-align: right;
    margin-right: 12px;
    font-weight: bold;
    bottom: 0;
    right: 0;
    color: var(--wolseleyRed);
    width: fit-content;
    min-width: 300px;
    position: absolute;
    bottom: 0;
}

@media (max-width: 767px) {
    .sc-Items {
        height: 175px;
    }

    .showDetailsBundle {
        float: right;
        position: unset;
        min-width: unset;
    }
}

/************ Cross Sell Bundle - PDP - Start ************/
.crossSellBundleProducts img {
    width: 70px;
}

.crossSellBundleProducts .plus {
    font-size: 1rem;
    font-weight: 600;
    padding: 0 10px;
}

.crossSellBundleProducts .action {
    padding-left: 2rem;
}

.crossSellBundleProducts .lblPrice {
    font-size: 0.8rem;
    font-weight: 600;
    color: #656565;
}

.crossSellBundleProducts .price {
    font-size: 1.5rem;
    font-weight: 600;
}

.crossSellBundleHeading {
    border-bottom: 3px solid #cd2e31;
    width: fit-content;
    padding: 15px;
    margin-bottom: 10px;
}

    .crossSellBundleHeading span {
        font-weight: bold;
        color: #656565 !important;
        font-size: 16px;
    }

.crossSellBundleProductsCheckboxes {
    padding: 3rem 0;
}

    .crossSellBundleProductsCheckboxes checkbox {
        padding-right: 0.5rem;
    }

    .crossSellBundleProductsCheckboxes .check {
        -webkit-appearance: none; /*hides the default checkbox*/
        height: 18px;
        width: 18px;
        position: relative;
        transition: 0.10s;
        background-color: #FFF;
        border: 1px solid #FE0006;
        text-align: center;
        font-weight: 600;
        color: white;
        border-radius: 3px;
        outline: none;
        padding: 0;
        margin: 0;
        margin-right: 10px;
        font-size: 11px;
    }

        .crossSellBundleProductsCheckboxes .check:checked {
            background-color: #FE0006;
        }

        .crossSellBundleProductsCheckboxes .check:before {
            content: "";
        }

        .crossSellBundleProductsCheckboxes .check:checked:before {
            content: "✔";
        }

        .crossSellBundleProductsCheckboxes .check:hover {
            cursor: pointer;
            opacity: 0.8;
        }

    .crossSellBundleProductsCheckboxes input[type=checkbox]:focus,
    .crossSellBundleProductsCheckboxes input[type=file]:focus,
    .crossSellBundleProductsCheckboxes input[type=radio]:focus {
        outline: none;
        outline-offset: 0;
    }

    .crossSellBundleProductsCheckboxes .checkboxHeight {
        height: 19px;
    }

#cross-bundle-popup-container {
    padding: 0 20px !important;
}

    #cross-bundle-popup-container .modal-body {
        padding: 0 30px !important;
    }

    #cross-bundle-popup-container .modal-dialog-centered {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #cross-bundle-popup-container .modal-dialog {
        width: 100%;
        height: 100%;
        max-width: 700px;
        margin: 0 auto;
    }

    #cross-bundle-popup-container .modal-content {
        width: 100%;
    }

.crossSellBundleAddToCartSuccess .product-name {
    padding-left: 20px;
    font-weight: 600;
}

.crossSellBundleAddToCartSuccess .product {
    padding: 7px 0px;
    border-bottom: 2px solid #ddd;
}

    .crossSellBundleAddToCartSuccess .product img {
        width: 60px;
    }

.crossSellBundleAddToCartSuccess .modal-header {
    padding: 20px;
    border-bottom: 0;
}

.crossSellBundleAddToCartSuccess .modal-footer {
    border-top: 0;
    text-align: center;
    padding-top: 20px;
}

.btn-transparent {
    border: 1px solid #000;
    background: transparent;
}

.crossSellBundleProductLink:hover {
    color: #cd2e31;
    cursor: pointer;
    text-decoration: underline !important;
}

.crossSellBundleProductsCheckboxes .flex {
    margin-bottom: 10px;
}

.heightUnset {
    height: unset;
    line-height: unset;
}

.mbtm {
    margin-bottom: 10px !important;
}

#addBundleToCartInvalidPopup, #BundleAddtoCartPop, #addBundleToCartPopup {
    width: 100vw;
}

@media (max-width: 580px) {
    .crossSellBundleProducts {
        display: flex;
        flex-direction: column;
    }

        .crossSellBundleProducts .allImages {
            overflow-x: scroll;
        }

        .crossSellBundleProducts .action {
            padding-left: 0;
            margin-top: 1.5rem;
            text-align: center;
        }

    .crossSellBundleProductsCheckboxes .price {
        display: block;
    }

    .crossSellBundleProductsCheckboxes .shortDesc {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        white-space: normal;
    }
}

@media (max-width: 352px) {
    .crossSellBundleAddToCartSuccess .modal-footer .btn {
        margin-left: 0;
        width: 200px;
    }
}

/************ Cross Sell Bundle - PDP - End **************/
/************  PLP Banner: UX **************/
#wolseley-categoryBannerSection {
    margin-top: -20px;
}

@media (max-width: 1000px) {
    #wolseley-categoryBannerSection {
        margin-top: -50px;
        margin-bottom: 35px;
    }

        #wolseley-categoryBannerSection img {
            min-height: 150px !important;
        }
}
/************  PLP Banner: UX - End **************/
#promo-code-txt-title {
    color: #656565;
    font-size: 14px;
    font-weight: 400;
}

#promo-code-discount-code {
    color: #656565;
    font-size: 12px;
    font-weight: 700;
}

#promo-code-txt-Icon {
    padding-left: 5px;
    transform: rotate(-90deg);
    color: #656565;
}

#promo-code-txt-button a.collapsed label {
    background: url("../images/Icons/NewUX/promo-code-closed.jpg") no-repeat scroll 0px 1px transparent !important;
}

#promo-code-txt-button a.collapsed img {
    content: url("../images/Icons/NewUX/promo-code-closed.jpg");
}

#promo-code-txt-button a img {
    height: 20px;
    width: 20px;
    margin-bottom: 2px;
    margin-left: 4px;
    margin-right: 4px;
}

#promo-code-txt-button a label {
    background: url("../images/Icons/NewUX/promo-code-opened.jpg") no-repeat scroll 0px 1px transparent;
    height: 20px;
    width: 20px;
    margin-bottom: 2px;
    margin-left: 4px;
    margin-right: 4px;
}

#promo-code-txt-button, .promo-code-txt-remove {
    font-size: 12px !important;
    color: #656565;
    font-weight: 400;
}

#btnRemovePromocodedt {
    margin-top: -15px;
}

#promo-code-txt-remove {
    margin-top: -30px;
}

.promo-code-cart-hover {
    border: 1px solid #1E1E1E !important;
    color: #1E1E1E !important;
}

.promo-code-cart-error {
    border-color: var(--wolseleyRed) !important;
}

#promo-code-discount-code2 {
    font-size: 12px;
}

#btn-promo-apply2, #promo-code-sc2 {
    border: 1px solid #ddd;
    box-shadow: none;
}

    #promo-code-sc2:hover, #promo-code-sc2:hover, #btn-promo-apply2:hover {
        border: 1px solid #1E1E1E !important;
        box-shadow: none;
    }

#promo-code-sc2 {
    color: #8C8C8C;
    text-align: left;
    text-indent: 8px;
}

.promo-code-sc2-cartOnly {
    max-width: 150px;
}

#btn-promo-apply2 {
    text-align: center;
    color: #656565 !important;
}

#promo-code-txt-button {
    padding-bottom: 0px;
}

.promo-code-input-cartOnly {
    max-width: 224px;
    min-width: 224px;
    width: 100%;
}

#promo-code-input {
    padding-top: 0;
    width: 100%;
}

    #promo-code-input input, #promo-code-input button {
        background-color: white;
        color: black !important;
        border-width: 1px;
        height: 25px;
    }

    #promo-code-input input {
        width: 78%;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

.promo-code-input-cartOnly input {
    width: 67.4%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

@media only screen and (min-width : 991px ) and (max-width: 1199px) {

    #promo-code-input input {
        width: 44.4%;
    }
}

@media (max-width: 768px) {
    .promo-code-input-cartOnly {
        max-width: unset;
    }

    .promo-code-sc2-cartOnly {
        max-width: unset;
    }
}

@media screen and (max-width: 293px) {
    /*for galaxy folds*/
    #promo-code-input input {
        width: 65.4%;
    }
}

#promo-code-input button {
    min-width: 70px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin: 0;
    line-height: 0px;
    text-decoration: underline;
    padding-left: 6px;
    padding-right: 6px;
    margin-left: -4px;
}

#promo-code-input a {
    font-size: 12px;
    line-height: unset;
    margin-top: 8px;
    margin-left: 1px;
}

#promo-code-input .promo-code-success .promo-code-icons, #promo-code-input .promo-code-error .promo-code-icons {
    text-indent: 16px;
    height: 30px;
    width: 20px;
    margin-top: 5px;
}

#promo-code-input .promo-code-success .promo-code-icons {
    color: green;
    display: inline-block;
    padding-right: 10px;
    margin-right: 5px;
    width: 14px;
    height: 14px;
    margin-top: 0;
    background: url("../images/Icons/NewUX/promo-code-applied2.png") no-repeat scroll 0px 0px transparent !important;
}

#promo-code-input .promo-code-error .promo-code-icons {
    background: url("../images/Icons/NewUX/promo-code-error.png") no-repeat scroll 0px 1px transparent !important;
    text-indent: 16px !important;
}

#promo-code-input .promo-code-success .promo-code-e-label, #promo-code-input .promo-code-error .promo-code-e-label {
    width: 200px;
}

#promo-code-input .promo-code-error .promo-code-e-label {
    margin-top: 7px;
}

#promo-code-input .promo-code-success .promo-code-e-label {
    color: #12A244;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.checkout-step-1 #promo-code-one-at-a-time2 .promo-code-icons {
    margin-top: -1px !important;
}

.checkout-step-1 #promo-code-one-at-a-time2 .promo-code-e-label {
    margin-top: 7px !important;
}

#promo-code-error2 #promo-code-error-txt {
    text-indent: 0;
    margin-top: -5px;
}

.promo-code-discount-amount2 {
    position: revert !important;
}

#promo-code-one-at-a-time2 .promo-code-e-label {
    text-indent: 0 !important;
    margin-top: 0 !important;
}

#promo-code-one-at-a-time2 .promo-code-icons {
    margin-top: 0 !important;
}

#promo-code-success2 {
    cursor: default;
}

#product-skuset {
    color: #000000;
    font-size: 14px;
    display: flex;
    margin: auto;
    align-items: center;
}

    #product-skuset span {
        padding-right: 10px;
    }

    #product-skuset #pdp_skuSetAvailableAt {
        width: fit-content;
        min-width: 100px;
        height: 32px;
        padding-right: 20px;
        padding-left: 10px;
        border: 1px solid #656565;
        background-position-y: 0px !important;
    }

#productDetailSecondaryContainer .listPrice,
#productDetailSecondaryContainer .discount,
#productDetailSecondaryContainer #product-sku,
#productDetailSecondaryContainer #product-skuset,
#productDetailSecondaryContainer .last-ordered-on,
#productDetailSecondaryContainer #brand-Name {
    padding-bottom: 16px !important;
}

#productDetailSecondaryContainer #brand-Name {
    margin-top: -10px;
}

#productDetailSecondaryContainer #product-sku {
    padding-top: 0 !important;
}

#productDetailSecondaryContainer .price-container {
    display: block;
    overflow: auto;
    margin: 0 !important;
    padding: 0 !important;
}

#saveAsPDFContainer {
    margin: 20px !important;
}

    #saveAsPDFContainer .cart-options .stock-available select, #saveAsPDFContainer .cart-options .stock-available label, #saveAsPDFContainer .wsly-global-page-header .cart-options {
        float: right !important;
    }

    #saveAsPDFContainer .cart-options .stock-available select, #saveAsPDFContainer .cart-options .stock-available label {
        max-width: 60%;
    }

    #saveAsPDFContainer .cart-options .stock-available label, #saveAsPDFContainer .wsly-global-page-title, #saveAsPDFContainer .wsly-global-page-branch {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 42px !important;
        padding-top: 0 !important;
        width: fit-content !important;
        padding-right: 5px !important;
        font-family: 'Arial';
        font-style: normal;
        font-weight: 700;
        line-height: 13px;
    }

    #saveAsPDFContainer .wsly-global-page-title {
        font-size: 16px !important;
        height: 16px !important;
        color: #000000 !important;
    }

    #saveAsPDFContainer .wsly-user-name, saveAsPDFContainer .wsly-account-name {
        float: right;
        font-size: 11px;
    }

    #saveAsPDFContainer .wsly-user-name {
        margin-top: -32px;
    }

    #saveAsPDFContainer .wsly-account-name {
        margin-top: -32px;
    }

    #saveAsPDFContainer .wsly-global-page-branch {
        font-size: 11px !important;
        height: 11px !important;
        margin-top: 6px;
        margin-left: 1px;
    }

    #saveAsPDFContainer .page-title {
        margin-bottom: 14px !important;
        border-bottom: none !important;
    }

    #saveAsPDFContainer .cart-summary-section {
        padding-top: 10px !important;
    }

    #saveAsPDFContainer .cart-options .stock-available label {
        float: right !important;
    }

    #saveAsPDFContainer .cart-grid-content, #saveAsPDFContainer .cart-summary-section, .wolseley-headerPDF .navbar-we-default {
        border: none !important;
    }

    #saveAsPDFContainer .cart-summary-section {
        padding-bottom: 0px;
        border-bottom: none !important;
    }

    #saveAsPDFContainer .wsly-global-page-header {
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-bottom: 5px !important;
        height: 80px !important;
    }

        #saveAsPDFContainer .wsly-global-page-header .wsly-global-page-title {
            width: fit-content !important;
            float: left !important;
        }

        #saveAsPDFContainer .wsly-global-page-header .stock-available {
            width: fit-content !important;
        }


    #saveAsPDFContainer .cart-grid-header, #saveAsPDFContainer .cart-summary-wrapper {
        background-color: rgba(241, 241, 241, 0.5) !important;
    }

    #saveAsPDFContainer .cart-summary-wrapper {
        margin-bottom: 10px !important;
        font-size: 11px;
        border-bottom: none !important;
    }

    #saveAsPDFContainer .cart-item-summary-wrapper {
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-top: 41px !important;
    }

.cart-item-summary-wrapper .product-name-col a {
    color: rgba(59, 59, 59, 1) !important;
    font-family: arial !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.cart-item-summary-wrapper .product-name-col i a {
    color: rgba(101, 101, 101, 1) !important;
    font-family: arial !important;
    font-size: 15px !important;
    font-style: italic !important;
    font-weight: 700 !important;
}

#main-frame-savecartaspdf {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: unset !important;
}

.wolseley-headerPDF .my-account-trigger {
    float: right !important;
    width: fit-content !important;
    position: relative !important;
    padding-right: 0 !important;
}

.pdf-cart-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#headerCartPdf .image-wrapper {
    flex: 0 0 50%;
    max-width: 50%;
}

    #headerCartPdf .image-wrapper img {
        max-width: 100%;
        height: auto;
    }

#headerCartPdf .text-wrapper {
    flex: 0 0 50%;
    max-width: 50%;
    margin-left: 20px; /* add some spacing between the image and text */
}


/********** Availability new icons **********/
.availability-icon {
    margin-bottom: 10px;
}

    .availability-icon .availableText, .availability-icon .availableOtherLocationText, .availability-icon .backOrderText {
        font-weight: 600;
    }

    .availability-icon #btnLocations, .availability-icon #btnLocations:hover, .availability-icon .btnLocations, .availability-icon .btnLocations:hover {
        text-decoration: underline;
        text-transform: lowercase;
    }

.icon-back-order, .icon-status-available, .icon-status-available_other_location, .dual_icon_status_available, .dual_icon_status_other_location, .dual_icon_back_order, .dual_icon_delivery_green, .dual_icon_delivery_blue {
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-right: 10px;
    display: inline-block;
}

.icon-back-order {
    background: url(../images/Icons/NewUX/back_order.png) no-repeat;
}

.icon-status-available {
    background: url(../images/Icons/NewUX/status_available.png) no-repeat;
}

.icon-status-available_other_location {
    background: url(../images/Icons/NewUX/status_available_other_location.png) no-repeat;
}

/* Dual stock icons */
.dual_icon_status_available {
    background: url(../images/Icons/NewUX/dual_icon_status_available.png) no-repeat;
}

.dual_icon_status_other_location {
    background: url(../images/Icons/NewUX/dual_icon_status_other_location.png) no-repeat;
}

.dual_icon_back_order {
    background: url(../images/Icons/NewUX/dual_icon_back_order.png) no-repeat;
}

.dual_icon_delivery_green {
    background: url(../images/Icons/NewUX/dual_icon_delivery_green.png) no-repeat;
}

.dual_icon_delivery_blue {
    background: url(../images/Icons/NewUX/dual_icon_delivery_blue.png) no-repeat;
}
/* Dual stock icons */

.availability-icon span.backOrderText {
    display: flex;
    align-items: center;
}

.icon-info {
    background: url(../images/Icons/NewUX/info.png) no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 10px;
}

.backOrderText .tooltip-inner, .availability-icons-mobile-oncart .tooltip-inner {
    background: #FFFBF2;
    border: 1px solid #000;
    color: #000;
    padding: 8px;
    max-width: 270px;
    font-size: 14px;
    opacity: 1;
    text-align: left;
    padding: 5px 10px;
}

.backOrderText .tooltip.top .tooltip-arrow, .availability-icons-mobile-oncart .tooltip.top .tooltip-arrow {
    border-top-color: #000 !important;
}

.availability-icons-mobile-oncart .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000 !important;
}

.backOrderText .tooltip.in, .availability-icons-mobile-oncart .tooltip.in {
    opacity: 1;
}

.availability-icons-mobile-oncart .icon-info {
    height: 16px;
}

@media (max-width:390px) {
    .availability-icon {
        align-items: flex-start;
    }
}

.newTooltipPopover {
    background: #FFFBF2 !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
}

    .newTooltipPopover.bottom > .arrow {
        border-bottom-color: #000 !important;
        top: -14px !important;
    }

        .newTooltipPopover > .arrow:after, .newTooltipPopover.bottom > .arrow:after {
            border-bottom-color: #000 !important;
        }

    .newTooltipPopover > .arrow {
        border-width: unset !important;
    }

    .newTooltipPopover.bottom > .arrow {
        margin-left: -6px !important;
    }

    .newTooltipPopover ul.availablity-popover li {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .newTooltipPopover.bottom > .arrow:after {
        top: 0 !important;
    }

.express-static-text .availableItemsText {
    margin-right: 0px;
}

.availableItemsText .icon-status-available {
    margin-right: 0px;
}
/*******************************************/
h2[embeddedService-chatHeader_chatHeader] {
    color: white;
}

button.closeButton[embeddedService-chatHeader_chatHeader] {
    height: 15px;
    width: 15px;
    min-width: 15px !important;
    min-height: 15px !important;
    padding-top: 0 !important;
    position: absolute;
    right: 20px;
}

button.closeButton:hover[embeddedService-chatHeader_chatHeader]:before, button.minimizeButton[embeddedService-chatHeader_chatHeader]:before {
    right: -8px !important;
    top: -4px !important;
    background-color: unset !important;
}

button.minimizeButton[embeddedService-chatHeader_chatHeader] {
    position: absolute;
    right: 56px;
    top: 16px;
    min-height: 20px !important;
    embeddedServiceHelpButton max-height: 20px;
    min-width: 20px !important;
    max-width: 20px;
}

.prechatUI .uiInput .required {
    left: unset !important;
    top: -7px !important;
}

#main-frame-savecartaspdf .wolseley-main-logo {
    float: left;
    background: url(../images/icons/shop/main_logo.png) no-repeat center;
    background-size: contain;
    width: 148px;
    height: 47px;
}

#main-frame-savecartaspdf .my-account-trigger {
    float: right;
    margin-top: -40px !important;
}

#main-frame-savecartaspdf .wolseley-main-logo {
    float: left;
    background: url(../images/icons/shop/main_logo.png) no-repeat center;
    background-size: contain;
    width: 148px;
    height: 47px;
}

#saveAsPDFContainer .cart-options {
    min-width: 50%;
}

.wolseley-headerPDF #headerLinksSignTop li {
    margin: 0 !important;
}

.wolseley-headerPDF #wolseleyaccountinfo {
    margin-right: -59px;
    max-width: 50%;
}

#btnRemovePromocode2 a {
    text-decoration: underline;
}

.FullCartSummaryDetails {
    height: 138px !important;
}

.availabilityPrint {
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-right: 10px;
    display: inline-block;
}

#saveAsPDFContainer #order-total-including-tax {
    border: none !important;
}

#saveAsPDFContainer .product-image-col {
    width: 0% !important;
    padding: 0 !important;
}

#saveAsPDFContainer .product-image.product-image-col {
    width: 78px !important;
}

#saveAsPDFContainer .product-name-col {
    padding-left: 21px !important;
    width: 453px !important;
}

#saveAsPDFContainer .product-name {
    width: 320px !important;
    color: #000000 !important;
    vertical-align: top !important;
}

#saveAsPDFContainer .product-price-col {
    text-align: center !important;
    vertical-align: top !important;
}

#saveAsPDFContainer .cart-grid .availability-col {
    text-align: center !important;
    padding-left: 0 !important;
}

#saveAsPDFContainer .cart-grid tbody td .quantity-field {
    border: 0 !important;
}

#saveAsPDFContainer .cart-grid-header table thead tr th {
    font-weight: normal;
    color: var(--wolseleyDarkGrey);
    text-transform: none;
}

#saveAsPDFContainer .wolseley-main-parent-date {
    padding-right: 0 !important;
}

.cart-options button {
    margin-bottom: 10px;
}

#saveAsPDFContainer .cart-summary-section h2, #saveAsPDFContainer .online-payment-summary dt, #saveAsPDFContainer .online-payment-summary dd {
    color: #000000 !important;
}

#saveAsPDFContainer .online-payment-summary-subtotal dt {
    font-weight: 700;
}

#saveAsPDFContainer .shopCartScroll {
    overflow-y: hidden !important;
}

#saveAsPDFContainer .availability-col {
    vertical-align: top;
    width: 150px !important;
}

#saveAsPDFContainer .availability-col {
    vertical-align: top;
    width: 150px !important;
}

    #saveAsPDFContainer .availability-col .availability {
        vertical-align: top !important;
        margin-top: -5px !important;
        margin-right: 0 !important;
    }

#saveAsPDFContainer .availabilit-text {
    width: 66px;
    color: #000000 !important;
    display: inline-block;
}

#saveAsPDFContainer .sc-Items {
    height: unset !important;
}

#saveAsPDFContainer .availability-col-name {
    padding-left: 0 !important;
}

#saveAsPDFContainer .cart-grid .quantity-col {
    text-align: center !important;
}

#saveAsPDFContainer #promo-code-txt-title {
    color: #000000 !important;
}

.branchText {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}

.branchSubName {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    text-indent: 20px;
}

#MyOrderedProductsTop100 {
    background-color: #fff7ec;
}

    #MyOrderedProductsTop100 td[role=gridcell] {
        padding: 0 !important;
    }

#MyOrderedProductsTopIcon {
    background: url(/Themes/WCAExpress/Content/images/Icons/NewUX/Top100Pin.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    width: 18px;
    height: 18px;
    padding: 18px;
    border: 0;
}

#MyOrderedProductsTop100:hover td {
    background-color: #FFECDE !important;
}

/*********** Promocode Applied Terms & Conditions */
.promo-code-applied {
    padding: 10px 0;
}

.promo-code-tc-short-message {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    color: #3b3b3b;
    font-size: 12px;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.promo-code-tc-read-more {
    text-align: right;
    cursor: pointer;
}

    .promo-code-tc-read-more #btnReadTC {
        color: #1362D0 !important;
        font-size: 12px !important;
        font-weight: 400 !important;
        outline: none !important;
        text-decoration-line: underline;
    }

        .promo-code-tc-read-more #btnReadTC:hover {
            color: #1362D0 !important;
            font-size: 12px !important;
            font-weight: 400 !important;
            text-decoration-line: underline;
        }

#promocodeTCPopup {
    background-color: #fff;
    border-radius: 1px;
    box-shadow: 0 0 10px rgba(98, 96, 96, 0.2);
    width: 350px;
    height: 100%;
    overflow-y: auto;
    overflow-x: auto;
    padding: 0 !important;
    font-family: 'Arial';
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
}

#promocodeTCPopup {
    position: fixed;
    top: 0;
    left: auto;
    bottom: 0;
    z-index: 9999 !important;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    overflow: hidden;
    right: -320px;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

    #promocodeTCPopup.fade {
        -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
        -o-transition: opacity 0.3s linear, right 0.3s ease-out;
        transition: opacity 0.3s linear, right 0.3s ease-out;
    }

        #promocodeTCPopup.fade.in {
            right: 0;
        }

    #promocodeTCPopup .modal-body {
        padding: 20px;
        max-height: 88vh;
        overflow-y: auto;
    }

    #promocodeTCPopup .modal-div-title {
        min-width: 240px;
    }

    #promocodeTCPopup .modal-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: 18px;
        font-family: 'Arial';
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        height: 25px;
        color: #000;
    }

    #promocodeTCPopup .modal-header {
        height: 62px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 13px 13px 13px 18px;
        background: #F4F9FF;
        border-bottom: 2px solid #1362D0;
    }

    #promocodeTCPopup .modal-footer {
        display: flex;
        margin: 5px 20px;
        justify-content: center;
        padding: 0px !important;
        text-align: right;
        border-top: none !important;
    }

    #promocodeTCPopup .modal a.close-modal {
        position: absolute;
        top: 1.5px;
        right: 1.5px;
        display: block;
        width: 22px;
        height: 25px;
    }

    #promocodeTCPopup .closeBtn {
        background: url(/Themes/WCAExpress/Content/images/Icons/NewUX/close_modal.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 12px 12px;
        width: 18px;
        height: 18px;
        padding: 18px;
        border: 0;
        float: right;
    }

        #promocodeTCPopup .closeBtn:hover {
            background-color: rgba(0, 0, 0, 0.1);
            border-radius: 6px;
        }

        #promocodeTCPopup .closeBtn:focus {
            background-color: #E6E6E6;
            border-radius: 6px;
        }

    #promocodeTCPopup .modal-body p {
        padding: 0;
        margin: 0;
        display: flex;
        font-family: Arial;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

@media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), (max-width:280px) {
    #promocodeTCPopup {
        width: 100%;
    }

        #promocodeTCPopup .modal {
            overflow-y: scroll;
        }

        #promocodeTCPopup .modal-header {
            gap: 0;
        }

        #promocodeTCPopup .closeBtn {
            padding-top: 14px;
        }
}

#btnAddAllItemsToCart {
    width: 100%;
    outline: none;
}

#btnAddSelectedItemsToCart {
    outline: none;
}

#btnAddAllItemsToCart.disabled {
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.25) !important;
    background: rgba(0, 0, 0, 0.15) !important;
    color: rgba(0, 0, 0, 0.50) !important;
    opacity: 1;
}

.AddAllItemsError {
    display: inline-block;
    background: url(../images/Icons/NewUX/exclamation.svg) no-repeat 6px 10px;
    width: 100%;
    background-color: #FFFBE5;
    padding: 10px 25px 10px 25px;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    font-family: arial;
    line-height: 15.1px;
    border: solid 1px #E9CDA3;
    border-radius: 3px;
    color: #000000;
    text-align: left;
}

.AddAllItemsPricing {
    font-size: 14px;
    font-weight: 400;
    font-family: arial;
    line-height: 16px;
    color: #3B3B3B;
}

    .AddAllItemsPricing a {
        color: var(--wolseleyRed);
    }

#btnClearSelection {
    margin-left: 30px;
}

    #btnClearSelection > label {
        font-size: 16px;
        font-weight: 400;
        cursor: pointer;
    }

input[type=checkbox] {
    accent-color: #CD2E31;
    mix-blend-mode: multiply;
}

.ItemAlreadyInCart {
    width: unset;
    display: inline-flex;
}

#add-selection-to-cart-quote {
    margin-top: 30px;
    background-color: #F7F7F7;
    padding: 10px;
    font-weight: 400;
    border-radius: 7px;
}

#add-selection-to-cart-quote-div {
    /*width: 140px;*/
    display: flex;
    flex-direction: column;
    margin-right: 25px;
    float: left;
    color: #000000 !important;
    font-size: 16px;
    font-weight: 400;
}

#add-selection-to-cart-quote > a > label {
    color: #000000 !important;
    margin: 0;
    text-decoration: underline;
    color: #1362D0 !important;
    font-weight: 400;
    font-family: arial;
}

#add-selection-to-cart-quote-count {
    width: fit-content;
    margin: 0;
    padding-right: 4px;
    float: left;
}

#btnAddAllSelectedItemsToCart {
    margin-right: 30px;
}

#add-selection-to-cart-quote-subtotal-txt {
    display: flex;
    align-items: flex-end;
    float: left;
    width: fit-content;
    column-gap: 5px;
}

#add-selection-to-cart-quote-total {
    float: left;
    width: fit-content;
    font-weight: 700;
    font-size: 16px;
}

#addProductDetailsPopup .footer {
    height: unset !important;
}

.addSelectedItem:hover, #btnAddAllItemsToCart:hover {
    box-shadow: 0px 0px 0px 3px #CD2E3180;
}

.addSelectedItem.active, #btnAddAllItemsToCart:active {
    box-shadow: unset;
    background-color: #A80003 !important;
    border: 0;
}

@media ( max-width: 420px ) {
    #add-selection-to-cart-quote-div {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    #btnClearSelection {
        float: right;
        margin-top: 10px;
        margin-left: 0;
    }
}

.addSelectiontocartquoteFR {
    padding: 10px 0 !important;
}

.btnAddSelectedItemsToCartFR {
    font-size: 13px;
    width: 179px;
    padding-left: 5px;
}

.btnClearSelectionFR {
    font-size: 12px !important;
}