/*
 * ------------------------------------------------------------------------
 * JA Nex Template J17
 * ------------------------------------------------------------------------
 * 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.
 * ------------------------------------------------------------------------
*/
/* 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
-----------------------------------*/
/* 1st level */

#ja-mainnav ul {
    *zoom:1;
    list-style:none;
    margin:0;
    padding:0;
    background:#666;
    
}
#ja-cssmenu{
	border-top:1px #755475 solid;
    border-left:1px #755475 solid;
    border-right:1px #755475 solid;
}

#ja-mainnav  ul:before,.nav ul:after {
    content:"";
    display:table;
}
#ja-mainnav  ul:after {
    clear:both;
}
#ja-mainnav  ul > li {
    float:left;
    position:relative;
}

#ja-mainnav  a {
    display:block;
    line-height:1.2em;
    color:#fff;
    border-left:1px solid #777;
}
#ja-mainnav  a:hover {
    text-decoration:none;
    background:#DDD;
    color:#222;
}

#ja-cssmenu ul a {
	width:100%;	
}

#ja-cssmenu li a, .menu-separator  {
	padding:15px 10px;
	font-weight:normal;	
	border-left:1px solid #666666;
}
#ja-mainnav  li ul {
    background:#888;
    margin-top:9px;
    margin-left:2px;
}

#ja-mainnav  li ul li{
	
	
}

#ja-mainnav .haschild li ul li a {

	border-bottom:1px solid #AAA;
	min-height:40px;
    color: #333;

    
}
#ja-mainnav   li ul a {
    border:none;
    padding:10px;
    color:#EEE;


}


#ja-mainnav  li ul a:hover {
    background:#CCC;
    color:#884488;
    border:1px solid #AAA;
}

#ja-mainnav li ul {
    position:absolute;
    left:0;
    top:36px;
    z-index:1;
}
#ja-mainnav li ul li {
    overflow:hidden;
    height:0;
    -webkit-transition:height 200ms ease-in;
    -moz-transition:height 200ms ease-in;
    -o-transition:height 200ms ease-in;
    transition:height 200ms ease-in;

}
#ja-mainnav ul > li:hover ul li {
    height:43px;
}

.menu-separator {
    color: #ffffff;
    display: block;
    line-height: 1em;
    padding-top:16px;

    
}


.haschild .menu-title {
    background: url("/templates/ja_nex/images/arrow3.png") no-repeat left center ;
    padding-left: 12px;
}