/* ================================================================ This copyright notice must be kept untouched in the stylesheet at all times. The original version of this stylesheet and the associated (x)html is available at http://www.stunicholls.com/menu/pro_dropdown_3.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ #nav { /*padding:7px 0 0 6px;*/ margin:0; list-style:none; /*height:28px;*/ background:#353535; position:relative; z-index:500; font-family:Arial, Helvetica, sans-serif; /*border-top:1px solid #7e7e7e; border-bottom:1px solid #242424; -moz-box-shadow: 0 2px 5px rgba(0,0,0,.35); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.35); box-shadow: 0 2px 5px rgba(0,0,0,.35);*/ -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; -o-flex: 1 0 auto; flex: 1 0 auto; } #nav li.top { /*margin:0 5px 0 0;*/ } #nav li a.top_link { padding: 0px; height:18px; color:#ccc; text-decoration:none; font-size:16px; /*text-transform:uppercase;*/ /*font-weight:bold;*/ /*padding:4px 0 0 10px;*/ cursor:pointer; display: block; padding: 10px; white-space: nowrap; } #nav li a.top_link span { padding: 0 14px 0 0; } #nav li a.top_link span.down { padding:0 28px 0 0px; /* Hide the drop down sub menu background:url(images/down_arrow.png) no-repeat right 50%; */ } #nav li.active { color: #fff; background-color: #444; border-right: 2px solid #FF5D1A; } #nav li:hover { background-color: #3a3a3a; } #nav li:hover a.top_link, #nav li.active a.top_link, #nav li.active:hover a.top_link { color:#fff; /*background:#000;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #nav li:hover a.top_link span { } /* Hide the drop down sub menu #nav li:hover a.top_link span.down { background:url(images/down_arrow.png) no-repeat right 50%; } */ /* Default list styling */ #nav li:hover { position:relative; z-index:200; } #nav li:hover ul.sub { left:1px; top:22px; background: #202020; padding:3px; border:1px solid #161616; white-space:nowrap; width:200px; height:auto; z-index:300; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; /* Hide the drop down sub menu */ display:none; } #nav li:hover ul.sub li { display:block; height:22px; position:relative; float:left; width:200px; font-weight:normal; } #nav li:hover ul.sub li a { display:block; font-size:12px; height:20px; width:198px; line-height:20px; text-indent:5px; color:#fff; text-decoration:none; border:1px solid #202020; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #nav li ul.sub li a.fly { background:#202020 url(images/arrow.png) 190px 6px no-repeat; } #nav li:hover ul.sub li a:hover { background:#3d3d3d; color:#fff; border-color:#4e4e4e; } #nav li:hover ul.sub li a.fly:hover { background:#3d3d3d url(images/arrow_over.png) 190px 6px no-repeat; color:#fff; } #nav li strong { display:block; font-size:12px; height:20px; width:198px; line-height:20px; margin-bottom:3px; text-indent:6px; color:#ff5d1a; border-bottom:1px solid #414141; cursor:default; font-weight:bold; } #nav li:hover li:hover ul, #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul { left:200px; top:-4px; background: #202020; padding:3px; border:1px solid #161616; white-space:nowrap; width:200px; z-index:400; height:auto; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul { position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; } #nav li:hover li:hover a.fly, #nav li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover li:hover a.fly { background:#3d3d3d url(images/arrow_over.png) 190px 6px no-repeat; color:#fff; border-color:#4e4e4e; } #nav li:hover li:hover li:hover a.fly { background:#3d3d3d url(images/arrow_over.png) 190px 6px no-repeat; color:#fff; border-color:#4e4e4e; } #nav li:hover li:hover li:hover li:hover li:hover a.fly { background:#3d3d3d url(images/arrow_over.png) 190px 6px no-repeat; color:#fff; border-color:#4e4e4e; } #nav li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li:hover li a.fly { background:#202020 url(images/arrow.png) 190px 6px no-repeat; color:#fff; border-color:#202020; }