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; padding-bottom:20px; }



.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;  }

.FirstColumnContainer{ width:100%; float:left; margin-bottom:15px;  }

.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;  }
.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;}


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; }

a.SelectedItem:hover {
      color:#ffffff;
   }

a.SelectedItem:active {
      color:#ffffff;
   } 
   


   
.ProSubMenu ul li:hover a.SelectedItem{color:#ffffff; }

   
   



.ProSubMenu span{ padding-left:20px;}
.ProSubMenu ul li .ProSubMenuHover { color:#000;  text-decoration:none; }


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

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





.clear
{
	height: 0 !important;
	line-height: 0 !important;
	clear: both !important;
	font-size: 1px !important;
	margin: 0;
	padding: 0;
	float: none !important;
}
	

/* 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:495px; }

.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:20px; }
.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:15px; 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; }




/*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 .Basicfield{
float: left; width:20%;  
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:#000; 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:495px;  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; }