/*//////////////////////////////////////////////////////////////////
// FILE:         mod_customenu.css
//------------------------------------------------------------------
// PACKAGE:      mod_customenu
// NAME:         CustoMenu
// DESCRIPTION:  CustoMenu ...a simple menu for Joomla!
// VERSION:      2.0.3
// CREATED:      June 2007
// MODIFIED:     January 2008
//------------------------------------------------------------------
// AUTHOR:       Peter van Westen
// E-MAIL:       peter@vanwesten.info
// WEBSITE:      http://extensions.vanwesten.info
//------------------------------------------------------------------
// COPYRIGHT:    (C) 2008 - Peter van Westen - All Rights Reserved
// LICENSE:      GNU/GPL  [ http://www.gnu.org/copyleft/gpl.html ]
//////////////////////////////////////////////////////////////////*/

div#mod_customenu span,
div#mod_customenu span span{
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}
div#mod_customenu span span{
	background: transparent url(images/menu_button.gif) repeat-x top left;
	width: 234px;
	height: 28px;
	padding: 6px 0px 0px 12px;
}

div#mod_customenu a,
div#mod_customenu a:hover,
div#mod_customenu span span{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
	display: inline-block; /* NEEDED FOR IE ON MAC */
}

/* HOVER */
/* You can define different hovers per button too,
   see how it is done for the active buttons */
div#mod_customenu span span.span_hover{
	background-image: url(images/menu_button_hover.gif); 
}

/* ACTIVE */
div#mod_customenu span span.span_active{
	color: #FFFFFF;
}
div#mod_customenu span.span_link_1 span.span_active{
	background-image: url(images/menu_button_active_1.gif); 
}
div#mod_customenu span.span_link_2 span.span_active{
	background-image: url(images/menu_button_active_2.gif); 
}
div#mod_customenu span.span_link_3 span.span_active{
	background-image: url(images/menu_button_active_3.gif); 
}
div#mod_customenu span.span_link_4 span.span_active{
	background-image: url(images/menu_button_active_4.gif); 
}
div#mod_customenu span.span_link_5 span.span_active{
	background-image: url(images/menu_button_active_1.gif); 
}
div#mod_customenu span.span_link_6 span.span_active{
	background-image: url(images/menu_button_active_2.gif); 
}
div#mod_customenu span.span_link_7 span.span_active{
	background-image: url(images/menu_button_active_3.gif); 
}
div#mod_customenu span.span_link_8 span.span_active{
	background-image: url(images/menu_button_active_4.gif); 
}
div#mod_customenu span.span_link_9 span.span_active{
	background-image: url(images/menu_button_active_1.gif); 
}
div#mod_customenu span.span_link_10 span.span_active{
	background-image: url(images/menu_button_active_2.gif); 
}
div#mod_customenu span.span_link_11 span.span_active{
	background-image: url(images/menu_button_active_3.gif); 
}
div#mod_customenu span.span_link_12 span.span_active{
	background-image: url(images/menu_button_active_4.gif); 
}