/*
###########################################################
#
# Filename:			menu.css
#
# Copyright:		S-Inside
# Project:			www.watermelspring.com
# Platform:			CSS
# Date created: 	05-11-2013
#
    used colours for this website:
    #0071b1 	blue
    #cbd0de		light-blue
    #850f66		purple
    #bcbf00		green
    #fff		white
#
###########################################################
*/

/* left column head menu, expands to the right */
#menu1 {
	position: absolute;
	top: -16px;
	width: 203px;
	float: left;
}

#menu1 ul.menu {
	width: 100%;
	/*float: left;*/
	padding: 0;
	margin-left: 0;
	flex-direction: column;
}

#menu1 ul.menu li {
	list-style: none;
	height: 28px;
}

#menu1 ul.menu li a {
	display: block;
	width: 100%;
	text-indent: 6px;
	height: 28px;
	line-height: 8px;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 4px solid #fff;
	background-color: #0071b1;
	color: #fff;
}
#menu1 ul.menu li a:hover {color: #fff; background-color: #850f66;}
#menu1 ul.menu li a.current {color: #fff; background-color: #850f66;}
#menu1 ul.menu li a.expand {
	background-image: url("../img/menu_arrow.png");
	background-position: 95% center;
	background-repeat: no-repeat;
}
a.expand::after {
	content: '' !important;
}
/* end head menu */

/* sub menu */
#menu1 ul.menu li ul.submenu {
	position: absolute;
	width: 300px;
	left: -2999em;
	float: none;
	z-index: 100;
	opacity: 1;
}
#menu1 ul.menu li:hover ul.submenu {
	left: 206px;
	margin-top: -36px;
}

#menu1 li ul.submenu li {
	list-style: none;
	height: 28px;
}

#menu1 ul.submenu li a {
	display: block;
	width: 100%;
	text-indent: 10px;
	height: 28px;
	line-height: 8px;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	background-color: #0071b1;
	color: #fff;
}
#menu1 ul.submenu li a:hover {color: #fff; background-color: #850f66;}
#menu1 ul.submenu li a.expand {
	background-image: url("../img/menu_arrow.png");
	background-position: 95% center;
	background-repeat: no-repeat;
}
/* end sub menu */

/* sub sub menu */
#menu1 ul.subsubmenu{
	position: absolute;
	width: 260px;
	left: -2999em;
	float: none;
	z-index: 100;
	opacity: 1;
}
#menu1 ul.submenu li:hover ul.subsubmenu {
	left: 330px;
	margin-top: -29px;
}

#menu1 ul.subsubmenu li {
	list-style: none;
	width: 300px;
}

#menu1 ul.subsubmenu li a {
	display: block;
	width: 100%;
	text-indent: 10px;
	height: 28px;
	line-height: 6px;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	background-color: #0071b1;
	color: #fff;
}
#menu1 ul.subsubmenu li a:hover {color: #fff; background-color: #850f66;}
/* end sub sub menu */