#mannav ul
{  

	padding: 0;     
    list-style: none; 
    position:relative;

} 

#mannav li
{
	display:block;
	margin: 0px 0px 13px 7px;
	border-bottom: #999999 1px solid;
	width:200px;
	height:55px;
}

.mannav ul
{  

	padding: 0;     
    list-style: none; 
    position:relative;

} 

.mannav li
{
	display:block;
	margin: 0px 0px 13px 7px;
	border-bottom: #999999 1px solid;
	width: auto;
	height:55px;
}

a.milgard
{
	width:100px;
	display:block;
	float:left;
	height:42px;
	text-decoration: none;    
	background-image: url(images/milgard.jpg);	
}

a.milgard:hover
{
	background-position:-100px;	
}

a.plygem
{
	width:100px;
	display:block;
	float:left;
	height:42px;
	text-decoration: none;    
	background-image: url(images/plygem.jpg);	
}

a.plygem:hover
{
	background-position:-100px;	
}

a.sg
{
	width:100px;
	display:block;
	float:left;
	height:42px;
	text-decoration: none;    
	background-image: url(images/soundglass.jpg);	
}

a.sg:hover
{
	background-position:-100px;	
}

a.Weathervane
{
	width:100px;
	display:block;
	float:left;
	height:42px;
	text-decoration: none;    
	background-image: url(images/wwatherVane.jpg);	
}

a.Weathervane:hover
{
	background-position:-100px;	
}

a.Cascade
{
	width:100px;
	display:block;
	float:left;
	height:42px;
	text-decoration: none;    
	background-image: url(images/cascade.jpg);	
}

a.Cascade:hover
{
	background-position:-100px;	
}

a.Loewen
{
	width:100px;
	display:block;
	float:left;
	height:42px;
	text-decoration: none;    
	background-image: url(images/lowen.jpg);	
}

a.Loewen:hover
{
	background-position:-100px;	
}

a.Andersen
{
	width:100px;
	display:block;
	float:left;
	height:42px;
	text-decoration: none;    
	background-image: url(images/anderson.jpg);	
}

a.Andersen:hover
{
	background-position:-100px;	
}

a.lindal
{
	width:100px;
	display:block;
	float:left;
	height:42px;
	text-decoration: none;    
	background-image: url(images/lindel.jpg);	
}

a.lindal:hover
{
	background-position:-100px;	
}

a.fleetwood
{
	width:100px;
	display:block;
	float:left;
	height:42px;
	text-decoration: none;    
	background-image: url(images/fleetwood.jpg);	
}

a.fleetwood:hover
{
	background-position:-100px;	
}


/******************************  DOORS   *************************/
 

a.therma
{
	width:100px;
	display:block;
	float:left;
	height:42px;
	text-decoration: none;    
	background-image: url(images/therma.png);	
}

a.therma:hover
{
	background-position:-100px;	
}

a.simpson
{
	width:100px;
	display:block;
	float:left;
	height:42px;
	text-decoration: none;    
	background-image: url(images/simpson.jpg);	
}

a.simpson:hover
{
	background-position:-100px;	
}


/******************************  Shower   *************************/

a.agalite
{
	width:100px;
	display:block;
	float:left;
	height:42px;
	text-decoration: none;    
	background-image: url(images/agalite.jpg);	
}

a.agalite:hover
{
	background-position:-100px;	
}

a.costal
{
	width:100px;
	display:block;
	float:left;
	height:42px;
	text-decoration: none;    
	background-image: url(images/coastal.jpg);	
}

a.costal:hover
{
	background-position:-100px;	
}

a.holcom		
{
	width:100px;
	display:block;
	float:left;
	height:42px;
	text-decoration: none;    
	background-image: url(images/holcam.jpg);	
}

a.holcom:hover
{
	background-position:-100px;	
}

a.crystalite		
{
	width:100px;
	display:block;
	float:left;
	height:42px;
	text-decoration: none;    
	background-image: url(images/crystalLite.jpg);	
}

a.crystalite:hover
{
	background-position:-100px;	
}

a.clearview		
{
	width:100px;
	display:block;
	float:left;
	height:42px;
	text-decoration: none;    
	background-image: url(images/clearView.jpg);	
}

a.clearview:hover
{
	background-position:-100px;	
}