/* background of whole nav bar */
/*#main-navigation{
	background-image: url(../img/main-navigation-trans.png);		
	background-repeat: no-repeat;
	z-index: 100;
}*/
#nav, #nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav{
	margin-left: 0;
	height: 36px;
}
#nav li.main-nav{
	margin-left: 0;
	padding-left: 0;
}
#nav li.main-nav a.mainnavlink{
	background-image: url(../img/main-navigation.png);		
	background-repeat: no-repeat;	
	display: block;
	height: 36px;
	background-position: 0 0;
	text-indent: -9000em;
	margin-left: 0;
	padding-left: 0;
}


/* --- static state --- */
#nav li.main-nav a.nav-carpet {
	background-position: 0px 0px;
	width: 83px;
}
#nav li.main-nav a.nav-hardwood {
	background-position: -83px 0px;
	width: 124px;
}
#nav li.main-nav a.nav-laminate {
	background-position: -206px 0px;
	width: 106px;
}
#nav li.main-nav a.nav-tile {
	background-position: -312px 0px;
	width: 116px;
}
#nav li.main-nav a.nav-vinyl {
	background-position: -427px 0px;
	width: 74px;
}

/* --- hover state --- */
#nav li.main-nav a.nav-carpet:hover, #nav li.main-nav:hover a.nav-carpet {
	background-position: 0px -36px;
	width: 83px;
}
#nav li.main-nav a.nav-hardwood:hover, #nav li.main-nav:hover a.nav-hardwood {
	background-position: -83px -36px;
	width: 124px;
}
#nav li.main-nav a.nav-laminate:hover, #nav li.main-nav:hover a.nav-laminate {
	background-position: -206px -36px;
	width: 106px;
}
#nav li.main-nav a.nav-tile:hover, #nav li.main-nav:hover a.nav-tile {
	background-position: -312px -36px;
	width: 116px;
}
#nav li.main-nav a.nav-vinyl:hover, #nav li.main-nav:hover a.nav-vinyl {
	background-position: -427px -36px;
	width: 74px;
}

.navindent{
	text-indent: 8px;	
}

#nav li {
	float: left;
	z-index: 100;
}
#nav li ul {
	position: absolute;
	width: 200px;    
	left: -999em;
	z-index:100;
}

/* sub-nav menu items, non-hover */
#nav li.secondary-nav{
	/* background color, non-hover */
	background-color: #E9E9E9;										/* change me */	
	width: 200px; 
	/*border-top: 1px solid #ffffff;*/
}

/* color, font, size of sub-menu items, non-hover */
#nav li.secondary-nav a{
	display: block; 
	width: 100%;
	color: #052B52;												
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	z-index: 1000;

}
/* sub-nav colors for "hover" state */
#nav li.secondary-nav a:hover{				
	/*width: 200px;
	z-index: 1000;
	background-color: #017989;										*/
	color: #017989;													
}

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

/*---------------------------------------------------------------------- */
/* use the following to adjust widths of any sub-nav menus               */
/* create "subnav-xxxx" and use this as the class on the UL and each LI  */
/*                                                                       */
/*---------------------------------------------------------------------- */
#nav li ul.subnav-carpet,  #nav li.subnav-carpet, #nav li.subnav-carpet a, #nav li.subnav-carpet a:hover{
/* 	width: 155px;*/
}



/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------- */

#rightnav, #rightnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#rightnav{
	height: 36px;
	width: 283px;
}
#rightnav li.rightmain-nav{
	margin-left: 0;
	padding-left: 0;
}
#rightnav li.rightmain-nav a.rightmainnavlink{
	background-image: url(../img/right-navigation.png);		
	background-repeat: no-repeat;	
	display: block;
	height: 36px;
	background-position: 0 0;
	text-indent: -9000em;
	margin-left: 0;
	padding-left: 0;
}


/* --- static state --- */
#rightnav li.rightmain-nav a.nav-finddealer {
	background-position: 0px 0px;
	width: 120px;
}
#rightnav li.rightmain-nav a.nav-home {
	background-position: -54px 0px;
	width: 69px;
}
#rightnav li.rightmain-nav a.nav-aboutus {
	background-position: -120px 0px;
	width: 95px;
}
#rightnav li.rightmain-nav a.nav-contactus {
	background-position: -215px 0px;
	width: 114px;
}

/* --- hover state --- */
#rightnav li.rightmain-nav a.nav-finddealer:hover, #rightnav li.rightmain-nav:hover a.nav-finddealer {
	background-position: 0px -36px;
	width: 120px;
}
#rightnav li.rightmain-nav a.nav-home:hover, #rightnav li.rightmain-nav:hover a.nav-home {
	background-position: -54px -36px;
	width: 69px;
}
#rightnav li.rightmain-nav a.nav-aboutus:hover, #rightnav li.rightmain-nav:hover a.nav-aboutus {
	background-position: -120px -36px;
	width: 95px;
}
#rightnav li.rightmain-nav a.nav-contactus:hover, #rightnav li.rightmain-nav:hover a.nav-contactus {
	background-position: -215px -36px;
	width: 114px;
}







#rightnav li {
	float: left;
	z-index: 100;
}
#rightnav li ul {
	position: absolute;
	width: 200px;    
	left: -999em;
	z-index:100;
}
/* sub-nav menu items, non-hover */
#rightnav li.rightsecondary-nav{
	background-color: #E9E9E9;											
	width: 200px; 

}
/* color, font, size of sub-menu items, non-hover */
#rightnav li.rightsecondary-nav a{
	display: block; 
	width: 100%;
	color: #052B52;												
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	z-index: 5000; !important 

}
/* sub-nav colors for "hover" state */
#rightnav li.rightsecondary-nav a:hover{				
	color: #017989;
}
#rightnav li:hover ul {
	left: auto;
}
#rightnav li:hover ul, #rightnav li.sfhover ul {
	left: auto;
}



#rightnav li ul.subnav-contact,  #rightnav li.subnav-contact, #rightnav li.subnav-contact a, #rightnav li.subnav-contact a:hover{
 	width: 155px;
}