#nav {
	margin: 0px;
	width: 188px;
}

#nav a {
	text-decoration: none;
}

#nav ul {
	display: block;
	margin: 0px;
	padding: 0px;
}

#nav ul li {
	display: inline;
	width: 99.99%;
}

#nav ul ul li {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#nav ul .menu-header {
	display: block;
	position: relative;
	padding: 0px 0px;
}

#nav ul .menu-header a.title {
	display: block;
}

#nav ul .menu-header a.button {
	display: block;
	position: absolute;
	left: 18px;
	top: 9px;
	width: 15px;
	height: 15px;
	overflow: hidden;
	background: url(images/menu-button-2.gif) no-repeat 0px 0px;
}

#nav ul .menu-header a.button:hover {
	left: 18px;
	background: url(images/menu-button.gif) no-repeat 0px 0px !important;
	height: auto !important;
}

#nav ul li.open .menu-header a.button {
	left: 18px;
	background: url(images/menu-button.gif) no-repeat 0px 0px;
	text-decoration: none !important;
}

#nav ul li.open .menu-header a.button:hover {
	left: 18px;
	background: url(images/menu-button.gif) no-repeat 0px 0px;
	text-decoration: none !important;
}

#nav ul .menu-header a.button span {
	display: block;
}

#nav ul .menu {
	margin: 0px;
	padding: 0px;
	display: none;
}

#nav ul .closing .menu,
#nav ul .opening .menu {
	display: block;
	padding: 0px;
}

#nav ul .closing .menu ul,
#nav ul .opening .menu ul {
	display: none;
}

#nav ul li.open .menu {
	display: block;
}

#nav ul .menu ul li {
	padding: 0px;
	margin: 0px;
}

#nav ul .menu ul a {
	display: block;
	padding: 0px 0px;
	width: 188px;
}

#nav #menu-index .menu-header {
	background: url(images/25-years.gif) no-repeat 0px 0px;
	height: 177px;
}

#nav #menu-home .menu-header {
	background: url(images/menu-home.gif) no-repeat 0px 0px;
	height: 32px;
}

#nav #menu-home .menu-header a:hover {
	background: url(images/menu-home-2.gif) no-repeat 0px 0px;
	height: 32px;
}

#nav #menu-our-range .menu-header {
	background: url(images/menu-our-range.gif) no-repeat 0px 0px;
	height: 32px;
}

#nav #menu-our-range .menu-header a:hover {
	background: url(images/menu-our-range-2.gif) no-repeat 0px 0px;
	height: 32px;
}

#nav #menu-features .menu-header {
	background: url(images/menu-features.gif) no-repeat 0px 0px;
	height: 32px;
}

#nav #menu-features .menu-header a:hover {
	background: url(images/menu-features-2.gif) no-repeat 0px 0px;
	height: 32px;
}

#nav #menu-outlets .menu-header {
	background: url(images/menu-outlets.gif) no-repeat 0px 0px;
	height: 32px;
}

#nav #menu-outlets .menu-header a:hover {
	background: url(images/menu-outlets-2.gif) no-repeat 0px 0px;
	height: 32px;
}

#nav #menu-contact-us .menu-header {
	background: url(images/menu-contact-us.gif) no-repeat 0px 0px;
	height: 32px;
}

#nav #menu-contact-us .menu-header a:hover {
	background: url(images/menu-contact-us-2.gif) no-repeat 0px 0px;
	height: 32px;
}
/*
#nav ul .menu ul li a.garages {
	background: url(images/menu-garages.gif) no-repeat 0px 0px;
	height: 22px;
} 

#nav ul .menu ul li a.garages:hover {
	background: url(images/menu-garages-2.gif) no-repeat 0px 0px;
	height: 22px;
}

#nav ul .menu ul li a.garden-sheds {
	background: url(images/menu-garden-sheds.gif) no-repeat 0px 0px;
	height: 22px;
}

#nav ul .menu ul li a.garden-sheds:hover {
	background: url(images/menu-garden-sheds-2.gif) no-repeat 0px 0px;
	height: 22px;
}*/

#nav ul .menu ul li a.far-north {
	background: url(images/menu-far-north.gif) no-repeat 0px 0px;
	height: 22px;
}

#nav ul .menu ul li a.far-north:hover {
	background: url(images/menu-far-north-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.whangarei {
	background: url(images/menu-whangarei.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.whangarei:hover {
	background: url(images/menu-whangarei-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.rodney {
	background: url(images/menu-rodney.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.rodney:hover {
	background: url(images/menu-rodney-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.auckland-westgate {
	background: url(images/menu-auckland-westgate.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.auckland-westgate:hover {
	background: url(images/menu-auckland-westgate-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.auckland-counties {
	background: url(images/menu-auckland-counties.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.auckland-counties:hover {
	background: url(images/menu-auckland-counties-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.coromandel {
	background: url(images/menu-coromandel.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.coromandel:hover {
	background: url(images/menu-coromandel-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.east-waikato {
	background: url(images/menu-east-waikato.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.east-waikato:hover {
	background: url(images/menu-east-waikato-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.waikato {
	background: url(images/menu-waikato.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.waikato:hover {
	background: url(images/menu-waikato-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.tauranga {
	background: url(images/menu-tauranga.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.tauranga:hover {
	background: url(images/menu-tauranga-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.whakatane {
	background: url(images/menu-whakatane.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.whakatane:hover {
	background: url(images/menu-whakatane-2.gif) no-repeat 0px 0px;
	height: 22px;
}


 #nav ul .menu ul li a.rotorua-taupo {
	background: url(images/menu-rotorua-taupo.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.rotorua-taupo:hover {
	background: url(images/menu-rotorua-taupo-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.gisborne {
	background: url(images/menu-gisborne.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.gisborne:hover {
	background: url(images/menu-gisborne-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.hawkes-bay {
	background: url(images/menu-hawkes-bay.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.hawkes-bay:hover {
	background: url(images/menu-hawkes-bay-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.taranaki {
	background: url(images/menu-taranaki.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.taranaki:hover {
	background: url(images/menu-taranaki-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.wanganui {
	background: url(images/menu-wanganui.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.wanganui:hover {
	background: url(images/menu-wanganui-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.manawatu {
	background: url(images/menu-manawatu.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.manawatu:hover {
	background: url(images/menu-manawatu-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.wairarapa {
	background: url(images/menu-wairarapa.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.wairarapa:hover {
	background: url(images/menu-wairarapa-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.wellington {
	background: url(images/menu-wellington.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.wellington:hover {
	background: url(images/menu-wellington-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.nelson {
	background: url(images/menu-nelson.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.nelson:hover {
	background: url(images/menu-nelson-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.blenheim {
	background: url(images/menu-blenheim.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.blenheim:hover {
	background: url(images/menu-blenheim-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.north-canterbury {
	background: url(images/menu-north-canterbury.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.north-canterbury:hover {
	background: url(images/menu-north-canterbury-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.canterbury {
	background: url(images/menu-canterbury.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.canterbury:hover {
	background: url(images/menu-canterbury-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.west-coast {
	background: url(images/menu-west-coast.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.west-coast:hover {
	background: url(images/menu-west-coast-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.timaru-oamaru {
	background: url(images/menu-timaru.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.timaru-oamaru:hover {
	background: url(images/menu-timaru-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.southland {
	background: url(images/menu-southland.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.southland:hover {
	background: url(images/menu-southland-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.dunedin {
	background: url(images/menu-dunedin.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.dunedin:hover {
	background: url(images/menu-dunedin-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.central-otago {
	background: url(images/menu-central-otago.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.central-otago:hover {
	background: url(images/menu-central-otago-2.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.otorohanga {
	background: url(images/menu-otorohanga.gif) no-repeat 0px 0px;
	height: 22px;
}

 #nav ul .menu ul li a.otorohanga:hover {
	background: url(images/menu-otorohanga-2.gif) no-repeat 0px 0px;
	height: 22px;
}