/* @override http://www.jumbopet.de/store/skin/frontend/default/jp/css/menu.css */

/* @override http://81.93.62.147/xstore/skin/frontend/default/jp/css/menu.css */

/* @override http://81.93.62.147/xstore/skin/frontend/default/jp/css/menu.css */

/* @override http://de.jumbopet.com/store/skin/frontend/dogs/default/css/menu.css */

/* @override http://de.jumbopet.com/store/skin/frontend/de/default/css/menu.css */

/* @override http://pagayo.nl/test-shop/skin/frontend/default/modern/css/menu.css */

/* @override http://pagayo.nl/test-shop/skin/frontend/default/modern/css/menu.css */

/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

#nav { 
	float:left; 
}


/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { 
	position: relative;
	text-align: left;
}
#nav li.over { 
	z-index: 999; 
}
#nav a,
#nav a:hover { 
	display: block; 
	text-decoration: none; 
}
#nav span { 
	display: block; 
	cursor: pointer; 
	white-space: nowrap; 
}
#nav li ul span {
	white-space: normal; 
}



/************ 0 LEVEL  ***************/

#nav li { 
	float: left; 
	padding: 3px 8px;
	margin-right: 3px;
	background-color: #fff ;	
}

#nav li.active a { 
	color: #fff; 
}

#nav a { 
	float: left; 
	font: bold 17px Arial, Helvetica, Geneva, sans-serif;
	padding: 3px 3px 9px;
}

#nav li.over a,
#nav a:hover { 
	color: #fff;
}



/* DOGS 
-------------------------------------*/

#nav li.nav-dogs.over,
#nav li.nav-dogs.active { 
	background-color: #ff6000 ;
}

#nav li.nav-dogs a { 
	color: #ff6f00;
}

#nav li.nav-dogs.active a,
#nav li.nav-dogs.over a  { 
	color: #fff; 
}

#nav li.nav-dogs ul { 
	background-color: #ff6000;
}

#nav li.nav-dogs ul a:hover{ 
	color: #ff6f00 !important;
}


/* CATS 
-------------------------------------*/

#nav li.nav-cats.over,
#nav li.nav-cats.active { 
	background-color: #78297b ;
}

#nav li.nav-cats a { 
	color: #78297b;
}

#nav li.nav-cats.active a,
#nav li.nav-cats.over a  { 
	color: #fff !important; 
}


#nav li.nav-cats ul { 
	background-color: #78297b;
}

#nav li.nav-cats ul a:hover{ 
	color: #78297b !important;
}



/* SMALLS 
-------------------------------------*/

#nav li.nav-small-pets.over,
#nav li.nav-small-pets.active { 
	background-color: #71a01f ;
}

#nav li.nav-small-pets a { 
	color: #67a624;
}

#nav li.nav-small-pets.active a,
#nav li.nav-small-pets.over a  { 
	color: #fff; 
}

#nav li.nav-small-pets ul { 
	background-color: #71a01f;
}

#nav li.nav-small-pets ul a:hover{ 
	color: #67a624 !important;
}


/* AQUA 
-------------------------------------*/

#nav li.nav-fish.over,
#nav li.nav-fish.active { 
	background-color: #0084c8 ;
}

#nav li.nav-fish a { 
	color: #249be0;
}

#nav li.nav-fish.active a,
#nav li.nav-fish.over a  { 
	color: #fff; 
}

#nav li.nav-fish ul { 
	background-color: #0084c8;
}

#nav li.nav-fish ul a:hover{ 
	color: #249be0 !important;
}



/* BIRDS 
-------------------------------------*/

#nav li.nav-birds.over,
#nav li.nav-birds.active { 
	background-color: #f09301 ;
}

#nav li.nav-birds a { 
	color: #f09e01;
}

#nav li.nav-birds.active a,
#nav li.nav-birds.over a  { 
	color: #fff; 
}

#nav li.nav-birds ul { 
	background-color: #f09301;
}

#nav li.nav-birds ul a:hover{ 
	color: #f09e01 !important;
}



/* HORSES 
-------------------------------------*/

#nav li.nav-horses.over,
#nav li.nav-horses.active { 
	background-color: #604830 ;
}

#nav li.nav-horses a { 
	color: #4e3e2a;
}

#nav li.nav-horses.active a,
#nav li.nav-horses.over a  { 
	color: #fff; 
}

#nav li.nav-horses ul { 
	background-color: #604830;
}

#nav li.nav-horses ul a:hover{ 
	color: #4e3e2a !important;
}





/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active,
#nav ul li.over { 
	float:none; 
	border:none; 
	background:none; 
	margin:0; 
	padding:0; 
}

#nav ul li.parent { 
}

#nav ul li.last { 
	padding-bottom: 10px; 
}

#nav ul li.active { 
	margin:0; 
	border:0; 
	background:none; 
}

#nav ul a,
#nav ul a:hover { 
	float:none; 
	padding:0; 
	background:none; 
}

#nav ul li a {
	font: normal 13px Arial, Helvetica, Geneva, sans-serif;
}



/************ 2ND LEVEL ************/
#nav ul { 
	position:absolute; 
	top:22px; 
	left:-10000px; 
	font-size:11px;
	background-color: #eef2f5;
	margin-top: 16px;
	padding: 3px 11px;
	width: 260px;
}

/* Show menu */
#nav li.over > ul { 
	left:0px; 
}
#nav li.over > ul li.over > ul { 
	left:100px; 
}
#nav li.over ul ul { 
	left:-10000px;
}
#nav ul li a { 
	padding: 3px; 
	color:#fff !important;
	background:none !important;
}
#nav ul li a:hover { 
	padding: 3px; 
	color:#000 !important;
	background-color: #fff !important;
}


/************ 3RD+ LEVEL ************/
#nav ul ul {
	top: 5px;
}


