body { font-size:8pt;font-family: Arial, Verdana,sans-serif; word-wrap:break-word; margin:0;padding:0;  width:100%;   top:0px; position:absolute; }


div.TVScroll { overflow: auto }
:focus { -moz-outline-style: none }

/* Product Content  */
.ProductFrame{ width:100%;  float:left; padding-top:15px; background:#fff; margin-bottom:15px;}



.MasterBanner{ width:100%;  }
.Redliner{ width:22.22%; float:left; height:20px; background:#A4162d;}
.Blackliner{ width:77.77%;float:left;  height:20px;background:#000}

 /*first column*/
 
.FirstColumn{ width:22%; float:left; border-right:1px #D3D3D3 solid;height:100%; }
.FirstColumnContainer{ width:100%; float:left;}
.ProSubMenuTitle {width:93%; margin:0 auto; color:#000; font-weight:bold; background:#C0C0C0; height:20px; line-height:20px; text-indent:15px;font-size:9pt; }
.ProSubMenu{ width:93%; margin:0 auto;   background:#f5f5f5; margin-bottom:10px;}

.ProSubMenuTitle2 {width:93%; margin:0 auto; color:#000; font-weight:bold; background:#9fb3be; height:20px; line-height:20px; text-indent:15px;font-size:9pt; }
.ProSubMenu2{ width:93%; margin:0 auto;}

.ProSubMenuTitleSection2 {width:93%; margin:0 auto; color:#000; font-weight:bold; background:#9fb3be; height:20px; line-height:20px; text-indent:15px;font-size:9pt; }
.ProSubMenuSection2{ width:93%; margin:0 auto; margin-bottom:10px;  background:#f5f5f5;}

.ProSubMenu ul { margin:0px; padding:0px;margin:0px; padding:0px; }
.ProSubMenu ul li{ list-style-type:none;  display:list-item; padding-right:10px; height:20px; cursor:hand;  }
.ProSubMenu ul li:hover { color:#FFF; background:#000; filter:alpha(opacity=80); -moz-opacity:0.8;}

.ProSubMenu ul li .SelectedItem:link, .SelectedItem:visited {font-size:8pt; padding-left:15px; padding-right:120px; text-decoration:none; height:18px; line-height:18px; color:#666666; }
.ProSubMenu ul li .SelectedItem{font-size:8pt; padding-left:15px; padding-right:120px; text-decoration:none; height:18px; line-height:18px; color:#666666; }
.ProSubMenu ul li .SelectedItem:hover { color:#ffffff; }
.ProSubMenu ul li .SelectedItem:active {color:#ffffff; } 
.ProSubMenu ul .currentli .SelectedItem:active {color:#ffffff; } 
.ProSubMenu ul .currentli, .ProSubMenu ul .currentli .SelectedItem {background:#000; filter:alpha(opacity=80); -moz-opacity:0.8; color:#ffffff;  }

.ProSubMenu ul li:hover .SelectedItem{color:#ffffff; }
.ProSubMenu ul li .ProSubMenuHover { color:#000;  text-decoration:none; }

.Prothumb{ width:93%;  float:left; background:#F5F5F5; margin-left:10px; padding-bottom:15px; margin-bottom:10px;}
.ProSubSpec2{ width:93%; float:left; background:#F5F5F5; margin-left:10px; padding-bottom:15px; line-height:20px;}


 /*Second column for DecoSystems*/
.SecondColumn{ float:left;width:54.9%;border-right:1px #D3D3D3 solid;}
.SecondColumn .ScondColumnContainer #top{margin-left:10px; }
#display_Container{border-bottom:1px #D3D3D3 dotted;}
#shade_id{position:relative;right:0px; bottom:5px;background:silver;padding:2px 10px;}
#shade_des{position:relative;bottom:5px;padding:2px 10px;}
#shade_Container .shade_list{ width:62px; height:70px; border:1px solid #ccc; float:left; margin-left:5px;margin-top:10px;overflow: hidden; }
#shade_Container .shade_list .Shade_list_img { display: block; margin-left:auto; margin-right:auto;overflow: hidden; padding:5px; }
#shade_Container .shade_list:hover{ border:1px solid #000; filter:alpha(opacity=80); -moz-opacity:0.8;-webkit-opacity:0.8;}
#display_image {margin-bottom:10px;}
/**/
#shade_Container .shade_listULine{ width:118px; height:88px; border:1px solid #ccc; float:left; margin-left:5px;margin-top:10px;overflow: hidden; }
#shade_Container .shade_listULine.Shade_list_img {display: block; margin-left:auto; margin-right:auto;overflow: hidden; }
#shade_Container .shade_listULine:hover{ border:1px solid #000; filter:alpha(opacity=80); -moz-opacity:0.8;-webkit-opacity:0.8;}
/**/
#shade_Container .shade_listULineB{ width:305px; height:190px; border:1px solid #ccc; float:left; margin-left:5px;margin-top:10px;overflow: hidden; }
#shade_Container .shade_listULineB .Shade_list_img {display: block; margin-left:auto; margin-right:auto;overflow: hidden; }
#shade_Container .shade_listULineB:hover{ border:1px solid #000; filter:alpha(opacity=80); -moz-opacity:0.8;-webkit-opacity:0.8;}
/**/
#shade_Container .shade_listULineA{ width:148px; height:98px; border:1px solid #ccc; float:left; margin-left:8px;margin-top:8px;overflow: hidden; }
#shade_Container .shade_listULineA .Shade_list_img {display: block; margin-left:auto; margin-right:auto;overflow: hidden; }
#shade_Container .shade_listULineA:hover{ border:1px solid #000; filter:alpha(opacity=80); -moz-opacity:0.8;-webkit-opacity:0.8;}
/*#shade_Container .shade_list img { display: block; margin-left:auto; margin-right:auto;  padding:5px; }*/

#diagram { color:black; text-decoration:none; background:#9fb3be; padding: 10px 30px;border: white 1px solid; outline: 1px solid #9fb3be;  font-family: Arial; text-align:center;   }
#diagram:hover{color:black; background:silver}
/*Second column for DecoSystems*/
.clear
{
	height: 0 !important;
	line-height: 0 !important;
	clear: both !important;
	font-size: 1px !important;
	margin: 0;
	padding: 0;
	float: none !important;
}

/* Third column for DecoSystems */
.ThirdColumn{ float:right;width:22.9%;}
#specSpan{display:block;color:#666;margin-left:10px;margin-top:15px;padding-top:15px;}
/*.ProSubMenuTitleSpecification { margin:0 auto; color:#000; font-weight:bold; background:#9fb3be; height:20px; line-height:20px; text-indent:15px;font-size:9pt; }
.ProSubMenuSpecification{margin:0 auto; margin-bottom:10px;background:#f5f5f5;height:500px;}
#specContainer{padding-top:10px;margin-left:15px;padding-bottom:10px;}*/
	
/*Halo pages*/
.HaloProductFrame{ width:100%;  float:left; padding-top:15px; background:#fff; padding-bottom:20px; }

.HaloProductFrame .FirstColumn{ width:22%; float:left; border-right:1px #D3D3D3 solid;  }
.HaloProductFrame .FirstColumnContainer{ width:100%; float:left; margin-bottom:15px;  }
.HaloProductFrame .ProSubMenuTitle {width:93%; margin:0 auto; color:#000; font-weight:bold; background:#FF8400; height:20px; line-height:20px; text-indent:15px;font-size:9pt; }
.HaloProductFrame .ProSubMenuTitle2 {width:93%; margin:0 auto; color:#000; font-weight:bold; background:#ffae00; height:20px; line-height:20px; text-indent:15px;font-size:9pt; }
.HaloProductFrame .ProSubMenu{ width:93%; margin:0 auto;   background:#f9eecb; margin-bottom:10px;}
.HaloProductFrame .ProSubMenu2{ width:93%; margin:0 auto; background:#f5f5f5;  }
.HaloProductFrame .ProSubMenu ul { margin:0px; padding:0px;margin:0px; padding:0px;  }
.HaloProductFrame .ProSubMenu ul li{ list-style-type:none;  display:list-item; padding-right:10px; height:20px; cursor:hand;  }
.HaloProductFrame .ProSubMenu ul li:hover { color:#FFF; background:#000; filter:alpha(opacity=80); -moz-opacity:0.8;}

.HaloProductFrame a.SelectedItem:link, a.SelectedItem:visited {font-size:8pt; padding-left:15px; padding-right:120px; padding-top:2px; padding-bottom:4px; text-decoration:none; height:18px; line-height:18px; color:#666666; }
.HaloProductFrame a.SelectedItem:hover { color:#ffffff; }
.HaloProductFrame a.SelectedItem:active {color:#ffffff; } 

.HaloProductFrame .ProSubMenu ul li:hover a.SelectedItem{color:#ffffff; }
.HaloProductFrame .ProSubMenu span{ padding-left:20px;}
.HaloProductFrame .ProSubMenu ul li .ProSubMenuHover { color:#000;  text-decoration:none; }
.HaloProductFrame .Prothumb{ width:93%;  float:left; background:#F5F5F5; margin-left:10px; padding-bottom:15px;    }
.HaloProductFrame .ProSubSpec2{width:93%; float:left; background:#F5F5F5; margin-left:10px; padding-bottom:15px; line-height:20px;}
.HaloProductFrame .SecondColumn{ float:left;width:54.9%;}
.HaloProductFrame .SecondColumn .ScondColumnContainer #Catagory{margin-left:10px;}
.HaloProductFrame .SecondColumn .ScondColumnContainer #Catagory span{display:block;  margin:0 auto; margin-bottom:10px;color:#000; font-weight:bold; background:#ffae00; height:20px; line-height:20px; text-indent:15px;font-size:9pt;}
.HaloProductFrame .SecondColumn .ScondColumnContainer #Catagory #catatable{ width:100%;}      
.HaloProductFrame .SecondColumn .ScondColumnContainer #Catagory #catatable tr td{ text-align:center;width:320px;height:205px;background:#f9eecb}
.HaloProductFrame .ThirdColumn{ float:left;width:20%;}    
.HaloProductFrame .ThirdColumn .ThirdColumnContainer #sideimg{margin-left:10px;}


/* Advanced CSS hover styles */
a.feature01 
{
	width:50px; height:50px; float: left; margin:15px 0px 0px 23px; 	text-decoration: none;
}
a.feature01 img { border:1px solid #ccc;}

a.feature01:hover { border-color: #000; }
a.feature01:hover .overlay01
{
		position: absolute;
		z-index: 3;
		width: 194px;
		height: 200px;

		border: 4px solid black; filter:alpha(opacity=80); -moz-opacity:0.8;
 
}
a.feature05 .overlay01, a.feature05:hover .overlay01 { width: 45px; height: 45px; }
			
a.feature01 img { display: block; }
		
		
		
		
		/* 
		a.feature04 .overlay01 .caption01, a.feature05 .overlay01 .caption01  { height: 20px; line-height: 20px; text-align: center; }
		a.feature04 .overlay01 .caption01:after { content: ' more!'; }
		a.feature05 .overlay01 .caption01 { height: 0px; line-height: 15px; font-size: 8px; }
		a.feature01:hover .caption01
		{
			text-indent: 10px;
			background: rgb(0,0,0);
			background: rgba(0, 0, 0, 0.75);
                   
		}

		 /* for browsers that know rgba */
		
		/* 
		a.feature01 .overlay01 .caption01
		{
			position: absolute;
			height: 30px;
			line-height: 30px;
			width: 100%;
			z-index: 3;
			text-indent: -9999em;
			color: #000;
			font-size: 11px;
			bottom: 0;
			overlay: hidden;
			
		}	
		
		*/	

 /*second column*/
.ProDisplayPic{ float:left; width:28%;   margin-left:10px;   }
.ProDisplayPic img{background:#F5F5F5;}
 
 
 /*third column*/
 
.ProSubContent{ float:left; width:26%; background:#F5F5F5; margin-right:10px; height:523px; }

.ProSubContent img{background: #A9A9A9;	}



.ProSubPic{ float:left; width:100%; margin-bottom:20px; text-align:center; margin-top:35px; height:400px; }
.ProSubPic img { background:#F5F5F5;}
.ProSubTitle{float:left; width:100%;  margin-top:48px; }
.ProSubTitle .Title{ width:150px; height:20px; line-height:20px; text-align:center; background:#ccc; float:right; font-size:8pt; font-weight:bold;}

.ProSubSpec{  float:left; margin-left:10px;  width:93%;  line-height:20px; font-size:8pt; margin-bottom:10px; padding-bottom:15px; background:#f0f0f0}
.ProSubSpecTitle2{ width:100%;  height:20px; text-indent:8pt; background:#BBBBBB;  font-size:9pt; margin-bottom:10px; font-weight:bold; color:#333}
.ProSubSpecTitle{ width:100%;  height:20px; text-indent:8pt; background: #9fb3be;  font-size:9pt; margin-bottom:10px; font-weight:bold; color:#333}

.ProSubTitleDetail{ font-size:8pt; margin-left:10px; }

.EasyTitle{ width:100%;  height:22px; text-indent:10pt; background:#9fb3be; font-size:9pt; margin-bottom:10px; font-weight:bold; color:#333}
.Spotframe{ width:100%; float:left;  }

.EasyFormula{ width:100%; float:left; vertical-align:middle; margin-left:10px; margin-top:5px; }

.EasyFormulaPIC{ width:62px;  float:left; text-align:center}
.EasyFormulaPIC img{ width:50px; height:50px; margin:0 auto; border:1px #D3D3D3 solid;}
.EasyFormulaPIC .Test{ width:62px;  float:left;text-align:center; line-height:12px; margin-top:5px; }

.EasyFormulaSymbol{ width:15px ;float:left; padding-top:15px;height:60px;   text-align:center; font-size:13px; }
#ShadeSpecTab{margin-bottom:0px;}

/*Spot Spec*/

.Spotframe2{ width:78%; float:left; }


.wrapper label.spot{
float: left;
width: 50%; 
margin-right: 0px; color:#333;  text-indent:10px;
}

.wrapper .SpotField{ /* DIV that wraps around the actual form fields (right column within wrapper DIV) */
width: 35%;
float: left;  
margin-bottom: 0px; 
}


.SpotPic{  width:21.99%; float:left;}
.SpotPic img{ }


/*TwoEasy Spec*/

.wrapper label.TwoEasy{ /* label elements that should be styled (left column within wrapper DIV) */
float: left;
width: 55%; /*width of label (left column)*/
margin-right: 0px; color:#333; /*spacing with right column*/
text-indent:10px;
}



/*Basic Spec*/


.wrapper label.basic{ /* label elements that should be styled (left column within wrapper DIV) */
float: left;
width: 50%; /*width of label (left column)*/
margin-right: 0px; color:#333; /*spacing with right column*/
text-indent:10px;
}

.wrapper .BasicfieldRed{
float: left; width:50%;  
margin-bottom: 0px; font-weight:bold;
color:#C03;
}
.wrapper .Basicfield{
float: left; width:50%;  
margin-bottom: 0px; font-weight:bold;

}

.wrapper .BasicfieldNB{
float: left; width:49.99%;  
margin-bottom: 0px; 
}

.wrapper .FinshPattern{ 
float: left;  
margin-bottom: 0px;  width:25%; text-align:center
}

.wrapper .Basicfield .InclLamp{ color:#cc0033; text-decoration:underline;}
.wrapper .Basicfield .InclLamp:hover{ color:#cc0033; text-decoration:underline;}


.wrapper label.StyledRed{ float: left; text-indent:10px;color:#cc0033}



/*Spec*/


.wrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width:100%; /*width of form rows*/
overflow: hidden;
padding:0px;
float:left;
}

.wrapper label.styled{ /* label elements that should be styled (left column within wrapper DIV) */
float: left; text-indent:15px;
width: 50%; /*width of label (left column)*/
margin-right: 0px; color:#333 /*spacing with right column*/
}

.wrapper .thefield{
float: left; margin-bottom: 0px; 
}
.wrapper .thefieldBD{
float: left; margin-bottom: 0px;  font-weight:bold
}

.wrapper .FinshPattern img{ margin-top:5px;margin-left:5px; }






 /*forth column*/
.EasySpec{ float:left; width:22%; height:523px;  border-left:1px #D3D3D3 solid;    }


.FinishWrapper{ width:100%; float:left; margin-top:15px;}
.FinishWrapper img{ margin-left:8px; margin-right:10px; border:1px #333 dotted; }

.MoreDetail{ font-size:7pt; color:#A4162d;  font-family:Arial Baltic, Arial, Verdana;}
.MoreDetail:hover{ color:#A4162d;}

.OverlayPic { width:260px; height:510px;border: 4px solid black; filter:alpha(opacity=80); -moz-opacity:0.8; }


a.HilightLink { color:#333333; text-decoration:underline}
a.HilightLink:hover{ color:#000; }

.SuggestBox{  width:90%; float:left; font-size:8pt; padding-left:50px; padding-top:35px; color:#333; }

.SuggestTable{width:100% ;margin-top:5px; margin-bottom:5px; font-size:8pt;  background:#dadada; }

.SuggestionTextBox{ border:0px; height:100px; width:500px; background:#f5f5f5; font-family: Arial, Verdana,sans-serif; font-size:8pt;  border:1px #ccc solid; }

/*SpotLight Menu */
#SpotLightMenuTable
{
    padding-top:10px;
    padding-bottom:10px;
    padding-left:0px;
    padding-right:0px;

}
#SpotLightMenuTable tr td
{
    padding-left:16px;    
}
#SpotLightMenuTable tr td a img
{
    margin-top:16px; 
    border:1px solid #cccccc;    
}
#SpotLightMenuTable tr td a
{
   margin: 3px; 
   
}

#SpotLightMenuTable tr td a:hover img   
{
    margin-top:16px;  
    outline: 3px solid black;  
    border: 1px solid #000000; 
}

#SpotLightMenuTable tr td .CurrentOption img
{
    
    border: 1px solid #000000;   
	outline: 3px solid black;
    
}

#halogenCate_list
{
	list-style:square; 
	margin-left:-26px; 
	margin-top:0px
}