﻿/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/vertical-list.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menuContainer {
	width: 750px;
	height: 500px;
	position: relative;
}
#verticalNav {
	position: absolute;
	left: 5px;
	top: 5px;
	margin: 0;
	list-style: none;
	position: relative;
	font-family: verdana, sans-serif;
	float: left;
	padding: 0px 0 0 0;
}
#verticalNav ul.oneLevel {
	padding: 0;
	margin: 0;
	list-style: none;
}
#verticalNav ul.sub {
	padding: 0;
	margin: 0;
	list-style: none;
}
#verticalNav table {
	border-collapse: collapse;
	margin: -1px;
}
#verticalNav ul.oneLevel ul.sub {
	position: absolute;
	left: -9999px;
	width: 173px;
}
#verticalNav ul.oneLevel ul div.base {
	position: absolute;
	left: -9999px;
	background: #fff;
	border: 1px solid #C0D9ED;
	padding: 10px;
	width: 350px;
	height: 300px;
}
#verticalNav ul.oneLevel ul div.border {
	position: absolute;
	left: -9999px;
	background: transparent url("http://www.myvacationhome.nl/mvh_website_gen03/mvh_menu/vertical_list_01/vertical-list/backing.png");
	width: 390px;
	height: 340px;
}
#verticalNav ul.oneLevel {
	width: 175px;
	border-top: 1px solid #C0D9ED;
}
#verticalNav ul.oneLevel li {
	float: left;
	width: 175px;
}
#verticalNav ul.oneLevel li a {
	display: block;
	width: 163px;
	padding-left: 10px;
	height: 22px;
	line-height: 22px;
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	background: #6795C9;
	border: 1px solid #C0D9ED;
	border-width: 0 1px 1px 1px;
}

#verticalNav ul.onelevel li a {
	display: block;
	width: 163px;
	padding-left: 10px;
	height: 22px;
	line-height: 22px;
	text-decoration: none;
	color: #fff;
	font-size: 11px;
	background: #6795C9;
	border: 1px solid #C0D9ED;
	border-width: 0 1px 1px 1px;
}


#verticalNav a:hover {
	white-space: nowrap;
}
#verticalNav :hover ul.oneLevel li a {
	background: #6795C9;
	color: #fff;
	filter: alpha(opacity=100);
	opacity: 0.9;
}
#verticalNav ul.oneLevel li a:hover {
	color: #069;
	background: #fff;
	filter: alpha(opacity=100);
	opacity: 1.0;
}
#verticalNav ul.oneLevel li:hover > a {
	color: #069;
	background: #fff;
	filter: alpha(opacity=100);
	opacity: 1.0;
}
#verticalNav :hover ul.oneLevel :hover ul.sub {
	left: 174px;
	top: 0;
	border-top: 1px solid #C0D9ED;
}
#verticalNav :hover ul.oneLevel :hover ul.pos1 {
	top: 0px;
}
#verticalNav :hover ul.oneLevel :hover ul.pos2 {
	top: 23px;
}
#verticalNav :hover ul.oneLevel :hover ul.pos3 {
	top: 46px;
}
#verticalNav :hover ul.oneLevel :hover ul.pos4 {
	top: 69px;
}
#verticalNav :hover ul.oneLevel :hover ul.pos5 {
	top: 242px;
}
#verticalNav :hover ul.oneLevel :hover ul.pos6 {
	top: 265px;
}
#verticalNav :hover ul.oneLevel :hover ul.pos7 {
	top: 288px;
}
#verticalNav :hover ul.oneLevel :hover ul.pos8 {
	top: 196px;
}
#verticalNav :hover ul.oneLevel :hover ul.pos9 {
	top: 265px;
}
#verticalNav :hover ul.oneLevel :hover ul.pos10 {
	top: 242px;
}
#verticalNav :hover ul.oneLevel :hover ul.sub li a {
	background: #6795C9;
	color: #fff;
	filter: alpha(opacity=100);
	opacity: 1.0;
}
#verticalNav :hover ul.oneLevel :hover ul.sub li a.sub2 {
	background: #eee;
	color: #000;
}
#verticalNav :hover ul.oneLevel :hover ul.sub li a:hover {
	background: #fff;
	color: #069;
}
#verticalNav :hover ul.oneLevel :hover ul.sub li a.sub2:hover {
	background: #fff;
	color: #069;
}
#verticalNav :hover ul.oneLevel :hover ul.sub li:hover > a.sub2 {
	background: #fff;
	color: #069;
}
#verticalNav :hover ul.oneLevel :hover ul.sub div.base {
	left: -9999px;
}
#verticalNav :hover ul.oneLevel :hover ul.sub div.border {
	left: -9999px;
}
#verticalNav :hover ul.oneLevel :hover ul.sub :hover div.base {
	left: 185px;
}
#verticalNav :hover ul.oneLevel :hover ul.sub :hover div.div1 {
	top: -92px;
}
#verticalNav :hover ul.oneLevel :hover ul.sub :hover div.div2 {
	top: -115px;
}
#verticalNav :hover ul.oneLevel :hover ul.sub :hover div.div3 {
	top: -207px;
}
#verticalNav :hover ul.oneLevel :hover ul.sub :hover div.div4 {
	top: -230px;
}
#verticalNav :hover ul.oneLevel :hover ul.sub :hover div.div5 {
	top: -137px;
}
#verticalNav :hover ul.oneLevel :hover ul.sub :hover div.div6 {
	top: -207px;
}
#verticalNav :hover ul.oneLevel :hover ul.sub :hover div.div7 {
	top: -185px;
}
#verticalNav :hover ul.oneLevel :hover ul.sub :hover div.border {
	left: 175px;
}
#verticalNav :hover ul.oneLevel :hover ul.sub :hover div.b1 {
	top: -102px;
}
#verticalNav :hover ul.oneLevel :hover ul.sub :hover div.b2 {
	top: -125px;
}
#verticalNav :hover ul.oneLevel :hover ul.sub :hover div.b3 {
	top: -217px;
}
#verticalNav :hover ul.oneLevel :hover ul.sub :hover div.b4 {
	top: -240px;
}
#verticalNav :hover ul.oneLevel :hover ul.sub :hover div.b5 {
	top: -147px;
}
#verticalNav :hover ul.oneLevel :hover ul.sub :hover div.b6 {
	top: -217px;
}
#verticalNav :hover ul.oneLevel :hover ul.sub :hover div.b7 {
	top: -195px;
}
#verticalNav :hover ul.oneLevel :hover ul.sub :hover div.base ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 200px;
}
#verticalNav :hover ul.oneLevel :hover ul.sub :hover div.base ul li {
	display: block;
	float: left;
	width: 150px;
	height: auto;
	padding: 0;
	margin: 0;
}
#verticalNav :hover ul.oneLevel :hover ul.sub :hover div.base ul li a {
	width: 190px;
	padding-left: 10px;
	background: #fff url("http://www.myvacationhome.nl/mvh_website_gen03/mvh_menu/vertical_list_01/vertical-list/dot.gif") no-repeat left center;
	color: #000;
	border: 0;
	margin: 0;
	height: auto;
	line-height: 18px;
}
#verticalNav :hover ul.oneLevel :hover ul.sub :hover div.base ul li a:hover {
	color: #069;
}
#verticalNav :hover ul.oneLevel :hover ul.sub :hover div.base h4 {
	color: #888;
	font-size: 13px;
	margin: 0;
	padding: 5px 0 5px 0;
}
#verticalNav :hover ul.oneLevel :hover ul.sub :hover div.base p {
	color: #555;
	font-size: 11px;
	margin: 0;
	padding: 0 0 5px 0;
	line-height: 18px;
}


