@charset "utf-8";
/* CSS Document */

body #listmenu ul li ul
{
	display:none; /*--- Hides all drop down menus ---*/
}

.loader	{display:none;}

#listmenu	{
	width:986px;
	float:left;
	height:30px;
	background-image:url(../images/nav-bg.jpg);
	background-repeat:no-repeat;
}

#listmenu ul
{
	padding:0px;
	margin:0px 0px 0px 20px;
}

#listmenu li		{
	float:left; /*--- Causes the list to align horizontally instead of stack ---*/
	position:relative; /*--- Positioning context for the absolutely positioned drop-down ---*/
	list-style-type: none; /*--- Removes the bullet off list items ---*/
	margin:0px 0px;
	padding:0px;
}

	#listmenu li.navLine	{
		width:1px;
		background-image:url(../images/navline.jpg);
		background-repeat:no-repeat;
		padding:0;
		margin:0;
	}
	
	#listmenu li.home	{
		background-image:url(../images/nav-home.jpg);
		background-repeat:no-repeat;
		padding:0px;
		margin:0px;
		width:84px;
		height:30px;
	}
		#listmenu li.home:hover	{ background-image:url(../images/nav-home_on.jpg); }
		
	#listmenu li.about	{
		background-image:url(../images/nav-about.jpg);
		background-repeat:no-repeat;
		padding:0px;
		margin:0px;
		width:84px;
		height:30px;
	}
		#listmenu li.about:hover	{ background-image:url(../images/nav-about_on.jpg); }
		
	#listmenu li.features	{
		background-image:url(../images/nav-features.jpg);
		background-repeat:no-repeat;
		padding:0px;
		margin:0px;
		width:173px;
		height:30px;
	}
		#listmenu li.features:hover	{ background-image:url(../images/nav-features_on.jpg); }

	#listmenu li.accessories	{
		background-image:url(../images/nav-accessories.jpg);
		background-repeat:no-repeat;
		padding:0px;
		margin:0px;
		width: 132px;
		height:30px;
	}
		#listmenu li.accessories:hover	{ background-image:url(../images/nav-accessories_on.jpg); }

	#listmenu li.markets	{
		background-image:url(../images/nav-markets.jpg);
		background-repeat:no-repeat;
		padding:0px;
		margin:0px;
		width: 101px;
		height:30px;
	}
		#listmenu li.markets:hover	{ background-image:url(../images/nav-markets_on.jpg); }
		
	#listmenu li.faq	{
		background-image:url(../images/nav-faq.jpg);
		background-repeat:no-repeat;
		padding:0px;
		margin:0px;
		width: 73px;
		height:30px;
	}
		#listmenu li.faq:hover	{ background-image:url(../images/nav-faq_on.jpg); }

	#listmenu li.financing	{
		background-image:url(../images/nav-financing.jpg);
		background-repeat:no-repeat;
		padding:0px;
		margin:0px;
		width: 111px;
		height:30px;
	}
		#listmenu li.financing:hover	{ background-image:url(../images/nav-financing_on.jpg); }
		
/*	#listmenu li.distributors	{
		background-image:url(../images/nav-distributors.jpg);
		background-repeat:no-repeat;
		padding:0px;
		margin:0px;
		width: 115px;
		height:30px;
	}
		#listmenu li.distributors:hover	{ background-image:url(../images/nav-distributors_on.jpg); }
*/
	#listmenu li.news	{
		background-image:url(../images/nav-news.jpg);
		background-repeat:no-repeat;
		padding:0px;
		margin:0px;
		width: 82px;
		height:30px;
	}
		#listmenu li.news:hover	{ background-image:url(../images/nav-news_on.jpg); }
		
	#listmenu li.contact	{
		background-image:url(../images/nav-contact.jpg);
		background-repeat:no-repeat;
		padding:0px;
		margin:0px;
		width: 100px;
		height:30px;
	}
		#listmenu li.contact:hover	{ background-image:url(../images/nav-contact_on.jpg); }


#listmenu li a {
	margin:0px; 
	padding:0px;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	font-weight:normal;
}
#listmenu li a:hover	{ color:#FFFFFF; }

div#listmenu ul li:hover ul		{
	display:block; /*--- Displays appropriate drop down menu ---*/
}

div#listmenu ul li ul
{
	Width:100%;
	margin:0px; /*--- Prevents the temp margin on the ul from inheriting here ---*/
	position:absolute; /*--- Positions the drop-down ul in relation to its relatively positioned li parent ---*/
	left:0px; /*--- Aligns the drop-down exactly under the menu ---*/
	top:30px;
	padding:0px;	
}

div#listmenu ul li ul li
{
	width:100%; /*--- Makes the list items fill the list containers (ul) ---*/
	border-left:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:1px 5px;
	margin:0px;
	background-color:;
	display:block;
	line-height:normal;
	background:url(../images/nav-drop-bg.jpg) repeat-x;
}

div#listmenu ul li ul li:hover { background:url(../images/nav-drop-bg_hover.jpg) repeat-x; color:#FFFFFF;   }

div#listmenu ul li ul li a { padding:3px 0px; display:block; }
/* LEFT NAV */

#left-nav	{
	width:170px;
	height:300px;
	float:left;
	padding:10px 30px 10px 0 ;
	margin:0px;
	background:url(../images/left-nav-bg.jpg) no-repeat;
	}
	
#left-nav h2	{
	color:#ec1119;
	font-weight:normal;
	font-size:21px;
	margin:0px;
	padding:5px 0px 8px 10px;
	}
	
#left-nav ul	{ padding:0 10px; margin:0; list-style:none; }

#left-nav li	{ width:130px; padding:2px 0px 2px 15px; border-bottom:1px solid #999999; display:block; }

#left-nav li:hover {background:url(../images/left-nav-li-bg-hover.jpg) repeat-x top;}

#left-nav li a	{ color:#333333; text-decoration:none; font-weight:normal; padding:5px 15px 5px 0; display:block; }
#left-nav a:hover	{ color:#9d0e14; text-decoration:underline; }
	




/*---------------------------------- FIX FOR FLOATED ELEMENTS WITHIN A CONTAINER DIV --------------------------*/
.clearfix:after
{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/*--- Fix for IE on Mac ---*/
.clearfix
{
	display: inline-block;
}

/*--- Hack for bug in IE6 ---*/
* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}