/*--------------------------------------------------------------
# Copyright (C) joomla-monster.com
# License: http://www.joomla-monster.com/license.html Joomla-Monster Proprietary Use License
# Website: http://www.joomla-monster.com
# Support: info@joomla-monster.com
---------------------------------------------------------------*/

/*********************** DJ MENU STYLES ***********************/

.dj-mtmenu {
	padding: 0;
	margin: 0; 
	list-style:none; 
	height: 40px; 
	background: none;
    position: relative;
	z-index: 500; 
	font-family:"Century Gothic",Tahoma;
	width: 100%;
}

.dj-mtmenu li.dj-up {
    display: inline-block;
	float: none;
    margin: 0;
    padding: 0;
    z-index: 501;
    border: none;
    background: none;
}

.dj-mtmenu li.dj-up.active, 
.dj-mtmenu li.dj-up.hover {}

.dj-mtmenu li.first {}
.dj-mtmenu li.last {}
.dj-mtmenu li.active,
.dj-mtmenu li.hover{ background: none; }

.dj-mtmenu li a.dj-up_a {
    display: inline-block;
	float: none;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
	height: 18px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    padding: 11px 15px;
    margin: 0;
    background: #006699;
    cursor: pointer;
    z-index: 505;
    font-variant: normal;
    letter-spacing: normal;
	font-family:"Century Gothic",Tahoma;
    outline: none;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
}

.dj-mtmenu li a.dj-up_a span {
    float: none;
    display: inline;
    padding: 0;
}

.dj-mtmenu li a.dj-up_a span.dj-drop {
    float: none;
    display: inline;
}

.dj-mtmenu li.hover a.dj-up_a,
.dj-mtmenu li.active a.dj-up_a {
	background: #C6558D;
    color: #fff;
}

.dj-mtmenu li.hover a.dj-up_a span,
.dj-mtmenu li.active a.dj-up_a span {
    background: none;
    text-decoration: none;
}

.dj-mtmenu li.active a.dj-up_a span.dj-drop {}

.dj-mtmenu li.hover a.dj-up_a span.dj-drop {
	z-index: 1000;
}
	
.dj-mtmenu li.separator > a {
	cursor: default;
}

.dj-mtmenu li a.dj-up_a span span.image-title {
	background: none;
	padding: 0 0 0 5px;
	display: inline;
	float: none;
	height: auto;
}

.dj-mtmenu img {
	border: 0;
	margin: 0;
}

/************** Second level *********************/

.dj-mtmenu li.hover {
	position:relative; 
	z-index: 1000;
}

.dj-mtmenu div.djsubwrap {
    border: none;
    padding: 0;
    background: none;
    position: absolute;
    top: 40px;
    z-index: -1;
	left: 0 !important;
	right: auto !important;
}

.dj-mtmenu div.djsubwrap .cols_5 { width: 910px; }
.dj-mtmenu div.djsubwrap .cols_4 { width: 730px; }
.dj-mtmenu div.djsubwrap .cols_3 { width: 550px; }
.dj-mtmenu div.djsubwrap .cols_2 { width: 370px; }

.dj-mtmenu li.hover div.djsubwrap div.sub-bg { /* submenu background */
    background: #C6558D;
    float: left;
	border-radius: 0 5px 5px 5px;
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	-khtml-border-radius: 0 5px 5px 5px;
	padding: 5px 0;
}

.dj-mtmenu div.djsubwrap {
	display: none;
}

.dj-mtmenu li.hover div.djsubwrap {
	display: block;
	/* ie7 fix */
	background: url(../images/blank.gif);
}

/*******************************/

.dj-mtmenu ul.dj-submenu {
    background: none;
    padding: 5px;
    height: auto;
    margin: 0;
    border: 0;
	border: none;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	float: left;
}

.dj-mtmenu ul.dj-submenu li {
    height: auto;
    font-weight: normal;
    padding: 0 10px;
    margin: 0;
    display: block;
    width: 160px;
    background: none;
    font-family: Arial, Helvetica, sans-serif;
	/* ie7 fix */
	background: url(../images/blank.gif);
	float: left;
}

.dj-mtmenu ul.dj-submenu li a {
    font-size: 12px;
    font-weight: normal;
    height: auto;
    line-height: 14px;
    color: #FFFFFF;
    text-decoration: none;
    padding: 3px 0;
    background: none;
    display: block;
    cursor: pointer;
	text-align: left;
}

.dj-mtmenu ul.dj-submenu li ul {
    border: none;
    padding: 0;
    margin: 0;
	width: auto;
	list-style: none;
}

.dj-mtmenu ul.dj-submenu ul ul {
	padding: 0 0 0 10px;
}

.dj-mtmenu ul.dj-submenu li ul li {
    height: auto;
    font-weight: normal;
    padding: 2px 0 0 0;
    margin: 0;
 	width: auto;
 	display: block !important;
	color: #fff;
	float: none;
}

.dj-mtmenu ul.dj-submenu li ul li a:link,
.dj-mtmenu ul.dj-submenu li ul li a:visited {
    font-weight: normal;
    color: #fff;
    background: url(../images/topmenuAsub.gif) left no-repeat;
    padding: 3px 0 3px 10px;
}

.dj-mtmenu li.hover ul.dj-submenu li a:hover,
.dj-mtmenu li.hover ul.dj-submenu li a.active {
    text-decoration: underline;
}

.dj-mtmenu li.hover ul.dj-submenu li ul li a:hover,
.dj-mtmenu li.hover ul.dj-submenu li ul li a.active {
    text-decoration: underline;
}

.dj-mtmenu li.hover ul.dj-submenu li a.dj-more {
	background: url(../images/sub-arrow.gif) 100% 8px no-repeat;
	padding-right: 10px;
	padding-left: 0;
}

.dj-mtmenu li.hover ul.dj-submenu li ul li a.dj-more {
    background: url(../images/topmenuAsub.gif) left no-repeat;
    padding: 3px 0 3px 10px;
}

.dj-mtmenu li.hover ul.dj-submenu li a.dj-more-active {
	text-decoration: underline;
	background: url(../images/sub-arrow.gif) 100% 8px no-repeat;
	padding-right: 10px;
	padding-left: 0;	
}

.dj-mtmenu li.hover ul.dj-submenu li ul li a.dj-more-active {
    background: url(../images/topmenuAsub.gif) left no-repeat;
    padding: 3px 0 3px 10px;
}

.dj-mtmenu li.hover ul.dj-submenu li.hover a.dj-more,
.dj-mtmenu li.hover ul.dj-submenu li.hover ul li.hover a.dj-more,
.dj-mtmenu li.hover ul.dj-submenu li.hover ul li.hover li.hover a.dj-more,
.dj-mtmenu li.hover ul.dj-submenu li.hover ul li.hover li.hover li.hover a.dj-more{
	text-decoration: underline;
}

.dj-mtmenu li.hover ul.dj-submenu li a.dj-more,
.dj-mtmenu li.hover ul.dj-submenu li.hover ul li a.dj-more,
.dj-mtmenu li.hover ul.dj-submenu li.hover ul li.hover li a.dj-more,
.dj-mtmenu li.hover ul.dj-submenu li.hover ul li.hover li.hover li a.dj-more {
	text-decoration: none;
}

.dj-mtmenu ul.dj-submenu li.separator a {
	/*color: #C50F3D;*/
	color: #fec5d4;
	font-weight: bold;
    font-size: 16px;
    line-height: 18px;
	cursor: auto;
}

.dj-mtmenu li.hover ul.dj-submenu li.separator a:hover {
	text-decoration: none;
}

/********** clearing **********/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { 	
	display: inline-block;
}

/* Hides from IE-mac \*/ * html .clearfix {
    height: 1%;
}

.clearfix {
    display: block !important;
}
/* End hide from IE-mac */