:root {
	--sig-black: #615d59;
	--sig-blue: #415866;
	--sig-blue-15:rgba(65,88,102,.15);
	--sig-blue-40:rgba(65,88,102,.4);
	--sig-gray: #7a7d81;
	--sig-purple: rgba(104, 110, 159, 1);
	--sig-purple-85: rgba(104, 110, 159, .85);
	--sig-teal: #7d98a3;
	--white: #FFF;

	--sig-product-wood-faux: #00966c;
	--sig-product-woven-woods: #ceb888;
	--sig-product-cellular-pleated: #bfcc80;
	--sig-product-roller-solar:#973f54;
	--sig-product-vertical-vinyl:#b3b0c4;
	--sig-product-shutters:#e03e52;
	--sig-product-sheer-layered:#934054;
	--sig-product-aluminum: #e69e6c;
	--sig-product-basics:#93b479;
}

@font-face {
  font-family: 'Gotham Medium';
  src: url('../fonts/brand-fonts/Gotham-Medium_web.woff2') format('woff2'),
  		 url('../fonts/brand-fonts/Gotham-Medium_Web.woff') format('woff');
}

@font-face {
  font-family: 'Gotham Light';
  src: url('../fonts/brand-fonts/Gotham-Light_Web.woff2') format('woff2'),
			 url('../fonts/brand-fonts/Gotham-Light_Web.woff') format('woff');
}

/*
*
*
* Static Grid ported over from Bootstrap:
* To start, give the outer most container a class of .SWF-bs-grid.
* From there create a new container > row . then .col-lg-* columns.
* use a new container for each different section of the page. For now,
* This is more of a benefit for us. 
*
*
*/

.SWF-bs-grid * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.SWF-bs-grid *:before,
.SWF-bs-grid *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.SWF-bs-grid{
	margin:20px auto 0 auto;
}
.SWF-bs-grid img {
    page-break-inside: avoid;
  }
.SWF-bs-grid img {
    max-width: 100% !important;
  }
.SWF-bs-grid h1{
	font-size:24px;
}
.SWF-bs-grid h2{
	font-size:20px;
}
.SWF-bs-grid h3{
	font-size:18px;
}
.SWF-bs-grid p, 
.SWF-bs-grid h4,
.SWF-bs-grid li{
	font-size:14px;
}
.SWF-bs-grid ul.pdf {
	list-style-image:url(/images/pdficon_small.gif);
	list-style-position: outside;
	line-height: 2;
	margin-left: 32px;
	margin-bottom: 3px;
	margin-top: 3px;
	padding: 0 0 0 3px; 
	vertical-align: top;
}
.SWF-bs-grid .container:before,
.SWF-bs-grid .container:after,
.row:before,
.row:after {
  display: table;
  content: " ";
}
.SWF-bs-grid .container:after,
.row:after {
  clear: both;
}
.SWF-bs-grid .container,
nav .container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width:1170px;
  max-width:1200px;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
/*End of Bootstrap grid */ 

hr {display: block;background: #cccccc;border: none;height: 1px;margin: 32px auto;opacity:1.0;}

body {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #585150;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
}

input {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 16px;
}

input[type="text"], input[type="password"] {margin-bottom:6px;}

textarea {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 16px;
}

select {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 16px;
}

table {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	border: 0px;
	clear:both;
	margin: 0 auto;
}

#paymentTable {border-bottom:solid 4px #cccccc;padding-bottom:4px;}
#paymentTable th {vertical-align:bottom;}

img {
	display:block;
	
}



img.inlineImg {
	/*float:left;
	display:inline;*/
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-right: none;
	
	}
	
img.treeImg {
	display:inline;
	padding: 0 0 0 0;
	margin: 0 0 0 0;	
	}
	
	img.logo2 {
	display:inline;
	padding: 0 0 0 0;
	margin: 0 0 0 0;	
	text-decoration:none;
	border:none;
	}
	
	img.logo {
	display:inline;
	padding: 0 0 0 0;
	margin: 20px 0 0 0;
	height:25px;	
	}
	
ul {
  margin-left: 0px;
	margin-bottom: 1.5rem;
	margin-top: 10px;
	padding-left: 35px;
	list-style-type: disc;
}

.pdf {
	list-style-position: inside;
	line-height: 24px;
	margin-left: 0px;
	margin-bottom: 1.5rem;
	margin-top: 3px;
	padding: 0;
	vertical-align: top;
}

ul.excel {
	list-style-image:url(/images/excel_icon.gif);
	list-style-position: inside;
	line-height: 30px;
	margin-left: 0px;
	margin-bottom: 3px;
	margin-top: 3px;
	padding: 0 0 0 3px; 
	vertical-align: top;
}
.long-name {
	width: 390px;
}
#fadeshow1 img {
    width: 100%;
    height: 100%;
}
li.video {
	list-style-image:url(/images/flashIcon.gif);
}

li.disc {list-style-image:none;list-style-type:disc;margin-left:12px;}
/*
.body {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #333333;
}*/

.bodybold {
	font-size: 12px; 
	font-weight: bold; 
}

a.back-to-top {color:#ffffff !important;}

a {
	color: #926B66;
	text-decoration: underline;
}

/* a:visited { */
/* 	color: #666699; */
/* 	text-decoration: underline; */
/* }	 */
a:hover {
	/*color: #999999;*/
	text-decoration: none;
}
a:active {
 	color: inherit;
 	text-decoration: underline;
 }	

a .hidden {color:#ffffff; text-decoration:none!important;}
a:visited .hidden {color:#000000;}

#bugs {display:none; width:200px; height:auto;}
#bugs:target {display:block;}
	
 .navLinkRow {
	height:40px;
	vertical-align: middle;
}	
 .navLinkColumn {
	height:35px;
	vertical-align: bottom;
}
a.WhiteText:link, .WhiteText:visited {color: #CCFFFF; }
a.WhiteText:hover {color: #00CCCC; }
/*a.WhiteText:visited {color: #CCFFFF; }*/
a.GrnText:link, .GrnText:visited {color: #006666; }
a.GrnText:hover {color: #00CCCC; }
/*a.GrnText:visited {color: #006666; }*/

h1 {
	font-size: 24px;
	font-weight: bold;
	color: #585150;
}

h2, h2 a, h2 a:hover {
	font-size: 18px;
	font-weight: bold;
	color: #585150;
	margin-top: 7px;
	margin-bottom: 2px;
	text-decoration:none;
}
	
h2.index {
	margin-top: 0px;
	margin-bottom: 7px;
}
	
h3 {
	font-size: 14px;
    font-weight: bold;
    color: #333333;
    margin-top: 7px;
    margin-bottom: 2px;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

h5 {
	font-size: 11px; 
	font-weight: bold; 
	color: #000000;
}

h6 {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
}

.h1 {
	font-size: 16px;
	font-weight: bold;
	height: 32px; 
	vertical-align: middle;
	color: #585150;
}

.h2 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin-top: 7px;
	margin-bottom: 2px;
}
	
.h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003333;
}	

.h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
	
.h5 {
	font-size: 11px; 
	font-weight: bold; 
	color: #000000;
}

.h6 {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
}

.smallText {
	font-size: 10px;
	text-decoration:none;
	margin-left:28px;
}

.listInfo {
	line-height:15px;
	margin-bottom:8px;
}

/*navigation styles */
table.nav {
	background-image:url(/images/navGradientBg.jpg); 
	background-repeat: repeat-x;
	border-bottom: 3px solid #000000;
	border-top: 1px solid #CCCCCC;
	border-collapse: collapse;
	
}
	
table.subNav{
	background-color: #405565;
	border: none;
	width:100%;
}

table.subNav table td {padding:6px 0px;}
table.subNav table td.h5 {color:#ffffff;font-size:14px;}

table.subNav table td.whitetext {font-size:12px;}

a.subNav:link, .subNav:visited{
	font-size: 12px;
	color: #ffffff;
	text-decoration: underline;
}
a.subNav:active {
	color: #FFFFFF;
	text-decoration: none;
}
a.subNav:hover {
	/*color: #999999;*/
	color: #ffffff;
	text-decoration: none;
}

.rightBorder {
	float:left;
	border-right: 1px solid #999999;
	display: inline;
	align: bottom;
	padding: 0px;
	
	} 


/* ######### Styles for Navigation Menu ######### */
.chromestyle {
	width: 100%;
	background:#CDCED6; 
	border-top: 1px solid #CCCCCC;
}

.chromestyle:after { /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.chromestyle ul{
	width: 98%;
	height: 25px;
	min-width:850px;
	max-width:1200px;
	padding: 0 0 0 0;
	margin: 0 auto;
	list-style: outside none none;
}
.chromestyle ul li {
	float:left;
	border-left: 1px solid #000;	
}
.chromestyle ul li:last-child {
	border-right: 1px solid rgba(0,0,0,.7);
}
.chromestyle ul li a {
	display: block;
	color: #000;
	padding: 10px 12px;
	text-decoration: none;
	font-weight: bold;
	line-height:23px;
}
.chromestyle ul li a:hover, .chromestyle ul li a:active {
	color: #fff;
	background: #000;
}
.chromestyle ul li i {
	margin: 0 5px 0 8px;
}

.chromestyle ul li a span.chevron {display: inline-block;margin: 0px 0px 0px 6px;transform: rotate(90deg);transition: all 0.3s ease;}
.chromestyle ul li a span.chevron:after {content: "\276E";font-size: 14px;color: #000;}
.chromestyle ul li a:hover span.chevron {transform: rotate(-90deg);transition: all 0.3s ease;}
.chromestyle ul li a:hover span.chevron:after {content: "\276E";font-size: 14px;color: #fff;}

/*.chromestyle ul li a[rel]:after{ HTML to indicate drop down link 
content: " v";
content: " " url(downimage.gif); uncomment this line to use an image instead
}*/


/* ######### Style for Drop Down Menu ######### */
.anylinkcss{
float: left;
position: absolute;
visibility: hidden;
border: 1px solid #CCCCCC;
border-bottom-width: 0px;
font-size: 11px;
line-height: 18px;
z-index: 100;
background-color: #FFFFFF;
color: #000000;
width: 175px;
overflow:auto;
}

.anylinkcss a:link{
/*width: 100%;*/
display: block;
text-indent: 5px;
border-bottom: 1px solid #CCCCCC;
padding: 1px;
text-decoration: none;
color:#000000;
}

.anylinkcss a:visited{
/*width: 100%;*/
display: block;
text-indent: 5px;
border-bottom: 1px solid #CCCCCC;
padding: 1px;
text-decoration: none;
color:#000000;
}

.anylinkcss a:hover{ 
background-color:#CADAFF;
color:#000000;
}

/*This is a class to use if you would like to have a flyaway off of one of the dropdown menus (third navigation
.sublinkcss{
position:absolute;
visibility: hidden;
border:1px solid black;
border-bottom-width: 0;
font:normal 11px Georgia;
line-height: 18px;
z-index: 100;
background-color:#CCCCCC;
color:#211F5F;
width: 205px;
}*/

/*footer styles */	
table.footer {
	background-color: #585150;
	font-size: 11px;
	height: 30px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
a.footer:link, .footer:active, .footer:visited{
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
}
a.footer:hover {
	/*color: #FFFFFF;*/
	text-decoration: none;
}
.footerBlue {
	color: #6699FF;
	}
.whiteText {
	color:#FFFFFF;
	font-size: 11px;
}

/*header styles */
.header {
	font-size: 11px;
	line-height: 23px;
}
a.header:link, .header:active, .header:visited{
	color: #926B66;
	text-decoration: underline;
	font-size: 12px;
}
a.header:hover {
	/*color: #999999;*/
	text-decoration: none;
	font-size: 12px;
}
.headerBlue {
	color: #0033CC;
}
a.headerOff:link{
	text-decoration: none;
	font-size: 12px;
	color: #999999;
}
.headerOff:visited{
	font-size:12px;
	color:#999999;
	text-decoration: none;
}
.headerOff:hover {
	text-decoration: none;
}
.headerOff:active{
	text-decoration:underline;
	font-size: 12px;
	color: #999999;
}

/*buttons */
input.accountButton {
	font-color: #ffffff;
	font-size: 11px; 
	border-color: #99CCFF;
	border-style:outset;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #6699FF; 
}

input.account {
	font-size: 11px;  
	margin-top: 5px;
	margin-bottom: 5px;
	border-color: #890101;
	border-style:outset;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #890101; 
	color:#FFFFFF;
}

input.account2 {
	font-size: 11px;  
	margin-top: 5px;
	margin-bottom: 5px;
	border-color: #a62e2e;
	border-style:outset;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #a62e2e;
	color:#FFFFFF;
}

input.button,input.button2 {
	font-size: 14px; 
	margin-top: 5px;
	margin-bottom: 5px;
	background: #3c7e8c;
	border:none;
	font-weight: bold;
	padding: 10px 12px;
	width:auto !important;
	color:#ffffff;
	border-radius:2px;
	outline:none;
}

input.button:hover,input.button2:hover {
	background:#295e69;
	cursor:pointer;
}

input.buttonDetail {
	font-size: 11px; 
	border-color: #6699ff;
	border-style:outset;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #6699FF; /*color for Firefox because it doesn't pick up the gradient */
	filter:progid:DXImageTransform.Microsoft.Gradient
  	(GradientType=0,StartColorStr='#ffffff',EndColorStr='#6699ff');
}

input.buttonDetail2 {
	font-size: 11px; 
	border-color: #CADAFF;
	border-style:outset;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #CADAFF;
}

/*table with borders */
table.border{
	border-collapse: collapse;
	border: 0px;
	padding: 0px;
	color: #333333;
}

table.border td, table.border th{
	border-collapse: collapse;
	border: 1px solid #999999;
	line-height: 25px;
	padding-left: 5px;
}

.heading {
	color: #333333;
	background-color: #CCCCCC;
	font-weight: bold;
}

tr.bgltgray{
	background-color:#dedfde;
}

td.bgGray{
	background-color:#f4efea;
	line-height: 25px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	padding-left: 10px;
}

.bgGrayHome{
	background-color:#CCCCCC;
/*	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
	padding-top: 10px;*/
	padding: 10px;
}
.bgGrayHome ol {padding-left:20px;}

.bgGrayHome .multi-logos {
	width: 100%;
}

form {
	font-size: 12px;
	line-height: 16px;
}

.breadcrumbs {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}

.table {
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px; 
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}

.freidnav {
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}
	
.quickview {
	font-size: 11px;
	font-weight: normal;
	color: #006666;
	font-style: oblique;
}

.warning {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px;
	color: #000;
	font-weight:bold;
	background-color:#ffd700;
	padding:8px 12px;
	display:block;
	width:100%;
	text-align:center;
}
	
.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight:bold;
	color:#cc0033;
}
	
.sortheaders {
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
	color: #009999;
}
	
.dtlheaders {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	vertical-align:bottom;
}

.gd-tbl-headers {background:#e1e1e1;padding:4px;}

.dtlheadersnoprint {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.columnlabel {
	background-color: #cccccc;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}
	
.agingheaders {
	font-size: 10pt;
	font-weight: bold;
	color: #999999;
}
	
.ltgrey-header {
	background-color: #cccccc;
	color: #FFFFFF;
	font-weight: Bold;
	border: 2 solid #cccccc;
}
	
.ltgrey-body {
	color: #FFFFFF;
	font-weight: Bold;
	border: 2 solid #cccccc;
}
	
.currentlink {
	text-decoration:underline;
	font-size: 12px;
	color: #666666;
}
	
.currentGp {
	font-weight: bold;
	background-color:#cccccc;
	font-size: 13px;
	text-decoration: none;
	color: #333333;
}
	
.group { 
	font-weight: bold;
	background-color:#ffffff;
	font-size: 13px;
	text-decoration: none;
	color: #333333;
}
	
.lineItemAdd {
	color: #009933;
}
	
.OPTCAPMANDTXT {
	color: red;
	font-size: 8pt;
	font-weight: normal;
}
	
.required {
	color: red; 
	font-size: 8pt;
	font-weight: normal;
}

/*used on quoting and smart pages*/	
.offLink {
	font-size: 12px;
	color: #999999;
	font-weight: normal; 
	text-decoration: underline;
}
	
.noshowh3 { display: none; }

/* Safety */
/*#SafetyChart {border:1px solid #000000; border-collapse:collapse; width:750px;}*/
/*#SafetyChart th {text-align:center; font-size:11px; font-weight:normal; padding:5px; border:1px solid #000000;}*/
/*#SafetyChart td {border:1px solid #000000; text-align:center; padding:5px;}*/
/*#SafetyChart .SafetyCol1 {text-align:left; width:200px; padding:10px;}*/
/*#SafetyChart th.SafetyCol1 {text-align:center; font-size:14px; font-weight:bold;}*/
/*#SafetyMain {width:650px; }*/
/*#SafetyRightCol {float: right; width:125px; padding:20px 25px 0 5px; }*/
/*#SafetyLeftCol {float: left; width:700px; padding:20px 5px 0 35px; }*/

.SafetyChart {
	border: 1px solid #000000;
	width:98%;
	min-width:750px;
}

.SafetyChart th {
	text-align:center;
	font-size:11px; 
	font-weight:normal; 
	padding:5px; 
	border:1px solid #000000;
}

.SafetyChart td {
	border:1px solid #000000; 
	text-align:center; 
	padding:5px;
}

.SafetyChart .SafetyCol1 {
	text-align:left; 
	width:200px; 
	padding:10px;
}

.SafetyChart th.SafetyCol1 {
	text-align:center; 
	font-size:14px; 
	font-weight:bold;
}

.SafetyRightCol {
	display:inline-block;
}

.Friedmansubhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006666;
}
	
.ihead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	color: 006666;
}
	
.ltgrey-TD { 
	background-color: #cccccc;
	color: #FFFFFF;
} 

.blueTbl-header {
	background-color: #99cccc; 
	color: #FFFFFF; 
	font-weight: Bold; 
	border: solid #99cccc;
}

.blueTbl-body {
	background-color:#FFFFFF;
	color: #FFFFFF;
	font-weight: Bold;
	border: solid #99cccc;
}
	
.dkgreen-header {
	background-color: #339999;
	color: #FFFFFF;
	font-weight: Bold;
	border: solid #339999;
}

.subheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #006666;
}

.current {
	font-weight: normal;
	background-color:#405565;
	text-decoration: none;
	padding:4px 6px;
	color:#ffffff;
}*/
table.Selector {
	border-collapse: collapse;
	border: 0px;
	padding: 3px;
}
tr.Selector td{
	border: 1px solid gray;
	border-collapse: collapse;
	padding: 3px;
}
td.Selector {
	border: 1px solid gray;
	font-size: 10px;
}
.cleaningBackgroundMain {
	background-color: #CCCCCC;
}
.cleaningBackgroundHighlight {
	background-color: #F6F5C7;
}
.MoreInfoHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #616a74;
	background-color: #CCCCCC;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	height: 20px;
}

.resources {
	background:#eee;
	width:180px;
	padding:10px;
	border:solid 1px #ccc;
}
.greenText {
	color:#24943d;
	font-style:italic;
}

.selectedBay {
	background-color: #FFA07A;
}

.selectedEndCap {
	background-color: #FFB6C1;
}

.selectedSideCap {
	background-color: #B7B7FF;
}

.selectedSideAndEndCap {
	background-color: #C79BF2;
}

.selectedSlatWall {
	background-color: #AFEEEE;
}

.selectedVulcunRacking {
	background-color: #AFEEEE;
}
.salesRepNavLinkRow {
	font-size: 18px;
	font-weight: bold;
	color: #585150;
	height:40px;
	vertical-align: middle;
}

/******* Sale Bulletins ********/
table.bulletins {
	margin: 5px;
	border-collapse: collapse;
	
}

table.bulletins th {text-align:left; border:none;}
table.bulletins th a:link {color:#666666; text-decoration:none;}
table.bulletins th a:visited {color:#666666; text-decoration:none;}



table.bulletins td {
	text-align: left;
	vertical-align:top;
}
table.bulletins tr.gray-row1 {background-color:#f1f1f1;}
table.bulletins tr.gray-row2 {background-color:#dfdfdf;}

.attachments-cell {border-top: 1px solid gray; padding-top:10px; padding-bottom:10px;}

.fakeLink {text-decoration:none;}
.fakeLink a {text-decoration:none;}
a.fakelink:link, a.fakelink:active, a.fakelink:visited, a.fakelink:hover
   {text-decoration:none;}
   
.smallHeading {
	font-size: 10px;
	text-decoration:none;
}

.saveAsButton {
	float:left; 
	margin-left:265px; 
	border:0px; 
	margin-top: 5px; 
	margin-bottom: 5px;
}

/*GraberDirect SlideShow*/
#fadeshow1 {
	margin: 0px 0px 0px 0px;
	float:none;
	z-index:0;
	background-color:#fff;
}

#fadeshow1toggler {
	 width:160px; 
	 margin:0px 0px 0px 25px;
	 clear:both;
	 position:absolute;
}
.control_tab {
	 width:100px; 
	 text-align:left; 
	 margin:0px 0px 0px 0px;
	 padding:5px;
	 background-color:#adafb2;
	 border: 1px solid #333;
	 border-top:0px;	 
	 color:#000;
	 font-size:12px;
	 -moz-border-bottom-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;
	 -moz-border-bottom-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px;
	 box-shadow:0px 3px 3px 0px #adafb2;
 	 behavior: url(/PIE.htc);
}

.status {
	 width:100px; 
	 text-align:left; 
	 margin:0px 0px 0px 0px;
	 padding:5px;
	 background-color:#fff;
	 border: 1px solid #333;
	 border-top:0px;	 
	 color:#000;
	 font-size:12px;
	 -moz-border-bottom-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px;
	 -moz-border-bottom-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-bottom-left-radius:8px;
	 box-shadow:0px 3px 3px 0px #adafb2;
	 behavior: url(/PIE.htc);
}

.noscreen { display: none; }

.dtlheadersscreen {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.dtlheadersprint {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	display: none; 
}

a.mybusinessnoprint:link, a.mybusiness:active, a.mybusiness:visited  {
	color: #415866;
	text-decoration: underline;
}	

a.mybusinessnoprint:hover {
	/*color: #999999;*/
	text-decoration: none;
}

#butd-container {
	width:461px; 
	padding:10px;
	background-color: #F6F5C7;
}

/* App page */
#MainContainer {width:100%;}
.content {
	width: 100%;
	min-width: 960px;
	max-width: 1200px;
	margin: 30px auto;
}
.app-icons {border:0px; margin:0px; padding-left:0px;}
.app-info, .app-specs {display:inline-block; vertical-align:top; text-align:top;}
.app-info {padding:2px; width:46%;float:left;}
.gray {background-color:#f7f7f7;}
.app-screenshot {text-align:center; vertical-align:top;}
.app-screenshot a {text-align:center; color:#f79762; font-size:20px;}
.app-screenshot img {margin-bottom:5px;display:inline-block;height:100%;}
.app-specs {width:100%;}

/* video gallery */
#wrapper{
  width:98%;
  max-width:750px;
  min-width:749px;
}
#video-wrapper {
  width:98%;
  min-width:749px;
}
.video-page {
  margin:0 auto;
}
.all-thumbs {
  margin-left:10px;
}
#wrapper h1{text-align:left;margin:15px 20px;font-size:25px;}
.video-thumb{width:18%;height:169px;overflow:hidden;display:inline-block;margin:1% 2% 1% 0;position:relative;opacity:.6;}
.video-thumb:hover{opacity:.9;}
.video-thumb img {width:auto;max-width:102%;margin:-2px 0px 0px -2px;}
.video-thumb a{color:#333333;text-align:left;text-decoration:none;font-weight:bold;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.youtube{color:#333333;position:absolute;top:0;left:0;z-index:99;height:100%;width:100%;padding:15px;font-size:14px;line-height:18px;text-align:left;background: url(/images/videos/play-icon-hover.png) left 15px bottom 23px no-repeat #eee;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.youtube:hover{background: url(/images/videos/play-icon-hover.png)left 15px bottom 23px no-repeat;background-color:rgba(238,238,238,.8);color:#333;}
/* Submit Promo Button on "Choose Your Promotion" page for BB */
#submitPromobutton {margin:20px 0px 0px 345px; color:#fff; background-color:#1595d3; color:#000; padding:4px; border-radius:5px; border: 1px solid #1595d3; cursor:pointer; text-decoration:none;}
#submitPromobutton:hover  {text-decoration:none; background-color:#000; color:#1595d3; cursor:pointer; border: 1px solid #000;}
/* UPDATES PER GD PROJECT */
/*.order-tbl{width:950px;float:left;margin-left:20px;} */
.order-tbl{
	width:98%;
	max-width:1200px;
	min-width:950px;
	margin:0 auto 3rem auto;
}
.order-tbl td.h1 {
	color: #333333;
    font-family: 'Gotham Medium';
    font-size: 1.6rem;
    letter-spacing: .075em;
    line-height: 1.3;
    margin:.5rem 0px;
    padding-top:1rem;
    text-transform: uppercase;
}

.order-tbl h2 {
	color: #333333;
    font-family: 'Gotham Medium';
    font-size: 1.2rem;
    margin-bottom: 1rem;
    line-height: 1.5;	
}

.gd-data-tbl{border-left:solid 1px #e1e1e1;}
.gd-data-tbl td{border-right:solid 1px #e1e1e1;border-bottom:solid 1px #e1e1e1;}
/* UPDATES PER FRN UPDATE */
.wide-tbl{
  width:98%;
  min-width:950px;
  max-width:1180px;
}

div.wide-tbl{margin:2rem auto;}

.wide-page-tbl {
  width:98%;
  max-width:100%;
  min-width:749px;
}
.text-measure p{
  max-width:600px;
}
/* Budget Blinds Home Page */
.bgBlackHome {background-color:#000000; padding:10px; color:#ffffff;}
.bgBlackHome a{color:#ffffff; text-decoration:none;}
.bgBlackHome a:hover{color:#ffffff; text-decoration:underline;}
.bgBlackHome a:visited{color:#ffffff;}
.bgBlackHome a:active{color:#ffffff;}
.titleBudgetBlinds {font-size: 13px; font-weight: bold; color:#007DBA;}

.content-description {
    border-bottom: 1px solid #979797;
}

.motorized {
    padding: 15px 0px;
    display: block;
}
.motorized.info-list td {
	width: 49%;
    display: inline-block;
    vertical-align: top;
}

.ui-datepicker-trigger {
    display: inline;
    padding:0px;
    padding-left:3px;
    vertical-align:baseline;
    position:relative;
    padding-top:6px
}

.configSection{width: 49%; float:left; margin: 0 auto;}

 div#chatIcon {
    background: url('/images/chat-icon-static.png') 5px -2px no-repeat;
    width: 35px;
    height: 35px;
    margin-right:12px;
    float:right;
    cursor:pointer;
}

 div#chatIcon:hover {
    background: url('/images/chat-icon-hover.png') 5px -2px no-repeat;
     width: 35px;
    height: 35px;
    margin-right:12px;
    float:right;
    cursor:pointer;
}

 div#chatIconDisabled {
    background: url('/images/chat-icon-disabled.png') 5px -2px no-repeat;
     width: 35px;
    height: 35px;
    margin-right:12px;
    float:right;
    cursor:pointer;
}

/********************/
/* PAGE BANNER 8/18 */
/********************/
 .page-top-banner {width:100%;max-width:none;background: #973f55;height: 50px;margin: 20px auto;}
 
 .page-top-banner a, .page-top-banner a:visited {
 	text-decoration:none;
 	color:#fff;
 }
 
 .page-top-banner .btn, .page-top-banner .btn:focus {
 	border:1px solid #fff;
 	border-radius:4px;
 	padding:5px 10px;
 	margin-left:20px;
 }
 
 .page-top-banner .btn:hover{
 	color:#3d7d8b;
 	background:#fff;
 }
 
 .page-top-banner .underline {
 	text-decoration: underline;
 }
 
 .page-top-banner h3{display:block;width:100%;color:#fff;font-weight: 500;font-family: 'Poppins', sans-serif;font-size:18px !important;line-height:50px;text-align:center;text-transform: uppercase;letter-spacing: 1px;}
 .page-top-banner h3 a {font-weight:700;letter-spacing: 0px;margin-left: 10px;text-decoration: underline;}

/****************************************/
/* Budget Blinds Home Page Update 11/15 */
/****************************************/
.bb-home {
  box-sizing: border-box;
}

.secondary-callouts { 
  display:inline;
  width:100%;
  margin:0 auto;
}

.secondary-callouts img, .links-column {
  width:31.2%;
  float:left;
  padding:10px;
}

@media (min-width: 1023px){
  .secondary-callouts img, .links-column {
    width:31.3%;
  }
}
@media (min-width: 1073px){
  .secondary-callouts img, .links-column {
    width:31.4%;
  }
}
@media (min-width: 1130px){
  .secondary-callouts img, .links-column {
    width:31.5%;
  }
}
@media (min-width: 1243px){
  .secondary-callouts img, .links-column {
    width:31.667%;
  }
}

.links ul {
  list-style-type: none;
  padding-left:0 !important;
}

.links-column h2 {
  border-top: 2.5px solid #292929;
  text-transform: uppercase;
  margin-top:0 !important;
  padding-top:5px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing:0;
  
}

.links-column a {
  text-decoration:none;
  color:#666;
  font-size:13;
}

.links-column li {
  padding-bottom:15px;
}
.resource-materials ul.pdf > li{
	padding-bottom:0;
	margin-bottom: 5px;
}
.links-column a:hover, .links-column a:active {
  color:#000;
}

.bb-tagline {
  width:70%;
  margin:0 auto;
  padding:40px 0 60px 0;
}

.document-icon {
  float:left;
  margin-right:20px;
  margin-left:200px;
}

.document-title {
	float:left;
	margin-right:10px;
}
.inspire-u-header {
	width: 100%;
}
.inspire-u-header h1 {
	text-align: center;
	font-weight: 100;
	display: none;
}
.inspire-u-header .first-step {
	font-size: 36px;
	color: #6B6B6E;
}
.inspire-u-header .second-step {
	font-size: 36px;
	color: #FFFFFF;
	letter-spacing: 1.4px;
}
.inspire-u-header .third-step {
	font-size: 48px;
	color: #6B6B6E;
	letter-spacing: 1.4px;
}
.inspire-u-header .fourth-step {
	font-size: 48px;
	color: #FFFFFF;
}
.inspire-u-header .bottom-half {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.inspire-u-header .left-half {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 61px);
	height: 100%;
	background-color: #F3E500;
	padding: 20px 30px 30px;
	color: #000000;
}
.inspire-u-header .right-half {
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 62px);
	height: 100%;
	background: url(/images/inspire-u-tagline.png) no-repeat center #B7B8BA;
	padding: 20px 30px 0 30px;
	background-size: 125%;
	color: #FFFFFF;
	position: absolute;
	right: -2px;
}
.inspire-u-header h2 {
	font-size: 27px;
}
.inspire-u-header .right-half h2 {
	color: #FFFFFF;
}
.inspire-u-header p {
	font-size: 14px;
	line-height: 1.7em;
}
.participate {
	width: 100%;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 15px 0;
	margin: 30px 0;
}
.participate h2 {
	font-size: 21px;
}
.participate li {
	font-size: 14px;
	line-height: 1.7;
}
#events ul {
	padding: 0;
	list-style: none;
}

#events li {
	width:49%;
	float: left;
	margin: 0;
}

#events li:last-child {
	margin-bottom: 20px;
}

#events li:hover {
	background: #F7F194;
}

#events li.emptyLi {
	height: 96px;
	width: 49%;
	margin-bottom: 20px;
}

#events li.emptyLi:hover {
	background:none;
}


#events .icon-location, #events .event-info {
	display: inline;
}

#events .event-info hr {
	font-size:12px;
	border-bottom: 0;
	color: #ECF3D6;
}

#events h3 {
	display:inline-block;
	margin:0;
	font-size: 14px;
	font-weight: normal;
}

.dark-green {
	color: #c9d7a6;
}

.calendar {
	width: 96px;
	height: 96px;
	display: inline-block;
}

.calendar h5 {
	text-align: center;
	margin-top: 40px;
	font-size: 12px;
	line-height:1.5em;
}

.accordion {
	margin: 20px 0;
	width:100%;
}
.accordion:after{
	content:"";
	display: table;
	clear:both;
}
.accordion section { 
	float:left;
	width:100%; 
	border: .2rem solid rgba(179,176,172,.5);
	border-radius: 4px;
}

.accordion section h2:hover {
	background-color: rgba(146,107,102,.3);
	cursor: pointer;
}
.accordion .training-summary  { 
	padding: 10px 5px;
}
.accordion .accordion-content{
	display:none;
	padding: 10px 0 10px 10px;
}
.accordion-content.open, .accordion section:target .training-summary {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.accordion-content p{
	width:85%;
}
.accordion section:target:hover .training-summary { 
	background:#F9F9F9; 
}

.accordion section a, .accordion section a:hover, .accordion section a:active, .accordion section:target a {
	text-decoration: none;
}

.accordion section h2 { 
	font-family: "Arial Black","Arial Bold","Helvetica Neue", "Helvetica", tahoma, arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #333;
	position:relative; 
	left:0; 
	background-color: rgba(244,239,234,.5);
	margin: 0;
	padding: 15px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	letter-spacing: .4px;
}

.accordion section {
	margin-bottom: 10px;
}

.icon-expand-contract {
	float:right;
	margin-top: 4px;
}

.icon-location {
	border:none;
	outline:none;
}
.add-to-calendar-links {
	padding-left:10px;
	padding-bottom:10px;
}
.add-to-calendar-links a {
	color:black;
}
.add-to-calendar-links a:hover {
	text-decoration:underline !important;
}
/* 
********************************************
New, Modern, Innovative, Classy Product Page
********************************************
*/
.product-page .page-link {
  text-decoration:none;
  color:#666;
 }
.zip-files li{
	padding-bottom:15px;
}
.product-summary{
	width:1050px;
	box-sizing:border-box;
}
.resource-materials .container {
	padding-top:10px;
	padding-bottom:30px;
}
.resource-materials .links-column{
	width:31%;
}
.resource-materials a {
	font-size:12px;
}
.product-page-container h1{
	font-size:20px;
}
.resource-materials h3{
	margin-top:20px;
	margin-bottom:10px;
}
.product-page-container p > b{
	font-size:13px;
}
.product-page-container ul.pdf{
	list-style-position:initial !important;
}

<!--Nexia promotion page-->
.nexia-information{
	width:100%;
	font-size:14px;
}
.nexia-summary, #nexia-summary{

	
	box-sizing:border-box;
	padding:0 20px 10px 0;
	font-size:14px;
}
#nexia-summary p{
	line-height:1.6;
}
.blue-box{

	width:92%;
	margin-top:-200px;


	margin-top:-225px;

	position:relative;
	background-color:#0094D2; 
	color:#ffffff; 
	box-sizing:border-box; 
	padding:20px 40px;
	float:left;
	margin-bottom:25px;
	font-size:14px;
}
.nexia-header p{
	line-height:1.6;
	color:#fff;
}
.nexia-header .left-half{
	background-color:#0094d2;
}
#nexia-webinars .accordion section h2:hover {
	background-color:#0094d2;
}
#nexia-webinars .accordion li:hover{
	background:#a4e3fc;
}
.nexia-header .right-half {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 62px);
    height: 100%;
    background: url(/images/nexia-tagline.png) no-repeat center #292929;
    padding: 20px 30px 0 30px;
    background-size: 125%;
    color: #FFFFFF;
    position: absolute;
    right: -2px;
}
.blue-box a{
	color:#fff;
}
ul.nexia-steps{
	list-style-type:none;
	padding:0;
	margin:0;
}
ul.nexia-steps > li{
	margin:20px 0 20px 10px;
	padding-left:40px;
	font-size:15px;
	
}
ul.nexia-steps > li#step1{
	background:url('../images/nexia-step-1.jpg') no-repeat left top;
	background-size:25px 25px;
}
ul.nexia-steps > li#step2{
	background:url('../images/nexia-step-2.jpg') no-repeat left top;
	background-size:25px 25px;
	height:30px;
}
ul.nexia-steps ul{
	margin-left:30px;
}
.blue-box ul > li#step3{
	background:url('../images/nexia-step-3.jpg') no-repeat left top;
	background-size:25px 25px;
}
.clearfix:after{
	content: "";
	display:table;
	clear:both;
}
aside.promo-details{
	box-sizing:border-box;
	padding:10px 0;
	margin-top:20px;
}
.promo-details{
	font-size:10px;
	margin-top:15px;	
}
#nexia-form-page .blue-box{
	width:50%;
}
#nexia-form-page form{
	margin-top:10px;
	border:none;
	width:100%;
}
#nexia-form-page form fieldset{
	border:none;
	padding:0;
	margin-left:0;
}
#nexia-form-page input{
	padding-left:2px;
}
.single-form-input, .two-form-input{
	padding: 10px 0px 10px 0;
	box-sizing:border-box;
	width:100%;
	display:inline-block;
	max-width:578px;
}
.digit-form-input{
	padding: 20px 0px 20px 0;
	box-sizing:border-box;
	width:100%;
	display:inline-block;
}
.form-input input{
	margin-top:2px;
	height:25px;
	max-width:100%;
	border: 1px solid #a5a5a5;
}
.half-stack-input{
	width:45%;
	box-sizing:border-box;
	padding:10px 0px 10px 0;
	display:inline-block;
	max-width:289px;
}
.third-form-input{
	width:28%;
	box-sizing:border-box;
	padding: 10px 0 10px 0;
	display:inline-block;	
	float:left;
}
.third-form-input input, .third-form-input select{
	width:100%;
}
.third-form-input label{
	display:block;
}
.half-stack-input input{
	width:95%;
}
.third-form-input select, .single-form-input input, .two-form-input input,
.third-form-input input, .half-stack-input input{
	margin-top:2px;
	height:25px;
	background-color:#f9f9f9;
	max-width:100%;
	border: 1px solid #a5a5a5;
}
.single-form-input input{
	width:65%;
}
.two-form-input label, .two-form-input input{
	display:inline-block;
}
.single-form-input label, .single-form-input input,
.half-stack-input label, .half-stack-input input,
.third-form-input label, .third-form-input input,
.third-form-input select{
	display:block;
}
.two-form-input input{
	width:43%;
}
.single-form-input label.nexia-label, .two-form-input label.nexia-label{
	width:100%;
}
.single-form-input input.button{
	padding:10px 25px !important;
	width: 33% !important;
	background-color:#0094d2 !important;
	color:#fff;
	border-color:#0094d2;
	border-style: solid;
}
.single-form-input input.button2{
	padding:10px 25px !important;
	width: 33% !important;
	background-color:#0094d2 !important;
	color:#fff;
	border-color:#0094d2;
	border-style: solid;
}

/* Image Downloads page */
#FTP-image-introduction{
	
}
#FTP-intro-copy{
	margin-top:20px;
}
#FTP-image-introduction p, #FTP-image-body p{
	line-height:1.6em;
	
}
#FTP-image-body li{
	line-height:1.3em;
	margin-bottom:10px;
}
#FTP-information{
	margin-top:20px;
	background-color:#d5d0d0;
	padding:20px;
	color:#000;
}
#FTP-information p{
	line-height:1.3em;
}
#FTP-information h4{
	margin-bottom:0px;
}
#FTP-image-body{
	margin-top:40px;
}

/*
Videos
*/
.product-page-videos{
	margin:0px 0px 40px 0px;
	
}
.product-page-videos .video-link{
	    height: 140px;
    margin-bottom: 30px;
	
}
.product-page-videos .video-link img{
	width:100%;
	height:unset;
}
.product-page-videos .video-link span{
	width:100%;
	background: url(/images/videos/play-icon.png) center 60px no-repeat #999;
	height:110px;
	top:30px;
}

.past-webinars, .online-training,
.in-person-tab {
	margin-top:10px;
	padding-top: 50px;
	padding-bottom:30px;
}

.past-webinars-list {
	padding-left: 0 !important;
	margin-left:-10px;
	padding-bottom:30px;
	float:left;
	width: 100%;
}

.past-webinars-list li {
	background-color:#F9F9F9;
	border: 1px solid #F1F1F1;
	width:23%;
	padding:10px;
	margin:10px;
	float:left;
	list-style-type:none;
	min-height:145px;

}
.past-webinars-list li:hover {
	background-color: #bad8da; /*#c6e8f8;*/
}
 
.past-webinars-list li a:link {
	color:#666;
	font-size: 12px !important;
	font-weight: normal !important;
}

.past-webinars-list li h3 {
	font-size:12px;
}
.documents{
	margin-top:60px;
	margin-bottom:60px;
}
/*
New Video Styles
*/
.video-block img{
	border:1px solid #999;
	margin-top:30px;
	width: 360px;
    height: 200px;
}
.video-block .video-label{
	width:360px;
	background: url('/images/videos/play-icon.png') #999 no-repeat 10px;
	line-height:50px;
	bottom:0;
	position:absolute;
	margin:0;
	font-size:14px;
	color:#fff;
	text-align:center;	
	
}
.video-label .icon{
	width:45px;
}

.past-webinars-list .video-link{
	text-decoration: underline;
	text-style: bold;
	text-align: left;
	color: #000;
}

.past-webinars-list .video-link:hover{
	text-decoration: none;
}

/*Read More Styles*/

.read-more,
.read-more img{
	visibility:hidden;
	height:0;
	opacity:0;
	transition: all 0.5s ease;
}

.show-more-button .btn{
	text-align:center;
	border-radius:4px;
	border:1px solid #999;
	padding:10px 15px;
	margin-top:40px;
	cursor:pointer;
	transition:top 0.5s ease;
	display: inline-block;
    width: 125px;
    margin-left: calc( 50% - 75px);
	
}
/* Read More Styles*/
.additional-presentation {
  transition: all 0.5s ease;
}
.hidden-to-start {
  visibility: hidden;
  opacity: 0;
  height: 0;
}
.graber-bs-grid .show-more-button{
  padding-bottom: 20px;
  text-align: center;
}
#show-more {
  visibility: visible;
  opacity: 1;
  height: auto;
}
 /*Motorization HAAXXX*/
 #motorization-page h3{
 	margin-bottom:10px;
 }
 /*Solar Comparison Tool Announcement*/
 .bb-home .solar-comparison-tool{
 	width: 1180px;
	background: #000;
	height: 50px;
	margin: 20px auto 0;
 }
 .solar-comparison-tool a{
 	text-decoration:none;
 	border:2px solid #fff;
 	border-radius:4px;
 	color:#fff;
 	padding:5px 10px;
 	margin-left:20px;
 }
 .solar-comparison-tool a:hover{
 	color:#333;
 	background:#fff;
 }
 .solar-comparison-tool h3{
 	text-align:center;
 	color:#fff;
 	line-height:50px;
 }
 
 /*Training Schedule Table*/
 .training-schedule{
 	width:100%;
 	border-spacing:0; /*removes gaps between cells*/
 	border: 1px solid #99999980;
 }
 
 .training-page-intro{
    padding: 30px 50px;
}    

.tab-content-container{
	background-color: rgba(244,239,234,1.0);
    margin-bottom: 20px;
}    

 .training-schedule th,
 .training-schedule tr td{
 	padding-top:18px;
 	padding-bottom:18px;
 	border: .1px solid rgba(179,176,172,.5);
 }
 .training-schedule th{
 	background-color: #585150;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .5px;
 }
 .training-schedule a.btn{
 	color: #fff;
    background-color: #926B66;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: .07rem;
    padding: 8px 15px;
    border: 1px solid #926B66;
    border-radius: 5px;
    font-family: 'Gotham Medium';
 }
 
 .training-schedule a.btn:hover{
 	color: #926B66 !important;
    background-color: #fff;
    text-decoration: none;

 }
 
  .training-schedule a.btn2{
 	border-radius:10px;
 	padding:10px 15px;
 	background-color:#606060;
 	color:#fff;
 }

 .training-schedule .more-info a{
 	text-decoration:underline;
 	color: #666;
 }
 
  .training-schedule .more-info a:hover{
 	text-decoration:none;
 	color: #666;
 }
 
 .training-schedule .state,
 .training-schedule .country,
 .training-schedule .cost,
 .training-schedule .capacity,
 .training-schedule .registration-link,
 .training-schedule .more-info,
 .training-schedule .registration-deadline{
 	text-align:center;
 }
 
 .training-schedule .registration-link{
 min-width: 160px;
 }
 
 .training-schedule .description{
 max-width: 650px;
 }
 
 .training-schedule .month,
 .training-schedule .time,
 .training-schedule .training-type,
 .training-schedule .city,
 .training-schedule .country,
 .training-schedule .presenter,
 .training-schedule .description,
 .training-schedule .registration-deadline{
 	text-align: center;
 }
 .training-schedule .month,
 .training-schedule .time,
 .training-schedule .presenter,
 .training-schedule .description{
 	text-align:left;
 	padding-left: 15px
 }
 
/*Your Opportunities Page*/
.opportunities .invert{
 	color: #fff;
 	line-height: 18px;
 }
 
 .opportunities .box-content{
 	color: #666;
 	line-height: 18px;
 }
 
 .opportunities h5 .invert{
 	font-size: 12px;
 	text-align:center;
 }
 
.opportunities .centering {
	margin-left: auto;
	margin-right: auto;
}
 
 
.opportunities .convention--heading {
	font-size: 3rem !important;
	margin-bottom: .5rem;
	padding-bottom: .75rem;
}

.convention--subheading {
	font-size: 5.5rem !important;
	font-style: italic;
	font-family: serif;
	font-weight: 300;
}

.trip--location {
	align-self: stretch;
	padding: 4rem 0;
	text-align: center;
	background-color: #ffffff50;
	width: 100%;
}

.trip--destination {
	font-size: 2rem;
	font-weight: bold;
	color: #2c2e35;
	text-transform: uppercase;
	padding-top: 1rem;
	margin-bottom: 1rem;
}

.trip--date {
	font-weight: 300;
	font-size: 2rem;
	color: #2c2e35;
	text-transform: uppercase;
}

.highlights {
	margin-bottom: 4rem;
}

#italy .centering {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	bottom: -8rem;
}

 .opportunities .blackBox{
 	height: 600px;
 	background-color: #f1f1f1;
 	width: 370px;
 	margin-right: 20px;
 	margin-bottom: 40px;
 	padding-left: 0px;
 	padding-right: 0px;
 }
 
 .opportunities .blackBox a{
 	display: block;
 	color: #666;
 }
 
  
 .opportunities hr{
 	color: #fff;
 	display: block;
 	height: 1 px;
 	width: 306px;
 }
 
.opportunities .blackBox .centering{
	 width: 290px; 
}

 .opportunities .blackBox:nth-of-type(1){
 	margin-left: 10px;
 }
 
 .opportunities .blackBox:nth-of-type(3){
 	margin-right: 0px;
 }
 
.opportunities .title{
	 font-size: 20px;
	 font-weight: bold;
	 margin-bottom: 30px;
	 padding-top: 30px;
	 text-align:center;
	 letter-spacing:0.125rem;
 }
 
 .opportunities .tile{
	 height: 175px;
	 width: 175px;
	 background-color: #5e94c5;
	 margin-right: 20px;
	 margin-top: 15px;
	 box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, .1);
 }
 
 .opportunities .tile:nth-of-type(1){
	 margin-left: 195px;
 }
 
 .opportunities .tile .invert{
	 font-weight: bold;
	 text-align: center;
 }

.opportunities #announcement{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin-top: 2rem;
	flex-grow: 1;
}


#announcement .intro-content {
	margin-left: 25px;
	margin-top: 15px;
}

.light-font {
	font-weight: 300;
}

.opportunities .description {
	height: 160px;
	padding-top: 10px;
}

.opportunities .video-link {
	text-decoration: none;
	border-radius: 5px;
	width: 200px;
	height: 35px;
	padding: 10px 15px;
	font-weight: bold;
	border: 1px solid #2c2e35;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	background: #2c2e35;
	color: #ffffff;
}

.opportunities .video-link:hover {
	text-decoration: underline;
}
 
 .opportunities .quotes{
	 margin-left: 195px;
	 width: 760px;
	 height: 286px;
	 margin-bottom: 32px;
 }
 
 .opportunities .quotes:nth-of-type(1){
 	margin-top: 30px;
 }
 
 .opportunities .quotes:nth-of-type(3){
 	margin-bottom: 40px;
 }
 
 .opportunities .quotes img{
 	display: inline;
 }
 
 .opportunities .orangeQuote, .opportunities .blueQuote, .opportunities .italyOrangeQuote, .opportunities .italyBlueQuote, .opportunities .italyRedQuote{
	 height: 286px;
	 width: 380px;
	 padding-top: 60px;
	 padding-left: 35px;
	 padding-right: 60px;
 }
 
 .opportunities .orangeQuote{
 	 float: left;
 	 background-color: #D37B3B;
 }
 
 .opportunities .blueQuote{
 	background-color: #1AABBA;
	float: right;
 }
 
 .opportunities .italyOrangeQuote{
 	background-color: #f05d30;
	float: left;
 }
 
 .opportunities .italyBlueQuote{
 	background-color: #4f3340;
	float: right;
 }
 
 .opportunities .italyRedQuote{
 	background-color: #d02329;
	float: left;
 }

 .opportunities .orangeQuote p, .opportunities .blueQuote p,  .opportunities .italyOrangeQuote p, .opportunities .italyBlueQuote p, .opportunities .italyRedQuote p{
	 font-size: 17px;
	 line-height: 27px;
	 width: 320px;
	 display:inline;
 }
 
 .opportunities .orangeQuote .small, .opportunities .blueQuote .small, .opportunities .italyOrangeQuote .small, .opportunities .italyBlueQuote .small, .opportunities .italyRedQuote .small{
	 font-size: 11px;
	 line-height: 21px;
	 font-style:italic;
 }

 .opportunities .centeredText{
 	text-align: center;
 }
 
 .opportunities #missOut{
	 font-style: italic;
	 margin-bottom:0px;
 }
 
 .opportunities #lifetimeBtn{
 	text-decoration: none;
 	border-radius:5px;
 	width: 146px;
 	height: 35px;
 	margin-left: 530px;
 	padding:10px 15px;
 	color:#000;
 	font-size: 14px;
 	font-weight: bold;
 	border: .5px solid #000;
 }
 
 .opportunities .linkBox{
 	text-decoration: underline;
 	text-align: center;
 	line-height: 21px;
 }
 
 .opportunities .linkBox:hover{
 	text-decoration: none;
 	color: #000;
 }
 
 .opportunities .buttonBox{
 	text-decoration: none;
 	border-radius:5px;
 	width: 113px;
 	margin-top: 30px;
 	margin-bottom: 30px;
 	padding: 10px 15px;
 	border: 1px solid #666;
 	font-size: 14px;
 	font-weight: bold;
 	margin-left: auto;
 	margin-right: auto;
 	text-align: center;
 }
 
 .opportunities .buttonBox:hover{
 	background-color: #666;
 	text-decoration: none;
 	color: #fff;
 }
 
 /*End of Opportunties Page*/
 
 /*Webinar Videos*/
 
.past-video-webinar {
	border-top:2px solid #6666663d;
	argin-top:30px;
}

 
 .video-webinars-container {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    flex-wrap: wrap;
    width: 1170px;
    justify-content: flex-start;
    margin-left: -10px;
}

.video-webinar  {
	background-color:rgba(224,217,208,.2);
	border: 1px solid #F1F1F1;
	padding:10px;
	flex-basis: 17.5%;
	margin:10px;
	list-style-type:none;
	min-height:125px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;	
}

.in-person-training .video-webinar {
	background-color: #fff;
	border: none;
	margin: 0;
	min-height: 0;
	padding: 0;
}

.in-person-training .video-link:hover {
	text-decoration: underline;
}

.video-webinar:hover {
	background-color: #bad8da; /*#F7F194;*/
}

.in-person-training .video-webinar:hover {
	background-color: #fff;
}
 
 .video-webinar .video-link {
  text-align:left;
 }
.video-webinar a:link,
.video-webinar a:visited {
	color:#585150;
	font-weight: normal !important;
    font-size: 12px !important;
}
 
.past-webinars .pdf-link {
	margin-top:10px;
	display:block;
	text-decoration: underline;
	color: #666;
}

.past-webinars .pdf-link:hover {
	text-decoration: none;
}

.past-webinars-list li h3 {
	font-size:14px;
}

/* Design Ink Registration*/
.design-ink-request-form {
	margin-bottom: 50px;
}

.design-ink-logo {
	margin-left: auto;
	margin-right: auto;
}

.registration-information hr {
	border-top: 1px solid #999;
}
.login-request {
	margin-bottom: 50px;
}

.login-request p {
	display: flex;
	flex-direction: row;
	
}

.login-request .required {
	font-size: 14px;
}

.login-request label {
	width: 20%;
	align-self: center;
	text-align: right;
	margin-right: 5%;
}

.login-request input {
	width: 75%;
	padding: 5px;
	border: 1px solid #666;
}

.buttons {
	display: flex;
	flex-direction: column;
}
.buttons button:active p,
.buttons button:focus p,
.buttons button:active span,
.buttons button:focus span {
	position: relative;
	top: 0;
	left: 0; 
}
.add-logins {
	align-self: flex-end;
	background:none;
	border: 0;
	color: #666;
	font-size: 14px;
	font-weight: bold;
	line-height:30px;
	margin-bottom: 15px;
	max-width: 250px;
	padding: 0;
}

.add-logins p {
	display: flex;
	flex-direction: row;
	
}
.add-logins img {
	width: 30px;
	height: 30px;
	margin-right: 5px;
}

.buttons .disabled {
	color: #bfbfbf;
}
.blue-submit {
	align-self: flex-end;
	background-color: #19a2e2;
	border: 1px solid #19a2e2;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	max-width: 100px;
	padding: 10px 20px;
}

/************************
Design Ink Landing page
************************/

.design-ink-intro {
	background-image: url('../images/design-ink/signature-series-design-ink-fabric-ed17-v1.jpg');
	padding-top: 150px;
	background-size: 1170px 780px;
	background-repeat: no-repeat;
	background-position-x: center;
}
.design-ink-intro .container {
	padding-top: 50px;
	padding-bottom: 200px;
}

.design-ink-logo-image {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 34px;
}
.design-ink-intro h1 {
	font-size: 30px;
	color: #fff;
	font-weight: 300;
	letter-spacing: 3px;
	margin-bottom: 25px;
}
.design-ink-step {
	padding: 40px 55px;
}

.design-ink-step h3 {
	color: #CD1F42;
	margin-bottom: 12px;
}
.custom-fabric-is-easy {
	margin-top: -175px;
	margin-bottom: 50px;
}

.custom-fabric-is-easy h2,
.task-panel h2 {
	font-size: 26px;
	color: #fff;
	font-weight: 300;
	letter-spacing: 2px;
}
.design-ink-intro p,
.design-ink-step p,
.do-this-next p {
	line-height:24px;
}

.design-ink-step p {
	color: #666;
}

.design-ink-step img {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
}

.design-ink-toolkit li a {
	text-decoration: underline;
}
/*Task Panels*/
.do-this-next .row {
	display: flex;
}
.task-panel {
	margin-bottom: 90px;
}

.task-panel h2 {
	line-height: 33px;
	margin-bottom: 15px;
	letter-spacing: 5px;
}
.task-panel img {
	margin-bottom: 25px;
}
.task-panel {
	flex:1;
}

.inner-task-panel {
	padding:60px 52px;
	height: 100%;
	min-height:700px;
	display: flex;
	flex-direction: column;
	justify-content: stretch;
}

.panel-text {
	display: flex;
	flex: 1;
	flex-direction: column;
	margin-bottom:25px;
}
.inner-task-panel .btn {
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 15px;
	font-size: 16px;
	color: #666;
}

.inner-task-panel .video-link {
	font-weight:400;
}

.inner-task-panel btn a {
	color: #666;
}

.do-this-next img {
	height: 135px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

.sensational-sampling .inner-task-panel {
	background-color: #CD1F42;
	color: #fff;
}

.design-ink-intro .container,
.online-training-ink .inner-task-panel {
	background-color: #00857C;
	color: #fff;
}

.faqs .inner-task-panel{
	background-color: #F5A81C;
	color: #fff;
}

.testimonials {
	margin-bottom: 90px;
}

.testimonials .testimonial-border{
	border: 1px solid #00857C;
	margin-left: 0;
	margin-right: 0;
}

.testimonials h2 {
	color: #00857C;
	background-color: #fff;
	letter-spacing: 5px;
	margin-top: -12px;
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 40px;
}

.testimonials .quote-block {
	padding:0 40px;
	margin-bottom:40px;
}

.quote-block .quote,
.quote-block .customer {
	line-height: 24px;
	margin-bottom: 0;
}

.quote-block .customer {
	font-style: italic;
	font-size: 12px;
}

/*Window Treatments Navigation update*/

.gg-chevron-down {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    transform: scale(var(--ggs,1));
    width: 15px;
    height: 15px;
    border: 2px solid transparent;
    border-radius: 100px
}
.gg-chevron-down::after {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    left: 2px;
    top: 3px;
}



.budget-blinds-menu {
	margin-top: 15px;
	background-color: #E0D9D0;
	margin-bottom:15px;
}

.budget-blinds-menu .menu-item {
	height: 32px;
}
.budget-blinds-menu .menu-item > a {
	line-height: 32px;
}

.budget-blinds-menu ul > li:hover a {color:#ffffff;}

.budget-blinds-menu ul li:hover ul li a,
.budget-blinds-menu ul li:hover ul li:hover a {color:#585150;}

.budget-blinds-menu ul {
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
}
.budget-blinds-menu ul a {
	display: block;
	color: #333;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	padding: 0 15px;
}

.budget-blinds-menu ul li.colored-link {
	background-color: #3d7d8b;
}

.budget-blinds-menu ul li.colored-link > a {
	color: #FCFCFC;
}

.budget-blinds-menu ul li.colored-link:hover {
	background-color: rgba(61, 125, 139, .75);
}

.budget-blinds-menu ul li {
	position:relative;
	float:left;
	margin:0;
	padding:0;
}
.budget-blinds-menu ul li:hover {
	background:#926B66;
}
.budget-blinds-menu ul ul {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0;
}
.budget-blinds-menu ul ul li {
	float:none;
	width: 200px;
}

.budget-blinds-menu ul ul ul
{
	top:-1px;
	left:100%;
}
.budget-blinds-menu li:hover > ul > li{
	display:block;
	line-height:1.6;
	padding-top: 5px;
	padding-bottom: 5px;
}

.budget-blinds-menu ul li:hover > ul
{
	display:block;
	z-index: 99;
	border: 1px solid #CDCED6;
}

.budget-blinds-menu ul li:hover ul li:hover {background:#f4efea;}
.budget-blinds-menu ul > li:hover ul li:hover a {text-decoration:underline;}

.submenu-parent:before {
	position: absolute;
	font-family: 'FontAwesome';
	top: calc(50% - 10px);
	right: 5px;
	content: "\f054";
	font-weight: 300;
}

/*Video List Styles 6-19-2018*/
.video .video-link {
	text-align: left;
	font-weight:normal;
}
li.video {
	list-style-image: url(/images/videos/play-icon-dark.png);
}

.calendar-table{
	margin-top: 20px;
	border: none;
}
h1.calendar-table {
	font-size: 20px;
	margin-bottom: 30px;
}

.calendar-table .heading{
	color: #ffffff;
	background-color: #585150;
	text-transform: uppercase;
	font-family: sans-serif;
	letter-spacing: 1px;
}
table.calendar-table td, table.calendar-table th {
	line-height: 40px;
    padding-left: 15px;
    font-size: 14px;
}

/* General Button Style */
.btn {
	color: #fff;
    background-color: #666;
    text-decoration: none;
    padding: 10px 15px;
    border: 1.5px solid #666;
    border-radius: 10px;
    font-family: 'Gotham Medium';
}

.btn:hover{
	color: #666 !important;
    background-color: #fff;
    text-decoration: none;
}

.resource-materials .btn{
	color: #fff;
    text-decoration: none;
}
	
.interactive-online-training {
	display: flex;
	flex-direction: row;
	margin-bottom: 3rem;
}

.interactive-online-training .training-overview {
	padding-right: 2rem;
	width: 66%;
}

.interactive-online-training p {
	max-width: 78ch;
}

.interactive-online-training ul {
	padding-left: 15px;
}

.interactive-online-training li {
	margin-bottom: 5px;
}

.meet-the-trainer {
	background-color: #797979;
	padding: 2rem;
	width: 33%;
}

.meet-the-trainer .shelagh {
	margin-bottom: 1rem;
}

.meet-the-trainer p,
.meet-the-trainer h3 {
	color: #fff;
}

.product-blocks {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 1000px;
}

.product-block {
	flex-basis: 300px;
	background-color: #F4EFEA;
	margin: 15px;
	box-sizing: border-box;
	border-radius: 4px;
}

.product-titles {
  background-color: #926B66;
  color: #fff;
  padding: 10px;
  margin: 0 0 15px 0;
  border-radius: 4px 4px 0 0;
}

.product-block .document-section-subheading {
  padding-left: 10px;
}

.product-block .pdf {
  padding: 0 10px;
  line-height: 20px;
}

.product-block .pdf-link {
  margin-bottom: 10px;
}