﻿/************************* Page Layout Regions - JA updated May'07 *************************/
body { /* Body Style */
	background: url(imgs/bkdrp-all.gif);
}
#pageHeader { /* Layout Region Number One: Genlyte Swoop, Lightolier Logo, Main Menu, Quick Links and Product Search go in here */
	position: relative;
	width: 962px;
	height: 50px;
	z-index: 2;
	margin: 0px auto;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	background: url(imgs/bkdrp-header.gif) #FFFFFF no-repeat;
}
#pageMenu { /* Lightolier Logo and Main Menu */
	position: relative;
	width: 962px;
	height: 93px;
	margin: 0px auto;
/*	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
*/	background: url(imgs/bkdrp-menubar.png) no-repeat;
}
#pageBand { /* Layout Region Number Two: Red Bar */
	position: relative;
	width: 962px;
	height: 36px;
	z-index: 4;
	margin: 0px auto;
/*	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
*/	background: url(imgs/bkdrp-menuband.png) no-repeat #FFFFFF; 
}
#pageContainer { /* Layout Region Number Zero: Color, Border and Size of All Page Content */
	text-align: left; /* To Keep IE5 Windows Happy */
	position: relative;
	width: 962px;
	margin: 0px auto;
	background: url(imgs/spacer-F.gif);
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#pageContent { /* Layout Region Number Four: Content Area for Page Content that will be Included */
	position: relative;
	width: 660px;
	padding: 0px 0px 20px;
	/** background: url(imgs/bkdrp-shadow-ct.gif) repeat-x; **/
}
#pageShowcase { /* Layout Region Number Four: Content Area for Flash Content Only */
	position: relative;
	width: 660px;
	height: 370px;
	padding: 10px 0px 10px 0px;
	/** background: url(imgs/bkdrp-shadow-ct.gif) repeat-x; **/
}
#pageNote { /* Layout Region Number Four: Content Area for Browser Notes */
	position: relative;
	width: 640px;
	padding: 0px 10px 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
}
#pageSpotlight { /* Layout Region Number Four: Content Area for Flash Content Only */
	position: relative;
	width: 962px;
	height: 140px;
	margin: 0px auto;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	font-size: 14px;
	line-height: 16px;
	color: #444444;
	font-weight: bold;
	vertical-align: middle;
	background: #FFFFFF;
}
#pageSpotlightAlt { /* Layout Region Number Four: Content Area for Non-Flash Content Only */
	position: relative;
	width: 962px;
	height: 140px;
	margin: 0px auto;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	background: #FFFFFF;
	vertical-align: top;
}
.pageSearch { /*Product Search Field*/
	width: 86px;
	font-size: 10px;
	color: #333333;
	margin: 1px 0px 4px 0px;
}
.pageSearch2 { /*Product Search Field*/
	width: 152px;
	font-size: 10px;
	color: #333333;
	margin: 1px 0px 4px 0px;
}
#pageMedia { /* Medi Gallery Style */
	width: 200px;
	padding-top: 6px;
}
#pageOther { /* Layout Region Number Four: Content Area for Miscellaneous */
}
#accPanel { /* Accordion Style */
	height: 398px;
	width: 160px;
	position: relative;
	visibility: visible;
}
#accContainer { /* Accordion Style */
	height: 380px;
	width: 638px;
	position: relative;
	border: 1px solid #999999;
	visibility: visible;
}
.accPane { /* Accordion Style */
	background: #ededed;
	overflow: auto;
}

/************************* Main & Sub Menu Styles *************************/
#navMenu1 { /* Main Menu "About Us" Style */
	position: absolute;
	left: 89px;
	top: -100px;
	z-index: 29;
	visibility: hidden;
}
#navMenu2 { /* Main Menu "Products" Style */
	position: absolute;
	left: 165px;
	top: -100px;
	z-index: 2;
	visibility: hidden;
}
#subMenu2 { /* Main Menu "Product Lines" Style */
	position: absolute;
	left: 510px;
	top: -100px;
	z-index: 3;
	visibility: hidden;
}
#nulMenu2 { /* Main Menu "Product Lines" Style */
	position: absolute;
	left: 570px;
	top: -100px;
	z-index: 4;
	visibility: hidden;
}
#navMenu3 { /* Main Menu "Rescources" Style */
	position: absolute;
	left: 256px;
	top: -100px;
	z-index: 5;
	visibility: hidden;
}
#subMenu3 { /* Main Menu "Product Lines" Style */
	position: absolute;
	left: 598px;
	top: -100px;
	z-index: 6;
	visibility: hidden;
}
#nulMenu3 { /* Main Menu "Downloads" Style */
	position: absolute;
	left: 656px;
	top: -100px;
	z-index: 7;
	visibility: hidden;
}
#navMenu4 { /* Main Menu "Where to Buy" Style */
	position: absolute;
	left: 350px;
	top: -100px;
	z-index: 8;
	visibility: hidden;
}
#navMenu5 { /* Main Menu "International" Style */
	position: absolute;
	left: 490px;
	top: -100px;
	z-index: 9;
	visibility: hidden;
}
#navMenu6 { /* Main Menu "International" Style */
	position: absolute;
	left: 610px;
	top: -100px;
	z-index: 10;
	visibility: hidden;
}
.navTopMenu { /* Top Menu Default Style */
	font-size: 12px;
	color: #000000;
	text-align: center;
	white-space: nowrap;
	vertical-align: bottom;
	padding-bottom: 2px;
}
.navTopMenu b { /* Top Menu Bold Style */
	color: #B40000;
	text-decoration: none;
	font-size: 14px;
	margin-top: 8px;
	margin-bottom: 4px;
	white-space: nowrap;
}
.navTopMenu a:link, .navTopMenu a:visited { /* Top Menu Default, Visited Link Style */
	color: #222222; 
	text-decoration: none;
}
.navTopMenu a:hover { /* Top Menu Hover Link Style */
	color: #888888; 
	text-decoration: none;
}
.navTopMenu a:active { /* Top Menu Active Link Style */
	color: #888888; 
	text-decoration: none;
}
.navTopDrp {  /* Top Menu Over Default Style */
	font-size: 12px;
	color: #000000;
	text-align: center;
	white-space: nowrap;
	padding: 10px 0px 0px 0px;
	background: url(imgs/bkdrp-menu-single.png) repeat-x;
	height: 40px;
}
#navAppMenu { /* AppShot Menu "Press Room" Style */
	position: absolute;
	left: 342px;
	top: -29px;
	z-index: 88;
	visibility: hidden;
	width: 400px;
	cursor: pointer;
}
#navSrchMenu {
	position: relative;
	z-index: 2;
	width: 300px;
	height: 250px;
	border: 1px solid #999999;
	background-color: #eeeeee;
	padding:10px;
}
#navSrchDrpdn {
	position: absolute;
	left: 813px;
	top: -71px;
	z-index: 10;
	width: 170px;
}
#navSrchBand {
	position: relative;
	z-index: 2;
	width: 624px;
	height: 20px;
	padding: 4px 8px 0px 8px;
	margin: 0px 2px 0px 10px;
	background: url(imgs/bkdrp-resultsbar.png) no-repeat;
	vertical-align: top;
}

/************************* Drop Down Menu Styles - JA updated 05/03/07 *************************/
#navDrpMenu { /* Drop Menu Default Style */
	font-size: 12px;
	line-height: 14px;	
	white-space: nowrap;
	background: #FFFFFF;
}
#navDrpMenu ul { /* Drop Menu Unordered List Style */
	margin: 0;
	padding: 0;
}
#navDrpMenu ul li { /* Drop Menu Unordered List Item Style */
	font-weight: normal;
	list-style-type: none;
}
#navDrpMenu ul a { /* Drop Menu Unordered List Link Style */
	display: block;
	color: #444444;
	text-shadow: 0px -1px 3px #DDDDDD;
	text-decoration: none;
	padding: 6px 13px 4px 8px;
	background: url(imgs/bkdrp-mopen.gif) no-repeat center top;
}
#navDrpMenu ul b { /* Drop Menu Unordered First Position Style */
	height: 15px;
	display: block;
	padding: 6px 12px 4px 8px;
	background: url(imgs/bkdrp-mnull.gif) repeat center bottom;
}
#navDrpMenu ul a:hover { /* Drop Menu Unordered List Hover Link Style */
	color: #B40000;
	text-shadow: 0px 3px 6px #FFFFFF;
	background: url(imgs/bkdrp-mover.gif) no-repeat center top;
}
#navDrpMenu ul a:active { /* Drop Menu Unordered List Active Link Style */
	color: #001E3C;
	text-shadow: 0px -3px 3px #888888;
}
.navTab1 { /* Tab left top bkdrp */
	background: url(imgs/bkdrp-mtab1.gif) no-repeat right bottom;
	height: 100%;
}
.navTab2 { /* Tab center top bkdrp */
	text-align: center;
	background: url(imgs/bkdrp-mtab2.gif) repeat-x center bottom;
	height: 52px;
	vertical-align: bottom;
}
.navTab3 { /* Tab right top bkdrp */
	background: url(imgs/bkdrp-mtab3.gif) no-repeat left bottom;
	height: 100%;
}
.navDrp1 { /* Drop Menu left top bkdrp */
	background: url(imgs/bkdrp-mdrp1.gif) no-repeat right bottom;
}
.navDrp2 { /* Drop Menu center top bkdrp */
	background: url(imgs/bkdrp-mdrp2.gif) repeat-x center bottom;
}
.navDrp3 { /* Drop Menu right top bkdrp */
	background: url(imgs/bkdrp-mdrp3.gif) no-repeat left bottom;
}
.navDrp4 { /* Drop Menu left mid bkdrp */
	background: url(imgs/bkdrp-mdrp4.gif) no-repeat right top;
	height: 100%;
}
.navDrp4sub { /* Drop Menu left mid bkdrp for submenu */
	background: url(imgs/bkdrp-mdrp4sub.gif) repeat-y right top;
	height: 100%;
}
.navDrp5 { /* Drop Menu center mid bkdrp */
	background: url(imgs/bkdrp-mdrp5.gif) #FFFFFF repeat-x center top;
	height: 100%;
}
.navDrp6 { /* Drop Menu right mid bkdrp */
	background: url(imgs/bkdrp-mdrp6.gif) no-repeat left top;
	height: 100%;
}
.navDrp6sub { /* Drop Menu right mid bkdr for submenup */
	background: url(imgs/bkdrp-mdrp6sub.gif) repeat-y left top;
	height: 100%;
}
.navDrp7 { /* Drop Menu left btm edge bkdrp */
	background: url(imgs/bkdrp-mdrp7.gif) no-repeat right top;
	height: 150px;
}
.navDrp8 { /* Drop Menu center btm edge bkdrp */
	background: url(imgs/bkdrp-mdrp8.gif) repeat-x center top;
	height: 150px;
}
.navDrp9 { /* Drop Menu right btm edge bkdrp */
	background: url(imgs/bkdrp-mdrp9.gif) no-repeat left top;
	height: 150px;
}
.navDrpTxt { /* Drop Menu Over Default Link Style */
	font-size: 14px;
	color: #000000;
	white-space: nowrap;
	text-decoration: none;
}
.navDrpTxt a:link { /* Drop Menu Over Hover Link Style */
	color: #B40000;
	text-decoration: none;
}
.navDrpTxt a:hover { /* Drop Menu Over Hover Link Style */
	color: #B40000;
	text-decoration: none;
}
.navDrpTxt a:visited { /* Drop Menu Over Hover Link Style */
	color: #B40000;
	text-decoration: none;
}
.navDrpTxt a:active { /* Drop Menu Over Hover Link Style */
	color: #B40000;
	text-decoration: none;
}

/************************* BreadCrumb Styles *************************/
.breadCrumb { /* Bread Crumb Style */
	margin: 0;
	padding: 0 0 0 10;
	font-size: 10px;
	vertical-align: bottom;
	white-space: nowrap;
	color: #888888;
	text-indent: 13px;
}
.breadCrumb a:link { /* Bread Crumb Default Link Style */
	color: #888888; 
	text-decoration: none;
}
.breadCrumb a:visited { /* Bread Crumb Visited Link Style */
	color: #888888; 
	text-decoration: none;
}
.breadCrumb a:hover { /* Bread Crumb Hover Link Style */
	color: #666666;
	text-decoration: underline;
}
.breadCrumb a:active { /* Bread Crumb Active Link Style */
	color: #444444;
	text-decoration: none;
}

/************************* Quick Link & Drop Sheet Styles *************************/
.navQuickText { /* Layout Region Number Zero: Quick Drop Sheet Area */
	margin: 0;
	padding: 0;
	font-size: 10px;
	vertical-align: bottom;
	white-space: nowrap;
	color: #003C78;
}
.navQuickText a:link, .navQuickText a:visited { /* Quick Default, Visited Link Style */
	color: #5078A0; 
	text-decoration: none;
}
.navQuickText a:hover { /* Quick Hover Link Style */
	color: #B40000; 
	text-decoration: underline;
}
.navQuickText a:active { /* Quick Active Link Style */
	text-decoration: none;
}
#navDropSheet { /* Drop Sheet Style */
	position: absolute;
	left: 259px;
	z-index: 77;
	overflow: auto;
	width: 518px;
	height: ;
	background: #FFFFFF;
	padding: 10px;
	margin-top: 4px;
	border: 1px solid #999999;
	top: 26px;
}

/************************* Page Btm Layout Regions - JA changed 05/03/07 *************************/
#pageFooter { /* Layout Region: Bottom Navigation Area */
	position: relative;
	color: #999999;
	width: 962px;
	text-align: center;
	margin: 20px auto;
	clear: both;
}
#pageFooter a { /* Bottom Navigation Default Link Style */
	color: #888888; 
	text-decoration: none;
}
#pageFooter a:hover { /* Bottom Navigation Hover Link Style */
	color: #999999; 
	text-decoration: none;
}
#pageFooter a:active { /* Bottom Navigation Active Link Style */
	color: #222222; 
	text-decoration: none;
}
#pageCaption { /* Layout Region: Copyright information */
	position: relative;
	color: #999999;
	font-size: 10px;
	line-height: 14px;
	text-align: center;
	width: 962px;
	margin: auto auto 20px auto;
}

