/********** < Navigation */

#nav { font-size:12px; border:0px solid #ddd; padding-top:7px; margin:-10px 0 0 25px; min-width:930px!important; }

/* All Levels */
#nav li { text-align:left; position:relative; border-right:1px solid #717171;background: transparent url(../images/menu_gradient.png) bottom repeat-x;}
#nav li.over { z-index:999; }
#nav li.parent {}
#nav li a { color:#fff; display:block; text-decoration:none; font-weight:bold; font-size:12px;}
#nav li a:hover { text-decoration:none; }
#nav li a span { display:block; white-space:nowrap; cursor:pointer; }
#nav li ul a span { white-space:normal; }


	
	

/* 1st Level */
#nav li { float:left; }
#nav li a { float:left; padding:9px 22px 9px 22px; color:#fff; }
#nav li a:hover, #nav li a:active { color:#fff; background: #431262 url(../images/menu_gradient_hover.png) bottom repeat-x;}
#nav li.over a,
#nav li.active a { color:#fff;background: #431262 url(../images/menu_gradient_hover.png) bottom repeat-x; }

/* 2nd Level */
#nav ul { margin-top:0px;position:absolute; width:14.9em; top:36px; left:-10000px; border:0px solid #ddd; background:#411160;color:#fff; }
#nav ul li { float:none; border-bottom:0px solid #ddd; border-right:0px solid #717171; }
#nav ul li.last { border-bottom:0; }
#nav ul li a { font-size: 11px; float:none; padding:5px 5px 5px 25px; /*border-bottom:dotted 1px #672C86;*/ font-weight:normal; color:#fff !important; }
#nav ul li a:hover { color:#fff !important; text-decoration:underline;  }
#nav ul li.active > a,
#nav ul li.over > a  { font-weight:normal; color:#fff !important; }

/* 3rd+ leven */
#nav ul ul { top:7px; }

/* Show Menu */
#nav li.over > ul { left:0; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }



/* Extra Nav Elements for Colour 
#nav li.nav-canvas-shop a:hover, #nav li.nav-canvas-shop.active a {background: #019EE0 url(../images/menu_gradient.png) bottom repeat-x; color: #fff; }
	ul#nav li.nav-canvas-shop ul.level0 li a { background: #EDEDED; color: #fff;} 
	ul#nav li.nav-canvas-shop ul.level0 li.active a { background: #DADADA; color: #fff;}

#nav li.nav-yio-canvas a:hover, #nav li.nav-yio-canvas.active a { background: #B0006D url(../images/menu_gradient.png) bottom repeat-x; color: #fff; } 
#nav li.nav-yio-print a:hover, #nav li.nav-yio-print.active a { background: #EA8B1D url(../images/menu_gradient.png) bottom repeat-x;  color: #fff;} 

#nav li.nav-photos-gifts a:hover, #nav li.nav-photos-gifts.active a { background: #999 url(../images/menu_gradient.png) bottom repeat-x; color: #fff; } 
	ul#nav li.nav-photos-gifts ul.level0 li a { background: #EDEDED; color: #fff;} 
	ul#nav li.nav-photos-gifts ul.level0 li.active a { background: #DADADA; color: #fff;}
*/

ul#nav li ul.level0 li a { background: #411160;/*#DADADA;*/ color: #fff;} 
ul#nav li ul.level0 li a:hover, ul#nav li ul.level0 li a:active { background: #5E237D; color: #fff;} 

	#nav li.home {background: url('../images/nav_home_unactive.jpg') top left no-repeat;}	
	.cms-home #nav li.home a, #nav li.home a:hover {background: url('../images/nav_home_active.jpg') top left no-repeat;}	
	
	#nav li.nav-about-us.parent{width:92px; border-right:0px solid #ccc; background: url('../images/nav_info_unactive.jpg') top left no-repeat;}
		#nav li.nav-about-us.parent a {width:52px; padding-right:10px; padding-left:30px;}
		#nav li.nav-about-us.parent a:hover, #nav li.nav-about-us.parent a:active {width:52px;background: url('../images/nav_info_active.jpg') top left no-repeat;}
		
		.cms-about-zootaga #nav li.nav-about-us.parent a, 
		.cms-about-our-products #nav li.nav-about-us.parent a, 
		.cms-faqs #nav li.nav-about-us.parent a,
		.contacts-index-index #nav li.nav-about-us.parent a { background: url('../images/nav_info_active.jpg') top left no-repeat; }
		#nav li.nav-about-us.parent.over a, #nav li.nav-about-us.parent.active a { background: url('../images/nav_info_active.jpg') top left no-repeat; }
	
			/*sub menu*/
			#nav ul li.nav-about-us-about-us { margin-top:-2px;}
			ul#nav li.nav-about-us ul.level0, ul#nav li.nav-about-us ul.level0 li {width:139px!important;}
			ul#nav li.nav-about-us ul.level0 li a {width:139px!important;  background:none!important; background-color: #411160!important;/*#DADADA;*/ color: #fff;} 
			ul#nav li.nav-about-us ul.level0 li a:hover, ul#nav li.nav-about-us ul.level0 li a:active { background:none!important; background-color: #5E237D!important; color: #fff;} 

			/*ul#nav li.nav-about-us ul.level0 li.last a { width:122px!important; padding-bottom:5px;background: transparent url('../images/nav_last_bg.png') bottom left no-repeat;}*/

			#nav ul li, #nav ul {background:transparent;}
			#nav ul li.last { padding-bottom:5px;background: transparent url('../images/nav_last_bg.png') bottom left no-repeat; }

				#nav ul li.nav-about-us-contact-us 	{min-width:179px!important;}