@charset "utf-8";
/*

		BASIC STYLES
		TEXT STYLES
		IMAGE STYLESff
		MENU STYLES
		INDIVIDUAL CLASSES FOR MENU
		SIDE BAR STYLES
		CATALOG SIDEBAR STYLES
		MAIN WINDOW STYLES
		FOOTER STYLES

*/







/************** BASIC STYLES **************/

* {margin: 0;padding: 0;}

body {background-color: #8996a0;margin: 10px 0 10px 0;font-size: 11px;font-family: Arial, Helvetica, sans-serif;line-height: 130%;color: #666666;}

#container {margin: 0 auto;background-color: #FFFFFF;width: 900px;}

#dummywhite {/*width:900px;*/background-color: #ffffff;}

/************** TEXT STYLES **************/

.h1-legacy {margin: 0 0 10px 0; font-size: 16px; color: #003366; text-transform: uppercase; font-weight: bold;}

h1,h5 {background-image: url(../images/header_tab2.gif); background-repeat: no-repeat; padding: 0px 0px 10px 25px; font-size: 16px; color: #003366; text-transform: uppercase; font-weight: bold;}

.h2-legacy {font-size: 14px;color: #999;font-weight: bold;}

h2 {font-size: 14px; color: #999999; font-weight: bold; padding: 0 0 5px 0;}

h3 {background-image: url(../images/header_tab2.gif) no-repeat; padding: 0px 0px 10px 25px; font-size: 16px; color: #003366; text-transform: uppercase; font-weight: bold;}

h4 {padding: 10px 0 5px 0; color: #003366; font-weight: 300; font-size:12px;}

html>body h6 {color: #2f4c92; font-size: 12px; padding: 0;}

h6 {color: #003366; font-size: 12px; padding: 10px 0 0 0;}

h7 {color: #003366; font-size: 12px; font-weight: bold;}

p {padding: 10px 0 10px 0;font-size: 12px;color: #666666;}

a {font-size: 12px; color: #6699cc; text-decoration: none;}

a:hover {color: #003366; text-decoration: none;}

.emphasis_text {color: #6699cc; font-weight: bold;}

/************** IMAGE STYLES **************/
a img {border: none;}

a:hover img {border: none;}

.linkimage {padding: 10px 0 0 0; border: 0;}

.rightimage {padding: 0 0 10px 20px; float: right; clear: left;}

.leftimage {padding: 0 20px 0 0; float: left; clear: right;}

.leftproductimage {padding: 0 20px 0 0; float: left;}

#header {margin: 0 1px 0 1px;}

/*************** MENU STYLES **************/

#menu {background-color: #ffffff; font-size: 11px; color: #ffffff; background-image: url(../images/menu_back.gif); background-repeat: repeat-x;}
#menu ul {width: 898px; height: 25px;}
#menu ul li {display: inline; list-style: none;}
#menu a {text-decoration: none; color: #FFFFFF; font-weight: bold;}

#index-menu {margin: 0 0 5px 0;background-color: #ffffff;font-size: 11px;color: #ffffff; background-image: url(../images/menu_back.gif); background-repeat: repeat-x;}





#index-menu ul {width: 898px;height: 25px;}
#index-menu ul li {display: inline;list-style: none;}
#index-menu a {text-decoration: none;color: #FFFFFF;font-weight: bold;}

/************** INDIVIDUAL CLASSES FOR MENU **************/

.products a {line-height: 25px;width: 103px;height: 25px;background-image: url(../images/menu_back.gif);background-repeat: repeat-x;padding: 5px 29px 5px 29px;border-right: solid #a9bcda 1px;}
.products a:hover {line-height: 25px;width: 103px;height: 25px;background-image: url(../images/menu_back_ovr.gif);background-repeat: repeat-x;padding: 5px 29px 5px 29px;border-right: solid #a9bcda 1px;}

.lightingsolutions a {line-height: 25px;width: 169px;height: 25px;background-image: url(../images/menu_back.gif);background-repeat: repeat-x;padding: 5px 28px 5px 28px;border-right: solid #a9bcda 1px;}
.lightingsolutions a:hover {line-height: 25px;width: 169px;height: 25px;background-image: url(../images/menu_back_ovr.gif);background-repeat: repeat-x;padding: 5px 28px 5px 28px;border-right: solid #a9bcda 1px;}

.news a {line-height: 25px;width: 85px;height: 25px;background-image: url(../images/menu_back.gif);padding: 5px 30px 5px 30px;border-right: solid #a9bcda 1px;}
.news a:hover {line-height: 25px;width: 85px;height: 25px;background-image: url(../images/menu_back_ovr.gif); padding: 5px 30px 5px 30px;border-right: solid #a9bcda 1px;}

.resources a {line-height: 25px;width: 120px;height: 25px;background-image: url(../images/menu_back.gif); background-repeat: repeat-x;padding: 5px 28px 5px 28px;border-right: solid #a9bcda 1px;}
.resources a:hover {line-height: 25px;width: 120px;height: 25px;background-image: url(../images/menu_back_ovr.gif);background-repeat: repeat-x;padding: 5px 28px 5px 28px;border-right: solid #a9bcda 1px;}

.aboutus a {line-height: 25px;width: 109px;height: 25px;background-image: url(../images/menu_back.gif); background-repeat: repeat-x;padding: 5px 29px 5px 29px;border-right: solid #a9bcda 1px;}
.aboutus a:hover {line-height: 25px;width: 109px;height: 25px;background-image: url(../images/menu_back_ovr.gif); background-repeat: repeat-x;padding: 5px 29px 5px 29px;border-right: solid #a9bcda 1px;}

.contactus a {line-height: 25px; width: 119px; height: 25px; background-image: url(../images/menu_back.gif); background-repeat: repeat-x; padding: 5px 28px 5px 29px;border-right: solid #a9bcda 1px;}
.contactus a:hover {line-height: 25px; width: 119px; height: 25px; background-image: url(../images/menu_back_ovr.gif); background-repeat: repeat-x; padding: 5px 28px 5px 29px; border-right: solid #a9bcda 1px;}

.photogallery a {line-height: 25px; width: 119px; height: 25px; background-image: url(../images/menu_back.gif); background-repeat: repeat-x; padding: 5px 28px 5px 29px;}
.photogallery a:hover {line-height: 25px; width: 119px; height: 25px; background-image: url(../images/menu_back_ovr.gif); background-repeat: repeat-x; padding: 5px 28px 5px 29px;}


/*.findarep {line-height: 25px; width: 150px; height: 26px; background-image: url(../images/menu_back.gif); background-repeat: repeat-x; padding: 5px 29px 5px 29px;}*/

.findarep a:hover {line-height: 25px; width: 127px; height: 25px; background-image: url(../images/menu_back_ovr.gif); background-repeat: repeat-x; padding: 5px 29px 5px 29px;}

.header {padding: 0;}

/************** SIDE BAR STYLES **************/

#side {float: left; clear:right; background-color: #FFFFFF; width: 240px;}

#sidebar {margin: 0px; padding: 20px 20px 0px 21px; width: 220px; background-image: url(../images/sidebar_back.gif); background-repeat: repeat-y;}

#search {width: 200px; border-bottom: solid #e2e2e0 1px;}

form {border: solid #dadada 1px; margin: 10px 0px 10px 0px;}

.searchform {border: none;}

input {padding: 0px; margin: 0px 10px 20px 0px; height: 21px; background-color: #ffffff; border: solid #c4c5c7 1px; vertical-align: top;}

.submit {margin: 0px; padding: 0px 10px 0px 0px; color: #666666;}

.inputno {padding: 5px 0px 0px 10px; border: none;}

.select {padding: 0px; margin: 0px 10px 5px 0px; width: 170px; background-color: #ffffff; border: solid #c4c5c7 1px; vertical-align: top; font-size: 90%; color: #666666;}

.textarea {margin: 0px 10px 0px 0px; border: solid #c4c5c7 1px; overflow: hidden;}

#news {padding:0px 0px 0px 0px; margin: 20px 20px 0px 0px; border-bottom: solid #e2e2e0 1px;}

#newsholder {margin: -20px 0px 0px 0px; padding: 20px 20px 0px 20px; width: 220px; background-image: url(../images/newsletter_back_solid.gif); background-repeat: no-repeat;}
#newsletter {padding: 20px 0px 20px 0px; margin: 0px 20px 0px 0px; border-top: solid #e2e2e0 1px;}

#events-container{background-image: url(../images/newsletter_back_solid.gif); /*width: 220px;*/ padding:20px 0px 10px 0px; padding-left:20px;  }
#upcoming-events{/*border-bottom: solid #e2e2e0 1px; padding-bottom:10px;*/ /*width:200px; margin-left:20px;*/ line-height:190%;}
#upcoming-events strong{color:#6699CC}

#logo-container{background-image: url(../images/newsletter_back.gif); height:200px;}
#member-logo{border-top: solid #e2e2e0 1px; width:200px; margin-left:20px;}
#member-logo img{padding:20px 0px 0px 45px;}

/*****************  LINKED IN STYLE ***************************/
#linkedin-holder{
border:0px solid #ccc; 
margin:0px 0px 0px 20px;
}

#linkedin{
border:0px solid #eee; 
width:158px; height:27px;
}


/*****************  END LINKED IN STYLE ***************************/


/************** CATALOG SIDEBAR STYLES **************/


#news ul li {display: block; list-style: none; padding: 0px 0px 0px 25px;}

.noindent {padding: 0px 0px 4px 5px; line-height: 140%; list-style: none;}

/************** MAIN WINDOW STYLES **************/

html>body #main {width: 630px;}

#main {margin: 0px;float:left;clear:right; padding: 10px 20px 0px 10px;background-color: #ffffff;width: 610px;}
#main p {margin: 0px;padding: 0px 0px 10px 0px;color: #666666;line-height: 1.5em;}

#mainheader {padding: 10px 0px 20px 0px;border-bottom: solid #e2e2e0 1px;}

html>body #mainheader {margin: 0px 20px 0px 20px;}

html>body #about {padding: 20px 20px 10px 20px;}

#about {padding: 20px 0px 10px 0px;}
#about input {padding: 0px;margin: 0px 10px 5px 0px;height: 21px;background-color: #ffffff;border: solid #c4c5c7 1px;vertical-align: top;}

html>body #offerings {padding: 0px 20px 0px 20px;clear: both;}

#offerings {clear: both;}
#offerings ul li {line-height: 140%;list-style: disc;list-style-position: inside;text-align: justify;text-indent: 20px;padding: 0 0 10px 0;}

.linopadding {padding: 0px;line-height: 140%;list-style: disc;list-style-position: inside;text-align: justify;text-indent: 20px;}

.clear{clear:both;}

.productlinkimage {padding: 0px 10px 0px 0px;float: left;clear: right;}
.productlinkimage:hover {padding: 0px 10px 0px 0px;float: left;clear: right;}

#productlisting {padding: 0px 0px 10px 0px;}
#productlisting p {padding: 0px 0px 20px 0px;color: #666666;}
#productlisting a{color:#6699cc;}

#productfeatures {float: right;}
#productfeatures ul {line-height: 160%; list-style:none; padding: 0px 0px 10px 0px;}
#productfeatures li {background: url(../images/about_bullet.gif) no-repeat left 4px; padding-left:10px;}

#offerings_products table td {padding: 0px 0px 0px 5px;border: solid #dadada 1px;}

#newsitem {font-size: 12px;margin: 10px 0px 10px 0px;}
#newsitem ul {padding: 0px 0px 15px 20px;}

/************** FOOTER STYLES **************/

#footer {clear: both;text-align: center;background-color: #ffffff;border-top: solid #dadada 1px;margin: 0px 20px 0px 20px;padding: 20px 0px 10px 0px;color: #dadada;}
#footer p {margin: 0;padding: 20px 0px 10px 0px;color: #666666;}
#footer p.spectrum a {color: #666666;}
#footer p.spectrum a:hover {color: #2f4c92;}
#footer p.spectrum {padding-top: 0px;}
#footer a {margin: 0px; padding: 0px; color: #6699cc; text-decoration: none;}
#footer a:hover {margin: 0px; padding: 0px; color: #2f4c92; text-decoration: none;}

.err {	font-weight: bold;	color: #FF0000;}

.thumbnail {border: solid #ddd 1px;}
.thumbnail:hover {border: solid #2f4c92 1px;}