/** * 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 {font-size:12px;clear: both;width: 1000px; background: url('../images/bg_navbar.png') no-repeat scroll 0 0 ; color: #fff;height: 40px;margin-bottom: 0px;position:absolute; top:84px;} #nav ul { display:block;font-size:12px;text-transform:uppercase;} #nav ul li { display: inline; } #nav ul.red_bg { float: left; height: 40px; } #nav ul.red_bg li { margin-right:27px;margin-bottom:0px;} #nav ul.gray_bg { float: right; height: 40px;margin-right: 17px; } #nav ul.gray_bg li { margin-left:11px;} #nav a { color: #fff; } #nav a.image_replace {height:0 !important;overflow:hidden;padding:40px 0 0;width:100%;} /************** ALL LEVELS *************!/ /* Style consistent throughout all nav levels */ #nav .red_bg li, #nav .gray_bg li { position:relative;text-transform:uppercase; text-align:left; } #nav .red_bg li.over, #nav .gray_bg li.over { z-index:999; } #nav .red_bg a,#nav .gray_bg a,#nav .gray_bg a:hover #nav .red_bg a:hover, #nav .gray_bg a:hover { display:block; /*line-height:1.3em;*/ text-decoration:none; } #nav .red_bg span, #nav .gray_bg span { display:block; cursor:pointer; white-space:nowrap; } #nav .red_bg li ul span, #nav .gray_bg li ul span {white-space:normal; } /************ 0 LEVEL ***************/ #nav .red_bg li, #nav .gray_bg li { float:left; margin:0px;position: relative; } #nav .red_bg li.active a,#nav .gray_bg #nav .gray_bg { color:#444; } #nav .red_bg a, #nav .gray_bg .red_bg a { float:left; color:#444;} #nav .red_bg li.over a, #nav .red_bg a:hover, #nav .gray_bg li.over a, #nav .gray_bg li.over a:hover { color:#444;background: transparent; cursor: pointer;} #nav .red_bg li.over, #nav .gray_bg li.over,#nav .gray_bg li.active #nav .red_bg li.active { background:transparent; } /*Hovers and such :)*/ #nav .home_nav {height: 40px; width:50px;} #nav .news_nav {height: 40px; width:37px;} #nav .products_nav {height: 40px; width:68px;} #nav .tech_info {height: 40px; width:66px;} #nav .video_nav {height: 40px; width:39px;} #nav .gallery_nav {height: 40px; width:131px;} #nav .forum {height: 40px; width:46px;} #nav .about_us_nav {height: 40px; width:70px;} #nav .support_nav {height: 40px; width:62px;} #nav .contact_us_nav {height: 40px; width:83px;} #nav .home_nav a:hover {background: url('../images/bg_navbar.png') no-repeat scroll 0px -40px; cursor: pointer; } #nav .news_nav a:hover {background: url('../images/bg_navbar.png') no-repeat scroll -77px -40px; cursor: pointer; } #nav .products_nav a:hover {background: url('../images/bg_navbar.png') no-repeat scroll -141px -40px; cursor: pointer; } #nav .tech_info a:hover {background: url('../images/bg_navbar.png') no-repeat scroll -236px -40px; cursor: pointer; } #nav .video_nav a:hover {background: url('../images/bg_navbar.png') no-repeat scroll -329px -40px; cursor: pointer; } #nav .gallery_nav a:hover {background: url('../images/bg_navbar.png') no-repeat scroll -395px -40px; cursor: pointer; } #nav .forum a:hover {background: url('../images/bg_navbar.png') no-repeat scroll -553px -40px; cursor: pointer; } #nav .about_us_nav a:hover {background: url('../images/bg_navbar.png') no-repeat scroll -746px -40px; cursor: pointer; } #nav .support_nav a:hover {background: url('../images/bg_navbar.png') no-repeat scroll -827px -40px; cursor: pointer; } #nav .contact_us_nav a:hover {background: url('../images/bg_navbar.png') no-repeat scroll -900px -40px; cursor: pointer; } /********************/ /************ 1ST LEVEL ************/ #nav .red_bg ul li, #nav .red_bg ul li.active, #nav .gray_bg ul li,#nav .gray_bg ul li.active, #nav .gray_bg ul li.over, #nav .red_bg ul li.over { float:none; background:none; padding:0; text-transform: uppercase; } #nav .red_bg ul li.parent, #nav .gray_bg ul li.parent { background:url(../images/nav_parent_arrow.gif) no-repeat 100% 50%; } #nav .red_bg ul li.last, #nav .gray_bg ul li.last { padding-bottom:0; } #nav .red_bg ul li.active, #nav .gray_bg ul li.active { margin:0; border:0; background:none; } #nav .red_bg ul a, #nav .red_bg ul a:hover, #nav .gray_bg ul a, #nav .gray_bg ul a:hover{ float:none; background:none; cursor: pointer;} #nav .red_bg ul li a, #nav .gray_bg ul li a{ font-weight:normal !important;} /************ 2ND LEVEL ************/ #nav .red_bg ul { position:absolute; width:18em; top:35px; left:-10000px; padding:3px 8px;background: #fff url(../images/bg_nav_drop.jpg) repeat-x scroll 0 0; font-size:12px; text-transform: capitalize; border-bottom: 2px solid #BE0F26;z-index: 800 } #nav .gray_bg ul{ position:absolute; width:14em; top:35px; left:-10000px; padding:3px 8px; background: #fff url(../images/bg_nav_drop.jpg) repeat-x scroll 0 0; font-size:12px; border-bottom: 2px solid #3D3D3E;z-index: 800} #nav .red_bg ul.level0 li.level1, #nav .gray_bg ul.level0 li.level1{ margin: 0px; } /* Show menu */ #nav .red_bg li.over > ul { left:-1px; } #nav .red_bg li.over > ul li.over > ul { left:100px; } #nav .red_bg li.over ul ul { left:-10000px; } #nav .red_bg ul li a { padding:3px 0; color:#000 !important; font-size: 12px;text-transform: uppercase; } #nav .red_bg ul li a:hover { padding:3px 0; color:#000 !important;text-decoration: underline;text-transform: uppercase;cursor: pointer; } /**/ #nav .gray_bg li.over > ul { left:-1px; } #nav .gray_bg li.over > ul li.over > ul { left:100px; } #nav .gray_bg li.over ul ul { left:-10000px; } #nav .gray_bg ul li a { padding:3px 0; color:#000 !important; font-size: 12px;text-transform: uppercase; } #nav .gray_bg ul li a:hover { padding:3px 0; color:#000 !important; text-decoration: underline; text-transform: uppercase;cursor: pointer;}