/* =============== LAYOUT - MENU AREA =============== */
#jsn-menu {z-index: 999;color: #fff;position: relative;}
#jsn-menu_inner {background-color: #AA0000;padding:3px;	border:1px solid #222;}
#jsn-pos-mainmenu {float: left;margin: 0;}
#jsn-menu div.jsn-modulecontainer {	float: left;	margin:0;}


/* ============================== MENU ============================== */
/* =============== MENU - GENERAL =============== */
/* ----- RICH MENU STYLE ----- */
.jsn-menutitle,
.jsn-menudescription {display: block;}

div[class*="solid-"] .jsn-menudescription,
div[class*="richbox-"] .jsn-menudescription  {
	color: #fff !important;
}
#jsn-leftsidecontent .jsn-menudescription,
#jsn-rightsidecontent .jsn-menudescription {
	color: #999;
}
/* =============== MENU - MAIN MENU =============== */
/* ----- GENERAL ----- */
div.jsn-modulecontainer ul.menu-mainmenu {
	margin: 0;
	padding: 0;
	clear: both;
}
div.jsn-modulecontainer ul.menu-mainmenu li {
	margin: 0;
	padding: 0 5px;
	float: left;
	position: relative;
	list-style-type: none;
}
div.jsn-modulecontainer ul.menu-mainmenu li a {
	color: #FFFFFF;
	display: block;
	font-weight: normal;
	cursor: pointer;
	padding: 5px;
	font-family: Verdana, Geneva, sans-serif;
	text-transform: uppercase;
}
div.jsn-modulecontainer ul.menu-mainmenu.menu-richmenu > li > a.jsn-nodescription {
	padding: 12px 20px 30px;
}
div.jsn-modulecontainer ul.menu-mainmenu > li > a {padding: 3px 5px;	font-weight: bold;}
div.jsn-modulecontainer ul.menu-mainmenu > li.active > a {background: #D50000;}
div.jsn-modulecontainer ul.menu-mainmenu li > a > span {	display: block;}

/* ----- RICH MENU STYLE ----- */
div.jsn-modulecontainer ul.menu-mainmenu li a span.jsn-menudescription {display: none;}
div.jsn-modulecontainer ul.menu-mainmenu.menu-richmenu li a span.jsn-menudescription {
	display: block;
	padding-top: 2px;
	color:#fff;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* ----- 1st LEVEL ----- */
div.jsn-modulecontainer ul.menu-mainmenu ul {
	margin: 0;
	padding: 0;
	width: 200px;
	left: -999em;
	position: absolute;
}
div.jsn-modulecontainer ul.menu-mainmenu ul li {
	width: 200px;
	position: relative;
	background: Maroon;
}
div.jsn-modulecontainer ul.menu-mainmenu ul li a {
	display: block;
	padding: 7px;
	margin: 0 5px;
	font-size: 0.7em;
	font-weight: bold;
	background-color: transparent;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
	 border-top: 1px solid #3a3a3a;
}
div.jsn-modulecontainer ul.menu-mainmenu ul li a span {padding-left: 0;}
div.jsn-modulecontainer ul.menu-mainmenu >li ul > li.last > a {border-bottom:none !important;}
div.jsn-modulecontainer ul.menu-mainmenu >li ul > li.first > a{ border-top:none !important;}

/* ----- HOVER STATE ----- */
div.jsn-modulecontainer ul.menu-mainmenu li:hover > a {
	color: #FFF;
	text-decoration: none;
}
div.jsn-modulecontainer ul.menu-mainmenu > li:hover > a {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.25) inset;
	border-radius: 4px;
	-webkit-border-radius:4px;
	background: maroon;
}
div.jsn-modulecontainer ul.menu-mainmenu > li.parent > a {
	font-size: 0.9em;
}
div.jsn-modulecontainer ul.menu-mainmenu > li.parent.active:hover > a {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.25) inset;
	border-color: transparent;
}
div.jsn-modulecontainer ul.menu-mainmenu > li.parent > ul > li:hover {
	background: #D50000;
}
/* ----- ACTIVE STATE ----- */
div.jsn-modulecontainer ul.menu-mainmenu li.active > a {
	color: #fff;
	font-weight: bold;
}
/* ----- ROLLOVER STATE / DISPLAY SUB-MENU OF SELECTED MENU ITEM ----- */
div.jsn-modulecontainer ul.menu-mainmenu li:hover > ul {
	left: auto;
	right: auto;
}