/* SHARED ACROSS WHOLE WEBSITE ---------------------------------------------------------------- */
/* SHARED ACROSS WHOLE WEBSITE ---------------------------------------------------------------- */
/* SHARED ACROSS WHOLE WEBSITE ---------------------------------------------------------------- */

/* Fonts */
@import url("https://use.typekit.net/fto1yvj.css");




table, td, div, h1, p {font-family: "soleil", sans-serif;, sans-serif;}

/* @font-face {
    font-family: 'soleil', sans-serif;
    src: url('../fonts/ArcoPerpetuoPro-Light.eot');
    src: url('../fonts/Arch-Light.woff') format('woff'),
            url('../fohnts/ArcoPerpetuoPro-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'soleil', sans-serif;;
    src: url('../fonts/ArcoPerpetuoPro-Regular.eot');
    src: url('../fonts/ArcoPerpetuo-Regular.woff') format('woff'),
            url('../fonts/ArcoPerpetuo-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'soleil', sans-serif;
    src: url('../fonts/Begum-Regular.eot');
    src: url('../fonts/Begum-Regular.woff') format('woff'),
            url('../fonts/Begum-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'soleil', sans-serif;
    src: url('../fonts/Futura-PT-Book.eot');
    src: url('../fonts/Futura-PT-Book.woff') format('woff'),
            url('../fonts/Futura-PT-Book.ttf') format('truetype');
} */

.text_std {
    font-family: "soleil", sans-serif;;
    color: #666666;
    font-size: 12px;
    line-height: 21px;
}
.text_std_light {
    font-family: "soleil", sans-serif;;
    font-size: 12px;
    line-height: 21px;
    color: #929292
}
.text_std_bold {
    font-family: "soleil", sans-serif;;
    color: #666666;
    font-size: 12px;
    line-height: 21px;
}

.compacted-container{
    width: 770px;
}

/* Responsive Utilities */

.hide-on-mobile {
    display: block;
}
.inline-hide.hide-on-mobile{
    display: inline-block;
}
.hide-on-desktop {
    display: none !important;
}

/* Default HTML Styles */


/* General Defaults ---------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 20px;
    font-family: 'soleil', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-weight: 300;
}

h1 {
    font-size: 30px;
    margin-top: 0px;
}

h2, .h2 {
    font-size: 14px;
}

h3.section-header {
    font-size: 22px;
    margin-top: 50px;
    margin-bottom: 30px;
}

h4 {
    font-size: 14px;
    color: #808080;
}

strong {
    letter-spacing: 0.05em;
    font-family: "soleil", sans-serif;;
    color: #404040;
}

a, a:hover, a:active, a:visited {
    color: #333333;
}
p, p a, p a:hover, p a:active, p a:visited {
    color: #808080;
}

.hr-pagetop {
    margin-top: 15px;
    height: 1px;
    border-bottom: 1px solid #929292;
    background-color: red;
}


.container-vertical {
    margin-top: 20px;
    margin-bottom: 20px;
}
 

*{
    /* This is mainly for a bug-fix involving slick sliders alongside bootstrap */
    min-height: 0;
    min-width: 0;
}
blockquote {
    font-family: "soleil", sans-serif;;
    font-size: 17px;
    color: #404040;
    text-transform: uppercase;
    border-left: none;
    padding: 0;
    margin: 0;
    width: 75%;
    line-height: 30px;
    letter-spacing: 0.15em;
    margin-bottom: 35px;
}

/* Body Styles */

body {
    font-family: ArcoLight;
    width: 100%;
    height: 100%;
    letter-spacing: 0.02em;
}
    body.showmenu {
        pointer-events: none;
    }
        body.showmenu header .menuitems {
            display: block;
            pointer-events: all;
        }

a:hover, .footer a:hover {
    text-decoration: none;
}

.container p a{
    text-decoration: underline;
}

/* Margin Helpers */

.margin_r_10 {
    margin-right: 10px;
}
.margin_r_15 {
    margin-right: 15px;
}
.margin_r_20 {
    margin-right: 20px;
}
.margin_b_15 {
    margin-bottom: 15px;
}
.margin_b_10 {
    margin-bottom: 10px;
}
.margin_b_20 {
    margin-bottom: 20px;
}
.margin_b_25 {
    margin-bottom: 25px;
}
.margin_b_30 {
    margin-bottom: 30px;
}
.margin_b_40 {
    margin-bottom: 40px;
}
.margin_b_50 {
    margin-bottom: 50px;
}
.margin_b_60 {
    margin-bottom: 60px;
}
.margin_b_70 {
    margin-bottom: 70px;
}
.margin_b_80 {
    margin-bottom: 80px;
}
.margin_b_150 {
    margin-bottom: 150px;
}
.margin_t_15 {
    margin-top: 15px;
}
.margin_t_20 {
    margin-top: 20px;
}
.margin_t_25 {
    margin-top: 25px;
}
.margin_t_30 {
    margin-top: 30px;
}
.margin_t_40 {
    margin-top: 40px;
}
.margin_t_60 {
    margin-top: 60px;
}
.margin_t_70 {
    margin-top: 70px;
}
.margin_t_80 {
    margin-top: 80px;
}

/* Buttons */

.linkbutton-red {
    background-color: #C64039;
    padding: 15px;
    font-size: 14px;
    font-family: "soleil", sans-serif;;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    margin-right: 10px;
    letter-spacing: 2px;
}
    .linkbutton-red:link, .linkbutton-red:visited, .linkbutton-red:hover, .linkbutton-red active {
        color: #ffffff;
    }
    .linkbutton-red img {
        padding-right: 10px;
    }

.linkbutton-white {
    display: inline-block;
    background-color: #ffffff;
    padding-left:15px;
    padding-right:15px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
    font-family: "soleil", sans-serif;;
    color: #666666;
    margin-right: 10px;
    letter-spacing: 1px;
    text-transform:uppercase;
    text-decoration: none;
}
    .linkbutton-white:link, .linkbutton-white:visited, .linkbutton-white:hover, .linkbutton-white:active {
        color: #666666;
    }
    .linkbutton-white img {
        margin-right: 10px;
    }
button.linkbutton-white {
    border: none;
}
.mobile_search{
    display: none;
}

.linkbutton-dark {
    background-color: #404040;
    padding: 15px 15px;
    font-size: 13px;
    font-family: "soleil", sans-serif;;
    letter-spacing: 0.15em;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    /*margin-right: 30px;*/
    margin-right: 0px;
    border: none;
    border: 1px solid #404040;
    cursor: pointer;
}
    .extramargin {
        margin-right: 30px;
    }
    .linkbutton-dark:visited {
        color: #ffffff;
    }
    .linkbutton-dark:link, .linkbutton-dark:hover, .linkbutton-dark active {
        color: #404040;
        background-color: #ffffff;
        text-decoration: none;
    }

.linkbutton-light-bordered {
    background-color: #FFFFFF;
    padding: 15px;
    font-size: 13px;
    font-family: "soleil", sans-serif;;
    color: #404040;
    text-decoration: none;
    display: inline-block;
    letter-spacing: 1px;
    border: 1px solid #404040;
    text-transform: uppercase;
    background-color: transparent;
}
    .linkbutton-light-bordered:link, .linkbutton-light-bordered:visited, .linkbutton-light-bordered:hover, .linkbutton-light-bordered:active { text-decoration: none; }

.linkbutton-white.underlined, a.underlined.linkbutton-white {
    text-decoration: none !important;
    border-bottom: 1px solid currentcolor;
    padding-bottom: 4px !important;
    cursor: pointer;
    padding-left: 0px;
    padding-right: 0px;
}

    .underlined a, a.underlined a {
        text-decoration: none !important;
    }

.underlined_link, a.underlined_link {
    font-size: 13px;
    font-family: "soleil", sans-serif;;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    padding-bottom: 4px;
    color: #404040;
}
    .underlined_link a, a.underlined_link a {
        text-decoration: none !important;
    }

    img + p.caption {
        margin-top: 10px;
        font-size: 14px;
    }
.contentpage .umb-grid .grid-section > div {
    margin-bottom: 60px;
}
.umb-grid .grid-section .SectionHeading {
    margin-bottom: 0px;
}

.umb-grid .grid-section .macro-picturegroup-three.container {
    padding: 0px;
    width: 100%;
}

.umb-grid .grid-section .collection-lifestyle-shots-carousel.container {
    padding: 0px;
    width: 100%;
}

.contentpage .umb-grid .grid-section > div .container.margin_b_70{
    margin-bottom: 0px;
}
.grid-section .rte p {
    margin-bottom: 0px;
}
.contentpage .umb-grid .grid-section {
    margin-top: 30px;
}
.umb-grid .grid-section .column > div > .rte {
    margin-bottom: 60px;
}
.umb-grid .grid-section .column .BigDate {
    margin-top: 0px;
}
/* Page Title Header Styles */
.title-header {
    color: #ffffff;
    height: 350px;
    padding: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 30px;
    position: relative;
}
    .title-header p {
        color: #ffffff;
    }
    .title-header:before {
        content: '';
        background-color: #000000;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        opacity: .2;
    }
    .title-header > .text-container {
        display: flex;
        align-items: center;
        height: 100%;
        padding-bottom: 32px;
    }
    .title-header > .text-container > .row {
        width: 100%;
    }
    .title-header .heading {
        font-family: "soleil", sans-serif;;
        text-transform: uppercase;
        font-size: 30px;
        margin: 0;
        letter-spacing: 0.25em;
    }
    .title-header .subheading {
        font-size: 14px;
        margin: 0;
    }
    .title-header ul,
    .bread-crumb ul {
        list-style: none;
        margin-bottom: 15px;
        padding-left: 0;
        font-size: 12px;
        color: #ffffff;
    }
        
        .title-header ul li,
        .bread-crumb ul li {
            list-style: none;
            display: inline;
        }
            .title-header ul li:after,
            .title-header-noimage ul li:after,
            .bread-crumb ul li:after,
            .title-header-justbreadcrumb ul li:after {
                content: '/';
                margin: 0 5px;
                font-family: "soleil", sans-serif;;
                font-size: 12px;
                color: #808080;
            }
            .title-header ul li::after {
                color: #ffffff;
            }
            .title-header ul li:last-of-type:after,
            .title-header-noimage ul li:last-of-type:after,
            .bread-crumb ul li:last-of-type:after,
            .title-header-justbreadcrumb ul li:last-of-type:after {
                content: none;
            }
        .title-header ul a,
        .bread-crumb ul a {
            color: #ffffff;
        }
            .bread-crumb ul{
                margin-top: 30px;
                margin-bottom: 30px;
            }
            .bread-crumb ul,
            .bread-crumb ul a {
                color: #808080;
            }

/*.title-header > .text-container {
        display: flex;
        align-items: center;
        height: 100%;
        padding-bottom: 32px;
    }
    .title-header > .text-container > .row {
        width: 100%;
    }*/

.title-header-noimage {
    height: 240px;
    padding: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 20px;
    background-color: #f6f6f6;
}
    .title-header-noimage > .text-container {
        display: flex;
        align-items: center;
        height: 100%;
        padding-bottom: 32px;
    }
        .title-header-noimage > .text-container > .row {
            width: 100%;
        }

    .title-header-noimage .heading {
        font-family: "soleil", sans-serif;;
        letter-spacing: 3px;
        text-transform: uppercase;
        font-size: 30px;
        margin: 0;
        color: #404040;
        letter-spacing: 0.25em;
    }
    .title-header-noimage .subheading {
        font-size: 14px;
        margin: 0;
        color: #808080;
    }
    .title-header-noimage ul {
        list-style: none;
        margin-bottom: 15px;
        padding-left: 0;
    }
        .title-header-noimage ul li {
            list-style: none;
            display: inline;
        }
        .title-header-noimage ul a {
            font-family: "soleil", sans-serif;;
            font-size: 12px;
            color: #808080;
        }

.title-header-justbreadcrumb {
    padding: 30px 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
    .title-header-justbreadcrumb .heading {
        font-family: "soleil", sans-serif;;
        letter-spacing: 3px;
        text-transform: uppercase;
        font-size: 30px;
        margin: 0;
        color: #404040;
    }
    .title-header-justbreadcrumb ul {
        list-style: none;
        padding-left: 0;
    }
        .title-header-justbreadcrumb ul li {
            list-style: none;
            display: inline;
        }
        .title-header-justbreadcrumb ul a {
            font-family: "soleil", sans-serif;;
            font-size: 12px;
            color: #828282;
        }

.title-header-white {
    padding: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 20px;
}
    .title-header-white > .text-container {
        display: flex;
        align-items: center;
        height: 100%;
        padding-bottom: 32px;
    }
    .title-header-white .heading {
        font-family: "soleil", sans-serif;;
        letter-spacing: 3px;
        text-transform: uppercase;
        font-size: 30px;
        margin: 0;
        color: #404040;
    }
    .title-header-white .subheading {
        font-size: 14px;
        margin: 0;
        color: #404040;
    }
    .title-header-white ul {
        list-style: none;
        margin-bottom: 45px;
        padding-left: 0;
    }
        .title-header-white ul li {
            list-style: none;
            display: inline;
        }
        .title-header-white ul a {
            font-family: "soleil", sans-serif;;
            font-size: 12px;
            color: #B2B2B2;
        }

.title-header-white-noimage {
    padding: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 20px;
}
    .title-header-white-noimage > .text-container {
        display: flex;
        align-items: center;
        height: 100%;
        padding-bottom: 32px;
    }
    .title-header-white-noimage .heading {
        font-family: "soleil", sans-serif;;
        letter-spacing: 3px;
        text-transform: uppercase;
        font-size: 30px;
        margin: 0;
        color: #404040;
    }
    .title-header-white .subheading {
    font-size: 14px;
    margin: 0;
    color: #404040;
}
    .title-header-white-noimage ul {
        list-style: none;
        margin-bottom: 45px;
        padding-left: 0;
    }
        .title-header-white-noimage ul li {
            list-style: none;
            display: inline;
        }
        .title-header-white-noimage ul a {
            font-family: "soleil", sans-serif;;
            font-size: 12px;
            color: #B2B2B2;
        }

/* Fabric Previews */

    .container-fabricpreviews {
        position: relative;
        margin-right: -30px;
        display: flex;
        flex-wrap: wrap;
    }

        .macro-themepage-featuredfabrics .container-fabricpreviews {
            display: block;
        }
    .fabricpreview {
        float: left;
        margin-right: 30px;
        margin-bottom: 30px;
        width: calc(16.66666% - 30px);
    }
        .container-fabricpreviews .fabricpreview a:hover {
            text-decoration: none;
        }
        .fabricpreview .tag-new {
            font-family: "soleil", sans-serif;;
            font-size: 13px;
            background-color: #000000;
            color: #ffffff;
            position: absolute;
            left: 0;
            top: 0;
            padding: 5px;
        }
        .fabricpreview .tag-specialorder {
            font-family: "soleil", sans-serif;;
            font-size: 13px;
            background-color: #cecece;
            color: #ffffff;
            position: absolute;
            left: 0;
            top: 0;
            padding: 5px;
        }
        .fabricpreview .tag-new + .tag-specialorder {
            left: 36px;
        }
        .product-holder{ position: relative; }
        .product-holder.special-order:after {
            padding: 8px 10px;
            position: absolute;
            top: 0px;
            left: 0px;
            font-size: 13px;

            content: 'Special Order';
            font-family: "soleil", sans-serif;;
            font-size: 13px;
            background-color: #cecece;
            color: #ffffff;
            position: absolute;
            z-index: 1;
    
        }
        .fabricpreview .image {
            position: relative;
            width: 100%;
            height: 0px;
            padding-bottom: 100%;
            background-size: cover;
            background-position: center;
            margin-bottom: 15px;
        }
        .fabricpreview .name,
        .fabricinfo .name{
            font-family: "soleil", sans-serif;;
            font-size: 14px;
            color: #404040;
        }
        .fabricpreview .colours {
            font-family: "soleil", sans-serif;;
            font-size: 13px;
            color: #808080;
        }
        .fabricpreview .description,
        .fabricinfo .description{
            font-family: "soleil", sans-serif;;
            font-size: 13px;
            color: #808080;
            letter-spacing: 0.05em;
        }


/* SITE HEADER ----------------------------------------------------------------------------------------------------- */
/* SITE HEADER ----------------------------------------------------------------------------------------------------- */
/* SITE HEADER ----------------------------------------------------------------------------------------------------- */



/* SITE FOOTER ----------------------------------------------------------------------------------------------------- */
/* SITE FOOTER ----------------------------------------------------------------------------------------------------- */
/* SITE FOOTER ----------------------------------------------------------------------------------------------------- */


/* MACROS ---------------------------------------------------------------------------------------------------------- */
/* MACROS ---------------------------------------------------------------------------------------------------------- */
/* MACROS ---------------------------------------------------------------------------------------------------------- */

/* Fabric Tagged Image */

.macro-taggedimage-container {
    display: inline-block;
    width: 100%;
    height: 100%
}
    .macro-taggedimage-container .taggedimage-button {
        cursor: pointer;
        position: absolute;
        right: 20px;
        top: 0px;
    }
    .macro-taggedimage-container:hover .taggedimage-button {
        opacity: 1;
    }
    .macro-taggedimage-container .taggedimage-image {
        width: 100%;
        height: auto;
    }

.taggedimage-container {
    display: inline-block;
    position: relative;
    width:100%;
}
    .taggedimage-container:hover .taggedimage-button,
    .product-holder:hover .taggedimage-button {
        opacity: 1;
    }
.product-holder .taggedimage-button {
    right: 70px;
}
        .taggedimage-button {
            position: absolute;
            top: 0px;
            right: 0px;
            padding: 5px;
            opacity: 0;
            transition: 0.3s linear opacity;
            cursor: pointer;
        }
.product-preview-holder {
    width: 115px;
    margin-right: 10px;
    float: left;
}
.product-holder {
    float: left;
    width: calc(100% - 125px);
    padding-right: 50px;
    position: relative;
}

/* Picturegroup (x2) */
.macro-picturegroup-two {
}
    .macro-picturegroup-two .description {
        font-family: "soleil", sans-serif;;
        margin-top: 20px;
        color: #404040;
    }
    .macro-picturegroup-two .pic {
        width: 100%;
        height: auto;
        background-size: cover;
        background-position: center;
        height: 400px;
    }

/* Picturegroup (x3) */

.macro-picturegroup-three {
}
    .macro-picturegroup-three .pic1 {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 800px;
        width: 100%;
    }
    .macro-picturegroup-three .pic2 {
        margin-bottom: 30px;
        height: 385px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 100%;
        display: block;
    }
    .macro-picturegroup-three .pic3 {
        height: 385px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 100%;
        display: block;
    }
    .macro-picturegroup-three .desc {
        font-size: 14px;
        color: #404040;
        width: 85%;
        margin-top: 20px;
    }
div#inspire-themes {
    margin-bottom: 45px;
}

/* Featured Fabrics */

.macro-themepage-featuredfabrics {
}
    .macro-themepage-featuredfabrics .title {
        font-family: "soleil", sans-serif;;
        font-size: 19px;
        text-transform: uppercase;
        color: #404040;
        margin-bottom: 40px;
        letter-spacing: 0.15em;
    }

/* Text Columns (x2) */

.macro-textcolumns-two {
    font-family: "soleil", sans-serif;;
    color: #666666;
    font-size: 14px;
}

/* Carousel - Theme Lifestyle Shots */

.macro-carousel-theme-lifestyleshots {
}
    .macro-carousel-theme-lifestyleshots-leftarrow {
        position: absolute;
        top: calc(50% - 7px);
        left: 0;
        background-image: url('/images/ic_carouselarrow_solid_left.svg');
        background-repeat: no-repeat;
        width: 10px;
        height: 15px;
        cursor: pointer;
        content: '';
    }
    .macro-carousel-theme-lifestyleshots-rightarrow {
        position: absolute;
        top: calc(50% - 7px);
        right: 0;
        background-image: url('/images/ic_carouselarrow_solid_right.svg');
        background-repeat: no-repeat;
        width: 10px;
        height: 15px;
        cursor: pointer;
        content: '';
    }
    .macro-carousel-theme-lifestyleshots .carouselpanel {
    }
        .macro-carousel-theme-lifestyleshots .carouselpanel .carouselimage {
            margin-bottom: 20px;
        }
        .macro-carousel-theme-lifestyleshots .carouselpanel .description {
            font-family: "soleil", sans-serif;;
            color: #404040;
            margin-left: -20px;
        }
        .macro-carousel-theme-lifestyleshots .carouselpanel .slidecount {
            text-align: right;
            margin-right: 25px;
        }

/* Carousel - Collection Lifestyle Shots */

.macro-carousel-collection-lifestyleshots {
    z-index: 2;
}
    .macro-carousel-collection-lifestyleshots .slick-list {
        margin: 0 -40px;
    }

    .macro-carousel-collection-lifestyleshots .carouselpanel {
        margin: 0 20px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
        .macro-carousel-collection-lifestyleshots .carouselpanel .con-tainer{
            width: 100%;
        }
        .macro-carousel-collection-lifestyleshots .carouselpanel.slick-current .description,
        .macro-carousel-collection-lifestyleshots .carouselpanel.slick-current .slidecount {
            opacity: 1;
        }
        .macro-carousel-collection-lifestyleshots .carouselpanel .carouselimage {
            width: 100%;
            margin-bottom: 20px;
            /*margin-left: -20px;*/
            height: 780px;
            object-fit: cover;
        }
        .macro-carousel-collection-lifestyleshots .carouselpanel .description {
            font-family: "soleil", sans-serif;;
            color: #404040;
            opacity: 0;
            transition: 0.5s linear opacity;
        }
        .macro-carousel-collection-lifestyleshots .carouselpanel .slidecount {
            text-align: right;
            opacity: 0;
            transition: 0.5s linear opacity;
        }
    .macro-carousel-collection-lifestyleshots-leftarrow {
        position: absolute;
        top: calc(50% - 7px);
        left: 15px;
        background-image: url('/images/ic_carouselarrow_solid_left.svg');
        background-repeat: no-repeat;
        width: 10px;
        height: 15px;
        cursor: pointer;
        content: '';
        z-index: 11;
    }
    .macro-carousel-collection-lifestyleshots-rightarrow {
        position: absolute;
        top: calc(50% - 7px);
        right: 15px;
        background-image: url('/images/ic_carouselarrow_solid_right.svg');
        background-repeat: no-repeat;
        width: 10px;
        height: 15px;
        cursor: pointer;
        content: '';
        z-index: 11;
    }

/* Carousel - More Collections */
.macro-carousel-morecollections-topbar{
    position: relative;
}
.macro-carousel-morecollections-topbar-holder {
    border-top: 1px solid #DDDDDD;
    padding-top: 80px;
}

.macro-carousel-morecollections .slick-list, .macro-carousel-collection-lifestyleshots .slick-list {
    overflow: visible;
}

.macro-carousel-morecollections-topbar {
}
    .macro-carousel-morecollections-topbar .topbarheading {
        font-family: "soleil", sans-serif;;
        font-size: 20px;
        color: #404040;
        margin-bottom: 25px; width:50%;
        text-transform: uppercase;
        letter-spacing: 0.15em;
    }
    .macro-carousel-morecollections-topbar .macro-carousel-morecollections-leftarrow {
        background-image: url('/images/ic_carouselarrow_solid_left.svg');
        background-repeat: no-repeat;
        width: 10px;
        height: 15px;
        cursor: pointer;
        content: '';
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }
    .macro-carousel-morecollections-topbar .macro-carousel-morecollections-rightarrow {
        background-image: url('/images/ic_carouselarrow_solid_right.svg');
        background-repeat: no-repeat;
        content: '';
        width: 10px;
        height: 15px;
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }
    .macro-carousel-morecollections-topbar .macro-carousel-morecollections-arrowcontainer {
        position: absolute;
        top: 0;
        right: 0;
    }
.slick-initialized .carouselpanel.slick-slide a,
.slick-initialized .carouselnews.slick-slide a {
    outline: none;
    text-decoration: none;
}
.slick-initialized.slick-slider .slick-dots button[aria-label="1 of 1"] {
    display: none;
}
.fabric-collection-browse-carousel {
    box-sizing: border-box;
}
.macro-carousel-morecollections .carouselpanel,
.macro-carousel-morecollections .carouselnews {
    background-size: cover;
    background-position: center;
    margin-right: 20px;
}
    .macro-carousel-morecollections .carouselpanel .carouselimage,
    .macro-carousel-morecollections .carouselnews .carouselimage {
        height: 270px;
        background-color: #f7f7f7;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        margin-bottom: 20px;
        width: 100%;
    }
    .macro-carousel-morecollections .carouselpanel .carouselname,
    .macro-carousel-morecollections .carouselnews .carouselname {
        font-size: 16px;
        color: #404040;
        text-align: left;
        font-family: "soleil", sans-serif;;
        margin-bottom: 5px;
        letter-spacing: 0.15em;
        text-transform: uppercase;
    }
    .macro-carousel-morecollections .carouselpanel .carouseldescription,
    .macro-carousel-morecollections .carouselnews .carouseldescription {
        font-size: 12px;
        color: #808080;
        text-align: left;
    }







/* Carousel - Theme Previews */

.macro-carousel-theme-previews {
    background-color: deeppink
}
    .macro-carousel-theme-previews .previewpanel {
        float: left;
    }
        .macro-carousel-theme-previews .previewpanel .image {
            width: 100%;
        }
        .macro-carousel-theme-previews .previewpanel .name {
        }

.macro-carousel-morecollections {
    margin-bottom: 60px;
}


.samplebook-panel {
    margin-bottom: 30px;
}

    .samplebook-panel .samplebook-image-holder {
        border: 1px solid #DDDDDD;
        margin-bottom: 20px;
        padding: 15px;
    }
    .samplebook-panel .samplebook-image {
        height: 270px;
        background-color: #ffffff;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
 
    }

    .samplebook-panel:hover a.samplebook-name,
    .samplebook-panel .samplebook-name {
        font-size: 17px;
        color: #404040;
        text-align: left;
        font-family: "soleil", sans-serif;;
        margin-bottom: 9px;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: 0.15em;
    }

    .samplebook-panel .samplebook-description a,
    .samplebook-panel .samplebook-description a:hover,
    .samplebook-panel .samplebook-description {
        font-size: 13px;
        color: #808080;
        text-align: left;
        text-decoration: none;
        font-family: "soleil", sans-serif;;
    }


/* Collection Page Thumbnails (tabbed) */

.collection-panel {
    margin-bottom: 30px;
}

    .collection-panel .collection-image {
        height: 270px;
        background-color: #f7f7f7;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        margin-bottom: 20px;
    }

    .collection-panel:hover  a.collection-name,
    .collection-panel .collection-name {
        font-size: 17px;
        color: #404040;
        text-align: left;
        font-family: "soleil", sans-serif;;
        margin-bottom: 9px;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: 0.15em;
    }

    .collection-panel .collection-description a,
    .collection-panel .collection-description a:hover,
    .collection-panel .collection-description {
        font-size: 13px;
        color: #808080;
        text-align: left;
        text-decoration: none;
        font-family: "soleil", sans-serif;;
    }


.macro-collection-thumbnails {
}
    .macro-collection-thumbnails .macro-collectionthumbs-tablink {
        display: inline-block;
        font-weight: 400;
        font-size: 14px;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-right: 20px;
        border-bottom: 2px solid #ffffff;
        color: #404040;
        text-decoration: none;
        cursor: pointer;
        text-transform: uppercase;
        font-family: "soleil", sans-serif;;
        letter-spacing: 0.15em;
    }
        .macro-collection-thumbnails .macro-collectionthumbs-tablink:hover {
            color: #404040;
            text-decoration: none;
            border-bottom: 2px solid #414144;
        }
        .macro-collection-thumbnails .macro-collectionthumbs-tablink.active {
            font-weight: 400;
            font-size: 14px;
            padding-bottom: 10px;
            padding-top: 10px;
            margin-right: 20px;
            text-decoration: none;
            border-bottom: 2px solid #414144;
            text-decoration: none;
            cursor: pointer;
        }
        .macro-collection-thumbnails .macro-collectionthumbs-tablink img {
            background-repeat: no-repeat;
            padding-left: 10px;
            vertical-align: middle;
        }
    .macro-collection-thumbnails .hr {
        display: block;
        background-color: #DDDDDD;
        position: relative;
        height: 1px;
        width: 100%;
        margin-bottom: 40px;
    }


.macro-content-and-carousel,
.macro-carousel-and-content {
    display: flex;
    align-items: center;
    /*margin-bottom: 60px;*/
}

.umb-grid img{ max-width: 100%; }

/* POPUPS ---------------------------------------------------------------------------------------------------------- */
/* POPUPS ---------------------------------------------------------------------------------------------------------- */
/* POPUPS ---------------------------------------------------------------------------------------------------------- */
.popup_container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; /*don't comment this out*/
    height: 100%;
    z-index: 2500;
    display: none;
}

.popup_bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    background-color:#000000;
    opacity: 0.5; 
    display: none;
}

.popup_usermessage {
    display: none;
    position: fixed;
    background-color: #ffffff;
    padding: 30px;
    width: 410px;
    /*top: calc(50vh - 200px);
    left: calc(50vh - 205px);*/
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 6001;
}
    .popup_usermessage .messagetitle {
        font-family: "soleil", sans-serif;;
        font-size: 18px;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        color: #404040;
        margin-bottom: 15px;
    }
    .popup_usermessage .closemessage {
        background-image: url('/upload/ic_mobilemenu_close.svg');
        height: 15px;
        top: 5px;
        width: 15px;
        background-repeat: no-repeat;
        cursor: pointer;
        top: 10px;
        position: absolute;
        right: 20px;
        top: 25px;
    }
    .popup_usermessage .message {
        font-family: "soleil", sans-serif;;
        font-size: 14px;
        color: #666666;
        margin-bottom: 30px;
    }

   .popup_usermessage_bg {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 6000;
        background-color: #000000;
        opacity: 0.5;
        display:none;
    }

.popup_newmoodboard, .popup_jh {
    display: none;
    position: fixed;
    background-color: #ffffff;
    padding: 30px;
    width: 410px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 6001;
}

    .popup_newmoodboard .messagetitle, .popup_jh .messagetitle {
        font-family: "soleil", sans-serif;;
        font-size: 18px;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        color: #404040;
        margin-bottom: 15px;
    }

    .popup_newmoodboard .closemessage, .popup_jh .closemessage {
        background-image: url('/upload/ic_mobilemenu_close.svg');
        height: 15px;
        top: 5px;
        width: 15px;
        background-repeat: no-repeat;
        cursor: pointer;
        top: 10px;
        position: absolute;
        right: 20px;
        top: 25px;
    }

    .popup_newmoodboard .message, .popup_jh .message {
        font-family: "soleil", sans-serif;;
        font-size: 14px;
        color: #666666;
        margin-bottom: 30px;
    }

.popup_newmoodboard_bg, .popup_jh_bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 6000;
    background-color: #000000;
    opacity: 0.5;
    display: none;
}

/**/

.popup_generic {
    display: none;
    position: fixed;
    background-color: #ffffff;
    padding: 30px;
    width: 410px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 6001;
    max-height: 90vh;
    overflow: auto;
}
    .popup_generic.popup_large {
        width: 820px;
    }
    .popup_generic.popup_large input {
        max-width: 100%;
    }

    .popup_generic .messagetitle {
        font-family: "soleil", sans-serif;;
        font-size: 18px;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        color: #404040;
        margin-bottom: 15px;
    }

    .popup_generic .closemessage {
        background-image: url('/upload/ic_mobilemenu_close.svg');
        height: 15px;
        top: 5px;
        width: 15px;
        background-repeat: no-repeat;
        cursor: pointer;
        top: 10px;
        position: absolute;
        right: 20px;
        top: 25px;
    }

    .popup_generic .message {
        font-family: "soleil", sans-serif;;
        font-size: 14px;
        color: #666666;
        margin-bottom: 30px;
    }

.popup_generic_bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 6000;
    background-color: #000000;
    opacity: 0.5;
    display: none;
}


/* Sample Drawer (image tags) */

.popup_sampledrawer {
    display: none;
    width: 440px;
    height: 100%;
    position: fixed;
    right: 0;
    background-color: #ffffff;
    z-index: 600;
}
    .popup_sampledrawer .button_original_moodboard {
        display: inline-block;
        height: 16px;
        width: 17px;
        background-image: url('/images/ic_sampledrawer_heart.svg');
        background-repeat: no-repeat;
        margin-right: 10px;
        cursor: pointer;
        background-size: contain;
    }
        .popup_sampledrawer .button_original_moodboard:hover {
            display: inline-block;
            height: 16px;
            width: 17px;
            background-image: url('/images/ic_sampledrawer_heart2.svg');
            background-repeat: no-repeat;
            margin-right: 10px;
            cursor: pointer;
        }
    .popup_sampledrawer .button_original_basket {
        display: inline-block;
        height: 19px;
        width: 17px;
        background-image: url('/images/ic_sampledrawer_basket.svg');
        background-repeat: no-repeat;
        cursor:pointer;
        background-size: contain;
    }
    .popup_sampledrawer .button_taglist_moodboard, .popup_sampledrawer .icons .button_taglist_moodboard {
        display: inline-block;
        height: 16px;
        width: 17px;
        background-image: url('/images/samplepanel_like.svg');
        background-repeat: no-repeat;
        background-size: auto;
        margin-right: 10px;
        cursor: pointer;
    }
        .popup_sampledrawer .button_taglist_moodboard:hover, .popup_sampledrawer .icons .button_taglist_moodboard:hover {
            display: inline-block;
            height: 16px;
            width: 17px;
            background-image: url('/upload/samplepanel_like.svg');
            background-repeat: no-repeat;
            margin-right: 10px;
            cursor: pointer;
        }
    .popup_sampledrawer .icons .button_taglist_basket {
        display: inline-block;
        height: 19px;
        width: 17px;
        background-image: url('/upload/samplepanel_addtobasket.svg');
        background-repeat: no-repeat;
        cursor: pointer;
    }
    .popup_sampledrawer .topbar {
        padding: 20px;
        font-size: 18px;
        color: #404040;
        border-bottom: 1px solid #DDDDDD;
        height: 60px;
        text-align:left;
    }
        .popup_sampledrawer .topbar .closebutton {
            background-image: url('/upload/ic_mobilemenu_close.svg');
            height: 15px;
            top: 5px;
            width: 15px;
            background-repeat: no-repeat;
            cursor: pointer;
            top: 10px;
            position: absolute;
            right: 20px;
            top: 25px;
        }
    .popup_sampledrawer .container_sampleviews {
        display: block;
        padding-left: 30px;
        padding-right: 30px;
        height: calc(100% - 110px);
        padding-bottom: 100px;
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: scroll;
    }
    .popup_sampledrawer .bottombar {
        position: relative;
        bottom: 0;
        font-size: 18px;
        color: #404040;
        height: 70px;
    }
        .popup_sampledrawer .bottombar .btnAddToBasket {
            position: absolute;
            left: 0;
            width: 200px;
            background-color: #404040;
            padding: 15px;
            font-size: 13px;
            font-family: "soleil", sans-serif;;
            color: #ffffff;
            text-decoration: none;
            display: inline-block;
            height: 50px;
            width: 50%;
            text-align: center;
        }
        .popup_sampledrawer .bottombar .btnAddToMoodboard {
            position: absolute;
            left: 200px;
            top: 0;
            width: 50%;
            background-color: #ffffff;
            padding: 15px;
            font-size: 13px;
            font-family: "soleil", sans-serif;;
            color: #666666;
            text-decoration: none;
            height: 50px;
            text-align: center;
        }
    .popup_sampledrawer .sampleview {
        position: relative;
        padding-bottom: 30px;
        padding-top: 30px;
        height: 140px;
        border-bottom: 1px solid #DDDDDD;
        text-align:left;
    }
        .popup_sampledrawer .sampleview .thumb {
            position: relative;
            left: 0;
            top: 0;
            width: 80px;
            height: 80px;
        }
        .popup_sampledrawer .sampleview .details {
            position: absolute;
            left: 90px;
            top: 30px;
            width: 270px;
        }
            .popup_sampledrawer .sampleview .details .description {
                font-family: "soleil", sans-serif;;
                font-size: 14px;
                color: #666666;
            }
            .popup_sampledrawer .sampleview .details .fabricname {
                font-family: "soleil", sans-serif;;
                font-size: 13px;
                color: #404040;
            }
            .popup_sampledrawer .sampleview .details .fabricsku {
                font-family: "soleil", sans-serif;;
                font-size: 12px;
                color: #808080;
            }
            .popup_sampledrawer .sampleview .details .designlink, .popup_sampledrawer .sampleview .details .designlink:hover {
                font-family: "soleil", sans-serif;;
                font-size: 11px;
                color: #808080;
                text-decoration: underline;
                cursor: pointer;
            }
        .popup_sampledrawer .sampleview .icons {
            right: 0;
            top:calc(50px - 20px);
            position: absolute;
            width: 70px;
            text-align: right;
        }
    .popup_sampledrawer .container_morecolours {
        display: none;
        padding-left: 20px;
        padding-right: 20px;
        height: calc(100% - 110px);
    }
    .popup_sampledrawer .container_morecolours .container_morecolors_original {
        position: relative;
        height: 88px;
        border-bottom: 1px solid #DDDDDD;

    }
        .popup_sampledrawer .container_morecolours .container_morecolors_original .arrow {
            background-image: url('/images/ic_sampledrawer_originalreturn.svg');
            position: absolute;
            left: 0;
            top: 50%;
            height: 14px;
            width: 7px;
            cursor: pointer;
            transform: translateY(-50%);
        }
        .popup_sampledrawer .container_morecolours .container_morecolors_original .image {
            position: absolute;
            left: 26px;
            top: 17px;
            width: 65px;
        }
            .popup_sampledrawer .container_morecolours .container_morecolors_original .image img {
                height: 50px;
                width: 50px
            }
        .popup_sampledrawer .container_morecolours .container_morecolors_original .details {
            position: absolute;
            text-align: left;
            left: 100px;
            width: 160px;
            top: 50%;
            transform: translateY(-50%);
        }
            .popup_sampledrawer .container_morecolours .container_morecolors_original .details .name {
                font-size: 13px;
                color: #404040;
            }
            .popup_sampledrawer .container_morecolours .container_morecolors_original .details .sku {
                font-size: 12px;
                color: #808080;
            }
        .popup_sampledrawer .container_morecolours .container_morecolors_original .icons {
            position: absolute;
            right: 0px;
            top: 50%;
            width: 50px;
            transform: translateY(-50%);
        }
        .popup_sampledrawer .container_morecolours .container_morecolours_list {
            padding-top: 30px;
            overflow: scroll;
            overflow-x: hidden;
            overflow-y: scroll;
            height: calc(100% - 88px);
            
            margin-right: -20px;
            margin-left: -20px;

            display: flex;
            flex-wrap: wrap;
        }
        .popup_sampledrawer .container_morecolours .container_morecolours_list .count {
            font-size: 12px;
            padding-bottom: 15px;
            text-align: left;
            font-family: "soleil", sans-serif;;
            text-transform: uppercase;
            letter-spacing: 0.15em;
        }
    .popup_sampledrawer .sampleview_altcolour {
        text-align: left;
        font-family: "soleil", sans-serif;;
        width: 80px;
        margin-right: 0px;
        margin-left: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .popup_sampledrawer .sampleview_altcolour .altcolour_thumb {
        width: 80px;
        height: 80px;
        margin-bottom:7px;
    }
        .popup_sampledrawer .sampleview_altcolour .altcolour_name {
            font-size: 9px;
            color: #404040;
            margin-bottom: 5px;
        }
        .popup_sampledrawer .sampleview_altcolour .altcolour_skurow {
            background-color:red;
            width:80px;
        }
        .popup_sampledrawer .sampleview_altcolour .altcolour_sku {
            font-size: 9px;
            float: left;
            color: #808080;
            margin-top: 5px;
        }
        .popup_sampledrawer .sampleview_altcolour .altcolour_icons {
            float: right;
            display: inline;
            margin-bottom: 15px;
        }
        .popup_sampledrawer .sampleview_altcolour .altcolour_icons img {
            position: relative;
            height: 15px;
            width: 15px;
        }
        .popup_sampledrawer .sampleview_altcolour .button_altcolour_moodboard {
            display: inline-block;
            height: 9px;
            width: 10px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
        .popup_sampledrawer .sampleview_altcolour .button_altcolour_basket {
            display: inline-block;
            height: 11px;
            width: 11px;
            background-repeat: no-repeat;
            cursor: pointer;
            margin-left: 6px;
        }

#container_addtomoodboard_success {
    position: fixed;
    background: #fff;
    border: 1px solid #ddd;
    font-family: "soleil", sans-serif;;
    font-size: 11px;
    text-transform: uppercase;
    color: #666;
    border-radius: 0px;
    padding: 10px;
    z-index: 3000;
    transform: translateX(-42%) translateY(15px);
    display: none;
}

    /*#container_addtomoodboard_success:after, #container_addtomoodboard_success:before {
        bottom: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    #container_addtomoodboard_success:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 10px;
        margin-left: -10px;
    }

    #container_addtomoodboard_success:before {
        border-color: rgba(221, 221, 221, 0);
        border-bottom-color: #ddd;
        border-width: 11px;
        margin-left: -11px;
    }*/

.container_selectmoodboard {
    display: none;
    width: 180px;
    border: solid 1px #DDDDDD;
    position: absolute;
    z-index: 601;
    top: 200px;
    left: 20px;
    padding-bottom: 10px;
    background-color: #ffffff;
}
    .container_selectmoodboard .borderarrow {
        position: absolute;
        top: 13px;
        right: -7px;
        width: 8px;
        height: 14px;
        background-image: url('/images/ic_sampledrawer_moodboardarrow.svg');
    }
    .container_selectmoodboard .titlebar {
        font-family: "soleil", sans-serif;;
        font-size: 13px;
        text-transform: uppercase;
        color: #000000;
        text-align: center;
        padding: 12px;
        border-bottom: solid 1px #DDDDDD;
    }

    .container_selectmoodboard .container_moodboardnames {
        font-family: "soleil", sans-serif;;
        font-size: 12px;
        color: #666666;
        text-align: left;
        padding: 12px;
        min-height: 200px;
    }
    .container_selectmoodboard .container_moodboardnames > div{
        cursor: pointer;
        margin-bottom: 5px;
    }


.container_selectmoodboard_bg {
    display: none;
    position: fixed;
    background-color: black;
    width: 100%;
    height: 100%;
    z-index: 600;
    opacity: 0.1;
}

#moodboardholder > div{
    cursor: pointer;
}
#moodboardholder [data-moodboardid]{
    margin-top: 30px;
}

#moodboardholder .moodboard-images {
    width: 100%;
    padding-bottom: 100%;
    height: 1px;
    position: relative;
}
    #moodboardholder .moodboard-images.images-0 {
        background-color: #DDDDDD;
    }

    #moodboardholder .moodboard-images > div {
        width: 50%;
        height: 50%;
        background-size: cover;
        position: absolute;
        top: 0px;
        left: 0px;
        border-right: 2px solid #ffffff;
        border-bottom: 2px solid #ffffff;
    }
        #moodboardholder .moodboard-images > div + div {
            top: 0%;
            left: 50%;
            border-right: 0px;
            border-left: 2px solid #ffffff;
        }
            #moodboardholder .moodboard-images > div + div + div {
                top: 50%;
                left: 0%;
                border-bottom: 0px;
                border-top: 2px solid #ffffff;
                border-right: 2px solid #ffffff;
                border-left: 0px;
            }
                #moodboardholder .moodboard-images > div + div + div + div {
                    top: 50%;
                    left: 50%;
                    border-right: 0px;
                    border-bottom: 0px;
                    border-left: 2px solid #ffffff;
                }

    #moodboardholder .moodboard-images.images-1 > div {
        width: 100%;
        height: 100%;
        border: 0px;
    }

    #moodboardholder .moodboard-images.images-2 > div {
        width: 100%;
        height: 50%;
        left: 0%;
        border-left: 0px;
        border-right: 0px;
        border-bottom: 2px solid #ffffff;
    }
        #moodboardholder .moodboard-images.images-2 > div + div {
            top: 50%;
            border-left: 0px;
            border-top: 2px solid #ffffff;
            border-bottom: 0px;
        }

    #moodboardholder .moodboard-images.images-3 > div {
        width: 100%;
        border-right: 0px;
    }
        #moodboardholder .moodboard-images.images-3 > div + div {
            width: 50%;
            top: 50%;
            left: 0%;
            border-left: 0px;
            border-right: 2px solid #ffffff;
            border-top: 2px solid #ffffff;
            border-bottom: 0px;
        }
            #moodboardholder .moodboard-images.images-3 > div + div + div {
                width: 50%;
                top: 50%;
                left: 50%;
                border-right: 0px;
                border-top: 2px solid #ffffff;
                border-left: 2px solid #ffffff;
            }

#moodboardpageholder_fabrics .moodboard-images {
    width: 100%;
    padding-bottom: 100%;
    height: 1px;
    position: relative;
    margin-bottom: 10px;
}
#moodboardpageholder_fabrics .moodboard-images .image {
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
}
    #moodboardpageholder_fabrics .description{
        margin-bottom: 20px;
    }

    #moodboardpageholder_fabrics table {
        display: none;
    }
#moodboardpageholder_fabrics.listify table{display: block;}
#moodboardpageholder_fabrics .text_std_light {
    padding-left: 30px;
}

    #moodboardpageholder_fabrics .moodboard-images a{
        position: absolute;
        top: 0px; left: 0px;
        width: 100%; height: 100%;
        z-index: 1;
    }
    #moodboardpageholder_fabrics h2{
        margin-bottom: 10px;
    }
        #moodboardpageholder_fabrics p{
            letter-spacing: 0.1em;
            font-size: 13px;
        }


.moodboard-images .taggedimage-button {
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 2;
}
    .moodboard-images .taggedimage-button + .taggedimage-button {
        right: 37px;
        top: 0px;
        z-index: 2;
    }
.moodboard-images .taggedimage-image {
    width: 100%;
    height: auto;
}

.moodboard-images:hover .taggedimage-button {
    opacity: 1;
}
    .taggedimage-button {
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 5px;
        opacity: 0;
        transition: 0.3s linear opacity;
        cursor: pointer;
    }
.taggedimage-container-extrapadding.taggedimage-button {
    padding-right: 25px;
}
.taggedimage-container-extrapadding .taggedimage-button {
    padding-right: 5px;
}

        .listify .col-xs-4.col-md-3  {
            width: 100%;
            border: 1px solid #dddddd;
            padding: 30px;
            /*margin: 20px;*/
            margin-bottom: 0px;
            margin-top: -1px;
        }
#moodboardpageholder_fabrics.listify .moodboard-images {
    width: 240px;
    height: 240px;
    padding-bottom: 0px;
    position: relative;
    float: left;
}
#moodboardpageholder_fabrics.listify .fabricinfo {
    margin-left: 30px;
    float:left;
}
#moodboardholder .fabricinfo {
    font-family: 'soleil', sans-serif;
    text-transform: initial;
    letter-spacing: 0.015em;
}
    #moodboardholder .fabricinfo h2 {
        margin-bottom: 5px;
        text-transform: initial;
        font-family: "soleil", sans-serif;;
    }
    /* SPECIFIC PAGES -------------------------------------------------------------------------------------------------- */
    /* SPECIFIC PAGES -------------------------------------------------------------------------------------------------- */
    /* SPECIFIC PAGES -------------------------------------------------------------------------------------------------- */
    /* HOME PAGE */
    .carousel-homehero {
        height: calc(100vh - 149px);
    }
        
    .carousel-homehero .panel {
        position: relative;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: calc(100vh - 149px);
        border: 0;
        border-radius: 0px;
    }
        .carousel-homehero .panel:before{
            content: '';
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background-color: #000000;
            opacity: 0.2;
            position: absolute;
        }
        .carousel-homehero .panel > div {
            height: 100%;
        }
    .carousel-homehero .subpanel {
        font-size: 14px;
        color: #ffffff;
        display: flex;
        align-items: center;
        height: 100%;
    }
        .carousel-homehero .subpanel .col-sm-6 {
            min-width: 350px;
        }

        .carousel-homehero .subpanel p {
            font-family: "soleil", sans-serif;;
            font-size: 35px;
            line-height: 42px;
            letter-spacing: 0.25em;
            text-transform: uppercase;
            margin: 0;
            padding: 0;
            margin-bottom: 20px;
            color: #ffffff;
        }
        .carousel-homehero .subpanel span {
            display: block;
        }

/* BASKET PAGE */

.basket-container {
    background-color: #F4F4F4;
    margin-bottom: 37px;
    padding-right: 20px;
    padding-left: 20px;
}
    .basket-container .heading {
        font-family: "soleil", sans-serif;;
        font-size: 16px;
        text-transform: uppercase;
        color: #404040;
        padding: 15px;
    }
    .basket-container .headingrow {
        border-bottom: 1px solid #DDDDDD;
    }
    .basket-container .itemrow {
        border-bottom: 1px solid #DDDDDD;
        font-family: "soleil", sans-serif;;
        font-size: 16px;
        color: #404040;
        padding-top: 20px;
        padding-bottom: 20px;
    }
        .basket-container .itemrow .image {
        }
        .basket-container .itemrow .productname,
        .sample-history .productname,
        .sample-history .productname a{
            font-family: "soleil", sans-serif;;
            font-size: 16px;
            color: #404040;
            text-decoration: none;
        }
        .basket-container .itemrow .sku {
            margin-bottom: 20px;
        }
        .basket-container .itemrow .sku,
        .sample-history .sku {
            font-family: "soleil", sans-serif;;
            font-size: 14px;
            color: #929292;
        }
    .basket-container .subtotalrow {
        font-family: "soleil", sans-serif;;
        font-size: 14px;
        color: #404040;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .basket-container .qty {
        font-family: "soleil", sans-serif;;
        font-size: 16px;
        color: #808080;
    }

.basket-btncheckout {
    background-color: #404040;
    padding: 15px 60px 15px 60px;
    font-size: 14px;
    font-family: "soleil", sans-serif;;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    letter-spacing: 3px;
}
    .basket-btncheckout, .basket-btncheckout:visited, .basket-btncheckout:hover, .basket-btncheckout active {
        color: #ffffff;
    }
.basket-btncontinueshopping {
    background-color: #ffffff;
    padding: 15px 0 15px 0;
    font-size: 14px;
    font-family: "soleil", sans-serif;;
    color: #808080;
    text-decoration: underline;
    display: inline-block;
    letter-spacing: 3px;
}
    .basket-btncontinueshopping, .basket-btncontinueshopping:visited, .basket-btncontinueshopping:hover, .basket-btncontinueshopping active {
        color: #808080;
        text-decoration: underline;
    }
.basket-btnremove {
    font-size: 13px;
    font-family: "soleil", sans-serif;;
    color: #808080;
    text-decoration: underline;
    display: inline-block;
    letter-spacing: 3px;
}
    .basket-btnremove, .basket-btnremove:visited, .basket-btnremove:hover, .basket-btnremove active {
        color: #808080;
        text-decoration: underline;
    }
.basket-btn-qtyupdate {
    background-color: #404040;
    padding: 15px;
    font-size: 13px;
    font-family: "soleil", sans-serif;;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    margin-right: 10px;
    letter-spacing: 1px;
}
    .basket-btn-qtyupdate:link, .basket-btn-qtyupdate:visited, .basket-btn-qtyupdate:hover, .basket-btn-qtyupdate active {
        color: #ffffff;
    }




/* LOGIN PAGE */

.login-container {
}
    .login-container .errormessage {
    }
    .login-container .txtBox {
        /*height: 40px;
        width: 100%;
        border: 1px solid #DDDDDD;
        padding: 5px 15px;
        font-family: "soleil", sans-serif;;
        font-size: 13px;
        margin-bottom: 15px;
        color: #404040;*/
    }
    .login-container .subtitle {
        font-family: "soleil", sans-serif;;
        color: #404040;
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
    .login-container .btnForgotPassword {
        background-color: #ffffff;
        font-size: 14px;
        font-family: "soleil", sans-serif;;
        color: #808080;
        text-decoration: underline;
        display: inline-block;
        letter-spacing: 3px;
        margin-bottom: 35px;
    }
        .login-container .btnForgotPassword, .login-container .btnForgotPassword:visited, .login-container .btnForgotPassword:hover, .login-container .btnForgotPassword active {
            color: #808080;
            text-decoration: underline;
            text-transform: uppercase;
        }
    .login-container .btnLogin {
        margin-bottom: 35px;
    }
    .login-container .btnLogin, input.dark_button, a.dark_button {
        background-color: #404040;
        padding: 17px 70px 17px 70px;
        font-size: 14px;
        font-family: "soleil", sans-serif;;
        color: #ffffff;
        text-decoration: none;
        display: inline-block;
        letter-spacing: 3px;
        text-transform: uppercase;
        border: none;
    }

        .login-container .btnLogin, .login-container .btnLogin:visited, .login-container .btnLogin:hover, .login-container .btnLogin active {
            color: #ffffff;
        }

.loginpage-register-container {
    font-family: "soleil", sans-serif;;
    font-size: 14px;
    color: #666666;
    background-color: #F4F4F4;
    text-align: center;
    padding: 60px 30px 60px 30px
}
    .loginpage-register-container .subtitle {
        font-family: "soleil", sans-serif;;
        font-size: 19px;
        text-transform: uppercase;
        margin-bottom: 15px;
        color: #404040;
        letter-spacing: 0.15em;
    }
    .loginpage-register-container .btnRegister {
        background-color: #404040;
        margin-top: 25px;
        padding: 17px 45px 17px 45px;
        font-size: 14px;
        font-family: "soleil", sans-serif;;
        color: #ffffff;
        text-decoration: none;
        display: block;
        letter-spacing: 3px;
        text-transform: uppercase;
    }
        .loginpage-register-container .btnRegister, .loginpage-register-container .btnRegister:visited, .loginpage-register-container .btnRegister:hover, .loginpage-register-container .btnRegister active {
            color: #ffffff;
        }

/* RESET PASSWORD PAGE */

.resetpassword-container {
    font-family: "soleil", sans-serif;;
    color: #404040;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

/* REGISTER ACCOUNT PAGE */

.register-container {
}
    .register-container .subtitle {
        font-family: "soleil", sans-serif;;
        color: #404040;
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }
    .register-container .btnRegister {
        background-color: #404040;
        margin-top: 25px;
        padding: 17px 45px 17px 45px;
        font-size: 14px;
        font-family: "soleil", sans-serif;;
        color: #ffffff;
        text-decoration: none;
        display: block;
        letter-spacing: 3px;
        text-transform: uppercase;
    }
        .register-container .btnRegister, .register-container .btnRegister:visited, .register-container .btnRegister:hover, .register-container .btnRegister active {
            color: #ffffff;
        }

/* PRODUCT PAGE */

.productpage {

}

    .productpage .buttons {
        border-top: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
        margin-top: 15px;
    }

    .productpage .productimage-thumb {
        height: auto;
        width: 100%;
        padding-bottom: 15px;
        cursor: pointer;
    }
    .productpage .productimage {
        height: auto;
        width: 100%;
        cursor: zoom-in;
    }
    .productpage .productimage-moveleft {
        position: absolute;
        height: 20px;
        width: 10px;
        top: calc(50% - 30px);
        margin-left: -25px;
        cursor: pointer;
    }
        .productpage .productimage-moveleft img {
            padding: 30px;
        }
        .productpage .productimage-moveright {
            position: absolute;
            height: 20px;
            width: 10px;
            top: calc(50% - 30px);
            right: 60px;
            cursor: pointer;
        }
            .productpage .productimage-moveright img{
                padding: 30px;
            }
            .productpage .productimage-zoom {
                position: absolute;
                width: 26px;
                height: 26px;
                right: 30px;
                cursor: pointer;
                bottom: 20px;
            }
    .productpage .productname {
        font-family: "soleil", sans-serif;;
        font-size: 22px;
        color: #404040;
    }
    .productpage .collectionname {
        margin-bottom: 20px;
    }
    .productpage .collectionname a {
        font-family: "soleil", sans-serif;;
        font-size: 13px;
        color: #808080;
        text-transform: uppercase;
        letter-spacing: 0.15em;
        color: #808080;
    }
        .productpage .featurebutton {
            margin-right: 10px;
        }
        .featurebutton {
            padding: 15px;
            font-size: 14px;
            font-family: "soleil", sans-serif;;
            color: #ffffff;
            text-decoration: none;
            display: inline-block;
            letter-spacing: 0.15em;
        }
            .featurebutton:hover {
                text-decoration: none;
            }
            .productpage .addtobag:link, .productpage .addtobag:visited, .productpage .addtobag:hover, .productpage .addtobag active {
                color: #ffffff;
            }
    .productpage .line {
        position: relative;
        height: 1px;
        border-top: 1px solid #DDDDDD;
    }
    .productpage .productdescription {
        font-family: "soleil", sans-serif;;
        color: #666666;
        font-size: 12px;
        line-height: 21px;
    }
    .productpage .productpage-tablink {
        display: inline-block;
        font-weight: 400;
        font-size: 14px;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-right: 20px;
        border-bottom: 2px solid #ffffff;
        color: #404040;
        text-decoration: none;
        cursor: pointer;
        letter-spacing: 0.15em;
        font-family: "soleil", sans-serif;;
    }
        .productpage .productpage-tablink.active {
            color: #404040;
            text-decoration: none;
            border-bottom: 2px solid #414144;
            cursor: pointer;
        }
        .productpage .productpage-tablink:hover {
            color: #404040;
            text-decoration: none;
            border-bottom: 2px solid #414144;
        }
        .productpage .productpage-tablink img {
            background-repeat: no-repeat;
            padding-left: 10px;
            vertical-align: middle;
        }
    .productpage-tab-hr {
        display: block;
        background-color: #DDDDDD;
        position: relative;
        height: 1px;
        width: 100%;
        margin-bottom: 40px;
    }
.expandcontract{ display: none;}

.themeholder {
    background-color: #F4F4F4;
    padding: 30px;
}
    .themeholder h3{
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .themeholder p.sub {
        font-size: 13px;
        color: #808080;
        letter-spacing: 0.1em;
        margin-bottom: 20px;
    }
    .themeholder .imageholder{
        margin-top: 15px;
    }
    .themeholder .imageholder img {
        width: 100%;
        object-fit: cover;
        object-position: 50%;
        height: 250px;
    }
    .themeholder a.linkbutton_dark {
        position: absolute;
        bottom: 15px;
        right: 0px;
        margin-right: 20px;
    }

    /* CHECKOUT TEMPLATE */
.container-checkouttabs {
    font-family: "soleil", sans-serif;;
    font-size: 14px;
    text-align: center;
    padding-bottom: 130px;
}
    .container-checkouttabs .checkouttab {
        padding-top:20px;
        padding-bottom:20px;
        color: #929292;
        background-color: #FFFFFF;
        border: 1px solid #DDDDDD;
    }
        .container-checkouttabs .checkouttab-active {
            padding-top: 20px;
            padding-bottom: 20px;
            color: #FFFFFF;
            background-color: #929292;
            border: 1px solid #929292;
        }














/* General Utilities --------------------------------------------------------------------------- */


    .nomargin {
        margin: 0 0 0 0;
    }

    .darken-30 {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-image: linear-gradient(to bottom, transparent 0%, #929292 100%);
        /*background: rgba(39, 62, 84, 0.82);*/
        content: '';
    }

    .topborder {
        border-top: 1px solid #DDDDDD;
        padding-top:10px;
    }

    .bottomborder {
        border-bottom: 1px solid #DDDDDD;
    }

        /*.sampleview {
            position: relative;
            padding-bottom: 30px;
            padding-top: 30px;
            height: 140px;
            border-bottom: 1px solid #DDDDDD;
        }

            .sampleview .thumb {
                position:relative;
                left:0;
                top:0;
                width: 80px;
                height: 80px;
            }

            .sampleview .details {
                position:absolute;
                left:90px;
                top:30px;
                width:170px;
            }

                .sampleview .details .description {
                    font-family: "soleil", sans-serif;;
                    font-size: 14px;
                    color: #666666;
                }

                .sampleview .details .fabricname {
                    font-family: "soleil", sans-serif;;
                    font-size: 13px;
                    color: #404040;
                }

                .sampleview .details .fabricsku {
                    font-family: "soleil", sans-serif;;
                    font-size: 12px;
                    color: #808080;
                }

                .sampleview .details .designlink, .sampleview .details .designlink:hover {
                    font-family: "soleil", sans-serif;;
                    font-size: 11px;
                    color: #808080;
                    text-decoration: underline;
                    cursor:pointer; 
                }

            .sampleview .icons {
                right:0;
                top:50px;
                position:absolute;
                width: 70px;
                text-align:right;
            }
                .sampleview .icons img {
                    padding-left:10px;
                }*/

    /*.sampleview_morecolour {
        width:80px;
        margin-right:20px;
    }

        .sampleview_morecolour .thumb {
            width: 80px;
            height: 80px;
        }
        .sampleview_morecolour .name {
            font-size: 9px;
            color: #404040;
        }
        .sampleview_morecolour .sku {
            font-size: 8px;
            color: #808080;
        }
        .sampleview_morecolour .icons {
            float:left;
            width:80px;
            padding-bottom:20px;
          
        }
            .sampleview_morecolour .icons img {
                position:relative;
                float:left;
                display:inline;
                height:15px;
                width:15px;
            }*/



/* --------------------------------------------------------------------------------------------- */
/*  Body                                                                            */
/* --------------------------------------------------------------------------------------------- */



.main {
    margin-top: 149px;
    overflow: hidden;
    min-height: calc(100vh - 233px);
}


/* --------------------------------------------------------------------------------------------- */
/*  Header (Partial)                                                                             */
/* --------------------------------------------------------------------------------------------- */

    header {
        display:block;
        background-color:#ffffff;
        padding-top:28px;
        z-index:200;
    }
        header .menuitems {
            margin-top: 8px;
        }

        header .topbar {
            font-size: 11px;
            padding: 0;
            position: absolute;
            width: 100%;
            top: 17px;
        }

            header .topbar a {
                padding: 0 5px 0 5px;
                color: #808080;
            }

        header .ic_location {
            padding-left: 5px;
            padding-right: 5px;
            vertical-align: middle;
        }

        header .ic_search {
            padding-right:10px;
            padding-left:10px;
        }
        header .ic_logo {

        }

        header .menubutton {
            display: none;
        }
        header .ic_search_mobile {
            display: none;
        }
            header .topbar span {
                padding: 0 5px;
            }
        header ul {
            list-style: none;
            margin: 0 auto;
            display: inline-block;
            padding: 10px 0 0px 0;
            margin-bottom: -5px;
            
        }
            header ul li {
                display: inline-block;
                float: left;
            }

                header ul li a,
                header ul li span,
                header ul li .popdown ul li.menuheading {
                    font-size: 13px;
                    text-transform: uppercase;
                    font-family: "soleil", sans-serif; light;
                    text-decoration: none;
                    padding: 5px 0px 11px;
                    color: #404040;
                    font-weight: 500;
                    text-transform: uppercase;
                    letter-spacing: 0.075em;
                    font-size: 14px;
                    border-bottom: 2px solid #ffffff;
                }

                header ul li.active > a,
                header ul li:hover > a,
                header ul li.active > span,
                header ul li:hover > span {
                    border-bottom: 2px solid #414144;
                }


        header .menuitems > ul > li {
            padding: 0px 40px 13px 40px;
        }
            header .menuitems > ul > li > a,
            header .menuitems > ul > li > span{
                position: relative;
                cursor: pointer;
            }
        header .menuitems > ul > li:hover > a:before {
            content: '';
            position: absolute;
            height: 35px;
            width: 190px;
            bottom: -6px;
            left: -68px;
        }
        header .menuitems > ul > li:hover > a:after {
            content: '';
            position: absolute;
            height: 15px;
            width: 300px;
            bottom: -6px;
            left: -118px;
        }

            header ul ul li:hover a {
                border-bottom: none;
            }

            header ul li a, header ul li a:hover, header ul li a:active, header ul li a:visited {
                color: #414144;
                text-decoration: none;
            }

            header ul li .popdown {
                display: none;
                position: absolute;
                left: 0px;
                background-color: #ffffff;
                width: 100%;
                transform: translateY(5px);
                z-index: 10;
                text-align: left;
                padding: 20px 20px 20px 20px;
                border-top: 1px solid #cecece;
                border-bottom: 1px solid #cecece;
                box-shadow: 0px 7px 7px -1px rgba(0,0,0,0.16);
                margin-top: 7px;
            }

            header ul li:hover .popdown,
            header ul li.pressed .popdown{
                display: block;
            }

                header ul li:hover .popdown > div {
                    animation: 0.8s ease-in popdownfadein;
                }

            header ul .popdown ul {
                height: auto;
            }

            header ul li .popdown ul {
                display: none;
                margin-top: 10px;
            }

                header ul li .popdown ul li {
                    display: block;
                    float: initial;
                    padding-bottom: 10px;
                }

                    header ul li .popdown ul li a,
                    header ul li .popdown ul li.menuheading {
                        color: #808080;
                        letter-spacing: 0.075em;
                        padding-bottom: 10px;
                        font-size: 13px;
                        text-transform: initial;
                        font-weight: 300;
                        margin: 0px;
                        font-family: "soleil", sans-serif;;
                    }
                    header ul li .popdown ul li.menuheading {
                        color: #404040;
                    }
                    /*header ul li .popdown ul li a:hover {
                        text-decoration: underline;
                    }*/

        header > ul > li[data-templatetype=MenuMobileOnlyLink] {
            display: none;
        }

        .closemenu {
            display: none;
        }

        .back-to-menu {
            display:none;
            margin-left:10px;
        }

    .imagediv-menu-col4 {
        position: relative;
        background-size: cover;
        background-position: 50%;
        height: 345px ; 
    }

        /*.imagediv-menu-col4::before
        {
            display: block;
            position: relative;
            top:60%;
            height:40%;
            /*background-image: linear-gradient(to bottom, transparent 0%, #929292 100%);* /
            content: '';
        }*/

        .imagediv-menu-col4 .textcontainer {
            bottom: 0;
            position: absolute;
            width: 100%;
            padding: 2px;
            text-align: center;
        }

            .imagediv-menu-col4 .textcontainer .title {
                font-family: "soleil", sans-serif;;
                font-size: 18px;
                letter-spacing: 0.15em;
                color: #ffffff;
                margin-bottom: 0;
            }

            .imagediv-menu-col4 .textcontainer .subtitle {
                font-size: 12px;
                color: #ffffff;
                text-transform: initial;
                font-family: "soleil", sans-serif;;
            }

    .countrylist_link_top {
        cursor: pointer;
        color:#808080;
    }

    .countrylist_top {
        position: absolute;
        display: none;
        z-index: 500;
        border: 1px solid #929292;
        padding: 10px;
        background-color: #ffffff;
        font-size:12px;
    }
        .countrylist_top a:link, .countrylist_top a:visited, .countrylist_top a:hover, .countrylist_top a:active {
            display:block;
            padding:0;
            padding-top: 10px;
            color:black;
            font-size:12px;
        }


.countrylist_bottom {
    position: absolute;
    background-color: #ffffff;
    top: -140px;
    display: none;
    z-index: 500;
    border: 1px solid #929292;
    padding: 10px;
    color: #000000;
    width: 124px;
}
        .countrylist_bottom a:link, .countrylist_bottom a:visited, .countrylist_bottom a:hover, .countrylist_bottom a:active {
            padding: 0;
            padding-top: 10px;
            color: black;
            font-size: 12px;
        }
        .countrylist_link_bottom  .ic_location {
            padding-left: 10px;
            vertical-align: middle;
        }

    .countrylist_link_bottom {
        cursor:pointer;
    }

/* --------------------------------------------------------------------------------------------- */
/*  Breadcrumb                                                                                   */
/* --------------------------------------------------------------------------------------------- */

    /*.breadcrumb-light{
    }

    .breadcrumb-dark {
            font-size:12px;
            color:#808080;
    }

    .breadcrumb-dark ul {
        list-style: none;
        padding-left: 0;
    }

        .breadcrumb-dark ul li {
            list-style: none;
            display: inline;
        }

        .breadcrumb-dark ul a {
            color: #808080;
        }*/




/* Page Headers ------------------------------------------------------- End */
/* Page: Basket */


    /* Shared In Pages: My Account*/






/* THEME PAGE ------------------------------------------------------------------------------- */

     





        
        /*    .title-header    .imagediv-menu-col4::before
            {
                display: block;
                position: relative;
                top:60%;
                height:40%;
                background-image: linear-gradient(to bottom, transparent 0%, #929292 100%);
                content: '';
            }
        */


        /* --------------------------------------------------------------------------------------------- */
        /*  Home Page                                                                                    */
        /* --------------------------------------------------------------------------------------------- */
     


/* --------------------------------------------------------------------------------------------- */
/*  Product Page                                                                                 */
/* --------------------------------------------------------------------------------------------- */






    .border-b {
        position: relative;
        border-bottom: 1px solid #DDDDDD;
    }












/* --------------------------------------------------------------------------------------------- */
/*  Collection Page                                                                              */
/* --------------------------------------------------------------------------------------------- */
.back-to-collections a:link, .back-to-collections a:visited, .back-to-collections a:hover, .back-to-collections a:active {
    display: block;
    font-size: 12.5px;
    font-family: "soleil", sans-serif;;
    color: #808080;
    font-size: 12.5px;
    margin-bottom: 40px;
}

        .back-to-collections img {
            background-repeat: no-repeat;
            padding-right: 10px;
            vertical-align: middle;
        }

    .view-all-button {
        background-color: #404040;
        padding:15px;
        font-size:13px;
        font-family: "soleil", sans-serif;;
        color:#ffffff;
    }



    /* Carousel - fabric collection */




    /* MACROS -----------------------------------START  */
    /* MACROS -----------------------------------START  */
    /* MACROS -----------------------------------START  */



/* MACROS -----------------------------------END  */
/* MACROS -----------------------------------END  */
/* MACROS -----------------------------------END  */


/* SHARED ACROSS SITE -----------------------START */
/* SHARED ACROSS SITE -----------------------START */
/* SHARED ACROSS SITE -----------------------START */

/* Form Input Fields */

    .txtBox {
        /*width: 100%;
        border: 1px solid #DDDDDD;
        padding: 15px;
        padding-left: 15px;
        padding-right: 10px;
        font-family: "soleil", sans-serif;;
        font-size: 13px;
        margin-bottom: 15px;
        letter-spacing: 0.15em;
        color: #404040;
        border-radius: 0px;*/
    }

.txtBoxCheckout {
    /*height: 40px;
    width: 100%;
    border: 1px solid #DDDDDD;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: "soleil", sans-serif;;
    font-size: 14px;
    margin-bottom: 10px;
    color: #404040;*/
}


input[type=checkbox], input[type=radio] {
    width: 12px;
    height: 11px;
    background-image: url(/upload/checkbox_graphics.svg);
    background-position-x: 0px;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    outline: none;
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none;
    -webkit-appearance: none;
    padding: 5px 0 6px;
    border: none;
    vertical-align: middle;
    -webkit-appearance: none;
    border-radius: 0;
}

    input[type=checkbox]:checked, input[type=radio]:checked {
        background-position-x: -15px;
    }


.checkboxes input[type=checkbox], .shippingquotes input[type=checkbox], .shippingquotes input[type=radio],
[data-muistage="BillingAddress"] input[type=checkbox], [data-muistage="BillingAddress"] input[type=radio] {
    width: 25px;
    background-image: url(/upload/checkboxforcheckout.svg);
    margin-top: -2px;
    height: 24px;
    background-position-x: 0px;
    margin-right: 8px;
}
    .checkboxes input[type=checkbox]:checked, .shippingquotes input[type=checkbox]:checked, .shippingquotes input[type=radio]:checked,
    [data-muistage="BillingAddress"] input[type=checkbox]:checked, [data-muistage="BillingAddress"] input[type=radio]:checked {
        background-position-x: -31px;
    }

.input-floating-holder {
    position: relative;
}

input {
    font-size: 16px;
    background-color: transparent;
    border: none;
    border: 1px solid #DDDDDD;
    padding: 15px 0;
    width: 100%;
    max-width: 400px;
    outline: none;
    /*display: block;
    clear: right;*/
    position: relative;
    margin-bottom: 15px;
    padding-left: 15px;
    font-family: "soleil", sans-serif;;
    font-size: 13px;
    letter-spacing: 0.15em;
    -webkit-appearance: none;
    border-radius: 0px;
}
    input[type="submit"], input[type="button"] {
        padding-right: 15px;
    }
    textarea:focus, input:focus {
        outline: none;
    }
input[type=submit]{
    width: auto;
}
select {
    font-size: 16px;
    background-color: transparent;
    border: none;
    border: 1px solid #DDDDDD;
    padding: 15px 0;
    padding-left: 0px;
    width: 100%;
    max-width: 400px;
    outline: none;
    display: block;
    clear: right;
    position: relative;
    margin-bottom: 15px;
    padding-left: 15px;
    -webkit-appearance: none;
    background-image: url('/images/ic_downarrow.svg');
    background-position: right 20px center;
    background-repeat: no-repeat;
    font-family: "soleil", sans-serif;;
    font-size: 13px;
    letter-spacing: 0.15em;
}
input.error {
    color: #e94949;
    border-color: #e94949;
}

    input:focus ~ .floating-label,
    input.populated ~ .floating-label,
    input[disabled] ~ .floating-label,
    input[required]:not(:focus):valid ~ .floating-label,
    textarea:focus ~ .floating-label,
    textarea.populated ~ .floating-label,
    textarea[disabled] ~ .floating-label,
    textarea[required]:not(:focus):valid ~ .floating-label {
        top: -8px;
        bottom: 36px;
        left: 10px;
        padding: 0 5px;
        font-size: 11px;
        opacity: 1;
        background-color: #ffffff;
    }

textarea:focus ~ .floating-label,
textarea.populated ~ .floating-label,
textarea[disabled] ~ .floating-label,
textarea[required]:not(:focus):valid ~ .floating-label {
    top: -18px;
}

textarea {
    font-size: 16px;
    background-color: transparent;
    border: none;
    border: 1px solid #DDDDDD;
    border-radius: 0px;
    padding: 10px;
    width: 100%;
    outline: none;
    display: block;
    clear: right;
    position: relative;
    margin-bottom: 15px;
    -webkit-appearance: none;
}

.input-floating-holder textarea {
    margin-top: 30px;
}

textarea + .floating-label {
    left: 10px;
}

.floating-label {
    position: absolute;
    pointer-events: none;
    left: 0px;
    top: 16px;
    transition: 0.2s ease all;
    padding-left: 15px;
    background-color: transparent;
}

input.float-center {
    margin: 0 auto;
}

input[type=text]:focus,
input[type=url]:focus,
input[type=password]:focus {
    border: 1px solid #DDDDDD;
}

div.input-floating-holder.float-center {
    margin: 0 auto;
    width: 280px;
}
input[type="file"]{
    display: none;
}
.custom-file-upload {
    font-size: 16px;
    background-color: transparent;
    border: none;
    border: 1px solid #DDDDDD;
    padding: 15px 0;
    padding-left: 0px;
    width: 100%;
    max-width: 400px;
    outline: none;
    display: block;
    clear: right;
    position: relative;
    margin-bottom: 15px;
    padding-left: 15px;
    font-family: "soleil", sans-serif;;
    font-size: 13px;
    letter-spacing: 0.15em;
    -webkit-appearance: none;
    border-radius: 0px;
    font-weight: normal;
}


/* standard elements */



/* Fabric previews */


/* Containers */

    .panel_shaded {
        background-color: #F4F4F4;
        padding: 25px 30px 25px 30px;
        width: 100%;
        margin-bottom: 20px;
        font-family: "soleil", sans-serif;;
        font-size: 14px;
        color: #404040;
        line-height: 25px;
        letter-spacing: 1px;
    }
        .panel_shaded b {
            font-family: "soleil", sans-serif;;
            font-weight:normal;
        }
        .panel_shaded .title {
            font-family: "soleil", sans-serif;;
            font-size: 17px;
            text-transform: uppercase;
            display:inline;
            color: #404040;
        }
        .panel_shaded .titlebutton {
            font-family: "soleil", sans-serif;;
            font-size: 13px;
            text-transform: uppercase;
            color: #666666;
            display:inline;
            float:right;
        }
        .panel_shaded .titlebar {
            padding-bottom:20px;
            border-bottom: 1px solid #DDDDDD;
            margin-bottom:20px;
        }
.panel_shaded_list .row {
    padding: 15px 0;
    border-bottom: 1px solid #DDDDDD;
}
    .panel_shaded_list .row:last-of-type{
        border-bottom: none;
    }

    .panel {
        border-radius: 0px;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
.panel-body-seperators {
    border-bottom: 1px solid #DDDDDD;

}
.panel .panel-body-seperators:last-child {
    border-bottom: none;
}
/* Buttons */
/* Area: Checkout */
.checkout-title {
    font-family: "soleil", sans-serif;;
    font-size: 30px;
    color: #404040;
    text-transform: uppercase;
    letter-spacing: 1px;
}
    .checkout-subtitle {
        font-family: "soleil", sans-serif;;
        font-size: 18px;
        color: #808080;
        text-transform: uppercase;
        letter-spacing: 1px;
    }





/* SHARED ACROSS SITE -------------------------END */
/* SHARED ACROSS SITE -------------------------END */
/* SHARED ACROSS SITE -------------------------END */



.account_menubar {
    background-color: #f6f6f6;
    margin-top: -20px;
    margin-bottom: 30px;
}
    .account_menubar .macro-collection-thumbnails .macro-collectionthumbs-tablink {
        border-bottom: 2px solid #f6f6f6;
    }
        .account_menubar .macro-collection-thumbnails .macro-collectionthumbs-tablink.active {
            border-bottom: 2px solid #414144;
        }

.title-header + .account_menubar {
    margin-top: -30px;
}

    /* Collection Thumbnail */
    /*.tablink {
        display: inline-block;
        font-weight: 400;
        font-size: 14px;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-right: 20px;
        border-bottom: 2px solid #ffffff;
        color: #404040;
        text-decoration: none;
        cursor: pointer;
    }

        .tablink:hover {
            color: #404040;
            text-decoration: none;
            border-bottom: 2px solid #414144;
        }

        .tablink img {
            background-repeat: no-repeat;
            padding-left: 10px;
            vertical-align: middle;
        }

        .tablink.active {
            font-weight: 400;
            font-size: 14px;
            padding-bottom: 10px;
            padding-top: 10px;
            margin-right: 20px;
            color: #404040;
            text-decoration: none;
            border-bottom: 2px solid #414144;
            text-decoration: none;
            cursor: pointer;
        }*/
    /* Carousel - fabric collection browse ------------------------------------------------------ */
    /* Carousel - Theme Explorer Carousel ------------------------------------------------ */
    /* the slides */
    .theme-explorer-carousel .slick-slide {
        margin: 0 40px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .theme-explorer-carousel .slick-slide .carousel-image {
        width: 100%;
        height: 600px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    /* the parent */
    .theme-explorer-carousel .slick-list {
        margin: 0 -40px;
    }

    .theme-explorer-carousel-topbar {
        margin-left: -15px;
        margin-right: -15px;
    }

    .theme-explorer-carousel-heading {
        font-family: 'soleil', sans-serif;
        font-size: 14px;
        color: #404040;
        margin-bottom: 25px;
        text-transform: uppercase;
    }

    .theme-explorer-carousel-leftarrow {
        background-image: url('/images/ic_carouselarrow_solid_left.svg');
        background-repeat: no-repeat;
        width: 10px;
        height: 15px;
        cursor: pointer;
        content: '';
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .theme-explorer-carousel-rightarrow {
        background-image: url('/images/ic_carouselarrow_solid_right.svg');
        background-repeat: no-repeat;
        content: '';
        width: 10px;
        height: 15px;
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }

.product-theme-carousel .slick-list {
    overflow: visible;
}
.product-theme-carousel .slick-slide {
    margin: 0 40px;
}
.product-theme-carousel.slick-initialized.slick-slider {
    margin-left: -40px;
}

    .theme-explorer-carousel {
    margin-left: -15px;
    margin-right: -15px;
}
        .theme-explorer-carousel .slick-list {
            overflow: visible;
        }

.theme-explorer-container {
    margin-bottom: 80px;
}

        .theme-explorer-carousel-panel {
            background-size: cover;
            background-position: center;
        }

            .theme-explorer-carousel-panel .container {
                height: 100%;
            }
            

        .theme-explorer-carousel .description {
            margin: 0;
            padding: 0;
            padding-top: 20px;
            padding-bottom: 0;
            font-size: 14px;
            color: #404040;
            text-align: left;
        }

.theme-explorer-carousel .subpanel {
    position: absolute;
    width: 50%;
    padding-left: 60px;
    font-size: 14px;
    color: #ffffff;
    left: 0px;
}

        .theme-explorer-carousel .subpanel p {
            font-family: 'soleil', sans-serif;
            font-size: 24px;
            text-transform: uppercase;
            letter-spacing: 0.15em;
            line-height: 1.4em;
            margin: 0;
            padding: 0;
            margin-bottom: 20px;
            color: #ffffff;
        }
    .theme-explorer-carousel .subpanel a {
        color: #ffffff;
        text-transform: uppercase;
        letter-spacing: 0.15em;
        padding-top: 30px;
        display: inline-block;
    }
    /* SEARCH PAGE ----------------------------------------------------------------------------------------- */
    .ic_searchfilter {
        width: 20px;
        height: 20px;
        margin-left: 15px;
    }
    .text-center .ic_searchfilter{
        margin-left: 7px;
        margin-right: 7px;
    }

    .searchfilters .filters a:link, .searchfilters .filters a:visited, .searchfilters .filters a:hover, .searchfilters .filters a:active {
        font-size: 15px;
        color: #666666;
        background-image:url('/images/ic_searchfilter_down.svg');
        background-size: 7px 5px;
        background-repeat:no-repeat;
        background-position:right;
        vertical-align:middle;
        padding-right:15px;
        margin-right:20px;
    }

#popup_imageviewer_image {
    /*display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;*/
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 24em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
    #popup_imageviewer_image img {
        object-fit: cover;
        width: 100%;
        object-position: center;
    }

#searchresults {
    display: flex;
    flex-wrap: wrap;
    padding-right: 0px;
}
    .fabricpreview .icons {
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 5px;
        opacity: 0;
        transition: 0.3s linear opacity;
        cursor: pointer;
        z-index: 3;
    }
        .fabricpreview:hover .icons {
            opacity: 1;
        }

.icons .button_taglist_basket {
    display: inline-block;
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.icons .button_taglist_moodboard {
    display: inline-block;
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    background-size: auto;
    margin-right: 5px;
    cursor: pointer;
}

.searchresultrow {
}

.searchresultrow-2 {
}
.searchresultrow-2 a {
    width: calc(50% - 30px);
    margin-right: 30px;
}


    .searchresultrow-2 .item {
        width: 100%;
        float: left;
        margin-right: 15px;
        margin-bottom: 25px;
    }

        .searchresultrow-2 .item .image {
            width: 100%;
            height: 0px;
            padding-bottom: 100%;
            background-size: cover;
            background-position: center;
            background-color: white;
        }

        .searchresultrow-2 .item .name {
            padding-top: 10px;
            font-size: 16px;
            color: #404040
        }

        .searchresultrow-2 .item .colourcount {
            font-size: 13px;
            color: #808080;
        }

    .searchresultrow-4 a {
        width: calc(25% - 30px);
        margin-right: 30px;
    }

        .searchresultrow-4 .item {
            width: 100%;
            float: left;
            margin-right: 15px;
            margin-bottom: 25px;
        }

            .searchresultrow-4 .item .image {
                width: 100%;
                height: 0px;
                padding-bottom: 100%;
                background-size: cover;
                background-position: center;
                background-color: white;
            }

            .searchresultrow-4 .item .name {
                padding-top: 10px;
                font-size: 14px;
                color: #404040
            }

            .searchresultrow-4 .item .colourcount {
                font-size: 13px;
                color: #808080;
            }

.searchresultrow-6 a {
    width: calc(16.666666666666666% - 30px);
    margin-right: 30px;
}

.searchresultrow-6 .item {
    width: 100%;
    float: left;
    margin-right: 15px;
    margin-bottom: 25px;
}

    .searchresultrow-6 .item .image {
        width: 100%;
        height: 0px;
        padding-bottom: 100%;
        background-size: cover;
        background-position: center;
        background-color: white;
    }

        .searchresultrow-6 .item .name {
            padding-top: 10px;
            font-size: 14px;
            color: #404040
        }

        .searchresultrow-6 .item .colourcount {
            font-size: 13px;
            color: #808080;
        }

    .ic_search_fabrictype {
        width:15px;
        height:15px;
        float: right;
        vertical-align:central;
        margin-left:10px;
    }

.title-header-noimage.following {
    margin-bottom: 60px;
}
.search_menubar.following {
    position: fixed;
    top: 170px;
    left: 0px;
    width: 100%;
    z-index: 1;
}

.featuredsearch_container {
    margin-bottom: -20px;
}


    /* Below here needs tidy up */
    /* Below here needs tidy up */
    /* Below here needs tidy up */
    /* Below here needs tidy up */
    /* Below here needs tidy up */
    /* Below here needs tidy up */
    @keyframes popdownfadein {
        0% {
            opacity: 0;
        }

        1000% {
            opacity: 1;
        }
    }



    /* Macros --------------------------------------------------------------------------------*/
    /* Macros --------------------------------------------------------------------------------*/
    /* Macros --------------------------------------------------------------------------------*/


    /* Tagged Imaged */









    /* Popups --------------------------------------------------------------------------------*/
    /* Popups --------------------------------------------------------------------------------*/
    /* Popups --------------------------------------------------------------------------------*/


    .popup_samplebook, .popup_small {
        text-align: left;
        position: fixed; 
        display: none;
        height: 500px;
        width: 900px;
        margin: 0;
        z-index: 9999; /* Set a higher z-index */
        background-color: white;
        border: 1px solid #000000;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.popup_small {
    height: auto;
    width: 380px;
}
popup_samplebook_mainimage_container {
    height: 400px;
    width: 400px;
}

    .popup_samplebook .container_content, .popup_small .container_content {
        padding: 20px;
    }

.popup_samplebook .topbar, .popup_small .topbar {
    padding: 20px;
    font-size: 18px;
    color: #404040;
    /*border-bottom: 1px solid #DDDDDD;*/
    height: 40px;
    letter-spacing: 0.10em;
    font-family: "soleil", sans-serif;;
}

            .popup_samplebook .topbar .closebutton, .popup_small .topbar .closebutton {
                background-image: url('/upload/ic_mobilemenu_close.svg');
                height: 15px;
                top: 5px;
                width: 15px;
                background-repeat: no-repeat;
                cursor: pointer;
                top: 10px;
                position: absolute;
                right: 20px;
                top: 25px;
            }

        .popup_samplebook .popup_samplebook_mainimage_holder {
            height: 100%;
            width: 100%;
            border: 1px solid #DDDDDD;
        }
            .popup_samplebook .popup_samplebook_mainimage_holder .slick-slide {
                height: 398px;
                object-fit: contain;
            }
                .popup_samplebook .popup_samplebook_mainimage_holder .slick-slide img {
                    height: 398px;
                    object-fit: contain;
                }
            .popup_samplebook .popup_samplebook_mainimage_holder .slick-prev {
                color: #404040;
                left: 10px;
                z-index: 12;
            }
            .popup_samplebook .popup_samplebook_mainimage_holder .slick-next {
                color: #404040;
                right: 10px;
                z-index: 12;
            }
            .popup_samplebook .popup_samplebook_mainimage_holder .slick-prev:before {
                background-image: url('/images/ic_carouselarrow_left.svg');
                content: '';
                padding: 120px 20px;
                background-repeat: no-repeat;
                background-position: 50% 50%;
                border-top: none;
                border-left: none;
                transform: none;
                position: relative;
                left: -10px;
            }
            .popup_samplebook .popup_samplebook_mainimage_holder .slick-next:before {
                background-image: url('/images/ic_carouselarrow_right.svg');
                padding: 120px 20px;
                background-repeat: no-repeat;
                background-position: 50% 50%;
                content: '';
                border-top: none;
                border-right: none;
                transform: none;
                position: relative;
                right: 10px;
            }

            .popup_samplebook .popup_samplebook_name {
                font-family: "soleil", sans-serif;;
                color: #404040;
                font-size: 22px;
                letter-spacing: 0.15em;
            }

        .popup_samplebook .popup_samplebook_gallerylink {
            font-family: "soleil", sans-serif;;
            font-size: 14px;
            letter-spacing: 0.15em;
            color: #808080;
            padding-bottom: 5px;
            text-decoration:none;
            border-bottom: solid 1px #808080;
        }
button.linkbutton_dark,
input.linkbutton_dark,
a.linkbutton_dark,
span.linkbutton_dark a,
a span.linkbutton_dark{
    color: #ffffff;
    background-color: #404040;
    border: 1px solid #404040;
    padding: 15px 20px;
    letter-spacing: 0.15em;
    text-decoration: none;
    margin-right: 30px;
    font-family: "soleil", sans-serif;;
}
    input.linkbutton_dark:hover,
    button.linkbutton_dark:hover,
    a.linkbutton_dark:hover,
    span.linkbutton_dark a:hover,
    a:hover span.linkbutton_dark {
        color: #404040;
        background-color: #ffffff;
        text-decoration: none;
    }
.linkbutton_white, .linkbutton_white:hover, .linkbutton_white:active {
    font-family: "soleil", sans-serif;;
    font-size: 14px;
    letter-spacing: 0.15em;
    color: #808080;
    padding-bottom: 5px;
    text-decoration: none;
    border-bottom: solid 1px #808080;
    text-transform: uppercase;
}
    .linkbutton_white:hover {
        border-bottom: none;
    }

    .popup_samplebook_gallerylink a:visited, .popup_samplebook_gallerylink a:hover, .popup_samplebook_gallerylink a:active {
        font-family: "soleil", sans-serif;;
        font-size: 14px;
        color: #808080;
        text-decoration: underline;
    }

.popup_samplebook .popup_samplebook_description {
    font-size: 14px;
    color: #666666;
    letter-spacing: 0.05em;
    white-space: pre-line;
}

        .popup_samplebook .popup_samplebook_price {
            font-size:14px;
            color:#404040;
            letter-spacing: 0.15em;
        }

    .popup_imageviewer {
            
    }

        .popup_imageviewer_thumbnail {
            float:left;
            height: 50px;
            width: 50px;
            margin-right:10px;
            cursor:pointer;
        }

        .popup_imageviewer_thumbnailimg {
            width: 50px;
            height: auto;
        }


            



/* Page Title Header ---------------------------------------------------------------------*/
/* Breadcrumbs -------------------------------------------------------------------------- */
/* Image Helpers ------------------------------------------------------------------------------ */
/* Large Devices, Wide Screens */



    /* UX Animation Effects */

    @keyframes popdownfadein {
        0% {
            opacity: 0;
        }

        1000% {
            opacity: 1;
        }
    }

    /* Footer -------------------------------------------- */

    .footer {
        font-family: "soleil", sans-serif;;
        background-color: #F4F4F4;
        font-size: 12px;
        padding-top: 40px;
        padding-bottom: 10px;
        height:auto;
    }

    .footerheading {
        font-family: "soleil", sans-serif;;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        font-size: 12px;
        text-decoration: none;
        color: #808080;
        padding-bottom:0px;
        margin-bottom: 10px;
    }

    .footer a:link {
        font-size: 12px;
        text-decoration: none;
        color: #929292;
        line-height: 2;
    }

    .footer a:visited {
        font-size: 12px;
        text-decoration: none;
        color: #929292;
        line-height: 2;
    }

    .footer a:hover {
        font-size: 12px;
        color: #929292;
        line-height: 2;
    }

    .footer a:active {
        font-size: 12px;
        color: #929292;
        line-height: 2;
    }

    .footericon {
        margin-right: 20px;
        margin-top:10px;
        float: left;
    }

    .footerbottom {
        margin-top:30px;
        color: #808080;
    }

        .footermailinglist span {
            border-width: 0 0 0;
            background-color: #F4F4F4;
        }

    .footermailinglistinvite {
        font-size: 11.5px;
    }

    .endfooter {
        font-size: 11.5px;
    }

.holderFooterMailist {
    background-color: #F4F4F4;
    color: #808080;
    border: none;
    border-bottom: 1px solid #808080;
    margin-bottom: 10px;
    position: relative;
    margin-top: 20px;
}
    .txtFooterMailist {
        font-size: 13px;
        padding: 5px;
        padding-left: 0;
        width: 100%;
        border: none;
        outline: 0;
        margin-bottom: 0px;

    }
.btnFooterMailist {
    background-image: url('../images/icons/ic_mobilemenu_rightarrow.svg');
    background-position: center right;
    background-repeat: no-repeat;
    vertical-align: middle;
    border: none;
    font-size: 13px;
    padding: 5px 20px;
    margin-bottom: 0px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    z-index: 2;
}
.footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.productpage .productname {
    margin-top: 20px;
}


/* Hero Carousel */

.home-hero-carousel {
    height: calc(100vh - 150px);
}
    .home-hero-carousel .panel {
        position: relative;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: calc(100vh - 150px);
    }
	.home-hero-carousel .subpanel {
        position:absolute;
        width:60%;
        top:20%;
        padding:100px;
		font-size:14px;
		color:#ffffff;
	}
	.home-hero-carousel .subpanel p{
		font-family: "soleil", sans-serif;;
		font-size:40px;
        line-height:40px;
        margin:0;
        padding:0;
       /* margin-bottom:20px;*/
	}

    .home-hero-carousel-downarrow {
        position: relative;
        top:-40px;
        width:16px;
        height:8px;
        cursor:pointer;
}

.carousel-homehero .linkbutton-light-bordered {
    margin-top: 30px;
    color: #ffffff;
    border-color: #ffffff;
}
    .carousel-homehero .linkbutton-light-bordered:hover{
        color: #404040;
        background-color: #ffffff;
    }
    .carousel-homehero .linkbutton-light-bordered:focus{
        text-decoration: none;
    }
    /* Panel Box Styling */
    .full-width-image {
        background-color: #dddddd;
        width: 100%;
        height: 470px;
        background-size: cover;
        background-position: center;
        position: relative;
    }




.panel-link-box {
    margin-bottom: 60px;
}
	.panel-link-box h3{
		font-family: "soleil", sans-serif;;
        text-transform: uppercase;
		font-size: 19px;
		color:#404040;
		margin-top:15px;
        letter-spacing: 0.15em;
	}
	.panel-link-box p{
		font-family: "soleil", sans-serif;;
		font-size:14px;
		color:#666666;
		margin-bottom:10px;
	}
	.panel-link-box a {
		font-family: "soleil", sans-serif;;
		font-size:13px;
		text-decoration: underline;
		color:#404040;
	}


/* NEWS ------------------*/


/* Collection Page Thumbnails (tabbed) */

.header-supliment {
    background-color: #f6f6f6;
    margin-top: -21px;
    margin-bottom: 30px;
    font-family: "soleil", sans-serif;;
    color: #808080;
    text-transform: uppercase;
}
    .header-supliment .row{
        margin-bottom: 15px;
    }
    .header-supliment .macro-collectionthumbs-tablink {
        display: inline-block;
        font-weight: 400;
        font-size: 14px;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-right: 20px;
        border-bottom: 2px solid #f6f6f6;
        color: #404040;
        text-decoration: none;
        cursor: pointer;
        text-transform: uppercase;
        font-family: "soleil", sans-serif;;
        letter-spacing: 0.15em;
    }
        .header-supliment .macro-collectionthumbs-tablink:hover {
            color: #404040;
            text-decoration: none;
            border-bottom: 2px solid #414144;
        }
        .header-supliment .macro-collectionthumbs-tablink.active {
            font-weight: 400;
            font-size: 14px;
            padding-bottom: 10px;
            padding-top: 10px;
            margin-right: 20px;
            text-decoration: none;
            border-bottom: 2px solid #414144;
            text-decoration: none;
            cursor: pointer;
        }
        .header-supliment .macro-collectionthumbs-tablink img {
            background-repeat: no-repeat;
            padding-left: 10px;
            vertical-align: middle;
        }
    .header-supliment .hr {
        display: block;
        background-color: #DDDDDD;
        position: relative;
        height: 1px;
        width: 100%;
        margin-bottom: 20px;
    }
    .blogposts > .row > div{
        padding-right: 15px;
        padding-left: 15px;
    }
    .blogposts .blogpost {
        margin-bottom: 25px;
        display: block;
    }
    .blogposts a.blogpost{
        text-decoration: none;
        color: #404040;
    }
    .blogposts .blogpost .bogpost-image{
        height: 270px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        margin-bottom: 15px;
    }
        .blogposts .blogpost .blogpost-date{
            margin-bottom: 10px;
        }
        .blogpost-date {
            color: #808080;
            letter-spacing: 0.15em;
            margin-bottom: 30px;
            font-size: 13px;
        }
        .blogposts .blogpost h3{
            letter-spacing: 0.15em;
            text-transform: uppercase;
            font-family: "soleil", sans-serif;;
            font-size: 17px;
            margin-top: 0px;
        }
        .blogposts .blogpost hr{
            margin: 10px 0;
        }
        .blogposts .blogpost .newstype{
            font-size: 13px;
            color: #808080;
            letter-spacing: 0.1em;
        }
            .blogpost-excerpt{ color: #808080;}

.content-bottom-holder {
    border-top: 1px solid #DDDDDD;
    padding-top: 30px;
    padding-bottom: 10px;
}
    .content-bottom-holder h6{
        font-size: 19px;
    }

    .news-paging-holder {
        border-top: 1px solid #DDDDDD;
        padding-top: 50px;
        padding-bottom: 30px;
    }
    .news-paging-holder .news-paging-left{
        padding-left: 40px;
    }
    .news-paging-holder .news-paging-right {
        padding-right: 40px;
    }
.news-paging {
}
.news-paging-prev {
    border-left: 1px solid #404040;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    left: 0px;
    margin-top: 18px;
}
.news-paging-next {
    border-right: 1px solid #404040;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    right: 0px;
    margin-top: 18px;
}
.news-paging-button {
    width: 27px;
    height: 27px;
    border-top: 1px solid #404040;
    position: absolute;
    transform-origin: 50%;
}

.news-paging-holder a {
    color: #404040;
}
.news-paging-holder a:hover{
    text-decoration: none;
}
.news-paging-holder .news-date {
    font-size: 13px;
    color: #808080;
    text-transform: uppercase;
    letter-spacing: 0.10em;
    margin-bottom: 0px;
    font-family: 'soleil', sans-serif;
}
.news-paging-holder .news-paging {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.10em;
    font-family: 'soleil', sans-serif;
}
.news-paging-holder .newstype {
    font-size: 13px;
    color: #808080;
}

.news-grid .umb-grid .row {
    margin-bottom: 60px;
}
.news-grid .umb-grid img + .rte{
    margin-top: 60px;
}

/* CONTACT US ---------------------------------------------------*/

.container.contactus-panel, .contactus-panel {
    background-color: #F4F4F4;
    padding: 30px;
    margin-bottom: 30px;
}

.contactus-panel.contactus-panel-outline {
    border: 1px solid #DDDDDD;
    background-color: #ffffff;
    margin-left: 30px;
}

    .contactus-panel h2, .contactus-panel .h2 {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 17px;
    }

.contactus-panel input{
    border: 1px solid #DDD;
    padding: 10px;
    width: 100%;
    margin-bottom: 15px;
}
    .contactus-panel input[type=checkbox] {
        border: none;
        padding: 5px 0 6px;
        width: 25px;
        margin-bottom: 0px;
    }
    .contactus-panel textarea {
        border: 1px solid #DDD;
        padding: 10px;
        min-height: 152px;
        width: 100%;
        margin-bottom: 15px;
        border-radius: 0px;
    }
/*.contactus-panel button {
    padding: 10px;
    text-transform: uppercase;
    min-width: 170px;
    text-align: center;
    font-family: "soleil", sans-serif;;
    background-color: #404040;
    color: #ffffff;
    border: none;
}*/
.flex-match-height {
    display: flex;
}
.contactus-panel .contactus-details-holder > div{
    margin-bottom: 25px;
}
.contactus-panel .contactus-details-holder p, 
.contactus-panel .contactus-details-holder a {
    color: #333;
}

.contactus-design-image {
    width: 100%;
    height: 340px;
    object-fit: cover;
}

/* Dropdown List Items (for FAQ's) -----------------------------------*/

.dropdownlistitem:first-of-type > div {
    border-top: none;
}
.dropdownlistitem:last-of-type > div {
    border-bottom: 1px solid #ddd
}

.dropdownlistitem p.heading {
    cursor: pointer;
    font-size: 15px;
    font-family: "soleil", sans-serif;;
    text-transform: uppercase;
    letter-spacing: 0.15em;
}

.dropdownlistitem:last-of-type {
    margin-bottom: 60px
}

.dropdownlistitem {
    overflow: hidden;
    transition: .6s ease-in-out height;
}

    .dropdownlistitem > div {
        border-top: 1px solid #ddd;
        padding-top: 25px;
        padding-bottom: 25px;
        margin-bottom: 3px;
        text-align: left
    }

    .dropdownlistitem .expand,
    .dropdownlistitem .contract {
        position: absolute;
        right: 20px;
        cursor: pointer;
        display: none;
        padding-top: 1px
    }

    .dropdownlistitem[data-state=expanded] .contract {
        display: block
    }

    .dropdownlistitem[data-state=contracted] .expand {
        display: block
    }

    .dropdownlistitem .heading {
        color: #414144;
        margin-bottom: 25px;
    }

    .dropdownlistitem .expand,
    .dropdownlistitem .contract {
        position: absolute;
        right: 20px;
        cursor: pointer;
        display: none
    }

    #expandall, #contractall{ cursor: pointer; }
    #contractall{ display: none; }

/* INSPIRE---------------------------*/


.inspire-grid {
}

.lifestyle-masonry {
    width: 100%;
}

.inspire-grid-sizer,
.inspire-grid-item-image {
    width: 100%;
    height: auto;
}

.inspire-grid-item {
    font-family: "soleil", sans-serif;;
    width: 270px;
    margin-bottom: 30px;
}

.inspire-grid-item-text {
    position: absolute;
    top: 0;
    left: 0;
    color: #ffffff;
    width: 100%;
    height: 100%;
    opacity: 0;
    text-align: center;
    transition: 0.5s linear opacity;
}

    .inspire-grid-item-text:hover {
        background-color: rgba(64, 64, 64, .8);
        width: 100%;
        height: 100%;
        opacity: 1;
    }

    .inspire-grid-item-text a, .inspire-grid-item-text a:visited, .inspire-grid-item-text a:hover {
        color: #ffffff;
        text-decoration: underline;
        display: inline-block;
        margin-bottom: 40px;
        letter-spacing: 0.15em;
        text-transform: uppercase;
    }

        .inspire-grid-item-text a:last-child {
            margin-bottom: 0px;
        }

.inspire-grid-item-themecount {
    margin-top: 20px;
    margin-bottom: 10px;
    letter-spacing: 0.15em;
}

.inspire-grid-item-themenames {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}

.inspire-grid-item-themename {
    padding-bottom: 5px;
    text-transform: uppercase;
    letter-spacing: 0.15em;
}

ul.filterlist {
    display: inline-block;
    list-style: none;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}
    ul.filterlist.filterselected li{
        opacity: 0.5;
    }

        ul.filterlist.filterselected li.selectedfilter,
        ul.filterlist.filterselected li.selected {
            opacity: 1;
            position: relative;
        }

            ul.filterlist.filterselected li.selectedfilter img,
            .filterlist li.selected img {
                vertical-align: sub;
                right: -21px;
                top: 3px;
                position: absolute;
            }

        ul.filterlist li {
            color: #808080;
            float: left;
            margin: 0px;
            padding: 0px;
            margin-right: 40px;
            cursor: pointer;
            margin-bottom: 10px;
        }

            ul.filterlist li:first-child {
                /*margin-left: 40px;*/
            }

.inspire-filters {
    vertical-align: middle;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: "soleil", sans-serif;;
}

a.theme-list-item {
    color: #808080;
}
.theme-list-image{ width: 100%; height: 400px; margin-bottom: 30px; 
                   background-position: 50%; 
                   background-size: cover;
                   
}
a.theme-list-item h2, a.theme-list-item .h2 {
    font-size: 19px;
    color: #404040;
    font-weight: 200;
}
a.theme-list-item .underlined {
    margin-top: 15px;
    margin-bottom: 30px;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    display: inline-block;
    font-size: 14px;
    color: #404040;
    font-family: ArcoLight;
}

.slick-initialized .slick-slide:focus{
    outline: none;
}
/* BROCHURE --------------------*/
.brochure-panel {
    font-family: "soleil", sans-serif;;
    font-size: 17px;
    letter-spacing: 0.15em;
    margin-bottom: 25px;
    text-transform: uppercase;
}
    .brochure-panel a{
        color: #404040;
    }
        .brochure-panel a:hover{
            text-decoration: none;
        }
    .brochure-panel img {
        margin-bottom: 10px;
    }

/* EVENTS ----------------------*/
.eventslist {
    font-size: 13px;
}
    .eventslist p {
        margin-bottom: 2px;
        color: #666666;
    }
    .eventslist:first-of-type > div {
        border-top: none;
    }

.eventslist:last-of-type > div {
    border-bottom: none;
    
}

.eventslist p.heading {
    font-size: 19px;
    font-family: "soleil", sans-serif;;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #404040;
}
    .eventslist p.location {
        font-size: 14px;
        font-family: "soleil", sans-serif;;
        text-transform: uppercase;
        letter-spacing: 0.15em;
        color: #404040;
    }
.eventslist .event-type {
    color: #919191;
}
.eventslist .location-text {
    font-size: 14px;
    color: #808080;
}
.eventslist a {
    font-size: 13px;
    font-family: "soleil", sans-serif;;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    text-decoration: underline;
    color: #404040;
}
.eventslist:last-of-type {
    margin-bottom: 60px
}

    .eventslist > div {
        border-top: 1px solid #ddd;
        padding-top: 25px;
        padding-bottom: 25px;
        margin-bottom: 3px;
        text-align: left
    }

/* BOOTSTRAP OVERRIDES ----------------------------------------------------------------------- */
/* BOOTSTRAP OVERRIDES ----------------------------------------------------------------------- */
/* BOOTSTRAP OVERRIDES ----------------------------------------------------------------------- */
.container {
    padding-right: 20px;
    padding-left: 20px;
}

.outercontainer {
    padding-right: 20px;
    padding-left: 20px;
}

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

@media (min-width: 1210px) {
    .outercontainer {
        width: 1210px;
        padding-right: 20px;
        padding-left:20px;
    }
}

.container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
}
    .container-fluid hr {
        margin-left: -20px;
        margin-right: -20px;
        /*margin-top: 40px;*/
        margin-top: 0px;
        margin-bottom: 30px;
    }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 20px;
    padding-left: 20px;
}

.stockist {
    padding: 30px;
    background-color: #F4F4F4;
    letter-spacing: 0.15em;
    margin-bottom: 30px;
}
.stockist h5{
    margin-top: 0px;
}
    .stockist a.linkbutton-light-bordered {
        width: calc(50% - 20px);
        text-align: center;
        margin-right: 0px;
        padding: 15px 5px;
    }
        .stockist a.linkbutton-light-bordered + a.linkbutton-light-bordered{
            margin-left: 30px;
        }
.stockist-panel input[type=text] {
    border: 1px solid #DDD;
    padding: 15px;
    width: 250px;
    margin-bottom: 15px;
    font-size: 13px;
}

.stockist-panel button {
    padding: 15px;
    min-width: 100px;
    text-align: center;
    font-family: "soleil", sans-serif;;
    background-color: #404040;
    color: #ffffff;
    border: none;
}


.popdown .checkbox label,
.popdown label {
    font-size: 12px;
}
.popdown .linkbutton-dark {
    padding: 10px 45px;
}

.order-summary .row {
    margin-right: 0px;
    margin-left: 0px;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.order-summary .product-image {
    float: left;
    padding-right: 15px;
}
.order-summary .product-details {
    float: left;
    font-size: 11px;
    line-height: 18px;
}
    .order-summary .product-details strong{
        font-weight: 500;
    }
    .order-summary .product-price {
        float: right;
        font-family: "soleil", sans-serif;;
        letter-spacing: 0.15em;
    }
.h-card{ font-size: 13px; }

.slick-prev, .slick-next{
    z-index: 1;
}
.slick-prev {
    left: -50px;
}
.slick-next {
    right: -35px;
}
    .slick-prev::before {
        content: '';
        border-top: 1px solid #404040;
        border-left: 1px solid #404040;
        transform: rotate(-45deg);
        width: 20px;
        height: 20px;
        position: absolute;
    }
    .slick-next::before {
        content: '';
        border-top: 1px solid #404040;
        border-right: 1px solid #404040;
        transform: rotate(45deg);
        width: 20px;
        height: 20px;
        position: absolute;
    }




.popdown-featured-gradient:before {
    content: '';
    background-size: cover;
    background-position: bottom;
    background-image: url('/images/promo_gradient.png');
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-repeat: no-repeat;
    height: 100%;
}
.downarrow {
    width: 0px;
    height: 0px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #666666;
    vertical-align: middle;
    display: inline-block;
    margin-left: 1px;
}
.row.flex {
    display: flex;
    flex-wrap: wrap;
}
    .row.flex > [class^="col-"] {
        margin-left: -1px;
        margin-right: -1px;
    }

.mui-notify-bar {
    position: fixed;
    top: 50px;
    left: initial;
    right: 10px;
    margin-bottom: 0;
    width: 170px;
    z-index: 2700;
    text-align: center;
    bottom: initial;
}

.alert-danger {
    color: #8c100e;
    background-color: transparent;
    border: none;
    text-align: center;
}
[role="alert"], p.error {
    color: #8c100e;
    margin-bottom: 10px;
}

input.disabled, submit.disabled, select.disabled {
    opacity: 0.5;
    pointer-events: none;
}
.validation-summary-errors {
    color: #8c100e;
    margin-bottom: 30px;
}


.input-floating-holder {
    position: relative;
}
.input-floating-holder textarea{
    margin-top: 30px;
}
textarea + .floating-label {
    left: 10px;
}
.floating-label {
    position: absolute;
    pointer-events: none;
    left: 0px;
    top: 16px;
    transition: 0.2s ease all;
    color: #808080;
}
input.float-center{ margin: 0 auto;}
input[type=text]:focus,
input[type=url]:focus,
input[type=password]:focus{
    /*border-bottom: 1px solid #08C684;*/
    /*box-shadow: 0 1px 0 #08C684;*/
    /*box-shadow: 0px 1px 1px -1px #08C684;*/
}
input:focus ~ .floating-label,
input.populated ~ .floating-label,
input[disabled] ~ .floating-label,
input[required]:not(:focus):valid ~ .floating-label,
textarea:focus ~ .floating-label,
textarea.populated ~ .floating-label,
textarea[disabled] ~ .floating-label,
textarea[required]:not(:focus):valid ~ .floating-label {
    top: -8px;
    bottom: initial;
    left: 10px;
    font-size: 11px;
    opacity: 1;
}

textarea:focus ~ .floating-label,
textarea.populated ~ .floating-label,
textarea[disabled] ~ .floating-label,
textarea[required]:not(:focus):valid ~ .floating-label {
    top: -18px;
}

.panel-body label {
    font-weight: normal;
    font-family: "soleil", sans-serif;;
    letter-spacing: 0.1em;
    margin-left: 20px;
}
.quote-cost {
    font-family: "soleil", sans-serif;;
    letter-spacing: 0.1em;
    
}


div#terms {
    position: absolute;
    position: fixed;
    top: 50%;
    width: 500px;
    max-width: 90vw;
    left: 50%;
    border: 1px solid #000000;
    padding: 15px 15px 15px 15px;
    transform: translate(-50%, -50%);
    display: none;
    background-color: #ffffff;
    z-index: 500;
}

    div#terms h4 {
        margin-bottom: 20px;
    }

    div#terms > div {
        height: 50vh;
        overflow: auto;
        padding: 15px 15px 35px 15px;
    }

#terms.submitted:before {
    content: "Please wait while your payment details are verified";
    position: absolute;
    position: fixed;
    top: 50%;
    width: 340px;
    text-align: center;
    max-width: 90vw;
    left: 50%;
    border: 1px solid #000000;
    padding: 50px;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    z-index: 501;
}

div#deliveryterms {
    position: fixed;
    top: 50%;
    width: 600px;
    max-width: 90vw;
    left: 50%;
    border: 1px solid #000000;
    padding: 50px 50px 50px 50px;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    z-index: 500;
    text-align: center;
    display: none;
}

    div#deliveryterms h4 {
        margin-bottom: 20px;
    }

    div#deliveryterms > div {
        max-height: 50vh;
        height: auto;
        overflow: auto;
        margin-top: 50px;
    }

label.paymentlabel {
    font-family: "soleil", sans-serif;;
    font-weight: 400;
    letter-spacing: 0.1em;
    color: #808080;
}


.alert.mui-notify-bar.alert-info {
    border: 1px solid #DDD;
    background-color: #DDD;
    font-family: "soleil", sans-serif;;
    font-size: 11px;
    text-transform: uppercase;
    color: #666;
    right: 11px;
    border-radius: 0px;
    padding: 20px;
}

.alert.mui-notify-bar.alert-info:after, .alert.mui-notify-bar.alert-info:before {
    bottom: 100%;
    left: 88%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

    .alert.mui-notify-bar.alert-info:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #ddd;
        border-width: 10px;
        margin-left: -10px;
    }

.alert.mui-notify-bar.alert-info:before {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #DDD;
    border-width: 11px;
    margin-left: -11px;
}


.searchmenu ul li .popdown .container img,
.colour-selector img {
    margin-left: 0;
    padding-left: 0;
    margin-right: 40px;
    width: 70px; height: 20px;
}

.searchmenu {
}

    .searchmenu ul {
        list-style: none;
        margin: 0;
        display: inline-block;
        margin-left: 0;
        padding-left: 0;
    }

        .searchmenu ul li {
            display: inline-block;
            float: left;
            padding: 10px;
            margin-bottom: -7px;
            position: relative;
            cursor: pointer;
        }

            .searchmenu ul li .popdown {
                display: none;
                padding: 15px 25px 15px 25px;
                position: absolute;
                background-color: #F4F4F4;
                z-index: 999999;
                cursor: default;
                top: 40px;
                left: 0px;
                min-width: 190px;
            }

    .searchmenu.pull-right ul li .popdown {
        left: initial;
        right: 0px;
    }

    .searchmenu ul li:hover .popdown,
    .searchmenu ul li.pressed .popdown {
        display: block;
    }

    .searchmenu ul li .popdown ul {
        display: none;
        margin-top: 10px;
    }

        .searchmenu ul li .popdown ul li {
            display: block;
            float: initial;
        }

    .searchmenu ul li .popdown .container {
        margin-left: 0;
        padding-left: 0;
    }

        .searchmenu ul li .popdown .container .checkbox {
            margin-bottom: 20px;
        }

        .searchmenu ul li .popdown .container label {
            /* margin-left:10px;*/
            padding-left: 0;
        }

.popdowncontainer.popdowncontainer-collection {
    width: 650px;
}
.container.popdowncontainer-colour {
    width: 550px;
}

.colour-selector {
    margin-top: -10px;
}



    .colour-selector .checkbox label {
        padding-left: 0px;
    }

.searchmenu ul li a {
    font-size: 14px;
    color: #666666;
    font-family: 'soleil', sans-serif;
    letter-spacing: 0.15em;
}

.searchmenu > ul > li[data-templatetype=Menu2TextDoubleImage] {
    background-image: url('/upload/ic_downarrow.svg');
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 20px;
    margin-right: 30px;
}

    .searchmenu > ul > li[data-templatetype=Menu2TextDoubleImage]:hover {
        background-image: url('/upload/ic_uparrow.svg');
    }

.searchmenu > ul > li[data-templatetype=Seperator] {
    pointer-events: none;
    display: block;
    height: 1px;
    width: 100px;
}

#sort_type {
    text-transform: uppercase;
}

.searchresultrow .image {
    position: relative;
}

.searchresultrow .item:hover .image2 {
    opacity: 1;
}

.image2 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-size: cover;
    background-position: center;
    transition: 0.4s linear opacity;
}

.item {
    position: relative;
}

    .item.new-product:after {
        content: 'New';
        color: #ffffff;
        background-color: #404040;
        padding: 8px 10px;
        position: absolute;
        top: 0px;
        left: 0px;
        font-size: 13px;
    }

.item.new-product.special-order-product:before {
    left: 46px;
}

.item.special-order-product:before {
    padding: 8px 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 13px;

    content: 'Special Order';
    font-family: "soleil", sans-serif;;
    font-size: 13px;
    background-color: #cecece;
    color: #ffffff;
    position: absolute;
    z-index: 1;
    content: none;

}

.searchfilters.container {
    padding: 0px;
}

#moodboardpageholder_fabrics .moodboard-images .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.printonly{ display: none;}

.video-wrapper {
    padding-bottom: 55.4%;
    position: relative;
    background-color: #ddd;
}
    .video-wrapper::before {
        content: 'Loading Video';
        position: absolute;
        top: 45%;
        text-align: center;
        width: 100%;
    }
    .video-wrapper iframe {
        width: 100%;
        height: 100%;
        position: absolute;
    }

.menu_basket {
    margin-top: -3px;
    width: 15px;
    height: 16px;
}
.product-theme-carousel {
    margin-bottom: 60px;
}

.linkbutton-white.downloadcollectionpdf, .linkbutton-white.downloadcollectionpdf + .linkbutton-white {
    padding-left: 0px;
}
.typefilter .checkbox, .collectionfilter .checkbox {
    margin-top: 4px;
    margin-bottom: 4px;
}
.filteroptions button, .clearfilters {
    background-color: transparent;
    border: none;
    padding: 10px;
    font-size: 14px;
    color: #666666;
    font-family: 'soleil', sans-serif;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    display: inline-block;
    display: none;
    float: right;
}
.filter_menubar .clearfilters {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0px;
    cursor: pointer;
    z-index: 2;
    font-size: 13px;
    padding: 0px;
}
.filter_menubar .clearfilters img{
    width: 10px;
    height: 10px;
}

form .field-validation-error {
    margin-top: -10px;
    margin-bottom: 10px;
}

.h-card .p-name, .h-card .p-adr, .h-card .p-locality, .h-card .p-org, .h-card .p-street-address, .h-card .p-extended-address, .h-card .p-postal-code, .h-card .p-country-name, .h-card .label-contact {
    margin-bottom: 0px;
}

.searchlist .row {
    display: flex;
    align-items: center;
}
.searchlist img {
    width: 140px;
    height: 140px;
    object-fit: cover;
    background-color: #DDDDDD;
}
.searchlist p.heading a {
    font-size: 19px;
    font-family: "soleil", sans-serif;;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: #404040;
    text-decoration: none;
}

.search-input {
    position: relative;
    margin: 0;
    margin-left: 0px;
    margin-left: 0px;
    padding: 0px 5px 5px 0;
    padding-left: 0px;
    padding-left: 0px;
    font-size: 14px;
    letter-spacing: 0.02em;
    border: 1px solid #f6f6f6;
    background-image: url('/images/icons/ic_searchglass.svg');
    background-repeat: no-repeat;
    background-position: 0% 50%;
    padding-left: 25px;
    box-shadow: none !important;
    outline: none;
    width: 220px;
    margin-top: 20px;
    padding-top: 3px;
}
    .search-input:focus {
        border: 1px solid #f6f6f6 !important;
        border-bottom: 1px solid #DDDDDD !important;
    }
.searchform .btnFooterMailist {
    background-position: center left;
    position: relative;
}

    .search-input:invalid + .btnFooterMailist {
        display: none;
    }

.topbar .btnFooterMailist {
    background-position: center left;
}

.easyzoom-flyout {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 100%;
}
.rowextra {
    opacity: 1;
    transition: 0.4s linear opacity;
}
.rowextra.fadeOut {
    opacity: 0;
    
}
.grecaptcha-badge {
    display: none !important;
}
#cookiepopup {
    display: none;
    font-size: 15px;
    font-weight: 400;
    position: fixed;
    width: 100%;
    padding: 25px 120px;
    bottom: 0px;
    left: 0px;
    z-index: 12;
    background-color: #ffffff;
    color: #231f20;
}

    #cookiepopup a {
        color: #231f20;
        text-decoration: underline;
    }

    #cookiepopup p.cookietitle {
        font-weight: 700;
        font-size: 20px;
        font-weight: 300;
        font-family: "soleil", sans-serif;;
        margin-bottom: 0px;
        letter-spacing: 0.25em;
        text-transform: uppercase;
    }

    #cookiepopup button.button {
        padding: 17px 35px 14px 35px;
        font-weight: 700;
    }

.filter_menubar {
    background-color: #e6e6e6;
    margin-top: -30px;
    margin-bottom: 30px;
    padding-top: 10px;
    display: none;
}
    .filter_menubar .row.templaterow {
        display: none;
    }
    .filter_menubar .row .col-xs-12 {
        padding-left: 10px;
    }
    .filter_menubar .row {
        margin-bottom: 10px;
    }
    .filter_menubar .row label {
        min-width: 100px;
        font-size: 12px;
        float:left;
        font-family: 'soleil', sans-serif;
        letter-spacing: 0.15em;
        text-transform: uppercase;
        font-weight: 300;
        margin-top: 4px;
    }
    .filter_menubar .row div {
        display: inline-block;
        float: left;
    }
        .filter_menubar .row div span {
            background-color: #ffffff;
            border-radius: 12px;
            padding: 5px 10px;
            font-size: 10px;
            font-family: 'soleil', sans-serif;
            letter-spacing: 0.15em;
            text-transform: uppercase;
            font-weight: 300;
            color: #666666;
            margin-top: -5px;
            margin-right: 10px;
            background-image: url('../upload/ic_mobilemenu_close.svg');
            background-repeat: no-repeat;
            background-position: right 10px center;
            background-size: 7px 7px;
            padding-right: 23px;
            user-select: none;
            cursor: pointer;
            display: inline-block;
        }
            .filter_menubar .row div span img {
                width: 7px;
                height: 7px;
                margin-left: 5px;
            }


#fc_frame:before {
    content: '';
    text-decoration: none;
    padding: 5px 0px 11px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    font-size: 15px;
    position: absolute;
    background-color: #9d9d9d;
    background-image: url('/images/livechat.svg');
    border-radius: 34px 8px 34px 34px;
    /*bottom: 6px;*/
    box-shadow: 0 5px 4px 0 rgba(0,0,0,.26);
    color: #fff;
    cursor: pointer;
    display: table;
    position: absolute;
    right: 5px;
    z-index: 9995;
    height: 60px;
    width: 60px;
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: 50%;
    pointer-events: none;
}
    /*#fc_frame:hover:before {
        top: 2px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.26);
    }*/
#fc_frame.h-open-container:before{
    content: none;
}

#fc_frame #fc_widget {
    opacity: 0;
}
#fc_frame.h-open-container #fc_widget {
    opacity: 1;
}
#searchresults .name > span {
    color: #808080;
    font-size: 12px;
    line-height: 20px;
    margin-left: 10px;
}
.account_dd_button {
    color: #808080;
    display: inline-block;
    position: relative;
    padding-bottom: 30px;
}
    .account_dd_button span{

    }

    .account_dd_button .accountlist_top {
        display: none;
    }
    .account_dd_button:hover .accountlist_top{
        display: block;
    }

    .account_dd_button img {
        height: 16px;
    }

.accountlist_top {
    position: absolute;
    display: none;
    z-index: 500;
    /*border: 1px solid #929292;*/
    padding: 5px;
    background-color: #f6f6f6;
    font-size: 12px;
    top: 0px;
    margin-top: 30px;
    right: 0px;
    width: 110px;
    text-align: center;
}

    .accountlist_top a:link, .accountlist_top a:visited, .accountlist_top a:hover, .accountlist_top a:active {
        display: block;
        color: rgb(51, 51, 51);
        font-size: 12px;
        padding: 5px;
    }