.t4f_menu
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.t4f_menu li
{	
	margin:0;
	padding: 6px 12px; /* Display: block won't work in this example, instead we are using padding to make the hole tab a clickable link */
	color:#FFFFFF;
	text-decoration: none;
	line-height:30px;
	float:left;
}



.t4f_menu li a { 
	color: #FFF;
	padding: 10px;
	text-decoration: none;
	font-size: 15px;
	padding: 10px;
}

.t4f_menu li a:hover
{
	color:#EC118F;
	background:#E54400;
	background:url('../../../../templates/top/images/menu_on.png');
	background-repeat: no-repeat;
}

.t4f_menu li.active a, .t4f_menu li.active a:hover
{
	color:#EC118F;
	background:#E54400;
	background:url('../../../../templates/top/images/menu_on.png');
	background-repeat: no-repeat;
}

.t4f_menu li.active li a, .t4f_menu li.active li a:hover
{
	color: #FFF;
	text-decoration: none;
	background:none;
}

/*--------------------------------------------------------------------------------------*/

.t4f_menu .t4f_submenu
{
	display:none;
	position:absolute;
	z-index:20;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align:left;

}
.t4f_menu .t4f_submenu li
{
	width:180px;
	background:#EC118F;
	clear:both;
	color:#FFFFFF;
	text-decoration: none;
	line-height:18px;
	
}
.t4f_menu .t4f_submenu li a { 
	color: #FFF;
	text-decoration: none;
	background:none;
	font-size: 12px;
	padding: 0;
	text-decoration:none;
}

.t4f_menu .t4f_submenu li a:hover, .t4f_menu li.active  .t4f_submenu li a:hover
{
	color:#FFF;
	text-decoration:underline;
}

.t4f_menu .t4f_submenu li.active a, .t4f_submenu li.active a:hover
{
	color:#FFF;
	text-decoration:underline;
}