/*
 * ------------------------------------------------------------------------
 * JA KranosTemplate J15
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites:  http://www.joomlart.com -  http://www.joomlancers.com
 * This file may not be redistributed in whole or significant part.
 * ------------------------------------------------------------------------
*/
/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#ja-cssmenu { padding-left: 240px; }

#ja-cssmenu li { font-family: "TeX Gyre Adventor", Arial, sans-serif; }

#ja-cssmenu li {
	background: url(../../images/bg-line-nav.gif) 100% 0 repeat-y;
	padding: 0 2px 0 0;
}

#ja-cssmenu li a {
	color: #888;
	font-size: 100%;
	font-weight: normal;
	padding: 0;
	text-transform: uppercase;
}

span.menu-title {
	line-height: 50px;
	padding: 0 20px;
}

#ja-cssmenu li a.active,
#ja-cssmenu li a.active:hover,
#ja-cssmenu li a.active:active,
#ja-cssmenu li a.active:focus { color: #fff; }

#ja-cssmenu li a:hover, #ja-cssmenu li a:active, 
#ja-cssmenu li a:focus, #ja-cssmenu li a.sfhover { color: #fff; }

#ja-cssmenu li.havechildsfhover a.sfhover { color: #454545; text-shadow: none; color: #fff }

#ja-cssmenu li.havechildsfhover a span.menu-title { background:  #33bbbb url(../../images/bg-trans-nav.png) top left repeat-x; }

/* 2nd level and above */
#ja-cssmenu li ul {
	border-bottom: none;
	border-top: 0;
	color: #888;
	padding: 5px;
	background: #33bbbb;
}

#ja-cssmenu li li {
	border-top: 1px solid #222;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	width: 100%;
}

#ja-cssmenu li li.first-item {
	border-top: none;
}
#ja-cssmenu li li a {
	border: 0;
	color: #999 !important;
	font-size: 100%;
	line-height: normal;
	padding: 8px 0 8px 10px;
	text-shadow: none;
	text-transform: none;
	width: auto;
}

#ja-cssmenu li li span.menu-title {
	background: none !important;
	line-height: normal;
	padding: 0;
}

#ja-cssmenu li ul li { background: #1a1a1a; }

#ja-cssmenu li ul a:hover, #ja-cssmenu li ul a:active, #ja-cssmenu li ul a:focus, #ja-cssmenu ul li:hover, #ja-cssmenu ul li.sfhover, #ja-cssmenu ul li.havesubchildsfhover, #ja-cssmenu ul li.havesubchild-activesfhover, #ja-cssmenu ul ul li:hover, #ja-cssmenu ul ul li.sfhover, #ja-cssmenu ul ul li.havesubchildsfhover, #ja-cssmenu ul ul li.havesubchild-activesfhover, #ja-cssmenu ul li.havesubchildsfhover a.sfhover { color: #fff !important; }

span.has-image { padding-bottom: 2px; padding-top: 2px; }

#ja-cssmenu ul li a.active, #ja-cssmenu ul li a.active:hover, #ja-cssmenu ul li a.active:active, #ja-cssmenu ul li a.active:focus { font-weight: normal; color: #fff !important; }

#ja-cssmenu li.havesubchild, #ja-cssmenu li.havesubchild-active {
	background-color: #1a1a1a;
}

#ja-cssmenu ul li:hover,
#ja-cssmenu ul li.active {
	background-color: #111;
}