/*---------------------------------------------------------------
# Package - Joomla Template based on Helix Framework   
# ---------------------------------------------------------------
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2011 JoomShaper.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material 
# Websites: http://www.joomshaper.com - http://www.joomxpert.com
-----------------------------------------------------------------*/
#hornav,#sublevel {position:relative; padding-top:50px;}
#hornav ul.sp-menu { margin: 10px}
#sublevel ul.sp-menu { padding: 10px}
#hornav .megacol,#sublevel .megacol {float:left}
#sublevel ul.empty,#sublevel li.empty {height:0px!important;display:none} 
#hornav ul li,#sublevel ul li{background:none;padding:0;margin:0} 
/*Top Level*/
#hornav{float:right}
#sublevel {background: url(../images/mega/border.png) repeat-x 0 0}

#hornav ul.level-0,
#sublevel ul.level-1{float:left;margin:0;padding:0}

#hornav ul.level-0 > li.menu-item,
#sublevel ul.level-1 > li.menu-item{background:none;display:block;float:left;margin:0}

#hornav ul.level-0 > li.menu-item{padding:13px 6px}
#sublevel ul.level-1 > li.menu-item{margin-top:2px;padding:5px 6px}

#hornav ul.level-0 > li.menu-item > a.menu-item,
#sublevel ul.level-1 > li.menu-item > a.menu-item{display:block;font-weight:400;line-height:normal;text-decoration:none;margin:0;padding:3px 10px;color:#333}

#hornav ul.level-0 > li.menu-item span.has-image,
#sublevel ul.level-1 > li.menu-item span.has-image{padding-left:18px;display:block;background-repeat:no-repeat;background-position:0 50%}

#hornav ul.level-0 > li.menu-item span.menu-title,
#sublevel ul.level-1 > li.menu-item span.menu-title{display:block}

#hornav ul.level-0 > li.menu-item span.menu-desc,
#sublevel ul.level-1 > li.menu-item span.menu-desc{display:block;font-weight:400;color:#999;font-size:92%}

#hornav ul.level-0 > li.parent > a.menu-item span.menu,
#sublevel ul.level-1 > li.parent > a.menu-item span.menu {display:block;background: none; padding: 0}

#hornav ul ul li.parent > a.menu-item span.menu,
#sublevel ul ul li.parent > a.menu-item span.menu {display:block;padding-right: 12px;background:url(../images/daddy.png) no-repeat 100% 50%}

/*Submenu*/
.submenu {position: absolute;display:none;z-index:9999; }
/*.submenu .menu-tl{background:url(../images/mega/mega-tl.png) no-repeat 0 0}
.submenu .menu-tr{background:url(../images/mega/mega-tr.png) no-repeat 100% 0;padding:0 14px}
.submenu .menu-tm{background:url(../images/mega/mega-tm.png) repeat-x 0 0;height:14px}
.menu-l{background:url(../images/mega/mega-l.png) repeat-y 0 0}
.menu-r{background:url(../images/mega/mega-r.png) repeat-y 100% 0;padding:0 13px}
.submenu .menu-bl{background:url(../images/mega/mega-bl.png) no-repeat 0 0}
.submenu .menu-br{background:url(../images/mega/mega-br.png) no-repeat 100% 0;padding:0 14px}
.submenu .menu-bm{background:url(../images/mega/mega-bm.png) repeat-x 0 0;height:12px}*/
.submenu-inner {background:#eeeeee;color:#333;border:#39b54a 3px solid;-moz-border-radius: 6px;
border-radius:6px;}

/*Styling subnav*/
#hornav {position:relative}

#hornav ul ul,
#sublevel ul ul {float: none;}

#hornav li.menu-item li.menu-item,
#sublevel li.menu-item li.menu-item {display:block;margin:0;padding:0;float:none;background: url(../images/mega/border.png) repeat-x 0 0!important}

#hornav li.menu-item li.menu-item a.menu-item,
#sublevel li.menu-item li.menu-item a.menu-item{display:block;font-size:100%;font-weight:400;line-height:normal;text-decoration:none;margin:0;padding:7px 5px;color:#555;text-shadow:0 1px #fff}

#hornav li.menu-item li:hover,#hornav li.menu-item li.active > a,
#sublevel li.menu-item li:hover,#sublevel li.menu-item li.active > a{background: #f5f5f5 url(../images/mega/border.png) repeat-x 0 0!important}

#hornav li.menu-item li.menu-item span.menu-desc,
#sublevel li.menu-item li.menu-item span.menu-desc{color:#888}

#hornav li.menu-item li.menu-item.first, #hornav li.menu-item li.menu-item.first a,
#sublevel li.menu-item li.menu-item.first, #sublevel li.menu-item li.menu-item.first a { background-image: none!important; }

/*Dropline or Split menu*/
#sublevel ul.level-1 > li.menu-item{background:none}
#sublevel ul.level-1 > li.menu-item > a.menu-item{color:#333;padding:5px 10px!important}
#sublevel ul.level-1 > li.menu-item span.has-image{}
#sublevel ul.level-1 > li.menu-item span.menu-title{}
#sublevel ul.level-1 > li.menu-item span.menu-desc{}

/*Group*/
* html .group{height:0}
#hornav ul li.menu-item .group{background:none!important;overflow:hidden}
#hornav .group-content ul.sp-menu{margin:10px 0!important}
#hornav .group-title{background: url(../images/mega/border.png) repeat-x 0 100%!important;overflow:hidden}
#hornav .group-title .menu-title{color:#333;font-size:100%;font-weight:700;line-height:normal;text-transform:uppercase}
#hornav .group-title .menu-desc{color:#888;padding-left:0!important}