/*------------------------------------------------------------------------
# JA Quartz for Joomla 1.5 - Version 1.0 - Licence Owner JA126058
# ------------------------------------------------------------------------
# Copyright (C) 2004-2008 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.
-------------------------------------------------------------------------
Son of Suckerfish Dropdowns
---------------------------------------------------------
Originally developed by Patrick Griffiths and Dan Webb
http://www.htmldog.com/articles/suckerfish/dropdowns/
---------------------------------------------------------
NOTE: After a deep research, we decide to divide this
CSS into 2 parts. The first part will define the layout.
The second part will define the visual look for this menu.
---------------------------------------------------------*/
#ja-cssmenu
{
	margin: 0;
/*all lists*/
	padding: 0;
}
#ja-cssmenu UL
{
	margin: 0;
/*all lists*/
	padding: 0;
}
#ja-cssmenu LI
{
	float: left;
	display: block;
	padding: 0;
	margin: 0 2px 0 0;
	background: none;
}
#ja-cssmenu LI UL
{
	width: 16.4em;
	position: absolute;
/*second-level lists*/
	z-index: 99;
	left: -999em;
/*using left instead of display to hide menus because display: none isn't read by screen readers*/
	height: auto;
	w\idth: 15.9em;
}
#ja-cssmenu LI UL UL
{
	margin: -2em 0 0 15em;
/*third-and-above-level lists*/
}
#ja-cssmenu LI LI
{
	padding: 0 1em 0 0;
	margin: 0;
	width: 14.9em;
}
#ja-cssmenu UL A
{
	width: 14.8em;
	w\idth: 10.8em;
}
#ja-cssmenu LI:hover UL UL, #ja-cssmenu LI:hover UL UL UL, #ja-cssmenu LI.sfhover UL UL, #ja-cssmenu LI.havechildsfhover UL UL, #ja-cssmenu LI.havechild-activesfhover UL UL, #ja-cssmenu LI.activesfhover UL UL, #ja-cssmenu LI.sfhover UL UL UL, #ja-cssmenu LI.havechildsfhover UL UL UL, #ja-cssmenu LI.havechild-activesfhover UL UL UL, #ja-cssmenu LI.activesfhover UL UL UL
{
	left: -999em;
}
/*This "unhides" the sub-menus (left: -999em is what hides them)*/
#ja-cssmenu LI:hover UL, #ja-cssmenu LI LI:hover UL, #ja-cssmenu LI LI LI:hover UL, #ja-cssmenu LI.sfhover UL, #ja-cssmenu LI.havechildsfhover UL, #ja-cssmenu LI.havechild-activesfhover UL, #ja-cssmenu LI.activesfhover UL, #ja-cssmenu LI LI.sfhover UL, #ja-cssmenu LI LI.havesubchildsfhover UL, #ja-cssmenu LI LI.havesubchild-activesfhover UL, #ja-cssmenu LI LI.activesfhover UL, #ja-cssmenu LI LI LI.sfhover UL, #ja-cssmenu LI LI LI.havesubchildsfhover UL, #ja-cssmenu LI LI LI.havesubchild-activesfhover UL, #ja-cssmenu LI LI LI.activesfhover UL
{
	left: auto;
}
/*STYLING THE MENU
-----------------------------------
1st level*/
#ja-cssmenu LI A
{
	/*[disabled]display:block;*/
	text-decoration: none;
	font-size: 110%;
	color: #586C0A;
	padding: 30px 15px;
	font-weight: bold;
	text-transform: uppercase;
}
#ja-cssmenu LI A:hover, #ja-cssmenu LI A:active, #ja-cssmenu LI A:focus
{
	color: #A9105C;
}
#ja-cssmenu LI:hover A, #ja-cssmenu LI.sfhover A, #ja-cssmenu LI.havechildsfhover A, #ja-cssmenu LI.havechild-activesfhover A
{
	background: url(../../images/mainnav-active.gif) repeat-x center bottom;
	color: #FFFFFF;
}
#ja-cssmenu LI A.active, #ja-cssmenu LI A.active:hover, #ja-cssmenu LI A.active:active, #ja-cssmenu LI A.active:focus
{
	background: url(../../images/mainnav-active.gif) no-repeat center bottom;
	color: #FFFFFF;
}
/*2nd level and above*/
#ja-cssmenu LI UL
{
	border: 1px solid #202020;
	background: url(../../images/trans-bg.png);
}
#ja-cssmenu LI UL UL
{
	border: 1px solid #202020;
}
#ja-cssmenu LI UL LI
{
	border-bottom: 1px solid #202020;
	border-right: none;
	background: none;
}
#ja-cssmenu LI UL A
{
	border-right: none;
	margin: 0;
	padding: 7px 10px;
	background: none !important;
	text-transform: none;
	font-weight: normal;
	font-size: 100%;
	white-space: nowrap;
	color: #CCCCCC !important;
}
#ja-cssmenu LI.havesubchild, #ja-cssmenu LI.havesubchild-active
{
	background: url(img/arrow-1.gif) no-repeat 95% 50%;
}
#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
{
	background: #58082E;
	color: #FFFFFF !important;
}
#ja-cssmenu UL LI A.active
{
	background: none !important;
	color: #FFFFFF !important;
	font-weight: bold !important;
}
#ja-cssmenu UL LI A.active:hover, #ja-cssmenu UL LI A.active:active, #ja-cssmenu UL LI A.active:focus
{
	color: #FFFFFF !important;
}