/* CSS Document */

/*********************Change Log*********************

08-03-2009
- Logo changed from lighting products to electrical products
- Link to bwf removed from image and made a better call out
- Remove tagline from HP image
- Add tagline to header img


****************************************************/

body { background-color: #fff; line-height: 1.5;}


/*Basic Formatting*/
h1 {
	color: #2F748E;
	font-size: 22px;
	}
h2 {
	font-size: 18px;
	margin-top: 25px;
	}
.h2wallpacks {
	background-color: #652d89;
	color: #ffffff;
	padding: 3px;
	}
.h2floodlights {
	background-color: #c3d5a6;
	color: #ffffff;
	padding: 3px;
	}
.h2vandal {
	background-color: #e1d87f;
	color: #ffffff;
	padding: 3px;
	}
.h2garage {
	background-color: #922332;
	color: #ffffff;
	padding: 3px;
	}
.h2parking {
	background-color: #4c4569;
	color: #ffffff;
	padding: 3px;
	}
.h2sports {
	background-color: #ceddb6;
	color:#ffffff;
	padding: 3px;
	}
.h2highlowbay {
	background-color: #e7df96;
	color:#ffffff;
	padding: 3px;
	}
.h2vaportight {
	background-color: #a34d4c;
	color: #ffffff;
	padding: 3px;
	}
.h2compact {
	background-color: #6d6483;
	color: #ffffff;
	padding: 3px;
	}
.h2lamps {
	background-color: #d9e4c7;
	color: #ffffff;
	padding: 3px;
	}
.h2ballast {
	background-color: #ece6ae;
	color: #ffffff;
	padding: 3px;
	}
.h2future {
	background-color: #b5716a;
	color: #ffffff;
	}
h3 {
	font-size: 14px;
	}
p { font: .875em Arial, Helvetica, sans-serif; line-height: 1.5; margin: .875em 0 0 0;}
ul {
	font-size: 12px;
	}
	ul li { padding: .25em; }
a {
	color: #005067;
	}
a:visited {
	color: #FF7400;
	}
img {
	border:0px;
}
/*End Basic Formatting*/
.left { float: left; }
body {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/background-image.gif);
	background-position: top left;
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
#container {
	width: 800px;
	}
	
#linktoBWF { position:absolute; top: 0px; padding-top: 5px; left: 220px; padding-left: 245px; height: 50px; background: url(../images/cta-background.jpg) top right no-repeat;  }
	#linktoBWF img { border: none; float: left; }
	#linktoBWF span.text { font: bold italic .75em/1 Verdana, Arial, Helvetica, sans-serif; color:#005067; margin: 0; padding: 0; width: 180px; float: left; }
		#linktoBWF span.text a { color: #FF7400; }

#headerImg {
	width: 800px;
	background-image: url(../images/index_04.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	height: 121px;
	margin: 0px;
	padding: 0px;
	}
/*horizontal Nav*/

#horzNav {
	position: relative;
	top: -5px;
	left: 0;
}

ul#horzNav  {
	text-align: right;
	margin: 0px;
	padding: 0px;
	font: bold .75em Verdana, sans-serif;
	}
#horzNav li {
	display: inline;
	list-style: none;
	margin: 0 0 0 .25em;
	padding: 0;
	height: 23px;
	}
#horzNav a {
	border: 1px solid #98301f;
	border-bottom: none;
	background-color: #e04831;
	color: #FFF; 
	padding: 5px 3px;
	margin: 0;
	text-decoration: none;
	}
#horzNav li a:hover {
	color: #FFFFFF;
	background-color: #98301F;
	border-color: #227;
	}
	
/*#horzNav li a#current {
	background: white;
	border-bottom: 1px solid white;
	}*/
/*End horizontal Nav*/

/*Vertical Navigation*/
#nav {
	float: left;
	width: 150px;
	padding-left: 58px;
	font-size: 11px;
	font-weight:bold;
	}
#nav h1 {
	font-size:16px;
	margin-top: 5px;
	font-variant:small-caps;
	}
#nav ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	padding-left: 2px;
	}
#nav ol {
	margin: 0px;
	padding: 0px;
	font-weight:normal;
	}
#nav a {
	text-decoration: none;
	color: #000000;
	display: block;
	}
#navlist li {
	margin: 7px 2px;
	padding: .25em 3px .25em 20px;
	line-height: 1.25;
	width: 124px;
	}
/*Pop-out Navigation*/
ul#subnavlist { margin: 0; padding: 0; }
#subnavlist li {
	margin: .5em 0 0 -20px;
	padding: .25em;
	border-top: 1px dotted #000000;
	}
#subnavlist li a {
	color: #295374;
	}
#active:hover li { 
	display: block; 
	}
#here li {
	display: block;
	}
#active li { 
	display: none; 
	}
/*Colored Boxes and Borders*/
.wallpacks {
	border-top: 1px solid #000000;
	background-image: url(../images/purple-square.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
.floodlighting {
	border-top: 1px solid #000000;
	background-image: url(../images/green-square.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
.vandalresistantfixtures {
	border-top: 1px solid #000000;
	background-image: url(../images/yellow-square.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
.garagelighting {
	border-top: 1px solid #000000;
	background-image: url(../images/red-square.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
.arealighting {
	border-top: 1px solid #000000;
	background-image: url(../images/blue-square.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
.sportslighting {
	border-top: 1px solid #000000;
	background-image: url(../images/light-green-square.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
.highLowBay {
	border-top: 1px solid #000000;
	background-image: url(../images/light-yellow-square.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
.vaportight {
	border-top: 1px solid #000000;
	background-image: url(../images/light-red-square.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
.compactfluorescent {
	border-top: 1px solid #000000;
	background-image: url(../images/light-purple-square.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
.lamps {
	border-top: 1px solid #000000;
	background-image: url(../images/dirty-green-square.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
.ballasts {
	border-top: 1px solid #000000;
	background-image: url(../images/dirty-yellow-square.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
.futureproducts {
	border-top: 1px solid #000000;
	background-image: url(../images/pink-square.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}
/*End Colored Boxes and Borders*/
/*End Vertical Navigation*/
#contentArea {
	margin-left: 226px;
	padding-left: 10px;
	height: 330px;
	background-image: url(../images/index_06.jpg);
	background-position:top right;
	background-repeat: no-repeat;
	}
.homepage p { margin-right: 260px; }
#content {
	width: 550px;
	margin-left: 226px;
	padding-left: 10px;
	}
#printPDF {
	float: right;
	margin: 15px 5px;
	}
#printPDF a {
	font-size: 12px;
	text-decoration: underline;
	}
#content h1 {
	font-size: 14px;
	}
#content h2 {
	font-size: 13px;
	}
#content h3 {
	font-size: 12px;
	border-bottom: 1px solid #0a6633;
	color: #84b299;
	}
table {
	font-size: 11px;
	margin-bottom: 15px;
	}
td, th {
	border: 1px solid #ccc; padding: .4em;
	}
	
table.browse td {
	width: 540px;
	text-align: center;
	border-bottom: 0px;
	border: none;
	}
.tableHeaders {
	color: #ffffff;
	background-color: #2F748E;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	}
.wallpacks-tableHeaders {
	color: #ffffff;
	background-color: #652d89;
	font-weight: bold;
	text-align: center;
	}
.floodlights-tableHeaders {
	color: #ffffff;
	background-color: #c3d5a6;
	font-weight: bold;
	text-align: center;
	}
.vandal-tableHeaders {
	color: #ffffff;
	background-color: #e1d87f;
	font-weight: bold;
	text-align: center;
	}
.garage-tableheaders {
	color: #ffffff;
	background-color: #922332;
	font-weight: bold;
	text-align: center;
	}
.parking-tableheaders {
	color: #ffffff;
	background-color: #4c4569;
	font-weight: bold;
	text-align: center;
	}
.sports-tableheaders {
	color: #ffffff;
	background-color: #ceddb6;
	font-weight: bold;
	text-align: center;
	}
.highlowbay-tableheaders {
	color: #ffffff;
	background-color: #e7df96;
	font-weight: bold;
	text-align: center;
	}
.vaportight-tableheaders {
	color: #ffffff;
	background-color: #a34d4c;
	font-weight: bold;
	text-align: center;
	}
.compact-tableheaders {
	color: #ffffff;
	background-color: #6d6483;
	font-weight: bold;
	text-align: center;
	}
.lamps-tableheaders {
	color: #ffffff;
	background-color: #d9e4c7;
	font-weight: bold;
	text-align: center;
	}
.ballast-tableheaders {
	color: #ffffff;
	background-color: #ece6ae;
	font-weight: bold;
	text-align: center;
	}
.future-tableheaders {
	color: #ffffff;
	background-color: #b5716a;
	font-weight: bold;
	text-align: center;
	}
.minitableHeaders {
	border-style: none;
	}
.largeTable {
	font-size: 10px;
	}
.asterixDef {
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	}
.captionRight {
	float: right;
	position: relative;
	width: 125px;
	margin-left: 10px;
	}
.captionRight p {
	font-size: 10px;
	text-align: left;
	}
.copyright {
	margin-left: 250px;
	}
form table td {
	border-top: 1px solid #2F748E;
	}
.formHeaders {
	color: #ffffff;
	border-top: 1px solid #ffffff;
	background-color: #2F748E;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
	}
address {
	font-style: normal;
	}
.salesrep1 {
	background-color: #DDE;
	border-bottom: 1px dotted #2F748E;
	padding: 10px;
	margin: 0px;
	}
.salesrep1 h2 {
	color: #096634;
	border-bottom: 1px solid #000000;
	margin: 0px;
	}
.salesrep1 a:link {
	font-size: 12px;
	font-weight:bold;
	}
.salesrep2 {
	border-bottom: 1px dotted #DDE;
	padding: 10px;
	}
.salesrep2 h2 {
	color: #096634;
	border-bottom: 1px solid #000000;
	margin: 0px;
	}
.salesrep2 a:link {
	font-size: 12px;
	font-weight:bold;
	}
/*#header {
	background-image: url(../images/index_01.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 800px;
	height: 100px;
	text-align: right;
	font-size: 12px;
	font-weight:bold;
	}
.login {
	position: absolute;
	top: 55px;
	left: 590px;
	margin: 0px;
	padding: 5px;
	width: 200px;
	font-size: 11px;
	text-align: right;
	font-weight: normal;
	}
.search {
	position: absolute;
	top: 160px;
	left: 590px;
	padding: 5px;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	color: #ffffff;
	width: 200px;
	}
input {
	font-size: 11px;
	}*/
#headerimgprint {
	display: none;
	}
.forms {
	color: #000;
	border-top: 1px solid #ffffff;
	background-color: #e5e5e5;
	font-weight: bold;
	vertical-align: top;
	}
.forms p {
	font-weight: normal;
	}
.other { background: #EFEFEF; }
.other img { border: 1px solid #333333;}
p.call-out {
	text-align: center;
	background: #9A3120;
	padding: 5px;
}
p.call-out a { color: white; text-decoration: none; font-size: 1.1em;}

.right { float: right; margin: 0 .5em 0 .5em .5em; }

#catalog-link { width:161px; height:39px; color:#9a3120; float:left; padding: .5em 0; margin-top: 3em; }
	#catalog-link a { background-color:#9a3120; color:#FFFFFF; display: block; padding: .5em; }
	
a[href="#"] { display: none; }