html {
	margin: 0;
	padding: 0;
}
:root {
	--white: #fff;
	--black: #000;
	--green: #00ae42;
	--purple: #60269e;
	--orange: #ff6c0e;
	--lightblue: #0093c9;
	--yellow: #ffe603;
	--blue: #0047ba;
	--red: #db0032;
	--grey: #a1a5a4;
    --lightgrey: #dddddd;
	--darkgrey: #333333;
}
::-webkit-scrollbar {
	width: 8px;
	background-color: var(--black);
}
::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 6px rgba(75, 75, 75, 0.3);
	box-shadow: inset 0 0 6px rgb(75 75 75 / 30%);
	background-color: var(--yellow);
	width: 8px;
}
::-webkit-scrollbar-track {
	background-color: var(--black);
	width: 8px;
}

.img-fluid {
	max-width: 100%;
	height: auto;
}

/** ------------------------------------------------------ **/
/** -------------------2 column layout -------------------- **/
body {
	background-color: transparent;
	box-sizing: border-box;
	color: #000000;
	font-family: 'depot-new-web', Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 100;
	margin: 0px;
	text-align: center;
}
/**** override ios styling ****/
input[type="text"], input[type="button"], input[type="submit"], input[type="tel"], input[type="email"], input[type="password"], textarea {
   -webkit-appearance: none;
   appearance: none;
   border-radius: 0;
}

#skip-navigation{
	height:0px;	
	overflow: hidden; 
}
	
#wrapper-header{
	/*background: rgb(0, 0, 0), transparent;
	background: rgba(0, 0, 0, 0.3);*/
	display: flex;
	align-items: center;
	position: sticky;
	width: 100%;
	border-bottom: 1px solid rgb(239, 239, 239), transparent;
	border-bottom: 1px solid rgba(239, 239, 239, 0.5);
	height: 94px;
	z-index: 2000;
}
#wrapper-navigation{
	float: left;
	height: 39px;
	padding-top: 7px;
	/*position: relative;*/
	z-index: 2000;
	width: 71%;
}
#wrapper-menu {
	background-color: #ffe600;
	width: 20%;
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 30px;
    padding-top: 40px;
    padding-left: 3%;
    padding-right: 3%;
    position: fixed;
    right: -9999px;
    top: 0px;
    z-index: 10001;
}

.wrapper-content{
	background-color: transparent;
	clear:both;
	width: 100%;
}
.content{
	background-color: #ffffff;
	text-align: left;
}
.content2{
	background-color: #262627;
	text-align: left;
}
#wrapper-footer{
	background-color: #242424;
	width: 100%;
}	
#wrapper-footer2{
	background-color: #000000;
	width: 100%;
}	

.wrapper-inner{
	box-sizing: border-box;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	position:relative;
	text-align: left;
	width: 1180px;
}
.wrapper-inner-large{
	box-sizing: border-box;
	margin: 0 auto;
	padding-left: 2%;
	padding-right: 2%;
	position:relative;
	text-align: left;
	max-width:  1600px;
	width: 100%;
}

.wrapper-padding {
	padding-top: 35px;
	padding-bottom: 35px;
}


#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;
}

#content-top {
	margin-top: -119px;
}

#header{
	padding-bottom: 9px;
	/*position: relative;*/
}

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


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

/*2 column layout */
#centerc-2col{
	box-sizing: border-box;
	display: inline;
	float:left;
	margin-left:23.5%;
	overflow:hidden;
	padding-bottom: 30px;
	padding-left: 2%;
	padding-right: 3%;
	padding-top: 40px;
	position:relative;
	text-align: left;
	width:76.5%;
}

	
#leftc{
	background-color: #e2e2e2;
	box-sizing: border-box;
	float:left;
	margin-left:-100%;
	padding-bottom: 30px;
	padding-left:2%;
	padding-right: 3%;
	margin-right:0px;
	padding-top: 40px;
	text-align: left;
	width: 23.5%;
}

	
#foot{
	border-top: 1px solid var(--black);
	padding-bottom:12px;
	padding-top: 45px;
}
#foot2{
	padding-bottom: 20px;
	padding-top: 20px;
}

#uc4-link{
	color:#858787;
	font-weight: normal;
	font-size:0.9em;
	padding-bottom: 10px;
	text-align:center;
}
#uc4-link a,#uc4-link a:visited{
	color:#858787;
	text-decoration:none;
}	

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

#header-left{
	float: left;
	margin-top:0px;
	margin-right: 2%;
	padding-top: 2px;
	width: 108px;
}
#header-right{
	color:#FFFFFF;
	float: right;
	padding-top: 15px;
	position: relative;
}
#header-right ul{
	color: var(--white);
	float: right;
    margin: 0;
    padding: 0;
	position: relative;
}

#header-right ul li {
    display: inline-flex;
    float: left;
	margin-left: 10px;
}

#header-right ul li a, #header-right ul li a:hover, #header-right ul li a:visited {
    color: var(--white);
	font-size: 18px;
    text-decoration: none;
}

#header_graphic{
	position:relative;
	z-index:500;
}

#navigation{
	float:left;
	height:38px;
	padding-bottom:2px;
	/*position:relative;*/
	width:100%;
	z-index: 300;
}

#topMembers {
	padding-bottom: 10px;
	padding-top: 15px;
	text-align: right;
}
#topMembers a, #topMembers a:visited {
	color: #ffffff;
	border-right: 1px solid #ffffff;
	font-size: 14px;
    font-weight: normal;
    padding-left: 10px;
    padding-right: 10px;
	text-decoration: none;
	/*text-transform: lowercase;*/
}
a#topmemberslast {
	border-right: none;
	padding-right: 0px;
}

#head-phone {
	background-color: var(--yellow);
	box-sizing: border-box;
	padding: 0px;
	position: absolute;
	text-align: center;
	top: 0;
	right: 32px;
	width: 0;
	transition: width 1s ease;
}

#head-phone p {
	color: var(--black);
	font-size: 1.3em;
	margin: 8px 0px;
	display: none;
}

#head-phone.visible {
	display: block;
	width: 226px;
}

#head-phone.visible p {
	display: block;
}

/** ------------------------------------------------------ **/
/** -------------------navigation ------------------------ **/
/**** used exclusivley for 100% dropdown ****/
.wrap {
	margin: 0 auto;
	width: 1180px;
	/*position: relative;*/
}
/********/

#desktop-nav {
	display: block;
}
#mobile-nav {
	display: none;
}

#navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navigation ul li {
	display: inline;
	padding: 0px;
	margin: 0px; 
}
#navigation ul li.showOnSmallTablet {
	display: none;
}
#navigation ul li a, #navigation ul li a:visited {
	background-color: transparent;
	color: #ffffff;
	display: block;
	float: left;
	font-size: 18px;
	padding-bottom:12px;
	padding-left: 10px;
	padding-right:10px;
	margin-left: 10px;
	margin-right: 0px;
	padding-top:9px;
	text-decoration: none;
	text-transform: lowercase;
}

#navigation ul li a:hover {
	color:#ffe600;
}	


#navigation ul li div.subNav {
	background: var(--white);
	display: block;
	margin: 0px;
	padding-bottom:145px;
	padding-top: 145px;
	position: fixed;
	top:-1055px;
	left:0px;
	width: 100%;
	z-index: 1000;
	transition: top .5s ease;
}

#navigation ul li div.subNav.movedown {
	top:0px;
	display: block;
}


#navigation ul li div.subNav div.wrapper-inner {
	max-width: 1180px;
    width: 100%;
}

#navigation ul li div.subNav div.wrapper-inner-large {
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	/*position:relative;*/
	text-align: left;
	max-width: 1600px;
    width: 100%;
}

#navigation ul li ul {
	float: left;
	list-style: none;
	margin: 0px;
	margin-left: 0px;
	margin-right:2%;
	margin-top:40px;
	padding: 0px;
	width:32%
}

#navigation ul li ul#navBottom {
	margin-right: 0px;
	width:32%;
}

#navigation ul li ul#navBottom li {
	width: 80%;
}


#navigation ul li div.subNav div.wrapper-inner ul li{
	float: left;
	font-family: 'depot-new-web', Verdana, Helvetica, sans-serif;
	font-weight: 100;
	margin-bottom:20px;
	margin-right: 0px;
	width: 80%;
}

#navigation ul li div.subNav div.wrapper-inner-large ul {
	margin-right: 2%;
	width: 32%;
}

#navigation ul li div.subNav div.wrapper-inner-large ul:last-of-type {
	margin-right: 0;
}

#navigation ul li div.subNav div.wrapper-inner-large ul li{
	float: left;
	font-family: 'depot-new-web', Verdana, Helvetica, sans-serif;
	font-weight: 100;
	margin-bottom:36px;
	margin-right:0;
	width: 80%;
}

#navigation ul li div.subNav div.wrapper-inner ul li a, #navigation ul li div.subNav div.wrapper-inner ul li a:visited {
	color: var(--black);
	display: block;
	font-size:1em;
	margin: 0px;
	padding: 0px;
	padding-bottom:6px;
	text-decoration: none;
	width: 100%;
}

#navigation ul li div.subNav div.wrapper-inner ul#navBottom li a, #navigation ul li div.subNav div.wrapper-inner ul#navBottom li a:visited {
	color: var(--black);
	display: block;
	font-size:1em;
	margin: 0px;
	padding: 0px;
	padding-bottom:6px;
	text-decoration: none;
	width: 100%;
}


#navigation ul li div.subNav div.wrapper-inner-large ul li a, #navigation ul li div.subNav div.wrapper-inner-large ul li a:visited {
	border-bottom: 1px solid var(--black);
	color: var(--black);
	display: block;
	font-size:1em;
	margin: 0px;
	padding: 0px;
	padding-bottom:6px;
	text-decoration: none;
	width: 100%;
}



#navigation ul li div.subNav div.wrapper-inner ul li a span, #navigation ul li div.subNav div.wrapper-inner-large ul li a span{
	font-size:1.4em;
}

#navigation ul li div.subNav div.subNavImage {
	border: 3px solid #b3b3b3;
	float: left;
	margin-left: 64px;
}
#nav-icon, .mobile-close {
	display: none;
}

#navDesignMenu {
	display: none;
}

#navSupportMenu {
	display: none;
}
	

#navigation ul li a#searchIcon, #navigation ul li a#navRegister {
	float: right;
}

#navigation ul li a#searchIcon img, #navigation ul li a.subnavTitle img {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}

#navigation ul li a#navLast {
	color: #ffe600;
	float: right;
	margin-right: 0px;
	padding-right:0px;
}

#navigation ul li a#nav-menu {
	margin-left: 0px;
	padding-left:0px;
}

#navigation ul li #navFirst {
	/*margin-left: 0px;
	padding-left:0px;*/
}

#navigation ul li span.subnav-close {
	position: absolute;
	top: 5%;
	right: 5%;
} 


#navigation ul li div.subNav div.wrapper-inner ul li.nav_1 a, #navigation ul li div.subNav div.wrapper-inner ul li.nav_1 a:visited,
#navigation ul li div.subNav div.wrapper-inner-large ul li.nav_1 a, #navigation ul li div.subNav div.wrapper-inner-large ul li.nav_1 a:visited {
	border-bottom: 1px solid #ed1169;
}

#navigation ul li div.subNav div.wrapper-inner ul li.nav_2 a, #navigation ul li div.subNav div.wrapper-inner ul li.nav_2 a:visited,
#navigation ul li div.subNav div.wrapper-inner-large ul li.nav_2 a, #navigation ul li div.subNav div.wrapper-inner-large ul li.nav_2 a:visited {
	border-bottom: 1px solid #71c26e;
}
#navigation ul li div.subNav div.wrapper-inner ul li.nav_3 a, #navigation ul li div.subNav div.wrapper-inner ul li.nav_3 a:visited,
#navigation ul li div.subNav div.wrapper-inner-large ul li.nav_3 a, #navigation ul li div.subNav div.wrapper-inner-large ul li.nav_3 a:visited {
	border-bottom: 1px solid #00acce;	
}	
#navigation ul li div.subNav div.wrapper-inner ul li.nav_4 a, #navigation ul li div.subNav div.wrapper-inner ul li.nav_4 a:visited,
#navigation ul li div.subNav div.wrapper-inner-large ul li.nav_4 a, #navigation ul li div.subNav div.wrapper-inner-large ul li.nav_4 a:visited {
	border-bottom: 1px solid #b82e92;	
}
#navigation ul li div.subNav div.wrapper-inner ul li.nav_5 a, #navigation ul li div.subNav div.wrapper-inner ul li.nav_5 a:visited,
#navigation ul li div.subNav div.wrapper-inner-large ul li.nav_5 a, #navigation ul li div.subNav div.wrapper-inner-large ul li.nav_5 a:visited {
	border-bottom: 1px solid #f6891f;	
}
#navigation ul li div.subNav div.wrapper-inner ul li.nav_6 a, #navigation ul li div.subNav div.wrapper-inner ul li.nav_6 a:visited,
#navigation ul li div.subNav div.wrapper-inner-large ul li.nav_6 a, #navigation ul li div.subNav div.wrapper-inner-large ul li.nav_6 a:visited {
	border-bottom: 1px solid #00B2A2;	
}
#navigation ul li div.subNav div.wrapper-inner ul li.nav_7 a, #navigation ul li div.subNav div.wrapper-inner ul li.nav_7 a:visited,
#navigation ul li div.subNav div.wrapper-inner-large ul li.nav_7 a, #navigation ul li div.subNav div.wrapper-inner-large ul li.nav_7 a:visited {
	border-bottom: 1px solid #ffe600;	
}
#navigation ul li div.subNav div.wrapper-inner ul li.nav_8 a, #navigation ul li div.subNav div.wrapper-inner ul li.nav_8 a:visited,
#navigation ul li div.subNav div.wrapper-inner-large ul li.nav_8 a, #navigation ul li div.subNav div.wrapper-inner-large ul li.nav_8 a:visited {
	border-bottom: 1px solid #d2232a;	
}

#navigation ul li div.subNav div.wrapper-inner ul li.nav_9 a, #navigation ul li div.subNav div.wrapper-inner ul li.nav_9 a:visited,
#navigation ul li div.subNav div.wrapper-inner-large ul li.nav_9 a, #navigation ul li div.subNav div.wrapper-inner-large ul li.nav_9 a:visited {
	border-bottom: 1px solid #999999;	
}

#navigation ul li div.subNav div.wrapper-inner ul li.nav_white a, #navigation ul li div.subNav div.wrapper-inner ul li.nav_white a:visited {
	border-bottom: 1px solid #000000;
}

#navigation ul li div.subNav div.wrapper-inner ul li.nav_white_1 a, #navigation ul li div.subNav div.wrapper-inner ul li.nav_white_1 a:visited {
	border-bottom: 1px solid rgba(255,230,0,1.0);
} 

#navigation ul li div.subNav div.wrapper-inner ul li.nav_white_2 a, #navigation ul li div.subNav div.wrapper-inner ul li.nav_white_2 a:visited {
	border-bottom: 1px solid rgba(255,230,0,0.6);
} 

#navigation ul li div.subNav div.wrapper-inner ul li.nav_white_3 a, #navigation ul li div.subNav div.wrapper-inner ul li.nav_white_3 a:visited {
	border-bottom: 1px solid rgba(255,230,0,0.4);
}  

#navigation ul li div.subNav div.wrapper-inner ul#navBottom li.navNewProducts a, #navigation ul li div.subNav div.wrapper-inner ul#navBottom li.navNewProducts a:visited,
#navigation ul li div.subNav div.wrapper-inner-large ul#navBottom li.navNewProducts a, #navigation ul li div.subNav div.wrapper-inner-large ul#navBottom li.navNewProducts a:visited {
	border-bottom: 1px solid #e5e5e5;	
}

#navigation ul li div.subNav div.wrapper-inner ul#navBottom li.navOffers a, #navigation ul li div.subNav div.wrapper-inner ul#navBottom li.navOffers a:visited, 
#navigation ul li div.subNav div.wrapper-inner-large ul#navBottom li.navOffers a, #navigation ul li div.subNav div.wrapper-inner-large ul#navBottom li.navOffers a:visited {
	border-bottom: 1px solid #e5e5e5;	
}

#navigation ul li div.subNav div.wrapper-inner ul#navBottom li.navAdvancedSearch a, #navigation ul li div.subNav div.wrapper-inner ul#navBottom li.navAdvancedSearch a:visited, 
#navigation ul li div.subNav div.wrapper-inner-large ul#navBottom li.navAdvancedSearch a, #navigation ul li div.subNav div.wrapper-inner-large ul#navBottom li.navAdvancedSearch a:visited {
	border-bottom: 1px solid #e5e5e5;	
}

#navigation ul li div.subNav div.wrapper-inner ul#navBottom li.navNettPrices a, #navigation ul li div.subNav div.wrapper-inner ul#navBottom li.navNettPrices a:visited, 
#navigation ul li div.subNav div.wrapper-inner-large ul#navBottom li.navNettPrices a, #navigation ul li div.subNav div.wrapper-inner-large ul#navBottom li.navNettPrices a:visited {
	border-bottom: 1px solid #e5e5e5;	
}

/************ hover colours for dropdown links **************/
#navigation ul li div.subNav div.wrapper-inner ul li.nav_1 a:hover, #navigation ul li div.subNav div.wrapper-inner-large ul li.nav_1 a:hover{
	color: #ed1169;
}

#navigation ul li div.subNav div.wrapper-inner ul li.nav_2 a:hover, #navigation ul li div.subNav div.wrapper-inner-large ul li.nav_2 a:hover{
	color: #71c26e;
}
#navigation ul li div.subNav div.wrapper-inner ul li.nav_3 a:hover, #navigation ul li div.subNav div.wrapper-inner-large ul li.nav_3 a:hover{
	color: #00acce;	
}	
#navigation ul li div.subNav div.wrapper-inner ul li.nav_4 a:hover, #navigation ul li div.subNav div.wrapper-inner-large ul li.nav_4 a:hover{
	color: #b82e92;	
}
#navigation ul li div.subNav div.wrapper-inner ul li.nav_5 a:hover, #navigation ul li div.subNav div.wrapper-inner-large ul li.nav_5 a:hover{
	color: #f6891f;	
}
#navigation ul li div.subNav div.wrapper-inner ul li.nav_6 a:hover, #navigation ul li div.subNav div.wrapper-inner-large ul li.nav_6 a:hover{
	color: #00B2A2;	
}
#navigation ul li div.subNav div.wrapper-inner ul li.nav_7 a:hover, #navigation ul li div.subNav div.wrapper-inner-large ul li.nav_7 a:hover{
	color: #ffe600;	
}
#navigation ul li div.subNav div.wrapper-inner ul li.nav_8 a:hover, #navigation ul li div.subNav div.wrapper-inner-large ul li.nav_8 a:hover{
	color: #d2232a;	
}
#navigation ul li div.subNav div.wrapper-inner ul li.nav_9 a:hover, #navigation ul li div.subNav div.wrapper-inner-large ul li.nav_9 a:hover{
	color: #999999;	
}



#navigation ul li div.subNav div.wrapper-inner ul li.nav_4, #navigation ul li div.subNav div.wrapper-inner ul li.nav_8,
#navigation ul li div.subNav div.wrapper-inner-large ul li.nav_4, #navigation ul li div.subNav div.wrapper-inner-large ul li.nav_8 {
	margin-right:0px;
}

.nav-title {
	clear: both;
	color: var(--black);
	float:left;
	font-size:2em;
	text-transform: lowercase;
}	

#navShortText{
	color:#FFFFFF;
	float:left;
	font-size:1.8em;
	margin-right:40px;
	width:410px;
}

#navLargeText{
	float:left;
	width:720px;
}
#navLargeText p{
	color:#b5b7b7;
	font-size:1.0em;
}

.nav-band-wrapper {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 40px;
}

.nav-band {
	height: 25%;
	width: 100%;
}

#nav-band-1 {
	background: rgba(255,230,0,1.0);
}

#nav-band-2 {
	background: rgba(255,230,0,0.6);
}

#nav-band-3 {
	background: rgba(255,230,0,0.4);
}

#nav-band-4 {
	background: rgba(255,230,0,0.2);
}



#navigation ul li ul#navItems{
	border-top:1px dotted #FFFFFF;
	margin-top:18px;
	padding-top:32px;
}
#navigation ul li ul#navItems li a, #navigation ul li ul#navItems li a:visited{	
	display:inline;
	font-size:1.2em;
	padding-top:2px;
	padding-bottom:2px;
	text-transform:none;
}

#navigation ul li ul#navItems li a#specialOffers{
	background-image:url(../images/specialoffers.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:32px;
}	
#navigation ul li ul#navItems li a#advancedSearch{
	background-image:url(../images/advancedsearch.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:28px;
}	

#navigation ul li ul#navItems li#navItemsTradeList{
	margin-right:0px;
}


#navigation ul li a#nav-menu div, #navigation ul li a#nav-menu:visited div {
	float: left;
	height: 15px;
	/*margin-left: 15px;*/
	margin-top: 2px;
	position: relative;
	width: 21px;

}

#navigation ul li a#nav-menu div span:hover {

}

#navigation ul li a#nav-menu div span {
	display: block;
	position: absolute;
	height: 1px;
	width: 100%;
	background: #ffffff;
	opacity: 1;
	left: 0;
}

#navigation ul li a#nav-menu div span:hover {
	background: #fee600;
}


#navigation ul li a#nav-menu div span:nth-child(1) {
  top: 0px;
}

#navigation ul li a#nav-menu div span:nth-child(2), #navigation ul li a#nav-menu div span:nth-child(3) {
  top: 7px;
}

#navigation ul li a#nav-menu div span:nth-child(4) {
  top: 15px;
}

#navigation ul li a#nav-menu div:hover {
	color: #ffe600;
}


#menu-close {
	cursor: pointer;
	float: right;
	height: 27px;
	width: 27px;
}

#right-menu {
	float: left;
	list-style: none;
	margin: 0px;
	margin-top: 80px;
	padding: 0px;
}

#right-menu li {
	margin-bottom: 50px;
}

#right-menu li a, #right-menu li a:hover, #right-menu li a:visited {
	color: #000000;
	font-size: 2em;
	text-decoration: none;
}


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

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

#leftc ul li a, #leftc ul li a:visited {
	/*border-bottom: 1px solid #a7a6a6;*/
	color:#222121;
	display: block;
	font-size: 1.4em;
	font-family: 'Roboto Light', Verdana, Helvetica, sans-serif;
	font-weight: normal;
	margin:0px;
	padding-bottom: 15px;
	padding-left: 18px;
	padding-right: 0px;
	padding-top: 15px;
	text-decoration: none;
	text-transform: lowercase;
	/*width avoids extra whitespace in ie5-6*/
}

#leftc ul li a:hover {
	color:#fd0fac;
	font-family: 'Roboto Light', Verdana, Helvetica, sans-serif;
	font-weight: normal;
}

/*#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: 270px;
}

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

.about_header {
	/*background-color: #222121;*/ 
	border-bottom: 0px;
	color: #222121;
	display: block;
	font-size: 1.8em;
	margin: 0px;
	padding-bottom: 15px;
	padding-left: 18px;
	padding-right: 0px;
	padding-top: 12px;
	text-decoration: none;
	text-transform: lowercase;
}
* html .about_header {
	width: 270px;
	w\idth: 252px;
}

h2.about_header a {
	color: #222121;
	text-decoration: none;
}
#aboutMenu li a:hover, .about_header a:hover {
	/*background-image: url(../images/about-menu-bg.gif);
	background-position: 95% 50%;
	background-repeat: no-repeat;*/
	color:#fd0fac;
	font-family: 'Roboto Light', Verdana, Helvetica, sans-serif;
	font-weight: normal;
}

/** ------------------------------------------------------ **/
/** ------------------------ 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 --------------------------- **/
#foot div.col6 h3, #foot div.col3 h3 {
	border-bottom: 1px solid #333132;
	color: #ffe600;
	font-family: 'Roboto Medium', Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.1em;
	margin-bottom: 0px;
	padding-bottom: 36px;
	text-transform: lowercase;
}
#foot div.col6 ul, #foot div.col3 ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 180px;
}
#foot div.col6 ul li, #foot div.col3 ul li {
	border-bottom: 1px dotted #333132;
	font-family: 'Roboto Medium', Verdana, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	padding-bottom: 12px;
	padding-top: 10px;
}
#foot div.col6 ul li a, #foot div.col6 ul li a:visited, #foot div.col3 ul li a, #foot div.col3 ul li a:visited {
	color: #858787;
	display: block;
	text-decoration: none;
}

#foot div.col6 ul#address li a, #foot div.col6 ul#address li a:visited {
	color: #ffffff;
	display: block;
	text-decoration: none;	
}
#foot div#footContact ul li a {
	background-image: none;
	padding-right: 0px;
}
#foot div.col6 ul li img {
	float: left;
}
#foot div.col3 ul.menu2 {
	margin-left: 20px;
}
#footerLogo {
	padding-bottom: 10px;
	margin-top: 25px;
} 
#footerleft{
    float: left;
}


#foot ul li {
	font-size: 1.1em;
}

#foot2 ul{
	float: left;
    list-style: none; 
    margin: 0;
	margin-bottom: 40px;
	padding-left: 0px;
	padding-top: 5px;
	white-space: wrap;
}
#foot2 ul li{
	color: var(--black);
	display: inline;
	font-family: 'Roboto Light', Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.9em;
	margin: 0;	
	padding-right: 15px;	
}
#foot2 ul li a{		
	color: var(--black);
	font-family: 'Roboto Light', Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}
#foot2 ul li a:hover, #foot2 ul li a:active, #foot2 ul li a:focus{	
    color: var(--black);
	text-decoration: underline;	
}

#footerLogosWrap {
	margin-top: 40px;
	width: 100%;
}
.affiliations img {
	float: none;
	margin-left: auto;
	margin-right: auto;
}


	
/** ------------------------------------------------------ **/
/** ------------------- 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;
  margin-bottom:11px;
  overflow:auto;
  }
form fieldset h3 {
	font-size: 1.4em;
	font-family: 'Roboto Medium', Verdana, Helvetica, sans-serif;
  	font-style: normal;
}  
form fieldset p {
  padding-bottom: 10px;
  margin: 0px;
  clear: both;
  }
label {
  display:block;
  float: left;
  font-size: 1.2em;
  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{
	background-color: #e8ebed;
	border:1px solid #4c4c4c;
	color:#4c4c4c;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	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:138px;
}
* html .contactInputSmall{
	width:100px;
	w\idth:76px;
}

.submitButton{
	margin-left:210px;
}

.InputButtonBlack {
	background-image: url(../images/homepage/newsletter-button-bg.jpg);
	background-position: 93%;
	background-repeat: no-repeat;
	background-color: #272727;
	border: 0px;
	color: #ffe600;
	cursor: pointer;
	font-size: 1.1em;
	margin-bottom: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 40px;
	padding-top: 8px;
	text-transform: lowercase;
}

a.InputButtonBlack {
	background-image: url(../images/homepage/newsletter-button-bg.jpg);
	background-position: 93%;
	background-repeat: no-repeat;
	background-color: #272727;
	border: 0px;
	color: #ffe600 !important;
	cursor: pointer;
	font-size: 1.1em;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 40px;
	padding-top: 6px;
	text-transform: lowercase;
	text-decoration: none;
}	

.InputButtonWhite {
	background-color: #ffffff;
	border: 1px solid #000000;
	color: #000000;
	cursor: pointer;
	font-size: 1.1em;
	margin-bottom: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 8px;
	text-transform: lowercase;
	transition: background-color 0.2s, color 0.2s;
	width: 200px;
}

a.InputButtonWhite {
	background-color: #ffffff;
	border: 1px solid #000000;
	color: #000000 !important;
	cursor: pointer;
	font-size: 1.1em;
	float: left;
	margin-bottom: 20px;
	padding-bottom: 8px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 6px;
	text-transform: lowercase;
	text-decoration: none;
	transition: background-color 0.2s, color 0.2s;
	width: 200px;
}

.InputButtonWhite:hover, a.InputButtonWhite:hover {
	background-color: #000000;
	color: #ffffff;
}

.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;
}


input[type="text"]:read-only, input[type="tel"]:read-only, input[type="email"]:read-only, input[type="password"]:read-only, textarea:read-only {
	background-color: #ffffff;
	border: 1px solid #bcbcbc;
	color: #bcbcbc;
	cursor: not-allowed;
}
 
/** ------------------------------------------------------ **/
/** ------------------- 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;
}

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

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

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

/** ------------------------------------------------------------ **/
/** ----------------------- shop ------------------------------ **/

.price {
	font-size: 1.4em;
}

.blackPrice {
	
}

.blackPriceWas {
	text-decoration: line-through;
}

.redPrice {
	color: #FF0000;
}
.formAdd{
	padding-bottom: 18px; 
}
.formAdd input{
	float: none;
	margin-bottom: 10px;
}
.selectOptions {
	clear:both;
	display:block;
	float: none;	
	margin-bottom: 10px;
}

#downloads{
	clear:both;
	margin-bottom:20px;
}

/** ------------------------------------------------------ **/
/** ------------------- filters -------------------------- **/
#filterContainer {
	border: 1px solid #555e5e;
	float: left;
	margin-bottom: 20px;
	padding: 11px;
	width: 196px;
}
* html filterContainer {
	width: 220px;
	w\idth: 196px;
}
#filterContainer .filterset {
	border-bottom: 1px solid #555e5e;
}
.filter-h2 {
	border-bottom: 1px solid #555e5e;
	font-size: 1.6em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 6px;
}
.filter-h3 {
	font-weight: bold;
	color: #555e5e;
	margin: 10px 0px 4px 0px;
}
#filterContainer ul {
	list-style: none;
	padding-bottom: 8px;
	width: 196px;
}
#filterContainer ul li {
	margin-bottom: 8px;
}
#filterContainer ul li a.filtertag, #filterContainer ul li a.filtertag:hover {
	background: url(../images/filter-tickboxes.gif);
	background-position: 0px -6px;
	background-repeat: no-repeat;
	border-bottom: none;
	color: #555e5e;
	font-size: 14px;
	font-weight: normal;
	height: 14px;
	margin: 0px;
	padding: 0px;
	padding-left: 25px;
	text-decoration: none;
	width: 171px;
}
* html #filterContainer ul li a.filtertag, #filterContainer ul li a.filtertag:hover {
	width: 196px;
	w\idth: 171px;
}
#filterContainer ul li a.ticked, #filterContainer ul li a.ticked:hover {
	background-position: -26px -32px
}
#filter_slider_target {
	margin: 0px 8px 8px 8px;
}
.ft_spanprice {
	color: #555e5e;
	font-size: 14px;
	padding-bottom: 8px;
}
#ft_spanpricemin {
	float: left;
}
#ft_spanpricemax {
	float: right;
}
#filterResultsWrap {
	position: relative;
}
#filterLoading {
	display: none;
	left: 0px;
	position: absolute;
	text-align: center;
	top: 200px;	
	width: 100%;
}

/** ------------------------------------------------------ **/
/** ------------------- bespoke -------------------------- **/

.wrapper-inner-large h2, #centerc-2col h2 {
	font-size: 2em;
}

.wrapper-inner-large p, #centerc-2col p, #centerc-2col ul li, #centerc-2col ol li {
	font-size: 1.3em;
}

#case-study-range-wrapper h2{
	font-size: 2em;
} 
#case-study-range-wrapper p {
	font-size: 1.2em;
}

#centerc-2col p img, #centerc-2col p.iframe iframe {
	display: block;
	margin: 0 auto;
}

#centerc-2col p small {
	display: block;
	font-size: 16px;
	text-align: center;
}


.col1 {
	width: 1180px;
}
.col2 {
	float: left;
	margin-right: 20px;
	width: 580px;
}
.col3 {
	float: left;
	margin-right: 20px;
	width: 380px;
}
.col4 {
	float: left;
	margin-right: 20px;
	width: 280px;
}
.col6 {
	float: left;
	margin-right: 20px;
	width: 180px;
}
.col2Last, .col3Last, .col4Last, .col6Last, .newsLast {
	border-right:0px !important;
	margin-right: 0px !important;
	padding-right:0px !important;
}
.col4First{
	padding-left:0px !important;
}

/**percentage widths***/

/** use margin left as it easier to use first-child to remove margin from first div than last-child as it is not specific enough **/
.col {
	box-sizing: border-box;
	float: left;
  	margin-left: 2%;
}
.col-1 {
	width: 6.5%;
}
.col-2 {
	width: 20%;
}
.col-3 {
	width: 23.5%;
}
.col-4 {
	width: 32%;
}
.col-5 {
	width: 40.5%;
}
.col-6 {
	width: 49%;
}
.col-7 {
	width: 57.5%;
}
.col-8 {
	width: 66%;
}
.col-9 {
	width: 74.5%;
}
.col-10 {
	width: 83%;
}
.col-11 {
	width: 91.5%;
}
.col-12 {
	width: 100%;
}
/** first of type removes margin left from 1st column **/
.col:first-child, .col-no-margin { 
	margin-left: 0px; 
}


/*** background colours ***/
/**** colours ****/
.bg-white {
	background-color: var(--white);
}
.bg-yellow {
	background-color: var(--yellow);
}
.bg-lightgrey {
	background-color: var(--lightgrey);
}
.bg-darkgrey {
	background-color: var(--darkgrey);
}
.bg-black {
	background-color: var(--black);
}
.bg-blue {
	background-color: #03b2a1;
}
.bg-orange {
	background-color: var(--orange);
}
.bg-pink {
	background-color: #ed1169;
}




/**homepage block modules**/
#who-we-are {
	display: flex;
	align-items: center;
	overflow: hidden;
}

/*#who-we-are-text {
	transform: translate3d(-10vw, 0, 0);
	visibility: hidden;
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
#who-we-are-text.visible {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	visibility: visible;
}*/

#who-we-are-images {
	display: flex;
	justify-content: space-around;
	overflow: hidden;
	padding-bottom: 90px;
	padding-top: 90px;
}

/*#who-we-are-images img {
	opacity: 0;
}

#who-we-are-images img.img-1 {
	visibility: hidden;
	transition: opacity 4s cubic-bezier(.19,1,.22,1) 0.5s;
}
#who-we-are-images img.img-2 {
	visibility: hidden;
	transition: opacity 4s cubic-bezier(.19,1,.22,1) 1.5s;
}
#who-we-are-images img.img-1.visible, #who-we-are-images img.img-2.visible {
	opacity: 1;
	visibility: visible;
}*/

#about-banner {
	position: relative;
}

#about-banner::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: inline-flex;
	background: var(--black);
	opacity: 0.6;
}

#about-banner h1 {
	text-transform: lowercase;
}


#bottom-banner {
	/* background: var(--black); */
	display: flex;
	align-items: center;
	height: 600px;
	overflow: hidden;
	position: relative;
	/* z-index: -999; */
}
#bottom-banner .col-12 {
	z-index: -1;
	background: var(--black);
}
#bottom-banner video {
	opacity: 0.5;
	min-height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	/* z-index: -999; */
}
#bottom-banner img {
	transition: transform 3s ease;
  	transform: scale(1);
}
#bottom-banner img.visible {
	transform: scale(1.4);
}
#bottom-banner .banner-text {
	border-left: 7px solid var(--yellow);
	padding-left: 25px;
	padding-bottom: 25px;
	position: absolute;
	left: 10%;
	/*width: 30%;*/
	width:600px;
	text-align: left;
	transform: translate3d(-10vw, 0, 0);
	visibility: hidden;
	transition: opacity 1.2s cubic-bezier(.19,1,.22,1), transform 1.2s cubic-bezier(.19,1,.22,1);
}
#bottom-banner .banner-text.visible{
	opacity: 1;
	transform: translate3d(0, 0, 0); 
	visibility: visible;
}
/* #bottom-banner .banner-text::before {
	content: '';
    display: inline-flex;
    float: left;
    height: 100%;
	margin-right: 6%;
    padding-bottom: 29%;
    padding-top: 33%;
    width: 7px;
    background: linear-gradient(to bottom, var(--lightgrey) 75%, transparent 75%, transparent 100%);
} */
#bottom-banner .banner-text h2 {
	color: var(--white);
	font-size: 3.2em;
	float: left;
	clear: both;
	/*padding-top: 3%;*/
}
#bottom-banner .banner-text p, #bottom-banner .banner-text h3 {
	color: var(--white);
	float: left;
	font-size: 1.4em;
	margin-bottom: 25px;
}

#bottom-banner .banner-text a, #bottom-banner .banner-text a:visited {
	border: 1px solid var(--white);
	color: var(--white);
	float: left;
	font-size: 1.2em;
	margin-top: 2%;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	width: 120px;
	transition: background 0.8s cubic-bezier(.19,1,.22,1), color 0.8s cubic-bezier(.19,1,.22,1);
}
#bottom-banner .banner-text a:hover, #bottom-banner .banner-text a:focus {
	background: var(--white);
	color: var(--black);
}

#product-focus {
	background-color: var(--white);
	overflow: hidden;
	padding: 50px 0 90px 0;
}

#product-focus h2 {
	margin-bottom: 25px;
}

.focus-col {
	display: flex;
	overflow: hidden;
	position: relative;
}

.focus-col img {
	height: auto;
	max-width: 100%;
}

.focus-col .focus-wrap {
	background: rgba(0,0,0,0.3);
	top: 0;
	left: 0;
	padding: 5%;
	position: absolute;
	height: 100%;
	width: 100%;
    box-sizing: border-box;
}


 .focus-col .focus-title {
	top: 0;
	padding: 5%;
	position: absolute;
} 

.focus-col .focus-title h2 {
	color: var(--white);
	font-size: 4em;
}
.focus-col .focus-text {
	bottom: 0;
	padding: 5%;
	position: absolute;
} 

.focus-col .focus-text h3 {
	color: var(--white);
	font-size: 1.6em;
}

.focus-col .focus-text p {
	color: var(--white);
	font-size: 1.3em;
}

#focus-left {
	opacity: 0;
	transform: translate3d(-10vw, 0, 0);
	visibility: hidden;
	transition: opacity 2s cubic-bezier(.19,1,.22,1), transform 2s cubic-bezier(.19,1,.22,1);
}

#focus-right {
	opacity: 0;
	transform: translate3d(100vw, 0, 0);
	visibility: hidden;
	transition: opacity 2s cubic-bezier(.19,1,.22,1), transform 2s cubic-bezier(.19,1,.22,1);
}

#focus-left.visible, #focus-right.visible {
	opacity: 1;
	transform: translate3d(0, 0, 0); 
	visibility: visible;
}

.focus-col img {
	transition: transform 3s ease;
	transform: scale(1);
}

.focus-col:hover img {
	transform: scale(1.4);
}


.home-module {
	border-right: 1px dotted #7f7f87;
	box-sizing: border-box;
	margin-left: 0px;
	padding: 10px 15px;
	text-align: left;
	width: 50%;
}

.home-module:nth-of-type(2n) {
	border-right: 0px;
}
.home-module img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

.home-module div.col-6 {
	width: 50%;
}
.home-module div.module-text {
	border-bottom: 2px solid #7f7f87;
	padding: 5% 2%;
}
.home-module h2 {
	color: var(--black);
	font-size: 1.9em; 
}

.home-module p {
	color: var(--black);
	font-size: 1.2em;
}

.module-text a, .module-text a:visited {
	color: var(--black);
	font-size: 1.4em;
	text-decoration: none;
}

.module-text a:hover {
	color: var(--black);
	cursor: pointer;
	text-decoration: underline;
}

.home-module-image {
	border-bottom: 2px solid #7f7f87;
	overflow: hidden;
	position: relative;
}

.home-module-image div.home-module-arrow {
	left: 0px;
	position: absolute;
	top: 42%;
}
.home-module-image div.arrow-right {
	right: 0px;
	left: auto;
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.inner-div {
	background-size: cover;
	background-position: center center;
	height: 100%;
 	width: 100%;
 	transition: all 600ms ease;
}

.inner-div:hover {
	transform: scale(1.2);
}

.inner-div a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

/** search box **/
#search-box {
	background-color: transparent;
	display: none;
	position: absolute;
	left: 30%;
	top: 10%;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 40%;
	/*height: 100%;
	z-index: 2000;*/

}

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

#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: 92%;
}

#sitesearch input[type=submit] {
	 border-radius: 0;
    -webkit-appearance: none;
    background-color: #dcdddf;
    background-image: url(../images/search-icon.gif);
    background-position: 5px;
    background-repeat: no-repeat;
    background-size: 24px;
    border: 0px;
    cursor: pointer;
    height: 48px;
    margin: 0px;
    text-indent: -10000px;
    width: 8%;
}

#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);
}

/** homepage about text **/
#hometext {
	padding-bottom: 40px;
	padding-top: 50px;
}

#hometext p {
	font-size: 1.8em;
}

/** social plugin section **/

#social-media {
	padding-bottom: 35px;
	padding-top: 35px;
}

#social-media h2 {
	color: #ffffff;
	font-size: 3em;
	margin-bottom: 0px;
	margin-top: 0px;
}

#social-media div#social-icons {
	float: right;
}

#social-icons ul {
	float: right;
	margin: 0px;
	padding: 0px;
}

#social-icons ul li {
	display: inline-block;
	list-style: none;
	margin-left: 25px;
}

/** footer **/

#foot .col-2 {
	width: 18%;
} 

#newsletter {
	box-sizing: border-box;
	padding-right:30px;
	width: 100%;	
}

#newsletter-opt-out {
	color: var(--black);
    font-size: 1em;
    padding-bottom: 48px;
    width: 80%;
}

#newsletter-opt-out a {
	color: var(--black);
	text-decoration:none;
}

#foot h2{
	color: #a6a6a6;
	font-size:2.2em;
	margin-bottom:15px;
}

#newsletter p{
	color: var(--black);
	font-size: 1.2em;
	margin-bottom:34px;
	width: 85%;
}
#newsletter p#disclaimer {
	margin-bottom: 0px;
}

#newsletter p#disclaimer a, #newsletter p#disclaimer a:visited, #newsletter p#disclaimer a:hover {
	color: var(--black);
}

#newsletter h3 {
	background-color: #272727;
	color: #ffd102;
	font-size: 1.4em;
	margin-top: 14px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 8px;
	text-transform: lowercase;
	
}
#newsletterForm input[type=text], #newsletterForm input[type=email] {
	background-color: var(--white);
	border: 0px;
	border-bottom:1px solid var(--black);
	color: var(--black);
	margin-bottom: 32px;
	width: 90%;
}

#newsletterForm input[type=submit] {
	background-color:var(--white);
	border: 0px;	
	border:1px solid var(--black);
	clear: both;
	color: var(--black);
	cursor:pointer;
	float: left;
	font-family: 'Roboto Regular', Verdana, Helvetica, sans-serif;
	font-size: 1.3em;
	margin-top:0px;
	margin-bottom: 20px;
	padding-bottom:10px;
	padding-top: 10px;
	text-align:center;
	transition: background-color 0.8s cubic-bezier(.19,1,.22,1), color 0.8s cubic-bezier(.19,1,.22,1);
	width: 156px;
}

#newsletterForm input[type=submit]:hover {
	background-color: var(--black);
	color: var(--white);
}
p#newsLetterDisc {
	margin-top: 23px;
}

ul#address, #footContact ul, #foot-categories ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul#address li, #footContact ul li, #foot-categories ul {
	color:var(--black);
	margin-bottom: 8px;
}

#foot-categories ul {
	float: left;
	margin-right: 0px;
	/*width: 50%;*/
}

#foot-categories ul li {
	margin-bottom: 8px;
}

#footContact ul li a, #footContact ul li a:visited, #foot-categories ul li a, #foot-categories ul li a:visited, ul#address li a, ul#address li a:visited {
	color: var(--black);
	text-decoration: none;
}
ul.social-icons {
	list-style: none;
	margin: 0;
	margin-top: 16px;
	padding: 0;
}

ul.social-icons li {
	float: left;
	margin-bottom: 15px;
	width: 100%;
}
ul.social-icons li a {
	color: var(--black);
	text-decoration: none;
}
ul.social-icons li a img {
	display: inline;
	margin-right: 8px;
}





#breadcrumbs {
	border-bottom: 1px solid #999999;
	padding-bottom: 18px;
	padding-top: 20px;	
	text-align: center;
	width: 100%;
}
#breadcrumbs ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#breadcrumbs ul li {
	background-image: url(../images/breadcrumb-bg.png);
	background-position: right;
	background-repeat: no-repeat;
	display: inline;
	font-size: 1em;
	padding-left: 14px;
	padding-right: 22px;
	text-transform: lowercase;
}

.rangeName {
	text-transform: none;
}

#breadcrumbsNavLast {
	background-image: none !important;
}

#breadcrumbs ul li a, #breadcrumbs ul li a:visited {
	color: #333132;
	text-decoration: none;
	text-transform: lowercase;
}
#breadcrumbs ul li.navFirst {
	padding-left: 0px;
}
#col2Home {
	padding-bottom: 56px;
	padding-top: 9px;
	width: 680px;
}
#col2Home p {
	border-bottom: 1px solid #333132;
	font-size: 1.8em;
	margin-top: 33px;
	padding-bottom: 70px;
}
#col2Home a, #col2Home a:visited {
	background-image: url(../images/homepage/about_link_bg.jpg);
	background-position: right center;
	background-repeat: no-repeat;
	color: #222121;
	font-size: 1.3em;
	padding-right: 30px;
	text-decoration: none;
}
#contentBottom p {
	color:#FFFFFF;
	font-size: 1em;
}
#homeBlog {
	margin-bottom: 52px;
	margin-top: 52px;
}
.col3Home {
	margin-bottom:60px;
	margin-top: 108px;
}
.col3Home h2 {
	color: #FFFFFF;
	padding-bottom: 16px;
}
#contentBottom {
	padding-bottom: 25px;
}
#distributor p, #designService p {
	margin-top: 20px;
}

#designService h3 {
	color: #333132;
	font-size: 1.2em;
	margin-bottom: 16px;
}
#designService {
	/*border-bottom: 1px solid #333132;*/
}
/*#designService a, #designService a:visited {
	background-color: #ffffff;
	background-image: url(../images/homepage/design-service-link-bg.jpg);
	background-repeat: no-repeat;
	background-position: right;
	color: #333132;
	float: right;
	font-family: 'Roboto Bold', Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.2em;
	margin-bottom: 13px;
	padding-right: 20px;
	text-decoration: none;
}*/
.video-banner {
	background: var(--black);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.video-banner video {
	display: block;
	opacity: 0.6;
	width: 100%;
}
#rangeBanner {
	float: left;
	height: 532px;
	margin-top: -119px;
	position: relative;
	width: 100%;
}
.rangeBanner-inner {
	background-image:url(../images/catslidebg.png);
	height:100%;
}
.video-banner-inner {
	position: absolute;
}
#rangeBanner h1, .video-banner h1 {
	color: #ffffff;
	font-size: 4.2em;
	margin: 0px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 234px;
	text-align:center;
	text-transform: lowercase;
	max-width:780px;
	width:100%;
}
.video-banner h1 {
	padding-top: 100px;
}
#rangeBanner .catSlideArrow, .video-banner .catSlideArrow {
	cursor:pointer;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:64px;
	width:21px;
}	

#categoryText {
	background-color:var(--white);
	border-bottom: 1px solid var(--black);
	padding-top:70px;
	padding-bottom: 70px;
}

#categoryText h1{
	color:var(--black);
}

#categoryText p, #productText p{
	color:var(--black);
	font-size: 2.0em;
	line-height: 1.6em;
	margin-bottom: 0px;
	margin-top: 0px;
}
#categoryText ul {
	margin-bottom:22px;
	margin-top: 22px;
}
#categoryText ul li {
	color:var(--black);
	font-size: 1.5em;
	line-height:1.6em;
}

#productText{
	background-color:#f6f6f6;
	padding-top:56px;
	padding-bottom:66px;
}

#productWrapper {
	padding-bottom:60px;
	padding-top: 60px;
}
.productContainer {
	box-sizing: border-box;
	
	border-right:1px dotted #7f7f87;
	box-sizing: border-box;
	height: 100%;
	/*max-height:338px;*/
	margin-top: 15px;
	margin-bottom: 0px;
	margin-right:0px;
	padding-left:15px;
	padding-right:15px;
	position:relative;
	text-align: left;
	width: 25%;
}

.productContainer:first-child {
	border-left: 0px;
}

.productContainer:nth-child(4n) {
	border-right: 0px;
}

#advancedSearchResults {
	padding-bottom: 60px;
	padding-top: 60px;
}

.advancedSearchResults div.productContainer:nth-child(4n+1) {
	clear: none;
}
/*.productContainer:nth-child(4n+1) {
	clear: both;
}*/

.productContainer div {
	float: left;
	padding-bottom: 5px;
	width: 100%;
}
.productContainer div img {
	margin: 0 auto;
	height: auto;
	width: 100%;
}
.productContainer h3 {
	border-bottom:2px solid #7f7f87;
	float: left;
	font-size: 1.2em;
	padding-bottom: 15px;
	margin-top: 6px;
	text-align:left;
	width: 100%;
}
.productContainer h3 a, .productContainer h3 a:visited {
	color: #333132;	
	text-decoration: none;
}

.productContainer div.accessory-label {
	position: absolute;
    top: 12px;
    right: 12px;
    color: #ffffff;
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 60px;
    padding: 10px;
}

.productContainer div.accessory-label div {
	padding: 0px;
	position: relative;
	height: 100%;
	width: 100%
}

.productContainer div.accessory-label div span {
	font-size: 1.3em;
	font-weight: 600;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#productDescriptionContainer {
	border-bottom: 1px solid var(--lightgrey);
	border-top: 1px solid var(--lightgrey);
	padding-bottom: 30px;
}

#productDescription {
	padding-bottom: 40px;
	padding-top: 40px;
}
#productDescription p {
	color: var(--black);
	font-size: 1em;
	/*padding-bottom: 27px;*/
}
#productDescription ul {
	color: var(--black);
	margin: 0px;
	margin-bottom: 40px;
	margin-left: 16px;
	padding: 0px;
}
#productDescription ul li {
	color:var(--black);
	font-size: 1em;
	padding-bottom: 10px;
	padding-top: 10px;
}
#productDescription a, #productDescription a:visited {
	color: var(--black);
	float: left;
	margin-bottom: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 9px;
	text-decoration: none;
	width: 49%;
}

#specialContainer div.productContainer {
	height: 368px;
}
#specialContainer div.productContainer h3 {
	margin-bottom: 16px;
}
#specialContainer div.productContainer p {
	text-align: center;
}

#specialContainer div.productContainer p a, #specialContainer div.productContainer p a:visited {
	color: #333132;	
	text-decoration: none;
}

#specialContainer div.productContainer div img {
	max-width: 100%;
}

#specialContainer div.productContainer p img {
	display: inline-block;
	float: left;
	margin-right: 8px;
}

#specialContainer div.productContainer div.download {
	display: block;
	float: left;
	text-align: center;
	width: 100%;
}

#specialContainer div.productContainer div.download a, #specialContainer div.productContainer div.download a:hover, #specialContainer div.productContainer div.download a:visited {
	color: #333132;	
	text-decoration: none;
}

#specialContainer div.productContainer div.download img	{
	height: 24px;
	width: 24px;
}

.productTab{
	border:1px solid var(--lightgrey);
	color: var(--black);
	cursor:pointer;
	float:left;
	margin-bottom:44px;
	padding-top:14px;
	padding-bottom:14px;
	text-align:center;
	transition: background-color 0.8s cubic-bezier(.19,1,.22,1), color 0.8s cubic-bezier(.19,1,.22,1);
}

.productTabActive {
	background-color:var(--black);
	color: var(--white);
}

.productTab:hover {
	background-color:var(--black);
	color: var(--white);
}

#productTabFeatures{
	width:44%;
}


#productTabInfo{
	border-left:0px;
	width:44%;
}

#productContentFeatures{
	display:block;
}
	
#productContentInfo{
	display:none;
}

#product-features {
	/*display: flex;*/
	flex-wrap: wrap;
	justify-content: space-around;
}

#product-features h3 {
	margin-top: 0;
}

#product-features h3 span {
	font-weight: 400;
}

.feature-icon {
	float: left;
	font-size: 0.9em;
	margin-bottom: 10px;
	/*margin-right: 10px;*/
	text-align: center;
	min-width: 105px;
    padding: 0px 5px;
}
.feature-icon h4 {
	color: #818384;
	font-family: 'depot-new-web', Verdana, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 400;	
	margin-bottom: 8px;
}

.feature-icon img {
	/*filter: contrast(0);*/
	margin: 0 auto;
	margin-bottom: 10px;
	min-width: 80px; 
}

#distributor p {
	margin-top: 20px;
}

#productDescriptionButtons {
	display: flex;
	flex-wrap: wrap;
}

#productDescriptionButtons a, #productDescriptionButtons a:hover, #productDescriptionButtons a:visited {
	color: var(--black);
	display: flex;
	align-items: baseline;
	padding-bottom: 10px;
	padding-top: 9px;
	text-decoration: none;
	margin-bottom: 15px;
	margin-right: 2%;
	width: 23%;

}

#productDescriptionButtons a:nth-of-type(4n) {
	margin-right: 0;
}

#productDescriptionButtons a#video {
	display: inline-flex;
	justify-content: space-between;
}



#productDescriptionButtons a#bim img {
	display: inline-flex;
	margin-left: 5px;
    margin-right: 5px;
}

#downloads h2 {
	color: #333132;
}

#downloads a, #downloads a:visited {
    color: #454545;
	font-size: 1.1em;
	padding-bottom: 5px;
	padding-right: 10px;
	padding-top: 5px;
	text-decoration: none;
}
#lighting-downloads {
	float: left;
	margin-bottom: 10px;
	width: 100%;
}

#lighting-downloads a#formlink, #lighting-downloads a#formlink:visited {
	background-color: #ffffff;
    border: 1px solid #000000;
    color: #000000;
    display: inline-block;
	font-size: 1.1em;
	padding-bottom: 9px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 6px;
	text-decoration: none;
	transition: background-color 0.2s, color 0.2s;
}

#lighting-downloads a#formlink:hover {
	background-color: #000000;
	color: #ffffff;
}

h1#inline-heading {
	float: left;
	display: inline;
	color: var(--black);
    font-size: 2.0em;
    line-height: 1.6em;
    margin-bottom: 0px;
    margin-top: 0px;
}

h2.h1, h1.h1 {
	color: #333132;
	font-size: 1.8em;
	margin-top: 40px;
}
#newsWrapper {
	/*padding-bottom: 20px;
	padding-top: 40px;*/
}
#newsWrapper p {
	color: #ffffff;
}
/*#newsWrapper a, #newsWrapper a:hover, #newsWrapper a:visited  {
	color: #ffe600;
}*/
#mapKey div:not(.clearboth), .mapKey div:not(.clearboth) {
	border-bottom: 3px solid #000000;
	box-sizing: border-box;
	clear: none;
	float: left;
	margin-bottom: 15px;
	margin-right: 1%;
	width: 24%;
}

#mapKey div:hover, .mapKey div:hover {
	cursor: pointer;
} 

#mapKey div:nth-of-type(4n), .mapKey div:nth-of-type(4n) {
	margin-right: 0px;
}
#shownewstype label, #showinstallationtype label, #showofferstype label {
	font-size: 1.2em;
	margin-right: 0px;
	overflow: visible;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 14px;
	width: 70%;
}
#shownewstype input[type=checkbox], #showinstallationtype input[type=checkbox], #showofferstype input[type=checkbox] {
	height: 1.4em;
    width: 1.4em;
    vertical-align: middle;
    margin: 1em 0.4em 0.4em 0;
    border: 1px solid rgba(0, 0, 0, 0.6);
    /*background: -webkit-linear-gradient(#FCFCFC, #DADADA);*/
    background: #ffffff;
    -webkit-appearance: none;
    /*-webkit-transition: box-shadow 200ms;
     box-shadow:inset 1px 1px 0 #fff, 0 1px 1px rgba(0,0,0,0.1);*/
    /*-webkit-border-radius:2px;
    border-radius:2px;*/
}


/*#shownewstype input[type="checkbox"]:not(:disabled):hover, #showinstallationtype input[type="checkbox"]:not(:disabled):hover, #showofferstype input[type="checkbox"]:not(:disabled):hover  {
	background: rgba(0, 0, 0, 0.71);
    border-color:rgba(0,0,0,0.8);
    box-shadow: inset 0 0 0 2px #ffffff;
    cursor: pointer;
    /*box-shadow:inset 1px 1px 0 #fff, 0 0 4px rgba(0,0,0,0.3);
}*/

/*#shownewstype input[type="checkbox"]:active:not(:disabled), #showinstallationtype input[type="checkbox"]:active:not(:disabled), #showofferstype input[type="checkbox"]:active:not(:disabled) {
	background: #ffffff;
    border-color:rgba(0,0,0,0.6);
}*/

/*#shownewstype input[type="checkbox"]:focus, #showinstallationtype input[type="checkbox"]:focus, #showofferstype input[type="checkbox"]:focus {
    outline:none;
    box-shadow: 0 0 1px 2px rgba(0, 240, 255, 0.4);
}*/

#shownewstype input[type="checkbox"]:checked, #showinstallationtype input[type="checkbox"]:checked, #showofferstype input[type="checkbox"]:checked {
	background: rgba(0, 0, 0, 1);
    border-color:rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 0 0 2px #ffffff;
}

#shownewstype input[type="checkbox"]:checked:after, #showinstallationtype input[type="checkbox"]:checked:after, #showofferstype input[type="checkbox"]:checked:after {
	font-weight: bold;
	color: rgba(0, 0, 0, 0.9);
	content: '\2713';
	-webkit-margin-start: 0;
	margin-left: 2px;
	/*margin-bottom: 2px;*/
	font-size: 1em;
    width: 1.2em;
    height: 1.2em;
}



#shownewstype input[type=submit], #showinstallationtype input[type=submit], #showofferstype input[type=submit] {
	/*background-image: url(../images/homepage/newsletter-button-bg.jpg);*/
	background-position: 93%;
	background-repeat: no-repeat;
	background-color: #f6f6f6;
	border: 1px solid #000000;
	color: #000000;
	float: right;
	font-size: 1.1em;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-top: 15px;
	padding-bottom: 10px;
	/*padding-left: 10px;
	padding-right: 40px;*/
	padding-top: 8px;
	text-align: center;
	text-transform: lowercase;
	transition: background-color 0.2s, color 0.2s;
	width: 200px;
}

#shownewstype input[type=submit]:hover, #showinstallationtype input[type=submit]:hover, #showofferstype input[type=submit]:hover {
	background-color: #000000;
	color: #f6f6f6;  
} 

#support-wrapper {
	border-bottom: 1px solid #484c50;
	border-top: 1px solid #484c50;
	margin-bottom: 20px;
	/*width: 1180px;*/
}
#support-wrapper div {
	padding-bottom:12px;
	padding-left: 10px;
}
#support-wrapper div.borderTop {
	border-top: 1px dotted #484c50;
}
#support-wrapper div h3 {
	font-size: 1.8em;
}
#support-wrapper div a, #support-wrapper div a:visited {
	color: #282828;
	text-decoration: none;

}
.supportMore {
	color: #282828;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
}
div.DivPrev {
	float: left;
	margin-bottom:20px;
	text-align: left;
	width: 280px;
}
div.DivNext {
	float: right;
	margin-bottom:20px;
	text-align: right;
	width: 280px;
}
div.DivRecords {
	color: #ffe600;
	float: left;
	font-size: 1.3em;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 15px;
	padding-top: 11px;
	text-align: center;
	width: 620px;
}
div.DivNext a, div.DivNext a:visited, div.DivPrev a, div.DivPrev a:visited {
	color: #282828 !important;
  	font-style: normal;
	font-size: 1.4em;
	text-decoration: none;
	text-transform: lowercase;
}
.paginationButton {
	background-color: #ffe600;
	border: 0px;
	display: inline-block;
	padding-bottom: 8px;
	padding-left: 26px;
	padding-right: 26px;
	padding-top: 8px;	
}
a.back,  a.back:visited, #support-wrapper div a.supportMore, #support-wrapper div a.supportMore:visited {
	background-color: #ffffff;
	border: 1px solid #000000;
	color: #000000;
	float: left;
	font-size: 1.2em;
	padding-bottom: 10px;
	/*padding-left: 10px;
	padding-right: 40px;*/
	padding-top: 10px;
	text-align:center !important;
	text-decoration: none;
	text-transform: lowercase;
	transition: background-color 0.2s, color 0.2s;
	width: 180px;
}

a.back:hover, #support-wrapper div a.supportMore:hover {
	background-color: #000000;
	color: #ffffff;
}

#galleryAll {
	color: #282828 !important;
	font-size: 1.4em;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
	width: 180px;
}

#additionalText {
	padding-top: 20px;
}
a.findDistributor {
	text-decoration: none;
}
#designServiceLink {
	background-color: #282828;
	background-image: url(../images/design-service/link-bg.png);
	background-position: 95% 50%;
	background-repeat: no-repeat;
	color: #ffd102;
	float: left;
	font-size: 1.3em;
	padding-bottom: 18px;
	padding-left: 18px;
	padding-right: 43px;
	padding-top: 18px;
	text-decoration: none;
	width: 519px;
}
* html #designServiceLink {
	width: 580px;
	w\idth: 519px;
} 

#designserviceform label {
	clear: both;
	font-size: 1.2em;
	margin-right: 0px;
	width: 100%;
}
#designserviceform label.labelSmall {
	clear: none;
	margin-right: 10px;
	width: 200px;
}
#designserviceform fieldset p#date {
	clear: none;
	font-size: 1.2em;
}
#designserviceform input[type=text], #designserviceform input[type=tel], #designserviceform input[type=email] {
	border: 1px solid #7e8384;
	width: 523px;
}
#designserviceform textarea {
	border: 1px solid #7e8384;
	width: 523px;
}
#designserviceform input[type=submit] {
	float: right;
	margin-right: 0px;
}
#designserviceform fieldset div.col2, #designserviceform fieldset div.col2Last  {
	clear: none;
	width: 547px;
}
#dateText {
	margin-bottom: 10px;
}
.wrapper-distributor {
	padding-bottom: 25px;
	/*padding-top: 25px;*/
}
.about h1 {
	/*border-bottom: 1px solid #707070;*/
	font-size: 2.5em;
	margin-top: 0px;
	padding-bottom: 8px;
}
.about h2 {
	font-weight: 300;
}
#videoWrapper {
	padding-bottom: 14px;
	padding-top: 50px;
}
.videoContainer {
	margin-bottom: 20px;
	/*margin-left: auto;
	margin-right: auto;*/
	width: 580px;
}
.videoContainer iframe {
	border: 10px solid #ffffff;
	margin-bottom: 28px;
}
#videoTitle {
	background-color: #e2e2e2;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: center;
	width: 580px;
}

#videoTitle p {
	font-size: 1.1em;
	margin: 0px;
}

#videoText {
	font-size: 1.7em;
	text-align: left;
}
#supportContact p {
	font-size: 1.8em;
}
a.telephone, a:hover.telephone, a:visited.telephone {
	color: #222121;
	text-decoration: none;
}
#renders h2 {

	font-size: 1.7em;
}

#renders div {
	margin-bottom: 25px;
	width: 100%;
}

#renders div p {
	color: #ffffff;
	font-size: 1.3em;
	padding-top: 5px;
}

#renders div img {
	float: left;
	margin-right: 20px;
}

#filter-wrapper {
	background: #f6f6f6;
	margin-bottom: 35px;
}

#installationsFilter, #newsFilter, #offersFilter {
	/*margin-left: auto;
	margin-right: auto;*/
	margin-bottom:12px;
	margin-top:22px;
	width: 220px;
}
#installations, #news, #offers {
	float: left;
	position: relative;
	width: 100%;
}
#installations div#key, #news div#key {
	display:none;
	width: 100%;
}
#offers div#key {
	width: 100%;
}
#hideFilters, #showOffersFilters {
	display: none;
}



#hideFilters, #showFilters, #hideOffersFilters, #showOffersFilters, #loadmore {
	background-color: #ffffff;
	border: 1px solid #000000;
	color: #000000;
	float: left;
	font-size: 1.1em;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	text-align: center;
	width: 200px;
}
* html #hideFilters, #showFilters, #hideOffersFilters, #showOffersFilters, #loadmore {
	width: 222px;
	w\idth: 200px;
}

#load-more-wrapper {
	float: left;
	padding: 0px;
	padding-top: 30px;
	width: 100%;
}

#loadmore {
	display: block;
	float: none;
	margin-top: 0px;
	transition: background-color 0.2s, color 0.2s;
}

#loadmore:hover {
	background-color: #000000;
	color: #ffffff;
}

a.archive-link, a.archive-link:visited {
	box-sizing: border-box;
	color: #000000;
	float: left;
	margin-left: 18px;
    text-align: center;
    border: 1px solid #000000;
    padding: 8px;
    font-size: 1.3em;
    transition: background-color 0.2s, color 0.2s;
    width: 100%;
    text-decoration: none;
}

a.archive-link:hover {
	background-color: #000000;
	color: #ffffff;
}


/**** LED class to change all instances of LED to uppercase ****/
.led {
	text-transform: uppercase;
}

.cookiesTable td {
	text-align:left;
	vertical-align:top;
	border-style:solid;
	border-width: 1px;
	border-color:#000000;
	padding: 5px 5px 5px 5px;
	font-size: 1.2em;
} 
.catalogueContainer {
	border-bottom: 1px dotted #7f7f87;
	border-right: 1px dotted #7f7f87;
	box-sizing: border-box;
	float: left;
	/*margin-bottom: 20px;*/
	margin-right: 0px;
	padding-bottom: 19px;
	padding-left: 15px;
    padding-right: 15px;
    padding-top: 28px;
	width: 33.333%;
}


.catalogueContainer:nth-of-type(n+3) {
	border-right: 0px;
}

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

#catFormPrinted, #catForm {
	display: none;
	margin: 0 auto;
	/*width: 580px;*/
}

.catalogueContainerForms {
	/*border-top: 1px solid #aeaeae;*/
	padding-bottom: 20px;
	padding-top: 20px;
	width: 100%;
}

.catalogueContainer h2 {
	margin-top: 10px;
}

.catalogueContainer img {
	margin: 0 auto;
}
#pdfDownload {
	text-align: center;
	width: 280px;
	margin: 0 auto;
}
#pdfDownload img {
	width: 186px;
	margin: 0 auto;
}

a.catlink, a.catlink:visited {
	background-color: var(--white);
	border: 1px solid var(--black);
	color: var(--black);
	display: block;
	font-size: 1.1em;
	margin-top: 10px;
	padding-bottom: 11px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 12px;
	text-decoration: none;
	text-align: center;
	transition: background-color 0.2s, color 0.2s;
}

 a.catlink:hover {
 	background-color: var(--black);
	color: var(--white);
 }

 a.catlinkthanks {
 	width: 220px;
 }

 a.digitalLink, a.digitalLink:visited {
	background-color: var(--white);
	border: 1px solid var(--black);
	color: var(--black);
	display: block;
	float: right;
	font-size: 1.1em;
	margin-right: 20px;
	margin-top: 10px;
	padding-bottom: 9px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
	text-decoration: none;
	text-align: center;
	transition: background-color 0.2s, color 0.2s;
 }

 a.digitalLink:hover {
	background-color: var(--black);
	color: var(--white);
 }

#noResults {
	display: none;
}
/*form#catForm fieldset div {
	overflow: auto !important;
}*/
.catButton {
	margin-top: 10px;
	text-transform: none;
}

.catalogueContainerForms label.optinlabel {
	float: left;
	margin-right: 0px;
	width: 90%;
}
input#m_optin {
	margin-top: 10px;
}

#additionalCat {
	border-bottom: 1px dotted #7f7f87;
	border-top: 1px dotted #7f7f87;
	padding-top: 10px;
	width:100%;
}

#additionalCat label {
	width: 80%;
}

#specialContainer {
	padding-bottom: 40px;
}
.specialItem {
	float: left;
	padding-bottom: 10px;
	padding-top: 10px;
	
}
.specialItemBorder {
	border-top: 1px solid #cccccc;
}
.specialImg {
	float: left;
	width: 200px;
	margin-right: 20px;
}
.specialDesc {
	float: left;
	width: 960px;
}
.specialItem h3 {
	font-size: 1.6em;
}
.noSpecialOffers {
  float: left;
  width: 100%;
  text-align: center;
}

a.new-range, a.new-range:visited {
	background-color: #ffffff;
	border: 1px solid #000000;
	color: #000000;
	float: left;
	font-size: 1.2em;
	margin-bottom: 20px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	text-align:center !important;
	text-decoration: none;
	text-transform: lowercase;
	transition: background-color 0.2s, color 0.2s;
	/*width: 250px;*/
}

a.new-range:hover {
	background-color: #000000;
	color: #ffffff;
}

span#new-range-link {
	text-transform: capitalize;
}

#rangeBanner h1#propCase {
	text-transform: capitalize !important;
}

#new-products {
	background-image: url(/images/temp/new-products-bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	position: relative;
}
#new-products-video-container {
	overflow: visible;
	position: relative;
}
#new-products-video-container video {
	position: relative;
	left: 0;
	top: -47px;
	max-width: 960px;
	width: 100%;
}
#new-products-text {
	border-left: 7px solid var(--yellow);
	padding-left: 15px;
	padding-bottom: 25px;
	text-align: left;
	margin: 0 auto;
	width: 75%;
	transform: translate3d(0, 20vh, 0);
	visibility: hidden;
	transition: opacity 0.8s cubic-bezier(.19,1,.22,1), transform 1.6s cubic-bezier(.19,1,.22,1);
}
#new-products-text.visible {
	opacity: 1;
	transform: translate3d(0, 0, 0);
	visibility: visible;
}
/* #new-products-text::before {
	content: '';
    display: inline-flex;
    float: left;
    height: 100%;
	margin-right: 3%;
    padding-bottom: 25%;
    padding-top: 11%;
    width: 7px;
    background: linear-gradient(to bottom, var(--lightgrey) 75%, transparent 75%, transparent 100%);
} */
#new-products-text h2 {
	color: var(--white);
	font-size: 3.2em;
    /*width: 35%;*/
}
#new-products-text p {
	color: var(--white);
	font-size: 1.4em;
}

#new-products-text a, #new-products-text a:visited {
	border: 1px solid var(--white);
	color: var(--white);
	display: block;
	font-size: 1.2em;
	margin-top: 2%;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	width: 120px;
	transition: background 0.8s cubic-bezier(.19,1,.22,1), color 0.8s cubic-bezier(.19,1,.22,1);
}

#new-products-text a:hover, #new-products-text a:focus {
	background-color: var(--white);
	color: var(--black);
}

/** ------------------------------------------------------ **/
/** -------------- Range specific styling ---------------- **/

/** border bottom on divs **/
.colour-1 {
	border-bottom: 8px solid #f2177c;
}
.colour-2 {
	border-bottom: 8px solid #c745a8;
}
.colour-3 {
	border-bottom: 8px solid #00beda;
}
.colour-4 {
	border-bottom: 8px solid #00c4b6;
}
.colour-5 {
	border-bottom: 8px solid #ffd102;
}
.colour-6 {
	border-bottom: 8px solid #dd3538;
}
.colour-7 {
	border-bottom: 8px solid #ff8a00;
}
.colour-offers {
	border-bottom: 8px solid #47dd49;
}
.rangeHeading-1 {
	color: #f2177c;
}
.rangeHeading-2 {
	color: #c745a8;
}
.rangeHeading-3 {
	color: #00beda;
}
.rangeHeading-4 {
	color: #00c4b6;
}
.rangeHeading-5 {
	color: #ffd102;
}
.rangeHeading-6 {
	color: #dd3538;
}
.rangeHeading-7 {
	color: #ff8a00;
}

.categoryText-1 {
	border-top:4px solid #f2177c;
}
.categoryText-2 {
	border-top:4px solid #c745a8;
}
.categoryText-3 {
	border-top:4px solid #00beda;
}
.categoryText-4 {
	border-top:4px solid #00c4b6;
}
.categoryText-5 {
	border-top:4px solid #ffd102;
}
.categoryText-6 {
	border-top:4px solid #dd3538;
}
.categoryText-7 {
	border-top:4px solid #ff8a00;
}
.categoryText-8 {
	border-top:4px solid #47dd49;
}

.productText-1 {
	border-bottom:4px solid #f2177c;
}
.productText-2 {
	border-bottom:4px solid #c745a8;
}
.productText-3 {
	border-bottom:4px solid #00beda;
}
.productText-4 {
	border-bottom:4px solid #00c4b6;
}
.productText-5 {
	border-bottom:4px solid #ffd102;
}
.productText-6 {
	border-bottom:4px solid #dd3538;
}
.productText-7 {
	border-bottom:4px solid #ff8a00;
}


.productDescriptionLink-1 {
	border-bottom:3px solid #f2177c;
}
.productDescriptionLink-2 {
	border-bottom:3px solid #c745a8;
}
.productDescriptionLink-3 {
	border-bottom:3px solid #00beda;
}
.productDescriptionLink-4 {
	border-bottom:3px solid #00c4b6;
}
.productDescriptionLink-5 {
	border-bottom:3px solid #ffd102;
}
.productDescriptionLink-6 {
	border-bottom:3px solid #dd3538;
}
.productDescriptionLink-7 {
	border-bottom:3px solid #ff8a00;
}


.link-1, .link-10, .table-link-1 {
	color: #f2177c !important;
}
.link-2, .link-11, .table-link-2 {
	color: #c745a8 !important;
}
.link-3, .link-12, .table-link-3 {
	color: #00beda !important;
}
.link-4, .link-13, .table-link-4 {
	color: #00c4b6 !important;
}
.link-5, .table-link-5 {
	color: #ffd102 !important;
}
.link-6, .table-link-6 {
	color: #dd3538 !important;
}
.link-7, .table-link-7 {
	color: #ff8a00 !important;
}
.link-8, .table-link-8 {
	color: #47dd49 !important;
}
.link-9, .table-link-9 {
	color: #d2d8db !important;
}
#support-1, #gallery-1, #news-1, #gallery-10, #casestudy-1, #casestudy-10 {
	border-bottom: 1px solid #f2177c;

}
#support-2, #gallery-2, #news-2, #gallery-11, #casestudy-2, #casestudy-11 {
	border-bottom: 1px solid #c745a8;

}
#support-3, #gallery-3, #news-3, #gallery-12, #casestudy-3, #casestudy-12 {
	border-bottom: 1px solid #00beda;

}
#support-4, #gallery-4, #news-4, #gallery-13, #casestudy-4, #casestudy-13 {
	border-bottom: 1px solid #00c4b6;

}
#support-5, #gallery-5, #news-5, #casestudy-5 {
	border-bottom: 1px solid #ffd102;

}
#support-6, #gallery-6, #news-6, #casestudy-6  {
	border-bottom: 1px solid #dd3538;

}
#gallery-7, #casestudy-7 {
	border-bottom: 1px solid #ff8a00;

}
#gallery-8, #casestudy-8 {
	border-bottom: 1px solid #47dd49;

}
#gallery-9, #casestudy-9 {
	border-bottom: 1px solid  #d2d8db;

}
#supportLink-1 {
	background-color: #f2177c;
}
#supportLink-2 {
	background-color: #c745a8;

}
#supportLink-3 {
	background-color: #00beda;

}
#supportLink-4 {
	background-color: #00c4b6;

}
.special-1 {
	border-bottom: 8px solid #f2177c;
	font-size: 2em;
	margin-bottom: 15px;
	padding-left: 10px;
}
.special-2 {
	border-bottom: 8px solid #c745a8;
	font-size: 2em;
	margin-bottom: 15px;
	padding-left: 10px;
}
.special-3 {
	border-bottom: 8px solid #00beda;
	font-size: 2em;
	margin-bottom: 15px;
	padding-left: 10px;
}
.special-4 {
	border-bottom: 8px solid #00c4b6;
	font-size: 2em;
	margin-bottom: 15px;
	padding-left: 10px;
}
.special-5 {
	border-bottom: 8px solid #ffd102;
	font-size: 2em;
	margin-bottom: 15px;
	padding-left: 10px;
}
.special-6 {
	border-bottom: 8px solid #dd3538;
	font-size: 2em;
	margin-bottom: 15px;
	padding-left: 10px;
}
.special-7 {
	border-bottom: 8px solid #ff8a00;
	font-size: 2em;
	margin-bottom: 15px;
	padding-left: 10px;
}
.special-8 {
	border-bottom: 8px solid #47dd49;
	font-size: 2em;
	margin-bottom: 15px;
	padding-left: 10px;
}
#specialFilter-1 {
	border-bottom: 3px solid #f2177c;
}
#specialFilter-2 {
	border-bottom: 3px solid #c745a8;
}
#specialFilter-3 {
	border-bottom: 3px solid #00beda;
}
#specialFilter-4 {
	border-bottom: 3px solid #00c4b6;
}
#specialFilter-5 {
	border-bottom: 3px solid #ffd102;
}
#specialFilter-6 {
	border-bottom: 3px solid #dd3538;
}
#specialFilter-7 {
	border-bottom: 3px solid #ff8a00;
}
#specialFilter-8 {
	border-bottom: 3px solid #47dd49;
}

.productOverlay{
	display:none;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}
.productOverlay-1{
	background-image:url(../images/overlay-1.png);
}
.productOverlay-2{
	background-image:url(../images/overlay-3.png);
}
.productOverlay-3{
	background-image:url(../images/overlay-2.png);
}
.productOverlay-4{
	background-image:url(../images/overlay-4.png);
}
.productOverlay-5{
	background-image:url(../images/overlay-5.png);
}
.productOverlay-6{
	background-image:url(../images/overlay-6.png);
}
.productOverlay-7{
	background-image:url(../images/overlay-7.png);
}
.productOverlay-offers{
	background-image:url(../images/overlay-offers.png);
}

/** ------------------------------------------------------ **/
/** ------------------- Product Table--------------------- **/
.table {
	border-bottom: 1px solid #484c50;
	border-top: 1px solid #484c50;
	float: left;
	width: 100%;
	margin-bottom: 45px;
	margin-top: 20px;
	border-collapse: collapse;
}
.table th {
	text-align:left;
	vertical-align:top;
	border-left: 1px solid #484c50;
	border-right: 1px solid #484c50; 
	padding: 5px 5px 5px 5px;
	
}
.table tr.thead {
	border-bottom: 1px solid #484c50;
	border-top: 1px solid #484c50;
}
.table tr.thead th#productNo {
	border: none;
}
.table tr#filterRow {
	background-color: #fbdfea;
	border-bottom: 1px solid #484c50;
}
.table tr#filterRow td {
	text-align:left;
	vertical-align:top;
	border-left: 1px solid #484c50;
	border-right: 1px solid #484c50; 
	padding: 9px 7px 8px 7px;
	border-collapse: collapse;
}

.table tr#filterRow td.filterHeading {
	font-weight: 300;
}
.table tr#filterRow td.filters select {
	margin-right: 0px;
}
.table tr.trdata {
	border-bottom: 1px dotted #484c50;
}
.table tr.trdata td {
	text-align:left;
	vertical-align:top;
	border-left: 1px solid #484c50;
	border-right: 1px solid #484c50; 
	padding: 5px 8px 4px 8px;
	border-collapse: collapse;
}
.table tr.trdata td.productHead {
	white-space: nowrap;
}
.table tr.trdata td.hideOnSmallTablet {
	border: none;
}
.table tr:nth-of-type(even) {
  background-color: #f6f6f6;
}
#filter-icon {
	display: none;
}
.filters {
	display: table-cell;
}
.table th.lastColumn, .table tr#filterRow td.lastColumn, .table tr.trdata td.lastColumn {
	border: none;
	border-left: 1px solid #484c50;
}
.table tr#filterRow td.hideOnSmallTablet {
	border: none;
}

.productBody img {
	float: left;
	margin-left: 2%;
	white-space: nowrap;
}

.table tr.trdata input[type="checkbox"] {
	margin-left: 0px;
}

/** ------------------------------------------------------ **/
/** ------------------- Projects Table--------------------- **/

#project-table, #project-view-table, #project-dashboard-table, #favorites-table, #order-table, #project-export {
	border: none;
	border-bottom: 1px solid #484c50;
	border-top: 1px solid #484c50;
	float: left;
	width: 100%;
	margin-bottom: 45px;
	border-collapse: collapse;
}

#project-table th, #project-view-table th, #project-dashboard-table th, #favorites-table th, #order-table th, #project-export th {
	text-align:left;
	vertical-align:top;
	border-left: 1px solid #484c50;
	border-right: 1px solid #484c50; 
	padding: 5px 5px 5px 5px;
	
}

#project-view-table, #project-export {
	margin-top: 20px;
}

#project-table tr.thead, #project-view-table tr.thead, #project-dashboard-table tr.thead, #favorites-table tr.thead, #order-table tr.thead, #project-export tr.thead {
	border-bottom: 1px solid #484c50;
	border-top: 1px solid #484c50;
}
#project-table tr.trdata, #project-view-table tr.trdata, #project-dashboard-table tr.trdata, #favorites-table tr.trdata, #order-table tr.trdata, #project-export tr.trdata {
	border-bottom: 1px dotted #484c50;
}
#project-table tr.trdata td, #project-view-table tr.trdata td, #project-dashboard-table tr.trdata td, #favorites-table tr.trdata td, #order-table tr.trdata td, #project-export tr.trdata td {
	text-align:left;
	vertical-align:middle;
	border-left: 1px solid #484c50;
	border-right: 1px solid #484c50; 
	padding: 5px 8px 4px 8px;
	border-collapse: collapse;
}
#project-table tr.trdata:nth-of-type(even), #project-dashboard-table tr.trdata:nth-of-type(even), #favorites-table tr.trdata:nth-of-type(even), #order-table tr.trdata:nth-of-type(even), #project-export tr.trdata:nth-of-type(even) {
  background-color:#e2e2e2;
}

.dark {
	background-color:#e2e2e2;
}

#project-view-table tr.trfloor {
	background-color:#000000;
	color: #ffffff;
}

#project-view-table tr.trfloor td {
	padding : 8px 8px 7px 8px;
	text-align:left;
	border-collapse: collapse;
	text-transform: uppercase;
}

#project-table td:nth-of-type(1n), #project-table th:nth-of-type(1n),
#project-view-table td:nth-of-type(1n), #project-view-table th:nth-of-type(1n),
#project-dashboard-table td:nth-of-type(1n), #project-dashboard-table th:nth-of-type(1n),
#favorites-table td:nth-of-type(1n), #favorites-table th:nth-of-type(1n),
#order-table td:nth-of-type(1n), #order-table th:nth-of-type(1n), #project-export th:nth-of-type(1n), #project-export td:nth-of-type(1n) {
	border-left: none !important;
}

#project-table td:nth-of-type(9n), #project-table th:nth-of-type(9n), 
#project-view-table td:nth-of-type(10n), #project-view-table th:nth-of-type(10n),
#project-dashboard-table td:nth-of-type(6n), #project-dashboard-table th:nth-of-type(6n),
#favorites-table td:nth-of-type(9n), #favorites-table th:nth-of-type(9n),
#order-table td:nth-of-type(7n), #order-table th:nth-of-type(7n), #project-export th:nth-of-type(12n), #project-export td:nth-of-type(12n)   {
	border-right: none !important;
}

#project-table td input.m_qty {
	border: 1px solid #000000;
	margin-right: 0px;
	padding: 5px;
	padding-right: 0px;
	width: 55px;
}

#project-view-table td#projectFiles a, #project-export td#projectFiles a {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

#project-view-table td#productImage, #favorites-table td#productImage, #order-table td#productImage, #project-export td#productImage {
	max-width: 80px; 
}

#project-dashboard-table {

}

#projectsform {
	background-color: #272727;
	float: left;
	margin-bottom: 20px;
	padding: 15px;
	width: 1150px;
}
* html #projectsform {
	width: 1180px;
	w\idth: 1150px;
}
#projectsform fieldset div {
	clear: right;
	display: inline-block;
	float: left;
	margin-bottom: 0px;
	margin-right: 2%;
	overflow: visible;
	width:73%;
}
#projectsform fieldset div:nth-of-type(2n){
	clear: right;
	display: inline-block;
	float: left;
	margin-bottom: 0px;
	margin-right: 0px;
	overflow: visible;
	width:25%;
}

#projectsform fieldset div.clearboth {
	margin-bottom: 0px;
	width: 100%;
}

#projectsform label {
	color:#999999;
	float: left;
	width: 60px;
}

#projectsform input, #projectsform select  {
	background-color: #ffffff;
	margin-right: 15px;
}

#projectsform label.sortfield, #projectsform select.sortfield {
	float: left;
}

#projectsform input.InputButtonBlack {
	background-color: #ffd102 !important;
    background-image: none;
    color: #000000;
    float: left;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 0px;
	padding-top: 10px;
}

#projects-sort {
	float: right;
}

#projects-sort label {
	text-align: right;
	width: 100px;
}

.js-zoom {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

/** ------------------------------------------------------ **/
/** -------------- Advanced Product Search --------------- **/
	
#searchform {
	margin-top: 20px;
}
#searchform select {
	width: 350px;
}

#searchform input[type="submit"] {
	background-image: none !important;
	/*background-position: 93%;
	background-repeat: no-repeat;*/
	background-color: #ffffff;
	border: 1px solid #000000;
	color: #000000;
	float: right;
	font-size: 1.1em;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-top: 15px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 8px;
	text-align: center;
	text-transform: lowercase;
	transition: background-color 0.2s, color 0.2s;
	width: 200px;
}

#searchform input[type="submit"]:hover {
	background-color: #000000;
	color: #ffffff;
} 

#searchform #advanced-product-search {
	float:left;
	margin-left: 360px;
}

/*---------- Google Search -----------*/
/*------------------------------------*/

.gsc-cursor-current-page {
	background-color: #ffffff !important;
}

input.gsc-search-button {
	border-color: #272727 !important;
	background-color: #272727 !important;
}

.cse input.gsc-search-button, input.gsc-search-button {
	color: #ffd102 !important;
}
.cse .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link, .cse .gs-webResult.gs-result a.gs-title:link b, .gs-webResult.gs-result a.gs-title:link b, .cse .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited, .cse .gs-webResult.gs-result a.gs-title:visited b, .gs-webResult.gs-result a.gs-title:visited b, .cse .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover, .cse .gs-webResult.gs-result a.gs-title:hover b, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b, .cse .gsc-cursor-page, .gsc-cursor-page, .cse .gsc-trailing-more-results:link, .gsc-trailing-more-results:link, .cse .gs-spelling a, .gs-spelling a{
	color: #0072ff !important;
}

#homepage-feed {
	padding-bottom: 0px;
}


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

#home-slider-wrapper {
	background-color: #272727;
	clear: both;
	float: left;
	margin-top: -119px;
	position: relative;
	text-align: center;
	width: 100%;
}
#sliderhome{
	position:relative;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width:100%;
}
#sliderhome div.swiper-slide{
	background-color: #272727;
	overflow: hidden;
	padding: 0px;	
	margin: 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;
}

#sliderhome div.swiper-slide img {
	height: auto;
	width: 100%;
	/*transform: scale(1);
	transition: transform 10s ease;*/
}

#sliderhome div.swiper-slide img.scale {
	transform: scale(1.4);
}

#sliderhome div.swiper-slide iframe {
	height: auto;
	width: 100%;
}

#sliderhome div.swiper-slide video {
	position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

#sliderhome .wrapper-inner-large{
	background: rgba(0,0,0,0.3);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	margin:0 auto;
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translate(-50%, 0%);
	height: 100%;
	width:100%;
	max-width:100%;
}

#sliderhome div.swiper-slide div.textarea {
	border-left: 7px solid var(--yellow);
	box-sizing: border-box;
	/*padding-left: 20px;*/
	/*position:absolute;*/
	text-align: left;
	/*bottom:35%;*/
	left:3%;
    margin: 0 auto;
	max-width: 1600px;
	padding-bottom: 30px;
	/* padding-left: 25px; */
	padding-right: 135px;
	/* padding-top: 30px; */
	width: 100%;
	z-index:300;
	opacity: 0;
	transform: translate3d(-10vw, 0, 0);
    visibility: hidden;
    transition: opacity 0.4s ease-out, transform 0.5s ease-out;
}
/* #sliderhome div.swiper-slide div.textarea::before {
	content: '';
    display: inline-flex;
    float: left;
    height: 100%;
    padding-bottom: 8%;
    padding-top: 9%;
    width: 7px;
    background: linear-gradient(to bottom, var(--lightgrey) 75%, transparent 75%, transparent 100%);
} */

#sliderhome div.swiper-slide div.textarea.visible {
	opacity: 1;
	visibility: visible;
	transform: translate3d(2%, 0, 0);
}

#sliderhome div.swiper-slide div.textarea p {
	color: #ffffff;
	float: left;
	font-size: 3em;
	/*margin-bottom:75px;*/
	/*padding-bottom: 13px;*/
	padding-left: 0px;
	padding-right: 22px;
	padding-top: 20px;
}

#sliderhome div.swiper-slide div.textarea a, #sliderhome div.swiper-slide div.textarea a:visited {
	border: 1px solid var(--white);
	color: var(--white);
	font-size: 1.2em;
	margin-top: 2%;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	width: 44px;
	transition: background 0.8s cubic-bezier(.19,1,.22,1), color 0.8s cubic-bezier(.19,1,.22,1);
}
#sliderhome div.swiper-slide div.textarea a:hover, #sliderhome div.swiper-slide div.textarea a:focus {
	background: var(--white);
    color: var(--black);
}


#sliderhome div.swiper-slide div.textarea-inner {
	margin-bottom: 15px;
	padding-left: 3%;
}

#home-slider-wrapper .bx-wrapper {
	height: 566px !important;
	width: auto !important;
}
#home-slider-wrapper .bx-window {
	width: auto !important;
}

#home-slider-wrapper #sliderhomecontrols {
	left:42px;
	top: 38px;
	position: absolute;
	text-align:left;
	width: 50%;
	z-index: 200;
}
#sliderhomecontrols div {
	display:inline-block;
}
#sliderhomecontrols div img{
	display:inline;
}

#sliderhomeprev .bx-prev {
	width: 28px;
	height: 52px;
	z-index:80;
}

#sliderhomeprev .bx-next {
	height: 52px;
	z-index:80;
	width: 28px;
}


#home-slider-wrapper .bx-controls-direction{
	height: 0px !important;
	position:relative;
}

#home-slider-wrapper #sliderhomepager{
	color:#FFFFFF;
	margin-top: 0px;
	padding:0px;
	padding-bottom: 2px;
	padding-top: 2px;
	position: absolute;
    bottom: 40px;
	left: auto;
    right: 10%;
    width: 100%;
	z-index:90;
}

#home-slider-wrapper #sliderhomepager span.swiper-pagination-bullet {
	background-color: #FFFFFF;
	border-radius: 0;
	color: #FFFFFF;
	display:block;
	float: left;
	font-size: 1px;
	margin-right:8px;
	opacity: 1;
	width:46px;
	height:5px;
}
#home-slider-wrapper span.swiper-pagination-bullet-active {
	background-color: #ffe600 !important;
	color: #ffe600 !important;
	text-decoration: none;
}

#sliderhomeprev{
	background-image:url(../images/controllerdivide.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:23px;
}

#sliderhomenext{
	padding-left:22px;
}


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

.sliderwrap{
	height:auto;
	/*margin-bottom:26px;*/
	position:relative;
}

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

#slider1{
	background-color:#f56729;
	height: auto;	
	margin: 0px;
	padding: 0px;
	width:1180px;
}
#slider1 li{
	height: auto;
	margin: 0px;
	width: 1180px;
	/* 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;
}
/** html #slider1 li {
	height: 305px;
	he\ight: 285px;
	width: 380px;
	w\idth: 360px;
}*/
#slider1 li div.image {
	position:relative;
	top: 0px;
	z-index:300;
	margin-right:0px;
	width:50%;
}
	
#slider1 li img{
	display:block;
	height: 100%;
	margin: 0 auto;
	object-fit: cover;
	width:100%;
}

#slider1 li a, #slider1 li a:visited, #slider1 li a:hover {
	color: #ffffff;
	font-size: 1.2em;
	text-decoration: none;
}



#slider1 div.textarea{
	margin-right:0px;
	padding-top:54px;
	padding-left: 7%;
	padding-right: 3%;
	position:relative;
	text-align:left;
	width:50%;
	z-index:300;
}

#slider1 div.textarea h2{
	color: #ffffff;
	font-size:2em;	
	margin-bottom:50px;
}

#slider1 div.textarea h3{
	color:#FFFFFF;
	font-size:1.8em;
	margin-top: 0px;
}

#slider1 li p {
	color:#ffffff;
	margin: 0px;
	margin-bottom:80px;
	font-size: 1.2em;
}

#slider1controls {
    position: absolute;
    top: 0px;
    left: 53%;
	z-index:100;
}

#slider1controls a, #slider1controls a:visited{
	background-color: #FFFFFF;
    color: #FFFFFF;
    display: block;
    font-size: 1px;
    margin-bottom: 8px;
    width: 5px;
    height: 46px;
}

#slider1controls .active {
    background-color: #272727 !important;
    color: #272727 !important;
    text-decoration: none;
}

/***** START: PRODUCT SLIDER RELATED *****/
#slideContainer {
	width: 49%;
}
#descContainer {
	width: 100%;
}

#product-slider-container {
	padding-bottom: 30px;
}

#productSliderWrap {
	/*background-color: #262627;*/
	float: left;
	height: 520px;
	margin-bottom: 20px;
	margin-top: 40px;
	position: relative;
	text-align: left;
	width: 100%;
	/*visibility: hidden;*/
}

#productSlider {
	margin: 0px;
	max-height:500px;
	padding: 0px;
}
#productSlider li {
	height: 500px;
	margin: 0 auto;
	width: 500px;
}

#productSlider li img {
	margin: 0 auto;
}
#pager-wrap {
	float: left;
	position: relative;
	width: 100%;
}
#bx-pager {
	float: left;
	height: 140px;
	margin-right: 0px;
	margin-top: 0px;
	/*padding-right: 15px;
	padding-left: 15px;*/
	overflow: hidden;
	width: 100%;
}
#bx-pager div {
	height: 100%;
    width: 100%;
    /*overflow-x: scroll;
    overflow-y: hidden;*/
}
#bx-pager div.bx-viewport {
	width: 90% !important;
	margin-left: auto;
	margin-right: auto;
}
#bx-pager ul {
	float: left;
	height: 140px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	overflow:hidden;
	width: 1000%;
	z-index: 250;
}
#bx-pager ul li {
	display: block;
	float: left;
	margin-right: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100px;
}

#bx-pager ul li a img {
	border-bottom: 3px solid transparent;
	height: auto;
	max-width: 100%;
}

#bx-pager ul li a.active img {
	border-bottom: 3px solid #ffffff;
}

#pager-wrap div.bx-controls {
	position: absolute;
    top: 40%;
    left: 0px;
    height: 30px;
}

#pager-wrap div.bx-controls a.bx-prev {
	float: left;
}

#pager-wrap div.bx-controls a.bx-next {
	float: right;
}

#line-drawing {
	float: left;
	margin-bottom: 15px;
	margin-top: 15px;
	width: 100px;
}

.bx-caption {
	bottom: 0px;
	color: var(--black);
	font-size: 1.3em;
	left: 0px;
	position: absolute;
}


/***** Design Service Slider *****/

.design-slider-wrap {
	/*border: 10px solid #d2d8db;*/
	display: inline-block;
	line-height: 0;
	margin-top: 22px;
	margin-bottom:22px;
	position: relative;
	width: 100%;
}

.design-slider-wrap img {
	height: 100%;
	width: 100%;
}

.case-study-slider-wrapper {
	margin: 0 auto;
}
.wrapper-single {
	width: 470px;
}
.wrapper-double {
	width: 940px;
}

.case-study-slider {
	border: 10px solid #d2d8db;
	display: inline-block;
	float: left;
	line-height: 0;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 22px;
	margin-bottom:22px;
	position: relative;
	width: 410px;
}
* html .design-slider-wrap {
	width: 430px;
	w\idth: 410px;
}
.case-study-slider:nth-of-type(even) {
	margin-right: 20px;
}
.ba-slider {
    position: relative;
    overflow: hidden;
    z-index: 100;
}
 
.ba-slider img {
	height: 100%;
    width: 100%;
    display:block;
}
 
.resize {
    position: absolute;
    top:0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
    z-index:150;
}


.handle { /* Thin line seperator */
  	position:absolute; 
  	left:50%;
  	top:0;
  	bottom:0;
  	width:4px;
  	margin-left:-2px;
  	/*border: 1px solid;*/	
  	background: rgba(0,0,0,.5);
  	cursor: ew-resize;
  	z-index: 200;
}
 
.handle:after {  /* Big orange knob  */
    position: absolute;
    top: 50%;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
    content: url(../images/design-service/handle_bg.png);
    color:#000000;
    font-weight:normal;
    font-size:47px;
    text-align:center;
    line-height:64px;
 
    /*background: #fee600; /* @orange */
    /*border:1px solid #fee600; /* darken(@orange, 5%) */
    border-radius: 50%;
}

.draggable:after {
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    line-height:48px;
    font-size:30px;
}
.ba-slider div.textarea {
	background: rgba(0,0,0, 0.6);
	background: rgb(0,0,0), transparent;
	box-sizing: border-box;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    width: 100%;
    text-align: right;
}
.resize div.textarea {
	background: rgba(0,0,0, 0.6);
	background: rgb(0,0,0), transparent;
	box-sizing: border-box;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    width: 100%;
    text-align: left;
}

.ba-slider div.textarea p {
	color: #ffffff;
	font-size: 1.5em;
	margin: 0px;
}

div.texttitle {
    background: rgba(0,0,0, 0.6);
	background: rgb(0,0,0), transparent;
	box-sizing: border-box;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    width: 100%;
    text-align: left;
}

div.texttitle p {
	color: #ffe600;
	font-size: 1.4em;
	margin: 0px;
}

/***** Video gallery Slider *****/

.video-slider-wrap {
	display: block;
	margin-top: 22px;
	margin-bottom:22px;
	position: relative;
	width: 100%;
}
.video-slider-wrap div.bx-wrapper {
	width: 100%;
}
.video-slider-wrap ul{
	margin:0px;
	overflow:hidden;
	padding:0px;
	list-style:none;
}

.video-slider li {
	float: left;
}
.video-slider li img {
	display: block;
	height: auto;
	margin-bottom: 10px;
	max-width: 100%;
}
.video-slider li img#overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 35%;
	margin: 0 auto;
	width: 85px;
	height: 70px;
}

.video-slider li div#videoTitle {
	background: rgba(0,0,0, 0.6);
	background: rgb(0,0,0), transparent;
	padding-top: 20px;
	padding-bottom: 20px;
	position: absolute;
	left: 0;
	bottom: 10px;
	text-align: center;
	width: 100%;
}

.video-slider li  div#videoTitle p {
	font-size: 1.1em;
	margin: 0px;
}

#videoWrapper a, #videoWrapper a:visited {
	color: #ffffff;
	text-decoration: none;
}
#videoWrapper p {
	color: #000000;
	font-size: 1.4em;
}
#videoWrapper div#videoTitle p {
	color: #ffffff;
	font-size: 1.2em;
}
.video-slider-wrap div.bx-controls {
	margin-top: 20px;
	width: 100%;
}

.video-slider-wrap a.bx-prev {
	background-color: transparent;
	background-image: url(../images/design-service/prev.png);
	background-position: 12% 50%;
	background-repeat: no-repeat;
    border: 1px solid #000000;
    display: inline-block;
    float: left;
    padding-bottom: 8px;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 8px;
    color: #000000 !important;
    font-size: 1.4em;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    width: 92px;
}
*html .video-slider-wrap a.bx-prev {
	width: 146px;
	w\idth: 92px;
}	

.video-slider-wrap a.bx-next {
	background-color: transparent;
	background-image: url(../images/design-service/next.png);
	background-position: 88% 50%;
	background-repeat: no-repeat;
    border: 1px solid #000000;
    display: inline-block;
    float: right;
    padding-bottom: 8px;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 8px;
    color: #000000 !important;
    font-size: 1.4em;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    width: 92px;
}
*html .video-slider-wrap a.bx-next {
	width: 146px;
	w\idth: 92px;
}	


#youtubeChannel {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: center;
	width: 100%;
}

#youtubeChannel img {
	display: inline-block;
	margin-right: 15px;
	vertical-align: middle;
}
#youtubeChannel p {
	padding-top: 5px;
}
#youtubetext {
	display: inline-block;
	padding-top: 6px;
}

/***** installation Slider *****/

.installation-slider-wrap {
	display: block;
	margin-top: 22px;
	margin-bottom:22px;
	position: relative;
	width: 100%;
}
.installation-slider-wrap div.bx-wrapper {
	width: 100%;
}
.installation-slider-wrap ul{
	margin:0px;
	overflow:hidden;
	padding:0px;
	list-style:none;
}

.installation-slider li {
	float: left;
}
.installation-slider li img {
	display: block;
	height: auto;
	margin-bottom: 10px;
	max-width: 100%;
}

.installation-slider-wrap div.bx-controls {
	float: left;
	margin-bottom: 20px;
	width: 100%;
}

.installation-slider-wrap a.bx-prev {
	background-color: #ed0f68;
	background-image: url(../images/design-service/prev.png);
	background-position: 12% 50%;
	background-repeat: no-repeat;
    border: 0px;
    border: 0px;
    display: inline-block;
    float: left;
    padding-bottom: 8px;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 8px;
    color: #ffffff !important;
    font-size: 1.4em;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    width: 92px;
}
*html .installation-slider-wrap a.bx-prev {
	width: 144px;
	w\idth: 92px;
}	

.installation-slider-wrap a.bx-next {
	background-color: #ed0f68;
	background-image: url(../images/design-service/next.png);
	background-position: 88% 50%;
	background-repeat: no-repeat;
    border: 0px;
    display: inline-block;
    float: right;
    padding-bottom: 8px;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 8px;
    color: #ffffff !important;
    font-size: 1.4em;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    width: 92px;
}
*html .installation-slider-wrap a.bx-next {
	width: 144px;
	w\idth: 92px;
}	





/***** END: SLIDER RELATED *****/
p#disclaimer {
	font-size: 1.2em;
	margin-bottom: 40px;
}



.menu-sub{
	color:#03729d;
	font-size:10px;
}

#selectboxes select{
	width:120px;
}

#wrapper-ticker {
	background-color: #ffe600;
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative; */
	width: 100%;
	z-index: 200;
}
#ticker li {
	padding-right: 20px !important;
}

/*--------------comparison --------------------
-----------------------------------------------*/

a.addtocomparison, a.addtoproject, a.addtowishlist,a.deletefavorite {
	text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #999999;
    color: #000000;
    padding: 3px;
    float: left;
    margin-right: 4px;
	margin-top: 4px;
    text-align: center;
    font-size: 0.9em;
	display: flex;
	align-items: center;
}

span.hidePipe {
	float: left;
}

select#actionchoice {
	margin-right: 15px;
}
#addtocompare {
	background-image: url(../images/homepage/newsletter-button-bg.jpg);
	background-position: 93%;
	background-repeat: no-repeat;
	background-color: #272727;
	border: 1px solid #272727;
	color: #ffd102;
	font-size: 1.1em;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-top: 10px;
	text-align: left;
	text-transform: lowercase;
	width: 120px;
}

#compareContainer {
	background-color: #ffffff;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 3000;
	-webkit-box-shadow: 0px -5px 25px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -5px 25px 0px rgba(0,0,0,0.75);
	box-shadow: 0px -5px 25px 0px rgba(0,0,0,0.75);
}
#compareMessage {
	background-color: #ffffff;
	border-top: 1px solid #e8ebed;
	border-bottom: 1px solid #e8ebed;
	display: none;
	position: relative;
	float: left;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	text-align: left;
	width: 98%;
}

a.toggleComparison, a.toggleComparison:hover, a.toggleComparison:visited {
	color: #272727;
	display: block;
	font-size: 1.4em;
	font-weight: 300;
	text-decoration: none;
}

#comparisonTitle {
	float: left;
	width: 75%;
}

#comparisonArrow {
	float: right;
	text-align: right;
	padding-right: 2%;
	width: 23%;
}
#comparisonArrow img {
	display: block;
	float: right;
	margin-left: 10px;
	margin-top: 4px;
}

#closeComparison {
	color: #272727;
	padding: 10px;
	position: absolute;
    right: 0;
    top: 25px;
    text-align: left;
    text-transform: lowercase;
	text-decoration: none;
	width: 80px;
}
#divSuccessMessage {
	background-color: #ffffff;
	display: none;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	max-width: 1180px;
	width: 80%;
}

#divSuccessMessage h2 {
	text-align: left;
}

.compareItem {
	float: left;
	margin-right: 2%;
	position: relative;
	text-align: center;
	width: 23.5%;
}
.compareItem:nth-of-type(4n) {
	margin-right: 0px;
}
.compareItem img {
	margin-left: auto;
	margin-right: auto;
	width: 120px;
}
a.compareRemove, a.compareRemove:hover, a.compareRemove:visited {
	color: #272727;
	font-size: 1.5em;
	padding: 5px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	top: 0;
	right: 0;
}
a.compareItems, a.compareItems:hover, a.compareItems:visited {
	background-color: var(--black);
	color: var(--white);
	float: right;
	font-size: 1.4em;
    display: block;
    width: 180px;
    margin-top: 25px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-align: center;
	text-decoration: none;
	text-transform: lowercase;
}
a.removeAll, a.removeAll:hover, a.removeAll:visited {
	/*background-image: url(../images/homepage/newsletter-button-bg.jpg);
	background-position: 93%;
	background-repeat: no-repeat;*/
	background-color: #ffffff;
	border: 1px solid #272727;
	color: #272727;
	float: left;
	font-size: 1.4em;
    display: block;
    /*letter-spacing: 0.1em;*/
    width: 180px;
    margin-right: 0px;
    margin-top: 25px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-align: center;
	text-decoration: none;
	text-transform: lowercase;
}
#comparisonTable {
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	border-collapse: collapse;
	margin-bottom: 30px;
	width: 100%;
}

#comparisonTable tr {
	border: none;
	border-bottom: 1px dotted #000000;
}

#comparisonTable tr:nth-of-type(even) {
	background-color: #e2e2e2;
}

#comparisonTable td {
	border-left: 1px solid #000000;
	padding: 5px;
	position: relative;
}

#comparisonTable td:nth-of-type(1) {
	border-left: none;
}

#comparisonTable img {
	height: auto;
	margin: 0 auto;
	max-width: 280px;
	width: 100%;
}
#comparisonTable td.files img {
	float: left;
	margin-right: 10px;
	width: 24px;
	height: 24px;
}
#comparisonTable td.actions img {
	width: 24px;
	height: 24px;
}
#comparisonTable td.label {
	width: 160px;
}

#comparisonTable a.comparisonRemove, #comparisonTable a.comparisonRemove:hover, #comparisonTable a.comparisonRemove:visited {
	color: #272727;
	font-size: 1.5em;
	padding: 5px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	top: 0;
	right: 0;
}
#categoryErrorContainer {
	display: none;
	background-color: #dd3538;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 5000;
}

#divErrorMessage {
	background-color: #dd3538;
	display: none;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	max-width: 1180px;
	width: 80%;
}
#divErrorMessage p {
	color: #ffffff;
}
.clearAll {
	color: #ffffff;
	text-decoration: underline;
}

#icons-key {
	box-sizing: border-box;
	border-top: 1px solid  var(--grey);
	border-bottom: 1px solid  var(--grey);
	display: flex;
	justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
	float: left;
	width: 100%;
	margin-top: 15px;
}

#icons-key h3 {
	margin-top: 0px;
}
.icon {
	display: flex;
	align-items: center;
	float: left;
	margin-bottom: 8px;
	margin-right: 16px;
	width: 180px;
}
.icon:nth-of-type(6){
	margin-right: 0px;
}

.icon img {
	display: inline-block;
}
.icon div.icon-image {
	float: left;
	display: inline-block;
	margin-right: 10px;
	width:24px;
}
.icon div.icon-title {
	float: left;
	display: inline-block;
	width:146px;
}
.icon div.icon-title p {
	font-size: 1.2em;
	margin-bottom: 0px;
}




/*--------------- Members ------------------------------
-----------------------------------------------------*/

input.InputButtonGreen {
	background-image:url(/2dev/images/button-green.gif);
	background-repeat:repeat-x;
	border:1px solid #e0e3da;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	font-size:13px;
	font-weight:bold;
	height:33px;
	margin-right:5px;
	padding-bottom: 3px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 3px;
	text-decoration: none;
	overflow: visible;
}

input.InputButtonGreen:hover {
	background-color:#97c048;
	background-image:none;
}

a.AbuttonGreen, a.AbuttonGreen:visited {
	background-image:url(/2dev/images/button-green.gif);
	background-repeat:repeat-x;
	border:1px solid #e0e3da;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	height:15px;
	margin-right:5px;
	padding-bottom: 8px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 8px;
	text-decoration: none;
	overflow: visible;
}
* html a.AbuttonGreen, * html a.AbuttonGreen:visited{
	height:33px;
	he\ight:15px;
}

a.AbuttonGreen:hover {
	background-color:#97c048;
	background-image:none;
}


input.InputButtonOrange {
	background-image:url(/2dev/images/button-orange.gif);
	background-repeat:repeat-x;
	border:1px solid #e0e3da;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	font-size:13px;
	font-weight:bold;
	height:33px;
	margin-right:5px;
	padding-bottom: 3px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 3px;
	text-decoration: none;
	overflow: visible;
}

input.InputButtonOrange:hover {
	background-color:#FF9900;
	background-image:none;
}

a.AbuttonOrange, a.AbuttonOrange:visited {
	background-image:url(/2dev/images/button-orange.gif);
	background-repeat:repeat-x;
	border:1px solid #e0e3da;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	height:15px;
	margin-right:5px;
	padding-bottom: 8px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 8px;
	text-decoration: none;
	overflow: visible;
}
* html a.AbuttonOrange, * html a.AbuttonOrange:visited{
	height:33px;
	he\ight:15px;
}

a.AbuttonOrange:hover {
	background-color:#97c048;
	background-image:none;
}

a.AbuttonRed, a.AbuttonRed:visited {
	background-image:url(/2dev/images/button-red.gif);
	background-repeat:repeat-x;
	border:1px solid #e0e3da;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	height:15px;
	margin-right:5px;
	padding-bottom: 8px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 8px;
	text-decoration: none;
	overflow: visible;
}
* html a.AbuttonRed, * html a.AbuttonRed:visited{
	height:33px;
	he\ight:15px;
}

a.AbuttonRed:hover {
	background-color:#bf140e;
	background-image:none;
}

.Padd{
	margin-top:12px;
}

#whyRegister {
	background-color: #e4e4e4;
	padding-bottom: 30px;
}

#whyRegisterTop {
	border-bottom: 1px dotted #000000;
	padding-bottom: 22px;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 23px;
}

#whyRegisterText {
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 15px;
}

#whyRegisterText img {
	margin-left: auto;
	margin-right: auto;
}

#whyRegisterText h2 {
	color: #f20a79;
	font-size: 1.8em;
}

#whyRegisterText h2#notRegistered {
	margin-bottom: 0px;
}

#whyRegisterText ul {
	line-height: 2em;
	margin-bottom: 25px;
	padding-left: 20px;
}

#whyRegisterText a, #whyRegisterText a:hover, #whyRegisterText a:visited {
	background-color: #f20a79;
	color: #ffffff;
	display: block;
	font-size: 1.3em;
	margin: 0 auto;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	text-decoration: none;
	width: 213px;
}

.smalltext {
	font-size: 0.9em;
	padding-right: 20px;
}

.members-optin label {
	width: 80%;
}	

/*--------------- Secure ------------------------------
-----------------------------------------------------*/

#secure-head-img{
	float:left;
	margin-right:275px;
	width:407px;
}

#foot-secure{
	background-image:none;
	background-color:#FFFFFF;
	border-top:1px solid #b8c9d8;
	padding-bottom:44px;
	margin-top:70px;
}

#checkout-steps-container{
	border-top:1px solid #b8c9d8;
	border-bottom:solid 1px #b8c9d8;
	margin-bottom:18px;
	padding-top:3px;
	padding-bottom:3px;
}
.checkout-steps{
	float:left;
	padding-left:19px;
	padding-top:27px;
	padding-bottom:29px;
}
.checkout-steps-odd{
	background-color:#eff3f7;
	width:176px;
}
* html .checkout-steps-odd{
	width:195px;
	w\idth:176px;
}
.checkout-steps-even{
	background-color:#ffffff;
	width:176px;
}	
* html .checkout-steps-even{
	width:195px;
	w\idth:176px;
}
.checkout-number{
	color:#1AA4EC;
	float:left;
	font-size:42px;
	font-weight:bold;
	line-height:42px;
	width:46px;
}
.checkout-text{
	color:#333333;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
}
.checkout-text-single{
	padding-top:9px;
}
#checkout-help-text{
	padding-left:18px;
}	

#checkout-left-col{
	float:left;
	padding-right:20px;
	width:468px;
}	
* html #checkout-left-col{
	width:488px;
	w\idth:468px;
}	
#checkout-right-col{
	float:left;
	padding-left:20px;
	width:468px;
}
* html #checkout-right-col{
	width:488px;
	w\idth:468px;
}

#checkout-login{
	border-bottom:solid 1px #b8c9d8;
	padding-left:19px;
	padding-bottom:36px;
}	
#checkout-left-box{
	padding-left:19px;
}

#detailsLeft{
	float:left;
	width:260px;
}
#detailsRight{
	float:left;
	width:200px;
}

#forgotten-password{
	margin-top:10px;
	margin-bottom:0px;
	margin-right:10px;
	float:right;
	width:150px;
}
#forgotten-password a, #forgotten-password a:visited{
	color:#787878;
	text-decoration:none;
}
#forgotten-password a:hover{
	text-decoration:underline;
}

.headRightAlign{
	text-align:right !important;
	padding-right:0px !important;
}	


.aBack, .aBack:visited{
	color:#FFFFFF !important;
	display:block;
	height:25px;
	padding-top:8px !important;
	text-decoration:none;
	width:121px;
}

/***** START: SHOPPING BASKET RELATED *****/

div.tableBasket {
	width: 100%;
	margin-top:20px;
}
div.tableBasket caption {
	display:none;
}
div.tableBasket div.basketCol1 {
	width: 976px;
}
div.tableBasket div.basketCol2 {
	float: left;
	padding: 5px;
	padding-right:10px;
	width: 473px; 
}
* html div.tableBasket div.basketCol2 {
	width: 488px;
	w\idth: 473px;
}
div.tableBasket div.basketCol3 {
	float: left;
	padding: 5px;
	padding-right:10px;
	width: 297px;
}
* html div.tableBasket div.basketCol3 {
	width: 312px;
	w\idth: 297px;
}
div.tableBasket div.basketCol6 {
	float: left;
	padding: 5px;
	padding-right:10px;
	width: 131px;
}
* html div.tableBasket div.basketCol6 {
	width: 146px;
	w\idth: 131px;
}
div.tableBasket div.basketCol7 {
	float: left;
	padding: 5px;
	padding-right:10px;
	width: 109px;
}
* html div.tableBasket div.basketCol7 {
	width: 124px;
	w\idth: 109px;
}
#basketUpdate {
	margin-left: 582px;
}
.totalRowMargin {
	margin-left: 394px;
}
#basketCheckout {
	float: right;
}
#coupon {
	width: 100px;
}

/***** START: CONFIRMATION BASKET RELATED *****/

div#checkoutBasket {
	margin-top:20px;
	width: 100%;
}
div#checkoutBasket div.productRow {
	border-bottom: 0px !important;
}
div#checkoutBasket div.basketCol1{
	clear: none;
	width: 467px;
}
div#checkoutBasket div.basketCol2 {
	clear: none;
	float: left;
	padding: 5px;
	padding-right:10px;
	width: 223px;
}
* html div#checkoutBasket div.basketCol2 {
	width: 238px;
	w\idth: 223px;
}
div#checkoutBasket div.basketCol3 {
	clear: none;
	float: left;
	padding: 5px;
	padding-right:10px;
	width: 137px;
}
* html div#checkoutBasket div.basketCol3 {
	width: 152px;
	w\idth: 137px;
}
div#checkoutBasket div.basketCol4 {
	clear: none;
	float: left;
	padding: 5px;
	padding-right:10px;
	width: 109px;
}
* html div#checkoutBasket div.basketCol4 {
	width: 124px;
	w\idth: 109px;
}
div#checkoutBasket div.checkoutQty {
	width: 52px;
}
* html .checkoutQty {
	width: 67px;
	w\idth: 52px;
}
div#checkoutBasket div#checkoutCoupon {
	width: 452px;
}
* html #checkoutCoupon {
	width: 467px;
	w\idth: 452px;
}
div#checkoutBasket div.totalRow div.basketCol2{
	width: 328px;
}
* html div#checkoutBasket div.totalRow div.basketCol2 {
	width: 343px;
	w\idth: 328px
}

/***** START: SECURE HOSTING BASKET RELATED *****/

div.shBasket {
	margin-top: 20px;
	width: 100%;
}
div.shBasket div.basketCol2 {
	float: left;
	padding: 5px;
	padding-right:10px;
	width: 219px;
}
* html div.shBasket div.basketCol2 {
	width: 234px;
	w\idth: 219px;
}
div.shBasket div.basketCol3 {
	float: left;
	padding: 5px;
	padding-right:10px;
	width: 141px;
}
* html div.shBasket div.basketCol3 {
	width: 156px;
	w\idth: 141px;
}
div.shBasket div.basketCol4 {
	float: left;
	padding: 5px;
	padding-right:10px;
	width: 102px;
}
* html div.shBasket div.basketCol4 {
	width: 117px;
	w\idth: 102px;
}


table.tableBasket {
	border:none;
	border-spacing: 0px;
	border-collapse: collapse;
	margin-top:20px;
}
table.tableBasket caption {
	display:none;
}
table.tableBasket th, table.tableBasket td  {
	border: 0px;
	margin: 0px;
	padding: 5px;
	padding-right:10px;
}
table.tableBasket th {
	font-weight: bold;
}

.basketHeading{
	border-bottom:1px solid #000000;
}

.basketP{
	margin-top:6px;
}	
a.AbuttonBasket, a.AbuttonBasket:visited {
	border: 0px;
	background-color: #999999;
	color: #FFFFFF;
	font-size: 0.85em;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 3px;
	text-decoration: none;
}
a.AbuttonBasket:hover {
	border: 0px;
	background-color: #999999;
	color: #FFFFFF;
	font-size: 0.85em;
	font-weight: bold;
	margin: 0px;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 3px;
	text-decoration: none;
}

.productRow{
	border-bottom:1px solid #999999;
}	
.inputQty{
	border: 1px solid #4c4c4c;
	margin:0px;
	float:right;
	padding:2px;
	width:25px;
}	

#head-buy-tickets-secure{
	background-color:#303032;
	background-repeat:no-repeat;
	background-position:right;
	margin-right:6px;
	padding-left:17px;
	width:110px;
}
* html #head-buy-tickets-secure{
	width:127px;
	w\idth:110px;
}

.menu-style li{
	/*background-image:url(../images/arrow-black.gif);*/
}	

.divBasketSnapshot{
	background-image:url(../images/basket-bg.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	border:1px solid #333333;
	margin-top:13px;
	margin-bottom: 20px;
	padding-top:15px;
	padding-left:14px;
	padding-bottom:18px;
}	
.divBasketSnapshotItems, .divBasketSnapshotTotal{
	margin-bottom:12px;
}	
.divBasketSnapshotView{
	background-color:#ee0e90;
	color:#FFFFFF !important;
	font-weight:bold;
	display:block;
	margin-bottom:11px;
	padding-top:8px;
	padding-bottom:8px;
	text-align:center;
	text-decoration:none;
	width:124px;
}
.divBasketSnapshotCheckout{
	background-color:#1aa4ec;
	color:#FFFFFF !important;
	font-weight:bold;
	display:block;
	margin:0px;
	padding-top:8px;
	padding-bottom:8px;
	text-align:center;
	text-decoration:none;
	width:124px;
}

.price{
	font-size:1.4em;
	font-weight:bold;
}
.indPrice{
	font-size:1.6em;
	font-weight:bold;
}

.product-divider{
	/*background-image:url(../images/news-divider.gif);*/
	background-repeat:no-repeat;
	clear:both;
	height:10px;
	margin-bottom:15px;
	margin-top:15px;
}	

.buttonBasket{
	background-color:#1aa4ec;
	border:0px;
	clear:both;
	color:#ffffff;
	cursor:pointer;
	font-weight:bold;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:12px;
	padding-right:12px;
}

.buttonStyle{
	border:0px;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-align:right;
	/* remove iPad/iPhone styling */
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
}

.update{
	background-color:#3a3e47;
	border:0px;
	color:#FFFFFF;
	cursor:pointer;
	float:right;
	font-size:11px;
	font-weight:bold;
	margin:0px;
	margin-top:4px;
	padding:0px;
	text-align:center;
	height:25px;
	width:109px;
	/* remove iPad/iPhone styling */
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
}

.remove{
	background-color: #FF3300;
	color:#FFFFFF;
	display:block;
	font-size:12px;
	font-weight:bold;
	padding-top:4px;
	text-align: center;
	text-decoration:none;
	width:74px;
	height:19px;
}
* html .remove{
	height:23px;
	he\ight:21px;
	width:82px;
	w\idth:75px;
}

.shopBack{
	background-color:#3a3e47;
	color:#FFFFFF !important;
	display:block;
	font-size:12px;
	font-weight:bold;
	padding-top:9px;
	padding-left:7px;
	padding-right:7px;
	text-align:center;
	text-decoration:none;
	width:129px;
	height:24px;
}
* html .shopBack{
	width:98px;
	w\idth:84px;
}

.checkout{
	background-color: #66CC00;
	border:0px;
	color:#FFFFFF !important;
	cursor:pointer;
	display:block;
	float:right;
	font-weight:bold;
	margin:0px;
	padding:0px;
	padding-top:9px;
	text-align:center;
	text-decoration:none !important;
	height:24px;
	width:148px;
}
* html .checkout{
	height:33px;
	he\ight:24px;
	width:203px;
	w\idth:148px;
}

#checkout-container input{
	margin:0px;
	margin-bottom:12px;
	margin-right:10px;
}

.tableBasket{
	color:#4D4D4D;
}
	
.tdProductImage{
	border-right:0px;
}
.tdProductName{
	border-left:0px;
}	

.tdExtraTopPadding{
	padding-top:20px !important;	
}

.tdAlignRight{
	text-align:right;
}	
.tdAlignCenter{
	text-align:center;
}	
.vAlignMiddle{
	display:table-cell;
	vertical-align: middle;
}
.vAlignMiddle label{
	display:inline;
	float:none;	
}
.vAlignMiddle input{
	float:none;
	margin-bottom:0px;
}

#coupon-box{
	border-bottom:1px solid #000000 !important;
}
.totalRow{
	color:#333333;
}

.addButton{
	background-color: #66CC00;
	font-size:12px;
	margin-left:10px;
	text-align: center;
	width:129px;
	height:26px;
}	

/*th{
	border-width:0px;
}	

*/

#checkout-container h2{
	color:#1AA4EC;
	font-size:1.2em;
	margin-bottom:18px;
}	

#checkout-container fieldset{
	border:0px;
	margin:0px;
	margin-bottom:16px;
	padding:0px;
}
#checkout-container legend{
	margin:0px;
	padding:0px;
	padding-bottom:16px;
	
}	
/*#checkout-container label{
	width:90%;
}*/	
#checkout-container select{
	float:none;
	margin-right:0px;
}
#cardstartmonth, #cardstartyear, #cardexpiremonth, #cardexpireyear {
	border: 1px solid #4c4c4c;
	margin-left: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 8px;
	padding-right: 8px;
}
#cv2, #switchnumber {
	width: 57px !important;
}
div.divRegisterOptIn {
	padding-top: 10px;
}	
div.divRegisterOptIn label{
	width:400px;
}

#checkout-container{
	background-position:480px;
	background-repeat:repeat-y;
	margin-top:20px;
	width:976px;
}

#checkout-left-col label, #checkout-right-col label{
	width:97px;
}

#checkout-left-col .largeLabels label, #checkout-right-col .largeLabels label{
	width:300px;
}	
	
.continue-large{
	float:right;
	height:33px;
	text-align: center;
	width:196px;
}

.continue{
	float:right;
	height:33px;
	text-align: center;
	width:148px;
}	

.shop-cat{
	float:left;
	margin-right:20px;
	width:230px;
}	
.subcatImage{
	background-color:#393939;
	height:190px;
	overflow:hidden;
}
	
.shop-cat a, .shop-cat a:visited{
	font-size:1.6em;
	font-weight:bold;
	line-height:2.0em;
	text-decoration:none;
}
	
.shop-cat-last{
	margin-right:0px;
}

/** ------------------------------------------------------------ **/
/** ----------------------- Store Finder ----------------------- **/
#stockistsColResults {
	/*border-left: 1px solid #7e8384;
	background-color: #ffffff;*/
	box-sizing: border-box;
	float: left;
	height: 680px;
	overflow-y: scroll;
	/*margin-left: -1180px;*/
    padding-left: 10px;
    /*margin-right: 20px;*/
    width: 27%;
    position: absolute;
    right: 0px;
    top: 0px;
}

#stockistsColMap {
	float: left;
    /*margin-left: 500px;*/
    /*margin-right: 20px;*/
    overflow: hidden;
    /*padding-bottom: 30px;*/
    /*padding-top: 20px;*/
    position: relative;
    width: 100%;
}
#stockist-filter {
	background-color: #f6f6f6;
	/*margin-bottom: 15px;*/
	padding: 15px;
}

#stockist-filter form fieldset {
	margin-top: 0px;
}

#stockist-filter form fieldset div {
	float: left;
	clear: none;
}
#formlocator label {
	color: #000;
	margin-right: 0px;
	width: 100%;
}
#formlocator input {
	background-color: #f6f6f6;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid var(--black);
    transition: all .4s ease;
}
#formlocator select {
	background-color: #f6f6f6;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid var(--black);
    transition: all .4s ease;
	display: block;
	min-width: 120px;
}
#formlocator input.locatorButton{
	background-color: #f6f6f6 ;
	background-image: none;
	border: 1px solid #000;
	color: #000;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 29px;
	padding: 0px;
	padding-bottom: 10px;
	padding-top: 9px;
	text-align: center;
	transition: background-color 0.2s, color 0.2s;
	width: 96px;
}

#formlocator input.locatorButton:hover {
	background-color: #000;
	color: #f6f6f6;
}

.stockist {
	border-bottom: 1px dotted #d2d8db;
	float: left;
	padding: 10px;
	position: relative;
	text-align: left;
	width: 430px;
}
* html .stockist {
	width: 450px;
	w\idth: 430px;
}
/*.stockist div.distance {
	position: absolute;
	right: 10px;
	top: 23px;
}*/
.stockist p {
	font-size: 1em;
	margin-bottom: 5px;
}
.stockist h3 {
	font-size: 1.1em;
	margin-bottom: 5px;
	margin-top: 5px;
}
#map-wrap{
	background-color:#d2d8db;
	height: 680px;
	width: 100%; 
}
#map-placeholder, #map-holding{
	height:680px;
	width: 100%;
	position: relative;
}
#divDirections {
	display: none;
	height: 660px;
	padding-top: 20px;
	width: 460px;
}

#goBack {
	padding-top: 10px;
}
#mapDirections {
	display: block;
	margin-bottom: 5px;
}
div.divInfoWindow h3 {
	font-size: 1.1em;
}
div.divInfoWindow p {
	font-size: 1em;
}
#holding-text {
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
	width: 70%;
}

#searchmessage {
	display: none;
	padding-top: 20px;
	text-align: center;
}




/** ------------------------------------------------------------ **/
/** ----------------------- gallery ---------------------------- **/
/*#galleryWrapper {
	padding-top: 40px;
}*/	
#gallery {
	clear: both;
	/*padding-bottom: 20px;*/
	width: 100%;
}
.noGalleryImages {
	color: #ffd102;
	float: left;
	width: 100%;
	text-align: center;
}
.galleryContainer {
	float: left;
	margin-bottom: 20px;
	margin-right: 2%;
	overflow: hidden;
	position: relative;
	width: 32%;
}
.galleryContainer:nth-of-type(3n) {
	margin-right: 0px;
}
.galleryContainer h2 {
	color: #ffffff;
	font-size: 1.4em;
	top: 45%;
	left: 0px;
	min-height: 48px;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

.galleryImage {
	/*height: 235px;
	overflow: hidden;*/
	height: 100%;
	width:100%;
}
#gallery a, #gallery a:visited{
	display:block;
	height: 100%;
	width:100%;
	text-decoration: none;
}

#gallery img {
	display:block;
	height: 100%;
    margin: 0 auto;
    object-fit: cover;
    width: 100%;
}

div.overlay-hover img {
	display: inline-block !important;
    object-fit: contain !important;
    height: auto !important;
    width: auto !important;
    vertical-align: middle;
}

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

.category-list{
	/*clear:both;*/
	float: left;
	list-style: none;
	margin-bottom: 8px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 8px;
	padding: 0px;
}
.category-list li {
	float: left;
	margin-left: 7px;
	margin-right: 7px;
	padding: 0px;
	width: 280px;
}
.category-list li a, .category-list li a:hover, .category-list li a:visited {
	color: #282828;
	float: left;
	font-size: 1.1em;
	padding-bottom: 12px;
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 10px;
	text-decoration: none;
	
}

.gallery-entry {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px dotted #AAA;
}
/* START: Flickr gallery related styles */
.thumbs {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.thumbs li {
	list-style: none;
	float: left;
	margin: 5px;
	padding: 3px;
	background: #eee; -moz-box-shadow: 0 0 4px #444; -webkit-box-shadow: 0 0 2px #000;
}
.thumbs li a {
}
.thumbs li img {
	display: block;
}
.thumbs li a img {
	border: none;
}
/* END: Flickr gallery related styles */

/* Homeboxes */
#homeboxes {
	background: url(../images/homepage/homeboxes-bg.gif);
	background-repeat:repeat-y;
	width: 976px;
}
#homebox-left {
	float: left;
	padding-left: 11px;
	padding-right: 15px;
	width: 300px;
}
* html #homebox-left {  /* This is the Tan hack */
	width: 326px; 
	w\idth: 300px; 
}
#homebox-center {
	float: left;
	padding-left: 12px;
	padding-right: 13px;
	width: 300px;
}
* html #homebox-center {  /* This is the Tan hack */
	width: 325px; 
	w\idth: 300px; 
}
#homebox-right {
	float: left;
	padding-left: 14px;
	padding-right: 11px;
	width: 300px;
}
* html #homebox-right {  /* This is the Tan hack */
	width: 325px; 
	w\idth: 300px; 
}


/** -------------------------------------------------------------------- **/
/** ------------------- News -------------------------- **/

.newsitem{
	float: left;
	margin-bottom: 20px;
	margin-right: 2%;
	overflow: hidden;
	position: relative;
	width: 32%;
}	

.newsitem:nth-of-type(3n){
	margin-right: 0px;
}	

.newsimage{
	display:block;
	/*margin-bottom: 30px;*/
	height: 100%;
	position:relative;
	overflow:hidden;
	width: 100%;
}
.newsimage img{
	height: 100%;
	margin: 0 auto;
	object-fit: cover;
	width:100%;
}	

.newsitem h2 {
	color: #000000;
	font-size: 1.8em;
	margin-top: 0px;
	margin-bottom:0px;
	padding-bottom: 10px;
}

.newsitem p {
	color: #ffffff;
	font-size: 1.1em;
	/*margin-bottom:28px;*/
}
.newsitem p.newsdate{
	background-image:url(../images/newsbg.png);
	color: #ebd316 !important;
	font-size: 1.8em;
	margin: 0px;
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
}

.newsitem p.newsdate span{
	display:block;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:18px;
}




.newsdatenumber{
	padding-top:10px;
	padding-left:10px;
	color:#ffffff;
	display:block;
	font-size:1.6em;
	font-weight:bold;
}	

.newsdatemonth{
	color:#ec2523;
	display:block;	
	font-size:1.2em;
	padding-left:10px;
}

#newsWrapper div.newsimage {
	/*max-height: 253px;*/
	overflow: hidden;
}

.newstext {
	background: rgba(0,0,0, 0.8);
	background: rgb(0,0,0), transparent;
	box-sizing: border-box;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 2%;
	text-align: left;
	width: 100%;
}

.newsitem .newstext a, .newsitem .newstext a:visited {
	color: #ffffff;
	text-decoration: none;
}

.newsitem .newstext a:hover {
	color: #ffffff;
	text-decoration: none
}

#contactForm div label { 
	margin-right:2%;
	width:22%;
}
#contactForm div .contactInputLarge {  
    padding-right: 2%;
    padding-left: 2%;
	width: 64%;
}

#contactForm .g-recaptcha, #contactForm .InputButtonWhite {
	margin-left:24%;
}


#mapHeading {
	font-size:3em;
	font-weight:100;
}

#divMap {
}
#divMap img{
	max-width: none;
}	


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

.home1col{
	padding-left:100px;
	padding-right:100px;
	padding-top:78px;
	padding-bottom:90px;
}

.home1col h1{
	margin-bottom:24px;
}	
.home1col p{
	font-size:1.8em;
	margin-bottom:70px;
}	
.home1col a, .home1col a:visited,  #sliderhome li div.textarea a, #sliderhome li div.textarea a:visited {	
	/*border-bottom:3px solid #414243;*/
	color:#414243;
	padding-bottom:15px;
	padding-right:120px;
	text-decoration:none;
}
#sliderhome li div.textarea a, #sliderhome li div.textarea a:visited {
	/*border-bottom:3px solid #FFFFFF;*/
	color:#FFFFFF;
}

.home1col a:hover, .newsitem a:hover, #sliderhome li div.textarea a:hover {
	/*border-bottom:3px solid #ffd102;*/
	color:#414243;
}

#sliderhome li div.textarea a:hover {
	color:#ffd102;
}

#contentBottom .col3{
	width:380px;
}


#distributor, #lightingdesign{
	margin-bottom:20px;
	position:relative;
}
#distributor h2, #lightingdesign h2{
	margin: auto;
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	text-align:center;
	height:28px;
	padding-left:6%;
	padding-right:6%;
	width:88%;
}	
#distributor h2 a, #distributor h2 a:visited{
	color:#FFFFFF;
	font-size:1.4em;
	text-decoration:none;
}	
#lightingdesign h2 a, #lightingdesign h2 a:visited{
	color:#000000;
	font-size:1.4em;
	text-decoration:none;
}

.dotBackground{
	background-image:url(../images/dotbg.gif);
}	

#twitterContainer{
	background-color:#FFFFFF;
	background-image:url(../images/twitter-bg.gif);
	background-position:top right;
	background-repeat:no-repeat;
	padding-top:48px;
	padding-right:28px;
	padding-bottom:13px;
	padding-left:28px;
}

#foot div.col3 #productsList{
	margin-right:20px;
}

#pageTop{
	padding-bottom: 29px;
	padding-top: 45px;
}
#pageTopProjects {
	padding-top: 60px;
}

#pageTopProjects div.wrapper-inner-large {
	max-width: 1903px;
}

.cookiesTable{
	margin-bottom:20px;
}

.yellowBorder{
	border-bottom:3px solid #ffe600 !important;
}
#my-projects {
	background-color: #fbdfea;
	float: left;
	margin-top: 10px;
	padding-left: 2%;
	padding-right: 2%;
	width: 96%;
}
#my-projects h2{
	margin-top: 16px;
}
#my-projects p {
	color: #272727;
	margin-top: 16px;
}

#projects-list  {
	border-top: 1px dotted #484c50;
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	margin-top: 0px;
	width: 100%;
	/*max-width: 400px;*/
}

#projects-list li {
	float: left;
	border-bottom: 1px dotted #484c50;
	cursor: pointer;
	/*margin-bottom: 8px;*/
	padding-bottom: 8px;
	padding-top: 8px;
	padding-left: 1%;
	padding-right: 1%;
	width: 98%;
}

#projects-list li:nth-of-type(odd) {
	background-color: #ffffff;
}
#projects-list li:nth-of-type(even) {
	background-color: #e2e2e2;
}	

#my-projects a#newproject, #my-projects a#newproject:hover, #my-projects a#newproject:visited {
	/*border-top: 1px solid #272727;*/
	margin-top: 8px;
	padding-top: 10px;
}

#projects-list li a, #projects-list li a:hover, #projects-list li a:visited {
	color: #272727 !important;
	float: left;
	font-size: 0.9em;
	text-decoration: none;
}

#projects-list li div.itemQty {
	border-left: 1px dotted #484c50;
	border-right: 1px dotted #484c50;
	float: left;
	margin-left: 10px;
	padding-left: 6px;
}

#projects-list li div.itemFloor {
	border-right: 1px dotted #484c50;
	float: left;
	margin-left: 10px;
	padding-left: 6px;
}

#projects-list label {
	float: left;
	font-size: 0.9em;
	width: auto;
}

#projects-list li input[type="number"] {
	border: 1px solid #999999;
	float: left;
	width: 30px;
}

#projects-list li input[type=number]::-webkit-inner-spin-button, 
#projects-list li input[type=number]::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
}

#project-search {
	background-color: #272727;
	margin-bottom: 10px;
	padding-left: 2%;
	padding-right: 2%;
	width: 96%;
}

#project-search div.clearboth {
	margin-bottom: 0px;
}


#project-search input.InputButtonBlack {
	background-color: #ffd102 !important;
	background-image: none;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 0px;	
	color: #000000;
} 

#members-list-wrapper {
	/*border-bottom: 1px solid #999999;
	margin-bottom: 20px;
	padding-bottom: 10px;*/
	float: left;
	width: 100%
}
.member-list {
	border-top: 1px solid #999999;
	float: left;
	padding-top: 10px;
	width: 100%
}
a.membersaction, a.membersaction:hover, a.membersaction:visited {
	/*background-image: url(../images/homepage/newsletter-button-bg.jpg);
    background-position: 93%;
    background-repeat: no-repeat;*/
    background-color: #272727;
    border: 1px solid #272727;
    color: #ffe603 !important;
    float: left;
    font-size: 1.1em;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-bottom: 11px;
    /*padding-left: 8px;*/
    padding-top: 11px;
    text-align: center;
    text-decoration: none;
    /*text-transform: lowercase;*/
    width: 120px;
}
input.membersaction, button.membersaction {
	/*background-image: url(../images/homepage/newsletter-button-bg.jpg);
    background-position: 93%;
    background-repeat: no-repeat;*/
    background-color: #272727;
    border: 0px;
    color: #ffe603 !important;
    float: left;
    font-size: 1.1em;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-bottom: 12px;
    /*padding-left: 15px;*/
    padding-top: 13px;
    text-align: center;
    text-decoration: none;
    /*text-transform: lowercase;*/
    width: 150px;
}

button.membersactionlarge {
	/*background-image: url(../images/homepage/newsletter-button-bg.jpg);
    background-position: 93%;
    background-repeat: no-repeat;*/
    background-color: #272727;
    border: 0px;
    color: #ffe603 !important;
    float: left;
    font-size: 1.1em;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-bottom: 12px;
    /*padding-left: 15px;*/
    padding-top: 13px;
    text-align: center;
    text-decoration: none;
    /*text-transform: lowercase;*/
    width: 180px;
}

a.membersregister, a.membersregister:hover, a.membersregister:visited {
	/*background-image: url(../images/homepage/newsletter-button-bg.jpg);
    background-position: 93%;
    background-repeat: no-repeat;*/
    background-color: #ffe603;
    box-sizing: border-box;
    /*border: 1px solid #ffe603;*/
    color: #272727 !important;
    display: block;
    float: left;
    font-size: 1.1em;
    margin-bottom: 10px;
    margin-right: 0px;
    padding-bottom: 12px;
    /*padding-left: 8px;*/
    padding-top: 13px;
    text-align: center;
    text-decoration: none;
    /*text-transform: lowercase;*/
    width: 150px;
    height: 41px;
}





/*.m_1 {
	background-color: #ff8a00;
}

.m_2 {
	background-color: #00beda;
}

.m_3 {
	background-color: #c745a8;
}

.m_4 {
	background-color: #00c4b6;
}
.m_5 {
	background-color: #dd3538;
}
.m_6 {
	background-color: #ee0f68;
}*/

a.yellowButton, a.yellowButton:hover, a.yellowButton:visited {
	background-color: #ffe603;
	border: 1px solid #ffe603;
	color: #272727;
	float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-top: 10px;
    text-align: left;
    text-decoration: none;
    text-transform: lowercase;
    width: 130px;
}

a.yellowButtonLarge, a.yellowButtonLarge:hover, a.yellowButtonLarge:visited {
	background-color: #ffe603;
	border: 1px solid #ffe603;
	color: #272727;
	float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-top: 10px;
    text-align: left;
    text-decoration: none;
    text-transform: lowercase;
    width: 180px;
}
a.membersactionlarge, a.membersactionlarge:hover, a.membersactionlarge:visited {
	/*background-image: url(../images/homepage/newsletter-button-bg.jpg);
    background-position: 93%;
    background-repeat: no-repeat;*/
    background-color: #272727;
    border: 1px solid #272727;
    color: #ffe603 !important;
    float: left;
    font-size: 1.1em;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-bottom: 11px;
    /*padding-left: 15px;*/
    padding-top: 11px;
    text-align: center;
    text-decoration: none;
    /*text-transform: lowercase;*/
    width: 180px;
}


a.membersactionlast, a.membersactionlast:hover, a.membersactionlast:visited input.membersactionlast button.membersactionlast {
	/*float: right;*/
	margin-right: 0px;
}

#members-list-wrapper h2 {
	display: inline-block;
	float: left;
	font-size: 2.2em;
	width: 80%;	
}

#members-list-wrapper p#addNewButton {
	display: inline-block;
	float: right;
	margin-bottom: 0px;
}
#members-list-wrapper p#addNewButton a.yellowButton, #members-list-wrapper p#addNewButtona.yellowButton:hover, #members-list-wrapper p#addNewButton a.yellowButton:visited {
	/*background-image: url(../images/members/addnewbg.gif);
	background-repeat: no-repeat;
	background-position: 85% 50%;*/
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 33px;
	padding-right: 48px;
	text-transform: none;
	width: 150px;
}


#wishlist-left {
	float: left;
	width: 70%;
}

#wishlist-right {
	float: left;
	width: 30%;
}

#wishlist-left h2 {
	display: inline-block;
	font-size: 2.2em;	
}



#case-study-range-wrapper {
	float: left;
	margin-bottom: 20px;
	width: 100%;
}
.case-study-range {
	float: left;
	border-bottom: 1px dotted #7f7f87;
	border-right: 1px dotted #7f7f87;
	height: 270px;
	text-align: center;
	width: 219px;
}
.case-study-range-last {
	border-right: 0px;
}
.case-study-range img {
	margin-left: auto;
	margin-right: auto;
}
.case-study-range p {

}
.case-study-range a, .case-study-range a:hover, .case-study-range a:visited {
	color: #262627;
	text-decoration:  none;
}

#wrapper-affiliations {
	background-color: #ffffff;
	border-top: 1px dotted #7f7f87;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
}

.aff-logo {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	width: 265px;
}


.aff-logo img {
	margin: 0 auto;
}
#catalogueImage {
	padding-top: 90px;
}

.lighting-projects {
	float: left;
	padding-top: 40px;
	width: 100%;
}

#light-wrapper {
	background-color: #ee0f68;
	width: 100%;
}

.lighting-quote {
	box-sizing: border-box;
	margin: 0px;
	text-align: left;
	width: 50%;
}

.lighting-quote p {
	color: var(--black);
	font-size: 1.4em;
}

.lighting-quote img {
	height: 100%;
	margin: 0 auto;
	object-fit: cover;
	width: 100%;
}

#lighting-quote-text {
	padding: 3%;
}
#lighting-quote-text span.quote-name {
	font-weight: 300;
}




#international-quote-wrapper {
	background-color: #00c4b6;
	float: left;
	margin-bottom: 60px;
	margin-top: 20px;
	padding: 20px;
	padding-top: 35px;
	padding-bottom: 35px;
	width: 1140px;
}
* html #international-quote-wrapper {
	width: 1180px;
	w\idth: 1140px;
}  

#international-quote-image {
	float: left;
		width: 400px;
}

#international-quote {
	background-image: url(../images/design-service/quote-open.png), url(../images/design-service/quote-closed.png);
	background-position: left top, right bottom;
	background-repeat: no-repeat, no-repeat;
	color: #ffffff;
	float: left;
	margin-right: 20px;
	padding: 30px;
	width: 660px;
}
* html #international-quote {
	width: 720px;
	w\idth: 660px;
}
#international-quote p {
	color: #ffffff;
}

#services-wrap {
	float: left;
	margin-bottom: 20px;
	margin-top: 30px;
	width: 100%;
}

#services-list {
	float: left;
	list-style: none;
	margin-left: 0px;
	margin-bottom: 30px;
	padding: 0px;
	width: 100%;
}

#services-list p {
	float: left;
	font-size: 1.5em;
    /*padding-bottom: 20px;*/
    padding-top: 15px;
    padding-right: 10px;
    text-align: left;
}

#services-list div {
	box-sizing: border-box;
	float: left;
	width: 33.3333%;
}




#services-list div#tech, #services-list div#drinks, #services-list div#booking, #services-list div#training, #services-list div#wifi, #services-list div#video, #services-list div#television, #services-list div#visual, #services-list div#shipping, #services-list div#logistic, #services-list div#communicate {
	border-bottom: 1px solid #aeaeae;
}

#services-list div#tech, #services-list div#video, #services-list div#location, #services-list div#parking, #services-list div#wifi, #services-list div#training, #services-list div#lux, #services-list div#television, #services-list div#design, #services-list div#shipping, #services-list div#logistic, #services-list div#delivery, #services-list div#guarantee {
	border-right: 1px solid #aeaeae;
}

#services-list div#tech {
	background-image: url(../images/design-service/tech.gif);
	background-position: 15% 50%;
	background-repeat: no-repeat;
	padding-left: 8%;
}

#services-list div#lux {
	background-image: url(../images/design-service/lux.gif);
	background-position: 12% 50%;
	background-repeat: no-repeat;
	padding-left: 8%;
}

#services-list div#video {
	background-image: url(../images/design-service/video.gif);
	background-position: 25% 50%;
	background-repeat: no-repeat;
	padding-left: 12%;
}

#services-list div#design {
	background-image: url(../images/design-service/design.gif);
	background-position: 25% 50%;
	background-repeat: no-repeat;
	padding-left: 11%
}

#services-list div#television {
	background-image: url(../images/tv.svg);
	background-position: 25% 50%;
	background-repeat: no-repeat;
	padding-left: 11%;
    background-size: 5%;
    color: #aeaeae;
}

#services-list div#drinks {
	background-image: url(../images/cup.svg);
	background-position: 25% 50%;
	background-repeat: no-repeat;
	padding-left: 11%;
    background-size: 5%;
    color: #aeaeae;
}

#services-list div#seating {
	background-image: url(../images/people.svg);
	background-position: 25% 50%;
	background-repeat: no-repeat;
	padding-left: 11%;
    background-size: 5%;
    color: #aeaeae;
}

#services-list div#wifi {
	background-image: url(../images/wifi.svg);
	background-position: 25% 50%;
	background-repeat: no-repeat;
	padding-left: 11%;
    background-size: 5%;
    color: #aeaeae;
}

#services-list div#location {
	background-image: url(../images/geo-alt.svg);
	background-position: 25% 50%;
	background-repeat: no-repeat;
	padding-left: 11%;
    background-size: 5%;
    color: #aeaeae;
}

#services-list div#parking {
	background-image: url(../images/currency-pound.svg);
	background-position: 15% 50%;
	background-repeat: no-repeat;
	padding-left: 8%;
    background-size: 5%;
    color: #aeaeae;
}

#services-list div#training {
	background-image: url(../images/calendar2-event.svg);
	background-position: 15% 50%;
	background-repeat: no-repeat;
	padding-left: 8%;
    background-size: 5%;
    color: #aeaeae;
}

#services-list div#booking {
	background-image: url(../images/design-service/visual.gif);
	background-position: 25% 50%;
	background-repeat: no-repeat;
	padding-left: 11%
}

#services-list div#visual {
	background-image: url(../images/design-service/visual.gif);
	background-position: 15% 50%;
	background-repeat: no-repeat;
	padding-left: 9%;
}

#services-list div#shipping {
	background-image: url(../images/international/packaging.gif);
	background-position: 5% 50%;
	background-repeat: no-repeat;
	padding-left: 8%;
}


#services-list div#logistic {
	background-image: url(../images/international/logistics.gif);
	background-position: 10% 50%;
	background-repeat: no-repeat;
	padding-left: 8%;
}

#services-list div#communicate {
	background-image: url(../images/international/communicate.gif);
	background-position: 5% 50%;
	background-repeat: no-repeat;
	padding-left: 8%;
}


#services-list div#delivery {
	background-image: url(../images/international/delivery.gif);
	background-position: 3% 50%;
	background-repeat: no-repeat;
	padding-left: 8%;
}

#services-list div#guarantee {
	background-image: url(../images/international/guarantee.gif);
	background-position: 9% 50%;
	background-repeat: no-repeat;
	padding-left: 8%;
}

#services-list div#uk {
	background-image: url(../images/international/uk.gif);
	background-position: 5% 50%;
	background-repeat: no-repeat;
	padding-left: 8%;
}


.colproject {
	margin: 0px;
	width: 33.33333%;
}

.colproject img {
	height: 100%;
	margin: 0 auto;
	object-fit: cover;
	width: 100%;
}

#project-casestudy {
	overflow: hidden;
	position: relative;
	text-align: left;
}

#project-installation {
	overflow: hidden;
	position: relative;
	text-align: left;
}

#project-video {
	overflow: hidden;
	position: relative;
	text-align: left;
}

.colproject div.overlay-text{
	background: rgba(0,0,0, 0.8);
	background: rgb(0,0,0), transparent;
	box-sizing: border-box;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 2%;
	text-align: left;
	width: 100%;
}    

#project-casestudy h2, #project-installation h2, #project-video h2 {
	color: #fee600;
	font-size: 2.9em;
	/*margin-bottom: 0px;*/
	text-decoration: none;
}
#project-casestudy a, #project-casestudy a:visited, #project-installation a, #project-installation a:visited, #project-video a, #project-video a:visited {
	color: #ffffff;
	font-size: 1.6em;
	text-decoration: none;
}

.overlay-hover{
	background-image: url(../images/projects/project-overlay-bg.png);
	background-repeat: repeat;
	position: absolute;
	top: 0;
	/*left: -100%;*/
	height: 100%;
	width: 100%;
	z-index: 100;
}

.casestudyheading {
	color: #000000;
	padding-bottom: 10px;
	padding-top: 10px;
	/*text-shadow: 0px 0px 3px rgba(150, 150, 150, 1);*/
}

#dashboardNavWrapper {
	border-bottom: 3px solid #7f7f87;
	margin-bottom: 20px;
	padding-bottom: 10px;
	width: 100%;
}

a.dashBoardNav, a.dashBoardNav:visited, a.dashBoardNav:hover {
	float: left;
	background-color: #262628;
	color: #ffe603;
	font-size: 1.3em;
    display: block;
    margin-right: 10px;
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    text-align: center;
    text-decoration: none;
    width: 150px;
}
* html a.dashBoardNav, * html a.dashBoardNav:visited, * html a.dashBoardNav:hover {
	width: 185px;
	w\idth: 150px;
} 

a.dashBoardNavLast, a.dashBoardNavLast:visited, a.dashBoardNavLast:hover  {
	background-color: #262628;
	float: right;
	margin-right: 0px;
	/*width: 53px;*/
	width:60px;
}

* html a.dashBoardNavLast, * html a.dashBoardNavLast:visited, * html a.dashBoardNavLast:hover {
	width: 70px;
	w\idth: 57px;
}

/* #Dashboard-Password {
	background-image: url(../images/members/password.jpg);
	background-repeat: no-repeat;
	background-position: 6% ;
	/*width: 212px;
	w\idth: 242px;
}

#Dashboard-Details {
	background-image: url(../images/members/details.jpg);
	background-repeat: no-repeat;
	background-position: 8% ;
}

#Dashboard-Projects {
	background-image: url(../images/members/projects.jpg);
	background-repeat: no-repeat;
	background-position: 8% ;
}  

#Dashboard-Home {
	background-image: url(../images/members/dashboard.jpg);
	background-repeat: no-repeat;
	background-position: 8% ;
}

#Dashboard-Favourites {
	background-image: url(../images/members/favourites.jpg);
	background-repeat: no-repeat;
	background-position: 8% ;
}  */ 

#projectsPagination {
	margin-bottom: 15px;
}

#projectsPagination div.DivRecords {
	color: #000000;
}

#projectsPagination div.DivPrev a, #projectsPagination div.DivNext a {
	background-color: #ed0f68;
    background-image: url(../images/design-service/prev.png);
    background-position: 12% 50%;
    background-repeat: no-repeat;
    border: 0px;
    border: 0px;
    display: inline-block;
    float: left;
    padding-bottom: 8px;
    padding-left: 26px;
    padding-right: 26px;
    padding-top: 8px;
    color: #ffffff !important;
    font-size: 1.4em;
    text-align: center;
    text-decoration: none;
    text-transform: lowercase;
    width: 92px;	
}

.addthis_inline_share_toolbox {
	margin-bottom: 20px;
}

#successContainer {
	background-color: #ffffff;
	position: fixed;
	top: 50%;
	width: 100%;
	z-index: 3002;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
}
#divProjectSuccessMessage {
	display: none;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	max-width: 800px;
	width: 80%;
}
.divFlash {
	color: #000000;
	font-size: 1.4em;
	margin-bottom: 0px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	text-align: center;
	width: 100%;
}

#projects-list li a.thisProjectButton, #projects-list li a.thisProjectButton:hover, #projects-list li a.thisProjectButton:visited {
	background-color: #ffffff;
    border: 1px solid #999999;
    border-radius: 8px;
    color: #272727 !important;
    display: inline-block;
    font-size: 0.8em;
    margin-left: 10px;
    padding: 5px;
    text-align: center;
}
#related-installations {
	/*padding-top: 30px;*/
}
#compwrapper {
	margin-bottom: 25px;
	margin-top: 40px;
}
.members-h2 {
	font-size: 2.2em;
}

.capitalize {
	text-transform: uppercase !important;
}
#wishlist-left p {
	padding-right: 45px;
}
.formButtons {
	margin-top: 30px;
}

/*------- hoempage video --------*/
#videoSlider{
	margin-bottom:15px;
	position:relative;
	width:100%;
}	

.homeVideoContainer{
	position:absolute;
	top:0px;
	left:0px;
    width: 100%;
	z-index:200;	
}

.homeVideoContainer video {
	display:block;
	width: 100%;
	/*height:569px;*/
	margin-left:auto;
	margin-right:auto;
	object-fit: fill;
	z-index:500;
}
.homeVideoContainer img{
	height:auto;
	width:100%;
}

.homeVideoContainer video -webkit-media-controls {
	display:none !important;
}
.homeVideoContainer video -webkit-media-controls-start-playback-button {
	display: none!important;
	-webkit-appearance: none;
}

video::-webkit-media-controls {
    display:none !important;
}

video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}
	

#skipVideo{
	background-image:url(../images/skip-video.png);
	background-repeat: repeat;
	color:#FFFFFF;
	cursor:pointer;
	font-size:1.4em;
	padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
	position:absolute;
	bottom:0px;
	left:0px;
	text-align: center;
	width:124px;
	z-index:300;
}


#unMute{
	color:#FFFFFF;
	cursor:pointer;
	font-size:1.4em;
	padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
	position:absolute;
	bottom:10px;
	left:0px;
	text-align: center;
	width:124px;
	z-index:300;
}


#thanksOptions {
	margin-bottom: 30px;
}

#ui-id-1 {
	background-color: transparent;
	border:0px !important;
	border-top: 0px !important;
	box-sizing: border-box;
	height:auto; /* allow height to adjust as results get narrowed*/
	max-height: 70%;
	overflow-y:scroll;
	padding-bottom:16px;
	padding-top: 35px;
	text-align: left;
	width:35%;
    z-index: 99993;
}

.ui-widget-content {
	background: transparent !important;
	background-color: transparent !important;
	color: #999999 !important;
}
.ui-menu .ui-menu-item{
	border-bottom:1px dotted #999999;
	color: #ffffff;
	font-size:1.3em;
	padding-left:20px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.ui-menu .ui-menu-item:last-of-type {
	border-bottom:0px !important;
}
.ui-menu-item div.ui-state-active {
	background: transparent !important;
	border: 1px transparent !important;
	color: #ffe603 !important;
	/*padding-top: 10px;
    padding-bottom: 10px;*/
}
.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding for vertical scrollbar */
    padding-right: 5px;
}
 
.ui-autocomplete li {
    font-family: 'depot-new-web', Verdana, Helvetica, sans-serif;
}
#associated-wrapper {
	padding-bottom: 30px;
	width: 100%;
}

#associated-wrapper div.col4 {
	width: 25%;
}

#hidden360 {
	background-color: transparent !important;
	display: none;
	height: 480px;
	margin-bottom: 20px;
	margin-top: 40px;
	position: relative;
	width: 480px;
	
}
#spinFlash {
	background-color: #ffffff;
	border-radius: 15px;
	display: none;
	height: 28px;
  	margin: auto;
    position: absolute;
    padding: 15px;
    top: 0; left: 0; bottom: 0; right: 0;
    text-align: center;
    width: 250px;
}
#spinFlash span {
	color: #000000;
	font-size: 1.6em;
}
.spritespin {
	cursor: pointer;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	max-width: 480px;
}
.spritespin-progress {
  position: absolute;
  width: 80%;
  left: 10%;
  top: 45%;
}
.spritespin-progress-label {
  color: #ffffff;
}
.spritespin-progress-bar {
  background-color: #ffffff;
  height: 1px;
}

#spinslider {
	margin-top: 10px;
}

.zoom-stage {
	background-color: #262727;
}

#back-to-top {
	align-items: center;
	justify-content: center;
	background-color: var(--white);
	cursor: pointer;
    display: none;
	border: 2px solid var(--black);
	height: 44px;
	width: 44px;
	position: fixed;
    bottom: 82px;
    right: 20px;
	z-index: 1000;
	-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);
}*/