.note-section, .note-message { font-family:arial; }



@media only screen and (min-width: 1360px) {

#colhalf {
	width:50% !important;
	float:left;
}

}


hr{
	width:100%;
	display: block;
	height: 2px;
	border-bottom:none;
	margin:0;
	border-top:none;
}


.contentContainer{
	max-width:911px;
	margin:auto;
	padding-top:1px;
}

.contentContainer:after{
	content:"";
	display:block;
	clear:both;
}

.contentContainer h1,h2,h3,h4,h5{
	font-family: Helvetica;
}

.contentContainer p{
	font-family: Helvetica;
	color:#333;
	margin-bottom:1em;
	line-height: 125%;
}

.contentContainer ul{
	padding-left:1em;
}

.contentContainer ul li{
	font-family: Helvetica;
	font-size:1em;
	color:#333;
	margin-bottom:1em;
	line-height: 125%;
}


.contentContainer ol{
    padding-left:1em;
}



.contentContainer ol li{
	font-family: Helvetica;
	font-size:1em;
	color:#333;
	margin-bottom:1em;
	line-height: 125%;
}


.ies h2{
	font-size:1.2em;
	border-bottom:2px #C7C7C9 solid;
	padding-bottom:0.2em;
	margin-top:1.35em;
}

.ies p{
border-bottom: 2px #C7C7C9 solid;
padding-top: 0.5em;
padding-bottom: 0.5em;
margin-bottom:0;
}

.ies p a{
	color:black;
	text-decoration: none;
}


.ies p a:hover{
	text-decoration: underline;
}


.ies .spacing{
	height:2em;
}



.sdocs h2{
	font-size:1.2em;
	border-bottom:2px #C7C7C9 solid;
	padding-bottom:0.2em;
	margin-top:1.35em;
	margin-bottom:20px;
}

.sdocs p::before{
content: url(/images/technical/pdf-icon.jpg);
margin-right:8px;
}

.sdocs p{
border-bottom: 2px #ffffff solid;
padding-top: 0.5em;
padding-bottom: 0.5em;
margin-bottom:0;
}

.sdocs p a{
	color:black;
	text-decoration: none;
	top: -3px;
    position: relative;
}


.sdocs p a:hover{
	text-decoration: underline;
}


.sdocs .spacing{
	height:2em;
}





.indexLogo{
	width:13em;
	height:auto;
	margin:2em auto 0 auto;
}

.indexLogok{
	width:65%;
	float:left;
	height:auto;
	text-align:right;
	margin:2em auto 0 auto;
	padding-right:5%;

}

.indexLogok img{
margin-right:10%;
}


.indexLogo img{
	width:100%;
	height:auto;
}

.indexEnter{
	width:100%;
	text-align: right;
	padding-top:1em;
	padding-bottom:2em;
}


.indexEnterk{
	width:45%;
	text-align: left;
	padding-top:1em;
	padding-bottom:2em;
	float:left;
	padding-left:5%;
}


.indexEnter a{
	margin-right:11em;
}

.indexImage{
	width:100%;
	height:auto;
	margin:auto;
}

.indexImage img{
	width:100%;
	height:auto;
}

.homeLogo{
	width:12em;
	height:auto;
	margin-top:2em;
}

.homeLogo img{
	width:100%;
	height:auto;
}



.compilerHeader:after{
	content: "";
	display: block;
	clear:both;
}


.compilerHeader .homeLogo{
	float:left;
}


.compilerHeader .gerard{
	float:right;
	margin-top: 3.5em;
    margin-right: 2.35em;
    display: none !important;
}



.mainSelection{
margin-top:5em;
margin-bottom:1em;
}

.mainSelection:after{
	content:"";
	display:block;
	clear:both;
}

.mainSelection .orderCode{

	float:left;
	width:55%;
	margin-top:5em;
	font-size:0.9em;
}

.mainSelection .orderCode .red{
	color:red !important;
}



.orderCode .lowerP{
	font-weight:bold;
	font-size:1.3em;
	color:red !important;
	font-weight: bold;

}

.orderCode .shift{
	position: relative;
	right:0.3em;
}

.mainSelection .navigationLinks{
	width:130px;
	margin-top:1px;
	float:right;
	margin-right:-4px;
	position: relative;
	z-index:70;
}

.navigationLinks:after{
	content:"";
	display:block;
	clear:both;
}

.confirmDataSheet{
float: right !important;
height:129px !important;
margin-top: 1px;
margin-right:-4px;
position:relative;
z-index:60;
}

.confirmDataSheet button{
	display:block;
	width:100%;
	height:130px;
	font-size: 1.4em;
	border-radius: 4px;
	background-image:url(/images/compiler/confirm_data_sheet.jpg);
	background-size: 100% 100%;
	background-position: center;
	background-color:transparent;
	outline:none !important;
	border:none !important;
}

.confirmDataSheet button:hover{
	cursor:pointer;
	opacity: 0.85;
}

.navigationLinks .backOne{
	width:100%;
	height:65px;
	float:left;
}

.navigationLinks .backOne img{
	width:100%;
	height:100%;
}

.navigationLinks .backOne img:nth-child(2){
display:none;
}




.navigationLinks .pageOne{
	width:100%;
	height:64px;
	float:left;
}


.navigationLinks .pageOne img{
	width:100%;
	height:100%;
}

.navigationLinks .pageOne img:nth-child(2){
display:none;
}




.secondSelection-technical{
width:650px;
}

.secondSelection2col{
width:295px;
clear:both;
}


.secondSelection{
width:395px;
}

.secondSelection:after, .secondSelection-technical:after, .secondSelection2col:after{
	content:"";
	display:block;
	clear:both;
}


.gerardConfigured{
    display:none;
    position: absolute;
    right: 3em;
    top: 3em;
}



.dataSheetImage.configured img{
width:100%;
height:auto;	
}

.accessoryHolder{
	text-align: center;
	position: absolute;
	width:100%;
	bottom:3.9em;
}


.accessoryHolder.standard9100{
bottom:7.5em;
}

.accessoryHolder.standard9800{
bottom:7.5em;
}


.accessoryHolder.wallwashP{
bottom:7.8em;
}



.accessoryHolder.surface{
	bottom:5.25em;
}

.accessoryHolder.suspended{
	bottom:-0.8em;
}

.accessoryHolder.suspended2{
	bottom:0em;
}


.accessoryHolder.suspendeda50{
	bottom:3em !important;
}





.accessoryHolder.surface9900{
	bottom:4.0em;
}


.accessoryHolder.surface9100{
bottom:3.1em;
}

.accessoryHolder.surface9400{
bottom:4.3em;
}

.accessoryHolder.surface9700{
bottom:4.2em;
}


.accessoryHolder.surface9700xl{
bottom:2.7em;
}


.accessoryHolder.surface9700p{
bottom:2.3em;
}



.accessoryHolder.suspended9700xl2{
bottom:-1em;
}

.accessoryHolder.suspendeda50 img{
	width:22em !important;
}

.accessoryHolder.standard9100 img{
	width:22em !important;
}


.accessoryHolder.suspended9700xl2 img{
width:19.5em !important;
}


.accessoryHolder.wallwashP img{
width:27.5em !important;
}


.accessoryHolder.surface9100 img{
width: 17em !important;
height: 6em;
}

.accessoryHolder.surface9400 img{
width:18.4em !important;
}

.accessoryHolder.surface9700 img{
width:21.7em !important;
}


.accessoryHolder.surface9700xl img{
width:21.7em !important;
}


.accessoryHolder.surface9700p img{
width:21.7em !important;
}




.accessoryHolder.suspended img{
	width:22em !important;
}

.accessoryHolder.suspended2 img{
	width:22em !important;
}



.accessoryHolder.surface9900 img{
	width:22em !important;
}

.accessoryHolder img{
	width:26.5em !important;
	height:auto;
}

.beigeSection{
	background-color:#F7F6F4;
	padding-top:3em;
	padding-bottom:6em;
	text-align: center;
}

.beigeSection img{
	width:36%;
	margin:auto;
	margin-right:2em;
	margin-top:-1em;
}


.projectDetails{


position: absolute;
bottom:0.15em;
left:0.35em;
width:18.5em;


}

.projectDetails p{
	margin-bottom:0em;
	font-size:1.05em;
}

.projectDetails input{
	width:100%;
	margin-top:0.6em;
	height:1.5em;
	border:black solid 1px;
	background-color:white;
	box-shadow: none !important;
	padding-left:0.25em;
	padding-right:0.25em;
}


.belowData{
	margin-top:1em;
}



.belowData:after{
	content:"";
	display:block;
	clear:both;
}


.belowData .orderCode{
	float:left;
}


.belowData .configuredSizes{
	float:right;
	margin-top:-10.5em;
	width:11em;
}

.belowData .configuredSizes .configImage{
text-align: center;
margin-bottom:1em;
}

.belowData .configuredSizes .configImage:after{
	content:"";
	display:block;
	clear:both;
}

.belowData .configuredSizes .configImage img{
width:100%;
}

.belowData .configuredSizes p{
	text-align: center;
}


.configuredSizes p i{
	display:block;
	width:1em;
	height:1em;
	
}


.configuredSizes p i.left{
float:left;
background-image:url(/images/compiler/left.jpg);
background-size:100% 100%;
margin-right:0.2em;
}

.configuredSizes p i.right{
float:right;
background-image:url(/images/compiler/right.jpg);
background-size:100% 100%;
margin-left:0.2em;
}

.modelSpecification{

}

.modelSpecification .block{
	float:left;
	width:10%;
	box-sizing:border-box;
	padding:5px;
}


.modelSpecification .top{
border-top:1px black solid;
border-bottom:1px black solid;
margin-top:0.5em;
}

.modelSpecification .top p{
	font-size: 0.8em;
	margin-bottom:0;
}


.modelSpecification .top:after{
	content:"";
	display: block;
	clear:both;
}


.modelSpecification .bottom{
border-bottom: 1px black solid;
}

.modelSpecification .bottom .block span{
	color:#3AA746;
	margin-top:-0.4em;
	margin-left:0.25em;
	position: absolute;
	font-size: 0.9em;
}


.modelSpecification .bottom .block:nth-child(4){
	display: none;
}


.modelSpecification .bottom:after{
	content:"";
	display:block;
	clear:both;
}

.modelSpecification .bottom p{
	margin-bottom: 0;
}


.configureBottom{
margin-top:2.5em;
}

.configureBottom:after{
	content:"";
	display:block;
	clear:both;
}

.configureBottom .printFinal:hover{
	cursor:pointer;
}


.configureBottom .image{
	float:left;
	width:8em;
	height:8em;
}

.configureBottom .image.photometrics{
	width:25em;
	height:auto;
}

.configureBottom .image img{
	width:100%;
	height:100%;
}



.thirdSelection{
	width:520px;
}

.thirdSelection.larger{
	width:700px;
}

.thirdSelection.larger2{
	width:800px;
}

.thirdSelection .validationP{
	text-align: center;
	color:red;
	font-size:0.7em;
	font-weight: bold;
}

.thirdSelection:after{
	content:"";
	display:block;
	clear:both;
}

.thirdSelection .compilerBlock{
	width:auto;
	margin-top:0.8em;
	float:left;
}

.thirdSelection .compilerBlock.displayNone{
	display:none;
}

.thirdSelection .compilerBlock.addedBorder{
	border:3px #ccc solid;
	border-radius:5px;
	width:182px;
}


.thirdSelection .compilerBlock.addedBorder img{
	width:100%;
	height:auto;
}


.fourthSelection{
width:650px;
}

.fourthSelection:after{
	content:"";
	display:block;
	clear:both;
}

.compilerBlock img:nth-child(2){
	display:none;
}





.typicalComponentryImage{
	width:785px;
	height:auto;
}

.typicalComponentryImage img{
	width:100%;
	height:auto;
}

.typicalComponentryButtons{

}


.typicalComponentryButtons:after{
	content:"";
	display:block;
	clear:both;
}

.typicalComponentryModalSection{
	padding-top:1.5em;
}

.typicalComponentryModalSection h2{
	font-size:1.1em;
	padding-bottom:0.4em;
}


.installationPrint:after{
	content:"";
	display:block;
	clear:both;
}

.installationPrint .image{
	width:775px;
	height:auto;
	float:left;
}

.installationPrint .image img{
	width:100%;
	height:auto;
}

.installationPrint .thumb.print{
	width:130px;
	height:130px;
	float:right;
	margin-right:0;
	padding:0;
}

.generalInformation{
	width:645px;
	padding-top:1em;
}

.generalInformation:after{
	content:"";
	display:block;
	clear:both;
}

.generalInformation h2{
	font-size:1.1em;
	padding-bottom:0.4em;
	color:#333;
}

.generalInformation img{
	width:100%;
	height:auto;
}

.generalInformation .left{
	float:left;
}

.generalInformation .left a{
	text-decoration: none;
	padding-left:0.75em;
	color:#333;
}

.generalInformation .left a:hover{
	color:#333;
}

.generalInformation .right{
	float:left;
	margin-left:3em;
}

.generalInformation .right a{
	text-decoration: none;
	padding-left:0.75em;
	color:#333;
}

.generalInformation .right a:hover{
	color:#333;
}

.generalInformation a{
	
	color:#369;
	line-height: 1.5em;
}

.generalInformation a:hover{
	color:#3399CC;
}

.generalInformation i{
	display: block;
	width:1.5em;
	height:1.5em;
	float:left;
	background-image: url(/images/general/dot_downlight_distributors.gif);
	background-size:100% 100%;
}

.generalInformation a:hover i{
	background-image: url(/images/general/dot_downlight_distributors_m.gif);
}

.fixedOuter{
	position: relative;
}

.fixedOuter:after{
	content:"";
	display:block;
	clear:both;
}

.fixedOuter.fixedTop{
	position: fixed;
	top:0;
	background-color:white !important;
	z-index:1000;
}

.widener{
	height:0px;
}


.widener.largerMargin{
	margin-top: 350px;
}


.theRangeSizes{
	width:725px;

}




.theRangeSizes.accessories{
	width:905px;
	border-bottom:2px black solid;
	padding-bottom:1em;
	margin-bottom: 1em;
}

.theRangeSizes.cfl{
	width:905px;
}


.theRangeSizes:after{
content:"";
display:block;
clear:both;
}

.theRangeSizes.accessories .left{
	float:left;
}

.theRangeSizes.accessories .left:after{
	content:"";
	display: block;
	clear:both;
}

.theRangeSizes.accessories .right{
	float:left;
	width:82.7%;
}


.theRangeSizes.accessories .right .top{
	width:100%;
	margin-bottom:0.6em;
}


.theRangeSizes.accessories .right .top:after{

	content:"";
	display:block;
	clear:both;
}


.theRangeSizes.accessories .right .bottom{
	width:100%;
}




.theRangeSizes .longAndThin:last-child{
	margin-right:0 !important;
}

.dotModelNumber{
	width:725px;
	background-color:#D4D4D5;
	margin-top:1em;
	margin-bottom:1em;
	position:relative;
}

.dotModelNumber.cfl{
	width:905px;
}


.dotModelNumber:after{
	content:"";
	display:block;
	clear:both;
}

.dotModelNumber .pane{
	width:12.35%;
	float:left;
	border-right:1px black solid;
	box-sizing:border-box;
}

.dotModelNumber.cfl .pane{
	width:10%;
}

.dotModelNumber .pane p{
	padding:0.3em;
	position:relative;
	font-weight: bold;
	margin-bottom:0;

}

.dotModelNumber .pane p span{
	color:#40A448;
	font-weight:bold;
	
}

.dotModelNumber h3{
	width:70%;
	float:left;
	text-align: center;
	padding:0;
	margin:0;
	font-size:1.45em;
	margin-top:1.1em;
}

.dotModelNumber.cfl h3{
	width:70%;
}

.theRangeTable{
width:725px;
position:relative;
}



.theRangeTable.accessories{
	width:905px;
}


.theRangeTable.cfl{
	width:905px;
}

.theRangeTable:after{
	content:"";
	display:block;
	clear:both;
}

.theRangeTable h2{
	font-weight:bold;
	font-size:1.3em;
	margin-bottom:0.3em;
}

.theRangeTable .section{
	margin-bottom:1.5em;
}

.theRangeTable .section .row:first-child{
	border-top:2px #C7C7C9 solid;
}


.theRangeTable .row{
	border-bottom:2px #C7C7C9 solid;
}

.theRangeTable .row:after{
	content:"";
	display:block;
	clear:both;
}



.theRangeTable .row .block{
	width:12.5%;
	height:1.4em;
	border-right:2px #C7C7C9 solid;
	box-sizing:border-box;
	float:left;
}


.theRangeTable .row .block.large{
	width:25%;
}


.theRangeTable .overviewNotes:after{
content:"";
display:block;
clear:both;
}

.theRangeTable .overviewNotes span{
	color:#51B052;
	font-weight:bold;
	float:left;
	display:block;
	width:0.5em;
	padding-right:0.5em;
	margin-top:-0.2em;
	font-size:0.8em;
}

.theRangeTable .overviewNotes p{
	float:left;
	width:90%;
	font-size:0.8em;
}

.theRangeTable.accessories .row.borderBottom{
	border-bottom:2px black solid;
}



.theRangeTable.accessories .row .block{
	width:8.52%;
	border-right:1px #C7C7C9 solid;
	height:3em;
}



.theRangeTable.accessories .row .block:first-child{
	width:14%;

}

.theRangeTable.accessories .row .block:first-child p{
	padding-top:0.2em;
}

.theRangeTable.accessories .row .block p{
	padding-top:0.7em;
}





.theRangeTable.accessories .row .block:nth-child(2){
	border-right:2px #C7C7C9 solid;
}



.theRangeTable.accessories .row .block:last-child{
	width:8%;
	
}

.theRangeTable.accessories .row .block:last-child img{
	width:100%;
	height:100%;
}

.theRangeTable.accessories .row .block{
	font-size: 0.7em;
}

.theRangeTable.accessories .row .block a{
	line-height:230%;
	font-size:1.2em;
}





.theRangeTable .row .block.tuneablewhite{

	background-color:#f3f3f3;
}


.theRangeTable .row .block.excel{

	background-color:#F7F6D9;
}


.theRangeTable .row .block.performance{
	background-color:#FFE5C8;
}

.theRangeTable .row .block.colour{
	background-color:#CEE5C8;
}


.theRangeTable.cfl .row .block{
	width:10%;
}

.theRangeTable.cfl .row .block:first-child{
	width:20%;
}

.theRangeTable.cfl .row .block:nth-child(2){
	border-right:2px #C7C7C9 solid;
}

.theRangeTable .row .block:nth-child(2){
	border-right:2px black solid;
}

.theRangeTable .row .block:last-child{
	border-right:none;
}

.theRangeTable .row .block p{
	margin-bottom:0;
	text-align: center;
	margin-top:0.1em;
}

.theRangeTable .row .block p.excelHider{
height: 3px;
    background-color: #F7F6D9;
    position: relative;
    top: -4px;
}


.theRangeTable .row .block p.performaceHider{
height: 3px;
    background-color: #FFE5C8;
    position: relative;
    top: -4px;
}


.theRangeTable .row .block p.coloreHider{
height: 3px;
    background-color: #CEE5C8;
    position: relative;
    top: -4px;
}




.theRangeTable .row .block a{
	display:block;
	text-decoration: none;
	color:black;
	text-align: center;
	background-image:url(/images/link.jpg);
	background-size:100% 100%;
	height:100%;
	padding-top:0.25em;
	box-sizing:border-box;
	font-weight:bold;
	font-family: Helvetica;
}

.theRangeTable .row .block a:hover{
	opacity:0.8;
}

.theRangeTable .row .block a img{
	width:10px;
	height:10px;
	margin-right:5px;
}


.cflKey{
float:right;
position: absolute;
right:10px;
top:18px;

}




.cflKey:after{
	content:"";
	display:block;
	clear:both;
}

.cflKey p{
	margin-bottom:0.5em;
	font-size:0.9em;
	line-height: 1em;
}

.cflKey p:nth-child(1) i{
	background-image:url(/images/black_dot.png);
}

.cflKey p:nth-child(2) i{
	background-image:url(/images/hollow_dot.png);
}


.cflKey i{
	display: block;
	float:left;
	height:1em;
	width:1em;
	margin-right:10px;
	background-size:100% 100%;
}


.dataSheetImage{
	width:901px;
	height:auto;
	margin-top:1em;
	position: relative;

}

.dataSheetImage img{
	width:100%;
	height:auto;
}




.guide{
margin-top:2em;
}


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




form.quickSelect{
	margin-top:7em;
	margin-bottom:1.5em;
}

form.quickSelect:after{
	content:"";
	display:block;
	clear:both;
}

form.quickSelect input[type="submit"]{
	float:left;
	background-color:#A0A0A4 !important;
	color:white;
	border:2px #A0A0A4 solid;
	outline:none;
	font-size:1.1em;
	width:125px;
}

form.quickSelect input[type="text"]{
	float:left;
	font-size:1em;
	margin-left:0.35em;
	padding:0.18em;
	width:246px;
}

p.searchResult a{
	color:red !important;
}

p.searchResult a:hover{
	color:black !important;
	opacity:0.7;
}



p.errorMessage{

	color:red !important;

}

p.footerText{
	margin-top:10.5em !important;
	padding-bottom:1em;
	margin-bottom:0;
	color:#a5a5a9 !important;
	font-size:0.65em;
	  display:block;
	  clear:both;
}

p.footerText.data{
margin-top:2em;
}