/* navigation */

#nav {
padding: 0;     
margin: 0 0 0 0px;     
height: 63px;
} 

#nav ul {
padding: 0;
margin: 0;
z-index: 800;
list-style: none;
}

#nav a {     
display: block;     
color: #CAD3DE; 
padding: 0px;
text-decoration: none;
} 

#nav a:hover {
color: #fff;
}

#nav a.active {
color: #fff;
background: #54749F url(/insightout/catalog/view/theme/default/image/eighty20/navleft.jpg) no-repeat top left;
}

#nav li {     
float: left;     
padding: 12px 20px 36px 22px;
background: url(/insightout/catalog/view/theme/default/image/eighty20/navleft.jpg) no-repeat top left;
}

#nav ul li.noroll:hover, #nav ul li.sfhover.noroll {
	background: url(/insightout/catalog/view/theme/default/image/eighty20/navleft.jpg) no-repeat top left;
        }

#nav li.active {
color: #fff;
background: #54749F url(/insightout/catalog/view/theme/default/image/eighty20/navleft.jpg) no-repeat top left; 
}


#nav li.active a {
color: #fff;
/*font-weight: bold;*/
}

/* this changes the colour of the hover background, but not the height of it */
#nav li:hover, #nav li.sfhover  {
background: #54749F url(/insightout/catalog/view/theme/default/image/eighty20/navleft.jpg) no-repeat top left; 
}


#nav li ul {     
margin: 10px 0 0 0;
position: absolute;     
left: -999em; 
/*width: 130px;*/
background: #54749F;
} 

#nav li ul li {
float: none;
padding: 7px 12px;
/*width: 130px;*/
background: #54749F url(/insightout/catalog/view/theme/default/image/eighty20/navbg.jpg) repeat top left;
border-top: 1px solid #7B98BB;
border-bottom: 1px solid #486385;
}

#nav li:hover ul, #nav li.sfhover ul {     
left: auto; 
}


#nav li ul li:hover,  #nav li.sfhover ul li.sfhover {
background: #54749F;
}

#nav li:hover, #nav li.hover {
	position: static;
}

#mainbody_nav {
	border-top: 5px solid #CAD3DE;
	float: left;
	width: 100%;
	background: url(/insightout/catalog/view/theme/default/image/eighty20/navbg.jpg) no-repeat top left;
	}