/****************************************************/
/*   NAVIGATION Stylesheet file for Dorel	*/
/*   Version: 1.0                                   */
/*   february 2007                                  */
/*                                                  */
/*   	created by: Booleanpark - W.L.                */
/*   	blauw #0074c9																	*/
/*		groen #59bb01																	*/
/*		rood #e33c20                                  */
/*																									*/
/*   	grijs tekst:  #7f7f7f 												*/
/*	grijze lijnen:	#b3bac4                        	*/
/*                                                  */
/****************************************************/

/*  Hoofdmenu  */
/* ************************************* */
#menuHome	{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #666666;
	font-size:13px;
	position: absolute;
	width:60px;
	top: 117px;
	left:-9px;
	font-size:13px;
	font-weight:bold;
	margin-left: 20px;
	padding: 0;
	
	/* background: url('../img/bullet_grey.gif') top right no-repeat;*/
}

#menuHome a {
/*	width: 167px; /* force hasLayout IE */
	padding: 1px 10px 2px 10px;
	text-decoration: none;
	display: block;
	color:#838383;
}
#menuHome a:hover {color:#810e87;}



#menu {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #666666;	
	position: absolute;
	top: 117px;
	left:68px;
	font-size:13px;
	font-weight:bold;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 99;
	
	}
	
#menu .nolink { cursor:default;}	
#menu li {
	float:left; 
	position:relative;
	height:17px; 
	text-align:left;	
	margin:0; 
	padding:0 0 2px 0; 
	background:#fff;
	border-left:1px solid #d5d5d5;
	cursor:default;
	z-index: 99;
	border-top: 1px solid #fff;
	}
	
#menu li.noborder 
{ border-left-color:#fff;	}
#menu li:hover.noborder 
{ border-left-color:#d5d5d5;}
#menu li.eindMenu 
{ border-right:1px solid #fff;	}
#menu li:hover.eindMenu 
{ border-right-color:#d5d5d5;}
#menu li:hover 
{ border-top-color:#d5d5d5; }
#menu li ul li:hover 
{ border-top: none;}


#menu li a {
/*	width: 167px; /* force hasLayout IE */
	padding: 0px 10px 2px 10px;
	text-decoration: none;
	display: block;
	color:#838383;
}
#menu li a:hover {color:#810e87;}

#menu li a.info:hover{border-right:1px solid #969696;}

/* submenu */
#menu li ul 
{
	z-index: -1;

	font-size:85%;
	width:168px;
	list-style: none;
	display: none; 
	position: absolute;
	top: 17px;
	left: -1px;
	margin: 2px 0 0 0;
	padding: 10px 0 12px 0px;
	border-right:1px solid #d5d5d5; 
	border-bottom:3px solid #d5d5d5; 
	border-left:1px solid #d5d5d5; 
	border-top:1px solid #d5d5d5; 
	clear:both;
	
	background-color:#fff;
}
/*
#menu li ul.menu1 {
	background:#fff url(../img/bglinemenu1.gif) no-repeat;
}
#menu li ul.menu2 {
	background:#fff url(../img/bglinemenu2.gif) no-repeat;
}
#menu li ul.menu3 {
	background:#fff url(../img/bglinemenu3.gif) no-repeat;
}*/
#menu li ul.menu3 div.parentBorder {
	height: 18px;
	width: 1px;
	background-color: #d5d5d5;
	margin: -28px 0 0 85px;
}



#menu li ul li { 
	width:160px;
	text-align: left;
	background: #fff;
	padding: 0px;
	line-height: 18px;
	color: #7f7f7f;
	border: 0;	
	border-bottom:1px solid #e8eaed;
	height: auto;
}

#menu li ul li 		{width: 167px; text-align:left; }
#menu li ul li a 	{padding: 0 0 0 20px;	width: 146px; } 
#menu li ul li.cat {padding-left:10px; color: #810e87;width: 157px;background-color:#fff !important;}
#menu li ul li a.cat {padding-left:10px; color: #0074c9;width: 157px;}
#menu li ul li a.catB {padding:10px 0 0 10px; color: #0074c9;}
#menu li ul li a.catC {padding:10px 0 0 10px; color: #0074c9;}
#menu li:hover a,
#menu li.over a 	{background:#fff; }
#menu li.over {border-right: #d5d5d5;border-left: #d5d5d5;border-top: 1px solid #d5d5d5;}
#menu li ul li a:hover, 
#menu li ul li.over {color: #810e87; background-color:#F0EFF5;border-top: none; }
#menu li:hover ul, 
#menu li.over ul {display: block;} 

#menu .active	{color: #810e87;}




/*  Productmenu */
/* *************************************** */

#productmenu {display: block; width: 138px; height: 375px; background: transparent url(../img/productmenu.gif) top left no-repeat; margin: 0 20px 0 0; padding: 0;}
#productmenu li div.title {display: none;}
#productmenu li {width: 100%;}

#buzz	.productmenuimage,#zapp	.productmenuimage,#freezz	.productmenuimage,
#speedi	.productmenuimage,#freestyle	.productmenuimage,#curbb	.productmenuimage,
#wrapp	.productmenuimage,#accessoires	.productmenuimage	{display: none;}

#buzz, #zapp, #freezz,
#speedi, #freestyle,
#curbb, #wrapp, #accessoires {display: block;text-indent: -9999px;list-style: none; left: 0; margin: 0; padding: 0;}

#buzz	a,#zapp	a,#freezz	a,
#speedi	a	,#freestyle	a,#curbb	a,
#wrapp	a,#accessoires	a {display: block;height: 100%;width: 138px;margin: 0; padding: 0;}

#buzz						{top: 0px; 		height: 49px;}
#zapp						{top: 49px; 	height: 49px;}
#freezz					{top: 97px; 	height: 50px;}
#speedi					{top: 146px;	height: 45px;}
#freestyle			{top: 190px;	height: 46px;}
#curbb					{top: 235px;	height: 50px;}
#wrapp					{top: 294px;	height: 40px;}
#accessoires		{top: 333px;	height: 53px;}

#buzz a:hover 	{background: transparent url(../img/productmenu.gif) -141px 0 no-repeat;}
#zapp a:hover {background: transparent url(../img/productmenu.gif) -141px -49px no-repeat;}
#freezz a:hover 	{background: transparent url(../img/productmenu.gif) -141px -98px no-repeat;}
#speedi a:hover 	{background: transparent url(../img/productmenu.gif) -141px -148px no-repeat;}
#freestyle a:hover 	{background: transparent url(../img/productmenu.gif) -141px -193px no-repeat;}
#curbb a:hover 	{background: transparent url(../img/productmenu.gif) -141px -239px no-repeat;}
#wrapp a:hover 	{background: transparent url(../img/productmenu.gif) -142px -289px no-repeat;}
#accessoires a:hover 	{background: transparent url(../img/productmenu.gif) -141px -329px no-repeat;}

#buzz a.active 	{background: transparent url(../img/productmenu.gif) -141px 0 no-repeat;}
#zapp a.active 	{background: transparent url(../img/productmenu.gif) -141px -49px no-repeat;}
#freezz a.active 	{background: transparent url(../img/productmenu.gif) -141px -98px no-repeat;}
#speedi a.active 	{background: transparent url(../img/productmenu.gif)-141px -148px no-repeat;}
#freestyle a.active 	{background: transparent url(../img/productmenu.gif) -141px -193px no-repeat;}
#curbb a.active 	{background: transparent url(../img/productmenu.gif) -141px -239px no-repeat;}
#wrapp a.active 	{background: transparent url(../img/productmenu.gif) -142px -289px no-repeat;}
#accessoires a.active 	{background: transparent url(../img/productmenu.gif) -141px -329px no-repeat;}


/* Productmenu */

/* Menu landingspage */

#lpheader-menu {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; color: #666666;	
	position: absolute;
	top: 117px;
	left:0px;
	font-size:13px;
	font-weight:bold;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 99;
}

#lpheader-menu li{
	float:left; 
	position:relative;
	height:17px; 
	text-align:left;	
	margin:0; 
	padding: 0px 10px 2px 10px;
	background:#fff;
	border-left:1px solid #d5d5d5;
	cursor:default;
	z-index: 99;
	border-top: 1px solid #fff;
}
		
#lpheader-menu li.noborder {
	border-left:0px;
}



/* /Menu landingspage */