/* 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 Erio Template for 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 li a {
	color: #909a2b;
	text-transform: uppercase;
	padding: 0 20px;
	line-height: 5;
	background-image: url(../../images/grey_border_l.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
	margin-bottom: 5px;
}

#ja-cssmenu li a:hover, #ja-cssmenu li a:active, #ja-cssmenu li a:focus, #ja-cssmenu li.sfhover a.sfhover {
	color: #3ea3d2;
	background: #333;
}

#ja-cssmenu li a.active {
	border-bottom: 5px solid #3ea3d2;
	background: #000;
	color: #fff;
	margin-bottom: 0;	
}

/* 2nd level and above */
#ja-cssmenu li ul {
	background: #333;
	padding: 5px;
	margin: -5px 0 0;
	border-bottom: 5px solid #3ea3d2;
	font-size: 120%;
}

#ja-cssmenu li ul li {
	width: 15.9em;
	padding: 0;
	
}

#ja-cssmenu li ul li a {
	width: 13.2em;
	background-color: #1a1a1a;
	padding: 12px 16px;
	text-transform: none;
	margin-bottom: 0;
	border-top: 1px solid #252525;
}

#ja-cssmenu li ul li.first-item a { border-top: none; }

#ja-cssmenu li ul li.havesubchild li a, #ja-cssmenu li ul li.havesubchildsfhover li a { border-top: 1px solid #252525; }

#ja-cssmenu li ul li.havesubchild li.first-item a, #ja-cssmenu li ul li.havesubchildsfhover li.first-item a { border-top: none; }

#ja-cssmenu li.havesubchild a, #ja-cssmenu li.havesubchild-active a {
	background-image: url(../../images/arrow.png);
	background-position: 94% 50%;
	background-repeat: no-repeat;
}

#ja-cssmenu li.havesubchild li a, #ja-cssmenu li.havesubchild-active li a { 
	background-image: none;
	background-position: inherit;
}

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

#ja-cssmenu li li a.active { border-bottom: none; font-weight: 100 ;}

#ja-cssmenu li li a.active:hover,
#ja-cssmenu li li a.active:active,
#ja-cssmenu li li a.active:focus {
	background: #3ea3d2;
	color: #fff;
	font-weight: 100;
}

#ja-cssmenu li ul ul {
	font-size: 100%;
}

#ja-cssmenu li ul li li {
	width: 16em;
}