﻿body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
h1, h2 ,h3, h4, h5, h6, pre, em, th, td, label, input, dt, dd, small, p, li, a, span { font:normal 16px 'FSAlbert-Regular', Arial, sans-serif; }
/*
#808080 = Grey
#106580 = Blue
*/

/* Import fonts */
@font-face {
	font-family: 'FSAlbert-Bold'; 
	src: url('/fonts/fsalbbol-webfont.eot');  
    src: url('/fonts/fsalbbol-webfont.eot?#iefix') format('embedded-opentype'), 
         url('fsalbbol-webfont.woff') format('woff'), 
         url('/fonts/fsalbbol-webfont.ttf') format('truetype'), 
         url('/fonts/fsalbbol-webfont.svg#fsalbertbold') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

@font-face {
    font-family: 'FSAlbert-Light';
    src: url('/fonts/fsalblig-webfont.eot');
    src: url('/fonts/fsalblig-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/fsalblig-webfont.woff') format('woff'),
         url('/fonts/fsalblig-webfont.ttf') format('truetype'),
         url('/fonts/fsalblig-webfont.svg#fsalbertregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FSAlbert-Regular';
    src: url('/fonts/fsalbreg-webfont.eot');
    src: url('/fonts/fsalbreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/fsalbreg-webfont.woff') format('woff'),
         url('/fonts/fsalbreg-webfont.ttf') format('truetype'),
         url('/fonts/fsalbreg-webfont.svg#fsalbertregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

A:Link { color:#106580;}
A:Visited {color:#137C9B;}
A:Hover {color:#ccc;}


#header							{ width:959px;position:relative;z-index:99999;margin: 0 auto; }
#header .containerRight			{ float:right; width:auto;height:77px; margin: 0 auto;  }
#header .containerLeft			{ float:left; width:250px;height:77px; margin: 0 auto; }
#header	.separator				{ width:959px;height:5px;margin: 0 auto; clear:both; }
.separator img					{ vertical-align:top; }
#header	.phone					{ font-weight:bold; color:#106580; font-size:15px; margin-right:15px; }
#header	.hours					{ font-size:12px; }
#header .inlineTop				{ line-height: 30px; }
#header .imgValign				{ vertical-align:middle; }
#header .chatContainer			{ float:right;height:28px;margin-right:10px; }
#header .contactNav				{ float:right; }

#topNavRow						{ width:auto; margin-top:3px;vertical-align:middle;text-align:right; clear:both; }
#topNavRow .containerR			{ float:right; width:145px; margin: 0 auto;min-height: 50px; }
#topNavRow .containerL			{ width:auto;margin: 0 auto;overflow: hidden;min-height: 50px; }
#specialOffers					{ width:150px; float:left; text-align:center; font:normal 16px 'FSAlbert-Regular', Arial, sans-serif; }
#specialOffersForm				{ position:fixed;z-index: 999993;background-color:#fff;top: 50%;left: 50%;transform: translate(-50%, -50%);font:normal 16px 'FSAlbert-Regular', Arial, sans-serif;display:none;border-radius:10px; }
.specialOffersPad               {padding:40px;}
.socialLink						{ margin: 3px 0 0 5px; }


.input{color:#333;font-size:15px!important;background:#fff;box-shadow:none;border:2px solid #DDD;border-radius:8px;-ms-appearance:textfield;-o-appearance:textfield;appearance:textfield;-webkit-transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-positive:1;flex-grow:1;min-width:0;margin:0;height:auto;padding:3px 10px;}
::placeholder { color: #ccc; }
.input-search{border-radius: 8px 0 0 8px !important;padding:5px 10px;}



/* top navigation */
nav								{ margin: 0px auto; text-align: center; }
nav ul ul						{ display: none; }
nav ul li:hover > ul			{ display: block; }
nav ul							{ padding: 0; list-style: none;position: relative;display: inline-table; }
nav ul:after					{ content: ""; clear: both; display: block;	}
nav ul li						{ float: left; }
nav ul li:hover					{ background: #106580; }
nav ul li:hover a				{ color: #fff; }
nav ul li a						{ display: block; padding: 10px 25px;color: #106580; text-decoration: none;	}
nav ul li .greyLink				{ color: #808080; text-decoration: none; }
			
/* top nav drop downs */		
nav ul ul						{ background: #106580; border-radius: 0px; padding: 0;	position: absolute; top: 100%;opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */	}
nav ul ul li					{ float: none; border-top: 1px solid #fff;border-bottom: 1px solid #fff; position: relative; }
nav ul ul li a					{ padding: 10px 40px;color: #fff; }	
nav ul ul li a:hover			{ background: #808080; }
nav ul ul ul					{ position: absolute; left: 100%; top:0; }

.navMore{display:none;float:right;color:#fff;font-weight:bold;font-size:18px;margin:0 10px 0 0;}
	

/* h1 Header */
#h1								{ height:104px; width:718px;background-color:#106580 !important;  }
#h1 h1, #h1 h2					{ font-size:48px;color:#fff; }
#h1 .text						{ padding:45px 0 0 10px; }
h1								{ font-size:24px;color:#8B9F2D; }
h2								{ font-size:24px;color:#106580; }
h3								{ font-size:18px;font-weight:normal;color:#106580; }

#pageHeader						{ width:959px;margin-bottom:10px; }
#pageHeader .cRight				{ float:right; width:241px; margin: 0 auto; }
#pageHeader .cLeft				{ width:auto; margin: 0 auto;overflow: hidden; }
#pageHeader .cLeft div			{ width:auto; margin: 0 auto; }
#pageHeader .cTop				{ height:38px; }
#pageHeader .cBottom			{ height:35px; }

#breadcrumb						{ font-size:10px;padding:5px 0 15px 0;text-align:left; }
#breadcrumb a					{ font-size:10px; }
#breadcrumb span				{ font-size:10px; }


.pageContent					{ font-size:33px;color:#106580; }


/*main content*/
#mainContent					{ width:959px;font:normal 16px 'FSAlbert-Regular', Arial, sans-serif; }
#mainContent .leftNav			{ width:176px;float:left;margin-right:10px;}
#mainContent .rightSection		{ width:773px;overflow:hidden; }
#mainContent .rightNav			{ width:176px;float:right;margin-right:10px;}

/*left nav*/
#leftNav						{ color:#fff;margin-bottom:10px;padding:15px; }
#leftNav hr						{ color:#fff;background-color:#fff;height:1px;border:none; }
#leftNav .subCategories			{ padding-left:10px; }
#leftNav a						{ color: #808080; text-decoration:none; }
#leftNav a:hover				{ color: #CCC; text-decoration:none; }
#leftNav a:visited				{ color: #808080; text-decoration:none; }
a.parentCategory				{ font-size:15px;color: #fff; text-decoration:none; }
a.parentCategory:hover			{ font-size:15px;color: #efefef; text-decoration:none; }
a.parentCategory:visited		{ font-size:15px;color: #fff; text-decoration:none; }
.parentCategory					{ font-size:15px;color: #fff; }
.padBtm							{ padding-bottom:5px; }
/*left nav - Quick Quote*/
#quickQuote						{ width:auto; }
#quickQuote .categoryDrop		{ width:114px;font-size:12px; }
#quickQuote .sizeDrop			{ width:66px; }
#quickQuote select				{ border:0; }
#leftNav .submit				{ margin-top:10px;width:145px;border:0; }

/*footer*/
#footer1						{ clear:both;margin-top:25px;padding-top:25px;width:959px; }
#footer2						{ width:959px; margin-top:10px; background-color:#106580; color:#fff;font:normal 16px 'FSAlbert-Regular', Arial, sans-serif; }
#footer2 a						{ color: #fff; text-decoration:none; }
#footer2 a:hover				{ color: #efefef; text-decoration:none; }
#footer2 a:visited				{ color: #fff; text-decoration:none; }

.footerSubDiv{
    float:left;
	text-align:left;
	margin:10px 7px 0 7px;
	min-height:325px;
    width:22%;
}
.footerSubRightDiv{
    float:left;
	text-align:left;
    margin:10px 10px 0 10px;
    min-height:325px;
    width:22%;
}
.footerShopDiv{
    float:left;
    text-align:left;
    margin-right:10px;
}
.footerSubSection{margin: 0 10px 0 7px;}
.footerLink{ margin-bottom:5px;}
.footerHeader, .footerHeader a{font:bold 18px 'FSAlbert-Regular', Arial, sans-serif; color:#fff; margin-bottom:9px;}
.footerRightDiv{width:175px;float:left;}

#blanket { background-color:#111;opacity: 0.65;filter:alpha(opacity=65);position:fixed;z-index: 999991;top:0px;left:0px;width:100%;height:100%;display:none;}
#search_blanket{background-color:#111;opacity: 0.5;filter:alpha(opacity=50);position:absolute;z-index: 999991;top:0px;left:0px;width:100%;height:100%;color:#fff;font-size:48px;padding-top:36px;display:none;}
#category_blanket{position:relative;}
.blanketLayer{display:none;width:90%;height:90%;max-width:700px;position:fixed;top:5%;left:50%;margin-left:-350px;background-color:#fff;border:1px solid #ccc;z-index: 999999;overflow-y:scroll;}
#popUpDiv {position: absolute;background-color: #eeeeee;width: 600px;height: 626px;z-index: 999992;}
#popup {display: none;position:fixed;top: 50%;left: 50%;background: #fff;width: 500px;height: 285px;
        margin-left: -250px; /*Half the value of width to center div*/
        margin-top: -143px; /*Half the value of height to center div*/
        z-index: 999992; padding:10px;}
#popupclose {float: right;padding: 10px;cursor: pointer;}

#affirm-button {cursor: pointer;}

/*toggle*/
.toggle{font-size:22px;font-weight:bold;float:right;}
#reveal-more {display:none;}
#reveal-more:checked ~ .remove-check{display: none;}
#reveal-more:checked ~ #read-more-text{display: block;}
#read-more-text{display:none;}


#reveal-button:before { content:url('https://www.blindschalet.com/images/redesign/buttons/more.gif');display:block;width:200px;height:200px;overflow:hidden;}
#reveal-button:checked:before { content: url('https://www.blindschalet.com/images/redesign/buttons/less.gif');}

/*toggle*/


.nowrap							{ white-space:nowrap; }
.clear							{ clear:both; }
.pointer						{ cursor:pointer; }
.floatLeftDiv					{ float:left; }
.floatRightDiv					{ float:right; }
.price							{ color:#7F7F7F;font-weight:normal;font-size:16px; } 
.saleprice						{ color:#729F06;font-weight:normal;font-size:20px; }
.salepriceBlue					{ color:#106580;font-weight:normal;font-size:16px; }
.error							{ color:#729F06; }
.errorBig						{ color:#729F06;font-size:24px; }
.imageBorder					{ border:solid 1px #808080; }
.padding5						{ padding:5px; }
.margin5						{ margin:5px; }


.border{BORDER: #ccc;Border-width:1px;Border-style:solid;padding:5px;}
.BorderFill{BORDER: #033567;background-color:#EFEFEF;Border-width:1px;Border-style:solid;padding:5px;}
.ltBorderFill {BORDER: #ccc;background-color:#F2F4ED;Border-width:1px;Border-style:solid;padding:5px;}
.ltBorderltFill { BORDER: #ccc;background-color: #FAFAFA;Border-width: 1px;Border-style: solid;padding: 5px;}
.ltBorderWhiteBG{BORDER: #cccccc;background-color:#FFFFFF;Border-width:1px;Border-style:solid;}
.roundCorner {border-radius:5px;}

.badgeLgrOval {width:90px !important;}
.badgeLgOval {width:60px !important;}
.badgeLgRound {width:40px;}
.badgeLg {display: block;color: #777;background: #fff;border: 2px solid #729F06;height: 40px;margin: 10px;-moz-border-radius: 40px;-webkit-border-radius: 40px;border-radius: 40px;-moz-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;-webkit-box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;font: bold 30px Georgia, Serif !important;text-align:center;}
.badge {display:table-cell;text-align:center;vertical-align:middle;border-radius:50%;background:#729F06;color:#fff;height:14px;width:14px;font-size:12px !important;position:absolute;}
#sampleCartNav {float:right;margin-left:3px;margin-top:5px;}

.Rowcolor1 {
    background-color: #EEEEEE;
} 
.Rowcolor2{ background-color: #FFFFFF; } 

.formLabel	
{
	Text-align:right; 
	color : #808080;
}


#navMinimal						{ display:none;width:85px;position:absolute;left:5px;top:5px; }
#navMinimal a					{ color: #106580; text-decoration: none;font-size:16px;}
#navMinimal a img				{ vertical-align:middle; }
#navMinimal a span				{ margin:0 0 0 5px; }



.bc-set {width:773px;clear:both;margin: 10px 0 10px 0;}
.bc-set:after {content: '\A'; white-space: pre;clear:both;display:block;}
.bc-set-inner {float:left;width:33%;}
.bc-set-inner ul {list-style-type:none;margin:0;padding:5px 3% 0 0;}
.bc-set-inner li {line-height:130%;}
.bc-set-inner a {text-transform:capitalize;}
.bc-set h5 {font-weight:bold;}


.clearfix:after 
{
	clear:both;
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
}


#equalWrapper					{ overflow:hidden; }
#equalWrapper .column1			{ float:left;width:50%; }

#blindsEducation .beLeft		{ float:left; width:250px; margin:0 15px 15px 0; }


#content						{ width:auto; clear:both; }
#content .containerRC			{ float:right; width:47%; margin: 0 auto;min-height: 50px; }
#content .containerLC			{ float:left;width:47%;margin: 0 auto;overflow: hidden;min-height: 50px; }

.btn-basic {border-radius: 8px;border: none;font-family: Arial;color: #ffffff;font-size: 16px;padding: 8px 20px 9px 20px;text-decoration: none;text-align: center;cursor: pointer;}
.btn-search {border-radius: 0 8px 7px 0;border: none;font-family: Arial;color: #ffffff;font-size: 16px;padding: 7px 11px 5px 9px;text-decoration: none;text-align: center;cursor: pointer;}
 .btn-basic:hover {text-decoration: none;cursor: pointer;}
 .btn-basic img {vertical-align: middle;}
 .btn-blue{background:#106580;}.btn-blue:hover {background:#789DC2;}
 .btn-green{background:#739F07;}.btn-green:hover {background:#486604;}
 .btn-grey{background:#848484;}.btn-grey:hover {background:#CCCCCC;}
 .btn-small{width:85px;font-size:12px;}
.btn-lg {padding: 10px 16px;font-size: 18px;line-height: 1.33;border-radius: 6px;}
.btn-primary {color: #fff; background-color: #428bca; border-color: #357ebd;}
.btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}


#sticky.stick{position:fixed;top:0;z-index:10000;width:959px;}
#filterNav.stick{position:fixed;top:20px;z-index:9999;width:154px;}
.saleHome a,.saleHome a:hover,.saleHome a:visited{text-decoration:none;}
.cRight a,.cRight a:hover,.cRight a:visited{text-decoration:none;}
.saleBG {margin-top:27px;height:267px;}
.saleBG2 {background-color:#106580;color:#fff;text-align:center;}
.saleBG-sub {height:177px;}
.saleDiv {padding:10px;text-transform: uppercase;}
.sale-name{font-size:14px;white-space: nowrap;float:left;margin:6px 0 0 3px;font-weight:normal;}
.sale-name-sale{display:none;}
.sale-sale{font-size:20px;line-height:50px;font-weight:bold;color:#9FC1CC;text-align:right;}
.sale-discount{float:left;width:285px;font-size:24px;font-weight:bold;text-align:left;}
.sale-daterange {float:right;width:195px;font-size:16px;text-align:right;margin-top:5px;}
.sale-coupon{text-align:center;font-size:18px;font-weight:bold;margin-top:5px;color:#9FC1CC;}
#home_sale img{width:100%;}

.salepage{border:solid 1px #ccc;margin-bottom:20px;border-radius:8px;}
.salepage-name{font-size:42px;font-weight:bold;text-transform: uppercase;}
.salepage-leadin{font-size:24px;float:left;width:70%;margin-top:5px;}
.salepage-discount{float:right;width:30%;background-color:#106580;color:#9FC1CC;border-radius:0 8px 8px 0;min-height:195px;}
.salepage-sale {font-size:50px;line-height:40px;}
.salepage-discountpercent{font-size:70px;color:#fff;font-weight:bold;}
.salepage-pad{padding:20px;}
.salepage-coupon{margin-top:5px;font-size:16px;}
.salepage-bogo{border:solid 1px #ccc;border-radius:8px 8px 0 0;overflow:auto;}
.salepage-bogo-products{border:solid 1px #ccc;margin-bottom:20px;border-radius:0 0 8px 8px;overflow:auto;}
.salepage-get1 {font-size:50px;color:#fff;}
.salepage-bogo-deal{float:right;width:30%;background-color:#106580;color:#9FC1CC;border-radius:0 8px 0 0;min-height:195px;}

#pageHeader .cRight, #pageHeader .cLeft {float: none;width: 100%;
}
.saleBG, .saleBG-sub {height:45px !important;margin-top:0;margin-bottom:10px;}
.lowercase {text-transform: lowercase;}

#banner-bar {display:none;width:100%;min-height:10px;margin: 0 0 20px 0;}
#banner-bar .bar-columns{width:33.3333%;float:left;color:#fff;text-align:center;padding:5px 0 5px 0;margin-bottom:10px;}
.bar-columns a,.bar-columns a:hover,.bar-columns a:visited{text-decoration:none;}
.bar-columns a:hover{color:#fff;}.bar-columns:hover{color:#fff;background-color:#106580;}.bar-columns:hover a{color:#fff;}
#banner-bar-shipping{display: inline-block;}
.dkBlueBg{background-color:#106580;}
.ltBlueBg{background-color:#efefef;color:#808080;border-bottom: solid 1px #808080;}
.dkGreyBg{background-color:#fff;color:#808080;border-bottom: solid 1px #808080;}

#QQNav{min-height:30px;background-color:#efefef;padding:5px;}
#widthDisplay,#widthControls,#widthSelect,#heightDisplay,#heightControls,#heightSelect,#qqButtonDiv {float:left;margin-left:5px;font-size:14px;}
#qqButton{margin-top:0 !important;font-size:14px !important;padding: 5px 10px 5px 10px !important;}

.emailinput {padding: 5px 30px 5px 10px;background: url('/images/buttons/email_icon.png') no-repeat;background-position: right 5px center;}
.passwordinput {padding: 5px 30px 5px 10px;background: url('/images/buttons/password_icon.png') no-repeat;
    background-position: right 5px center;}
.freeUpgrade{background-color:#C2D86C;border:1px solid #999;color:#fff;font-size:16px;padding:6px;min-height:19px;}
.freeUpgradeOut{background-color:#fff;border:1px solid #999;color:#fff;font-size:16px;padding:2px;}

#sampleSwatches {width:231px;float:right;}
#sampleMain {width:500px;float:left;}

#filterNav{border:#ccc 1px solid;padding:10px;margin:18px 0 18px 0;background-color:#fff;}
#filterNav .header {padding-top:5px;padding-bottom:5px;font-size:18px;text-transform: uppercase;overflow: hidden;}
#filterNav .subtitle{padding:8px 0 8px 0;font-size:15px;font-weight:bold;border-top:dashed 1px #ccc;}
#filterNav .filters{font-size:13px;margin-left:3px;}
#navbtn-Close, #navbtn-Open{display:none;}
#navbtn-Open {height:20px;border-radius: 4px;border: none;font-family: Arial;color: #ffffff;font-size: 12px;padding: 4px 10px 4px 10px;text-decoration: none;text-align: center;cursor: pointer;margin: 0 2px 2px 0;}

.checkLabel {display:block;position:relative;padding-left:25px;margin-bottom:12px;cursor:pointer;font-size:13px !important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.checkLabel input {position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.checkmark {position:absolute;top:0;left:0;height:15px;width:15px;background-color:#eee;border:#999 solid 1px;}
.checkLabel:hover input ~ .checkmark {background-color:#ccc;}
.checkLabel input:checked ~ .checkmark {background-color:#106580;}
.checkLabel .checkmark:after {content:"";position:absolute;display:none;}
.checkLabel input:checked ~ .checkmark:after {display:block;}
.checkLabel .checkmark:after {left:5px;top:2px;width:3px;height:8px;border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);
}
.checkLabel .checkmarkBk:after {left:5px;top:2px;width:3px;height:8px;border:solid black;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);
}
.checkColor {width:29px;float: left;padding: 8px 0px 12px 8px;}
.checkColor .checkmark{border: #ccc 1px solid;}
#cart-footer,#cart-footer-checkout {border:1px solid #ccc;padding:10px;margin-bottom:15px;overflow-y:auto;max-height:500px;}
.sticky{position:fixed;top:50px;z-index:10000;width:209px;background-color:#fff;}
#cart-footer-details,#cart-footer-details div{font-size:14px !important;width:200px;}
.swatch-div{float:left;width:90px;padding:5px;min-height:200px;}
#cart-footer-details-header{position:fixed;background-color:#fff;border-bottom:1px solid #ccc;width:235px;margin-bottom:5px;display:none;}
#cart-header{border:1px solid #ccc;background-color:#106580;color:#fff;font-weight:bold;padding-top:5px;}
#cart-header div a{color:#fff;text-decoration:none;}
#cart-category{padding:5px;}
#cart-category ul{list-style-type: none;margin-left:-25px;margin-top:0px; margin-bottom:0px;}
#cart-category ul li{margin-left:0;}
#cart-category ul li ul li{margin-left:-25px;padding:5px;border:1px solid #ccc;background-color:#efefef;text-align:left;}
#cart-category ul li ul li a{text-decoration:none;}
.cart-sldiv{margin-left:-25px !important;}
.cart-ofs{font-size:14px !important;min-height:50px;}
#cart-footer-title{margin-bottom:10px;}
.categoryTitle{margin-left:10px;margin-bottom:8px;}
#cart-footer-close{width:25px !important;}
#cart-footer-head{width:100px !important;}

#back-to-top{position:fixed;bottom:10px;right:10px;display:none;}

.progress-on{float:left;text-align:center;height:28px;width:calc(20% - 2px);background-color:#fff;color:#000;font-size:17px;border:1px solid #808080;padding-top:5px;}
.progress-off{float:left;text-align:center;height:28px;width:calc(20% - 2px);background-color:#808080;color:#fff;font-size:17px;border:1px solid #fff;padding-top:5px;}

#counter{float:right;}
.counter-group,.counter-divider,.counter-intro {float:left;}
.counter-intro {margin:3px 5px 0 0;font-size:11px !important;}
.unit-label{font-size:6px !important;text-align:center;}

#descriptionIntro {float:right;width:60% !important;font-size:16px;margin-left:10px !important;}
.readmore a{font-size:16px !important;}

@media screen and (max-width: 1000px) {
    #topLeftImg,.cTop{display:none;}    
    #cart-footer {position: fixed;bottom:0; left:0; height:40px;width: 100%; z-index:5000; background-color: #efefef;border-top:1px solid #ccc;margin:0; }
    #cart-footer #sampleSwatches,#cart-footer  #sampleMain {width:100%;float:none;}
    .sampleMain {width:60% !important;} .sampleSwatches {width:40% !important;}
    #cart-footer #cart-footer-details{position:fixed;max-height:500px;overflow-y:auto;overflow-x:hidden;top:127px;left:0;max-width:97% !important;background-color:#efefef;border:1px solid #ccc;z-index:100000;display:none;}
    .cart-footer-items{margin-top:45px;}
    #cart-footer-title,#cart-footer-button{float:left;text-align:center;margin-bottom:0;}
    #cart-footer-button{width:55px;}
    #cart-footer-title{margin-left:55px;width:150px;}
    #cart-footer-title h2{font-size:16px !important;}
    #cart-footer-button{margin-right:80px;}
    #sampleSwatches,#sampleMain,.sampleMain, .sampleSwatches {width:100% !important;float:none;}
}
@media screen and (max-width: 959px) {
        #header, #header .separator, #logo_separator_image, #topNavRow, #pageHeader, #mainContent, #footer1, #footer2{width:100%;}
	
	#mainContent .rightSection { width:auto; }
	
	nav { text-align:left; }
	nav ul li a	{ padding:10px 17px; }
    .leftNav2{display:none;}
    #QQNav{height:50px;}
    .salepage-bogo-deal{min-height:235px;}
    #sticky.stick {width:100%;}
}

@media screen and (max-width: 850px) 
{
	#socialIcons, #companyHours,#free_shipping_image,#free_samples_image,#specialOffersForm,#no_sales_tax,#financing {display:none;}
	#topNavRow .containerR			{ width:auto; }
	
	#h1 h1							{ font-size:24px; }
	#h1 .text						{ padding-top:5px; }
	
	
	#mainContent .leftNav, #mainContent .rightNav {width:100%;}
	#mainContent .rightSection		{ width:100%;overflow:hidden; }
    #banner-bar {display:block; width:100%;  margin: 0 0 20px 0;}
	
	#john_gidding_logo,#specials	{ display:none; }
    #quickQuote{width:100%;min-height:20px;text-align: center;}
    #widthDisplay,#widthSelect,#heightDisplay,#heightSelect,#qqButtonDiv {float:left;margin-left:5px;}
    #qqButton{margin:0 0 0 10px  !important;}
	nav ul li a { padding: 10px 15px; }
    #filterNav {display:none;float:right;background-color:white;width:260px;height:100%;position:fixed;top:5px;right:0;z-index:999999;overflow-y:hidden;}
    #filterNavScroll {position:relative;overflow-y:auto;height:100%;}
    #filterNav.stick{position:absolute;top:0;z-index:999999;width:260px;}
    #navbtn-Close, #navbtn-Open {display: block;}

	#widthDisplay,#heightDisplay{width:50px;margin-right:3px;text-align:right;}
    #widthControls,#heightControls{float:left;}
    .sale-name{display:none;}
    .saleBG, .saleBG-sub {margin-bottom:0;}
    #cart-footer-title{font-size:15px !important;}
}

@media screen and (max-width: 775px) 
{
	.contactNav						{ padding-right:5px; }
	.mobileNav{padding-right:15px;}
	nav,  #navXtra					{ display: none; }
	#navMinimal						{display:block;padding: 3px 0 0 5px;width:auto; }
	.locations {margin:0 10px 0 10px;}
    #liveChat {display:none;}
    nav {position:absolute;left:0;top:40px;background-color:#efefef;border:solid 1px #ccc;}
    nav ul li a {color: #fff !important;}
    nav ul {width:240px;background:#106580;}
    nav ul li {float:none;background:#106580;border: solid 1px #fff;}
    nav ul ul {position:inherit;}

    nav ul:after {display: inline;}
    nav ul li:hover > ul {display: inline;}
    nav ul ul {position:relative;display:none;}
    .navMore,#navXtra{display:block;}
    .navMore,nav ul ul{clear:both;}
    }

@media screen and (max-width: 725px) {
    #myAccountLink, #myCartLink, #searchForm{display:none;}
    .sale-discount div,.sale-coupon,.bar-columns a{font-size:15px !important;font-weight:normal;}
    .sale-discount{margin-top:5px;width:125px;}
    .sale-daterange {width:140px;}
    .saleBG-sub{min-height:60px;}
    .blanketLayer{width:90%;height:90%;top:5%;left:5%;margin:0;}
}

/*Styles for screen 600px and lower*/
@media screen and (max-width: 600px) 
{
	#breadcrumb span { font-size:10px !important; }
	h1, h2 ,h3, h4, h5, h6, pre, em, th, td, label, input, dt, dd, small, p, li, a, span, div { font-size:18px !important; }
	.sale-name-name{display:none;}
    .salepage-discountpercent{font-size:48px !important;}
    .salepage-sale{font-size:32px !important;}
    .salepage-name,.salepage-get1{font-size:28px !important;}
    /*#free_shipping_footer_image		{ width:304px;height:82px; }
	#no_sales_tax_footer_image		{ width:292px;height:82px; }
	#testimonials_footer_image		{ width:291px;height:82px; }*/
    #quickQuote{min-height:80px;}
    #QQNav{min-height:82px;}
    #qqButtonDiv {margin-left:0;text-align:center;}
    #widthSelect,#heightSelect{float:left;margin:0;}
    #categorySort,#quickQuote{width:50%;float:left;}
    #widthSelect{text-align:right;}
    #heightSelect{text-align:left;}
    #widthDisplay, #heightDisplay {font-size: 14px !important;}
    #qqButton{margin:5px 0 0 0 !important;}
    #h1{height:25px;background-image: none!important;background-color:#fff !important;}
    #h1 h1, #h1 h2{ color:#000; }
    #leftNav{padding:3px;}
	#specialOffersForm { left:0;width:100%;transform: translate(0, 0);border-radius:0;}
    .progress-on, .progress-off{display:none;}
}

@media screen and (max-width: 550px) 
{
    #header{position:fixed;background-color:#fff;top:0px;}
    #mainContent{margin-top:120px;}
	#header .containerLeft{width:100%;float:none;text-align:center !important;clear:both;height:50px;clear:both;}
    #header .containerRight{width:100%;float:none;height:0;}
    #topNavRow .contactNav{position:absolute;top:0;right:0;}
    #topNavRow .containerL,#topNavRow .containerR{min-height:10px;}
    #header .contactNav{float:none;width:100%;}
    #bc_logo{width:50%;height:auto;}
    .contactNav{width:100%;text-align:right;}
    .specialOfferImg{width:90%;}
    #keyword {width:80%;}
    
    .phone {text-align: left;}
    #searchForm {display: inherit;}
	#breadcrumb,.nonMobile{ display:none; }
	#sale_page_banner, #sale_page_plus	{ width:100%;height:auto; }
	#content .containerLC,  #content .containerRC	{  width:auto; float:none;padding:0 10px 0 10px; }
	
	#popup {
        width: 320px;
        margin-left: -175px; /*Half the value of width to center div*/
        height: 400px;
        margin-top: -200px; /*Half the value of height to center div*/
        }
    #liveChat{position: absolute; top: 8px; right: 16px;}
    /*.sale-daterange{display:none;}*/
    .saleBG-sub{min-height:75px;}
    .sale-daterange{width:75px;margin-left:5px;min-height:55px;}.counter-intro{float:none;}
    .sale-discount {width:75px;margin-right:5px;min-height:55px;}
}

/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) 
{
	#header, #header .separator, #logo_separator_image, #footer1, #footer2 {width:100%;}
	.footerSubDiv, .footerSubRightDiv{ width:100%; }
	.footerHeader, .footerLink{ margin-bottom:10px; }
	
	#equalWrapper .column1{ float:none;width:auto; }
    .footerEqual{text-align:center;}
	#blindsEducation .beLeft{ float:none; width:auto; margin:0; }
    #widthSelect,#heightSelect{width:100%;text-align:center;float:none;margin-bottom:5px;}
    #widthDisplay, #heightDisplay {width:38px;text-align:right;}
    #widthSelect:after,#heightSelect:after {content: '\A';white-space: pre;}
    #QQNav{min-height:112px;}
    .salepage-leadin,.salepage-discount,.salepage-leadin,.salepage-bogo-deal{width:50%;}
    .salepage-discount{min-height:250px;}
    .salepage-name{font-size:24px !important;}
    #bc_logo{margin-top:15px;}
    nav ul li a{ padding: 10px 10px; }
}

@media only screen and (max-width : 400px) 
{
    .bar-columns{min-height:37px;}
    #pull span{display:none;}
    #banner-bar-samples,#banner-bar-shipping,#banner-bar-tax{min-height:42px;}
    .salepage-leadin,.salepage-discount,.salepage-bogo-deal{float:none;width:100%;}
    .salepage-discount,.salepage-bogo-deal{border-radius:0;min-height:1px;}
    #cart-footer-title,#cart-footer-button{float:none;width:100%;margin-right:0;margin-left:0;}
    #cart-footer{height:75px;padding:5px 10px 5px 10px;}
}


@media only screen and (max-width : 374px) 
{
	#free_shipping_image,#free_samples_image, #free_shipping_footer_image, #no_sales_tax_footer_image, #testimonials_footer_image,.button_1	{ width:100%;height:auto; }
    #widthDisplay, #heightDisplay {text-align:left;}
    #bc_logo{margin-top:18px;}
}


@media only screen and (max-width : 325px) 
{
	#navXtra2{ display: none; }
	#header, #header .separator, #logo_separator_image, #footer1, #footer2{width:320px;}
    #bc_logo{margin-top:20px;}
	.phone{font-size:16px !important;font-weight:normal !important;}
}

@media only screen and (max-width : 319px)
{
	#header, #header .separator, #logo_separator_image, #footer1, #footer2 {width:300px}
    #mainContent	{ width:300px !important; }
}