/* @group News Ticker */

#tickertape{
position:relative;
layer-background-color:black;
	background-color: orange;
	color: #fff;
	float: left;
	border-bottom-style: none;
	border-left-style: none;
	top: 7px;
}
#subtickertape{
background-color: black;
position:absolute;
	text-align: left;
	color: #fff;
	border-color: black;
	border-width: 1px;
	font-family: Verdana;
	width: 412px;
	padding-top: 3px;
}
.subtickertapefont{
font: 12px Verdana;
text-decoration:none;
color: #fff;
	text-align: left;
	padding-left: 8px;
}
.subtickertapefont a{
color: #fff;
text-decoration:none;
	padding-left: 8px;
	font: small-caps 12px verdana;
}
#scrollbox {
	background-color: #c8c8c8;
	width: 300px;
	font-size: 12px;
	text-align: left;
	padding-left: 5px;
	height: 20px;
	line-height: 20px;
	margin-top: 2px;
	float: right;
}

#newsButton {
	float: left;
	padding-top: 9px;
	padding-right: 10px;
}

.newsTitle {
	color: gray;
	font-weight: bold;
	float: none;
}



/* @end */

/* @group Product Homepage */

#productHomeBanner {
	width: 920px;
	height: 160px;
	float: left;
}

#productHomeCol1 {
	color: #fff;
	width: 184px;
	float: left;
}
#productHomeCol2 {
	float: left;
	width: 184px;
}
#productHomeCol3 {
	float: left;
	width: 184px;
}
#productHomeCol4 {
	float: left;
	width: 184px;
}
#productHomeCol5 {
	float: left;
	width: 183px;
}

.productHomeText { color: gray; font-size: 10pt; font-family: sans-serif; text-align: left;
	padding-top: 5px;
	border-right-style: none;
	border-right-width: 1px;
	margin-right: 0;
	padding-left: 5px;
	padding-right: 10px;
}
.bodyText { color: gray; font-size: 10pt; font-family: sans-serif; text-align: left; margin-right: 0; padding-top: 5px; padding-right: 10px; padding-left: 5px; border-right-style: none; border-right-width: 1px; }
.productTitleSmall { color: black;
	font: bold 10pt sans-serif;
}
.fluorescentTitle { color: red; font: bold 10pt sans-serif; padding-left: 0;
}
.exitEmergencyTitle { color: orange; font: bold 10pt sans-serif; padding-left: 5px; }
.hidTitle { color: purple; font: bold 10pt sans-serif; padding-left: 5px; }
.energyTitle { color: green; font: bold 10pt sans-serif;
	padding-left: 0;
}
.darkSkyTitle { color: navy; font: bold 10pt sans-serif; padding-left: 5px; }
/* @end */

#announcement {
	width: 920px;
	background-color: tan;
	
}

.intro { color: gray; font-size: 10pt; font-family: sans-serif; text-align: left; }
.introItalic { color: gray; font-size: 10pt; font-family: sans-serif; font-style: italic; text-align: left; }
.introItalicBold { color: gray; font-size: 10pt; font-family: sans-serif; font-weight: bold; font-style: italic; text-align: left; }
.bodyTextBullets { color: gray; font-size: 10pt; font-family: sans-serif; text-align: left;
	list-style-type: disc;
	list-style-position: outside;
}

.menuLinks { color: black; font-size: 10pt; font-family: sans-serif; text-align: left; word-spacing: 12pt; }

.menuLinksMain { color: black; font-size: 10pt; font-family: sans-serif; text-align: left; }

.subTitle { color: black; font-size: 12pt; font-family: sans-serif; text-align: left; margin-right: 12pt; margin-left: 0; padding-right: s; }

.bullet_caption { font-size: 9pt; font-style: italic; text-align: left; margin-right: 12pt; margin-left: 12pt; list-style-type: disc; list-style-position: outside; }

.welcomeText { color: black; margin-bottom: 12pt; }

.productDescriptions { font-size: 10pt; font-family: sans-serif; text-align: left; margin-right: 12pt; margin-left: 12pt; }

.productTitle { color: black;
	font: bold 18px sans-serif;
}

.caption { color: black; font-size: 9pt; font-style: italic; text-align: left;
	margin-top: 5px;
}

.cssbutton{ color: #a6a6a6; font: 12pt sans-serif; text-decoration: none; padding-right: 12px; padding-left: 12px; }

.cssbutton:hover{ color: white; background-color: silver; text-decoration: none; padding-right: 12px; /*shift text 1px to the right and down*/
}

.smalladdress { color: gray; font-size: 7pt; font-family: sans-serif; text-align: center; padding-top: 12px; }

.leftColumnText {
	color: gray;
	font: italic 9pt sans-serif;
	margin-right: 10px;
}
a:link { color: gray; }

a:visited { color: gray; }

.more {
	color: green;
	font-style: italic;
	font-size: 9px;
}

* { padding: 0; margin: 0; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 13px;
	background: url(images/bg_blend.jpg) repeat-y center;
}
#wrapper { 
 margin: 0 auto;
 width: 920px;
}

#header { color: #333; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 900px; float: left; height: 60px; margin-top: 30px; border-color: #ccc;
	padding-bottom: 0;
	margin-bottom: 10px;
}

#navigation { color: #333; border-color: #ccc; border-width: 1px; float: left; padding-top: 0; width: 500px; height: 7px;
	padding-bottom: 10px;
	margin-right: 15px;
}

#searchLeft {
	float: left;
}

#search {
	float: right;
}

#divider {
	float: left;
	margin-top: 5px;
	height: 5px;
	margin-bottom: 15px;
}

#categoryBox {
	width: 920px;
	height: 20px;
	margin-bottom: 5px;
	clear: both;
}

#leftcolumn { 
 color: #333;
 width: 400px;
	position: relative;
	float: left;
	border: 1px none #ccc;
}

#centercolumn { width: 250px;
	background-color: #fff;
	height: 250px;
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
	float: left;
}

#rightcolumn {
 color: #333;
 border: 1px none #ccc;
 display: inline;
	width: 420px;
	height: 250px;
	padding-bottom: 10px;
	float: right;
}

#hompagePhotoCaption {
	float: right;
	width: auto;
}

.photoCaptionText {
	color: silver;
	font-style: italic;
	float: right;
	clear: both;
}

/* @group category pages */

#categoryTopBlock {
	background-color: gray;
	margin-bottom: 20px;
}

#categoryLeftColumn { clear: both; float: left; width: 300px;
	background-color: #fff;
}

#categoryMidColumn {
	float: left;
	width: 300px;
	padding-left: 20px;
}

#categoryRightColumn {
	float: right;
	width: 300px;
	background-color: #fff;
}

/* @group states */

#stateContainer {
	width: 400px;
	margin-left: 20px;
	clear: both;
}

.stateName {
	color: black;
	font-size: 14pt;
	margin-top: 15px;
}

.stateAddress {
	color: maroon;
	padding-bottom: 10px;
}

.stateTerritory {
	font-weight: bold;
	color: gray;
}



/* @end */



/* @end */

.downloadLinks {
	float: right;
}

.downloadLinkText {
	color: gray;
	font: 8pt sans-serif;
}

/* @group literature links */

#litDivider {
	clear: both;
	margin-bottom: 0;
	padding-top: 3px;
	padding-bottom: 3px;
}

.liticon {
	
}

#launch_calculator_button {
	padding-top: 12px;
}

.launch_calculator_button {
	padding-top: 12px;
}



/* @end */

#mosaic {
	float: right;
	width: 420px;
	height: 200px;
	background-color: silver;
}
#subsection { height: 200px; border-color: aqua; border-width: 12pt;
	background-color: #fff;
	position: static;
	clear: both;
	float: left;
	width: 460px;
}
#footer { 
 width: 900px;
 color: #333;
 margin: 0px 0px 10px 0px;
 padding: 15px 0 0;
	border-color: #696969;
	border-width: 3px;
	clear: both;
}
.logo { position: relative; top: 15px; left: 12px; float: left; }
.homepageText {
	color: #7f7f7f;
	font-size: 11px;
	padding-right: 10px;
	padding-left: 10px;
}
.homepageHeading {
	color: #3f3f3f;
	font-size: 12pt;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 40px;
}
.welcomeHeader { color: #7f7f7f; font-size: 12pt; font-family: sans-serif; font-weight: normal; font-style: italic; }
.qis { color: gray; font-size: 8pt; font-style: italic; }
.address {
	color: gray;
	font-size: 9px;
	clear: left;
	padding-top: 10px;
}
#productLeftColumn { clear: both; float: left; width: 200px;
}
#productMidColumn {
	float: left;
	width: 370px;
}

#productMidColumnWide {
	float: left;
	width: 370px;
}

#productRightColumn {
	float: right;
	width: 250px;
}

#brochureImage {
	
}
.catalogImage {
	float: right;


p {
padding: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
}

hr {
	border: 0;
	height:1px;
	background-color: #888;
	margin-top: 3px;
	margin-bottom: 3px;
}

#companyLinks {
	margin-top: 30px;
	height: 60px;
	clear: both;
}

#sos {
	height: auto;
	margin-right: 20px;
	margin-bottom: 10px;
}

#elgLogo {
	margin-top: 10px;
	margin-bottom: 10px;
}

#kalcoLogo {
	margin-right: 20px;
}

#whatsNewContent {
	clear: both;
	float: left;
	padding-bottom: 20px;
	border-bottom-style: solid;
	margin-top: 20px;
}

#whatsNewColumnLeft {
	width: 100px;
	float: left;
}

#whatsNewColumnMid {
	float: left;
	width: 700px;
}

#whatsNewBlockLeft {
	width: 370px;
	float: left;
}

#whatsNewBlockRight {
	float: left;
	width: 300px;
}
.helpBody { color: black; font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 12px;
}
.helpHeader { color: black; font-size: 14pt; font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 24px;
}
.helpTabName { color: black; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
	margin-top: 12px;
}