/* ================================================================ 
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_drop_1.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 { list-style: none; display: inline-block; font-family: "WorkSans"; margin: 0; padding: 0 }
.nav li.top { display: block; float: left; white-space: nowrap; text-align: center; padding: 20px 20px 20px 0 }
.nav li.top:hover {  }
.active { color: #e5561c !important }
.nav li a.top_link { cursor: pointer; height: auto; text-align: center; transition: 0s; font-size: 18px; font-weight: 700 }
.nav li a.top_link span {  }
.nav li a.top_link span.down { padding-right: 30px; background: url(../images/down-arrow.png) right 4px no-repeat; background-size: 15% }
.nav li a.top_link:hover { color: white; text-decoration: none !important }
.nav li a.top_link:hover span {}
.nav li a.top_link:hover span.down {}
.leftalign { text-align: left !important }

.nav li:hover > a.top_link, .nav li:hover > a.active { color: #e5561c; }

/* Default list styling */

.nav li:hover {position:relative; z-index:20;}
.lsub { max-height: 600px; overflow-y: auto; overflow-x: hidden }
.lsub li a.fly { width: 350px !important }

/* keep the 'next' level invisible by placing it off screen. */
.nav ul, 
.nav li:hover ul ul,
.nav li:hover ul li:hover ul ul,
.nav li:hover ul li:hover ul li:hover ul ul,
.nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-999px; width:0; height:0; margin:0; padding:0; list-style:none; cursor:pointer;}

.nav li:hover ul.sub
{left: 0px; top: 60px; white-space:nowrap; width:350px; height:auto; z-index:20 }
.nav li:hover ul.sub li
{display:block; height: 55px; position:relative; float:left; width:350px; font-weight:normal; margin-bottom: 0; text-align: center; }
.nav li:hover ul.sub li a, .nav li ul.sub li a.fly
{display:block;  width:170px; background-color: #fffcfc; text-decoration:none; padding: 15px 17px 15px 17px; border-right: 1px solid #D0D0D0; color: #161616 }
.nav li ul.sub li a.flysub { }
.nav li:hover ul.sub li a:hover { color: #e5561c }

.nav li:hover ul li:hover ul,
.nav li:hover ul li:hover ul li:hover ul,
.nav li:hover ul li:hover ul li:hover ul li:hover ul,
.nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:205px; top:0; white-space:nowrap; width:350px; z-index:21; height:auto;}