/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Open Software License (OSL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/osl-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. * * @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com) * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ #nav { float:left; margin-top:15px; margin-left:15px; font-size:1.1em; z-index:999; } /************** ALL LEVELS *************/ /* Style consistent throughout all nav levels */ #nav li { list-style:none; position:relative; text-transform:uppercase; text-align:left; } #nav li.over { z-index:99; } #nav li.active { z-index:98; } /* to prevent the li separator from showing through on mouseover on li */ #nav a { line-height:1.3em; } #nav a, #nav a:hover { display:block; text-decoration:none; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } /************ 1ST LEVEL ***************/ #nav li { float:left; margin:1px 8px 11px 1px; padding:3px 8px; } #nav li.active a { color:#444; } #nav a { float:left; background:url(../images/nav_top_level_arrow.gif) no-repeat 100% 50%; padding-right:11px; color:#444; font-weight:bold; } #nav li.over a, #nav a:hover { color:#444; } #nav li.over, #nav li.active { margin:0 7px 10px 0; border:1px solid #bbb; background:#ececec; } /************ 1ST LEVEL RESET ************/ #nav ul li, #nav ul li.active, #nav ul li.over { float:none; border:none; margin:0; background:none; padding:0; padding-bottom:1px; text-transform:none; } #nav ul li.parent { background:url(../images/nav_parent_arrow.gif) no-repeat 100% 50%; } #nav ul li.last { padding-bottom:0; } #nav ul li.active { margin:0; border:0; background:none; } #nav ul a, #nav ul a:hover { float:none; padding:0; background:none; } #nav ul li a { font-weight:normal !important; } /************ 2ND LEVEL ************/ #nav ul { position: absolute; width:15em; top:22px; left:-10000px; border:1px solid #bbb; border-bottom:2px solid #999; padding:3px 8px; background:#fcfcfc; font-size:11px; } /* Show menu */ #nav li.over > ul { left:-1px; } #nav li.over > ul li.over > ul { left:100px; } #nav li.over ul ul { left:-10000px; } #nav ul li a { padding:3px 0; color:#444 !important; } #nav ul li a:hover { padding:3px 0; color:#5a7f00 !important; } /************ 3RD+ LEVEL ************/ #nav ul ul { top:5px; } /***************VERTICAL**********************/ /*****ALL*****/ #vertical-nav ul, .account-nav ul{ list-style-type: none; /* get rid of the bullets */ padding:0; /* no padding */ margin:0; /* no margin for IE either */ font: 12px Georgia, "Times New Roman", Times, serif; color:#000; } #vertical-nav ul li { margin: 0; padding: 0; display:block; margin-top: 0; /* lines */ } #vertical-nav ul ul li a,#vertical-nav ul li{ background-color: #FFFFFF; } #vertical-nav ul li a { display: block; padding: 1px; margin:0; text-decoration: none; height:15px; /* hint for IE, alternatively remove whitespace from HTML */ text-align: right; clear:both; } #vertical-nav ul li .open, #vertical-nav .activesubsub, #vertical-nav .subopen{ font-weight: bolder; text-decoration: none; color:#000; } #vertical-nav ul#nav_vert li .potential {margin: 0; } #vertical-nav ul#nav_vert li ul li .potential {margin: 0;} #vertical-nav ul li .open {margin:0; text-decoration: none;} #vertical-nav ul#nav_vert li ul { margin:0; } #vertical-nav ul#nav_vert li ul li ul li a{ margin:0; color: #cc9999;} #vertical-nav ul ul ul li a { margin-left: 21px; /* indent level 2 */ } #vertical-nav a { color:#000; } #vertical-nav a:hover { color:#666666; } #vertical-nav ul li ul li a { margin-bottom:0px; margin-top:0px; } #vertical-nav ul li ul li { margin-bottom:0px; margin-top:0px; } #vertical-nav .final{background-color: #cc9999; color:#FFF!important;} #vertical-nav .login{ text-align:right; margin: 0 0 20px 0; } .leftNavhead {width: 234px; height: auto; padding-top: 0;} .leftNavhead img {float:right; height: 35px;} .checkoutButton{ text-align: right; } /* GLOBALHEADER */ #globalheader { width: 695px; height: 30px; margin: 0; position: relative; float: right; overflow: hidden;} #globalheader #globalnav { margin: 0; padding: 0; } #globalheader #globalnav li { display: inline; } #globalheader #globalnav li a { float: left; height: 0; padding-top: 38px; overflow: hidden; } #globalheader #globalnav li a, #globalheader { background-image: url(../images/nav_global.gif); background-repeat: no-repeat; } /* BUTTONS */ #globalheader #globalnav li#gn-home a { background-position: 0 0; width: 81px;} #globalheader #globalnav li#gn-collections a { background-position: -81px 0; width: 121px;} #globalheader #globalnav li#gn-favourites a { background-position: -202px 0; width: 121px;} #globalheader #globalnav li#gn-whats-new a { background-position: -323px 0; width: 122px;} #globalheader #globalnav li#gn-editorial a { background-position: -445px 0; width: 116px;} /* OVER STATES */ #globalheader #globalnav li#gn-home a:hover { background-position: 0 -30px; } #globalheader #globalnav li#gn-collections a:hover { background-position: -81px -30px; } #globalheader #globalnav li#gn-favourites a:hover { background-position: -202px -30px; } #globalheader #globalnav li#gn-whats-new a:hover { background-position: -323px -30px; } #globalheader #globalnav li#gn-editorial a:hover { background-position: -445px -30px; } /* PRESSED STATES */ #globalheader #globalnav li#gn-home a:active { background-position: 0 -60px; } #globalheader #globalnav li#gn-collections a:active { background-position: -81px -30px; } #globalheader #globalnav li#gn-favourites a:active { background-position: -202px -30px; } #globalheader #globalnav li#gn-whats-new a:active { background-position: -323px -30px; } #globalheader #globalnav li#gn-editorial a:active { background-position: -445px -30px; } /* ON STATES */ #globalheader #globalnav li#gn-home a.selected { background-position: 0 -60px!important; } #globalheader #globalnav li#gn-collections a.selected { background-position: -81px -60px !important; } #globalheader #globalnav li#gn-favourites a.selected { background-position: -202px -60px !important; } #globalheader #globalnav li#gn-whats-new a.selected { background-position: -323px -60px !important; } #globalheader #globalnav li#gn-editorial a.selected { background-position: -445px -60px !important; } #freeShipping {float:right; margin-top:5px;}