/*********************************************************************************
* 
* © 2007 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: http://www.ecliptictech.com
* Email: sales@ecliptictech.com
*
* Name: Menu CSS
* Description: CSS file for the menu items for the Red River Refrigeration website
*
**********************************************************************************/

#navbar ul
	{
	float:right;
	margin:0px 15px 0px 0px;
	padding:0px;
	list-style:none;
	}
	
/* star hack to correct discrepencies between IE7 and older versions */

* html #navbar ul
	{
	float:right;
	margin:0px 8px 0px 0px;
	padding:0px;
	list-style:none;
	}

#navbar li
	{
	float:left;
	}
	
#navbar a:link, #navbar a:visited
	{
	display:block;
	margin:3px 3px 0px 3px;
	padding:1px 8px;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000000;
	border-top:1px solid #eeeeee;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #505050;
	border-left:1px solid #808080;
	}

#navbar a:hover
	{
	background:#80abff;
	}
	
#navbar a:active
	{
	background:transparent;
	border-top:1px solid #505050;
	border-right:1px solid #808080;
	border-bottom:1px solid #eeeeee;
	border-left:1px solid #dddddd;
	}
	
#navbar a#highlighted
	{
	display:block;
	margin:3px 3px 0px 3px;
	padding:1px 8px;
	font:1em Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#ffffff;
	background:#18449b;
	border-top:1px solid #505050;
	border-right:1px solid #808080;
	border-bottom:1px solid #eeeeee;
	border-left:1px solid #dddddd;
	}


#navbar li ul /* second-level lists */
	{
	position: absolute;
	left: -999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}

#navbar li ul li /* second-level lists */
	{
	}

#navbar li:hover ul, #navbar li li:hover ul, #navbar li li li:hover ul, #navbar li.sfhover ul, #navbar li li.sfhover ul, #navbar li li li.sfhover ul /* lists nested under hovered list items */
	{
	left:auto;
	width: 185px;
	margin-left: 25px;
	padding-left: 25px;
	padding-top: 3px;
	}