/***** Global Settings *****/

html, body {
	border:0;
	margin:0;
	padding:0;
}

body, h6, select {
	font: 13px/19px Myriad, "Myriad Pro", "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6{
	font-family: Myriad, "Myriad Pro", "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
}

@import url("reset.css");
body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color: #171717;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position:center top;
	min-width:960px;
}
#container { 
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0px; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	width:expression(document.body.clientWidth < 960 ? "960px": "auto" );
} 

#header-wrap, #subnav-wrap, #main-wrap, #footer-wrap {
	width:100%;
	margin: 0px;
	padding:0px;
}

textarea, input{
}
/*------------------------------------------------------------
         SUB NAV       
-------------------------------------------------------------*/
h1{
	color:#4496e2;
	font-weight:bold;
	font-size:22px;
	margin:0px;
}
h2{
	color:#4496e2;
	font-weight:normal;
	font-size:18px;
	margin:0px 0px 0px 0px;
}
h3{
	text-transform:uppercase;
	margin:0px;
	padding:0px;
	font-size:11px;
	font-weight:bold;
}

/*------------------------------------------------------------
         HEADER      
-------------------------------------------------------------*/
#subnav { 
	background-image:url(../images/sub-nav-bg.jpg);
	background-position: bottom;
	background-repeat:repeat-x;
	height:31px;
} 
#header { 
	background-image:url(../images/navShad.png);
	background-position: bottom;
	background-repeat:repeat-x;
	height:101px;
} 
#header-logo{
	background:url(../images/logo.png) no-repeat 15px 10px;
	cursor:pointer;
	width:400px;
	height:76px;
}
.green #header-logo
{
	background:url(../images/logo-green.png) no-repeat 15px 10px !important;
}
#zero-carbon-logo{
	cursor:pointer;
	float:right;
	margin:10px 10px 0 0;
	width:76px;
	height:75px;
	z-index:20;
}
#account-menu{
	width:300px;
	color:#fff;
	height:20px;
	float:right;
	margin-top:20px;
	text-align:right;
	margin-right:20px;
	font-size:12px;
}
#account-menu span{
	color:#444;
		margin:0 5px;

}
#account-menu a{
	color:#FFF;
}
#account-menu a:hover{
	text-decoration:underline;
}
.transOFF {}
.transON {opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}

/*------------------------------------------------------------
         MAIN NAV        
-------------------------------------------------------------*/
#main-nav{
	line-height:1;
	margin:0px;
	padding:0px;
	z-index:400px;
	min-width:700px;
}
main-nav li{
	float:left;
}
#main-nav-ul li ul{
	position: absolute;
	width: 12em;
	left: -999em;
}
.main-drop-menu{
	padding:5px 10px 5px 10px ;
	background-color:#333333;
	margin:0px;
}
.main-drop-menu li{
	float:none;
	border-bottom:1px #999999 dotted;
	padding:5px 0px 5px 0px;
	z-index:1000;
	display:block;
}
.main-nav-div{
	float:left;
	margin-right:25px;
	display:inline;
}
.main-drop-menu li a{
	font-size:12px !important;
}
#main-nav-ul li:hover .main-drop-menu{
	left: auto;
}
#main-nav a, #main-nav a:visited, #main-nav a:hover, #main-nav a:active{
	color:#FFFFFF;
	font-size:17px;
}
#main-nav-ul li:hover ul, #main-nav-li li.sfhover ul{
	min-height:0;
	z-index:10000 !important;
}
#main-nav-ul{
	margin-left:25px;
	width:900px;
}
.main-nav-li{
	display:inline;
	margin: 0px 30px 0px 0px;
}
#main-nav-ul li:hover ul{
	left: auto;
}
.view-all-btn{
	font-size:100% !important;
	line-height:160%;
	margin-top:5px;	
}
.new-products-btn{
	position:absolute;
	top:55px;
}
/*------------------------------------------------------------
         SUB NAV       
-------------------------------------------------------------*/
#subnav-ul{
	padding-top:5px;
	margin-left:25px;
}
.subnav-li{
	display:inline;
	margin: 0px 20px 0px 0px;
}
#subnav a, #subnav a:visited, #subnav a:hover, #subnav a:active{
	color:#ffffff;
	font-size:13px;
}
/*------------------------------------------------------------
         MAIN CONTENT AREA        
-------------------------------------------------------------*/
#main{
	background: url(../images/main-bg.png) repeat-x top #FFFFFF;
	min-width:900px;
	margin:0px;
	padding:0px;
	clear:left;
}
.divider1{
	text-align:center; 
	height:4px; 
	background:url(../images/page-spacer.png) no-repeat;
	margin:10px 0px;
}
/*------------------------------------------------------------
         PAGE SPACER       
-------------------------------------------------------------*/
.page-spacer{
	text-align:center; 
	height:3px; 
	background:url(../images/page-spacer.png) no-repeat;
	margin:10px 0;
}

/*------------------------------------------------------------
         FOOTER        
-------------------------------------------------------------*/
#footer{
}
#footer p{
	color:#f7f7f7;
	font-size:12px;
	float:left;
	margin-left:25px;
	padding-top:5px;
	margin-top: 0;
}
#footer a, #footer a:visited, #footer a:hover, #footer a:active{
	color:#ffffff;
}
#footer .madeinusa-txt{
	float:right;
	margin:5px 8px 0 0;
}

/*------------------------------------------------------------
         TIPS SCRIPT        
-------------------------------------------------------------*/
.tipClass { font: 10px Arial, Helvetica; color: white; }

/* Format links inside tips a little, feel free to remove this. */
.tipClass A { text-decoration: none; color: #FFFFCC }

/*------------------------------------------------------------
         ADMIN        
-------------------------------------------------------------*/
.admin h1{
	margin-left:200px;
}
.admin .admin-table{
	float:left;
	width:800px;
}
.admin .admin-menu{
	float:left;
	width:200px;
}
.admin #admin-menu a{
	color:#333333;
}
.admin #admin-menu a.active{
	font-weight:bold;
}
.admin #admin-menu li{
	margin-right:20px;
}
.admin .admin-header{
	margin-top:20px;
}
.admin #main-column{
	margin: 20px;;
	padding: 10px 0px;
}
.admin #main-column h3{
	margin: 10px 0px 0px 0px;
}
.admin #main-column p{
	margin: 0px 0px 10px 0px;
}

/*------------------------------------------------------------
         AJAX PAGINATION        
-------------------------------------------------------------*/
.pagination{
padding: 2px;
margin: 1em 0;
clear: both;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: right; /*Set to "left" or "right" to left/right align pagination interface*/
font-size: 100%;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

*:first-child+html .pagination li{ /*IE7 only CSS hack*/
margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE7 */
}

* html .pagination li{ /*IE6 and below CSS hack*/
margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE6 and below browsers*/
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
background:#ffffff;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{ /*Style for currently selected page link*/
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disabled, .pagination a.disabled:hover{ /*Style for "disabled" previous or next link*/
cursor: default;
border-color: transparent;
background-color:#333;
color:#666;
}

.pagination a.prevnext{ /*Style for previous and next link*/
font-weight: bold;
}

/*------------------------------------------------------------
         CATEGORY      
-------------------------------------------------------------*/
.category #main-wrap{
}
.category #main-left{
	float:left;
}

.category #main-right{
	margin-left:340px;
}
.category #main-container{
	margin: 0px;
	padding-left:30px;
}
.category p{
	margin:0px;
	padding:0px;
	width:500px;
}
#feat-item{
	margin-top:10px;
	width:388px;
}
.category .feat-item-bg{
	background:url(../images/feat-item-bg-top.png);
	padding: 5px 5px 0px 7px;
	margin:0px;
}
.category .feat-item-btm{
	background:url(../images/feat-item-bg-btm.png) no-repeat;
	height:11px;
}
.category #feat-item h3{	
	border-bottom:1px solid #CCCCCC;
}
#feat-item p{
	display:inline;
	margin:0px;
	padding:0px;
	line-height:14px;
}
.feat-item-minitxt{
	font-size:11px;
	margin:0;
	padding:0;
}
.feat-item-icon{
	float:left;
	margin-right:2px;
	padding-top:2px;
}
.feat-item-link{
	color: #000000 !important;
}
.category #sub-text{
	font-size:12px;
	margin:5px 0px 5px 0px;
}
.category #sub-text p{
	line-height:14px;
	margin-bottom:5px;
}
.category h1{
	padding-top:20px;
	margin-bottom:6px;
}
.category h2{
	font-size:13px;
	color:#333333;
	margin-right:10px;
}
.category h3{	
	color:#222222;
	font-weight:normal;
	font-size:16px !important;
	letter-spacing:0px !important;
	margin-bottom:3px;
	text-transform:none !important;
}
.category h4{
	color:#666666;
	font-weight:normal;
	margin:0;
	padding:0;
	text-transform:uppercase !important;
}
.category #lu-selector label, .category #lu-selector select{
	margin-right:5px;
	text-transform:capitalize;
}
/*   Recessed Upgrade Section  */
#wattage-chart{
	border-right: 1px #CCCCCC dotted;
	padding:20px 20px 0 20px;
}
.replacement-chart h4{
	line-height:90%;
	margin-bottom:5px;
}
.replacement-chart h5{
	color:#333333;
	font-size:80% !important;
	font-weight:bold !important;
	line-height:80%;
	margin:0;
	text-transform:uppercase;
}
.replacement-chart h6{
	color:#4A91DE !important;
	font-size:120%;
	font-weight:bold;
	margin:0;
	padding:0;
}
.replacement-chart table{
	margin:10px 0;
}
/*------------------------------------------------------------
         CONTACT     
-------------------------------------------------------------*/
.contact #main-column{
	width:800px;
	margin: 0 auto;
	padding: 10px 0px;
}
.contact #main-column h3{
	margin: 10px 0px 0px 0px;
}
.contact #main-column p{
	margin: 0px 0px 10px 0px;
}
.contact textarea, .contact input, .contact select,  .info textarea, .info input, .info select, .admin textarea, .admin input, .admin select, #downloads-div input{

}
.contact .address-txt{
	font-size:120%;
}
.contact .address-txt2{
	font-size:100%;
}
.contact .agents-link{
	color:#333333;
	font-weight:bold;
}
/*------------------------------------------------------------
         INFO PAGES       
-------------------------------------------------------------*/
.info #main{
	padding:0px 25px;
}
.info #main-column{
	width:930px !important;
	padding: 10px 20px;
	overflow:auto;
}
.info #main-column h3{
	font-size:120%;
	letter-spacing:1px;
	margin: 10px 0px 10px 0px;
	text-transform:none;
	
}
.info #main-column h1{
	margin:20px 0px;
}
.info #main-column p{
	margin: 0px 0px 10px 0px;
}
.info #main-column li, .info #main-column p{
	font-size:110%;	
}
.values-txt{
	font-size:15px;
	font-style:italic;
}
.info .big-link{
	font-size:140%;
	text-decoration:underline;
}

/*------------------------------------------------------------
         COLORS      
-------------------------------------------------------------*/
.track #main{
	background:url(../images/bg-track.png) repeat-x top #ffffff !important;
}
.multiples #main{
	background:url(../images/bg-multiples.jpg) repeat-x top #ffffff !important;
}
.slot #main{
	background:url(../images/bg-slot.jpg) repeat-x top #ffffff !important;
}
.recessed #main{
	background:url(../images/bg-recessed.jpg) repeat-x top #ffffff !important;
}
.pendant #main{
	background:url(../images/bg-pendant.jpg) repeat-x top #ffffff !important;
}
.surface #main{
	background:url(../images/bg-surface.jpg) repeat-x top #ffffff !important;
}
.exterior #main{
	background:url(../images/bg-exterior.jpg) repeat-x top #ffffff !important;
}
.specialty #main{
	background:url(../images/bg-specialty.jpg) repeat-x top #ffffff !important;
}


.track-btn a:hover, .track-color{
	color:#2666a6 !important;
}
.multiples-btn a:hover, .multiples-color{
	color:#a4d9cd !important;
}
.slot-btn a:hover, .slot-color{
	color:#7e8f98 !important;
}
.recessed-btn a:hover, .recessed-color{
	color:#edae82 !important;
}
.pendant-btn a:hover, .pendant-color{
	color:#f5c13c !important;
}
.surface-btn a:hover, .surface-color{
	color:#9e5653 !important;
}
.exterior-btn a:hover, .exterior-color{
	color:#655473 !important;
}
.specialty-btn a:hover, .specialty-color{
	color:#7d8e74 !important;
}
.green-color{
	color:#88b342 !important;
}

/*------------------------------------------------------------
         DISTRIBUTORS      
-------------------------------------------------------------*/
#dist-box{
	background:url(../images/dist-locator-bg.png) no-repeat;
	width:500px;
	height:400px;
}
#dist-box a{
	border:none;
}
#dist-box.a{
	font-size:9px;
	font-weight:bold;
}
#close-button{
	text-align:right;
	padding: 5px 15px 0px 0px;
}
#dist-box-txt{
	text-align:left;
	margin:70px 0px 0px 27px;
}
#dist-box-txt a{
	text-decoration:underline;
	font-weight:bold;
}
#dist-box-txt h3{
	padding-top:15px;
}
/*------------------------------------------------------------
         HOME      
-------------------------------------------------------------*/
.home #main-left{
	margin-right:404px;
	min-width:420px;
}
.home #main-right{
	float:right;
	width:384px;
}
.home #main-container{
	margin: 0px auto;
	padding-left:25px;
	width:450px;
}
.home .home-btns-li{
	margin: 0px 0px 1px 0px;
	padding:0px;
}
.home #home-btns-ul{
	margin-top:30px;
}
.home #home-text{
	padding:20px 0px 0px 0px;
}
.home #main-wrap{
	background-color:#000000;
}

/*------------------------------------------------------------
         LIGHTBOX      
-------------------------------------------------------------*/
#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	height:400px;
	margin:-220px 0 0 -250px;
	border:1px solid #fff;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:block;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}
/*------------------------------------------------------------
         L6 LIGHTBOX      
-------------------------------------------------------------*/

#l6-lightbox{
	display:none;
	position: absolute;
	top:40%;
	left:50%;
	z-index:9999;
	width:500px;
	height:500px;
	margin:-220px 0 0 -250px;
	text-align:left;
}
#l6-lightbox[id]{
	position:fixed;
}

#l6-overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#l6-overlay[id]{
	position:fixed;
}

#l6-lightbox.done #lbLoadMessage{
	display:none;
}
#l6-lightbox.done #lbContent{
	display:block;
}
#l6-lightbox.loading #lbContent{
	display:none;
}
#l6-lightbox.loading #lbLoadMessage{
	display:block;
}

#l6-lightbox.done img{
	width:100%;
	height:100%;
}
/*------------------------------------------------------------
         LIGHTING UPGRADE      
-------------------------------------------------------------*/
.category h1{
	padding-top:20px;
}
.category h3{
	font-size:14px;
	letter-spacing:1px;
}
.wattage-chart-link{
	color:#333 !important;
	font-size:15px;
	margin-bottom:15px !important;
	text-decoration:underline !important;
}
#lu-browser{
	background:url(../images/prod-browse-bg.jpg) center repeat-y #171717;
	height:180px;
	padding:0px;
	margin:0px;
	min-width:850px;
}
.lu-steps{
	padding:0 20px;
}
.lu-step{
	border-right: 1px dotted #444444;
	float:left;
	height:180px;
	margin:0;
	padding:0px 10px 0px 10px;
	width:200px;
}
.lu-step h3{
	color:#EBEBEB;
	display: block !important;
	font-weight: normal !important;
	font-size: 14px !important;
	text-transform:none !important;
}
.lu-step h5{
	color:#edae82 !important;
	font-size:130% !important;
	font-weight:normal !important ;
	margin:10px 0 0 0 !important;
	padding:0 !important;
}
.lu-step label{
	color:#FFFFFF;
	margin: 0 0 0 3px;
}
.recessed #sub-text p{
	font-size:120%;
	line-height:120%;
}
.lighting-upgrade h6{
	color:#666666;
	margin:0;
}
.lu-step-inactive{
	opacity:.50;
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5;
}
.lu-step-hide{
	display:none;
}
.lighting-upgrade main-wrap{
	min-height:332px;
}

/*------------------------------------------------------------
       MODULES   
-------------------------------------------------------------*/

#product-mod h3{
	text-transform:none !important;
	font-size:17px;
}

#product-mod h3 img{
	margin-bottom:-3px;
}
#product-mod .product-mod-menu-li p{
	line-height:14px;
	margin:0px 0px 0px 0px;
	padding:0px;
}
#product-mod #product-mod-menu-ul{
	margin: 10px 0px 0px 0px;
}
#product-mod .product-mod-menu-li{
	border-top:1px #CCCCCC solid;
	padding:3px 0px;
}
#product-mod .bottom-item{
	border-bottom:1px #CCCCCC solid;
}
#product-mod .product-mod-menu-li:hover{
	background:#F0F0F0;
}
#product-mod .product-mod-menu-li a{
	color:#000000;
}
#product-mod .view-icon{
	 margin-right:4px; 
	 margin-left:2px; 
	 float:left;
	 width:12px;
	 height:13px;
}
#product-mod .product-mod-menu-li input{
	display:inline;
}
#product-mod .lamp-base-options{
	float:left;
	width:30px;
}
#product-mod .cfl-lamp-base-options{
	float:left;
	margin-right:5px;
}
#product-mod .cfl-lamp-base-options p{
width:30px;
}
/*------------------------------------------------------
	DOWNLOADS MODULE
-------------------------------------------------------*/
#downloads-mod{
	background:#FFFFFF;
	width:500px;
	height:300px;
	overflow:auto;
	overflow-x: hidden;
}
#downloads-mod #product-mod{
	padding:20px !important;
	width:450px !important;
}
.downloads-iframe-page{
	background: none!important;
	text-align:left;
}
.downloads-iframe-page .error {
  border: 1px solid red;
  background-color: #ffffee;
  color: #660000;
  padding: 5px;
}
.signup-text{
	font-size:14px;
}
.signup-text a{
	border:1px #999999 solid;
	padding:5px;
	font-size:15px;
	font-weight:bold;
}
/*------------------------------------------------------
	REGISTER MODULE
-------------------------------------------------------*/
#register-mod{
	background:#FFFFFF;
	width:500px;
	height:400px;
	overflow:auto;
	overflow-x: hidden;
}
#register-mod #product-mod{
	padding:20px !important;
	width:450px !important;
}
#register-mod input{
	margin:0 0 0px 0;}
#register-mod label, #register-mod select{
	float:none;
	margin:0;
}
#register-mod h6{
	font-weight: bold;
	font-size: 90%;
	margin:0;
	padding:0;
}
/*------------------------------------------------------
	THINKING GREEN MODULES
-------------------------------------------------------*/

.green-sub-ttl{
	text-transform:none;
	font-size:13px;
	margin-left:23px !important;
}
/*------------------------------------------------------
	FEATURES MODULES
-------------------------------------------------------*/
.ll-holder{
	display:inline;
}
#features-mod{
	padding:15px;
}
#features-mod h2{
	color:#FFFFFF;
	margin-bottom:10px;
	font-weight:bold;
}
#features-mod h3{
	color:#FFFFFF !important;
	font-size:12px;
	font-weight:normal;
	text-transform:inherit;
}
#ll-holder{
	margin:0 auto;
	width:325px;
	background: url(../images/l6steps-bg.jpg) repeat-x bottom fixed #2462a8;
}
.ll-holder img{
	float:left;
	margin-right:5px;
}
.ll-holder{
	margin-right:10px;
	float:left;
}
.ll-holder h3, .ll-holder h4{
	color:#FFFFFF;
	text-align:left;
	margin:0;
	padding:0;
}
.ll-holder h3{
	font-size:18px;
}
.ll-holder h4{	
}
/*------Optic Size------*/
#opticsize-div .cell1{
	color:#ffffff;
	padding:1px;
	border: 1px #ffffff solid;
}
#opticsize-div .cell2{
	border: 1px #ffffff solid;
}
#opticsize-div h3{
	color:#FFFFFF;
	font-size:14px;
}
#opticsize-div{
	background: url(../images/l6steps-bg.jpg) repeat-x bottom fixed #2462a8;
}
/*--------Elements-------*/
.elements-div .ll-holder h3{
	font-size:15px !important;
	font-weight:bold !important;
}
.elements-item-txt{
	float:left;
	color:#FFFFFF;
}
/*------------------------------------------------------
	LOGIC 6 MODULES
-------------------------------------------------------*/
#l6steps-mod, #features-mod{
	text-align:left;
	background: url(../images/l6steps-bg.jpg) repeat-x bottom fixed #2462a8;

}
#l6steps-mod h3{
	font-size:15px;
	color:#b7d6f9;
	text-transform:capitalize;
}
#l6steps-mod h2{
	color:#ffffff;
	font-size:23px;
	font-weight:bold;
	margin-top:2px;
	text-transform:inherit;
}
.l6steps-sub-h2{
	font-size:13px;
}
#l6steps-mod p{
	color:#FFFFFF;
	font-size:13px;
	margin: 5px 0px;
}
#l6steps-mod ul{
	color:#ffffff;
	font-size:13px;
	list-style-type:square;
	margin-left:20px;
	
}
#l6steps-mod ul ul{
	margin-left: 40px;
}
#l6steps-mod h4{
	color:#ffffff;
	font-size:11px;
	margin:5px 0;
	padding:0;
	text-transform:uppercase;
}
.l6steps-btn{
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

/*------------------------------------------------------
	IES FILES MODULE
-------------------------------------------------------*/
.iesfiles-mod a{
	color:#FFFFFF;
	text-decoration:underline;
}
.iesfiles-mod a:visited{
	text-decoration:underline;
}
/*------------------------------------------------------------
       PRODUCT DETAIL   
-------------------------------------------------------------*/
.product #main-left, .recessed-ajax #main-left{
	float:left;
	margin-right:15px;
}
.product #main-right, .recessed-ajax #main-right{
	margin:0 0 0 370px;
	width:600px !important;
	padding-top:10px;
}
.product #main-container, .recessed-ajax #main-container{
	margin: 10px auto;
}
.product p, .recessed-ajax p{
	line-height:14px;
	padding:0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.product h2, .recessed-ajax h2{
	display:inline;
	font-size:30px;
	font-weight:bold;
	padding-top:5px;
}
.product h3, .recessed-ajax h3{
	display:inline;
	font-weight:lighter;
	font-size:36px;
}
.product h4, .recessed-ajax h4{
	display:block;
	font-weight:bold;
	font-size:15px;
	letter-spacing:2px;
	line-height:14px;
	text-transform:uppercase;
	margin:0;
	padding:0;
}
.product h5, .recessed-ajax h5{
	color:#231f20;
	font-size:14px;
	font-weight:normal;
	margin:3px 0 0 0;
	padding:0;
}
.product .type-text, .recessed-ajax .type-text{
	font-size:19px;
	text-transform:uppercase;
}
.product #product-detail-menu-div, .recessed-ajax #product-detail-menu-div{
	width:250px;
	margin-top:10px;
}
.product .product-detail-menu-li, .recessed-ajax .product-detail-menu-li{
	text-indent:0px;
	line-height:10px;
	font-size: 14px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	height:17px;
}
.product .product-detail-menu-li:hover, .product .product-detail-menu-li.sfhover, .recessed-ajax .product-detail-menu-li:hover, .recessed-ajax .product-detail-menu-li.sfhover{
	background:#f5f5f5;
}
.product #product-detail-menu-ul, .recessed-ajax #product-detail-menu-ul {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	list-style-type:none;
	text-indent:0pt;
	margin:0px;
	padding:0px;
}
.product .product-detail-menu-text, .recessed-ajax .product-detail-menu-text{
	top:-3px; 
	position:relative;
	margin-left:2px;
}	
.product .product-detail-menu-li a, .recessed-ajax .product-detail-menu-li a{
	color:#000000;
}
.logic6-logo{
	display:block; 
	margin-bottom:10px;
}
.product #main-right-column, .recessed-ajax #main-right-column{
	width:280px;
	float:left;
	margin:0;
	padding:0;
	border-right: 1px dotted #E3E3E3;
}
.product #main-right-content, .recessed-ajax #main-right-content{
	width:265px;
	float:left;
	margin:0px 0px 10px 10px;
	padding:10px;
	height:290px;
	overflow:auto;
	overflow-x:hidden;
}
/*------------------------------------------------------------
       PRODUCT LIST   
-------------------------------------------------------------*/
.product-list h2{
	font-size:120%;
}
.product-list .h2-alt{
	font-size:90% !important;
}
.product-list .list-title{
	font-size:120%;
}
.product-list p{
	margin:2px;
}
.product-list .row-0{
	background:#F5F5F5;
}
.product-list td{
	padding:5px;
}
.product-list #main-right{
	margin-left:100px;
}
.product-list #main-right-column{
	width:600px !important;
}
/*-----------------------------------------------------------
         L6 STEPS MODULE
-------------------------------------------------------------*/	
#l6steps-mod{
	padding:20px;
}
/*------------------------------------------------------------
         COLORS      
-------------------------------------------------------------*/
.color-wrap-2{
	width:55px;
	float:left;
	margin-right:2px;
}
.colors-holder{
	margin: 0px 0px 0px 0px;
	padding-top:10px;
	text-align:left;
	width:280px;
}
.colors-holder h4{
	margin:0px 0px 5px 0px;
	line-height:12px;
	font-size:11px;
	text-transform:uppercase;
}
.colors-holder h5{
	margin:5px 0px 0px 0px;
	padding:5px 0 0 0;
	color:#555555;
	font-weight:bold;
	line-height:12px;
	font-size:11px;
	text-transform:uppercase;
}
.color-wrap p{
	font-size:10px;
	line-height:10px !important;
	margin:2px 0 0 50px;
	padding:0;
}
.color-wrap .subtext{
	color:#555555;
	font-size:9px;
}
.color-wrap{
	width:130px;	border-top:1px #CCCCCC solid;
	padding:3px 0px;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}
#pcp-colors{
	width:130px;
	float:left;
	margin-right:10px;
}
#nf-colors{
	width:130px;
	float:left;
}
.product .back-link{
	color:#999999;
	font-size:90%;
}

/*------------------------------------------------------------
         PRODUCT BROWSER       
-------------------------------------------------------------*/
#more-products-txt{
	color:#666666;
	float:right; 
	font-weight:bold; 
	margin-top:20px;
	text-align:right;
	width:150px;
}

#product-browser{
	height:170px;
	padding:0px;
	margin:0px;
	min-width:850px;
}
	
#product-browser-container{
	margin:0 auto;
	width:900px;
}

.prod-browser-grid{
	height:160px;
	padding:0;
	margin:0px auto;
	text-align:center;
}

#product-browser #next{
	background:url(../images/prod-brwsr-next_btn.gif) no-repeat;
	cursor:pointer;
	height:170px;
	width:68px;
}

#product-browser #previous{
	background:url(../images/prod-brwsr-prev_btn.gif) no-repeat;
	height:170px;
	cursor:pointer;
	width:68px;
}

#product-browser #buttons-left{
	float:left;
	margin:0;
}

#product-browser #buttons-right{
	float:left;
	margin:0;
}

.item{
	height:165px;
}

.prod-browser-li{
	cursor:pointer;
	float:left;
	margin-right:10px;
}

.prod-browser-ttl{
	float:left;
	margin-right:20px;
	margin-top:65px;
}

.prod-browser-ttl h3{
	font-size:16px;
	margin-left:10px;
	text-transform:uppercase;
}
.prod-browser-ttl h3 span{
	display:block;
	font-size:12px;
	font-weight:bold;
}
.prod-browser-li h3{
	display:block;
	font-size:16px;
	line-height:0px;
	margin:5px 0 0 0;
	padding:0;
}

.prod-browser-li h4{
	font-weight:normal;
	font-size:11px;
	line-height:13px;
	letter-spacing:0px;
	margin:5px 0 0 0;
	padding:0;
	text-transform:none !important;
}
/* basic styles */
div#product-browser {
  z-index:100;
  overflow:none;

}
  /* this is the hole that you look through */
  div#sightglass {
  	background-image:url(../images/prod-browse-bg-inner.gif);
	background-repeat:no-repeat;
	float:left;
    z-index:80;
    overflow:hidden;
    position:relative;
    width:760px;
	height:170px;
  }
    /* this is the master div of items within the sightglass */
    div#items {
      display:block;
      position:relative;
      z-index:4;
      white-space:nowrap;
      width:10000px;
    }
      /* single item element within the sightglass */
      div.item {
        display:block;
        z-index:1;
        padding:4px;
        width:760px;
        position:relative;
        float:left;
      }





/*------------------------------------------------------------
        PROJECTS
-------------------------------------------------------------*/
#projectgallery #project-nav .head{
	background:url(../images/project-nav-spacer.jpg) no-repeat bottom left;
	color:#333333;
	display:block;
	font-size:17px;
	font-weight:bold ;
	padding-bottom:5px;
	margin-top:5px;
	outline:none;
}

#projectgallery #project-nav a:active{
	outline:none;
}

#projectgallery #project-nav .active{
	color:#388ad6;
}

#projectgallery #project-nav{
	border-right:1px solid #e5e5e5;
	width:190px;
	padding-right:15px;
	margin-right:15px;
}

#projectgallery #project-nav ul ul{
	background:url(../images/project-nav-spacer.jpg) no-repeat bottom left;
	padding-bottom:3px;
}

#projectgallery #project-nav ul ul li{
	border-top:1px solid #e5e5e5;
	color:#555555;
	font-size:14px;
	font-weight:bold;
	padding:7px 0 7px 5px;
	cursor:pointer;
}
#projectgallery #project-nav a.selected{
	color:#388ad6;
}
#projectgallery #project-nav ul ul li:hover{
	background:url(../images/project-nav-rollover.jpg) repeat-y left;
}
#projectgallery #project-nav ul ul li span{
	display:block;
	font-weight:normal;
	line-height:14px;
}

#projectgallery #project-nav, #projectgallery #project-details{
	float:left;
}

#projectgallery #project-details{
	border-right:1px solid #e5e5e5;
	width:220px;
	float:left;
	margin-bottom:0px;
	margin-right:15px;
	padding-right:15px;
}

#projectgallery #project-details h2{
	color:#388ad6;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:5px;
}

#projectgallery #project-details h4{
	color:#51a2ef;
	text-transform:uppercase;
	margin-bottom:0px;
}

#projectgallery #project-details p{
	font-size:12px;
	line-height:14px;
	margin:0 0 5px 0;
}

#projectgallery #project-details h3{
	margin:0;
	font-weight:normal;
	font-size:12px;
	letter-spacing:0;
}

#projectgallery #project-details li{
	background:url(../images/test.jpg) center no-repeat;
	border:2px #CCC solid;
	cursor:pointer;
	float:left;
	height:53px;
	width:53px;
	margin:0 3px 3px 0;
	
	
}

#projectgallery #project-gallery{
	float:left;
	width:452px;
	margin-top:10px;
}

#projectgallery #project-thumbnails{
	margin-top:6px;
}

#projectgallery #project-thumbnails ul li{
	float:left;
	margin-right:6px;
}

#projectgallery #project-product{
	
}

#projectgallery #main{
	height:500px;
}
#projectgallery #project-product .product-bg{	
	background:#efefef;
	padding:0 20px 5px 20px;
}
#projectgallery #project-product h4, #projectgallery #project-product h2, #projectgallery #project-product h5{
	margin:0;
}
#projectgallery #project-product h2{
	font-size:22px !important;
}
#projectgallery #project-product h2 span{
	font-size:14px;
}
#projectgallery #project-product h4{
	font-size:11px;
	letter-spacing:1px;
	line-height:11px;
}
#projectgallery #project-product h5{
	font-weight:normal;
	line-height:11px;
	margin:0 0 10px 0;
}
#projectgallery #project-product h3{
	text-align:center;
	margin:0;
	font-size:14px !important;
	font-weight:bold !important;
	text-transform:uppercase;
	letter-spacing:1px !important;
}
#projectgallery #project-product img{
	text-align:center;
}
#projectgallery #project-image{
	width:452px;
	height:328px;
}
#projectgallery #product-thumb{
}

#projectgallery #project-thumbnails img{
	cursor:pointer;
}
/*------------------------------------------------------------
        REGISTER FORM      
-------------------------------------------------------------*/

#register-form form {
	width: 360px;
	text-align: left;
}

#register-form fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

#register-form legend {
	display: none;
}

#register-form form h3 {
	clear: both;
	padding: 5px 0px 10px 0px;
	font-size: 14px;
}

#register-form form label {
	display: block;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}

#register-form form input {
	display: block;
	margin-top: 3px;
}

#register-form form select {
	float: left;
	display: block;
}

#register-form form label.field-first,
#register-form form label.field-address,
#register-form form label.field-city,
#register-form form label.field-email {
	clear: left;
}


#register-form form label.field-first,
#register-form form label.field-last,
form label.field-city,
#register-form form label.field-email,
#register-form form label.field-phone {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 150px;
}

#register-form form label.field-first input,
#register-form form label.field-last input,
#register-form form label.field-email input,
#register-form form label.field-city input,
#register-form form label.field-phone input {
	float: left;
	width: 150px;
	padding: 0px;
}

#register-form form label.field-state {
	float: left;
	margin-right: 10px;
	width: 60px;
}

#register-form form label.field-state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

#register-form form label.field-zip {
	float: left;
	width: 80px;
}

#register-form form label.field-zip input {
	float: left;
	width: 80px;
}

#register-form form label.field-address {
	float: left;
	width: 310px;
	margin: 0px 0px 0px 0px;
}
#register-form form label.field-address input {
	float: left;
	width: 310px;
	padding: 0px;
}
#register-form form input#radiobutton_1,
#register-form form input#radiobutton_2,
#register-form form input#radiobutton_3,
#register-form form input#radiobutton_4,
#register-form form input#radiobutton_5,
#register-form form input#radiobutton_6,
#register-form form input#radiobutton_7 {
	clear: left;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
#register-form form input#radiobutton_4form label.radioitem {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}
#register-form form input#radiobutton_4textarea {
	display: block;
}
#register-form form input#radiobutton_4form textarea {
	margin-top: 3px;
}


/*------------------------------------------------------------
          SUSTAINABILITY PAGE       
-------------------------------------------------------------*/
.sustainability-header{
	margin-bottom:10px !important;
}
.sustainability-img{
	float:left;
	height:250px;
}

/*------------------------------------------------------------
          TOOL TIP       
-------------------------------------------------------------*/
.yh_tt_div {
 background-color: #ffffff; 
 padding: 10px; 
 border: 1px solid #ff6600; 
}

.yh_tooltip {
 font-size: 11px; 
}

.tt_header {
 position: relative;
 width: 150px;
 height: 19px;
 background-image: url(tip_header.gif);
 margin-bottom: 3px;
}

.tooltip {
 display: none;
}

/*------------------------------------------------------------
         VIDEO      
-------------------------------------------------------------*/
.video #main-column{
	width:800px;
	margin: 0 auto;
	min-height:500px;
	padding: 10px 0px;
}
.video #main-column h3{
	margin: 10px 0px 0px 0px;
}
.video #main-column p{
	margin: 0px 0px 10px 0px;
}
.video h2{
	color:#333333;
	line-height:140%;
	padding-top:10px;
}
.video h1{
	margin:8px 0px;
}
#video-menu{
	margin-top:10px;
	text-align:center;
}
#video-player{
	margin: 0 auto;
	text-align:center;
	width:400px;
}







/***** Common Formatting *****/
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

p, ul, ol {
	margin:0;
	padding:0px 0px 0px 0px;
	font-size: 12px;
}

ul, ol {
list-style:none;
padding:0px 0px 0px 0px;
}

blockquote {
margin:22px 40px;
padding:0;
}

img {
border:0;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}

/***** Links *****/

a, a:visited, a:active {
	text-decoration:none;
	outline:none;
	color:#4496e2;
}
a:hover {
}

/***** Forms *****/

form {
margin:0;
padding:0;
}

input, select, textarea {
}
select{
}
textarea {
line-height:1.25;
}

label {
cursor:pointer;
}

/***** Tables *****/



/***** Wrapper *****/

/***** Global Classes *****/

.clear 			{ clear:both; }

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

.text-left 		{ text-align:left; }
.text-right 	{ text-align:right; }
.text-center 	{ text-align:center; }
.text-justify 	{ text-align:justify; }

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.size21 			{ font-size: 21px; }
.size19 			{ font-size: 19px; }
.size17 			{ font-size: 17px; }
.size15 			{ font-size: 15px; }
.size13 			{ font-size: 13px; }
.size12 			{ font-size: 12px; }
.size11 			{ font-size: 11px; }
.size10 			{ font-size: 10px; }

.wrap 			{ width:960px;margin:0 auto; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

.img-btm-mrg	{ margin-bottom:10px; }
.error-msg 		{ color:#ffffff !important;}

.capitalize		{text-transform:capitalize;}
.uppercase		{text-transform:uppercase;}

.color-red		{color:red;}