#bg {
	height: 20px;
	background: #00214A url('bg.gif');
}

#content {
	margin-top: 1px;
	float: left;
	width: 100%;
	list-style-image: url('loybullet.gif'); 
	font: 12px verdana;
}

#copyright {
	text-align: center;
	line-height: 20px;
	background: #fff url('bgfooter.gif') center repeat-x;
	font: bold 12px arial, sans-serif; 
	color: #666;
	padding: 5px 0 3px 0;
}

/*--------------------------------------------------------------------------------------------------*/
/*ID=NAV*/

/*#nav, #nav ul {
	font: 12px arial, sans-serif;
	float: left;
	height: 20px;
	background: transparent;
	list-style: none;
	line-height: 12px;
	padding: 0; 
	margin: 0;
	position: absolute;
	z-index: 3;
}#nav {width: 760px;}

#nav li {
	float: left;
	padding: 0;
	height: 20px; 
	width: 9em;
	background: url('corner.gif');
	text-align: center;
}

#nav li a {
	display: block;
	width: 9em;
	color: #fff;
	text-decoration: none;
	padding: 4px 0;
}
#nav li a:hover {
	color: #00214A;
	background: url('icorner.gif');
}

#nav ul {left: -999em;}

#nav ul li {
	width: 15em;
	text-indent: 8px;
	border: solid #c2c2c2; 
	border-width: 0 1px 1px 1px;
	text-align: left;
}

#nav ul li a {
	background: #00214A;
	width: 100%;
}
#nav ul li a:hover {background: #fff url('hover.gif') left repeat-x;}

#nav li:hover ul, #nav li.sfhover ul {position: static;}*/

#menu {
	/*position:absolute;
	left:0;*/
	margin:0 0 0 3px;
	padding:0;
	height:auto;
	width:12em;
	text-align:left;
}
#nav{
	font-size: 90%;	
	position:absolute;
	left:3px;
}
#nav, #nav ul {
	font: 12px arial, sans-serif;
	/*float: left;*/
	height: 20px;
	background: transparent;
	list-style: none;	
	line-height: 12px;
	padding: 0; 
	margin: 0; 
	position: absolute;
	z-index: 3;
}#nav {width:760px;}

#nav li { 
	position: relative;
	float: left;
	padding: 0;
	height: 20px;
	width: 9em;
	background: url('corner.gif');
	text-align: center;
}
ul#nav>li li { /* Needed for Opera 9, maybe because it's decent CSS. Hide from IE6 */
	float: none;
}

#nav li a {
	display: block;
	text-decoration: none;
	color: #fff;
	width: 9em;
	padding: 4px 0;
}
#nav ul li a {
	/*line-height : 13px;*/
	background: #00214A;	
	width: 15em;
	text-indent: 8px;
	border: solid #c2c2c2; 
	border-width: 1px 1px 1px 1px;
	text-align: left;
}

ul#nav li a:hover {
	color: #00214A;
	background: url('icorner.gif');
}

ul#nav ul li:hover a:hover { 
	background: #fff url('hover.gif') top repeat-x;
}


ul#nav li ul { /* Hides the first unhovered submenu */
	position : absolute;
	left: -999em;
}
#nav li:active ul ul, #nav li:active ul ul ul, #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em; /* Hides the second and following unhovered submenus */
}


#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	top: 0;
	left: 0px;
	margin-left: 100%;
}


/*                       ****DISPLAYS HORIZONTAL MENU(2) ******* */
#nav li:hover ul, #nav li a:focus ul, #nav li.sfhover ul {
	top: 100%;
	margin-left: 0;
}
/*div#menu {
	width:100%;
}*/

/*--------------------------------------------------------------------------------------------------*/
/*TAGS*/

body {background: #fff; margin: 0 3px; min-width: 770px;}

table {width: 100%;}
td {vertical-align: top; padding: 0;}

a {font-weight: bold; color: #00214A; text-decoration: underline;}
a:hover {text-decoration: none;}

img {border: none;}
/*hr {height: 1px; color: #ccc; margin:5px 0;}*/
h1 {margin: 0 0 4px 0; font: bold 18px Arial, Helvetica, sans-serif; line-height: 20px;}
h2 {margin: 0; font: bold 12px Arial, Helvetica, sans-serif; line-height: 16px;}
h3 {margin: 0; font: bold 10px Arial, Helvetica, sans-serif; line-height: 16px;}
b {margin: 0; font: bold 11px Arial, Helvetica, sans-serif; line-height: 12px;}
p {margin: 12px 0;}

form {margin: 0; padding: 0;}

/*--------------------------------------------------------------------------------------------------*/

.main { 
	width: 100%; 
	padding: 5px; 
}

.greenBg {background-color: #efefef;}

.screen {
	background: url('../images/av-web-bg.jpg') center no-repeat #fff;
	border: 1px solid #ddd;
}.screen #ufoDemo {width: 100%; height: 225px;}

.box, .box2 { 
	border: 1px solid #ddd; 
	padding: 3px 5px;
}.box {background: url('../assets/boxtop.jpg') top repeat-x #fff;}
.box2 {background-color: #fff;}

.halfrule, .rulegr {
	width: 50%;
	border: solid #eee; 
	border-width: 1px 0 0 0;
	padding: 5px 15px;
	font-size: 11px;
}.rulegr {background: #BAE4F8;} 
/*.halfrule a, .rulegr a {
	float:right;
}
.halfrule h2 a, .rulegr h2 a {
	float:none;
}*/

.sitemap {
	width: 50%;
	border: solid #eee; 
	border-width: 1px 0 0 0;
	padding: 5px;
	font-size: 11px;
}.sitemap ul{padding-left:20px;margin-left:0;}

.rightborder { 
	border: 1px solid #BAE4F8; 
	float: right; 
	background: #fff; 
	width: 90px;
}.rightborder:hover {border: 1px solid #4F77A7;}
.border {
	border: 1px solid #BAE4F8; 
	background: #fff; 
	width: 90px;
}.border:hover {border: 1px solid #4F77A7;}

/*--------------------------------------------------------------------------------------------------*/

.chart {
	width: 100%; 
	border: solid 1px #aaa; 
	margin: 0;  
	background: #ddd;
}
.data {
	background: #eee; 
	font: 10px verdana;
}.datad {background: #e0e0e0;}
.dataw {
	background: #f5f5f5; 
	font: 10px verdana;
}.datawd {background: #e7e7e7;}
.datab {
	background: #eee; 
	font: bold 9px verdana; 
}
.dataz {background: #f5f5f5;}
.datax {background: #ffffff;}
.datax td, .dataz td {padding: 2px;}

.tdh, .tdh2 {
	color: #fff; 
	background: #112f5c; 
	text-align: center;
}.tdh {font: bold 9px verdana;}
.tdh2 {font: bold 11px verdana;}
.data2 {
	color: #000; 
	background: #fff; 
	text-align: center;
	font: bold 9px verdana; 
}.data2d {background: #f1f1f1;}

.chart .cgr {background:#bababa;}
.chart .cbe {background:#fcecc8;}
.chart .civ {background:#debe8b;}
.chart .cbl {background:#000000;color:#fff;}
.chart .cbr {background:#3e2a1f;color:#fff;}
.chart .cal {background:#f2e3b8;}
.chart .cla {background:#ebe4cd;}
.chart .ctp {background:#ccbda8;}
.chart .ces {background:#f5efe4;}
.chart .cbi {background:#f9f7e9;}
.chart .cht {background:#b8162d;color:#fff;}
.chart .cmr {background:#592229;color:#fff;}
.chart .csi {background:#603224;color:#fff;}
.chart .csg {background:#bcd9c6;}
.chart .cpd {background:#c9cfd4;}
.chart .cpl {background:#615661;color:#fff;}
.chart .ctq {background:#55b6b4;color:#fff;}
.chart .cbb {background:#fae2a2;}
.chart .cbc {background:#e2e2e2;}
.chart .cbn {background:#e7e4dd;}

.chart .cls {background: url('../products/lutron/images/colors/ls.jpg');}
.chart .cst {background: url('../products/lutron/images/colors/st.jpg');}
.chart .cds {background: url('../products/lutron/images/colors/ds.jpg');}
.chart .ctc {background: url('../products/lutron/images/colors/tc.jpg');}
.chart .cbg {background: url('../products/lutron/images/colors/bg.jpg');}
.chart .cgb {background: url('../products/lutron/images/colors/gb.jpg');}
.chart .cms {background: url('../products/lutron/images/colors/ms.jpg');}
.chart .cgs {background: url('../products/lutron/images/colors/gs.jpg');}
.chart .cgs {background: url('../products/lutron/images/colors/gs.jpg');}
.chart .csb {background: url('../products/lutron/images/colors/sb.jpg');}
.chart .csc {background: url('../products/lutron/images/colors/sc.jpg');}
.chart .csn {background: url('../products/lutron/images/colors/sn.jpg');}
.chart .cqb {background: url('../products/lutron/images/colors/qb.jpg');}
.chart .cqz {background: url('../products/lutron/images/colors/qz.jpg');}
.chart .ccla {background: url('../products/lutron/images/colors/cla.jpg');}
.chart .cbla {background: url('../products/lutron/images/colors/bla.jpg');color:#fff;}
.chart .cbra {background: url('../products/lutron/images/colors/bra.jpg');}

/*--------------------------------------------------------------------------------------------------*/

.over {position:relative;}
.pop {
	display: none; 
	position: absolute; 
	z-index: 9;
	left: 170px; 
	margin-top: -19px; 
	background: #fff; 
	border-bottom: 1px solid #bbb;
	width: 170px;
}.pop .pop {margin-right: 3px;}
.o > .pop {margin-left: 0;}
.over:hover > .pop {display: block;}
.over:hover > * {background: #fff url('hover.gif') center repeat-x;}
.pop a {display: block;}

/*--------------------------------------------------------------------------------------------------*/

.right {float: right;}
.left {float: left;}

.center {text-align: center; vertical-align: middle;}

.small {font-size: 80%; text-align: center; padding-top: 5px;}
.sub {font-size: 10px;}

.fifty {width:50%;}
.fourty {width:40%;}
.thirty {width:30%;}
.twenty {width:20%;}
.fifteen {width:15%;}
.ten {width:10%;}
.five {width:5%;}

.w {color: #fff; font: bold 100% arial;}
.red {color: red; font-weight: bold;}
.title {color: #000;}
.lite {color: #abc;}
.wbg {background-color: #fff;}

.sdb{padding:0;position:relative;top:36px;margin:0;font: bold 11px Arial, Helvetica, sans-serif;}

.colorBox {float:left;margin:0 0 5px 0;width:80px;font-size:11px;}
.colorBox2 {text-align:center;float:left;margin:0 0 5px 0;width:60px;font-size:11px;}
.colorBox3 {float:left;margin:0 0 5px 0;width:150px;font-size:11px;}
.colorBox2 img {border:1px solid black;}

/*--------------------------------------------------------------------------------------------------*/
/*SIDEMENUS*/

.rmenu {background: #fff; font: 11px Arial, sans-serif;}
.sidemenu {background: #ddd; font: 11px Arial, sans-serif;}

.leftnavwidth {
	width: 170px; 
	border-bottom: 1px solid #bbb;
}.grey {background: #eee;}

.subbodyright { 
	text-align: center; 
	color: #000; 
	padding: 4px 0; 
	margin-bottom: 12px; 
	width: 168px;
	border: 1px solid #ccc; 
	border-top-width: 0; 
	background: #fff; 
}

.subheadbl, .category { 
	font-weight: bold; 
	color: #fff; 
	background: #00214A url('item.gif') left repeat-x;
}.subheadbl {
	padding: 0; 
	height: 20px; 
	border: 1px solid #ccc;
}.demo {text-indent: 5px; width: 168px; line-height:18px;}
.category {
	padding: 2px 0; 
	border-bottom: #fff 4px solid; 
	text-indent: 5px; 	
}

.level1, .level2, .level3, .item, .item2, .item3 {
	width: 170px; 
	display: block;
	position:relative;
	border-top: 1px solid #bbb; 
}.level1, .item {text-indent: 5px;}
.level2 {
	background: #eee; 
	text-indent: 10px;
}.level3 {
	background: #fefefe; 
	text-indent: 15px;
}.item, .item2, .item3 {background: #00214A url('item.gif') left repeat-x;}
.item2 {text-indent: 10px;}
.item3 {text-indent: 15px;}

.level1 a, .level2 a, .level3 a, .item a, .item2 a, .item3 a {
	height: 14px;
	padding: 2px 0; 
	display: block; 
	text-decoration: none;
}.level2 a, .level3 a {font-weight: normal;}
.item a, .item2 a, .item3 a {color: #fff;}
.level1 a:hover, .level2 a:hover, .level3 a:hover {
	background: #fff url('hover.gif') center repeat-x; 
	text-decoration: underline;
}

/*--------------------------------------------------------------------------------------------------*/
/*SLIDESHOW*/

#containflip {
	margin: 0 auto; 
	width: 300px;
}

.hide {display: none}

#slideshow {
	height: 160px; 
	overflow: hidden; 
	background-color: #fff;
	/*filter: progid:DXImageTransform.Microsoft.Fade(overlap=1);*/
}

/*  Global Settings (needed for thickbox) */
/**{padding: 0; margin: 0;}*/


/*  Thickbox specific link and font settings */
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

#TB_title a:link {color: #999;}
#TB_title a:visited {color: #999;}
#TB_title a:hover {color: #fff;}
#TB_title a:active {color: #999;}
#TB_title a:focus{color: #999;}

/*#TB_ImageOff {cursor:pointer;}*/

/*  Thickbox settings */
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	/*filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;*/
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     /*height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');*/
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
/*margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');*/
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background:#004b8e url('bg-shade-sm.png') top repeat-x;
	height:27px;
	color:#fff;
}

#TB_title img{
	vertical-align:middle;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
    position: absolute;
    /*margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');*/
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	/*filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;*/
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     /*height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');*/
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	/*_margin-bottom:1px;*/
}