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




/* ---------------Standard Panels------------------*/


.hint {
	width:284px;
	margin-right:18px;
	padding-left:16px;
	padding-right:16px;
	}
h2.hint { text-align:right;}

/*Provides dotted lines*/
.hint-wrapper { background:url(./../images/hint-wrapper-lines-01.png) repeat-y top left; float:left;}
	
.hint-wrapper p { margin-top:8px;}
.hint-wrapper p:first-of-type { margin-top:0px;}



#ad-videobox {background: url(./../images/ad-videobox-bg-01.jpg) no-repeat top left; padding-left:32px; width:272px;}
#ad-videobox h2 {font-size:48px;}
#ad-videobox p {padding-right:16px; margin-top:8px;}

#ad-downlights { background:url(./../images/arch-fl-ad-spot-03.jpg) no-repeat top left;}
#ad-downlights h2 { width:270px; margin-top: -16px;}

/*#ad-arch-colours { background:url(./../images/arch-fl-ad-swatchbook-02.jpg) no-repeat top left; color:#000; padding-top:74px; height:138px; }
#ad-arch-colours p {margin-left:132px; margin-top:0px;}
#ad-arch-colours p strong { font-size:38px; display:block; margin-top:-12px; margin-left:-4px;}*/

#ad-arch-colours { background: url(../images/arch-fl-ad-circle-02.jpg) no-repeat top left; color:#000; padding-top:80px; height:138px; }
#ad-arch-colours p {margin-left:132px; margin-top:0px;}
#ad-arch-colours p strong { font-size:38px; display:block; margin-top:-12px; margin-left:-4px;}

#ad-gobos { background:url(./../images/arch-fl-ad-gobo-01.jpg) no-repeat top left;}
#ad-gobos h2 {font-size:64px;}
#ad-gobos p { width:180px; margin-left:4px;}

#ad-fluorescents { background:url(./../images/arch-ad-fluorescent-01.jpg) no-repeat top left;}
#ad-fluorescents h2 { width:270px; font-size:48px; line-height:46px; margin-top:-6px;}
#ad-fluorescents p { float:right; margin-top:70px;}

#ad-dichroic { background:url(./../images/arch-ad-dichroic-01.jpg) no-repeat top left;}
#ad-dichroic h2 { font-size:48px; line-height:46px;}
#ad-dichroic h2.polycarb { font-size:40px; line-height:46px;}
#ad-dichroic p { font-size:22px; margin-left:2px;}

#ad-rf75 {background: url(./../images/ad-rf75-bg-01.jpg) no-repeat top left;}
#ad-rf75 p {padding-right:140px;}
#ad-rf75 h2 {font-size:64px;}
#ad-rf75 h2 span {font-size:56px; margin-bottom:0px;}

#ad-seven5 {background: url(./../images/seven5-ad-05.jpg) no-repeat top left;}
#ad-seven5 p {padding-right:140px; color:#000; margin-top:100px;}
#ad-seven5 h2 {font-size:64px;}
#ad-seven5 h2 span {font-size:56px; margin-bottom:0px;}

#ad-products {background: url(./../images/ad-directory-bg-01.jpg) no-repeat top left;}
#ad-products h2 {margin-top:-10px;}
#ad-products p {margin-top:8px;}

.packs-ads h4  {font-weight:bold; font-size:28px; padding-top:0px; margin-top:-20px; text-shadow: 1px 1px 3px #000000;
filter: dropshadow(color=#000000, offx=1, offy=1); }
.packs-ads p {font-size:12px; margin-top:139px;}
#ad-bw-set2 {background: url(./../images/get-filter-sets-03-blackwhite.jpg) no-repeat top left;}
#ad-lscape {background: url(./../images/get-filter-sets-03-landscape.jpg) no-repeat top left;}
#ad-srise {background: url(./../images/get-filter-sets-03-sunrise.jpg) no-repeat top left;}
#ad-autumn {background: url(./../images/get-filter-sets-03-autumn.jpg) no-repeat top left;}
#ad-coral {background: url(./../images/get-filter-sets-03-coral.jpg) no-repeat top left;}
#ad-sky {background: url(./../images/get-filter-sets-03-sky.jpg) no-repeat top left;}


#ad-ndGrads 			{   background: url("./../images/system-nd-grads-01.jpg") no-repeat scroll left top transparent; position:relative;}
#ad-ndGrads h2 		{   font-size: 64px; margin-left:4px;}
#ad-ndGrads p 		{   /*margin-top: 117px; margin-left:8px; */position:absolute; bottom:-2px; left:24px;}
#ad-bw-set {background:#595959 url(./../images/bw-set-01.jpg) no-repeat top left;}
#ad-bw-set p {padding-top:85px;}
#ad-bw-set h2 {font-size:76px;}
.floatLeft			{	float:left;}
.floatRight			{	float:right;}	
.font14 				{	font-size:14px; }
.font15 				{	font-size:15px; }
.font17 				{	font-size:17px; }


.topPadding			{ 	padding-top : 5px}
.topPaddingLong		{ 	padding-top : 25px}
.bottomPadding 		{	padding-bottom: 5px;}
.bottomMargin		{	margin-bottom:15px;}
.bottomMarginLong	{	margin-bottom:25px;}

.zeroTopMargin 		{	margin-top:0 !important; }
.zeroBottomMargin 	{	margin-bottom:0 !important; }

.panel-bot { padding-bottom: 22px;}
.panel-bot16 { padding-bottom: 16px;}
.panel-top {padding-top:16px;}
.panel-top17 {padding-top:17px;}
.panel-top32 {padding-top:32px;}
.panel-top48 {padding-top:48px;}



.sixty-right {
	padding-left: 416px;
	padding-right: 32px;
	width: 536px;
	}
	
.sixty-left {
	padding-left: 32px;
	padding-right: 32px;
	width: 920px;
	}
	
.full-width {
	width:920px;
	padding:24px 32px 12px 32px;
	}
.full-image {
	padding-top:16px;
	padding-right:0px;
	padding-left:0px;
	}	
.fifty-right {
	width:444px;
	padding:4px 32px 16px 476px;
	background-color:#e2e3e4;
	color:#000;
	}
.fifty-lefty {
	float:left;
	width: 444px;
	}
	
.fifty-righty {
	float:left;
	width: 460px;
	padding-left:32px;
	}
.right32 {width:444px;}	/*For 32px right margins*/

.quarter-righty {
	float:left;
	width: 211px;
	padding-left:0px;
	margin-right:22px;
	}

	
.fifty-righty-box {
	float: right;
    padding: 10px;
	margin-right:14px;
    width: 428px;
	background-color:#A1C8DB;
}

.onethird-lefty {
    float: left;
    margin-right: 22px;
    padding-left: 0;
    width: 288px;
}



.onethird-righty {
    float: right;
    margin-right: 20px;
    padding-left: 0;
    width: 296px;
}

.twothird-lefty {
    float: left;
    margin-right: 22px;
    padding-left: 0;
    width: 602px;
}

.twothird-lefty-box{
    float: left;
    padding: 10px;
    width: 580px;
	background-color:#A1C8DB;
}

.half-lefty-box{
    float: left;
    padding: 10px;
	background-color:#A1C8DB;
}

.twothird-lefty-box a {
	color:#1077D1;
	font-weight:bold;
}
	

	
.fltleft { float:left;}
.fltright {float:right;}
.clearit {clear:both;}
	
.caption strong {font-size:17px;}
.caption {
	font-size:12px;
	margin-right:32px;
	}
.small-filters {
	font-size:12px;
	margin-right:32px;
		}
.small-filters img {margin-right:8px; float:left;}
.small-filters a {color:#FFFFFF;}
.small-filters a span {padding-top:4px; display:block; float:left;}
.small-filters a:hover {color:#F5C108;}
.small-filters a:hover img {
		-webkit-box-shadow: 0px 0px 10px 0px rgba(245,193,8,0.6);
	-moz-box-shadow: 0px 0px 10px 0px rgba(245,193,8,0.6);
	box-shadow: 0px 0px 10px 0px rgba(245,193,8,0.6);
/*	-webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.8);
	-moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.8);
	box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.8);*/
	}
	
.small-filters p {float:left; margin-top:4px;}

.results-pic { 
	margin-bottom:8px; 	
	-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);}


.sketch {float:right; height: 94px;}



	


/*.light img {
	float:left;
	border:#FFF 9px solid;
	margin:0px 24px 0px 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);
	}*/
.light h2 {line-height:64px;}
	
.products-filter {float:left; margin: 6px 0px 16px 26px; width: 55px;}
.products-filter p {font-size:11px;}
.products-filter {font-size:11px;}

.product-slab {
	float:left;
	clear:both;
	background-color:#f1f1f1;
	margin: 20px 0 16px 0px;
	padding: 16px 16px 0px 6px;
	width: 422px;
	color:#000;
	}	

#bug-products .product-slab {
	float:left;
	background-color:#f1f1f1;
	margin: 20px 0 16px 0px;
	padding: 16px 16px 0px 6px;
	width: 422px;
	color:#000;
	}

.product-slab h3 { font-size:14px; padding-left:26px;}
.product-slab h3 span {font-weight:normal;}

.foot-system {width:937px; height:396px; background:#e2e3e4 url(./../images/system-1-2-3.jpg) no-repeat 11px 16px;}

.foot-system li {font-weight:bold; float:left; margin-left:62px; margin-top:272px;}
.foot-system li p {margin-top:-4px;}
.foot-system li.foot-space {padding-left:60px;}
.foot-system li.foot-space-02 {padding-left:58px;}
#system .button {margin-left:768px;}


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

.smaller17 {font-size:17px;}
.smaller16 {font-size:16px;}
.smaller15 {font-size:15px;}
.smaller14 {font-size:14px;}
.smaller12 {font-size:12px;}
.marg-t0 {margin-top:0px;}
.marg-t8 {margin-top:8px;}
.marg-t12 {margin-top:12px;}
.marg-t16 {margin-top:16px;}
.marg-t24 {margin-top:24px;}
.marg-t-16 {margin-top:-16px;}
.marg-b4 {margin-bottom:4px;}
.marg-b16 {margin-bottom:16px;}
.marg-l-32 {margin-left:-32px;}
.marg-l16 {margin-left:16px;}
.marg-l32 {margin-left:32px;}
.pad-r-0 {padding-right:0px; width: 952px;}



	
.hint-wrapper3 {background:url(./../images/hint-wrapper-lines-01alt.png) repeat-y 158px 0px; float:left;}

#nd-products .products-filter {margin-bottom:58px;}

#nd-products .products-filter a, 
#nd-combination .products-filter a, 
#stopper-products .products-filter a, 
#filters-warmup .products-filter a,
#filters-combination .products-filter a,
#filters-mist .products-filter a,
#filter-enhancer .products-filter a,
#filters-effects .products-filter a,
#bw-products li a,
#bw-ir .products-filter a,
#bug-products .products-filter a,
#filters-soft .products-filter a
{color:#000;}

#bw-ir .products-filter a, #bw-ir .products-filter .products-caption {width:80px;}

#nd-products .products-filter a:hover, 
#nd-combination .products-filter a:hover, 
#stopper-products .products-filter a:hover,
#filters-warmup .products-filter a:hover,
#filters-combination .products-filter a:hover,
#filters-mist .products-filter a:hover,
#filter-enhancer .products-filter a:hover,
#filters-effects .products-filter a:hover,
#bw-products li a:hover,
#bw-ir .products-filter a:hover,
#bug-products .products-filter a:hover,
#filters-soft .products-filter a:hover
{ color:#cfa200; }

#nd-products .products-filter a:hover img, 
#nd-combination .products-filter a:hover img,
#stopper-products .products-filter a:hover img,
#filters-warmup .products-filter a:hover img,
#filters-combination .products-filter a:hover img,
#filters-mist .products-filter a:hover img,
#filter-enhancer .products-filter a:hover img,
#filters-effects .products-filter a:hover img,
#bw-products li a:hover img,
#bw-ir .products-filter a:hover img,
#bug-products .products-filter a:hover img,
#filters-soft .products-filter a:hover img
{
	-webkit-box-shadow: 0px 0px 10px 0px rgba(245,193,8,0.4);
	-moz-box-shadow: 0px 0px 10px 0px rgba(245,193,8,0.4);
	box-shadow: 0px 0px 10px 0px rgba(245,193,8,0.4);
}
#nd-products .products-filter strong,
#bug-products .products-filter strong {font-size:12px; margin-top:4px; margin-left: 0px; display:block;}
/* Not used*/

#nd-products .products-filter .products-caption, 
#stopper-products .products-filter .products-caption,
#filters-warmup .products-filter .products-caption,
#filters-combination .products-filter .products-caption,
#filter-enhancer .products-filter .products-caption,
#filters-effects .products-filter .products-caption,
#bw-products li h3,
#bw-ir .products-filter .products-caption,
#bug-products .products-filter .products-caption
{font-size:12px; font-weight:bold; margin-top:4px; margin-left: 0px; display:block;}

.bottom-buttons {clear:both; margin-top:0px; float:left;}
#get-filter-systems .bottom-buttons {margin-top:8px; margin-bottom:8px;}
#filters-warmup .bottom-buttons {margin-top:-24px;}

#viewpoint-holder, #viewpoint-holder-alternative { position:relative; padding:0; width:984px; height:381px;}
#viewpoint-holder-02 { position:relative; padding:0; width:984px; height:400px;}
#viewpoint-holder-02  h2 { margin-left:0px; margin-bottom:0px;}
#viewpoint-holder h2, #viewpoint-holder-alternative h2 { margin-left:32px; margin-bottom:0px;}
#viewpoint-holder .viewpoint-overlay, #viewpoint-holder-alternative .viewpoint-overlay { position:absolute; top:100px; left:32px; width:240px; z-index:10;}
#viewpoint-holder .viewpoint-overlay p, #viewpoint-holder-alternative .viewpoint-overlay p { margin-top:8px; font-size:15px;}
#viewpoint-holder .title-bar, #viewpoint-holder-alternative .title-bar { margin-left:0px; line-height:72px;}
#viewpoint-holder .panel-bot, #viewpoint-holder-alternative .panel-bot {padding-bottom:0px !important;}

#viewpoint-holder .viewpoint-overlay-02 img,  #viewpoint-holder-alternative .viewpoint-overlay-02 img { position:absolute; bottom:0px; right:0px; z-index:10;}
#viewpoint-holder .viewpoint-overlay-02 p, #viewpoint-holder-alternative .viewpoint-overlay-02 p {position:absolute; bottom:150px; right:48px; width:180px; z-index:10; font-size:12px;}
#viewpoint-holder .viewpoint-overlay-02 p a, #viewpoint-holder-alternative .viewpoint-overlay p a, #viewpoint-holder-alternative .viewpoint-overlay-02 p a {font-weight:bold; color:#FFF; display:block; margin-top:4px;}
#viewpoint-holder .viewpoint-overlay-02 p a:hover, #viewpoint-holder-alternative .viewpoint-overlay p a:hover, #viewpoint-holder-alternative .viewpoint-overlay-02 p a:hover { color:#F5C108;}

#viewpoint-holder-alternative .replacement-image { margin-left:304px; margin-top:16px;}

#filter-results4 .caption {width:400px;}
#filter-results4 .caption p {width:400px; margin-bottom:16px;}
#filter-results4 .results-pic {margin-right:51px;}
#filter-results4 img.diag-01 {margin-top:115px; margin-bottom:20px; margin-right:320px;}

#filter-results5 .caption {width:400px;}
#filter-results5 .caption p {width:400px; margin-bottom:16px;}
#filter-results5 .results-pic {margin-right:96px;}
#filter-results5 img.diag-01 {margin-top:35px; margin-bottom:20px; margin-right:220px; float:left;}
#filter-results5 .small-filters {clear:left;}

.photo-credit {position:absolute; font-size:9px; color:#666;}
.photo-small-caption {margin-top:-40px; margin-left:84px; font-size:12px; color:#666;}
#get-results3 .photo-credit {bottom:16px; left:32px;}
#bw .photo-credit {bottom:16px; left:32px; color:#4f4f4f;}
#filters .photo-credit {bottom:16px; right:32px; color:#333;}

#subtitle-info {margin-bottom:16px; background-color:#bdbebf;}
#subtitle-info 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 { 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  { background-color:#F5C108; }


#lighting-resources p {margin-bottom:8px;}

#enhance p a,
#lighting-resources #associations p a, 
#lighting-resources #quickrolls p a, 
#lighting-resources #aboutus p a,
#camera-resources #photog-credits p a,
#lighting-resources #bookshelf p a,
#home-resources #bookshelf p a,
#arch-resources #bookshelf p a,
#camera-resources #bookshelf p a,
#home-exhibitions .exhibition-block p a,
.book-caption p.marg-t16 a,
#polariser-which p a
{ background-color:#FFF; padding:2px 4px 2px 4px; color:#000;}

p.workshop-description a { text-decoration: underline!important; color: #000 !important; font-weight: normal; }
p.workshop-description a:hover { background-color: #fff;}

#enhance p a {padding:0px 4px 1px 4px;}

#start #enhance p a:hover,
#lighting-resources #associations p a:hover, 
#lighting-resources #quickrolls p a:hover, 
#lighting-resources #aboutus p a:hover,
#camera-resources #photog-credits p a:hover,
#lighting-resources #bookshelf p a:hover,
#home-resources #bookshelf p a:hover,
#arch-resources #bookshelf p a:hover,
#camera-resources #bookshelf p a:hover,
#home-exhibitions .exhibition-block p a:hover,
.book-caption p.marg-t16 a:hover,
#polariser-which p a:hover
{ background-color:#F5C108; }

#tse-product p a {font-weight:bold; background-color:#696b6b; color:#FFFFFF;  padding:2px 4px;}
#tse-product p a:hover { background-color:#F5C108; color:#000000;}

a.seven5-click {display:block; width:120px; height:64px; background:url(../images/seven5-red-01.png) no-repeat left top;}
a.seven5-violet { background-image:url(../images/seven5-violet-01.png)}
a.seven5-small {display:block; width:80px; height:43px; background: url(../images/seven5-mustard-02.png) no-repeat left top;}
a.seven5-big {display:block; width:140px; height:75px; background: url(../images/seven5-mustard-02-Big.png) no-repeat left top;}
a.seven5-red-small {display: inline-block; width:114px; height:61px; background: url(../images/seven5-red-01-small.png) no-repeat left top;}
a.seven5-click:hover  {background:url(../images/seven5-orange-01.png) no-repeat left top} 
a.seven5-small:hover {background:url(../images/seven5-orange-01-small.png) no-repeat left top}
a.seven5-big:hover {background:url(../images/seven5-orange-01-big.png) no-repeat left top}
a.seven5-red-small:hover {background:url(../images/seven5-orange-01-med.png) no-repeat left top}

a.seven5-logo-02 {display:block; width:120px; height:64px; background:url(../images/seven5-sprite-02.png) no-repeat 0px 0px;}
a.red-logo { background-position:0px 0px;}
a.violet-logo { background-position:0px -64px;}
a.green-logo { background-position:0px -128px;}
a.blue-logo { background-position:0px -192px;}
a.orange-logo { background-position:0px -256px;}
a.seven5-logo-02:hover {background-position: 0px -256px}

a.mustard-big-logo {display:block; width:140px; height:75px; background:url(../images/seven5-sprite-02.png) no-repeat 0px -320px; margin-top:32px;}
a.mustard-big-logo:hover { background-position:0px -395px}

a.mustard-small-logo {display:block; width:80px; height:45px; background:url(../images/seven5-sprite-02.png) no-repeat 0px -470px; float:left; margin-right:16px;}
a.mustard-small-logo:hover { background-position:0px -515px}

a.red-med-logo {display: inline-block; width:115px; height:65px; background:url(../images/seven5-sprite-02.png) no-repeat 0px -560px;}
a.red-med-logo:hover { background-position: 0px -625px;} 

ul.magazine-list li { margin-left:18px; margin-top:4px;}

#bug-big-ad {background: #292929 url(./../images/bug-eagle-ski-05.jpg) no-repeat left top; height:320px; padding-right:0px; width:952px; position: relative;}

#bug-big-ad h1 { position: absolute; color: #000; left:544px; top: 144px;}

#bug-big-ad a { position: absolute; right:16px; bottom:8px;}

#bug-big-ad img { position: absolute;}

a.photog-name { color:#ae8f20; font-weight:normal; background-color:#444444; padding:2px 4px; clear:both; }
a.photog-name:hover {background-color:#f5c108; color:#000000;}

h3.before-after-example {margin-bottom:2px;}
h3.before-after-example + p {margin-bottom:6px; font-size:12px; font-weight:normal;}
h3.before-after-example ~ img { margin-bottom:8px; display:block;}

#magazine-ipad img, #camera-resources #bookshelf div.issuuembed img { -webkit-transform: translate(-50%, -50%) ;}

.videobox .BrightcoveExperience {
	-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);
	float:left;
	}
	
.videobox p { margin-bottom:8px;}



#system-match-ad { padding:0 0 16px 0; width:984px; overflow: hidden; }

#system-match-ad ul {width:984px; display: block; background-color: #fff; height:32px; box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.59); }

#system-match-ad ul li {width:296px; padding: 0 16px 0 16px; float: left; font-size: 15px; font-weight: bold; text-align: center; margin-bottom: 16px; line-height: 32px;  }

#system-match-ad h2 { position: absolute; left:32px; top:104px; width:500px; color: #fff;}

#system-match-ad p { font-size: 15px; width:448px; padding-left:32px; position: relative; left:0px; }

#system-match-ad p:first-child { font-weight: bold;}

img.system-match-screen {  transform: rotate(7deg); position: absolute; left: 512px; top:356px; box-shadow: 4px 4px 16px 0px rgba(0,0,0,0.59);}

#system-match-ad a { position: absolute; left: 736px; top:420px; margin-top:-8px !important;}

a.video-filter-type { background-color: #4e4e4e; float:left; padding:2px 8px; margin-top:16px; margin-right:16px; color: #ae8f20;}

a.video-filter-type:hover { background-color:#f5c108; color:#000000;}

.small-photog-credit { color: #ae8f20; font-size: 10px; text-decoration: none; float: right; margin-right: 16px; }

.small-photog-credit:hover { color: #f5c108; text-decoration: underline;}

a.photog-name { color:#ae8f20 !important; font-weight:normal; background-color:#444444 !important; padding:2px 4px; clear:both;}
a.photog-name:hover {background-color:#f5c108 !important; color:#000000 !important;}

.hint-container { margin-left: 514px; margin-top:32px; color: #000; }
.hint-table-01, .hint-table-02, .hint-table-03 { float: left; }

.hint-table-01 div, .hint-table-02 div, .hint-table-03 div 
{height:28px; line-height: 28px; font-size: 12px;  background-color:#b9daeb;}

.hint-table-01 .hint-table-title, .hint-table-02 .hint-table-title, .hint-table-03 .hint-table-title { font-weight: bold; background-color:#c3dbea; }

.hint-table-03 div {background-color: rgb(185, 235, 218);}
.hint-table-03 .hint-table-title {background-color:rgb(195, 234, 219);}


.hint-table-01 { width: 190px}
.hint-table-02 div { width: 72px; font-size: 10px; background-color: #c9c9c9; text-align: center; padding-left: 0}
.hint-table-03 { width: 142px}

.hint-table-01 div, .hint-table-02 div, .hint-table-03 div { border-bottom: 1px solid #000;}
.hint-table-01 div, .hint-table-03 div { padding-left: 8px}
.hint-table-02 div:first-of-type { background-color: transparent; border-top: 1px solid transparent;}
.hint-table-01 div, .hint-table-03 div { border-left: 1px solid #000; border-right: 1px solid #000;}
.hint-table-01 div:first-of-type, .hint-table-03 div:first-of-type { border-top: 1px solid #000;}

#your-view-video a.video-gallery-photog {color: #f5c108; }
#your-view-video a.video-gallery-photog:hover {color: #fff;}

#your-view-video a.your-view-enter {font-family: NimbusSanNov-Lig, Arial, Helvetica, sans-serif; background-color: #f5c108; color: #000; font-size: 32px; padding: 4px 8px;}

#your-view-video a.your-view-enter:hover { background-color: #fff;}

a.inner-link { background-color:#FFF; padding:2px 4px 2px 4px; color:#000; font-weight: bold;}
a.inner-link:hover {background-color:#F5C108; }

#ibook-links p { margin-left:4px;}
#ibook-links a {margin-left:-8px; font-weight:bold; color:#000; display:block; margin-top:4px; background-color: #fff; padding: 2px 2px 2px 12px; }
#ibook-links a:hover{ background-color: #F5C108;}


#deluxe-kit { overflow: hidden;}
#deluxe-kit ul {width: 424px;}
#deluxe-kit p.footnote { margin-top: -24px;}
#deluxe-kit {background: #e2e3e4 linear-gradient(10deg, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 20%);}

#start-holder1 li span, #start-holder2 li span, #deluxe-kit li span {font-weight: bold;}

#start-holder2 p.footnote, #start-holder1 p.footnote, #start-holder75 p.footnote, #deluxe-kit p.footnote {font-size:11px; font-weight:normal; margin:-20px 0 0 -16px;}

.bullet {
	float:left;
	font-size:20px;
	font-weight:bold;
	margin:-7px 0 0 -15px;
}

.customList { 
	margin-left: 15px;
	padding-bottom:10px;
}


a.blue-link {
    color: #1077D1;
    font-weight: bold;
    padding: 4px 8px;
    background-color: rgba(255, 255, 255, 0.4);
}

a.blue-link:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

#knowledgebase-ad .hint-wrapper { height: 92px;}

.issuuembed {margin-left:-32px; padding-right:0px; float:left;}

.clearlee { background: #fff url(/images/clearlee-05.jpg) no-repeat top left; 
    height:240px; 
    position: relative;
color: #000;}

.clearlee { background: #fff url(http://res.cloudinary.com/broadside/image/upload/f_auto,q_auto/v1520946947/lee/ClearLEE-Wash-Cloth-05.jpg) no-repeat top left; 
    height:448px; 
    position: relative;
color: #000;}

#clearlee-filter-wash p { font-size:17px;}
.clearlee .fifty-lefty { padding-top: 32px; width: 240px;}
.clearlee .clear-right {position: absolute; top:16px; left:632px; padding-right: 16px;}
.clearlee .clear-right > p {margin-top: 4px;}
.clear-label-01, .clear-label-02 { position: absolute; bottom: 220px; font-weight: bold; margin-bottom:0px !important;}
.clear-label-01 { left:224px;}
.clear-label-02 { left:512px;}
#clearlee-filter-wash.clearlee p.footbit {font-size:11px; color:#6b6b6b; margin-top: 8px;}



.long-text p, .long-text li { font-size:15px; margin-bottom: 16px !important;}

.long-text ul { font-size:17px; line-height:1.6; background-color: #fff; padding: 16px 16px 16px 32px; margin-bottom: 16px;} 

.long-text li {margin-bottom: 4px !important;}

.long-text h2 {margin-bottom:8px;  }

.long-text p.footnote {font-size:12px; font-weight:normal; margin:8px 0 0 0;}


#right-stuff-ad img {margin-left:-32px; }

#right-stuff-ad {height: 384px; text-align: center; color: #fff;
    background-image: radial-gradient(ellipse at 50% 0%, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0) 40%), 
        linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,1) 85%), url(https://res.cloudinary.com/broadside/image/upload/c_scale,q_auto,w_984/v1503047348/lee/Right-Stuff-01.jpg);
background-repeat: no-repeat; background-color: #000; background-position: top left;}

#right-stuff-ad h3.right-label-01 {font-size: 28px !important; margin-top: 8px;}

#right-stuff-ad h2 { font-size: 64px; color: #f5c108; margin-top: 192px; line-height:0.9}

#right-stuff-ad h2 + p { font-size: 24px; margin-top: 8px; margin-bottom: 16px !important; color: #fff;}

#right-stuff-ad a.button { width:44%; margin-left:28%; }

#right-stuff-ad p.footnote {font-size:12px; font-weight:normal; margin:8px 0 0 0; color: #888;}

a.linkaway {background-color:#FFF; padding:4px; color:#000; font-weight: bold;}

a.linkaway:hover { background-color:#F5C108; }

.sample-title h3 { font-size:17px;}

.sample-title span { font-weight:normal; color: #beb9b9;}


#clearlee-kit { background-color: #fff; height: 392px; position: relative; overflow: hidden; padding-top: 16px; }

#clearlee-kit h2 { margin-top: 4px;}

.clearleekit-top { background-color: #485155; width: 100%; height: 180px; position: absolute; top: 0; left: 0; padding-left: 32px;}

.clearlee-kit-pic {  margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 0;}

#clearlee-kit p { color: #000; width: 312px; font-size: 17px !important;}

#clearlee-kit p:first-of-type { margin-top: 184px;}

#clearlee-kit div.kit-list { position: absolute; left: 640px; top: 200px; color: #000;}

#clearlee-kit div.kit-list  p { margin-top: 0; margin-bottom: 8px;}

#clearlee-kit div.kit-list  span.boldy { display: block;}

#clearlee-kit p.footbit {font-size:11px !important; color:#a8a8a8; position: absolute; bottom: 8px; left: 640px;}

#clearlee-range { height: 180px; background-color: #485155;}

#clearlee-range h2 { width: 320px; margin-top: 48px; float: left; position: relative;}

#clearlee-range div { float: left; height: 148px; background-color: #fff; margin-left: 20px; width: 180px; margin-top: 16px; border-radius: 16px;}

#clearlee-range img { position: absolute; left: 288px; top: 16px;}

#clearlee-range div p { color: #000; font-weight: bold; text-align: right; margin-top: 120px; margin-right: 16px;}

#hicks-video .book-caption a.video-filter-type { width: 250px;}

#hicks-video .book-caption a.video-filter-type:nth-of-type(3) { width: 120px; margin-right: 0;}

#filters-soft p { margin-bottom: 12px;}

#filters-soft .products-filter { width: 96px;}

#filters-soft .product-slab { height: 264px; padding-left: 30px; padding-bottom:16px; margin-bottom: 0px; width: 410px;}

#filters-soft .fifty-lefty img { margin-top: 40px;}

.nd-match-illustration {
    background:url(http://res.cloudinary.com/broadside/image/upload/c_scale,f_auto,q_auto,w_984/v1535459526/lee/ND-Match-17.png) no-repeat left top;
    height: 562px;
    margin-left: -32px;
    clear: both;
    position: relative;
}

.nd-match-illustration p.nd-match-label { 
    color: #414042;
    color: #dc5018;
    font-size: 14px;
    position: absolute;
    text-align: center;
    top: 6px;}

.nd-match-illustration p.nd-match-label:first-of-type { left:330px; transform: translateX(-50%);}
.nd-match-illustration p.nd-match-label:nth-of-type(2) { left:640px; transform: translateX(-50%);}
.nd-match-illustration p.nd-match-label:nth-of-type(3) { left:878px; transform: translateX(-50%); width: 176px; top: 64px;}

.nd-match-illustration p.nd-match-label span { font-weight: bold;}

.nd-match-illustration i { color: #dc5018; position: absolute; text-align: center; top: 496px; }

/*.nd-match-illustration i:nth-of-type(1) { left:200px; color: #fff;}*/
.nd-match-illustration i:nth-of-type(1) { left:422px;  transform: translateX(-50%);}
.nd-match-illustration i:nth-of-type(2) { left:774px;  transform: translateX(-50%);}

#seven5-adaptor-rings p a { color: #000; background-color: rgba(255, 255, 255, 0.45); padding: 2px 4px;}
#seven5-adaptor-rings p a:hover {background-color: #f5c108;}

.nd-match-illustration p.nd-match-pic-label { color: #414042; position: absolute; top: 332px; font-size: 14px; text-align: center;}

.nd-match-illustration p.nd-match-pic-label:nth-of-type(4) { left: 180px; transform: translateX(-50%);}
.nd-match-illustration p.nd-match-pic-label:nth-of-type(5) { left: 422px; top: 362px; transform: translateX(-50%);}
.nd-match-illustration p.nd-match-pic-label:nth-of-type(6) { left: 772px; top: 362px; transform: translateX(-50%);}

.nd-match-illustration p.nd-match-label:nth-of-type(7) { left: 180px; top: 540px; transform: translateX(-50%); }
.nd-match-illustration p.nd-match-label:nth-of-type(8) { left: 422px; top: 540px; transform: translateX(-50%); }
.nd-match-illustration p.nd-match-label:nth-of-type(9) { left: 772px; top: 540px; transform: translateX(-50%); }

#nd-match { position: relative;}
.nd-match-footnote { position: absolute; left: 32px; bottom: 20px; font-size: 10px; width: 240px; margin-top: 16px; color: #818181;}

#clean-store h2 { margin-bottom: 24px;}

#clean-store .wistia_embed { margin-bottom: 12px;}

#clean-store .onethird { float: left; width: 296px; margin-right: 16px;}

#clean-store .onethird:last-of-type { margin-right: 0; margin-left: 8px;}

#clean-store { padding-bottom: 16px;}

#clean-store a { text-decoration: underline; color: #f5c107}

#clean-store a:hover { color: #fff;}

#clean-store p { margin-bottom: 8px; padding-right: 0px;}

#workshops .title-panel {
	background: #e7ebec url(https://res.cloudinary.com/broadside/image/upload/f_auto,q_auto/v1564052076/Workshops/Workshop-Title-01.jpg) no-repeat left top;
	height: 320px;
    position: relative;
	}

#workshops .title-panel a { margin-top: 0px;}

#workshops .title-panel img {margin-top:25px; margin-left:-16px; display:block;}


/*Stops small text being resized on iOS Safari for iPhone*/
@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}