/**

 * @version		$Id$

 * @author		Joomseller

 * @package		Joomla!

 * @subpackage	Mod_DropDown_MooMenu

 * @copyright	Copyright (C) 2008 - 2013 by Joomseller Solutions. All rights reserved.

 * @license		http://www.gnu.org/licenses/gpl.html GNU/GPL version 3

 */

* html .clearfix {

	height: 1%; /* IE5-6 */

}

html[xmlns] .clearfix { /* O */

	display: block;  

}



.clearfix:after { /* FF, O, etc. */

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.wrap {

    clear: both;

    width: 100%;

	visibility: inherit !important;

	height: auto !important;

}

#js-hozmenu { 

    background: url(../images/grad1-mask.png) repeat-x top #014E72; /* you can change/delete the transparent gradient image or the background color */

    border-top: 0px solid #3A0700; /* you can change the color of the border */

    line-height: 1;

    position: relative;

    z-index: 9;

} 

#oj-hozmenu {

	position:relative;

	float:left;

}

.clr {

	clear:both;

}

#oj-moomenu {

	margin: 0px 0px 0px -109px; /* all lists */

	padding: 0;

	float: left;

	padding-left:2px;

	font-family: Helvetica, Arial, sans-serif;

	color:#000;

	background:url(../images/grad1-mask.png) repeat-x top left #014E72;

	font-size:13px;

}

#oj-moomenu ul {

	margin: 0; /* all lists */

	padding: 0;

}

#oj-moomenu li {

	margin: 0; /* all list items */

	padding: 0;

	float: left;

	display: block;

	background: none;

	cursor: pointer;

}

#oj-moomenu li ul li {

	padding: 0;

}



#oj-moomenu span.menu-image{

	background-position: left center;

    background-repeat: no-repeat;

    display: block;

    overflow: hidden;

	padding-left: 21px;

}



#oj-moomenu li ul li span.menu-title {

	width: 170px;

	display: block;

}

#oj-moomenu li ul {

	width: 200px;

	position: absolute; /* second-level lists */

	z-index: 99;

	top: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */

	height: auto;

	w\idth: 200px;

}

#oj-moomenu li ul ul {

	margin: -25px 0 0 190px; /* third-and-above-level lists */

	width: 200px;

}

#oj-moomenu li li {

	padding: 0;

	margin: 0;

	width: 200px;

}

#oj-moomenu ul a {

	width: 14em;

	w\idth: 10.8em;

}

#oj-moomenu li:hover ul ul, #oj-moomenu li:hover ul ul ul,

#oj-moomenu li.sfhover ul ul, #oj-moomenu li.havechildsfhover ul ul, #oj-moomenu li.havechild-activesfhover ul ul, #oj-moomenu li.activesfhover ul ul,

#oj-moomenu li.sfhover ul ul ul, #oj-moomenu li.havechildsfhover ul ul ul, #oj-moomenu li.havechild-activesfhover ul ul ul, #oj-moomenu li.activesfhover ul ul ul {

	top: -999em;

}

/* This "unhides" the sub-menus (left: -999em is what hides them) */

#oj-moomenu li:hover ul, #oj-moomenu li li:hover ul, #oj-moomenu li li li:hover ul,

#oj-moomenu li.sfhover ul, #oj-moomenu li.havechildsfhover ul, #oj-moomenu li.havechild-activesfhover ul, #oj-moomenu li.activesfhover ul,

#oj-moomenu li li.sfhover ul, #oj-moomenu li li.havesubchildsfhover ul, #oj-moomenu li li.havesubchild-activesfhover ul, #oj-moomenu li li.activesfhover ul,

#oj-moomenu li li li.sfhover ul, #oj-moomenu li li li.havesubchildsfhover ul, #oj-moomenu li li li.havesubchild-activesfhover ul, #oj-moomenu li li li.activesfhover ul {

	top: auto;

}

/* STYLING THE MENU

-----------------------------------*/

/* 1st level */

#oj-moomenu li a {

	display: block;

	text-decoration: none;

	line-height: 30px;

	padding: 5px 15px;

	font-size: 100%;

	font-weight: bold;

	color: #ccc;

    border-left: 1px solid #014E72; /* you should comment/delete this line */ 

    border-right: 1px solid #333333; /* and this line */ 

}

#oj-moomenu li.active,

#oj-moomenu li:hover,

#oj-moomenu li.sfhover,

#oj-moomenu li.havechildsfhover,

#oj-moomenu li.havechild-activesfhover {

	background: url(../images/grad1-mask.png) repeat-x top #006699; /* you can change/remove the transparent gradient or the color */

}

#oj-moomenu li a.active {

	color: #fff;

}

#oj-moomenu li a.active:hover,

#oj-moomenu li a.active:focus {

	color:#fff;

}

/* 2nd level and above */

#oj-moomenu li ul li {

	font-size:12px;

	line-height:16px;

	background: #002A40;

	border-bottom: 1px dotted #006699;

	margin: 0;

	border-right: 1px solid #006699;

}

#oj-moomenu li ul a {

	border-right: none;

	margin: 0;

	background: none;

	color: #FFFFFF;

	text-transform: none;

}

#oj-moomenu li.havesubchild,

#oj-moomenu li.havesubchild-active {

	background-color: #002A40; /*change here the color to match the new color you have set for mainnav */

	color: #ccc; /* after changing code above, you might want to change this color to make the text color readable  */ 

}

#oj-moomenu li.havesubchild,

#oj-moomenu li.havesubchild-active{

    background-image: url(../images/arrow.png);

    background-position: 94% center;

    background-repeat: no-repeat;

}

#oj-moomenu li.havesubchild ul li,

#oj-moomenu li.havesubchildsfhover ul li {

	width: 230px;

}

#oj-moomenu li.havesubchild ul li span.menu-title,

#oj-moomenu li.havesubchildsfhover ul li span.menu-title {

	width: 220px;

}

#oj-moomenu li ul a:hover,

#oj-moomenu li ul a:active,

#oj-moomenu li ul a:focus,

#oj-moomenu ul li:hover,

#oj-moomenu ul li.sfhover,

#oj-moomenu ul li.havesubchildsfhover,

#oj-moomenu ul li.havesubchild-activesfhover,

#oj-moomenu ul ul li:hover,

#oj-moomenu ul ul li.sfhover,

#oj-moomenu ul ul li.havesubchildsfhover,

#oj-moomenu ul ul li.havesubchild-activesfhover {

	color: #ccc;

}

#oj-moomenu ul li a.active,

#oj-moomenu ul li a.active:hover,

#oj-moomenu ul li a.active:active,

#oj-moomenu ul li a.active:focus {

	background: none !important;

	color: #FFFFFF;

	font-weight: bold;

}