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

.top-nav {
	width:732px;
	height: 30px;
	z-index:5px;
	position: absolute;
}

#navbar a:focus { outline: none; }

#navbar {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	height: 30 px;
	width: 732 px;
	margin-top: 116px;
}
#navbar li {
	list-style: none;
	float: left;
	font-weight: bold;
	text-decoration: none;
	display: inline;
	padding: 0;
	margin: 0;
}
#navbar li a {
	display: block;
	text-decoration: none;
	color: #42230f;
}
#navbar li a:hover {
	font-weight:bold;
	color: #b01321;
}
#navbar li:hover li, #navbar li.hover li {
	float: none;
}
/*#navbar  li:hover li a, #navbar li.hover li a{
color: #000; 

}	*/
	/*Begin Dropdown BGs*/
	
	#navbar li ul#about-us-drop {
	display: none;
	overflow: auto;
	background-image: url(../images/menus/top-nav/about-us-drop.jpg);
}
#navbar li:hover ul#about-us-drop, #navbar li.hover ul#about-us-drop {
	display: block;
	position: absolute;
	text-align:center;
	margin: 0;
	padding: 0;
	padding-top:25px;
	line-height: 22px;
	width: 115px;
	height: 126px;
}
#navbar li ul#about-coffee-drop {
	display: none;
	overflow: auto;
	background-image: url(../images/menus/top-nav/about-coffee-drop.jpg);
}
#navbar li:hover ul#about-coffee-drop, #navbar li.hover ul#about-coffee-drop {
	display: block;
	position: absolute;
	text-align:center;
	margin: 0;
	padding: 0;
	padding-top:25px;
	line-height: 22px;
	width: 146px;
	height: 148px;
}
#navbar li ul#about-tea-drop {
	display: none;
	overflow: auto;
	background-image: url(../images/menus/top-nav/about-tea-drop.jpg);
}
#navbar li:hover ul#about-tea-drop, #navbar li.hover ul#about-tea-drop {
	display: block;
	position: absolute;
	text-align:center;
	margin: 0;
	padding: 0;
	padding-top:25px;
	line-height: 22px;
	width: 113px;
	height: 148px;
}
#navbar li ul#our-cafes-drop {
	display: none;
	overflow: auto;
	background-image: url(../images/menus/top-nav/our-cafes-drop.jpg);
}
#navbar li:hover ul#our-cafes-drop, #navbar li.hover ul#our-cafes-drop {
	display: block;
	position: absolute;
	text-align:center;
	margin: 0;
	padding: 0;
	padding-top:25px;
	line-height: 22px;
	width: 117px;
	height: 81px;
}
#navbar li ul#flagstaff-drop {
	display: none;
	overflow: auto;
	background-image: url(../images/menus/top-nav/flagstaff-drop.jpg);
}
#navbar li:hover ul#flagstaff-drop, #navbar li.hover ul#flagstaff-drop {
	display: block;
	position: absolute;
	text-align:center;
	margin: 0;
	padding: 0;
	padding-top:25px;
	line-height: 22px;
	width: 100px;
	height: 59px;
	z-index: 1000;
}
#navbar li ul#wholesale-drop {
	display: none;
	overflow: auto;
	background-image: url(../images/menus/top-nav/wholesale-drop.jpg);
}
#navbar li:hover ul#wholesale-drop, #navbar li.hover ul#wholesale-drop {
	display: block;
	position: absolute;
	text-align:center;
	margin: 0;
	padding: 0;
	padding-top:25px;
	line-height: 22px;
	width: 121px;
	height: 59px;
}
/*End Dropdown BGs*/

	/*Begin Category ID Tags*/	
	
	#about-us {
	display: block;
	width: 116px;
	height: 30px;
	background-image: url(../images/menus/top-nav/top-about-us.jpg);
}
#about-us span {
	display: none;
}
#about-coffee {
	display: block;
	width: 146px;
	height: 30px;
	background-image: url(../images/menus/top-nav/top-about-coffee.jpg);
}
#about-coffee span {
	display: none;
}
#about-tea {
	display: block;
	width: 114px;
	height: 30px;
	background-image: url(../images/menus/top-nav/top-about-tea.jpg);
}
#about-tea span {
	display: none;
}
#our-cafes {
	display: block;
	width: 116px;
	height: 30px;
	background-image: url(../images/menus/top-nav/top-our-cafes.jpg);
}
#our-cafes span {
	display: none;
}
#flagstaff {
	display: block;
	width: 100px;
	height: 30px;
	background-image: url(../images/menus/top-nav/top-flagstaff.jpg);
}
#flagstaff span {
	display: none;
}
#wholesale {
	display: block;
	width: 121px;
	height: 30px;
	background-image: url(../images/menus/top-nav/top-wholesale.jpg);
}
#wholesale span {
	display: none;
}
	
	/*End Category ID Tags*/
div.cartButtons
{
	position:relative;
}

div.cartButtons div.goViewCart
{
	position:absolute;
	top:26px;
	left:0px;
	width:84px;
	height:23px;
}

div.cartButtons div.goViewCart a
{
	display: block;
	width: 76px;
	height: 24px;
	background-image: url(../../products/assets/images/view-cart.jpg);
	background-repeat: no-repeat;
	background-position: 0 0px;
}

div.cartButtons div.goViewCart a:hover
{
	background-position: 0 -24px;
}