@charset "UTF-8";
/* highlight */
/* #C C C */
/* button-big */
/* #filter-v3 form #ddd */
/* #filter-v3 h4 #313131 */
/* #filter-v3 .keyword-row input #ddd */
/* #filter-v3 .native-select c1c1c1 */
/* button-big:hover add colour white */
/* button:hover to colourA
/* input-wrap input to ColorD */
/* subhead h1 to colourd */
/* whiteblock h2 stuff */
/* tipr_content color #fff */
/* #menu-lightbox .toggle-drop:before to red */
/* .splash- to match */
/* -----------------------------------------
	Reset
----------------------------------------- */
html {
  color: #fff;
  background: #fff; }

figure, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

input, textarea, select {
  *font-size: 100%; }

legend {
  color: #fff; }

#yui3-css-stamp.cssreset {
  display: none; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%; }

.left {
  float: left; }

.right {
  float: right; }

::selection {
  background: #ffb7b7;
  /* Safari */ }

::-moz-selection {
  background: #ffb7b7;
  /* Firefox */ }

/* -----------------------------------------
	Theme
----------------------------------------- */
html, body {
  height: 100%;
  width: 100%;
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #808080;
  background: #fcfcfc;
  /*
  
  font-family: "Proxima Nova", sans-serif;
  font-size: 14px;
  line-height: 18px;
  
  */
  		/*
  		
  		font-family:'Swiss721W01-LightConden';
  		font-family:'Swiss 721 W01 Condensed';
  		font-family:'Swiss721W01-ItalicConde';
  		font-family:'Swiss721W01-BoldCondens';
  		
  
  		*/ }

strong {
  font-family: "Swiss721W01-BoldCondens"; }

p {
  margin-bottom: 10px;
  line-height: 22px; }

p:last-child {
  margin-bottom: 0; }

.header-small {
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  overflow: hidden; }

a, a:visited {
  text-decoration: none;
  color: #222; }

a:hover {
  color: #cc2036; }

img {
  display: block; }

.blackened {
  background: #fff; }

.lightened {
  background: #262626; }

.white {
  color: #222222 !important; }

.black, .black a {
  color: #808080 !important; }

.upper {
  text-transform: uppercase; }

.kern {
  letter-spacing: 5px; }

.centered {
  text-align: center !important; }

.hide {
  opacity: 0; }

.lowercase {
  text-transform: lowercase !important; }

/* -----------------------------------------
	Buttons
----------------------------------------- */
#highlights-link {
  /*display: block;
  background: transparent url('/img/static/icon-highlights.png?2') no-repeat left 5px;
  background-size: 10px 10px;
  padding-left: 20px;*/ }

.button-big, .button-big-bright {
  padding: 9px 15px 9px 15px;
  line-height: 48px;
  background: #333;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 14px; }

.button-big-bright {
  background: #fff;
  background: #fff url("/img/static/icon-highlights.png?2") no-repeat left 10px top 12px;
  background-size: 10px 10px;
  color: #333 !important;
  padding-left: 30px;
  opacity: 1; }

.button-big-bright:hover {
  opacity: .8; }

.button-big:hover {
  background: #cc2036;
  color: #fff; }

.lightbox-buttons {
  overflow: hidden; }

.button-rec {
  text-transform: none;
  padding: 0px 22px 0px 22px;
  line-height: 48px;
  background: #303030;
  color: #222222;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
  float: left;
  margin-left: 20px; }

.button-rec:hover {
  background: #cc2036; }

.button-rec:first-child {
  margin-left: 0px; }

.page-prev, .page-next {
  position: absolute;
  height: 64px;
  width: 64px;
  margin-top: -32px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  z-index: 666000; }

.page-prev {
  top: 50%;
  left: 20px;
  background: transparent url("/img/static/button-page-prev.png?2") left top no-repeat;
  background-size: 64px 128px; }

.page-prev:hover {
  background-position-y: -64px;
  background-position: left -64px; }

.page-next {
  top: 50%;
  right: 20px;
  background: transparent url("/img/static/button-page-next.png?2") left top no-repeat;
  background-size: 64px 128px; }

.page-next:hover {
  background-position-y: -64px;
  background-position: left -64px; }

/* -----------------------------------------
	iPad (620px)
----------------------------------------- */
.wrap {
  width: 620px;
  margin-left: auto;
  margin-right: auto; }

.wrap-full {
  width: 100%;
  padding-left: 32px;
  padding-right: 32px; }

.block {
  margin-bottom: 64px;
  padding-left: 32px;
  padding-right: 32px; }

.section {
  padding-top: 64px;
  padding-bottom: 64px; }

#logo {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 78px;
  height: 20px;
  /*background: transparent url('/img/static/logo-inlite.png?2') no-repeat left top;
  background-size: 78px 20px;*/
  background: transparent url("/img/static/logo-inlite-30.png?2") no-repeat left top;
  background-size: 59px 15px;
  float: left; }

.section h2 {
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
  color: #222222; }

.section h3 {
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 24px;
  color: #222222;
  line-height: 28px; }

.title {
  width: 100%;
  height: 32px;
  text-align: center;
  line-height: 32px;
  margin-bottom: 64px; }

.grid-product {
  overflow: hidden;
  margin-left: 32px; }

.grid-product .product {
  float: left;
  margin-right: 32px; }

.product .thumbnail {
  margin-bottom: 13px;
  min-width: 262px;
  min-height: 224px;
  max-width: 556px;
  background: #242424;
  /*background: #242424 url('/img/static/icon-product-thumbnail.png?2') no-repeat center center;*/
  background-size: 262px 224px;
  outline: 1px solid #eee;
  outline-offset: -1px; }

.product .thumbnail a {
  display: block;
  width: 100%;
  height: 100%; }

.product .grid-sizer {
  width: 262px; }

.product .thumbnail:hover {
  opacity: .5; }

.product .info {
  height: 83px;
  /* was 96px */
  float: left; }

.product .info .name:hover {
  color: #cc2036; }

.product .info .manufacturer:hover {
  color: #222222; }

.product .info .name {
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  display: block;
  /* Truncate */
  width: 230px;
  white-space: nowrap;
  overflow: hidden; }

.product .info .manufacturer {
  font-family: 'Swiss721W01-ItalicConde', 'Verdana', sans-serif;
  font-size: 14px;
  line-height: 18px;
  display: block;
  color: #808080; }

.p-square {
  width: 262px; }

.p-wide {
  width: 556px; }

.p-tall {
  width: 262px; }

.icons {
  float: right;
  margin-top: -5px; }

.lightbox-table .icons {
  /*float: right;
  margin-top: -5px;*/
  overflow: hidden;
  float: none;
  margin-top: none; }

.lightbox-table .icons a {
  float: right; }

.icons .favourite-no,
.icons .favourite-yes,
.icons .lightbox-no,
.icons .lightbox-yes,
.icons .family-yes,
.lightbox-table td.action a.lightbox-no,
.lightbox-table td.action a.lightbox-yes,
.lightbox-table td.action a.favourite-no,
.lightbox-table td.action a.favourite-yes {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 25px;
  height: 25px;
  display: block;
  float: left; }

.icons .family-yes {
  background: transparent url("/img/static/icon-family-50x50.png?2") no-repeat left top;
  background-size: 25px 100px; }

.icons .family-yes:hover {
  background: transparent url("/img/static/icon-family-50x50.png?2") no-repeat left top;
  background-size: 25px 100px;
  background-position-y: -50px;
  background-position: 0 -50px; }

.icons .favourite-no {
  background: transparent url("/img/static/icon-favourite-50x50.png?2") no-repeat left top;
  background-size: 25px 100px; }

.icons .favourite-no:hover {
  background-position-y: -25px;
  background-position: 0 -25px; }

.icons .favourite-yes {
  background: transparent url("/img/static/icon-favourite-50x50.png?2") no-repeat left top;
  background-size: 25px 100px;
  background-position-y: -50px;
  background-position: 0 -50px; }

.icons .favourite-yes:hover {
  background-position-y: -75px;
  background-position: 0 -75px; }

.icons .lightbox-yes {
  background: transparent url("/img/static/icon-lightbox-50x50.png?2") no-repeat left top;
  background-size: 25px 100px;
  background-position-y: -50px;
  background-position: 0 -50px; }

.icons .lightbox-yes:hover {
  background-position-y: -75px;
  background-position: 0 -75px; }

.icons .lightbox-no {
  background: transparent url("/img/static/icon-lightbox-50x50.png?2") no-repeat left top;
  background-size: 25px 100px; }

.icons .lightbox-no:hover {
  background-position-y: -25px;
  background-position: 0 -25px; }

.grid-manufacturers {
  overflow: hidden;
  margin-left: 32px; }

.grid-manufacturers li {
  float: left;
  background: #1d1d1d;
  width: 262px;
  height: 224px;
  margin-right: 32px;
  margin-bottom: 32px;
  text-align: center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; }

.grid-manufacturers li a {
  width: 262px;
  height: 224px;
  display: block;
  position: relative; }

.grid-manufacturers li a:hover {
  opacity: .5; }

.grid-manufacturers li img {
  width: 262px;
  height: 100px;
  position: absolute;
  margin: -50px 0 0 -131px;
  top: 50%;
  left: 50%; }

.strip {
  text-align: center;
  width: 100%;
  padding: 52px 0 30px 0; }

.strip h2 {
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 20px;
  color: #222222;
  margin-bottom: 18px; }

.strip h2 a {
  border-bottom: 1px solid #222222;
  color: #222222; }

.strip h2 a:hover {
  border-bottom: 1px solid #808080; }

.strip p {
  width: 556px;
  margin: 0 auto 16px auto;
  padding: 0 32px; }

/* -----------------------------------------
	Navigation
----------------------------------------- */
nav {
  height: 88px;
  background: #fff;
  border-top: 4px solid #cc2036;
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  overflow: hidden;
  width: 100%;
  padding-top: 32px;
  padding-left: 32px;
  padding-right: 32px;
  z-index: 900; }

nav ul {
  float: right;
  overflow: hidden;
  margin-left: 15px; }

#menu-login li {
  float: left; }

#list-main li, #list-login li {
  float: left;
  margin-left: 15px; }

#list-main li:first-of-type, #list-login li:first-of-type {
  margin-left: 0px; }

#list-main:after, #list-login:after {
  content: "/";
  color: #808080;
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 13px;
  padding-left: 20px;
  float: left; }

#menu-lightbox .toggle-drop:before {
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 13px;
  content: "Lightbox";
  padding-right: 10px;
  color: #cc2036; }

#menu-login li:after {
  content: "/";
  color: #808080;
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 13px;
  padding-right: 20px;
  float: left; }

#menu-login, #menu-main {
  display: none; }

.toggle-drop {
  background: transparent url("/img/static/icon-dropdown-28x28.png?2") right 2px no-repeat;
  padding-right: 22px;
  background-size: 14px 77px;
  display: block;
  float: left; }

.dropdown {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  background: #fff;
  border: 1px solid #222222;
  z-index: 800;
  overflow: hidden;
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 13px;
  margin-left: 0px !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.dropdown .minor {
  text-transform: none; }

.narrow {
  width: 170px;
  width: intrinsic;
  padding-right: 0px; }

.dropdown li {
  float: none;
  display: block;
  padding: 0 8px; }

.dropdown li:first-child {
  padding-top: 10px; }

.dropdown li:last-child {
  padding-bottom: 10px; }

.dropdown a {
  color: #222222;
  display: block;
  padding: 5px 5px;
  width: 100%; }

.dropdown li dl dt {
  color: #aaa !important; }

.dropdown a.active {
  color: #222; }

.dropdown a:hover {
  color: #222; }

.dropdown a.active:hover {
  color: #222; }

#drop-arrow {
  width: 10px;
  height: 5px;
  display: block;
  position: absolute;
  background: transparent url("/img/static/droparrow-10x5.png?2") left top no-repeat;
  background-size: 10px 5px;
  z-index: 120;
  display: none; }

#dropdown-product {
  width: 400px;
  overflow: hidden; }

#dropdown-product dl {
  float: left;
  width: 50%;
  padding: 16px 16px 8px 16px; }

#dropdown-product #product-filter {
  width: 100%;
  border-bottom: 1px solid #222222;
  padding: 8px 0px 8px 16px;
  overflow: hidden; }

#dropdown-product #featured-products {
  width: 100%;
  border-top: 1px solid #222222;
  padding: 8px 0px 8px 16px;
  overflow: hidden; }

#featured-products .left {
  float: left;
  display: block;
  width: 50%; }

#featured-products .right {
  float: right;
  display: block;
  width: 50%;
  text-align: left; }

#dropdown-product #commercial-link {
  width: 100%;
  border-top: 1px solid #222222;
  padding: 8px 0px 8px 16px; }

#dropdown-product dt {
  color: #eee; }

#dropdown-product ul {
  float: none;
  margin-left: 0px; }

#dropdown-product li {
  padding-left: 0px;
  text-transform: none; }

#dropdown-product a {
  padding-left: 0px;
  padding-right: 0px; }

@media (max-width: 1000px) {
  /* @media (max-width: 1080px) {COMMERCIAL */
  #list-login, #list-main, #list-main:after, #list-login:after, #menu-login li:after {
    display: none; }

  #menu-login, #menu-main {
    display: inherit; }

  nav ul {
    margin-left: 30px; } }
/*

OLD

nav ul {
	overflow: hidden;
	margin-left: 20px;
}

nav .drop {
	background: transparent url('/img/static/icon-dropdown-28x28.png?2') right 2px no-repeat;
	padding-right: 22px;
	background-size: 14px 77px;
	display: block;
	float: left;
}

nav .drop:hover {
	background-position-y: -19px;
	background-position: right -19px;
	color: $XXX-ColorC;
}

#menu-global {
	float: right;
	display: block;
	position: relative;
	overflow: hidden;
}

#menu-wide {
	display: none;
}

#menu-login {
	float: right;
	display: block;
}

#menu-lightbox {
	float: right;
	display: block;
	font-family:'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
}

#menu-lightbox .drop:before {
	font-family:'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
	font-size: 13px;
	content: "Lightbox";
	padding-right: 10px;
}

#drop-arrow {
	width: 10px;
	height: 5px;
	display: block;
	position: absolute;
	background: transparent url('/img/static/droparrow-10x5.png?2') left top no-repeat;
	background-size: 10px 5px;
	z-index: 120;
	display: none;
}


	
	.dropdown {
		position: absolute;
		top: 0px;
		left: 0px;
		display: none;
		background: $XXX-ColorC;
		width: 252px;
		z-index: 800;
		overflow: hidden;
		font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
		font-size: 13px;

		margin-left: 0px !important;
	}
	
	.narrow {
		width: 140px;
		width: intrinsic;
	}
	
	.drop-arrow {
		display: block;
		width: 10px;
		height: 6px;
		content: " ";
		display: none;
	}
	
	.dropdown .minor {
		font-family:'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
		text-transform: none;
	}
	
	.dropdown .stark {
		font-family:'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
		background-image: none !important;
		text-align: center;
	}
	
	.dropdown li {
		float: none;
		display: block;
		padding: 1px 12px;
	}
	
	.dropdown li:first-child {
		padding-top: 11px;
	}
	
	.dropdown li:last-child {
		padding-bottom: 11px;
	}
	
	.dropdown a {
		color: $XXX-ColorA;
		display: block;
		padding: 6px 5px 6px 5px;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		
		width: 100%;
		
		background: transparent url('/img/static/icon-arrow-7x7.png?2') right top no-repeat;
		background-size: 17px 120px;
	}
	
	.dropdown a.active {
		color: $XXX-ColorC;
		background-color: #cc2036;
	}
	
	.dropdown a:hover {
		background-color: #eee;
	}
	
	.dropdown a.active:hover {
		background-color: #cc2036;
	}
	
	#menu-wide:after {
		content: "/";
		color: #808080;
		font-family:'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
		font-size: 13px;
		padding-left: 20px;
		float: left;
	}
	
	#menu-wide li, #menu-login li {
		float: left;
		margin-left: 14px;
	}
	
	#menu-wide li:first-child, #menu-login li:first-child {
		margin-left: 0px !important;
	}
	
	#menu-wide .active, #menu-login .active, #menu-lightbox .active {
		color: white !important;
	}


@media (min-width: 920px) {

	.dropdown {
		
	}

	#menu-global {
		display: none;
	}
	
	#menu-wide, #menu-login {
		float: right;
		display: block;
		overflow: hidden;
	}

}

nav a:hover {
	color: #cc2036;
}

*/
/* -----------------------------------------
	Opening
----------------------------------------- */
.opening {
  margin-top: 96px;
  position: relative;
  width: 100%;
  margin-bottom: 32px !important; }

.subhead {
  position: absolute;
  top: 119px;
  left: 0px;
  overflow: hidden;
  width: 100%;
  padding: 0 32px;
  z-index: 300;
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 13px;
  text-transform: uppercase; }

.subhead .slash:after {
  content: "/";
  color: #808080;
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 13px;
  padding: 0 10px; }

.subhead h1 {
  font-family: 'Swiss721W01-BoldCondens', 'Verdana', sans-serif;
  font-size: 40px;
  line-height: 46px;
  text-transform: uppercase;
  color: #222222; }

.filter-link {
  background: transparent url("/img/static/icon-filter-24x26.png?2") right 2px no-repeat;
  background-size: 12px 13px;
  padding-right: 22px; }

.add-link {
  background: transparent url("/img/static/icon-add-28x28.png?2") right -41px no-repeat;
  padding-right: 22px;
  background-size: 14px 56px; }

.link-link {
  background: transparent url("/img/static/icon-link-28x28.png?2") right -41px no-repeat;
  padding-right: 22px;
  background-size: 14px 56px; }

.dropdown-link {
  background: transparent url("/img/static/icon-dropdown-28x28.png?2") right -41px no-repeat;
  padding-right: 22px;
  background-size: 14px 77px; }

.breadcrumb {
  overflow: hidden; }

.breadcrumb li {
  float: left; }

/* Banner
*******************************************/
.banner {
  height: 480px;
  width: 100%;
  display: block;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.banner img {
  padding-top: 96px;
  margin: 0 auto 0 auto; }

.banner p {
  width: 409px;
  margin: 0 auto; }

@media (min-width: 1200px) {
  .banner {
    height: 576px; }

  .banner img {
    padding-top: 160px;
    margin: 0 auto 0 auto; }

  .banner p {
    width: 536px; } }
/* -----------------------------------------
	Slideshow Homepage
----------------------------------------- */
#slideshow-homepage {
  height: 80%;
  height: -moz-calc(100% - 188px);
  height: -webkit-calc(100% - 188px);
  height: -o-calc(100% - 188px);
  height: calc(100% - 188px);
  width: 100%;
  /*margin-top: -32px;*/
  position: relative;
  overflow: hidden; }

@media (max-width: 700px) {
  #slideshow-homepage {
    height: 50%; } }
#slideshow-homepage .slides {
  width: 100%;
  height: 100%;
  display: block; }

.slide-homepage {
  background-color: #111;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-position: center center;
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: block;
  width: 100%;
  height: 100%;
  position: relative; }

.slide-homepage .meta {
  position: absolute;
  left: 32px;
  bottom: 32px;
  z-index: 6; }

.slide-homepage .cover-link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5; }

.slide-homepage .cover-link a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.slide-homepage h2 {
  font-family: 'Swiss721W01-BoldCondens', 'Verdana', sans-serif;
  font-size: 40px;
  line-height: 48px;
  text-transform: uppercase; }

.slide-homepage h2 a:hover {
  opacity: .5; }

.slide-homepage .path {
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  overflow: hidden;
  display: block; }

.slide-homepage .path li {
  float: left;
  display: block; }

.slide-homepage .path li:after {
  content: "/";
  padding-left: 10px;
  padding-right: 10px;
  float: right;
  display: block; }

/*#nav-strip {
	width: 100%;
	height: 64px;
	position: absolute;
	left: 0;
	bottom: 0;
	margin-top: -64px;
	background: #0c0c0c;
	overflow: hidden;
	
	font-family:'Swiss 721 W01 Condensed';
	font-size: 13px;
	text-transform: uppercase;
	
	padding: 23px 32px 0 32px;
}*/
#nav-strip {
  position: absolute;
  height: 64px;
  bottom: 18px;
  right: 32px;
  z-index: 1110; }

/* -----------------------------------------
	Slideshow
----------------------------------------- */
/*.slideshow-small {
	width: 556px;
	height: 328px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
}*/
.slideshow-large {
  /*width: 556px;*/
  width: 100%;
  height: intrinsic;
  display: block;
  margin: 0 auto;
  overflow: hidden; }

.nivoSlider {
  position: relative;
  background: url("/img/static/loading.gif") no-repeat 50% 50%; }

.nivoSlider img {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none; }

.nivoSlider a {
  border: 0;
  display: block; }

@media (min-width: 1200px) {
  /*.slideshow-small {
  	display: none;
  }*/
  .slideshow-large {
    width: 1144px;
    display: block;
    margin: 0 auto; } }
.nivo-controlNav {
  width: intrinsic;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 20px; }

.nivo-control {
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 12px; }

.nivo-control li:last-child {
  margin-right: 0px; }

.nivo-control {
  width: 18px;
  height: 18px;
  background: transparent url("/img/static/slider-control-36x36.png?2") left top no-repeat;
  background-size: 18px 54px;
  background-position-y: -18px;
  background-position: 0 -18px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  display: block; }

.nivo-control.active {
  background-position-y: -36px;
  background-position: 0 -36px; }

.nivo-control:hover {
  background-position-y: 0px;
  background-position: 0 0px; }

.nivo-control.active:hover {
  background-position-y: -36px;
  background-position: 0 -36px; }

/* -----------------------------------------
	Columns
----------------------------------------- */
.columns {
  overflow: hidden;
  margin-left: 32px;
  padding-bottom: 64px; }

.colAboutLeft {
  width: 35%;
  float: left;
  padding-right: 32px; }

.colAboutRight {
  width: 65%;
  float: left; }

.colAboutRight img {
  width: 100%;
  margin-bottom: 32px; }

.columns:last-child {
  padding-bottom: 0; }

.col .thumbnail {
  margin-bottom: 13px; }

.col .info {
  height: 64px; }

.col .info .name:hover {
  color: #cc2036; }

.col .info .manufacturer:hover {
  color: #222222; }

.col .info .name {
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 8px; }

.single {
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 8px;
  margin-bottom: 48px; }

.col .info .manufacturer {
  font-family: 'Swiss721W01-ItalicConde', 'Verdana', sans-serif;
  font-size: 14px;
  line-height: 18px;
  display: block;
  color: #808080; }

.col-third {
  width: 360px; }

.col-third .info {
  margin-top: 16px; }

.col-third .thumbnail img {
  width: 360px;
  height: 224px; }

/* Add margin between col-third when vertical */
@media (max-width: 920px) {
  .columns .col-third:first-child {
    padding-bottom: 32px; }

  .colAboutRight {
    display: none; }

  .colAboutLeft {
    width: 100%; } }
@media (min-width: 920px) and (max-width: 1200px) {
  /* Stretch with in 3 col layout */
  .col-third {
    width: 409px; }

  .col-third img {
    width: 100%; } }
.col-quarter {
  width: 262px;
  text-align: center !important; }

.col-quarter .name {
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  height: 16px;
  display: block; }

.col .icons {
  float: right;
  margin-top: -5px; }

.col .icons .favourite-no,
.col .icons .favourite-yes,
.col .icons .lightbox-no,
.col .icons .lightbox-yes {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 25px;
  height: 25px;
  display: block;
  float: left; }

.col .icons .favourite-no {
  background: transparent url("/img/static/icon-favourite-50x50.png?2") no-repeat left top;
  background-size: 25px 100px; }

.col .icons .favourite-no:hover {
  background-position-y: -25px;
  background-position: 0 -25px; }

.col .icons .favourite-yes {
  background: transparent url("/img/static/icon-favourite-50x50.png?2") no-repeat left top;
  background-size: 25px 100px;
  background-position-y: -50px;
  background-position: 0 -50px; }

.col .icons .favourite-yes:hover {
  background-position-y: -75px;
  background-position: 0 -75px; }

.col .icons .lightbox-no {
  background: transparent url("/img/static/icon-lightbox-50x50.png?2") no-repeat left top;
  background-size: 25px 100px; }

.col .icons .lightbox-no:hover {
  background-position-y: -25px;
  background-position: 0 -25px; }

.col .icons .lightbox-yes {
  background: transparent url("/img/static/icon-lightbox-50x50.png?2") no-repeat left top;
  background-size: 25px 100px;
  background-position-y: -50px;
  background-position: 0 -50px; }

.col .icons .lightbox-yes:hover {
  background-position-y: -75px;
  background-position: 0 -75px; }

.col-third {
  margin: 0 auto; }

@media (min-width: 920px) {
  .col-third {
    float: left;
    margin-right: 32px; } }
.col-quarter {
  margin: 0 auto; }

@media (min-width: 640px) {
  .col-quarter {
    float: left;
    margin-right: 32px; } }
@media (max-width: 1200px) {
  /* Hide last column if on a 3 column layout */
  .columns .col-third:last-child {
    display: none !important; }

  .columns .address:last-child {
    display: block !important; } }
@media (min-width: 920px) and (max-width: 1200px) {
  /* Hide last column if on a 3 column layout */
  .columns .col-quarter:last-child {
    display: none !important; } }
/*@media (min-width: 1200px) {*/
/*}*/
/* -----------------------------------------
	Wraps
----------------------------------------- */
.wrap-1208 {
  max-width: 1208px !important; }

.wrap-850 {
  max-width: 850px !important; }

.wrap-556 {
  max-width: 556px !important; }

@media (min-width: 920px) {
  .wrap {
    width: 914px; } }
@media (min-width: 1200px) {
  .wrap {
    width: 1208px; } }
@media (min-width: 1796px) {
  .wrap {
    width: 1796px; }

  .wrap-1208 {
    width: 1208px !important;
    margin-left: auto;
    margin-right: auto; } }
@media (min-width: 2384px) {
  .wrap {
    width: 2384px; } }
/* -----------------------------------------
	Superfooter
----------------------------------------- */
#superfooter {
  padding-bottom: 96px;
  text-align: center;
  overflow: hidden; }

#elevator {
  width: 100%;
  overflow: hidden;
  margin-bottom: 64px; }

#elevator #logo {
  display: block;
  float: none;
  margin-bottom: 28px;
  margin-left: auto;
  margin-right: auto; }

#elevator p {
  display: block;
  width: 262px;
  margin-bottom: 28px;
  margin-left: auto;
  margin-right: auto; }

#map {
  width: auto;
  overflow: hidden;
  margin-bottom: 64px; }

#map ul {
  overflow: hidden;
  width: 262px;
  margin: 0 auto;
  margin-bottom: 28px; }

#map ul:last-child {
  margin-bottom: 0; }

#map li {
  display: inline; }

#map li:after {
  content: ", "; }

#map li:last-child:after {
  content: ""; }

#map a {
  color: #808080; }

#map a:hover {
  color: #222222; }

#map dl {
  display: block;
  width: 262px;
  margin-bottom: 28px;
  margin-left: auto;
  margin-right: auto; }

#map dl:last-child {
  margin-bottom: 0; }

#map dt {
  margin-bottom: 9px;
  color: #222; }

#moss {
  color: #484848; }

#moss a {
  color: #5e5e5e; }

#moss a:hover {
  color: #d2e8ca; }

#social {
  margin-top: 32px;
  overflow: hidden; }

#social a {
  float: left;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  opacity: .6; }

#social a:hover {
  opacity: 1; }

.social-fb {
  background-size: 24px 24px;
  background-image: url("/img/social/fb-64.png?2"); }

.social-insta {
  background-size: 24px 24px;
  background-image: url("/img/social/insta-64.png?2"); }

@media (min-width: 920px) {
  #superfooter {
    text-align: left;
    position: relative; }

  #elevator {
    float: left;
    width: 262px; }

  #elevator #logo {
    margin-left: 0;
    margin-right: 0; }

  #map {
    width: 556px;
    float: right; }

  #map dt {
    margin-bottom: 18px; }

  #map dl {
    float: left;
    text-align: left;
    width: 196px; }

  #map dl:last-child {
    width: 164px; }

  #map li {
    display: block; }

  #map li:after {
    content: ""; }

  #map .break {
    margin-bottom: 18px; }

  #footer {
    position: absolute;
    bottom: 64px;
    left: 0px;
    width: 100%;
    overflow: hidden; }

  #footer #copy {
    float: left; }

  #footer #moss {
    float: right;
    width: 164px; } }
/* -----------------------------------------
	Product Pagination
----------------------------------------- */
.product-pagination {
  height: 64px;
  overflow: hidden;
  position: relative; }

.product-pagination .pagination {
  margin-top: 23px !important; }

.product-pagination .count {
  position: absolute;
  left: 32px;
  top: 23px;
  display: block; }

.product-pagination .navigation {
  position: absolute;
  right: 17px;
  top: 7px;
  display: block;
  overflow: hidden; }

.product-pagination .navigation a {
  float: left; }

/* -----------------------------------------
	Pagination
----------------------------------------- */
.pagination {
  width: intrinsic;
  overflow: hidden;
  margin: 0 auto;
  margin-top: 20px; }

.pagination li {
  float: left;
  width: 18px;
  height: 18px;
  margin-right: 12px; }

.pagination li:last-child {
  margin-right: 0px; }

.pagination-item a {
  width: 18px;
  height: 18px;
  background: transparent url("/img/static/slider-control-36x36.png?2") left top no-repeat;
  background-size: 18px 54px;
  background-position-y: -18px;
  background-position: 0 -18px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  display: block; }

.pagination-item a.active {
  background-position-y: -36px;
  background-position: 0 -36px; }

.pagination-item a:hover {
  background-position-y: 0px;
  background-position: 0 0px; }

.pagination-item a.active:hover {
  background-position-y: -36px;
  background-position: 0 -36px; }

/* -----------------------------------------
	Modal
----------------------------------------- */
.button-next-horizontal a {
  display: block;
  width: 100px;
  height: 50px;
  background: transparent url("/img/static/icon-next-100x50.png?2") left top no-repeat;
  background-size: 100px 150px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; }

.button-prev-horizontal a {
  display: block;
  width: 100px;
  height: 50px;
  background: transparent url("/img/static/icon-prev-100x50.png?2") left top no-repeat;
  background-size: 100px 150px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; }

.button-next-horizontal a:hover, .button-prev-horizontal a:hover {
  background-position-y: -50px;
  background-position: 0 -50px; }

.navigation .disabled {
  display: none; }

/* -----------------------------------------
	Modal
----------------------------------------- */
.modal-cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: .9;
  z-index: 666;
  display: inline; }

.modal-cover-faint {
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 666;
  display: inline;
  width: 100%;
  height: 100%; }

.modal-cover-faint .fill {
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: .6;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 667; }

.modal-cover-faint .cheat {
  width: 409px;
  /*background: $XXX-ColorA;*/
  height: 100%;
  z-index: 668;
  position: absolute;
  left: 0;
  top: 88px; }

.modal-share {
  width: 556px;
  height: 100px;
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -250px;
  margin-left: -278px;
  z-index: 667;
  overflow: hidden; }

#share-lightbox-title {
  color: #222; }

.modal-lightbox, .modal-lightbox-change {
  width: 556px;
  height: 60px;
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -150px;
  margin-left: -278px;
  z-index: 667; }

#modal-close-button {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  width: 25px;
  height: 25px;
  display: block;
  position: absolute;
  top: 50px;
  right: 50px;
  background: transparent url("/img/static/icon-close-25x25.png?2") left top no-repeat;
  background-size: 25px 50px;
  z-index: 667; }

#modal-close-button:hover {
  background-position-y: -25px;
  background-position: 0 -25px; }

.modal-cover, .modal-lightbox, .modal-lightbox-change, .modal-filter, #modal-close-button, .modal-cover-faint, .modal-share {
  display: none; }

/* -----------------------------------------
	Modal
----------------------------------------- */
.top {
  width: 100%;
  overflow: hidden; }

.top .left {
  border: 1px solid #6d6d6d;
  margin-bottom: 20px;
  padding: 12px 12px 12px 12px;
  display: block; }

.top .right {
  padding: 5px 5px 0 0; }

.top .search {
  width: 385px;
  margin-right: 10px; }

.top .iprating {
  width: 150px; }

.search input {
  width: 300px;
  outline: none; }

.iprating input {
  width: 60px;
  outline: none; }

.top input {
  margin-left: 6px; }

select {
  /*max-width: 100px;*/ }

.filter-columns {
  overflow: hidden;
  width: 100%;
  height: 100%; }

.filter-col {
  width: 215px;
  padding: 12px;
  min-height: 100%;
  padding-bottom: 36px; }

.filter-col:last-child {
  border-right: none; }

.filter-col .double {
  overflow: hidden; }

.filter-col .double li {
  float: left;
  width: 90px;
  display: block; }

.filter-col legend {
  margin-bottom: 10px; }

.filter-col ol {
  margin-bottom: 24px; }

.filter-check {
  overflow: hidden;
  display: block; }

.filter-check input, .filter-check label {
  float: left;
  margin-bottom: 6px; }

/* -----------------------------------------
	modal-filter
----------------------------------------- */
.modal-filter {
  width: 409px;
  padding: 32px;
  height: 100%;
  position: absolute;
  top: 88px;
  left: 0;
  z-index: 667;
  background: #fcfcfc;
  text-transform: uppercase;
  display: block;
  /*visibility: hidden; SLIDE */
  left: -409px; }

.modal-filter-new {
  width: 409px;
  padding: 32px;
  height: 100%;
  position: absolute;
  top: 88px;
  left: 0;
  z-index: 667;
  background: #121212;
  text-transform: uppercase;
  display: block;
  left: -409px; }

.temp-wrap input {
  outline: none;
  /*text-align: right;*/
  width: 100%;
  float: right;
  color: #00ceac !important;
  padding: 2px 0; }

.select-cluster {
  display: block;
  width: 100%;
  position: relative; }

.select-row, .form-row, .check-row {
  display: block;
  width: 100%;
  position: relative; }

.input-row {
  background: #222; }

.filter-keyword {
  text-align: left !important; }

.input-row label {
  color: #222222 !important; }

.input-row input {
  color: #222222 !important; }

.form-row label, .select-row label {
  padding: 7px 45px 7px 10px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  color: #999; }

.clear {
  clear: both; }

.button-row {
  width: 100%;
  display: block;
  border: 1px solid #6d6d6d;
  border-top: none;
  padding: 7px 10px 7px 10px;
  overflow: hidden; }

.form-row {
  border: 1px solid #6d6d6d;
  border-top: none;
  padding: 7px 10px 7px 10px;
  overflow: hidden; }

.check-row {
  border: 1px solid #6d6d6d;
  border-top: none;
  padding: 14px 10px 7px 10px;
  overflow: hidden; }

.check-row ol {
  display: block;
  overflow: hidden;
  width: 100%; }

.check-2-col li {
  float: left;
  width: 50%; }

.with-icon label {
  display: block;
  width: 100%; }

#check-downlighters {
  background: transparent url("/img/static/app-icon-downlighters.png?2") right top no-repeat;
  background-size: 48px 20px; }

#check-profile {
  background: transparent url("/img/static/app-icon-profile.png?2") right top no-repeat;
  background-size: 76px 20px; }

#check-track {
  background: transparent url("/img/static/app-icon-track-grey.png?2") right top no-repeat;
  background-size: 20px 20px; }

#check-suspension {
  background: transparent url("/img/static/app-icon-suspension.png?2") right top no-repeat;
  background-size: 20px 20px; }

#check-wall {
  background: transparent url("/img/static/app-icon-wall.png?2") right top no-repeat;
  background-size: 48px 20px; }

#check-floor {
  background: transparent url("/img/static/app-icon-floor.png?2") right top no-repeat;
  background-size: 48px 20px; }

.form-row:first-child {
  border: 1px solid #6d6d6d; }

.select:first-child {
  border-top: 1px solid #6d6d6d;
  border-top: none; }

.modal-filter .filter-line {
  position: relative;
  width: 100%; }

.modal-filter input {
  text-transform: uppercase; }

.modal-filter-new input {
  text-transform: uppercase;
  text-align: right; }

.modal-filter label, .modal-filter legend {
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 13px; }

.modal-filter form {
  border: 1px solid #6d6d6d; }

.modal-filter .filter-row {
  display: block;
  width: 100%;
  padding: 8px 16px;
  border-bottom: 1px solid #6d6d6d;
  overflow: hidden;
  position: relative;
  height: 250px;
  background: #f09; }

.modal-filter .filter-row:last-child {
  border-bottom: none; }

/* .filter-row .select {
	overflow:hidden; 
	background: transparent url('/img/static/icon-dropdown-28x28.png?2') right 2px no-repeat;
	background-size: 14px 77px;
	width: 100%;
	
} */
.form-row input {
  outline: none;
  /*text-align: right;*/
  width: 100%;
  float: right;
  color: #222222;
  padding: 2px 0; }

.filter-row input {
  outline: none;
  /*text-align: right;*/
  width: 100%;
  float: right;
  color: #00ceac !important;
  padding: 2px 0; }

.modal-filter label {
  position: absolute;
  /*background: #f09;*/ }

.modal-filter label {
  margin-right: 16px;
  min-width: 50px; }

.modal-filter .cluster {
  padding-top: 12px;
  padding-bottom: 12px; }

.modal-filter .cluster legend {
  margin-bottom: 8px; }

.modal-filter label {
  color: #222; }

.modal-filter .checkbox {
  margin-bottom: 2px;
  width: 180px;
  float: left; }

/* -----------------------------------------
	Forms
----------------------------------------- */
.customSelect {
  /*
  background: #3b3b3b;
  padding: 6px 5px 6px 11px;
   */
  font-size: 13px;
  width: 100%;
  text-align: right;
  padding-right: 32px; }

.customSelectInner {
  width: 100%; }

input.field {
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 13px; }

input.stealth {
  background: transparent;
  color: #222;
  border: none; }

label {
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif; }

#foo:checked::before,
input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  clip: rect(0 0 0 0); }

#foo:checked,
input[type="checkbox"] + label::before {
  width: 18px;
  height: 18px;
  display: block;
  content: " ";
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: transparent url("/img/static/icon-checkbox-18x18.png?2") left top no-repeat;
  background-size: 18px 68px;
  margin-right: 5px; }

input[type="checkbox"]:checked:hover + label::before, input[type="checkbox"]:checked + label::before {
  width: 18px;
  height: 18px;
  display: block;
  content: " ";
  float: left;
  height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: transparent url("/img/static/icon-checkbox-18x18.png?2") left -50px no-repeat;
  background-size: 18px 68px;
  margin-right: 5px; }

input[type="checkbox"]:hover + label::before {
  width: 18px;
  height: 18px;
  background: #f9c;
  display: block;
  content: " ";
  float: left;
  height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background: transparent url("/img/static/icon-checkbox-18x18.png?2") left -25px no-repeat;
  background-size: 18px 68px;
  margin-right: 5px; }

button, input.button {
  background: none;
  border: none;
  padding: 0px 22px 0px 22px;
  line-height: 32px;
  background: #1ccdac;
  color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  width: auto;
  float: none; }

button.subtle {
  background: none;
  border: 1px solid #6d6d6d;
  color: #999; }

button:hover, input.button:hover {
  background: #cc2036;
  color: #fcfcfc;
  cursor: pointer; }

button.subtle:hover {
  border: 1px solid #1ccdac;
  background: #1ccdac;
  color: white; }

fieldset {
  overflow: hidden; }

.input-wrap {
  border: 1px solid #6d6d6d;
  margin-bottom: 20px;
  padding: 12px 12px 12px 12px;
  display: block;
  overflow: hidden; }

.input-wrap label {
  width: 100px;
  display: block;
  float: left;
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 13px; }

.input-wrap input {
  width: 420px;
  outline: none;
  display: block;
  float: left;
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 13px;
  background-color: transparent;
  color: #222222;
  border: none; }

.form-me {
  padding: 160px 0;
  margin-top: 64px;
  background: transparent url("/img/static/icon-heart-104.png?2") center top no-repeat;
  background-size: 115px 104px; }

.form-me .intro {
  margin-bottom: 50px;
  text-align: center;
  padding: 0 30px; }

.form-me h2 {
  margin-bottom: 30px; }

.form-me p {
  margin-bottom: 16px; }

/* Scroll
******************************/
	/*::-webkit-scrollbar-button:start:decrement {
		height: 4px;
		display: block;
		background: #cc2036;
	}

	::-webkit-scrollbar {
	    width: 12px;
	}
	
	
	::-webkit-scrollbar-track {
		background: $XXX-ColorB; 
	}

	::-webkit-scrollbar-thumb {
	    background: $XXX-ColorE;  
	}

	::-webkit-scrollbar-thumb:hover {
		background: #cc2036;
	}
	
	::-webkit-scrollbar-thumb:window-inactive {
		background: $XXX-ColorB; 
	}*/
/* Product Page
******************************/
.product-hero {
  width: 100%;
  position: relative;
  margin-bottom: 32px; }

.internal-warning {
  position: fixed;
  background: transparent url("/img/static/internal-warning.png?2") left top no-repeat;
  background-size: 95px 26px;
  display: block;
  z-index: 9000;
  height: 30px;
  width: 100px;
  bottom: 30px;
  left: 30px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap; }

.internal {
  background: #222222 !important;
  color: #333 !important; }

.internal td {
  border-left: 8px solid #222222 !important;
  border-right: 8px solid #222222 !important;
  border-bottom: none !important; }

.internal-warning a {
  display: block;
  width: 100%;
  height: 100%; }

.internal-note {
  background: #ececec; }

.internal-note p {
  color: #333 !important; }

@media (min-width: 1200px) {
  .manufacturer-logo {
    position: fixed;
    left: 30px;
    bottom: 50px; }

  .lightbox-warning {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #d51739;
    display: block;
    height: 64px;
    line-height: 64px;
    text-transform: uppercase;
    text-align: center;
    opacity: .9;
    z-index: 1; }

  .lightbox-warning a {
    color: #222222; } }
.product-meta {
  width: 850px;
  /* Originally 556. Long code fix. */
  margin: 0 auto;
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  overflow: hidden; }

.product-hero-image {
  margin: 160px auto 64px auto;
  width: 850px;
  /*height: 608px;*/
  line-height: 600px;
  text-align: center; }

.product-hero-image img {
  margin: 0 auto 0 auto;
  display: inline;
  vertical-align: middle; }

.meta-block h2 {
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  color: white; }

.product-hero .product-meta .left, .product-hero .product-meta .right {
  width: 262px;
  height: 100%;
  color: #222; }

.product-hero product-meta .right li, .product-hero .product-meta .left dd, .product-hero .product-meta .left dt {
  text-align: left;
  padding-bottom: 14px; }

.product-hero .product-meta .left dl {
  overflow: hidden; }

.product-hero .product-meta .left dd, .product-hero .product-meta .left dt {
  float: left; }

.product-hero .product-meta .left dt {
  width: 125px; }

.product-hero .product-meta .left dd {
  width: 130px; }

.product-hero .product-meta .right .misc {
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  padding-top: 32px; }

.doc {
  background: transparent url("/img/static/icon-doc-28x28.png?2") right 1px no-repeat;
  width: 100%;
  display: block;
  background-size: 14px 56px; }

.doc:hover {
  background-position-y: -20px;
  background-position: right -20px;
  color: #cc2036; }

.go {
  background: transparent url("/img/static/icon-go-28x28.png?2") right 1px no-repeat;
  padding-right: 22px;
  background-size: 14px 56px;
  width: 100%;
  display: block; }

.go:hover {
  /*background-position-y: -20px;*/
  color: #cc2036; }

.application-shots {
  max-width: 850px;
  margin: 0 auto; }

.application-shots img {
  margin: 32px auto 32px auto;
  display: block;
  position: relative; }

.vimeo {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0px;
  height: 0;
  overflow: hidden;
  margin: 32px auto 32px auto; }

.vimeo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Temporary remove wide @media (max-width: 850px) { */
.product-hero-image {
  width: 100%;
  height: intrinsic;
  line-height: 300px; }

.product-hero-image img {
  max-width: 100%; }

/* Temporary remove wide } */
@media (max-width: 1200px) {
  .application-shots {
    max-width: 556px;
    margin: 0 auto; }

  .application-shots img {
    max-width: 556px;
    height: auto; } }
@media (min-width: 1200px) and (min-height: 700px) {
  		/* TEMPORARY REMOVE WIDE 
  	
  		.application-shots img {
  			margin: 64px auto 64px auto;
  		}
  	
  		.product-hero .product-meta .left dt {
  			display: none;
  		}
  		
  		.product-hero .product-meta .left dd {
  			width: 240px;
  		}
  		
  		.product-meta {
  			width: 100%;
  			height: 100%;
  		}
  		
  		.product-hero {
  			position: absolute;
  			width: 100%;
  			height: 100%;
  			top: 0px;
  			left: 0px;
  			margin-top: 88px;
  			margin-bottom: 0px;
  			
  			height: -moz-calc(100% - 88px);
  			height: -webkit-calc(100% - 88px);
  			height: -o-calc(100% - 88px);
  			height: calc(100% - 88px);	
  			
  			overflow: hidden;
  		}
  		
  		.product-hero-image {
  			position: absolute;
  			top: 50%;
  			left: 50%;
  			
  			margin: -304px 0 0 -425px;
  		}
  		
  		.product-hero-image {
  			
  		}
  		
  		.product-hero .product-meta .left, .product-hero .product-meta .right {
  			display: table;
  		}
  		
  		.product-hero .product-meta .left li, .product-hero .product-meta .left dd, .product-hero .product-meta .left dt {
  			text-align: left;
  			padding-left: 32px;
  			padding-bottom: 14px;
  		}
  		
  		.product-hero .product-meta .right li {
  			text-align: right;
  			padding-right: 32px;
  			padding-bottom: 14px;
  		}
  		
  		.product-hero .product-meta .meta-block {
  			display: table-cell;
  			text-align: center;
  			vertical-align: middle;
  			height: intrinsic;
  		}
  		
  		
  		.breaker {
  			height: 100%;
  			height: -moz-calc(100% - 88px);
  			height: -webkit-calc(100% - 88px);
  			height: -o-calc(100% - 88px);
  			height: calc(100% - 88px);
  		}
  		
  		.doc {
  			background: transparent url('/img/static/icon-doc-28x28.png?2') right 1px no-repeat;
  			padding-right: 22px;
  			background-size: 14px 56px;
  			width: intrinsic;
  			display: inline;
  		}
  		
  		.doc:hover {
  			background-position-y: -20px;
  			color: #cc2036;
  		}
  		
  		.go {
  			background: transparent url('/img/static/icon-go-28x28.png?2') right 1px no-repeat;
  			padding-right: 22px;
  			background-size: 14px 56px;
  			width: intrinsic;
  			display: inline;
  		}
  		
  		.go:hover {
  			color: #cc2036;
  		}
  
  		*/ }
/* Product Family Meta 
************************************/
.product-line {
  display: block; }

.product-line div {
  float: left; }

.product-family-meta {
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  margin-top: 64px; }

.product-family-meta dl {
  overflow: hidden; }

.product-family-meta dt, .product-family-meta dd {
  float: left; }

.product-family-meta dt {
  width: 147px;
  margin-bottom: 14px; }

.product-family-meta dd {
  width: 309px;
  margin-bottom: 14px; }

.product-family-meta dd.go-minor {
  background: transparent url("/img/static/icon-go-28x28.png?2") right -20px no-repeat;
  background-size: 14px 56px; }

.product-family-meta dd.go-minor:hover {
  background-position-y: 1px;
  background-position: right 1px; }

/* "News style" Block */
.newspost h2 {
  font-size: 32px;
  text-align: center;
  text-transform: none; }

.newspost p {
  width: 556px;
  margin-left: auto;
  margin-right: auto; }

.newspost p a {
  color: #cc2036; }

.newspost p a:hover {
  color: #cc2036;
  border-bottom: 1px solid #cc2036; }

.date {
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  text-align: center;
  margin: 16px auto;
  display: block; }

/* -----------------------------------------
	Table
----------------------------------------- */
.product-table-wrap {
  width: 100%;
  overflow: hidden; }

.product-table-wrap table {
  float: left;
  width: 409px;
  /* Originally 262. Long code fix. */ }

.product-table-wrap table:last-child {
  float: right; }

.product-table {
  min-width: 0px !important; }

.lightbox-table {
  width: 100%;
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  color: #222;
  margin-bottom: 32px;
  min-width: 900px; }

.product-table .description {
  max-width: 320px; }

.lightbox-table a {
  color: #222222; }

.lightbox-table a:hover {
  color: #cc2036; }

.lightbox-table .archived, .lightbox-table .archived a {
  color: #999 !important; }

.lightbox-table th {
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  border-top: 1px solid #484848;
  border-bottom: 1px solid #484848;
  padding: 7px 0 6px 0; }

.lightbox-table td {
  border-bottom: 1px solid #484848;
  padding: 7px 0 6px 0; }

.lightbox-table td.action {
  width: 28px;
  max-width: 28px !important;
  overflow: hidden; }

.lightbox-table td.action a {
  width: 18px;
  height: 18px;
  display: block;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  float: right; }

.lightbox-table .archive a {
  background: transparent url("/img/static/icon-archive-18.png?2") left top no-repeat;
  background-size: 18px 54px; }

.lightbox-table .export a {
  background: transparent url("/img/static/icon-export-18.png?2") left top no-repeat;
  background-size: 18px 54px; }

.lightbox-table .remove a {
  background: transparent url("/img/static/icon-delete-18.png?2") left top no-repeat;
  background-size: 18px 54px; }

.lightbox-table .remove a:hover {
  background: transparent url("/img/static/icon-delete-18.png?2") left -36px no-repeat;
  background-size: 18px 54px; }

.lightbox-table .archived .archive a {
  background: transparent url("/img/static/icon-archive-18.png?2") left -19px no-repeat;
  background-size: 18px 54px; }

.lightbox-table .archived .export a {
  background: transparent url("/img/static/icon-export-18.png?2") left -19px no-repeat;
  background-size: 18px 54px; }

.lightbox-table .archive a:hover, .lightbox-table .archived .archive a:hover {
  background: transparent url("/img/static/icon-archive-18.png?2") left -36px no-repeat;
  background-size: 18px 54px; }

.lightbox-table .export a:hover, .lightbox-table .archived .export a:hover {
  background: transparent url("/img/static/icon-export-18.png?2") left -36px no-repeat;
  background-size: 18px 54px; }

.lightbox-table .thumbnail {
  width: 147px; }

.lightbox-table .thumbnail img {
  max-width: 112px;
  max-height: 96px; }

.lightbox-table .note {
  text-align: center;
  color: #999; }

.lightbox-table .note-empty-table {
  border-top: 1px solid #484848; }

/* Light Theme
************************************/
.whiteblock {
  background-color: #f4f4f4; }

.greyblock {
  background-color: #ececec; }

/* Only pad first whiteblock */
body > .newspost {
  padding-top: 64px; }

body > .newspost ~ .newspost {
  padding-top: 0px; }

.whiteblock h2, .greyblock h2 {
  color: #222222 !important; }

.whiteblock h2 a, .greyblock h2 a {
  color: #222222 !important; }

.light .subhead a {
  color: #222222; }

.light .subhead a:hover {
  color: #111; }

.light .subhead .slash:after {
  color: #222222; }

.hole-size {
  background: transparent url("/img/static/icon-hole-11.png?2") left 2px no-repeat;
  background-size: 11px 11px;
  padding-left: 16px; }

.hole-round {
  background: transparent url("/img/static/icon-hole-round-11.png?2") left 2px no-repeat;
  background-size: 11px 11px;
  padding-left: 16px; }

/* App Icons */
.app-icons {
  overflow: hidden;
  margin-bottom: 32px; }

.app-icon {
  width: 24px;
  height: 24px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  margin-right: 8px;
  margin-top: 2px; }

.app-interior {
  background: transparent url("/img/static/app-icon-interior.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-exterior {
  background: transparent url("/img/static/app-icon-exterior.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-ceiling-recessed {
  background: transparent url("/img/static/app-icon-ceiling-recessed.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-ceiling-surface {
  background: transparent url("/img/static/app-icon-ceiling-surface.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-ceiling-suspended {
  background: transparent url("/img/static/app-icon-ceiling-suspended.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-floor-recessed {
  background: transparent url("/img/static/app-icon-floor-recessed.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-floor-surface {
  background: transparent url("/img/static/app-icon-floor-surface.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-floor-suspended {
  background: transparent url("/img/static/app-icon-floor-suspended.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-joinery-recessed {
  background: transparent url("/img/static/app-icon-joinery-recessed.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-joinery-surface {
  background: transparent url("/img/static/app-icon-joinery-surface.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-joinery-suspended {
  background: transparent url("/img/static/app-icon-joinery-suspended.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-post {
  background: transparent url("/img/static/app-icon-post.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-post-recessed {
  background: transparent url("/img/static/app-icon-post.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-post-surface {
  background: transparent url("/img/static/app-icon-post.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-post-suspended {
  background: transparent url("/img/static/app-icon-post.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-table {
  background: transparent url("/img/static/app-icon-table.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-table-recessed {
  background: transparent url("/img/static/app-icon-table.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-table-surface {
  background: transparent url("/img/static/app-icon-table.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-table-suspended {
  background: transparent url("/img/static/app-icon-table.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-track {
  background: transparent url("/img/static/app-icon-track.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-track-recessed {
  background: transparent url("/img/static/app-icon-track.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-track-surface {
  background: transparent url("/img/static/app-icon-track.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-track-suspended {
  background: transparent url("/img/static/app-icon-track.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-wall-recessed {
  background: transparent url("/img/static/app-icon-wall-recessed.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-wall-surface {
  background: transparent url("/img/static/app-icon-wall-surface.png?2") left top no-repeat;
  background-size: 24px 24px; }

.app-wall-suspended {
  background: transparent url("/img/static/app-icon-wall-suspended.png?2") left top no-repeat;
  background-size: 24px 24px; }

/* /me
************************************/
.me-wrap {
  padding: 160px 0 0 0;
  margin-top: 64px;
  background: transparent url("/img/static/icon-heart-104.png?2") center top no-repeat;
  background-size: 115px 104px; }

.me-wrap form {
  margin: 0 auto;
  width: intrinsic; }

.me-wrap .details {
  margin-bottom: 96px;
  text-align: center;
  padding: 0 30px;
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  text-transform: uppercase; }

.me-wrap .details h2 {
  margin-bottom: 48px; }

.me-wrap .details h4 {
  margin-bottom: 16px;
  text-transform: uppercase;
  color: #222222; }

.me-wrap .details dt {
  color: #222222; }

.me-wrap .details dl {
  overflow: hidden; }

.me-wrap .details dt, .me-wrap .details dd {
  display: inline;
  line-height: 28px; }

.me-wrap .details dt {
  margin-right: 8px; }

.me-wrap .details dd, .me-wrap .details a {
  color: #222; }

/* Contact Us
************************************/
.address {
  margin-top: 32px; }

.address dl {
  margin-top: 16px;
  overflow: hidden;
  text-transform: uppercase;
  margin-bottom: 64px; }

.address dt {
  float: left;
  width: 82px;
  color: #222222;
  margin-bottom: 12px; }

.address dd {
  float: left;
  width: 262px;
  margin-bottom: 12px; }

/* Temp Hacks
************************************/
.center-hack {
  text-align: center; }

.center-hack:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */ }

/* Homepage bottom */
.trimbottom48 {
  margin-bottom: -48px; }

.centered-button-wrap {
  margin-left: auto;
  margin-right: auto;
  width: intrinsic;
  display: block;
  text-align: center; }

.normalcase {
  text-transform: none !important; }

#warning {
  display: block;
  width: 300px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  background: #222222;
  position: fixed;
  bottom: 20px;
  left: 50%;
  margin-left: -150px;
  opacity: .5;
  /*color: #cc2036;*/
  color: #333;
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  text-transform: uppercase;
  /* Hidden by default */
  display: none; }

/* lightbox-export custom pages
************************************/
.lightbox-export .footer-minimal-fill {
  background: #0c0c0c;
  bottom: 0px;
  left: 0px;
  position: fixed;
  width: 100%;
  z-index: 666;
  padding: 22px 32px;
  opacity: .85; }

.lightbox-export .footer-minimal {
  width: 100%;
  display: block;
  overflow: hidden;
  padding: 22px 32px;
  position: fixed;
  bottom: 0px;
  left: 0px;
  text-transform: uppercase;
  font-size: 13px;
  z-index: 667; }

.lightbox-export #meta {
  float: right;
  display: block;
  overflow: hidden; }

.lightbox-export #meta dd {
  float: left;
  margin-left: 5px; }

.lightbox-export #meta dt {
  float: left;
  margin-left: 14px;
  color: #222222; }

/* 404
************************************/
.errorpage {
  height: 500px;
  display: block;
  padding: 0 !important;
  text-align: center; }

.errorpage:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */ }

.sem-center {
  display: inline-block;
  vertical-align: middle; }

.error-details h3 {
  font-size: 90%; }

.error-details ul {
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  text-align: left;
  line-height: 22px;
  border-top: 1px dotted #efefef;
  border-bottom: 1px dotted #efefef; }

/* Cake Flash
************************************/
#flashMessage {
  padding: 5px 10px; }

#flashMessage.message {
  background-color: #cc2036;
  color: #222222; }

.error-message {
  color: #cc2036; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px #fcfcfc inset;
  /* Change the color to your own background color */
  -webkit-text-fill-color: white; }

input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 50px #fcfcfc inset, 0 0 0 50px #fcfcfc inset;
  -webkit-text-fill-color: white; }

.login-forgot-password {
  margin-left: 190px;
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  height: 36px; }

.form-me p.login-forgot-password {
  margin-bottom: 0; }

.login-forgot-password a, .login-forgot-password a:visited {
  color: #808080;
  border: 1px solid #fcfcfc;
  padding: 0px 22px 0px 22px;
  line-height: 32px;
  font-size: 13px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  display: block;
  border-radius: 5px;
  margin: 2px 0; }

.login-forgot-password a:hover {
  color: #222;
  border-color: #808080; }

.paging {
  text-align: center; }

.paging span {
  margin: 0 4px; }

.paging .prev {
  margin-right: 6px; }

.paging .next {
  margin-left: 6px; }

/* Product List
************************************/
.product-list {
  width: 100%;
  margin-top: 32px; }

.product-list .lightbox-table {
  width: 100%; }

.product-list .show-search-form {
  left: 0px; }

@media (max-width: 1499px) {
  .product-list .optional {
    display: none; }

  /* Tipr
  ************************************/ }
.tipr_content {
  font: 13px/1.7 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  color: #333;
  background-color: #222222;
  color: #fff;
  padding: 4px 12px;
  text-indent: 0; }

.tipr_container_bottom {
  display: none;
  position: absolute;
  margin-top: 13px;
  z-index: 1000; }

.tipr_container_top {
  display: none;
  position: absolute;
  margin-top: -75px;
  z-index: 1000; }

.tipr_point_top, .tipr_point_bottom {
  position: relative;
  background: #222222;
  border: 1px solid #dcdcdc; }

.tipr_point_top:after, .tipr_point_top:before {
  position: absolute;
  pointer-events: none;
  border: solid transparent;
  top: 100%;
  content: "";
  height: 0;
  width: 0; }

.tipr_point_top:after {
  border-top-color: #222222;
  border-width: 8px;
  left: 50%;
  margin-left: -8px; }

.tipr_point_top:before {
  border-top-color: #dcdcdc;
  border-width: 9px;
  left: 50%;
  margin-left: -9px; }

.tipr_point_bottom:after, .tipr_point_bottom:before {
  position: absolute;
  pointer-events: none;
  border: solid transparent;
  bottom: 100%;
  content: "";
  height: 0;
  width: 0; }

.tipr_point_bottom:after {
  border-bottom-color: #222222;
  border-width: 8px;
  left: 50%;
  margin-left: -8px; }

.tipr_point_bottom:before {
  border-bottom-color: #dcdcdc;
  border-width: 9px;
  left: 50%;
  margin-left: -9px; }

.forcecasenormal {
  text-transform: none !important; }

.forcecasenormal th, .forcecasenormal td {
  border: none !important; }

/* Mood Board
************************************/
.mb-wrap {
  margin-top: 120px; }

.mb-grid {
  overflow: hidden;
  margin-left: 32px; }

.mb-app {
  width: 556px;
  margin-right: 32px;
  margin-bottom: 32px;
  float: left; }

.mb-app img {
  width: 556px; }

.mb-prod {
  margin-right: 32px;
  margin-bottom: 32px;
  float: left; }

.mb-filter {
  z-index: 666;
  position: absolute;
  top: 119px;
  right: 32px;
  text-transform: uppercase;
  color: #222222;
  width: 700px; }

@media (max-width: 920px) {
  .mb-filter {
    width: 350px; }

  .selectricWrapper {
    margin-bottom: 20px; } }
.mb-form {
  position: relative; }

/*=====================================================================
  Selectric
======================================================================*/
.selectricWrapper {
  position: relative;
  margin-left: 20px;
  width: 150px;
  cursor: pointer;
  float: right;
  outline: none; }

.selectricDisabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.selectricOpen {
  z-index: 9999; }

.selectricOpen .selectricItems {
  display: block;
  outline: none; }

.selectricHideSelect {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0; }

.selectricHideSelect select {
  position: absolute;
  left: -100%;
  display: none; }

.selectricInput {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  _font: 0/0 a;
  background: none !important; }

.selectricTempShow {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important; }

.selectricOpen .selectric {
  border-color: #545454;
  z-index: 9999; }

.selectric {
  border: 1px solid #6D6D6D;
  background: 121212;
  position: relative;
  border-radius: 0px; }

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 30px 0 0;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 18px;
  color: #222222;
  min-height: 18px; }

.selectric .button {
  background: none;
  border-radius: 0px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  color: #6D6D6D;
  text-align: center;
  font: 0/0 a;
  /* IE Fix */
  *font: 18px/30px Lucida Sans Unicode, Arial Unicode MS, Arial; }

.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #6D6D6D;
  border-bottom: none; }

.selectricHover .selectric {
  border-color: #545454; }

.selectricHover .selectric .button {
  color: #545454; }

.selectricHover .selectric .button:after {
  border-top-color: #545454; }

/* Items box */
.selectricItems {
  display: none;
  position: absolute;
  overflow: auto;
  top: 100%;
  left: 0;
  background: #F9F9F9;
  border: 1px solid #222;
  z-index: 9998;
  -webkit-box-shadow: 0 0 10px -6px;
  box-shadow: 0 0 10px -6px; }

.selectricItems ul,
.selectricItems li {
  list-style: none;
  padding: 0;
  margin: 0;
  min-height: 20px;
  line-height: 20px;
  font-size: 12px; }

.selectricItems li {
  padding: 5px;
  cursor: pointer;
  display: block;
  border-bottom: 1px solid #EEE;
  color: #666;
  border-top: 1px solid #222222; }

.selectricItems li.selected {
  background: #EFEFEF;
  color: #444;
  border-top-color: #E0E0E0; }

.selectricItems li:hover {
  background: #F0F0F0;
  color: #444; }

.selectricItems li.disabled {
  background: #F5F5F5;
  color: #BBB;
  border-top-color: #FAFAFA;
  cursor: default; }

/* Homepage video embed */
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto; }

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-homepage {
  position: relative; }

.video-link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  top: 0;
  left: 0;
  bottom: 50px;
  right: 50px; }

.video-link a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%; }

/* Native Select */
.native-select {
  border: 1px solid #222;
  width: 100%;
  /*border-radius: 3px;*/
  overflow: hidden;
  background: #fafafa url("/img/static/filter-v3-select.png?2") no-repeat center right 8px;
  background-size: 8px 4px; }

.native-select select {
  padding: 5px 2px;
  width: 130%;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none;
  -webkit-appearance: none;
  text-transform: capitalize; }

.native-select select option {
  text-transform: capitalize; }

.native-select select:focus {
  outline: none; }

/* filter-v3 */
#filter-v3 {
  float: left;
  margin-right: 32px;
  margin-bottom: 32px;
  width: 262px;
  min-height: 1248px;
  color: #222222;
  position: relative; }

#filter-v3 form {
  position: relative;
  padding-top: 8px;
  background-color: #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

#filter-v3 h4 {
  text-transform: uppercase;
  margin-bottom: 6px;
  color: #313131; }

#filter-v3 ol {
  /* margin-bottom: 6px; */ }

#filter-v3 label {
  color: #222222; }

#filter-v3 .fieldset {
  border-bottom: 1px solid #fff;
  padding: 4px 8px 4px 8px;
  margin-bottom: 8px;
  overflow: hidden;
  position: relative; }

#filter-v3 .fieldset:last-of-type {
  	/*
  border-bottom: none;
  	margin-bottom: none;
  */ }

#filter-v3 .keyword-row input {
  width: 212px;
  border: 1px solid #888;
  padding: 4px 6px;
  margin-bottom: 8px;
  float: left;
  background: #ddd;
  color: #222222; }

#filter-v3 .keyword-row .submit-mini {
  text-indent: -10000px;
  white-space: nowrap;
  overflow: hidden;
  background: #1ccdac url("/img/static/filter-v3-submit-mini.png?2") no-repeat center left;
  background-size: 26px 26px;
  width: 26px;
  height: 26px;
  display: inline-block;
  float: right;
  padding: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

#filter-v3 .native-select {
  margin-bottom: 8px;
  padding-left: 4px;
  border: 1px solid #888;
  background: #c1c1c1 url("/img/static/filter-v3-select.png?2") no-repeat center right 8px;
  background-size: 8px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

#filter-v3 .selected {
  border: 1px solid #1ccdac;
  background: #1ccdac url("/img/static/filter-v3-select.png?2") no-repeat center right 8px;
  background-size: 8px 4px; }

#filter-v3 select, #filter-v3 .selected select {
  color: #222222; }

#filter-v3 .checkboxes {
  overflow: hidden; }

#filter-v3 .twoColumn li {
  float: left;
  width: 50%; }

#filter-v3 .fourColumn li {
  float: left;
  width: 25%; }

#filter-v3 input[type="checkbox"] + label::before, #filter-v3 input[type="radio"] + label::before {
  width: 12px;
  height: 12px;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 10px;
  background-image: none !important;
  /* background: #888; */
  border: 1px solid #888;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

#filter-v3 input[type="checkbox"]:checked:hover + label::before, #filter-v3 input[type="checkbox"]:checked + label::before {
  background: #1ccdac;
  background-image: none !important;
  border-color: #1ccdac; }

#filter-v3 input[type="checkbox"]:hover + label::before {
  	/*
  background: $XXX-ColorC;
      background-image: none !important;
      border-color: $XXX-ColorC;
  */ }

#filter-v3 .radio input[type="checkbox"] + label::before {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px; }

#filter-v3 .buttonset {
  border-top: 1px solid #fff;
  overflow: hidden;
  padding: 8px; }

#filter-v3 .buttonset a {
  background: none;
  border: none;
  padding: 0px 22px 0px 22px;
  line-height: 32px;
  background: #1ccdac;
  color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  float: right;
  margin-left: 8px; }

#filter-v3 .buttonset .reset {
  background: #555; }

#filter-v3 .border-bottom-none {
  border-bottom: none !important;
  margin-bottom: 0; }

select optgroup {
  text-transform: capitalize; }

@media (max-width: 919px) {
  #filter-v3 {
    width: 556px;
    min-height: 0px; }

  #filter-v3 .keyword-row input {
    width: 506px; }

  #filter-v3 .checkboxes li {
    /* width: 30%; */ }

  #filter-v3 .mobile-wrap {
    overflow: hidden; }

  #filter-v3 .form-left, #filter-v3 .form-right {
    width: 50%;
    float: left; }

  #filter-v3 .fieldset:last-of-type {
    border-bottom: none;
    margin-bottom: 0; }

  #filter-v3 .form-right {
    border-left: 1px solid #fff;
    margin-bottom: 8px; } }
.splash-black a {
  color: #000 !important; }

.splash-white a {
  color: #fff !important; }

/* 2015 product family table */
.product-attributes {
  width: 100%;
  border-bottom: 1px solid #484848;
  line-height: 40px;
  background: transparent url("/img/static/product-attributes-baseline.png?2") left top repeat;
  background-size: 1px 40px;
  margin-top: 64px;
  margin-bottom: 64px; }

.two-columns, .single-column {
  width: 100%;
  overflow: hidden; }

.column-left, .column-right {
  min-width: 50%;
  float: left;
  display: block; }

.column-left {
  /* background: #222; */ }

.column-right {
  /* background: #444; */ }

.attributes {
  margin-bottom: 40px; }

.attributes td.term {
  width: 130px;
  color: #222222;
  text-transform: none;
  vertical-align: top; }

.attributes td.definition {
  padding-right: 20px; }

.attributes td {
  text-transform: none; }

.attributes td.attribute {
  color: #222; }

.greater-than:before {
  content: "> "; }

.less-than:before {
  content: "< "; }

.attribute-multi .filter {
  color: #222222; }

.attribute-multi .active {
  color: #222222;
  border-bottom: 1px solid #1ccdac; }

.attribute-multi .inactive {
  color: #808080;
  text-decoration: line-through; }

.attribute-multi .single-value {
  color: #222;
  cursor: not-allowed; }

.attribute-multi .filter:hover {
  color: #222222;
  text-decoration: none; }

.attribute-multi .inactive:hover {
  color: inherit;
  text-decoration: line-through; }

.attribute-multi li {
  display: inline; }

.attribute-multi li:after {
  content: "\00a0/ "; }

.attribute-multi li:last-of-type:after {
  content: ""; }

.single-column .products {
  width: 100%; }

.single-column .products .product-code {
  min-width: 130px;
  width: 130px;
  color: #222222;
  vertical-align: top;
  padding-right: 30px;
  white-space: nowrap; }

.single-column .products .product-description {
  vertical-align: top; }

.single-column .products .product-code a {
  color: #222222; }

.clickable-row {
  cursor: pointer; }

.single-column .products .icons {
  overflow: hidden;
  float: none;
  min-width: 50px;
  vertical-align: top;
  padding-top: 8px; }

.single-column .products .icons a {
  float: right; }

.hidden-empty-row {
  display: none; }

.beam_angle:after {
  content: "°"; }

.colour_temperature:after {
  content: "°K"; }

.lumen_package:after, .luminous_flux:after {
  content: "lm"; }

.power:after {
  content: "W"; }

/* BX Slider */
.hp-slide {
  background-color: #111;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  background-position: center center;
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: block;
  width: 100%;
  height: 100%;
  position: relative; }

.hp-slide .meta {
  position: absolute;
  left: 32px;
  bottom: 32px;
  z-index: 6; }

.hp-slide .cover-link {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 5; }

.hp-slide .cover-link a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.hp-slide h2 {
  font-family: 'Swiss721W01-BoldCondens', 'Verdana', sans-serif;
  font-size: 40px;
  line-height: 48px;
  text-transform: uppercase; }

.hp-slide h2 a:hover {
  opacity: .5; }

.hp-slide p {
  font-family: 'Swiss 721 W01 Condensed', 'Verdana', sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  overflow: hidden;
  display: block; }

.splash-white p, .splash-white h2 a {
  color: #fff !important; }

.splash-black p, .splash-black h2 a {
  color: #000 !important; }

/* Page line hacks and border */
nav {
  border-bottom: 1px solid #eee; }

.blackened {
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee; }

.product-hero-image img {
  outline: 1px solid #eee; }