/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ #nav { padding:0 0px; font-size:1.1em; } /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #nav li { position:relative; text-align:left; } #nav li.over { z-index:999; } #nav a, #nav a:hover { display:block; line-height:1.3em; text-decoration:none; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal;} /************ 0 LEVEL ***************/ #nav li { float:left; border-right: 1px solid #242424;} #nav li.active a { color:#ee3224; } #nav a { float:left; padding:0px 0px 0px 0px; color:#FFF; font-weight:bold; } #nav li.over a, #nav a:hover {color:#ee3224; } /************ OPENINGSGEREEDSCHAP ***************/ #nav li.parent-nav-Openingsgereedschap { width: 241px; height: 57px; font-size: 0px; color: #242424 !important; float:left; border-right: 1px solid #242424; background: url('../images/openingsgereedschap.gif') no-repeat;} #nav li.parent-nav-Openingsgereedschap.active a {} #nav parent-nav-Openingsgereedschap a {} #nav li.parent-nav-Openingsgereedschap.over { background: url('../images/openingsgereedschap-over.gif') no-repeat;} #nav parent-nav-Openingsgereedschap a:hover {} /************ OPENINGSGEREEDSCHAP ***************/ #nav li.parent-nav-Offnungstechnik { width: 211px; height: 57px; font-size: 0px; float:left; border-right: 1px solid #242424; background: url('../images/offnungstechnik.gif') no-repeat;} #nav li.parent-nav-Offnungstechnik.active a {} #nav parent-nav-Offnungstechnik a {} #nav li.parent-nav-Offnungstechnik.over { background: url('../images/offnungstechnik-over.gif') no-repeat;} #nav parent-nav-Offnungstechnik a:hover {} /************ OPENINGSGEREEDSCHAP ***************/ #nav li.parent-nav-Entry-Tools { width: 178px; height: 57px; font-size: 0px; float:left; border-right: 1px solid #242424; background: url('../images/entry_tools.gif') no-repeat;} #nav li.parent-nav-Entry-Tools.active a {} #nav parent-nav-Entry-Tools a {} #nav li.parent-nav-Entry-Tools.over { background: url('../images/entry_tools-over.gif') no-repeat;} #nav parent-nav-Entry-Tools a:hover {} /************ VEILIGHEIDSBESLAG ***************/ #nav li.parent-nav-Veiligheidsbeslag { width: 222px; height: 57px; font-size: 0px; float:left; border-right: 1px solid #242424; background: url('../images/veiligheidsbeslag.gif') no-repeat;} #nav li.parent-nav-Veiligheidsbeslag.active a {} #nav parent-nav-Veiligheidsbeslag a {} #nav li.parent-nav-Veiligheidsbeslag.over { background: url('../images/veiligheidsbeslag-over.gif') no-repeat;} #nav parent-nav-Veiligheidsbeslag a:hover {} /************ VEILIGHEIDSBESLAG ***************/ #nav li.parent-nav-Sicherheitsbeslage { width: 222px; height: 57px; font-size: 0px; float:left; border-right: 1px solid #242424; background: url('../images/sicherheitsbeslage.gif') no-repeat;} #nav li.parent-nav-Sicherheitsbeslage.active a {} #nav parent-nav-Sicherheitsbeslage a {} #nav li.parent-nav-Sicherheitsbeslage.over { background: url('../images/sicherheitsbeslage-over.gif') no-repeat;} #nav parent-nav-Sicherheitsbeslage a:hover {} /************ VEILIGHEIDSBESLAG ***************/ #nav li.parent-nav-Security-products { width: 223px; height: 57px; font-size: 0px; float:left; border-right: 1px solid #242424; background: url('../images/security_products.gif') no-repeat;} #nav li.parent-nav-Security-products.active a {} #nav parent-nav-Security-products a {} #nav li.parent-nav-Security-products.over { background: url('../images/security_products-over.gif') no-repeat;} #nav parent-nav-Security-products a:hover {} /************ SPECIALE TOOLS ***************/ #nav li.parent-nav-Speciale-Tools { width: 190px; height: 57px; font-size: 0px; float:left; border-right: 1px solid #242424; background: url('../images/speciale_tools.gif') no-repeat;} #nav li.parent-nav-Speciale-Tools.active a {} #nav parent-nav-Speciale-Tools a {} #nav li.parent-nav-Speciale-Tools.over { background: url('../images/speciale_tools-over.gif') no-repeat;} #nav parent-nav-Speciale-Tools a:hover {} /************ SPECIALE TOOLS ***************/ #nav li.parent-nav-Spezialwerkzeuge { width: 229px; height: 57px; font-size: 0px; float:left; border-right: 1px solid #242424; background: url('../images/spezialwerkzeuge.gif') no-repeat;} #nav li.parent-nav-Spezialwerkzeuge.active a {} #nav parent-nav-Spezialwerkzeuge a {} #nav li.parent-nav-Spezialwerkzeuge.over { background: url('../images/spezialwerkzeuge-over.gif') no-repeat;} #nav parent-nav-Spezialwerkzeuge a:hover {} /************ SPECIALE TOOLS ***************/ #nav li.parent-nav-Special-Tools { width: 190px; height: 57px; font-size: 0px; float:left; border-right: 1px solid #242424; background: url('../images/special_tools.gif') no-repeat;} #nav li.parent-nav-Special-Tools.active a {} #nav parent-nav-Special-Tools a {} #nav li.parent-nav-Special-Tools.over { background: url('../images/special_tools-over.gif') no-repeat;} #nav parent-nav-Special-Tools a:hover {} /************ 1ST LEVEL ************/ #nav ul li { width: 190px; height: 23px; font-size: 12px !important; float:none; padding: 0px 0px 1px 0px !important; margin:0; padding-bottom:1px; background:#ddd url(../images/nav_divider.gif) repeat-x 0 100%; } #nav ul li.active { float:none; padding: 0px 0px 1px 0px !important; margin:0; padding-bottom:1px; background:#ddd url(../images/nav_divider.gif) repeat-x 0 100%; } #nav ul li.over { width: 190px; height: 23px; font-size: 12px !important; float:none; padding: 0px 0px 1px 0px !important; margin:0; padding-bottom:1px; background:#c9c9c9 url(../images/nav_divider.gif) repeat-x 0 100% !important; } #nav ul li.last { background:#e0e0e0; padding-bottom:0; } #nav ul a, #nav ul a:hover { float:none !important; padding:0; background: #fff !important; } #nav ul li a { font-weight:normal !important; } /************ 2ND LEVEL ************/ #nav ul { position:absolute; width:15em; top:56px; left:-10000px; border:1px solid #555; } /* Show menu */ #nav li.over > ul { left:0; } #nav li.over > ul li.over > ul { left:100px; } #nav li.over ul ul { left:-10000px; } #nav ul li a { background:#eee !important; } #nav ul li a:hover { background:#bbb !important; } #nav ul li a, #nav ul li a:hover { color:#2f2f2f !important; } #nav ul span, #nav ul li.last li span { padding:3px 15px 4px 15px;} /************ 3RD+ LEVEL ************/ #nav ul ul { top:5px; } #nav2 { padding:0px; } /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #nav2 li { position:relative; text-align:left; } #nav2 li.over { z-index:999; } #nav2 a, #nav2 a:hover { display:block; height: 32px; text-decoration:none; } #nav2 span { display:block; cursor:pointer; white-space:nowrap; } #nav2 li ul span {white-space:normal; } /************ 0 LEVEL ***************/ #nav2 li { float:right; } #nav2 li.active a { color:#ee3224; } #nav2 a { float:left; color:#FFF; font-weight:bold; } #nav2 li.over a, #nav2 a:hover {color:#ee3224; } /************ NEWS ***************/ #nav2 li.news { height: 32px; width: 68px; float:right; border-left: 1px solid #777; background: url(http://www.secuprogov.com/magento/skin/frontend/secupro-nl/standaard/images/menu/button-news-en.gif) no-repeat 50% 50% ; } #nav2 li.news.active a { color:#ee3224; } #nav2 news.a { float:left; color:#FFF; font-weight:bold; background: #FFF; } #nav2 li.news over a, #nav2 li.news a:hover { height: 32px; width: 68px; float:right; border-left: 1px solid #777; background: url(http://www.secuprogov.com/magento/skin/frontend/secupro-nl/standaard/images/menu/button-news-hover-en.gif) no-repeat 50% 50% ; } /************ NIEUWS ***************/ #nav2 li.nieuws { height: 32px; width: 80px; float:right; border-left: 1px solid #777; background: url(http://www.secuprogov.com/magento/skin/frontend/secupro-nl/standaard/images/menu/button-news-nl.gif) no-repeat 50% 50% ; } #nav2 li.nieuws.active a { height: 32px; width: 80px; float:right; border-left: 1px solid #777; background: url(http://www.secuprogov.com/magento/skin/frontend/secupro-nl/standaard/images/menu/button-news-hover-nl.gif) no-repeat 50% 50% ; } #nav2 nieuws.a { height: 32px; width: 80px; float:right; border-left: 1px solid #777; background: url(http://www.secuprogov.com/magento/skin/frontend/secupro-nl/standaard/images/menu/button-news-hover-nl.gif) no-repeat 50% 50% ; } #nav2 li.nieuws over a, { height: 32px; width: 80px; float:right; border-left: 1px solid #777; background: url(http://www.secuprogov.com/magento/skin/frontend/secupro-nl/standaard/images/menu/button-news-hover-nl.gif) no-repeat 50% 50% ; } #nav2 li.nieuws a:hover { height: 32px; width: 80px; float:right; border-left: 1px solid #777; background: url(http://www.secuprogov.com/magento/skin/frontend/secupro-nl/standaard/images/menu/button-news-hover-nl.gif) no-repeat 50% 50% ; } /************ DOWNLOADS ***************/ #nav2 li.download { height: 32px; width: 108px; float:right; border-left: 1px solid #777; background: url(http://www.secuprogov.com/magento/skin/frontend/secupro-nl/standaard/images/menu/button-download.gif) no-repeat 50% 50% ; } #nav2 li.download.active a { color:#ee3224; } #nav2 download.a { float:left; color:#FFF; font-weight:bold; background: #FFF; } #nav2 li.download over a, #nav2 li.download a:hover { height: 32px; width: 108px; float:right; border-left: 1px solid #777; background: url(http://www.secuprogov.com/magento/skin/frontend/secupro-nl/standaard/images/menu/button-hover-download.gif) no-repeat 50% 50% ; } /************ COURSES ***************/ #nav2 li.courses { height: 32px; width: 86px; float:right; border-left: 1px solid #777; background: url(http://www.secuprogov.com/magento/skin/frontend/secupro-nl/standaard/images/menu/button-courses-en.gif) no-repeat 50% 50% ; } #nav2 li.courses.active a { color:#ee3224; } #nav2 courses.a { float:left; color:#FFF; font-weight:bold; background: #FFF; } #nav2 li.courses over a, #nav2 li.courses a:hover { height: 32px; width: 86px; float:right; border-left: 1px solid #777; background: url(http://www.secuprogov.com/magento/skin/frontend/secupro-nl/standaard/images/menu/button-courses-hover-en.gif) no-repeat 50% 50% ; } /************ CURSUSSEN ***************/ #nav2 li.cursussen { height: 32px; width: 100px; float:right; border-left: 1px solid #777; background: url(http://www.secuprogov.com/magento/skin/frontend/secupro-nl/standaard/images/menu/button-courses-nl.gif) no-repeat 50% 50% ; } #nav2 li.cursussen.active a { color:#ee3224; } #nav2 cursussen.a { float:left; color:#FFF; font-weight:bold; background: #FFF; } #nav2 li.cursussen over a, #nav2 li.cursussen a:hover { height: 32px; width: 100px; float:right; border-left: 1px solid #777; background: url(http://www.secuprogov.com/magento/skin/frontend/secupro-nl/standaard/images/menu/button-courses-hover-nl.gif) no-repeat 50% 50% ; } /************ KURSE ***************/ #nav2 li.kurse { height: 32px; width: 74px; float:right; border-left: 1px solid #777; background: url(http://www.secuprogov.com/magento/skin/frontend/secupro-nl/standaard/images/menu/button-courses-de.gif) no-repeat 50% 50% ; } #nav2 li.kurse.active a { color:#ee3224; } #nav2 kurse.a { float:left; color:#FFF; font-weight:bold; background: #FFF; } #nav2 li.kurse over a, #nav2 li.kurse a:hover { height: 32px; width: 74px; float:right; border-left: 1px solid #777; background: url(http://www.secuprogov.com/magento/skin/frontend/secupro-nl/standaard/images/menu/button-courses-hover-de.gif) no-repeat 50% 50% ; } /************ FAQ ***************/ #nav2 li.faq { height: 32px; width: 67px; float:right; border-left: 1px solid #777; background: url(http://www.secuprogov.com/magento/skin/frontend/secupro-nl/standaard/images/menu/button-faq.gif) no-repeat 50% 50% ; } #nav2 li.faq.active a { color:#ee3224; } #nav2 faq.a { float:left; color:#FFF; font-weight:bold; background: #FFF; } #nav2 li.faq over a, #nav2 li.faq a:hover { height: 32px; width: 67px; float:right; border-left: 1px solid #777; background: url(http://www.secuprogov.com/magento/skin/frontend/secupro-nl/standaard/images/menu/button-faq-hover.gif) no-repeat 50% 50% ; } /************ CONTACT ***************/ #nav2 li.contact { height: 32px; width: 99px; float:right; border-left: 1px solid #777; background: url(http://www.secuprogov.com/magento/skin/frontend/secupro-nl/standaard/images/menu/button-contact.gif) no-repeat 50% 50% ; } #nav2 li.contact.active a { color:#ee3224; } #nav2 contact.a { float:left; color:#FFF; font-weight:bold; background: #FFF; } #nav2 li.contact over a, #nav2 li.contact a:hover { height: 32px; width: 99px; float:right; border-left: 1px solid #777; background: url(http://www.secuprogov.com/magento/skin/frontend/secupro-nl/standaard/images/menu/button-contact-hover.gif) no-repeat 50% 50% ; } /************ Test ***************/ #nav li.-nav-test { display: none !important;} /************ Test ***************/ #nav li.-nav-Kluizen { display: none !important;}