/* ------------------------------------------------------------------ */
/*                CONTROL MENU CATEGORIES                             */
/* ------------------------------------------------------------------ */

#ControlMenuCategories {
	width: 976px;
	height: 162px;
	float: left;
	overflow: hidden;
	position: relative;
}
	
	#ControlMenuCategories .category1{}	
	#ControlMenuCategories .title{}
	#ControlMenuCategories .category .title{}
		#ControlMenuCategories .title:hover{}
	#ControlMenuCategories .titleActive{}
	#ControlMenuCategories .category .titleActive{}
	
	#ControlMenuCategories .select, 
	#ControlMenuCategories .current { margin:0; padding:0; list-style:none; display:block; }
	#ControlMenuCategories li { display:inline; margin:0; padding:0; height:auto; }

	#ControlMenuCategories .select a,
	#ControlMenuCategories .current a,
	#ControlMenuCategories .pro,
	#ControlMenuCategories .part {
		display: block;
		width: 102px;
		height: 30px;
		float: left;
		padding: 82px 10px 10px 10px;
		
		color: #9f0958;
		font-size: 10px;
		text-align: center;
		text-transform: uppercase;
	}

	#ControlMenuCategories .select a:hover,
	#ControlMenuCategories .current a,
	#ControlMenuCategories .select li:hover a,
	#ControlMenuCategories .pro:hover,
	#ControlMenuCategories .part:hover {
		height: 36px;
		cursor:pointer;

		position: relative;
		z-index: 20;
	}

	.espacePart #ControlMenuCategories .btn1 { background:url('images/menu/bg_menu-a1.gif') 0 0 no-repeat; }
	.espacePart #ControlMenuCategories .btn2 { background:url('images/menu/bg_menu-a2.gif') 0 0 no-repeat; }
	.espacePart #ControlMenuCategories .btn3 { background:url('images/menu/bg_menu-a3.gif') 0 0 no-repeat; }
	.espacePart #ControlMenuCategories .btn4 { background:url('images/menu/bg_menu-a4.gif') 0 0 no-repeat; }
	.espacePart #ControlMenuCategories .btn5 { background:url('images/menu/bg_menu-a5.gif') 0 0 no-repeat; }
	.espacePart #ControlMenuCategories .btn6 { background:url('images/menu/bg_menu-a6.gif') 0 0 no-repeat; }
	.espacePart #ControlMenuCategories .btn7 { background:url('images/menu/bg_menu-a7.gif') 0 0 no-repeat; }
	.espacePart #ControlMenuCategories .pro { background:url('images/menu/bg_menu-a8.gif') 0 0 no-repeat; }

	.espacePro #ControlMenuCategories .btn1 { background:url('images/menu/bg_menu-a9.gif') 0 0 no-repeat; }
	.espacePro #ControlMenuCategories .btn2 { background:url('images/menu/bg_menu-a10.gif') 0 0 no-repeat; }
	.espacePro #ControlMenuCategories .btn3 { background:url('images/menu/bg_menu-a11.gif') 0 0 no-repeat; }
	.espacePro #ControlMenuCategories .btn4 { background:url('images/menu/bg_menu-a12.gif') 0 0 no-repeat; }
	.espacePro #ControlMenuCategories .btn5 { background:url('images/menu/bg_menu-a13.gif') 0 0 no-repeat; }
	.espacePro #ControlMenuCategories .btn6 { background:url('images/menu/bg_menu-a14.gif') 0 0 no-repeat; }
	.espacePro #ControlMenuCategories .btn7 { background:url('images/menu/bg_menu-a15.gif') 0 0 no-repeat; }
	.espacePro #ControlMenuCategories .part { background:url('images/menu/bg_menu-a16.gif') 0 0 no-repeat; }

	#ControlMenuCategories .sub { display:none; }

	/* for IE5.5 and IE6 only */
	#ControlMenuCategories table {
		position: absolute; 
		border-collapse: collapse; 
		left: 0; 
		top: 0; 
		font-size: 12px;
	}

	#ControlMenuCategories .current a { 
		background-position: 0 bottom; 
	}

	#ControlMenuCategories .sub li a:hover, 
	#ControlMenuCategories .select a:hover .sub li a:hover, 
	#ControlMenuCategories .select li:hover .sub li a:hover{
		background-color: #a1194e;

		color: #fff;
		text-decoration: none;
	}

	#ControlMenuCategories .sub_active .current_sub a, 
	#ControlMenuCategories .sub_active a:hover {
		background-color: #a1194e;

		color: #fff;
		text-decoration: none;
	}

	#ControlMenuCategories .select li a:hover .sub, 
	#ControlMenuCategories .select li:hover .sub{
		display: block;
		width: 956px;
		height: 28px;
		padding: 12px 10px 0 10px;
		background: #74246d;
		
		position: absolute;
		top: 122px;
		left: 0;
		z-index: 10;
	}

	#ControlMenuCategories .sub, 
	#ControlMenuCategories .sub_active {
		margin:0; 
		padding:0; 
		list-style:none;
	}

	#ControlMenuCategories .sub_active {
		display: block;
		width: 956px;
		height: 28px;
		padding: 12px 10px 0 10px;
		background: #74246d;
		
		position: absolute;
		top: 122px;
		left: 0;
		z-index: 0;
	}

	#ControlMenuCategories .sub_active a {
		float: left; 
		text-decoration: none; 
	}

	#ControlMenuCategories .sub_active a, 
	#ControlMenuCategories .select a:hover .sub li a, 
	#ControlMenuCategories .select li:hover .sub li a {
		display: inline; 

		height: 16px;
		width: auto; 
		padding: 0 10px;
		margin: 0; 
		border: 0;
		white-space: nowrap; 

		color: #fff;
		font-size: 12px; 
		font-weight: normal;
		text-transform: none;
	}
