* {
	margin:0;
	padding:0;
}
body {
	font-size:75%;	/* 10px */
	font-family: Verdana, "BitStream Vera Sans", "Lucida Grande", Helvetica, Arial, sans-serif;
}
/*
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, blockquote, pre, img {
	margin:1em 0;
}
*/
h1 {
	font-size:2em;			/* 19px */
	font-weight:bold;
}
h2 {
	font-size:1.5em;		/* 14px */
	font-weight:bold;
}
h3 {
	font-size:1.3em;		/* 12 px */
	font-weight:bold;
}
h4 {
	font-size:1.2em;		/* 11px */
	font-weight:bold;
}
h5 {
	font-size:1.1em;		/* 10px */
	font-weight:bold;
}
h6 {
	font-size:1em;			/* 10px */
	font-weight:bold;
	font-style:italic;
}
blockquote, ul, ol, dl, pre {
	margin:1em 4em;
}
dt {
	font-weight:bold;
}
dd {
	margin:1em 2em;
}
code {
	font-size:1.4em;
}
caption {
	font-weight:bold;
	font-size:1.3em;
	margin:0;
}
td, th {
	padding:0.5em;
	text-align:left;
}
thead th {
	text-align:center;
}
.accessibility {
	height:0;
	width:0;
	line-height:0;
	font-size:0;
	left:-1000em;
	visibility:hidden;
	position:absolute;
}
fieldset { 
	padding:1em;
	margin:1em;
}
legend { 
	padding:0.5em;
}
/* this is to "fake" the appearance of the caption being within the table- more like how IE renders - it in other borwsers */
*>table { margin-top:0; }
table>caption { margin-top:1em; }
/* make IE use a normal-sized fixed-width font by default (on "pre code" blocks) */
* html pre code { font-size:1.2em; }



/* SENSO Lighting */
/* STYLES BY CARBON MEDIA */
/* http://www.carbonmedia.ca */

/* Global ----------------------------------------------------------------- */
body {
	background: #c4c1ba;
	color: #55524f;
  font: 11px/1.5 Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
}
a,
a:link {
  color: #cfd340;
}
a:hover,
a:link:hover {
	color: #ffff70;
}
dl {
  margin: 0;
}
dd {
  margin: 0;
}
h1 {
	font-size: 30px;
  letter-spacing: -0.03em;
	padding: 14px 0 0 0;
	text-transform: uppercase;
}
h1 a {
  color: #fff !important;
  text-decoration: none;
}
h1 span {
  font-size: 0.75em;
  font-weight: normal;
  text-transform: capitalize;
}
h2, h4 {
	font-size: 13px;
	font-weight: normal;
  margin: 0 0 16px 0;
	text-transform: uppercase;
}
h3,
h5,
h6 {
	margin: 0 18px 6px 18px;
}
h3 {
	font-size: 14px;
}
h3 span {
  color: #777;
  font-size: 0.75em;
}
h4 {
  margin: 0 0 0 18px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10px;
}
hr {
  background: #2e2e2a none repeat scroll 0 0;
  border: medium none;
  clear: both;
  color: #2e2e2a;
  display: block;
  height: 0.25em;
  margin: 0 auto 20px auto;
  width: 85%;
}
#column1 hr {
  float: right;
  margin: 0 0 0.5em 0;
  width: 420px;
}
img {
	border: 0;
}
p {
  margin: 8px 18px 10px 18px;
}
table {
	margin: 18px 0 0 18px;
	padding: 0;
  width: 370px;
}
td {
  padding: 0;
  vertical-align: top;
}
th {
  font-weight: bold;
	margin: 0;
  padding: 0;
  vertical-align: top;
  width: 140px;
}
tr {
  height: 24px;
}
ul {
  line-height: 1.6;
  margin: 0 0 10px 18px;
}
ul.menu {
  list-style: none;
  margin: 0 0 6px 18px; /* see ie7.css for alternate rule */
}
ul.menu li {
  background: transparent url( images/agent_map_button.gif ) no-repeat scroll right -16px;
  float: left;
  height: 16px;
  margin: 0 4px 20px 0;
  padding: 0 20px 0 0;
}
ul.menu li.no-background {
  background: transparent;
}
.indent {
	text-indent: 20px;
}
.logo {
	height: 14px;
	overflow: hidden;
	position: absolute;
	text-indent: -1000px;
	width: 79px;
}
.title {
	float: left;
	font-weight: bold;
	width: 30%;
}
.underline {
	text-decoration: underline;
}

/* SWFObject Degradation --------------------- */
.requirements {
  border: 1px dotted #000;
 	background: #666;
 	color: #fff;
	display: block;
	left: 0;
	line-height: 1.4;
	height: 34px;
	padding: 2px;
	position: absolute;
	text-align: center;
	top: 370px;
	width: 400px;
}
.requirements a,
.requirements a:visited {
	background: #c1cf18;
	color: #444;
	padding: 0 4px;
}
.requirements a:hover,
.requirements a:visited:hover {
	color: #fff;
}

/* Flash Notice --------------------------------------------------------------------- */
#flash-notice {
  background: #fff;
  border: 1px dashed #ea0000;
  color: #ea0000;
  font-weight: bold;
  margin: 10px 0 10px 0;
  padding: 5px 0;
  text-align: center;
}

/* Container -------------------------------------------------------------- */
#container {
	background: transparent url( images/bg_container.jpg ) repeat-y scroll left top;
	margin: 0 auto;
	position: relative;
	width: 950px;
}
#top-shadow {
	background: transparent url( images/bg_container_top.jpg ) no-repeat scroll left top;
  height: 34px;
  margin: 20px auto 0 auto;
  width: 950px;
}

/* Header ------------------------------ */
#header {
  height: 411px;
  line-height: 0;
	margin-left: 40px;
	position: relative;
}
/* Nav if you don't have flash/js */
#header #navigation {
  background: #fff;
  height: 74px;
  left: 0;
	line-height: 1.3;
	opacity: 0.8;
	position: absolute;
  top: 120px;
  text-transform: lowercase;
  width: 868px;
}
#header #navigation a,
#header #navigation a:visited {
  color: #333;
  display: block;
  text-decoration: none;
}
#header #navigation a:hover,
#header #navigation a:hover:visited {
  background: #d1d43f;
}
#header #navigation h1 {
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0;
  padding: 0;
  text-transform: lowercase;
}
#header #navigation ul {
  float: left;
  list-style: none;
  list-style-image: none;
	margin: 0;
	text-align: right;
	width: 173px;
}

/* Content ----------------------------------------------------------------- */
#content {
	background-color: #292929;
	border-bottom: 18px solid #8c877c;
	color: #fff;
  min-height: 454px;
	margin-left: 41px;
	width: 868px;
}
/* All columns */
div#column1,
div#column2,
div#column3 {
  float: left;
  position: relative;
}
/* No columns */
body.noColumns div#content {
  padding: 0 24px 24px 24px;
  width: 820px;
}
/* 2 columns - fixed */ 
body.twoColumns div#column1,
body.twoColumns div#column2 {
	height: 454px;
	margin: 0 0 0 24px;
	width: 438px;
}
body.twoColumns div#column1 {
  overflow: hidden;
}
body.twoColumns div#column2 {
  background: #333;
  width: 382px;
}
/* 2 columns - scrollable */ 
body.twoColumnsScroll div#column1,
body.twoColumnsScroll div#column2 {
	margin: 0 0 0 24px;
	width: 438px;
}
body.twoColumnsScroll div#column2 {
  background: #333;
  height: 1120px;
  width: 382px;
}

/* Sections ------------------------------ */
div.section {
  clear: both;
  margin: 0 0 30px 0;
}
div.section img.float_right {
  background: #777a5b;
  border: 1px solid #6c6f5a;
  clear: right;
  float: right;
  margin: 8px 0 30px 18px;
  padding: 8px;
}

/* Featured Products -------------------------- */
body.twoColumnsScroll div#column2 h1 {
  margin-left: 24px;
}
.featured {
  background: #fff url( images/bg_featured.gif ) no-repeat scroll 0 0;
  font-family: Arial;
  margin-top: 6px;
  padding-top: 14px;
}
.featured img {
  display: block;
}
.featured .photo {
  height: 210px;
  overflow: hidden;
}
.featured h2 {
  cursor: pointer;
  font-size: 1.4em;
  font-weight: bold;
  padding-left: 2px;
  margin: 5px 12px 22px 12px;
  text-transform: capitalize;
  text-decoration: none;
  width: 354px;
}
.featured a {
  text-decoration: none;
}
.featured h3 {
  font-weight: normal;
  margin: 0;
  padding: 4px 8px;
}

/* Agent Locator ------------------------------ */
div.agent_contact_box {
  background: #777a5b;
  border: 1px solid #6c6f5a;
  font-size: 12px;
  padding: 8px;
  position: absolute;
  top: 70px;
  width: 406px;
}
a.button {
  background: transparent url( images/agent_map_button.gif ) no-repeat scroll left -16px;
  display: block;
  height: 16px;
	overflow: hidden;
	outline: none;
	position: absolute;
	text-indent: -1000px;
  width: 16px;
}
a.button:hover {
  background: transparent url( images/agent_map_button.gif ) no-repeat scroll left top;
}
/* Positioning for each agent button */
a.agent_1 {
  top: 205px;
  left: 289px;
}
a.agent_2 {
  top: 208px;
  left: 248px;
}
a.agent_3 {
  top: 219px;
  left: 290px;
}
a.agent_4 {
  top: 217px;
  left: 254px;
}
a.agent_5 {
  top: 202px;
  left: 99px;
}
a.agent_6 {
  top: 200px;
  left: 183px;
}
a.agent_7 {
  top: 192px;
  left: 163px;
}
a.agent_8 {
  top: 180px;
  left: 153px;
}
a.agent_9 {
  top: 194px;
  left: 295px;
}
a.agent_10 {
  top: 248px;
  left: 201px;
}
a.agent_11 {
  top: 230px;
  left: 96px;
}
a.agent_12 {
  top: 312px;
  left: 114px;
}
a.agent_13 {
  top: 306px;
  left: 108px;
}
a.agent_14 {
  top: 240px;
  left: 296px;
}
a.agent_15 {
  top: 208px;
  left: 238px;
}
a.agent_16 {
  top: 280px;
  left: 260px;
}
a.agent_17 {
  top: 207px;
  left: 274px;
}
a.agent_18 {
  top: 192px;
  left: 130px;
}
a.agent_19 {
  top: 295px;
  left: 267px;
}
a.agent_20 {
  top: 205px;
  left: 265px;
}

/* Products ----------------------------------------------------------------- */
div.category-select {
  background: #777a5b;
  border: 1px solid #6c6f5a;
  margin: 10px 0 18px 18px;
  padding: 8px;
  width: 365px;
}
div.product-listing {
  margin-bottom: 4em;
  position: relative;  
}
div.product-listing div {
  background: #777a5b;
  border: 1px solid #6c6f5a;
  font-size: 12px;
  float: left;
  height: 80px;
  margin: 0 0 18px 18px;
  padding: 8px;
  width: 365px;
}
div.product-listing img.thumbnail {
  float: left;
  margin: 0 18px 0 0;
}
div.product-listing a.return-to-top {
  bottom: -10px; /* alternate rule in ie7.css */
  display: block;
  left: 18px;
  position: absolute;
  text-decoration: none;
}
a.return-to-top span {
  font-size: 1.5em;
  text-decoration: none;
}

/* Lightbox (Product Shots) ------------------- */
ul.lightbox-thumbs {
  list-style: none;
  margin: 0 0 100px 18px;
  padding: 0 0 24px 0;
}
ul.lightbox-thumbs li {
  background: #777a5b;
  border: 1px solid #6c6f5a;
  float: left;
  margin: 0 10px 10px 0;
  padding: 3px 3px 8px 3px;
}
ul.photos {
  list-style: none;
}
ul.photos li {
  float: left;
  width: 80px; 
}
ul.photos img {
  max-height: 80px;
  max-width: 80px;
}
/* Fixes a strange outline bug which
   displays a scrollbar when active */
#bottomNavClose:active {
  outline: none;
}

/* Footer ----------------------------------------------------------------- */
/* Bottom Shadow */
#footer {
  background: transparent url( images/bg_container_bottom.jpg ) no-repeat scroll left top;
	color: #fff;
	font-family: Verdana, Georgia, Serif;
	font-size: 9px;
	font-weight: bold;
  height: 34px;
	margin: 0 auto;
  width: 950px;
}
#credits {
  margin: 0 42px;
  position: relative;
}
#footer a,
#footer a:link {
  color: #fff;
  text-decoration: none;
}
#footer a:hover,
#footer a:link:hover {
	background-color: #cfd340;
	color: #fff;
}
#footer a.carbon-media,
#footer a.carbon-media:hover {
  background: transparent url( images/carbonmedia_logo.gif ) no-repeat scroll left top;
  right: 0;
  top: 0;
}
#footer a.carbon-media:hover,
#footer a.carbon-media:link:hover {
  background: transparent url( images/carbonmedia_logo.gif ) no-repeat scroll 0 -14px;
}

/* Misc Classes ----------------------------------------------------------------- */
.auto-height {
  height: auto !important;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


/* Misc Classes ------------------------------ */
.clear-both {
	clear: both;
}
.clear-left {
	clear: left;
}
.clear-right {
	clear: right;
}
/* Clearfix ------------------------------ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
  display: inline-table;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

/* Color Variable Overrides ------------------------------ */
#categories li.indoor-recessed-step-lights span.names {
  color: #85a1ca;
}
#categories li.indoor-display span.names {
  color: #fbb812;
}
#categories li.indoor-rgb span.names {
  color: #8f93b6;
}
#categories li.indoor-wall-ceiling span.names {
  color: #e3e369;
}
#categories li.indoor-pendants span.names {
  color: #c8c8c8;
}
#categories li.outdoor-surface-recessed span.names {
  color: #fea840;
}
#categories li.outdoor-in-ground span.names {
  color: #fad03f;
}
#categories li.outdoor-landscape span.names {
  color: #c6e64c;
}
#categories li.outdoor-architectural span.names {
  color: #a8aaad;
}
#categories li.accessories-drivers span.names {
  color: #98b273;
}
#categories li.accessories-housing span.names {
  color: #70a6c2;
}
#categories li.accessories-rgb-controllers span.names {
  color: #945793;
}

/* Category View ------------------------------ */
.indoor_display #product-selector {
  background: #f3e9d0;
}
.indoor_display #product-selector a:hover,
.indoor_display #product-selector li.current a {
  color: #fbb812;
}
.indoor_display .spec-sheet a {
  background: #fbb812;
}
.indoor_display #product-selector li.more a,
.indoor_display #details h2 {
  border-bottom: 2px solid #fbb812;
  color: #fbb812;
}

.indoor_rgb #product-selector {
  background: #ced0e5;
}
.indoor_rgb #product-selector a:hover,
.indoor_rgb #product-selector li.current a {
  color: #8f93b6;
}
.indoor_rgb .spec-sheet a {
  background: #8f93b6;
}
.indoor_rgb #product-selector li.more a,
.indoor_rgb #details h2 {
  border-bottom: 2px solid #8f93b6;
  color: #8f93b6;
}

.indoor_rgb #product-selector {
  background: #ced0e5;
}
.indoor_rgb #product-selector a:hover,
.indoor_rgb #product-selector li.current a {
  color: #8f93b6;
}
.indoor_rgb .spec-sheet a {
  background: #8f93b6;
}
.indoor_rgb #product-selector li.more a,
.indoor_rgb #details h2 {
  border-bottom: 2px solid #8f93b6;
  color: #8f93b6;
}

.indoor_wall_ceiling #product-selector {
  background: #f6f6d2;
}
.indoor_wall_ceiling #product-selector a:hover,
.indoor_wall_ceiling #product-selector li.current a {
  color: #e3e369;
}
.indoor_wall_ceiling .spec-sheet a {
  background: #e3e369;
}
.indoor_wall_ceiling #product-selector li.more a,
.indoor_wall_ceiling #details h2 {
  border-bottom: 2px solid #e3e369;
  color: #e3e369;
}

.indoor_pendants #product-selector {
  background: #ebebeb;
}
.indoor_pendants #product-selector a:hover,
.indoor_pendants #product-selector li.current a {
  color: #c8c8c8;
}
.indoor_pendants .spec-sheet a {
  background: #c8c8c8;
}
.indoor_pendants #product-selector li.more a,
.indoor_pendants #details h2 {
  border-bottom: 2px solid #c8c8c8;
  color: #c8c8c8;
}

.outdoor_surface_recessed #product-selector {
  background: #f5e8d7;
}
.outdoor_surface_recessed #product-selector a:hover,
.outdoor_surface_recessed #product-selector li.current a {
  color: #fea840;
}
.outdoor_surface_recessed .spec-sheet a {
  background: #fea840;
}
.outdoor_surface_recessed #product-selector li.more a,
.outdoor_surface_recessed #details h2 {
  border-bottom: 2px solid #fea840;
  color: #fea840;
}

.outdoor_in_ground #product-selector {
  background: #f8f3e2;
}
.outdoor_in_ground #product-selector a:hover,
.outdoor_in_ground #product-selector li.current a {
  color: #fad03f;
}
.outdoor_in_ground .spec-sheet a {
  background: #fad03f;
}
.outdoor_in_ground #product-selector li.more a,
.outdoor_in_ground #details h2 {
  border-bottom: 2px solid #fad03f;
  color: #fad03f;
}

.outdoor_landscape #product-selector {
  background: #f8fbed;
}
.outdoor_landscape #product-selector a:hover,
.outdoor_landscape #product-selector li.current a {
  color: #c6e64c;
}
.outdoor_landscape .spec-sheet a {
  background: #c6e64c;
}
.outdoor_landscape #product-selector li.more a,
.outdoor_landscape #details h2 {
  border-bottom: 2px solid #c6e64c;
  color: #c6e64c;
}

.outdoor_architectural #product-selector {
  background: #eaebed;
}
.outdoor_architectural #product-selector a:hover,
.outdoor_architectural #product-selector li.current a {
  color: #a8aaad;
}
.outdoor_architectural .spec-sheet a {
  background: #a8aaad;
}
.outdoor_architectural #product-selector li.more a,
.outdoor_architectural #details h2 {
  border-bottom: 2px solid #a8aaad;
  color: #a8aaad;
}

.accessories_drivers #product-selector {
  background: #f0fae1;
}
.accessories_drivers #product-selector a:hover,
.accessories_drivers #product-selector li.current a {
  color: #98b271;
}
.accessories_drivers .spec-sheet a {
  background: #98b271;
}
.accessories_drivers #product-selector li.more a,
.accessories_drivers #details h2 {
  border-bottom: 2px solid #98b271;
  color: #98b271;
}

.accessories_housing #product-selector {
  background: #e4f5fd;
}
.accessories_housing #product-selector a:hover,
.accessories_housing #product-selector li.current a {
  color: #70a6c2;
}
.accessories_housing .spec-sheet a {
  background: #70a6c2;
}
.accessories_housing #product-selector li.more a,
.accessories_housing #details h2 {
  border-bottom: 2px solid #70a6c2;
  color: #70a6c2;
}

.accessories_rgb_controllers #product-selector {
  background: #f6e2f6;
}
.accessories_rgb_controllers #product-selector a:hover,
.accessories_rgb_controllers #product-selector li.current a {
  color: #945793;
}
.accessories_rgb_controllers .spec-sheet a {
  background: #945793;
}
.accessories_rgb_controllers #product-selector li.more a,
.accessories_rgb_controllers #details h2 {
  border-bottom: 2px solid #945793;
  color: #945793;
}

/* Featured ------------------------------ */
.featured .indoor-recessed-step-lights h2 {
  border-bottom: 1px solid #85a1ca;
}
.featured .indoor-recessed-step-lights a {
  color: #85a1ca;
}

.featured .indoor-display h2 {
  border-bottom: 1px solid #fbb812;
}
.featured .indoor-display a {
  color: #fbb812;
}

.featured .indoor-rgb h2 {
  border-bottom: 1px solid #8f93b6;
}
.featured .indoor-rgb a {
  color: #8f93b6;
}

.featured .indoor-wall-ceiling h2 {
  border-bottom: 1px solid #e3e369;
}
.featured .indoor-wall-ceiling a {
  color: #e3e369;
}

.featured .indoor-pendants h2 {
  border-bottom: 1px solid #c8c8c8;
}
.featured .indoor-pendants a {
  color: #c8c8c8;
}

.featured .outdoor-surface-recessed h2 {
  border-bottom: 1px solid #fea840;
}
.featured .outdoor-surface-recessed a {
  color: #fea840;
}

.featured .outdoor-in-ground h2 {
  border-bottom: 1px solid #fad03f;
}
.featured .outdoor-in-ground a {
  color: #fad03f;
}

.featured .outdoor-landscape h2 {
  border-bottom: 1px solid #c6e64c;
}
.featured .outdoor-landscape a {
  color: #c6e64c;
}

.featured .outdoor-architectural h2 {
  border-bottom: 1px solid #a8aaad;
}
.featured .outdoor-architectural a {
  color: #a8aaad;
}

.featured .accessories-drivers h2 {
  border-bottom: 1px solid #98b271;
}
.featured .accessories-drivers a {
  color: #98b271;
}

.featured .accessories-housing h2 {
  border-bottom: 1px solid #70a6c2;
}
.featured .accessories-housing a {
  color: #70a6c2;
}

.featured .accessories-rgb-controllers h2 {
  border-bottom: 1px solid #945793;
}
.featured .accessories-rgb-controllers a {
  color: #945793;
}