/*--------------------------------------------------------------
# Copyright (C) joomla-monster.com
# License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
# Website: http://www.joomla-monster.com
# Support: info@joomla-monster.com
---------------------------------------------------------------*/

/*********************** MENUS STYLES ***********************/

/** default module menu **/

ul.menu {
    margin: -10px;
}

ul.menu li {   
    padding: 0;
	margin: 0;
    background: none;     
}

ul.menu li a:link, 
ul.menu li a:visited, 
ul.menu li span.separator {
    display: block; 
    text-decoration: none;
	color: #777;
	background: url(../images/menu_li.png) no-repeat right center;
	padding: 10px 0;
	margin: 0 10px;
	border-bottom: 1px dotted #777;
}

ul.menu li:hover {
	-webkit-transition: background 0.2s ease-in, color 0.2s ease-in;
	-moz-transition: background 0.2s ease-in, color 0.2s ease-in;
	-o-transition: background 0.2s ease-in, color 0.2s ease-in;
	transition: background 0.2s ease-in, color 0.2s ease-in;
}

ul.menu li:hover,
ul.menu li.active {
	background: #4086c1;
}

ul.menu li a:hover {
	color: #fff;
	background: url(../images/menu_li_hover.png) no-repeat right center;
	border-bottom: 1px dotted #4086c1;
}

ul.menu li.active a {
	color: #fff;
	background: url(../images/menu_li_hover.png) no-repeat right center;
	border-bottom: 1px dotted #4086c1;
}

ul.menu li.deeper a {
	background: url(../images/menu_li_deeper.png) no-repeat right center;
}

ul.menu li img,
ul.menu li span.image-title {
	vertical-align: middle;
}

ul.menu li span.image-title {
	margin: 0 0 0 10px;
}

/** second level **/

ul.menu li ul {
	margin: 0;
	background: #6ea4d2;
}

ul.menu li ul li ul {
    padding: 0 0 0 15px;
}

ul.menu li ul li a:link, 
ul.menu li ul li a:visited, 
ul.menu li ul li.active a, 
ul.menu li ul li.active li a, 
ul.menu li ul li.active li li a, 
ul.menu li ul li.active li li li a {
	background: url(../images/submenu_li.png) no-repeat right center;
    color: #fff;
	border-bottom: 1px dotted #fff;
}

ul.menu li ul li:hover,
ul.menu li ul li.active {
	background: #9dc0df;	
}

ul.menu li ul li:hover li,
ul.menu li ul li.active li {
	background: none;
}

ul.menu li ul li a:hover,
ul.menu li ul li.active a {
	background: url(../images/submenu_li.png) no-repeat right center;
	border-bottom: 1px dotted #9dc0df;
}

ul.menu li ul li li a:hover,
ul.menu li ul li li li a:hover,
ul.menu li ul li li li li a:hover,
ul.menu li ul li li li li li a:hover,
ul.menu li ul li li.active a,
ul.menu li ul li li li.active a, 
ul.menu li ul li li li li.active a, 
ul.menu li ul li li li li li.active a {
	background: url(../images/submenu_li_hover.png) no-repeat right center;
	color: #195a90;
	border: none;
}

ul.menu li ul li li a,
ul.menu li ul li li:hover li a,
ul.menu li ul li li li:hover li a,
ul.menu li ul li li li li:hover li a,
ul.menu li ul li.active li a,
ul.menu li ul li li.active li a, 
ul.menu li ul li li li.active li a, 
ul.menu li ul li li li li.active li a {
	border-bottom: 1px dotted #fff;
}

ul.menu li ul li.deeper a {
	background: url(../images/menu_li_deeper.png) no-repeat right center;
}
 
ul.menu li ul li li.deeper a,
ul.menu li ul li li li.deeper a, 
ul.menu li ul li li li li.deeper a, 
ul.menu li ul li li li li li.deeper a {
	background: url(../images/submenu_li_deeper.png) no-repeat right center;
}

/** small menu **/

#jm-smallmenu ul.menu {
	text-align: right;
	margin: 0;
}

#jm-smallmenu ul.menu li {   
	display: inline-block;
	border-left: 1px solid #0c2e5d;
    -webkit-box-shadow:  -1px 0px 0px 0px #dee6ef;
    box-shadow:  -1px 0px 0px 0px #dee6ef;
	line-height: 1em;
	padding: 0 10px;
}

#jm-smallmenu ul.menu li:hover,
#jm-smallmenu ul.menu li.active {
	background: none;
}

#jm-smallmenu ul.menu li:first-child {
	border: none;
    -webkit-box-shadow:  none;
    box-shadow:  none;
}

#jm-smallmenu ul.menu li a:link, 
#jm-smallmenu ul.menu li a:visited, 
#jm-smallmenu ul.menu li span.separator {
	color: #dee6ef;
    text-shadow: 0px 1px 0px #0c2e5d;
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
}

#jm-smallmenu ul.menu li a:hover,
#jm-smallmenu ul.menu li.active a {
	text-decoration: underline;
}

/** bottom menu **/

#jm-bottom-menu ul.menu {
	margin: 0;
}

#jm-bottom-menu ul.menu li {   
	display: inline-block;
	border-left: 1px solid #D6D6D6;
	line-height: 1em;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
}

#jm-bottom-menu ul.menu li:hover,
#jm-bottom-menu ul.menu li.active {
	background: none;
}

#jm-bottom-menu ul.menu li:first-child {
	border: none;
	margin: 0;
	padding: 0;
}

#jm-bottom-menu ul.menu li a:link, 
#jm-bottom-menu ul.menu li a:visited, 
#jm-bottom-menu ul.menu li span.separator {
	color: #D6D6D6;
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
}

#jm-bottom-menu ul.menu li a:hover,
#jm-bottom-menu ul.menu li.active a {
	text-decoration: underline;
}