/* NAVIGATION BAR STYLE SHEET */

#navbar{
	width: 100%;
	height: 23px;
	background: url(../images/menu-bg.gif) center left repeat-x;
}

#navbar ul{ /* Entire navbar list */
	list-style: none;
	margin: 0;
	padding: 0;
}

#navbar li{ /* Top-level list items*/
	position: relative;
	float: left;
	display: inline;
	height: 23px;
	margin: 0;
}

#navbar li a{ /* Top-level list links */
	position: relative;
	display: block;
	width: 98px;
	color: #006633;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 23px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #cccccc;
}

#navbar li a:link, #navbar li a:visited, #navbar li li a:link, #navbar li li a:visited{ /* Top-level, drop-down & slide-out list link behaviour */
text-decoration: none;
}

#navbar li a:hover{ /* Top-level list link behaviour */
color: #000000;
text-decoration: none;
padding: 0;
background: #cccccc;
}

#navbar li li a:hover{ /* Drop-down list & slide-out link behaviour */
text-decoration: none;
padding-left: 5px;
}

#navbar li a:active, #navbar li li a:active{ /* Top-level, drop-down & slide-out list link behaviour */
color: #000000;
text-decoration: none;
background: #cccccc;
}

#navbar li li a.daddy{
background: url(../images/rightarrow2.gif) center right no-repeat;
}

#navbar li li a.daddy:hover{
background: url(../images/rightarrow2.gif) center right no-repeat;
}

#navbar li ul, #navbar li:hover ul ul{ /* Drop-down & slide-out sections */
	position: absolute;
	display: none;
	top: 22px;
	left: -1px;
	width: 140px;
	margin: 0;
	padding: 5px 0;
	background: #eeeeee;
	border: 1px solid #cccccc;
}

#navbar li:hover ul ul{ /* Positioning for slide-outs */
top: 2px;
left: 140px;
padding: 0;
}

#navbar li:hover, #navbar li.over{
background: #cccccc;
}

#navbar li li{ /* Drop-down & slide-out list items */
position: relative;
height: 22px;
margin: 0;
padding: 0;
background: transparent;
}

#navbar li li a{ /* Drop-down & slide-out list links */
	position: relative;
	display: block;
	width: 135px;
	font-size: 9px;
	line-height: 22px;
	text-align: left;
	margin: 0;
	padding-left: 5px;
	border: 0;
}

#navbar li:hover ul, #navbar li:hover li:hover ul{ /* Drop-down display, triggered by top-level list hover */
display: block;
}

body#home a.home-nav,
body#eshop a.eshop-nav,
body#products a.products-nav,
body#services a.services-nav,
body#beresford a.beresford-nav,
body#support a.support-nav,
body#contact-us a.contact-nav{ /* Highlight current page navbar link */
	color: #ffffff;
	background-image: url(../images/menu-hl.gif);
	background-repeat: repeat-x;
	background-position: left center;
}