/*#region Fonts */
/*@font-face{
font-family:"Helvetica W01 Light";
src:url("Fonts/709887/717f8140-20c9-4892-9815-38b48f14ce2b.eot?#iefix");
src:url("Fonts/709887/717f8140-20c9-4892-9815-38b48f14ce2b.eot?#iefix") format("eot"),url("Fonts/709887/03805817-4611-4dbc-8c65-0f73031c3973.woff") format("woff"),url("Fonts/709887/d5f9f72d-afb7-4c57-8348-b4bdac42edbb.ttf") format("truetype"),url("Fonts/709887/05ad458f-263b-413f-b054-6001a987ff3e.svg#05ad458f-263b-413f-b054-6001a987ff3e") format("svg");
}*/
@font-face{
font-family:"Helvetica W01 Cn";
src:url("Fonts/709878/71feed05-d183-48da-9b1d-031a48855ec9.eot?#iefix");
src:url("Fonts/709878/71feed05-d183-48da-9b1d-031a48855ec9.eot?#iefix") format("eot"),url("Fonts/709878/2d11ffef-dbb3-406b-b83b-d62925fa2391.woff") format("woff"),url("Fonts/709878/9312efda-f401-4c27-9fb0-fee0c796c399.ttf") format("truetype"),url("Fonts/709878/01a8ea06-dc25-48dc-8e52-3dbef305398a.svg#01a8ea06-dc25-48dc-8e52-3dbef305398a") format("svg");
font-display: swap;
}
/* oswald-regular - latin-ext_latin */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    src: url('Fonts/Oswald/oswald-v49-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('Fonts/Oswald/oswald-v49-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Fonts/Oswald/oswald-v49-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('Fonts/Oswald/oswald-v49-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
    url('Fonts/Oswald/oswald-v49-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('Fonts/Oswald/oswald-v49-latin-ext_latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
    font-display: swap;
}
/* oswald-700 - latin-ext_latin */
@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    src: url('Fonts/Oswald/oswald-v49-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
    src: local(''), url('Fonts/Oswald/oswald-v49-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('Fonts/Oswald/oswald-v49-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('Fonts/Oswald/oswald-v49-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
    url('Fonts/Oswald/oswald-v49-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('Fonts/Oswald/oswald-v49-latin-ext_latin-700.svg#Oswald') format('svg'); /* Legacy iOS */
    font-display: swap;
}
/*#endregion*/


/*#region General */
header, nav, section, article, aside, footer { display:block; }
body { margin:0; padding:0; background-color:#fff; font-family:"Helvetica W01 Cn", Helvetica, Arial, sans-serif; font-size:14px; color:#202020; line-height:1.3; -webkit-text-size-adjust: none; }
.container {
    width: 1366px;
    margin: 0 auto;
    position: relative;
    clear: both;
    box-sizing: border-box;
    /*width: 996px;
    margin: 0 auto;
    position: relative;
    clear: both;*/
}

/* 768px – 1023px */
@media (min-width: 768px) and (max-width: 1280px) {
    /* Styles for tablets and small desktops */
    .container.largeContainer {
        width: 1130px;
        margin: 0 auto;
        position: relative;
        clear: both;
        box-sizing: border-box;
        max-width: 100%;
    }
}

/* 1281px – 1366px */
@media (min-width: 1281px) and (max-width: 1366px) {
    /* Styles for larger desktops */
    .container.largeContainer {
        width: 1335px;
        margin: 0 auto;
        position: relative;
        clear: both;
        box-sizing: border-box;
    }
}

/* 1367px and up */
@media (min-width: 1367px) {
    /* Styles for very large screens */
    .container.largeContainer {
        width: 1425px;
        margin: 0 auto;
        position: relative;
        clear: both;
        box-sizing: border-box;
    }
}

body.dialogOpen { position:fixed; width:100%; }
#gts-c { z-index:999 !important; }
video { display:block; }

 a:hover { text-decoration:underline; }
a.disabled { visibility:hidden !important; }

.logo { width:22%; display:inline-block; border:none; clear:both; position:absolute; top:62px; transition:width 100ms linear; margin-left: -5px; z-index: 2; }
.logo.fixedLogo { width:20%; top:4px; }
.logo img { border:0; }

h1, h1.h1Div, .h1Div, h2, h2.h2Div, .h2Div { font-family:"Helvetica W01 Cn", Helvetica, Arial, sans-serif; }
h1 { font-weight:bold; text-transform:uppercase; color:#333; letter-spacing:-1px; font-size:20px; border-bottom:1px solid #cdcdcd; padding-bottom:8px; margin-bottom:25px; }
h1.h1Div, .h1Div { font-weight:bold; text-transform:uppercase; color:#202020; letter-spacing:-1px; font-size:18px; border:none; padding-bottom:0; }
.onlyMobile.topSection .h1DivMobile { text-transform:none; letter-spacing:-0.5px; font-size:18px;}
h2, .h2Div { font-weight:bold; text-transform:uppercase; color:#202020; letter-spacing:normal; font-size:16px; }
h3, .h3Div { font-weight:bold; text-transform:none; color:#202020; font-size:16px; }
h5 { font-weight:300; text-transform:uppercase; color:#202020; font-size:18px; margin:5px 0; font-family:Arial, Helvetica, sans-serif; }
h6 { font-weight:bold; Color:#202020; font-size:14px; margin:5px 0; }
.subTitle { font-weight:normal;}
.ClothsubTitle{ font-weight:bold;border-bottom: 1px solid #ddd;margin: 0px 0px 5px 290px;padding-bottom: 5px;}

.buttonSet { text-align:right; padding:5px 0 15px; }
.buttonSet a, .buttonSet input { margin-left:8px; }
h1 .buttonSet, .topSection .buttonSet { float:right; display:inline-block; padding:0; }
h1 .buttonSet { margin-top:-5px; }
h1 .buttonSet a { letter-spacing:normal; font-size:13px; }

.SiteErrorMsg { margin-right:80px; }
.clear { clear:both; }
img { border:none; max-width:100%; }
img.fullImage { width:100%; }
.imgRight { float:right; /*margin:10px 0 15px 3%;*/ }
.imgLeft { float:left; margin:10px 3% 15px 0; }
.shadow { box-shadow: 0.2em 0.2em 0.3em #000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); }
.center { text-align:center; }
.noBorder { border:none; }
.borderBottom { border-bottom:1px solid #cdcdcd; }
.borderTop { border-top:1px solid #cdcdcd; }
.borderLeft { border-left:1px solid #cdcdcd; }
.borderRight { border-right:1px solid #cdcdcd; }
.right { float:right; display:inline-block; }
.left { float:left; display:inline-block; }
.note { font-size:11px; font-style:italic; }
.small { font-size:12px; }
.hide, .onlyMobile { display:none; }
.blackOverlay { position:fixed; z-index:667; background:rgba(0, 0, 0, 0.75); top:0; left:0; right:0; bottom:0; width:100%; height:100%; }
.responsiveImgHtml { display:none; }
.modalContent, .tabModalContents { display:none; }
#dialogtemplate { -webkit-overflow-scrolling:touch; }
.genericModal { max-width:100%; }
.genericModal .ui-dialog-content { padding:0; border:none; overflow:hidden; }
.trackOrderErrorDialog { z-index: 9998 !important; }
.iosModal { position:absolute !important; }
.or { position:relative; height:0; border-top:1px solid #ccc; }
.or span { display:block; width:auto; background-color:#fff; padding:0 10px; position:absolute; top:-8px; left:48%; }

.importantMsg { box-sizing:border-box; padding:12px 1.5%; border:1px solid #ff0; background-color:#ffd; margin:10px 0; }
.errorMsg, .validation-summary-errors { border:1px solid #CA4B56; background-color:#ffdfdf; color:#ca4b56; font-size:12px; padding:10px 1.5%; margin:20px 0; box-sizing:border-box; display:none; }
.lightError {
    background: none;
}
.strongError {
    background-image: url(/images/icons/warning_red_16.svg);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 40px;
    background-size: 20px 20px;
}
.warningMsg, .validation-summary-errors {
    border: 1px solid #CA4B56;
    background-color: #ffdfdf;
    color: #ca4b56;
    font-size: 12px;
    padding: 10px 1.5%;
    margin: 20px 0;
    box-sizing: border-box;
    display: none;
}
.validation-summary-errors { display:block; }
.invalid, .input-validation-error { border-color:#CA4B56 !important; }

.skyBlue { color:#0095da; }
.darkBlue { color:#2c509c; }
.red { color:#bf2633; }
.green { color:#118441; }
.orange { color:#F27D04; }
.blue { color:#355bac; }

/*#endregion*/
/*#region To be named later */
ul.bulletList {
    padding: 0px 0px 5px 15px;
    line-height: 15px;
    margin: 5px 0 0;
    list-style-type: square;
}
.checkbox-grid {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 13px;
    color: #717171;
    width: 100%;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
.spriteTopNav { background-image:url('/images/topnav_sprite.png'); background-repeat:no-repeat; display:inline-block; }
.spriteCategory { background-image: url('/images/category_sprite.png'); background-repeat: no-repeat; display: inline-block; }
#spriteEmptyStar { background-image: url('/images/category_sprite.png'); background-repeat: no-repeat; width: 14px; height: 14px; display: inline-block; border:none; background-position: -25px -100px; }
#ReadMoreLink { border: 0px; background-position: 0px -100px; width: 9px; height: 12px; margin:0px 4px 0px 4px; }
#goToTopTab {
    position: fixed;
    right: 16px;
    bottom: 185px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-image: url(/images/icons/arrow-up-orange.svg);
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 18px;
    color: #f37f16;
    border: 1px solid #f37f16;
    background-position: 16px 6px;
    /*background-position: center center;*/
    display: none;
    z-index: 220000000;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px
}
.fr #goToTopTab {
    bottom: 202px;
}
#goToTopTab:hover {
    background-color: #f37f16;
    color: #fff;
    background-image: url(/images/icons/arrow-up-white.svg);
}
/*make the x on the galdly proactive chat always visible*/
#gladlyChat_container div.proactiveCloseButtonFadeIn-enter-done {
    opacity: 1 !important;
}
.helpTooltip { display:inline-block; width:15px; height:15px; border-radius:7px; border:1px solid #f27d04; color:#f27d04; text-align:center; font-size:11px; line-height:16px; font-weight:bold; cursor:pointer; }
.featurePlayIcon{
    display: inline-block;
    float: left;
    height: 17px;
    width: 17px;
    padding-right: 5px;
    padding-top: 2px;
    background-size: 16px 16px;

}

    .featureprod {
        height: 80px;
    }

    a.featuredProductcolors {
        color: #017bb8;
        text-decoration: none;
        font-size: 12px;
        cursor: pointer;
    }

    .colorswatchesimgf2 .tileColors{
        margin:0px;
    }

.helpLink { text-decoration:none; }
.quickshopbutton {
    border-color: gray;
    border-width: 1px;
    border-style: solid;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top: 2px;
    background: #ef8e1b;
    margin-left: 10px;
    cursor: default;
    background: -moz-linear-gradient(top,#ef8e1b 0%,#f57915 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ef8e1b),color-stop(100%,#f57915));
    background: -webkit-linear-gradient(top,#ef8e1b 0%,#f57915 100%);
    background: -o-linear-gradient(top,#ef8e1b 0%,#f57915 100%);
    background: -ms-linear-gradient(top,#ef8e1b 0%,#f57915 100%);
    background: linear-gradient(to bottom,#ef8e1b 0%,#f57915 100%);
    border-radius: 1em;
    color: #fff;
}
.downloadIcon { display:inline-block; width:32px; height:32px; background-image:url(/images/icons/download-sprite_32.png); background-repeat:no-repeat; background-position:center top; }
.tooltipHalfImg { display:inline-block; float:left; width:46%; margin:0 4% 2% 0; }
.tooltipFullImg { display:block; width:100%; margin-bottom:2%; }

.quote { background:url(/images/hp/peopletalking/quoteIcon.png) no-repeat left top; padding:10px 0 0 33px; display:inline-block; margin-bottom:10px; }
.readMoreLink { background-image:url(/css/images/linkArrow.png); background-repeat:no-repeat; background-position:right 4px; display:inline-block; margin-top:10px; padding-right:13px; clear:both; }
.readMoreArrow { font-family: 'Zapf Dingbats'; }
.printLink { background-image:url(/images/icons/print.svg); background-repeat:no-repeat; background-position:left center; padding-left:24px; line-height:20px; background-size:16px 16px; }
.videoLink { background-image:url(/images/icons/video_orange_24.png); background-repeat:no-repeat; background-position:left center; padding-left:30px; line-height:24px; overflow:visible; display:block; min-height:24px; } 
.backArrows { display:inline-block; padding-left:18px; background-image:url(/images/icons/back-arrows.svg); background-repeat:no-repeat; background-size:12px 12px; background-position:left center; }

.gradientBlue {
    background: #2d539a;
    background: -moz-linear-gradient(top,  #2d539a 0%, #1c3f79 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d539a), color-stop(100%,#1c3f79));
    background: -webkit-linear-gradient(top,  #2d539a 0%,#1c3f79 100%);
    background: -o-linear-gradient(top,  #2d539a 0%,#1c3f79 100%);
    background: -ms-linear-gradient(top,  #2d539a 0%,#1c3f79 100%);
    background: linear-gradient(to bottom,  #2d539a 0%,#1c3f79 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d539a', endColorstr='#1c3f79',GradientType=0 ); 
}

.gradientOrange {
    background: #f58e1b;
    background: -moz-linear-gradient(top,  #f58e1b 0%, #f67d1b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f58e1b), color-stop(100%,#f67d1b));
    background: -webkit-linear-gradient(top,  #f58e1b 0%,#f67d1b 100%);
    background: -o-linear-gradient(top,  #f58e1b 0%,#f67d1b 100%);
    background: -ms-linear-gradient(top,  #f58e1b 0%,#f67d1b 100%);
    background: linear-gradient(to bottom,  #f58e1b 0%,#f67d1b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f58e1b', endColorstr='#f67d1b',GradientType=0 );
}

.gradientGray {
    background: #eeeeee;
    background: -moz-linear-gradient(top,  #eeeeee 0%, #e2e2e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#e2e2e0));
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#e2e2e0 100%);
    background: -o-linear-gradient(top,  #eeeeee 0%,#e2e2e0 100%);
    background: -ms-linear-gradient(top,  #eeeeee 0%,#e2e2e0 100%);
    background: linear-gradient(to bottom,  #eeeeee 0%,#e2e2e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e2e2e0',GradientType=0 );
}

.loading { position:absolute; z-index:100000; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.7); }
.loadingIcon { position:fixed; top:50%; left:50%; z-index:100001; }
.loadingBg { position:absolute; width:100%; height:100%; top:0; bottom:0; left:0; right:0; background-image:url(/images/loading.gif); background-repeat:no-repeat; background-position:center; }
.loadingBox { position:fixed; top:45%; left:44%; width:140px; height:100px; background:rgba(255,255,255,.85); border:1px solid #333; box-shadow:rgba(0, 0, 0, 0.4) 0px 3px 5px; z-index:1001; padding:35px 55px; box-sizing:border-box; }
.loadingBox .loadingIcon { position:static; }

.loadingToolTip { position:absolute; z-index:1000; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.7); }
.loadingBgToolTip { position:absolute; width:100%; height:100%; top:0; bottom:0; left:0; right:0; background-image:url(/images/loading.gif); background-repeat:no-repeat; background-position:center; }

#allTiles .loading { height:100px; bottom:0; top:auto; background:rgba(255,255,255,.9); position:fixed; }
#allTiles .loadingIcon { position:static; margin-left:48%; }

#allTiles .loadingToolTip { height:100px; bottom:0; top:auto; background:rgba(255,255,255,.9); position:fixed; }

.hidden {
    display: none;
}

@keyframes pulse-opacity {
    0%, 100% {
        opacity: 1;
    }

    60% {
        opacity: .3;
    }
}

/* only runs when you add `.is-processing` to <body> (or any ancestor) */
body.is-processing #ProcessingMsg span {
    animation: pulse-opacity 0.9s ease-in-out infinite; /* 500 ms + 400 ms ≈ 900 ms */
}

/* hidden by default */
#loadingOverlay {
    position: fixed;
    top: 45%;
    left: 50%;
    width: 140px;
    height: 100px;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, .85);
    border: 1px solid #333;
    box-shadow: rgba(0, 0, 0, .4) 0 3px 5px;
    z-index: 1001;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
}

    /* fade-in state */
    #loadingOverlay.is-visible {
        opacity: 1;
        pointer-events: auto;
    }

    /* full-page variant */
    #loadingOverlay.full {
        left: 0px;
        display: block;
        top: 0px;
        width: 100%;
        height: 100%;
        transform: none;
    }

/* centres the GIF */
#loadingOverlay .loadingIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.productImageName {
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    color: #202020;
    letter-spacing: normal;
    margin: 11.62px 0;
}

.productImageNameNew {
    display: inline-block;
    font-weight: bold;
}
/*This is fix to center the loading icon on mobile*/
@media screen and (max-width:520px) {
    .loadingIcon { position:fixed; top:50%; left:42%; z-index:1001; }
}
/*#endregion*/

.cookie-popup {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10000;
    display: none;
    max-width: calc(100% - 300px); /*leave space on either side for chat button*/
}

.cookie-content {
    background: white;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: justify;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* adds a little shadow for a "lifted" effect */
    border: 1px solid grey;
    display: flex;
    align-items: stretch;
    gap: 15px;
    padding: 15px;
}

.cookie-content h2 {
    margin-top: 0;
    text-transform: none;
    text-align: left;
}

.cookie-content p {
    align-self: center;
    flex: 1;
    margin: 0;
}

#cookie-popup .cookiesButton {
    width: 115px;
}

.cookiesButton {
    cursor: pointer;
    background-color: green;
    color: white;
    padding: 10px 20px;
    border: 1px solid green;
}

.cookiesButtonWhite {
    background-color: white;
    color: #1b2f5b;
    border: 1px solid #1b2f5b;
}

#cookiePreferencesDialog input {
    align-self: start;
}

.cookiesPopupBody {
    overflow-y: scroll;
}

.expandCookiesPopupItem {
    cursor: pointer;
}

.cookiesPopupButtons {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.cookiesPopupItem {
    display: flex;
    gap: 5px;
    margin-bottom: 10px;
}

.cookiesPopupItemBody {
    flex: 1;
}

.cookiesPopupItemHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cookiesPopupItemText {
    display: none;
}

/*phone: change layout to vertical*/
@media screen and (max-width : 820px) {
    #cookie-popup {
        max-width: 500px;
    }

    .cookie-content {
        display: grid;
        gap: 10px;
        padding: 5px 12px 12px;
        margin: 0 10px;
    }

    .cookie-content p {
        grid-row: 1;
    }

    .cookiesButton {
        margin: 0;
    }

    #cookie-popup .cookiesButton {
        width: auto;
    }

    #cookie-accept {
        grid-row: 3;
    }

    #cookie-customize {
        grid-row: 2;
    }

    .cookiesPopupButtons {
        margin-top: 10px;
    }
}
@media screen and (max-width : 480px) {
    #cookie-popup {
        width: 100%;
        max-width: none;
    }
}

/*#region .pageFlipFrame .categoryLoading { height:85px; bottom:0; top:auto; background:url(/css/images/loading.gif) no-repeat center #fff; z-index:500; position:absolute; width:100%; }*/
.pageFlipFrame .categoryLoading {
    height: 85px;
    bottom: 10px;
    top: auto;
    background: url(/css/images/loading.gif) center center no-repeat #fff;
    position: absolute;
    width: 100%;
    opacity: .7;
    z-index: 500;
    margin: 0% 0% -7% -3%;
}
/*#endregion*/

/*#region Responsive Classes
---------------------------------------- */
.responsiveImgHtml { display:none; }
.visible-desktop { display:block !important; }
.inline-desktop { display:inline-block !important; }
.hidden-desktop { display:none !important; }
.buttonSet .sideMenuBtn { display:none; }

.en .visible-en { display: block !important; }
.en .visible-fr { display: none !important; }
.en .hidden-en { display: none !important; }
.fr .visible-fr { display: block !important; }
.fr .visible-en { display: none !important; }
.fr .hidden-fr { display: none !important; }
.hidden {display: none; }
.invisible {
    visibility: hidden;
}
/*#endregion*/

/*#region Icons
---------------------------------------- */
.zoomIcon { background-image:url(/images/icons/magnifying-glass.svg); background-repeat:no-repeat; background-color:#fff; background-position:center; text-indent:-9999px; overflow:hidden; }
.playIcon { background-image:url(/images/icons/video_blue_16.svg); background-repeat:no-repeat; background-color:#fff; background-position:center; }
.closeModal { width:16px; height:16px; display:inline-block; background-image:url(/images/icons/close-sprite_16.png); background-repeat:no-repeat; background-position:left top; text-indent:-9999px; overflow:hidden; }
/*#endregion*/

/*#region Header
-------------------------------------- */
#header { position:relative; }
#header a:hover { text-decoration:none; }
.headerTop { height:115px; padding-top:45px; box-sizing:border-box; position:relative; }

.fixedHeader { width:100%; position:fixed; left:0; top:0; right:0; background-color:#eee; z-index:8888888; height:45px; }
.fixedHeader.borderBottom { border-bottom:6px solid #fff; }
#AcctContainer .headerMsg { margin:0 auto; display:inline-block; width:33.3%; margin-left:33.3%; }
.headerMsg .cordlessMsg { display:inline-block; padding:6px 0 0 50px; line-height:38px; color:#555; background-image:url(/images/icons/child_grey.svg); background-repeat:no-repeat; background-size:48px 48px; background-position:left bottom; }
.cordlessMsg a { color:#555; }
.cordlessMsg .arrows { font-size:18px; line-height:normal; }
#TopAcctContainer { list-style:none; float:right; margin:0; padding:0; position:relative; text-align:left; z-index: 2; }
#TopAcctContainer .cartCountsListItem { float:left; height:43px; overflow:visible;cursor:pointer; }
/*#TopAcctContainer li > a { display:block; width:55px; height:43px; text-indent:-9999px; position:relative; overflow:hidden; border-left:1px solid #ccc; background-repeat:no-repeat; background-position:center; background-size:22px 22px; box-sizing:border-box; }*/
#TopAcctContainer .cartCountsListItem > a { display:block; width:55px; height:43px; position:relative; overflow:hidden; /*border-left:1px solid #ccc;*/ background-repeat:no-repeat; background-position:center 8px; background-size:20px 20px; box-sizing:border-box; padding-top: 29px; color: gray; text-align: center; font-size: 11px;}
/*#TopAcctContainer li:last-child { border-right:1px solid #ccc; }*/
/*#TopAcctContainer li:last-child > a { border-right:1px solid #fff; }*/
#TopAcctContainer .cartCountsListItem > a .countIcon { position:absolute; top:1px; left:2px; width:16px; height:16px; background-color:#f27d04; color:#fff; border-radius:10px; border:2px solid #eee; text-align:center; font-size:11px; text-indent:0; line-height:18px; }
#TopAcctContainer .sampleCartBtn > a { background-image:url(/images/icons/samples_grey_1.svg); background-size: 22px 22px; }
#TopAcctContainer .myCartBtn > a { background-image:url(/images/icons/cart_1.svg); }
    #TopAcctContainer .wishCartBtn > a {
        background-image: url(/images/icons/menu-heart-unselected.svg);
    }
    #TopAcctContainer .wishCartBtnSelected > a {
        background-image: url(/images/icons/menu-heart-selected_1.svg);
    }
#TopAcctContainer .myAcctBtn > a { background-image:url(/images/icons/myaccount_1.svg); }
#TopAcctContainer .trackOrderLoggedin > a { background-image:url(/images/icons/track_1.svg); background-size: 25px 25px; }
#TopAcctContainer .callBtn > a { background-image:url(/images/icons/phone_grey.svg); }
#TopAcctContainer .chatBtn > a  { background-image: url(/images/icons/chat_icon.svg); background-size: 32px 32px; background-position: 11px 2px; }
/*#TopAcctContainer .chatBtn > a  { background-image: url(/images/icons/chat_icon.svg); background-size: 30px 30px; bottom: 5px; }
#TopAcctContainer .callBtn > a { background-image:url(/images/icons/phone_grey.svg); background-size: 18px 18px; bottom: 5px; }
#TopAcctContainer .myCartBtn > a { background-image:url(/images/icons/cart.svg); background-size: 18px 18px; bottom: 5px;}
#TopAcctContainer .myAcctBtn > a { background-image:url(/images/icons/myaccount.svg); background-size: 18px 18px; bottom: 5px;}*/
#TopAcctContainer .cartCountsListItem:hover a, .lang_Btn:hover {background-size: 20px 20px;background-position: center 4px;}
#TopAcctContainer .chatBtn .LPMoverlay { position:absolute !important; width:100% !important; height:100% !important; border-left:1px solid #ccc !important; border-radius:0 !important; }
#TopAcctContainer .chatBtn .LPMoverlay img { width:30px; height:30px; top:8px !important; left:12px !important; }
#TopAcctContainer .iconDrop { background-color:#fff; box-shadow:0px 3px 3px #aaa; padding:0 12px; overflow:auto; position:absolute; display:none; box-sizing:border-box; white-space:nowrap; width:auto; }
#TopAcctContainer .iconDrop a { display:block; text-transform:uppercase; line-height:40px; color:#555; }
 #TopAcctContainer .iconDrop a:hover { color:#999; }
 #TopAcctContainer .cartCountsListItem:hover { background-color:#fff; }
 #TopAcctContainer .cartCountsListItem:hover > a,  #TopAcctContainer .cartCountsListItem:hover > .LPMoverlay { border-left-color:#fff !important; }
 #TopAcctContainer .cartCountsListItem:hover .iconDrop { display:block;  }
.hideIcons .hiddenUntilLoad {
    display: none;
}
.logAccnt {
    margin-left: -115px;
}

 .logAccntFr{
         margin-left: -180px;
 }

 .logcallBtn{
     margin-left: -150px;
}

 
 .logcallBtnFr{
     margin-left: -150px;
}




.countText { margin-top:3px; font-weight:normal; color:#202020; white-space:nowrap; }

.clearAllSpan {
    color: gray;
    font-size: 12px;
    font-weight: normal;
    float: right;
    margin-right: 5px;
    margin-top: 2px;
    font-family: "Helvetica W01 Cn", Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-transform: none;
}

.clearAllSpanColor {
    color: gray;
    font-size: 12px;
    font-weight: normal;
    float: right;
    margin-right: 5px;
    margin-top: 2px;
}
.originalReview, .showOriginalMessage {
    margin-left: 10px;
}
.showOriginalMessage {
    text-decoration: underline;
    margin-top: 3px;
}
    .showOriginalMessage:hover {
        cursor: pointer;
    }
.headerLinks {
    padding: 0;
    margin: 0;
    list-style: none;
    /*max-width: 73.5%;*/
    position: absolute;
    right: 4px;
    top: 65px;
    min-height: 32px;
}

.headerLinks li { display:inline-block; /*padding:0 0 0 11px;*/ /*border-left:1px solid #555;*/ font-size:12px; margin-left:78px; }
.headerLinks li:first-child { border-left:none; }
.headerLinks li a { color:#555; }
.headerLinks li a b:hover {text-decoration: underline !important;}
.headerLinks li .freeSamples { color:#f27d04; display:inline-block; padding-left:20px; background-image:url(/images/icons/free_samples_icon.png); background-repeat:no-repeat; background-size:16px 16px; background-position:left center;}


/*.headerLinks li .shippingLink{ color:#555; display:inline-block; padding-left:32px;background-repeat:no-repeat; background-size: 28px; /*background-size:35px 35px; background-position:left center;vertical-align: bottom;line-height: 30px;}*/
/*.headerLinks li .satisfactionLink{ color:#555; display:inline-block; padding-left:32px; background-repeat:no-repeat;background-size: 28px;vertical-align: bottom;line-height: 30px; /*background-position: 0px -86px;*/ /*background-size:35px 35px;}*/
/*.headerLinks li .bestpricepromiseLink {
    color: #555;
    display: inline-block;
    padding-left: 32px;
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: 0px -86px;
    vertical-align: bottom;
    line-height: 30px; /*background-size:35px 35px;
}*/
.headerLinks li .shippingLink {
    color: #555;
    display: inline-block;
    vertical-align: bottom;
    line-height: 32px;
}
.headerLinks li .satisfactionLink {
    color: #555;
    display: inline-block;
    padding-left: 12px;
    vertical-align: bottom;
    line-height: 30px
}
.headerLinks li .bestpricepromiseLink {
    color: #555;
    display: inline-block;
    vertical-align: bottom;
    line-height: 30px
}
#topNav li.freeSamples span {display: inline-block;
    width: 32px;
    height: 32px;
    margin: 0 5px -7px 0;
    background-image: url(/images/icons/free_samples_icon.png);
    background-repeat: no-repeat;
    background-size: 32px 32px;background-position: center;}
#topNav > li.freeSamples>a {color: #FFF;}
#topNav li.freeSamplesmenu > a {
    background-image: url(/images/icons/samples_orange.svg);
    background-size: 16px 16px;
    background-position: 30px center;
    padding-left: 28px;
    background-repeat: no-repeat;
}
@media screen and (max-width: 1366px) {
    #topNav li.freeSamplesmenu > a {
        padding-left: 15px;
        background-position: 0 center;
    }
}
#topNav li.freeSamplesmenu:hover > a {
    color: black;
}

#entreprise-quebecoise-logo {
    height: 30px;
    float: left;
    margin-left: -9px;
    padding-top: 8px;
}
/*#endregion*/


/*#region Reviews Promo BottomBar*/
.reviewsLink span {display: inline-block;background-image: url(/images/interface/reviewstars/normalStars/4.5stars_orange_new.png);background-repeat: no-repeat;background-position: left 3px;background-size: 50px 10px;padding-left: 55px;}
.PromoHeaderBanner { width:100%; background-color:#1b2f5b; }
.promoTiers { padding:0; color:#fff; font-size:16px; text-align:center; }
.promoTiers a { color:#fff; opacity:0.85; }
#countdownWrap { display:inline-block; line-height:22px; position:absolute; white-space:nowrap; min-height:40px; min-width:190px; top:-4px; right:0; /*background-color:rgba(0, 0, 0, 0.1);*/ padding:10px; box-sizing:border-box; }
.limitCounter #countdownWrap { min-width:170px; }
.hasExpandable #countdownWrap { right:-20px; }
#countdown { display:inline-block; padding:0 5px 0 0; width:105px; text-align:center; color:#fff; font-size:22px; float:left; font-family:Helvetica W01 Cn, Helvetica, Arial, sans-serif; box-sizing:border-box; }
#countdown span { padding:0 3px; }
.limitCounter #countdown { width:auto; }
.PromoHeaderBanner .saleEnds { font-size:13px; }
.PromoHeaderBanner .saleEndsFr {
    font-size: 13px;
}
.PromoHeaderBanner.limitCounter .saleEnds { font-size:14px; }
.promoTierBtn { position:absolute; padding:10px; right:0; top:0; display:none; }
.hasExpandable .promoTierBtn { display:inline-block; }
.promoTierBtn span { position:relative; display:block; background-color:#fff; width:17px; height:17px; border-radius:9px; margin:0 auto; color:#1b2f5b; }
.promoTierBtn span:after { content:"+"; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:16px; font-weight:bold; position:absolute; right:2px; top:-2px; }
.promoTiers.active .promoTierBtn span:after { content:"-"; font-size:18px; right:4px; top:-3px; }
.promoTier1 .container { padding:10px; box-sizing:border-box; overflow:hidden; }
.hasCountdown .promoTier1 .container { padding-right:190px; }
.hasCountdown .hasExpandable .promoTier1 .container { padding-right:235px; }
.hasExpandable .promoTier2 { /*max-height:0;*/ overflow:hidden; transition:max-height 200ms ease-in-out 0s; }
.promoTier2 .container { padding:10px 0; box-sizing:border-box; }
.promoTiers.active .promoTier2 { max-height:50px; }
.hasCountdown .promoTier2 .container { padding-right:190px; }
.hasCountdown .hasExpandable .promoTier2 .container { padding-right:235px; }

#bottomBar { text-align:center; color:#fff; font-size:20px; font-weight:bold; text-transform:uppercase; }
#bottomBar .container { padding:10px 3%; }
#bottomBar a { text-transform:none; font-weight:normal; color:#fff; }

#middleBar {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: -10px;
    cursor: pointer;
}

    #middleBar .container {
        padding: 3px 0%;
    }

#orderFormLabel { float:right;display:none; }

.searchField {
    float: right;
    margin-right: 75px;
    right: 32%;
    position: absolute;
}

@media screen and (min-width: 768px) {
    .searchField {
        width: 100%;
        display: flex;
        justify-content: center;

        float: none;
        margin: 0;
        right: 0;
    }

    #dekstopSearch {
        position: relative
    }
}

.h1revieworder {
    margin-bottom: 0;
    padding-bottom: 20px;
}
/*#endregion*/

/*#region Top Nav
-------------------------------------- */

div#loadingSubmit {
    display: none;
}

.grecaptcha-badge {
    visibility: hidden;
}

.mobileProductMenuItemWithImage {
    display: flex;
    align-items: center;
    gap: 4px;
}

.mobileProductMenuItemWithImage .mobileProductMenuImage {
    width: 36px;
}

.mobileProductMenuItemWithImage .chevronRight {
    width: 20px;
}

#topNav .drop .exploreShopByColorTileHome_ a:not(.categoryImageHref):hover {
    background-color: #eee;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 97% center;
}

.exploreShopByColorTile {
    display: inline-block;
    float: left;
    width: 5.88%;
    margin: 10px 0;
    text-align: center;
    cursor: pointer;
    padding: 0 4px;
    box-sizing: border-box;
    border: 2px solid transparent;
}

.exploreShopByColor_Image {
    display: block;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 50%;
    width: 100%;
    height: auto;
}

.exploreShopByColor_WhiteImage {
    display: block;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 50%;
    width: 100%;
    height: auto;
}

.panelTextShopByColor {
    padding: 11px 1% 15px;
}

.exploreShopByColorTitle {
    color: #000;
    display: block;
    min-height: 37px;
    text-transform: none !important;
    font-size: 12px;
}

.exploreShopByColor_WhiteImage:hover {
    border-color: #355bac;
    border: 1px solid #355bac;
}

.exploreShopByColor_Image:hover {
    border-color: #355bac;
}

.exploreShopByColorTile .exploreShopByColorTitle:hover {
    border-color: black !important;
    background-color: white !important;
    background-image: none !important;
    background-repeat: no-repeat;
    background-position: 97% center;
    text-decoration: underline !important;
    color: #000 !important;
}

.ShopByColorContainer {
    display: inline-block;
    width: 100%;
    padding-left: 0px;
    margin-top: 12px;
    margin-bottom: -15px;
}

.ShopByColorContainer_ {
    display: inline-block;
    width: 100%;
    padding-left: 0px;
}

.shopbyOffwhitespanFr {
    margin-left: -6px;
}


.shopbyOffwhitespanEn {
    margin-left: -2px;
}




#NavBarMenu {
    width: 100%;
    height: 50px;
    margin: 0;
    clear: both;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-shadow: rgba(0, 0, 0, 0.6) 0px 2px 4px;
    position: relative;
    z-index: 77777;
}
#NavBarMenu .menuBtn { display:none; }
#topNav { margin:0px; padding:0px; list-style:none; background:transparent; display:table; width:100%; position:relative; z-index:1000; }

#topNav .onlyMobile { display:none; }
#topNav h2 { font-weight:normal; margin:0; padding:0; text-transform: none; }
#topNav a { font-family:"Helvetica W01 Cn", Helvetica, Arial, sans-serif; font-size:15px; color:#000; }
 #topNav a:hover { text-decoration:none; color:#f27d04; }
 #topNav a { font-size: 16px; }


#navContainer .letsTalkBlinds, #navContainer .letsChat { display:none; }
#topNav > li { display:table-cell; width:10%; margin:0; text-align:center; vertical-align:top; white-space:nowrap; }
#topNav > li > a, #topNav > li > h2 a { display:block; height:50px; padding:0 10px; line-height:46px; border-top:4px solid transparent; position:relative; z-index:20;  box-sizing:border-box; border-left:1px solid transparent; border-right:1px solid transparent; }
 #topNav > li:hover > a,  #topNav > li:hover > h2 a { color:#f27d04; /*background-color:#5F81C9;*/ border-top-color:#f27d04; border-left-color:#ddd; border-right-color:#ddd; height:51px; }
 #topNav > li.freeSamples:hover >a{color:#000; border-top-color:#5F81C9;}
#topNav li .drop { display:none; box-sizing: border-box;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 3px 3px #aaa;
    overflow: auto;
    border-top: 1px solid #ddd;
    text-align: left;
    white-space: normal;
    padding: 15px;}
/*#topNav .drop ul { padding:0; margin:0; list-style:none; position:relative; float:left; top:0; left:0; width:30%; height:95%;bottom:0; z-index:10; }*/
#topNav li.mobileOpenSection,#topNav a.mobileOpenSection {
    background-color: #2C509C !important;
    color: white !important;
}
    #topNav li h2 {
        font-size: 16px;
        margin-left: 10px;
    }

    #topNav li.mobileSubSection {
    background-color: #CCCCCC !important;
}

#topNav li.mobileSubSection {
    background-color: #CCCCCC !important;
}
    
#topNav .drop ul li.mobileSubSection a {
        padding: 0px;
        line-height: 40px;
    }



#topNav li.mobileSubSection span {
    color: black !important;
    font-weight: bold;
    line-height: 40px;
    padding-left: 15px;

}
    li.mobileSubSection{
        height: 40px;
        /*line-height: 40px;*/
    }

    #topNav .drop ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        min-width: 200px;
        overflow: hidden;
        padding: 0px 0px 10px;
        /*float: left;*/
        flex-direction: column;
        flex-wrap: wrap;
    }
#topNav .drop .hasDrop>a, #topNav .drop .hasDrop>.noLink{
        border-bottom: 1px solid #202020;
    margin: 5px 0;
    font-weight: bold;
    display: block;
    padding: 7px 5% 7px 0;
}
#topNav .drop>ul .hasDrop {
    min-width: 220px;
    display: table-cell;
    /*padding-right: 5%;*/
}
@media only screen and (min-width: 1281px) {
    #topNav .drop > ul .hasDrop {
        min-width: 252px;
    }   
}
#topNav .navImgWrap {
    display: table-cell;
    position: relative;
    background: #eee;
    color: #202020;
    overflow: auto;
    width: 100%;
    padding: 2.5%;
    box-sizing: border-box;
}
#topNav .drop .hasDrop ul{
    list-style: none;
    margin: 0px 0 0;
    padding: 0;
}

#topNav > li > a.shown {
    color: #f27d04; /*background-color:#5F81C9;*/
    border-top-color: #f27d04;
    border-left-color: #ddd;
    border-right-color: #ddd;
    height: 52px;
    background-color: white;
}


#topNav .navImgWrap .navImg .navImgFill {
    height: 0;
    width: 100%;
    padding-bottom: 90%;
    background-repeat: no-repeat;
    background-size: 100%;
}
#topNav .navImgWrap .navCaption .navHeading {
    font-size: 18px;
    font-family: "Helvetica W01 Cn",Helvetica,Arial,sans-serif;
}
#topNav .navImgWrap .navImg .imgBorder {
    display: block;
    /*background-color: #fff;*/
    padding: 3px;
    /*border: 1px solid #ccc;*/
    box-sizing: border-box;
    width: 250px;
    height: auto;
}
@media only screen and (min-width: 1281px) {
    #topNav .navImgWrap .navImg .imgBorder {
        width: 340px;
    }
}
#topNav .drop>ul {
    display: table-cell;
    padding: 10px 0px;
    margin: 0;
    position: relative;
    z-index: 10;
    min-width: 240px;
    vertical-align: top;
    list-style: none;
    box-sizing: border-box;
}
#topNav .drop ul a { text-transform:uppercase; border-left:4px solid transparent; padding:7px 2%; display:block; background-position:90% center; transition:background-position .3s ease-in; color:#555; /*line-height:23px;*/}
#topNav .drop a:not(.categoryImageHref):hover { /*border-color:#f27d04;*/ background-color:#eee; background-image:url(/css/images/rightArrow_orange.png); background-repeat:no-repeat; background-position:97% center; }
#topNav .drop .loadedImg { display:none; }
#topNav .drop .navTitle { margin-top:8px; }
#topNav .drop .navTitle span/*,#topNav .drop .navTitle*/{ display:block; padding:7px 2%; font-weight:bold; font-size:16px; border-left:4px solid transparent; }

#topNav .navImgWrap { position:relative;top:0px;/*width: 58.2%;float: right;*/ background:#eee; color:#202020; overflow:auto; margin: 3px 16px 0px 0px; }
#topNav .navImgWrap .navImg {     display: table-cell;box-sizing: border-box;/*display:inline-block; float:left; height:0; margin:0; width:65%; padding-top:58%; background-position:left top; background-size:contain; background-repeat:no-repeat;*/ }
/*#topNav .navImgWrap .navCaption { display:inline-block; float:right; width:35%;  box-sizing:border-box; padding:0px 1.5%;font-size:15px; line-height:1.3; font-family:"Helvetica W01 Light", Helvetica, Arial, sans-serif; }*/
#topNav .navImgWrap .navCaption {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 15px 0px 0px;
    font-size: 14px;
    line-height: 1.5;
    font-family: "Helvetica W01 Light", Helvetica, Arial, sans-serif;
}
#topNav .navImgWrap .navCaption h3 { color:#fff; text-transform:uppercase; font-size:22px; font-family:"Helvetica W01 Cn", Helvetica, Arial, sans-serif; }
/*#endregion*/

.explorePanelText h1 {
    margin: 15px 0 0;
}


.qtip-Option{
    left:20px !important;
}

.Samplesideboxcontent{
    display:none;
}

.Postal_Zip {
    float: right;
    position: fixed;
}
/*#region BreadCrumbs and Social Sharing
---------------------------------------------------- */
.topSection {
    min-height: 40px;
    overflow: visible;
}
.topPageSection { min-height:35px; overflow:visible; margin-top:5px; }
#breadcrumb { text-align:left; margin:7px 0px 10px; display:inline-block; float:left; clear:both; font-size:12px; }
#breadcrumb a { margin:0 3px; }
.breadSlice { display: inline-block; list-style-type: none; }
#breadcrumbList { margin:0px; padding: 0px; list-style-type: none; }

#socialShare { display:inline-block; top:0; right:0; padding:7px 0 0;  box-sizing:border-box; position:absolute; z-index:99; }
#socialShare .shareBtn { padding:5px 8px 5px 35px; text-decoration:none; color:#274E9C; background-image:url(/images/icons/shareIcon_96.png); background-repeat:no-repeat; background-position:-5px center; background-size:50%; }
#socialShare ul { display:none; padding:5px 0; list-style:none; margin:5px 0; background-color:#fff; }
#socialShare ul li { display:block; width:100%; text-align:center; margin:3px 0; }
#socialShare ul li a { display:block; margin:0 auto; width:32px; height:32px; background-repeat:no-repeat; background-position:center bottom; background-size:100%; border:1px solid #2c509c; }
 #socialShare:hover { box-shadow:0px 0px 3px rgba(0,0,0,.3); background-color:#fff; }
 #socialShare:hover ul { display:block; }
 #socialShare ul a:hover { background-position:center top; }
#socialShare .fbShare { background-image:url(/images/icons/fbIcon_96.png); }
 #socialShare .fbShare:hover { background-color:#23599b; border-color:#23599b; }
#socialShare .twitShare { background-image:url(/images/icons/twitterIcon_96.png); }
 #socialShare .twitShare:hover { background-color:#00ace4; border-color:#00ace4; }
#socialShare .gpShare { background-image:url(/images/icons/googleIcon_96.png); }
 #socialShare .gpShare:hover { background-color:#cb2027; border-color:#cb2027; }
#socialShare .pinShare { background-image:url(/images/icons/pinIcon_96.png); }
 #socialShare .pinShare:hover { background-color:#e03522; border-color:#e03522; }
/*#endregion*/


/*#region jQuery UI overwrite
------------------------------------------- */
.ui-dialog { z-index:9001; background-image: none; border:none; box-shadow:0px 0px 12px rgba(0,0,0,.5); overflow:hidden; border-radius:0 !important; box-sizing:border-box;  }
.ui-corner-all { border-radius:5px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-dialog-titlebar { padding:10px 45px 10px 7px; position:relative; background-color:#eee; border-radius:0px; border:1px solid #bbb; font-weight:normal;}
.ui-dialog-titlebar-close { position:absolute; outline:none; top:0; right:0; width:40px; height:40px; text-indent:-9999px; border:none; cursor:pointer; background-image:url('/images/icons/closePopup_grey.png'); background-position:center; background-repeat:no-repeat; background-color:transparent; padding:0; font-size:16px; }
.ui-dialog-title { color:#202020; text-transform:uppercase; font-size:16px; font-weight:bold; } 
.ui-dialog-content { border:1px solid #aaa; border-top:none; box-shadow:none; padding:5px; background:#fff; overflow:auto; }
.ui-widget-overlay { background:#000; opacity:0.7; filter: Alpha(Opacity=70); position:fixed; top:0; left:0; width:100%; height:100%; z-index:999; }
 .ui-widget-overlay { cursor:pointer; }
.ui-autocomplete { background:#fff; box-shadow:2px 2px 5px 0px rgba(0,0,0,0.5); list-style:none; margin:0; padding:0; }
.ui-autocomplete li { margin:0; padding:0; display:block; box-sizing:border-box; }
.ui-autocomplete li a { display:block; padding:5px 8px; }
 .ui-autocomplete li a:hover { background:#eee; cursor:pointer; text-decoration:none; }

/*#endregion*/

/*#region Overriding Flexslider styles
------------------------------------------------- */
.flexslider { border:none; margin:0; box-shadow:none; border-radius:0; background-color:transparent; }
.flex-direction-nav a { background-color:#fff; background-repeat:no-repeat; text-indent:-9999px !important;*display:none; text-align:left !important; opacity:.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); background-size:30px 34px;height:44px;width:44px; }
.flexslider .flex-direction-nav .flex-prev { background-image:url(/images/icons/arrow_back.svg); background-position:95% center;}
 .flex-direction-nav .flex-prev { opacity:0.5 ; left:-50px; }
.flexslider .flex-direction-nav .flex-next { background-image:url(/images/icons/arrow_next.svg); background-position:5% center;}
 .flex-direction-nav .flex-next { opacity:0.5; right:-50px; }
 .flex-direction-nav a:hover { opacity:0 !important; }
.flex-control-paging li a { width:14px; height:14px; border-radius:7px; box-shadow: inset 1px 1px 2px #888; box-sizing:border-box; border:none; background-color:#fff; text-indent:-9999px; overflow:hidden; }
 .flex-control-paging li a:hover { background-color:#333; }
.flex-control-paging li a.flex-active,  .flex-control-paging li a.flex-active:hover { background-color:#333; }
.flex-pauseplay a:before{font-size:18px;}

/*site reviews images popup*/
#reviewDetailsSlider.flexslider .flex-direction-nav .flex-next, #reviewDetailsCarousel.flexslider .flex-direction-nav .flex-next {
    width: 25px;
    right: 0px;
    border-radius: 0px;
    opacity: 0.7 !important;
}

#reviewDetailsSlider.flexslider .flex-direction-nav .flex-prev, #reviewDetailsCarousel.flexslider .flex-direction-nav .flex-prev {
    width: 25px;
    left: 0;
    border-radius: 0px;
    opacity: 0.7 !important;
}

/*#endregion*/

/*#region Product Rating
------------------------------------------- */
.productRating { list-style:none; padding:0; margin:0; }
.productRating li { display:inline-block; zoom:1; background-image:url('/images/category_sprite.png'); background-repeat:no-repeat; width:14px; height:14px; background-position:-25px -50px; }
.productRating .filledStar { background-position:-25px -50px; }
.productRating .halfStar { background-position:-50px -50px; }
/*#endregion*/


/*#region Home Page
-------------------------------------------- */
#hpBannerContainer { margin-top:30px; }
#hpBannerContainer img { width:100%; }

.tvLogosImg { width:100%; margin-top:15px; }
.hasSeparator { background:url(/css/images/vertSeperator.png) no-repeat top right; padding-right:2.5%; }
.hasBottomSeparator { background-image:url('/images/category/horizseperator.jpg'); background-repeat:no-repeat; background-position:center bottom; padding-bottom:40px; }

.hpVidContainer { display:inline-block; width:693px; height:573px; float:left; box-sizing:border-box; border:1px solid #ccc; text-align:center; color:#363636; background-color:#EEEEEC; font-family:"Helvetica W01 Cn", Helvetica, Arial, sans-serif; }
.hpVidContainer .blue { color:#448bc9; }
.hpVidContainer .lgText { text-transform:uppercase; font-size:34px; font-weight:bold; }
.hpVidContainer .smText { font-size:20px; }
.hpVidContainer .mdText { font-size:26px; }
.hpVidContainer .diyVidImg { margin-top:20px; cursor:pointer; }

.homeGrayCol { float:right; padding:5px; border:1px solid #cfcfcf; width:295px;  box-sizing:border-box; }
.homeGrayColInner { background-color:#eeeeec; padding:20px; height:521px; }
.peopleAreTalking { margin-bottom:10px; overflow:auto; }
.peopleAreTalking .quote { width:93px; }

.contentTitle { margin:45px 0 35px; height:2px; text-align:center; background:#bebebe; }
.contentTitleWrap { width:50%; background:#fff; padding:0 20px; margin:0 auto; position:relative; top:-12px; }
.contentTitleText { height:25px; background-color:#ccc; padding-top:3px; text-shadow:0px 1px 1px #fff; color:#202020; font-size:14px; font-style:italic; font-weight:bold; margin:0; }
.homePageBottom { overflow:auto; }
.homePageBottomLeft, .homePageBottomRight { display:inline-block;  box-sizing:border-box; width:50%; float:left; position:relative /* for css bug with slidetoggle */; }
.homePageBottomRight { float:right; padding-left:2.5%; }

.youtubeImage {margin:0.75%; padding:1px; border:1px solid #ccc;cursor:pointer;}
.youtubeContainer {max-width:862px;margin:0 auto;}
.mainVideoHeader {margin-top:5%;margin-bottom:5%;}

#mainSlider { overflow:hidden; }
#mainSlider .flexslider .slides video {
    width: 100%;
}

#mainSlider #sliderControl .container { position:static; }
#mainSlider .flex-direction-nav .flex-prev { left:-15px; opacity:0.5; }
.mediaControl .flex-direction-nav .flex-prev {
    opacity: 0.5;
    left: 0px;
    width: 27px;
}
.mediaControl .flex-direction-nav .flex-next {
    opacity: 0.5;
    right: 0px;
    width: 27px;
}

#mainSlider .flex-direction-nav .flex-next { right:-15px; opacity:0.5; }
#mainSlider .slideThumb { display:none; }
#mainSlider .flex-control-paging li a { box-sizing: border-box; border: none;background-color:#fff;overflow: hidden;width: 14px; box-shadow: inset 1px 1px 2px #888; height: 14px;margin: 10px 3px 6px 1px;display: block; background: #fff;  cursor: pointer;text-indent: -9999px;
    border-radius: 20px;border-top: none;padding: 0px;}
#mainSlider .wHtmlControls .flex-control-nav{/*position:absolute;*/    left:40px; margin-top: -34px; }
#mainSlider .flex-pauseplay a {bottom: 5px;opacity:1;left:47% !important; height:22px; color:#333;}

#mainSlider .wHtmlControls .flex-control-nav li{float:none;border-left:1px solid transparent;}
#mainSlider .wHtmlControls.twoSlides .flex-control-nav li{   width:initial;}
#mainSlider .flex-control-nav{  bottom:6px; /*text-align:left;*/}
#mainSlider .flex-control-paging li a:hover {  background: #333;  background: rgba(0, 0, 0, 0.7);}
#mainSlider .flex-control-paging li a.flex-active { background: #333;cursor: default;}
/*#endregion*/
     
#sliderArrows { display:table; width:100%; table-layout:fixed; }
#sliderArrows > a { width:45px; height:45px; display:table-cell; border-radius:0; }
#sliderArrows .flex-next { text-align:right; }
.wDotControls { }
.wDotControls #sliderControl { position:absolute; z-index:2; bottom:20px; width:100%; }
.wDotControls .flex-control-nav { position:static; }
.wDotControls .flex-control-paging li { margin:0 4px; }
.wHtmlControls #sliderControl { background-color:rgba(255, 255, 255, 0.75); width:100%; position:absolute; bottom:0; z-index:5; }
.wHtmlControls .flex-control-nav { position:static; }
.wHtmlControls .flex-control-nav li { margin:0; float:left; border-left:1px solid #ccc; box-sizing:border-box; }
.wHtmlControls .flex-control-nav li:first-child { border-left:none; }
.wHtmlControls .flex-control-nav li a { background:transparent; width:auto; height:auto; border-radius:0; text-indent:0; color:#444; box-shadow:none; box-sizing:border-box; padding:12px 3px; border-top:4px solid transparent; text-transform:uppercase; font-size:12px; position:relative; font-family:"Helvetica W01 Light", Helvetica, Arial, sans-serif; }
.wHtmlControls .flex-control-nav li a .arrow { display:none; }
 .wHtmlControls .flex-control-nav li a:hover { text-decoration:none; background-color:#fff; border-color:#f27d04; }
.wHtmlControls .slideTitle, .wHtmlControls h3.slideTitle { margin:0; font-size:16px; font-weight:bold; text-transform:uppercase; color:#444; margin-bottom:3px; font-family:"Helvetica W01 Cn", Helvetica, Arial, sans-serif; }
.wHtmlControls .flex-control-nav li .flex-active { background-color:#fff; border-color:#f27d04; }
.wHtmlControls .flex-control-nav li .flex-active .arrow { display:inline-block; width:0; height:0; position:absolute; top:0; left:46%; border-top:10px solid #f27d04; border-left:10px solid transparent; border-right:10px solid transparent; }
.wHtmlControls.twoSlides .flex-control-nav li { width:50%; }
.wHtmlControls.threeSlides .flex-control-nav li { width:2%; min-width:16px; }
/*.wHtmlControls.fourSlides .flex-control-nav li { width:25%; }*/
 #mainSlider .wHtmlControls .flex-direction-nav .flex-prev { left:-50px; }
 #mainSlider .wHtmlControls .flex-direction-nav .flex-next { right:-50px; }
 #mainSlider .wHtmlControls:hover .flex-direction-nav .flex-prev { left:-15px; }
 #mainSlider .wHtmlControls:hover .flex-direction-nav .flex-next { right:-15px; }

.panel { overflow:auto; }
.panel hr { display:none; }
.panelText { padding:15px 0; text-align:center; font-size:16px; overflow:auto; line-height:1.5; font-family:"Helvetica W01 Light", Helvetica, Arial, sans-serif; }
.panelText h3 { font-size:24px; text-transform:uppercase; margin:10px 0 10px; font-family:"Helvetica W01 Cn", Helvetica, Arial, sans-serif; }
.panelText p { }
.cordlessBtns { display:inline-block; width:auto; margin:15px auto 0; padding:0; list-style:none; }
.cordlessBtns li { display:inline-block; margin:0 5px; padding:0; }
.cordlessBtns a.clearBtn { color:#202020; border:1px solid #202020; font-weight:bold; }
 .cordlessBtns .clearBtn:hover { color:#555; border-color:#555; }
.cordlessIcons { margin:20px 0 30px; overflow:auto; }
.cordlessIcons .col { display:inline-block; box-sizing:border-box; width:32%; float:left; text-align:center; border-left:1px solid #ddd; padding:100px 0px 20px; font-size:16px; font-weight:bold; text-transform:uppercase; background-repeat:no-repeat; background-position:center top; }
.cordlessIcons .col:first-child { border:none; width:36%; }
.clutterFree { background-image:url(/images/icons/clutterfree.svg); background-size:135px 135px; }
.durable { background-image:url(/images/icons/durability.svg); background-size:90px 90px; }
.childSafe { background-image:url(/images/icons/childsafety.svg); background-size:90px 90px; }

#discoverPanel { background-repeat:repeat-x; background-position:left bottom; }
#discoverSlider { margin-bottom:15px; }
#discoverSlider .slides { padding-bottom:5px; }
#discoverSlider .slide { padding:0 16px; cursor:pointer; width: 300px; margin-right: 0px; float: left; display: block; }
#discoverSlider .slideContent { position:relative; }
#discoverSlider .discoverImg {  box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; width:100%; display:block; height: auto;}
#discoverSlider .overlayContent { box-sizing:border-box; padding:10px 3%; border-bottom:2px solid transparent; width:100%; min-height:95px; vertical-align:bottom;}
 #discoverSlider .overlayContent { position:absolute; bottom:0; background-color:rgba(255,255,255, 0.85); }
#discoverSlider .overlayContent .cornerBannerWrap { overflow:auto; position:static; box-shadow:none; }
#discoverSlider .overlayContent .cornerBanner { font-size:11px; height:20px; line-height:20px; }
#discoverSlider .overlayContent .leftEdge, #discoverSlider .overlayContent .rightEdge { border-top-width:10px; border-bottom-width:10px; }
#discoverSlider .overlayContent .slideLink { font-family:"Helvetica W01 Cn", Helvetica, Arial, sans-serif; font-weight:bold; font-size:16px; margin:5px 0 0; display:block; text-transform:none; color:#202020; text-decoration:none; min-height:40px;vertical-align:bottom }
 #discoverSlider .overlayContent .moreInfo { overflow:hidden; max-height:0; transition:max-height .1s ease-in-out; }
#discoverSlider .discoverPrice { margin:5px 0; }
#discoverSlider .discoverPrice .blue { font-weight:bold; }
#discoverSlider .flex-direction-nav a { top:35%; }
 #discoverSlider .flex-direction-nav a { top:50%; }
#discoverSlider .flex-control-nav { bottom:-35px; display:none;}
 #discoverSlider .slide:hover .overlayContent { border-bottom-color:#f27d04; }
 #discoverSlider .slide:hover .moreInfo { max-height:200px; transition:max-height .6s ease-in-out; }
 #discoverSlider:hover .flex-direction-nav .flex-prev { left:0; }
 #discoverSlider:hover .flex-direction-nav .flex-next { right:0; }

  #discoverSlider .overlayContent .productRatingDiv .discoverPrice { overflow:hidden; max-height:0; transition:max-height .1s ease-in-out; }
  #discoverSlider .slide:hover .productRatingDiv .discoverPrice { max-height:20px; transition:max-height .6s ease-in-out; }

/*.discoverBrowse { text-align:center; clear:both; margin-top:10px; }
.discoverBrowse .browseCatContent { max-height:0; overflow:hidden; transition:max-height .8s linear; box-sizing:border-box; }
.discoverBrowse.open .browseCatContent { max-height:225px; padding-bottom:15px; }
.browseCatContent > .col { display:inline-block; float:left; width:33.33%; box-sizing:border-box; text-align:left; }
.browseCatContent > .col:first-child { width:66.66%; }
.discoverBrowse .browseCatBtn { display:inline-block; text-transform:uppercase; color:#202020; font-weight:bold; background-color:#fff; padding:10px 15px; border:1px solid #ccc; border-bottom:none; }
 .discoverBrowse .browseCatBtn:hover { color:#555; text-decoration:none; }
.browseCatBtn span { display:inline-block; margin-left:3px; margin-top:-2px; vertical-align:middle; position:relative; background-color:#000; width:16px; height:16px; border-radius:8px; color:#fff; }
.browseCatBtn span:after { position:absolute; content:"+"; color:#fff; left:4px; top:-3px; font-weight:bold; }
.discoverBrowse.open .browseCatBtn span:after { content:"-"; left:5px; top:-2px; }
.discoverBrowse .h1Div { margin-bottom:10px; }
.discoverBrowse .categoryLinks { margin:0; padding:0; list-style:none; }
.discoverBrowse .categoryLinks li { padding:0; margin:0; }
.discoverBrowse .categoryLinks a { display:block; color:#202020; text-transform:uppercase; padding:5px 0; }*/

#favoritesPanel {
    border-top: 1px solid #ddd;
}

.exploreVideos { overflow:auto; list-style:none; margin:0; padding:0; }
.exploreVideos li { display:inline-block; float:left; width:50%; box-sizing:border-box; margin:0; padding:2px 2px 2px 2%; position:relative; }
.exploreVideos li:first-child { padding:2px 2% 2px 2px; }
.exploreVideos img { border:2px solid #fff; display:block; box-sizing:border-box; width:100%; box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 2px; }
 .exploreVideos li:hover img { border-color:#f27d04; }
.exploreVideos .videoContent { position:absolute; bottom:0; color:#fff; text-transform:uppercase; z-index:2; padding:8px; box-sizing:border-box; }
.exploreVideos .videoContent .videoText { font-size:12px; background-image:url(/images/icons/playvideo.svg); background-size:12px 12px; background-repeat:no-repeat; background-position:left center; padding-left:15px; display:block; color:#fff; text-decoration:none; }

#diyPanel .tabs { display:none; }
#diyPanel .tabContentWrap .tabContent { display:inline-block; }
#diyPanel .diyCols { overflow:hidden; margin-bottom:0; max-width: 996px; margin-left: auto;margin-right: auto; }
.diyCols .col { display:inline-block; float:left; width:50%; position:relative; text-align:center; color:#fff; font-size:16px; }
.diyCols .col > img { display:block; }
.diyCols .col .overlayContent { position:absolute; top:0; left:0; bottom:0; height:100%; width:100%; box-sizing:border-box; }
.diyCol .overlayContent { /*background-color:rgba(7, 135, 125, 0.85);*/ }
.helpCol .overlayContent { /*background-color:rgba(27, 47, 91, 0.85);*/ }
.diyCols .subTitle { padding-top:6%; font-size:34px; font-weight:bold; text-transform:uppercase; margin-bottom:-45px; }
.diyCols .subTitle .icon { display:none; }
/**/ .diyCols .subTitle .icon { display:block; margin:0 auto; width:125px; padding-top:125px; background-repeat:no-repeat; background-size:125px 125px; background-position:center top; /*transition:padding-top .6s ease-in-out;*/ }
.diyCols .line { max-width:0; display:block; height:1px; background-color:#fff; /*transition:max-width .6s ease-in-out;*/ margin:0 auto; }
.diyCol .subTitle .icon { background-image:url(/images/icons/diy.svg); }
.helpCol .subTitle .icon { background-image:url(/images/icons/letushelp.svg); }
.diyCols .preHoverText { display:none; }
/**/ .diyCols .preHoverText { display:block; padding:0 5%; box-sizing:border-box; max-height:60px; /*transition:max-height .4s ease-in-out;*/ overflow:hidden; }
.diyCols .postHoverText { max-height:100%; position:static; width:100%; padding:0 5%; box-sizing:border-box; overflow:hidden; text-transform:uppercase; }
/**/ .diyCols .postHoverText { position:absolute; bottom:12px; left:7.5%; width:85%; padding:0 3%; max-height:0; /*transition:max-height .6s ease-in-out;*/ }
.diyCols .postHoverTextFr {
    left: 2.5%;
    width: 90%;
}
.diyCols .postHoverText .linkList { display:inline-block; float:left; width:50%; padding-left:65px; box-sizing:border-box; list-style:square; text-align:left; cursor:pointer; margin:64px 0;}
.letUsHelp .postHoverText .linkList{
    margin: 10px 0;
}
.diyCol .postHoverText .linkList li:first-child {padding: 0px 0px 18px 0px}
.diyCol .linkList a { color:#fff; display:block; padding: 0px 0px 0px 0px; margin: -8px -6px -5px; }
.diyCol .videoBtn { display:inline-block; clear:both; overflow:auto; border-top:1px solid #fff; box-sizing:border-box; width:100%; padding:20px 0px 20px 80px; color:#fff; font-size:20px; font-weight:bold; font-style:italic; text-align:left; margin:20px 10px 10px; position:relative; cursor:pointer; text-decoration:none !important; }
.diyCol .videoBtn .videoIcon { display:inline-block; position:absolute; top:10px; left:5px; width:65px; height:65px; }
.diyCol .videoBtn .small { font-size:14px; font-style:normal; display:block; font-weight:normal; text-transform:none; }
.diyCol .videobutton { display:inline-block; clear:both; overflow:auto; /*border-top:1px solid #fff;*/ box-sizing:border-box; width:100%; padding:20px 0px 72px 115px; color:#fff; font-size:20px; font-weight:bold; font-style:italic; text-align:left; margin:20px 0 10px; position:relative; cursor:pointer; text-decoration:none !important; }
.diyCol .videobutton .videoicn { display:inline-block; position:absolute; top:10px; left:40px; width:65px; height:65px; }
.diyCol .videobuttonfr { display:inline-block; clear:both; overflow:auto; /*border-top:1px solid #fff;*/ box-sizing:border-box; width:100%; padding:20px 0px 72px 80px; color:#fff; font-size:20px; font-weight:bold; font-style:italic; text-align:left; margin:20px 0 10px; position:relative; cursor:pointer; text-decoration:none !important; }
.diyCol .videobuttonfr .videoicnfr { display:inline-block; position:absolute; top:10px; left:10px; width:65px; height:65px; }
.diyCol .videobuttonfr .small { font-size:14px; font-style:normal; display:block; font-weight:normal; text-transform:none; }
.diyCol .videobutton .small { font-size:14px; font-style:normal; display:block; font-weight:normal; text-transform:none; }
.helpCol .postHoverText .linkList { width:100%; float:none; padding:0; }
.helpCol .designHelp { display:block; box-sizing:border-box; padding:20px 0; border-top:1px solid #fff; margin:20px auto 10px; }
.helpCol .designHelp .orange { display:block; font-weight:bold; margin-top:10px; }
.helpCol a { color:#fff; }
.helpCol a:hover span { text-decoration:underline; }
.helpCol .linkList span { text-transform:none; display:inline-block; padding:5px 0 5px 5px; }
.helpCol .linkList li { text-align:center; list-style:none; }
.diyCol149 .linklist li { text-align:center; list-style:none;margin: 35px -10px -22px 0px; padding:0px;}
.diyCol149 .linklist a { color:#fff; }
.diyCol149 .postHoverText .linklist { width:100%; float:none; padding:0; }
.diyCol149 .designHelp { display:block; box-sizing:border-box; padding:20px 0; border-top:1px solid #fff; margin:20px auto 10px; }
.helpCol .linkList a { color:#fff; }
.helpCol .designHelp a { color:#fff; }

/*.diyCols .col .line { max-width:40%; }*/
.diyCols .col .icon { padding-top:0; }
.diyCols .col .preHoverText { max-height:0; }
.diyCols .col .postHoverText { max-height:300px; }

.favoritesImg { border:8px solid #fff; box-sizing:border-box; display:block; }
/*#favoritesSlider { margin-bottom:85px; }
#favoritesSlider .slides { padding:5px 0; }
#favoritesSlider .slide { position:relative; cursor:pointer; }
 #favoritesSlider .slide:hover { box-shadow:rgba(0,0,0,0.25) 0px 2px 5px; z-index:5; }
#favoritesSlider .overlayContent {  width:100%; box-sizing:border-box; padding:0 15px; }
 #favoritesSlider .overlayContent { position:absolute; left:0; bottom:0; background-color:rgba(255,255,255,0.85); overflow:hidden; max-height:0; transition:max-height .4s ease-in-out; }
 #favoritesSlider .slide:hover .overlayContent { max-height:200px; }
#favoritesSlider .slideLink { font-size:15px; text-transform:uppercase; color:#202020; text-decoration:none !important; margin:10px 0 15px; display:block;}
#favoritesSlider .favoritesPrice { text-decoration:line-through; font-size:16px; }
#favoritesSlider .favoritesPrice .blue { font-weight:bold; display:inline-block; margin-left:20px; text-decoration:none; }
#favoritesSlider .flex-direction-nav a { top:40%; }

 #favoritesSlider .flex-direction-nav a { top:50%; }
#favoritesSlider .flex-direction-nav .flex-prev,  #favoritesSlider:hover .flex-direction-nav .flex-prev { left:-5px; }
 #favoritesSlider .flex-direction-nav .flex-prev { left:-50px; }
 #favoritesSlider:hover .flex-direction-nav .flex-next { right:-5px; }
#favoritesSlider .productRatingWrap { margin:5px 0 12px; }*/

#reviewsPanel .tabContent { font-size:20px; font-style:italic; padding:0px 10% 25px; text-align:center; }
#reviewsPanel .readMoreLink { color:#202020; padding:0; background:none; font-size:14px; }
.reviewsTabs { background-color:#e8e8e8; overflow:auto; }
.reviewsTabs ul { display:table; width:100%; table-layout:fixed; }
.reviewsTabs ul li { display:table-cell; float:none; padding:0; position:relative; width:20%; }
.reviewsTabs li .arrow { display:none; position:absolute; top:0; left:43%; border-top:15px solid #eee; border-left:15px solid transparent; border-right:15px solid transparent; }
.reviewsTabs li.active .arrow { display:inline-block; }
.reviewsTabs li.active a { background-color:#ddd; } 
.reviewsTabs a { display:block; padding:15px 30px; }
 .reviewsTabs a:hover { background-color:#ddd; }
#reviewsPanel #satisfiedCustomers { text-align:center; font-style:normal; }
#satisfiedCustomers .review { font-family:Georgia, "Helvetica W01 Cn", Helvetica, Arial, sans-serif; font-style:italic; }
#satisfiedCustomers .starRate li { cursor:default; }

#sbAdvantagePanel { border-bottom:1px solid #ddd; padding-bottom:15px; }
#sbAdvantagePanel .col { text-align:center; padding:0 3%; cursor:pointer; }
#sbAdvantagePanel h6 { font-size:18px; text-transform:uppercase; }
#sbAdvantagePanel a { color:#202020; font-size:12px; }
 #sbAdvantagePanel .col:hover { cursor:pointer; }
 #sbAdvantagePanel .col:hover .advantageLink { color:#f27d04; text-decoration:none; }
#sbAdvantagePanel .icon { display:inline-block; width:75px; height:75px; background-repeat:no-repeat; /*background-size:80% 80%;*/ background-position:center; /*border:4px solid #f27d04; border-radius:40px;*/ margin-bottom:10px; box-sizing:border-box; }
.upgradesCol .icon { background-image:url(/images/icons/100-percent-satisfaction.svg); }
.warrantyCol .icon { background-image:url(/images/icons/perfect-fit-gaurantee.svg); }
.samplesCol .icon { background-image:url(/images/icons/free-samples.svg); }
.shippingCol .icon { background-image:url(/images/icons/free-shipping.svg); }
.upgradesColfr .icon { background-image:url(/images/icons/garantie-de-satisfaction-a-100-percent.svg); }
.warrantyColfr .icon { background-image:url(/images/icons/garantie-fit.svg); }
.samplesColfr .icon { background-image:url(/images/icons/echantillons-gratuits.svg); }
.shippingColfrText { max-width: 189px; margin-left:auto; margin-right:auto; } /*To split text equally over multiple lines*/
.shippingColfr .icon { background-image: url(/images/icons/livraison-gratuite.svg); }

            .freeShippingSection { border-bottom:1px solid #ddd; }
            .freeShippingSection .col { text-align:center; padding:0 3%; cursor:pointer; border-right: 1px solid white;margin: 10px 0 10px 0 !important; }
            .freeShippingSection h6 { font-size:12px; text-transform:uppercase;color: white;margin: 0px 0 0px 0; }
            .freeShippingSection a { color:#202020; font-size:12px; }            
            
            .freeShippingSection .col:nth-last-child(-n+1) { border-right: 0px solid white; }


            .freeShippingSection .Iconfreeshipping { display:inline-block; width:40px; height:40px; background-repeat:no-repeat;background-position:center; box-sizing:border-box;background-size: 200px 40px;background-position: 0px 0;}
            .freeShippingSection .Iconperfectfitguarantee { display:inline-block; width:40px; height:40px; background-repeat:no-repeat;background-position:center; box-sizing:border-box; background-size: 200px 40px;background-position: -50px 0;}
            .freeShippingSection .Icon100satisfactionguarantee { display:inline-block; width:40px; height:40px; background-repeat:no-repeat;background-position:center; box-sizing:border-box;background-size: 200px 40px;background-position: -102px 0; }
            .freeShippingSection .Iconbestpricepromise { display:inline-block; width:54px; height:40px; background-repeat:no-repeat;background-position:center; box-sizing:border-box;background-size: 200px 40px;background-position: -145px 0; }


#homePanel .container {
    padding: 15px 3% 15px;
}
#homePanel .readMoreLink { color:#202020; background-image:url(/images/icons/arrow_more.png); background-size:11px auto; padding-right:16px; background-position:right 6px; }
#homePanel .readMoreLink.readLess { background-image:url(/images/icons/arrow_less.png); }

#mainSlider {
    display: block;
}

.promomobileimg {
    display: none;
}


/*#region General Content CSS
-------------------------------------------- */

.mainIntBanner { width:100%; display:block; }
.pageContent { padding:15px 2%; overflow:auto; }
.contentSection { margin-bottom:30px; padding-bottom:15px; overflow:auto; }
.contentSection article { margin:20px auto; overflow:auto; position:relative; padding-bottom:5px; }
.hasLeftThumb { padding-left:17%; position:relative; min-height: 150px; }
.leftThumb { position:absolute; top:5px; left:3%; width:10.6%; border:1px solid #F27D04; }
#rightColumn .hasLeftThumb { padding-left:22%; }
#rightColumn .leftThumb { width:11%; }
.sectionArticleLinks a { margin:0 25px; }
.sectionArticleLinks a:first-child { margin-left:0px; }
.twoCol, .threeCol, .fourCol{ overflow:auto; }
.twoCol .col { box-sizing:border-box; display:inline-block; float:left; width:48%; padding-right:3%; margin:0; }
#installMandI_Banners .col { box-sizing:border-box; display:inline-block; float:left; width:49%; padding-right:0; margin:0; }
.twoCol_MandI .col { box-sizing:border-box; display:inline-block; float:left; width:49%; padding-right:0; margin:0; }
.twoCol.noPad .col { padding:0; width:48%; margin-right:2%; }
.twoCol.noPad .col:nth-child(2n) { margin-right:0; margin-left:2%; }
ul.twoCol li {  box-sizing:border-box; float:left; width:50%; padding:0 3% 0 0; margin-bottom:15px; }
.threeCol .col { box-sizing:border-box; display:inline-block; float:left; width:33.3333%; padding-right:3%; margin:0; }
.threeCol.noPad .col { width:33.3333%; padding:0; margin:0; }
.fourCol .col {  box-sizing:border-box; display:inline-block; float:left; width:25%; padding-right:3%; margin:0; }
.linkBlock { margin-bottom:15px; }
.linkList { margin:5px 0; padding:0; list-style:none; }
.linkList .videoLink { margin-bottom:8px; }
ul.lightIndent { padding-left:25px; }
hr.separator { background-color:#2f609f; margin:0; height:3px; padding:0; }
.reviewVideoContainer{width:75%; position:relative;}
.videoContainer { position:relative; width:100%;/*padding-bottom:52.25%;*/ }
.videoContainer iframe { border:0;width:100%; height:400px; /*position:absolute;*/ top:0; left:0; }
input[type='number'] { -moz-appearance:textfield; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance:none; }
.masonry.threeCol { -moz-column-count:3; -webkit-column-count:3; column-count:3; }
.masonry .col { display:inline-block; float:none; width:100%;  box-sizing:border-box; }
.textBtnGray, .textBtnBlue { text-transform:uppercase; font-size:11px; padding:10px 2%; display:block; line-height:1.5; }
a.textBtnGray { color:#034486; background:#ddd; }
.textBtnGray .downloadIcon, .textBtnBlue .downloadIcon { margin:5px; }
 a.textBtnGray:hover, a.textBtnBlue { color:#fff; background:#034486; text-decoration:none; }
 a.textBtnGray:hover .downloadIcon, a.textBtnBlue .downloadIcon { background-position:center bottom; }
 a.textBtnBlue:hover { color:#034486; background:#ccc; cursor:pointer; }
 a.textBtnBlue:hover .downloadIcon { background-position:center top; }
.textBtnGray b, .textBtnBlue b { text-transform:lowercase; font-weight:bold; font-size:16px; }
.orangeBullet { margin:0; padding:0; list-style:none; }
.orangeBullet > li { padding-left:15px; background-image:url(/images/icons/bullet_orange.png); background-repeat:no-repeat; background-position:left 8px; }
.tooltip { display:none; font-size:12px; line-height:1.3; color:#ccc; padding:1%; }
.tooltip h5 { font-size:14px; margin:5px 0; color:#fff; }
.tooltip ul { margin-left: 0; padding-left: 15px; }
.floatBlock { display:inline-block; float:left;  box-sizing:border-box; padding:2%; }
.width20Block { display:inline-block; float:left; width:20%;  box-sizing:border-box; padding:2%; }
.width33Block { display:inline-block; float:left; width:33.3%;  box-sizing:border-box; padding:2%; }
.width40Block { display:inline-block; float:left; width:40%;  box-sizing:border-box; padding:2%; }
.measureBtns { margin-bottom:20px; }
.measureBtns .col { margin-bottom:10px; }
.orderPrint { display:none; }
.noPrint { display:inline-block; }
/*.fourCol{margin:10px 0 10px 55px; text-align: center;}*/
/*#endregion*/

.goToTopTabEN {
    padding: 30px 0px 10px 16px;
    font-weight: bold;
    position: absolute;
}

.goToTopTabFR {
    padding: 30px 0px 10px 12px;
    font-weight: bold;
    position: absolute;
}

.addMotorisation {
    background-image: url(/images/icons/motorization_icon.png);
    text-decoration: none !important;
    text-transform: none;
    display: block;
    background-size: 24px 24px;
    background-position: left 2px;
    background-repeat: no-repeat;
    border-radius: 10px;
    background-color: #e9e9e9;
    margin-bottom: 5px;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
}

.addMotorisation.noDrill {
    background-image: url(/images/icons/no_drill_category.png);
}
    /*#region General Tab controls
------------------------------------------- */
    .tabs {
    padding: 0;
    margin: 0;
    list-style: none;
}
.tabs > li { display:inline-block; float:left;  box-sizing:border-box; padding:2%; }
.tabs > li .titleLink {  }
.tabs.twoTabs > li { width:50%; margin:0; opacity:0.5; position:relative; }
 .tabs.twoTabs li:hover { opacity:1.0; box-shadow:0px 0px 5px #666; cursor:pointer; z-index:5; }
 .tabs.twoTabs li:hover .titleLink { text-decoration:underline; color:#017bb8; }
.tabs.twoTabs li.active { opacity:1.0; background:#eee; }
.tabs.twoTabs li.active .titleLink { color:#2c509c; }
.tabs.twoTabs li.active .titleLink span { display:none; }
 ul.tabs.twoTabs li.active:hover { box-shadow:none; cursor:default; }
 ul.tabs.twoTabs li.active:hover .titleLink { text-decoration:none; color:#2c509c; }
.tabContentWrap { clear:both; overflow:auto; margin-bottom:20px; }
.tabContentWrap thead { background:#ccc; color:#000; }
.tabContentWrap .tabContent { display:none; }
.tabContentWrap .activeTab { display:block; }
.tabContentBorder { border:1px solid #ccc; border-top:3px solid #3b5a88; padding:1% 3%; }

.blueTabs > li { border:2px solid #3b5a88; border-bottom:none; margin:0 .3%; padding:0; width: 19%; text-align: center; }
.blueTabs > li > a { background:#3b5a88; color:#fff; padding:10px; position:relative; display:block; height: 25px; }
#warrantyTabs .blueTabs > li {
    padding: 0;
}
#warrantyTabs .blueTabs > li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 37px;
}
#wishListLoginTabs .blueTabs > li > a { height: auto; }
#wishListLoginTabs .blueTabs > li { width:auto; }

 .blueTabs > li > a:hover { text-decoration:none; cursor:pointer; }
.blueTabs > li.active > a { background:#fff; color:#3b5a88; cursor:default; }
.blueTabs > li.active > a:after { content:""; display:block; position:absolute; bottom:-3px; height:3px; background:#fff; width:100%; left:0; }

.blueTabs > li.WishListTab.active > a {
        padding-left: 25px;
}

        .blueTabs > li.WishListTab > a {
                padding-left: 25px;
        }

    .blueTabs > li.WishListTab.active > a span {
        background-image: url(/images/icons/my-account-heart-selected.svg);
        background-repeat: no-repeat;
        background-size: 20px 20px;
        margin-left: -25px;
        position: absolute;
        width: 20px;
        height: 20px;
    }

    .blueTabs > li.WishListTab > a  span{
        background-image: url(/images/icons/my-account-heart.svg);
        background-repeat: no-repeat;
        background-size: 20px 20px;
        margin-left: -25px;
        position: absolute;
        width: 20px;
        height: 20px;
    }
    

#TabModal { display:none; }
#TabModal .overlay { position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; right:0; background:#000; opacity:0.7; z-index:1001; }
#TabModalContents { width:960px; height:700px; position:fixed; z-index:1001; }
#TabModalContents .tabContentWrap { background-color:#fff; box-shadow:0 0 10px #000; min-height:300px; padding-top:30px; }
#TabModalContents .closeModal { position:absolute; top:55px; right:15px; z-index:5; background-position:left center; }
 #TabModalContents .closeModal:hover { background-position:left bottom; }
#TabModalContents .mediaDisplay { background-image:url(/images/loading.gif); background-repeat:no-repeat; background-position:40% 47%; }
#TabModalContents .tabs li { background-color:#fff; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold; cursor:pointer; padding:0; display:none; }
#TabModalContents .tabs li a { padding:12px 25px; color:#007ab9; display:block; text-decoration:none; background-repeat:no-repeat; background-position:10px center;  }
#TabModalContents .tabs li.active { border-bottom-color:#fff; }
#TabModalContents .tabs li.active a { color:#333; cursor:default; }
#TabModalContents .tabs .photoTab a { background-image:url(/images/icons/photo_blue_24.png); padding-left:40px; }
#TabModalContents .tabs .photoTab.active a { background-image:url(/images/icons/photo_gray_24.png); }
#TabModalContents .tabs .videoTab a { background-image:url(/images/icons/video_linkblue_24.png); padding-left:40px; }
#TabModalContents .tabs .videoTab.active a { background-image:url(/images/icons/video_gray_24.png); }
/*#endregion*/


/*#region General Sidebar
-------------------------------------------- */
.sidebox {  box-sizing:border-box; width:100%; border:1px solid #ccc; padding:5px; margin-bottom:10px; }
.sidebox .title { font-family:Arial,Helvetica,sans-serif; color:#000; font-size:16px; font-weight:bold; text-transform:uppercase; padding:8px 3%; background:#eee; margin-bottom:5px; }
.sideboxContent { padding:2%; clear:both; }
.clearButtonLink {
    font-size: 12px !important;
    font-family: Helvetica W01 Cn, Helvetica, Arial, sans-serif;
    line-height: 15px;
}
.clearAllColors {
    padding-right: 0px;
}

.sidebox .linkList { padding:0; margin:0; list-style:none; }
.sidebox .linkList li { margin:5px 0;}
.sidebox .linkList .subtitle { font-weight:bold; padding:0; margin-bottom:15px; color:#000; }
.sidebox .linkList .subtitle div { font-weight:normal; color:#707070; }
.sidebox .linkList ul { padding:0; margin:0; list-style:none; font-weight:normal; }
.sidebox .linkList .homeLink { margin:0 0 15px; }
/*#endregion*/


/*#region Shared code
----------------------------------------------- */
.shippingOptions input { margin-right:5px; }
.shippingOptions .right { text-align:left; width:90px; }
#MeasureInstructions .tabs { margin:0 3%; }
#MeasureInstructions .tabContentWrap { padding-top:20px; line-height:1.6; }
#MeasureInstructions .twoTabs .active .arrow { border-left: 25px solid transparent; border-right:25px solid transparent; border-top:25px solid #eee; bottom:-25px; left:46%; position: absolute; }
#MeasureInstructions .tabs a { color:#202020; text-decoration:none; display:block; }
#MeasureInstructions .measureImg { float:right; width:30%; margin:0 0 15px 15px; }
/*#endregion*/


/*#region Installation Pages
-------------------------------------------- */
.installCols { overflow:visible; }
.installCols .leftCol { display:inline-block; width:57%;  box-sizing:border-box; float:left; font-size:18px; line-height:1.6; padding:20px 2% 0 0; margin-bottom:15px; }
.installCols .rightCol { display:inline-block; width:43%;  box-sizing:border-box; float:left; margin-top:-50px; position:relative; z-index:99; }
.needHelpGraphicText { margin:0 0 25px; }
.installTestimonials { text-align:center; margin:15px 0 25px; color:#202020; border-left:1px solid #ccc; padding:0 5%; }
.installTestimonials blockquote { display:block; box-sizing:border-box; padding:10px 5%; margin:25px 0 0; background-color:#eee; }
.freeQuoteBox { text-align:center; margin:15px 0 0; background-color:#eee; overflow:auto; padding:18px 5%; box-sizing:border-box; }
.freeQuoteBox .findAProfessional { width:60%; display:inline-block; float:left; padding:0 5% 0 0; font-size:18px; color:#202020; line-height:1.2; text-align:left; }
.freeQuoteBox input[type="text"] { padding:10px; float:left; border:1px solid #ccc; width:35%; box-sizing:border-box; }
.freeQuoteBox .installQuoteBtn { margin-top:15px; padding:10px; font-size:15px; font-weight:bold; float:none; width:100%; box-sizing:border-box; }
.installBullets { font-size:16px; }
#NBIResults { margin:0 auto; width:100%; }
.disclaimer_199{font-style: italic;}
.MandIInstall_Image{margin-top:8px;}
.mandiupdatenote{border: 1px solid black; padding:5px;}
/*#endregion*/
/*#region Category Pages
-------------------------------------------- */
#CatPageTopRightHeaderOverlay {
    position: relative;
}
#CatPageTopRightHeaderOverlay img {position: absolute;top: 20px;right: 0px;}

.twoColWrap { overflow:auto; clear:both; position:relative; }
#categoryPromo { display:inline-block; width:23.5%; float:left; }
#leftColumn { display:inline-block; width:16.5%; float:left; }
#rightColumn { display:inline-block; width:81%; float:right; }
#rightColumn .pageFlipFrame { margin-top:0; }
#twoColContent { overflow:hidden; } /* needed to remove scrollbars on IE9 */

.categoryTitle { border-bottom:1px solid #bbb; }
.categoryTitle h1 { border-bottom:none; margin:0px; }
#categoryBanner { position:relative; margin-bottom:0px; overflow:hidden; }
#categoryBanner .responsiveImg { display:block; width:100%; }
#categoryBanner .finePrint { position:absolute; left:2.5%; bottom:10px; color:#fff; z-index:10; }
#categoryBanner .categoryInfo { padding:15px 2%; margin:8px; max-width:60%; position:absolute; box-sizing:border-box; color:#fff; font-size:15px; }
#categoryBanner .categoryInfo.carousel{ padding: 0; margin:0;color:black; max-width:60%; position:absolute; box-sizing:border-box; /*color:#fff;*/ font-size:15px; z-index:10;height:100%;max-width:30%;background-color:white; left:11%; /*height: 230px;*/ }
.categoryInfo h1 { color:#fff; font-size:25px; border:none; margin:0 0 8px 0; padding:0; line-height:25px; }
.categoryInfo.carousel h1 { color:black;}
.categoryInfo .productRatingStars { display:inline-block; margin-right:3px; }
.categoryInfo .linkContainer { overflow:auto; margin-top:8px; }
.categoryInfo .linkContainer a { display:inline-block; color:#fff; border:1px solid #fff; padding:7px 15px; margin-right:5px; text-decoration:none !important; }
.categoryInfo .linkContainer .videoLink { line-height:normal; min-height:initial; background-image:url(/images/icons/play_white.svg); background-position:5px center; padding-left:24px; }
.benefitsImg { position:relative; }
.benefitsImg img { width:100%; display:block; }
.benefitsImg .benefitsText { position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; color:#fff; padding:4px 8px; background:rgba(0, 0, 0, 0.7); line-height:1.2;}
.benefitsImg .benefitsText b { text-transform:uppercase; }

.sidebox .categoryInfo { overflow:auto; padding:10px 4%; background:#eee; }
.sidebox .categoryInfo h1 { text-transform:none; }
.sidebox .categoryInfo .productRatingWrap { border-top:1px solid #bbb; padding-top:10px; margin-bottom:5px; }
.sortByControl { display:none; }
.sidePromoBox { text-align:center; color:#ce2029; font-size:16px; }
.sidePromoBox .cornerBannerWrap { float:none; position:static; top:auto; margin:5px auto; left:auto; display:inline-block; width:auto; box-shadow:none; border-bottom:1px solid #ccc; }
.sidePromoBox .promoContent { padding:0 15px; font-weight:bold; text-transform:uppercase; }
.sidePromoBox .cornerBanner { padding:0 15px; }
.sidePromoBox a.promoDetailsLink { font-size:12px; text-decoration:underline; color:#202020; text-transform:none; } 

#leftColumn .promoImg { width:100%; margin-bottom:5px; }

a.clearAll { float:right; font-size:11px; font-weight:normal; text-transform:none; color:#000; text-decoration:underline; margin:3px 5px; }
.clearAll span { font-size:9px; width:12px; height:12px; display:inline-block; border-radius:6px; border:1px solid #333; text-align:center; font-weight:bold; text-decoration:none; margin-right:4px; }

a.clearAllColors {

    font-size: 11px;
    font-weight: normal;
    text-transform: none;
    color: #000;
    text-decoration: underline;
    margin: 3px 5px;
}

.clearAllColors span {
    font-size: 9px;
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 6px;
    border: 1px solid #333;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    margin-right: 4px;
}

.categoryWarningMessage {
    border: 1px solid black;
    padding: 5px;
    margin: 5px 0;
}

.categoryWarningMessage a {
    font-weight: bold;
}

.plusSign {
    background-image: url(/images/freeSamples/accordion_plus.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    /*padding: 8px 2%;*/
}

.minusSign {
    background-image: url(/images/freeSamples/accordion_minus.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    /*padding: 8px 2%;*/
}

/*Make FAQ plus signs arrows instead*/
.motorizationAccordion .plusSign,
.motorizationAccordion .minusSign {
    position: relative;
    background: none;
}

@media only screen and (max-width: 640px) {
    .motorizationAccordion .plusSign,
    .motorizationAccordion .minusSign {
        padding-right: 26px;
    }
}

.motorizationAccordion .plusSign::after,
.motorizationAccordion .minusSign::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.5em; /* adjust as needed to match your 98% */
    width: 16px; /* size of your icon */
    height: 16px;
    background-image: url(/images/icons/arrow_open.png);
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(0deg);
    transition: transform 0.5s ease-in-out;
    transform-origin: center center;
    translate: 0 -50%; /* vertically center */
}

.motorizationAccordion .minusSign::after {
    transform: rotate(180deg);
}

#panel1, #panel2, #panel3, #panel4, #panel5, #panel6, #panel7 {
    display: none;
}

.panelTitle {
    margin-left: 2%;
    cursor: pointer;
}

.panelContent {
    /*display: block;
    padding-right: 2%;*/
    display: none;
    padding-right: 2%;
    padding-left: 2%;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: white;
}

.panelBorder {
    border: 1px solid white;
    /*box-shadow: 5px 10px 18px #ddd;*/
    padding-left: 2px;
    padding-right: 2px;
    /*padding-left: 2%;*/
    /*padding-right: 2%;*/
    border-bottom: 1px solid #bab9b8;
}

.motorizationAccordionPopUp {
    max-height: 350px;
}

.modalTriggerTiltOnly {
    text-decoration: underline !important;
}

.grayShopNowBtn {
    color: gray !important;
}
/*#endregion*/
.filterSet {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
    .filterSet:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
        border-bottom: none;
    }
.filterSetHorizontal {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}
.filterSet .subTitle { font-size:14px; color:#000; font-weight:bold; margin-bottom:5px; padding-left:1.5% }
.filterSet .subTitle .helpTooltip { float:right; }
.filterSetTooltip { display:none; font-size:12px; line-height:1.3; color:#ccc; padding:1%; }
.filterSetTooltip h5 { font-size:14px; margin:5px 0; color:#fff; }
.filterSetTooltip img { float:right; margin:0 0 10px 10px; border:1px solid #aaa; }
.filters { margin:0; padding:0; list-style:none; overflow:auto; }
.filters .filterListItem { margin-bottom:5px; }
.filters .childFilter { padding-left:10px; }
.filters .chkBxFilter, .filters .radioFilter { clear:both; overflow:auto; }
.filters .chkBxFilter input, .filters .radioFilter input { float:left; }
.filters .chkBxFilter label, .filters .radioFilter label { color:#000; font-size:13px; display:inline-block; max-width:86%; }
.filters .productCount { color:#6c6c6c; font-size:12px; margin-left:2px; }
.filters .colorFilter { display:inline-block; float:left; box-sizing:border-box; width:18%; position:relative; padding:0; margin:1%; overflow:hidden; border:2px solid transparent; }
 .filters .colorFilter:hover { border-color:#bbb; }
 .filters .colorFilter:hover a { border-color:#fff; }
.filters .colorFilter.selected { position:relative; }
.filters .colorFilter.selected a { border-color:#bbb; }
.filters .colorFilter.selected .colorSelected {     max-height: 100%;
    max-width: 100%;
    width: 50%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;}
.filters .colorFilter:before { content:""; display:block; padding-top:100%; }
.filters .colorFilter a { position:absolute; top:0; left:0; bottom:0; right:0; box-sizing:border-box; width:100%; height:100%; border:1px solid #bbb; background-size: cover;border-radius: 50%;}
.center .qtip-content { text-align:center; }

.tabFeatureTitleHorizontal { display:none; }
.tabFeatureHorizontal { overflow: hidden; border: 1px solid #ccc; background: linear-gradient(to bottom,#31539d 0%,#31539d 50%,#1b3e78 100%);}
.tabFeatureHorizontal button { color: white;background-color: #31539d;float: left;border: none;outline: none;cursor: pointer;padding: 14px 30px;transition: 0.3s;font-size: 17px;}
.tabFeatureHorizontal button:hover { background-color: #ddd;}
.tabFeatureHorizontal button.active { background-color: midnightblue; }
.tabcontentFeatureHorizontal { display: none;padding: 6px 12px;border: 1px solid #ccc;border-top: none; }
.tablinksFeatureHorizontal { }

.filtersHorizontal { margin: 0; padding: 0; list-style: none; overflow: auto; }
.filtersHorizontal li { margin-bottom: 5px; }
.filtersHorizontal .childFilter { padding-left: 10px; }
.filtersHorizontal .chkBxFilter, .filtersHorizontal .radioFilter { display: inline-block; float: left;box-sizing: border-box;width: 215px;position: relative;padding: 0;margin: 10px;overflow: hidden;border: 2px solid transparent;vertical-align: bottom; }
.filtersHorizontal .chkBxFilter input, .filtersHorizontal .radioFilter input { float: left;}
.filtersHorizontal .chkBxFilter label, .filtersHorizontal .radioFilter label { margin-left: 6px;color: #000;font-size: 13px;display: inline-block; max-width: 86%; }
.filtersHorizontal .productCount { color: #6c6c6c; font-size: 12px;margin-left: 2px;}
.filtersHorizontal .colorFilter {display: inline-block;float: left;box-sizing: border-box;width: 6%; position: relative;padding: 0;margin: 2%;overflow: hidden;border: 2px solid transparent;}
 .filtersHorizontal .colorFilter:hover {border-color: #bbb;}
 .filtersHorizontal .colorFilter:hover a {border-color: #fff;}

.filtersHorizontal .colorFilter.selected { border-color: #bbb;position: relative;}
.filtersHorizontal .colorFilter.selected a {border-color: #fff;}
.filtersHorizontal .colorFilter.selected .colorSelected {position: absolute;top: 2px;right: 2px;}
.filtersHorizontal .colorFilter:before {content: "";display: block;padding-top: 100%;}
.filtersHorizontal .colorFilter a { position: absolute;top: 0;left: 0;bottom: 0;right: 0;box-sizing: border-box;width: 100%;height: 100%;border: 1px solid #bbb;}

.down {transform: rotate(45deg);-webkit-transform: rotate(45deg);border: solid white;border-width: 0 3px 3px 0;display: inline-block;padding: 3px;margin-left: 10px;}

.viewStyleAction { display:none; }
.viewStyleControl { padding:5px 1.5%; margin-bottom:5px; text-align:right; }
.viewStyleControl a { margin:0 8px; }
.viewStyleControl .icon { display:inline-block; height:16px; width:16px; margin-right:4px; margin-bottom:-3px;  }
.viewStyleControl .selected, .viewStyleControl .selected:hover { color:#707070; text-decoration:none; }
.viewStyleControl .selected .icon { background-color:#707070; }
.gridViewLink .icon { background:url(/css/images/gridView.png) no-repeat #017BB8; }
.listViewLink .icon { background:url(/css/images/listView.png) no-repeat #017BB8; }

.tileContainer { overflow:auto; padding-top:0px; position:relative; }
.tileContainer .noContent { padding:50px 5%; }
.productImageWrap { position:relative; overflow:hidden; }
.productImageWrap .productImage { width:100%; float:left;}
.colorizedProductTile .productImageWrap .productImage {
    position: absolute;
}
.productImageWrap .overlayLogo { position:absolute; bottom:0; max-width:65%; z-index:100; }
    .productImageWrap .overlayLogoFastShipping {
        position: absolute;
        left: 0;
        bottom: 0;
        max-width: 20%;
        z-index: 100;
    }

.featureprodstep2 .overlayLogoFastShipping {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 20%;
    z-index: 100;
    bottom: 5px !important;
}

.featureprodstep2 .overlayLogoFastShippingMobile {
    display: none !important;
}

.topBannerWrap .overlayLogoFastShipping {
    float: none;
}

#mgrOrderBanner {
    background-color: #890000;
    color: white;
    z-index: 99999999999;
    position: fixed;
    width: 100%;
    display: none;
    justify-content: center;
}

#mgrOrderBanner a {
    text-decoration: underline;
    color: white;
}

.noSearchResultsText {
    text-align: center;
    font-size: 18px;
}

.cornerBannerWrap { position:absolute; top:5px; left:0; box-shadow:-3px 1px 1px rgba(0, 0, 0, 0.4); z-index:100; }
.topBannerWrap { /*position:absolute; top:0px; left:0;*/float:left; box-shadow:-3px 1px 1px rgba(0, 0, 0, 0.4); z-index:100; width:100%; }
.cornerBannerVeronica { position:absolute; top:160px; left:0; z-index:100; }

.cornerBannerWrapRight { position:absolute; top:5px; right:0; box-shadow:3px 1px 1px rgba(0, 0, 0, 0.4); z-index:100; }
.cornerBanner { display:inline-block; height:24px; line-height:24px; padding:0 7px; float:left; font-size:13px; font-weight:bold; text-transform:uppercase; }
.cornerBannerPPC { display:inline-block; height:24px; line-height:24px; padding:0 3px; float:left; font-size:13px; font-weight:bold; text-transform:uppercase; }
.topBanner { display:inline-block; height:24px; line-height:24px; padding:0 7px; float:left; font-size:13px; font-weight:bold; text-transform:uppercase; width:calc(100% - 14px);text-align:center; }

.red .cornerBanner, .red .topBanner { background:#ce2029; color:#fff; }
.white .cornerBanner, .white .topBanner { background:#fff; color:#ce2029; }
.blue .cornerBanner, .blue .cornerBannerPPC, .blue .topBanner { background:#2E52A0; color:#fff; }
.orange .cornerBanner, .orange .topBanner { background:#F27D04; color:#fff; }
.gray .cornerBanner, .gray .topBanner { background:#e8e8e8; color:#ce2029; }
.black .cornerBanner, .black .topBanner { background:#000; color:#fff; }
.SBCBlue .topBanner {background-color: #131f6b;color:#fff;}

.rightEdge { height:0; width:0; border-top:12px solid transparent; border-bottom:12px solid transparent; border-right:6px solid transparent; display:inline-block; float:left; }
.leftEdge { height:0; width:0; border-top:12px solid transparent; border-bottom:12px solid transparent; border-left:6px solid transparent; display:inline-block; float:left; }
.red .rightEdge, .red .leftEdge { border-top-color:#ce2029; border-bottom-color:#ce2029 }
.white .rightEdge, .white .leftEdge { border-top-color:#fff; border-bottom-color:#fff }
.blue .rightEdge, .blue .leftEdge { border-top-color:#2E52A0; border-bottom-color:#2E52A0; }
.orange .rightEdge, .orange .leftEdge { border-top-color:#F27D04; border-bottom-color:#F27D04; }
.gray .rightEdge, .gray .leftEdge { border-top-color:#e8e8e8; border-bottom-color:#e8e8e8; }
.black .rightEdge, .black .leftEdge { border-top-color:#000; border-bottom-color:#000; }
.productTile .promoText { color:#ce2029; min-height:18px; }
.optionsShort { height:72px;overflow:hidden;}
.optionsShortSampleCs { height:64px;overflow:hidden;}
#continueShopping_Color {min-height: 19px;}
.productPrices { font-size:18px; margin:0 0 0; }
.productInfoPrices { font-size:18px; /*margin:11px 0 0;*/ }
.originalPrice { color:#000; text-decoration:line-through; margin-right:15px; white-space: nowrap; }
.dealerTile .originalPrice { text-decoration:none; }
.discountPrice { color:#ff0000; }
.productShipping { font-size:15px; color:#000; margin:0 0 15px 0; }
.productTile .kidsCertified { float:right; width:35%; max-width:85px; margin-top:-15px; }
a.colors-available-link { color:#000; text-decoration:underline; font-size:12px; cursor:default; }
.productBullets { color:#000; font-size:13px; list-style:square; padding-left:15px; margin:0; }
.productBullets li { margin-bottom:5px; }
.productBullets span { /*color:#000; font-size:13px;*/ }
.productTile .productRatingWrap { color: #000;margin: 0 1% 0 1%;text-align: center;min-width: 80%; white-space: nowrap; height: 65px; }
[data-viewtype="listView"] .productTile .productImageWrap {
    padding-bottom:30px;
}
    [data-viewtype="listView"] .productTile .productImageWrap .overlayLogoFastShipping {
        display: none;
    }

[data-viewtype="gridView"] .productTile .productImageWrap .overlayLogoFastShippingMobile {
    display: none !important;
}

[data-viewtype="listView"] .productTile .productImageWrap .overlayLogoFastShippingMobile {
    /*margin-bottom:30px;*/
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
}

    [data-viewtype='listView'] .addMotorisationMobile {
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
    }

@media screen and (max-width:360px) {
    [data-viewtype="listView"] .productTile .productImageWrap .overlayLogoFastShippingMobile {
        margin-bottom: 30px;
    }
}


[data-viewtype="listView"] .productTile .productImageWrap .overlayLogoFastShippingMobile img {
    width: 65%;
}

@media screen and (max-width:600px) {
    [data-viewtype="listView"] .productTile .productImageWrap .overlayLogoFastShippingMobile img {
        width: 43%;
    }
}


[data-viewtype="gridView"] .productTile .productShopNow1 { color:#000; position:absolute; bottom:-12px; cursor:pointer; }
a.productRatingWrap { color:#017bb8; text-decoration:none; }

.productRatingWrap .ratingStars:hover ~ .reviewsAndQuestions .productNumReviews,
.productRatingWrap .productRatingValue:hover ~ .reviewsAndQuestions .productNumReviews,
.productRatingWrap .productNumReviews:hover {
    text-decoration: underline;
}

.selectedFilterPillsWrap {
    padding: 0 12px 10px;
}

#selectedFilterPills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

#selectedFilterPills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.pillForm {
    display: inline;
    margin: 0;
}

.filterPill {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background-color: #f1f1f1;
}

.pillXBtn {
    border: 0;
    background: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    justify-content: right;
    width: 20px;
    height: 20px;
    font-size: 18px;
    line-height: 1;
    color: #000;
    position: relative;
    top: 1px;
}

.tabScrollWrap {
    position: relative;
}

/* Your tab becomes the scroll container */
.tab {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 10px;
    padding: 10px;
    white-space: nowrap;
}

    .tab .tablinks {
        flex: 0 0 auto;
        font-family: "Helvetica W01 Cn",Helvetica,Arial,sans-serif;
        background-color: white;
    }

.tabArrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 30px;
    height: 60px;
    border: 0;
    background: rgba(255,255,255,.75); /* transparent grey */
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-size: 28px; /* adjust to taste */
    color: #000; /* or #000 depending on bg */
}

.tabArrowLeft {
    left: 0;
}

.tabArrowRight {
    right: 0;
}

.tabArrow.is-hidden {
    display: none;
}

.tab::-webkit-scrollbar {
    display: none;
}

.tab {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.tablinks {
    border-radius: 999px;
    padding: 0px 18px !important;
    position: relative;
}

.filterCountBadge {
    position: absolute;
    width: 13px;
    height: 13px;
    background-color: #f27d04; /* orange */
    color: #fff;
    border-radius: 10px;
    border: 2px solid #eee;
    text-align: center;
    font-size: 8px;
    line-height: 14px;
    top: -6px;
    left: -2px;
}

.tablinks.hasFiltersSelected {
    background-color: #2c509c; /* blue */
    color: #fff;
}

    /* optional: make SVG arrows white if inside active button */
    .tablinks.hasFiltersSelected svg path {
        fill: #fff;
    }

    .tablinks.hasFiltersSelected img {
        filter: brightness(0) invert(1);
    }

.fr-CA.tab button {
    font-size: 13px !important;
}

.selectedFilterPillsWrap,
.mobileCatActions {
    display: none;
}
.mobileCatFilter {
    display: flex;
    align-items: center;
    gap: 5px;
}
.mobileCatFilter img {
    height: 20px !important;
}
.productImageContainer {
    width: 100%;
    float: left;
    padding-bottom: 100%;
    height: 0px;
}
[data-viewtype="gridView"] .productTile, .productTile {
    display: inline-block;
    float: left;
    width: 32.3%;
    box-sizing: border-box;
    margin: 0 0% 15px 6px;
    padding: 9px 7px 10px;
    position: relative;
    /*min-height:550px;*/
}
[data-viewtype="gridView"] .productHorizontal { width: 24% !important;}
[data-viewtype="gridView"] .productTile:hover { box-shadow:0 0 6px #666; }
[data-viewtype="gridView"] .productTile:hover .productImageName { text-decoration:underline; }
[data-viewtype="gridView"] .productTile .productImageWrap, .productTile .productImageWrap { position:relative; width:100%; margin-bottom:5px; }
[data-viewtype="gridView"] .productTile .productTitle, .productTile .productTitle, .productTile a.productTitle { text-transform:uppercase; display:block; min-height:35px; color:#000; height:266px; }
[data-viewtype="gridView"] .productTile .productTitleFr, .productTile .productTitleFr, .productTile a.productTitleFr { text-transform:uppercase; display:block; min-height:35px; color:#000; height:278px; }
[data-viewtype="gridView"] .productTile .productShopNow { clear:both; margin:10px 0; text-align:center; }
[data-viewtype="gridView"] .productTile .shopNowBtn {margin: 0 auto;}

[data-viewtype="listView"] .productTile { display:block;  box-sizing:border-box; width:100%; margin:0 0 15px; padding:1.5%; overflow:auto; clear:both; }
[data-viewtype="listView"] .productTile .productImageWrap { position:relative; width:25%; padding-bottom:27%; float:left; margin-right:2%; }
[data-viewtype="listView"] .productTile .productTitle { text-transform:uppercase; font-size:16px; }

.productRatingValue, .productNumReviews { font-size:12px; }
.productNumReviews a { text-decoration:underline; color:#202020; }
.productRatingValue { margin:0 1px; }
.productRatingStars span, .ratingStars span { background-image:url(/images/Stars.svg); background-repeat:no-repeat; width:14px; height:14px; display:inline-block; background-size: 112px 14px; }
.fullstar { background-position:-25px 0px; }
.halfstar { background-position:-49px 0px; }
.nostar { background-position:0px 0px; }
.thirdquarterstar { background-position:-74px 0px; }
.fourthquarterstar { background-position:-98px 0px; }

/*Big Stars (displayed individually)*/
.bigStar > .ratingStars > span {
    background-position: unset;
    background-size: unset;
    height: 25px;
    width: 25px;

}
.bigStar .fullstar {
    background-image: url(/images/review/star_2.svg);
}

.bigStar .halfstar {
    background-image: url(/images/review/star_3.svg);
}

.bigStar .nostar {
    background-image: url(/images/review/star_1.svg);
}

.bigStar .thirdquarterstar {
    background-image: url(/images/review/star_4.svg);
}

.bigStar .fourthquarterstar {
    background-image: url(/images/review/star_5.svg);
}

.qt-colorsAvailable { max-width:240px !important; }
.colorSwatches { list-style:none; padding:0; margin:0; overflow:auto; }
.colorSwatches li { display:inline-block; float:left; margin:1%; }
/*.colorSwatches li img { width:25px; height:25px; border: 1px solid #aaa; }*/
.colorSwatches li img { width: 24px; height: 24px !important; display: block; border: 1px solid #aaa; }
.featuredContentMiddleWrapper .colorSwatches li img { width: 35px; height: 35px !important; display: block; border: 1px solid #aaa; }
#landingPagePerfectFitlogoBorderEn {  width: 100%; max-width: 365px; border-top: 1px solid #ccc; margin-top: 10px;}
#landingPagePerfectFitlogoBorderFr {  width: 100%; max-width: 438px; border-top: 1px solid #ccc; margin-top: 10px;}

    .colorSwatches li:hover {
        border-color: #355bac;
        cursor: pointer;
    }

    .colorSwatches li.active {
        border-color: #355bac;
    }

.catPagination { display:none; text-align:center; margin:0 auto; padding:10px 0; list-style:none; clear:both; border-top:1px solid #ccc; width:96%; }
.catPagination li { display:inline; margin:0 3px; }

.categoryContent { clear:both; margin-bottom:10px; }
.categoryContent .readMoreOverlay { display:none; }

#modalDetails .imgLeft { margin-top:0px; }


.FeatureProductvideoBtn {
    display: block;
    width: 50px;
    height: 55px;
    background-image: url(/images/icons/video_blue_16.svg);
    background-repeat: no-repeat;
    background-position: center 5px;
    background-size: 26px 28px;
    font-size: 12px;
    font-weight: bold;
    box-sizing: border-box;
    outline: none;
    position: relative;
    top: 5px;
    padding-bottom: 1%;
    border: 1px solid #ccc;
    float: none;
    text-align: center;
    padding-top: 60%;
    /*margin-bottom: 40px;*/
    margin-right: 12px;
    left: 5px;
}

.featureprodstep1 .active {
    border: 1px solid #355bac;
}

/*.slides > li.img:nth-of-type(1n+3) {
    display: none;
}
.slides > li.video:nth-of-type(1n+2) {
    display: none;
}*/

.HeaderImg {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    cursor: pointer;
}

.featureprodstep1 {
    float: left;
    width: 6%;
}

.featureprodstep2 {
    float: left;
    width: 20%;
    /*margin-left: 25px;*/
    position: relative;
}

.pageMarginTopBig {
    margin-top: 60px;
}

.pageMarginTopEn {
    margin-top: 17px;
}

.pageMarginLeftEn {
    margin-left: -30px;
}

.pageMarginLeftFr {
    margin-left: 10px;
}

#featuredProductBanner .featureprodstep2 {
    width: 45%;
    text-align: center;
    margin-left: 5%;
}

.featuredProductImageContainer {
    max-width: 395px;
    margin: auto;
    position: relative;
}

.featuredProductImageContainer .topBannerWrap {
    display: none;
}

.featureprodstep3 {
    float: left;
    width: 68%;
    /*padding-left: 25px;*/
}

#featuredProductBanner .featureprodstep3 {
    width: 48%;
    text-align: left;
    margin-left: 2%;
}

#prevSlideColorPPC, #nextSlideColorPPC {
    position: absolute;
    display: inline-block;
    height: 50px;
    width: 20px;
    top: 45%;
    background-color: white;
    background-size: 20px 50px;
    opacity: 0.5;
}

#prevSlideColorPPC {
    background-image: url(/images/icons/arrow_back.svg);
    left: 103px;
}

#nextSlideColorPPC {
    background-image: url(/images/icons/arrow_next.svg);
    right: 103px;
}

#colorNamePPC, #colorNamePPCMobile {
    color: #202020;
    font-weight: bold;
    height: 20px;
}

#colorNamePPC {
    font-size: 15px;
}

#colorNamePPCMobile {
    font-size: 14px;
}

.featuredProductInfoContentRight {
    display: inline-block;
    float: left;
    width: 40%;
    padding-left: 2%;
    box-sizing: border-box;
    border-left: 1px solid #ccc;
    margin-top: -12px;
}

.productInfoShopNowEn .orderfreeSampleBtn {
    color: #f27d04;
    border: 1px solid #f27d04;
    text-transform: uppercase;
    padding: 5px 12px;
    margin-left: 4px;
    box-sizing: border-box;
}

.featuredContentMiddleWrapper .productInfoShopNowEn .orderfreeSampleBtn {
    color: #f27d04;
    border: 1px solid #f27d04;
    text-transform: uppercase;
    margin-left: 4px;
    box-sizing: border-box;
    text-align: left;
    margin-left: 0px;
    padding: 5px 20px;
}

.productInfoShopNowEn .featureProductbtn {
    text-transform: uppercase;
    padding: 5px 30px;
    margin-left: -7px;
    box-sizing: border-box;
}

.featuredContentMiddleWrapper .productInfoShopNowEn .featureProductbtn {
    text-transform: uppercase;
    margin-left: 0px;
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid #f27d04;
    padding: 5px 35px;
}

.productInfoShopNowFr .orderfreeSampleBtn {
    color: #f27d04;
    border: 1px solid #f27d04;
    text-transform: uppercase;
    padding: 5px 12px;
    margin-left: 8px;
    box-sizing: border-box;
}

.productInfoShopNowFr .featureProductbtn {
    text-transform: uppercase;
    padding: 5px 25px;
    /*margin-left: 8px;*/
    box-sizing: border-box;
    border: 1px solid #f27d04;
}

.productInfoShopNowEn {
    clear: both;
    /*padding-top: 15px;*/
}

.productInfoShopNowFr {
    clear: both;
    /*padding-top: 15px;*/
}

.orderfreeSampleBtn .samplesIcon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 5px;
    background-image: url(/images/icons/samples_orange.svg);
    background-size: 16px 16px;
    background-position: center;
    background-repeat: no-repeat;
}

.featureProductImg {
    width: 50px;
    height: 50px;
}

  #CcComment {
    padding-left: 40px;
    padding-top: 10px;
}


.CcTextArea{
    width:46%;
} 
.samplePackButtons {
    display: none;
}

.samplestitle{
     display:none;
}
.handSample{
    display:none;
}

.samplePackInfoWrap {
    border: 1px solid #ccc;
    border-bottom: none;
    padding: 10px 10px 30px;
    box-sizing: border-box;
}

.colorSwatches li {
    display: inline-block;
    float: left;
    margin: 2px 2px 2px 0;
    border: 1px solid transparent;
    box-sizing: border-box;
}

.colorSwatches {
    list-style: none;
    padding: 0;
    margin: 2px 0;
    overflow: auto;
}

.moreColors {
    display: inline-block;
    float: right;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    padding: 4px 0px;
    line-height: 1.2;
}
.colors_more {
    margin-right: 12px;
}

.tileColors {
    margin: 45px 0 10px;
    height: 34px;
    overflow: hidden;
}

.featuredContentMiddleWrapper .tileColors {
    height: 45px;
    overflow: hidden;
}

.HomeShopbyColor {
    padding: 15px 0 50px;
}

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

/*.productPromoFreeShipping{
    margin-top:8px;
    margin-bottom:8px;
    width:100%;
    display: block;
}

    .productPromoFreeShipping > img {
        width: 100%;
        max-width: 220px;
    }*/

    /*@media screen and (max-width:420px){
        .productPromoFreeShipping {
            margin-bottom: 0;
        }
            .productPromoFreeShipping > img{
            max-width: 200px;
        }
    }

    @media screen and (max-width:385px){
        .productPromoFreeShipping > img {
            max-width: 180px;
        }
    }
    @media screen and (max-width:335px){
        .productPromoFreeShipping > img {
            max-width: 170px;
        }
    }*/

.ttTitle {
    padding: 5px 0 8px;
    text-transform: uppercase;
    font-size: 12px;
}

.closeTooltip {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background-image: url(/images/icons/close_grey_thin.gif);
    background-position: center;
    background-repeat: no-repeat;
}

.qt-colorsAvailable .ttMoreLink {
    color: #202020;
    font-size: 13px;
    padding: 5px 0;
    display: block;
    text-decoration: underline;
}

.qtip-light {
    background-color: #eee !important;
    border-color: #ccc !important;
    color: #f3f3f3;
}

#packListPanel {
	padding: 0 2%;
}
.pageFlipFrame {
	border: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background: #fff;
	clear: both;
	position: relative;
	margin-top: 10px;
}
#rightColumn .pageFlipFrame {
	margin-top: 0px;
}
#rightColumn {
	display: inline-block;
	width: 81%;
	float: right;
}
#twoColContent {
	overflow: hidden;
}
header, nav, section, article, aside, footer {
	display: block;
}
.twoColWrap {
	overflow: auto;
	clear: both;
	position: relative;
}
/*.container {
	width: 996px;
	margin: 0 auto;
	position: relative;
	clear: both;
	box-sizing: border-box;
}*/
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-family: "Helvetica W01 Cn",Helvetica,Arial,sans-serif;
	font-size: 14px;
	color: #202020;
	line-height: 1.3;
	-webkit-text-size-adjust: none;
}
.openSamplePack {
	display: block;
	width: 100%;
	background-color: #ddd;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	left: 0px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	box-sizing: border-box;
	background-image: url("/images/icons/arrow-down_gray.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 26px auto;
}
.orangeBtn, a.orangeBtn, input.orangeBtn {
	color: #fff;
	text-transform: uppercase;
	border: none;
	background: #ef8e1b;
	background: -moz-linear-gradient(top,#ef8e1b 0%,#f57915 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ef8e1b),color-stop(100%,#f57915));
	background: -webkit-linear-gradient(top,#ef8e1b 0%,#f57915 100%);
	background: -o-linear-gradient(top,#ef8e1b 0%,#f57915 100%);
	background: -ms-linear-gradient(top,#ef8e1b 0%,#f57915 100%);
	background: linear-gradient(to bottom,#ef8e1b 0%,#f57915 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef8e1b',endColorstr='#f57915',GradientType=0);
	cursor: pointer;
	padding: 5px 10px;
	display: inline-block;
	font-family: "Helvetica W01 Cn",Helvetica,Arial,sans-serif;
	font-weight: normal;
	border-radius: 0;
	-webkit-appearance: none;
	box-sizing: border-box;
}
.samplePackItem {
	display: inline-block;
	float: left;
	width: 31.33%;
	margin: 2% 1% 10px;
	position: relative;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center top;
	padding-top: 20%;
	text-align: center;
}
.samplePackDisplay {
	clear: both;
	display: none;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}
.samplePackInfo {
	display: inline-block;
	background-color: #fff;
	width: 82%;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
}
.samplePackItem .arrow {
	display: none;
}

.freeSamplesActions {
    padding-top: 15px;
}

.clearalldiv_ a:hover {
    text-decoration: underline;
}

.clearalldiv_ {
    padding-left: 190px;
    margin-top: -6px;
}

#checkOutButton {
    display: block;
    height: 20px;
    /*width: 157px;*/
    margin-top: 0px;
}

#ingButton {
    display: block;
    /*height: 20px;*/
    /*width: 157px;*/
    margin-top: 0px;
}

#clearAllButton {
    display: block;
    text-align: center;
    line-height: 20px !important;
    font-size: 12px;
}

.clearalldiv a:hover {
    text-decoration: underline;
}

.clearalldiv {
    padding-left: 132px;
    margin-top: -17px;
}

.clearalldivfr {
    padding-left: 118px;
    margin-top: -17px;
}

    .clearalldivfr a:hover {
        text-decoration: underline;
    }

.relatedlinkimg {
    display: block;
    width: 107px;
    height: 107px;
    margin: 0 auto;
}

.asidebox a:hover {
    text-decoration: underline !important;
}

.relatedlinkspan {
    text-transform: uppercase;
    display: block;
    width: 100%;
    text-align: center;
    padding: 8px;
    box-sizing: border-box;
    font-size: 13px;
}

.asidebox .imageLink {
    color: #202020;
}

.measureWidthArch img, .measureHeightArch img {
    display: block;
    width: 40%;
    margin-bottom: 15px;
}

.measureWidthArch {
    width: 40%;
    display: inline-block;
    float: left;
    box-sizing: border-box;
    padding-top: 10px;
    padding-left: 20px;
}



.measureHeightArch {
    width: 40%;
    display: inline-block;
    float: left;
    box-sizing: border-box;
    padding-top: 10px;
}

.measureMountType {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    padding: 1%;
    width: 17%;
    margin: 0 20px 14px;
    border: 2px solid #ccc;
    cursor: pointer;
    position: relative;
}

.headrailFeature .headrailOptionFeature {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    padding: 1%;
    width: 22%;
    margin: 0 7px 14px;
    border: 2px solid #ccc;
    cursor: pointer;
    position: relative;
}


    .headrailFeature .headrailOptionFeature img {
        margin: 0px;
    }

    .headrailFeature .headrailOptionFeature:hover {
        border-color: #2c509c;
    }

    .headrailFeature .headrailOptionFeature.selected {
        border-color: #2c509c;
    }

.measureWrap > img {
    display: inline-block;
    float: left;
    width: 40%;
}

.measureWrap {
    width: 44%;
    display: inline-block;
    float: left;
    box-sizing: border-box;
    padding: 0 20px;
    overflow: visible;
}

    .measureWrap .measureWidth {
        display: inline-block;
        float: left;
        width: 60%;
        padding: 0 3%;
        box-sizing: border-box;
    }

    .measureWrap .measureInputs {
        display: inline-block;
        float: left;
        width: 60%;
        padding: 0 3%;
        box-sizing: border-box;
    }

.mountTypeFeature .featureOpt .featureMessage {
    clear: none;
    display: inline-block;
    float: right;
    width: 45%;
    padding: 25px 50px 24px 25px;
    background: none;
    border: none;
}

.measurewidth img, .measureheight img {
    display: block;
    width: 37%;
    /*margin-bottom: 15px;*/
}

.feature .subTitle {
    padding-bottom: 5px;
}

.featureOpt {
    padding-top: 25px;
}

div.customRadio.radioFeatureButton {
    display: none;
}


.measureMountType:hover {
    border-color: #2c509c;
}

.measureMountType.selected {
    border-color: #2c509c;
}


.samplePackAdded .samplePackInfo .sampleCheck {
    width: 24px;
    height: 24px;
    background-image: url(/images/icons/checkmark_white.png);
    background-size: 60%;
}
.samplePackInfo .sampleCheck {
	position: absolute;
	top: -8px;
	right: -8px;
	width: 0px;
	height: 0px;
	transition: width 200ms ease-in-out 0s,height 200ms ease-in-out 0s,background-size 200ms ease-in-out 300ms;
	background-color: #55bd2c;
	border-radius: 12px;
	background-repeat: no-repeat;
	background-size: 0%;
	background-position: center;
}
.samplePackInfoWrap {
	border: 1px solid #ccc;
	border-bottom: none;
	padding: 10px 10px 30px;
	box-sizing: border-box;
}
.samplePackInfo .closeSamplePack {
	display: none;
	position: absolute;
	left: 0px;
	bottom: -11px;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	height: 31px;
	line-height: 31px;
	font-size: 13px;
}

.samplePackSubtitle {
	position: relative;
	border-top: 1px solid #ccc;
	overflow: visible;
	margin: 12px 0 20px;
}
.orangeBtn.packAdded, .samplePackAdded .addToCart {
	display: none;
}
.samplePackSubtitle span {
	position: absolute;
	display: inline-block;
	box-sizing: border-box;
	width: 90%;
	left: 5%;
	background-color: #fff;
	padding: 5px;
	top: -12px;
	text-align: center;
	font-size: 11px;
	color: #aaa;
}
.samplePackColors {
	overflow: auto;
	padding: 10px 5px;
}
.samplePackDisplay {
	clear: both;
	display: none;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}
.samplePackColor {
	display: inline-block;
	float: left;
	width: 14%;
    margin: 15px 5.5%;
	text-align: center;
	border-bottom: 1px solid #ccc;
	font-size: 12px;
	padding-bottom: 20px;
}
.samplePackProductName {
	min-height: 86px;
}
img {
	border: none;
	max-width: 100%;
}
.samplePackColorSwatch {
	display: inline-block;
	border: 1px solid #ddd;
	margin: 8px auto;
}
.samplePackColorName {
	min-height: 32px;
}
.sampleStep{
    display:block;
}
.samplePackDisplay .closeSamplePack {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 20px;
    background-color: #ddd;
    background-image: url(/images/icons/arrow-up_gray.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px auto;
}
.samplePackInfo .closeSamplePack{
        display: none;
    position: absolute;
    left: 0;
    bottom: -11px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    height: 31px;
    line-height: 31px;
    font-size: 13px;
}
.TopSampl{
    font-weight: bold;
    margin:15px;
}

.TopSampleMobile{
    display:none;
}
.TopSampleDesktop{
    display:block;
}
.Top_Sample{
    padding: 10px 7px !important;
}

.langselector{
    height: 100% !important;
    font-size: 11px;
    padding-top: 0px !important;
    margin: 0px 6px;
}
.langselectorimg {
    padding-top: 9px;
    text-align: center;
}
.langselectorimgFr {
    padding-top: 9px;
    text-align: center;
}
.langdiv {
    padding-top: 2px;
    text-align: center;
}
.langdivFr {
    padding-top: 2px;
    text-align: center;
}

.langIconFR {
    width: 18px;
    /*height: 18px;*/
    margin: auto;
}

.sampleStep .step3 {
    width: 40%;
}
.sampleStep .step2 {
    width: 30%;
}

.sampleStep .step1 {
    width: 30%;
}
.samplePackTitle {
    text-transform: uppercase;
    font-size: 16px;
    min-height: 44px;
    box-sizing: border-box;
    font-weight: bold;
}

.sideColWrap{
    width:100%;
}
.shippingType {
    height: 100px;
    width: 220px;
    padding: 0px 30px;
}

.filterSalePriceToolTip {
    display: inline-block;
    position: absolute;
    width: 15px;
}

.filterAddCartToolTipFr {
    display: inline-block;
    position: absolute;
    padding-left: 3px;
    margin-top: -34px;
}

.filterAddCartToolTip {
    display: inline-block;
    position: absolute;
    z-index: 3000;
    margin-top: -34px;
    padding-left: 2px;
}

.filterSalePriceToolTipFr {
    display: inline-block;
    position: absolute;
    width: 15px;
    /*line-height: 40px;*/
}

.promo1Bold {
    text-transform: uppercase;
}
.spacer { display:inline-block; padding:0 10px; }
#countdown {
    width: 250px !important;
    padding: 0 5px 4px 15px !important;
    margin: -10px !important;
}
#countdownWrap{
padding:0px  !important;
min-width: 250px !important;
}

.promolinktext {
    padding: 10px;
    padding-bottom: 10px;
    text-align: center;
    display: block;
}

.promoText {
    width: 100%;
    display: block;
    text-align: center;
}

.countdowntimer span{
    padding: 0 3px;
}

/*#hours, #minutes, #seconds, #mob_hours, #mob_minutes, #mob_seconds, .saleEnds {
    padding: 0 3px;
}

#hours, #minutes, #seconds {
    width: 28px;
    height: 28px;
}*/

#mob_hours, #mob_minutes, #mob_seconds {
    width: 21px;
    height: 19px;
}

.promoleftspan {
    width: 30%;
}
.promoTextspan {
    width: 40%;
}

.promorightspan {
    width: 25%;
    margin-top: -7px;
    margin-bottom: -7px;
}

.countdowntimer{
    font-size: 22px;
    display: none;
}


.hasExpandable .promoTierBtn {
    display: none;
}
.promo1Bold { text-transform:uppercase; }
.spacer { display:inline-block; padding:0 10px; }
.featureName{ width: 100%;}
.feature_name {
    width: 80%;
    font-weight: normal;
    display: inline-block;
    margin-top: 5px;
}

.feature .feature_name {
    width: auto;
}

.feature .subFeature .feature_name {
    width: 80%;
}

.standardHeadrail .featuresTitle .feature_name
{
    margin-top: 0px;
}

.twoOnOneHeadrail .featuresTitle .feature_name
{
    margin-top: 0px;
}


        .feature_nameWithPlayIcon{
            width: 75% !important; 
        }

.featureTitle_name {
    display: initial;
    font-weight:bold !important;
}

.Optionname {
    width: 85%;
    display: inline-block;
    font-weight: normal;
    padding-left: 2px;
    padding-bottom: 5px;
    word-break: normal;
}

.subtitle_Vertical {
    width: 200px;
}
.VerticalFeature{
    width:166px;
    float:left;
}
.FeatureToolTip {
    float: right;
    padding-right: 16px;
}

.customDialog {
    display: none;
}

body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-family: "Helvetica W01 Cn",Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #202020;
    line-height: 1.3;
    -webkit-text-size-adjust: none;
}

.customDialog .overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: #000;
    opacity: 0.7;
    z-index: 1000;
    text-indent: -9999px;
}


.letUsHelpTitleEN {
    background-color: #263964;
    height: 60px;
    width: 100%;
    position: relative;
    background-image: url(/images/Content2017/selectblindscanada-logo-en.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 30px;
}
.letUsHelpTitleFR {
    background-color: #263964;
    height: 60px;
    width: 100%;
    position: relative;
    background-image: url(/images/Content2017/storesselectscanada-logo-fr.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 30px;
}


.letUsHelpContent {
    padding: 25px;
}

.small {
    font-size: 12px;
}

.hidden-desktop {
    display: none !important;
}

.letUsHelpContent a {
    display: block;
    overflow: auto;
    margin-bottom: 7px;
    color: #202020 !important;
    text-decoration: none !important;
}

.center {
    text-align: center;
}

.letUsHelpContent a .icon {
    width: 48px;
    height: 48px;
    background-color: #333;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.letUsHelpContent .helpEmail .icon {
    background-image: url(/images/icons/help_email_white.png);
}

.letUsHelpContent .linkText {
    border: 1px solid #ccc;
    border-left: 0;
    font-size: 18px;
    height: 48px;
    box-sizing: border-box;
    display: block;
    line-height: 46px;
    text-transform: uppercase;
}

.letUsHelpContent .helpText .icon {
    background-image: url(/images/icons/help_text_white.png);
}

.letUsHelpContent .helpText .linkText span {
    display: inline-block;
    font-size: 14px;
    margin-left: 12px;
}

.letUsHelpContent .helpPhone .icon {
    background-image: url(/images/icons/help_phone_white.png);
}

.letUsHelpContent .orderStatus .icon {
    background-image: url(/images/icons/Tracking_white_V1.png);
}

.letUsHelpContent .helpChat .icon {
    background-image: url(/images/icons/help_chat_white.png);
}

.closeModal {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-image: url(/images/icons/close-sprite_16.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    overflow: hidden;
}

.closeModal {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

a, a:link, a:visited, a:active {
    color: #017bb8;
    outline: none;
    text-decoration: none;
}
.letUsHelpBtnEN {
    position: fixed;
    right: 0px;
    bottom: 125px;
    cursor: pointer;
    width: 47px;
    height: 50px;
    /*background-color: #555;*/
    display: block;
    /*text-align: center;*/
    color: #fff;
    box-sizing: border-box;
    /*padding: 6px 0px 5px;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none !important;*/
}

.letUsHelpBtnFR {
    position: fixed;
    right: 0px;
    bottom: 125px;
    cursor: pointer;
    width: 47px;
    height: 50px;
    /*background-color: #555;*/
    display: block;
    /*text-align: center;*/
    color: #fff;
    /*box-sizing: border-box;
    padding: 6px 0px 5px;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none !important;*/
}

#letUsHelpBtn {
    display: none;
    z-index: 220000000;
}

#letUsHelpBtn span {
    display: block;
    /*border-bottom: 1px solid #fff;*/
    padding-bottom: 39px;
    background-image: url(/images/livehelp/contactus.png);
    background-size: 48px 40px;
}

.letUsHelpWrap {
    width: 350px;
    height: 350px;
    position: fixed;
    z-index: 1001;
    background-color: #fff;
    box-sizing: border-box;
    overflow: auto;
    box-shadow: 0px 0px 10px #000;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    height: auto;
}


.ShopByColorContainerHome {
    display: inline-block;
    width: 100%;
    padding-left: 25px;
    margin-top: 12px;
    margin-bottom: -15px;
}

.HomepanelText {
    padding: 0px 16% 5px;
    text-align: center;
    font-size: 17px;
    overflow: auto;
    line-height: 1.5;
    margin-bottom: -25px;
}

    .HomepanelText > img {
        max-width: 300px;
        width: 100%;
        height: auto;
    }

.exploreShopByColorTileHome {
    display: inline-block;
    float: left;
    width: 6.88%;
    margin: 10px 0;
    text-align: center;
    cursor: pointer;
    padding: 0 4px;
    box-sizing: border-box;
    border: 2px solid transparent;
}


.exploreShopByColorTileHome_ {
    display: inline-block;
    float: left;
    width: 6.88%;
    margin: 10px 0;
    text-align: center;
    cursor: pointer;
    padding: 0 4px;
    box-sizing: border-box;
    border: 2px solid transparent;
}
/* Category Flexsliders
---------------------------------------------- */
#categorySlider {
    border: 1px solid #ccc;
    overflow: hidden;
    margin-bottom: 10px;
}
#categorySlider .slides { display:inline-block; float:left; width:71%; margin:0.5%; }
#categorySlider .slides li { position:relative; }
#categorySlider .slides li .bannerImg { width:100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#categorySlider .slides li .catBannerText { position:absolute; z-index:5; width:52%; top:7%; right:7%; text-align:center; color:#202020; }
#categorySlider .slides .catBannerBorderBlock { border-top:1px solid #202020; border-bottom:1px solid #202020; padding:8px 5%; margin-bottom:15px; margin-top:15px; }
#categorySlider .slides .catBannerText h5 { font-size:26px; font-family:"Helvetica W01 Cn", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:1px 1px 1px #fff; line-height:1; }
#categorySlider .slides .catBannerText h6 { font-size:14px; text-transform:uppercase; }
#categorySlider .slides li .catBannerText a { text-transform:uppercase; font-weight:bold; font-size:17px; font-family:"Helvetica W01 Cn", Helvetica, Arial, sans-serif; }
#categorySlider .slides li .catBannerText a span { font-size:22px; }

#categorySlider .flex-control-nav { float:left; width:28%; position:relative; bottom:auto; display:none; font-family:"Helvetica W01 Cn", Helvetica, Arial, sans-serif; }
#categorySlider .flex-control-nav li { display:table; width:100%; margin:0; padding:0 2%; float:none; text-transform:uppercase; color:#202020;  box-sizing:border-box; border-left:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee; cursor:pointer; }
 #categorySlider .flex-control-nav li:hover { font-weight:bold; }
#categorySlider .flex-control-nav li:last-child { border-bottom:none; }
#categorySlider .flex-control-nav li.flex-active { background:#fff; color:#589bc7; font-weight:bold; cursor:default; }
#categorySlider .flex-control-nav li span { display:table-cell; vertical-align:middle; text-align:center; width:100%; }


/* Featured Product
---------------------------------------------- */
#featuredProductBanner { padding:1%; border:1px solid #ccc; margin-bottom:10px; overflow:auto; }
#featuredProductBanner h1 { font-size:20px; color:#202020; border-bottom:none; text-transform:none; margin: 0 0 5px; padding-bottom:0; height: 60px; }
.featuredProductImg { display:inline-block; float:left; width:19%; margin-right:3%; }
.featuredProductContentMiddle { display:inline-block; float:left; width:60%;  box-sizing:border-box; padding-right:2%; }
.featuredProductContentMiddle .productPrices { display:inline-block; float:left; margin-right:8%; }
.productInfoPrices {
    display: inline-block;
    float: left;
    /*margin-right: 8%;*/
}
.featuredProductContentMiddle .productRatingWrap { display:inline-block; /*float:left;*/} 
.featuredProductContentRight { display:inline-block; float:left; width:23%; padding-left:2%;  box-sizing:border-box; border-left:1px solid #ccc; }
.featuredProductDescription { position:relative; height:100px; overflow:hidden; }
.featuredProductDescription .transOverlay { position:absolute; bottom:0; left:0; width:100%; background:url(/css/images/transOverlay.png) repeat-x; height:36px; z-index:5; }
.featuredProductDescription .readMoreLink { position:absolute; bottom:-3px; right:5px; z-index:6; }


/* Free Samples
---------------------------------------------- */
.samplesHeader { padding:10px 2%; font-size:16px; color:#f68e1b; overflow:auto; }
.samplesHeader h1 { position:relative; font-size:32px; text-transform:uppercase; color:#017fe6; margin:15px 0; font-family:"Helvetica W01 Cn", Helvetica, Arial, sans-serif; font-weight:bold; }
.samplesHeader h1.bigSampleH1 { font-size:36px; text-align:center; border-bottom:none; margin:15px 0 0; padding-bottom:0; color:#2c509c; }
.samplesHeader h3 { text-align:center; border-bottom:1px solid #ccc; font-size:20px; color:#2c509c; margin:0 0 10px; font-weight:normal; padding-bottom:8px; letter-spacing:1px; }
.samplesHeader .samplesIcon { position:absolute; right:1%; bottom:0; }
.samplesHeader ul { padding-left:15px;  }
.samplesHeader ul li { margin-bottom:5px; list-style:square; padding-left:1%; }
.shcheckout { width:78%; }
.sicheckout { position: absolute; right: 1%; top: 1%; }
.sampleSteps { display:inline-block; float:left; width:60%; }
.samplesShipping { display:inline-block; float:left; width:100%; margin:0px 0px 10px; border:1px solid #ccc; box-sizing:border-box; padding:10px 15px; background-color:#fff; }
.samplesShipping img { width:100%; }
.samplesShipping .sampleFreeShipping { border-bottom:1px solid #ccc; }
.samplesCheckoutShipping { width:100%; overflow:auto; box-sizing:border-box; padding:10px 5%; }
.samplesCheckoutShipping img { display:inline-block; float:left; width:46%; margin:0 1%; box-sizing:border-box; padding:0 2%; }
.samplesCheckoutShipping .sampleFreeShipping { border-right:1px solid #ccc; }

.samplesTitle { color:#fff; text-transform:uppercase; background-color:#2c509c; display:block; padding:8px 3%; font-weight:bold; font-size:18px; margin-bottom:10px; text-align:center }
.sidebox .samplesTitle { padding:8px 8%; }

.samplesTitle_Pid {
    color: #fff;
    text-transform: uppercase;
    background-color: #2c509c;
    display: block;
    padding: 8px 3%;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center
}

.sidebox .samplesTitle_Pid {
    padding: 8px 8%;
}

sampleStep .step1 {
    width: 30%;
}
.sampleStep .step {
    display: inline-block;
    float: left;
    position: relative;
    padding: 10px 10px 10px 46px;
    box-sizing: border-box;
}
.sampleStep .step .stepNum {
    color: #fff;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background-color: #555;
    border: 3px solid #fff;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    box-shadow: 0 0 2px #000;
    line-height: 34px;
}
.sampleStep {
    overflow: auto;
    padding: 10px 20px;
}
.sideColActions { display:none; }
.show_hide {
    display: none;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 17px;
    float: right;
}

.samplesCategoryList { margin:10px 2%; padding:0; list-style:none; overflow:auto; }
.samplesCategoryList > li { display:inline-block; float:left; box-sizing:border-box; margin:5px 0.5%; border:3px solid transparent; width:24%; padding:3px; }
.samplesCategoryList > li > a { display:block; box-sizing:border-box; text-align:center; width:100%; background-size:contain; background-repeat:no-repeat; position:relative; padding-bottom:100%; height:0; }
.samplesCategoryList li .sampleCatLink .sampleCatWrap { display:table; width:100%; box-sizing:border-box; color:#fff; padding:5px 3%; height:46px; text-transform:uppercase; position:absolute; bottom:0; background-color:rgba(0, 0, 0, 0.5); }
.samplesCategoryList li .sampleCatName { display:table-cell; vertical-align:middle; }
 .samplesCategoryList > li:hover, .samplesCategoryList li.active { border-color:#2c509c; cursor:pointer; }

#categoryDetailPanel { position:relative; }
.categoryProducts { display:none; margin-bottom:25px; }
.samplesProductList { padding:0; margin:0; list-style:none; }
.samplesProductList > li { padding:0 0 0 1%; background-color:#ddd; margin-bottom:2px; overflow:auto; position:relative; }
.samplesProductList .shopSampleLink { position:absolute; top:0; right:0; width:8%; text-align:center; display:inline-block; padding:8px 0; background-color:#ccc; color:#777; }
.samplesProductList > li > a.samplesAccordion { display:block; padding:8px 2%; background-image:url(/images/freeSamples/accordion_plus.png); background-position:90% center; background-repeat:no-repeat; }
.samplesProductList > li > a.active { background-image:url(/images/freeSamples/accordion_minus.png); }
.samplesProductList .samplesAccordion .helpLink,  .samplesProductList .shopSampleLink:hover { text-decoration:none; }

.samplesColorContainer { display:none; background:#fff; margin:0 0 5px; }
.samplesProductColorList { display:block; padding:0; margin:0; list-style:none; overflow:auto; }
.samplesProductColorList li { display:inline-block; float:left; width:11.4%; margin:5px 0.5%; }
.samplesProductColorList li:nth-child(8n+1) { clear:both; }
.samplesProductColorList li .swatch { position: relative; width:100%; margin:0 auto; }
.samplesProductColorList li .sampleCheck { position:absolute; top:0; right:0; width:0; height:0; transition:width 200ms ease-in-out 0s, height 200ms ease-in-out 0s, background-size 200ms ease-in-out 300ms; background-color:#55BD2C; border-radius:12px; background-repeat:no-repeat; background-size:0%; background-position:center; }
/*.samplesProductColorList .addToCart, .samplesProductColorList .sampleAdded { position:relative; display:block;  box-sizing:border-box; padding:5%; text-align:center; }*/
/*.samplesProductColorList .addToCart, .samplesProductColorList .sampleAdded { position:relative; display:block;  box-sizing:border-box; text-align:center; }*/
.samplesProductColorList .sample_addToCart, .samplesProductColorList .sample_sampleAdded { position:relative; display:block;  box-sizing:border-box; text-align:center; }
/*.samplesProductColorList .addToCart:hover,  .samplesProductColorList .sampleAdded:hover { text-decoration:none; box-shadow:0px 0px 3px #666; }*/
.samplesProductColorList .sampleSwatch:hover { text-decoration:none; box-shadow:0px 0px 3px #666; padding: 2px; }
/*.samplesProductColorList .addToCart .addIcon { position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; display:block; background-image:url(/css/images/magnifying-glass.svg); background-repeat:no-repeat; background-position:center right 0px; }*/
/*.samplesProductColorList .sampleAdded .addIcon { position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; display:block; background-image:url(/css/images/magnifying-glass.svg); background-repeat:no-repeat; background-position:center right 0px; }*/
.samplesProductColorList .sampleSwatch .addIcon { position:absolute; bottom:20%; right:0; z-index:10; width:70%; height:70%; display:block; background-image:url(/images/icons/zoom_blue_24_white.png); background-repeat:no-repeat; background-position:center right 0px; }
.samplesProductColorList .sampleAdded .sampleCheck { width:24px; height:24px; background-image:url(/images/icons/checkmark_white.png); background-size:60%; }
.samplesProductColorList li > div .addSampleButton { display: block; box-sizing: border-box; width: 100%; text-align: center; padding: 6px 0; font-size: 13px; color: #f27d04; position: inherit; bottom: 0; border-top: 1px solid #ddd; z-index: 4; text-decoration: none !important; -webkit-user-select: none; user-select: none; border: 1px solid #f27d04; margin-top: 2px; }
.samplesProductColorList li > div .removeSampleButton { display: block; box-sizing: border-box; width: 100%; text-align: center; padding: 6px 0; font-size: 13px; position: inherit; bottom: 0; border-top: 1px solid #ddd; z-index: 4; text-decoration: none !important; -webkit-user-select: none; user-select: none; border: 1px solid #f27d04; margin-top: 2px; color: #fff; background-color: #f79121;}
.samplesProductColorList li > div .colorName { background-color: #fff; font-size: 12px; padding: 4px; box-sizing: border-box; text-align: center; min-height: 40px; max-height: 40px; overflow: hidden; }

.sampleDialogRow { display: flex; }
.sampleDialogColumn { flex: 50.00%; padding: 5px; width: 100%; }
.sampleDialogColumn .addSampleButtonDEN { position:relative; display:inline-flex;  box-sizing:border-box; text-align:center; }
.sampleDialogColumn .addSampleButtonDEN { display: inline-flex; box-sizing: border-box; text-align: center; padding: 6px 20px; font-size: 13px; color: #f27d04; position: inherit; bottom: 0; border-top: 1px solid #ddd; z-index: 4; text-decoration: none !important; -webkit-user-select: none; user-select: none; border: 1px solid #f27d04; margin-top: 10px; margin-left: 27%;}
.sampleDialogColumn .addSampleButtonDFR { position:relative; display:inline-flex;  box-sizing:border-box; text-align:center; }
.sampleDialogColumn .addSampleButtonDFR { display: inline-flex; box-sizing: border-box; text-align: center; padding: 6px 20px; font-size: 13px; color: #f27d04; position: inherit; bottom: 0; border-top: 1px solid #ddd; z-index: 4; text-decoration: none !important; -webkit-user-select: none; user-select: none; border: 1px solid #f27d04; margin-top: 10px; margin-left: 23%;}
.sampleDialogColumn .removeSampleButtonDEN { position:relative; display:inline-flex;  box-sizing:border-box; text-align:center; }
.sampleDialogColumn .removeSampleButtonDEN { display: inline-flex; box-sizing: border-box; text-align: center; padding: 6px 25px; font-size: 13px; position: inherit; bottom: 0; border-top: 1px solid #ddd; z-index: 4; text-decoration: none !important; -webkit-user-select: none; user-select: none; border: 1px solid #f27d04; margin-top: 10px; margin-left: 27%; color: #fff; background-color: #f79121;}
.sampleDialogColumn .removeSampleButtonDFR { position:relative; display:inline-flex;  box-sizing:border-box; text-align:center; }
.sampleDialogColumn .removeSampleButtonDFR { display: inline-flex; box-sizing: border-box; text-align: center; padding: 6px 26px; font-size: 13px; position: inherit; bottom: 0; border-top: 1px solid #ddd; z-index: 4; text-decoration: none !important; -webkit-user-select: none; user-select: none; border: 1px solid #f27d04; margin-top: 10px; margin-left: 23%; color: #fff; background-color: #f79121;}
.sampleDialogColumn .sampleDialogImg { box-shadow:0px 0px 1px #666; }


#paymentInfo { display:none; clear:both; overflow:auto; }
#samplesCheckout { position:relative; padding-bottom:20px; }
.samplesCheckout label { text-align:right; padding-right:5px; }
.samplesCheckout .orangeBtn { margin:25px 0 15px; }
.samplesCheckout .incomplete { border-color:#CA4B56 !important; background-color:#ffdfdf !important; }

.sampleCheckoutFields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.sampleCheckoutHeading {
    margin-top: 25px;
}

.sampleCheckoutFields input {
    padding: 6px;
    border: 1px solid lightgrey;
    width: 100%;
    box-sizing: border-box;
}

.sampleCheckoutFields .checkoutFieldBlock {
    display: flex;
    justify-content: space-between;
}

.checkoutFieldBlock .customSelect {
    margin: 0;
}

#samplesCheckout .shippingOptions .radioGroupTab {
    margin: 0;
    width: 100%;
}

.shippingPrice {
    font-size: 24px;
    font-weight: bold;
    color: #2c509c;
    text-transform: uppercase;
}

.shippingPriceDollar {
    font-size: 14px;
    vertical-align: super;
}

.refundableShipping {
    font-size: 14px;
}

.shippingOptionCost {
    padding: 10px 2%;
}

.shippingOptionInfo {
    display: flex;
}

.shippingOptionIcon {
    width: 40px;
    margin: 0 10px;
}

.shippingOptionIcon.fedexLogo {
    width: 90px;
}

.provinceDropDown {
    width: 45%;
}

.zipBox {
    width: 40%;
    display: flex;
    align-items: center;
    gap: 5px;
}

.checkoutCreditCardDate {
    display: flex;
    align-items: center;
    gap: 5px;
}

#ShippingBillingDiv {
    margin-bottom: 5px;
}

.sampleRemovedWarningHC {
    color: red;
    border: 1px solid red;
    margin: 10px 0;
    padding: 2px;
    font-size: 13px;
    font-weight: bold;
}

.samplesSummary { margin:15px; padding:0; list-style:none; }
.samplesSummary .sampleColor { margin-right:5px; width:30px; height:30px; vertical-align:middle; }
.samplesSummary .colorName { line-height:20px; }

.samplesTooltip { padding:5px; color:#000; font-size:13px;  box-sizing:border-box; width:200px; line-height:normal; }
.samplesTooltip .productImageWrap { margin-bottom:10px; }
.samplesTooltip .productImageWrap img { width:100%; }
.samplesTooltip .productRatingWrap { font-size:12px; }

.mobileSampleBtnContainer { display:none; position:fixed; bottom:0; left:0; right:0; border-top:2px solid #f88f00; z-index:500; background:#e1e1e1; padding:5px 10px; box-sizing:border-box; box-shadow:rgba(0, 0, 0, 0.5) 0px -1px 5px 0px; overflow:auto; }
.mobileSampleBtnContainer .samplesCartLink { display:inline-block; float:left; padding:3px 10px 3px 20px; color:#202020; }
.samplesCartLink .samplesIcon { background-image:url(/images/icons/samples_grey.svg); background-repeat:no-repeat; background-position:left center; position:absolute; left:8px; top:9px; width:16px; height:16px; display:inline-block; }
.sampleSwatchImage { position: relative; }
.samplesProductColorList .sampleSwatch .addIconSwatch { position:absolute; bottom:10px; right:0; z-index:10; display:block; }
.samplesProductColorList .sampleSwatch .addIconMobileEN { position:absolute; bottom:20%; right:0; z-index:10; width:70%; height:70%; display:block; background-image:url(/images/icons/zoom_blue_24_white.png); background-repeat:no-repeat; background-position:center right 0px; }
.samplesProductColorList .sampleSwatch .addIconMobileEN {display: none;}
.samplesProductColorList .sampleSwatch .addIconMobileFR { position:absolute; bottom:20%; right:0; z-index:10; width:70%; height:70%; display:block; background-image:url(/images/icons/zoom_blue_24_white.png); background-repeat:no-repeat; background-position:center right 0px; }
.samplesProductColorList .sampleSwatch .addIconMobileFR {display: none;}
.samplesCartLink .samplesCartLinkText { font-weight:bold; color:#017bb8; }
.mobileSampleBtnContainer .finalizeSamples { float:right; }
.mobileSampleBtnContainer .disabledBtn { background: #bbb; color: #fff; text-shadow: none; }

/* Smart Perks
------------------------------------------- */
/*.smartPerksTiles a.col { color:#707070; text-decoration:none !important; padding:1.5%; margin:.5%; width:24%; }
 .smartPerksTiles a.col:hover,  .sbAdvantageIcons .col:hover { box-shadow:0 0 6px #666; cursor:pointer; }
.smartPerksTiles img { margin-bottom:8px; width:100%; }
.smartPerksTiles a b { color:#000; margin-bottom:5px; display:inline-block; }
.sbAdvantage { text-align:center; background-image:url(/images/layout/horizseperator_lg.jpg); background-repeat:no-repeat; background-position:center top; padding:15px 0; margin-top:25px; font-size:18px; color:#0d1f45; background-size:contain; }
.sbAdvantage h2 { font-size:24px; color:#0d1f45; margin-bottom:0; }
.sbAdvantageIcons .col { padding:10% 1.5% 1.5%; background-repeat:no-repeat; background-position:center 10px; text-align:center; font-size:16px; width:24%; margin:0.5%; }
.sbAdvantageIcons .spReviews { background-image:url(/images/smartperks/sp_ReviewsIcon.jpg); }
.sbAdvantageIcons .spCordless { background-image:url(/images/smartperks/sp_CordlessIcon.jpg); }
.sbAdvantageIcons .spWarranty { background-image:url(/images/smartperks/sp_WarrantyIcon.jpg); }
.sbAdvantageIcons .spSelectBlinds { background-image:url(/images/smartperks/sp_SelectBlindsIcon.jpg); }*/

/* Samples Cart
------------------------------------------- */
.emptyCart { text-align:center; padding:20px 10px; }
.cartBlock {
    background: #ececec;
    background: -moz-linear-gradient(top, #ececec 1%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ececec), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #ececec 1%, #ffffff 100%);
    background: -o-linear-gradient(top, #ececec 1%, #ffffff 100%);
    background: -ms-linear-gradient(top, #ececec 1%, #ffffff 100%);
    background: linear-gradient(to bottom, #ececec 1%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#ffffff',GradientType=0 );
    padding:5px 0 10px 0; margin:0;
}

.cartBlock li { list-style-type:none; padding:4px 1px; }
.samplesModal li { padding: 4px 15px;}
.cartBlock .productName { margin-top:0; margin-bottom:8px; color:#202020; font-size:13px; }
.cartBlock .sampleCartItem { position:relative; overflow:auto; margin-bottom:5px; display: flex; }
.cartBlock .sampleCartItem .sampleColor { width:50px; height:50px; display:inline-block; float:left; border:1px solid #ccc; margin-right:5px; vertical-align:middle; }
.cartBlock .sampleCartItem .colorName { font-size:13px; color:#202020; line-height:20px; flex: 1; }
.cartBlock .sampleCartTotal .colorName {
    font-size: 13px;
    padding-left: 15px;
}
.cartBlock .sampleCartItem .delete, .cartBlock .sampleCartItem .delete-product-details { cursor:pointer; height:20px; width:20px; border-radius:10px; color:#2c509c; border:1px solid #2c509c; box-sizing:border-box; text-align:center; line-height:16px; font-weight:bold; margin-left: 30px; }
.ThanksSamplescol2 .cartBlock .sampleCartItem { padding-left: 20px; }
.ThanksSamplescol2 .cartBlock .sampleCartItem .sampleCartItemNum { position: absolute; right: 20px; }

.sampleCartActions { padding:15px; }

.samplesModal { width:450px; height:auto; }
.samplesModal .ui-dialog-content { position:relative; border:0; padding:0; overflow: auto; zoom:1; }
.samplesModal .sampleCartList { -webkit-overflow-scrolling:touch; }
.samplesModal .sampleCartActions { border-top:3px solid #2f609f; }
.samplesModal .finalizeSamples { margin-bottom: 10px; width: 86%; margin: 0px -32px 10px -3px; text-align: center; margin-left:20px;  line-height: 30px; font-size: 16px}
.samplesModal .continueShopping { color:#666; border:1px solid #999; line-height:30px; font-size:16px; width:100%; text-align:center; margin-bottom:10px;width: 80%; margin-left: 20px;}

.samplesContainer {
    overflow: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

@supports (-moz-appearance:none) {
    /*Firefox scroll overlay requires padding to make room for elements*/
    .samplesContainer {
        padding-right: 9px;
    }
}

.samplesModal .samplesContainer {
    max-height: 270px;
}

.mainSection .samplesContainer {
    max-height: 500px;
}

.sidebox .continueShopping {
    display: none;
}
.sidebox .finalizeSamples { padding:5px 10px; line-height:normal; font-size:inherit; margin-top:25px; }

.sampleCartList .samplesContainer .productName:hover {text-decoration: underline;}
.sampleCartList .samplesContainer .sampleCartItem .colorName:hover {text-decoration: underline;}

/* Address Verification 
-------------------------------------------------- */
.addressVerificationDialog .ui-dialog-content { padding:0; }
.addressVerifyContent input { border:0px; vertical-align:middle; margin-top:0; outline:none; }
.addressVerifyContent { margin:0; padding:10px 15px; }
#addrEdit {margin-left:10px; }
.databasematch { color:#f68934; }
.address { color:#777; font-weight:bold; vertical-align:middle; margin-bottom:5px; }
.addressVerifyActions { margin:15px 0 0; text-align:left; padding:15px; background-color:#eee; border-top:1px solid #ccc; }
#bestmatch .or { margin-top:20px; }

/* Shared Address Book Styles */
#addressBookPanel .addAddress { float:right; font-size:14px; text-decoration:none !important; text-transform:none; box-sizing:border-box; text-align:center; margin:12px 1.5%; }
#addressBookPanel .addAddress .addNew { display:none; }
.addressLineItems { padding:0 1.5%; overflow:hidden; position:relative; transition:max-height 0.3s linear; box-sizing:border-box; }
.addressLineItem { margin:8px 0; overflow:auto; position:relative; padding-left:25px; min-height:22px; }
.addressLineItem .customRadio { position:absolute; left:0; top:4px; }
.addressLineItem .addressItemActions { float:right; }
.addressLineItem .addressItemActions a { display:inline-block; float:left; height:22px; width:30px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; background-size:14px 14px; background-position:top center; }
.addressLineItem .addressItemActions .editLink { background-image:url(/images/icons/edit_icon.svg); }
.addressLineItem .addressItemActions .deleteLink { background-image:url(/images/icons/delete_icon.svg); background-size:12px 12px; }
.addressLineItem.active .addressItemActions .disabledBtn { opacity:0.5; background-color:transparent; border:none; }
.addressLineItem .addressItemActions .deleteAddress { display:none; }

.editAddressFields input[type=text] { width:100%; padding:6px; border:1px solid #ccc; box-sizing:border-box; margin-bottom:8px; }
.editAddressFields .customSelect {  margin:0 8px 0 0; }
.editAddressFields input.zipInput { width:50%; float: left; margin-right: 8px; }
#editAddressWrap .button-group a { margin-right:7px; }
#editAddressWrap .defaultShipping { display:inline-block; float:right; margin-top:5px; display:none;}
.defaultShipping .customCheckbox { margin-right:5px; display:none;}

.confirmDeleteAddress .ui-dialog-content { padding:8px 12px; }

.checkoutMainCol .seen .incomplete, .checkoutMainCol .seen .incomplete .customRadio .radio, #addressBookPanel .seen .incomplete, #addressBookPanel .seen .incomplete .customRadio .radio, .editBillingAddress .incomplete {  border-color:#CA4B56 !important; background-color:#ffdfdf !important; }
.checkoutMainCol .seen .incompleteTerms, .checkoutMainCol .seen .incompleteTerms .customRadio .radio, #addressBookPanel .seen .incompleteTerms, #addressBookPanel .seen .incompleteTerms .customRadio .radio, .editBillingAddress .incompleteTerms {
    border-color: red !important;
    background-color: #ffdfdf !important;
    border-width: 1px;
    border-style: dashed;
    padding:4px;
}

#ProcessingMsg {
    display: none;
}

#ProcessingMsg span {
    font-size: 16px;
    font-weight: bold;
    color: #2c509c;
}

/*New Signup*/
.newSignup {
    width: 97%;
    background: rgba(255,255,255, 0.97);
    z-index: 800001;
    left: 0;
    margin: 5px;
    top: 46px;
    min-height: 275px;
    position: fixed;
    text-align: center;
    font-family: "Helvetica W01 Cn",Helvetica,Arial,sans-serif;
}

.newSignupTitle {
    padding:0 15px;
    text-transform: uppercase;
    font-size: 20px;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
}
footer.fr .newSignupTitle {
    font-size: 19px;
}
.newSignupTitle.bold {
    font-size: 30px;
    font-weight: bolder;
}

footer.fr .newSignupTitle.bold {
    font-size: 25px;
}

.newSignupMessage {
    padding-top: 10px;
    padding-left: 15px;
    font-size: 12px;
}

.newSignupForm {
    padding-top: 26px;
    /*padding-left: 15px;*/
}

    .newSignupForm ::-webkit-input-placeholder {
        font-size: 12px;
        text-align: center;
        color: #BDBBBA;
    }

.newSignupEmailField {
    width: 70%;
    border: 1px solid #BDBBBA;
    /*font-size: 13px;*/
    padding: 9px 5px;
    box-sizing: border-box;
    text-align: center;
}

.newSignupSubmit {
    /*float: left;*/
    padding: 9px 5px;
    font-size: 12px;
    line-height: normal;
    width: 70%;
    box-sizing: border-box;
    background: rgba(255, 153, 51, 1);
    color: #fff;
    border: 1px solid #fff;
    height: 39px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}
#opaque {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 800000;
    display: none;
    background-color: black;
    opacity: 0.8;
}

#opaque.active{
    display:block;
}
.newSignupAsterisk {
    clear: both;
    font-size: 9px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.newSignupForm > .form-field {
    width: 60% !important;
    padding-left: 0 !important;
}

.newSignupClose {
    display: inline-block;
    width: 26px;
    height: 26px;
    border-radius: 13px;
    /* border: 1px solid white; */
    /* color: white; */
    text-align: center;
    font-size: 20px;
    line-height: 21px;
    font-weight: bolder;
    cursor: pointer;
    text-transform: lowercase;
    margin-top: -21px;
    position: absolute;
    right: 4px;
}

.newSignupTab {
    background-position: center;
    background-size: contain;
    height: 30px;
    width: 130px;
    float: left;
    background-repeat: no-repeat;
    right: 0px;
    bottom:0;
    position:absolute;
   
}

.newSignupTabContainer {
    bottom: 0;
    right: 15px;
    position: fixed;
    opacity: 0.9;
    height: 25px;
    display: none;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
}

.newSignupTabEn {
    background-image: url(/images/signup/Save25_tab.png);
}

.newSignupTabFr {
    background-image: url(/images/signup/economisez25_tab.png);
}

.newChatTab {
    background-image: url(/images/signup/Chat_tab.png);
}

.newSignupTabArrow {
    background-image: url(/images/signup/arrow.png);
    float: right;
    height: 40px;
    width: 30px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 5px;
    cursor: pointer;
    display:none;
    margin-top:-50px;
    margin-right: 10px;
}

.ShopCustomContainerHome {
    width: 1366px;
}

.ColrizedTilePrices {
    font-size: 16px;
    margin: 10px 0 0;
}

.colorizedProductTile .filterColorName {
    color: #000000d4;
    font-weight: 600;
    margin-top: -8px;
}

.colorizedProductTile .colorfreesample:hover {
    text-decoration: underline
}

.motorizationHeader {
    display: flex;
    justify-content: space-between;
    padding: 10px 25px;
    gap: 36px;
    background: white;
    position: relative;
}

.motorizationHeader .headerBlock {
    display: flex;
    flex: 1;
    gap: 15px;
    padding: 10px 0 10px 30px;
    border: 1px solid lightgray;
}

.motorizationHeader .motorizationImage img {
    border: 2px solid #aaa;
    border-radius: 50%;
    box-sizing: border-box;
    cursor: pointer;
}

.motorizationTitle {
    font-size: 20px;
    font-weight: bold;
    margin: 15px 0;
}

.fr .motorizationTitle {
    font-size: 18px;
}

.motorizationHowItWorks {
    margin-bottom: 15px;
}

.motorizationHowItWorks img {
    width: 20px !important;
    height: 20px;
    align-self: center;
}

.motorizationHowItWorks .linkContainer a {
    color: black;
    display: flex;
    gap: 5px;
}

.fr .motorizationHowItWorks .linkContainer a {
    font-size: 13px;
}

.motorizationHowItWorks .linkContainer a span {
    align-self: center;
}

.motorizationHowItWorks .linkContainer a:hover {
    text-decoration: underline;
}

.motorizationLink {
    color: black;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.fr .motorizationLink {
    font-size: 13px;
}

.motorizationHeader .motorizationImage {
    width: 125px;
    flex-shrink: 0;
}

@media screen and (max-width:321px) {
    .newSignupTitle, footer.fr .newSignupTitle {
        font-size: 16px;
    }
    
    .newSignupTitle.bold, footer.fr .newSignupTitle.bold {
        font-size: 22px;
        font-weight: bolder;
    }
    
    .newSignupAsterisk {
        font-size: 8.5px;
    }

}

@media screen and (max-width: 1366px) {

    #prevSlideColorPPC {
        left: 84px;
    }

    #nextSlideColorPPC {
        right: 84px;
    }
}

@media screen and (max-width: 1080px) {
    .motorizationHeader {
        padding: 11px 15px;
        gap: 20px;
    }
}

@media screen and (orientation: portrait), screen and (max-width: 1023px) {
    .motorizationHeader {
        display: none;
    }
}

@media screen and (min-width:520px) {
    .newSignup {
        width: 500px;
        right: 20px;
        left: unset;
    }
}

@media screen and (min-width:640px) {
    .newSignupSubmit {
        height: 34px;
    }
    #accountTabs .blueTabs > li {
        width: 15%;
    }
}

@media screen and (min-width:820px) {
    #accountTabs .blueTabs > li {
        width: 16%;
    }
}

/* Shipping Estimator
-------------------------------------------------- */
.shippingEstimator { width:37%; border:1px solid #ccc; background-color:#eee; }
.shippingEstimator .title { color:#fff; text-shadow:0px 1px 1px #232323; text-transform:uppercase; font-weight:normal; font-size:18px; background-color:#203d7d; letter-spacing:-1px; padding:5px; }
.shippingEstimator .contents { padding:10px 4%; position:relative; }
.shippingEstimator .lgBtn { width:85%; margin:0 auto; }


/* Reviews Pages
------------------------------------------------ */
#reviewContainer {
    display: inline-flex;
    width: 100%;
    min-height: 150px;
    justify-content: center;
    overflow: unset;
}

    #reviewContainer .reviewStart {
        position: relative;
        margin-top: 20px;
        height: 100px;
        z-index: 0;
        width: 25%;
    }

.shadow {
    -moz-box-shadow: inset 0 0 3px #000000;
    -webkit-box-shadow: inset 0 0 3px #000000;
    box-shadow: inset 0 0 3px #000000;
}

#reviewContainer .starContainer {
    display: inline-block;
    margin-top: 25px;
    margin-left: 42px;
    width: 35%;
}
/*Fix for French etoiles*/
@media screen and (min-width:1024px) and (max-width:1149px){
    
    .starContainer{
        width:32% !important;
    }
}
#reviewContainer .outerBox{
    display:flex;
    height: 19px;
    margin-bottom: 5px;

}
    #reviewContainer .outerBox:hover {
        cursor: pointer;
    }

    #reviewContainer .outerBox .starNumber {
        color: #3B5A88;
        font-weight: bold;
        margin-right: 7px;
    }

#reviewContainer .outerBox .starPercent{
    margin-left: 5px;
    font-size: 12px;
}
#reviewContainer .filterOptions {
    width: 38%;
    /*padding-left: 31px;*/
}
#reviewContainer .filterOptions .labelSelect {
    display: block;
}
#reviewContainer .filterOptions .labelSelect.left {
    margin-right: 10px;
}
    #reviewContainer .filterOptions label {
        font-weight: bold;
        margin-bottom: 5px;
    }
    #reviewContainer .filterOptions #ReviewSearch {
        border-radius: 3px;
        float: right;
        /*width: 98%;*/
        padding-left: 10px;
        font-size: 13px;
        outline: none;
        height: 30px;
        border: 1px solid lightgray;
        /* border: 0; */
    }

/*Fixes case where review container overflows*/
@media only screen and (min-width: 734px) {
    #reviewContainer {
        justify-content: space-evenly;
    }

    #reviewContainer .Outof5 {
        width: 20%;
    }

    #reviewContainer .starContainer {
        width: 30%;
    }

    #reviewContainer .filterOptions {
        width: 40%;
    }

    #rightColumn .pageFlipFrame{
        margin-bottom:30px;
    }
}

#searchReviewInputDiv {
    position: relative;
    margin-top: 10px;
}
.StarWrap{

}
#searchBoxLoopIconReview {
    position: absolute;
    top: 2px;
    right: 0px;
    width: 33px;
    height: 25px;
}
#outerSortAndFilter {
    display: flex;
    flex-direction: column;
}
#reviewContainer .filterOptions .sortAndFilterDiv {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    float: right;
    width: 100%;
    padding: 0px;
}
#ReviewSearch {
    width: 100%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box;
}
.labelSelect.left select{
    min-width: 140px;
}
#removeReviewFilters {
    text-align: center;
    max-width: 290px;
}
.starFill {
    border-radius: 1px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.4), inset 0 0 0 1px rgba(0,0,0,.1);
    background: linear-gradient(to bottom,#eee,#f6f6f6);
    background-color: #f3f3f3;

    min-height: 19px;
    min-width: 190px;
    margin-bottom: 2px;
    /*box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.24);*/
    border-radius: 2px;
}
.starFill:hover {
    filter: brightness(0.7);
}
.percentFill {
    border-radius: 1px;
    background: #F27D04;
    background: -webkit-linear-gradient(top,#ffce00,#F27D04);
    background: linear-gradient(to bottom,#ffce00,#F27D04);
    background-color: #F27D04;
    /*background-color: #FFAF00;*/
    min-height: 19px;
    max-width: 0px;
    /*border-radius: 4px;*/
}

#siteReviews {
    border-top: 1px lightgrey solid;
    clear: both;
}
.customerReview {
    overflow: auto;
    margin: 10px 0 15px;
    padding-bottom: 10px;
    color: #202020;
    border-bottom: 1px lightgrey solid;
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 10px;
}
.customerReview.images {
    grid-template-columns: max-content auto 355px;
}
.categoryReviewProductName {
    display: none;
}
.reviewTitleText {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
}
.lastestImagesCarouselImage {
    margin: 5px;
    cursor: pointer;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}
.lastestImagesCarouselImage .slick-loading {
    visibility: hidden;
}
.lastestImagesCarousel .slick-next,
.lastestImagesCarousel .slick-prev {
    background-color: white !important;
    background-size: 22px !important;
    opacity: 0.7;
    width: 18px;
    height: 25px;
}
.lastestImagesCarousel .slick-track {
    margin-left: 0;
}
.lastestImagesCarousel .slick-next {
    background-image: url(/images/icons/arrow_next.svg) !important;
}
.lastestImagesCarousel .slick-prev {
    background-image: url(/images/icons/arrow_back.svg) !important;
    background-position: right !important;
}
.lastestImagesCarousel .slick-next:before,
.lastestImagesCarousel .slick-prev:before {
    content: none;
}
.reviewDetailsThumb {
    height: 178px !important;
    width: 178px !important;
}
.reviewDetailsThumbMini {
    height: 64px !important;
    width: 64px !important;
}
.customerReview .reviewContent { padding-top:10px; display: flex; flex-direction: column; justify-content: space-between; }
.customerReview .customerRatingWrap { padding: 8px 3px; }
.reviewDetailsFull {
    aspect-ratio: 1 / 1;
}
.reviewPopupTitle {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px
}
.reviewersImage {
    font-size: 12px;
}

.reviewDetailsPopup .ui-dialog-titlebar {
    border: none;
    background-color: white;
}

#reviewDetailsContent {
    margin-top: 10px;
}

#reviewDetailsText {
    overflow: auto;
    padding: 10px;
}

.reviewPopupTop {
    display: grid;
    grid-template-columns: 64% 36%;
    margin-bottom: 5px;
    height: 100%;
}

.reviewPopupDate {
    float: right;
}

.reviewDetailsColorSwatch {
    width: 75px;
    margin-top: 10px;
    border: 1px solid #ddd;
}

#reviewDetailsCarousel {
    grid-column-start: span 2;
}

#reviewDetailsCarousel .flex-next {
    display: none;
}

    .verifiedPurchase {color: #F27D04;font-weight:bold;float:right; display: none;}
.wouldYouRecommend{font-style:normal;padding:0px 2px;color:black;}
 .reviewGroup .form-groupProd {background: #ebebeb;
        width: 92%;
        overflow: auto;
        float: left;
        margin: 2px 0;
        padding: 8px;
        box-sizing: border-box;
    }
#removeStarFilter {
    margin: 5px 0px 10px 12px;
}
#reviewContainer .col{
    padding-right: 0px;
}

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

#reviewForm .button-group-ordrev .reviewFormBtn {
    width: 230px;
}

.fr #reviewForm .button-group-ordrev .reviewFormBtn {
    width: 250px;
}

.fileUploadLink {
    text-decoration: underline !important;
}

#submitReviewOrder {
    margin-right: 5px;
}

#uploadReviewPhotosBtn span {
    text-transform: uppercase;
    font-family: "Helvetica W01 Cn", Helvetica, Arial, sans-serif;
    background-image: url(/images/icons/photo_camera.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    padding-left: 25px;
}

.reviewSubGroup {
    width: 75%;
    /*padding: 10px 2%;*/
    box-sizing: border-box;
    float: left;
    margin-left: -9px;
} 
 .customerRatingWrap .ratingTabSep { margin:10px; text-align: right; color: #707070; }
.customerReview .reviewTextWrapper {
    padding: 15px 0;
    min-width: calc(50% -6px);
}
.thankYouText .reviewGenericThanks{
    font-weight: bold;
    margin-bottom: 10px;
}
.customerReview .reviewHelp {min-width:calc(50% - 6px);}
.reviewWrapper .reviewHelp {
    
    padding-right: 6px;
}
/*#categoryReviewContainer .paging {float: right;}*/
#lowerCatRevPaging{
    margin-top: 40px;
    margin-bottom: 15px;
}
#categoryReviewContainer {
margin-top: 15px;
}
.twoColWrap #twoColContent #categoryReviewContainer{
    margin-top: 0%;
}

.reviewBottomImages {
    display: flex;
    grid-gap: 0 10px;
}

/*Drop area for file upload*/
.drop-area, .dvDragFiles {
    border: 2px dashed #ccc;
    border-radius: 20px;
    max-width: 480px;
    font-family: sans-serif;
    margin: 10px;
    padding: 20px;
    position: relative;
}

.drop-area.highlight, .dvDragFiles.highlight {
    border-color: purple;
}

.drop-area p {
    margin-top: 0;
}

.drop-area .gallery {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.drop-area .uploadImage {
    position: relative;
    width: 150px;
}

.drop-area .removeImage {
    position: absolute;
    top: 0;
    right: 0;
}

.drop-area .button {
    display: inline-block;
    padding: 10px;
    background: #ccc;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #ccc;
}

.drop-area .button:hover {
    background: #ddd;
}

.drop-area #ImageFiles {
    display: none;
}

.drop-area .uploadImageFiles {
    display: none;
}

/*Form styling for review page*/
.select-css {
    display: block;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 700;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: .5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}

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

    .select-css:hover {
        border-color: #888;
    }

    .select-css:focus {
        border-color: #aaa;
        box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
        box-shadow: 0 0 0 3px -moz-mac-focusring;
        color: #222;
        outline: none;
    }

    .select-css option {
        font-weight: normal;
    }

.form-style-2 {
    max-width: 500px;
    padding: 20px 0px 10px 20px;
    font: 13px Arial, Helvetica, sans-serif;
}

.form-style-2-heading {
    font-weight: bold;
    font-style: italic;
    border-bottom: 2px solid #ddd;
    margin-bottom: 20px;
    font-size: 15px;
    padding-bottom: 3px;
}

.form-style-2 label {
    display: block;
    margin: 0px 0px 0px 0px;
}

.tooltipshare {
    position: relative;
    display: inline-block;
}

    .tooltipshare .tooltiptext {
        visibility: hidden;
        width: 140px;
        background-color: #555;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px;
        position: absolute;
        z-index: 1;
        bottom: 150%;
        left: 50%;
        margin-left: -75px;
        opacity: 0;
        transition: opacity 0.3s;
    }

        .tooltipshare .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    .tooltipshare:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

.form-style-2 input.input-field,
.form-style-2 .tel-number-field,
.form-style-2 .textarea-field,
.form-style-2 .select-field {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}

    /*End of form styling for review page*/
    @media screen and (max-width:750px) {
        .form-style-2 {
            max-width: 500px;
            padding: 20px 0px 10px 0px;
        }

        .customerReview .reviewWrapper {
            /*width: calc(100%-14px);*/
            display: block;
            /*margin: 0px 6px;*/
        }

        #reviewContainer .filterOptions .labelSelect.left {
            margin-right: 0px;
        }

        .customerReview .reviewTextWrapper {
            padding: 10px 0;
        }

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

        .wouldYouRecommend {
            padding: 0px;
        }
    #reviewContainer .filterOptions {
        /*width: 40%;*/
        padding-left: initial;
    }
    .StarWrap{
        max-width: 290px;
        margin: auto;
    }
    #reviewContainer .filterOptions .sortAndFilterDiv {
        margin-top: 5px;
        display: block;
        float: initial;
    }
    .left{
        float: initial;
    }
    #ReviewSearch {
        margin: 0;
    }
    #reviewContainer .filterOptions .sortAndFilterDiv {
        margin-top: 5px;
        float: initial;
    }
    #reviewContainer .filterOptions #ReviewSearch {
        float: left;
        /*width: 96%;*/
    }
    #reviewContainer select{
    width: 100%;
    }
    #reviewContainer .labelSelect{
        margin-bottom: 15px;
    }

        #reviewContainer {
            display: inherit;
        }

            #reviewContainer .starContainer {
                display: grid;
                /*margin-top: 25px;*/
                margin-left: initial;
                /*padding-left: 10%;*/
                /*width: 35%;*/
            }

            #reviewContainer .filterOptions {
                /*width: 40%;*/
                padding-left: initial;
            }

        /*.StarWrap {
            max-width: 280px;
            margin: auto;
        }*/

        #reviewContainer .filterOptions .sortAndFilterDiv {
            margin-top: 5px;
            display: block;
            float: initial;
        }

        .left {
            float: initial;
        }

        #ReviewSearch {
            margin: 0;
        }

        #reviewContainer .filterOptions .sortAndFilterDiv {
            margin-top: 5px;
            float: initial;
        }

        #reviewContainer .filterOptions #ReviewSearch {
            float: left;
            /*width: 96%;*/
        }

        #reviewContainer select {
            width: 100%;
        }

        #reviewContainer .labelSelect {
            margin-bottom: 15px;
        }

        #reviewContainer .reviewStart {
            margin-left: 16%;
            height: 130px;
        }

        #reviewCountDiv {
            /*max-width: 175px;*/
            margin-top: 10px;
        }

        .filler {
            position: absolute;
            z-index: 1;
            /* min-width: 50px; */
            width: 52%;
            height: 100%;
            background-color: #292C4C;
        }

        .circle {
            position: absolute;
            z-index: 2;
            border-radius: 50%;
            width: 46%;
            height: 100%;
            background-color: #292C4C;
            top: 0px;
            left: 104px;
        }

        .starTitle {
            position: absolute;
            z-index: 3;
            top: 15px;
            left: 25px;
            color: white;
            font-weight: bold;
            font-size: 130%;
        }

        .starRatio {
            position: absolute;
            z-index: 3;
            top: 66%;
            color: white;
            left: 41px;
            font-size: 114%;
        }

        .reviewStart.col img {
            width: 55%;
        }
        #categoryReviewContainer .customerRatingWrap{
            display:block;
        }
    }

    #relatedProductsDiv {
        margin-bottom: 5px;
    }

    @media screen and (max-width: 415px) {

        .reviewStart.col img {
            width: 65%;
        }

        #reviewContainer .reviewStart {
            margin-left: 19%;
            height: 143px;
        }
    }

    @media screen and (max-width: 320px) {

        .h1Div {
            font-size: 16px;
        }
    }
    /*iPhone 5/SE Landscape*/
    @media screen and (max-width: 568px) and (min-width:568px) {

        #reviewContainer .reviewStart {
            margin-left: 22%;
            height: 170px;
        }

        .exploreShopByColorTileHome_ {
            width: 22.88%;
            padding: 0 5px;
        }
    }
    /*iPhone 6/7/8 Landscape*/
    @media screen and (max-width: 667px) and (min-width:667px) {

        #reviewContainer .reviewStart {
            margin-left: 22%;
            height: 205px;
        }

        .exploreShopByColorTileHome {
            width: 10.88%;
            padding: 0 5px;
        }

        .exploreShopByColorTileHome_ {
            width: 22.88%;
            padding: 0 5px;
        }
    }
    /*iPhone 6/7/8 Plus X Landscape*/
    @media screen and (max-width: 823px) and (min-width:731px) {


        .exploreShopByColorTileHome {
            width: 10.88%;
            padding: 0 5px;
        }

        .exploreShopByColorTileHome_ {
            width: 22.88%;
            padding: 0 5px;
        }

        #reviewContainer .reviewStart {
            margin-left: 22%;
            height: 200px;
        }

        .reviewStart.col img {
            width: 50%;
        }
    }
    /*Pixel 2XL Landscape*/
    @media screen and (min-width:823px) and (max-width: 824px) {


        .exploreShopByColorTileHome {
            width: 10.88%;
            padding: 0 5px;
        }

        #reviewContainer .reviewStart {
            margin-left: 22%;
            height: 218px;
        }
    }
    /*Galaxy s5 Landscape*/
    @media screen and (max-width: 640px) and (min-width:640px) {

        #reviewContainer .reviewStart {
            margin-left: 22%;
            height: 170px;
        }

        .exploreShopByColorTileHome {
            width: 10.88%;
            padding: 0 5px;
        }

        /*.exploreShopByColorTileHome_ {
            width: 10.88%;
            padding: 0 5px;
        }*/
    }

    /*iPad*/
    @media screen and (min-width:768px) and (max-width:780px) {

        #reviewContainer .starContainer {
            /*display: inline-block;*/
            /*margin-top: 25px;*/
            margin-left: 10px;
            /*width: 35%;*/
        }

        .customerRatingWrap span.ratingTabSep {
            display: block;
        }

        .sortAndFilterDiv select {
            font-size: 14px;
        }

        .StarWrap {
            max-width: 290px;
            margin: auto;
        }

        .labelSelect.left select {
            max-width: 180px;
        }

        #reviewTabs > .blueTabs > li {
            margin: 0 0.3%;
        }

        #reviewTabs > .blueTabs > li:first-child {
            margin-left: 0;
        }

        
    }

    /*iPad mini*/
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {
    
    }

    .nextPage {
        margin-top: 0;
        background-image: url(/css/images/linkArrow.png);
        background-repeat: no-repeat;
        background-position: right 4px;
        display: inline-block;
        padding-right: 13px;
        margin-left: 10px;
    }

    .prevPage {
        margin-top: 0;
        background-image: url(/css/images/backArrow_blue.png);
        background-repeat: no-repeat;
        background-position: left 4px;
        display: inline-block;
        padding-left: 13px;
        margin-right: 10px;
    }

    .firstPage {
        margin-top: 0;
        background-image: url(/css/images/back2Arrows_blue.png);
        background-repeat: no-repeat;
        background-position: left 4px;
        display: inline-block;
        padding-left: 26px;
        margin-right: 10px;
    }

    .lastPage {
        margin-top: 0;
        background-image: url(/css/images/link2Arrows.png);
        background-repeat: no-repeat;
        background-position: right 4px;
        display: inline-block;
        padding-right: 26px;
        margin-left: 10px;
    }

    .reviewInfoPages {
        align-content: center;
        text-align: center;
    }

    #reviewForm {
        color: #202020;
    }

    ul.writeReviewTabs {
        text-align: center;
        margin: 10px 15%;
        width: 70%;
    }

        ul.writeReviewTabs a, ul.writeReviewTabs a:hover {
            text-decoration: none;
            color: #202020;
            display: block;
        }

    .writeReviewTabs .reviewTypeImg {
        background-color: #2c509c;
    }

    .writeReviewTabs .active span.hide {
        display: inline !important;
    }

    .ratingLegend {
        overflow: auto;
        margin: 10px 0;
    }

        .ratingLegend .ratingBlock {
            display: inline-block;
            float: left;
            font-size: 12px;
            margin-right: 3%;
        }

    .starRate {
        display: inline-block;
        margin: 0 0 -4px -2px;
        padding: 0;
        list-style: none;
        min-width: 15% !important;
    }

        .starRate li {
            display: inline-block;
            float: left;
            width: 19px;
            height: 19px;
            background-image: url(/images/interface/reviewstars/largestars/emptyStar.png);
            background-repeat: no-repeat;
            background-position: left top;
            cursor: pointer;
            text-indent: -9999px;
        }

            .starRate li.fullStar, .starRate li.starLocked {
                background-image: url(/images/interface/reviewstars/largestars/fullStar.png);
            }

            .starRate li.halfStar {
                background-image: url(/images/interface/reviewstars/largestars/halfstar.png);
            }

    .ratingText {
        margin-left: 5px;
        color: #707070;
        font-size: 12px;
    }

    #reviewProduct input[type=text], #reviewProduct textarea, .dropDownCategoryProd {
        width: 362px !important;
    }

    .slick-slider > .slick-prev {
        left: 0;
    }

    .slick-slider > .slick-next {
        right: 0;
    }

    .slick-slider > .slick-prev, .slick-slider > .slick-next {
        z-index: 1;
        display: none !important;
    }

    @media only screen and (max-width: 640px) {
        .slick-slider > .slick-prev, .slick-slider > .slick-next {
            display: inline-block !important;
        }
    }

    .slick-slider:hover .slick-prev, .categoryInfo:hover .slick-prev {
        display: inline-block !important;
    }

    .slick-slider:hover .slick-next {
        display: inline-block !important;
    }

    .catCarouselNext {
        position: absolute;
        z-index: 2;
        top: 0px;
        right: 0px;
        width: 20px;
    }

    .catCarouselPrev {
        position: absolute;
        z-index: 2;
        top: 0px;
        width: 20px;
    }

    .slick-initialized .slick-slide {
        position: relative;
    }

    .category-banner-review {
        max-width: 200px;
        position: absolute;
        top: 10px;
        right: 19px;
        min-width: 160px;
        min-height: 180px;
        /*background-color: white;*/
        border-radius: 5px;
        padding: 5px 20px 5px 5px;
        opacity: 0.75;
    }

    .category-banner-review-mobile {
        max-width: 200px;
        position: absolute;
        bottom: 6px;
        right: 2px;
        min-width: 160px;
        min-height: 50px;
        background-color: white;
        border-radius: 5px;
        padding: 5px 20px 5px 5px;
        opacity: 0.75;
    }

    .category-banner-review-message {
        /*position: absolute;
    bottom: 0px;
    right: 0px;*/
        font-weight: bold;
        font-style: italic;
        line-height: 1.5;
        font-size: 13px;
        position: relative;
        margin-bottom: 10px;
        text-align: right;
        display: block;
    }

    .category-banner-review-mobile .category-banner-review-message {
        font-size: 10px;
        /* line-height: 12px; */
        margin-bottom: 5px;
        text-align: left;
        line-height: unset;
    }

    @media only screen and (max-width: 321px) {
        .category-banner-review-mobile .category-banner-review-message {
            font-size: 8.5px;
        }
    }

    .startQuote {
        display: inline-block;
        width: 15px;
        height: 15px;
        background-image: url(/images/icons/Quotes_Start.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 15px 15px;
        position: relative;
        top: -5px;
        margin-right: 8px;
        opacity: .7;
    }

    .endQuote {
        display: block;
        width: 15px;
        height: 15px;
        background-image: url(/images/icons/Quotes_End.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 15px 15px;
        position: absolute;
        right: -25px;
        bottom: 0px;
        opacity: .7;
    }

    .category-banner-review .ratingStars {
        /*position: absolute;
    bottom: 0px;
    left: 5px;*/
    }

.shoppingPageBadge {
    text-align: end;
    margin-right: 155px;
    float: inline-end;
}

.shoppingPageBadge img {
    position: absolute;
    margin-top: 5%;
}

    @media screen and (min-width: 769px) {
        .reviewBottomCatCorousel .ratingStars {
            display: block;
            text-align: right;
            /*float: right;*/
        }

        .category-banner-review-name {
            float: right;
        }
    }

    @media screen and (max-width:639px) {

        .PromoHeaderBannerDetails{
            display: none;
        }

        .colorswatchesimgf2{
            text-align: center;
            margin: auto;
            width:70%;
        }

        .colorswatchesimgf2Mobile{
            text-align: center;
            margin: auto;
            width: 70%;
        }

        .featureprodstep2 {
            float: none;
            width: 100%;
            margin: auto;
        }

        .categorySubContent {
            /*margin-right: 65px;*/
        }

        .category-banner-review-name {
            /*position: absolute;
        bottom: 3px;*/
            font-size: 11px;
        }

        .reviewBottomCatCorousel {
            display: flex;
            justify-content: space-between;
            padding-left: 20px;
        }

        .categoryCarouselSlide .videoContainer {
            position: relative;
            width: 100%;
            padding-bottom: 56.25%;
            height: 0;
        }

            .categoryCarouselSlide .videoContainer iframe {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }
    }


    .catCarouselProductLink {
        font-size: 10px;
        text-align: right;
        margin-top: 8px;
        color: black;
    }

        .catCarouselProductLink a {
            color: black;
            text-decoration: underline;
        }

    .reviewGroup {
        width: 100%;
        padding: 10px 2%;
        box-sizing: border-box;
        float: left;
    }

        .reviewGroup .form-group {
            margin: 12px 0;
            float: left;
            width: 100%;
        }

        .reviewGroup label { /*text-align:right;*/
            padding-right: 5px;
            vertical-align: top;
        }

        .reviewGroup .customSelect {
            max-width: 68%;
            margin: 0;
        }

    .reviewSeparator {
        background: #eee;
        border-style: solid;
        color: #eee;
        padding: 0px 1.5%;
        clear: both;
    }

    .productReviewImage {
        width: 23%;
        float: left;
    }

    .reviewRatings .form-group {
        margin: 5px;
    }

    .form-subgroup {
        margin: 5px;
    }

    .reviewStarsLabel {
        width: 50% !important;
    }

    .reviewStars {
        display: block;
        position: relative;
        overflow: visible;
        margin: 5px;
        float: left;
        width: 65%;
    }

    .reviewRatings {
        overflow: auto;
        text-align: left;
        margin: 2px 0px;
        padding: 8px;
        box-sizing: border-box;
    }

    .productReview .customerRatingWrap label {
        display: inline-block;
        /*width: 100px;*/
        margin-bottom: 3px;
        color: #707070;
    }

    .productReview .reviewContent {
        padding: 10px 1.5%;
        display: block;
        font-size: 13px;
        overflow: auto;
    }
    @media only screen and (min-width:767px){
        .productReview .reviewContent {
            padding: 10px 2px;
        }
    }

    .label1 {
        width: 18% !important;
    }

    .label2 {
        width: 40% !important;
        text-align: left !important;
        padding-left: 5px;
    }

    .label3 {
        width: 23.5% !important;
    }

    .reviewGroup input, .reviewGroup textarea, .reviewGroup select {
        margin-left: 5px;
    }

    .reviewStarsGroup {
        width: 70%;
        float: left;
    }

    .reviewGroup .form-groupSite {
        background: #ebebeb;
        width: 100%;
        overflow: auto;
        /*text-align: right;*/
        margin: 2px 0;
        padding: 8px;
        box-sizing: border-box;
    }

        .reviewGroup .form-groupSite label {
            float: left;
            display: inline-block;
            width: 65% !important;
        }

        .reviewGroup .form-groupSite .starRate li {
            text-align: left;
            margin: 0 2px;
        }

    .reviewTitle {
        font-size: 14px;
        min-height: 18px;
        clear: both;
    }

    .reviewer {
        color: #707070;
    }

    .reviewGroup .form-groupProd .starRate li {
        text-align: left;
        margin: 0 2px;
    }

    #productReviewContents .reviewTitle {
        background: #eee;
        padding: 8px 1.5%;
        font-size: 14px;
        min-height: 18px;
        clear: both;
    }

    .noContent {
        padding: 50px 0;
        text-align: center;
    }

    .reviewGroup .form-group {
        float: none !important;
        margin: 12px -6px;
    }

    .form-subgroup {
        margin: -6px 0px 25px;
    }

    .reviewGroup .form-groupSite {
        margin: 2px -12px;
    }

    #writeReview input[type=text], #writeReview textarea {
        width: 42%
    }

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

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

    .Home_Index_highestmostreviewedmobEn {
        display: none;
    }

    .Home_Index_highestmostreviewedmobFr {
        display: none;
    }

    .customerreviewfirst {
        padding-bottom: 0px !important;
        padding-right: 5% !important;
    }

    .customerreviewSecond {
        padding-right: 5% !important;
    }

    .independentreviewColin {
        margin-left: 104px;
        padding-left: 94px;
    }



    /* Glossary Page
--------------------------------------------- */
    #GlossaryNav.fixedNav .glossaryNav {
        position: fixed;
        top: 45px;
        z-index: 10;
        margin: 0;
        text-align: center;
        padding: 1% 0;
        background-color: #fff;
        box-sizing: border-box;
        border-bottom: 2px solid #3B5A88;
        box-shadow: 0px 2px 1px rgba(255, 255, 255, 1.0);
    }

    .glossaryNav {
        padding: 0;
        margin: 30px 0;
        list-style: none;
        overflow: auto;
    }

        .glossaryNav li {
            display: inline-block;
            width: 3.8%;
            height: 30px;
            line-height: 30px;
            float: left;
            box-sizing: border-box;
            border-right: 1px solid #ccc;
            text-align: center;
            font-size: 18px;
            color: #ccc;
        }

            .glossaryNav li:last-child {
                border-right: none;
            }

            .glossaryNav li a {
                display: block;
            }

                .glossaryNav li a:hover {
                    text-decoration: none;
                    font-size: 22px;
                    background-color: #eee;
                }

    .glossarySection {
        border-top: 1px dotted #ccc;
        padding: 25px 6%;
        margin-top: 20px;
        position: relative;
        line-height: 1.5;
    }

        .glossarySection a.sectionLetter {
            font-size: 100px;
            text-transform: uppercase;
            color: #eee;
            font-weight: bold;
            position: absolute;
            top: 0;
            left: 0;
            line-height: 1;
            text-decoration: none !important;
        }

        .glossarySection article {
            margin-bottom: 20px;
        }

            .glossarySection article figure {
                display: inline-block;
                float: right;
                width: 25%;
                box-sizing: border-box;
                padding: 2.5%;
                background-color: #eee;
                text-align: center;
                margin: 0 0 20px 20px;
            }

                .glossarySection article figure img {
                    width: 100%;
                    margin-bottom: 10px;
                }


    /* Quick Quote
-------------------------------------------- */
    #QuickQuote {
        border: 1px solid #bbb;
        margin-bottom: 10px;
        font-size: 14px;
        box-sizing: border-box;
    }

        #QuickQuote .customSelect {
            margin: 0 3px 0 0;
            float: left;
            min-width: 35px;
        }

        #QuickQuote select {
            font-size: 12px;
            margin: 0;
        }

        #QuickQuote label {
            float: left;
            margin: 7px 5px;
        }

    .innerQuoteWrap {
        border: 1px solid #fff;
        padding: 7px 0;
        overflow: auto;
        color: #000;
    }

    .qqSortBy, .qqText, .qqWidth, .qqHeight, .qqBtn {
        display: inline-block;
        float: right;
        padding: 0 0.5%;
    }

    @supports (-ms-ime-align:auto) {
        .qqSortBy, .qqText, .qqWidth, .qqHeight, .qqBtn {
            display: inline-block;
            float: right;
            padding: 0 0.2%;
        }
    }

    .qqBtn {
        padding-left: 0.5%;
    }

    .qqSortBy {
        float: left;
        padding: 2px 0.5% 0 1.5%;
    }

        .qqSortBy label {
            float: left;
        }

    .qqText {
        border-right: 1px solid #000;
        line-height: 18px;
        padding-bottom: 1px;
        margin-top: 7px;
    }

    .qqSortBy label, .qqText {
        text-transform: uppercase;
        font-family: "Helvetica W01 Cn", Helvetica, Arial, sans-serif;
        font-weight: bold;
        font-size: 13px;
    }

    .qqBtn {
        padding-top: 0;
        margin-right: 0;
    }

        .qqBtn .orangeBtn {
            padding: 2px 5px;
            box-sizing: border-box;
            height: 30px;
        }


    /* About Pages
---------------------------------------------- */
    .countryList {
        list-style: none;
        padding: 0;
    }
    .countryList li {
        display: flex;
        align-items: center;
        gap: 5px;
        margin-bottom: 10px;
    }
    .countryList img {
        width: 46px;
    }

    .aboutPageBanner {
        position: relative;
    }

        .aboutPageBanner img {
            width: 100%;
        }

        .aboutPageBanner h1 {
            position: absolute;
            width: 100%;
            top: 31%;
            letter-spacing: 3px;
            text-align: center;
            font-size: 60px;
            color: #202020;
            border-bottom: none;
            font-family: "Helvetica W01 Cn", Helvetica, Arial, sans-serif;
        }

            .aboutPageBanner h1 .buttonSet {
                display: none;
            }

    .aboutNav {
        border-bottom: 1px solid #ccc;
    }

        .aboutNav ul {
            display: inline-block;
            margin: 0 auto;
            padding: 0;
        }

            .aboutNav ul li {
                display: inline-block;
                float: left;
                margin: 5px 15px;
            }

                .aboutNav ul li a {
                    display: block;
                    padding: 3px 5px;
                    border-bottom: 3px solid transparent;
                    text-transform: uppercase;
                    color: #0d1d3e;
                    font-size: 15px;
                    font-family: "Helvetica W01 Cn", Helvetica, Arial, sans-serif;
                    font-weight: bold;
                }

                    .aboutNav ul li a.active {
                        border-color: #df7526;
                    }

                    .aboutNav ul li a:hover {
                        text-decoration: none;
                        color: #df7526;
                    }

        .aboutNav .externalIcon {
            width: 16px;
            height: 16px;
            background-repeat: no-repeat;
            margin-left: 5px;
            display: inline-block;
            margin-bottom: -2px;
            background-image: url(/images/icons/external-link_blue.svg);
            background-size: 16px 16px;
        }

        .aboutNav a:hover .externalIcon {
            background-image: url(/images/icons/external-link_orange.svg);
        }

        .aboutNav .sideColActions {
            display: none;
        }

    .aboutPageContent .contentSection {
        padding: 10px 2%;
    }

    .tvLogos .col {
        margin: 0 !important;
    }

    .aboutUsVideoCols {
        margin-bottom: 30px;
    }

        .aboutUsVideoCols .col:first-child {
            width: 55%;
        }

        .aboutUsVideoCols .col:last-child {
            width: 45%;
        }

    .titleLineWrap {
        border-top: 1px solid #202020;
        margin-top: 45px;
    }

        .titleLineWrap h2 {
            display: inline-block;
            background: #fff;
            padding: 2px 15px;
            margin: 0 auto;
            position: relative;
            top: -12px;
        }

    /*.teamPic { text-align:center; position:relative; }
.teamPic img { width:100%; transition:all 0.2s linear 0s; }
.teamPic .defaultImg { position:relative; z-index:5; }
 .teamPic:hover .defaultImg { opacity:0; }
.teamPic .hoverImg { position:absolute; top:0; left:0; z-index:1; }
 .teamPic:hover .hoverImg { opacity:1; }*/
    /*ul.execBiosTabs li { width:25%; padding:1.25% 3.7%; }
.execBiosTabs li img { width:100%; }
.execTitle { text-transform:uppercase; color:#202020; font-size:14px; text-align:center; font-weight:bold; border-bottom:3px solid transparent; padding:5px 0; }
.execTitle .downArrow { display:none; }
.active .execTitle { border-color:#df7526; position:relative; overflow:visible; color:#202020 !important; }
.active .execTitle .downArrow { display:inline-block; position:absolute; width:0; border-top:15px solid #df7526; border-right:15px solid #fff; border-left:15px solid #fff; bottom:-18px; left:42%; }
.execBiosTabs .active .defaultImg { opacity:0; }
 .execBiosTabs li:hover { cursor:pointer; }
 .execBiosTabs li:hover .execTitle { color:#df7526; }
.execBios, .execBios .tabContent { margin-bottom:0; }*/

    .givingBack .col {
        margin-top: 15px;
    }

    .givingBack .videoContainer {
        margin: 25px 0;
    }

    .cordCleatPopup {
        cursor: pointer;
        border: 1px solid #202020;
        box-sizing: border-box;
        overflow: auto;
    }

        .cordCleatPopup img, .cordCleatModal img {
            width: 50%;
            display: inline-block;
            float: left;
        }

    /*.connectList { margin:10px 0; padding:0; list-style:none; overflow:auto; }
.connectList li { width:30%; display:inline-block; float:left; margin:15px 1.5%; }
.connectList li:nth-child(3n-2) { margin:15px 3% 15px 0; }
.connectList li:nth-child(3n) { margin:15px 0 15px 3%; }
.connectList li a { display:table; height:50px; color:#fff; width:100%; font-weight:bold; font-size:14px; font-family:"Helvetica W01 Cn", Helvetica, Arial, sans-serif; }
.connectList li a .icon { display:table-cell; background-repeat:no-repeat; background-position:center; width:50px; height:50px; }
.connectList li a .connectText { display:table-cell; vertical-align:middle; text-align:center; }
.connectList .connectFB { background-color:#43609c; }
.connectList .connectFB .icon { background-color:#5f83ce; background-image:url(/images/icons/Facebook_white_48.png); }
.connectList .connectTwit { background-color:#089ce8; }
.connectList .connectTwit .icon { background-color:#12a7f4; background-image:url(/images/icons/Twitter_white_48.png); }
.connectList .connectIG { background-color:#35648c; }
.connectList .connectIG .icon { background-color:#457baa; background-image:url(/images/icons/Instagram_white_48.png); }
.connectList .connectPin { background-color:#d01a11; }
.connectList .connectPin .icon { background-color:#f14037; background-image:url(/images/icons/Pinterest_white_48.png); }
.connectList .connectGP { background-color:#ea3d3e; }
.connectList .connectGP .icon { background-color:#f44849; background-image:url(/images/icons/GooglePlus_white_48.png); }
.connectList .connectYT { background-color:#df2826; }
.connectList .connectYT .icon { background-color:#fa4948; background-image:url(/images/icons/YouTube_white_48.png); }*/

.card_container_samples {
    display: flex;
}

.helpTooltip {
    align-self: center;
}

.ppcp-card-field {
    height: 50px;
}

#card-number-field-container {
    flex: 1 1 360px;
}

.card_container #card-number-field-container {
    max-width: 360px;
}

#card-expiry-field-container {
    width: 110px;
}

#card-cvv-field-container {
    width: 110px;
}

@media (max-width: 640px) {
    .card_container,
    .card_container_samples {
        flex-wrap: wrap;
    }

    #card-number-field-container {
        flex-basis: 100%;
    }
}

    /* My Account
-------------------------------------------- */
    .ordersTable {
        width: 100%;
        /*margin-bottom: 20px;*/
    }

.claimList {
    border: 1px solid #ccc;
    padding: 5px;
    margin-bottom: 10px;
}

.claimLine {
    margin-top: 10px;
    border: 1px solid #ccc;
    padding: 5px;
    display: grid;
    grid-template-areas:
        "claimLineOrderId claimLineLineReason claimLineClaimQty claimLineProductInfo"
        "claimLineComment claimLineComment claimLineComment claimLineComment"
        "claimLineAttachments claimLineAttachments claimLineAttachments claimLineAttachments";
    gap: 10px;
}

.claimLineOrderId {
    grid-area: claimLineOrderId;
}

.claimLineLineReason {
    grid-area: claimLineLineReason;
}

.claimLineClaimQty {
    grid-area: claimLineClaimQty;
}

.claimLineProductInfo {
    grid-area: claimLineProductInfo;
}

.claimLineComment {
    grid-area: claimLineComment;
}

.claimLineAttachments {
    grid-area: claimLineAttachments;
}

.claimLineAttachments .attachmentsList {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.claimLineAttachments .attachmentsList > .attachmentMedia {
    height: 250px;
    max-width: 200px;
}

.addFileToClaimForm {
    display: flex;
    flex-direction: column;
    max-width: 480px;
    margin: auto;
}

.addFileToClaimForm input {
    width: 250px;
    align-self: center;
}

        .ordersTable td, .ordersTable th {
            padding: 10px;
            text-align: center;
            border-left: none;
        }

        .orderstable tbody td:first-child {
            border-left: 1px solid #cdcdcd;
        }

    h3 .editLink {
        margin-left: 10px;
        font-weight: normal;
    }

    #accountProfile {
        padding: 15px 0;
    }

        #accountProfile #contactInfo {
            padding-bottom: 10px;
        }

        #accountProfile #accountAddressBook {
        }

    .profileAddressBook .addressLineItems {
        padding: 0;
        max-height: 2000px;
        clear: both;
    }

    .profileAddressBook .addressLineItem {
        padding-left: 0;
        border-bottom: 1px solid #eee;
    }

        .profileAddressBook .addressLineItem:last-child, .profileAddressBook .editAddressMode .addressLineItem {
            border-bottom: none;
        }

    .profileAddressBook .button-group {
        display: inline-block;
        float: left;
        margin-right: 10px;
    }

        .profileAddressBook .button-group a {
            float: left;
            margin-right: 10px;
        }

    .profileAddressBook #editAddressWrap .defaultShipping {
        float: none;
        display: none;
    }

    .profileAddressBook .editAddressFields {
        clear: both;
        padding-top: 8px;
        margin-bottom: 15px;
    }

    .profileAddressBook .showSomeAddresses .loadMoreAddresses, #accountProfile .showSomeAddresses .transOverlay {
        display: none !important;
    }

    .profileAddressBook .addAddress {
        margin-bottom: 20px;
    }

    .noDefault {
        border: 1px solid #ccc;
        padding: 15px 3%;
        margin: 20px 0;
        clear: both;
        display: none; /*stop showing this div*/
    }

    .profileAddressBook .addressLineItem.defaultAddress {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        padding: 15px 0;
        margin-bottom: 25px;
    }

    .defaultAddress .defaultMarker {
        font-size: 12px;
        color: #777;
        margin-top: 5px;
    }

    .editAddressMode .defaultMarker {
        display: none;
    }

    .editAddressMode #editAddressWrap {
        margin-top: 8px;
    }

    .editContact #profileContactForm {
        padding: 0 3%;
    }

    .showPassword {
        width: 15px;
        cursor: pointer;
        position: relative;
        top: 2px;
        right: 27px;
        margin-right: -27px;
    }

.accountCreationFields .flex {
    display: flex !important;
}

.accountCreationFields .showPassword {
    height: 15px !important;
    top: 7px;
    right: 40px;
    margin-right: -40px;
}

@media only screen and (max-width: 768px) {
    .accountCreationFields .showPassword {
        top: 8px;
    }
}

    /* Live Chat Call-back request
-------------------------------------------- */
    #callbackFormSection {
        padding-left: 2%;
    }

        #callbackFormSection p {
            text-align: center;
        }

        #callbackFormSection label {
            font-weight: bold;
        }

    /* Login
-------------------------------------------- */
    .loginContainer {
        overflow: auto;
    }

    @media only screen and (min-width:1080px){
        .CheckoutStreamline .loginContainer {
            margin-top: 25px;
        }
    }

    .loginBox {
        display: inline-block;
        float: left;    
        margin: auto;
        /*border: 1px solid #bfbfbf;*/
        border-top: none;
        box-sizing: border-box;
        background: #eee;
    }

    .CheckoutStreamline .loginBox{
        display: block;
        float: unset;
        background-color: unset;
    }

    .twoCol > .loginBox {
        width: 48.5%;
    }

    @media only screen and (max-width: 850px) and (min-width: 500px) {
        .twoCol > .loginBox {
            width: 92%;
        }

        input[name="guestCheckout"] {
            font-size: 15px;
        }
    }

    .threeCol > .loginBox {
        width: 40%;
    }

    .twoCol .loginBox:first-child {
        margin-left: 0;
        margin-right: 1.5%;
    }

    .loginBoxTitle {
        color: #fff;
        text-transform: uppercase;
        padding: 10px 4%;
        font-size: 18px;
        background: #203d7d;
    }

    .CheckoutStreamline .loginBoxTitle{
        text-align: center;
        text-transform:none;
        font-weight: 600;
        color: unset;
        padding: unset;
        background: unset;
    }

    .CheckoutStreamline .loginBoxContent .loginBtnWrap{
        padding-top: 5px !important;
    }

    .CheckoutStreamline .quoteContainer{
        display: none;
    }

    .CheckoutStreamline .pageFlipFrame{
        border: none;
    }

    .CheckoutStreamline .pageWrapLeft, .CheckoutStreamline .pageWrapRight{
        display: none;
    }
    .CheckoutStreamline .socialLogins > .socialLink {
        text-align: center;
        width: 33%;
        height: 32px;
        display: block;
        margin-bottom: 10px;
        float: left;
        font-size: 12px;
        max-width: 33%;
    }
    .CheckoutStreamline .socialLogins > .socialLink > .text {
        line-height: 32px;
    }
    .CheckoutStreamline .socialLogins > .socialLink > .icon {
        width: 28px;
        padding: 2px 0 0 3px;
    }
    .CheckoutStreamline .googleLink,
    .CheckoutStreamline .facebookLink,
    .CheckoutStreamline .amazonLink,
    .CheckoutStreamline .facebookLink > .icon,
    .CheckoutStreamline .amazonLink > .icon,
    .CheckoutStreamline .googleLink > .icon
    {
        background: none !important;
    }

    .CheckoutStreamline .facebookLink{
        border: 1px solid #3B5998;
    }

    .CheckoutStreamline .amazonLink{
        border: 1px solid #FF9900;
    }

    .CheckoutStreamline .googleLink{
        border: 1px solid #d34836;
    }

    .CheckoutStreamline .socialLogins > .socialLink > .text {
        color: black;
    }

    .CheckoutStreamline .legendImage{
        margin: 15px 0 0 0;
    }

    .CheckoutStreamline .legendImage img{
        margin: auto;
        display: block;
    }

    @media only screen and (max-width: 640px) 
    {
        #header.CheckoutStreamline .logo.stayFixed {
            width: 145px !important;
            top: 13px !important;
            margin-left: 41px;
        }
    }

    .loginBoxContent {
        padding: 0px 4% 25px 4%;
        position: relative;
    }

    .twoCol .loginBoxContent .form-group {
        display: inline-block;
        float: left;
        box-sizing: border-box;
        width: 50%;
        padding-right: 4%;
        position: relative;
    }

    .loginBoxContent .form-group {
        padding-bottom: 15px;
    }

        .loginBoxContent .form-group label {
            width: 100%;
        }

        .loginBoxContent .form-group input {
            width: 100%;
        }

    .twoCol .loginBoxContent .form-group .field-validation-error {
        font-size: 11px;
        position: absolute;
        bottom: 0;
        color: Red;
    }

    .forgotLink {
        display: block;
        margin-top: 4px;
    }

    .loginBoxContent .loginBtnWrap {
        padding-top: 5px;
        clear: both;
    }

    .threeCol .loginBox:first-child {
        margin-left: 0;
    }

    .threeCol .loginBoxContent .form-group {
        display: block;
        float: none;
        box-sizing: border-box;
        width: 100%;
        overflow: auto;
    }

        .threeCol .loginBoxContent .form-group:first-child {
            margin-top: 10px;
        }

    .chatBox {
        float: right;
        width: 25%;
        border-left: 1px solid #ccc;
        padding: 2%;
        margin: 3% 0 0 3%;
        font-size: 16px;
        text-align: center;
        min-height: 65px;
    }

        .chatBox .LPMoverlay {
            position: static;
            width: 100% !important;
            height: auto !important;
        }

        .chatBox img {
            width: 65%;
            position: static !important;
        }

    .legendBorder {
        margin: 25px 0;
        height: 1px;
        border-bottom: 1px solid #bebebe;
        text-align: center;
    }

    .legendTitle {
        background-color: #eee;
        width: 2em;
        margin: 0 auto;
        color: #707070;
        font-weight: normal;
        font-style: normal;
        padding: 0 20px;
        position: relative;
        top: -10px;
    }

    .quoteContainer {
        clear: both;
        margin: 25px 0 10px;
        overflow: auto;
    }

        .quoteContainer img {
            float: left;
            margin-right: 2%;
        }

        .quoteContainer blockquote {
            display: none;
            width: 78%;
            line-height: 1.8;
            float: left;
            margin: 0;
        }

    .dealerLogin {
        margin: 35px 0;
    }

    .dealerContact {
        width: 55%;
        margin: 0 auto;
        text-align: center;
    }

        .dealerContact img {
            float: left;
            margin-right: 5%;
        }

    .dealerComments label {
        vertical-align: top;
    }

    .dealerComments textarea {
        width: 62%;
        height: 75px;
    }

    .containerLink {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1;
        background: url(/css/images/empty.gif) repeat;
    }

    /* Forms
-------------------------------------------- */
    input, textarea, select, button {
        -webkit-text-size-adjust: none;
    }

    #popup-form {
        padding: 8px;
        overflow: auto;
    }

        #popup-form .form-button {
            float: right;
            border: none;
        }

    .form-group {
        display: block;
        margin: 5px 0;
        position: relative;
        overflow: visible;
    }

        .form-group label {
            width: 22%;
            display: inline-block;
        }

        .form-group input, .form-group textarea {
            width: 48%;
            border: 1px solid #999;
            box-sizing: border-box;
            padding: 3px;
        }

            .form-group input[type=checkbox] {
                width: auto;
            }

        .form-group select {
            border: 1px solid #999;
            box-sizing: border-box;
            padding: 3px;
        }

        .form-group .inline-radio-set {
            display: inline;
            box-sizing: border-box;
            padding: 3px;
            width: 57%;
        }

            .form-group .inline-radio-set label {
                width: auto;
                margin-right: 15px;
            }

            .form-group .inline-radio-set input {
                width: auto;
            }

    input[type=submit]:not(.orangeBtn).disabled {
        background: #ddd !important;
        border: 1px solid #bbb !important;
        color: #999 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    #ackbar {
        display: none;
    }

    .radio-group {
        clear: both;
        overflow: auto;
    }

        .radio-group input[type=radio] {
            float: left;
        }

        .radio-group .radio-content {
            display: inline-block;
            float: left;
            width: 80%;
            margin-left: 3%;
        }

    #rightColumn .twoCol .col .form-group label {
        width: 33%;
    }

    #rightColumn .twoCol .col .form-group input {
        width: 57%;
    }

    .customRadio {
        display: inline-block;
        vertical-align: middle;
        margin-top: -4px;
    }

        .customRadio input[type=radio] {
            display: none;
        }

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

        .customRadio .radio {
            display: block;
            width: 16px;
            height: 16px;
            border-radius: 8px;
            border: 2px solid #ccc;
            background-color: #fff;
            box-sizing: border-box;
            padding: 1px;
            cursor: pointer;
        }

            .customRadio .radio .checked {
                display: none;
            }

            .customRadio .radio.disabled {
                border-color: #ddd;
                cursor: default;
            }

            .customRadio .radio.selected .checked {
                background-color: #2b4f9b;
                display: block;
                width: 10px;
                height: 10px;
                border-radius: 5px;
            }

    .customCheckbox {
        display: inline-block;
        vertical-align: top;
        margin-top: 1px;
    }

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

        .customCheckbox .checkbox {
            display: block;
            width: 14px;
            height: 14px;
            box-sizing: border-box;
            padding: 1px;
            border: 2px solid #ccc;
            background-color: #fff;
            cursor: pointer;
        }

            .customCheckbox .checkbox .checked {
                display: none;
            }

            .customCheckbox .checkbox.disabled {
                border-color: #ddd;
                cursor: default;
            }

            .customCheckbox .checkbox.selected .checked {
                background-color: #2b4f9b;
                display: block;
                width: 8px;
                height: 8px;
            }

    .customSelect {
        overflow: hidden;
        background-image: url(/images/icons/dropdown.png);
        background-repeat: no-repeat;
        background-position: right center;
        background-color: #fff;
        height: 30px;
        min-width: 60px;
        border: 1px solid #ccc;
        display: inline-block;
        margin: 0px 0px 10px 0px;
        padding-right: 16px;
        box-sizing: border-box;
    }

        .customSelect select {
            background: transparent;
            width: 140%;
            padding: 5px 0 5px 5px;
            border: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            margin: 0 0 0 -1px;
            height: 30px;
            cursor: pointer;
            box-sizing: border-box;
        }

        .customSelect:hover {
            border-color: #aaa;
        }

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

        .customSelect select option:disabled {
            color: #bbb;
        }

    .orangeBtn, a.orangeBtn, input.orangeBtn {
        color: #fff;
        text-transform: uppercase;
        border: none;
        background: #ef8e1b;
        background: -moz-linear-gradient(top, #ef8e1b 0%, #f57915 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef8e1b), color-stop(100%,#f57915));
        background: -webkit-linear-gradient(top, #ef8e1b 0%,#f57915 100%);
        background: -o-linear-gradient(top, #ef8e1b 0%,#f57915 100%);
        background: -ms-linear-gradient(top, #ef8e1b 0%,#f57915 100%);
        background: linear-gradient(to bottom, #ef8e1b 0%,#f57915 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef8e1b', endColorstr='#f57915',GradientType=0 );
        cursor: pointer;
        padding: 5px 10px;
        display: inline-block;
        font-family: "Helvetica W01 Cn", Helvetica, Arial, sans-serif;
        font-weight: normal;
        border-radius: 0;
        -webkit-appearance: none;
        box-sizing: border-box;
    }

        .grayBtn.disabled,
        .orangeBtn.disabled {
            opacity: 0.5;
            cursor: default;
        }

    .grayBtn, a.grayBtn, input.grayBtn {
        color: #2c509c;
        text-transform: uppercase;
        text-shadow: 1px 1px 1px #fff;
        border: 1px solid #ddd;
        background: #efefef;
        background: -moz-linear-gradient(top, #efefef 0%, #dedede 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#dedede));
        background: -webkit-linear-gradient(top, #efefef 0%,#dedede 100%);
        background: -o-linear-gradient(top, #efefef 0%,#dedede 100%);
        background: -ms-linear-gradient(top, #efefef 0%,#dedede 100%);
        background: linear-gradient(to bottom, #efefef 0%,#dedede 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dedede',GradientType=0 );
        cursor: pointer;
        padding: 5px 10px;
        display: inline-block;
        font-family: "Helvetica W01 Cn", Helvetica, Arial, sans-serif;
        font-weight: normal;
        border-radius: 0;
        -webkit-appearance: none;
    }

    .whiteBtn, a.whiteBtn, input.whiteBtn {
        color: #2b4f9b;
        border: 1px solid #2b4f9b;
        background-color: #fff;
        cursor: pointer;
        padding: 5px 10px;
        display: inline-block;
        font-family: "Helvetica W01 Cn", Helvetica, Arial, sans-serif;
        font-weight: normal;
        border-radius: 0;
        -webkit-appearance: none;
    }

    .whiteOrangeBtn, a.whiteOrangeBtn, input.whiteOrangeBtn {
        color: #f27d04;
        border-color: #f27d04;
    }

    .clearBtn, a.clearBtn, input.clearBtn {
        color: #fff;
        text-transform: uppercase;
        border: none;
        background-color: transparent;
        cursor: pointer;
        padding: 5px 10px;
        display: inline-block;
        font-family: "Helvetica W01 Cn", Helvetica, Arial, sans-serif;
        font-weight: normal;
        border-radius: 0;
        -webkit-appearance: none;
        box-sizing: border-box;
    }

        .orangeBtn:hover, a.orangeBtn:hover,
        .grayBtn:hover, a.grayBtn:hover,
        .clearBtn:hover, a.clearBtn:hover {
            box-shadow: none;
            text-decoration: none;
        }

    .grayBtn:hover, a.grayBtn:hover {
        color: #2c509c;
    }

    .lgBtn, a.lgBtn, input.lgBtn {
        padding: 5px 25px;
        font-size: 17px;
        line-height: 32px;
    }

    input.lgBtn1, button.lgBtn1 {
        padding: 5px 25px;
        font-size: 17px;
        line-height: 32px;
        margin: 4% 24%;
    }

    .disabledBtn, a.disabledBtn, input.disabledBtn {
        background: transparent;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
        color: #aaa;
        border-color: #aaa;
        box-shadow: none;
        cursor: default;
    }

    #shopcart .addToCart .disabled {
        color: #fff;
        background: #bfbfbf;
    }

    /* For Saved Cart Page (iPad) */
    .tabletButtonSet .buttonSet .grayBtn {
        text-align: left;
        font-size: 13px;
        margin: 0 8px 0 0;
    }

    /* Contact Pages
---------------------------------------------- */
    a.mobileTelLink {
        color: #202020;
        cursor: default;
        text-decoration: none !important;
    }

    .contactInfo a.mobileTelLink {
        color: #707070;
    }

    .contentSection .hasLeftThumb {
        margin: 0 0 35px;
        /*min-height: 120px;*/
    }

    .chatWrap .chatLink {
        height: 32px;
        line-height: 32px;
        position: relative;
        padding-left: 40px;
        display: inline-block;
    }

        .chatWrap .chatLink #lp_BodyChat {
            position: absolute;
            top: 0;
            left: 0;
            width: 32px;
            height: 32px;
            display: inline-block;
        }

        .chatWrap .chatLink .LPMoverlay {
            width: 100% !important;
            height: auto !important;
        }

        .chatWrap .chatLink #lp_BodyChat img {
            width: 100%;
        }

    #contactForm .errorMsg {
        width: 85%;
    }

    .formContainer {
        overflow: auto;
        width: 85%;
    }

        .formContainer .form-field {
            display: inline-block;
            float: left;
            width: 50%;
            box-sizing: border-box;
            position: relative;
            margin-bottom: 10px;
        }

            .formContainer .form-field:nth-child(2n) {
                padding-right: 2%;
            }

            .formContainer .form-field input, .formContainer .form-field select, .formContainer .message-field textarea {
                width: 100%;
                box-sizing: border-box;
                padding: 3px;
                border: 1px solid #999;
                font-family: Tahoma,Arial,Helvetica,sans-serif;
                font-size: 13px;
            }

    #contactForm .formContainer .form-field select:disabled {
        /*hide disabled dropdown on contact page*/
        display: none;
    }

        .formContainer textarea {
            resize: none;
            height: 120px;
        }

        .formContainer .full-field {
            width: 100%;
            float: none;
            margin-bottom: 10px;
        }

    .thankYouMsg {
        width: 80%;
        margin: 10px auto;
        display: table;
    }

        .thankYouMsg .checkmark, .xmark {
            /*display: table-cell;*/
            width: 60px;
            height: 60px;
            border-radius: 30px;
            background-image: url(/images/icons/checkmark_white.png);
            background-repeat: no-repeat;
            background-position: center;
            background-color: #eb8a2a;
        }

    .xmark {
        background-image: url(/images/icons/xmark.png);
        background-size: 57%;
        background-color: #b30000;
    }

    .EmailErrorMsg {
        margin: 10px auto;
        width: 80%;
        display: table;
    }

    .EmailErrorMsgOuterWrapper {
        display: inline-flex;
        margin: auto;
    }

    #newsletterSignup .small, #newsletterSignup .small a {
        color: grey;
        font-size: 9px;
        text-transform: none;
    }

    .emailModalErrorMsgWrapper {
        margin: 15px 0 0 0;
    }

    .thankYouMsg .thankYouText, .errorTextMessage {
        display: table-cell;
        vertical-align: middle;
        padding-left: 15px;
    }

    .errorTextAlert {
        font-size: 16px;
        font-weight: bold;
        vertical-align: middle;
        padding-left: 15px;
    }

    .thankYouText {
        display: table-cell;
        vertical-align: middle;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 15px;
        width: 490px;
    }

    .contactSignup .form-field {
        display: inline-block;
        float: left;
        width: 50%;
        box-sizing: border-box;
        padding-right: 2%;
        margin-bottom: 10px;
    }

        .contactSignup .form-field input {
            width: 100%;
            box-sizing: border-box;
            padding: 3px;
            border: 1px solid #999;
            font-family: Tahoma,Arial,Helvetica,sans-serif;
            font-size: 13px;
        }

    .removeWarrantyItemBtn {
        float: right;
    }

    .warrantyItem {
        background-color: #e7e7e7;
        padding: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .warrantyItem select {
        box-sizing: border-box;
        padding: 3px;
        font-size: 14px;
    }

    .warrantyItemInput {
        margin-top: 10px;
        width: 400px;
    }

    .warrantyItemInputs {
        margin-left: 30px;
    }

    #productSelectionWarranty {
        clear: both;
    }

    .addProductToWarrantyClaimBtn {
        display: block;
        margin: 0 auto 10px;
    }

    /*.spanishChat { display:inline-block; padding-left:30px; position:relative; }
.spanishChat .LPMoverlay { width:100% !important; height:auto !important; }
.spanishChat #lp_BodyChat { width:24px; height:24px; display:inline-block; position:absolute; top:-3px; left:1px; }
.spanishChat #lp_BodyChat img { width:100%; }*/

    .contactFormError .ui-dialog-content {
        padding: 15px;
    }

#surveyContainer {
    max-width: 500px;
    margin: 10px auto;
    padding: 0 15px;
}

.surveyGrid {
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-row-gap: 5px;
}

.surveyGrid > label,
.surveyGrid > span {
    background-color: #ebebeb;
    padding: 5px;
    display: flex;
    align-items: center;
}

#surveyContainer textarea {
    resize: none;
    height: 50px;
    width: 300px;
}

.starRating {
    display: none;
}

.starSelector {
    background-image: url(/images/interface/reviewstars/largestars/emptyStar.png);
    width: 19px;
    height: 19px;
    display: inline-block;
}

.starSelector:hover,
.starSelector.hoverStar,
.starSelector.showStar {
    cursor: pointer;
    background-image: url(/images/interface/reviewstars/largestars/fullStar.png);
}

#surveyContainer .lgBtn, a.lgBtn, input.lgBtn {
    /*Overwrite styles from productDetails.css*/
    font-size: 17px !important;
}

.contactGridsContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fourIconsGrid {
    display: grid;
    grid-template-columns: repeat(4, min-content);
    grid-gap: 50px;
}

.fourIconsGrid > a {
    position: relative;
    width: 120px;
    color: #1b2f5b;
}

.fourIconsGrid img {
    border: 1px solid #F27D04;
    width: inherit;
}

.fourIconsGrid .iconTitle {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 12px 0;
    font-weight: bold;
    font-size: 12px;
}

.contactLinksGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.contactLinkBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 10px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #fff !important;
    background-color: #1b2f5b;
    transition: background-color 0.3s, color 0.3s;
}

.fr .contactLinkBtn {
    height: 41px;
}

.contactHeader {
    align-self: flex-start;
    text-transform: none;
}

#contactNavTitle {
    display: block;
    color: #017bb8;
}

@media only screen and (max-width: 639px) {
    .fourIconsGrid {
        grid-template-columns: repeat(2, 1fr);
    }

    .contactLinksGrid {
        grid-template-columns: repeat(2, 1fr);
    }

    .contactLinkBtn {
        height: 44px;
    }
}

    /* Tables
-------------------------------------------- */
    table {
        border-spacing: 0;
    }

        table td, table th {
            padding: 10px 15px;
        }

    thead {
        background-color: #3B5A88;
        color: #fff;
    }

        thead a:link, thead a:visited {
            color: #fff;
        }

    tbody td {
        border: 1px solid #cdcdcd;
        border-top: none;
    }

    table.noBorder tbody td {
        border: none;
    }

    table.noPad tbody td {
        padding: 0;
    }

    .freeShippingTable {
        width: 85%;
        margin: 30px 0;
    }

        .freeShippingTable th {
            text-align: left;
        }

    /* Tooltips (qtip)
-------------------------------------------- */

    .qtip-white {
        background-color: #f9f9f9 !important;
        border: 1px solid #ccc !important;
    }

    .frontTooltip, .frontTooltip .qtip-tip {
        z-index: 9002 !important;
    }


    /* Page Curl
-------------------------------------------- */
    .pageFlipFrame {
        border: 1px solid #ccc;
        border-top: 1px solid #ccc;
        background: #fff;
        clear: both;
        position: relative;
        margin-top: 10px;
    }

    .pageWrap {
        overflow: visible;
        position: relative;
        height: 47px;
    }

    .pageWrapLeft, .pageWrapRight {
        width: 294px;
        height: 47px;
    }

    .pageWrapLeft {
        float: left;
    }

    .pageWrapRight {
        float: right;
    }


    /* Recently Viewed
-------------------------------------------- */
    #RecentlyViewed {
        clear: both;
        padding: 20px 3%;
        border-top: 1px solid #ccc;
    }

        #RecentlyViewed .flex-viewport {
            padding-right: 8%;
        }

        #RecentlyViewed .slides .slide:first-child {
            margin-left: 0;
        }

        #RecentlyViewed .flex-control-nav {
            display: none;
        }

        #RecentlyViewed .flex-direction-nav a {
            margin-top: -55px;
        }

        #RecentlyViewed .flexslider .slides .rvProductImage {
            width: 100% !important;
            height: auto !important;
            max-width: 227px;
        }

        #RecentlyViewed .flexslider:hover .flex-direction-nav .flex-prev {
            left: -15px;
        }

        #RecentlyViewed .flexslider .flex-direction-nav .flex-prev.flex-disabled,
        #RecentlyViewed .flexslider .flex-direction-nav .flex-next.flex-disabled {
            display: none;
        }

@media screen and (max-width: 640px) {
    #RecentlyViewed .flexslider:hover .flex-direction-nav .flex-prev {
        left: 0;
    }

    #RecentlyViewed .flexslider:hover .flex-direction-nav .flex-next {
        right: 0;
    }
}

    #rvEmail {
        display: inline-block;
        float: right;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bold;
        color: #2c509c;
        padding-left: 28px;
        background-image: url(/images/icons/email-blue_96.png);
        background-repeat: no-repeat;
        background-size: 24px;
        background-position: left center;
        text-decoration: none;
    }

    .recentlyViewedBox .ui-dialog-content {
        padding: 5px 2.5% 15px;
        overflow: auto;
        box-sizing: border-box;
    }

    .recentlyViewedBox .form-group input, .recentlyViewedBox .form-group textarea {
        width: 100%;
    }

    #rvCommentsDescriptionLength {
        text-align: right;
        font-size: 11px;
    }

    .rvActions {
        clear: both;
        margin-top: 10px;
    }

    .RecentlyViewed {
        margin: 0 auto;
    }

    .RecentlyViewedHeading {
        margin-bottom: 10px;
    }

    .buttonNoStyle {
        background-color: transparent;
        border: 0;
        padding: 0;
        cursor: pointer;
    }


    /* Tech Tip Pages
--------------------------------------------- */
    #articleContent {
        padding: 1% 3%;
        overflow: auto;
    }

        #articleContent h1 {
            margin-top: 20px;
        }


    /* Warranty Pages 
--------------------------------------------- */
    .warrantyCompareTable {
        width: 100%;
        color: #333;
    }
        /*font-weight:bold; }*/
        .warrantyCompareTable td {
            text-align: center;
        }

        .warrantyCompareTable tr td:first-child {
            color: #000;
            text-align: left;
        }

        .warrantyCompareTable .bullet {
            display: inline-block;
            margin: 0 auto;
            width: 12px;
            height: 12px;
            border-radius: 6px;
            background-color: #333;
        }

    .warrantyTable {
        width: 100%;
        margin-top: 20px;
    }

        .warrantyTable th {
            text-align: left;
        }

        .warrantyTable tr td:first-child {
            color: #000;
            vertical-align: top;
        }
    /*font-weight:bold; }*/

    /* Go Cordless 
-------------------------------------------- */
    /*
.goCordlessPage { font-size:18px; line-height:1.5; font-family:"Arial", "Helvetica W01 Light", Helvetica, sans-serif; }
.goCordlessPage h1, .goCordlessPage h2, .goCordlessPage h3, .goCordlessPage h4, .goCordlessPage h5, .goCordlessPage b { font-family:"Arial Black", Arial, sans-serif; }
.goCordlessPage .threeCol.noPad .col { padding:0; width:31.3%; margin-right:2%; }
.goCordlessPage .threeCol.noPad .col:nth-child(3n) { margin-right:0; margin-left:2%; }
.goCordlessPage .threeCol.noPad .col:nth-child(3n-1) { margin-left:1%; margin-right:1%; }
.panelHeading { text-align:center; margin-bottom:10px; }
h1.cordlessHeading, h3.cordlessHeading { display:inline-block; border-bottom:3px solid #ec8b22; position:relative; color:#273b6e; margin:10px auto; padding-bottom:8px; font-weight:bold; text-transform:capitalize; font-size:24px; }
.cordlessHeading .accentArrow { display:inline-block; width:0; height:0; border-top:5px solid #ec8b22; border-left:5px solid transparent; border-right:5px solid transparent; position:absolute; left:48%; bottom:-8px; }
.cordlessHeader { background-image:url(/images/gocordless/mainimage_family_tall.jpg); background-repeat:no-repeat; background-size:cover; }
.cordlessHeader .headerOverlay { background-color:#fff; border:2px solid #ccc; padding:4%; width:33%; text-align:center; line-height:1.3; box-sizing:border-box; margin:35px; display:inline-block; }
.cordlessHeader h2 { font-weight:bold; color:#273b6e; font-size:22px; text-transform:uppercase; }
.cordlessHeader h5 { text-transform:none; font-family:"Arial", "Helvetica W01 Light", Helvetica, Arial, sans-serif; }
.projectCordlessCTA .col { padding:0; }
.projectCordlessCTA img { display:block; }
.cordlessStatGraphics { margin:0; padding:25px 7%; background-color:#fff; }
.cordlessStatGraphics .small { text-align:right; color:#777; }
.cordlessStatGraphics .small a { color:#777; }
#WhyCordless { padding:25px 7%; background-color:#eee; }
#WhyCordless a { color:#202020; }
#WhatsHappening { padding:25px 7%; }
#WhatsHappening .cordlessVideoLink { text-align:center; color:#ec8b22; font-size:14px; float:left; width:40%; margin:10px 20px 10px 0; }
#WhatsHappening .cordlessVideoLink p { margin:0; }
#WhatsHappening .PWBSlogo { float:right; margin:20px 0 20px 15px; max-width:24%; }
#RaiseAwareness { padding:25px 4% 30px; background-color:#eee; text-align:center; }
#RaiseAwareness h2 { font-weight:bold; font-size:26px; color:#ec8b22; text-transform:none; }
#RaiseAwareness .cordlessSocialIcon { display:inline-block; margin:10px auto 15px; background-color:#273b6e; background-position:center; background-size:45px 45px; background-repeat:no-repeat; width:75px; height:75px; border-radius:40px; }
.cordlessSocialIcon.fbIcon { background-image:url(/images/icons/facebook_white.svg); }
.cordlessSocialIcon.twitIcon { background-image:url(/images/icons/twitter_white.svg); }
.cordlessSocialIcon.pinIcon { background-image:url(/images/icons/pinterest_white.svg); }
#RaiseAwareness .shareBtn { width:100%; position:relative; padding-left:65px; overflow:hidden; }
#RaiseAwareness .shareBtn span { display:inline-block; position:absolute; top:0; left:0; border-right:1px solid #eee; width:42px; height:42px; background-size:30px 30px; background-repeat:no-repeat; background-position:center; box-shadow:rgba(0, 0, 0, .1) 1px 0px; }
#RaiseAwareness .shareBtn .fbIcon { background-image:url(/images/icons/facebook_white.svg); }
#RaiseAwareness .shareBtn .twitIcon { background-image:url(/images/icons/twitter_white.svg); }
#RaiseAwareness .shareBtn .pinIcon { background-image:url(/images/icons/pinterest_white.svg); }

#GetTheFacts {
    padding:25px 4%; text-align:center;
    background: #d2ebff;
    background: -moz-linear-gradient(top,  #d2ebff 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top,  #d2ebff 0%,#ffffff 100%);
    background: linear-gradient(to bottom,  #d2ebff 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ebff', endColorstr='#ffffff',GradientType=0 );
}
#GetTheFacts .twoCol { margin-top:15px; }
#GetTheFacts p { padding:0 10%; }
#GetTheFacts .cordlessFactsBox { background-color:#273b6e; overflow:auto; color:#fff; padding-right:15px; }
#GetTheFacts .cordlessFactsBox p { padding:0; }
#GetTheFacts .cordlessFactsBox img { float:left; margin-right:15px; display:block; max-width:50%; }
#ProjectCordless { padding:25px 4%; background-color:#eee; }
#ProjectCordless .projectCordlessCols { overflow:auto; }
.projectCordlessCols .pcCol { float:left; display:inline-block; width:35%; padding:0 2%; box-sizing:border-box; }
.projectCordlessCols .pcCol:first-child { width:65%; float:right; }
#ProjectCordless h5 { margin:20px 0; color:#273b6e; text-transform:none; font-size:20px; }
#JoinTheMovement { padding:30px 4%; text-align:center; background-color:#d8edff; }
.genericModal .woobox-offer iframe { width:100% !important; }
.contestRulesBtn { margin:25px auto; display:block; text-align:center; font-size:16px; }
.contestRules { padding:0 3%; }
*/


    /* Cordless Safety (Infographic) 
-------------------------------------------- */
    /*
.cordlessSafetyTop { background-color:#eee; overflow:auto; }
.cordlessLogo { width:30%; float:left; }
.cordlessTopText { display:inline-block; float:left; width:70%; box-sizing:border-box; padding:5px 2% 5px 5%; font-size:16px; }
.cordlessTipTitle { width:85%; margin:0 7.5%; }
.cordlessStats { background-color:#eee; padding:15px 0; font-size:16px; margin:35px 0; }
.cordlessStats .col.cordlessStat1 { width:40%; border-right:2px solid #000; padding:10px 12% 0; box-sizing:border-box; margin:0; }
.cordlessStats .cordlessStat1 p { margin-top:0; }
.cordlessStats .col.cordlessStat2 { width:60%; padding:0 7%; margin:0 !important; box-sizing:border-box; }
.cordlessStats .cordlessStat2 img { float:left; margin-right:10px; }
.cordlessStats .cordlessStat2 p { margin-top:60px; }

.cordlessSteps { font-size:20px; margin-top:10px; }
.cordlessSteps .stepNum { font-size:45px; font-weight:bold; line-height:20px; }
.cordlessStep1 p { padding:0 2%; }
.cordlessStep2 { background-color:#eee; padding:15px !important; }
.cordlessStep2 .contentWrap { background-color:#fff; position:relative; padding:10px; }
.cordlessStep2 p { position:absolute; bottom:0; right:10px; width:45%; }
.cordlessStep2 img { width:66%; }
.col.cordlessStep3 { clear:both; width:40%; padding:0 2%; }
.cordlessStep3 img { float:right; width:50%; margin-top:15px; }
.col.cordlessStep4 { width:60%; padding:2% 22% 2% 2%; background-color:#eee; margin-top:5px; background-image:url(/images/specialpages/cordlesssafety/cordloop2.jpg); background-position:right bottom; background-repeat:no-repeat; background-size:33%; }
.cordlessStep4 img { float:right; margin-left:10px; width:35%; }
.col.cordlessStep5 { clear:both; padding:0 2%; width:60%; }
.col.cordlessStep5_1 { width:40%; padding-top:10px; }

.cordlessReasons { margin:35px 0; }
.cordlessReasons .col { overflow:auto; padding-right:2%; }
.cordlessReasons .col .imgLeft { width:40%; margin:0 3% 0 0; }
.cordlessReasons .col .imgLeft img { display:block; }
.cordlessReasons .col .contentWrap { display:inline-block; float:left; width:57%; }
.cordlessReasons .col:nth-child(odd) { clear:both; }
.cordlessReasons .col:nth-child(1), .cordlessReasons .col:nth-child(4), .cordlessReasons .col:nth-child(5) { background-color:#eee; }
*/

    /* Coupon Page */
    /*
.salePage { border-top-color:#ce2127; }
.salesHeader { text-align:center; }
.salesHeader .mainPromoLine { color:#ce2127; margin:25px 0 0; border:none; font-size:60px; padding-bottom:0; }
.salesHeader .secondaryPromoLine { font-size:30px; color:#202020; font-weight:normal; text-transform:uppercase; margin-top:0; }
.salesBanner { border:1px solid #ccc; background-color:#eee; position:relative; padding:45px 3% 3%; overflow:auto; margin-bottom:15px; font-size:24px; }
 .salesBanner.linkBanner:hover { cursor:pointer; background-color:#ddd; border-color:#aaa; }
.salesBanner .cornerBanner { height:34px; line-height:34px; padding:0 15px; font-size:22px; }
.salesBanner .cornerBannerWrap .rightEdge { border-top-width:17px; border-bottom-width:17px; }
.salesBanner .imageWrap { display:inline-block; float:left; width:30%; border:1px solid #ccc; background-color:#fff; padding:5px; margin-right:3%; }
.salesBanner .imageWrap img { width:100%; display:block; }
.salesBanner .contentWrap h4 { text-transform:uppercase; margin:10px 0 0; font-size:30px; }

#saleTiles { overflow:auto; margin:10px 0; }
.saleTile { border:1px solid #ccc;  box-sizing:border-box; position:relative; background-color:#eee; padding:45px 10px 60px; width:30%; margin-right:5%; margin-bottom:15px; overflow:hidden; font-size:18px; display:inline-block; float:left; }
.saleTile:nth-child(3n) { margin-right:0; }
 .saleTile:hover { cursor:pointer; background-color:#ddd; border-color:#aaa; }
.saleTile .cornerBannerWrap { top:10px; }
 .saleTile:hover .saleTitle { text-decoration:none; }
.saleTile .saleImage { width:100%; }
.saleTile .saleTitle { font-size:20px; text-transform:uppercase; color:#202020; margin:5px 0; display:block; min-height:50px; font-weight:bold; }
.saleTile .saleSubTitle { min-height:42px; }
.saleTile .saleTileBottom { position:absolute; bottom:10px; font-size:16px; }

.MediumContentBox{ margin-left:1px; background-color:#eeeeec; padding:0 0 15px 0; border:1px solid #bfbfbf; }
.MediumContentBoxHeadline{ width:100%; height:35px; color:#fff; text-transform:uppercase; letter-spacing:-1px; font-family:Arial,Helvetica,Sans-Serif; font-size:18px; font-weight:normal; position:relative; background-color:#203d7d; }
.MediumContentBoxHeadline span{ float:left; padding:6px 0 0 18px; }
.MediumContentBoxContent{ padding:18px; color:#202020; font-size:12px; }
.MediumContentBoxContentError{ border:5px solid #fce78f; padding:8px; }
.HeaderIconText{ Color:#202020; font-size:12px; font-family:Tahoma,Arial,Helvetica,sans-serif; text-transform:uppercase; text-decoration:none; height:65px; width:80px; display:block; float:left; background-repeat:no-repeat; }
*/

.unsubscribeLogoImg {
    margin-top: 20px;
    max-width: 400px;
}

.unsubscribe p {
    font-size: 16px;
}

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

.unsubscribe p.mini {
    font-size: 12px;
}

    /* Error pages */
    .errorCols > .col {
        width: 62%;
    }

        .errorCols > .col:first-child {
            float: right;
            width: 38%;
            padding: 25px 1%;
        }


    /* Footer
-------------------------------------------- */
    footer {
        background-color: #eee;
        overflow: auto;
        padding: 20px 0 0;
        font-family: "Helvetica W01 Cn", Helvetica, Arial, sans-serif;
    }

        footer a, footer a:link, footer a:visited {
            color: #444;
            font-size: 12px;
            text-transform: uppercase;
            text-decoration: none;
        }

            footer a:hover {
            }

        footer .container {
            position: relative;
            padding-top: 90px;
        }

    .footerFirstRow {
        text-transform: none;
        overflow: auto;
        padding-bottom: 5px;
        position: absolute;
        top: 0;
        left: 0;
        height: 110px;
        box-sizing: border-box;
        width: 100%;
        overflow-y: hidden
    }

        .footerFirstRow .title {
            color: #444;
            font-size: 14px;
        }

        .footerFirstRow .stayConnected {
            display: inline-block;
            float: left;
        }

            .footerFirstRow .stayConnected .title {
                margin-bottom: 10px;
            }

    .socialList {
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: auto;
    }

        .socialList li {
            display: inline-block;
            float: left;
            margin: 0 4px 4px;
            padding: 0;
        }

    .spriteSocial {
        background-image: url('/images/icons/social.svg');
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        display: block;
    }

        .spriteSocial:hover {
            opacity: 0.8;
        }

    .spriteSocialMedia {
        background-image: url('/images/icons/social-media_new.svg');
        width: 24px;
        height: 24px;
        background-size: 265px 24px;
        background-repeat: no-repeat;
        display: block;
    }

        .spriteSocialMedia:hover {
            opacity: 0.8;
        }

    .spriteSocialRSS {
        background-position: 0 0;
    }

    .spriteSocialFacebook {
        background-position: -24px 0;
    }

    .spriteSocialPinterest {
        background-position: -48px 0;
    }

    .spriteSocialGoogle {
        background-position: -72px 0;
    }

    .spriteSocialTwitter {
        background-position: -96px 0;
    }

    .spriteSocialYouTube {
        background-position: -120px 0;
    }

    .spriteSocialInstagram {
        background-position: -144px 0;
    }

    .spriteSocialHouzz {
        background-position: -168px 0;
    }

    .spriteSocialLinkedIn {
        background-position: -192px 0;
    }

    .spriteSocialTikTok {
        background-position: -239px 0;
    }

    .footerFirstRow .signup {
        display: inline-block;
        float: left;
        overflow: auto;
        width: 40%;
        box-sizing: border-box;
        padding: 0px 5% 0px 0px;
        border-right: 1px solid #ddd;
    }

        .footerFirstRow .signup .errorMsg {
            display: none !important;
        }

        .footerFirstRow .signup .title {
            margin-bottom: 10px;
            font-style: italic;
        }

            .footerFirstRow .signup .title b {
                font-style: normal;
            }

        .footerFirstRow .signup .form-field {
            display: inline-block;
            float: left;
            width: 65%;
        }

            .footerFirstRow .signup .form-field input {
                width: 100%;
                border: 1px solid transparent;
                font-size: 12px;
                padding: 9px 5px;
                box-sizing: border-box;
            }

        .footerFirstRow .signup .lgBtn {
            float: left;
            padding: 9px 5px;
            font-size: 14px;
            line-height: normal;
            width: 35%;
            box-sizing: border-box;
        }

    .footerFirstRow .contactInfo {
        display: inline-block;
        float: left;
        padding: 0px 0px 0px 5%;
        box-sizing: border-box;
        width: 60%;
        font-size: 15px;
        color: #444;
    }

        .footerFirstRow .contactInfo a {
            font-size: 16px;
            padding: 7px 0 5px 34px;
            text-decoration: none !important;
            text-transform: none;
            display: block;
            background-size: 24px 24px;
            background-position: left 2px;
            background-repeat: no-repeat;
        }

        .footerFirstRow .contactInfo .blue {
            font-weight: bold;
            text-transform: uppercase;
        }

        .footerFirstRow .contactInfo .callUs {
            background-image: url(/images/icons/phone_grey.svg);
            background-size: 20px 30px;
        }

        .footerFirstRow .contactInfo .liveChatIcon {
            background-image: url(/images/icons/chat_icon.svg);
            background-size: 34px 34px;
        }

        .footerFirstRow .contactInfo .liveChat {
            position: relative;
        }

            .footerFirstRow .contactInfo .liveChat .chatIcon {
                position: absolute;
                top: 0;
                left: 0;
                width: 26px;
                height: 26px;
            }

                .footerFirstRow .contactInfo .liveChat .chatIcon .LPMoverlay {
                    width: 100% !important;
                    height: 100% !important;
                }

                .footerFirstRow .contactInfo .liveChat .chatIcon img {
                    width: 100% !important;
                    height: 100% !important;
                }

        .footerFirstRow .contactInfo .contactHours {
            margin: 8px 0 0;
        }

    .footerFirstRow small {
        font-size: 8px;
        color: grey;
    }

    .footerSecondRow {
        border-top: 1px solid #ddd; /*border-bottom:1px solid #151515;*/
        margin: 17px 0 30px;
        overflow: auto;
        box-sizing: border-box;
    }

        .footerSecondRow .title {
            margin-top: 15px;
            margin-bottom: 15px;
            color: #444;
            font-size: 16px;
            line-height: normal;
            text-transform: uppercase;
            font-weight: bold;
        }

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

        .footerSecondRow .footCol {
            display: inline-block;
            box-sizing: border-box;
            padding-top: 15px;
            width: 22%;
        }

        .footerSecondRow .firstCol {
            float: left;
            width: 38%;
        }

            .footerSecondRow .firstCol ul.twoCol li {
                margin-bottom: 0;
                padding-right: 1%;
            }

        .footerSecondRow .secondCol {
            float: left;
            width: 24%;
            padding-left: 3%;
        }

        .footerSecondRow .thirdCol {
            float: left;
            width: 20%;
            padding-left: 1%;
        }

        .footerSecondRow .fourthCol {
            float: right;
            width: 16%;
            padding-left: 1%;
        }
    /*.footerSecondRow .thirdCol { float:right; width:38%; padding-left:2%; }*/
    .footerCerts {
        padding: 20px 0;
        overflow: auto;
    }
    /*.McAfeeLogo, .bbbLink { display:inline-block; float:left; }
.bbbLink { width:66.6%; }
.McAfeeLogo { width:33.3%; }
.McAfeeLogo img { max-height:42px; }*/

    .footerThirdRow {
        border-top: 1px solid #ddd;
        text-align: center;
        color: #555;
        font-size: 12px;
        padding: 20px 2.5%;
    }

    .otherSites {
        margin-bottom: 10px;
        text-transform: uppercase;
    }

        .otherSites ul {
            display: inline-block;
            margin: 0 auto;
            padding: 0;
        }

            .otherSites ul li {
                display: inline-block;
                float: left;
                padding: 0 12px;
                border-right: 1px solid #555;
            }

                .otherSites ul li:first-child, .otherSites ul li:last-child {
                    border-right: none;
                }

            .otherSites ul .title {
                font-weight: bold;
            }

    .footerSbInfo, .footerAddress {
        display: inline-block;
    }

    footer .footerSbInfo a {
        text-transform: none;
    }

    .serverName {
        font-size: 22px;
    }


    /*independent reviews*/
    .indreviewsimages > a {
        padding: 10px;
    }

    .indreviewsimages .imgicon > p {
        padding: 70px;
        float: left;
    }

    .imgicon {
        float: left;
        width: 10%;
    }

    @media screen and (min-width:997px) and (max-width: 1280px) {
        #categoryBanner img {
            height: auto;
        }
    }

    @media screen and (max-width:996px) {

        /*.categoryReviews .reviewContent {
            margin: 0px 10px;
        }*/
        #categoryReviewContainer {
            margin: 0px 10px;
        }

            #categoryReviewContainer h2 {
                margin-left: 12px;
            }

        #upperCatRevPaging {
            margin-right: 5px;
        }

        #lowerCatRevPaging {
            margin-top: 70px;
        }

        #topNav > li > a, #topNav > li > h2 a {
            padding: 0 4px;
        }

        #topNav a {
            font-size: 13px;
        }

        .promoleftspan {
            width: 10%;
        }

        .promoTextspan {
            width: 60%;
        }

        .promorightspan {
            width: 30%;
        }

        .reviewStarsLabel {
            width: 75% !important;
        }

        #indContentReviews .col {
            width: 100% !important;
            margin-top: 10px;
        }

        .featuredimg {
            width: 30%;
            height: 10%;
        }

        .reviewVideoContainer {
            width: 100%;
            position: relative
        }

        .videoContainer iframe {
            height: 315px;
            width: 100%;
        }

        img {
            height: auto !important;
        }

        #mylayer {
            left: 0 !important;
            width: 100% !important;
            overflow: hidden;
        }

        .flexslider {
            overflow: hidden;
        }

        #countdown {
            padding: 0px 1%;
        }

        #mainSlider .flex-pauseplay a {
            left: 625px;
        }

        .container {
            width: 100%;
            overflow: auto;
            box-sizing: border-box;
        }

        #header .container {
            overflow: visible;
        }

        .headerTop {
            padding: 0 7px;
        }

        .headerLinks li {
            margin-left: 10px !important;
            margin-right: 0 !important;
        }

        #AcctContainer .headerMsg {
            width: auto;
            margin-left: 26%;
        }

        #TopAcctContainer .cartCountsListItem:last-child {
            background: none;
            margin: 0;
        }

        #topNav .navImgWrap .navCaption h3 {
            font-size: 19px;
            margin: 8px 0;
        }

        #topNav .navImgWrap .navCaption {
            font-size: 13px;
        }

        .customRadio .radio:not(.guestAccount){
            width: 20px;
            height: 20px;
            border-radius: 10px;
        }

        .customRadio .radio:not(.guestAccount).selected .checked{
            width: 14px;
            height: 14px;
            border-radius: 7px;
        }

        .helpTooltip {
            border-radius: 10px;
            font-size: 13px;
            line-height: 18px;
        }

        footer .container {
            padding: 90px 2.5% 10px;
        }

        .footerFirstRow {
            width: 95%;
            left: 2.5%;
        }

            .footerFirstRow .signup {
                padding-right: 2.5%;
            }

            .footerFirstRow .contactInfo {
                padding-left: 2.5%;
            }

        .footerSecondRow .firstCol {
            width: 36%;
        }

        .footerSecondRow .secondCol {
            width: 22%;
            padding-left: 2%;
        }

        /* FlexSlider */
        #mainSlider .flexslider .slides img, #exploreBlindsSlider .flexslider .slides img, #exploreShadesSlider .slides img {
            height: auto;
        }

        .flex-direction-nav .flex-prev {
            left: -15px;
            opacity: 0.5;
        }

        .flex-direction-nav .flex-next {
            right: -15px;
            opacity: 0.5;
        }

        .slideCaptionInfo {
            float: none;
            display: block;
            width: 100%;
            box-sizing: border-box;
        }

        .slidePriceInfo {
            display: block;
            float: none;
            width: 100%;
            box-sizing: border-box;
            border-left: none;
            border-top: 1px solid #ccc;
            padding-top: 5px;
        }

        /* Home Page */
        .hpVidContainer {
            width: 100%;
            height: auto;
            float: none;
            border-left: none;
            border-right: none;
            padding: 20px 2.5%;
        }

        .homeGrayCol {
            width: 100%;
            border: none;
            height: auto;
            float: none;
        }

        .homeGrayColInner {
            height: auto;
            overflow: auto;
            padding: 15px 1.5%;
        }

        .homeGrayCol .homeGrayColInner > div {
            display: inline-block;
            float: left;
            width: 33.3%;
            box-sizing: border-box;
            padding: 0 3% 0 2%;
        }

        .homeGrayCol .hasBottomSeparator {
            background: url(/css/images/vertSeperator.png) no-repeat top right;
        }

        .homePageBottom {
            padding: 0 2.5%;
        }

        /* Category Pages */
        #categoryBanner .categoryInfo {
            height: 95%;
            margin: 4px;
            padding: 10px 2%;
            z-index: 10;
        }

        [data-viewtype="gridView"] .productTile .productImageWrap .productImage {
            width: 100%;
        }

        .qqSortBy, .qqText, .qqWidth, .qqHeight, .qqBtn {
            padding: 0 2px;
        }

        .qqText {
            display: none;
        }

        .imgicon {
            float: left;
            width: 10%;
        }

        #mainSlider .flex-pauseplay a {
            left: 47% !important;
        }

        #entreprise-quebecoise-logo {
            display: none;
        }
    }
    /*Stanislav*/
    @media screen and (max-width: 1680px) {
        .reviewVideoContainer {
            width: 75%;
            position: relative
        }

        .videoContainer iframe {
            height: 315px;
            width: 100%;
        }
        /*#mainSlider .flex-pauseplay a {left: 635px;}*/

        #mainSlider .flex-pauseplay a {
            left: 45.8% !important;
        }

        .imgicon {
            float: left;
            width: 10%;
        }
    }

    @media screen and (min-width: 1366px) {
        .wHtmlControls.threeSlides .flex-control-nav li {
            width: 28px;
            min-width: 16px;
        }

        #mainSlider .flex-control-paging li a {
            margin: 10px 3px 6px 13px;
        }
    }

    @media screen and (min-width: 1024px) and (max-width: 1279px) {
        .productImageName {
            margin: 6px 0;
        }

        .tileColors {
            margin: 55px 0 10px;
        }
    }

    @media screen and (min-width: 770px) and (max-width: 850px) {
        .tileColors {
            margin: 10px 0;
        }
    }

    @media screen and (max-width: 1024px) {
        .CcTextArea {
            width: 95%;
        }

        .productImageName {
            font-size: 13px;
            font-weight: normal;
        }

        .featuredimg {
            width: 30%;
            height: 10%;
        }

        .reviewVideoContainer {
            width: 100%;
            position: relative
        }

        .videoContainer iframe {
            height: 315px;
            width: 100%;
        }

        /* Free Samples */
        .samplesCategoryList > li {
            width: 32%;
            font-size: 13px;
        }

        .samplesProductColorList li {
            width: 13%;
        }

            .samplesProductColorList li:nth-child(8n+1) {
                clear: none;
            }

            .samplesProductColorList li:nth-child(7n+1) {
                clear: both;
            }

        .mobileSampleBtnContainer {
            display: block;
        }

        #mainSlider .flex-pauseplay a {
            left: 44.8% !important;
        }

        .sidebox {
            padding: 0;
            border: none;
            margin-bottom: 0;
        }



        .imgicon {
            float: left;
            width: 10%;
        }

        .customSelect select {
            margin: 0 0 0 -4px;
            font-size: 15px;
            padding: 5px 0 5px 3px;
        }

        .bigStar > .ratingStars > span {
            width: 20px;
            height: 20px;
        }
    }

    .starRate {
        display: inline-block;
        margin: 0 76px -4px 74px;
        padding: 0;
        list-style: none;
        min-width: 15% !important;
    }

    #embededCarouselVideo {
        position: absolute;
        left: 540px;
        top: 77px;
    }

    .wideDiyTabs {
        min-height: 325px;
    }

    #discoverSlider {
        min-height: 295px;
    }

    @media screen and (max-width: 769px) {

        #TopAcctContainer .iconDrop {
            margin-top: 3px;
        }

        .warrantyTable {
            margin-left: 20px;
            width: auto;
        }

        .feature_nameWithPlayIcon {
            width: 70% !important;
        }

        .linkTextemailSignUpFr {
            font-size: 14px !important;
        }

        .linkTextemailSignUpTextFr {
            font-size: 11px !important;
        }

        .clearAllSpanColor {
            margin-right: 20px;
        }

        .feature_name {
            font-weight: normal;
            /*display: inline-block;*/
        }

        .blueTabs > li.WishListTab > a {
            padding-left: 35px;
        }

            .blueTabs > li.WishListTab > a span {
                background-image: url(/images/icons/my-account-heart-selected.svg);
            }

        .promobannertext {
            width: 60%;
        }

        .countdowntimer {
            width: 40%;
        }

        .measureWrap .measureInputs {
            width: 100%;
        }

        .measureMountType {
            box-sizing: border-box;
            display: inline-block;
            float: left;
            padding: 1%;
            width: 40%;
            margin: 0 1.5% 14px;
            border: 2px solid #ccc;
            cursor: pointer;
            position: relative;
            margin-left: 25px;
        }

        .headrailFeature .headrailOptionFeature {
            box-sizing: border-box;
            display: inline-block;
            float: left;
            padding: 1%;
            width: 43%;
            margin: 0 1.5% 14px;
            border: 2px solid #ccc;
            cursor: pointer;
            position: relative;
        }

        .measureWrap > img {
            display: inline-block;
            float: left;
            width: 80%;
        }

        .measureWrap {
            width: 50%;
            display: inline-block;
            float: left;
            box-sizing: border-box;
            padding: 0px 20px;
            overflow: visible;
        }

        .measurewidth img, .measureheight img {
            display: block;
            width: 85%;
            margin-bottom: 15px;
        }

        .mountTypeFeature .featureOpt .featureMessage {
            margin-top: -5px;
            width: 88%;
            padding: 2.5% 20px;
        }

        .qt-colorsAvailable {
            max-width: 170px !important;
        }

        /*.moreColors {
        padding: 4px 12px
    }*/

        .colors_more {
            margin-right: 22px;
        }


        .tileColors {
            margin: 10px 0 10px;
            height: 34px;
            overflow: hidden;
        }

        .featureprodstep3 .colorswatchesimgf2Mobile .tileColors {
            margin: 0;
            overflow: hidden;
        }

        #mainSlider {
            display: none !important;
        }

        .promomobileimg {
            display: block;
        }

        .tabFeatureTitleHorizontal {
            width: 100%;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            background: linear-gradient(to bottom,#31539d 0%,#31539d 50%,#1b3e78 100%);
            border: 1px solid #ccc;
            color: white;
            border-bottom: 0;
        }

        .reviewStarsLabel {
            width: 60% !important;
        }

        .diyCols .postHoverText .linkList {
            margin: 10px 0;
        }

        .letUsHelp .postHoverText .linkList {
            margin: 3px 0;
        }

        .linkList {
            padding: 10px 0px 50px;
        }

        .diyCol149 .linklist li {
            text-align: center;
            list-style: none;
            /*margin: 30px -10px -14px 0px;*/
            margin: 15px -10px 0px 0px;
            padding: 0px;
        }

        .letUsHelp .postHoverText {
            bottom: 25px !important;
        }

        .linkList li {
            margin: -50px 0px 47px;
        }

        .diyCols .postHoverText {
            position: absolute;
            bottom: -25px;
            left: 2.5%;
            width: 95%;
            padding: 0 3%;
        }

        .diyCols .subTitle {
            padding-top: 14px;
            margin-bottom: -8px;
            font-size: 26px;
        }

        .promotier1mob {
            width: 100%;
            float: none !important;
        }

        #countdown {
            width: 250px !important;
            padding: 0 0px 4px 120px !important;
            margin: -4px !important;
            font-size: 16px;
        }

        #countdownWrap {
            display: inline-block;
            line-height: 18px;
        }

        .ui-dialog {
            background-color: #FFF !important;
        }

        .contactSignup .form-field input {
            width: 195%;
            border: 1px solid #999;
            box-sizing: border-box;
            padding: 3px;
        }

        #topNav .drop > ul .hasDrop {
            min-width: 220px;
            display: inline !important;
        }

        .customerReview .customerRatingWrap {
            padding: 10px 3px;
            width: 97%;
        }

        .prodSub {
            text-align: right;
            margin: 20% 10% 0%;
        }

        .starRate {
            display: inline-block;
            margin: 0 0 -4px -2px;
            padding: 0;
            list-style: none;
            min-width: 15% !important;
        }

        .customerRatingWrap .ratingTabSep {
            margin: 2px;
        }

        .fourCol {
            margin: 10px
        }

        #reviewProduct input[type=text], #reviewProduct textarea, .dropDownCategoryProd {
            width: 300px !important;
        }

        .featuredimg {
            width: 30%;
            height: 10%;
        }

        .reviewVideoContainer {
            width: 100%;
            position: relative
        }

        .videoContainer iframe {
            height: 250px;
            width: 100%;
        }

        .visible-tablet {
            display: block !important;
        }

        .inline-tablet {
            display: inline-block !important;
        }

        .hidden-tablet {
            display: none !important;
        }

        body {
            background-image: none;
            padding-top: 45px;
            font-size: 15px;
        }

        input, textarea, select, button, .grayBtn, .orangeBtn, .whiteBtn {
            font-size: 16px;
        }

        .onlyMobile {
            display: block;
        }

        .blackOverlay {
            cursor: pointer;
        }

        /*#goToTopTab {
        bottom: 69px;
        width: 42px;
        height: 42px;
        padding: 0px 8px;
    }
      #goToTopTab span {
            color: #fff;
        }*/
        /*.qtip-tip {
        top: -15px !important;
    }*/
        .ui-dialog:not(.iosModal) {
            top: 5px;
        }

        .ui-dialog {
            max-width: 98%;
        }

        #mainSlider .flex-pauseplay a {
            margin-left: -330px;
            left: 0px;
        }

        #mainSlider .flex-control-paging li a {
            margin: 10px -3px 6px 1px;
        }

        #mainSlider .wHtmlControls .flex-control-nav {
            margin-left: 45px
        }

        .imgLeft {
            max-width: 35%;
        }

        .imgRight {
            display: none;
        }

        .linkList li {
            margin: 3px 0;
        }

        #popupContainer, #popupMask {
            display: none !important;
        }
        /* hides Reseller Ratings popup until they make it responsive */

        .recentlyViewedBox .form-group input, .recentlyViewedBox .form-group textarea {
            padding: 5px;
            box-sizing: border-box;
            margin-bottom: 3px;
        }

        #header .fixedHeader {
            z-index: 668;
            border-bottom: 1px solid #aaa !important;
            height: 45px;
            background: #eeeeee;
            background: -moz-linear-gradient(top, #eeeeee 0%, #eeeeee 50%, #dddddd 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(50%,#eeeeee), color-stop(100%,#dddddd));
            background: -webkit-linear-gradient(top, #eeeeee 0%,#eeeeee 50%,#dddddd 100%);
            background: -o-linear-gradient(top, #eeeeee 0%,#eeeeee 50%,#dddddd 100%);
            background: -ms-linear-gradient(top, #eeeeee 0%,#eeeeee 50%,#dddddd 100%);
            background: linear-gradient(to bottom, #eeeeee 0%,#eeeeee 50%,#dddddd 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
        }

        .buttonSet .sideMenuBtn {
            display: inline-block;
            background-image: url(/images/icons/subMenu.svg);
            background-repeat: no-repeat;
            background-position: 8px center;
            background-size: 20%;
            padding-left: 25px;
            background-color: #eee;
        }

        .fixfixed #header, .fixfixed #header .PromoHeaderBanner, .fixfixed #NavBarMenu .menuBtn {
            position: absolute !important;
        }

        #header .chatBtn, #header .callBtn {
            display: none;
        }

        #header .headerTop {
            padding: 0 0 0 45px;
            box-sizing: border-box;
            height: auto;
        }

        #AcctContainer .headerMsg {
            margin-left: 38%;
            display: none;
        }

        #header .PromoHeaderBanner {
            float: none;
            width: 100%;
            text-align: left;
            overflow: hidden;
            box-sizing: border-box;
            position: relative;
            top: auto;
            height: auto;
        }

            #header .PromoHeaderBanner img {
                width: 100%;
                display: block;
            }

        #header .logo {
            top: 14px;
            margin-left: 48px;
            clear: none;
            width: 170px;
        }

        #header #TopAcctContainer {
            height: 45px;
            background-image: none;
            margin: 0;
            padding: 0;
        }

            #header #TopAcctContainer .cartCountsListItem .TopAcctItem {
                width: 45px;
                height: 45px;
                border-left: 1px solid #aaa;
                border-right: none;
                padding: 0;
            }

            #header #TopAcctContainer .cartCountsListItem:last-child {
                padding-right: 0;
            }

        .samplesModal .sampleCartList {
            height: auto;
        }

        .samplesModal .continueShopping {
            color: #666;
            border: 1px solid #999;
            line-height: 30px;
            font-size: 17px;
            width: 100%;
            text-align: center;
            margin-bottom: 10px;
            width: 80%;
            margin-left: 20px;
        }

        .samplesModal .finalizeSamples {
            width: 86%;
            text-align: center;
            margin-left: 20px;
            line-height: 32px;
            font-size: 16px;
        }

        .cartBlock .sampleCartItem {
            margin-bottom: 7px;
        }

            .cartBlock .sampleCartItem .colorName {
                font-size: 13px;
            }

        .cartBlock .sampleCartTotal .colorName {
            font-size: 13px;
            padding-left: 15px;
        }

        .cartBlock .sampleCartItem .delete {
            height: 22px;
            width: 22px;
            line-height: 18px;
        }

        #TabModalContents {
            width: 98% !important;
            left: 1% !important;
            top: 0;
        }

        .flexslider .flex-direction-nav .flex-next {
            right: -10px;
        }
        /* on tablet and below, the right side has no padding */

        .promoTier1 .container, .hasCountdown .promoTier1 .container, .hasCountdown .hasExpandable .promoTier1 .container { /*padding-right:45px;*/
            min-height: 42px;
        }

        .hasCountdown .promoTier1 .container {
            padding-left: 100px;
        }

        .promoTier2 .container {
            padding: 10px !important;
        }

        .PromoHeaderBanner.hasCountdown #countdownWrap {
            width: 95px;
            min-height: 42px;
            min-width: 0;
            right: auto;
            top: 0;
            left: 0;
            padding: 4px 5px;
            font-size: 11px;
            line-height: 10px;
            white-space: normal;
        }

        .PromoHeaderBanner.hasCountdown #countdown {
            font-size: 13px;
            line-height: normal;
            color: #fff !important;
            width: 100%;
            text-align: center;
            margin: 0;
        }

        .PromoHeaderBanner.hasCountdown .saleEnds {
            display: block;
            color: #fff;
            font-size: 11px;
            clear: both;
            text-align: center;
        }

        .PromoHeaderBanner.hasCountdown .saleEndsFr {
            display: block;
            color: #fff;
            font-size: 11px;
            clear: both;
            text-align: center;
        }

        .promoTierBtn {
            background-color: rgba(0, 0, 0, 0.1);
            box-sizing: border-box;
            height: 42px;
            width: 42px;
            padding: 13px;
        }

            .promoTierBtn span {
                background-color: transparent;
                color: #fff;
            }

        #NavBarMenu .menuBtn {
            /*height: 45px;
        width: 45px;
        display: inline-block;
        position: fixed;
        top: 0;
        left: 0;
        border-right: 1px solid #aaa;
        z-index: 1001;
        background: #eeeeee;
        background-image: url(/images/icons/menu.svg), -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
        background-image: url(/images/icons/menu.svg), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd));
        background-image: url(/images/icons/menu.svg), -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
        background-image: url(/images/icons/menu.svg), -o-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
        background-image: url(/images/icons/menu.svg), -ms-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
        background-image: url(/images/icons/menu.svg), linear-gradient(to bottom, #eeeeee 0%,#dddddd 100%);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 22px 22px;*/
            height: 45px;
            width: 45px;
            display: inline-block;
            position: fixed;
            top: 0px;
            left: 0px;
            border-right: 1px solid #aaa;
            z-index: 1001;
            text-align: center;
            font-size: 11px;
            color: #777;
            box-sizing: border-box;
            padding-top: 29px;
            background: #eee;
            background-image: url(/images/icons/menu.svg),-moz-linear-gradient(top,#eee 0%,#ddd 100%);
            background-image: url("/images/icons/menu.svg"), -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(238, 238, 238)), color-stop(100%, rgb(221, 221, 221)));
            background-image: url("/images/icons/menu.svg"), -webkit-linear-gradient(rgb(238, 238, 238) 0%, rgb(221, 221, 221) 100%);
            background-image: url(/images/icons/menu.svg),-o-linear-gradient(top,#eee 0%,#ddd 100%);
            background-image: url(/images/icons/menu.svg),-ms-linear-gradient(top,#eee 0%,#ddd 100%);
            background-image: url("/images/icons/menu.svg"), linear-gradient(rgb(238, 238, 238) 0%, rgb(221, 221, 221) 100%);
            background-repeat: no-repeat;
            background-position: center 8px;
            background-size: 18px 18px;
        }

        #NavBarMenu {
            height: 0;
            width: 0;
            position: fixed;
            top: 0;
            z-index: 668;
        }

            #NavBarMenu .container {
                width: 0;
                height: 0;
                display: inline-block;
            }

            #NavBarMenu #navContainer {
                display: inline-block;
                background: #fff;
                width: 295px;
                box-shadow: rgba(0, 0, 0, .3) 4px 4px 4px;
                transition: 0.5s;
                left: 0;
                position: relative;
                padding-top: 46px;
                box-sizing: border-box;
                z-index: 604;
            }

            #NavBarMenu #topNav {
                display: block;
                width: 100%;
                overflow: auto;
                background-color: #eee;
            }

            #NavBarMenu.mobileMenuClosed #navContainer {
                transition: 0.5s;
                left: -295px;
            }

        #topNav .onlyMobile {
            display: block;
        }

        #topNav a:hover {
            text-decoration: none;
            color: #000;
        }

        #topNav > li > a.shown {
            text-decoration: none;
            color: #000;
        }

        #topNav > li > a, #topNav > li > h2 a {
            line-height: 40px;
            border-left: none;
            background-color: #fff;
            color: #000;
            font-size: 16px;
        }

        #topNav > li:hover > a, #topNav > li:hover > h2 a {
            text-decoration: none;
            color: #000;
        }

        /*
        #topNav > li > a:after, #topNav > li > h2 a:after {
            content: "+";
            font-family: Verdana,Geneva,Tahoma,sans-serif;
            font-size: 17px;
            position: absolute;
            right: 15px;
        }*/ /*david*/

        #topNav .menuexpander > a:after {
            content: "+";
            font-family: Verdana,Geneva,Tahoma,sans-serif;
            font-size: 17px;
            position: absolute;
            right: 9px;
        }

        #topNav .menuexpander > a.shown:after {
            content: "-";
            font-family: Verdana,Geneva,Tahoma,sans-serif;
            font-size: 17px;
            position: absolute;
            right: 12px;
        }


        #topNav > li {
            display: block;
            float: none;
            width: auto;
            border-right: none;
            text-align: left;
            border-bottom: 1px solid #aaa;
        }

        #topNav .navImgWrap {
            display: none;
        }

        #topNav a {
            height: auto !important;
        }

        #topNav .freeSamples {
            display: none;
        }

        #topNav .mobileNavCordless {
            white-space: normal;
        }

            #topNav .mobileNavCordless a {
                line-height: normal;
                padding: 8px 35px 8px 65px;
                background-image: url(/images/icons/child_grey.svg);
                background-repeat: no-repeat;
                background-size: 48px 48px;
                background-position: 3% -5px;
            }

        #navContainer .letsTalkBlinds {
            padding-left: 45px;
            height: 46px;
            width: 55%;
            display: table;
            position: absolute;
            top: 0;
            border-bottom: 1px solid #aaa;
            border-right: 1px solid #aaa;
        }

        #navContainer .letsTalkBlinds, .letsChat, .gradientGray {
            box-sizing: border-box;
            background: #eeeeee;
            background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd));
            background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
            background: -o-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
            background: -ms-linear-gradient(top, #eeeeee 0%,#dddddd 100%);
            background: linear-gradient(to bottom, #eeeeee 0%,#dddddd 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 );
        }

            .gradientGray.ui-dialog-content {
                background: #fff !important;
            }

        .letsTalkBlinds a {
            padding-left: 28px;
            text-transform: capitalize;
            font-size: 13px;
            border-left: none;
            font-weight: normal;
            border-top: none;
            background-image: url(/images/icons/phone-grey_96.png);
            background-repeat: no-repeat;
            background-position: 3px 50%;
            background-size: 24px;
            display: table-cell;
            vertical-align: middle;
            color: #202020;
        }

        #navContainer .letsChat {
            width: 45%;
            height: 46px;
            position: absolute;
            top: 0;
            right: 0;
            border-bottom: 1px solid #aaa;
            display: table;
        }

        .letsChatBtn {
            background-image: url(/images/icons/chat_icon.svg);
            background-repeat: no-repeat;
            background-position: 3px 50%;
            background-size: 32px;
            padding-left: 36px;
            display: table-cell;
            vertical-align: middle;
            position: relative;
        }

            .letsChatBtn .LPMoverlay {
                position: absolute !important;
                width: 100% !important;
                height: 100% !important;
            }

                .letsChatBtn .LPMoverlay img {
                    width: 8px;
                    height: 8px;
                    position: absolute !important;
                    top: 8px !important;
                    left: 24px !important;
                }

        #topNav > li:hover > a, #topNav > li:hover > h2 a {
            border-top-color: transparent;
            border-left-color: transparent;
        }

        #topNav .hasDrop > h2 a:after {
            content: "+";
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 17px;
            position: absolute;
            right: 15px;
        }

        #topNav .hasDrop > h2 a.shown {
            background-color: #2c509c;
            color: #fff;
        }

            #topNav .hasDrop > h2 a.shown:after {
                content: "-";
                right: 18px;
            }

        #topNav li .drop {
            position: static;
            top: auto;
            left: auto;
            padding: 0;
            box-shadow: none;
            background-color: #eee;
        }

        #topNav .drop ul {
            width: 100%;
            height: 100%;
            overflow: visible;
        }

        #topNav .drop a { /*padding:10px 5%;*/
            text-transform: uppercase;
            border-left: 4px solid transparent;
            padding: 7px 7px 7px 0;
            display: block;
            background-position: 90% center;
            transition: background-position .3s ease-in;
            color: #555;
            white-space: nowrap;
        }

        #topNav .drop .navTitle {
            display: none;
        }

        .sideboxContent .linkList > li {
            margin: 0;
            padding: 0;
        }

        .sidebox .linkList .homeLink {
            margin-bottom: 0;
            border-bottom: 1px solid #ccc;
        }

        .sideboxContent .linkList .subtitle {
            margin-bottom: 0;
        }

            .sideboxContent .linkList .subtitle b {
                padding: 10px;
                display: block;
                border-bottom: 1px solid #ccc;
                text-transform: uppercase;
                background-color: #ccc;
            }

        .sideboxContent .linkList li li {
            margin: 0;
            border-bottom: 1px solid #ccc;
        }

        .sideboxContent .linkList li a {
            padding: 10px;
            display: block;
            color: #202020;
        }

        /* Home Page */
        .homePageBottomTitleText, .contentTitleText {
            height: auto;
            padding: 1.5%;
        }

        .homePageBottomTitleWrap, .contentTitleWrap {
            padding: 0 4%;
            top: -20px;
        }

        .wHtmlControls {
        }

            .wHtmlControls #sliderControl {
                width: 100%;
                text-align: center;
                background: transparent;
                bottom: 15px;
            }

            .wHtmlControls .flex-control-nav {
                display: inline-block;
                margin: 0 auto;
                width: auto;
            }

            .wHtmlControls .flex-control-paging li {
                margin: 0 4px;
                width: auto !important;
                border-left: none;
            }

                .wHtmlControls .flex-control-paging li a {
                    width: 14px;
                    height: 14px;
                    border-radius: 7px;
                    box-shadow: inset 1px 1px 2px #888;
                    box-sizing: border-box;
                    border: none;
                    background-color: #fff;
                    text-indent: -9999px;
                    overflow: hidden;
                    padding: 0;
                }

            .wHtmlControls .flex-control-nav li .flex-active {
                background-color: #333;
            }

            .wHtmlControls .flex-control-nav li a .arrow {
                display: none !important;
            }

        #mainSlider .flexslider {
            margin-top: 0 !important;
        }

            #mainSlider .flexslider .slides img {
                width: 120%;
                max-width: 120%;
                position: relative;
                left: -10%;
            }

        .discoverBrowse.open .browseCatContent {
            max-height: 400px;
        }

        .browseCatContent > .col {
            float: none;
            width: 100%;
            padding: 0 3%;
        }

            .browseCatContent > .col:first-child {
                width: 100%;
                margin-bottom: 15px;
            }

        .exploreVideos img {
            float: left;
            width: 33%;
            margin-right: 2%;
            display: inline-block;
        }

        .exploreVideos .videoContent {
            position: static;
            display: inline-block;
            float: left;
            width: 65%;
            color: #202020;
        }

            .exploreVideos .videoContent .videoText {
                font-size: 15px;
                background-size: 15px 15px;
                padding-left: 20px;
                background-image: url(/images/icons/playvideo_black.svg);
                color: #202020;
            }

        .diyCols .col {
            font-size: 15px;
        }

        .diyCol .videoBtn {
            margin: 0;
            font-size: 16px;
            padding: 15px 0 10px 65px;
        }

            .diyCol .videoBtn .videoIcon {
                width: 50px;
                top: 7px;
            }

        .helpCol .designHelp {
            margin: 0 auto;
            padding: 15px 0 5px;
        }

            .helpCol .designHelp .orange {
                margin-top: 0;
            }

        .helpCol .linkList span {
            padding: 3px 0 3px 5px;
        }

        .diyCol .linkList a {
            padding: 3px 0;
        }

        .youtubeImage {
            width: 31%;
            margin: 0;
        }

        .footerFirstRow .title {
            font-size: 14px;
        }

        .footerFirstRow .contactInfo a {
            padding: 0 0 0 30px;
        }

        .footerFirstRow .contactInfo .blue {
            display: block;
        }

        /* Contact Page */
        .sideboxContent .linkList .contactInfoBlock {
            padding: 5px 10px;
            background: #eee;
        }

        .sideboxContent .linkList .subtitle.contactInfoBlock b {
            background-color: transparent;
            text-transform: none;
            padding: 0;
            border: 0;
        }

        .sideboxContent .linkList .contactInfo a.mobileTelLink {
            display: inline;
            padding: 0;
            color: #707070;
        }

        /* Category Pages */
        #leftColumn {
            width: 0;
            overflow: hidden;
            position: fixed;
            top: 46px;
            right: 0;
            bottom: 0;
            background-color: #fff;
            box-shadow: rgba(0, 0, 0, 0.4) 0 5px 5px;
            z-index: 999;
            transition: width 0.3s linear;
        }

            #leftColumn.sidebarOpen {
                width: 260px;
            }

            #leftColumn .sideColWrap {
                min-width: 260px;
                height: 100%;
                overflow: auto;
                -webkit-overflow-scrolling: touch;
                position: relative;
            }

        #rightColumn {
            display: block;
            float: none;
            width: 100%;
        }

        #QuickQuote {
            margin-bottom: 0;
            display: none;
        }

        .pageFlipFrame {
            border: none;
            border-bottom: 1px solid #ccc;
        }

        .topSection {
            overflow: visible;
            padding: 10px 1%;
        }

        .topPageSection {
            overflow: visible;
            padding: 5px 1%;
        }

        .topSection.onlyMobile, .emptyTopSection .h1Div {
            display: none;
        }

        #socialShare {
            top: 3px;
            right: 3px;
            z-index: 99;
        }

        .mobileCatActions {
            display: block;
            padding: 8px 0.5%;
            /*border-bottom: 1px solid #ccc;*/
            /*height: 42px;*/
        }

        .selectedFilterPillsWrap {
            display: block;
        }

        a.quickQuoteAction {
            height: 42px;
            line-height: 42px;
            text-transform: uppercase;
            color: #2c509c;
            text-decoration: none;
            font-weight: bold;
            display: inline-block;
            padding: 0 8px 0 0;
            margin-right: 3%;
            box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
            float: left;
        }

        .quickQuoteAction .currentSize {
            font-weight: normal;
            font-size: 13px;
            color: #202020;
            display: inline-block;
            height: 42px;
            margin-right: 8px;
            padding: 0 8px;
            background: rgba(255, 255, 255, 0.4);
            float: left;
            text-transform: none;
        }

        a.refineAction {
            height: 42px;
            line-height: 42px;
            text-transform: uppercase;
            color: #2c509c;
            text-decoration: none;
            font-weight: bold;
            display: inline-block;
            padding: 0 8px;
            box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
            float: right;
        }

        .viewStyleAction {
            display: none;
            float: right;
            width: 42px;
            height: 42px;
            background-color: #2c509c;
            background-image: url(/images/icons/gridListView_96.png);
            background-repeat: no-repeat;
            background-size: 100%;
            margin-left: 10px;
        }

            .viewStyleAction[data-viewtype="gridView"] {
                background-position: center bottom;
            }

            .viewStyleAction[data-viewtype="listView"] {
                background-position: center top;
            }

        .categoryTitle h1 {
            padding-bottom: 4px;
            font-size: 18px;
        }

        .categoryInfo h1 {
            font-size: 28px;
            line-height: 26px;
            margin-bottom: 3px;
        }

        #categoryBanner .finePrint {
            font-size: 13px;
            z-index: 10;
        }

        #categorySlider .slides .catBannerBorderBlock p, #categorySlider .slides li .catBannerText a span {
            display: none;
        }

        .productTile .productTitle {
            color: #202020;
        }

        #categoryPromo {
            float: none;
            display: block;
            width: 100%;
            box-sizing: border-box;
            padding: 0 3% 15px;
            border-bottom: 1px solid #ccc;
        }

        .categoryContent {
            padding: 0 3%;
        }

        .sidebox {
            padding: 0;
            border: none;
            margin-bottom: 0;
        }

            .sidebox .title {
                color: #fff;
                background-color: #2a4d9d;
                padding: 12px;
                margin-bottom: 0;
            }

        .clearAllColors {
            padding-right: 15px;
        }

        .sideboxContent {
            padding: 0;
        }

        .sortByControl {
            display: block;
        }

        .relatedLinks {
            display: none;
        }

        .filters {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s linear;
        }

        .filterOpen .filters {
            max-height: 9999px;
        }

        .filterSet {
            margin-bottom: 0;
        }

            .filterSet .helpTooltip {
                display: none;
            }

            .filterSet .subTitle {
                background-color: #ccc;
                text-transform: uppercase;
                padding: 10px 15px;
                margin-bottom: 1px;
                position: relative;
                cursor: pointer;
            }

                .filterSet .subTitle:after {
                    content: "+";
                    font-family: Verdana, Geneva, Tahoma, sans-serif;
                    font-size: 17px;
                    position: absolute;
                    right: 15px;
                    top: 8px;
                }

            .filterSet.filterOpen .subTitle {
                margin-bottom: 0;
            }

                .filterSet.filterOpen .subTitle:after {
                    content: "-";
                    font-size: 18px;
                }

        .filters .filterListItem {
            padding: 10px 15px;
            border-top: 1px solid #ccc;
            margin: 0;
        }

        .sideColActions {
            display: block;
        }

            .sideColActions .resultCount {
                display: inline-block;
                margin: 15px;
                font-weight: bold;
            }

        /*Sidebar Titles Mobile*/
        .sideColRefineBy {
            width: 100%;
            border-top: 1px solid lightgrey;
        }

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

            .mobileRefineBy .mobileFilters {
                overflow-y: auto;
                height: calc(100vh - 103px); /*leave space for footer + header*/
            }

            .mobileRefineBy .sideColRefineBy {
                align-self: flex-end;
            }

        .refineByText {
            display: none;
        }

        .sidebox .title {
            background: unset;
        }

        .sortByControl .sortbytitle {
            /* Try to match .filterSet .subTitle */
            background-color: #ccc;
            margin-bottom: 10px;
            cursor: pointer;
            color: black;
            font-family: "Helvetica W01 Cn",Helvetica,Arial,sans-serif;
            font-size: 14px;
        }

        .closeSideMenu {
            margin: 10px 3%;
            text-align: center;
            float: right;
        }

        a.clearAll {
            color: #2c509c;
            text-transform: uppercase;
            border: 1px solid #ddd;
            background: #efefef;
            display: inline-block;
            padding: 5px 10px;
            font-family: "Helvetica W01 Cn", Helvetica, Arial, sans-serif;
            text-decoration: none;
            margin-right: 0;
            font-size: 13px;
        }

        a.clearAllLink {
            color: #2c509c;
            text-transform: none;
            text-decoration: underline;
            border: none;
            background: none;
            padding: 0;
            font-size: 14px !important;
        }

            a.clearAll span {
                display: none;
            }

        .filters .chkBxFilter, .filters .radioFilter {
            padding: 0;
        }

        .filters .childFilter {
            padding-left: 12px;
            border-top: none;
        }

        .filters .chkBxFilter label, .filters .radioFilter label {
            display: inline-block;
            width: 86%;
            padding: 12px;
            margin: 0;
            box-sizing: border-box;
        }

        .filtersHorizontal .chkBxFilter .customCheckbox {
            margin-left: 10px;
            margin-top: 2px;
        }

        .chkBxFilter .customCheckbox {
            margin-left: 10px;
            margin-top: 13px;
        }

        .radioFilter .customRadio {
            vertical-align: top;
            margin-left: 10px;
            margin-top: 10px;
        }

        .quoteModal #QuickQuote {
            border-color: transparent;
        }

            .quoteModal #QuickQuote select {
                font-size: 16px;
            }

        .quoteModal .innerQuoteWrap {
            border: none;
            position: relative;
            padding-bottom: 75px;
            color: #202020;
        }

        .quoteModal .qqSortBy {
            display: none;
        }

        .quoteModal .qqBtn {
            position: absolute;
            bottom: 2px;
            float: none;
            width: 100%;
            box-sizing: border-box;
        }

            .quoteModal .qqBtn .orangeBtn {
                width: 100%;
                height: 45px;
                font-size: 17px;
                text-shadow: none;
                box-shadow: none;
                outline: none;
            }

        .quoteModal .qqHeight, .quoteModal .qqWidth {
            width: 46%;
            box-sizing: border-box;
            background-repeat: no-repeat;
            background-size: 40%;
            margin: 0 2%;
            background-position: left top;
            padding-bottom: 16%;
            padding-left: 20%;
        }

        .quoteModal #QuickQuote .qqHeight label, .quoteModal #QuickQuote .qqWidth label {
            display: block;
            float: none;
        }

        .quoteModal .qqWidth {
            background-image: url(/images/measure/Default_Width.jpg);
        }

        .quoteModal .qqHeight {
            background-image: url(/images/measure/Default_Height.jpg);
        }

        /* About Pages */
        .aboutPageBanner h1 {
            font-size: 48px;
        }

        .aboutNav ul li {
            margin: 4px 6px;
        }

        .connectList li {
            width: 48%;
        }

            .connectList li:nth-child(odd) {
                margin: 15px 2% 15px 0;
            }

            .connectList li:nth-child(even) {
                margin: 15px 0 15px 2%;
            }

        .blogList .col {
            text-align: center;
        }

        .blogList img {
            width: 90%;
        }

        /* Static Pages */
        .sbAdvantageIcons .col {
            padding-top: 12%;
        }

        #GlossaryNav.fixedNav .glossaryNav {
            top: 46px;
            left: 0;
            padding: 1%;
            width: 100% !important;
        }

        .errorCols .threeCol .col {
            width: 50%;
        }

        .freeShippingTable {
            width: 100%;
        }

        /* Free Samples */
        /*.samplesCategoryList > li { width:32%; font-size:13px; }
.samplesProductColorList li { width:13%; }
.samplesProductColorList li:nth-child(8n+1) { clear:none; }
.samplesProductColorList li:nth-child(7n+1) { clear:both; }
.mobileSampleBtnContainer { display:block; }*/

        /* Sales Page */
        .salePage {
            border-top: 3px solid #ce2127;
        }

        .salesBanner {
            font-size: 20px;
        }

        .saleTile {
            font-size: 16px;
            width: 31%;
            margin-right: 3.5%;
        }

            .saleTile .saleTitle {
                font-size: 16px;
            }

        /* Reviews */
        ul.writeReviewTabs {
            width: 100%;
            margin: 10px 0;
        }

        .reviewGroup {
            width: 100%;
            margin: 0px 5px 15px 5px;
        }


        /* Go cordless */
        #GetTheFacts .cordlessFactsBox p {
            line-height: 1.2;
            font-size: 15px;
        }

        .cordlessHeader h2 {
            font-size: 18px;
        }

        /* Cordless Safety */
        .cordlessTopText {
            padding: 0 2%;
        }

        .cordlessStats .col.cordlessStat1 {
            padding: 10px 8% 0;
        }

        .cordlessSteps {
            font-size: 17px;
        }

        .cordlessReasons .contentWrap p {
            margin: 0;
        }

        .cordlessReasons .col {
            background-color: transparent !important;
            margin: 10px 0 20px;
        }

        .logo img {
            width: 100%;
            border: 0;
        }
        /**/
        .imgicon {
            float: left;
            width: 10%;
        }

        .subHeaderMsg {
            position: static;
            background-color: #eee;
            padding: 0;
            width: 100%;
            text-align: center;
            font-size: 12px;
            pointer-events: none;
            font-family: "Helvetica W01 CN", Arial, sans-serif;
            display: flex;
        }

            .subHeaderMsg a,
            .subHeaderMsg .rotatorItem {
                color: #555;
                text-decoration: none;
                display: table-cell;
                vertical-align: middle;
                height: 50px;
                box-sizing: border-box;
                pointer-events: visible;
            }

            .subHeaderMsg .rotatorItem {
                display: flex;
                justify-content: center;
                align-items: center;
                font-weight: bold;
            }

                .subHeaderMsg .rotatorItemIcon {
                    padding-left: 37px;
                    background-repeat: no-repeat;
                    background-position: left center;
                    background-size: 32px 32px;
                    display: flex;
                    align-items: center;
                    height: 32px;
                }

        .proudlyCanadianRotatorText {
            height: 20px;
        }

        .proudlyCanadianRotatorText.textFr {
            background-image: url(/images/icons/fleur_de_lys.svg);
        }

        .proudlyCanadianRotatorText.textEn {
            background-image: url(/images/icons/maple_leaf.svg);
        }

        .subHeaderMsg .reviewsLink {
            margin: 0 auto;
        }

                .subHeaderMsg .reviewsLink b {
                    text-transform: uppercase;
                }

                .subHeaderMsg .reviewsLink span {
                    display: inline-block;
                    background-size: 55px 10px;
                    padding-right: 60px;
                    padding-left: 0;
                    background-position: right 2px;
                }

        .perfectFitLink .perfectFitText {
            align-self: center;
        }

        .subHeaderMsg .perfectFitBox {
            display: flex;
            align-items: stretch;
            padding-left: 26px;
            background-image: url(/images/icons/perfect_fit_logo.svg);
            background-repeat: no-repeat;
            background-position: left center;
            background-size: 20px 20px;
            height: 20px;
        }

        .subHeaderMsg .reviewsLinkMobileWrapper {
            border-top: 1px solid #ccc;
            border-left: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            display: flex;
            flex: 1;
        }

        .subHeaderMsg .freeSamplesMobileRotatorWrapper {
            flex: 1;
            border-left: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            border-top: 1px solid #ccc;
        }

            .subHeaderMsg .samplesLink .samplesLeft {
                padding-left: 26px;
                background-image: url(/images/icons/samples_orange.svg);
                background-repeat: no-repeat;
                background-position: left center;
                display: inline-block;
                background-size: 20px 20px;
            }

            .subHeaderMsg .samplesLink .samplesSubLine {
                display: block;
            }

        .headerPhoneMsg {
            background: url(/images/icons/phone-grey_96.png);
            background-position: 5px center;
            background-size: 24px;
            background-repeat: no-repeat;
            display: inline-block;
            padding-left: 26px;
            line-height: 24px;
        }

        .headerTextMsg span {
            background: url(/images/icons/help-text-gray_96.png);
            background-position: 0 center;
            background-size: 24px;
            background-repeat: no-repeat;
            display: inline-block;
            padding-left: 26px;
            line-height: 24px;
        }

        .headerChatMsg {
            background: url(/images/icons/chat_icon.svg);
            background-size: 34px;
            background-position: left center;
            background-repeat: no-repeat;
            display: inline-block;
            padding-left: 34px;
            line-height: 34px;
        }

        .hereToHelpMsgSmall {
            border-bottom: 1px solid #ccc;
            background: #eee;
            font-family: 'Helvetica W01 CN',Arial,sans-serif;
            padding: 5px;
            font-size: 14px;
            text-align: center;
            display: none;
        }

        .pageMarginTopEn {
            margin-top: 20px;
        }

        .pageMarginLeftEn {
            margin-left: -5px;
        }

        .pageMarginLeftFr {
            margin-left: -5px;
        }

        #featuredProductBanner .featureprodstep2 {
            width: 53%;
            margin-left: 0;
        }


        #featuredProductBanner .featureprodstep3 {
            width: 45%;
            margin-left: 2%;
        }

        #featuredProductBanner .inlineBlockbtn {
            display: inline-block;
            width: 100%;
            max-width: 163px;
            text-align: center;
            font-size: 13px;
        }

        .wideDiyTabs {
            min-height: 250px;
        }

        #discoverSlider {
            min-height: 273px;
        }

        /*vertical menu*/
        #topNav .hasDrop li,
        #topNav .drop .hasDrop a:hover {
            background-color: white;
        }

            #topNav .hasDrop li:not(:last-child) {
                border-bottom: 1px rgb(222, 224, 228) solid;
            }

            #topNav .hasDrop li > a h2 {
                text-transform: none;
                font-size: 16px;
            }

        #topNav .chevronRight {
            display: block;
            margin-left: auto;
        }

        #topNav a {
            text-transform: none;
        }
    }

    @media screen and (max-width: 640px) {
        #header .logo {
            top: 14px;
            margin-left: 25px;
            clear: none;
            width: 170px;
        }
    }

    @media screen and (max-width: 736px) {

        #mainSlider {
            display: none !important;
        }

        .promomobileimg {
            display: block;
        }

        #featuredProductBanner .featureprodstep2 {
            width: 100%;
            text-align: center;
            margin: auto;
            float: none;
        }

        #featuredProductBanner .featureprodstep2 {
            width: 100%;
            text-align: center;
            margin: auto;
            float: none;
        }

        #featuredProductBanner .featureprodstep3 {
            width: 100%;
            text-align: center;
            margin: auto;
            float: none;
        }
    }

    @media screen and (max-width: 639px) {


        .searchField {
            padding-right: 60px;
            float: none;
            position: initial;
        }

        .samplePackItem {
            display: inline-block;
            float: left;
            width: 31.33%;
            margin: 2% 1% 10px;
            position: relative;
            box-sizing: border-box;
            background-repeat: no-repeat;
            background-size: 100%;
            background-position: center top;
            padding-top: 20%;
            text-align: center;
        }

        .ClothsubTitle {
            margin: 0px 0px 5px -12px;
            padding-bottom: 5px;
        }

        .promotier1mob {
            width: 65%;
            float: left;
        }

        .promoTierClock {
            float: right;
            width: 35%
        }

        /*.langBtn {
            display: none !important;
        }*/

        .linkList {
            margin: 42px 0;
            padding: 0;
            list-style: none;
        }

        #countdown {
            width: 380px !important;
            padding: 0px !important;
            /*margin: -35px 170px !important;*/
            margin: -4px 0px 0px 0px !important;
        }

        .diyCols .postHoverText .linkListDIY {
            display: inline-block;
            float: left;
            width: 50%;
            padding-left: 65px;
            box-sizing: border-box;
            list-style: square;
            text-align: left;
            cursor: pointer;
            margin-bottom: 0px;
        }

        .langselector {
            height: 100%;
            padding-top: 1px !important;
        }

        .samplesTitle span {
            font-size: 18px;
            font-weight: bold;
            color: #202020;
        }

        .optionsShort {
            /*height: 110px;*/
            overflow: hidden;
            padding-bottom: 3%;
        }

        .samplePackItem {
            position: relative;
            border: 2px solid #fff;
        }

        .samplePackItem {
            width: 32%;
            margin: 0% .5% 0px;
            padding-top: 18%;
        }

        .openSamplePack, .active .samplePackInfo .closeSamplePack {
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            width: 100%;
            height: 100%;
            background: none;
            border: none;
            text-indent: -9999px;
        }

        .samplePackInfo .orangeBtn {
            display: none !important;
        }

        .samplePackColors {
            overflow: auto;
            padding: 10px 5px;
        }

        .samplePackInfo .closeSamplePack {
            display: none;
            position: absolute;
            left: 0px;
            bottom: -11px;
            width: 100%;
            box-sizing: border-box;
            text-align: center;
            height: 31px;
            line-height: 31px;
            font-size: 13px;
        }

        /*.samplePackInfo .sampleCheck {
	top: -6px;
	right: -5px;
}*/

        .Top_Sample {
            padding: 10px 0px !important;
        }

        .samplePackInfo .sampleCheck {
            position: absolute;
            top: -8px;
            right: -8px;
            width: 0px;
            height: 0px;
            transition: width 200ms ease-in-out 0s,height 200ms ease-in-out 0s,background-size 200ms ease-in-out 300ms;
            background-color: #55bd2c;
            border-radius: 12px;
            background-repeat: no-repeat;
            background-size: 0%;
            background-position: center;
        }

        .samplePackInfoWrap {
            padding: 0;
            border: none;
        }

        .samplePackInfoWrap {
            /*border: 1px solid #ccc;*/
            border-bottom: none;
            padding: 3px 0px 30px 0px;
            box-sizing: border-box;
        }

        /*.samplePackTitle {
	padding: 5px 2px;
	font-size: 12px;
	min-height: 40px;
}*/

        .samplePackTitle {
            color: #fff;
            background: rgba(0,0,0,.5);
            padding: 5px 8px;
            font-size: 15px;
            font-weight: normal;
            text-transform: none
        }

        .samplePackSubtitle {
            display: none;
        }

        .handSample {
            display: block;
        }

        .samplePackSubtitle span {
            position: absolute;
            display: inline-block;
            box-sizing: border-box;
            width: 90%;
            left: 5%;
            background-color: #fff;
            padding: 5px;
            top: -12px;
            text-align: center;
            font-size: 11px;
            color: #aaa;
        }

        .samplePackInfo {
            display: inline;
            background-color: #fff;
            width: 82%;
            margin: 0 auto;
            box-sizing: border-box;
            position: relative;
        }

        .sampleStep {
            display: none;
        }

        .samplestitle span {
            position: absolute;
            display: inline-block;
            width: 86%;
            left: 7%;
            top: -16px;
            background-color: #fff;
            color: #333;
            padding: 5px 10px;
            box-sizing: border-box;
        }

        .samplestitle {
            position: relative;
            border-top: 1px solid #ccc;
            padding: 0;
            background-color: transparent;
            margin: 15px 0 30px;
            color: #fff;
            text-transform: uppercase;
            text-align: center;
            font-weight: bold;
            display: block;
        }

        .samplePackList {
            overflow: auto;
            display: block;
        }

        .orangeBtn.packAdded, .samplePackAdded .addToCart {
            display: none;
        }

        #ADDtoCart {
            max-width: 30%;
            margin: 0px 32%;
        }

        #RemoveFromCart {
            max-width: 35%;
            margin: 0px 32%;
        }

        .samplesTopSection {
            background-image: url(/images/samples/samples_mobile_topswatches.jpg);
            background-repeat: no-repeat;
            background-size: 95px auto;
            background-position: 75% bottom;
        }

            .samplesTopSection > .h1Div {
                padding-bottom: 0 !important;
            }

            .samplesTopSection > .resultCount {
                margin-bottom: 0;
            }

        .samplesHeader {
            display: block;
        }

            .samplesHeader .samplesIntro {
                color: #fff;
                background-color: #274e9c;
                border-bottom: none;
                text-align: left;
                font-size: 15px;
                padding-bottom: 0;
            }

        .samplesTitle {
            position: relative;
            border-top: 1px solid #ccc;
            padding: 0;
            background-color: transparent;
            margin: 15px 0 30px;
        }

            .samplestitle > h2 {
                position: absolute;
                background: #1b2f5b;
                display: inline-block;
                width: 100%;
                color: white;
                padding: 5px 10px;
                top: -14px;
                left: 0;
                box-sizing: border-box;
                font-size: 20px;
            }

                .samplestitle > h2 > span {
                    background-color: #fff;
                    padding: 0 10px;
                }


        .orangeBtn, a.orangeBtn, input.orangeBtn {
            color: #fff;
            text-transform: uppercase;
            border: none;
            background: #ef8e1b;
            background: -moz-linear-gradient(top,#ef8e1b 0%,#f57915 100%);
            background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ef8e1b),color-stop(100%,#f57915));
            background: -webkit-linear-gradient(top,#ef8e1b 0%,#f57915 100%);
            background: -o-linear-gradient(top,#ef8e1b 0%,#f57915 100%);
            background: -ms-linear-gradient(top,#ef8e1b 0%,#f57915 100%);
            background: linear-gradient(to bottom,#ef8e1b 0%,#f57915 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef8e1b',endColorstr='#f57915',GradientType=0);
            cursor: pointer;
            padding: 5px 10px;
            display: inline-block;
            font-family: "Helvetica W01 Cn",Helvetica,Arial,sans-serif;
            font-weight: normal;
            border-radius: 0;
            -webkit-appearance: none;
            box-sizing: border-box;
        }

        input, textarea, select, button, .grayBtn, .orangeBtn, .whiteBtn {
            font-size: 16px;
        }

        .openSamplePack, .active .samplePackInfo .closeSamplePack {
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            width: 100%;
            height: 100%;
            background: none;
            border: none;
            text-indent: -9999px;
        }

        .openSamplePack {
            display: block;
            width: 100%;
            /*background-color: #ddd;*/
            height: 20px;
            text-indent: -9999px;
            overflow: hidden;
            position: absolute;
            bottom: 0px;
            left: 0px;
            box-sizing: border-box;
            background-image: url("/images/icons/arrow-down_gray.png");
            background-repeat: no-repeat;
            background-position: center;
            background-size: 26px auto;
        }

        .samplePackDisplay {
            clear: both;
            display: none;
            border: 1px solid #ccc;
            margin-bottom: 20px;
        }

        .samplePackDisplay {
            border-top: 3px solid #2d50a2;
        }


        .samplesTitle {
            display: none;
        }

        samplePackButton .buttonText {
            font-size: 14px;
        }

        .samplePackButton .buttonTitle {
            text-transform: uppercase;
            font-size: 20px;
            font-weight: bold;
            display: block;
            margin-bottom: 3px;
        }

        .samplespackHeader {
            padding: 10px 2%;
            font-size: 16px;
            color: #fff;
            overflow: auto;
        }

        .TopSampleMobile {
            display: block;
        }

        .TopSampleDesktop {
            display: none;
        }


        .samplePackButtons .samplePackButton {
            display: block;
            background-color: #f17e23;
            padding: 10px 10px 30px;
            color: #fff;
            text-align: center;
            margin-bottom: 10px;
            background-image: url("/images/icons/down_arrow_white.png");
            background-repeat: no-repeat;
            background-position: center bottom 7px;
        }

        .samplePackButtons {
            display: block;
        }

        .samplePackButton .buttonText {
            font-size: 14px;
        }


        .samplePackDisplay {
            border-top: 3px solid #2d50a2;
        }


        .samplePackDisplay {
            clear: both;
            display: none;
            border: 1px solid #ccc;
            margin-bottom: 20px;
        }

        .samplePackMobileInfo {
            text-align: center;
            padding: 5px 3%;
        }

        .sampleCheckNew {
            position: absolute;
            top: -75px;
            right: -65px;
            width: 0;
            height: 0;
            transition: width 200ms ease-in-out 0s, height 200ms ease-in-out 0s, background-size 200ms ease-in-out 300ms;
            background-color: #55BD2C;
            border-radius: 12px;
            background-repeat: no-repeat;
            background-size: 0%;
            background-position: center;
        }

        .samplescheck {
            width: 24px;
            height: 24px;
            background-image: url(/images/icons/checkmark_white.png);
            background-size: 60%;
        }

        samplePackItem.active {
            border-color: #2d50a2;
        }

        .samplePackColorSwatch {
            display: inline-block;
            border: 1px solid #ddd;
            margin: 8px auto;
        }

        .samplePackColor {
            display: inline-block;
            float: left;
            width: 25%;
            margin: 15px 3.5%;
            text-align: center;
            border-bottom: 1px solid #ccc;
            font-size: 12px;
            padding-bottom: 20px;
        }

        .samplePackColorSwatch {
            display: inline-block;
            border: 1px solid #ddd;
            margin: 8px auto;
        }

        .samplespackHeader .samplesIntro {
            text-align: center;
            border-bottom: 1px solid #ccc;
            font-size: 18px;
            background-color: #2c509c;
            margin: 0 0 10px;
            font-weight: normal;
            padding-bottom: 8px;
            letter-spacing: 1px;
        }

        .samplesContainer {
            display: block !important;
        }

        .contactSignup .form-field input {
            width: 195%;
            border: 1px solid #999;
            box-sizing: border-box;
            padding: 3px;
        }

        .ThanksSamplescol1 {
            width: 100% !important;
        }

        .ThanksSamplescol2 {
            width: 65% !important;
        }

        .tooltip {
            padding: 1% 2%;
        }

        #shippingDisclaimerBig {
            margin-left: 16px;
        }

        #shippingDisclaimer {
            margin-left: 18px;
            margin-right: 18px;
        }

        li[data-tab='satisfiedCustomers'] .ratingTabSep label,
        li[data-tab='productReviewsTab'] .ratingTabSep label {
            display: inline-block;
        }

        #categoryReviewContainer .customerRatingWrap label {
            width: 88px;
            display: inline-block;
        }

        .reviewStarsLabel {
            width: 60% !important;
        }

        #topNav .drop > ul .hasDrop {
            min-width: 220px;
            display: inline !important;
        }

        .customerReview .customerRatingWrap {
            padding: 10px 3px;
            width: 97%;
        }

        .prodSub {
            text-align: right;
            margin: 20% 10% 0%;
        }

        #indContentReviews .col {
            width: 100%;
            margin-top: 10px;
        }

        .starRate {
            margin: -1px 0 -4px -54px;
        }

        .reviewSubGroup .form-groupProd .starRate {
            margin: 0 0 -4px -10px;
        }

        .reviewGroup {
            width: 104%;
            margin: 0 6px;
        }

        .diyCols .subTitle {
            padding-top: 10px;
            font-size: 26px;
        }

        .fourCol {
            margin: 10px;
            text-align: center;
        }

        .featuredimg {
            width: 20%;
            height: 10%;
        }

        .reviewVideoContainer {
            width: 100%;
            position: relative
        }

        .videoContainer iframe {
            height: 250px;
            width: 100%;
        }

        .visible-phone {
            display: block !important;
        }

        .inline-phone {
            display: inline-block !important;
        }

        .hidden-phone {
            display: none !important;
        }

        h1 {
            color: #202020;
            letter-spacing: -1px;
            font-size: 18px;
        }

        #header .logo {
            width: 145px;
        }

        #AcctContainer .headerMsg {
            display: none;
        }

        #header .noShowMobile {
            display: none;
        }

        #header .lang_Btn {
            display: none;
        }

        #mainSlider .flex-pauseplay a {
            left: -12px;
        }

        #mainSlider .wHtmlControls .flex-control-nav {
            left: 0px;
            margin-left: 32px;
        }

        .pageContent .noMobile {
            display: none;
        }

        .imgRight {
            max-width: 50%;
        }

            .imgRight .LPMoverlay {
                max-width: 140px !important;
                z-index: 10;
            }

            .imgRight img {
                width: 100%;
            }

        .responsiveImgHtml {
            display: block;
        }

        .responsiveImgWithHtml {
            display: none !important;
        }

        .pageContent {
            padding: 10px 2%;
            width: 95%;
        }

        .ui-dialog {
            width: 85% !important;
            left: 8.5% !important;
            padding: 0;
            border-radius: 0;
            background-color: transparent;
        }

            /*.ui-dialog:not(.iosModal) div:not(.reviewNotFoundAlert) {
                top: 7.5% !important;
            }*/

            .ui-dialog.thankYouConfirmation {
                top: 40% !important;
                height: auto !important;
            }

        .ui-dialog-content {
            background-color: white !important;
            height: auto;
        }

        #dialogtemplate {
            height: auto !important;
        }

        #dialogtemplate {
            height: auto !important;
        }


        #socialShare {
            top: 10px;
            right: 3%;
            padding: 0;
        }

            #socialShare .shareBtn {
                padding: 0;
                display: block;
                text-indent: -9999px;
                width: 42px;
                height: 42px;
                border: 1px solid #2c509c;
                box-sizing: border-box;
                background-position: center;
                background-size: 100%;
            }

            .lowerShareBtn #socialShare {
                top: 37px;
            }

            #socialShare ul {
                margin: 0;
                padding: 0;
            }

                #socialShare ul li {
                    margin: 0;
                }

                    #socialShare ul li a {
                        border: 1px solid #2c509c;
                        border-top: none;
                        width: 42px;
                        height: 42px;
                        box-sizing: border-box;
                        background-color: transparent !important;
                        background-position: center bottom;
                        margin: 0;
                    }

        .samplesModal .ui-dialog-content {
            border: 1px solid #aaa;
            border-top: none;
        }

        .samplesModal .sampleCartActions {
            border-top: 1px solid #ccc;
            background-color: #eee;
        }

            .samplesModal .sampleCartActions a {
                width: 100%;
                box-sizing: border-box;
                text-align: center;
                text-shadow: none;
                box-shadow: none;
                outline: none;
            }

        .rvActions {
            padding-left: 0;
        }

            .rvActions button, .rvActions a {
                display: block;
                width: 100%;
                line-height: 32px;
                font-size: 17px;
                box-sizing: border-box;
                margin-bottom: 5px;
                text-align: center;
            }

            .rvActions .continueShopping {
                color: #666;
                border-color: #999;
            }

        .masonry.threeCol {
            -moz-column-count: 1;
            -webkit-column-count: 1;
            column-count: 1;
        }

        .twoCol .col, .threeCol .col {
            display: block;
            float: none;
            width: 100%;
            padding: 0;
        }

        #installMandI_Banners {
            margin-top: 35px;
        }

            #installMandI_Banners .col {
                display: block;
                float: none;
                width: 100%;
                padding: 0;
            }

        ul.twoCol li {
            float: none;
            width: 100%;
        }

        .twoCol.noPad .col, .threeCol.noPad .col {
            display: block;
            float: none;
            width: 100%;
            margin: 0;
        }

            .twoCol.noPad .col:nth-child(2n) {
                margin: 0;
            }

        div.checkMob {
            display: block !important;
            z-index: 50000;
            text-align: center;
            background-color: rgba(0,0,0,0.75);
            padding: 45px 6px;
            color: #333;
            font: normal 38px Arial;
            text-decoration: none;
            text-transform: uppercase;
            position: fixed;
            bottom: 2px;
            left: 0px;
            width: 100%;
        }

        .hasSeparator {
            padding: 0;
            background-image: none;
        }

        .blueTabs {
            border: 1px solid #ccc;
        }

            .blueTabs > li {
                display: block;
                float: none;
                width: 100%;
                border: none;
                border-bottom: 1px solid #ccc;
                margin: 0;
                text-align: left;
            }

                .blueTabs > li:last-child {
                    border-bottom: none;
                }

                .blueTabs > li > a {
                    padding: 15px 3%;
                    color: #202020;
                    background: #fff;
                    text-transform: uppercase;
                    font-weight: bold;
                }

                    .blueTabs > li > a:after {
                        content: "+";
                        font-family: Verdana, Geneva, Tahoma, sans-serif;
                        font-size: 17px;
                        position: absolute;
                        right: 15px;
                    }

                .blueTabs > li.active {
                    background: #fff;
                }

                    .blueTabs > li.active > a {
                        color: #202020;
                    }

                        .blueTabs > li.active > a:after {
                            content: "-";
                            right: 18px;
                            left: auto;
                            bottom: auto;
                            width: auto;
                            display: inline-block;
                            color: #202020;
                        }

            .blueTabs .mobileContentContainer {
                display: block;
                height: 0;
                overflow: hidden;
                font-weight: normal;
                padding: 0 3%;
            }

            .blueTabs .active .mobileContentContainer {
                height: auto;
                padding-bottom: 15px;
            }

        .tabContentWrap.mobileTabContent {
            display: none;
        }

        footer {
            background-color: #eee;
        }

            footer .container {
                padding: 0;
            }

            footer .activeParent {
                background-color: #2d52ab;
            }

                footer .activeParent:after {
                    content: "-" !important;
                    right: 18px !important;
                }

        .footerFirstRow {
            height: auto;
            position: static;
            top: auto;
            left: auto;
            width: 100%;
            border: none;
        }

            .footerFirstRow .signup {
                float: none;
                width: 100%;
                display: block;
                margin: 0;
                border: none;
                padding: 0;
            }

            .footerFirstRow .signup {
                margin-top: 15px;
            }

                .footerFirstRow .signup .title {
                    border: none;
                    margin-bottom: 0;
                }

                    .footerFirstRow .signup .title:after {
                        content: "";
                    }

                .footerFirstRow .signup .form-field {
                    width: 85%;
                    padding-left: 7px;
                }

                    .footerFirstRow .signup .form-field input {
                        font-size: 16px;
                        -webkit-appearance: none;
                        border-radius: 0;
                        height: 39px;
                    }

            .footerFirstRow .title, .footerSecondRow .title {
                font-size: 15px;
                text-transform: uppercase;
                font-weight: bold;
                color: #202020;
                padding: 12px 3% !important;
                margin: 0;
                border-bottom: 1px solid #ccc;
            }

                .footerFirstRow .title:after, .footerSecondRow .title:after, .footerSecondRow .shown ul .listParent > a:after {
                    content: "+";
                    position: absolute;
                    right: 15px;
                    font-size: 17px;
                    font-weight: bold;
                    font-family: Verdana, Geneva, Tahoma, sans-serif;
                }

            .footerFirstRow .stayConnected .title {
                height: auto;
                line-height: normal;
            }

            .footerFirstRow .signup .lgBtn {
                background-color: #2d52ab;
                background-image: url(/images/icons/arrow-right-white_16.png);
                background-repeat: no-repeat;
                background-position: center;
                width: 39px;
                height: 39px;
                box-shadow: none;
                text-indent: -9999px;
                -webkit-appearance: none;
                border-radius: 0;
            }

            .footerFirstRow .socialNav {
                margin-top: 5px;
            }

        .socialList li {
            margin: 8px;
        }

        .footerSecondRow {
            border: none;
            padding: 0;
        }

            .footerFirstRow .activeParent, .footerSecondRow .activeParent {
                color: #fff;
            }

            .footerSecondRow .footCol {
                display: block;
                float: none;
                width: 100%;
                padding-top: 0;
            }

            .footerSecondRow ul:not(.socialList) {
                background-color: #fff;
            }

            .footerSecondRow .firstCol ul.twoCol li {
                display: block;
                float: none;
                width: 100%;
            }

            .footerSecondRow ul:not(.socialList) ul, .footCol nav, .socialNav {
                max-height: 0px;
                transition: max-height 0.3s linear;
                overflow: hidden;
            }

            .footerSecondRow ul:not(.socialList) li {
                padding-left: 0;
            }

            .footerSecondRow .listParent .activeParent {
                background-color: #ccc;
                color: #2d52ab;
            }

                .footerSecondRow .listParent .activeParent:after {
                }

            .footerSecondRow ul:not(.socialList) li {
                border-bottom: 1px solid #bbb;
            }

                .footerSecondRow ul:not(.socialList) li a {
                    display: block;
                    padding: 12px 5%;
                    color: #202020;
                    font-size: 15px;
                }

            .footerSecondRow ul:not(.socialList) ul li a {
                padding-left: 7%;
            }

            .footerSecondRow .secondCol, .footerSecondRow .thirdCol {
                padding: 0;
            }

        footer .shown {
            max-height: 999px !important; /*needs to be very high number */
        }

        #newsletterSignup {
            padding: 0 3%;
        }

            #newsletterSignup input[type=email] {
                border: 1px solid #bbb;
            }

        .footerThirdRow {
            border: none;
            color: #666;
            font-size: 12px;
            padding: 10px 3%;
        }

        .footerFirstRow .contactInfo {
            display: block;
            width: 95%;
            float: none;
            margin: 20px 0; /*padding:0 2.5%;*/
            padding-left: 20px;
        }

            .footerFirstRow .contactInfo .callUs {
                border: 1px solid #2d52ab;
                padding: 10px 8px;
                box-sizing: border-box;
                display: block;
                width: 100%;
                color: #202020;
                font-size: 14px;
                text-align: center;
                background-position: left center;
            }

            .footerFirstRow .contactInfo .blue {
                display: inline;
            }

        .serverName {
            font-size: 15px;
            padding: 5px;
            text-align: center;
        }

        /* FlexSlider */
        #mainSlider .flexslider .slides img {
            width: 100%;
            max-width: 100%;
            left: 0;
        }

        .wHtmlControls #sliderControl, .wDotControls #sliderControl {
            display: none;
        }

        #sliderArrows > a {
            width: 42px;
            height: 42px;
            background-size: 25px 30px;
        }

        .topPageSection.emptyTopSection {
            min-height: 52px;
            padding: 8px 3%;
            box-sizing: border-box;
            border-bottom: 1px solid #ccc;
        }

        .emptyTopSection #socialShare {
            top: 5px;
        }

        #breadcrumb {
            visibility: hidden;
            float: none;
            margin: 7px 60px 0 3%;
            height: 16px;
            overflow: hidden;
        }

        .breadSlice {
            display: inline;
        }

        .topSection .buttonSet a.iconTxtBtn {
            display: inline-block;
            width: 50px;
            height: 40px;
            border: none;
            margin-left: 5px;
            box-sizing: border-box;
            font-size: 12px;
            padding: 25px 0 0;
            text-align: center;
            background-color: transparent;
            background-repeat: no-repeat;
            background-position: center 3px;
            color: #555;
            background-size: 18px 18px;
        }

        .logoutBtn {
            background-image: url(/images/icons/logout.svg);
        }

        .accountBtn {
            background-image: url(/images/icons/myaccount.svg);
        }

        .responsiveTable, .responsiveTable tbody, .responsiveTable tr, .responsiveTable td {
            display: block;
            text-align: left;
        }

            .responsiveTable td.noContent {
                text-align: center !important;
                padding: 50px 0;
            }

            .responsiveTable thead {
                display: none;
            }

            /*.responsiveTable tr {
                margin-bottom: 20px;
            }*/

            .responsiveTable td {
                padding: 0;
                overflow: auto;
                /*border: 1px solid #ccc;*/
                border-left: 1px solid #cdcdcd;
            }

            .responsiveTable tr td:first-child {
                font-weight: bold;
                text-transform: uppercase;
                background: #eee;
                border-top: 1px solid #cdcdcd;
            }

            .responsiveTable .responsiveTableCell {
                width: 54%;
                float: right;
                box-sizing: border-box;
                padding: 5px 8px;
            }

        .completedOrderListPanelAdd {
            text-align: center;
        }

        .responsiveTable td:not(.noContent):after {
            float: left;
            width: 46%;
            margin: 0;
            /*padding: 5px 8px;*/
            box-sizing: border-box;
            content: attr(data-th);
            text-transform: uppercase;
        }

        .twoCol .loginBox, .threeCol .loginBox {
            width: 100%;
            margin: 0 0 25px 0;
            height: auto !important;
            float: none;
        }

        .CheckoutStreamline .twoCol .loginBox, .CheckoutStreamline .threeCol .loginBox {
            margin: 0 0 0px 0;
        }

        .quoteContainer {
            display: none;
        }

        #articleContent h1 {
            margin-top: 0;
        }

        .hasSideNav h1 {
            margin: 0 0 15px;
            min-height: 45px;
            position: relative;
            padding-right: 105px;
        }

            .hasSideNav h1 .buttonSet {
                position: absolute;
                right: 52px;
                top: 0;
                margin-top: 0;
            }

        .buttonSet .sideMenuBtn {
            width: 42px;
            height: 42px;
            box-sizing: border-box;
            font-size: 12px;
            padding: 23px 0 0;
            text-align: center;
            border-color: #2c509c;
            margin: 0;
            text-shadow: none;
            background-position: center 5px;
            background-size: 40%;
            background-color: #fff;
        }

        #MeasureInstructions .tabs {
            margin: 0;
        }

        #MeasureInstructions .noMobile {
            display: none;
        }

        #MeasureInstructions .twoTabs .active .arrow {
            left: 35%;
        }

        .deductionTable td:before {
            width: 56%;
        }

        /* Top Promo Banner */
        #header .PromoHeaderBanner.hasMobileHtml {
            overflow: visible;
        }

        .promoTiers {
            text-transform: uppercase;
            min-height: 50px;
        }

            .promoTiers a {
                color: #fff;
            }

        .promoTierBtn {
            width: 45px;
            height: 50px;
        }

            .promoTierBtn span {
                width: 100%;
                height: 100%;
            }

                .promoTierBtn span:after {
                    right: 15%;
                    top: 10%;
                }

        .promoTiers.active .promoTierBtn span:after {
            right: 25%;
            top: 10%;
        }

        .promoTiers .promoTier1 .container {
            height: 50px; /*padding:8px 55px 8px 8px;*/
        }

        .hasCountdown .promoTier1 .container {
            padding-left: 105px;
        }

        .promoTier1 .promoTierBtn {
            display: block;
        }

        .PromoHeaderBanner.hasCountdown #countdownWrap {
            width: 95px;
            height: 50px;
            padding: 5px;
            box-sizing: border-box;
            font-size: 11px;
        }

        .PromoHeaderBanner.hasCountdown #countdown {
            font-size: 18px;
            line-height: normal;
            color: #fff !important;
            width: 100%;
            text-align: center;
            margin: 0;
        }

        .PromoHeaderBanner.hasCountdown .saleEnds {
            display: block;
            color: #fff;
            font-size: 11px;
            clear: both;
            text-align: center;
        }

        .PromoHeaderBanner.hasCountdown .saleEndsFr {
            display: block;
            color: #fff;
            font-size: 11px;
            clear: both;
            text-align: center;
        }

        .promoTier2 { /*max-height:0;*/
            overflow: hidden;
            transition: max-height 200ms ease-in-out 0s;
        }

        .promoTiers.active .promoTier2 {
            max-height: 50px;
        }

        /* Home Page */
        .panel hr {
            display: inline-block;
            margin: 0 auto;
            border: none;
            border-top: 1px solid #ccc;
            width: 60%;
            height: 1px;
            padding: 0;
        }

        .panelText h3 {
            font-size: 20px;
            margin: 15px 0;
        }

        .panelText {
            padding: 20px 3%;
        }

        .explorePanelText {
            padding: 0px 3% 20px 3%;
        }

        #cordlessPanel {
            background-color: #fff !important;
        }

        .cordlessBtns a.clearBtn {
            font-size: 16px;
            padding: 5px 10px;
            font-weight: normal;
        }

        .cordlessIcons {
            margin: 15px 0;
        }

            .cordlessIcons .col {
                font-size: 13px;
                padding: 80px 0px 20px;
            }

        .clutterFree {
            background-size: 90px 90px;
        }

        .durable, .childSafe {
            background-size: 70px 70px;
        }

        #discoverPanel {
            background: none;
            border-bottom: none;
        }

        #discoverSlider {
            margin-bottom: 10px;
        }

        [data-viewtype="gridView"] .productTile .productTitle, .productTile .productTitle, .productTile a.productTitle {
            text-transform: uppercase;
            display: block;
            min-height: 35px;
            color: #000;
            height: auto;
        }

        #discoverSlider .flex-control-nav, .discoverBrowse {
            display: none;
        }

        .reviewsTabs li .arrow {
            border-top-width: 8px;
            border-left-width: 8px;
            border-right-width: 8px;
        }

        .reviewsTabs a {
            display: block;
            padding: 10px;
        }

        #sbAdvantagePanel {
            background-color: #2c4f9b;
            color: #fff;
        }

            #sbAdvantagePanel .container {
                padding: 0 1.5%;
            }

            #sbAdvantagePanel h3 {
                color: #fff;
            }

            #sbAdvantagePanel h6 {
                color: #fff;
                font-size: 16px;
            }

            #sbAdvantagePanel .fourCol .col {
                width: 50%;
                padding: 15px 10px;
            }

                #sbAdvantagePanel .fourCol .col:nth-child(2n+1) {
                    clear: both;
                }

            #sbAdvantagePanel .icon {
                border-color: #fff;
            }

            #sbAdvantagePanel a {
                display: none;
            }

        .freeShippingSection .container {
        }

        .freeShippingSection .col {
            margin: 3% 0 3% 0 !important;
        }

        .freeShippingSection h3 {
            color: #fff;
        }

        .freeShippingSection h6 {
            font-size: 16px;
            min-height: 40px;
        }

        .freeShippingSection .fourCol .col {
            width: 50%;
            border-right: 0px solid white;
        }

            .freeShippingSection .fourCol .col:nth-child(2n+1) {
                clear: both;
                border-right: 1px solid white;
            }


        .freeShippingSection .icon {
            border-color: #fff;
        }

        .freeShippingSection .div100satisfactionguarantee {
            border-top: 1px solid white;
            padding-top: 10px;
            margin-top: -10px;
        }

        .freeShippingSection .divbestpricepromise {
            border-top: 1px solid white;
            padding-top: 10px;
            margin-top: -10px;
        }


        .upgradesCol {
            border-right: 1px solid #fff;
            height: 255px;
        }

        .upgradesColfr {
            border-right: 1px solid #fff;
            height: 270px;
        }

        .warrantyCol {
            border-top: 1px solid #fff;
            border-right: 1px solid #fff;
        }

        .warrantyColfr {
            border-top: 1px solid #fff;
            border-right: 1px solid #fff;
        }

        .shippingCol {
            border-top: 1px solid #fff;
        }

        .shippingColfr {
            border-top: 1px solid #fff;
        }

        .upgradesCol .icon {
            background-image: url(/images/icons/hp/100-percent-satisfaction.svg);
        }

        .warrantyCol .icon {
            background-image: url(/images/icons/hp/perfect-fit-gaurantee.svg);
        }

        .samplesCol .icon {
            background-image: url(/images/icons/hp/free-samples.svg);
        }

        .shippingCol .icon {
            background-image: url(/images/icons/hp/free-shipping.svg);
        }

        .upgradesColfr .icon {
            background-image: url(/images/icons/hp/garantie-de-satisfaction-a-100-percent.svg);
        }

        .warrantyColfr .icon {
            background-image: url(/images/icons/hp/garantie-fit.svg);
        }

        .samplesColfr .icon {
            background-image: url(/images/icons/hp/echantillons-gratuits.svg);
        }

        .shippingColfr .icon {
            background-image: url(/images/icons/hp/livraison-gratuite.svg);
        }

        #favoritesSlider {
            margin-bottom: 35px;
        }

        /* Category Page */
        #allTiles .loadingIcon {
            margin-left: 40%;
            padding-top: 5%;
        }

        .pageWrap {
            height: 30px;
        }

        .pageWrapLeft, .pageWrapRight {
            width: 35%;
        }

        .topPageSection {
            padding: 0;
            min-height: 0;
            margin-top: 0;
        }

        .topSection.onlyMobile, .emptyTopSection .h1Div {
            display: block;
            padding-bottom: 5px;
            min-height: 0px;
        }

        .topSection {
            border-bottom: 0px solid #ccc;
            padding: 8px 3%;
        }

            .topSection .h1Div, .topPageSection .h1Div {
                padding: 10px 45px 0 0
            }

            .topSection.noSocial .h1Div {
                padding: 10px 0 0 0;
            }

        .resultCount {
            margin-bottom: 0px;
            font-size: 12px;
            padding-top: 10px;
        }

        .categorySubContent {
            font-size: 12px;
        }

        .viewStyleAction {
            display: inline-block;
        }

        #categoryBanner {
            width: 94%;
            margin: -5px 3%;
            overflow: auto;
        }

            #categoryBanner .categoryBannerImg {
                width: auto;
                height: 130px !important;
                position: absolute;
                top: 0;
                right: 0;
            }

            #categoryBanner .categoryInfo, #categoryBanner .finePrint {
                display: none;
            }

            #categoryBanner .promoBanner {
                background-image: url(/images/category/promoBannerStripes.png);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
                text-align: center;
                padding: 10px;
                font-size: 28px;
                line-height: 32px;
                text-transform: uppercase;
                overflow: auto;
                color: #f30304;
            }

            #categoryBanner img {
                width: 100%;
            }

        .promoBanner i {
            font-size: 24px;
            text-transform: none;
        }

        .promoBanner .promoCircle {
            border-radius: 50px;
            background-color: #f30304;
            color: #fff;
            display: inline-block;
            float: right;
            font-weight: bold;
            font-size: 22px;
            line-height: 28px;
            width: 100px;
            height: 100px;
            box-sizing: border-box;
            padding: 20px 0;
            letter-spacing: -1px;
        }

        #featuredProductBanner {
            position: relative; /*padding-left:28%;*/
            border: none;
            /*border-bottom: 1px solid #ccc;*/
        }

        .featuredProductImg {
            position: absolute;
            top: 1%;
            left: 1%;
            width: 25%;
            z-index: 100;
            float: none;
        }

        .featuredProductContentRight {
            position: absolute;
            padding-top: 19%;
            left: 1%;
            width: 25%;
            border-left: none;
        }

        .featuredProductContentMiddle {
            float: none;
            width: 100%;
        }

        .featuredProductDescription {
            height: auto;
            padding-bottom: 25px;
        }

        .promoCircle .promoDiscount {
            font-size: 32px;
            display: block;
        }

        #categoryPromo {
            display: none;
        }

        #categorySlider {
            border: none;
            margin-bottom: 0;
        }

            #categorySlider .slides {
                float: none;
                width: 99%;
                margin: 0 0.5%;
                display: block;
            }

                #categorySlider .slides li {
                    margin: 10px 0;
                }

            #categorySlider .flexslider .slides > li:not(:first-child) {
                display: block;
            }

            #categorySlider .flex-control-nav {
                float: none;
                width: 100%;
            }

                #categorySlider .flex-control-nav li {
                    display: inline-block;
                    width: 8px;
                    height: 8px;
                    border-radius: 4px;
                    overflow: hidden;
                    background-color: #ccc;
                    padding: 0;
                    margin: 0 2px;
                }

                    #categorySlider .flex-control-nav li.flex-active {
                        background-color: #555;
                    }

                    #categorySlider .flex-control-nav li span {
                        padding: 0;
                        text-indent: -9999px;
                    }

            #categorySlider .slides .catBannerBorderBlock {
                padding: 5px 3%;
            }

            #categorySlider .slides .catBannerText h5 {
                font-size: 18px;
                text-shadow: none;
            }

            #categorySlider .slides .catBannerText h6 {
                font-weight: normal;
            }

            #categorySlider .slides li .catBannerText {
                right: 5%;
                width: 55%;
            }

                #categorySlider .slides li .catBannerText a {
                    font-size: 14px;
                    line-height: 14px;
                }

        #featuredProductBanner {
            position: relative;
            /*padding-left: 28%;*/
            border: none;
            /*border-bottom: 1px solid #ccc;*/
        }

        .featuredProductImg {
            position: absolute;
            top: 1%;
            left: 1%;
            width: 25%;
            z-index: 100;
            float: none;
        }

        .featuredProductContentRight {
            position: absolute;
            padding-top: 19%;
            left: 1%;
            width: 25%;
            border-left: none;
        }

        .featuredProductContentMiddle {
            float: none;
            width: 100%;
        }

        .featuredProductDescription {
            height: auto;
            padding-bottom: 25px;
        }

        [data-viewtype="gridView"] .productTile {
            width: 44%;
            margin: 0 3% 10px;
            padding: 10px 2% 40px;
        }

        [data-viewtype="gridView"] .productRatingStars {
            /*display: block;*/
        }

        [data-viewtype="listView"] .productTile {
            width: 100%;
            margin: 5px 2% 0;
        }

            [data-viewtype="listView"] .productTile .productImageWrap {
                width: 30%;
                margin-right: 3%;
                padding-bottom: 30%;
            }

        [data-viewtype="listView"] .productImageWrap .cornerOverlay {
            width: 100%;
        }

        .productTile .productBullets li, .productTile .productShopNow, .productTile .productShipping { /*display:none;*/
        }

        .productBullets li {
            margin-bottom: 2px;
        }

        .productTile .productBullets {
            padding-left: 0;
        }

        .spanRead_ReadMore {
            display: none !important;
            font-size: 13px;
        }

        .productTile .productBullets li:first-child { /*display:block;*/
        }

        .productTile .cornerBanner {
            font-size: 12px;
        }

        .productTile .productBullets a.colors-available-link, .productTile a.productRatingWrap a {
            font-size: 13px;
            padding: 7px 0;
            display: inline-block;
        }

        .categoryContent {
            overflow: hidden;
            padding-bottom: 24px;
            position: relative;
            transition: max-height 0.8s;
        }

            .categoryContent .readMoreText {
                display: block !important;
            }

            .categoryContent .readMoreLink {
                display: none;
            }

            .categoryContent .readLess {
                display: none;
            }

            .categoryContent .readMoreOverlay {
                display: block;
                background-image: url(/css/images/transOverlay.png);
                background-repeat: repeat-x;
                height: 55px;
                width: 100%;
                position: absolute;
                bottom: 0;
                z-index: 5;
            }

            .categoryContent .readMoreBtn {
                background-image: url(/images/icons/arrow_open.png);
                background-repeat: no-repeat;
                background-position: left center;
                background-size: 16px;
                padding-left: 22px;
                color: #202020;
                display: block;
                background-color: #fff;
                position: absolute;
                bottom: 0;
                width: 100%;
                box-sizing: border-box;
                text-decoration: none;
            }

        .contentOpen {
            max-height: 5000px !important;
            padding-bottom: 36px;
        }

            .contentOpen .readMoreBtn {
                background-image: url(/images/icons/arrow_close.png);
            }

            .contentOpen .readLess {
                display: inline;
            }

            .contentOpen .readMore {
                display: none;
            }

        /* Static Pages */
        .smartPerksTiles a.col, .sbAdvantageIcons .col {
            width: 49%;
        }

        .sbAdvantageIcons .col {
            padding-top: 25%;
        }

        .dealerContact {
            width: 60%;
        }

            .dealerContact img {
                float: none;
            }

        .menuSection {
            border-bottom: none;
            margin-bottom: 0;
        }

            .menuSection .linkList {
                max-height: 0px;
                overflow: hidden;
                margin: 0;
                transition: max-height 0.3s linear;
            }

            .menuSection .linkBlockTitle {
                display: block;
                text-transform: uppercase;
                border-bottom: none;
                margin: 0;
                padding: 15px 2.5%;
                position: relative;
            }

            .menuSection .linkBlock {
                border: 1px solid #ccc;
                border-bottom: none;
                padding: 0 10px;
                margin: 0;
            }

                .menuSection .linkBlock .linkBlockTitle:after {
                    content: "+";
                    font-family: Verdana, Geneva, Tahoma, sans-serif;
                    font-size: 17px;
                    position: absolute;
                    right: 5px;
                }

                .menuSection .linkBlock.active .linkBlockTitle:after {
                    content: "-";
                }

                .menuSection .linkBlock.active .linkList {
                    max-height: 3000px;
                }

            .menuSection .col:last-child .linkBlock:last-child {
                border-bottom: 1px solid #ccc;
            }

            .menuSection li a {
                display: block;
                padding: 0 2.5% 10px;
            }

                .menuSection li a.videoLink {
                    margin-bottom: 0;
                    padding: 0 2.5% 10px 30px;
                    background-position: left top;
                }

        #articleContent {
            padding: 10px 3%;
        }

        .sectionArticleLinks a {
            display: block;
            margin: 0 0 5px 0;
        }

        .freeShippingTable {
            width: 100%;
        }

        .installCols {
            margin-top: 42px;
        }

            .installCols .leftCol, .installCols .rightCol {
                display: block;
                float: none;
                width: 100%;
                margin: 0;
                padding: 0;
            }

            .installCols .rightCol {
                text-align: center;
                margin-top: 15px;
            }

        .needHelpGraphicText {
            margin-bottom: 10px;
        }

        .freeQuoteBox .findAProfessional {
            width: 55%;
            margin-bottom: 15px;
            font-size: 15px;
        }

        .freeQuoteBox input[type="text"] {
            width: 40%;
        }

        .freeQuoteBox .installQuoteBtn {
            display: block;
            clear: both;
        }

        #NBIResults {
            width: 100%;
        }

        #GlossaryNav.fixedNav {
            min-height: 95px;
        }

            #GlossaryNav.fixedNav .glossaryNav {
                border-bottom: none;
                box-shadow: none;
                padding: 1% 2%;
            }

        #GlossaryNav .glossaryNav {
            margin: 0;
            text-align: center;
            padding: 1%;
            background-color: #eee !important;
        }

            #GlossaryNav .glossaryNav li {
                width: auto;
                height: auto;
                line-height: normal;
                padding: 5px 10px;
                float: none;
                border: none;
            }

        .glossarySection article figure {
            width: 35%;
        }

        .errorCols > .col {
            display: inline-block;
        }

            .errorCols > .col:last-child {
                float: left;
                width: 62%;
            }

        .errorCols .threeCol .col {
            width: 100%;
        }

        /* Go Cordless */
        /*.cordlessHeader { background-image:none; }
.cordlessHeader .headerOverlay { display:block; position:static; border:none; width:100%; margin:40px 0 0; }
.cordlessHeader .goCordlessLogo { width:65%; margin:0 auto; }
.goCordlessPage .twoCol.noPad .col, .goCordlessPage .threeCol.noPad .col { padding:0; width:100%; margin:0 0 30px !important; }
.goCordlessPage .cordlessStatGraphics.noPad .col { padding:0 12%; }
#WhatsHappening .cordlessVideoLink { display:block; float:none; width:100%; }
#RaiseAwareness h2 { font-size:22px; }
#GetTheFacts .lgBtn { width:100%; }*/

        /* Cordless Safety */
        /*.cordlessLogo { float:none; width:85%; }
.cordlessTopText { width:100%; display:block; float:none; margin-top:0; }
.cordlessTipTitle { width:100%; margin:0; }
.cordlessStats .col { padding:0 2% !important; clear:both; overflow:auto; }
.cordlessStats .cordlessStat1 { padding-bottom:15px !important; }
.cordlessStats .col img { float:left; width:35%; margin-right:5%; }
.cordlessStats .col p { float:left; width:60%; margin-top:30px !important; }

.cordlessSteps .col { clear:both; }
.cordlessStep3 img { margin-top:0; }
.col.cordlessStep3, .col.cordlessStep5 { padding-left:2%; }
.col.cordlessStep4 { padding:5px 2% 5px 36%; background-position:left bottom; }
.cordlessStep3 p, .cordlessStep5 p:first-child { padding:18px 0; }

.cordlessWayToGo p { margin:0; }
.cordlessWayToGo .col { margin-bottom:25px; }*/

        /* About Pages */
        .aboutPageBanner {
            padding: 10px 105px 0 3%;
            margin-right: 3%;
        }

            .aboutPageBanner h1 {
                font-size: 18px;
                text-align: left;
                border-bottom: 1px solid #cdcdcd;
                margin-bottom: 0;
            }

                .aboutPageBanner h1 .buttonSet {
                    display: inline-block;
                }

        .aboutNav ul {
            display: block;
        }

            .aboutNav ul li {
                padding: 0;
                margin: 0;
                float: none;
                display: block;
                border-bottom: 1px solid #ccc;
            }

                .aboutNav ul li a {
                    padding: 10px;
                    display: block;
                    text-align: left;
                    color: #202020;
                    text-transform: none;
                    border: none;
                    font-weight: normal;
                }

        .aboutNav .externalIcon {
            background-image: url(/images/icons/external-link_gray.svg);
        }

        .aboutNav .sideColActions {
            display: block;
        }

        .aboutNav .title {
            color: #fff;
            background-color: #2a4d9d;
            padding: 12px;
            margin-bottom: 0;
            text-align: left;
            text-transform: uppercase;
            font-size: 16px;
            font-weight: bold;
            font-family: Arial, Helvetica, sans-serif;
        }

        .aboutPageContent .contentSection {
            padding: 0;
        }

        .execBios, .execBios .tabContent {
            margin-top: 0;
        }

        ul.execBiosTabs li {
            padding: 1.25% 2%;
        }

        .execTitle {
            font-size: 12px;
            font-weight: normal;
            text-transform: none;
        }

        .active .execTitle .downArrow {
            left: 30%;
        }

        .cordCleatModal img {
            width: 100%;
            float: none;
            display: block;
        }

        .aboutUsVideoCols .col:first-child, .aboutUsVideoCols .col:last-child {
            width: 100%;
            float: none;
        }

        /* Free Samples */
        .samplesHeader .noMobile, .samplesHeader.noMobile {
            display: none;
        }

        .samplesHeader h3 {
            display: none;
        }
        /*.samplesHeader { display:none; }*/
        /* Sales Page */
        .salesHeader .mainPromoLine {
            font-size: 45px;
        }

        .salesHeader .secondaryPromoLine {
            font-size: 22px;
        }

        .salesBanner .contentWrap h4 {
            font-size: 22px;
        }

        .salesBanner {
            font-size: 16px;
            padding: 3%;
        }

            .salesBanner .cornerBanner {
                font-size: 18px;
                padding: 0 10px;
            }

        .saleTile, .saleTile .saleTitle {
            font-size: 15px;
        }

            .saleTile .cornerBanner {
                font-size: 12px;
            }

            .saleTile .saleTileBottom {
                font-size: 14px;
            }

        /* Account Pages */
        .profileAddressBook .addressLineItem {
            margin: 12px 0;
            border-bottom: none;
        }

        .profileAddressBook #editAddressWrap .defaultShipping {
            display: block;
            float: none;
            margin: 15px 0;
            display: none;
        }

        .profileAddressBook .addAddress {
            margin-bottom: 10px;
        }

        #language {
            font-size: 11px;
            margin-top: -1px !important;
            margin-left: 15px;
            visibility: visible !important;
            margin-right: 15px;
        }
        /*#language #hiddenFlag{
    visibility:visible!important;
}*/
        .imgicon {
            text-align: center;
            width: 33%;
        }

        .tablinksFeatureHorizontal {
            width: 33%;
        }

        .filtersHorizontal .colorFilter {
            display: inline-block;
            float: left;
            box-sizing: border-box;
            width: 10%;
            position: relative;
            padding: 0;
            margin: 2%;
            overflow: hidden;
            border: 2px solid transparent;
        }

        .tabcontentFeatureHorizontal {
            display: none;
            padding: 6px 12px;
            border: 1px solid #ccc;
            border-top: none;
            width: 100%;
            position: absolute;
            z-index: 50;
            background-color: white;
            z-index: 500;
        }

        .productHorizontal {
        }

        #gladlyWidget #gladlyChatDragHandle {
            display: none !important; /*Hide the "live chat" button on mobile*/
        }
    }

    @media only screen and (max-width: 321px) {

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

    @media screen and (max-width: 480px) {

        .sampleCheckoutFields {
            grid-template-columns: 1fr;
        }

        .Optionname {
            width: 88%;
            display: inline-block;
            font-weight: normal;
            padding-left: 2px;
            padding-bottom: 5px;
            word-break: normal;
        }


        .HomeShopbyColor {
            padding: 0px 0 50px;
        }

        .exploreShopByColorTileHome {
            display: inline-block;
            margin: 0px 0;
        }

        .exploreShopByColorTileHome_ {
            display: inline-block;
            float: left;
            width: 22.88%;
            margin: -5px 0;
            text-align: center;
            padding: 0 5px;
        }

        .HomepanelText {
            padding: 0px 16% 5px;
            text-align: center;
            font-size: 17px;
            overflow: auto;
            line-height: 1.5;
            margin-bottom: -25px;
            margin-top: 0px;
        }

        .Homepaneldiv {
            margin-bottom: -30px;
        }

        .ShopByColorContainerHome {
            display: inline-block;
            width: 100%;
            padding-left: 0px;
            margin-top: 0px;
            margin-bottom: -15px;
        }

        .exploreShopByColorTileHome {
            width: 19.88%;
            padding: 0 5px;
        }

        .productInfoShopNowEn {
            clear: both;
            padding-top: 15px;
        }

        .productInfoShopNowFr {
            clear: both;
            padding-top: 15px;
        }


        .productBullets {
            margin: 0px 0 15px;
        }

        .featureprodstepimg {
            width: 100%;
        }

        .FeatureProductvideoBtn {
            top: 7px;
            padding-bottom: 1%;
            border: 1px solid #ccc;
            float: none;
            text-align: center;
            padding-top: 55%;
            margin-bottom: 20px;
            margin-right: 12px;
            left: -8px;
            width: 69px;
        }

        .VideoImg {
            margin-left: 13px;
        }

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

        .featureprodstep3 {
            float: left;
            width: 100%;
            /*padding-left: 0px;*/
        }

        .featureProductbtn {
            display: block;
            width: 100%;
            margin: 10px 0 !important;
            text-align: center;
            font-size: 16px;
        }

        .productInfoShopNowEn .orderfreeSampleBtn {
            color: #f27d04;
            border: 1px solid #f27d04;
            text-transform: uppercase;
            padding: 5px 12px;
            box-sizing: border-box;
            display: block;
            width: 100%;
            margin: 10px 0 !important;
            text-align: center;
            font-size: 16px;
        }

        .productInfoShopNowFr .orderfreeSampleBtn {
            color: #f27d04;
            border: 1px solid #f27d04;
            text-transform: uppercase;
            padding: 5px 12px;
            box-sizing: border-box;
            display: block;
            width: 100%;
            margin: 10px 0 !important;
            text-align: center;
            font-size: 16px;
        }

        .featuredProductInfoContentRight {
            display: inline-block;
            float: left;
            width: 100%;
            border-left: none;
            margin-top: 0;
        }

        .featureProductImg {
            width: 70px;
        }

        .logo img {
            width: 100%;
            border: 0;
            padding-left: 0px;
        }

        #topNav .drop a:not(.categoryImageHref):hover {
            background-image: none;
        }

        .siteMsg {
            font-size: 14px;
        }

        #mainSlider {
            display: none !important;
        }

        .promomobileimg {
            display: block;
        }

        .tileContainer {
            overflow: auto;
            padding-top: 0px;
            position: relative;
        }

        .h1revieworder {
            padding-bottom: 40px;
        }

        .Samplesideboxcontent {
            display: block;
        }

        .Postal_Zip {
            float: right;
            position: absolute;
        }

        .filterAddCartToolTip {
            top: 7px;
            display: inline-block;
            position: absolute;
            z-index: 3000;
            padding-left: 58px;
            margin-top: 0px;
        }

        .filterAddCartToolTipFr {
            top: 6px;
            display: inline-block;
            position: absolute;
            padding-left: 59px;
            margin-top: 0px;
        }

        .CcTextArea {
            width: 95%;
        }

        .productImageName {
            font-size: 14px;
            font-weight: normal;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            height: 36px !important;
        }

        .subtitle_Vertical {
            width: 200px;
            font-size: 14px;
        }

        #goToTopTab {
            position: fixed;
            right: 0;
            bottom: 80px;
            width: 45px; /*shrink button to match grey chat button*/
            background-position: 14px 6px;
        }

        .fr #goToTopTab {
            bottom: 80px;
        }

        .goToTopTabEN {
            padding: 30px 0px 10px 14px;
        }

        .goToTopTabFR {
            padding: 30px 0px 10px 10px;
        }

        .helpLink {
            text-decoration: none;
        }

        .qtip-Option {
            left: 20px !important;
        }


        .Checkout_Cvv2 {
            width: 200px;
            height: 251px;
        }

        .independentreviewColin {
            margin-left: 85px;
            margin-top: -12px;
            padding-left: 0px;
        }

        .customerreviewfirst {
            padding-bottom: 25px !important;
            padding-right: 5% !important;
        }

        .customerreviewSecond {
            padding-right: 5%;
        }

        .VerticalFeature {
            width: 94px;
            float: left;
        }

        .FeatureToolTip {
            float: right;
            padding-right: 86px;
        }

        .Top_Sample {
            padding: 10px 0px !important;
        }

        #TopAcctContainerfr li {
            width: 60px;
        }

        /*#TopAcctContainer li {
        width: 50px;
    }*/



        .ClothsubTitle {
            margin: 0px 0px 5px 8px;
            padding-bottom: 5px;
        }

        .promotier1mob {
            width: 65%;
            float: left;
        }


        #TopAcctContainerfr li > a {
            width: 60px;
        }

        /*#TopAcctContainer li > a {
       width:50px;
   }*/
        .feature_name {
            width: 85%;
            font-weight: normal;
            display: inline-block;
        }

        .feature .feature_name {
            width: auto;
        }

        .feature .subFeature .feature_name {
            width: 85%;
        }

        .feature_nameWithPlayIcon {
            width: 70% !important;
        }


        .featureName {
            width: 100%;
        }

        .customSelect select {
            margin: 0 0 0 -4px;
            font-size: 15px;
            padding: 5px 0 5px 8px;
        }

        .hasExpandable #countdownWrap {
            right: 86px;
            margin: 18px;
        }

        #countdownWrap {
            top: 18px;
        }

        .samplePackTitle {
            padding: 5px 2px;
            font-size: 13px;
            min-height: 50px;
        }

        #ADDtoCart {
            max-width: 40%;
            margin: 0px 30%;
        }

        #RemoveFromCart {
            max-width: 50%;
            margin: 0px 25%;
        }

        .tooltip {
            padding: 1% 2%;
        }

        .contactSignup .form-field input {
            width: 195%;
            border: 1px solid #999;
            box-sizing: border-box;
            padding: 3px;
        }

        #shippingDisclaimerBig {
            margin-left: 2px;
        }

        #shippingDisclaimer {
            margin-left: 18px;
            margin-right: 18px;
        }

        .reviewStarsLabel {
            width: 36% !important;
        }

        #topNav .drop > ul .hasDrop {
            min-width: 220px;
            display: inline !important;
        }

        .reviewGroup .form-groupSite {
            margin: 2px -7px;
        }

        #productReviewListPage h4 {
            margin-left: 8px;
        }

        .customerReview {
            display: flex;
            flex-direction: column;
            margin-left: 8px;
        }

        #categoryReviewContainer .customerReview {
            margin-left: 0;
        }

        .overallRatingMobile {
            margin-top: 2px;
        }

        .reviewBottom p {
            margin: 0 0 10px 0;
        }

        .reviewPopupTop {
            grid-template-columns: 100%;
            row-gap: 5px;
        }

        #reviewDetailsCarousel {
            grid-column-start: span 1;
            grid-row-start: 2;
        }

        .customerReview .customerRatingWrap {
            padding: 10px 3px;
            width: 97%;
        }

        .customerReview.images {
            grid-template-columns: 2fr 5fr
        }

        .reviewBottomImages {
            grid-column: 1 / span 2;
        }

        .reviewBtnsContainer {
            flex-direction: column-reverse;
            align-items: center;
            gap: 0;
        }

        #submitReviewOrder {
            margin-top: 5px;
            margin-right: 0;
        }

        .prodSub {
            text-align: right;
            margin: 20% 10% 0%;
        }

        .reviewGroup {
            width: 104%;
            margin: 0 6px;
        }

        .reviewStars {
            width: 85%;
        }

        .starRate {
            margin: -1px 0 -4px -64px;
        }

        .review .starRate {
            margin: -1px 0 -4px 0px;
        }

        .reviewSubGroup .form-groupProd .starRate {
            margin: 0 0 -4px -10px;
        }

        .reviewStarsGroup {
            width: 100%;
        }

        #indContentReviews .col {
            width: 100% !important;
            margin-top: 10px;
        }

        .fourCol {
            margin: 10px;
            text-align: center;
        }

        #reviewProduct input[type=text], #reviewProduct textarea, .dropDownCategoryProd {
            width: 65% !important;
        }

        [data-viewtype="gridView"] .productTile .productTitle, .productTile .productTitle, .productTile a.productTitle {
            text-transform: uppercase;
            display: block;
            min-height: 35px;
            color: #000;
            height: auto;
        }

        [data-viewtype="gridView"] .productHorizontal {
            width: 46% !important;
        }

        .form-group input, .form-group textarea {
            width: 65%;
            border: 1px solid #999;
            box-sizing: border-box;
            padding: 3px;
        }

        .form-group .inline-radio-set {
            padding: 40px;
        }

        #writeReview input[type=text], #writeReview textarea {
            width: 65% !important;
        }

        #reviewForm .button-group-ordrev .reviewFormBtn {
            height: 37px;
            width: 250px;
            font-size: 16px !important;
        }

        .label3 {
            width: 50%;
        }

        .reviewGroup .form-groupProd {
            background: #ebebeb;
            width: 100%;
            overflow: auto;
            float: left;
            margin: 2px 0;
            padding: 8px;
            box-sizing: border-box;
        }

        .reviewTitle {
            font-size: 14px;
            clear: both;
            overflow: auto;
        }

        .reviewSubGroup {
            width: 100%;
            /*padding: 10px 2%;*/
            box-sizing: border-box;
            float: left;
        }


        .diyCols .postHoverText .linkList {
            margin: 0px 0px 43px;
        }

        .reviewerName {
            display: block;
        }

        .reviewer {
            display: block;
            float: left;
        }

        .reviewGroup .form-groupProd {
            width: 100%;
        }

        .customerRatingWrap span.ratingTabSep {
            display: block;
        }

        .reviewTitle .reviewer {
            float: left;
            clear: both;
        }

        .reviewTitle .prodName {
            display: block;
        }

        .bigStar > .ratingStars > span {
            width: 25px;
            height: 25px;
        }

        .videoContainer iframe {
            height: 250px;
            width: 100%;
        }

        #countdown {
            font-size: 13px;
            line-height: normal;
            margin-top: 0px;
        }

        .mainVideoHeader {
            width: 100%;
        }

        .youtubeImage {
            width: 48%;
            margin: 0;
        }

        .loading {
            position: fixed;
            bottom: 0;
            right: 0;
        }

        .loadingToolTip {
            position: fixed;
            bottom: 0;
            right: 0;
        }

        .freeQuoteBox input[type="text"] {
            margin: 10px 0 0 0;
        }

        .cordlessBtns li {
            margin: 0;
        }

        .cordlessBtns a.clearBtn {
            font-size: 15px;
        }

        .discoverBrowse.open .browseCatContent {
            max-height: 700px;
        }

        .exploreVideos li {
            float: none;
            width: 100%;
            display: block;
            overflow: auto;
            clear: both;
            padding: 0;
            margin-bottom: 10px;
        }

        .diyCols .subTitle {
            padding-top: 12px;
            font-size: 26px;
        }

        .diyCol .videoBtn {
            padding: 24px 0 10px 133px;
            margin-bottom: 0;
            font-size: 16px;
        }

            .diyCol .videoBtn .videoIcon {
                width: 45px;
                height: 45px;
                top: 22px;
            }

        #diyPanel .linkList li {
            margin: 8px;
        }

        .helpCol .designHelp {
            padding: 10px 0;
            margin: 0 auto;
        }

            .helpCol .designHelp .orange {
                margin-top: 5px;
            }

        .reviewsTabs a {
            display: block;
            padding: 10px 5px;
        }

        /* Top Promo Banner */
        .promoTiers {
            font-size: 13px;
        }

        .promoTiersMobile {
            padding-top: 39px;
        }

        .PromoHeaderBanner.hasCountdown #countdown {
            font-size: 14px;
        }

        .promoTier1 .container, .hasCountdown .hasExpandable .promoTier1 .container { /*padding-right:50px;*/
        }

        .hasCountdown .promoTier1 .container {
            padding-left: 85px;
        }

        .PromoHeaderBanner.hasCountdown #countdownWrap {
            width: 77px;
        }

        /* Category Page */
        #categoryBanner .promoBanner {
            font-size: 15px;
            line-height: 20px;
        }

        .promoBanner i {
            font-size: 16px;
        }

        .promoBanner .promoCircle {
            font-size: 15px;
            line-height: 20px;
            width: 70px;
            height: 70px;
            padding: 15px 0;
            margin-left: 8px
        }

        .promoCircle .promoDiscount {
            font-size: 20px;
        }

        h1, .topSection .h1Div, .topPageSection .h1Div {
            font-size: 16px;
            margin-bottom: 0px;
        }

        [data-viewtype="gridView"] .productTile {
            width: 46%;
            margin: 0 2% 10px;
        }

        [data-viewtype="listView"] .productTile {
            padding: 1% 1% 1%;
            border-bottom: 1px solid #ccc;
            min-height: 330px;
        }

            [data-viewtype="listView"] .productTile .productTitle {
                font-size: 15px;
            }

            [data-viewtype="listView"] .productTile .productImageWrap {
                width: 40.5%;
                margin: 3px 2.5% 2px 0;
            }

            [data-viewtype="listView"] .productTile .productBullets {
                margin: 8px 16px;
            }

            [data-viewtype="listView"] .productTile .productRatingWrap {
                margin: 0 0 5px;
                line-height: 1.1;
                right: 5%;
                min-width: 170px;
                bottom: 5px;
                position: absolute;
            }

        .productPrices {
            font-size: 15px;
            margin: 5px 0;
        }

        .productTile .kidsCertified {
            width: 20%;
            margin-top: -15px;
        }

        .productTile .promoText {
            font-size: 13px;
        }

        [data-viewtype="gridView"] .productTile .kidsCertified {
            display: none;
        }

        .productTile .cornerBanner {
            text-transform: none;
            padding: 0 3px;
        }

        .productTile .cornerBannerWrap .rightEdge {
            display: none;
        }

        #featuredProductBanner {
            padding: 3%;
            /*text-align: center;*/
        }

        .featuredProductImg {
            position: static;
            width: 100%;
            max-width: 200px;
        }

        .featuredProductContentRight {
            position: static;
            padding-top: 0;
            left: auto;
            width: 100%;
        }

            .featuredProductContentRight .productBullets {
                padding: 0;
                margin-top: 5px;
            }

                .featuredProductContentRight .productBullets li, .featuredProductContentRight .productShipping {
                    display: none;
                }

                    .featuredProductContentRight .productBullets li:first-child {
                        display: block;
                    }

        .featuredProductContentMiddle {
            float: none;
            width: 100%;
        }

            .featuredProductContentMiddle .productPrices {
                float: none;
                display: block;
                margin-right: 0;
            }

            .featuredProductContentMiddle .productRatingWrap {
                margin-top: 5px;
                display: block;
                float: none;
            }

        #featuredProductBanner {
            padding: 3%; /*text-align:center;*/
        }

        .featuredProductImg {
            position: static;
            width: 100%;
            max-width: 200px;
        }

        .featuredProductContentRight {
            position: static;
            padding-top: 0;
            left: auto;
            width: 100%;
        }

            .featuredProductContentRight .productBullets {
                padding: 0;
                margin-top: 5px;
            }

                .featuredProductContentRight .productBullets li, .featuredProductContentRight .productShipping {
                    display: none;
                }

                    .featuredProductContentRight .productBullets li:first-child {
                        display: block;
                    }

        .featuredProductContentMiddle {
            float: none;
            width: 100%;
        }

            .featuredProductContentMiddle .productPrices {
                float: none;
                display: block;
                margin-right: 0;
            }

            .featuredProductContentMiddle .productRatingWrap {
                margin-top: 5px;
                display: block;
                float: none;
            }

        .featuredProductDescription {
            height: 50px;
            padding-bottom: 0;
        }

        /*#leftColumn.sidebarOpen { width:80%; }*/

        .quoteModal .qqHeight, .quoteModal .qqWidth {
            background-size: contain;
            background-position: center top;
            padding-top: 45%;
            padding-bottom: 0;
            padding-left: 0;
        }

        .dealerContact {
            width: 100%;
        }

        .contentSection .hasLeftThumb {
            margin: 0 0 10px;
        }

        #rightColumn .contactFormWrap {
            padding-left: 0;
        }

            #rightColumn .contactFormWrap .leftThumb {
                display: none;
            }

        .contactFormWrap .formContainer {
            width: 100%;
        }

        /* ABout Pages */
        .connectList li {
            width: 100%;
            margin: 5px 0 !important;
            float: none;
        }

        .blogList img {
            width: 75%;
            float: none !important;
        }

        /*Free Samples*/
        .sampleSteps {
            float: none;
            width: 100%;
        }

        .samplesShipping {
            float: none;
            border: none;
            width: 100%;
        }

        .samplesCheckoutShipping {
            float: none;
            border: none;
            width: 100%;
        }

            .samplesCheckoutShipping img {
                width: 100%;
            }

            .samplesCheckoutShipping .sampleFreeShipping {
                border-bottom: 1px solid #ccc;
                border-right: none;
            }

        .samplesCategoryList > li {
            width: 49%;
        }

        .samplesProductList > li > a.samplesAccordion {
            background-position: 95% 10px;
        }

        .samplesProductColorList li {
            width: 24%;
        }

            .samplesProductColorList li:nth-child(7n+1) {
                clear: none;
            }

            .samplesProductColorList li:nth-child(4n+1) {
                clear: both;
            }

        .samplesProductList .shopSampleLink {
            width: 17%;
            display: none;
        }

        .samplesProductList .samplesAccordion .helpLink {
            display: inline-block;
            width: 75%;
        }

        .samplesCheckout .orangeBtn {
            width: 100% !important;
        }

        /* Sales Page */
        /*.salesHeader { text-align:left; padding:5px 55px 5px 2%; }
.salesHeader .mainPromoLine { font-size:28px; margin-top:0; }
.salesHeader .secondaryPromoLine { font-size:14px; }
.salesBanner { padding:14% 14% 3% 14%; margin-bottom:5px; }
.salesBanner .imageWrap { width:100%; box-sizing:border-box; float:none; margin:0; }
.salesBanner .contentWrap h4 { font-size:18px; }
.salesBanner .cornerBanner { font-size:18px; padding:0 10px; }
.saleTile { float:none; width:100%; box-sizing:border-box; height:auto !important; margin:5px 0; padding-bottom:10px; }
.saleTile .saleTileContent { display:inline-block; float:left; width:55%; }
.saleTile .saleTitle { min-height:0px; margin-top:0; }
.saleTile .saleSubTitle { margin-bottom:10px; }
.saleTile .saleImage { width:40%; float:left; margin:3px 5% 2px 0; }
.saleTile .cornerBannerWrap { top:10px; }
.saleTile .saleTileBottom { position:static; margin-top:7px; }*/

        /* Reviews Page */
        #reviewForm {
            margin-bottom: 0;
        }

            #reviewForm .button-group input {
                margin: 25px -36px;
            }

        .errorCols .col, .errorCols .col:first-child, .errorCols .col:last-child {
            display: block;
            width: 100%;
            float: none;
        }

        .errorCols > .col:first-child {
            text-align: center;
            padding: 10px 0;
        }

        .errorCols .fullImage {
            width: 80%;
            margin: 0 auto;
        }

        /* Go Cordless */
        /*#WhatsHappening .PWBSlogo { max-width:100%; display:block; margin:0 auto 15px; float:none; }
#RaiseAwareness .cordlessSocialIcon { width:50px; height:50px; background-size:30px 30px; }
#RaiseAwareness .threeCol.noPad .col { padding-bottom:20px; border-bottom:1px solid #ccc; margin-bottom:10px !important; }
#RaiseAwareness .threeCol.noPad .col:last-child { border-bottom:none; }
.cordlessFactsBox b { font-family:Arial, Helvetica, sans-serif; }
.projectCordlessCols .pcCol { float:none !important; width:100% !important; }
#GetTheFacts .twoCol.noPad .col { padding-bottom:20px; border-bottom:1px solid #ccc; margin-bottom:20px !important; }*/

        /* Search Box */
        input#searchBox {
            display: none;
        }

        input#searchBoxIcon {
            display: none;
        }

        .searchBoxMobile {
            display: block;
        }

        .searchBoxMobileHide {
            display: none !important;
        }

        .cartCountsListItem.searchBoxMobile {
            display: block;
        }

        .cartCountsListItem.searchBoxMobileHide {
            display: none !important;
        }

        .imgicon {
            text-align: center;
            width: 33%;
        }

        .nextPage {
            margin-top: 0;
            background-image: url(/css/images/linkArrow.png);
            background-repeat: no-repeat;
            background-position: right 4px;
            display: inline-block;
            padding-right: 13px;
        }

        .prevPage {
            margin-top: 0;
            background-image: url(/css/images/backArrow_blue.png);
            background-repeat: no-repeat;
            background-position: left 4px;
            display: inline-block;
            padding-left: 13px;
        }

        .firstPage {
            margin-top: 0;
            background-image: url(/css/images/backArrow_blue.png);
            background-repeat: no-repeat;
            background-position: left 4px;
            display: inline-block;
            padding-left: 13px;
        }

        .lastPage {
            margin-top: 0;
            background-image: url(/css/images/linkArrow.png);
            background-repeat: no-repeat;
            background-position: right 4px;
            display: inline-block;
            padding-right: 13px;
        }

        #TopAcctContainer .iconDrop a {
            line-height: 32px;
            font-size: 13px;
        }

        .logAccnt {
            margin-left: -105px;
        }

        .logAccntFr {
            margin-left: -165px;
        }

        .menuButtonText {
            display: none;
        }

        #TopAcctContainer .cartCountsListItem {
            height: 45px;
        }

            #TopAcctContainer .cartCountsListItem > a {
                height: 45px;
            }

            #TopAcctContainer .cartCountsListItem > a, #TopAcctContainer .cartCountsListItem:hover a, #NavBarMenu .menuBtn {
                background-position: center center;
                background-size: 20px 20px;
            }

        #TopAcctContainer .iconDrop {
            margin-top: 1px;
        }
    }

    @media print {
        /* General layout elements */
        #NavBarMenu, #TopAcctContainer, #language, .headerTop, .headerMsg, .hidden-phone, .pageWrap, .noPrint, footer, #RecentlyViewed {
            display: none !important;
        }

        .fixedHeader {
            position: relative;
            margin-bottom: 15px;
        }

        .logo {
            position: relative;
            top: -30px !important;
        }

        .pageFlipFrame {
            border-left: none;
            border-right: none;
            border-bottom: none;
        }

        .pageContent {
            padding: 10px 0;
        }

        .orderPrint {
            display: inline-block;
        }

        /* specific elements */
        .cartSteps, .promoBox, .proceedCheckout, .lineItemLinks, .orangeBtn, .grayBtn, .whiteBtn {
            display: none !important;
        }

        .cartLineItemCol {
            height: auto !important;
        }

        #orderFormLabel {
            display: inline-block;
            float: right;
        }

        #bottomBar {
            display: none;
        }

        #searchSite {
            display: none;
        }

        #cartGrid {
            max-width: 1000px;
        }
    }


    .en {
        min-width: 60px;
    }

    .fr {
        min-width: 46px;
    }

    /* Blinds Selector CSS*/

    /*.BlindSelectorQuestion {
    font-size: 18px;
    color: black;
    font-family: Helvetica;
    padding-left: 10px;
    font-weight: bold;
    padding-top: 25px;
    padding-bottom: 10px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.BlindSelectorDivBox {
    width: 630px;
    height: 270px;
    background: rgba(255,255,255,0.8);
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.BlindSelectorDivControl {
    width: 100%;
    height: 40px;
    background: rgba(255,255,255,0.8);
    margin-top: 10px;
    display: table;
}

.BlindSelectorDivAnswer {
    display: table;
    padding-left: 10px;
    padding-right: 15px;
    width: 93%;
}

.BlindSelectorAnswerBold {
    font-weight: bold;
    color: #2b4976;
}

.BlindSelectorAnswer {
    font-size: 14px;
    font-family: Arial;
    margin-bottom: 7px;
    padding-left: 23px;
}

.BlindSelectorInput {
    min-height: 16px;
    min-width: 16px;
    width: auto;
    float: left;
}

.BlindSelectorDivControlBackBtn {
    display: table-cell;
    width: 80px;
    text-align: left;
    vertical-align: middle;
    padding-left: 10px;
}

.BlindSelectorDivControlNextBtn {
    display: table-cell;
    width: 80px;
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
}

.BlindSelectorDivControlText {
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
}

.blindsSelectorSteps {
    display: none;
}

.BlindSelectorDivAnswerResult {
    display: table;
    padding-left: 10px;
    padding-bottom: 5px;
}

.BlindSelectorQuestionResult {
    font-size: 14px;
    color: black !important;
    font-family: Helvetica;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 5px;
}

.BlindSelectorAnswerResult {
    font-size: 11px;
    color: gray;
    font-family: Helvetica;
    display: table-cell;
    vertical-align: top;
}

.BlindSelectorDivControlEndBtn {
    display: table-cell;
    width: 80px;
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
}

.BlindSelectorQuestionResult a {
    color: black !important;
}

.BlindSelectorQuestionResult a:hover {
    color: #FF9900 !important;
    text-decoration: underline !important;
}

.BlindSelectorDivControlTextS1 {
    font-size: 22px;
    color: #dd8629;
    font-family: Helvetica;
    font-weight: bold;
}

.BlindSelectorDivControlText {
    text-align: center;
}

.BlindSelectorDivControlTextS2 {
    font-size: 18px;
    color: black;
    font-family: Helvetica;
}

.BlindSelectorDivControlTextS3 {
    font-size: 18px;
    color: #dd8629;
    font-family: Helvetica;
}

.BlindSelectorDivCongrats {
    font-weight: bold;
    font-size: 22px;
    color: black;
    font-family: Helvetica;
    margin-bottom: 5px;
    padding-left: 10px;
}

.blindsSelectorPage .productTile:nth-child(3n + 4) {
    clear: both;
}

.blindsSelectorFilterSortType div.customSelect {
    padding-right: 10px;
}

.BlindSelectorAnswerNormal {
    font-size: 14px;
    color: black;
    font-family: Arial;
    font-weight: normal;
}

.BlindSelectorAnswerResult {
    font-weight: bold;
    color: #2b4976;
}

.BlindSelectorDivAnswerResult .BlindSelectorAnswerResult {
    font-size: 11px;
    font-weight: bold;
    color: #2b4976;
    font-family: Helvetica;
    display: table-cell;
    vertical-align: top;
}

.BlindSelectorDivAnswerResult .BlindSelectorAnswerResult span.BlindSelectorAnswerNormal {
    font-size: 11px;
    color: gray;
    font-family: Helvetica;
    vertical-align: top;
}*/


    /* Blinds Selector CSS*/

    #ReviewReferral {
        /*background-color: yellow;*/
        width: 80%;
        min-height: 60%;
        margin: 0px auto;
        /*border: 3px solid #1A2F5A;*/
        font-family: 'Helvetica', 'Arial', sans-serif;
    }

    .visible-phone #ReviewReferralTitle {
        /*background-color: yellow;*/
        margin: 0px 20px;
        color: #192F56;
        text-align: center;
        font-size: 30px;
        line-height: 50px;
        font-weight: bolder;
        /*width: 100%;*/
        height: 70px;
        /*font-family: "Arial", Helvetica, Arial, sans-serif;*/
        font-family: "Calibre", Arial, Helvetica, sans-serif;
    }

    .visible-tablet #ReviewReferralTitle {
        /*background-color: yellow;*/
        margin: 20px 20px;
        color: #192F56;
        text-align: center;
        font-size: 29px;
        line-height: 50px;
        font-weight: bolder;
        /*width: 100%;*/
        height: 40px;
        /*font-family: "Arial", Helvetica, Arial, sans-serif;*/
        font-family: "Calibre", Arial, Helvetica, sans-serif;
    }

    .visible-tablet #ReviewReferralMore {
        margin: 20px 0px;
        font-size: 22px;
    }

    .visible-phone #ReviewReferralMore {
        margin: 10px 0px;
        font-size: 20px;
    }

    #ReviewReferralMessage {
        text-align: center;
        color: #1A2F5A;
        width: 80%;
        margin: auto;
        font-size: 17px;
        /*font-family: "Arial", Helvetica, Arial, sans-serif;*/
        font-family: "Calibre", Arial, Helvetica, sans-serif;
    }

    .ReviewReferralAsterisks {
        font-size: 10px;
        vertical-align: top;
    }

    .ReviewReferralMessage17 {
        font-size: 17px;
    }

    .ReviewReferralMessage15 {
        font-size: 15px;
    }

    .ReviewReferralMessage13 {
        font-size: 13px;
    }

    .ReviewReferralMessage11 {
        font-size: 11px;
    }

    .ReviewReferralMessage10 {
        font-size: 10px;
    }

    #ReviewReferralEmailSectionEN {
        width: 86%;
        margin-left: 7%;
    }

    #ReviewReferralEmailSectionFR {
        width: 90%;
        margin-left: 5%;
    }

    #ReviewReferralContentForEmail {
        text-align: center;
        color: #1A2F5A;
        width: 90%;
        margin: auto;
        font-size: 13px;
    }

    /*.visible-phone #ReviewReferralContentForEmail {
        text-align: center;
        color: #1A2F5A;
        width: 100%;
        margin: auto;
        font-size: 13px;
    }*/

    #ReviewReferralReminderForEmailedFriends {
        text-align: left;
        color: #1A2F5A;
        width: 90%;
        margin: auto;
        font-size: 13px;
        font-family: "Calibre", Arial, Helvetica, sans-serif;
    }

    /*.visible-desktop .ReviewReferralMainContentEN #ReviewReferralContentForEmail {
        margin-top: 10%;
    }*/

    #ReviewReferralContentForEmail {
        /*border: 1px solid darkgrey;*/
        /*border-radius: 15px;*/
        font-size: 11px;
        /*color: darkgrey;*/
        /*margin-bottom: 5px;*/
    }

    .visible-tablet #ReviewReferralEmails {
        margin: auto;
        width: 90%;
    }

    .visible-phone #ReviewReferralEmails {
        margin: auto;
        width: 90%;
        text-align: center;
    }

    #EmailString {
        width: 95%;
        height: 30px;
        font-size: 13px;
        color: gray !important;
        /*border: 2px solid #192F56;*/
        /*padding-left: 2%;*/
        /*margin: 1px 2px;*/
        padding-left: 5px;
        padding-right: 5px;
        border: 1px solid grey;
        font-family: "Calibre", Arial, Helvetica, sans-serif;
    }

    #EmailBody, #EmailBodyEN, #EmailBodyFR {
        /*margin: 5px 0px;*/
        padding: 5px;
        height: 90px;
        /*line-height: 1.35;*/
        resize: none;
        overflow-y: scroll;
        width: 95%;
        border: none;
        font-size: 13px;
        color: gray;
        border: 1px solid gray;
        text-align: justify;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        /*font-family: 'Helvetica', 'Arial', sans-serif;*/
        font-family: "Calibre", Arial, Helvetica, sans-serif;
    }

    #ReviewReferralCode {
        text-align: center;
        color: #1A2F5A;
        width: 90%;
        margin: 11px auto;
        /*font-size: 13px;*/
    }

    #ReviewReferralCodeBody {
        border: 2px solid #192F56;
        border-radius: 15px;
        line-height: 40px;
        padding: 5px 20px;
        /*font-family: "Arial", Helvetica, Arial, sans-serif;*/
        font-family: "Calibre", Arial, Helvetica, sans-serif;
    }

    #ReviewReferralInputWrapper {
        text-align: center;
        margin-bottom: 15px;
        width: 88%;
        margin: auto;
    }

    #ReviewReferralInput {
        margin: auto;
    }

    /*#elementWrapWrapper {
        display: inline-block;
        width: 100%;
        margin: auto;
    }*/

    /*#ReviewReferralInputWrapper #elementWrap {
        display: table-row;
        height: 30px;
    }*/

    /*#ReviewReferralInputWrapper #inp {
        display: table-cell;
        width: 75%;
        height: 100%;
        border: 2px solid #192F56;
    }*/

    /*#ReviewReferralInputWrapper #but {
        display: table-cell;
        width: 130px;
        min-height: 100%;
        padding: 5px 15px;
        font-size: 20px;
        color: white;
        background: #192F56;
        border: 3px solid #192F56;
        cursor: pointer;
    }*/

    #ReviewReferralButEN {
        margin-top: 40px;
    }

    #ReviewReferralBut {
        margin-top: 40px;
    }

    #ReviewReferralInputWrapper #butMbl, #butDsk {
        /*display: table-cell;*/
        /*flex: 1;*/
        width: 40%;
        min-height: 100%;
        font-size: 15px;
        color: white;
        background: #192F56;
        border: 3px solid #192F56;
        cursor: pointer;
        vertical-align: middle;
        line-height: 40px;
        border-radius: 3px;
        /*margin-left: 30%;*/
        font-family: "Calibre", Arial, Helvetica, sans-serif;
    }

    /*#ReviewReferral input[type=submit] {
        padding: 5px 15px;
        height: 25px;
        font-size: 20px;
        color: white;
        background: #192F56;
        border: 0 none;
        cursor: pointer;
    }

    #ReviewReferral input[type=text] {
        height: 25px;
        border: none;
        width: 100%;
        box-sizing: border-box;
        font-size: 9px;
        padding-left: 5px;
    }*/

    #ReviewReferralDisclaimer {
        font-size: 10px;
        color: darkgrey;
        /*margin: 20px 0 30px;*/
        margin-bottom: 10px;
        text-align: center;
        /*font-weight: bold;*/
        color: #192F56;
        /*font-family: "Arial", Helvetica, Arial, sans-serif;*/
        font-family: "Calibre", Arial, Helvetica, sans-serif;
    }

    .ReviewReferralImage {
        text-align: center;
        /*position: relative;*/
    }

    #ReviewReferralLandingPageImage {
        position: relative !important;
    }

    /*#ReviewReferralLandingPageImageEN {
        background-image: url("/images/reviews/ThankYouForYourReviewLandingPageEN.jpg");
        background-repeat: no-repeat;
        background-position: center; 
        position: relative;
    }

    #ReviewReferralLandingPageImageF R{
        background-image: url("/images/reviews/ThankYouForYourReviewLandingPageFR.jpg");
        background-repeat: no-repeat;
        background-position: center; 
        position: relative;
    }*/

    #ReviewReferralImage {
        max-height: 750px;
    }

    /*:root {
        --size-divisor-EN: 2.43;
        --size-divisor-FR: 2.66;
    }

    @media only screen and (max-width: 1025px) {

        :root {
            --size-divisor-EN: 3.15;
            --size-divisor-FR: 3.48;
        }
    }

    @media only screen and (max-width: 769px) {

        :root {
            --size-divisor-EN: 4.20;
            --size-divisor-FR: 4.65;
        }
    }

    @media only screen and (max-width: 640px) {

        :root {
            --size-divisor-EN: 4.45;
            --size-divisor-FR: 4.65;
        }

    }
    
    @media only screen and (max-width: 376px) {

        :root {
            --size-divisor-EN: 4.45;
            --size-divisor-FR: 4.65;
        }

    }*/

    .ReviewReferralMainContentEN {
        position: absolute;
        /*z-index: 999;*/
        left: 50%;
        right: 50%;
        /*top: 62%;*/
        top: 20%;
        line-height: initial;
        transform: translate(-110%, -10%);
        /*width: calc(1366px / var(--size-divisor-EN);*/
        width: -webkit-calc(1366px / 2.43);
        width: -moz-calc(1366px / 2.43);
        width: calc(1366px / 2.43);
    }

    .ReviewReferralMainContentFR {
        position: absolute;
        /*z-index: 999;*/
        left: 50%;
        right: 50%;
        /*top: 67%;*/
        top: 17%;
        transform: translate(-117.5%, -10%);
        /*width: calc(1366px / var(--size-divisor-FR));*/
        width: -webkit-calc(1366px / 2.66);
        width: -moz-calc(1366px / 2.66);
        width: calc(1366px / 2.66);
    }

    .ReviewReferralSmallerMainContentEN {
        position: absolute;
        /*z-index: 999;*/
        left: 0%;
        right: 50%;
        top: 20%;
        width: 40%;
    }

    .ReviewReferralSmallerMainContentFR {
        position: absolute;
        /*z-index: 999;*/
        left: 0%;
        right: 50%;
        top: 17%;
        width: 40%;
    }

    .ReviewReferralPaddingLeft {
        padding-left: 2% !important;
    }

    .ReviewReferralPaddingTop {
        padding-top: 2px !important;
    }

    @media only screen and (max-width: 1025px) and (orientation : landscape) {

        .visible-tablet #ReferrerFriendsReminderMsg {
            padding-left: 0px !important;
        }
    }

    @media only screen and (max-width: 1200px) and (orientation : landscape) {

        .visible-tablet .ReviewReferralSmallerMainContentFR #ReviewReferralMessage {
            font-size: 15px;
        }

        .visible-tablet .ReviewReferralMainContentFR #ReviewReferralMessage {
            font-size: 15px;
        }

        .visible-tablet .ReviewReferralSmallerMainContentFR #ReviewReferralMore {
            font-size: 20px;
        }

        .visible-tablet .ReviewReferralMainContentFR #ReviewReferralMore {
            font-size: 20px;
        }
    }

    @media only scree and (max-width: 1367px) {

        .visible-tablet #ReviewReferralReminderForEmailedFriends {
            font-size: 9px;
        }
    }

    @media only screen and (max-width: 1250px) {

        .visible-tablet .ReviewReferralMainContentEN #ReviewReferralMessage {
            font-size: 15px;
        }

        /*.visible-tablet .ReviewReferralSmallerMainContentEN #ReviewReferralMessage {
            font-size: 15px;
        }

        .visible-tablet .ReviewReferralMainContentFR #ReviewReferralMessage {
            font-size: 15px;
        }

        .visible-tablet .ReviewReferralSmallerMainContentFR #ReviewReferralMessage {
            font-size: 15px;
        }*/

        /*.visible-tablet .ReviewReferralMainContentEN #ReviewReferralMore {
            font-size: 18px;
            margin: 10px 0px;
        }

        .visible-tablet .ReviewReferralSmallerMainContentEN #ReviewReferralMore {
            font-size: 18px;
            margin: 10px 0px;
        }

        .visible-tablet .ReviewReferralMainContentFR #ReviewReferralMore {
            font-size: 18px;
            margin: 10px 0px;
        }

        .visible-tablet .ReviewReferralSmallerMainContentFR #ReviewReferralMore {
            font-size: 18px;
            margin: 10px 0px;
        }*/

        #ReviewReferralButEN {
            margin-top: 20px;
        }
    }

    /*@media only screen and (max-width: 1200px) {

        .visible-tablet .ReviewReferralMainContentEN #ReviewReferralMessage {
            font-size: 15px;
        }

        .visible-tablet .ReviewReferralSmallerMainContentEN #ReviewReferralMessage {
            font-size: 15px;
        }

        .visible-tablet .ReviewReferralMainContentFR #ReviewReferralMessage {
            font-size: 13px;
        }

        .visible-tablet .ReviewReferralSmallerMainContentFR #ReviewReferralMessage {
            font-size: 13px;
        }

        .visible-tablet .ReviewReferralMainContentEN #ReviewReferralMore {
            font-size: 15px;
        }

        .visible-tablet .ReviewReferralSmallerMainContentEN #ReviewReferralMore {
            font-size: 15px;
        }

        .visible-tablet .ReviewReferralMainContentFR #ReviewReferralMore {
            font-size: 15px;
        }

        .visible-tablet .ReviewReferralSmallerMainContentFR #ReviewReferralMore {
            font-size: 15px;
        }

    }*/

    @media only screen and (max-width: 1060px) {

        .visible-tablet #EmailBodyEN {
            height: 45px;
            font-size: 9px;
        }

        .visible-tablet #EmailBodyFR {
            height: 70px;
            font-size: 11px;
        }

        #EmailString {
            font-size: 11px;
            border: 1px ridge grey;
        }

        .visible-tablet #ReferrerFriendsReminderMsg {
            padding-left: 18px !important;
        }

        .visible-tablet #ReviewReferralInputWrapper {
            width: 89%;
        }

        .visible-tablet #ReviewReferralDisclaimer {
            margin: 0px 1px 0px;
            font-size: 8px;
        }

        .visible-phone #ReviewReferralDisclaimer {
            margin: 20px 0 30px;
            font-size: 8px;
        }

        #ReviewReferralCode {
            font-size: 13px;
        }

        .visible-phone #ReviewReferralTitle {
            /*background-color: yellow;*/
            /*margin: 0px 20px;*/
            color: #192F56;
            text-align: center;
            /*font-size: 54px;
            line-height: 100px;*/
            font-weight: bolder;
            /*width: 100%;*/
            /*height: 100px;*/
            /*font-family: "Arial", Helvetica, Arial, sans-serif;*/
            font-family: "Calibre", Arial, Helvetica, sans-serif;
        }

        /*.visible-tablet #ReviewReferralTitle {
            font-size: 20px;
            line-height: 20px;
            height: 10px;
        }*/

        /*.visible-tablet .ReviewReferralMainContentEN #ReviewReferralMessage {
            font-size: 15px;
            width: 90%;
        }

        .visible-tablet .ReviewReferralSmallerMainContentEN #ReviewReferralMessage {
            font-size: 15px;
            width: 90%;
        }

        .visible-tablet .ReviewReferralMainContentFR #ReviewReferralMessage {
            font-size: 13px;
            width: 90%;
        }

        .visible-tablet .ReviewReferralSmallerMainContentFR #ReviewReferralMessage {
            font-size: 13px;
            width: 90%;
        }

        .visible-tablet .ReviewReferralMainContentEN #ReviewReferralMore {
            font-size: 15px;
        }

        .visible-tablet .ReviewReferralSmallerMainContentEN #ReviewReferralMore {
            font-size: 15px;
        }

        .visible-tablet .ReviewReferralMainContentFR #ReviewReferralMore {
            font-size: 15px;
        }

        .visible-tablet .ReviewReferralSmallerMainContentFR #ReviewReferralMore {
            font-size: 15px;
        }*/

        .visible-tablet #ReviewReferralCode {
            margin: 1px auto;
        }

        #ReviewReferralInputWrapper #butMbl, #butDsk {
            /*padding-left: 2%;*/
            font-size: 15px;
            /*line-height: 20px;*/
        }

        .visible-tablet .ReviewReferralMainContentEN {
            top: 10%;
        }

        .visible-tablet .ReviewReferralSmallerMainContentEN {
            top: 10%;
        }

        .visible-tablet .ReviewReferralMainContentFR {
            top: 5%;
        }

        .visible-tablet .ReviewReferralSmallerMainContentFR {
            top: 5%;
        }
    }

    @media only screen and (max-width: 951px) {

        .visible-tablet .ReviewReferralSmallerMainContentEN #ReviewReferralMessage {
            font-size: 13px;
        }

        .visible-tablet .ReviewReferralMainContentEN #ReviewReferralMessage {
            font-size: 13px;
        }

        .visible-tablet .ReviewReferralSmallerMainContentEN #ReviewReferralMore {
            font-size: 15px;
        }

        .visible-tablet .ReviewReferralMainContentEN #ReviewReferralMore {
            font-size: 15px;
        }

        .visible-tablet .ReviewReferralSmallerMainContentFR #ReviewReferralMessage {
            font-size: 13px;
        }

        .visible-tablet .ReviewReferralMainContentFR #ReviewReferralMessage {
            font-size: 13px;
        }

        .visible-tablet .ReviewReferralSmallerMainContentFR #ReviewReferralMore {
            font-size: 15px;
        }

        .visible-tablet .ReviewReferralMainContentFR #ReviewReferralMore {
            font-size: 15px;
        }

        .visible-tablet .ReviewReferralSmallerMainContentFR #ReviewReferralCode {
            margin: 0px auto;
        }

        .visible-tablet .ReviewReferralMainContentFR #ReviewReferralCode {
            margin: 0px auto;
        }

        /*.visible-tablet .ReviewReferralSmallerMainContentFR #ReviewReferralTitle {
            line-height: 30px;
            height: 50px;
        }

        .visible-tablet .ReviewReferralMainContentFR #ReviewReferralTitle {
            line-height: 30px;
            height: 50px;
        }*/

        .visible-tablet #ReviewReferralTitle {
            font-size: 20px;
            margin: 10px 0px;
            /*line-height: 30px;
            height: 50px;*/
        }

        #ReviewReferralInputWrapper #butMbl, #butDsk {
            /*padding-left: 2%;*/
            font-size: 11px;
            line-height: 25px;
        }
    }

    @media only screen and (max-width: 835px) {

        .visible-tablet #EmailBodyFR {
            height: 60px;
            font-size: 9px;
        }

        .ReviewReferralSmallerMainContentFR #EmailString {
            height: 25px;
            font-size: 9px;
            border: none;
            border: 1px ridge grey;
        }

        .ReviewReferralSmallerMainContentEN #EmailString {
            height: 20px;
            font-size: 11px;
            border: none;
            border: 1px ridge grey;
        }

        #ReviewReferralInputWrapper #elementWrap {
            height: 20px;
        }

        #ReferrerFriendsReminder {
            width: 11px !important;
            height: 11px !important;
        }

        #ReviewReferralReminderForEmailedFriends {
            font-size: 9px;
        }

        .visible-tablet #ReferrerFriendsReminderMsg {
            padding-left: 16px !important;
        }

        .visible-tablet #ReviewReferralDisclaimer {
            margin: 0px 1px 0px;
            font-size: 6px;
        }

        .visible-phone #ReviewReferralDisclaimer {
            margin: 20px 0 30px;
            font-size: 6px;
        }

        /*.visible-tablet .ReviewReferralSmallerMainContentEN #ReviewReferralMessage {
            font-size: 11px;
            width: 95%;
        }

        .visible-tablet .ReviewReferralMainContentEN #ReviewReferralMessage {
            font-size: 11px;
            width: 95%;
        }

        .visible-tablet .ReviewReferralSmallerMainContentEN #ReviewReferralMore {
            font-size: 13px;
        }

        .visible-tablet .ReviewReferralMainContentEN #ReviewReferralMore {
            font-size: 13px;
        }

        .visible-tablet .ReviewReferralSmallerMainContentFR #ReviewReferralMessage {
            font-size: 11px;
            width: 95%;
        }

        .visible-tablet .ReviewReferralMainContentFR #ReviewReferralMessage {
            font-size: 11px;
            width: 95%;
        }

        .visible-tablet .ReviewReferralSmallerMainContentFR #ReviewReferralMore {
            font-size: 13px;
        }

        .visible-tablet .ReviewReferralMainContentFR #ReviewReferralMore {
            font-size: 13px;
        }*/

        .visible-tablet .ReviewReferralSmallerMainContentFR #ReviewReferralCode {
            margin: 0px auto;
        }

        .visible-tablet .ReviewReferralMainContentFR #ReviewReferralCode {
            margin: 0px auto;
        }

        /*.visible-tablet .ReviewReferralSmallerMainContentFR #ReviewReferralTitle {
            line-height: 30px;
            height: 30px;
        }

        .visible-tablet .ReviewReferralMainContentFR #ReviewReferralTitle {
            line-height: 30px;
            height: 30px;
        }*/

        #ReviewReferralInputWrapper #butMbl, #butDsk {
            /*padding-left: 2%;*/
            font-size: 13px;
        }

        .visible-phone #ReviewReferralMessage {
            width: 80%;
        }

        #ReviewReferralEmailSectionEN {
            width: 94%;
            margin-left: 3%;
        }

        #ReviewReferralEmailSectionFR {
            width: 94%;
            margin-left: 3%;
        }

        /*.visible-tablet #ReviewReferralTitle {
            font-size: 20px;
            line-height: 10px;
            height: 0px;
        }*/

        .visible-phone #ReviewReferralTitle {
            margin: 0px 0px 0px;
            font-size: 45px;
            line-height: 50px;
            font-weight: bolder;
        }

        #ReviewReferralButEN {
            margin-top: 10px;
        }

        #ReviewReferralButFR {
            margin-top: 10px;
        }

        .visible-tablet .ReviewReferralMainContentEN {
            top: 5%;
        }

        .visible-tablet .ReviewReferralSmallerMainContentEN {
            top: 5%;
        }

        .visible-tablet .ReviewReferralMainContentFR {
            top: 5%;
        }

        .visible-tablet .ReviewReferralSmallerMainContentFR {
            top: 5%;
        }
    }

    @media only screen and (max-width: 769px) {


        .addMotorisationMobile {
            background-color: transparent;
            margin-bottom: 5px;
            text-align: center;
            padding-bottom: 5px;
            padding-top: 5px;
            border-radius: 10px;
            font-size: 14px;
        }

        #ReviewReferral {
            width: 100%;
            min-height: 60%;
            margin: 0px auto;
            border-top: 1px solid #192F56;
            border-bottom: 1px solid #1A2F5A;
            font-family: 'Helvetica', 'Arial', sans-serif;
        }

        .visible-phone #ReviewReferralTitle {
            margin: 0px 0px 0px;
            font-size: 45px;
            line-height: 50px;
            font-weight: bolder;
        }

        .visible-tablet #ReviewReferralDisclaimer {
            /*margin: 20px 66px 30px;*/
            margin: 0px 1px 0px;
            font-size: 6px;
            width: auto;
        }

        .visible-phone #ReviewReferralDisclaimer {
            margin: 20px 0 30px;
            font-size: 6px;
            width: auto;
        }

        #EmailBody {
            height: 50px;
            font-size: 9px;
            /*margin: 5px 0px;*/
        }

        /*.visible-tablet #EmailBodyEN {
            height: 50px;
            font-size: 9px;
            /*margin: 5px 0px;
        }*/

        #EmailBodyFR {
            height: 45px;
            font-size: 9px;
            /*margin: 5px 0px;*/
        }

        /*#butMbl, #butDsk {
            font-size: 10px;
        }*/

        #EmailString {
            width: 95%;
            height: 25px;
            font-size: 11px;
            border: 1px ridge grey;
            /*margin: 0px 0px;*/
        }

        #ReferrerFriendsReminderMsg {
            padding-left: 5%;
        }

        .visible-tablet #ReviewReferralInputWrapper {
            width: 89%;
        }

        .visible-phone #ReviewReferralInputWrapper {
            width: 88%;
        }

        .visible-tablet #EmailBodyFR {
            height: 60px;
        }

        .visible-tablet #ReferrerFriendsReminderMsg {
            padding-left: 0px !important;
        }

        .ReviewReferralMainContentEN {
            top: 60%;
        }

        /*.visible-tablet .ReviewReferralSmallerMainContentEN #ReviewReferralTitle {
            line-height: 30px;
            height: 50px;
        }

        .visible-tablet .ReviewReferralMainContentEN #ReviewReferralTitle {
            line-height: 30px;
            height: 50px;
        }*/

        .visible-tablet .ReviewReferralSmallerMainContentEN #ReviewReferralCode {
            margin: 3px auto;
            font-size: 11px;
        }

        .visible-tablet .ReviewReferralMainContentEN #ReviewReferralCode {
            margin: 3px auto;
            font-size: 11px;
        }

        /*.visible-tablet .ReviewReferralSmallerMainContentEN #ReviewReferralMore {
            font-size: 13px;
            margin: 5px auto;
        }

        .visible-tablet .ReviewReferralMainContentEN #ReviewReferralMore {
            font-size: 13px;
            margin: 5px auto;
        }*/

        /*.visible-tablet .ReviewReferralSmallerMainContentFR #ReviewReferralTitle {
            line-height: 20px;
            height: 40px;
            font-size: 15px;
        }

        .visible-tablet .ReviewReferralMainContentFR #ReviewReferralTitle {
            line-height: 20px;
            height: 40px;
            font-size: 15px;
        }*/

        .visible-tablet .ReviewReferralSmallerMainContentFR #ReviewReferralCode {
            margin: 1px auto;
            font-size: 10px;
        }

        .visible-tablet .ReviewReferralMainContentFR #ReviewReferralCode {
            margin: 1px auto;
            font-size: 10px;
        }

        /*.visible-tablet .ReviewReferralSmallerMainContentFR #ReviewReferralMore {
            font-size: 13px;
            margin: 5px auto;
        }

        .visible-tablet .ReviewReferralMainContentFR #ReviewReferralMore {
            font-size: 15px;
            margin: 5px auto;
        }

        .visible-tablet .ReviewReferralSmallerMainContentFR #ReviewReferralMessage {
            font-size: 10px;
        }

        .visible-tablet .ReviewReferralMainContentFR #ReviewReferralMessage {
            font-size: 10px;
        }*/

        .visible-tablet #ReferrerFriendsReminderMsg {
            padding-left: 16px !important;
        }

        #ReviewReferralInputWrapper #butMbl, #butDsk {
            /*padding-left: 2%;*/
            font-size: 12px;
        }

        .visible-phone #ReviewReferralMessage {
            width: 80%;
        }

        .visible-tablet .ReviewReferralMainContentFR {
            top: 0%;
        }

        .visible-tablet .ReviewReferralSmallerMainContentFR {
            top: 0%;
        }
    }

    @media only screen and (min-width: 730px) {
        .wideDiyTabs {
            display: block;
        }

        .shortDiyTabs {
            display: none;
        }
    }

    @media only screen and (max-width: 729px), (min-width: 769px) and (max-width: 978px) {
        .wideDiyTabs {
            display: none;
        }

        .shortDiyTabs {
            display: block;
        }

        #diyPanel .tabs {
            display: block;
            margin: 0;
            padding: 0;
            list-style: none;
            overflow: auto;
        }

            #diyPanel .tabs li {
                display: inline-block;
                float: left;
                width: 50%;
                padding: 0;
                position: relative;
            }

                #diyPanel .tabs li a {
                    display: block;
                    box-sizing: border-box;
                    border: 1px solid #ccc;
                    background-color: #eee;
                    text-align: center;
                    padding: 12px 0;
                    color: #666;
                    text-transform: uppercase;
                }

                #diyPanel .tabs li .arrow {
                    display: none;
                    left: 45%;
                    position: absolute;
                    bottom: 0;
                    z-index: 2;
                    border-bottom: 10px solid #fff;
                    border-left: 10px solid transparent;
                    border-right: 10px solid transparent;
                }

                #diyPanel .tabs li.active .arrow {
                    display: inline-block;
                }

        #diyPanel li[data-tab=diy] .arrow {
            border-bottom-color: rgba(7, 135, 125, 0.85);
        }

        #diyPanel li[data-tab=letUsHelp] .arrow {
            border-bottom-color: rgba(27, 47, 91, 0.85);
        }

        #diyPanel .tabContentWrap .tabContent {
            display: none;
            width: 100%;
        }

        #diyPanel .tabContentWrap .activeTab {
            display: block;
            max-width: 498px;
        }

        .diyCols.tabContentWrap {
            display: flex;
            justify-content: center;
        }

        .diyCols .subTitle {
            padding-top: 35px;
        }

        .diyCol .linkListDIY a {
            color: #fff;
            display: block;
            padding: 5px 0;
            width: 105%;
        }

        .diyCols .line {
            max-width: none;
            display: block;
            height: 0px;
            background-color: #fff;
            margin: 0 auto;
        }

        .diyCol .videoBtn .videoIcon {
            display: inline-block;
            position: absolute;
            left: 80px;
            height: 40px !important;
            width: 40px;
        }

        .diyCol .videoBtn {
            padding: 10px 0px 10px 132px;
            font-size: 16px;
            margin: -15px 0px 0px 0;
        }

        .linkListDIY {
            margin: 10px 0;
            padding: 0;
            list-style: none;
            width: 32%;
            float: left
        }

        .diyCols .linkList {
            margin: 42px 0;
            padding: 0;
            list-style: none;
        }

        .diyCol149 .linklist li {
            text-align: center;
            list-style: none;
            /*margin: 30px -10px -14px 0px;*/
            margin: 15px -10px 0px 0px;
            padding: 0px;
        }

        .letUsHelp .postHoverText {
            bottom: 25px;
        }

        .diyCols .postHoverText {
            position: absolute;
            bottom: -25px;
            left: 2.5%;
            width: 95%;
            padding: 0 3%;
        }

        .diyCols .subTitle {
            padding-top: 14px;
            margin-bottom: -8px;
            font-size: 26px;
        }
    }

    @media only screen and (max-width: 640px) {
        .langselectorimg {
            padding-top: 15px;
        }

        #TopAcctContainer #trackOrderLoggedin.cartCountsListItem > a {
            background-size: 25px;
        }

        .visible-phone #ReviewReferralTitle {
            margin: 0px 0px 0px;
            font-size: 29px;
            line-height: 52px;
            font-weight: bolder;
            height: 80px;
        }

        .visible-tablet #ReviewReferralDisclaimer {
            margin: 0px 1px 0px;
            font-size: 6px;
            width: auto;
        }

        .visible-phone #ReviewReferralDisclaimer {
            margin: 10px 15px 10px;
            font-size: 6px;
            width: auto;
        }

        #EmailBody {
            height: 50px;
            font-size: 9px;
            /*margin: 5px 0px;*/
        }

        #EmailBodyEN {
            height: 50px;
            font-size: 9px;
            /*margin: 5px 0px;*/
        }

        #EmailBodyFR {
            height: 55px;
            font-size: 9px;
            /*margin: 5px 0px;*/
        }

        #EmailString {
            width: 95%;
            font-size: 9px;
            border: 1px ridge grey;
            /*margin: 0px 0px;*/
        }

        #ReferrerFriendsReminderMsg {
            padding-left: 5%;
        }

        .visible-tablet #ReviewReferralInputWrapper {
            width: 89%;
        }

        .visible-phone #ReviewReferralInputWrapper {
            width: 88%;
        }

        .visible-phone #ReviewReferralMessage {
            width: 80%;
        }

        .warrantyItemInputs {
            margin-left: 0;
        }

        .warrantyItemInput {
            width: 100%;
        }
    }


    @media only screen and (max-width: 415px) {
        .langselectorimgFr {
            padding-top: 15px;
        }

        #language {
            margin-right: 12px;
        }

        .langIconFR {
            width: 16px;
            margin: auto;
        }
    }

    @media only screen and (min-width: 420px) and (max-width: 432px) {
        .langselector {
            padding-top: 5px;
        }

        .langselectorimgFr {
            padding-top: 14px;
        }
    }

    @media only screen and (max-width: 395px) {

        #TopAcctContainer .cartCountsListItem > a {
            width: 45px;
        }

        .langdivFr {
            padding-top: 2px;
        }

        #header .logo {
            margin-left: 41px;
        }

        #language {
            margin: 0 10px;
        }
    }

    @media only screen and (max-width: 376px) {

        .visible-phone #ReviewReferralTitle {
            font-size: 23px;
            line-height: 51px
            /*margin: 30px 7px 0px;*/
        }

        .visible-phone #ReviewReferralMessage {
            width: 80%;
        }

        #ReviewReferralContentForEmail, #ReviewReferralReminderForEmailedFriends {
            width: 90%;
        }

        #EmailBody {
            height: 50px;
            font-size: 9px;
            /*margin: 5px 0px;*/
        }

        #EmailBodyEN {
            height: 40px;
            font-size: 9px;
            /*margin: 5px 0px;*/
        }

        #EmailBodyFR {
            height: 45px;
            font-size: 9px;
            /*margin: 5px 0px;*/
        }

        #EmailString {
            width: 95%;
            font-size: 9px;
            border: 1px ridge grey;
            /*margin: 0px 0px;*/
        }

        #ReferrerFriendsReminderMsg {
            padding-left: 5%;
        }

        visible-tablet #ReviewReferralInputWrapper {
            width: 89%;
        }

        .visible-phone #ReviewReferralInputWrapper {
            width: 88%;
        }

        #ReviewReferralMessage {
            font-size: 15px;
        }

        #ReviewReferralCode {
            margin: 3px auto;
        }
    }

    @media only screen and (max-width: 374px) {

        #EmailBodyFR {
            height: 60px;
        }

        .visible-phone #ReferrerFriendsReminderMsg {
            padding-left: 6%;
        }

        /*.ReviewReferralSmallerMainContentEN #ReviewReferralMessage {
            font-size: 15px;
        }

        .ReviewReferralSmallerMainContentFR #ReviewReferralMessage {
            font-size: 13px !important;
        }

        .ReviewReferralSmallerMainContentFR #ReviewReferralMore {
            font-size: 20px !important;
        }*/

        #ReviewReferralCode {
            margin: 3px auto;
        }

        .visible-phone #ReviewReferralInputWrapper {
            width: 89%;
        }
    }

    .ReviewReferralContent {
        text-align: left;
        color: #1A2F5A;
        width: 100%;
        margin: auto;
        font-size: 15px;
    }

    .CovidBannerHide {
        display: none !important;
    }

    .visible-tablet #ReferrerFriendsReminderMsg {
        display: block;
        padding-left: 21px;
        text-indent: -15px;
        margin-bottom: 10px;
    }

    .visible-phone #ReferrerFriendsReminderMsg {
        display: block;
        padding-left: 5%;
        text-indent: -15px;
        margin-bottom: 10px;
    }

    #ReferrerFriendsReminder {
        margin: 10px 0px;
        width: 15px;
        height: 15px;
        padding: 0;
        margin: 0;
        vertical-align: bottom;
        position: relative;
        top: -1px;
        /**overflow: hidden;*/
    }

    .visible-tablet #ReviewReferralContentForEmail {
        margin-bottom: 0px !important;
    }

    /*.visible-tablet .ReviewReferralMainContent {
            position: absolute;
            top: 92%;
            left: 5%;
            transform: translate(-8%, -95%);
            width: 40%;
        }*/

    .visible-tablet EmailString {
        line-height: 20px !important;
        border: 1px ridge grey;
    }

    .searchButton a:hover {
        color: #FF9900 !important;
        text-decoration: underline !important;
    }

    /*.searchField {
    float: right;
    padding-right: 60px;
}*/

    #searchBoxLoopIcon {
        position: absolute;
        bottom: 6px;
        right: 5px;
        width: 33px;
        height: 25px;
    }

    #searchBoxLoopIconMobile {
        position: absolute;
        bottom: 26px;
        left: 5px;
        width: 30px;
        height: 30px;
    }

    .searchFieldInput {
        padding-left: 10px;
        color: #808080;
        font-size: 13px;
        outline: none;
        width: 410px;
        height: 30px;
        border: 1px solid lightgray;
        border-radius: 25px;
        /*border: 0;*/
        /*background: transparent;
    background-repeat: no-repeat;*/
    }

    .searchFieldInput::placeholder {
        color: #808080;
    }

    .solrAutocomplete {
        width: 400px !important;
        margin-left: 12px !important;
        box-sizing: border-box;
    }

    @media only screen and (max-width: 1280px) {
        .searchFieldInput {
            width: 275px;
        }

        .solrAutocomplete {
            width: 265px !important;
        }
    }

    @media only screen and (max-width: 1023px) {
        .searchFieldInput {
            width: 180px;
        }

        .solrAutocomplete {
            width: 170px !important;
        }
    }

    @media only screen and (min-width: 770px) and (max-width: 824px) {
        /*Add margin because it's too cramped to place the searh bar in the middle*/
        #searchBoxLoopIcon,
        #searchBox {
            margin-right: 30px;
        }
    }

    .searchFieldTable td {
        border: none;
        padding: 5px 0 0 0;
    }

    .solrAutocomplete {
        z-index: 99999999 !important;
    }

    .solrAutocompleteSelected {
        border: 1px solid #fbcb09;
        font-weight: bold;
        color: #c77405;
    }

    .solrAutocomplete .ui-state-focus {
        border: 1px solid #fbcb09 !important;
        color: #c77405 !important;
    }

    input#searchBox:focus {
        border: 1px solid #808080;
    }

    .languageSelector {
        display: inline-block;
        /*margin-top: 26px;*/
        margin-top: 23px;
        position: absolute;
        right: 215px;
        /*right: 0px;*/
        color: gray !important;
        cursor: pointer;
    }
    /*.languageSelector a {
        background-image: url(/images/icons/myaccount.svg);
        width: 55px;
        height: 43px;
        position: relative;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: center 8px;
        background-size: 18px 18px;
        box-sizing: border-box;
        padding-top: 29px;
        color: gray;
        text-align: center;
        font-size: 11px;
        right:0px;
    }*/
    .languageSelectorAddedSamples {
        /*right: 0px !important;*/
        margin-right: 52px;
    }

    /* Mobile CSS Textbox */

    .searchBoxMobile {
        display: none;
        background: url("/images/icons/search_grey.svg") 50% 50% no-repeat;
        background-size: 20px 20px;
    }

    .mobileSearchTextbox {
        display: none;
        position: absolute;
        padding-top: 45px;
    }

    .searchFieldInputForMobile {
        padding-left: 42px;
        color: #808080;
        font-size: 16px; /* Font must be 16px to avoid zoom in on iPhone Safari */
        outline: none;
        width: 410px;
        height: 40px;
        border: 1px solid #202020;
        background-size: 32px 32px;
        background-repeat: no-repeat;
        background-position-x: 86%;
        background-position-y: 6px;
    }

    div.clearSearchBoxForMobile {
        display: none;
        position: relative;
        left: 267px;
        top: -32px;
        padding-top: -27px;
        font-size: 13px;
        /*color: gray;*/
        background-color: #ccc;
        color: #fff;
        box-sizing: border-box;
        width: 18px;
        height: 18px;
        line-height: 18px;
        border-radius: 10px;
        text-align: center;
        cursor: pointer;
    }

    span.closeSearchBoxForMobile {
        position: relative;
        left: 329px;
        top: -32px;
        padding-top: -27px;
        font-size: 13px;
        color: gray;
    }

    #TopAcctContainer .cartCountsListItem.searchBoxMobile {
        /*display: none;*/
    }

    .activeSearchBox {
        background-color: white;
    }

    .activeSearchBoxIcon {
    }

    input#chkCreditCard {
        margin-top: 30px;
        margin-left: 22px;
    }

    input#IsCallForCC {
        margin-top: 10px;
        margin-left: 22px;
    }

    @media screen and (max-width: 320px) {

        .FeatureProductvideoBtn {
            left: -1px;
            width: 50px;
        }


        /*.featureProductImg {
        width: 45px;
    }*/
        .filterSalePriceToolTipFr {
            /*top: 79px;*/
            display: inline-block;
            position: absolute;
            width: 14px;
            /*margin-left: 4px;*/
        }

        .independentreviewColin {
            margin-left: 65px;
        }

        .sampleCheckNew {
            position: absolute;
            top: -57px;
            right: -49px;
        }

        .searchFieldInputForMobile {
            width: 315px;
            height: 37px;
            background-position-x: 82%;
        }

        .contactSignup .form-field input {
            width: 195%;
            border: 1px solid #999;
            box-sizing: border-box;
            padding: 3px;
        }

        .footerFirstRow .signup .form-field {
            width: 85%;
            padding-left: 0px;
        }

        .footerFirstRow .contactInfo {
            display: block;
            width: 95%;
            float: none;
            margin: 20px 0;
            padding-left: 10px;
        }

        span.closeSearchBoxForMobile {
            left: 250px;
            top: -30px;
        }

        div.clearSearchBoxForMobile {
            left: 200px;
            top: -30px;
        }

        .ui-autocomplete {
            width: 100% !important;
        }

        .samplesModal .finalizeSamples {
            width: 87%;
        }

        #countdown {
            width: 390px !important;
            padding: 0 !important;
            margin: -9px !important;
        }

        .shippingType {
            height: 100px;
            width: 220px;
            padding: 0px 20px;
        }

        #TopAcctContainer .cartCountsListItem {
            width: 51px;
        }

        .VideoImg {
            margin-left: 6px;
        }
    }

    @media screen and (min-width: 321px) and (max-width: 339px) {

        span.closeSearchBoxForMobile {
            left: 260px;
        }

        div.clearSearchBoxForMobile {
            left: 200px;
        }
    }

    @media screen and (min-width: 340px) and (max-width: 360px) {

        [data-viewtype="listView"] .productTile .productImageWrap {
            width: 39.5%;
            margin: 3px 2.5% 2px 0;
        }

        .logo img {
            width: 92%;
        }

        .FeatureProductvideoBtn {
            left: -6px;
            width: 60px;
        }

        .VideoImg {
            margin-left: 10px;
        }


        .letUsHelpWrap {
            top: 0;
        }

        .searchFieldInputForMobile {
            width: 355px;
            height: 37px;
        }

        span.closeSearchBoxForMobile {
            left: 315px;
            top: -30px;
        }

        div.clearSearchBoxForMobile {
            left: 247px;
            top: -30px;
        }

        .ui-autocomplete {
            width: 100% !important;
        }

        .diyCol .videoBtn .videoIcon {
            display: inline-block;
            position: absolute;
            left: 66px;
            top: 20px;
        }

        .diyCol .videoBtn {
            padding: 22px 0 10px 117px;
            margin-bottom: 0;
            font-size: 16px;
        }

        .helpCol .designHelp {
            padding: 2px 0;
            margin: 0 auto;
        }

        #countdown {
            width: 380px !important;
        }

        .promoText {
            width: 100%;
            display: block;
            text-align: center;
            font-size: 14px;
        }

        .promolinktext {
            padding: 10px;
            padding-bottom: 45px;
            text-align: center;
            display: block;
        }

        .countdowntimer {
            float: right;
            font-size: 18px;
        }
    }

    @media screen and (min-width: 361px) and (max-width:409px) {
        .searchFieldInputForMobile {
            background-position-x: 77%;
        }

        .ui-autocomplete {
            width: 100% !important;
        }

        .linkListDIY {
            margin: 9px 0;
        }

        .diyCol .videoBtn {
            padding: 24px 0 10px 114px;
            margin-bottom: 0;
            font-size: 16px;
        }

            .diyCol .videoBtn .videoIcon {
                display: inline-block;
                position: absolute;
                left: 62px;
            }

        .hasExpandable #countdownWrap {
            right: 68px;
            margin: 18px;
        }
    }

    @media screen and (min-width: 410px) and (max-width:412px) {

        /*.logo img {
            width: 100%;
            padding-left: 25px;
        }*/

        .searchFieldInputForMobile {
            width: 407px;
        }

        span.closeSearchBoxForMobile {
            left: 369px;
        }

        div.clearSearchBoxForMobile {
            left: 292px;
        }

        .ui-autocomplete {
            width: 100% !important;
        }

        .footerFirstRow .contactInfo {
            width: 94%;
        }
    }

    @media screen and (min-width: 413px) and (max-width:414px) {

        /*        .logo img {
            width: 100%;
            border: 0;
            padding-left: 20px;
        }*/

        span.closeSearchBoxForMobile {
            left: 370px;
        }

        div.clearSearchBoxForMobile {
            left: 297px;
        }

        .ui-autocomplete {
            width: 100% !important;
        }

        .shippingType {
            height: 122px;
            width: 268px;
            padding: 0px 30px;
        }

        .footerFirstRow .contactInfo {
            width: 94%;
        }
    }

    .BlindSelectorDivAnswerResult img {
        max-width: 100px;
    }

    @media screen and (min-width: 340px) and (max-width: 380px) {

        .independentreviewColin {
            margin-left: 75px;
        }

        .diyCols .subTitle {
            padding-top: 26px;
            font-size: 26px;
        }

        .sampleCheckNew {
            position: absolute;
            top: -67px;
            right: -58px;
        }

        .diyCols .postHoverText .linkList {
            margin: 0 0 -24px;
        }

        .ui-autocomplete {
            width: 100% !important;
        }

        .samplesModal .finalizeSamples {
            width: 86%;
        }

        #ADDtoCart {
            max-width: 35%;
            margin: 0px 32%;
        }

        .shippingType {
            height: 122px;
            width: 262px;
            padding: 0px 12px;
        }

        #RemoveFromCart {
            max-width: 40%;
            margin: 0px 30%;
        }

        linkList {
            margin: 40px 0;
            padding: 0;
            list-style: none;
        }

        .diyCols .subTitle {
            padding-top: 10px;
            font-size: 26px;
        }
    }

    /* --- Social Login Buttons --- */

    .socialLogins {
        margin-top: 10px;
        display: flex;
    }

        .socialLogins > .socialLink {
            text-align: center;
            height: 30px;
            display: block;
            margin-bottom: 10px;
            float: left;
            font-size: 12px;
            max-width: 33%;
        }

            .socialLogins > .socialLink > .icon {
                width: 30px;
                height: 100%;
                display: inline-block;
                float: left;
            }

            .socialLogins > .socialLink > .text {
                line-height: 30px;
                vertical-align: middle;
                display: inline-block;
                width: 56%;
                text-align: center;
            }

    @media screen and (min-width: 430px) and (max-width: 460px) {
        .socialLogins > .socialLink > .text {
            font-size: 11px;
        }
    }

    @media screen and (min-width: 420px) and (max-width: 429px) {
        .socialLogins > .socialLink > .text {
            font-size: 10px;
        }
    }

    .googleLink {
        background-color: #d34836;
        width: calc(50% - 5px);
        margin-right: 5px;
    }

        .googleLink > .icon {
            background-color: #B33E2E;
        }

        .googleLink > .text {
            color: white;
        }

    .facebookLink {
        background-color: #3B5998;
        width: calc(33% - 5px);
        margin-right: 5px;
    }

        .facebookLink > .icon {
            background-color: #324B80;
        }

        .facebookLink > .text {
            color: white;
        }

    .amazonLink {
        background-color: #FF9900;
        width: 50%;
    }

        .amazonLink > .icon {
            background-color: #D98200;
        }

        .amazonLink > .text {
            color: white;
        }

    .loginPadding {
        margin-top: 20px;
    }

    @media screen and (min-width:640px) {
        .loginPadding {
            margin-top: 30px;
        }
    }

    @media screen and (max-width:950px) and (min-width:640px) {
        .socialLink {
            clear: both;
            width: 100%;
        }
    }

    @media screen and (max-width: 639px) {
        .socialLink {
            width: 32%;
        }
    }

    @media screen and (max-width:310px) {
        .socialLink {
            clear: both;
            width: 100%;
        }
    }


    @media screen and (max-width:360px) {

        .diyCol .linkListDIY a {
            color: #fff;
            display: block;
            padding: 2px 0;
            width: 105%;
        }

        .linkListDIY {
            margin: 16px 0;
            padding: 0;
            list-style: none;
            float: left;
            height: 26px !important;
        }

        .ClothsubTitle {
            margin: 0 0 5px 10px;
            padding-bottom: 5px;
            font-size: 14px;
        }
    }

    @media screen and (max-width: 340px) {
        .hereToHelpMsg {
            display: none !important;
        }

        .hereToHelpMsgSmall {
            display: block !important;
        }

        .headerTextMsg {
            display: none !important;
        }

        .newSignupSubmit {
            font-size: 11px;
        }
    }

    /*Homepage - Explore blinds and shades*/

    .exploreCatImageWrap {
        position: relative;
        margin-bottom: 10px
    }

    .exploreCatTileWrap {
        overflow: auto
    }

    .exploreCatTile {
        display: inline-block;
        float: left;
        width: 16.6%;
        box-sizing: border-box;
        padding: 0px 15px 0px 15px;
        text-align: center;
        cursor: pointer;
        margin-bottom: 0px
    }

        .exploreCatTile .exploreCatTitle {
            text-decoration: none;
            font-size: 16px;
            font-weight: bold;
            color: #202020;
            border-bottom: none;
            display: block
        }

    .exploreCatImage {
        border-radius: 100px;
        padding: 4px;
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: auto;
    }

    .hpPopularFeaturesText {
        padding-bottom: 13px;
        border-top: 1px solid #ccc;
    }

    .ttImage {
        display: block;
        width: 100%;
        min-width: 250px;
        min-height: 250px;
        box-sizing: border-box;
        padding-bottom: 100%;
        margin-bottom: 10px;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .exploreCatTile:hover .exploreCatTitle {
        text-decoration: underline
    }

    .exploreCatTooltipBtn {
        width: 30px;
        height: 30px;
        position: absolute;
        right: 15px;
        bottom: 5px
    }

    .exploreCatTooltipBtn {
        width: 62px;
        height: 54px;
        position: absolute;
    }

    .exploreCatTooltipIcon {
        display: inline-block;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        right: 20px;
        height: 30px;
        width: 30px;
        border-radius: 15px;
        color: #1b2f5b;
        text-align: center;
        font-family: Georgia, Times, "Times New Roman", serif;
        font-weight: bold;
        font-size: 17px;
        box-sizing: border-box;
        border: 3px solid #eee;
        vertical-align: middle
    }
    /*.exploreCatTooltipIcon {
    width: 42px;
    height: 42px;
    border-radius: 21px;
    font-size: 20px;
    padding-top: 4px;
    cursor: pointer
}*/
    .exploreCatTooltipContent {
        display: none
    }

    .exploreCatTooltip {
        background-color: #fff;
        border-color: #ccc;
        font-size: 14px;
        text-align: left;
        line-height: 1.3;
        padding: 5px
    }

        .exploreCatTooltip .orangeBtn {
            display: none
        }

    .exploreCatModal .ui-dialog-content {
        padding: 15px
    }

    #exploreVideos {
        background-color: #ddd;
        margin-top: 20px
    }

    .exploreVidWrap {
        overflow: auto;
        padding-bottom: 35px
    }

    .exploreVidTile {
        display: inline-block;
        float: left;
        width: 33.33%;
        padding: 0 10px;
        box-sizing: border-box;
        position: relative;
        cursor: pointer
    }

        .exploreVidTile .exploreVidImage {
            display: block
        }

        .exploreVidTile .videoIcon {
            position: absolute;
            bottom: 5px;
            left: 15px;
            width: 25px
        }

        .exploreVidTile .exploreVidText {
            position: absolute;
            bottom: 8px;
            left: 45px;
            color: #fff
        }

        .exploreVidTile .exploreVidTitle {
            text-transform: uppercase;
            font-size: 15px
        }

        .exploreVidTile .exploreVidTime {
            font-size: 13px;
            display: inline-block;
            margin-left: 5px
        }


    @media screen and (max-width: 1280px) {

        .ShopCustomContainerHome {
            width: 1024px;
        }

        .exploreCatTooltipBtn {
            right: 0px;
            bottom: 0px;
        }

        .customerReview {
            grid-template-columns: max-content auto;
        }

            .customerReview.images {
                grid-template-columns: max-content auto;
                grid-template-areas:
                    ". ."
                    ". images";
            }

        .reviewBottomImages {
            grid-area: images;
        }

        .reviewDetailsThumb {
            height: 150px !important;
            width: 150px !important;
        }
    }

    @media screen and (max-width: 769px) {

        .ShopCustomContainerHome {
            width: auto;
        }

        .exploreCatTile {
            width: 25%
        }

        .exploreCatTile {
            width: 25%
        }

        .exploreCatTileWrap {
            overflow: hidden;
            position: relative;
            box-sizing: border-box;
        }

        .customSelect select {
            margin: 0 0 0 -4px;
            font-size: 15px;
            padding: 5px 0 5px 8px;
        }
    }

    @media screen and (max-width: 639px) {

        .featureprodstepimg {
            border-radius: 10px;
        }

        .exploreCatTooltipBtn {
            right: 15px;
            bottom: 5px
        }

        .exploreCatTileWrap {
            overflow: hidden;
            position: relative;
            box-sizing: border-box;
        }

        .exploreCatTile {
            width: 33.33%
        }

            .exploreCatTile:nth-child(3n+1) {
                clear: both
            }

        .exploreVidTile {
            padding: 0 5px 5px;
            box-sizing: border-box
        }

        .exploreVidImage {
            border-radius: 100px;
            border: 4px solid #fff;
            margin-bottom: 10px;
            box-sizing: border-box
        }

        .exploreVidTile .videoIcon {
            top: 25%;
            left: 33%;
            width: 35%
        }

        .exploreVidTile .exploreVidText {
            position: static;
            display: block;
            text-align: center;
            color: #202020
        }
    }

    @media screen and (max-width: 480px) {


        .promoText {
            width: 100%;
            text-align: center;
            font-size: 14px;
            display: inline;
        }

        .promolinktext {
            padding: 10px;
            padding-bottom: 10px;
            text-align: center;
            display: block;
        }

        .countdowntimer {
            float: right;
            font-size: 15px;
            width: 40%;
        }

        .saleEnds {
            margin-top: 20px;
            position: absolute;
            margin-left: -70px;
        }

        .saleEndsFr {
            margin-top: 20px;
            position: absolute;
            margin-left: -92px;
        }


        .promobannertext {
            float: left;
            width: 60%;
        }

        input#IsCallForCC {
            margin-top: 1px;
            margin-left: 11px;
            margin-right: 6px;
        }

        .lblCallForCC {
            display: flex;
        }

        .exploreVideos li {
            float: none;
            width: 100%;
            display: block;
            overflow: auto;
            clear: both;
            padding: 0;
            margin-bottom: 10px
        }

        .exploreCatTile {
            width: 50%
        }

            .exploreCatTile:nth-child(3n+1) {
                clear: none
            }

            .exploreCatTile:nth-child(2n+1) {
                clear: both
            }

        .exploreCatTooltipIcon {
            bottom: 3px;
            right: 10px
        }

        .exploreVidTile .exploreVidImage {
            border-width: 2px
        }

        .exploreVidTile .videoIcon {
            top: 20%
        }

        .exploreVidTile .exploreVidTime {
            display: block
        }

        .Home_Index_highestmostreviewedEn {
            display: none;
        }

        .Home_Index_highestmostreviewedFr {
            display: none;
        }

        .Home_Index_highestmostreviewedmobEn {
            display: block;
        }

        .Home_Index_highestmostreviewedmobFr {
            display: block;
        }

        .sampleRemovedWarningHC {
            color: black;
            border-color: black;
            font-weight: normal;
            margin-top: 0;
        }
    }

    @media screen and (max-width: 480px) and (min-width:410px) {
        .letUsHelpWrap {
            top: 0;
        }

        .shippingType {
            height: 122px;
            width: 268px;
            padding: 0 30px;
        }
    }

    @media screen and (max-width: 769px) {
        .hasExpandable .promoTierBtn {
            display: inline-block;
        }
    }

    /*
    Newsletter pop-up styles
*/
    .subscribe-me {
        background-repeat: no-repeat;
        z-index: 9000001 !important;
    }

    .subscribe-me.newVariation .theinput {
        margin: 356px 178px 0 !important;
        width: 231px !important;
    }

    .subscribe-me.newVariation.sb .sb-close-btn2 {
        margin-top: 65px;
        left: 210px;
    }

    .subscribe-me.newVariation.sb .sb-close-btn3 {
        top: 387px;
        margin-right: 134px;
    }

    .thankyou {
        background-repeat: no-repeat;
    }

    .butt {
        border: 0px;
        background: transparent;
        /*height:35px;*/
        height: 40px;
        /*width:320px;*/
        width: 100px;
        cursor: pointer;
    }

    .butt2 {
        border: 0px;
        background: transparent;
        height: 35px;
        width: 150px;
        cursor: pointer;
    }


    .theinput {
        margin: 322px 60px !important;
        background: white !important;
        width: 300px !important;
    }
    /*
    End newsletter pop up styles
*/

    @media screen and (max-width:351px) {
        .viewStyleAction {
            display: none !important;
        }

        .logo img {
            padding-left: 0px;
        }
    }

    @media screen and (max-width:480px) {

        [data-viewtype="gridView"] .productTile .optionsShort .asset .productBullets li {
            display: none;
        }

            [data-viewtype="gridView"] .productTile .optionsShort .asset .productBullets li:nth-child(1) {
                display: inherit;
            }

            [data-viewtype="gridView"] .productTile .optionsShort .asset .productBullets li:nth-child(2) {
                display: inherit;
            }

            [data-viewtype="gridView"] .productTile .optionsShort .asset .productBullets li:nth-child(3) {
                display: inherit;
            }
    }

    @media screen and (max-width: 639px) {

        #lightgallery {
            text-align: justify;
            -ms-text-justify: distribute-all-lines;
            text-justify: distribute-all-lines;
        }

        [data-viewtype="gridView"] .productTile .shopNowBtn {
            /*display: none;*/
        }

        [data-viewtype="gridView"] .productTile .productRatingWrap {
            margin: 0 10% 0px 1%;
        }
    }


    /*Carousel control custom slides*/

    #mainSlider > .fourSlides > .flex-pauseplay > a {
        left: 45% !important;
    }



    #mainSlider > .fiveSlides > .flex-pauseplay > a {
        left: 41.5% !important;
    }

    #mainSlider > .sixSlides > .flex-pauseplay > a {
        left: 44.2% !important;
    }


    @media screen and (min-width: 1000px) {
        #mainSlider > .fiveSlides > .flex-pauseplay > a {
            left: 43.5% !important;
        }
    }

    @media screen and (min-width: 1550px) {
        #mainSlider > .fiveSlides > .flex-pauseplay > a {
            left: 44.6% !important;
        }
    }

    @media screen and (max-width: 1120px) {
        #mainSlider > .fourSlides > .flex-pauseplay > a {
            left: 43.5% !important;
        }
    }

    @media screen and (max-width: 870px) {
        #mainSlider > .fourSlides > .flex-pauseplay > a {
            left: 41.5% !important;
        }
    }


    @media screen and (max-width: 1346px) {
        #mainSlider > .sixSlides > .flex-pauseplay > a {
            left: 42.8% !important;
        }
    }

    @media screen and (max-width: 1046px) {
        #mainSlider > .sixSlides > .flex-pauseplay > a {
            left: 41.8% !important;
        }
    }

    @media screen and (max-width: 946px) {
        #mainSlider > .sixSlides > .flex-pauseplay > a {
            left: 40% !important;
        }
    }

    @media screen and (max-width: 812px) {
        .promoTiers {
            text-align: left;
        }
    }

    @media screen and (max-width: 736px) {
        #countdownWrap {
            top: 7px;
        }
    }

    @media screen and (max-width: 568px) {
        #countdownWrap {
            top: 17px;
        }

        .searchFieldInput {
            padding-left: 10px;
            margin-left: 205px;
        }

        #searchBoxLoopIcon {
            position: absolute;
            bottom: 5px;
            left: 333px;
            width: 33px;
            height: 25px;
        }

        .pageWrap {
            height: 32px;
        }
    }

    /*Galaxy Version Horizontal*/

    @media screen and (max-width:640px) and (min-width: 638px) {

        .ShopByColorContainerHome {
            display: inline-block;
            padding-left: 0px;
        }


        .exploreShopByColorTileHome {
            width: 10.88%;
            padding: 0 5px;
        }

        .exploreShopByColorTileHome_ {
            width: 22.88%;
            padding: 0 5px;
        }

        .mountTypeFeature .featureOpt .featureMessage {
            width: 92%;
            padding: 2.5% 25px;
        }

        .measureMountType {
            width: 22%;
        }

        .headrailFeature .headrailOptionFeature {
            width: 22%;
        }

        .measureWrap > img {
            display: inline-block;
            float: left;
            width: 40%;
        }


        .productInfoShopNowFr {
            clear: both;
            padding-top: 15px;
            margin-left: -108px;
        }

        .featureprodstep1 {
            float: left;
            width: 9%;
        }

        .featureprodstep3 {
            float: left;
            width: 62%;
        }

        .FeatureProductvideoBtn {
            display: block;
            width: 48px;
        }

        .filterSalePriceToolTipFr {
            top: 88px;
            display: inline-block;
            /*position: absolute;*/
            margin-left: 0px;
            width: 15px;
        }

        #socialShare {
            top: 0px;
            right: 3px;
        }

        .logo img {
            width: 90%;
        }

        .countdowntimer {
            margin-right: 0%;
            font-size: 15px;
        }

        .promoText {
            width: 100%;
        }

        .filterSalePriceToolTipFr {
            display: inline-table;
            position: relative;
            width: 15px;
        }

        .Samplesideboxcontent {
            display: block;
        }

        .subHeaderMsg {
            width: 100%;
        }

        .filterAddCartToolTip {
            top: 5px;
            padding-left: 68px;
            margin-top: 0px;
        }

        .filterAddCartToolTipFr {
            top: 1px;
            display: inline-block;
            position: absolute;
            padding-left: 64px;
            margin-top: 0px;
        }

        .filterSalePriceToolTip {
            display: inline-table;
            position: relative;
            width: 15px;
        }
    }

    .hpcPrev {
        position: absolute;
        z-index: 2;
        top: 40%;
        width: 20px;
        display: none !important;
    }

    .hpcNext {
        position: absolute;
        z-index: 2;
        top: 40%;
        right: 0px;
        width: 20px;
        display: none !important;
    }

    .wbProductName, .wbColorName {
        width: 90%;
        margin: auto;
        text-align: center;
        color: #1b2f5b;
        font-weight: bold;
        font-size: small;
        text-transform: none !important;
    }

    .wbColorName {
        font-weight: bold;
    }

    .ebImageWrap img {
        margin: auto;
    }

    #homePageCarts:hover .hpcNext, #homePageCarts:hover .hpcPrev {
        display: block !important;
    }

    #welcomeBackCartContent {
        /*min-height:200px;*/
        width: 100%;
        margin: auto;
    }

    #homePageCarts {
        /*display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-bottom: 10px;
    justify-content: space-around;
    align-items: center;*/
        /*flex-direction: row;
    width: 100%;
    display:inline-flex;
    max-width: 750px;*/
    }
        /* width */
        #homePageCarts::-webkit-scrollbar {
            height: 5px;
        }

        /* Track */
        #homePageCarts::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        /* Handle */
        #homePageCarts::-webkit-scrollbar-thumb {
            background: #888;
        }

            /* Handle on hover */
            #homePageCarts::-webkit-scrollbar-thumb:hover {
                background: #555;
            }

    #homePageCartsTotalWrap {
        margin: auto;
        /*display: inline-flex;
    max-width: 80%;
    min-width: 50%;
    padding: 25px;
    background-color: white;
    box-sizing: border-box;*/
    }

    #hpcSampleWrap {
        /*min-width: 500px;*/
        max-width: 75%;
        /*display: inline-flex;*/
        margin: auto;
        padding: 25px;
        box-sizing: border-box;
        background-color: white;
    }

    .hpcDollarAmount {
        color: #1B2F5B;
        font-size: 22px;
        font-weight: 800;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    #homePageCartsTotalWrap #homePageCarts {
        max-height: 275px;
    }

    #homePageCartsTotalWrap #HomePageCartsSC_total {
        width: 30%;
        text-align: center;
        min-width: 270px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #homePageCartsTotalWrap #HomePageCartsSC_total_inner {
        color: rgb(27, 47, 91);
        font-weight: bolder;
        font-size: 18px;
    }

    .welcomeBackProductContainer {
        max-width: 200px;
        min-width: 200px;
        margin: auto;
        position: relative;
        flex: 0 0 auto;
    }

    .ebImageWrap {
        padding: 7px;
        background-color: #e3e1e1;
    }

    .wbCustomize {
        position: absolute;
        left: 70px;
        bottom: 70px;
    }

        .wbCustomize a {
            padding: 5px;
            color: #1b2f5b;
            font-weight: bold;
            border: 2px solid #1b2f5b;
            background-color: white;
        }

    .welcomeBackProductContainer img {
        height: 200px;
    }

    .inlineFlexMarginWrap {
        margin: auto;
        text-align: center;
    }

    #HomePageCartsSC_totalAmount, #HomePageCartsSC_totalCount {
        height: 49px;
        position: relative;
        margin-bottom: 5px;
    }

    #reviewAndCompleteSamps, #HomePageCartsSC_title {
        text-align: center;
        margin: auto;
        /*display: inline-flex;*/
        width: 75%;
    }

        #reviewAndCompleteSamps h2, #HomePageCartsSC_title h2 {
            /*margin-right: 25px;*/
            font-size: 26px;
            color: #1b2f5b;
        }

        #reviewAndCompleteSamps a.orangeBtn.finalizeSamples {
            text-align: center;
            font-size: 23px;
        }

    .reviewAndCompleteSampsTitleWrap {
        /*display:inline-flex;*/
        /*margin: auto;*/
        display: flex;
        align-items: center;
        justify-content: center;
    }

    @media screen and (max-width: 736px) and (min-width:734px) {
        .measureMountType {
            width: 22%;
        }

        .headrailFeature .headrailOptionFeature {
            width: 22%;
        }

        .measureWrap > img {
            display: inline-block;
            float: left;
            width: 40%;
        }

        .productInfoShopNowFr {
            clear: both;
            padding-top: 15px;
            margin-left: -40px;
        }

        .productInfoPrices {
            display: inline-block;
            float: left;
            margin-right: 4%;
        }

        .featureprodstep1 {
            float: left;
            width: 8%;
        }

        .featureprodstep3 {
            float: left;
            width: 64%;
        }

        .FeatureProductvideoBtn {
            display: block;
            width: 48px;
        }
    }




    /*Iphone 6/7/8 Plus Version*/
    @media screen and (max-width: 736px) and (min-width:732px) {
        .letUsHelpWrap {
            top: 0;
        }
    }




    @media screen and (max-width: 768px) and (min-width:764px) {

        .ShopByColorContainerHome {
            padding-left: 11px;
        }

        .exploreShopByColorTileHome {
            width: 13.88%;
            padding: 0 5px;
        }

        .exploreShopByColorTileHome_ {
            width: 22.88%;
            padding: 0 5px;
        }

        .exploreShopByColorTitle {
            font-size: 14px !important;
        }

        .mountTypeFeature .featureOpt .featureMessage {
            width: 94%;
            padding: 2.5% 25px;
            margin-top: -20px
        }

        .tileColors {
            margin: 48px 0 10px;
            height: 34px;
            overflow: hidden;
        }

        .logo img {
            width: 100%;
            border: 0;
        }

        .countdowntimer {
            margin-right: 0%;
            font-size: 15px;
        }

        .promoText {
            width: 100%;
        }

        #mainSlider {
            display: block;
        }

        .promomobileimg {
            display: block;
        }

        .Samplesideboxcontent {
            display: block;
        }

        .CcTextArea {
            width: 50%;
        }

        .filterAddCartToolTip {
            top: 5px;
            padding-left: 68px;
            margin-top: 0px;
        }

        .filterAddCartToolTipFr {
            top: 1px;
            display: inline-block;
            position: absolute;
            padding-left: 64px;
            margin-top: 0px;
        }

        .letUsHelpWrap {
            top: 0;
        }
    }
    /*Iphone 6/7/8 Version Horizontal*/
    @media screen and (max-width: 668px) and (min-width:664px) {

        .ShopByColorContainerHome {
            display: inline-block;
            padding-left: 0px;
        }


        .measureMountType {
            width: 22%;
        }

        .headrailFeature .headrailOptionFeature {
            width: 22%;
        }

        .measureWrap > img {
            display: inline-block;
            float: left;
            width: 40%;
        }

        .productInfoShopNowFr {
            clear: both;
            padding-top: 15px;
            margin-left: -66px;
        }

        .productInfoPrices {
            display: inline-block;
            float: left;
            margin-right: 4%;
        }

        .featureprodstep1 {
            float: left;
            width: 8%;
        }

        .featureprodstep3 {
            float: left;
            width: 66%;
        }

        .FeatureProductvideoBtn {
            display: block;
            width: 44px;
        }

        .filterSalePriceToolTipFr {
            position: absolute;
            top: 146px;
            padding-left: 54px;
            width: 15px;
        }

        #socialShare {
            top: 25px;
            right: 3px;
        }

        .promoText {
            width: 100%;
        }


        .letUsHelpWrap {
            top: 0;
        }


        .Samplesideboxcontent {
            display: block;
        }

        .CcTextArea {
            width: 55%;
        }

        .filterAddCartToolTip {
            top: 0;
            padding-left: 68px;
            margin-top: 0px;
        }

        .filterAddCartToolTipFr {
            top: 1px;
            display: inline-block;
            position: absolute;
            padding-left: 64px;
            margin-top: 0px;
        }
    }
    /*Pixel 2 Version Horizontal*/
    @media screen and (max-width: 732px) and (min-width:728px) {

        .ShopByColorContainerHome {
            display: inline-block;
            padding-left: 0px;
        }

        .measureMountType {
            width: 22%;
        }

        .headrailFeature .headrailOptionFeature {
            width: 22%;
        }

        .measureWrap > img {
            display: inline-block;
            float: left;
            width: 40%;
        }


        .productInfoShopNowFr {
            clear: both;
            padding-top: 15px;
            margin-left: -25px;
        }

        .featureprodstep1 {
            float: left;
            width: 8%;
        }

        .featureprodstep3 {
            float: left;
            width: 64%;
        }

        .FeatureProductvideoBtn {
            display: block;
            width: 48px;
        }

        .filterSalePriceToolTipFr {
            position: absolute;
            top: 146px;
            padding-left: 52px;
            width: 15px;
        }

        .promoText {
            width: 100%;
            padding-left: 10%;
        }


        .letUsHelpWrap {
            top: 0;
        }

        .Samplesideboxcontent {
            display: block;
        }

        .CcTextArea {
            width: 49%;
        }

        .filterAddCartToolTip {
            top: 5px;
            padding-left: 68px;
            margin-top: 0px;
        }

        .filterAddCartToolTipFr {
            top: 1px;
            display: inline-block;
            position: absolute;
            padding-left: 64px;
            margin-top: 0px;
        }
    }
    /*Iphone 5/SE Version Horizontal*/
    @media screen and (min-width: 568px) and (max-width:570px) {

        .ShopByColorContainerHome {
            display: inline-block;
            padding-left: 0px;
        }

        .measureMountType {
            width: 22%;
        }

        .headrailFeature .headrailOptionFeature {
            width: 22%;
        }

        .measureWrap > img {
            display: inline-block;
            float: left;
            width: 40%;
        }

        .featureprodstep1 {
            float: left;
            width: 11%;
        }

        .featureprodstep3 {
            float: left;
            width: 90%;
        }

        .FeatureProductvideoBtn {
            display: block;
            width: 52px;
            left: 4px;
            padding-top: 55%;
        }

        .featuredProductInfoContentRight {
            width: 40%;
        }

        .filterSalePriceToolTipFr {
            position: absolute;
            top: 94px;
            padding-left: 50px;
            width: 15px;
        }

        .promoText {
            width: 100%;
        }

        .letUsHelpWrap {
            top: 0;
        }


        .Samplesideboxcontent {
            display: block;
        }

        .CcTextArea {
            width: 67%;
        }

        .filterAddCartToolTip {
            top: 5px;
            padding-left: 68px;
            margin-top: 0
        }

        .filterAddCartToolTipFr {
            top: 1px;
            display: inline-block;
            position: absolute;
            padding-left: 64px;
            margin-top: 0px;
        }
    }
    /*Iphone X & Pizel 2Xl Version Horizontal*/
    @media screen and (max-width:824px) and (min-width: 810px) {

        .ShopByColorContainerHome {
            display: inline-block;
            padding-left: 0px;
        }


        .mountTypeFeature .featureOpt .featureMessage {
            width: 40%;
            padding: 25px 10px 24px 25px;
        }


        .measureMountType {
            width: 22%;
        }

        .headrailFeature .headrailOptionFeature {
            width: 22%;
        }

        .measureWrap > img {
            display: inline-block;
            float: left;
            width: 40%;
        }


        .featureprodstep1 {
            float: left;
            width: 7%;
        }

        .featureprodstep3 {
            float: left;
            width: 66%;
        }

        .FeatureProductvideoBtn {
            display: block;
            width: 48px;
            left: 4px;
        }


        #topNav > li > a, #topNav > li > h2 a {
        }

        #topNav a {
            font-size: 13px;
        }

        .promoleftspan {
            width: unset;
        }

        /*.promoTextspan {
            width: unset;
        }*/

        .promorightspan {
            width: unset;
        }

        .countdowntimer {
            font-size: 15px;
            margin-top: 0;
        }

        .promoText {
            width: 100%;
        }


        #mainSlider {
            display: none !important;
        }

        .promomobileimg {
            display: block;
        }

        #CcComment {
            padding-left: 42px;
            padding-top: 10px;
        }

        .Samplesideboxcontent {
            display: block;
        }

        .CcTextArea {
            width: 57%;
        }

        #topNav {
            width: 100%
        }

        .PromoHeaderBanner {
            width: 100%;
        }

        .filterAddCartToolTip {
            top: 11px;
            padding-left: 2px;
            margin-top: 0px;
        }

        .filterAddCartToolTipFr {
            top: 12px;
            display: inline-block;
            position: absolute;
            padding-left: 4px;
            margin-top: 0px;
        }
    }
    /*Ipad Pro & Ipad Version Horizontal*/
    @media screen and (max-width:1024px) and (min-width: 1020px) {

        .ShopCustomContainerHome {
            width: auto;
        }

        #TopAcctContainer .cartCountsListItem:hover .iconDrop {
        }

        .letUsHelpWrap {
            top: 0;
        }

        .productPrices {
            font-size: 18px;
            margin: 46px 0 0;
        }

        .Samplesideboxcontent {
            display: block;
        }

        .mediaControl .flex-direction-nav .flex-next {
            top: 35%;
        }

        .mediaControl .flex-direction-nav .flex-prev {
            opacity: 0.5;
            left: 0%;
            width: 27px;
            top: 35%;
        }
    }
    /*Ipad Version Vertical*/
    @media screen and (max-width:768px) and (min-width: 766px) {

        .quickShop .productTile .productRatingWrap {
            position: static;
        }

        .blueTabs > li.WishListTab > a span {
            background-image: url(/images/icons/my-account-heart.svg);
        }

        .measureMountType {
            width: 22%;
        }

        .headrailFeature .headrailOptionFeature {
            width: 22%;
        }

        .measureWrap > img {
            display: inline-block;
            float: left;
            width: 45%;
        }

        .measureWrap .measureInputs {
            width: 50%;
        }

        .mediaControl .flex-direction-nav .flex-next {
            top: 35%;
        }

        .mediaControl .flex-direction-nav .flex-prev {
            opacity: 0.5;
            left: 0%;
            width: 27px;
            top: 35%;
        }

        .featureprodstep1 {
            float: left;
            width: 8%;
        }

        .featureprodstep3 {
            float: left;
            width: 64%;
        }

        .subHeaderMsg {
            width: 100%;
        }

        .Samplesideboxcontent {
            display: block;
        }

        .tabs > li {
            margin-left: 5px;
        }

        /*.blueTabs>li>a {
            height: 40px;
        }*/

        .panel {
            overflow: auto;
            width: 100%;
        }

        .footer {
            width: 105%;
        }

        #mainSlider .flex-pauseplay a {
            margin-left: -295px;
            left: 0px;
        }

        #countdownWrap {
            top: 0px;
        }

        #countdown {
            width: 250px !important;
            padding: 0 0px 4px 120px !important;
            margin: 4px !important;
            font-size: 16px;
        }
    }

    @media screen and (min-width:769px) and (max-width:1023px) {


        .sideColWrap {
            width: 100%;
        }

        #rightColumn {
            display: block;
            float: right;
            width: 75%;
        }


        #leftColumn {
            display: block;
            float: left;
            width: 24%
        }
    }

    @media screen and (max-width:736px) and (min-width: 734px) {

        .promoText {
            width: 100%;
        }

        .filterAddCartToolTip {
            margin-top: -48px;
            padding-left: 66px;
        }

        .filterAddCartToolTipFr {
            padding-left: 64px;
            margin-top: -46px;
        }
    }

    @media screen and (max-width: 320px)and (min-width: 318px) {

        .feature_name {
            width: 80%;
        }

        .feature .feature_name {
            width: auto;
        }

        .feature .subFeature .feature_name {
            width: 80%;
        }

        .feature_nameWithPlayIcon {
            width: 62% !important;
        }

        .linkTextemailSignUpFr {
            font-size: 14px !important;
        }

        .linkTextemailSignUpTextEn {
            font-size: 16px !important;
        }

        .linkTextemailSignUpTextFr {
            font-size: 9px !important;
        }

        .countdowntimer {
            float: right;
            font-size: 15px;
            margin-top: 0;
        }

        [data-viewtype="listView"] .productTile .productRatingWrap {
            bottom: 0px;
        }

        .productImageName {
            font-size: 13px;
            font-weight: normal;
        }

        .pageContent {
            padding: 10px 1%;
        }

        h1, .topSection .h1Div, .topPageSection .h1Div {
            font-size: 15px;
            margin-bottom: 0;
        }

            h1 .buttonSet a {
                letter-spacing: normal;
                font-size: 12px;
            }
    }


    @media screen and (max-width: 2560px) and (min-width: 1930px) {

        .promorightspan {
            margin-left: -15%;
        }
    }

    @media screen and (max-width: 768px) and (min-width: 765px) {
        .promoText {
            margin-left: 100px;
        }
    }


    @media screen and (max-width: 1920px) and (min-width: 1900px) {

        .promorightspan {
            margin-left: -13%;
            margin-top: -5px;
        }
    }

    @media screen and (max-width: 1680px) and (min-width: 1500px) {

        .promorightspan {
            margin-left: -9%;
        }
    }

    @media screen and (max-width:320px) and (min-width:318px) {

        .mountTypeFeature .featureOpt .featureMessage {
            width: 88%;
            padding: 2.5% 11px;
        }

        .logo img {
            width: 71%;
            margin-top: 8px;
            padding-left: 0px;
        }

        #diyPanel .tabs li {
            font-size: 12px;
        }

        .diyCols .subTitle {
            font-size: 18px;
        }

        .diyCols .col {
            font-size: 13px;
        }

        .diyCol .videoBtn .videoIcon {
            display: inline-block;
            position: absolute;
            left: 30px;
            top: 12px;
        }

        .diyCol .videoBtn {
            padding: 13px 0 10px 82px;
            font-size: 14px;
        }

        .helpCol .designHelp {
            padding: 10px 0;
            margin: -25px auto;
        }
    }

    @media screen and (max-width:320px) and (min-width:318px) {
        .letUsHelpWrap {
            top: 0;
            width: 310px;
        }
    }

    @media only screen and (max-width:768px) {

        .promoText {
            width: 100%;
            display: block;
            text-align: center;
        }

        .featuredContentMiddleWrapper .productInfoShopNowEn .featureProductbtn {
            padding: 5px 20px;
        }

        .featuredContentMiddleWrapper .productInfoShopNowEn .orderfreeSampleBtn {
            padding: 5px 9px;
        }
    }

    @media screen and (max-width:740px) and (min-width: 738px) {

        .filterSalePriceToolTipFr {
            display: inline-block;
            width: 15px;
        }

        .filterAddCartToolTip {
            margin-top: -44px;
            padding-left: 68px;
        }

        .filterAddCartToolTipFr {
            display: inline-block;
            position: absolute;
            padding-left: 65px;
            margin-top: -43px;
        }
    }

    /*This is a test for chris*/
    @media screen and (max-width: 639px) {
        .shopSampleLink {
            display: none;
        }
    }


    @media screen and (max-width: 770px) {

        #topNav .drop .hasDrop a:not(.categoryImageHref):hover {
            border: none;
            margin-left: 4px;
        }

        #topNav > li > a {
            padding: 0px 10px;
        }

            #topNav > li > a.shown {
                border: none;
                padding: 0px 10px;
            }

        #topNav .drop > ul {
            display: block;
            padding: 0px 0px;
            margin: 0;
            position: relative;
            z-index: 10;
            min-width: 240px;
            vertical-align: top;
            list-style: none;
            box-sizing: border-box;
        }
    }
    /*iOS mobile fix for menu*/


    /*Samsung S8 && iphoneX Orientation Landscape*/

    @media screen and (min-width:680px) and (max-width: 740px) {

        .ShopByColorContainerHome {
            display: inline-block;
            padding-left: 0px;
        }


        .exploreShopByColorTileHome {
            width: 10.88%;
            padding: 0 5px;
        }

        .exploreShopByColorTileHome_ {
            width: 22.88%;
            padding: 0 5px;
        }

        .mountTypeFeature .featureOpt .featureMessage {
            width: 40%;
            padding: 25px 10px 24px 25px;
        }

        .filterSalePriceToolTipFr {
            display: inline-block;
            width: 15px;
        }

        .filterAddCartToolTip {
            margin-top: -44px;
            padding-left: 68px;
        }

        .filterAddCartToolTipFr {
            display: inline-block;
            position: absolute;
            padding-left: 65px;
            margin-top: -43px;
        }
    }

    @media screen and (max-width:375px) and (min-width:372px) {

        .FeatureProductvideoBtn {
            left: -10px;
            width: 64px;
        }
    }

    @media screen and (max-width: 720px) and (min-width:700px) {

        .tileColors {
            margin: 10px 0 10px;
            height: 34px;
            overflow: hidden;
            padding-top: 25px;
        }
    }

    @media screen and (max-width: 321px) {

        .h1Div {
            font-size: 16px;
        }

        .productGrayBottom .flexslider .flex-direction-nav .flex-prev {
            margin-top: 15px;
        }
    }

    /*Abandon pop up disable blue outline*/
    img[usemap], map area {
        outline: none;
    }


    /**/

    .productPrices > .asset {
        display: block;
        line-height: 25px;
    }

    .productPromoFreeShipping > img.en {
        max-height: 16px;
        max-width: 109px;
        margin-left: -3px;
    }

    .productPromoFreeShipping > img.fr {
        max-height: 16px;
        max-width: 141px;
        margin-left: -3px;
    }

    @media screen and (max-width:768px) {
        .MobileHeader {
            display: block;
            padding: 7px 2%;
            font-weight: bold;
            font-size: 15px;
            border-left: 4px solid transparent;
            background-color: #CCCCCC;
            color: black;
        }
    }

    .OptionsMedia > .ui-dialog-content {
        padding: 0em 0em !important;
    }


    @media screen and (max-width:500px) {

        .samplesProductColorList .sampleSwatch .addIconMobileEN {
            bottom: 33%;
        }

        .samplesProductColorList .sampleSwatch .addIconMobileFR {
            bottom: 33%;
        }

        .sampleDialogColumn .addSampleButtonDEN {
            padding: 6px 57px;
        }

        .sampleDialogColumn .removeSampleButtonDEN {
            padding: 6px 61px;
        }

        .sampleDialogColumn .addSampleButtonDFR {
            padding: 6px 57px;
        }

        .sampleDialogColumn .removeSampleButtonDFR {
            padding: 6px 63px;
        }
    }

    .wishListHeart, .wishListHeartDelete {
        position: absolute;
        width: 30px;
        height: 30px;
        right: 10px;
        top: 33px;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 100;
        transition: background-image 0.25s ease-in-out;
        background-image: url("/images/icons/product-heart-unselected.png");
    }

        .wishListHeart.selected, .wishListHeartDelete {
            background-image: url("/images/icons/product-heart-selected.png");
        }

    .sideboxcolor .wishListHeart, .flexslider .wishListHeart {
        top: 10px;
        z-index: 100;
    }

    .wishListError {
        color: red;
    }

    .wlSuccessMessage {
        text-align: center;
        font-size: x-large;
    }

    #wlSuccessfulAccount {
        margin: 10px 0px;
        color: #1b2f5b;
        font-size: 23px;
        text-align: center;
        font-weight: 700;
    }

    #WishListTabContent .productColorWrap {
        height: 46px;
        overflow: hidden;
    }

    @media screen and (max-width:500px) {
        .wishListHeart.hidden-desktop {
            top: 30px;
            right: 0px;
        }

        #allTiles[data-viewType='listView'] .wishListHeart:not(.hidden-desktop), .wishListHeartDelete {
            left: 138px;
            top: 43px;
        }

        #allTiles[data-viewType='gridView'] .wishListHeart:not(.hidden-desktop) {
            left: 150px;
            top: 33px;
        }
    }

    @media screen and (max-width:420px) {
        .wishListHeartDelete {
            left: 123px;
            top: 43px;
        }
    }

    @media screen and (max-width:394px) {
        .wishListHeartDelete {
            left: 114px;
            top: 43px;
        }
    }

    @media screen and (max-width:376px) {
        .wishListHeartDelete {
            left: 109px;
            top: 43px;
        }
    }

    @media screen and (max-width:361px) {
        .wishListHeartDelete {
            left: 101px;
            top: 43px;
        }
    }

    @media screen and (max-width:322px) {
        .wishListHeartDelete {
            left: 93px;
            top: 43px;
        }
    }


    @media screen and (max-width:394px) {
        #allTiles[data-viewType='listView'] .wishListHeart:not(.hidden-desktop) {
            left: 130px;
            top: 43px;
        }

        #allTiles[data-viewType='gridView'] .wishListHeart:not(.hidden-desktop) {
            left: 143px;
            top: 33px;
        }
    }

    @media screen and (max-width:376px) {
        #allTiles[data-viewType='listView'] .wishListHeart:not(.hidden-desktop) {
            left: 122px;
            top: 43px;
        }

        #allTiles[data-viewType='gridView'] .wishListHeart:not(.hidden-desktop) {
            left: 136px;
            top: 33px;
        }
    }

    @media screen and (max-width:361px) {
        #allTiles[data-viewType='listView'] .wishListHeart:not(.hidden-desktop) {
            left: 115px;
            top: 43px;
        }

        #allTiles[data-viewType='gridView'] .wishListHeart:not(.hidden-desktop) {
            left: 127px;
            top: 33px;
        }
    }

    @media screen and (max-width:321px) {
        #allTiles[data-viewType='listView'] .wishListHeart:not(.hidden-desktop) {
            left: 101px;
            top: 43px;
        }

        #allTiles[data-viewType='gridView'] .wishListHeart:not(.hidden-desktop) {
            left: 111px;
            top: 33px;
        }
    }

    @media screen and (max-width:450px) {

        .samplesProductColorList .sampleSwatch .addIconMobileEN {
            bottom: 17%;
        }

        .samplesProductColorList .sampleSwatch .addIconMobileFR {
            bottom: 17%;
        }

        .sampleDialogColumn .addSampleButtonDEN {
            padding: 6px 42px;
        }

        .sampleDialogColumn .removeSampleButtonDEN {
            padding: 6px 46px;
        }

        .sampleDialogColumn .addSampleButtonDFR {
            padding: 6px 42px;
        }

        .sampleDialogColumn .removeSampleButtonDFR {
            padding: 6px 48px;
        }
    }


    @media screen and (max-width:380px) {

        .samplesProductColorList .sampleSwatch .addIconMobileEN {
            bottom: 20%;
        }

        .samplesProductColorList .sampleSwatch .addIconMobileFR {
            bottom: 20%;
        }

        .sampleDialogColumn .addSampleButtonDEN {
            padding: 6px 30px;
        }

        .sampleDialogColumn .removeSampleButtonDEN {
            padding: 6px 34px;
        }

        .sampleDialogColumn .addSampleButtonDFR {
            padding: 6px 30px;
        }

        .sampleDialogColumn .removeSampleButtonDFR {
            padding: 6px 36px;
        }
    }

    .wishListHeart {
        position: absolute;
        width: 30px;
        height: 30px;
        right: 10px;
        top: 33px;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 1;
        background-image: url("/images/icons/product-heart-unselected.png");
    }

    .sideboxcolor .wishListHeart {
        z-index: 100;
        top: 8px;
    }

    #shownColorsBorder .wishListHeart {
        z-index: 100;
        top: 3px;
        right: 2px;
    }

    #viewerSlider .wishListHeart {
        z-index: 100;
        top: 8px;
    }

    #viewerSlider .slides li:first-child {
        /*Makes slide visible before js is loaded*/
        display: block;
    }

    .wishListHeart.selected {
        background-image: url("/images/icons/product-heart-selected.png");
    }

    .wishListHeart.mobile {
        background-image: url("/images/icons/product-heart-selected.png");
    }

    @media screen and (max-width:350px) {

        .samplesProductColorList .sampleSwatch .addIconMobileEN {
            bottom: 27%;
        }

        .samplesProductColorList .sampleSwatch .addIconMobileFR {
            bottom: 27%;
        }

        .sampleDialogColumn .addSampleButtonDEN {
            padding: 6px 20px;
        }

        .sampleDialogColumn .removeSampleButtonDEN {
            padding: 6px 24px;
        }

        .sampleDialogColumn .addSampleButtonDFR {
            padding: 6px 20px;
        }

        .sampleDialogColumn .removeSampleButtonDFR {
            padding: 6px 26px;
        }

        .removeSampleButton {
            padding-top: 17% !important;
            padding-bottom: 20% !important;
        }
    }

    @media screen and (max-width:550px) {

        .addSampleButton, .removeSampleButton, .addSampleButtonDEN, .addSampleButtonDFR, .removeSampleButtonDEN, .removeSampleButtonDFR {
            margin-left: 0px !important;
            width: 100% !important;
        }

        .OptionsMedia {
            width: 95% !important;
            left: 3% !important;
        }

        .samplesProductColorList .sampleSwatch .addIconMobileEN {
            display: block;
        }

        .samplesProductColorList .sampleSwatch .addIconMobileFR {
            display: block;
        }
    }

    .loginModal .loginModalTitleCSS {
        border: none !important;
        background-color: white !important;
    }

    .loginModalCss {
        top: 30%;
        z-index: 99999999999 !important;
        padding: 10px !important;
        border-radius: 10px !important;
    }

    #loginWL .loginBox {
        display: block;
        float: initial;
        margin-left: 0;
        border: none;
        border-top: none;
        box-sizing: border-box;
        background: #eee;
    }

    #loginWL .tabContentBorder {
        border: none;
        border-top: 3px solid #3b5a88;
        padding: 0;
    }

    .loginModal .ui-dialog-titlebar .ui-dialog-titlebar-close {
        right: 0.3em;
        top: 55%;
    }

    #WishListTabContent .tileColors {
        margin: 4px 0 10px;
    }

    #WishListTabContent .tileContainer {
        overflow: hidden;
    }

    #WishListTabContent [data-viewtype="gridView"] .productTile {
        float: unset;
        width: 32%;
    }

    #WishListTabContent .asset {
        margin-right: 0px;
    }

    .category-carousel-desktop.slick-initialized, .category-carousel-mobile.slick-initialized {
        display: block;
        opacity: 1;
    }

    .category-carousel-desktop, .category-carousel-desktop.slick-initialized, #categoryBanner .categoryInfo.carousel {
        max-height: 230px !important;
    }

    @media screen and (max-width: 1366px) {
        .category-carousel-desktop, .category-carousel-desktop.slick-initialized, #categoryBanner .categoryInfo.carousel {
            max-height: 215px !important;
        }
    }

    @media screen and (max-width: 1280px) {
        .category-carousel-desktop, .category-carousel-desktop.slick-initialized, #categoryBanner .categoryInfo.carousel {
            max-height: 173px !important;
        }
    }

    @media screen and (max-width: 769px) {
        .category-carousel-desktop, .category-carousel-desktop.slick-initialized, #categoryBanner .categoryInfo.carousel {
            max-height: 129px !important;
        }
    }

    .category-carousel-desktop, .category-carousel-mobile {
        opacity: 1;
        display: none;
        /*transition: opacity 1s ease;
        -webkit-transition: opacity 1s ease;*/
        -webkit-transition: all 3.5s ease;
        -moz-transition: all 3.5s ease;
        -o-transition: all 3.5s ease;
        transition: all 3.5s ease;
    }

    .categoryIndicatorsWrapper {
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 38%;
        box-sizing: border-box;
    }

    .categoryIndicators {
        width: 85%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-weight: 700;
        margin: 5px auto;
        border: 1px solid #808080;
    }

    /*hide buttons on motorized banner on ipad*/
    @media only screen and (max-width: 1366px) {
        .categoryIndicators {
            display: none;
        }
        #categoryBanner .categoryInfo.carousel {
            height: -webkit-fill-available !important;
        }
    }

        .categoryIndicators:hover {
            cursor: pointer;
        }

        .categoryIndicators.selected {
            background-color: black;
            color: white;
        }

    .categoryInfoPadded {
        width: 85%;
        margin: 15px auto 0;
    }

    .mobileCategoryMessageBox {
        position: absolute;
        border: 2px solid white;
        background-color: #333333;
        z-index: 2000000000;
        color: white;
        padding: 5px 10px;
        left: 50%;
        transform: translate(-50%, -50%);
        white-space: nowrap;
    }



    .categoryCarouselParentLink {
        position: absolute;
        right: 10px;
        bottom: 5px;
    }

    .categoryCarouselChildLink {
        position: relative;
        padding: 5px 10px 5px 10px;
        background-color: white;
        border: 1px solid black;
        display: inline-block;
    }

        .categoryCarouselChildLink a {
            color: black;
        }

        .categoryCarouselChildLink:hover {
            background-color: black;
            border: 1px solid white;
            color: white;
        }

            .categoryCarouselChildLink:hover a {
                color: white;
            }

    .categoryCarouselChildVideoLink {
        position: relative;
        padding: 5px 10px 5px 25px;
        background-color: white;
        border: 1px solid black;
        display: inline-block;
    }

        .categoryCarouselChildVideoLink a {
            color: black;
        }

        .categoryCarouselChildVideoLink:hover {
            background-color: black;
            border: 1px solid white;
            color: white;
        }



            .categoryCarouselChildVideoLink:hover .videoPlay {
                border-left: 12px solid white;
            }

            .categoryCarouselChildVideoLink:hover a {
                color: white;
            }


    .categoryCarouselVideoLink a {
        color: black;
    }

    @media screen and (max-width:420px) {
        .categoryCarouselSlide {
            margin-top: 15px;
        }

        .reviewBottomCatCorousel {
            padding-left: 0px;
            margin-top: 10px;
            /*position: absolute;
            bottom: 0px;*/
        }
    }

    @media screen and (max-width:500px) {

        #allTiles[data-viewtype='gridView'] .productBullets {
            display: none;
        }

        #allTiles[data-viewtype='gridView'] .colors_more {
            margin-right: 12px;
        }

        #allTiles[data-viewtype='gridView'] .productBullets li {
            display: list-item;
            margin: 0 0 0 25px;
        }

        #allTiles[data-viewtype='gridView'] .optionsShort {
            height: auto;
        }

        #allTiles[data-viewtype='gridView'] .optionsShortSampleCs {
            height: auto;
        }

        #continueShopping_Color {
            min-height: 39px;
        }

        #allTiles[data-viewtype='gridView'] .productBullets.bb {
            border-bottom: 1px solid grey;
            padding-bottom: 10px;
        }

        #allTiles[data-viewtype='gridView'] .productRatingWrap {
            position: static;
            margin: 10px auto 0;
        }

        #allTiles[data-viewtype='gridView'] .productTile {
            padding-bottom: 0px;
        }

        #allTiles[data-viewtype='gridView'] .productRatingValue {
            display: none;
        }

        #allTiles[data-viewtype='gridView'] .firstLi::after {
            content: '-';
            float: right;
        }

        #allTiles[data-viewtype='listView'] .productBullets {
            display: block !important;
        }

        #allTiles:not([data-viewtype='gridView']) div.productBulletsTitle {
            display: none !important;
        }
    }


    div.productBulletsTitle {
        /*font-weight: bolder;*/
        /*float: right;*/
        border-top: 1px solid grey;
        border-bottom: 1px solid grey;
        padding: 5px 0px;
    }

        div.productBulletsTitle.open {
            border-bottom: none;
        }

        div.productBulletsTitle:not(.tiltOnly)::after {
            content: '+';
            font-weight: bolder;
            float: right;
            margin-right: 10px;
        }

        div.productBulletsTitle.open:not(.tiltOnly)::after {
            content: '-';
        }

    @media screen and (max-width:376px) {
        div.productBulletsTitle {
            font-size: 14px;
        }
    }

    @media screen and (min-width:769px) {
        .categoryIndicators:hover {
            background-color: darkgray;
        }
    }

    .categoryCarouselVideoLink {
        position: absolute;
        bottom: 15px;
        right: 20px;
        padding: 5px 10px 5px 25px;
        background-color: white;
        border: 1px solid black;
    }

    @media only screen and (min-width: 700px) and (max-width: 1009px) {
        .categoryCarouselVideoLink {
            display: none;
        }

        /*Show on no drill page*/
        .categoryCarouselSlide .categoryCarouselVideoLink {
            display: block;
        }
    }

        .categoryCarouselVideoLink:hover {
            background-color: black;
            border: 2px solid white;
            color: white;
        }

    .videoPlay {
        position: absolute;
        left: 8px;
        top: 8px;
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 12px solid #202020;
        display: inline-block;
    }

    .categoryCarouselVideoLink:hover .videoPlay {
        border-left: 12px solid white;
    }

    .categoryCarouselVideoLink:hover a {
        color: white;
    }

    @media only screen and (max-width:770px) and (min-width:767px) {
        .categorySubHeader {
            font-size: 12px;
        }

        .categoryIndicatorsWrapper {
            display: none;
        }

        .categoryIndicators {
            width: 85%;
            height: 20px;
            line-height: 20px;
            text-align: center;
            font-weight: 600;
            margin: 5px auto;
            border: 1px solid #808080;
        }

        .categoryInfo h1 {
            font-size: 19px;
        }

        .categorySubHeader {
            margin-top: 15px;
        }

        .category-banner-review-message {
            font-weight: bold;
            font-style: italic;
            line-height: 1.2;
            font-size: 11px;
            position: relative;
            margin-bottom: 10px;
            text-align: right;
            display: block;
        }

        .slick-arrow {
            display: none !important;
        }

        .category-banner-review {
            max-width: 190px;
            position: absolute;
            top: 10px;
            right: 10px;
            min-width: 160px;
            /* min-height: 118px; */
            /* background-color: white; */
            border-radius: 5px;
            padding: 5px 20px 5px 5px;
            opacity: 0.75;
        }

        .category-banner-review-name {
            float: right;
            font-size: 12px;
        }

        .catCarouselProductLink {
            margin-top: 0px;
        }

        .category-banner-review .ratingStars {
            /*float: right;*/
            display: block;
        }
    }

    .productDetailsContainer .errorMsg {
        background-color: transparent;
    }

    .productDetailsContainer .showMoreError {
        display: none;
    }

    .ui-widget.OrderNotComplete {
        z-index: 100001;
    }

    @media screen and (max-width:420px) {
        .productDetailsContainer .errorMsg {
            margin: 0px 11px;
            /*display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;*/
        }

        .productDetailsContainer .showMoreError {
            display: inline-block;
        }
    }

    .productShippingPopUp ul:first-of-type, .productShippingPopUp p:first-of-type {
        display: none;
    }

    .productShippingPopUp b a {
        color: #017bb8;
    }

    @media screen and (min-width:800px) {

        .productTile:hover .wishListHeart, .productTile:hover .wishListHeartDelete {
            display: block;
        }

        .productTile .wishListHeart, .productTile .wishListHeartDelete {
            display: none;
        }

        .tileContainer .productTile .wishListHeart.selected, .tileContainer .productTile .wishListHeartDelete {
            display: block;
        }
        /*#WishListTabContent .productImageName{
        height:25px;
    }*/
    }

    #WishListTabContent .productPrices {
        color: black;
    }

    .mainSliderVideo {
        position: absolute;
        height: 100%;
        width: 72%;
        left: 552px;
        top: 0px;
    }

        .mainSliderVideo iframe {
            height: 100%;
            width: 100%;
        }

    .letUsHelpContent.customModalContent .siteMsg {
        display: none !important;
    }

    @media screen and (min-width:768px) {
        #WishListTabContent .productImageName {
            height: 33px;
        }
    }

    @media screen and (min-width: 1366px) {
        /*   .container {
        width: 1280px;
    }*/

        /*[data-viewtype="gridView"] .productTile, .productTile {
        width: 24.0%;
    }*/
    }

    @media screen and (min-width: 1280px) {

        [data-viewtype="gridView"] .productTile, .productTile {
            width: 24.4%;
            padding: 4px 5px 10px;
            margin: 0 0% 0px 6px;
        }

        .sampleGridView .productTile, .productTile {
            width: 19.4%;
        }

        .sideColWrap {
            width: 100%;
        }

        #leftColumn {
            width: 18.75%;
        }

        #categoryBanner .hasMobileHtml.asset img {
            max-width: none;
            width: 100%;
            height: auto;
        }

        .filters .chkBxFilter label, .filters .radioFilter label {
            margin-left: 0px;
        }

        [data-viewtype="gridView"] .productTile .productTitle, .productTile .productTitle, .productTile a.productTitle {
            height: 282px;
        }

        .colorizedProductTile .productImageName {
            height: 36.375px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden
        }
    }

    @media screen and (max-width: 1280px) {
        .container {
            width: 1024px;
        }

        /* #categoryBanner .categoryInfo.carousel {
            height: 172px;
        }*/
    }

    @media screen and (min-width: 1281px) and (max-width: 1366px) {
        .container {
            width: 1280px;
        }

        /*#categoryBanner .categoryInfo.carousel {
            height: 220px;
        }*/
    }

    @media screen and (max-width: 1023px) {
        .container {
            width: 100%;
        }
    }

    @media screen and (min-width:1023px) and (max-width: 1149px) {
        #TopAcctContainer {
            /*To stop search bar form overlapping*/
            margin-right: -18px;
        }

        .container {
            width: 1000px;
        }

            .container .headerLinks li {
                margin-left: 20px;
                margin-right: 15px;
            }

        .categoryIndicatorsWrapper .categoryIndicators {
            height: 20px;
            line-height: 20px;
            font-weight: 700;
        }

        #categoryBanner .categoryInfo .categoryInfoPadded h1 {
            font-size: 16px;
        }

        .categoryInfo.carousel .categoryIndicatorsWrapper {
            bottom: 0px;
        }
    }

    @media screen and (max-width: 1023px) {
        #categoryBanner .categoryInfo.carousel {
            height: 135px;
        }
    }

    #categoryBanner .categoryInfo.carousel .categoryCarouselVideoLink a {
        color: black;
        font-size: 15px;
        padding: 0;
    }

    #categoryBanner .categoryInfo.carousel .categoryCarouselVideoLink:hover a {
        color: white;
    }

    #categoryBanner .categoryInfo.carousel .categoryCarouselVideoLink .linkContainer {
        margin-top: 0px;
    }

        #categoryBanner .categoryInfo.carousel .categoryCarouselVideoLink .linkContainer a {
            border: none;
        }

    #categoryBanner .categoryInfo.carousel .categoryCarouselVideoLink {
        left: 20px;
        right: auto;
    }



    @media screen and (min-width: 1024px) {
        #cartCountsWrap:not(.wish) #wishlisticon {
            display: none;
        }
    }

    /*    .searchFieldInput {
        padding-left: 29px;
        border: 1px solid lightgrey;
        width: 300px;
    }

    #searchBoxLoopIcon {
        position: absolute;
        bottom: 3px;
        left: 0px;
        width: 33px;
        height: 25px;
    }*/

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

    .boldAndUnderline {
        font-weight: bold;
        text-decoration: underline;
    }

    h1.h1Div, .h1Div {
        font-weight: bold;
        /* text-transform: uppercase; */
        color: #202020;
        letter-spacing: -0.5px;
        font-size: 18px;
        border: none;
        padding-bottom: 0;
    }

    @media screen and (max-width: 480px) {
        h1, .topSection .h1Div, .topPageSection .h1Div {
            font-size: 18px;
            margin-bottom: 0;
        }

        .reviewDetailsThumb {
            height: 100px !important;
            width: 100px !important;
        }
    }
    /* Slick Slider */
    .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

        .slick-list:focus {
            outline: none;
        }

        .slick-list.dragging {
            cursor: pointer;
            cursor: hand;
        }

    .slick-slider .slick-track,
    .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

        .slick-track:before,
        .slick-track:after {
            display: table;
            content: '';
        }

        .slick-track:after {
            clear: both;
        }

    .slick-loading .slick-track {
        visibility: hidden;
    }

    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }

    [dir='rtl'] .slick-slide {
        float: right;
    }

    .slick-slide img {
        display: block;
    }

    .slick-slide.slick-loading img {
        display: none;
    }

    .slick-slide.dragging img {
        pointer-events: none;
    }

    .slick-initialized .slick-slide {
        display: block;
    }

    .slick-loading .slick-slide {
        visibility: hidden;
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }

    .slick-arrow.slick-hidden {
        display: none;
    }

    .slick-loading .slick-list {
        background: #fff url('./ajax-loader.gif') center center no-repeat;
    }

    /* Icons */
    @font-face {
        font-family: 'slick';
        font-weight: normal;
        font-style: normal;
        src: url('./fonts/slick.eot');
        src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
        font-display: swap;
    }
    /* Arrows */
    .slick-prev,
    .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        width: 20px;
        height: 20px;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: transparent;
    }

        .slick-prev:hover,
        .slick-prev:focus,
        .slick-next:hover,
        .slick-next:focus {
            color: transparent;
            outline: none;
            background: transparent;
        }

            .slick-prev:hover:before,
            .slick-prev:focus:before,
            .slick-next:hover:before,
            .slick-next:focus:before {
                opacity: 1;
            }

        .slick-prev.slick-disabled:before,
        .slick-next.slick-disabled:before {
            opacity: .25;
        }

        .slick-prev:before,
        .slick-next:before {
            font-family: 'slick';
            font-size: 20px;
            line-height: 1;
            opacity: .75;
            color: white;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    .slick-prev {
        left: -25px;
    }

    [dir='rtl'] .slick-prev {
        right: -25px;
        left: auto;
    }

    .slick-prev:before {
        content: '←';
    }

    [dir='rtl'] .slick-prev:before {
        content: '→';
    }

    .slick-next {
        right: -25px;
    }

    [dir='rtl'] .slick-next {
        right: auto;
        left: -25px;
    }

    .slick-next:before {
        content: '→';
    }

    [dir='rtl'] .slick-next:before {
        content: '←';
    }

    /* Dots */
    .slick-dotted.slick-slider {
        margin-bottom: 30px;
    }

    .slick-dots {
        position: absolute;
        bottom: -25px;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
    }

        .slick-dots li {
            position: relative;
            display: inline-block;
            width: 20px;
            height: 20px;
            margin: 0 5px;
            padding: 0;
            cursor: pointer;
        }

            .slick-dots li button {
                font-size: 0;
                line-height: 0;
                display: block;
                width: 20px;
                height: 20px;
                padding: 5px;
                cursor: pointer;
                color: transparent;
                border: 0;
                outline: none;
                background: transparent;
            }

                .slick-dots li button:hover,
                .slick-dots li button:focus {
                    outline: none;
                }

                    .slick-dots li button:hover:before,
                    .slick-dots li button:focus:before {
                        opacity: 1;
                    }

                .slick-dots li button:before {
                    font-family: 'slick';
                    font-size: 6px;
                    line-height: 20px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 20px;
                    height: 20px;
                    content: '•';
                    text-align: center;
                    opacity: .25;
                    color: black;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                }

            .slick-dots li.slick-active button:before {
                opacity: .75;
                color: black;
            }

    /*Slick Slider on product tile*/
    .productTile .slick-prev {
        background-image: url(/images/icons/arrow_back.svg) !important;
        background-position: right;
    }

    .productTile .slick-next {
        background-image: url(/images/icons/arrow_next.svg) !important;
    }

    .productTitle .slick-next, .productTitle .slick-prev {
        background-color: white !important;
        background-size: 22px;
        opacity: 0.7;
        width: 18px;
        height: 25px;
    }

        .productTitle .slick-next:before, .productTitle .slick-prev:before {
            content: none;
        }

    .cartStepList {
        margin: 5px 0 15px;
        padding-left: 70px;
        list-style: none;
        overflow: auto;
        font-family: Arial,Helvetica,sans-serif;
        font-size: 10px;
        width: 95%;
        text-align: center;
    }

    .featuredProductInfoContentRight .productRatingValue {
        font-size: 38px;
        font-weight: bold;
        color: #1b2f5b;
    }

    .featuredProductInfoContentRight .optionsShort {
        height: auto;
    }

    .featuredProductInfoContentRight .productBullets {
        padding-left: 70px;
    }

    @media screen and (min-width:900px) {
        .featuredProductContentMiddle .productShipping {
            display: inline-block;
            margin: 8px 0 9px 0;
        }
    }

        .tab:first-child {
            margin-left: 10px;
        }

        /* Style the buttons that are used to open the tab content */
        .tab button {
            background-color: inherit;
            float: left;
            border: none;
            outline: none;
            margin: 0;
            cursor: pointer;
            padding: 12px 7px;
            background-color: #f1f1f1;
            margin-right: 1px;
            transition: 0.3s;
            border: 1px solid darkgray;
            font-size: 14px;
            min-height: 41px;
            position: relative;
        }

            .tab button a {
                color: black;
                font-size: 14px;
            }
            /* Change background color of buttons on hover */
            .tab button:hover {
                /*background-color: #ddd;*/
            }

            /* Create an active/current tablink class */
            .tab button.active {
                background-color: unset;
                text-shadow: 0px 0px 1px black;
            }


    /* Style the tab content */
    .tabcontent {
        display: none;
        padding: 6px 12px;
        /*border: 1px solid #ccc;*/
        border-top: none;
        border-bottom: 1px solid darkgray;
    }

        .tabcontent.active {
            display: block;
        }

    #MobileSizeDiv #QuickQuote {
        display: block;
    }

    .mobileCatActions #MobileColourDiv .filters {
        max-height: none;
    }

    #rightColumn .mobileCatActions .viewStyleAction {
        margin-right: 15px;
    }
    /*@media screen and (max-width: 376px) {
    .tab button a {
        color: black;
        font-size: 12px;
    }

    .tab button {
        font-size: 12px;
    }
}*/
    @media screen and (max-width: 475px) {
        .mobileCatActions .tab .gradientGray {
            background: unset;
        }

        .viewStyleAction {
            background-color: #f1f1f1;
            margin-left: 0px;
            margin-right: 10px;
            border: 1px solid darkgray;
            width: 41px;
            height: 41px;
            background-image: url(/images/icons/gridListView_96_black.png);
        }

        .sidebox div[data-filtersetname='Colour'], .sidebox div[data-filtersetname='Couleur'] {
            display: none;
        }

        .tab button a {
            color: black;
            font-size: 13px;
        }

        .tab button {
            font-size: 13px;
        }

        .tab.fr-CA button a {
            font-size: 10px;
        }

        .fr-CA.tab button {
            font-size: 10px;
        }
    }

    #contactFormLoginModal {
        float: right;
    }

    #contactFormHeaderSection {
        display: inline-block;
        width: 85%;
    }

.contactGridsContainer #contactFormHeaderSection,
.contactGridsContainer .formContainer {
    max-width: 700px;
    width: -moz-available;
    width: -webkit-fill-available;
}

        #contactFormHeaderSection .emailUs {
            width: 50%;
            display: inline-block;
            font-weight: bold;
        }

    @media screen and (max-width: 376px) {
        .tab.fr-CA button a {
            color: black;
            font-size: 10px;
        }

        .fr-CA.tab button {
            font-size: 10px;
            padding: 6px 6px;
            /*margin-right: 4px;*/
        }

        .en-CA.tab button {
            font-size: 11px;
            padding: 12px 5px;
            /*margin-right: 4px;*/
        }

            .en-CA.tab button a {
                font-size: 11px;
                /*margin-right: 4px;*/
            }
    }

    #rightColumn .mobileCatActions .viewStyleAction {
        margin-right: 10px;
    }

    .collection-filter__arrow {
        display: inline;
        width: 8px;
        height: 8px;
    }

        .collection-filter__arrow svg {
            display: inline;
            margin: auto;
        }

    #MobileColourDiv .subTitle {
        margin-right: 0px;
        background: none;
        color: white;
        padding: 4px 15px 10px;
    }

    #MobileColourDiv .clearAllSpanColor {
        margin-right: 0px;
    }

    #MobileColourDiv .clearAllColors {
        padding-right: 0px;
        margin: 0px;
    }

    #MobileColourDiv .subTitle::after {
        content: none;
    }

    .promomobileimg .promoDeets {
        text-align: center;
    }

    .promoTextspan .promoDeets {
        color: white;
        font-weight: bold;
        text-decoration: underline;
    }

    .featuredContentMiddleWrapper .colors_more:hover {
        cursor: pointer;
    }

    #TopAcctContainer.samps.wish.trackable .langBtn {
        display: none;
    }

    #discoverSlider {
        max-width: 1366px;
        margin: auto;
    }

    @media screen and (max-width: 640px) {
        #cartCountsWrap.samps.wish.trackable #amyAcctBtn {
            display: none;
        }

        #cartCountsWrap.wish .langBtn {
            display: none;
        }

        #cartCountsWrap.trackable .langBtn {
            display: none;
        }

        #cartCountsWrap.samps .langBtn {
            display: none;
        }

        #cartCountsWrap.wish.samps #searchBoxMobile {
            display: none;
        }

        #cartCountsWrap.wish.trackable #searchBoxMobile {
            display: none;
        }

        #cartCountsWrap.trackable.samps #searchBoxMobile {
            display: none;
        }

        #contactFormHeaderSection {
            display: grid;
            grid-template-columns: 1fr auto;
            grid-template-rows: auto;
            gap: 10px;
            margin-bottom: 5px;
            width: 100%;
        }

        #contactFormHeaderSection .emailUs {
            grid-column: 1 / 2;
            grid-row: 1 / 2;
            width: auto;
        }

        #contactFormLoginModal {
            grid-column: 2 / 3;
            grid-row: 1 / 2;
            float: none;
        }

        #contactFormHeaderSection .picturesMessage {
            grid-column: 1 / 3;
            grid-row: 2 / 3;
        }
    }

    @media screen and (min-width:800px) and (max-width: 1100px) {
        .sidebox .title {
            font-size: 15px;
        }
    }

    @media screen and (min-width: 1024px) {
        #TopAcctContainer .searchBoxMobile {
            display: none;
        }

        #cartCountsWrap:not(.samps) .sampleCartBtn {
            display: none !important;
        }

        #cartCountsWrap.trackable.wish.samps .langBtn {
            display: none;
        }

        /*     #cartCountsWrap.samps.wish.trackable #wishlisticon {
        display: none;
    }*/
    }

    @media screen and (max-width: 1024px) {

        #cartCountsWrap.samps.wish.trackable .lang_Btn {
            display: none;
        }
        /*#cartCountsWrap.samps.wish.trackable #wishlisticon {
        display: none;
    }*/
        #cartCountsWrap:not(.wish) #wishlisticon {
            display: none;
        }

        #cartCountsWrap:not(.samps) .sampleCartBtn {
            display: none;
        }

        #featuredProductBanner .productRatingWrap {
            margin-top: 20px;
        }

        .pageMarginTopEn {
            margin-top: 14px;
        }

        .pageMarginTopBig {
            margin-top: 50px;
        }

        #prevSlideColorPPC {
            left: 22px;
        }

        #nextSlideColorPPC {
            right: 22px;
        }
    }

    @media screen and (max-width: 767px) {

        #prevSlideColorPPC {
            left: 0px;
            top: 55%;
        }

        #nextSlideColorPPC {
            right: 0px;
            top: 55%;
        }

        #completeBnpl {
            max-width: 45%;
            display: inline-block;
        }
    }

    /*@media screen and (max-width: 399px) {

    #freeSamples {
        height: 44px;
    }
}*/

    @media screen and (max-width: 769px) {

        /*    #cartCountsWrap.samps.wish.trackable #wishlisticon ,#cartCountsWrap.samps.trackable #wishlisticon{
        display: none;
    }

    #cartCountsWrap.samps.wish.trackable .lang_Btn {
        display: none;
    }

    #cartCountsWrap.samps.wish.trackable .langBtn {
        display: none;
    }*/

        #prevSlideColorPPC {
            left: 0px;
        }

        #nextSlideColorPPC {
            right: 0px;
        }

        #categoryBanner .categoryInfo.carousel {
            height: 129px;
        }

        .headerLinks {
            display: none
        }
    }

    @media only screen and (max-width: 1025px) {
        .headerLinks li {
            margin-left: 45px;
            margin-right: 15px;
        }

        .logo {
            left: 10px;
            top: 72px;
        }

        .categoryCarouselSlide .categoryCarouselVideoLink {
            bottom: 14px;
            right: 38px;
        }

        .categoryInfo .categoryInfoPadded h1 {
            font-size: 20px;
        }

        .categoryCarouselSlide img {
            width: 100%;
            height: auto;
        }
    }


    @media only screen and (min-width:700px) and (max-width:1280px) {
        .categoryInfo .categoryInfoPadded h1 {
            font-size: 19px;
            margin: 0 0 5px 0;
        }

        .categoryCarouselSlide .categoryCarouselVideoLink {
            bottom: 15px;
            right: 17px;
        }

        .category-banner-review-message {
            font-size: 12px;
        }

        .categoryIndicatorsWrapper {
            bottom: 8px;
        }

        .category-banner-review {
            top: 3px;
        }

        .categorySubHeader {
            font-size: 11.5px;
        }

        .categoryIndicators {
            height: 25px;
        }

        #categoryBanner {
            margin-bottom: 5px;
        }
    }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        .headerLinks li {
            margin-left: 60px;
        }

        .logo:not(.fixedLogo) {
            left: 10px;
            top: 68px;
        }

        .logo.fixedLogo {
            left: 20px;
        }

        .categoryInfo .categoryInfoPadded h1 {
            font-size: 19px;
            margin: 0 0 5px 0;
        }

        #leftColumn {
            width: 18.5%;
        }

        .samplesPage #leftColumn {
            width: 23.5%;
        }

        .samplesPage #rightColumn {
            width: 76%;
        }
    }


    @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

        .headerLinks li {
            margin-left: 30px;
            margin-right: 15px;
        }

        [data-viewtype="gridView"] .productTile .productTitle, .productTile .productTitle, .productTile a.productTitle {
            height: 282px;
        }

        .productPrices {
            margin: 14px 0 0;
        }

        .categoryInfo .categoryInfoPadded h1 {
            font-size: 19px;
            margin: 0 0 5px 0;
        }

        .categoryCarouselSlide .categoryCarouselVideoLink {
            bottom: 15px;
            right: 17px;
        }

        .category-banner-review-message {
            font-size: 11px;
        }

        .categoryIndicatorsWrapper {
            bottom: 8px;
        }

        .category-banner-review {
            top: 3px;
        }

        .categorySubHeader {
            font-size: 10.5px;
        }

        .categoryIndicators {
            height: 25px;
        }

        #categoryBanner {
            margin-bottom: 5px;
        }

        #leftColumn {
            width: 18.5%;
        }
    }

    @media screen and (max-width: 1279px) {
        .hideShoppingPageBadge {
            display: none !important;
        }
    }

    @media only screen and (min-width: 1281px) {

        .featureprodstep1 {
            width: 4.5%;
        }

        /*.featureprodstep2 {
        margin-left: 43px;
    }*/

        /*.featureprodstep3 {
        padding-left: 50px;
    }*/

        .categorySubHeader {
            font-size: 14px;
            margin-top: 16px;
        }
    }

    @media only screen and (min-width: 1367px) {

        [data-viewtype="gridView"] .productTile .productTitle, .productTile .productTitle, .productTile a.productTitle {
            height: 299px;
        }

        [data-viewtype="gridView"] .productTile .productTitleFr, .productTile .productTitleFr, .productTile a.productTitleFr {
            height: 299px;
        }

        .samplesProductColorList .sampleSwatch .addIconEN {
            bottom: 10%;
        }
    }

    @media only screen and (min-width: 1280px) and (max-width: 1280px) {
        [data-viewtype="gridView"] .productTile .productTitle, .productTile .productTitle, .productTile a.productTitle {
            height: 236px;
            /*margin: 0 0% 0px 4px;*/
        }

        [data-viewtype="gridView"] .productTile, .productTile {
            margin: 0 0% 0px 4px;
        }
    }

    @media only screen and (min-width: 1281px) and (max-width: 1366px) {
    }
    /*iPad pro*/
    @media only screen and (min-width: 1214px) and (max-width:1214px) {
        .categorySubHeader {
            font-size: 10.5px;
        }
    }

    /*iPad 8th*/
    @media only screen and (min-width: 1139px) and (max-width:1141px) {
        .categorySubHeader {
            font-size: 10.5px;
        }

        .categoryIndicators {
            height: 20px;
            line-height: 20px;
        }
    }

    /*iPad mini portrait*/
    @media only screen and (min-width: 1024px) and (max-width:1024px) and (min-height:697px) and (max-height:730px) {
        .productTile .productPrices {
            margin: 22px 0 0;
        }

        #leftColumn {
            width: 18.5%;
        }

        .category-banner-review-message {
            font-size: 11px;
        }

        #catCarouselProductLink {
            white-space: nowrap;
        }

        .category-banner-review-message {
            font-size: 9.5px;
        }
    }

    /*iPad Mini*/
    @media screen and (min-width: 767px) and (max-width:770px) {
        .categoryInfo .categoryInfoPadded h1 {
            font-size: 14px;
        }

        .categorySubHeader {
            margin-top: 5px;
        }

        .category-banner-review-message {
            font-size: 9.5px;
            margin-bottom: 5px;
        }

        .category-banner-review .ratingStars {
            text-align: right;
        }

        .categorySubHeader {
            font-size: 10.5px;
        }

        .category-banner-review-name {
            font-size: 10px;
        }

        #categoryBanner .categoryInfo.carousel div.categoryCarouselVideoLink {
            display: none;
        }

        .categoryInfo .categoryInfoPadded h1 {
            font-size: 13px;
        }

            .categoryInfo .categoryInfoPadded h1.ipadsmall {
                font-size: 11px;
            }

        .categorySubHeader {
            margin-top: 2px;
            font-size: 9.5px;
        }

        .category-banner-review {
            max-width: 176px;
            padding: 8px 0px 5px 5px;
        }

        .catCarouselProductLink a {
            font-size: 8px;
        }

        .category-banner-review-message {
            font-size: 9px;
        }

        .reviewBottomCatCorousel {
            /*float: right;*/
        }

        .ratingStars {
            /*float: right;*/
        }

        .startQuote, .endQuote {
            display: none;
        }
    }

    #topNav .navImgWrap .navImg .imgBorder {
    }

    #topNav > div > div.navImgWrap > figcaption > div > h2 {
    }

    #topNav .navImgWrap .navImg .imgBorder {
    }

    #topNav > div > div.navImgWrap > figcaption > div > h2 {
    }

    /*@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
    [data-viewtype="gridView"] .productTile .productTitle, .productTile .productTitle, .productTile a.productTitle {
        height: 282px;
    }
}*/

    .grayButtonSavedCartMobile {
        display: none;
    }

    @media screen and (max-width:660px) {

        #savedCartWrapper {
        }

        .h3MobileSavedCart {
            display: inline-block;
            width: 54%;
        }

        #savedCartWrapper .grayButtonSavedCartMobile {
            display: inline-block !important;
            max-width: 39%;
            float: right;
            font-size: 15px;
            margin: 15px 0 0 0;
            text-align: center;
        }

        .productTitle .slick-next, .productTitle .slick-prev {
            background: transparent !important;
        }

        .canadaPostLogo {
            margin: 0 35px;
        }
    }

    .ui-widget-overlay.ui-front {
        z-index: 9000000 !important;
    }

        .ui-widget-overlay.ui-front.custom-overlay {
            opacity: .7;
            background: #000;
        }

    @media screen and (min-width:1366px) and (max-width:1659px) {

        #bt_invite_box {
            position: fixed !important;
            bottom: 108px !important;
            top: unset !important;
        }
    }
.abandonedCartMobile {
    width: 97%;
    background: rgba(255,255,255,.97);
    z-index: 900000;
    left: 0;
    margin: 5px;
    top: 46px;
    min-height: 275px;
    position: fixed;
    text-align: center;
    font-family: "Helvetica W01 Cn",Helvetica,Arial,sans-serif;
    display: none;
}

    .abandonedCartMobileTitle {
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-weight: 700;
        color: #1e2d5a;
        font-size: 15pt;
        text-align: center;
        margin: 2px 14px 4px;
    }

    .abandonedCartMobileTitleFr {
        font-size: 12pt;
    }

    .abandonedCartMobileSubtitle {
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        font-weight: 700;
        color: #1e2d5a;
        font-size: 16pt;
        text-align: center;
    }

    .abandonedCartMobileClose {
        font-size: 14pt;
        padding: 5px;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        color: #1e2d5a;
    }

    .abandonedCartMobileButtonSection {
        text-align: center;
        padding-bottom: 5px;
    }

    .abandonedCartMobileSalePrice {
        font-size: 14pt;
        font-family: "Oswald", Helvetica, Arial, sans-serif;
        color: #1e2d5a;
        font-weight: bold;
    }

    .btnBlue, a.btnBlue, input.btnBlue {
        color: #fff !important;
        text-transform: uppercase;
        border: none;
        background: #1e2d5a;
        background: -moz-linear-gradient(top,#1e2d5a 0%,#2a4080 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1e2d5a),color-stop(100%,#2a4080));
        background: -webkit-linear-gradient(top,#1e2d5a 0%,#2a4080 100%);
        background: -o-linear-gradient(top,#1e2d5a 0%,#2a4080 100%);
        background: -ms-linear-gradient(top,#1e2d5a 0%,#2a4080 100%);
        background: linear-gradient(to bottom,#1e2d5a 0%,#2a4080 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='##1e2d5a',endColorstr='##2a4080',GradientType=0);
        cursor: pointer;
        padding: 5px 10px;
        display: inline-block;
        font-family: "Helvetica W01 Cn",Helvetica,Arial,sans-serif;
        font-weight: normal;
        border-radius: 0;
        -webkit-appearance: none;
        box-sizing: border-box;
    }

    .abandonedCartMobileCta {
        font-size: 12pt !important;
        font-family: "Oswald", Helvetica, Arial, sans-serif !important;
        text-transform: none !important;
        padding: 2px 20px;
    }

    .hpcArrowMobile {
        display: inline !important;
    }

    .hpcArrowHidden {
        display: none !important;
    }

    @media screen and (max-width:768px) {
        .welcomeBackProductContainer {
            max-width: 150px;
            min-width: 150px;
        }

            .welcomeBackProductContainer > .productRatingWrap {
                max-height: 25px;
            }

        #HomePageCartsSC_totalAmount {
            height: 30px;
        }

        .ebImageWrap {
            padding: 2px;
        }

        .wbProductName {
            font-size: 12px;
            width: 95%;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

        #homePageCartsOuterWrap .productRatingValue {
            position: relative;
            top: -2px;
        }
    }

    @media screen and (min-width:500px) {
        .abandonedCartMobile {
            width: 400px;
            left: calc(50% - 200px);
        }
    }

    @media screen and (max-width: 379px) {
        .abandonedCartMobileTitle {
            font-size: 19px;
            margin-bottom: 8px;
        }

        .abandonedCartMobileTitleFr {
            font-size: 15px;
            margin-top: 6px;
            margin-bottom: 10px;
        }

        .welcomeBackProductContainer {
            max-width: 140px;
            min-width: 140px;
        }

        .hpcArrowMobile {
            top: 59px !important;
        }
    }

    @media only screen and (min-width: 410px) and (max-width: 450px) { /*and (-webkit-device-pixel-ratio: 3)  and (max-height: 934px) */
        #header .logo {
            margin-left: 45px;
        }
    }

    #secondarySlider:hover, #secondarySliderMobile:hover {
        cursor: pointer;
    }

    .CheckoutStreamline .loginBox .loginBoxContent .form-group input {
        border: 1px solid #999;
        height: 30px;
    }

    @media only screen and (min-width: 800px) {

        .threeCol > .loginBox {
            width: 37%;
        }

        #backToShoppingCartLink {
            margin: 0 0 0 48px;
        }
    }

    .affirm-modal-trigger {
        /*display:none;*/
    }

    .forgotLink {
        float: right;
    }

    .CheckoutStreamline .loginBoxContent .loginBtnWrap #loginSubmitBtn {
        width: 100%;
        font-size: 15px;
    }

    input[name='guestCheckout'] {
        width: 100%;
        font-size: 15px;
    }

    @media only screen and (max-width: 640px) {
        input[name='guestCheckout'] {
            font-size: 14px;
        }

        .CheckoutStreamline .loginBoxContent .loginBtnWrap #loginSubmitBtn {
            font-size: 14px;
        }
    }

    #header.CheckoutStreamline #searchBox,
    /*#header.CheckoutStreamline #TopAcctContainer,*/
    #header.CheckoutStreamline .headerTop,
    #header.CheckoutStreamline .cartSteps,
    #header.CheckoutStreamline #searchBoxLoopIcon,
    .CheckoutStreamline h1,
    /*.mainSection.CheckoutStreamline .cartSteps,*/
    #header.CheckoutStreamline #entreprise-quebecoise-logo {
        display: none !important;
    }

    #header.CheckoutStreamline.Signin #NavBarMenu {
        position: fixed !important;
        top: 45px !important;
    }

    .mainSection.CheckoutStreamline .cartSteps {
    }

    .logo.stayFixed {
        width: 20% !important;
        top: 4px !important;
    }

    #backToShoppingCartLink {
        position: relative;
        top: 36px;
    }

    #header.CheckoutStreamline .fixedHeader {
        /*height: 55px;*/
    }

    @media only screen and (min-width:770px) {
        .mainSection.CheckoutStreamline .cartStepList {
            margin: 30px auto 11px;
        }
    }

    @media only screen and (min-width: 600px) {
        .mainSection.CheckoutStreamline.Signin .cartStepList {
            margin: 90px auto 11px;
        }
    }

    .progressBarFileUpload {
        width: 200px;
        height: 10px;
    }

    .progressIndicator {
        height: 100%;
        background-color: blue;
    }

    .deleteUploadedFile {
        width: 15px;
        height: 15px;
        background-color: green;
        position: relative;
        left: 200px;
        background: #00558a;
        /*border-radius: 5px;*/
    }

        .deleteUploadedFile:after {
            position: relative;
            top: -3px;
            left: 0px;
            content: "\274c";
            font-size: 10px;
            color: #fff;
            /*line-height: 100px;*/
            text-align: center;
        }

.mobileShoppingTag {
    position: absolute;
    right: 0;
    top: 8px;
    z-index: 5;
    width: 68px;
}

.clearalldiv_{
    margin: 10px 0 0 0;
}

    .samplesModal .samplesModal li {
        padding: 4px 6px;
    }

    .samplesModal .continueShopping {
        width: 78%;
    }

    .samplesModal .ui-dialog-content.ui-widget-content {
        /*padding: 0.125em 0.25em;*/
        padding: 0;
    }

    .samplesModal.ui-widget {
        font-size: 0.8em !important;
        font-family: "Helvetica W01 Cn",Helvetica,Arial,sans-serif !important;
    }

        .samplesModal.ui-widget .ui-widget-content a.finalizeSamples {
            color: #fff;
        }

    .sideNavQtip {
        z-index: 10630010 !important;
    }

    .afterpay-main-text {
        position: relative !important;
        background-color: white !important;
        font-size: 42px;
    }

        .afterpay-main-text:before {
            content: "or ";
            position: absolute;
            top: 0;
            left: 0;
            background-color: white;
            color: white;
        }

    @media (-webkit-overflow-scrolling: touch) {
        /* styles for iOS devices */
        input:focus {
            font-size: 16px;
        }
    }

    .loginContainer .password-eye-icon {
        position: absolute;
        right: 32px;
        top: calc(42% - 5px);
        cursor: pointer;
        padding: 5px 0;
    }

    .loginContainer input[type="text"] ~ .password-eye-icon {
        content: url(/images/icons/hidepassword-icon-blue.svg);
    }

    @media only screen and (max-width: 600px) {

        .twoCol .passwordCodeResetForm .loginBoxContent .form-group {
            width: 75%;
        }

        .twoCol.updatePasswordForm .loginBox .loginBoxContent .form-group {
            width: 90%;
            display: block;
        }
    }


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* CSS styles specific to iPad Mini portrait mode */
    #mainSlider .wHtmlControls .flex-direction-nav .flex-prev {
        left: -15px;
    }

    #mainSlider .wHtmlControls .flex-direction-nav .flex-next {
        right: -15px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* CSS styles specific to iPad Mini landscape mode */
    #mainSlider .wHtmlControls .flex-direction-nav .flex-prev {
        left: -15px;
    }

    #mainSlider .wHtmlControls .flex-direction-nav .flex-next {
        right: -15px;
    }
}

@media screen and (max-width: 639px) {
    #advantagePage .twoCol .col {
        width: 50%;
        padding: 0;
        display: inline-block;
        float:left;
    }
}
@media screen and (min-width: 640px) {
    #advantagePage .twoCol {
        display: inline-block;
        width: 49%;
    }
}

.insectScreenPage .pageFlipFrame{
    border: none;
}


.insectScreenPage .itemCard {
    width: 25%;
}

@media screen and (max-width: 640px) {
    .insectScreenPage .itemCard {
        width: 100%;
    }
}

#dialogtemplate.commercial-modal-body {
    -webkit-overflow-scrolling: touch;
}

#dialogtemplate.commercial-modal-body label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

#dialogtemplate.commercial-modal-body input,
#dialogtemplate.commercial-modal-body textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#dialogtemplate.commercial-modal-body textarea {
    resize: vertical;
}

#dialogtemplate.commercial-modal-body p {
    margin-top: 0;
}

.commercial-form-row {
    margin-bottom: 14px;
}

.commercial-form-row label {
    display: block;
    margin-bottom: 4px;
    font-weight: normal;
}

.commercial-form-row input[type="text"],
.commercial-form-row input[type="email"],
.commercial-form-row input[type="tel"],
.commercial-form-row select,
.commercial-form-row textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    background-color: #fff;
    color: #000;
    font-family: inherit;
    height: 38px;
}

.commercial-form-row textarea {
    height: auto;
    min-height: 90px;
    resize: vertical;
}

.commercial-form-actions {
    text-align: right;
    margin-top: 18px;
}

.commercial-submit-btn {
    background: #ef8e1b;
    color: #fff;
    border: 1px solid #ef8e1b;
    border-radius: 999px;
    padding: 12px 26px;
    cursor: pointer;
}

.commercial-submit-btn:disabled {
    opacity: .65;
    cursor: default;
}

.commercial-contact-options {
    text-align: center;
    padding: 10px 0;
}

.commercial-contact-options h3 {
    margin-bottom: 5px;
}

.commercial-contact-options p a {
    display: inline-block;
    margin: 8px 0;
}

.commercial-live-chat-trigger {
    text-decoration: underline !important;
}

.ui-dialog.commercial-lead-modal .ui-dialog-title {
    text-transform: none;
}

/* Override the global .fourIconsGrid for the commercial design-consultant
   interstitial only: 3 items, centered, tighter spacing. */
.commercial-contact-options .fourIconsGrid {
    grid-template-columns: repeat(3, min-content);
    grid-gap: 20px;
    justify-content: center;
    margin: 14px auto;
}

@media only screen and (max-width: 639px) {
    .commercial-contact-options .fourIconsGrid {
        grid-template-columns: repeat(2, min-content);
        row-gap: 7px;
        column-gap: 12px;
    }

    /* The 3rd icon (phone) wraps to its own row on mobile — span the full
       width of the grid and center it horizontally. */
    .commercial-contact-options .fourIconsGrid > a:nth-child(3) {
        grid-column: 1 / -1;
        justify-self: center;
    }
}

.commercial-form-row.has-error input[type="text"],
.commercial-form-row.has-error input[type="email"],
.commercial-form-row.has-error input[type="tel"],
.commercial-form-row.has-error select,
.commercial-form-row.has-error textarea {
    border-color: #c0392b;
}

.commercial-form-row .commercial-field-error {
    color: #c0392b;
    font-size: 12px;
    margin-top: 4px;
    display: block;
}

.commercial-form-errors {
    background: #fdecea;
    border: 1px solid #c0392b;
    color: #c0392b;
    padding: 10px 12px;
    border-radius: 4px;
    margin-bottom: 14px;
    font-size: 13px;
    display: none;
}

.commercial-form-errors.is-visible {
    display: block;
}

.commercial-form-errors ul {
    margin: 0;
    padding-left: 18px;
}

.commercial-success-message {
    padding: 10px 0;
}

@media (max-width: 640px) {
    .ui-dialog.commercial-lead-modal {
        width: 92% !important;
        left: 4% !important;
    }
}

/* ── Mobile Trust Bar ─────────────────────────────── */
@media (max-width: 767px) {
    .mobile-trust-bar {
        background: #f1f1f1;
        min-height: 80px;
    }

    .mobile-trust-bar__list {
        display: flex;
        list-style: none;
        margin: 0;
        padding: 0;
        min-height: 80px;
    }

    .mobile-trust-bar__item {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 4px 4px 10px;
    }
    
    .mobile-trust-bar__item.first {
        margin: 0 0 0 5px;
    }

    .mobile-trust-bar__icon.stars {
        padding: 19px 0px 14px;
        width: 75px !important;
    }

    .mobile-trust-bar__item:last-child {
        border-right: none;
    }

    .mobile-trust-bar__icon {
        width: 46px;
        margin-bottom: 4px;
    }

    .mobile-trust-bar__headline {
        display: block;
        font-family: 'DM Sans', sans-serif;
        letter-spacing: -0.02em;
        color: #1b2f5b;
        text-align: center;
        font-size: 11px;
        line-height: 1.3;
        font-weight: 600;
    }

    .mobile-trust-bar__sub {
        display: block;
        font-family: 'DM Sans', sans-serif;
        letter-spacing: -0.02em;
        color: #1b2f5b;
        text-align: center;
        font-size: 10px;
        line-height: 1.3;
    }
}