/* @override http://frenshamheights.org/of/templates/ja_kruger2/ja_dlmenu/ja-dropline.css */

/* @override 
	http://frenshamheights.org/enterprises2/templates/ja_kruger/ja_dlmenu/ja-dropline.css
	http://frenshamheights.org/enterprises2/templates/ja_kruger2/ja_dlmenu/ja-dropline.css
*/

/*------------------------------------------------------------------------
# JA Kruger 1.0 - Oct, 2006
# ------------------------------------------------------------------------
# Copyright (C) 2004-2006 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
-------------------------------------------------------------------------*/

/* Dropline Dropdowns
---------------------------------------------------------
Originally developed by Stu Nicholls
http://www.cssplay.co.uk/menus/drop_line.html
---------------------------------------------------------*/

#ja-dlmenu {
	position: relative;
	height: 20px;
	line-height: 20px;
}

* html #ja-dlmenu {
	padding-bottom: 0;
}

#ja-dlmenu ul{
	padding: 0;
	margin: 0;
	width: 750px;
	list-style: none;
	height: 100%;
}

#ja-dlmenu ul{
	width: 880px;
}

#ja-dlmenu li{
	padding: 0;
	margin: 0;
	float: left;
	background: none;
}

#ja-dlmenu table {
	border-collapse: collapse;
	position: absolute;
	left: 0;
	top: 0;
}

#ja-dlmenu ul ul {
	width: 750px;
	visibility: hidden;
	background: url(../images/bd-bg.jpg) #484848;
	position: absolute;
	top: 20px;
	left: 0px;
	border-bottom: 5px solid #484848;
}

.wide #ja-dlmenu ul ul {
	width: 880px;
}

#ja-dlmenu li#showing ul {
	background: url(../images/default/opaque2.png);
}

#ja-dlmenu :hover {
	white-space: normal;
}

#ja-dlmenu a.active b {
	color: orange;
	text-decoration: none;
	background: #333;
}

#ja-dlmenu a.active:hover b
{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #333;
}

#ja-dlmenu a:hover b {
	text-decoration: none;
	background: url(../images/topnav-on-bg.gif)no-repeat bottom right #333333;
	color: #FFFFFF;
}

#ja-dlmenu :hover >
 a b {
	text-decoration: none;
	background: url(../images/topnav-on-bg.gif) no-repeat bottom right #333333;
	color: orange;
}

#ja-dlmenu ul :hover ul, #ja-dlmenu ul li#showing ul {
	display: block;
	visibility: visible;
	top: 20px;
}

#ja-dlmenu li a table, #ja-dlmenu ul :hover ul {
	z-index: 2;
}

#ja-dlmenu li#showing a table, #ja-dlmenu ul li#showing ul {
	z-index: 1;
}

#ja-dlmenu ul :hover ul li, #ja-dlmenu ul li#showing ul li {
	display: block;
	height: 20px;
}

#ja-dlmenu ul :hover ul li a, #ja-dlmenu ul li#showing ul li a {
	float: left;
	padding: 0 12px;
	color: #EEEEEE;
	text-decoration: none;
	background: url(img/subarrow-off.gif) no-repeat center left;
	margin-left: 8px;
	text-transform: none;
	font-weight: normal;
}

#ja-dlmenu a, #ja-dlmenu :visited {
	color: #D9E7EF;
	text-decoration: none;
}

#ja-dlmenu a b, #ja-dlmenu :visited b {
	padding: 0 25px;
	float: left;
	display: block;
	text-align: center;
	text-decoration: none;
	border-right: 2px solid #484848;
	cursor: pointer;
}

#ja-dlmenu ul :hover ul li a:hover, #ja-dlmenu ul li#showing ul li a:hover, #ja-dlmenu ul :hover ul li a.active, #ja-dlmenu ul li#showing ul li a.active {
	text-decoration: none;
	color: orange;
	background: url(img/subarrow-on.gif) no-repeat center left;
}

#ja-dlmenu ul:hover ul ul, #ja-dlmenu a:hover ul ul, #ja-dlmenu ul li#showing ul ul {
	display: none;
}

.topnav-border {
	border-bottom: 1px solid #484848!important;
}