/*
*************************************************

file : nav.css
client : Tuart Hill Liquor
author : Karl Brightman
modified by : Guy Lillico
date modified : 3rd April 2008

*************************************************
*/

#nav, #nav ul {list-style:none;position:relative;height:auto; z-index: 100;}


#nav li {
	/* applied to all list items in nav */
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px; /* collapse borders */
	margin-right: 0px;
	position : relative; /* required - used to position subs */
	width: 118px; /* set to same width as base list */
}

#nav li.dropdown ul {
	/* second level subs */
	left: -9999em;
	position : absolute; /* required - positions subs in parent list item */
}

#nav li.dropdown ul ul {
	left: -9999em;
	margin-left: 118px; /* position sub to right of parent */
	top: 0;
}

#nav li a {display:block;height:42px;text-indent: -999px;}

#nav li a:hover {background-position:0 -42px!important;}

#nav li.dropdown a {
	display : block;
	height: 42px;
	overflow: hidden;
	text-decoration : none;
	text-indent: -999px;
	width: 108px; /* set to base width minus padding (example: 200px - 5px -5px = 190px) */
}	



#nav li.dropdown ul a {
	background: none;
	background-color : #f4f4f4;
	border : 1px solid #bebebe;
	color : #000084;
	display : block;
	font-size: 12px;
	height: auto;
	text-decoration : none;
	text-indent: 0;
	padding : 5px 5px;
	width: 107px; /* set to base width minus padding (example: 200px - 5px -5px = 190px) */
}	
#nav li.dropdown ul a:hover { background-color : #fff601; color : #ce0a0b; }	

/* hide subs on current list */
#nav li.dropdown:hover ul ul, #nav li.dropdown:hover ul ul ul, #nav li.dropdown.sfhover ul ul, #nav li.dropdown.sfhover ul ul ul {
	left: -9999em;
}

/* show subs on hover */
#nav li.dropdown:hover ul, #nav li.dropdown li:hover ul, #nav li.dropdown li li:hover ul, #nav li.sfhover ul, #nav li.dropdown li.sfhover ul, #nav li.dropdown li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}



#nav li#home {background:url(../images/nav/home.gif) no-repeat 0 2px; width:95px;} 
#nav li#products {background:url(../images/nav/products.gif) no-repeat 0 2px; width:118px;} 
#nav li#specials {background:url(../images/nav/specials.gif) no-repeat 0 2px; width:112px;} 
#nav li#request {background:url(../images/nav/request.gif) no-repeat 0 2px; width:114px;} 
#nav li#contact {background:url(../images/nav/contact.gif) no-repeat 0 2px;width:109px;} 
#nav li.cart {width:200px;}

#nav li:hover {background-position:0 -42px!important;} 

body#page-home #nav li#home {background-position:0 -42px!important;}
body#page-products #nav li#products {background-position:0 -42px!important;}
body#page-specials #nav li#specials {background-position:0 -42px!important;}
body#page-request #nav li#request {background-position:0 -42px!important;}
body#page-contact #nav li#contact {background-position:0 -42px!important;}
body#page-cart #nav li.cart {background-position:0 -42px!important;}

ul.product-navigation {list-style:none;}
ul.product-navigation li {float:left;text-indent:-9999px;overflow:hidden;}
ul.product-navigation li a {display:block;height:78px;}
ul.product-navigation li a:hover {background-position:0 -78px!important;}
ul.product-navigation li.spirits a {background:url(../images/nav/spirits.jpg) no-repeat 0 0; width:183px;} 
ul.product-navigation li.wine a {background:url(../images/nav/wine.jpg) no-repeat 0 0; width:175px;} 
ul.product-navigation li.beer a {background:url(../images/nav/beer.jpg) no-repeat 0 0; width:168px;} 
ul.product-navigation li.premix a {background:url(../images/nav/rtdpremix.jpg) no-repeat 0 0; width:224px;}