/*
# ------------------------------------------------------------------------------------------------------------------------
# Ultimatum - Premium Joomla 2.5 Template
# ------------------------------------------------------------------------------------------------------------------------
# Copyright (C) 2011 Twincore All Rights Reserved.
# @license - PHP files are GNU/GPL V2 bound by Proprietary License of Joomlart.com.
# CSS / JS are Copyrighted Commercial, bound by Proprietary License of Twincore. 
# Author: Twincore
# Websites:  http://www.ultimatum.twincores.com
# Redistribution, Modification or Re-licensing of this file in part of full, is bound by the License applied. 
# For details on licensing, Please Read Terms of Use at http://themeforest.net/wiki/support/legal-terms/licensing-terms/
# -----------------------------------------------------------------------------------------------------------------------
*/
/* 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.
---------------------------------------------------------*/

/* STYLING THE MENU
-----------------------------------*/

#ja-cssmenu {
  float: right;
  margin: 0;
  padding: 0;
}

#ja-cssmenu ul {
	margin: 0; /* all lists */
	padding:0;
}

#ja-cssmenu ul a {
	width: 14.8em;
	color:#dddddd !important;
}


/* 1st level */

#ja-cssmenu li {
	margin: 0; /* all list items */
	padding: 0;
	float: left;
	display: block;
	background: none;
	cursor: pointer;
	overflow: visible;
}



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

#ja-cssmenu li a.active:hover { color:#dddddd; }

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


#ja-cssmenu li.havechild, #ja-cssmenu li.havechildsfhover { 
	background: url(../../images/cssMenu.png) no-repeat 100% 50%;
	}

#ja-cssmenu li:hover,
#ja-cssmenu li.sfhover,
#ja-cssmenu li.havechildsfhover,
#ja-cssmenu li.havechild-activesfhover {
}

#ja-cssmenu li a {
  display: block;
  font-size: 13px;
  font-weight:normal;
  line-height: normal;
  letter-spacing: 0.4px;
  margin: 0;
  padding: 35px 15px 34px;
  text-decoration: none;
  color:#ffffff ;
}

#ja-cssmenu li li {
	padding: 0 1em 0 0;
	margin: 0;
	width: 14.9em;
}

/* 2nd level and above */
#ja-cssmenu li ul {
	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;
	width: 17em;
	border: 1px solid #393939;
	border-top: 0;
	background-color: #35312B;
    padding-bottom:14px;
}

#ja-cssmenu li ul a {
  background: none;
  border-left: 0 none;
  border-right: 0 none;
  font-weight: normal;
  line-height: normal;
  margin: 0;
  padding: 14px 15px;
}

#ja-cssmenu li ul ul {
	margin: -34px 0 0 17em;/*-2em 0 0 14em;  third-and-above-level lists */
	padding-bottom:5px;
	width:18em;
}

#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;
}

#ja-cssmenu li ul li {
	/*border-bottom: 1px solid rgba(0, 0, 0, 0.5);*/
	background: none;
}

#ja-cssmenu li.havesubchild,
#ja-cssmenu li.havesubchild-active {
	background: url("../../images/cssMenuArrow.png") no-repeat 98% 50%;
}

#ja-cssmenu li.havesubchildsfhover,
#ja-cssmenu li.havesubchild-activesfhover {
	background: url("../../images/cssMenuArrow.png") no-repeat 100% 50%;
}

#ja-cssmenu li.havesubchild, #ja-cssmenu li.havesubchild-active,
#ja-cssmenu li.havesubchildsfhover, #ja-cssmenu li.havesubchild-activesfhover {
	-webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

#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 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;
}

#ja-cssmenu li.back {
  background-color: #F74906;
  height: 3px;
  position: absolute;
  z-index: -1;
  bottom:83px;
  float:right
}


/* 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;
}

/* menu desc */

span.menu-desc { 
	font-size: /*82%*/10px !important; 
	color: #afa494;
	}

/*span.menu-title {
  cursor: pointer;
  padding-bottom:15px;
  display:inline;
}*/

#ja-cssmenu li a span.menu-desc  { margin:0 0 -14px; }

#ja-cssmenu span.menu-title {
	text-shadow: 0 1px 1px #333;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	}