﻿#productImage					{ max-width:500px;float:left;font-size:14px !important;background-color:#fff; }
#qqs{white-space: nowrap;float:left;width:50%;}

#priceText						{ margin:8px; }
#priceText .containerPrice		{ margin:0 5px 0 5px; }
#priceText .containerPriceL		{ float:left;padding:0 10px 0 10px; }
#priceText .containerPriceR		{ float:right;padding:0 10px 0 10px; }

#helpLinks						{ float:right;width:260px; }
#helpLinks .inlineText			{ line-height:16px;white-space: nowrap; }
#helpLinks .imgValign			{ vertical-align:middle;padding-left:5px; }
#helpLinks .containterL			{ float:left; }
#helpLinks .containterR			{ float:right; }

#socialLinks .containter		{ float:left; }

#itemdescription				{ min-height:150px;float:right;padding:0 20px 0 10px;width: -webkit-calc(100% - 540px);width: -moz-calc(100% - 540px);width: calc(100% - 540px); }

.tabs							{ width:auto;border-top:solid 2px #6d6d6d;margin-top:20px; }
.tabs img						{ margin:10px 15px 10px 15px; }
#sampleNote						{ margin:5px; }

#colorsDiv						{ width:auto;display:block;}
#colorsDiv .container			{ float:left;width:125px;height:150px;text-align:center; }
#colorsDiv .sample-btn	{ width:100%;}
#colorsDiv .details				{ clear:both;width:auto;text-align:left;margin: 15px 5px 5px 5px; }
.strongHeader					{ color:#0e5a72;font-size:18px; }
#colorsDiv:after				{ clear:both; }

#qandaDiv						{ width:auto;/*display:none;*/}
#qandaDiv .question				{ margin: 10px 0 10px 0;padding-bottom:10px;border-bottom:dashed 1px #6d6d6d; }
#qandaDiv .answer				{ padding:0 0 15px 0; border-bottom:solid 1px #6d6d6d;margin-bottom:35px;}

#reviewsDiv						{ width:auto;/*display:none;*/}
#reviewsDiv .inlineText			{ line-height:16px;white-space: nowrap; }
#reviewsDiv .imgValign			{ vertical-align:middle;padding-left:5px; }
.reviewRating {width:150px;float:left;margin-right:15px;}
.review{min-height:150px;}

#upgradesDiv					{ width:auto;display:table;/*display:none;*/}
.upgradesRow					{ width:auto;margin-bottom:20px; }
.upgradesRow .containerImg		{ float:left; width:150px;height:125px;text-align:left; }
.upgradesRow .containerText		{ text-align:left;margin-left:10px;min-height:125px; }
.upgradesRow:after				{ clear:both; }

#specsDiv						{width:auto;display:table;}
#wrapper						{width:auto;}
#wrapper .containerH			{width:275px;float:left;text-align:right;}
#wrapper .containerD			{width:100px;float:left; }
#wrapper:after					{clear:both;}

#productReviewDiv, .productReviewDiv			{width:auto;display:table;}
#productReviewDiv .rating, .productReviewDiv .rating	{float:left;display:table-column;width:25%;min-width:140px;}

#saleBanner                     {width:100%; border-top: 1px solid #999; padding: 2px 0 2px 0;}
.saleBannerLeft,.saleBannerRight{background-color:#6C7D21;}
.saleBannerLeft                 {color:#fff; font-size:20px; font-weight:normal; padding:10px; min-height:23px;} 
.saleBannerRight                {color:#fff; font-size:13px; font-weight:normal; padding:10px; min-height:23px; text-align:right;} 
.saleBannerContainer            {float:Left;width:50%;}
 
.sampleSpacer {height:40px;}
.sampleImage {min-height:288px;width:20% !important;float:left;}
.sampleImage img { width:100%;height:auto;}

.proSpec{float:left;width:50%;margin-bottom:20px;}
    .proSpec .containerH{background-color:#efefef;border:1px solid #6d6d6d;padding:5px;}
    .proSpec .containerD{border:1px solid #6d6d6d;padding:5px;}
    .proSpec .details{border:1px solid #6d6d6d;padding:15px;}
.row {display:flex;margin-right:20px;}
.col {flex:1;width:50% !important;}
.forward,.back{color:#6C7D21;font-weight:bolder;font-size:36px !important;line-height:20px;}
.forward{float:right;padding-right:20px;display:none;}
.back-trigger{position:fixed;height:35px;top:0;left:0;width:100%;padding:10px 10px 10px 20px;border-bottom:1px solid #6d6d6d;background-color:#fff;box-shadow: 0 2px 10px rgba(0,0,0,.4);font-size:26px !important;}
.with-fade {position:absolute;height:100%;bottom:0;left:0;right:0;background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.75) 54%,#fff);clear:both;content:"READ MORE";display:none;font-size:0;}
.without-fade {content:" ";}


.fixedTop {position: fixed;top: 85px;}
.ul-space li {margin-bottom: 10px;}
.label-wrapper {position: relative;display: inline-block;}
.overlay-box {position: absolute;top:80px;left:50%;transform: translateX(-50%);z-index:10; background: rgba(255, 255, 255, 0.8);padding:5px 10px;text-align:center;border-radius:4px; pointer-events:none;
}
#popUpDiv {
    position: absolute;
    background-color: #eeeeee;
    width: 600px;
    height: 626px;
    z-index: 999992;
}
#popupImage, #popupSwatch {
        display: none;
        position:fixed;
        top: 50%;
        left: 50%;
        background: #fff;
        width: 600px;
        height: 626px;
        margin-left: -300px; /*Half the value of width to center div*/
        margin-top: -313px; /*Half the value of height to center div*/
        z-index: 999992;
        padding:10px;border-radius:10px;
        }
.popupcontentSwatch {height:600px;}

#popupcloseImage, #popupcloseSwatch {float:right;padding:10px;cursor:pointer;}
#galleryPopupImage, #galleryPopupSwatch{width:100%;height:550px;border:0px}

#design-order{max-width:350px;padding:10px;float:right;margin-left:15px;}




/*pricing*/
.inlineOptions					{ line-height: 20px; }
.inlineOptionsImg				{ vertical-align:middle;margin-right:5px; }

#priceDiv						{ width:auto;min-height:55px; }
#priceDiv .head					{ float:left; }
#priceDiv .sizes				{ float:right;white-space:nowrap; }
#priceDiv .priceText			{ float:right;text-align:right;}
#priceText{margin:20px 0 20px 0;}

.options						{ width:auto;margin:0;padding:0;}
.options .headersm				{ padding:10px 0 10px 0;color:#0e5a72;font-size:16px; }
.options .cLeft					{ float:left; width:176px; }
.options .cRight				{  }
.option-editlist {border-bottom:1px solid #ccc;margin-bottom:10px;padding:10px;}

.headersm{border-bottom:1px solid #ccc;width:100%; margin:10px 0 10px 0}
.header{border:1px solid #ccc;width:100%;min-height:30px;margin:10px 0 0 0;padding:10px;border-radius:8px 8px 0 0;background-color:#F2F4ED;}
.input-container{border:1px solid #ccc;border-top:none;width:100%;margin:0 0 10px 0;padding:10px;border-radius:0 0 8px 8px;}
.inputs .input{min-width:100px;}

.color-upgrade{background-color:#6C7D21;color:#fff;position:absolute;top:0;right:0;padding:0 8px 0 8px;border-radius:5px;}
#colors							{ width:auto; }
#colors .container				{ float:left;text-align:center; }
#colors .active					{ background:#6C7D21;color:#fff;border-radius:5px; }

#tapecolors						{ width:auto; }
#tapecolors .container			{ float:left;text-align:center;}
#tapecolors .active				{ background:#6C7D21;color:#fff;border-radius:5px; }

.swatch-color {padding:10px;cursor:pointer;}
.swatch-button{padding:0 10px 0 10px;}

.arrow-container{float:right;margin-left:10px;}
.toggleArrow {border:solid #6C7D21;border-width:0 3px 3px 0;display:inline-block;cursor:pointer;width:15px;height:15px;}
.up { transform: rotate(-135deg);-webkit-transform: rotate(-135deg);margin-top:12px;}
.down { transform: rotate(45deg);-webkit-transform: rotate(45deg);}

.inputs {float:right;font-size:14px;color:#000;margin-left:20px;}
.inputs2						{ font-size:14px; color:#000;margin-left:20px;}
.normaltext						{ font-size:13.25px; color:#000;}

.helpPrompt2					{ width:250px;float:left; }
.helpPrompt, helpPrompt2		{ font-size:16px; color:#000;background-color:#fff; }

.prompt							{ height:75px;overflow:auto;width:370px;float:left; }
.next_button					{ display:none; }

.optionButtons					{ margin-top:15px;text-align:right; }
.padTopBtm						{ padding:5px 0 5px 0; }
.padBtm10						{ padding-bottom:10px; }
.room							{ border-bottom:solid 1px #6d6d6d;padding-bottom:20px; }
.priceTextBtm					{ float:right;margin-bottom:10px;}

.multiControl{margin:0 0 10px 0;}

.pricing-link { float:right;text-align:center;font-size:16px; padding: 20px 20px 0 20px;cursor:pointer;}
form input[type="radio"]:checked+label {background:#6C7D21;color:#fff;border-radius:5px;}

.pricing-link {
    display: inline-block;
}

.pricing-link img { pointer-events:none;}

.hiddenInput {position:absolute;left:-999em;}
#DividerRailPosition {display: none;}

.product_containerEL {float:left;position:relative;width:100%;width:-webkit-calc(100% - 20px) !important;width:-moz-calc(100% - 20px) !important;width:calc(100% - 20px) !important;}
.product_container {float:left;position:relative;width:25%;max-width:200px;min-width:160px;}
.product_container_guarantee{max-width: 175px; !important;}
.product_container_ic {padding:0;margin:5px;text-align:center;min-height:272px;min-width:160px;z-index:100;border:solid 1px #c0c0c0;background-color:#fff;}
.greenBG {background-color:#6C7D21;}
.pricingContainer{margin-top:20px;width:100% !important;}
.pricingRight{width:250px;float:right;}
.pricingLeft{margin-right:350px;}
.pricingFixed{width:220px;background:#F2F4ED;border:solid 1px #c0c0c0;z-index:99999;padding:10px;}
.pricingFixedTop{position:fixed;bottom:0px;right:150px;width:450px;}
.pricingFixedTop #submitButtonDiv{float:right;display:block;}
.pricingFixedTop #priceText{width:250px;float:left;margin:0;}
.pricingFixedTop #overallRating {display:none;}
#pricingAddToCart .saleprice {color:#627700 !important;}
#pricingAddToCart .price {color:#6f6f6f !important;}
#overallRating{font-size:12px;}

.check{position:absolute;top:-6px;right:-6px;z-index:999;}


.optionPrice{padding-top:10px;font-size:14px !important;}

#controlsDetails{font-size:14px !important;}
#CordlessHeadrail{z-index:999;visibility:hidden;margin-left:12px;padding-left:10px;position:absolute;width:175px;background:#fff;border:solid 1px #c0c0c0;padding:10px;border-radius:10px;}
.product_blanket{display:none;background-color:#111;background:rgb(196, 196, 196);background:rgba(0,0,0,.35);position:absolute;z-index:991;top:0px;left:0px;width:100%;height:100%;font-size:36px;color:#fff;text-align:center;line-height:100px}
.product_highlight{display:none;background-color:#6C7D21;opacity: 0.25;filter:alpha(opacity=25);position:absolute;z-index: 1;top:0px;left:0px;width:100%;height:100%;}
.shutterHelp{background-color:#fff;padding:10px;margin-top:45px;overflow-y:auto;max-height:190px;}
.pricingSmText{font-size:12px;}
#submitButtonDiv{padding-bottom:15px;display:none;}

.section-header{width:100%;background-color:#F2F4ED;padding: 5px 10px 5px 10px;}

.checkmark-container {display:inline-block;width:22px;height:22px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.checkmark_stem {position:absolute;width:3px;height:18px;background-color:#ccc;left:8px;top:1px;}
.checkmark_kick {position:absolute;width:6px;height:3px;background-color:#ccc;left:3px;top:15px;}
.filter-hues {margin-bottom:10px;float:right;}
.hue-check {width:15px;height:15px;border:solid 1px #ccc;margin:5px;float:left;}

.measure-container{float:left;}
.measure-img{float:left;margin-right:10px;}
.measure-input{float:left;margin-top:10px;}
.measure-margin{float:left;margin-left:20px;}
.size-guarantee{float:left;max-width:250px;padding:10px;display:flex;justify-content:flex-start;align-items:center;}
.size-icon{float:left;width:60px;padding-right:10px;text-align:center;}
.size-text{float:left;width: 100%;}

.priceText{min-height:40px;}

#preview-link{display:none;position:fixed;width:120px;height:20px;left:10px;top:96px;padding:10px;background-color:#6C7D21;color:#fff;z-index:9999;border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
#preview-container {position: relative;display: none;}
#slider {position:relative;}
#product-svg {position: relative;z-index: 2;mix-blend-mode: multiply;}
#background-image {position: absolute;top: 0;left: 0;width: 100%;height: auto;}
#product-shape {fill: #DBED64;}
.preview-disclaimer,#image-description{position:absolute;bottom:0;right:0;padding:5px;background-color:#fff;opacity:0.6;}
#image_product{object-fit: cover;
    object-position: bottom;
        }

#tapecolors-container{display:none;}
#banding-options{width:100%;text-align:center;}
#banding-options .pricing-link{float:left;text-align:center;}

.pop-up-box {z-index: 99999;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);border: 1px solid #ccc;border-radius: 10px;background-color: #fff;padding: 20px;display:none;overflow-y:auto;z-index: 999999;}
.hover{cursor:pointer;text-decoration:underline;color:#137C9B;}

#contact-text{display:none;border:1px solid #ccc;border-radius:10px;background-color:#fff;padding:25px;z-index:999993;width:360px;height:150px;z-index:999999;}

.center-screen {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.styled-wrapper {display:flex;flex-wrap:wrap;gap:10px; }
        .styled-container{width: calc(33.333% - 6.66px);max-width:420px;padding:10px;box-sizing:border-box;border:1px solid #ccc;display:flex;flex-direction:column;justify-content:space-between;}
        .styled-container img {width:100%;height:auto;}
        .styled-details{margin:10px 0 10px 0;}

        .img-pop {width:100%;position:relative;display:inline-block;}

.img-trigger {padding:0;border:0;background:transparent;line-height:0;cursor:pointer;}

.tooltip {position:absolute;left: 50%;bottom:100%;             /* above the image */
  transform:translateX(-50%) translateY(-8px);max-width:260px;background:var(--siteblue);color:#fff;font:14px/1.35 system-ui, sans-serif;padding:8px 10px;border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.25);pointer-events:none;     /* ignore mouse */
  opacity:0;visibility:hidden;transition:opacity .15s ease, transform .15s ease, visibility 0s linear .15s;z-index:10;}

/* Arrow */
.tooltip::after {content:"";position:absolute;top:100%;left:50%;width:10px;height:10px;
  background:var(--siteblue);transform:translateX(-50%) rotate(45deg);}

.img-pop:hover .tooltip {opacity:1;visibility:visible;transform:translateX(-50%) translateY(-12px);transition-delay:0s;}

.img-pop.below .tooltip {bottom:auto;top: 100%;}
.img-pop.below .tooltip::after {top:auto;bottom:100%;}

.swatch-disabled {
    //filter: grayscale(80%) brightness(0.8);
    cursor: not-allowed;
    pointer-events: none;
    position: relative;
}

    /* Optional: overlay with a "not allowed" indicator */
    .swatch-disabled::after {
        content: 'Size Limit';
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -40%);
        background: rgba(108, 125, 33, 1);
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        padding: 4px 7px;
        border-radius: 3px;
        white-space: nowrap;
        z-index: 10;
        pointer-events: none;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        box-shadow: 0 1px 4px rgba(0,0,0,0.3);
    }

@media screen and (max-width: 700px)
{
#contact-text {width:80%;}
}


@media screen and (max-width: 1400px) {
    .size-guarantee{float:none;width:100%;max-width:100%;}
}

@media screen and (max-width: 1122px) {
    .measure-container{float:none;}
    .measure-container::after{content: "";display: block;clear: both;}
    .measure-margin{margin-left:0px;}
    .size-guarantee{float:left;max-width:200px;}
}


@media screen and (max-width: 1170px) {
    #design-order{max-width:none;padding:10px;float:none;margin-left:0;}
    .sampleImage {width:33% !important;}
    .size-guarantee{float:none;width: -webkit-calc(100% - 10px);width: -moz-calc(100% - 10px);width: calc(100% - 10px);max-width:100%;padding-right:10px;}
}



@media screen and (max-width: 1100px) {
    .pricingLeft{margin-right:275px;}
    .prompt{float:none;}
}

@media screen and (max-width: 995px) 
{
    #itemdescription{margin-right:10px;width: -webkit-calc(100% - 350px);width: -moz-calc(100% - 350px);width: calc(100% - 350px); }
    #productImage{width:275px;}
    #slider img {width:100%;height:auto;}
    .styled-container{width:calc(50% - 6.66px);
}

@media screen and (max-width: 975px) 
{
    #colors-container{width: -webkit-calc(100% - 20px);width: -moz-calc(100% - 20px);width: calc(100% - 20px); }
    #productImage{width:275px;}
    #slider img {width:100%;height:auto;}

    .input-container{width: -webkit-calc(100% - 20px);width: -moz-calc(100% - 20px);width: calc(100% - 20px);}
    .toggleArrow{margin-right:8px;}
    .helpPrompt2 {float:none;} 
    .inputDiv{width:50%;float:right;text-align:center;}
    #mountInputs{width:100%;text-align:center;}
    #colors{width:100%;height:175px;}
    .pricing-link{float:none;}
    #priceDiv,.priceText { float:none;margin-top:8px; }
    #priceText{text-align:center !important;}
    #priceDiv .sizes,.inputs{ float:none; }
    .prompt{width:100%;}
    /*.pricingRight,.pricingLeft{width:100%;float:none;margin:0 !important;}
    .pricingFixedBottom{bottom:0;margin-bottom:0;height:60px;}
    .pricingFixed{width:auto;height:60px;margin:0 !important;}*/
    #priceText{margin:0;}
    .pricingRight{width:auto;float:none;}
    .pricingLeft{margin-right:0;}
    .pricingFixed{width:inherit;height:auto;}
    .pricingFixedBottom{z-index:9999;position:fixed !important;bottom:0;left:0;top:auto;width: -webkit-calc(100% - 10px) !important;width: -moz-calc(100% - 10px) !important;width: calc(100% - 10px) !important;border-radius:0;margin:0 !important;height:100px;}
    .header{padding:0;}
    #priceText,#submitButtonDiv{float:left;width:33% !important;}
    #submitButtonDiv{margin-top:10px; white-space: nowrap;}
}


@media screen and (max-width: 850px) 
{
    #free_upgrades{width:100%;height:auto;}
    .pop-up-box {width:90%;height:90%;max-height: 90%;}
}

@media screen and (max-width: 740px) 
{
     #image_product,#productImage,#helpLinks { width:100%; height:auto; }
     #itemdescription{width:100%;padding:0 10px 0 10px;margin:0;}
     .fixedTop {position:relative;top:0;}
     #itemdescription{padding:0;}

    .prompt{width:100%;}
    .product_container {width:33%;} 
    .saleprice{font-size:16px !important;font-weight:normal !important;}
    .shutterHelp{display:none;}
    .inlineOptions {width:100%;float:none !important;}
    #priceDiv .sizes {margin-top:10px;}
    /*#preview-container {height:0;}*/
    #banding-options .pricing-link{float:none;}
}

@media screen and (max-width: 640px) 
{
	#productReviewDiv .rating	{ float:none;display:inline;width:100%; }	
	#popupImage, #popupSwatch { width: 320px;height:550px;overflow:hidden; margin-left: -175px; }
    .styled-wrapper{display:block;}
    .styled-container{width:calc(100% - 6.66px);
}

@media screen and (max-width: 575px) 
{
 .proSpec{float:none;width:100%;}.row {margin-right:0;}
 .product-details{position:relative;height:150px;overflow:hidden;display:block;}
 .product-full-details{position:fixed;top:0;left:0;height:calc(100vh - 50px);padding:50px 20px 20px 20px;background-color:#fff;overflow-y:scroll;z-index:999992;}
 .forward,.with-fade{display:block;}
 #specsDiv{display:inherit;}
 <!--#specsImage,#featuresImage{display:none;}-->
 .section-content{padding-bottom:150px;}
 .sampleImage {width:33% !important;}
}

@media screen and (max-width: 500px) 
{
	#productImage,#helpLinks { width:100%; height:auto; }
    #productImage{margin-bottom:20px;margin-left:0;}
    #needHelp{margin-top:25px;}
    #orderFreeSamples{float:none;text-align:center;margin-bottom:10px;}
    /*.sampleImage{width:50% !important;min-height:285px !important;}
    .sampleImage img{width:95%;height:auto;}*/
    .btn-small{font-size:15px;}
    .sampleSpacer {height:40px;}
    .btn-small {width:95%;}
    #galleryEnlarge{display:none;}

      #colors-container,#tapecolors-container {width:100%;}
      #colors {width:100%;height:305px !important;}
      .tapecolor-slider-container {height:275px !important;}
      #colors,.tapecolor-slider-container {overflow-x:scroll !important;overflow-y:hidden;}
      .sampleImage {width: 150px !important;}
    
    ::-webkit-scrollbar {-webkit-appearance: none;width: 7px;}

    ::-webkit-scrollbar-thumb {border-radius: 4px;background-color: rgba(0,0,0,.5);-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);}
    #colors-container,#tapecolors-container {width: -webkit-calc(100% - 20px);width: -moz-calc(100% - 20px);width: calc(100% - 20px);}
    .product_container{width:50%;max-width:initial;}
    .product_container_ic{padding:5px;}
    .arrow-container {margin-right:10px;}
}

@media screen and (max-width: 475px) {
    #roomContainer{float:none;width:100% !important;text-align:left;}
    #pro-room{width:175px;}
    #priceText,#submitButtonDiv{width:50% !important; }
    #priceText{text-align:right !important; }
    #submitButtonDiv{text-align:center !important;}
    #priceDiv .sizes {white-space:normal;}
    #CordlessHeadrail{width:150px;}
    #CordlessHeadrail img{width:100%;}
    .inputDiv{width:100%}
}

@media screen and (max-width: 425px) 
{
    .product_container{width:100%;float:none;}
    #qqs{float:none;width:100%;margin-bottom:8px;}
    .reviewRating {width:100%;float:none;margin-right:0;}
}

@media screen and (max-width: 310px) {
    .measure-img,.measure-input{width:100%;text-align:center;}
}
