/*
###########################################################
#
# Filename:			menu.css
#
# Copyright:		S-Inside
# Project:			Crystal Lab
# Platform:			CSS
# Date created: 	28-03-2019
#
    used colours for this website:
    #94ba8c			green
    #7d7e7f			grey
    #000			black
    
    
    #fff			white
    #eaeaea			grey
    #000			black
#
###########################################################
*/


/* top column head menu, expands below */


#menu1 {
	position: absolute;
	left: 50%;
	top: 4px;
	margin-left: -400px;
	font-size: 0pt;
	height: 56px;
	width: 990px;
	background: #fff;
	z-index: 100;
}

#menu1 ul.menu {
	/*width: 100%;*/
	padding: 0;
}

#menu1 ul.menu li {
	list-style: none;
	float: left;
}

#menu1 ul.menu li a {
	display: block;
	height: 60px;
	line-height: 40px;
	font-size: 10pt;
	font-weight: 700;
	text-transform: uppercase;
  	padding-left: 20px;
  	padding-right: 20px;
  	text-decoration: none;
  	color: #000;
}
#menu1 ul.menu li a:hover {color: #94ba8c;}
#menu1 ul.menu li a.current {color: #94ba8c;}
#menu1 ul.menu li a.last {padding-right: 0px;}
/* end head menu */


/* sub menu */
#menu1 ul.menu li ul.submenu {
	/*position: absolute;
	left: -2999px;
	float: none;
	z-index: 100;*/
}
#menu1 ul.menu li:hover ul.submenu {
	/*left: auto;
	width: 240px;
	margin-left: -40px;
	margin-top: -2px;
	padding-top: 2px;*/
}

#menu1 li ul.submenu li {
	list-style: none;
	width: 100%;
}

#menu1 ul.submenu li a {
	/*display: block;
	width: 100%;
  	text-decoration: none;
	border-top: none;
	background-image: none;*/
	height: 40px;
	line-height: 40px;
    font-size: 10pt !important;
  	font-weight: normal;
	letter-spacing: 1px;
	background-color: #fff;
    color: #7d7e7f;
}
#menu1 ul.submenu li a:hover {color: #fff; background-color: #94ba8c;}
#menu1 ul.submenu li a.expand {}

/* end sub menu */


/* sub sub menu */
#menu1 ul.subsubmenu{
	/*position: absolute;
	width: 200px;
	left: -999px;
	float: none;
	z-index: 100;*/
}
#menu1 ul.submenu li:hover ul.subsubmenu {
	left: 208px;
	margin-top: -29px;
}

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

#menu1 ul.subsubmenu li a {
	/*display: block;
	width: 100%;
	height: 28px;
	line-height: 28px;
    font-size: 9pt !important;
  	font-weight: normal;
  	text-decoration: none;
	letter-spacing: 1px;
	background-image: none;*/
	background-color: #cab4ce;
    color: #524a44;
}
#menu1 ul.subsubmenu li a:hover {color: #fff; background-color: #77265b;}
/* end sub sub menu */

#menu2 ul {
	list-style: none;
	left: 50px;
	position: relative;
	max-width: 80%;
}
#menu2 a {
	color: #000;
	font-size: 8pt;
	margin-left: -40px;
}
a.productmenu, a.productmenus {
    font-size: 8pt;
  	font-weight: bold;
  	text-decoration: none;
  	line-height: 22px;
  	text-indent: 8px;
	display: block;
	white-space: nowrap;
    background-color: inherit;
    color: #000;
}
a.productmenus, a.productmenu:hover {text-decoration:underline; color: #a40000;}