@charset "utf-8";
/* CSS Document */

/**************************************************/
/*CSS for tab set on catalog.asp/newproducts.asp  */
/**************************************************/
div#catTable h2 { text-transform:capitalize; font-size:medium; margin-left:1em; }
#productTabs {
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.1;
	position:relative;
	background:url("/images/web/4Tab.gif") bottom left no-repeat;
	margin-left:-2px;
	height:82px;
	width:550px;
}
#productTabs a {
	position:relative;
	background:url("/images/web/catTab.gif") top center no-repeat;
	float:left;
	width:125px;
	padding:16px 4px 20px 4px;
	margin:20px 0 0 0;
	text-decoration:none;
	text-align:center;
	color:#FFFFFF;
}
#productTabs a strong { text-transform:capitalize; }

#productTabs a:hover, #productTabs a:active { color:#FFFFFF; margin:14px 0 0 0; outline:none; }

#productTabs a.Sel {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	padding-bottom:29px;
	text-align:center;
	margin:12px 0 0 0;
	color:#FFFFFF;
	text-decoration:none;
 }
.highlight { background-color:#DDDDDD; }

/***********************************************/
/*CSS for catalog.asp/newproducts.asp          */
/***********************************************/

#catTable {
	font-size: small;
	border:1px solid #CCCCCC;
}
div#catTable { border:2px solid #FDB813; border-width:2px 0 0 2px; margin:auto auto auto -6px; }

#catTable td {
	border:1px solid #CCCCCC;
}
#catTable tr:hover, catTable tr:active { background:#F5F5F5; }
#catTable tr.highlight:hover, catTable tr.highlight:active { background:#D5D5D5; }
#catTable td.prodPhoto { background:url("/images/web/shadow-100-83.png") 1px 2px no-repeat; vertical-align:top; }
#catTable a.options {
	text-decoration: none;
	padding: 1px;
	color: #006699;
	white-space:nowrap;
}
#catTable td.prodPhoto a { text-decoration:none; margin:0; padding:0; position:relative; text-align:center; width:100%; }
#catTable td.prodPhoto a img {
	margin:3px;
	width:100px;
	height:83px;
	border:none;
}
#catTable td.prodPhoto a:hover, #catTable td.prodPhoto a:active {
	outline:none;
}
#catTable td.prodPhoto a:hover img {
	margin:1px 5px 5px 1px;
}
#catTable td.prodPhoto a:active img {
	margin:3px;
}

#catTable td.seriesDesc strong.new {
	color:#FFFFFF;
	background-color:#FF0000;
	font-weight:bold;
	padding:0px 10px;
}

#catTable td.seriesDesc { padding:0px 8px; }
#catTable tbody h2 { font-size:medium; padding:0px; margin:0px; font-weight:normal; }
#catTable td.seriesDesc h3 { margin:0px; text-transform:capitalize; font-size:medium; font-weight:bold; margin:0px; padding:0px; }
sup { margin:.25em; font-size:small;}
#catTable td.seriesDesc h4 { text-transform:capitalize; font-size:medium; padding:0px; margin:0px; font-weight:normal; }
#catTable td a { color:#069; padding:2px; }
#catTable table tr td.specLink {width:140px; text-align:center; vertical-align:middle; position:relative; }
#catTable table tr td.specLink a {
	text-decoration: none;
	display: block;
	width: 100%;
	padding: 1px;
}
#catTable table tr td.specLink a:hover {
	text-decoration: none;
	display: block;
	width: 100%;
	padding: 1px;
	color: #FFFFFF;
	background-color: #006699;
}
#catTable table tr td.detail { padding:0 8px; }
.prodPhoto { width:100px; height:83px; }

#catTable a.options:hover {
	font-weight:normal;
	text-decoration:underline;
	white-space:nowrap;
	display:inline;
	padding: 1px;
	color:#006699;
	background-color:#FFFFFF;
}

thead tr { color:#FFF; }
/*
dk-blue:#03539C
dk-blue:#0067C6
ml-blue:#0092DD
lt-blue:#62B4E8
dk-green:#78A22F
lt-green:#6FB43F
dk-yellow:#F8971D
lt-yellow:#FDB913
dk-red:#A71228
lt-red:#E31837
dk-bronze:#776441
lt-bronze:#B9AB97
*/

div#catalogSections {
	position:relative;
	margin:0;
	margin-top:3px;
	/*width:100%;*/
	border:1px hidden black;
	min-width:550px;
	background:#FFFFFF;
}
div#catalogSections { border-left:2px solid #FDB813; border-top:2px solid #776441; margin:auto 0 auto -6px; }
div#catalogSections.fluorescent { border-top:2px solid #0079C1; }
div#catalogSections.downlighting { border-top:2px solid #6FB43F; }
div#catalogSections.outdoor { border-top:2px solid #FDB813; }
#catalogSections div {
	float:left;
	text-align:center;
	border:2px solid #FFF;
	width:131px;
	height:171px;
	background:url("/images/web/catshadow.png") top left no-repeat;
}
#catalogSections div a { text-decoration:none; color:#000000; background-color:#E0E0E0; }
#catalogSections div a:hover { text-decoration:underline; color:#000000; }
#catalogSections div a h4 {
	font-size:13px;
	border:1px solid #000;
	height:38px;
	border:0px solid #000;
	margin:0;
	padding:0;
	width:131px;
	background-color:#FFF;
}
#catalogSections div a img {
	position:relative;
	display:block;
	width:125px;
	height:125px;
	margin:3px;
	padding:0;
	border:none; 
}
#catalogSections div a:hover h4 { background-color:#FFF; }
#catalogSections div a:hover img {
	margin:0 6px 6px 0;
}
#catalogSections div a:active img {
	margin:3px;
}

/*------------------------------------------------------------------------*/
td.head- { background:#776441; }
td.prodPhoto img {
	background: #FDB913;
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B9AB97, endColorstr=#776441);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B9AB97, endColorstr=#776441);
	background: -moz-linear-gradient(100% 100% 90deg, #776441, #B9AB97 );
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B9AB97), to(#776441));
}
td.head-outdoor { background:#FDB913; }
div.outdoor a img, table.outdoor td.prodPhoto img, td.prodPhoto img.outdoor, tr.outdoor .prodPhoto a img {
	background: #FDB913;
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FDB913, endColorstr=#F8971D);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FDB913, endColorstr=#F8971D);
	background: -moz-linear-gradient(100% 100% 90deg, #F8971D, #FDB913 );
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FDB913), to(#F8971D));
}
td.head-downlighting {	background:#6FB43F; }
table.infinity td.prodPhoto img, table.downlighting td.prodPhoto img, div.infinity a img, div.downlighting img, td.prodPhoto img.infinity, tr.infinity .prodPhoto a img {
	background: #78A22F;
	    filter: progid:DXImageTransform.Microsoft.gradient(endColorstr=#78A22F, startColorstr=#6FB43F);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(endColorstr=#78A22F, startColorstr=#6FB43F);
	background: -moz-linear-gradient(100% 100% 90deg, #78A22F, #6FB43F );
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, to(#78A22F), from(#6FB43F));
}
td.head-fluorescent, #productTabs a.fluorescent {	background:#0079C1; }
table.williams td.prodPhoto img, table.fluorescent td.prodPhoto img, div.williams a img, div.fluorescent a img, td.prodPhoto img.williams, tr.williams .prodPhoto a img  {
	background: #0079C1;
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0079C1, endColorstr=#03539C);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0079C1, endColorstr=#03539C);
	background: -moz-linear-gradient(100% 100% 90deg, #03539C, #0079C1 );
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, to(#03539C), from(#0079C1));
}
td.exit_signs_and_emergency_lighting { background:#C61530; }
div.exit_signs_and_emergency_lighting a img, table.exit_signs_and_emergency_lighting td.prodPhoto img, td.prodPhoto img.exit_signs_and_emergency_lighting, tr.exit_signs_and_emergency_lighting .prodPhoto a img  {
	background: #E31837;
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E31837, endColorstr=#A71228);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E31837, endColorstr=#A71228);
	background: -moz-linear-gradient(100% 100% 90deg, #A71228, #E31837 );
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E31837), to(#A71228));
}
/*------------------------------------------------------------------------*/
td.detail strong { font-size:medium; }
td.detail .new { color:#FFFFFF; background-color:#C00; padding:0px 10px; }
div#catTable table td.detail p { margin:0; padding:0; }
#catTools {	font-size:small; width:200px; border:2px #069 solid; border-width:2px 0px 2px 2px; background-color:#FFF; float:right; z-index:30; display:none; }
#catTools h3 { background:#069 right url("/images/web/menuBG.jpg"); color:#FFFFFF; margin:0px; padding:12px; padding-top:13px; }
#catTools dl { padding:12px; }
#catTools dt { font-weight:bold; }
#catTools dd { margin-left:1em; }
#catTools a { color:#006699; }

