/*== navigation.css ==*/
#menu {
 position:relative;

 width:946px;
 height:44px;
 margin:0;
 background:url(../images/menu.gif) 0px 0px no-repeat;
}





#menu li {
 margin:0px;
 padding:0px;
 list-style:none;
 display:inline;
 position:absolute;
}

#menu a {
 display:block;
 height:44px;
}

#menuFlavours 			{left: 30px; top: 0px; width: 86px; height: 44px;}
#menuCabinets 			{left: 144px; top: 0px; width: 86px; height: 44px;}
#menuAcc				{left: 258px; top: 0px; width: 112px; height: 44px;}
#menuPoint 				{left: 399px; top: 0px; width: 117px; height: 44px;}
#menuTopTips			{left: 546px; top: 0px; width: 76px; height: 44px;}
#menuComp				{left: 654px; top: 0px; width: 145px; height: 44px;}
#menuCalculator			{left: 654px; top: 0px; width: 150px; height: 44px;}

#menuFlavours a:hover 	{background: url(../images/menu.gif) -30px -44px no-repeat;}
#menuCabinets a:hover 	{background: url(../images/menu.gif) -144px -44px no-repeat;}
#menuAcc a:hover 		{background: url(../images/menu.gif) -258px -44px no-repeat;}
#menuPoint a:hover 		{background: url(../images/menu.gif) -399px -44px no-repeat;}
#menuTopTips a:hover 	{background: url(../images/menu.gif) -546px -44px no-repeat;}
#menuComp a:hover 		{background: url(../images/menu.gif) -654px -44px no-repeat;}
#menuCalculator a:hover {background: url(../images/menu.gif) -654px -44px no-repeat;}

#menuFlavoursActive		{left: 30px; top: 0px; width: 86px; height: 44px; background: url(../images/menu.gif)   -30px -44px no-repeat;}
#menuCabinetsActive 	{left: 144px; top: 0px; width: 86px; height: 44px; background: url(../images/menu.gif) -144px -44px no-repeat;}
#menuAccActive 			{left: 258px; top: 0px; width: 112px; height: 44px; background: url(../images/menu.gif) -258px -44px no-repeat;}
#menuPointActive 		{left: 399px; top: 0px; width: 117px; height: 44px; background: url(../images/menu.gif) -399px -44px no-repeat;}
#menuTopTipsActive		{left: 546px; top: 0px; width: 76px; height: 44px; background: url(../images/menu.gif) -546px -44px no-repeat;}
#menuCompActive			{left: 654px; top: 0px; width: 145px; height: 44px; background: url(../images/menu.gif) -654px -44px no-repeat;}
#menuCalculatorActive	{left: 654px; top: 0px; width: 150px; height: 44px; background: url(../images/menu.gif) -654px -44px no-repeat;}

#menu span {display:block;width:0;height:0;overflow:hidden;}



/* menu 2 */
#menu2 {
	position:relative;
	width:946px;
	height:44px;
	margin:0;
	background:url(../images/menu2.gif) 0px 0px no-repeat;
}

#menu2 li {
 margin:0px;
 padding:0px;
 list-style:none;
 display:inline;
 position:absolute;
}

#menu2 a {
 display:block;
 height:44px;
}

/*#menu2Flavours 			{left: 33px; top: 0px; width: 80px; height: 44px;}
#menu2Tips				{left: 145px; top: 0px; width: 184px; height: 44px;}
#menu2Cabinets 			{left: 359px; top: 0px; width: 82px; height: 44px;}
#menu2Comp				{left: 473px; top: 0px; width: 114px; height: 44px;}

#menu2Flavours a:hover 	{background: url(../images/menu2.gif) -33px -44px no-repeat;}
#menu2Tips a:hover 		{background: url(../images/menu2.gif) -145px -44px no-repeat;}
#menu2Cabinets a:hover 		{background: url(../images/menu2.gif) -359px -44px no-repeat;}
#menu2Comp a:hover 		{background: url(../images/menu2.gif) -473px -44px no-repeat;}*/


#menu2Flavours 			{left: 33px; top: 0px; width: 80px; height: 44px;}
#menu2Menu 			{left: 145px; top: 0px; width: 120px; height: 44px;}
#menu2Tips				{left: 301px; top: 0px; width: 184px; height: 44px;}
#menu2Cabinets 				{left: 517px; top: 0px; width: 82px; height: 44px;}
#menu2Comp				{left: 631px; top: 0px; width: 145px; height: 44px;}

#menu2Flavours a:hover 	{background: url(../images/menu.gif) -33px -44px no-repeat;}
#menu2Menu a:hover 	{background: url(../images/menu.gif) -145px -44px no-repeat;}
#menu2Tips a:hover 		{background: url(../images/menu.gif) -301px -44px no-repeat;}
#menu2Cabinets a:hover 		{background: url(../images/menu.gif) -517px -44px no-repeat;}
#menu2Comp a:hover 		{background: url(../images/menu.gif) -631px -44px no-repeat;}

#menu2FlavoursActive		{left: 30px; top: 0px; width: 81px; height: 44px; background: url(../images/menu.gif)   -30px -44px no-repeat;}
#menu2MenuActive 	{left: 145px; top: 0px; width: 120px; height: 44px; background: url(../images/menu.gif) -145px -44px no-repeat;}
#menu2TipsActive 			{left: 303px; top: 0px; width: 178px; height: 44px; background: url(../images/menu.gif) -303px -44px no-repeat;}
#menu2CabinetsActive 		{left: 517px; top: 0px; width: 113px; height: 44px; background: url(../images/menu.gif) -517px -44px no-repeat;}
#menu2CompActive			{left: 631px; top: 0px; width: 145px; height: 44px; background: url(../images/menu.gif) -631px -44px no-repeat;}

#menu2 span {
 display:block;
 width:0;
 height:0;
 overflow:hidden;
}










/* menu 3 */

#menu3 {
 position: relative;
 width:946px;
 height:30px;
 padding:0px;
 margin:0px;
 background:url(../images/menus_submenu.gif) 0px 0px no-repeat;

}



#menu3 li {
 margin:0px;
 padding:0px;
 list-style:none;
 display:inline;
 position:absolute;
 
}

#menu3 a {
 display:block;
 height:44px;
}

#menu3Cover 			{left: 40px; top: 0px; width: 144px; height: 30px;}
#menu3Layout 			{left: 225px; top: 0px; width: 117px; height: 30px;}
#menu3Customise				{left: 382px; top: 0px; width: 106px; height: 30px;}
#menu3Offer			{left: 528px; top: 0px; width: 82px; height: 30px;}
#menu3Details				{left: 652px; top: 0px; width: 114px; height: 30px;}
#menu3Confirm				{left: 795px; top: 0px; width: 114px; height: 30px;}



#menu3Cover a:hover 	{background: url(../images/menus_submenu.gif) -40px -30px no-repeat;}
#menu3Layout a:hover 	{background: url(../images/menus_submenu.gif) -225px -30px no-repeat;}
#menu3Customise a:hover 		{background: url(../images/menus_submenu.gif) -382px -30px no-repeat;}
#menu3Offer a:hover 		{background: url(../images/menus_submenu.gif) -528px -30px no-repeat;}
#menu3Details a:hover 		{background: url(../images/menus_submenu.gif) -652px -30px no-repeat;}
#menu3Confirm a:hover 		{background: url(../images/menus_submenu.gif) -795px -30px no-repeat;}



#menu3CoverActive		{left: 40px; top: 0px; width: 144px; height: 30px; background: url(../images/menus_submenu.gif)   -40px -30px no-repeat;}
#menu3LayoutActive 	{left: 225px; top: 0px; width: 117px; height: 30px; background: url(../images/menus_submenu.gif) -225px -30px no-repeat;}
#menu3CustomiseActive 			{left: 382px; top: 0px; width: 106px; height: 30px; background: url(../images/menus_submenu.gif) -382px -30px no-repeat;}
#menu3OfferActive 		{left: 528px; top: 0px; width: 82px; height: 30px; background: url(../images/menus_submenu.gif) -528px -30px no-repeat;}
#menu3DetailsActive			{left: 652px; top: 0px; width: 114px; height: 30px; background: url(../images/menus_submenu.gif) -652px -30px no-repeat;}
#menu3ConfirmActive			{left: 795px; top: 0px; width: 114px; height: 30px; background: url(../images/menus_submenu.gif) -795px -30px no-repeat;}




#menu3 span {
 display:block;
 width:0;
 height:0;
 overflow:hidden;
}