body { 
font-family: Arial, sans-serif;
border:0;
margin:0;
padding:0;
}
img {
border:0;
color:#fff;  /* when images disabled, alt text is white against our black background */
}

div#wrapper { /* from top to bottom */
padding:20px 2px 20px 2px;
background-color:#000;
}

p.beginspec {  /* instructions at top of the pages - colored menu bar example */
font-size:14px;
letter-spacing:1px;
margin:15px 15px 15px 20px;
text-align:left;
}
div#example {  /* colored menu bar example */
font-size:14px;
letter-spacing:1px;
margin:-10px 15px -10px 20px;
text-align:left;
}
div#key div#example a#int {  /* interior yellow menu bar example */
font-family: Arial, sans-serif;
font-weight:bold;
padding:2px 2px 1px 2px;
color:#000;
background-color:#ddf9a5;
text-decoration:none;
border:1px solid #2d819d;
}
div#key div#example a#int:hover {  /* interior yellow menu bar example */
font-weight:bold;
color:#ddf9a5;
background-color:#2d819d;
text-decoration:none;
}
div#key div#example a#ext {  /* exterior color menu bar example */
font-family: Arial, sans-serif;
font-weight:bold;
padding:2px 2px 1px 2px;
color:#000;
background-color:#93d1dc;
text-decoration:none;
border:1px solid #0b70b7;
}
div#key div#example a#ext:hover {  /* exterior color menu bar example */
font-weight:bold;
color:#93d1dc;
background-color:#0b70b7;
text-decoration:none;
}
p.begin {  /* instructions at top of the pages - link examples */
font-size:14px;
letter-spacing:1px;
margin:15px 15px 15px 20px;
text-align:left;
}

h2 {
font:bold 1.75em Arial, sans-serif;
text-align:center;
margin:0 0 15px 0;
}

a {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a.mfr, 
a.mfr:visited, 
a.mfr:active {
color:#309;
}
a.mfrselect, 
a.mfrselect:visited, 
a.mfrselect:active {
color:#36f;
}
a.pdf, 
a.pdf:visited, 
a.pdf:active {
color:#f00;
}

div#jumpnav {  /* the quick-link menu and instructions container */
font-size:14px;
font-weight:bold;
padding-left:1em;
}
				
#menu li#toc {	/* the quick-link menu TOC */
text-align:center;
font-weight:bold;
padding: 4px 6px 4px 0;
font-size:14px;
border-top:1px solid #2d819d;
border-right:1px solid #2d819d;
border-left:1px solid #2d819d;
}
#menu, #menu ul { /* all lists */
padding:0;
margin:0;
list-style:none;
float:left;
width:180px;
}
#menu li { /* all list items */
position:relative;
float:left;
width:180px;
}
#menu li ul { /* second-level lists */
position:absolute;
left:-999em;
margin-left:188px;
margin-top:-23px;
}
#menu li ul ul { /* third-and-above-level lists */
left:-999em;
}
#menu li a {
width:180px;
display:block;
color:#000;
font-weight:bold;
text-decoration:none;
background-color:#ddf9a5;
border-top:1px solid #2d819d;
border-right:1px solid #2d819d;
border-left:1px solid #2d819d;
padding:3px 0 3px 6px; 
}
#menu li.bottom a { /* the last links in the nav menu */
border-bottom:1px solid #2d819d;
}
#menu li a:visited {
color:#000;
text-decoration:none;
}
#menu li a:hover {
background-color:#2d819d;
color:#ddf9a5;
}
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.wwlhover ul ul, #menu li.wwlhover ul ul ul {
left: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.wwlhover ul, #menu li li.wwlhover ul, #menu li li li.wwlhover ul { /* lists nested under hovered list items */
left: auto;
}
#menu li:hover, #menu li.wwlhover {
position: static;
}

#menu2 li#toc2 {	/* the quick-link menu TOC */
text-align:center;
font-weight:bold;
padding: 4px 6px 4px 0;
font-size:14px;
border-top:1px solid #0b70b7;
border-right:1px solid #0b70b7;
border-left:1px solid #0b70b7;
}
#menu2, #menu2 ul { /* all lists */
padding:0;
margin:0;
list-style:none;
float:left;
width:180px;
}
#menu2 li { /* all list items */
position:relative;
float:left;
width:180px;
}
#menu2 li ul { /* second-level lists */
position:absolute;
left:-999em;
margin-left:188px;
margin-top:-23px;
}
#menu2 li ul ul { /* third-and-above-level lists */
left:-999em;
}
#menu2 li a {
width:180px;
display:block;
color:#000;
font-weight:bold;
text-decoration:none;
background-color:#93d1dc;
border-top:1px solid #0b70b7;
border-right:1px solid #0b70b7;
border-left:1px solid #0b70b7;
padding:3px 0 3px 6px; 
}
#menu2 li.bottom a { /* the last links in the nav menu */
border-bottom:1px solid #0b70b7;
}
#menu2 li a:visited {
color:#000;
text-decoration:none;
}
#menu2 li a:hover {
background-color:#0b70b7;
color:#93d1dc;
}
#menu2 li:hover ul ul, #menu2 li:hover ul ul ul, #menu2 li.wwlhover ul ul, #menu2 li.wwlhover ul ul ul {
left: -999em;
}
#menu2 li:hover ul, #menu2 li li:hover ul, #menu2 li li li:hover ul, #menu2 li.wwlhover ul, #menu2 li li.wwlhover ul, #menu2 li li li.wwlhover ul { /* lists nested under hovered list items */
left: auto;
}
#menu2 li:hover, #menu2 li.wwlhover {
position: static;
}

.clear {
clear:both;
}

#content {  /* the fixture table page tables */
background-color:#F5F5F5; /*  WhiteSmoke  */
padding:.5em 2em 0 2em;
margin-top:0;
}

table.schedule {  /* the fixture schedule */
border-collapse:collapse;
border:1px solid #2d819d;
width:100%;
background-color:#fff;
font-size:small;
}
thead {
border:1px solid #2d819d;
}
th {
border-collapse:collapse;
border:1px solid #2d819d;
padding:10px 0 10px 0;
text-align:center;
}
th.header {
border:1px solid #2d819d;
background-color:#ddf9a5;
font-size:1.5em;
font-weight:bold;
color:#000;
}
th.type {
border-collapse:collapse;
border:1px solid #2d819d;
padding:5px;
text-align:center;
width:30px;
}
table.schedule td {
border-collapse:collapse;
border:1px solid #2d819d;
padding:5px 5px 5px 8px;
width:200px;
text-align:left;
}
table.schedule td.altmfr {
border-collapse:collapse;
border:1px solid #2d819d;
padding:5px 5px 5px 0; /* left padding set on the li below */
width:200px;
text-align:left;
}

th.header2 {
border:1px solid #0b70b7;
background-color:#93d1dc;
font-size:1.5em;
font-weight:bold;
color:#000;
}

span.new {		/* indicates new product */
color:#FFFFFF;
background-color:#FF0000;
font-weight:bold;
/*margin:1px 1px 1px 8px;*/
padding:1px 5px 1px 6px;
float:right;
}

a.position {		/* locates the #name tag inside the html table */
position:relative;
top:-15px;
left:0px;
}

.cfid {		/* for the downlights lamp categories */
background-color:#CCFF99;
	}
.hidid {
background-color:#99FF99;
	}
.incanid {
background-color:#FFFF99;
	}
.inducid {
background-color:#66FFCC;
	}
.ledid {
background-color:#FF99CC;
	}
.lvid {
background-color:#FFFF66;
	}
div.title {
text-decoration:underline;
font-weight:bold;
text-align:center;
letter-spacing:3px;
text-transform:uppercase;
padding:5px 0;
margin-bottom:5px;
	}
	
ul.nav{ /* contains alt mfrs */
border:0;
padding:0;
margin:0;
list-style:none;
float:left;
width:80px;  /* width same as li - but it must have a width */
}
.nav li { /* contains alt mfrs */
border:0;
padding:0;
margin:0;
padding-left:8px;
position:relative;
float:left;
list-style-type:none;
width:80px;  /* width same as ul - Opera must have a width for li */
font-size:small;
}
.nav li a {    /* "Other" (opens mfrs links) */
display:inline;
font-size:small;
color:#309;
text-decoration:none;
}
.nav li a:visited {
color:#309;
text-decoration:none;
}
.nav li a:hover {
color:#309;
text-decoration:none;
}
.nav li a:active {
color:#309;
text-decoration:none;
}
.nav li:hover, 
.nav li.sfhover {
margin-bottom:-1px; /* this setting keeps the link from jumping when the 1px border below is applied */
border-bottom:1px solid #000;
}
.nav li:hover dl, 
.nav li.sfhover dl { 
top:-7px;
left:-255px;  /* integral to the dl dt a width below */
}
.nav dl, 
.nav dt, 
.nav dd {
border:0;
padding:0;
margin:0;
}
.nav li dl { /* box */
position:absolute;
left:-999em;
padding:5px 5px 3px 8px;
background-color:#fff;
border:1px solid #000;
}
.nav dt {  /* "SELECT FROM BELOW" */
width:240px;  /* integral to the hover postitioning above */
font:bold 12px Arial, sans-serif;
text-align:center;
background-color:#fff;
padding:0 0 2px 0;
}
.nav li dl dd a.mfr { /* Other mfr links for the MFR class*/
width:240px;  /* integral to the hover postitioning above */
display:block;
font:small Arial, sans-serif;
color:#309;
text-decoration:none;
text-align:left;
background-color:#fff;
padding:0 0 2px 0;
}
.nav li dl dd a.mfr:visited {
color:#309;
text-decoration:none;
}
.nav li dl dd a.mfr:hover {
text-decoration:underline;
}
.nav li dl dd a.mfr:active {
color:#309;
text-decoration:none;
}
.nav li dl dd a.mfrselect { /* Other mfr links for the mfrselect class*/
width:240px;  /* integral to the hover postitioning above */
display:block;
font:small Arial, sans-serif;
color:#36f;
text-decoration:none;
text-align:left;
background-color:#fff;
padding:0 0 2px 0;
}
.nav li dl dd a.mfrselect:visited {
color:#36f;
text-decoration:none;
}
.nav li dl dd a.mfrselect:hover {
text-decoration:underline;
}
.nav li dl dd a.mfrselect:active {
color:#36f;
text-decoration:none;
}
.nav li dl dd a.pdf { /* Other mfr links for the PDF class*/
width:240px;  /* integral to the hover postitioning above */
display:block;
font:small Arial, sans-serif;
color:#f00;
text-decoration:none;
text-align:left;
background-color:#fff;
padding:0 0 2px 0;
}
.nav li dl dd a.pdf:visited {
color:#f00;
text-decoration:none;
}
.nav li dl dd a.pdf:hover {
text-decoration:underline;
}
.nav li dl dd a.pdf:active {
color:#f00;
text-decoration:none;
}

p.top {  /*  to go back to the top of the page  */
text-align:right;
font-weight:bold;
font-size:small;
margin:30px 5px 0 0;
}
p.top a img {  /*  to go back to the top of the page  */
vertical-align:middle;
border:0;
}
p.top a:link,
p.top a:visited,
p.top a:hover,
p.top a:active {
color:#309;
}

div#copyright {  /* positions the copyright with p.top */
text-align:right;
display:inline;
}
div#copyright span {  /* the copyright */
float:left;
font-size:12px;
margin:30px 0 0 5px;
}

div#bothalf {
font-family:Tahoma, Arial, sans-serif;
background-color:#000;
padding:0 0 20px 0;
text-align:center;  /* centers the table */
}
div#bothalf a:link {
color:#009;
text-decoration:underline;
}
div#bothalf a:visited,
div#bothalf a:hover,
div#bothalf a:active {
color:#30f;
text-decoration:underline;
}
div#bothalf div#footer img {
display:block;
}

div#bothalf div#bottomnav {  /* navigation links at bottom */
font:16px Arial, sans-serif;
color:#fff;
text-align:center;
padding:2px 0 5px;
margin-bottom:0px;
border:1px solid #C6C6C6;
border-top:0;
}
div#bothalf div#bottomnav a {  /* navigation links at bottom */
font:11px Arial, sans-serif;
color:#fff;
text-decoration:none;
padding:0 3px;
}
div#bothalf div#bottomnav a:visited {  /* navigation links at bottom */
color:#fff;
text-decoration:none;
}
div#bothalf div#bottomnav a:hover {  /* navigation links at bottom */
color:#fff;
text-decoration:underline;
}
div#bothalf div#bottomnav a:active {  /* navigation links at bottom */
color:#fff;
text-decoration:none;
}