/* MEGAMENU */

.navigation,
.navigation a,
.navigation ul,
.navigation li,
.navigation div{
    margin: 0;
    padding: 0;
    border: none;
}

.navigation a { text-decoration: none; }

.navigation li {
	list-style: none;
	padding: 0;
 }

.navigation {
	display: inline-block;
	position: relative;
	cursor: default;
	z-index: 70;
	width: 100%;
	border-bottom: 1px solid #c0bfc0;
}

.navigation > li {
    display: block;
    float: left;
}

.navigation > li > a {
    position: relative;
    display: block;
    z-index: 510;
    height: 30px;
    padding: 2px 16px 2px 15px;
    line-height: 30px;
    color: #333333;
    font-size: 13px;
}

.navigation > li:hover > a {
    background: #025291; color: #FFFFFF;
}

.navigation > li:first-child > a {
    border-left: none;
}

.navigation > li > div {
    position: absolute;
    display: block;
    width: 100%;
    top: 34px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    border: 1px solid #c8caca;
    border-bottom: 3px solid #97c1e7;
    min-height: 110px; /* to delete when content inside?? */
    background: #FFFFFF;
    box-shadow: 2px 3px 9px #ccc;
    -webkit-box-shadow: 2px 3px 9px #ccc;
	-moz-box-shadow: 2px 3px 9px #ccc;
	padding: 10px 0;
}

.navigation > li:hover > div,
.navigation > li > a:focus-visible + div {
    opacity: 1;
    visibility: visible;
    overflow: visible;
}

.navigation a:focus-visible {
    outline: 2px solid #000;
}

.navigation .menuColumn {
	float: left;
	padding-left: 16px;
	min-width: 125px;
	border-right: 2px solid #efeeee;

}

.menuColumn > ul {
	min-height: 105px;
}

.menuColumn li {
    text-align: left;
    padding: 2px 0;
}

.menuColumn li.toLogin {
    text-decoration: none;
}

.menuColumn a {
    padding-right: 20px;
}

.menuColumn.menuColumnSubitems {
	border-right: none;
    max-width: 125px;
}

.menuColumnSubitems a {
	padding-left: 10px;
	color: #959697;
	display: block;
    padding-right: 0 !important;
}

.menuColumnSubitems .listHeader a {
	color: #000;
	padding-left: 0;
}

/* search box & login link */

.nav {
    position: relative;
}

.topTools {
	position: absolute;
	right: 0px;
	z-index: 80;
	overflow: hidden;
	top: 12px;
}

.topTools .userLoginLink,
.topTools .loginButton,
.topTools .search {
	float: right;
}

.topTools .userLoginLink ,
.topTools .loginButton {
	/* margin-top: 3px; */
	color: #025291;
}

.topTools .userLoginLink > p ,
.topTools .loginButton > p {
	margin-bottom: 0;
	margin-left: 27px;
	cursor: pointer;

}

.topTools .userLoginLink > p,
.topTools .loginButton > p,
.topTools .loginButton a {
    font-size: 13px;
}

.topTools .userLoginLink p:hover,
.topTools .loginButton p:hover,
.topTools .userLoginLink a:hover ,
.topTools .loginButton a:hover {
    text-decoration: underline;
    font-size: 13px;
}

.toLoginDownloads{
    cursor: pointer;
}
/* Quick fix for wellcome text when user logged */
.userLoginLink span ,
.loginButton span {
    display: none !important;
}

/* END MEGAMENU */