@charset "UTF-8";
/* CSS Document */

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#nav {
	padding:0;
	margin:0;
	list-style:none;
	height:45px;
	position:relative;
	z-index:600;
	font-family:arial, verdana, sans-serif;
	width:920px;
}
#nav li.top {display:block; float:left;}
#nav li a {display:block; float:left; height:43px; text-decoration:none; padding:0; cursor:pointer;}
#nav li a b {
	margin-left:-2000px;
}

#nav li a.home { width:118px; background:url(../images/navi/home.jpg);}
#nav li a.products { width:168px; background:url(../images/navi/products.jpg);}
#nav li a.information { width:195px; background:url(../images/navi/info.jpg);}
#nav li a.cart {width:217px;background:url(../images/navi/cart.jpg);}
#nav li a.contact {width:218px; background:url(../images/navi/contact.jpg);}

#nav li:hover a,
#nav a:hover
{background-position: 0 43px;}


#nav table {position:absolute; top:0; left:0; border-collapse:collapse; padding:0; width:0; height:0; margin:-1px;}

#nav .sub {
	position:absolute;
	left:-2000px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub
{
	left:0;
	top:43px;
	background: #edb;
	height:auto;
	z-index:300;
}
#nav :hover ul.sub li
{display:block; height:32px; position:relative; float:left; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; height:32px; border:1px solid #888; border-color:#ddd #888 #000 #ccc; text-decoration:none; padding:0; cursor:pointer;}
#nav :hover ul.sub li a b {position:absolute; left:-9999px; margin:0;}



#nav :hover ul li a.biscotti {width:171px; background:url(../images/navi/dropdown/biscotti.jpg);}
#nav :hover ul li a.foods {width:171px; background:url(../images/navi/dropdown/dogcat.jpg);}
#nav :hover ul li a.whoats {width:171px; background:url(../images/navi/dropdown/whoats.jpg);}
#nav :hover ul li a.barks {width:171px; background:url(../images/navi/dropdown/barks.jpg);}
#nav :hover ul li a.crackers {width:171px; background:url(../images/navi/dropdown/crackers.jpg);}
#nav :hover ul li a.emu {width:171px; background:url(../images/navi/dropdown/emu.jpg);}
#nav :hover ul li a.gifts {width:171px; background:url(../images/navi/dropdown/gifts.jpg);}

#nav :hover ul li a.who {width:196px; background:url(../images/navi/dropdown/who.jpg);}
#nav :hover ul li a.tasty {width:196px; background:url(../images/navi/dropdown/tasty.jpg);}
#nav :hover ul li a.retail {width:196px; background:url(../images/navi/dropdown/retail.jpg);}
#nav :hover ul li a.show {width:196px; background:url(../images/navi/dropdown/show.jpg);}
#nav :hover ul li a.links {width:196px; background:url(../images/navi/dropdown/links.jpg);}
#nav :hover ul li a.contact {width:196px; background:url(../images/navi/dropdown/contact.jpg);}



#nav :hover ul.sub li a:hover 
{background-position: 0 32px; position:relative;}
#nav :hover ul.sub li a:hover b {left:-999px; top:15px; background:#fff; color:#000; border:1px solid #888; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}