/** ------------------------------------------------------ **/
/** -------------------2 column layout -------------------- **/
body {
	background-color: #161618;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0px;
	text-align: center;
}

#skip-navigation{
	height:0px;	
	overflow: hidden; 
}

	
#wrapper-header{
	background: rgb(0,79,47);
	background: linear-gradient(97deg, rgba(0,79,47,1) 0%, rgba(0,79,47,1) 30%, rgba(0,44,26,1) 50%, rgba(0,23,14,1) 69%, rgba(0,23,14,1) 100%);
	left:0px;
	width: 100%;
	height: 129px;
	position:relative;
	-webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
}

#wrapper-navigation {
    width: 100%;
    height: 49px;
    max-width: 1800px;
    margin: 0 auto;
    margin-top: -49px;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
}

#wrapper-content{
	background-color: #ffffff;
	clear:both;
	width: 100%;
}

#content{
	background-color: #ffffff;
	clear:both;
	text-align: left;
}
#wrapper-footer{
	background: rgb(0,79,47);
	background: linear-gradient(97deg, rgba(0,79,47,1) 0%, rgba(0,79,47,1) 30%, rgba(0,44,26,1) 50%, rgba(0,23,14,1) 69%, rgba(0,23,14,1) 100%);
	width: 100%;
}	
	

.wrapper-inner{
	margin: 0 auto;
	position:relative;
	text-align: left;
	max-width: 1380px;
	width: 100%;
}

.wrapper-inner-large {
	margin: 0 auto;
	position:relative;
	text-align: left;
	max-width: 1800px;
}



#preview, #preview-admin{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:2001;
}	
#preview p, #preview-admin p{
	background-color:#0000FF;
	color:#FFFFFF;
	margin:0px;
	padding:8px;
	font-size:14px;
	font-weight:bold;
}
#preview-admin p{
	background-color:#333333;
}


#header{
	margin: 0 auto;
	max-width: 1800px;
	padding-top: 26px;
	position: relative;
	width: 100%;

}

/*homepage layout */
#centerc-home {
	padding-bottom: 30px;
	padding-top: 0px;
	width:976px;
}


/*1 column layout */
#centerc-1col {
	padding-bottom: 30px;
	padding-top: 20px;
	width:976px;
}

/*2 column layout */
#centerc-2col{
	float:left;
	margin-left:249px;
	overflow:hidden;
	padding-bottom: 30px;
	padding-top: 20px;
	position:relative;
	width:727px;
}
* html #centerc-2col {  /* This is the Tan hack */
	width: 727px; 
	w\idth: 727px; 
}
	
#leftc{
	float:left;
	margin-left:-976px;
	padding-bottom: 30px;
	padding-left:0px;
	padding-right:20px;
	padding-top: 20px;
	width: 229px;
}
* html #leftc {  /* This is the Tan hack */
	width: 249px; 
	w\idth: 229px; 
}
	
#foot{
	font-size:12px;
	margin: 0 auto;
	max-width: 1800px;
	padding-top:36px;
	padding-bottom:36px;
	width:100%;
}


/** ------------------------------------------------------ **/
/** ------------------- header --------------------------- **/

#header-left{
	float: left;
	width: 180px;
	-webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
}
#header-right{
	color:#FFFFFF;
	float: right;
	-webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;

}
#header-right a, #header-right a:visited {
	color: #c8cdd8;
	text-decoration: none;
}
#header-right a:hover, #header-right a:active {	
	color: #ee5e2f;	
}

#header-right p.strapline {
	color: #38e19e;
	font-size: 28px;
	margin-bottom: 11px;
	text-align: right;
}

#header_graphic{
	position:relative;
	z-index:500;
	-webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
}
#header_graphic img{
	display:block;
	width:148px;
	height:77px;
	-webkit-transition: height 0.3s, width 0.3s;
    -moz-transition: height 0.3s, width 0.3s;
    transition: height 0.3s, width 0.3s;
}	

#navigation{
	display:block;
	float:right;
	position:relative;
	/* width:920px; */
}



/** ------------------------------------------------------ **/
/** -------------------navigation ------------------------ **/

#navigation ul {
	float:right;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navigation ul li {
	display: inline-block;
	float: left;
	padding: 0px;
	margin: 0px; 
}
#navigation ul li a, #navigation ul li a:visited {
	background-color: transparent;
	color: #ffffff;
	display: block;
	float: left;
	font-size: 18px;
	padding-bottom:20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top:4px;
	text-align: right;
	text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li a:active {	
	color: #38e19e;	
}

#navigation ul li a#navSearch{
	background-image: url(/images/search-bg.png);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	padding-right:0px;
	padding-left: 35px;
}


#navigation ul li .sub {
	background-color: #161618;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top:49px;
	left:-9999px;
	width:100%;
	z-index:500;
}
/** html #navigation ul li .sub {
	width:900px;
	w\idth:886px;
}*/

#navigation ul li .subnav{
	color:#FFFFFF;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	padding-left: 14px;
	padding-top:44px;
	padding-bottom:44px;
}

.subnavarrow{
	background-image:url(../images/nav-arrow.gif);
	background-repeat:no-repeat;
	height:24px;
}

#navigation ul li:hover div{
	left:0px;
}

.subnav #nav-product-links {
	float:left;
	width:72%;
}
.subnav #nav-product-links ul {
	width:97%;
}

#navigation ul li ul {
	float:left;
	margin:0px;
	margin-right:3%;
	padding:0px;
	width:97%;
	max-width: 670px;
}
	
#navigation ul li ul li{
	display:block;
	float:left;
	margin: 0; 
	margin-bottom:12px;
	margin-right: 2%;
	padding: 0;
	width: 48%;
}	
#navigation ul li ul li a, #navigation ul li ul li a:visited{
	border:0px;
	border-bottom:1px solid #b6b6b6;
	color:#ffffff;
	display:block;
	float:none;
	font-size:14px;
	margin-top:0px;
	padding-bottom:8px;
	padding-top:0px;
	padding-left:20px;
	padding-right:5px;
	text-align: left;
	text-transform:none;
}

#navigation ul li ul li a:hover, #navigation ul li ul li a:active {	
	color: #38e19e;
}

.navImage{
	float: left;
    width: 28%;
}
.navImage h3{
	color:#38e19e;
	font-size:14px;
}

#navFeatured {
	height: 173px;
	position: relative;
	width: 100%;
	max-height: 146px;
}
#navigation ul .navImage a {
	padding:0px;
	margin:0px;
}


#nav-icon {
	display: none;
}

#dropdown-bg{
	background-color:#161618;
	display:none;
	height:10px;
	position:absolute;
	top:129px;
	left:0px;
	width:100%;
	z-index:400;
}

#navigation div.subnav-footer a, #navigation div.subnav-footer a:visited {
	background-color: #004f2f;
	border-radius: 0px;
	border:0px;
	color:#ffffff;
	display:block;
	float:none;
	font-size:14px;
	margin-top:10px;
	padding-bottom:8px;
	padding-top:8px;
	padding-left:20px;
	padding-right:20px;
	text-align: center;
	text-transform:none;
	width: 100%;
	max-width: 670px;
}	



/** ------------------------------------------------------ **/
/** --------------- sticky header animation -------------- **/
#wrapper-header.sticky	{
	height:68px;
	position: fixed;
	z-index: 1000;
}
#wrapper-navigation.sticky {
	position: fixed;
    top: 0;
    margin-top: 10px;
    right: 5.4%;
    width: 80%;
    z-index: 1001;
}
#header_graphic img.shrink {
	width: 90px;
    height: 47px;
}
#header.sticky {
	padding-top: 10px;
}
#navigation.nav-sticky {
	margin-top: 10px;
}
#dropdown-bg.dropdown-bg-sticky {
	top:68px;
}
#navigation ul li .sub.sub-sticky {
	top:48px;
	padding-top: 0px;
}
.strapline.sticky {
	display: none;
}
	
/** ------------------------------------------------------ **/
/** ------------------------ menu ------------------------ **/

#leftc ul {
	list-style: none;
	margin: 0px;
	padding: 0px;	
	padding-right: 10px;
}
#leftc ul li {
	margin: 0; 
	padding: 0; 
}

#leftc ul li a, #leftc ul li a:visited {
	border-bottom: 1px solid #666666;
	color:#697176;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height:12px;
	margin:0px;
	padding-bottom: 15px;
	padding-left: 22px;
	padding-right: 0px;
	padding-top: 15px;
	text-decoration: none;
	/*width avoids extra whitespace in ie5-6*/
	width: 197px;
}
* html #leftc ul li a, * html #leftc ul li a:visited {  /* This is the Tan hack */
	height:32px;
	he\ight:12px;
	width: 219px; 
	w\idth: 197px; 
}
#leftc ul li a:hover {
	color:#ee5e2f;
}

#leftc ul li ul li a, #leftc ul li ul li a:visited{
	padding-left: 44px;
	width: 175px;
}
* html #leftc ul li ul li a, * html #leftc ul li ul li a:visited{
	width: 219px; 
	w\idth: 175px; 
}

#leftc ul li ul li ul li a, #leftc ul li ul li ul li a:visited{
	padding-left: 66px;
	width: 153px;
}
* html #leftc ul li ul li a, * html #leftc ul li ul li a:visited{
	width: 197px; 
	w\idth: 153px; 
}
	
.menu_header {
	border-bottom: 2px solid #697176;
	display: block;
	font-size: 1.4em;
	padding-bottom: 5px; 
	padding-left: 0px;	
	padding-right: 0px;	
	padding-top: 0px;
	margin: 0px;
	text-decoration: none;	
	/*width avoids extra whitespace in ie5-6*/
	width: 218px;
}

.menu-double{
	padding-bottom: 25px !important;
	padding-top: 10px !important;
}	


/** ------------------------------------------------------ **/
/** ------------------------ menu subsection ------------- **/

#submenu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#submenu ul li{
	margin: 0; 
	padding: 0; 
}

#submenu ul li a, #submenu ul li a:visited{
	border-bottom: 1px solid #666666;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 34px;
	padding-right: 0px;
	padding-top: 5px;
	text-decoration: none;	
	/*width avoids extra whitespace in ie5-6*/
	width: 194px;
}
* html #submenu ul li a,  #submenu ul li a:visited {  /* This is the Tan hack */
	width: 228px; 
	w\idth: 194px; 
}

/** ------------------------------------------------------ **/
/** ------------------- footer --------------------------- **/
#footerleft{
    float: left;
    width: 50%;
}
#footerleft ul{
    list-style: none; 
    margin: 0;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-top: 5px;
	white-space: normal;
	width: 50%;
}
#footerleft ul li{
	color: #ffffff;
	display: block;
	font-size: 1.0em;
	margin: 0;	
	padding-right: 11px;	
}
#footerleft ul li a{		
	color: #ffffff;
	text-decoration: none;
}
#footerleft ul li a:hover, #footerleft ul li a:active, #footerleft ul li a:focus{	
	text-decoration: underline;	
}

#footerright{
    float: right;
    width: 50%;
}

#footerright div.social {
	background-color: #858786;
	border-radius: 50%;
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
	padding: 10px; 
	width: 54px;
	height: 54px;
}

#footerright div.social:hover {
	background-color: #1B73B0;
}

#footerright div.youtube {
	background-color: #858786;
	border-radius: 50%;
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
	padding: 10px;
	padding-top: 15px; 
	width: 54px;
	height: 54px;
}

#footerright div.youtube:hover {
	background-color: #FF0000;
}

#footerright div.facebook {
	background-color: #858786;
	border-radius: 50%;
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
	padding: 10px;
	padding-top: 11px; 
	width: 54px;
	height: 54px;
}

#footerright div.facebook:hover {
	background-color: #395794;
}

#footerright div.facebook img {
	height: 34px;
}

#footerright ul{
    list-style: none; 
    margin: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
    white-space: nowrap;
}
#footerright ul li{
	border-right:1px solid #505050;
	color: #505050;
	display: inline;
	font-size: 1.0em;
	margin: 0;	
	padding-left:8px;
	padding-right: 8px;	
}
#footerright ul li a{		
	color: #505050;
	text-decoration: none;
}
#footerright ul li a:hover, #footerright ul li a:active, #footerright ul li a:focus{	
	text-decoration: underline;	
}

#footerright ul li#footLast{
	border-right:0px;
	padding-right: 0px;	
}

#footer-bottom, #footer-top {
	float: left;
	width: 100%;
}

#footer-top {
	margin-bottom: 50px;
}

#footer-bottom p {
	color: #ffffff;
	float: left;
	font-size:1em;
	margin-top:5px;
	margin-bottom:5px;
}

#footer-bottom ul{
	float: right;
    list-style: none; 
    margin: 0;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 5px;
    white-space: nowrap;
}
#footer-bottom ul li{
	border-right:1px solid #ffffff;
	color: #ffffff;
	display: inline;
	font-size: 1.0em;
	margin: 0;	
	padding-left:8px;
	padding-right: 8px;	
}
#footer-bottom ul li a{		
	color: #ffffff;
	text-decoration: none;
}
#footer-bottom ul li a:hover, #footer-bottom ul li a:active, #footer-bottom ul li a:focus{	
	text-decoration: underline;	
}

#footer-bottom ul li#footLast{
	border-right:0px;
	padding-right: 0px;	
}


#quickLinks, #foot-technical{
	float: left;
	padding-top:14px;
	text-align: left;
	width: 50%;
}
	
#quickLinks h2, #foot-technical h2 {
	color: #ffffff;
	font-size: 1.2em;
	margin-bottom:26px;
	padding-top:14px;
}
#quickLinks p, #foot-technical p {
	font-size:1.0em;
}		

#quickLinks ul, #foot-technical ul {
	float: left;
	list-style:none;
	margin:0px;
	padding:0px;
	padding-bottom:8px;
	
}	
#quickLinks ul li, #foot-technical ul li {
	display:block;
	font-size:1.1em;
	margin-bottom:8px;
}
#quickLinks ul li a, #quickLinks ul li a:visited, #foot-technical ul li a, #foot-technical ul li a:visited {
	color: #ffffff;
	font-size:1.0em;
}

#quickLinks #twitter{
	margin-right:10px;
}	

#quickLinks #footPhone{
	margin-bottom:0px;
}


	
/** ------------------------------------------------------ **/
/** ------------------- HTML elements -------------------- **/

caption {
	font-weight: normal;
	text-align: left;	
}
th {
	font-weight: bold;
	text-align: left;	
}

/** ------------------------------------------------------ **/
/** ------------------- form ------------------------- **/

form {
  margin: 0px;
  padding: 0px;
  }
fieldset {
  border: 0px;
  margin:0px;
  padding: 0px;
  padding-top: 10px;
  width: auto;
  }
legend {
  font-weight: bold;
  padding-bottom: 10px;
}
input {
  float: left;
  margin-right: 10px
  }
select {
  float: left;
  margin-right: 10px
  }
textarea{
  margin-bottom:5px;
}	 
input.buttons {
  float: none;
}
form fieldset div {
  padding-bottom: 0px;
  clear: both;
  overflow:auto;
  }
form fieldset p {
  padding-bottom: 10px;
  margin: 0px;
  clear: both;
  }
label {
	color: #ffffff;
  display:inline-block;
  float: left;
  /*width: 200px;*/
  margin-right: 10px;
  padding-bottom: 10px;
  }
.nofloat{
	float:none;
	margin-right:0px;
}	
/* hide anti spam box */
.sec-form-field {
	display: none;
}

.error {
    color: #FF0000;
}

.contactInput{
	border:1px solid #4c4c4c;
	color:#4c4c4c;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	margin-bottom:11px;
	padding:0px;
	padding-bottom:9px;
	padding-top:9px;
	padding-left:11px;
	padding-right:11px;
}
.contactInputLarge{
	width:326px;
}
* html .contactInputLarge{
	width:350px;
	w\idth:326px;
}

.contactInputSmall{
	width:76px;
}
* html .contactInputSmall{
	width:100px;
	w\idth:76px;
}

.submitButton{
	background-color:#005030;
	border:0px;
	color:#FFFFFF;
	cursor:pointer;
	/*margin-left:210px;*/
	padding-bottom:8px;
	padding-top:8px;
	padding-left:16px;
	padding-right:16px;
	margin-bottom:20px;
}	
.submitButton:hover {
	background-color:#00663d;
}

.InputButtonBlue{
	background-color:#005a7e;
	border:0px;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	margin-top:6px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
}
/** ------------------------------------------------------ **/
/** ------------------- div table replacements ----------- **/

/*create a row*/
div.TableReplaceRow {
	clear: both;
	padding-top:0px;
  }
/*label cell*/
div.TableReplaceRow div.TableReplaceLeft {
	float: left;
	text-align: left;
	width: 200px;
	margin: 0px;
  }
/*data cell*/
div.TableReplaceRow div.TableReplaceRight {
	float: right;
	margin: 0px;
	margin-left: 27px;
	width: 500px;
  } 

div.TableReplaceRow div.TableReplaceLeftB {
	float: left;
	text-align: left;
	width: 400px;
	margin: 0px;
  }
/*data cell*/
div.TableReplaceRow div.TableReplaceRightB {
	float: right;
	margin: 0px;
	margin-left: 27px;
	width: 300px;
  } 


div.TableReplaceRowClear {
	clear: both;
  }
  
.clearboth {
	clear:both;
}



/***** START: SLIDER RELATED *****/

#productRangesContainer {
	clear: both;
	position: relative;
	text-align: center;
	width: 100%;
}

.slider-range{
	position:relative;
	list-style-type:none;
	padding: 0px;
	margin-bottom:20px;
	margin-top:0px;
	text-align: center;
}

#slider-range li{
	padding: 0px;	
	margin: 0px;
	top:0px;
	width:100%;
	text-align: center;
	/* uncomment below if bxslider is set to fade */
	/* bxslider applies absolute positioning when using fade causing slider to shift to the right in IE7 */
	left:0px;
}

#productRangesContainer .bx-wrapper {
	width: auto !important;
}
#productRangesContainer .bx-window {
	width: auto !important;
}

#productRangesContainer .bx-controls {
/*	margin-left:auto;
	margin-right:auto;
	position: relative;*/
}

#productRangesContainer .bx-controls {
	top: 0px;
}

#productRangesContainer .bx-prev {
	background-image:url("../images/ranges-prev.png");
	height: 108px;
	width: 55px;
	position:absolute;
	left:-7%;
	top:29%;
	z-index:80;
}

#productRangesContainer .bx-next {
	background-image:url("../images/ranges-next.png");
	height: 108px;
	width: 55px;	
	position:absolute;
	right:-7%;
	top:29%;
	z-index:80;	
}

.sliderwrap{
	height:auto;
	max-width:727px;
	position:relative;
}

.sliderwrap ul{
	max-height:328px;
	margin:0px;
	overflow:hidden;
	padding:0px;
	list-style:none;
}

#slider1{	
	margin: 0px;
	padding: 0px;
	width:100%;
}	
#slider1 li{
	width:100%;
	/* uncomment below if bxslider is set to fade */
	/* bxslider applies absolute positioning when using fade causing slider to shift to the right in IE7 */
	/*left:0px; */
}

#sliderhome img, #sliderhomemobile img{
	width:100%;
	height:auto;
}

/***** END: SLIDER RELATED *****/
	

/** ------------------------------------------------------------ **/
/** ----------------------- news ------------------------------ **/

.news-divider{
	border-bottom:1px solid #858585;
	margin-bottom:16px;
	clear:both;
}

.archive-link{
	margin-top:12px;
}	

#news-content{
	float:right;
	overflow:hidden;
	padding-bottom: 30px;
	padding-top: 20px;
	position:relative;
	width:930px;
}

	
#news-leftc{
	float:left;
	padding-bottom: 30px;
	padding-left:0px;
	padding-right:20px;
	padding-top: 20px;
	width: 230px;
}

#news-leftc ul {
	margin:0px;
	padding:0px;
	width: 218px;
}
#news-leftc ul li {
	border-bottom:1px dashed #697176;
	font-size:1.1em;
	list-style: none;
	padding-top: 10px;
    padding-bottom: 10px;
}
#news-leftc ul li a {
	text-decoration: none;
}

/* news */

.newsitem{
	float:left;
	position:relative;
	margin-bottom:18px;
}	

.newsitemlast{
	margin-right:0px !important;
}	

.newsimage{
	display:block;
	overflow:hidden;
	width:100%;
}

/*.newsimage img {
	height: 100%;
	object-fit: cover;
}*/
.newsimagehome img {
	height: 100%;
	object-fit: cover;
}

.newsitem h2{
	color:#ffffff;
	font-size:1.5em;
	margin-top:10px;
	margin-bottom:10px;
}	
#news-content h2 a {
	color:#4a4a4a;
	text-decoration:none;
}

.newsitem h2{
	min-height:50px;
}
.newsitem p{
	min-height:75px;	
}


/** ------------------------------------------------------ **/
/** ------------------- bespoke -------------------------- **/
.bg-white {
	background-color: #ffffff;
}

.bg-grey {
	background-color: #161618;
}

.bg-black {
	background-color: #121212;
}

.bg-lightgrey {
	background-color: #e3e3e3;
}

.bg-green {
	background-color: #085231;
}

#page-top {
	padding-top: 50px;
	padding-bottom: 30px;
}

#col-no-margin {
	padding-left: 0px;
	padding-right: 0px;
}

#page-top h2 {
	color: #ffffff;
}

#page-top-banner {
	
	background-repeat: no-repeat;
	background-size: cover;
	padding: 60px;
}

#page-top-banner h1 {
	color: #ffffff;
	font-size: 70px;
	font-weight: 100;
	text-shadow: 1px 1px 2px #000000;
}

#page-top-banner h1.text-hide {
	font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    height: 140px;
    background-position: center;
    background-repeat: no-repeat;
}



#homeboxes-wrapper {
	padding-left: 0px;
	padding-right: 0px;
}

.homeboxes {
	position: relative;
}

.homeboxes img.top-img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 1;
}

.homeboxes img.fade-out {
  opacity: 0;
  transition: all 1s;
}

@keyframes fade {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.homeboxes-text {
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 5%;
	padding-bottom: 5%;
	padding-left: 10%;
	padding-right: 10%;
	text-align: left;
	height: 100%;
	width: 100%;
}

.homeboxes-text h2 {
	color: #2dbe85;
}

.homeboxes-text p {
	color: #ffffff;
}

.homeboxes-text a.homebox-link {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
}

.homeboxes-text a.bottom-link, .homeboxes-text a.bottom-link:visited {
	color: #2dbe85;
	font-size: 1.2em;
	font-weight: 400;
	position: absolute;
	bottom: 5%;
	right: 10%;
	text-decoration: none;
}

.homeboxes-text a.bottom-link:hover {
	color: #2dbe85;
	text-decoration: underline;
}

#home-description {
	padding-top: 70px;
	padding-bottom: 70px;
}

#home-description p {
	color: #505050;
	font-size: 1.5em;
}

#home-description blockquote footer {
	color: #2dbe85;
}

#affiliations {
	padding-bottom: 54px;
	padding-top: 54px;
}
#affiliations-carousel {
	display: flex;
}

#home-featured {
	padding-top: 86px;
	padding-bottom: 86px;
}

#latest-news img {
	margin-bottom: 30px;
}

#latest-news h2, #featured-products h2  {
	color: #2dbe85;
	font-size: 36px;
}

#latest-news h3 {
	color: #ffffff;
}

#latest-news a, #latest-news a:visited {
	color: #2dbe85;
	font-size: 1.2em;
	font-weight: 400;
	text-decoration: none;
}

#latest-news a:hover {
	text-decoration: underline;
}

#news-2 {
	display: none;
}

#featured-products-slider {
	float: left;
}

#featured-products-slider div.slider-inner {
	float: left;
	padding-top: 50px;
}

.slider-inner div {
	float: left;
}

#featured-products div.featured-image {
	height: 100%;
	max-height: 315px;
	position: relative;
}


#featured-products div.featured-text h2 {
	color: #ababab;
	font-size: 60px;
	margin-bottom: 0px;
}

#featured-products div.featured-text h3 {
	color: #2dbe85;
}

#featured-products div.featured-text p {
	color: #ffffff;
}

#featured-products div.featured-text a, #featured-products div.featured-text a:visited {
	color: #2dbe85;
	font-size: 1.2em;
	font-weight: 400;
	text-decoration: none;
}

#featured-products div.featured-text a:hover {
	text-decoration: underline;
}

#featured-products .bx-controls {
	position: absolute;
	left: 2%;
	top: 50%;
	width: 90%;
}

#featured-products a.bx-next {
	float: right;
}

#featured-products a.bx-prev {
	float: left;
}

#featured-products a.bx-next:after {
    content: '';
    display: inline-block;
    border-top: 1px solid #82807d;
    border-right: 1px solid #82807d;
    height: 60px;
    width: 60px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#featured-products a.bx-prev:after {
    content: '';
    display: inline-block;
    border-top: 1px solid #82807d;
    border-right: 1px solid #82807d;
    height: 60px;
    width: 60px;
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.category-listing, .project-listing {
	margin-bottom: 50px;
	overflow: hidden;
}
.Template3colColumn p {
	overflow: hidden;
}


.category-listing div.category-listing-image, .project-listing div.project-listing-image {
	background-color: #000000;
	margin-bottom: 25px;
	position: relative;
}

.category-listing div.category-listing-image {
	padding-top: 20px;
	padding-bottom: 20px;
}

.category-listing div.category-text {
	float: left;
	padding-left: 3%;
	padding-right: 3%;
	width: 100%;
}

.category-listing div.category-listing-text, .project-listing div.project-listing-text {
	float: left;
}

.category-listing div.category-text h2, .project-listing div.project-listing-text h2{
	color: #ffffff;
	font-weight: 200;
	margin-bottom: 0px;
}

.category-listing div.category-text h2 a, .category-listing div.category-text h2 a:visited,
.project-listing div.project-listing-text h2 a, .project-listing div.project-listing-text h2 a:visited {
	color: #ffffff;
	text-decoration: none;
}

.category-listing div.category-text h2 a:hover, .project-listing div.project-listing-text h2 a:hover {
	color: #ffffff;
	text-decoration: underline;
} 

.category-listing div.category-listing-text h3{
	color: #ffffff;
}

.project-listing div.project-listing-text h3 {
	font-size: 1.3em;
}

.category-listing div.category-range-icon {
	float: right;
}


.project-listing-image, .category-listing-image {
	overflow: hidden;
}

.project-listing-image img, .category-listing-image img, .about-content div.Template3colColumn img {
	transition: all 600ms ease;	
}

.project-listing-image img:hover, .category-listing-image img:hover, .about-content div.Template3colColumn img:hover {
	transform: scale(1.2);
}

.category-listing a.quick-view {
	display:none;
	color:#ffffff;
	padding-top: 8px;
    padding-bottom: 8px;
	position: absolute;
	font-size: 1.4em;
    bottom: 0px;
	left:0px;
	width:100%;
	z-index:3000;
	text-align: center;
	text-decoration: none;
}




#breadcrumb ul{	
	list-style:none;
	margin:0px;
	padding:0px;
	padding-top:18px;
	padding-bottom:18px;
}
#breadcrumb ul li{
	color:#ffffff;	
	display:inline;
	padding-left:2px;
	padding-right:2px;
	text-transform:none;
}	
#breadcrumb ul li a, #breadcrumb ul li a:visited{
	color:#ffffff;	
	text-decoration:none;
	text-transform:none;
}
#breadcrumb ul li a:hover{
	text-decoration:underline;
}

#product-wrapper {
	padding-top: 40px;
}

#partcodes-wrapper {
	padding-top: 60px;
	padding-bottom: 60px;
}

#stockHeaders {
    color: #FFFFFF;
    float: left;
    font-size: 1.2em;
    font-weight: normal;
    padding: 10px 10px;
    word-break: break-word;
}

.stockContent {
	float: left;
    font-size: 1.2em;
    font-weight: normal;
    padding: 10px 10px;
    word-break: break-word;
}

.stock-files {
	text-align: center;
}

.stock-files img {
	margin-bottom: 5px;
	display: inline; 
	margin-right: 10px; 
	vertical-align: middle;
}

.stockContent a, .stockContent a:visited {
	color: #000000;
	/*text-decoration: none;*/
}

.stockContent a:hover{
	color: #085231;
	text-decoration: underline;
}

.stockContent a.btn-success, .stockContent a.btn-success:visited {
	background-color: #085231;
	border: 1px solid #085231;
	border-radius: 0px;
	color: #ffffff;
}

.project-wrapper {	
	background-size: contain;
	background-position: left top;
	background-repeat: repeat-y;
	margin: 0 auto;
	position:relative;
	text-align: left;
	width: 100%;
}

.project-wrapper h1#project-title {
	color: #ffffff !important;
	font-weight: 400;
	margin-left: 30px;
}

.project-wrapper div.project-title, .project-wrapper div#project-description {
	padding-top: 50px;
}

#projects-slider-wrapper {
	background-color: #085231;
	position: relative;
	width: 100%;
}

/*#projects-slider-wrapper div.bx-viewport {
	height: 675px;
}*/

#projects-slider-wrapper div.bx-controls {
	position: absolute;
	left: 2%;
	top: 45%;
	width: 96%;
}

#projects-slider-wrapper a.bx-next {
	float: right;
}

#projects-slider-wrapper a.bx-prev {
	float: left;
}

#projects-slider-wrapper a.bx-next:after {
    content: '';
    display: inline-block;
    border-top: 3px solid #38e19e;
    border-right: 3px solid #38e19e;
    height: 60px;
    width: 60px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#projects-slider-wrapper a.bx-prev:after {
    content: '';
    display: inline-block;
    border-top: 3px solid #38e19e;
    border-right: 3px solid #38e19e;
    height: 60px;
    width: 60px;
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

#projects-slider div.col {
	padding-left: 0px;
	padding-right: 0px;
}

#projects-slider div.col img {
	object-fit: cover;
}

#project-description {
	background-color: #ffffff;
	font-weight: 300;
	padding-left: 3%;
	padding-right: 3%;
	text-align: left;
}

#used-ranges {
	padding-top: 50px;
}

#used-ranges h2 {
	margin-bottom: 25px;
}	

	

/*.featureBoxes{
	margin-bottom:20px;
	padding-top:20px;
}	

#featuredProjectImage img{
	display:block;
}

#featuredProject{
	padding-left:28px;
	padding-right:28px;
	padding-bottom:27px;
	padding-top:24px;
}
#featuredProject h2{
	color:#FFFFFF;
	margin-top:0px;
}
#featuredProject p{
	color:#FFFFFF;
	margin-bottom:0px;
}
#featuredProject a, #featuredProject a:visited{
	color:#41cc92;
	text-decoration:none;
}
#featuredProject a:hover{
	text-decoration:underline;
}*/			

#lightingDesign{
	margin-bottom:20px;
	padding:22px;
}
#lightingDesign h2{
	color:#FFFFFF;
	margin-top:0px;
}
#lightingDesign p{
	color:#FFFFFF;
	font-size:1.0em;
}
#lightingDesign a, #lightingDesign a:visited{
	color:#41cc92;
	font-size:1.2em;
	text-decoration:none;
}
#lightingDesign a:hover{
	text-decoration:underline;
}	

#nvcBrochure{
	background-image:url(../images/catalogue-bg.gif);
	background-position:bottom right;
	background-repeat:repeat-x;
	/*padding:22px;*/

	position: relative;
   /* height: 200px; */
}
#nvcBrochure h2{
	/*color:#3f3f3f;*/
	color:#ffffff;
	margin-top:0px;
}
#nvcBrochure h3{
	/*color:#005030;*/
	color:#ffffff;
	margin-bottom:45px;
	padding-right:172px;
}
/*#nvcBrochure a, #nvcBrochure a:visited{
	background-color: #f7f7f7;
	color:#3f3f3f;
	font-size:1.2em;
	text-decoration:none;

	bottom: 21px;
    position: absolute;
	padding: 5px 42px 5px 21px;
    margin-left: -22px;
}
}
#nvcBrochure a:hover{
	text-decoration:underline;
}	*/

#nvcBrochure img{
	display:block;
}

/*#featuredProduct{
	/*background-image:url(../images/featurebg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	border:1px solid #cfcfcf;
	padding:21px;
}	
#featuredProduct h2{
	color:#3f3f3f;
	margin-top:0px;
	margin-bottom:5px;
}
#featuredProduct h3{
	font-size:1.6em;
	margin-bottom:16px;
}
#featuredProduct h4{
	font-size:2.4em;
	font-weight:normal;
	text-transform:uppercase;
}
.greytext {
	color:#afafaf;
}
#featuredProduct img{
	display:block;
	margin-bottom:14px;
	margin-left:auto;
	margin-right:auto;
}
#featuredProduct p {
	margin-bottom:28px;
}
#featuredProduct a, #featuredProduct a:visited{
	color:#005030;
	float:right;
	font-size:1.2em;
	text-decoration:none;	
}
#featuredProduct a:hover{
	text-decoration:underline;
}	


#productRanges{
	background-color:#e4e4e4;
	padding-top:30px;
	padding-bottom:62px;
}	
#productRanges h2{
	color:#005030;
	margin-bottom:18px;
}	

#productRanges .slider-range img{
	display:block;
}
#productRanges .slider-range h3{
	margin:0px;
	padding:0px;
}	
#productRanges .slider-range h3 a, #productRanges .slider-range h3 a:visited, #productRangesContainer .slider-range h3 a, #productRangesContainer .slider-range h3 a:visited{
	background-color:#005030;
	color:#FFFFFF;
	display:block;
	margin:0px;
	padding-right: 5px;
	padding-left:5px;
	text-align:center;
	text-decoration:none;
}
#productRanges .slider-range h3 a, #productRanges .slider-range h3 a:visited{
	font-size:0.7em;
	line-height:1.6em;
	text-transform:capitalize;
	padding-top:17px;
	padding-bottom:17px;
}
#productRangesContainer .slider-range h3 a, #productRangesContainer .slider-range h3 a:visited{
	font-size:0.6em;
	line-height:1.6em;
	padding-top:20px;
	padding-bottom:20px;
}
#productRanges .slider-range h3 a:hover{	
	text-decoration:underline;
}*/

#topSection{
	text-align: left;
}

	
#topSection h1, #topSection p{
	color:#FFFFFF;
}

/*#topSection h1 span{
	display:block;
}*/	
#topSection p{
	font-size:1.1em;
}

#main-product-image {
	background-color: #000000;
	margin: 0 auto;
	max-width: 700px;
	padding: 30px;
}

#moreImages{
	margin-top:20px;
	margin-bottom:50px;
}	
#moreImages h2{
	color:#005030;
	font-size:1.4em;
	margin-bottom:22px;
} 
#moreImages img{
	border:1px solid #d5d5d5;
	height:100px;
}	
* html #moreImages img{
	height:102px;
	he\ight:100px;
}

#productInfoMobile {
	display:none;
}

#productInfo h2{
	color: #ffffff;
	font-size: 36px;
}

#productInfo .shortDescription p{
	color:#ffffff;
	font-size:1.4em;
}

#productDownloads{
	margin-bottom:40px;
}
#productDownloads h2{
	border-bottom:1px solid #e6e6e6;
	color:#005030;
	font-size:1.4em;
	margin-bottom:0px;
	padding-bottom:12px;
}

	
.downloadImage{
	float:left;
	margin-left:8px;
	margin-right:22px;
	padding-bottom:8px;
	padding-top:8px;
	width:25px;
}
.downloadImage img{
	display:block;
}	
.downloadText{
	float:left;
	font-size:1.2em;
	padding-top:14px;
	padding-bottom:14px;
	width:322px;
}
.downloadText a, .downloadText a:visited{
	color:#ffffff;
	text-decoration:none;
}	
.downloadText a:hover{
	color:#ffffff;
	text-decoration:underline;
}	

#productIcons{
	margin-bottom:30px;
}

#productIcons div.icon {
	border: 3px solid #084F2F;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
}

#productIcons img {
	height: 100%;
	max-height: 50px;
}
#productData-top {
	padding-top: 90px;
}

#productData{
	padding-bottom:50px;
	padding-top:40px;
}

#productData h2{
	color:#30bc84;
	font-size:1.4em;
	margin-bottom:6px;
}	

#productData p {
	color: #ffffff;
	margin-bottom:15px;
	}

#productData ul {
	list-style:none;
    margin: 0px;
	margin-right:18px;
	margin-bottom:26px;
	padding:0px;
    padding-left: 1em;
}
#productData ul li{
	color:#ffffff;
	font-size:1.1em;
	margin-bottom:4px;
}
#productData ul li ul {
	margin-bottom:4px;
}
#productData ul li ul li {
	font-size:1em;
}
#productData ul > li:before {   
	display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em;
}

.variant-button, .variant-button:visited {
	background-color: #004f2f;
	color:#ffffff;
	float:left;
	font-size: 30px;
	font-weight: 200;
	padding: 5px 10px;
	text-align: center;
    text-decoration: none;
    max-width: 340px;
    width: 50%;
}
.variant-button:hover, .variant-button:active {
	background-color:#004f2f;
	color:#ffffff;
}

.variant-enquiry {
	margin-right:10px;
	margin-bottom:10px;
}

.catalogue-button, .catalogue-button:visited {
	background-color: #ffffff;
	color:#004f2f;
	float:left;
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 30px;
	padding: 12px 10px;
	text-align: center;
    text-decoration: none;
    max-width: 340px;
    width: 50%;
}
.catalogue-button:hover, .catalogue-button:active {
	background-color:#ffffff;
	color:#004f2f;
}

.video-button, .video-button:visited {
	background-color: #004f2f;
	box-sizing: border-box;
    color: #ffffff;
    float: left;
    font-size: 22px;
    font-weight: 200;
    margin: 0 auto;
    margin-bottom: 25px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    width: 80%;
}
.video-button:hover, .video-button:active {
	background-color:#004f2f;
	color:#ffffff;
}

.projects-button {
	font-size: 20px;
    margin-bottom: 30px;
}

#data-sheet-container {
	display:block;
}
#data-sheet-container .row {
	margin:0px;
}

#data-sheet-link {
	background-color: #085231;
	color: #ffffff !important;
	cursor: pointer;
    float: none;
	font-size: 30px;
    font-weight: 200;
	margin-right: 10px;
    margin-bottom: 10px;
	padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    max-width: 340px;
}


#productData-top h2 {
	color: #ffffff;
	font-size: 36px;
}

#productData-top a.variant-button {
	float: right;
}

#productDrawings{
	
}

#homeContent{
	margin-top:18px;
}	
#homeContent h1, #homeContent p{
	color:#FFFFFF;
}

#MapContainer {
	border-top: 1px solid #e6e6e6;
    padding-top: 18px;
}

#divMapTitle {
	margin-bottom:18px;
}

#divMapCanvas{
	width:100%;
	height:460px; 
	border:none; 
	overflow:hidden; 
	margin:0px;
}

.shortDescription{
	margin-bottom: 50px;
	min-height:24px;
	width: 80%;
}

#pageContent{
	/*border-top:1px solid #e6e6e6;*/
	padding-bottom:30px;
	padding-top:18px;
}	

#pageContent-noborder {
	padding-bottom:30px;
}	

#home-slider-wrapper {
	clear: both;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	text-align: left;
	width: 100%;
}
#sliderhome {
	display:none;
	position:relative;
	list-style-type:none;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	text-align: left;
	width:100%;
}

#sliderhome li {
	padding: 0px;	
	margin: 0px;
	width:100%;
	text-align: left;
	/* uncomment below if bxslider is set to fade */
	/* bxslider applies absolute positioning when using fade causing slider to shift to the right in IE7 */
	left:0px; 
}

#sliderhomemobile li {
	position: relative !important;
}

#sliderhome li div.textarea {
	color: #ffffff;
	position: absolute;
	top: 50%;
	left: 3%;
}

#sliderhome li div.textarea h2 {
	color: #ffffff;
	font-size: 80px;
	font-weight: 200;
	text-shadow: 1px 1px 2px #000000;

}

#sliderhome li div.textarea p {
	color: #ffffff;
	text-shadow: 1px 1px 2px #000000;
}

#sliderhome li div.textarea a, #sliderhome li div.textarea a:visited {
	color: #2dbe85;
	text-decoration: none;
}

#sliderhome li div.textarea a:hover {
	color: #2dbe85;
	text-decoration: underline;
}

#home-slider-wrapper video#video {
	display: block;
	margin: 0;
	padding: 0;
	height: auto;
	width: 100%
}

#home-slider-wrapper div.textarea {
	color: #ffffff;
	position: absolute;
	top: 50%;
	left: 3%;
}

#home-slider-wrapper div.textarea h2 {
	color: #ffffff;
	font-size: 80px;
	font-weight: 200;
	text-shadow: 1px 1px 2px #000000;

}

#home-slider-wrapper div.textarea p {
	color: #ffffff;
	font-size: 2em;
	font-weight: 300;
	text-shadow: 1px 1px 2px #000000;
}

#home-slider-wrapper div.textarea a, #home-slider-wrapper div.textarea a:visited {
	color: #2dbe85;
	text-decoration: none;
}

#home-slider-wrapper div.textarea a:hover {
	color: #2dbe85;
	text-decoration: underline;
}

#home-slider-wrapper div#slide-overlay {
	background: rgb(0, 0, 0), transparent;
	background: rgba(0, 0, 0, 0.31);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#homeboxes-title {
	background: rgba(175, 175, 175, 0.2);
	padding-top: 30px;
	padding-bottom: 30px;
	position: absolute;
	bottom: 0px;
	z-index: 100;
}

#homeboxes-title h2 {
	color: #ffffff;
	margin-bottom: 0px;
}

#home-slider-wrapper a.bx-next:after {
    content: '';
    display: inline-block;
    border-top: 1px solid #82807d;
    border-right: 1px solid #82807d;
    height: 110px;
    width: 110px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#home-slider-wrapper .bx-controls {
    position: absolute;
    top: 55%;
    right: 5%;
    z-index: 101;
}

.bg-white h2, .bg-white h1 {
	color: #38e19e !important;
	font-weight: 600;
}

.bg-white p, .bg-white ul li, .bg-white label {
	color: #000000;
	font-weight: 400;
}

.Template3colColumn h2 {
	color: #38e19e !important;
}

ul.ticklist {
	clear: both;
	float: left;
	margin-bottom: 50px;
	width: 100%;
}

/** ------------------------------------------------------------ **/
/** ----------------------- Product Images ---------------------------- **/	

.productImages {
	list-style-type:none;
	padding:0px;
	margin:0px;
	width:580px;
}

.productImages li{
	float:left;
	margin-right:15px;
	width:130px;
}
.productImagesLast{
	margin-right:0px !important;
}

#productsProductRanges #productRanges{
	background-color:#FFFFFF;
}	

.slider-range-inner .productThumb{
	background-color:#FFFFFF;
	display:block;
	max-height:188px;
}		
.slider-range-inner img{
	max-height:188px;
}		


.popUpLeft{
	float:left;
	margin-right:20px;
	width:140px;
}
.popUpLeft img{
	height:auto;
	width:100%;
}	
.popUpRight{
	float:left;
	width:128px;
}

.popUpRight p{
	color: #000000;
}

.sitemap-links ul {
	list-style: none;
}

#sitemap-products ul li {
	margin-bottom:4px;
}
.sitemap-links ul li a, .sitemap-links ul li a:visited {
	border: 0px;
    border-bottom: 1px solid #b6b6b6;
    color: #ffffff;
    display: block;
    float: none;
    font-size: 14px;
    margin-top: 0px;
	padding-top:4px;
	padding-bottom: 4px;
    text-transform: none;
	text-decoration:none;
}
.sitemap-links ul li a:hover, .sitemap-links ul li a:active {
	    color: #38e19e;
}
#sitemap-products ul li a  {
    padding-top: 0px;
    padding-left: 20px;
	padding-right: 5px;
}


#sitemap-news .menu_header {
	display:none;
}

#divContactRight {
	float:right;
}

#divContactLeft {
	float:left;
}

#divMapLeft{	
	float:left;
}	
#divMapRight{	
	/*float:left;*/
	margin-bottom: 50px;
}	

.cookiesTable {
	border: 1px solid #ffffff;
	margin-bottom:16px;
}
.cookiesTable td {
	color: #ffffff;
	padding:10px;
}

/*------------------- Lighting Calculator -----------------*/
/*---------------------------------------------------------*/

#light-calculator .calcRoomSelectProductContainer{
	margin-bottom:34px;
}

#light-calculator .calcRoomSelectProductContainer .selectContainer{
	background-color:#161618;
	float:left;
	margin-right:2%;
	width:31%;
}
#light-calculator .calcRoomSelectProductContainer .selectContainer select{
	width:100%;
}
#light-calculator ul.calcRoomSelectList, #light-calculator ul.roomDimensionsContainerList {
    text-align: center;
	padding:0px;
    margin-left: auto;
    margin-right: auto;
}
#light-calculator ul.calcRoomSelectList li {
    list-style-type: none;
	cursor:pointer;
    display: inline-block;
    font-size: 1em;
    width: 18%;
    margin-left: calc(10% / 12 );
    margin-right: calc(10% / 12 );
}
#light-calculator .calcRoomSelect {
    /* padding-bottom: 5px; */
    transition: border 1s ease;
    width: 95%;
    max-width: 170px;
    padding: 3px;
    border: 3px solid #888;
    border-radius: 6px;
}

#light-calculator .roomDimensionsContainer{
	margin-bottom:34px;
}

#light-calculator ul.roomDimensionsContainerList li {
    list-style-type: none;
    display: inline-block;
    width: 15.42%;
    margin-left: 0px;
    margin-right: 1%;
}

#light-calculator ul.calcRoomSelectList li img {
	background-color:#ffffff;
}

#light-calculator ul.calcRoomSelectList li:hover img {
	border:3px solid #e2007a;
}

#light-calculator ul.roomDimensionsContainerList li input[type="number"], #light-calculator ul.roomDimensionsContainerList li input[type="text"] {
    background-color:#ffffff;
	width: 100%;
}

#light-calculator .illuminationValueCalc {
    color: #ffffff;
	width: 48%;
    float: left;
    margin-right: 2%;
	text-align:center;
}
#light-calculator .luminaireAmountCalc {
    color: #ffffff;
	width: 48%;
    float: left;
    margin-left: 2%;
	text-align:center;
}

#light-calculator input[type="text"], #light-calculator input[type="password"], #light-calculator input[type="email"], #light-calculator input[type="number"], #light-calculator input[type="search"], #light-calculator textarea, #light-calculator select {
	width: 255px;
    height: 29px;
    font-size: 14px;
    line-height: 29px;
    padding: 0 10px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid rgba(191, 191, 191, 0.5);
	float:none;
    outline: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 3px 0 rgba(191, 191, 191, 0.5);
    -moz-box-shadow: inset 0 1px 3px 0 rgba(191, 191, 191, 0.5);
    box-shadow: inset 0 1px 3px 0 rgba(191, 191, 191, 0.5);
	margin-right:0px;
}

#light-calculator select:disabled {
	background-color: #161618;
	cursor: not-allowed;
}

.button {
	clear:both;
    display: block;
    vertical-align: top;
    height: 37px;
    line-height: 35px;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 1px;
    text-decoration: none;
    box-sizing: border-box;
    padding: 0 10px;
    color: #e2007a;
    border: 1px solid #e2007a;
    background: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
	margin-left:auto;
	margin-right:auto;
	margin-top:22px;
	width:100px;
}

#light-calculator .button:hover {
	color: #e2007a;
	text-decoration:none;
}

.pdfResults{
	font-size:1.4em;
}
.pdfResults span{
	display:block;
	margin-top:16px;
}

/** search box **/

#search-box-wrapper {
	/*background: rgba(22, 22, 24, 0.8);*/
	display: none;
	position: absolute;
	top: 129px;
	left: 0px;
	margin: 0;
	/*padding: 0;*/
	height: auto;
	/*width: 100%;*/
	z-index: 2000;
	/*overflow: hidden;*/
}

#search-box {
	background-color: transparent;
	display: block;
	/*padding-top: 30px;
	padding-bottom: 30px;*/
}

#search-box p {
	color: #ffffff;
	font-family: 'Montserrat', Arial, Verdana, Helvetica, sans-serif;
	font-size: 2em;
	text-align: center; 
}

#search-box button.close {
	font-size: 50px;
    font-weight: 100;
    line-height: 1;
    color: #ffffff;
    text-shadow: none;
    opacity: 1;
}

#sitesearch {
	/*border-bottom: 1px solid #FFFFFF;*/
	float: left;
	width: 100%;
}

#sitesearch input[type=text] {
	border-radius: 0;
    -webkit-appearance: none;
    background-color: #dcdddf;
    border: 0px;
    box-sizing: border-box;
    color: #272727;
    display: block;
    float: left;
    font-size: 18px;
    height: 48px;
    margin: 0px;
    padding-bottom: 7px;
    padding-top: 8px;
    padding-left: 20px;
    padding-right: 20px;
    width: 88%;
}

#sitesearch input[type=submit] {
	 border-radius: 0;
    -webkit-appearance: none;
    background-color: #085231;
    background-image: url(../images/search-bg.png);
    background-position: 55%;
    background-repeat: no-repeat;
    background-size: 21px;
    border: 0px;
    cursor: pointer;
    height: 48px;
    margin: 0px;
    text-indent: -10000px;
    width: 12%;
}

#overlay {
    background-color: #333333;
    cursor: -webkit-image-set(url('../images/close-overlay.png') 1x, url('../images/close-overlay.png') 2x),pointer;
    display: none;
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 9999;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.ui-autocomplete {
	color: #272727;
}
.ui-widget {
	font-family: 'Montserrat', Arial, Verdana, Helvetica, sans-serif !important;
	font-size: 16px !important;
	font-weight: 300 !important;
}

#mobile-search, #mobile-contact {
	display: none;
}

#about-nav-btns {
	padding-top: 30px;
}

#about-nav-btns a.btn {
	border: 1px solid #ffffff;
	border-radius: 30px;
	color: #ffffff;
	margin-bottom: 15px;
	margin-left: 1%;
	margin-right: 1%;
	text-decoration: none;
	width: 18%;
}

#about-nav-btns a.btn:hover {
	background-color: #085231;
	color: #ffffff;
}

.bg-white div#about-nav-btns a.btn {
	border: 1px solid #000000;
	border-radius: 30px;
	color: #000000;
	margin-left: 1%;
	margin-right: 1%;
	text-decoration: none;
	width: 18%;
}

.bg-white div#about-nav-btns a.btn:hover {
	color: #ffffff;
}

#faqs-wrapper {
	padding-bottom: 50px;
}

.faq {
	margin-bottom: 10px;
}

.questions, .answers {
	padding: 15px;
}

.questions {
	cursor: pointer;
}

.questions h2 {
	color: #ffffff;
	margin-bottom: 0px;
}

.answers {
	background-color: #ffffff;
	color: #000000;
	display: none;
}
.answers p {
	color: #000000;
	font-weight: 400;
}

.answers a, .answers a:hover, .answers a:visited {
	color: #085231;
	font-weight: 400;
}
#client-logos {
	padding-top: 25px;
	padding-bottom: 25px;
}

#client-carousel {
	display: flex;
}

#client-logos-heading {
	padding-top: 25px;
}
#client-logos-heading h2{
	margin-bottom:0px;
	padding-bottom:12px;
}

.download-container {
	float: left;
	margin-bottom: 20px;
}

.download-container img {
	margin-bottom: 10px;
}

.download-container a, .download-container a:visited {
	text-decoration: none;
}

.download-container a:hover {
	text-decoration: underline;
}

#download-form {
	display: block;
}

#downloads-wrapper {
	display: none;
	width: 100%;
}

a.downloadLink, a.downloadLink:visited, a.downloadLink:hover {
	background-color: #005030;
	color: #ffffff;
	text-decoration: none;
}

#results {
	margin-bottom: 50px;
	padding-top: 50px;
}

.saleswrapper {
	background-color: #ffffff;
	padding: 15px;
}

.salesimage {
	margin-bottom: 15px; 
}

.salesdescription p {
	color: #000000;
	font-weight: 400;
}

.core-logo {
	float: left;
	margin-top: 10px;
	width: 60px;
}

.contractor-logo {
	float: right;
	margin-top: 10px;
	padding-top: 10px;
	width: 150px;
}

#news-btns {
	padding-top: 30px;
	padding-bottom: 30px;
}

#news-btns a.btn {
	border: 1px solid #ffffff;
	border-radius: 30px;
	color: #ffffff;
	margin-bottom: 15px;
	margin-left: 1%;
	margin-right: 1%;
	text-decoration: none;
	width: 18%;
}

#news-btns a.btn:hover {
	background-color: #085231;
	color: #ffffff;
}

.form-image img {
	margin-bottom: 10px;
}
.form-image h2 {
	text-align: center;
	font-size: 1.4em;
}

#back-to-top {
	background-color: #242424;
	cursor: pointer;
    display: none;
	border: 2px solid #ffffff;
	border-radius: 50%;
	height: 44px;
	width: 44px;
	position: fixed;
    bottom: 82px;
    right: 20px;
	opacity: 0.5;
	z-index: 1000;
    filter: alpha(opacity=50);
	-webkit-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5);
    box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5);
}

#back-to-top:after {
	content: '';
	display: inline-block;
	margin-top: 1.4em;
	width: 1.4em;
	height: 1.4em;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#product-overlay{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:none;
	margin: 5% auto;
	padding-bottom: 10px;
	padding-top: 14px;
	padding-left:10px;
	padding-right:10px;
	position: fixed;
	width: 60%;
	height: 560px;
	z-index:12000;		
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -230px; /* Negative half of height. */
	margin-left: -30%; /* Negative half of width. */
}

.overlay-left {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
	float:left;
	margin-top:0px;
	margin-right:2%;
	width:48%;
}

.overlay-right {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
	display: none;
	margin-top:6px;
	padding-left: 5%;
	width:50%;
	text-align: left;
}

.overlay-right h3 {
	font-size: 2em;
}

#product-overlay div.product-description {
	height: 200px;
	margin-bottom: 20px;
	padding-right: 15px;
	overflow-x: auto;
}

#product-overlay a.product-link, #product-overlay a.product-link:hover, #product-overlay a.product-link:visited {
	color: #ffffff;
	text-decoration: none;
}

#product-overlay .close {
	color: #ffffff;
}

#product-overlay .product-features {
	margin-top: 25px;
}

#product-overlay div#productIcons {
	margin-bottom: 0px;
}


.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


#overlay{
	background-color:#000000;
	display:none;
	position:fixed;
	bottom:0px;
	left:0px;
	height:100%;
	width:100%;
	z-index:10000;
	opacity: 0.8;
    filter: alpha(opacity=80);
}

/* mailchimp form */
#mc_embed_signup{
	background: transparent;
	float: left;
	font-family: 'Montserrat', Arial, Verdana, Helvetica, sans-serif;
	width: 70%; 
}

#mc_embed_signup h2 {
	/*background-image: url(/images/subscribe-bg.jpg);
	background-repeat: repeat-x;
	border-radius: 30px;*/
	font-size: 2em !important;
	font-weight: 300 !important;
	color: #ffffff;
	margin: 0px !important;
	margin-bottom: 20px !important;
	/*padding: 15px 20px !important;*/
	text-transform: uppercase;
	float: left;
}

#mc_embed_signup h2 img {
	margin-left: 8px;
}

.embed-responsive-210by297 {
  padding-bottom: 141.42%;
}


#mc_embed_signup .mc-field-group label {
	padding-bottom: 3px !important;
}

#mc_embed_signup .button {
	background-color: #38e19e !important;
}
#mc_embed_signup .button:hover {
	background-color: #004F2F !important;
}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
	background-color: transparent !important;
}

#fixed-mobile-nav {
	display: none;
}

div.data-head {
	background-color: #085231;
	color: #ffffff;
	font-weight: 200;
}

#technical-data {
	margin-bottom: 25px;
}

#technical-images h3 {
	color: #085231;
	font-weight: 400;
	text-align: center;
}