/**
 * Stylesheet: default
 *
 * @package    CustoMenu
 * @version    2.2.3
 * @since      File available since Release 2.1.0
 *
 * @author     Peter van Westen <peter@nonumber.nl>
 * @link       http://www.nonumber.nl/customenu
 * @copyright  Copyright (C) 2008 NoNumber! All Rights Reserved
 * @license    http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 */

/* BACKGROUNDS */

/* DEFAULT */
div.customenu_layout_default div.customenu_default a span{
	background: transparent url(../images/menu_button.png) repeat-x 50% 0px;
}

/* DEFAULT: hover */
div.customenu_layout_default div.customenu_default a span.link_hover {
	background-position: 50% -40px;
}

/* DEFAULT: active */
div.customenu_layout_default div.customenu_default  a span.link_active  {
	background-position: 50% -80px;
}

/* LAYOUT */

div.customenu_layout_default div.customenu_default {
}

div.customenu_layout_default div.customenu_default,
div.customenu_layout_default div.customenu_default a,
div.customenu_layout_default div.customenu_default span {
	margin: 0px;
	padding: 0px;
}

div.customenu_layout_default div.customenu_default a span {
	float: left;
	height: 30px; /* height - padding */
	padding: 10px 10px 0px 10px;
	/* width: 250px; */ /* for fixed widths */
	text-align: center;
	cursor: pointer;
	/*border-right: 1px solid #000000;*/
}

div.customenu_layout_default div.customenu_default a,
div.customenu_layout_default div.customenu_default a:hover,
div.customenu_layout_default div.customenu_default a span {
	line-height: 1em;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	display: inline-block; /* NEEDED FOR IE ON MAC */
}


/* OVERRIDE */
/* Overide any stuff you want per menu item
 * Things like backgrounds, widths, heights, etc.
 * You can do this for any count of items
 */
div.customenu_layout_default div.customenu_default a.link_1 span {
background: transparent url(../images/mdroite1.jpg); width:300px; height:35px;
}
div.customenu_layout_default div.customenu_default a.link_2 span {
background: transparent url(../images/mdroite2.jpg); width:300px; height:35px;
}
div.customenu_layout_default div.customenu_default a.link_3 span {
background: transparent url(../images/mdroite3.jpg); width:300px; height:35px;
}
div.customenu_layout_default div.customenu_default a.link_4 span {
background: transparent url(../images/mdroite4.jpg); width:300px; height:35px;
}
div.customenu_layout_default div.customenu_default a.link_5 span {
background: transparent url(../images/mdroite5.jpg); width:300px; height:35px;
}
div.customenu_layout_default div.customenu_default a.link_6 span {
background: transparent url(../images/mdroite6.jpg); width:300px; height:35px;
}
div.customenu_layout_default div.customenu_default a.link_7 span {
background: transparent url(../images/mdroite7.jpg); width:300px; height:35px;
}

/* OVERRIDE: normal */
div.customenu_layout_default div.customenu_default a.link_1 span.link_normal {
background: transparent url(../images/mdroite1.jpg) repeat-x 50% 0px;
}
div.customenu_layout_default div.customenu_default a.link_2 span.link_normal {
background: transparent url(../images/mdroite2.jpg) repeat-x 50% 0px;
}
div.customenu_layout_default div.customenu_default a.link_3 span.link_normal {
background: transparent url(../images/mdroite3.jpg) repeat-x 50% 0px;
}
div.customenu_layout_default div.customenu_default a.link_4 span.link_normal {
background: transparent url(../images/mdroite4.jpg) repeat-x 50% 0px;
}
div.customenu_layout_default div.customenu_default a.link_5 span.link_normal {
background: transparent url(../images/mdroite5.jpg) repeat-x 50% 0px;
}
div.customenu_layout_default div.customenu_default a.link_6 span.link_normal {
background: transparent url(../images/mdroite6.jpg) repeat-x 50% 0px;
}
div.customenu_layout_default div.customenu_default a.link_7 span.link_normal {
background: transparent url(../images/mdroite7.jpg) repeat-x 50% 0px;
}

/* OVERRIDE: hover */
div.customenu_layout_default div.customenu_default a.link_1 span.link_hover {
background: transparent url(../images/mdroite1bis.jpg) repeat-x 50% 0px;
}
div.customenu_layout_default div.customenu_default a.link_2 span.link_hover {
background: transparent url(../images/mdroite2bis.jpg) repeat-x 50% 0px;
}
div.customenu_layout_default div.customenu_default a.link_3 span.link_hover {
background: transparent url(../images/mdroite3bis.jpg) repeat-x 50% 0px;
}
div.customenu_layout_default div.customenu_default a.link_4 span.link_hover {
background: transparent url(../images/mdroite4bis.jpg) repeat-x 50% 0px;
}
div.customenu_layout_default div.customenu_default a.link_5 span.link_hover {
background: transparent url(../images/mdroite5bis.jpg) repeat-x 50% 0px;
}
div.customenu_layout_default div.customenu_default a.link_6 span.link_hover {
background: transparent url(../images/mdroite6bis.jpg) repeat-x 50% 0px;
}
div.customenu_layout_default div.customenu_default a.link_7 span.link_hover {
background: transparent url(../images/mdroite7bis.jpg) repeat-x 50% 0px;
}

/* OVERRIDE: active */
div.customenu_layout_default div.customenu_default a.link_1 span.link_active {
background: transparent url(../images/mdroite1bis.jpg) repeat-x 50% 0px;
}
div.customenu_layout_default div.customenu_default a.link_2 span.link_active {
background: transparent url(../images/mdroite2bis.jpg) repeat-x 50% 0px;
}
div.customenu_layout_default div.customenu_default a.link_3 span.link_active {
background: transparent url(../images/mdroite3bis.jpg) repeat-x 50% 0px;
}
div.customenu_layout_default div.customenu_default a.link_4 span.link_active {
background: transparent url(../images/mdroite4bis.jpg) repeat-x 50% 0px;
}
div.customenu_layout_default div.customenu_default a.link_5 span.link_active {
background: transparent url(../images/mdroite5bis.jpg) repeat-x 50% 0px;
}
div.customenu_layout_default div.customenu_default a.link_6 span.link_active {
background: transparent url(../images/mdroite6bis.jpg) repeat-x 50% 0px;
}
div.customenu_layout_default div.customenu_default a.link_7 span.link_active {
background: transparent url(../images/mdroite7bis.jpg) repeat-x 50% 0px;
}