/* @override http://www.luciferlighting.com/style.css */

/* @override http://www.luciferlighting.com/style.css */

body
{
	font-family: Arial;
	font-size: x-small;
	margin: 0;
	color: #FFF;
}

#print
{
	font-family: Arial;
	font-size: small;
	margin: 5px;
	color: #000;
}

#print a, #print .boldblack, #print .smallTitle
{
	color: #039;
}

#print b, #print strong
{
	font-weight: 700;
	color: #000;
}

#print #printButton
{
	display: none;
}

#print h1
{
	font-size: x-large;
	margin-left: 10px;
}

#printNow
{
	top: 5px;
	right: 5px;
	position: absolute;
	font-size: xx-small;
}

h2
{
	font-size: medium;
}

#container
{
	height: auto;
	width: 100%;
	background-image: url(/images/backnewb2.jpg);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0 auto;
}

#containerGallery, #containerCompany, #containerProducts
{
	height: 100%;
	width: 100%;
	background-color: #f6f6f7;
	background-image: url(/images/backnewb2.jpg);
	background-repeat: repeat-y;
	background-position: top;
	margin: 0 auto;
}

#containerGallery #inner, #containerCompany #inner, #containerProducts #inner
{
	height: 100%;
	width: 855px;
	margin: 0 auto;
	background-color: #f6f6f7;
	background-image: url(/images/backnewb2.jpg);
	background-repeat: repeat-y;
	background-position: top;
	margin: 0 auto;
}

#inner
{
	height: auto;
	width: 855px;
	margin: 0 auto;
}

#containerHome #inner
{
	height: auto;
	height: 540px;
	width: 855px;
	margin: 0 auto;
	background-color: #fff;
	background-image: url(/images/backNew.jpg);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0 auto;
}


#containerHome
{
	height: 540px;
	width: 100%;
	background-color: #fff;
	background-image: url(/images/backNew.jpg);
	background-repeat: repeat-y;
	background-position: center;
	margin: 0 auto;
}

#top
{
	height: 98px;
	width: 855px;
	margin: 0 auto;
}

#topRight
{
	clear: right;
	float: right;
	height: 30px;
	width: 350px;
	margin-top: 8px;
	vertical-align: top;
	text-align: right;
}

#topRight a
{
	color: #333;
	vertical-align: top;
}

#middle
{
	height: auto;
	width: 800px;
	margin: 0 auto;
}

#middleLeft
{
	clear: left;
	float: left;
	height: auto;
	width: 400px;
}

#middleRight
{
	clear: right;
	float: right;
	height: auto;
	width: 400px;
}

#footer
{
	width: 800px;
	clear: both;
	height: 0;
}

.row img
{
	margin-right: 10px;
}

.guide, .rep, .graph
{
	float: left;
	height: auto;
	width: 180px;
	margin-right: 10px;
}

html > body #logo
{
	clear: left;
	float: left;
	width: 150px;
	margin-top: 44px;
	margin-left: 114px;
}

#content
{
	clear: right;
	float: right;
	height: auto;
	width: 474px;
}

#content p
{
	font-size: 110%;
}

#nav
{
	clear: left;
	float: left;
	height: auto;
	width: 380px;
}

#content h1
{
	margin-left: 15px;
	margin-top: 8px; /*color: #FFF350;*/
	color: #87cae9;
	font: 400 x-large Verdana, Arial, Helvetica, sans-serif;
}

.smallTitle
{
	/*color: #87cae9;*/
	color: #FFF350;
	font: 400 large Verdana, Arial, Helvetica, sans-serif;
}

input.zoom_searchbox
{
	width: 90px;
	height: 19px;
	border: 1pt solid #C9CDD0;
	vertical-align: top;
}

#topRight form.zoom_searchform a img
{
	border: none;
	vertical-align: top;
}

#lefthalf
{
	clear: left;
	float: left;
	width: 50%;
	height: auto;
}

#righthalf
{
	clear: right;
	float: right;
	width: 50%;
}

#leftcontent
{
	height: auto;
	width: 400px;
	float: right;
}

#leftBottom
{
	background-color: #ECEC5D;
	height: 131px;
	width: 100%;
	clear: both;
	float: none;
}

#rightcontent
{
	float: left;
	height: auto;
	width: 400px;
	margin: 5px 10px 10px;
}

#rightTop
{
	min-height: 160px;
	vertical-align: bottom;
	width: 390px;
	padding: 40px 5px 5px;
}

#rightBottom
{
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	background-image: url(squares.jpg);
	min-height: 200px;
	background-position: left top;
	border-top: 2px solid #FFF;
}

#rightBottomText
{
	height: auto;
	width: 390px;
	padding: 0 5px;
}

a
{
	color: #87cae9;
}

.galleryPic a, .productArea span a
{
	width: 75px;
	float: left;
	text-decoration: none;
	font-size: 90%;
	height: 185px;
	min-height: 185px;
	background-image: url(Images/gallery.gif);
	background-repeat: no-repeat;
	background-position: center top;
	color: #87cae9;
	padding: 0 3px 5px;
	margin: 5px 3px 5px 4px;
}

.galleryPic a:hover, .productArea span a:hover
{
	width: 75px;
	float: left;
	text-decoration: none;
	font-size: 90%;
	min-height: 185px;
	background-image: url(Images/galleryOver.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 185px;
	color: #000;
	padding: 0 3px 5px;
	margin: 5px 3px 5px 4px;
}

.galleryPic img
{
	margin-bottom: 10px;
	border: 1px solid #999;
}

.imageSpace
{
	margin-left: 5px;
}

#homeText
{
	clear: left;
	float: left;
	height: 125px;
	width: 400px;
	background-color: #ECEC5D;
	border-top: 2px solid #FFF;
}

#yellowText
{
	margin-top: 10px;
	margin-left: 10px;
}

#yellowImpact
{
	clear: left;
	float: left;
	height: auto;
	width: 120px;
	margin-top: 40px;
}

#yellow
{
	height: 131px;
	width: 400px;
	clear: right;
	float: right;
}

#yellowHomeGraphic
{
	clear: right;
	float: right;
	height: 131px;
	width: 225px;
}

#footerLinks
{
	width: 835px;
	font-size: 10px;
	padding-left: 100px;
	color: #666;
	margin: 50px auto 0;
	text-align: center;
}


#footerLinks a
{
	color: #666;
}

#thecompany
{
	width: 400px;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}

.section, .sectionAlt
{
	height: auto;
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCC;
}

.section img
{
	float: left;
	margin-right: 15px;
}

.sectionAlt img
{
	float: right;
	margin-left: 15px;
	clear: right;
}

.row
{
	clear: both;
	float: left;
	height: auto;
	margin-bottom: 15px;
	width: 400px;
}

.guide, .rep, .graph
{
	float: left;
	height: auto;
	width: 196px;
	margin-right: 5px;
}

.guideRight, .repRight, .graphRight
{
	float: right;
	height: auto;
	width: 196px;
	clear: right;
}

.graph img, .graphRight img
{
	border: 1px solid #333;
}

.guide p
{
	font-size: 90%;
	margin-top: 15px;
}

#productImages
{
	clear: both;
	float: left;
	margin-bottom: 5px;
	margin-top: -8px;
	vertical-align: top;
	background-color: #595959;
	padding: 5px 10px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	width: 463px;
}

#productLeft
{
	clear: left;
	float: left;
	height: auto;
	width: 250px;
	margin-right: 10px;
	margin-left: 15px;
}

#print #productLeft
{
	clear: left;
	float: left;
	height: auto;
	width: 350px;
	margin-right: 10px;
	margin-left: 15px;
}

#productRight
{
	clear: right;
	float: right;
	height: auto;
	width: 180px;
	margin-top: 5px;
}

.galleryArea2
{
	margin: 10px 15px 15px;
}

.resourcesText, .resourcesText2, .resourcesText3, .galleryArea, .productArea, .companyText2, .companyTextNews, .companyText
{
	margin: 15px;
}

.resourcesText
{
	font-size: 110%;
}

.salesLeft
{
	clear: left;
	float: left;
	height: auto;
	width: 175px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}

.salesRight
{
	clear: right;
	float: right;
	height: auto;
	width: 250px;
}

.signUpLeft
{
	clear: left;
	float: left;
	height: auto;
	width: 220px;
}

.signUpRight
{
	clear: right;
	float: right;
	height: auto;
	width: 220px;
}

.signUpClose
{
	clear: both;
}

strong, a:hover
{
	color: #fff350;
}

table
{
	color: #FFF;
}

.noFlashText
{
	float: right;
	height: 350px;
	width: 215px;
}

#sitemap a
{
	text-decoration: none;
}

#sitemap a:hover
{
	text-decoration: underline;
	color: #fff350;
}

.context, #DirectoryListing
{
	font-size: 120%;
}

.result_title a
{
	font-size: 120%;
	font-weight: 700;
	color: #fff350;
}

.summary, .infoline
{
	margin-bottom: 15px;
}

#lnkSpecs, #lnkPhotometrics, #housings_div, #email, #lnkInstallationPDF, #lightsources_div, #accessories_div, #transformers_div, #lamps_div, #matrixLink
{
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
	padding-bottom: 10px;
}

#finishes_div
{
	margin-top: 5px;
	margin-bottom: 10px;
	display: block;
	padding-bottom: 0;
}

.resourcesText ul, .resourcesText2 li
{
	margin-top: -15px;
	margin-bottom: 20px;
}

html > body .resourcesText ul, html > body .resourcesText2 li
{
	margin-top: -8px;
	margin-bottom: 15px;
}

.resourcesText3 a
{
	margin-left: 10px;
}

.prevNext
{
	text-align: right;
	height: 20px;
	width: 100%;
	clear: both;
	float: none;
}

.gotoTop
{
	font-size: 80%;
	margin-left: 0;
}

.Top2 a
{
	margin-left: 0;
}

.prodGroup
{
	line-height: 15px;
	/*margin-bottom: 20px;*/

	clear:both;
}

.boldblack, .newproduct
{
	font-weight: 700;
	color: #fff350;
}

.boldblackSpace
{
	font-weight: 700;
	color: #fff350;
	margin-bottom: 2px;
}

.context .highlight
{
	background-color: #fff350;
	font-weight: 700;
	color: #000;
}

.spacing
{
	margin-right: 15px;
	margin-left: 15px;
}

.pageimage
{
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #FFF;
	
}
.pageimage2
{
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #FFF;
}
.galleryLinkInside
{
	margin-right: 3px;
	margin-left: 5px;
	margin-top: 2px;
}

.product
{
	clear: left;
	float: left;
	height: auto;
}

.diagram
{
	clear: right;
	float: right;
	height: auto;
	min-width: 180px;
	text-align: left;
}

#productContent
{
	clear: both;
	float: left;
	margin-bottom: 15px;
}

.matrixLinks
{
	font-size: small;
	font-weight: 700;
}

.matrixLinks a
{
	text-decoration: none;
	font-size: small;
}

.housingSpacing
{
	padding: 25px 0 10px;
	border-bottom: 1px dotted #666;
}

table#rdoTransformer, #rdoAirtightRated, #rdoICRated, #rdoAccessibleCeiling, #rdoNewConstruction, #rdoIsMetalHalide, #rdoSightline, #rdoChicagoPlenum
{
	margin: -4px;
	padding: 0;
}

table#rdoTransformer input, table#rdoAirtightRated input, table#rdoICRated input, table#rdoAccessibleCeiling input, table#rdoNewConstruction input, table#rdoIsMetalHalide input, table#rdoSightline input, table#rdoChicagoPlenum input
{
	margin: 0 3px -3px 0;
	padding: 0;
}

select#ddlPhotometry, select#ddlCompatibleHousing
{
	font-size: xx-small;
	width: 155px;
}

#dlstSpecSheets tbody td, #dlstHousings tbody td, #dlstLightStrips tbody td, #dlstTrackAndSpots tbody, #dlstLEDs tbody td, #dlstFiberOptics tbody td
{
	height: 10px;
	vertical-align: top;
}



/* gensler */
.login-button
{
	background-image: url(/images/gensler-login-button.gif);
	width: 40px;
	height: 17px;
	margin-left: 20px;
}
.login-button-hover
{
	background-image: url(/images/gensler-login-button-hover.gif);
	width: 40px;
	height: 17px;
	margin-left: 20px;	
}
.find-button
{
	background-image: url(/images/gensler-find-button.gif);
	width: 33px;
	height: 17px;
}
.find-button-hover
{
	background-image: url(/images/gensler-find-button-hover.gif);
	width: 33px;
	height: 17px;
}

.zoom_searchbox
{
	color: #aaa;
}


@media screen and (-webkit-min-device-pixel-ratio:0){

	#content {
		clear: right;
		float: right;
		height: auto;
		width: 475px
	}

	.pageimage
	{
		border-bottom: 1px solid #FFF;
		border-top: 1px solid #FFF;
		width: 100%;
	}
}

/*sytles for new order forms*/
form{margin:0;padding:0;}
fieldset{margin:1em 0;border:none;border-top:0px solid #ccc;border-bottom:0px solid #ccc;}
legend{margin:1em 0;padding:0 .5em;color:#036;background:transparent;font-size:1.3em;font-weight:bold;}
label{float:left;width:130px;padding:0 0em;text-align:left;}
.radiobtn label{float:none;}
.radiobtn input[type="radio"] {width:auto;}
.chkbox label{float:none;}
.chkbox input[type="checkbox"] {width:auto;}
fieldset div{margin-bottom:.5em;padding:0;display:block;}
fieldset div input,fieldset div textarea, fieldset div select{width:290px;border-top:0px solid #555;border-left:0px solid #555;border-bottom:0px solid #ccc;border-right:0px solid #ccc;padding:1px;color:#333;}
fieldset div select{padding:1px;}
div.fm-multi div{margin:5px 0;}
div.fm-multi input{width:1em;}
div.fm-multi label{display:block;width:200px;padding-left:5em;text-align:left;}
#fm-submit{clear:both;padding-top:1em;text-align:center;}
#fm-submit input{border:1px solid #333;padding:2px 1em;background:#555;color:#fff;font-size:100%;}
input:focus,textarea:focus{background:#efefef;color:#000;}
fieldset div.fm-req{font-weight:bold;}
fieldset div.fm-req label:before{content:"* ";}

#next_gen_animated_link
{
    position:absolute;
    top:497px;
    left: 50px;
}

.ContactFormValidator
{
    padding-left: 130px;
    display: block;
}