/*--------------------------------------------------------------- # 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} #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{background: #efefef url(../images/nav-bg.gif) repeat-x 0 0;padding:0 3px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5} #sublevel{margin-top:-1px} #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 0 0 8px;padding:0 7px} #hornav ul.level-0 > li.menu-item.last, #sublevel ul.level-1 > li.menu-item.last {} #hornav ul.level-0 > li.menu-item > a.menu-item, #sublevel ul.level-1 > li.menu-item > a.menu-item{display:block;font-size:12px;font-weight:700;line-height:normal;text-decoration:none;margin:0!important;padding: 13px 14px 12px 7px;} #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;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-right: 0!important;padding-left:0!important} #hornav ul li.parent > a.menu-item span.menu, #sublevel ul li.parent > a.menu-item span.menu {display:block;padding-right: 12px;background:url(../images/daddy.png) no-repeat 100% 50%} /*Submenu*/ #hornav li .submenu,#sublevel li .submenu {position: absolute;display:none;z-index:9999} /*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 {background:none;display:block;margin:0;padding:0;float:none} #hornav li.menu-item li.menu-item.first, #sublevel li.menu-item li.menu-item.first { background-image: none!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:92%;font-weight:400;line-height:normal;text-decoration:none;margin:0;padding:7px 5px;color:#fff} /*Dropline or Split menu*/ #sublevel ul.level-1 > li.menu-item{background:none;margin-top:1px} #sublevel ul.level-1 > li.menu-item > a.menu-item{padding:7px 5px!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{overflow:hidden;color:#fff} #hornav .group-title .menu-title{font-size:100%;font-weight:400;line-height:normal;text-transform:uppercase;color:#fff} #hornav .group-title .menu-desc{padding-left:0!important;color:#e5e5e5} /************************************ Retry modifications ************************************/ /* #hornav ul.level-0 > li.menu-item, #sublevel ul.level-1 > li.menu-item{margin: 0;padding:0} */ #hornav { /*height: 40px;*/ background: none repeat scroll 0 0 #E3E3E3; padding: 0 1px; border-top: 1px solid #e5e5e5; border-bottom: 3px solid #cbcbcb; } #hornav ul.sp-menu { margin: 0px} #hornav ul ul { background: #cc9a34; margin: 0 0 0 -2px; } #hornav ul li { height: 40px; line-height: 40px; margin: 0; padding: 0 16px; border-right: 1px solid #c0c0c0; } #hornav ul ul li { float: left; background: none repeat scroll 0 0 #BE8E2D; border: none; width: auto; height: 40px; line-height: normal; margin: 0; padding: 0; border: 0; } #hornav ul ul li > a { background: none; color: #; } #hornav ul ul li > a { border-top: 1px solid #CBCBCB; border-bottom: 1px solid #CBCBCB; border-right: 0px solid #CBCBCB; border-left: 1px solid #CBCBCB; padding: 10px 16px; } #hornav ul.level-0 > li.menu-item{border-right: 1px solid #c0c0c0} /* #hornav ul.level-0 > li.menu-item span.menu-title { margin-top: 12px; } */ #hornav ul.level-1 > li.menu-item span.menu-title { padding:0 15px; } #hornav ul.level-0 > li.menu-item > a.menu-item, #sublevel ul.level-1 > li.menu-item > a.menu-item{font-size:120%;font-weight:400;} #hornav ul.level-0 > li.menu-item, #sublevel ul.level-1 > li.menu-item{background:none;display:block;float:left;margin: 0;/*padding:0 20px;*/} #hornav ul.level-0 > li.menu-item > a.menu-item, #sublevel ul.level-1 > li.menu-item > a.menu-item{/*padding: 0px 0 0 0;*/ padding: 13px 15px 9px 15px;} #hornav li.menu-item li.menu-item a.menu-item, #sublevel li.menu-item li.menu-item a.menu-item{padding:10px 0;color:#fff} #hornav ul ul li:hover > a, #hornav ul ul li.active > a { /*background: #343434; color: #FFFFF;*/ border-color: #cc9a34; color: #000; } /* #hornav, #hornav ul li a, .menu-title {font-size:120%;}*/ #hornav ul li .submenu-inner,#sublevel ul li .submenu-inner {background:#cc9a34;color:#fff;} #hornav li.menu-item li.menu-item, #sublevel li.menu-item li.menu-item {background: url(../../images/styles/style1/nav-border.png) repeat-x 0 0!important} #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: #cc9a34!important; } #hornav li.menu-item li.menu-item a.menu-item:hover, #sublevel li.menu-item li.menu-item a.menu-item:hover { color: #000; /*font-weight: 600;*/ } a.menu-item.active span.menu span.menu-title { /*font-weight: 600;*/ } #hornav ul.level-0 > li.menu-item:hover,#hornav ul.level-0 > li.menu-item.active{background: #cc9a34 no-repeat 0 100%} #hornav li.menu-item li.menu-item a.menu-item, #sublevel li.menu-item li.menu-item a.menu-item{font-size:120%;font-weight:400;/*height: 40px;*/} /*#hornav li.menu-item li.menu-item, #sublevel li.menu-item li.menu-item {height: 40px;}*/ #submenu ul.level-1 > li.menu-item span.menu{margin-left:15px; margin-top:5px;} #hornav ul li:hover {background: #cc9a34 no-repeat 0 100%;} #hornav ul li.active {background: #cc9a34 no-repeat 0 100%;} #hornav ul li:hover > a {background: #cc9a34 no-repeat 100% 100%;color: #fff;} #hornav ul li.active > a {background: #cc9a34 no-repeat 100% 100%;color: #fff;} #hornav ul ul{background:#707070} #hornav ul ul li > a{border-top:1px solid #CBCBCB;border-bottom:1px solid #CBCBCB;border-right:0px solid #CBCBCB;border-left:1px solid #CBCBCB; padding:10px 16px;} .menu li > a {color:#414141} .menu ul li > a {color:#414141} .menu ul li:hover > a {color:#cc9a34} .menu ul li.active > a {color:#cc9a34} .menu ul ul li:hover > a{color:#cc9a34} .menu {background: #F9F3DE;} .menu ul {margin-left: 5px}