@charset "utf-8";
/* CSS Document */

/*Small reset*/
body, ul, ol, h1, h2, h3, h4, h5, h6, form, li, p {
	margin:0;
	padding:0;
	font-weight: normal;
}
a {
	text-decoration:none;
	outline: 0;
}
ol, ul {
	list-style: none;
}

img, fieldset { border: 0; }

/*End reset*/

/*This font just for testing*/

@font-face {font-family: 'NimbusSanNov-Lig';src: url('./../webfonts/eot/style_5197.eot') ;src: url('./../webfonts/eot/style_5197.eot?#iefix') format('embedded-opentype'),url('./../webfonts/woff/style_5197.woff') format('woff'),url('./../webfonts/ttf/style_5197.ttf') format('truetype'),url('./../webfonts/svg/style_5197.svg#NimbusSanNov-Lig') format('svg');}


body {
	font: 16px/1.4 Arial, Helvetica, sans-serif; /*Camera and Architecture graphic pages have font size 17px set in camera-start.css */
	background: #393939 url(./../images/paper-texture-18-06.jpg) repeat-y 50% 0px;
	color: #000;
}

/*body, html, #home, #text-grad, .container {
   height:100%
}*/


#text-grad, #texture-grad {
	width:100%;
	float:left;
	background:url(./../images/texture-grad-09.png) repeat-x scroll 0 0 transparent;
	min-height: 1024px;
	}

#container, .container {
	width: 984px;
	margin: 0 auto;
	}
	
.logo {height:90px; position:relative;}
.logo img {margin-top:14px; margin-left:0px; float:left;}


	
#header {
	width:100%;
	float:left;
	}

#footer {
	float:left;
	clear:both;
	margin-top:20px;
	width:100%;
	padding: 8px 0 0px 0;
	color: #CCC;
	min-height:200px;
	background-color:#000;
/*	background: #000 url(./../images/texture-grad-09-02.png) repeat-x 0 0;*/
	border-top:#3c3c3c 1px dotted;
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.6);
		}
		
#footer .footcolumn {
	float:left;
	padding: 0px 16px 0px 4px;
	font-size:12px;
	color:#8F887C;
	line-height:20px;
	margin-right:12px;
	}
#footer .footcolumn img, #footer img.imageicon {padding:2px 6px 0 0; margin:3px 0 -3px 0;}
#footer .footcolumn a, #footer .footlast a {color:#8F887C;}
#footer .footcolumn a:hover, #footer .footlast a:hover {color:#F5C108;}
#footer .footcolumn ul, #footer .footlast ul {margin-bottom:16px}

div.footlast ul.contacts-foot { text-align:left; margin-left:20px;}

#footer .container-relative {
	position:relative;
	}
#footer .footlast {
	position:absolute;
	top:0px;
	right:0px;
	width:160px;
	font-size:12px;
	line-height:20px;
	text-align:center;
	margin-right:0px;
	}
#footer .footlast li, #footer .footlast li a {color:#FFF; margin-top:8px; font-weight:bold;}

#footer .footcolumn h4, #footer .footlast h4 {
		font-size:12px;
		color:#DED9CD;
		margin-bottom:4px;
		margin-top:12px;
	}

#footer .footcolumn h4:last-of-type, 
#footer .footlast h4:last-of-type {
	margin-top:32px;}

#footer .footcolumn h4:first-of-type {margin-top:12px;}

#footer .social-buttons {
	margin-top:16px;
	height:36px;
	}
#footer h4.nudge16 {
	margin-top:30px;
	}
#footer small.address {
	display:block;
	padding: 16px 0 4px 16px;
	font-size:11px;
	}
#colour #footer small.address, 
#details #footer small.address, 
#swatchball #footer small.address, 
#led #footer small.address,
#diffusion #footer small.address,
#convert #footer small.address,
#mired #footer small.address,
#packs #footer small.address,
#correction #footer small.address,
#arch-dl-col #footer small.address,
#arch-fl-col #footer small.address,
#arch-details #footer small.address
{padding-bottom:40px;}
/*#colour #footer, #details #footer {margin-top:0px;}*/

#footer small {line-height:12px; color:#FFF; font-weight:normal; font-size:11px;}
#footer .footlast small {color:#DED9CD;}
#footer .footlast .phone-spread {margin-top:12px;}

.bold {font-weight:bold;}

#footer .footcolumn ul.primary-list { height:134px;}


.panel-advert {
	float:left;
	display:block;
	position:relative;
	width:288px;
	height:184px;
	margin-right:18px;
	margin-top:8px;
	padding: 28px 12px 0 16px;
	-webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.6);
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.6);
	}
.panel-advert-flash-holder {
	float:left;
	margin:8px 18px 16px 0;
	-webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.6);
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.6);
}
.panel-advert-flash {
	height:212px;
	width:316px;
	padding:0px;
	}
	
.panel-advert-short {height: 116px;}

#ad-swatchball p {font-size:10px; color:#f5c108; margin-top:-206px; width: 316px; text-align:left; line-height:16px; padding-left:16px;}

.panel-advert p {margin-top:16px; font-weight:bold; font-size:15px;}

.panel-advert-long {
	height:106px;
	padding-top: 212px;
	}

.panel-advert-label {
	margin-left:-16px;
	padding: 4px 12px 16px 16px;
	width:288px;
	height:86px;
	}
.ad-flash-label {	margin-left:0px;}

.panel-advert-label h3 {margin-bottom:0px; color:#FFF;}	
.panel-advert-label p {
	font-weight:normal;
	font-size:14px;
	margin-top:0px;
	color:#FFF;
	}
	
.panel-advert a {
	display:block;
	background:url(./../images/div-click-ie-fix-01.png) repeat top left;
	width:100%; height:100%; 
	position:absolute; top:0; left: 0;
	z-index:10;
	}
	
.panel-advert a:hover {border:#F5C108 1px solid; width:314px; height:210px;}
.panel-advert-short a:hover {height:142px;}

.panel-advert-long a {display:block; width:100%; height:100%; position:absolute; top:0; left: 0;}
.panel-advert-long a:hover {border:#F5C108 1px solid; width:314px; height:316px;}



.panel-advert-very-short {height:82px; width:168px; margin-right:1px; background-color:#FFFFFF; padding-top:12px; color:#000;}
.panel-advert-very-short a:hover { height:92px; width:194px;}
#ad-media-title { background-color:#E2E3E4; padding-top:6px; height:88px;}
#ad-media-title h2 { font-size:32px; line-height:32px;}
#ad-media-title p { font-size:10px; margin-top:4px; font-weight:normal;} 

/*.media-ads { background:url(./../images/Media-Ad-Insp-2-03.jpg) no-repeat top left;}*/
/*.media-ads { background:url(./../images/top-ad-bar-14-media.jpg) no-repeat top left;}*/ /*England*/
.media-ads { background:url(./../images/top-ad-bar-28-media.jpg) no-repeat top left;} /*Media Ads*/
.ads-education { background-image:url(./../images/top-ad-bar-06.jpg);}
.ads-polariser { background-image:url(./../images/top-ad-bar-07.jpg);}
div.media-ads p, div.ads-polariser p { background-color: rgb(226,227,228);} /*Fallback for browsers that don't support RGBA*/
div.media-ads p, div.ads-polariser p { position:absolute; bottom:0px; left:0px; background-color: rgba(255,255,255,0.7); padding:2px 0px 2px 8px; margin-bottom:0px !important; width:188px;}
div.media-ads p.next-workshop, div.ads-polariser p.next-workshop { top:-14px; font-size:12px; color:#008DD0; background-color:transparent; padding:1px 0px 0px 8px;}/*--------New-------------*/
#ad-media-insp-prof-2 { background-position: -196px top;}
#ad-media-chasing { background-position: -392px top;}
#ad-media-mind { background-position: -588px;}

/*#ad-media-mind.panel-advert a, #ad-media-chasing.panel-advert a {z-index:0;}*/ /*stops mouse firing hover when over banner below*/

p.apple-legal-books {font-size:9px; color: #6e6e6e; text-align:center; margin-top:4px; margin-bottom:0px !important;}
#apple-legal+.title-panel { margin-top:4px;}

.panel-advert-label-video {padding: 4px 12px 16px 16px; width:288px; height:86px; position:relative;}
.panel-advert-label-video p {font-size:14px;}
.panel-advert-label-video h3 {margin-bottom:0px;}
.panel-advert-label-video a {position:absolute; top:0; left:0; display:block; background:url(./../images/div-click-ie-fix-01.png) repeat top left;	width:100%; height:106px;}
.panel-advert-label-video a:hover {border:#F5C108 1px solid; width:314px; height:104px;}

#ad-polariser {background: url(./../images/ad-polariser-01.jpg) no-repeat top left;}
#ad-nd {background: url(./../images/ad-nd-grad-set-hard-03.jpg) no-repeat top left;}
#ad-book{background: url(./../images/ad-inspiring-book-05.jpg) no-repeat top left;}
#ad-products2 {background: url(./../images/get-filters-03.jpg) no-repeat top left;}
#ad-workshop{background: url(./../images/ad-workshop-01.jpg) no-repeat top left;}
#ad-viewpoint{background: url(./../images/ad-viewpoint-01.jpg) no-repeat top left;}
#ad-ibook{background: url(./../images/02Book-02-Small.jpg) no-repeat top left;}
#ad-stopper-app {
    background-image: url(./../images/Nature-04-Small-02.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

#ad-quickrolls{background: url(./../images/ad-quick-rolls-01.jpg) no-repeat top left;}
#ad-sodium{background: url(./../images/ad-sodium-subway-01.jpg) no-repeat top left;}
#ad-glass{background: url(./../images/ad-glass-01.jpg) no-repeat top left;}
#ad-custom, #swatchball-holder-alternative {background: url(./../images/lighting-custom-ad-01.jpg) no-repeat top left;}
#ad-resources{background: url(./../images/ad-resources-01.jpg) no-repeat top left;}
#ad-mired{background: url(./../images/ad-mired-01.jpg) no-repeat top left;}

#ad-seven5-photo {background: url(./../images/ad-seven5-01.jpg) no-repeat top left;}
#ad-sw150-photo {background: url(./../images/ad-sw150-photo-01.jpg) no-repeat top left;}
#ad-100-photo {background: url(./../images/ad-100-photo-02.jpg) no-repeat top left; }
#ad-seven5-boxes {background: url(./../images/ad-seven5-boxes-01.jpg) no-repeat top left;}

.panel-videobox {padding-left:0px !important; background-color:#4a4949;}
#nd-videobox, .videobox {width:984px; padding-right:0px;}
#nd-videobox .title-bar-videobox, .videobox .title-bar-videobox  {margin-left:0px;}
#nd-videobox h2, .videobox h2, #palette-info h2, #led-explain h2 {
	font-family: NimbusSanNov-Lig, Arial, Helvetica, sans-serif;
	font-size:40px;
	line-height:72px;
	}
#led-explain h2 {line-height:70px;}

#palette-info {margin-bottom:16px;}
#palette-info img {margin-left:-32px;}
#palette-info ul {margin-left:-16px; width:984px;}
#palette-info li { float:left; width:214px; padding: 8px 16px 16px 16px; font-weight:bold; text-align:centre;}
#palette-info li.first {width:198px;}
a.login-button { 
	clear:both; 
	font-size:14px; 
	height:48px; 
	line-height:48px; 
	background-color:#A6C6D9; 
	width:936px; 
	margin-left:-16px; 
	margin-bottom:16px; 
	display:block; 
	padding-left:16px; 
	color:#000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
a.login-button:hover { background-color:#90acbc;}
.login-button strong { font-size:15px;}
	
.panel {
	clear:both;
	float:left;
	position:relative;
	top:0px;
	left:0px;
	width: 936px;
	margin-top:8px;
	border-top: #3c3c3c solid 1px;
	padding-left:32px;
	padding-right: 16px;
	-webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.6);
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.6);
	}
.flash {
	width:90px;
	height:78px;
	float:right;
	background:url(./../images/flashes-03.png) no-repeat 0px 0px;
	position:absolute;
	right:0px;
	top:0px;
	}
	
.flash-info {background-position: -10px 0px;}
.flash-results {background-position: -110px 0px;}
.flash-guide {background-position: -210px 0px;}
.flash-opinion {background-position: -310px 0px;}
.flash-new {background-position: -410px 0px; height:60px;}
.flash-new-big {background-position: -510px 0px; }

.panel-light {
	background-color:#e2e3e4; /*This is the main panel colour*/
	color:#000;
	}
	
.panel-blue {
	background-color:#a6c6d9; /*This is the  panel colour*/
	color:#000;
	}
	
.title-bar {
	height: 78px;
	line-height:72px;
	width:952px;
	margin-left:-32px; 
	padding-left:32px; 
	color:#FFF;}
	
#products .title-bar, #gobos .title-bar, #arch-gobos .title-bar {
	margin-left:0px;}
#products .panel-videobox, #gobos .panel-videobox, #arch-gobos .panel-videobox {
	width:968px;}
	
#products  .workshop-title {margin-left:-32px;}

.last {margin-right:0px !important; }	
		
/*-----------------------------GRADIENTS-------------------*/

/* Dark to Light*/
.grad-linear-01 {
	background:#444444 url(./../images/bar-gradient-02.png) repeat-y top left; /* Old browsers */
	background: -moz-linear-gradient(0deg, #222222 0%,#272727 24%,#3a3b3b 78%,#3f3f3f 100%); /* FF3.6+ */
	background: -ms-linear-gradient(0deg, #222222 0%,#272727 24%,#3a3b3b 78%,#3f3f3f 100%); /* IE10+ */
	background: -o-linear-gradient(0deg, #222222 0%,#272727 24%,#3a3b3b 78%,#3f3f3f 100%); /* Opera11.10+ */
	background: -webkit-gradient(linear, 0 0, 100% 0, from(#222222), color-stop(0.24, #272727), color-stop(0.78, #3a3b3b), to(#3f3f3f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(0deg, #222222 0%,#272727 24%,#3a3b3b 78%,#3f3f3f 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(0deg, #222222 0%,#272727 24%,#3a3b3b 78%,#3f3f3f 100%); /* W3C */
	}
	
/* Light to Dark*/	
.grad-linear-02 {
	background:#444444 url(./../images/bar-gradient-02-flip.png) repeat-y top left; /* Old browsers */
	background: -moz-linear-gradient(left, #3f3f3f 0%,#3a3b3b 22%,#272727 76%,#222222 100%);
	background: -ms-linear-gradient(left, #3f3f3f 0%,#3a3b3b 22%,#272727 76%,#222222 100%);
	background: -o-linear-gradient(left, #3f3f3f 0%,#3a3b3b 22%,#272727 76%,#222222 100%);
	background: -webkit-gradient(linear, 0 0, 100% 0, from(#3f3f3f), color-stop(0.22, #3a3b3b), color-stop(0.76, #272727), to(#222222));
	background: -webkit-linear-gradient(left, #3f3f3f 0%,#3a3b3b 22%,#272727 76%,#222222 100%);
	background: linear-gradient(left, #3f3f3f 0%,#3a3b3b 22%,#272727 76%,#222222 100%);
}

/* Dark to Light: Top left lightest. No old webkit version.*/		
.grad-diag-01 {
	background:#444444 url(./../images/bar-gradient-02-flip.png) repeat-y top left;
	background: -moz-linear-gradient(300deg, #444444 27%,#1e1d1e 100%);
	background: -ms-linear-gradient(300deg, #444444 27%,#1e1d1e 100%);
	background: -o-linear-gradient(300deg, #444444 27%,#1e1d1e 100%);
	background: -webkit-linear-gradient(300deg, #444444 27%,#1e1d1e 100%);
	background: linear-gradient(300deg, #444444 27%,#1e1d1e 100%);
}

/* Dark to Light: Top right lightest. No old webkit version.*/	
.grad-diag-02 {
	background:#444444 url(./../images/bar-gradient-02.png) repeat-y top left;
	background: -moz-linear-gradient(45deg, #1e1d1e 0%,#444444 73%);
	background: -ms-linear-gradient(45deg, #1e1d1e 0%,#444444 73%);
	background: -o-linear-gradient(45deg, #1e1d1e 0%,#444444 73%);
	background: -webkit-linear-gradient(45deg, #1e1d1e 0%,#444444 73%);
	background: linear-gradient(45deg, #1e1d1e 0%,#444444 73%);
	}
	
	/* Dark to Light: Bottom right lightest. No old webkit version.*/		
.grad-diag-03 {
	background:#444444 url(./../images/bar-gradient-02-flip.png) repeat-y top left;
	background: -moz-linear-gradient(135deg, #444444 27%,#1e1d1e 100%);
	background: -ms-linear-gradient(135deg, #444444 27%,#1e1d1e 100%);
	background: -o-linear-gradient(135deg, #444444 27%,#1e1d1e 100%);
	background: -webkit-linear-gradient(135deg, #444444 27%,#1e1d1e 100%);
	background: linear-gradient(135deg, #444444 27%,#1e1d1e 100%);
}

/* Dark to Light: bottom left lightest. No old webkit version.*/	
.grad-diag-04 {
	background:#444444 url(./../images/bar-gradient-02-flip.png) repeat-y top left;
	background: -moz-linear-gradient(225deg, #1e1d1e 0%,#444444 73%);
	background: -ms-linear-gradient(225deg, #1e1d1e 0%,#444444 73%);
	background: -o-linear-gradient(225deg, #1e1d1e 0%,#444444 73%);
	background: -webkit-linear-gradient(225deg, #1e1d1e 0%,#444444 73%);
	background: linear-gradient(225deg, #1e1d1e 0%,#444444 73%);
	}

#footer .credit a, #footer p.legal {font-size:10px; color:#737373; }
#footer li.credit {margin-top:8px; color:#737373;}
#footer p.legal { margin-top:2px;}
.legal { width:984px; padding-bottom:8px; text-align:center; display:block; }
#footer li.legal-02 {line-height:1.2 !important;}
#footer .legal-02 a { color:#737373 !important; font-size:11px; font-weight:normal !important;}
#footer .legal-02 a:hover {color: #F5C108 !important;}

.fitting { float:left; width:218px; margin-right:16px; margin-top:16px;}
.fitting p {width:204px; margin-top:6px;}
.fitting strong { font-size:14px;}

#dealer-map {padding:0px !important; width:984px;}
#dealer-map iframe {border:none;}

.right-panel-search {width:458px; border-left:1px dashed #666666; float:right; padding: 16px;}
#dealer .codeInputSection, #dealer .filter-box h3 {font-size:16px; font-weight:bold; color:#FFF; margin-top:24px;}
#dealer .codeInputSection {margin-top:12px;}
#dealer #inputCode-02 { height:28px; width:240px; font-size:22px; font:Arial, Helvetica, sans-serif; padding-left:4px; margin-bottom:2px;}
#dealer .fb-radio {margin-top:63px;}

.search-box {float:right; margin:39px 0 0 0; padding-right:0px;}
.input{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:1px solid #ccc;
	border-radius:3px;
	color:#646464;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:18px;
	line-height:18px;
	padding:4px 4px 4px 9px;
	width:259px; 
	background:#CCC url(../images/magnifying-glass.png) no-repeat right 1px;
	-moz-box-shadow:inset 1px 1px 4px 2px rgba(30, 30, 30, 0.6);-moz-transition:border linear .2s,box-shadow linear .2s;-ms-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;
	-webkit-box-shadow:inset 1px 1px 4px 2px rgba(30, 30, 30, 0.6);-webkit-transition:border linear .2s,box-shadow linear .2s;
	box-shadow:inset 2px 2px 4px 1px rgba(30, 30, 30, 0.6);transition:border linear .2s,box-shadow linear .2s}
.input:focus{-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1) ,0 0 8px rgba(245,193,8,0.6);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1) ,0 0 8px rgba(245,193,8,0.6);border-color:rgba(245,193,8,0.8);box-shadow:inset 0 1px 3px rgba(0,0,0,0.1) ,0 0 8px rgba(245,193,8,0.6);outline:0;
background-color:#FFF;}

.input02{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:1px solid #ccc;
	border-radius:3px;
	color:#646464;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:18px;
	line-height:18px;
	padding:4px 4px 4px 9px;
	width:259px; 
	background-color:#CCC;
	-moz-box-shadow:inset 1px 1px 4px 2px rgba(30, 30, 30, 0.6);-moz-transition:border linear .2s,box-shadow linear .2s;-ms-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;
	-webkit-box-shadow:inset 1px 1px 4px 2px rgba(30, 30, 30, 0.6);-webkit-transition:border linear .2s,box-shadow linear .2s;
	box-shadow:inset 2px 2px 4px 1px rgba(30, 30, 30, 0.6);transition:border linear .2s,box-shadow linear .2s}
.input02:focus{-moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1) ,0 0 8px rgba(245,193,8,0.6);-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1) ,0 0 8px rgba(245,193,8,0.6);border-color:rgba(245,193,8,0.8);box-shadow:inset 0 1px 3px rgba(0,0,0,0.1) ,0 0 8px rgba(245,193,8,0.6);outline:0;
background-color:#FFF;}



.forgotpass a {color:#1077D1; font-size:10px; text-decoration:underline; }
.forgotpass a:hover {color:#000;}

.shadow-finally {
			-webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.6);
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.6);
	}
	
#dealer-map { margin-left:0px, margin-right:0px; margin-bottom:0px; padding-bottom:0px;}

ul.dealer-buttons {height:80px;}
ul.dealer-buttons li { float:left;  margin-left:8px; margin-top:-8px;}
ul.dealer-buttons a {color:#FFF; text-decoration:none; padding:24px 32px 16px 32px; background-color:#666; display:block; 	
-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
ul.dealer-buttons a:hover { color:#000; background-color:#CCC; }
ul.dealer-buttons a.dealer-selected { color:#000; background-color:#F5C108; }

.pdf-icon-down {vertical-align:-2px; margin-right:8px;}

#subtitle-info {margin-bottom:16px; background-color:#bdbebf;}
#subtitle-info p, #subtitle-info-yt p { font-size:15px; color:#000; line-height:40px; margin-bottom:0px !important;}
#subtitle-info .subtitle-bar {height:40px;}
#subtitle-info a.subtitle-icon { background: url(../images/cc-icon-03.png) no-repeat left 0; height:40px; width:57px; display:block; float:left; margin-left:-7px; margin-right:4px;}
#subtitle-info a.subtitle-icon:hover { background-position:left -40px;}

#subtitle-info p a, #arch-dl-polycarb p a, #arch-dl-intro p a, #subtitle-info-yt p a { background-color:#FFF; padding:2px 6px; color:#000; font-weight:bold; font-size:17px;}
#subtitle-info p a:hover, #arch-dl-polycarb p a:hover, #arch-dl-intro p a:hover, #subtitle-info-yt p a:hover  { background-color:#F5C108; }

.dotty-titles {background: url(../images/Dots-05-Title-01.jpg) no-repeat 0 -76px;}

.dealer-button-light {width:986px; margin-right:-2px; margin-bottom:20px;}
a.dealer-button-light { margin-top:0px;}
a.dealer-button-light span {padding-left:410px; padding-top: 8px; font-size:24px;}

#terms {overflow:auto; border:1px solid #7e7e7e; font-size:9px; background-color:#f3f4f5; padding:8px 16px; margin-top:16px; color:#6a6a6b; height:160px;}
ol.dealer-terms li { font-weight:bold;}
ol.dealer-terms li span { font-weight:normal; }
ul.sub-list { padding-left:24px;}

.confirmation { text-align:left; margin:16px 0 8px 0; background-color:#FFFFFF; padding:5px 0 6px 0;}
.confirmation input { width:32px; margin-right:4px;}
#login-extras {margin-left:5px;}

/*Fixes problem of it going to 1000px and leaving empty gap at bottom*/
#moods div.fb_iframe_widget iframe { height: 200px !important;}

#ad-app-rectangle, .app-ad-double {
	float:left;
	display:block;
	position:relative;
	width:288px;
	height:184px;
	margin-right:18px;
	margin-top:8px;
	padding: 28px 12px 0 16px;
	-webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.6);
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.6);
	}

#ad-app-rectangle, .app-ad-double  {
	height:106px;
	padding-top: 212px;
	}

.workshop-booking-bar {height: 40px; background-color: hsl(180, 3%, 94%); position: absolute; bottom: 0px; left:214px; width: 770px; border-top: 1px dashed hsl(180, 3%, 60%);}

.workshop-booking-bar a { font-weight: 600 !important;}

/*	------------------------- Zircon Ad ---------------------- */
#zircon-ad { background-image:url(../images/Zircon-Ad-02.png); height:94px; margin:0 8px 4px 0 ; padding:0 0 0 0; width:984px; position:relative;}

#zircon-ad p { width:592px; text-align:center; position:absolute; top:65px; left:344px; margin-top:0px; color:#3c6e8f; }

#zircon-ad.panel { margin-top:8px !important;}

#zircon-ad a {	-webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.6);
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.6);}
	
#zircon-ad.panel-advert a:hover { width:982px; height:92px;}

/*	------------------------- Zircon Ad ---------------------- */

/*	------------------------- Zircon Ad-02 ---------------------- */
#zircon-ad-02 { background-image:url(http://res.cloudinary.com/broadside/image/upload/f_auto,q_auto/v1539797518/Zircon-Ad-Fine-Tune-02.jpg); height:94px; margin:0 8px 4px 0 ; padding:0 0 0 0; width:984px; position:relative;}

#zircon-ad-02 h1 { position: absolute; left:280px; top: -1px; font-family: NimbusSanNov-Lig, Arial, Helvetica, sans-serif; font-size:48px; line-height:72px; color: #8e5d00;}


#zircon-ad-02 p { position:absolute; top:65px; left:282px; margin-top:0px; color:#a37427; }

#zircon-ad-02.panel { margin-top:8px !important;}

#zircon-ad-02 a {	-webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.6);
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.6);}
	
#zircon-ad-02.panel-advert a:hover { width:982px; height:92px;}
/*	------------------------- Zircon Ad-02 ---------------------- */


/*	------------------------- Email Email Ad Email Subscriber ---------------------- */
#email-ad-01 { background-image:url(http://res.cloudinary.com/broadside/image/upload/f_auto,q_auto/v1546983647/lee/Email-Banner-04.jpg); height:94px; margin:0 8px 4px 0 ; padding:0 0 0 0; width:984px; position:relative;}

#email-ad-01.panel { margin-top:8px !important;}

#email-ad-01 a.ad-jump {width:982px; height:92px; display: block;}

#email-ad-01 a.ad-jump:hover { border: 1px solid #fff;}

#email-ad-01 div {
    position: absolute;
    left: 724px;
    text-align: center;
    width: 260px;
    height: 87px;
    padding-top: 7px;
}

#email-ad-01 p.simple-label { font-weight: bold; margin-top: 0; font-size: 11px !important; color: #656565;}

#email-ad-01 .submit-button {
    font-size: 100%;
    color: #000000;
    padding: 0.1em 0.25em;
    line-height: 2em;
    display: inline-block;
    background-color:#e2e3e4;
    text-align: center;
    border-radius: 2em;
    font-weight: bold;
    width: 216px ;
    height: 2em ;
    box-shadow: 0.1em 0.1em 0.3em 0em rgba(0,0,0, 0.6), inset 0 -0.8em 1.5em -0.4em rgba(0,0,0, 0.5), inset 0.2em 0.2em 1em rgba(255, 255, 255, 0.5);
    text-decoration: none;
    margin-top:6px;
    margin-bottom: 7px;
}


#email-ad-01 a.ad-jump:hover + div p.submit-button {
    background-color:rgba(255,255,255,1);
    border: none;
}

#email-ad-01 a.ad-jump:hover + div p.simple-label { }


/*	------------------------- Email Ad Email Subscriber ---------------------- */


/*	------------------------- Email Ad LEE100---------------------- */
#email-ad-02 { background-image:url(https://res.cloudinary.com/broadside/image/upload/f_auto,q_auto/v1552670824/LEE100/Banner-02.png); height:94px; margin:0 8px 4px 0 ; padding:0 0 0 0; width:984px; position:relative;}

#email-ad-02.panel { margin-top:8px !important; overflow: hidden;}

#email-ad-02 a.ad-jump {width:982px; height:92px; display: block;}

#email-ad-02 a.ad-jump:hover { border: 1px solid #fff;}

#email-ad-02 p { font-weight: normal; font-size: 20px; color: #ffffff; position: absolute; left: 694px; top: 17px;}

/*	------------------------- Email Ad LEE100 ---------------------- */

/*	------------------------- Ad LEE Direct ---------------------- */

#direct-ad.panel { margin-top:8px !important; overflow: hidden;}

#direct-ad a.ad-jump {width:982px; height:82px; display: block;}

#direct-ad a.ad-jump:hover { border: 1px solid #F5C108;}

/*	------------------------- Ad LEE Direct ---------------------- */


/*	------------------------- Workshop Ad ---------------------- */

#workshop-ad { background-image:url(https://res.cloudinary.com/broadside/image/upload/f_auto,q_auto/v1563911407/Workshops/Workshop-Banner-01.png); height:94px; margin:0 8px 4px 0 ; padding:0 0 0 0; width:984px; position:relative;}

#workshop-ad.panel { margin-top:8px !important; overflow: hidden;}

#workshop-ad a.ad-jump {width:982px; height:92px; display: block;}

#workshop-ad a.ad-jump:hover { border: 1px solid #fff;}

#workshop-ad div.workshop-copy {position: absolute; left: 676px; top: 20px;}

#workshop-ad p { font-weight: normal; font-size: 20px; color: #ffffff; margin-top: 2px; margin-bottom: 0px !important; }

#workshop-ad p.workshop-details { font-size: 12px;}

/*	------------------------- Workshop Ad ---------------------- */

/*	------------------------- Workshop Ad-02 ---------------------- */

#workshop-ad-02 { background-image:url(https://res.cloudinary.com/broadside/image/upload/f_auto,q_auto/v1568913910/Workshops/Talibart/Workshop-Banner-03-Talibart.png); height:94px; margin:0 8px 4px 0 ; padding:0 0 0 0; width:984px; position:relative;}

#workshop-ad-02.panel { margin-top:8px !important; overflow: hidden;}

#workshop-ad-02 a.ad-jump {width:982px; height:92px; display: block;}

#workshop-ad-02 a.ad-jump:hover { border: 1px solid #fff;}

#workshop-ad-02 div.workshop-copy {position: absolute; left: 680px; top: 38px;}

#workshop-ad-02 p { font-weight: normal; font-size: 16px; color: #ffffff; margin-top: 2px; margin-bottom: 0px !important; }

#workshop-ad-02 p.workshop-details { font-size: 12px; margin-left: 12px}

/*	------------------------- Workshop Ad ---------------------- */


div.media-ads p.ad-media-small-text { background-color: transparent; bottom:26px !important; font-size: 10px; color: #d9d9d9; font-weight: normal; left: 2px;}



/*50 Years Logo*/
div.footlast > img { display: none !important;}

ul.contacts-foot:before {
    display: block;
    content: ' ';
    background-image: url('/images/LEE-Filters-Logo-01.svg');
    background-size: 144px 160px;
    background-repeat: no-repeat;
    background-position: center;
    height: 60px;
    width: 160px;
    margin: 0px 0 0 -24px;
}

/*.logo img { margin-top: 25px; margin-left:2px;}*/
.logo img {display:none;}

a.main-logo { width: 192px; height:44px; display: block; margin-top: 25px; margin-left:2px; float:left;
    background: url('/images/LEE-Filters-Logo-01.svg') no-repeat left;}
/*50 Years Logo*/

.wistia_embed {    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.6);
    float: left;}

/* ----------------Wistia Playlist--------------------*/

.fdrow {
    font-size: 0px;
    width: 100%;
}

.fdrow {
    font-size: initial;
}

.fdcol,
.fdcol1,
.fdcol2,
.fdcol3,
.fdcol4,
.fdcol5,
.fdcol6,
.fdcol7,
.fdcol8,
.fdcol9 {
    display: inline-block;
    vertical-align: top;
}

.fdcol {
    width: 100%;
}

.fdcol1 {
    width: 10%;
}

.fdcol2 {
    width: 20%;
}

.fdcol3 {
    width: 30%;
}

.fdcol4 {
    width: 40%;
}

.fdcol5 {
    width: 50%;
}

.fdcol6 {
    width: 60%;
}

.fdcol7 {
    width: 70%;
}

.fdcol8 {
    width: 80%;
}

.fdcol9 {
    width: 90%;
}

@media (max-width: 960px) {}

.partners-block {
    text-align: center;
}

.ws-video-col {
    height: 378px;
    width: 672px;
    position: relative;
}

.ws-nav-col {
    width: 289px;
    margin-left: 3px;
    background: #272727;
    height: 378px;
    overflow-y: auto;
}

.wistia-container {
    margin-top: 20px;
    padding: 10px;
    background: #4a4949;
}

.ws-video-label {
    color: #fff;
    font-size: 14px;
    border: 1px solid #3c3c3c;
    margin: 5px 2px 5px 4px;
    width: 264px;
    height: 70px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.ws-video-label {
    background: rgba(48, 48, 48, 1);
    background: -moz-linear-gradient(top, rgba(48, 48, 48, 1) 0%, rgba(48, 48, 48, 1) 20%, rgba(61, 61, 61, 1) 70%, rgba(48, 48, 48, 1) 94%, rgba(48, 48, 48, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 48, 48, 1)), color-stop(20%, rgba(48, 48, 48, 1)), color-stop(70%, rgba(61, 61, 61, 1)), color-stop(94%, rgba(48, 48, 48, 1)), color-stop(100%, rgba(48, 48, 48, 1)));
    background: -webkit-linear-gradient(top, rgba(48, 48, 48, 1) 0%, rgba(48, 48, 48, 1) 20%, rgba(61, 61, 61, 1) 70%, rgba(48, 48, 48, 1) 94%, rgba(48, 48, 48, 1) 100%);
    background: -o-linear-gradient(top, rgba(48, 48, 48, 1) 0%, rgba(48, 48, 48, 1) 20%, rgba(61, 61, 61, 1) 70%, rgba(48, 48, 48, 1) 94%, rgba(48, 48, 48, 1) 100%);
    background: -ms-linear-gradient(top, rgba(48, 48, 48, 1) 0%, rgba(48, 48, 48, 1) 20%, rgba(61, 61, 61, 1) 70%, rgba(48, 48, 48, 1) 94%, rgba(48, 48, 48, 1) 100%);
    background: linear-gradient(to bottom, rgba(48, 48, 48, 1) 0%, rgba(48, 48, 48, 1) 20%, rgba(61, 61, 61, 1) 70%, rgba(48, 48, 48, 1) 94%, rgba(48, 48, 48, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#303030', GradientType=0);
}

.ws-video-label a {
    color: inherit;
}

.ws-thumb-col {
    width: 80px;
    height: 60px;
    cursor: pointer;
    margin-left: 5px;
    margin-top: 5px;
}

.ws-info-col {
    width: 172px;
    margin-left: 7px;
    margin-top: 5px;
}

.ws-title {
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
}

.video-playing .ws-title {
    color: #f5c108;
}

.ws-description {
    height: 40px;
    overflow: hidden;
    font-size: 9px;
    color: #a2a2a2;
    margin-top: 3px;
    line-height: 11px;
}

.ws-description a {
    color: #deb887;
}

.lee-video {
	background-color: #000;
    height: 400px;
    width: 673px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
    max-width: 100%;
}

.ws-nav-col {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ws-nav-col::-webkit-scrollbar {
    width: 14px;
}

.ws-nav-col::-webkit-scrollbar-track {
    background: 393939;
}

.ws-nav-col::-webkit-scrollbar-thumb {
    background: #757575;
}

.ws-nav-col::-webkit-scrollbar-track-piece {
    background: #393939;
}

.ws-video-label .ws-thumbnail-hover {
    opacity: 0;
    background: url(/images/play.png) no-repeat center;
    background-size: 50px !important;
    width: 100%;
    height: 100%;
    -webkit-transition: all .8s ease-out;
    -moz-transition: all .8s ease-out;
    -ms-transition: all .8s ease-out;
    -o-transition: all .8s ease-out;
    transition: all .3s ease-out;
}

.ws-video-label:hover .ws-thumbnail-hover {
    opacity: 0.8;
}

.ws-video-label:hover {
    color: #f5c108;
    box-shadow: 0px -15px 20px -20px #000 inset, 0px 15px 25px -20px #000 inset
}

.ws-no-scroll .ws-video-label {
    width: 273px;
}

.ws-no-scroll .ws-info-col {
    width: 175px;
}

.playing .ws-title {color:#f5c108;}

.ws-video-label:first-child {color:#f5c108;}

.ww-playlist {margin-bottom:24px;}

/* ----------------End Wistia Playlist--------------------*/

.icon-inline {padding-right:2px; position:relative; top:6px;}
#subtitle-info-yt {height:44px; padding-bottom:0px; background-color:#e2e3e4;}
#subtitle-info-yt > a {height:44px; display: block; float:left; margin-right:8px; padding-left:8px; padding-right:8px; margin-left:-8px;}
#subtitle-info-yt > a:hover {background-color: #fff;}
#subtitle-info-yt p { display: block; float: left; margin-bottom:0px;}


/*Background from https://www.svgbackgrounds.com/#rainbow-vortex*/
#arch-knowledge { height: 160px; width: 936px; border: 1px solid #fff; position: relative; padding-top: 24px; position: relative;
    background-color: #ff9d00;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg stroke='%23000' stroke-width='66.7' stroke-opacity='0.05' %3E%3Ccircle fill='%23ff9d00' cx='0' cy='0' r='1800'/%3E%3Ccircle fill='%23fb8d17' cx='0' cy='0' r='1700'/%3E%3Ccircle fill='%23f47d24' cx='0' cy='0' r='1600'/%3E%3Ccircle fill='%23ed6e2d' cx='0' cy='0' r='1500'/%3E%3Ccircle fill='%23e35f34' cx='0' cy='0' r='1400'/%3E%3Ccircle fill='%23d85239' cx='0' cy='0' r='1300'/%3E%3Ccircle fill='%23cc453e' cx='0' cy='0' r='1200'/%3E%3Ccircle fill='%23be3941' cx='0' cy='0' r='1100'/%3E%3Ccircle fill='%23b02f43' cx='0' cy='0' r='1000'/%3E%3Ccircle fill='%23a02644' cx='0' cy='0' r='900'/%3E%3Ccircle fill='%23901e44' cx='0' cy='0' r='800'/%3E%3Ccircle fill='%23801843' cx='0' cy='0' r='700'/%3E%3Ccircle fill='%236f1341' cx='0' cy='0' r='600'/%3E%3Ccircle fill='%235e0f3d' cx='0' cy='0' r='500'/%3E%3Ccircle fill='%234e0c38' cx='0' cy='0' r='400'/%3E%3Ccircle fill='%233e0933' cx='0' cy='0' r='300'/%3E%3Ccircle fill='%232e062c' cx='0' cy='0' r='200'/%3E%3Ccircle fill='%23210024' cx='0' cy='0' r='100'/%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

#arch-knowledge:hover { border-color: #f5c108;}
#arch-knowledge:hover h2 span { color: #f5c108;}
#arch-knowledge:hover p span { text-decoration: underline;}


#arch-knowledge h2 { font-size: 5rem; line-height: 1.2; color: #fff;}
#arch-knowledge h2 span { margin-left: 8px;}
#arch-knowledge p { color: #fff;}

#arch-knowledge img { position: absolute; right: 16px; top: 12px;}

ul.box-contents { color: #999; font-size: 15px; list-style-type: disc; padding-left: 16px; margin-top: 4px;}