@charset "UTF-8";

/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/



/* 1st Level Menu Bar IDs */

ul#bikesmenu {
	width:800px; 
	height:300px;
	position: absolute;
	margin-left:-350px; 
	margin-top:-20px;
	background-image:url('../images/menubike-bg.jpg');
	border-bottom: 10px #cc0000 solid;
}
	li#road{
		width:400px;
		height:auto;
		text-align:right;

	}
		ul#bikessubmenuroad { 
			background-image:url('../images/menuroad-bg.jpg');
			width:800px;
			height:278px;
			position: absolute;
			margin-top: 22px;
			margin-left:-400px;
			display:inline;
		}
		@media screen and (-webkit-min-device-pixel-ratio:0){
		ul#bikessubmenuroad { 
			background-image:url('../images/menuroad-bg.jpg');
			width:800px;
			height:278px;
			position: absolute;
			margin: 22px auto;
		}}

				ul#voloframeset {
					background-image:url('../images/menuvolofs-bg.jpg');
					margin-left:0px;
					margin-top:22px;
					width:800px;
					height:256px;
				}
				ul#voloultra {
					background-image:url('../images/menuvoloultra-bg.jpg');
					margin-left:-160px;
					margin-top:22px;
					width:800px;
					height:256px; 
				}
				ul#vololtd {
					background-image:url('../images/menuvololtd-bg.jpg');
					margin-left:-320px;
					margin-top:22px;
					width:800px;
					height:256px; 
				}
				ul#voloultraaero {
					background-image:url('../images/menuvoloultraaero-bg.jpg');
					margin-left:-480px;
					margin-top:22px;
					width:800px;
					height:256px; 
				}
				ul#vololtdaero {
					background-image:url('../images/menuvololtdaero-bg.jpg');
					margin-left:-640px;
					margin-top:22px;
					width:800px;
					height:256px; 
				}
	li#tt{
		width:400px;
		height:auto;
		text-align:left;
	}
		ul#bikessubmenutt { 
			background-image:url('../images/menutt-bg.jpg') ;
			width:800px;
			height:278px;
			position: absolute;
			margin-top:22px;
			margin-left:-400px;
		}
				ul#falcoframeset {
					margin-left:0px;
					width:800px;
					height:256px; 
					margin-top:22px; 
					margin-right:0px;
					background-image:url('../images/menufalcofs-bg.jpg') ;
				}
				ul#falcoultra {
					margin-left:-160px;
					width:800px;
					height:256px; 
					margin-top:22px;
					margin-right:0px;
					background-image:url('../images/menufalcoultra-bg.jpg') ;
				}
				ul#falcoltd {
					margin-left:-320px;
					width:800px;
					height:256px; 
					margin-top:22px;
					margin-right:0px;
					background-image:url('../images/menufalcoltd-bg.jpg') ;
				}
				ul#falcoultraaero {
					margin-left:-480px;
					width:800px;
					height:256px; 
					margin-top:22px;
					margin-right:0px;
					background-image:url('../images/menufalcoultraaero-bg.jpg') ;
				}
				ul#falcoltdaero {
					margin-left:-640px;
					width:800px;
					height:256px; 
					margin-top:22px;
					margin-right:0px;
					background-image:url('../images/menufalcoltdaero-bg.jpg') ;
				}
				
									a#volofs{display: block;cursor: pointer;padding: 4px 10px;color: #cc0000;background-color:transparent;text-decoration: none;width:120px;height:14px;text-align:center;}
									a#volofs:hover{display: block;cursor: pointer;padding: 4px 10px;color: #ffffff;background-color:#cc0000;text-decoration: none;width:120px;height:14px;text-align:center;}
									a#voloultra{display: block;cursor: pointer;padding: 4px 10px;color: #cc0000;background-color:transparent;text-decoration: none;width:120px;height:14px;text-align:center;}
									a#voloultra:hover{display: block;cursor: pointer;padding: 4px 10px;color: #ffffff;background-color:#cc0000;text-decoration: none;width:120px;height:14px;text-align:center;}
									a#vololtd{display: block;cursor: pointer;padding: 4px 10px;color: #cc0000;background-color:transparent;text-decoration: none;width:120px;height:14px;text-align:center;}
									a#vololtd:hover{display: block;cursor: pointer;padding: 4px 10px;color: #ffffff;background-color:#cc0000;text-decoration: none;width:120px;height:14px;text-align:center;}
									a#voloultraaero{display: block;cursor: pointer;padding: 4px 10px;color: #cc0000;background-color:transparent;text-decoration: none;width:120px;height:14px;text-align:center;}
									a#voloultraaero:hover{display: block;cursor: pointer;padding: 4px 10px;color: #ffffff;background-color:#cc0000;text-decoration: none;width:120px;height:14px;text-align:center;}
									a#vololtdaero{display: block;cursor: pointer;padding: 4px 10px;color: #cc0000;background-color:transparent;text-decoration: none;width:120px;height:14px;text-align:center;}
									a#vololtdaero:hover{display: block;cursor: pointer;padding: 4px 10px;color: #ffffff;background-color:#cc0000;text-decoration: none;width:120px;height:14px;text-align:center;}
									
									a#falcofs{display: block;cursor: pointer;padding: 4px 10px;color: #cc0000;background-color:transparent;text-decoration: none;width:120px;height:14px;text-align:center;}
									a#falcofs:hover{display: block;cursor: pointer;padding: 4px 10px;color: #ffffff;background-color:#cc0000;text-decoration: none;width:120px;height:14px;text-align:center;}
									a#falcoultra{display: block;cursor: pointer;padding: 4px 10px;color: #cc0000;background-color:transparent;text-decoration: none;width:120px;height:14px;text-align:center;}
									a#falcoultra:hover{display: block;cursor: pointer;padding: 4px 10px;color: #ffffff;background-color:#cc0000;text-decoration: none;width:120px;height:14px;text-align:center;}
									a#falcoltd{display: block;cursor: pointer;padding: 4px 10px;color: #cc0000;background-color:transparent;text-decoration: none;width:120px;height:14px;text-align:center;}
									a#falcoltd:hover{display: block;cursor: pointer;padding: 4px 10px;color: #ffffff;background-color:#cc0000;text-decoration: none;width:120px;height:14px;text-align:center;}
									a#falcoultraaero{display: block;cursor: pointer;padding: 4px 10px;color: #cc0000;background-color:transparent;text-decoration: none;width:120px;height:14px;text-align:center;}
									a#falcoultraaero:hover{display: block;cursor: pointer;padding: 4px 10px;color: #ffffff;background-color:#cc0000;text-decoration: none;width:120px;height:14px;text-align:center;}
									a#falcoltdaero{display: block;cursor: pointer;padding: 4px 10px;color: #cc0000;background-color:transparent;text-decoration: none;width:120px;height:14px;text-align:center;}
									a#falcoltdaero:hover{display: block;cursor: pointer;padding: 4px 10px;color: #ffffff;background-color:#cc0000;text-decoration: none;width:120px;height:14px;text-align:center;}

				
ul#wheelsmenu {
	width:800px; 
	height:300px; 
	margin-left:-417px;
	position: absolute;
	margin-top:-20px;
	background-image:url('../images/menuwheel-bg.jpg');
	border-bottom: 10px #cc0000 solid;
}
	li#dot58{
		width:400px;
		height:auto;
		text-align:right;
	}
		ul#wheelssubmenu58 { 
			background-image:url('../images/menudot58-bg.jpg');
			width:800px;
			height:278px;
			position: absolute;
			margin-top:22px;
			margin-left:-400px;
			text-align:left;
			display:inline;
		}
		@media screen and (-webkit-min-device-pixel-ratio:0){
		ul#wheelssubmenu58 { 
			background-image:url('../images/menudot58-bg.jpg');
			width:800px;
			height:278px;
			position: absolute;
			margin: 22px auto;
			text-align:left;
		}}
	li#dot88{
		width:400px;
		height:auto;
		text-align:left;
	}		
		ul#wheelssubmenu88 { 
			background-image:url('../images/menudot88-bg.jpg');
			width:800px;
			height:278px;
			position: absolute;
			margin-top:22px;
			margin-left:-400px;
		}
						a#dot58t{
							display: block;
							cursor: pointer;
							padding: 4px 10px;
							color: #cc0000;
							background-color:transparent;
							text-decoration: none;
							width:120px;
							height:14px;
							text-align:center;
						}
						a#dot58t:hover{
							display: block;
							cursor: pointer;
							padding: 4px 10px;
							color: #ffffff;
							background-color:#cc0000;
							text-decoration: none;
							width:120px;
							height:14px;
							text-align:center;
						}
						a#dot58c{
							display: block;
							cursor: pointer;
							padding: 4px 10px;
							color: #cc0000;
							background-color:transparent;
							text-decoration: none;
							width:120px;
							height:14px;
							text-align:center;
						}
						a#dot58c:hover{
							display: block;
							cursor: pointer;
							padding: 4px 10px;
							color: #ffffff;
							background-color:#cc0000;
							text-decoration: none;
							width:120px;
							height:14px;
							text-align:center;
						}
						a#dot88t{
							display: block;
							cursor: pointer;
							padding: 4px 10px;
							color: #cc0000;
							background-color:transparent;
							text-decoration: none;
							width:120px;
							height:14px;
							text-align:center;
						}
						a#dot88t:hover{
							display: block;
							cursor: pointer;
							padding: 4px 10px;
							color: #ffffff;
							background-color:#cc0000;
							text-decoration: none;
							width:120px;
							height:14px;
							text-align:center;
						}
						a#dot88c{
							display: block;
							cursor: pointer;
							padding: 4px 10px;
							color: #cc0000;
							background-color:transparent;
							text-decoration: none;
							width:120px;
							height:14px;
							text-align:center;
						}
						a#dot88c:hover{
							display: block;
							cursor: pointer;
							padding: 4px 10px;
							color: #ffffff;
							background-color:#cc0000;
							text-decoration: none;
							width:120px;
							height:14px;
							text-align:center;
						}
/* Overall Menu Container */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 12px;
	cursor: default;
	width: auto;
	font-family:Myriad Pro;
	vertical-align:middle;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: auto;
	float: left;
	vertical-align:middle;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: auto;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/
/* 1st level submenu editing */
ul.MenuBarHorizontal ul a
{
	display: block;
	cursor: pointer;
	padding: 4px 10px;
	color: #ffffff;
	background-color:#cc0000;
	text-decoration: none;
	width:380px;
	height:auto;
}
ul.MenuBarHorizontal ul a:hover
{
	display: block;
	cursor: pointer;
	padding: 4px 10px;
	color: #ffffff;
	text-decoration:underline;
	width:380px;
	height:14px;
	background-color:#cc0000;
}
/* 2nd level submenu editing */
ul.MenuBarHorizontal ul ul a
{
	display: block;
	cursor: pointer;
	padding: 4px 10px;
	color: #ffffff;
	background-color:#cc0000;
	text-decoration: none;
	width:140px;
	height:14px;
	text-align:center;
}
ul.MenuBarHorizontal ul ul a:hover
{
	display: block;
	cursor: pointer;
	padding: 4px 10px;
	color: #ffffff;
	text-decoration:underline;
	width:140px;
	background-color:#cc0000;
	height:14px;
	text-align:center;
}
/* Menu items that have mouse over or focus have bg-image 
ul.MenuBarHorizontal a:focus
{
	color: #cc0000;
}
ul.MenuBarHorizontal a:hover
{
	color: #cc0000;
}*/
/* 1st level submenu item hover background-image when hover 2nd level submenu */
ul.MenuBarHorizontal ul a.MenuBarSubmenuVisible
{
	background-color:#cc0000;
	color: #ffffff;
	text-decoration:underline;
}

ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-color:#cc0000;
	color: #ffffff;
	text-decoration:underline;
}

ul.MenuBarHorizontal ul a.MenuBarItemHover
{
	background-color:#cc0000;
	color: #ffffff;
	text-decoration:underline;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image:;
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: ;
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: ;
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: ;
	background-repeat: no-repeat;
	background-position: 95% 50%;
}




/* Top Menu Bar IDs */
li#bikes {width:67px;height:60px; background-color:transparent}
li#bikes:hover  { background-image:url('../images/menu_o.png');background-position:center;background-repeat:no-repeat; width:67px;height:60px;background-color:transparent;text-decoration:none}

li#wheels {width:83px;height:60px;background-color:transparent}
li#wheels:hover  {  background-image:url('../images/menu_o.png');background-position:center;background-repeat:no-repeat; width:83px;height:60px ;background-color:transparent;text-decoration:none}

li#news { width:68px;height:60px;background-color:transparent; text-align:center}
li#news:hover  {  background-image:url('../images/menu_o.png');background-position:center;background-repeat:no-repeat; width:68px;height:60px ;background-color:transparent;text-decoration:none}

li#tech { width:61px;height:60px; background-color:transparent; text-align:center }
li#tech:hover  {  background-image:url('../images/menu_o.png');background-position:center;background-repeat:no-repeat; width:61px;height:60px; background-color:transparent;text-decoration:none}

li#contact { width:104px;height:60px;background-color:transparent; text-align:center }
li#contact:hover  { background-image:url('../images/menu_o.png');background-position:center;background-repeat:no-repeat; width:104px;height:60px;background-color:transparent;text-decoration:none}

li#dotstore { width:109px; height:60px;background-color:transparent; text-align:center}
li#dotstore:hover  { background-image:url('../images/menu_o.png');background-position:center;background-repeat:no-repeat; width:109px; height:60px;background-color:transparent;text-decoration:none}





/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}