/*----------------------------------------------------------------------- #package Rox Xyst Template #version 1.0 #author ThemeRox http://www.themerox.com #copyright Copyright under commercial licence (C) 2010 - 2011 ThemeRox #license http://www.gnu.org/licenses/gpl-3.0.html GNU/GPLv3 ------------------------------------------------------------------------*/ /*------------------------------------------------------------------------ #Helix Framework Credit # Author - JoomShaper http://www.joomshaper.com # Copyright (C) 2010 - 2012 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 --------------------------------------------------------------------------*/ #hornav,#sublevel {position:relative} #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{} #hornav ul.level-0, #sublevel ul.level-1{float:left;margin:0;padding:0} #sublevel {border-bottom:1px solid #e5e5e5} /*Parent list item*/ #hornav ul.level-0 > li.menu-item, #sublevel ul.level-1 > li.menu-item{background:none;display:block;float:left;margin:0 3px;padding:0;border-left:2px solid #E0E0E0;border-right:2px solid #E0E0E0} #hornav ul.level-0 > li.menu-item.last, #sublevel ul.level-1 > li.menu-item.last {} #hornav ul.level-0 > li.menu-item.parent{background:url(../images/menu_arrow.png) no-repeat 50% -50%;-webkit-transition: background-position .3s ease; -moz-transition: background-position .3s ease; -o-transition: background-position .3s ease; transition: background-position .3s ease;border-left:2px solid #E0E0E0;border-right:2px solid #E0E0E0} #hornav ul.level-0 > li.menu-item.parent:hover{background:#008ac3 url(../images/menu_arrow.png) no-repeat 50% 90%;border-left:2px solid #fff;border-right:2px solid #fff} /*Parent list item hover and active*/ #hornav ul.level-0 > li:hover,#hornav ul.level-0 > li.menu-item.active, #sublevel ul.level-1 > li:hover,#sublevel ul.level-1 > li.menu-item.active{background: url(../images/menu_arrow.png) no-repeat 50% -50%;border-left:2px solid #fff;border-right:2px solid #fff} #hornav ul.level-0 > li.menu-item:hover a span,#sublevel ul.level-1 > li.menu-item.active a span.menu span.menu-title{color:#fff !important} #sublevel ul.level-1 > li.menu-item.active a span.menu span.menu-title:hover{color:#d0d0d0 !important} #hornav ul.level-0 > li.parent > a.menu-item span.menu, #sublevel ul.level-1 > li.parent > a.menu-item span.menu {} /*Parent anchor text*/ #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:5px 10px;color:#333;text-transform:uppercase;padding-bottom:30px;padding-top:70px;font-size: 16px; letter-spacing: 1px;} #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 > a.menu-item.active{color:#fff} #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;font-size:92%;color:#888} #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;} #hornav ul li.parent > a.menu-item span.menu, #sublevel ul li.parent > a.menu-item span.menu {display:block;} /*Submenu*/ #hornav li .submenu,#sublevel li .submenu {position: absolute;display:none;z-index:9999} #hornav ul.level-0 > li .submenu-inner,#sublevel ul.level-1 > li .submenu-inner {border-top:none} #hornav ul li .submenu-inner,#sublevel ul li .submenu-inner {border:1px solid #e5e5e5;} #hornav ul.level-1 > li .submenu-inner,#sublevel ul.level-2 > li .submenu-inner {border-top:1px solid #e5e5e5;} #hornav ul li.parent > a.menu-item span.menu, #sublevel ul li.parent > a.menu-item span.menu {background:url(../images/daddy.png) no-repeat 100% 50%} #hornav li .submenu{padding-top:10px} /*Styling subnav*/ #hornav ul ul, #sublevel ul ul {float: none;} #hornav li.menu-item li.menu-item, #sublevel li.menu-item li.menu-item {background:url(../images/menu_separator.png) repeat-x 0% 100%;display:block;margin:0;padding:0;float:none;} #hornav li.menu-item li.menu-item.first, #sublevel li.menu-item li.menu-item.first { border-top: none; } #hornav li.menu-item li.menu-item a.menu-item, #sublevel li.menu-item li.menu-item a.menu-item{display:block;font-size:92%;font-weight:400;line-height:normal;text-decoration:none;margin:0;padding:7px 5px;color:#fff;text-transform:uppercase;font-size: 16px;letter-spacing:1px} /*Menu item desc*/ #hornav li.menu-item li.menu-item span.menu-desc, #sublevel li.menu-item li.menu-item span.menu-desc{color:#fff} /*Active and hover*/ #hornav li.menu-item li:hover,#hornav li.menu-item li.active, #sublevel li.menu-item li:hover,#sublevel li.menu-item li.active{} /*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:8px 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 5px!important} #hornav .group-title{overflow:hidden;border-bottom:5px solid #e5e5e5} #hornav .group-title .menu-title{font-size:100%;font-weight:400;line-height:normal;text-transform:uppercase;color:#333} #hornav .group-title .menu-desc{padding-left:0!important;color:#888} #navigation{float:right;}