/* ================================================================ 
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_2.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.
=================================================================== */

.preload1 {background: url("images/menu-hover.png");}
.preload2 {background: url("images/menu-hover1.png");}

#nav {padding:0px; margin:0 auto; list-style:none; height:45px; width:1051px;box-sizing: border-box; background :#12212b; position:relative; z-index:99999; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; position: relative;}
#nav li.top:after{
    content: '';
    border-right: 1px solid #ffffff;
    position: absolute;
    right: 0px;
    top: 10px;
    bottom: 10px;
    display: inline-block;
}
#nav li.top:last-child:after{ display: none; }
#nav li a.top_link {display:block; float:left; line-height:45px; color:#fff; text-decoration:none; font-size: 14px;
    font-weight: normal; cursor:pointer;width: 100%;font-family: 'Montserrat';}
#nav li a.top_link span {float:left; display:block; padding:0 8px;}
#nav li a.top_link span.down {float:left; display:block;  /* background: url("../../dwt-layout/pro_dropdown_2_alpha/three_0a.gif") no-repeat right top; */}

#nav li:hover a.top_link {color:#fff; background: url("images/menu-hover.png") no-repeat;width: 100%;}
#nav li:hover a.top_link span {background:url("images/menu-hover.png") no-repeat center top;}
#nav li:hover a.top_link span.down {background:url("images/menu-hover1.png") no-repeat center top;}

/* Default list styling */

#nav li:hover {position:relative; /* background:none; */}

#nav li:hover ul.sub
{left:1px; top:45px; background: #fff; padding:30px 20px 15px 30px; white-space:nowrap; width:455px; height:auto; z-index:10000; /*opacity:0.93;*/ -moz-border-radius: 0 0 0 0px; border-radius: 0 0 0 0px; 
 -webkit-box-shadow:2px 6px 8px 0 rgba(50, 50, 50, 0.5); -moz-box-shadow: 2px 6px 8px 0 rgba(50, 50, 50, 0.5); box-shadow: 2px 6px 8px 0 rgba(50, 50, 50, 0.5); }
#nav li:hover ul.sub li
{display:block; height:27px; position:relative;   font-weight:normal; }
#nav li:hover ul.sub li a
{display:block; font-size: 14px;
    font-weight: normal; font-weight:normal; padding-left:15px;  /* text-indent:6px; */ color:#404040; text-decoration:none; /* border:0px solid #727272;*/ text-align:left;   line-height:30px;}
/* #nav li ul.sub li a.fly
{background:#606e7b url("../../dwt-layout/pro_dropdown_2_alpha/arrow.gif") 215px 6px no-repeat; } */
#nav li:hover ul.sub li a:hover {
 background:#12212b;
 position: relative;
 color: #ffffff;
}
#nav li:hover ul.sub li a:hover:after{
    content: '';
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #12212b;
    display: inline-block;
    position: absolute;
    right: -15px;
    top: 0px;
    z-index: -1;
} 
/* #nav li:hover ul.sub li a.fly:hover
{background:#232323 url("../../dwt-layout/pro_dropdown_2_alpha/arrow_over.gif") 215px 6px no-repeat; color:#fff;} */

#nav li ul li a{padding-left:5px;}
#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
{ background: #efefef none repeat scroll 0 0;
    box-shadow: 2px 6px 8px 0 rgba(50, 50, 50, 0.5);
    height: auto;
    left: 180px;
    padding:12px;
    top: -282px;
    white-space: nowrap;
    width: 200px;
    z-index: 999999;
 -webkit-box-shadow: 2px 6px 8px 0 rgba(50, 50, 50, 0.5); -moz-box-shadow:2px 6px 8px 0 rgba(50, 50, 50, 0.5);  }

#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;}




.menu-left {
    float: left;width:180px; margin-right: 45px;
}
.menu-right {
    float: left;width:230px;
}
.menu-heading{background-image: url(images/menu-red-arrow.jpg);
	background-repeat: no-repeat;
	background-position:left center, left bottom;color:#404040; font-size:18px;padding-bottom: 5px;margin-bottom:12px; padding-left: 12px;
border-bottom: 2px solid #12212b;}
.menu-heading span{color:#12212b;font-style:italic; font-weight: 700;}
#nav li:hover ul.sub li.last {    margin-bottom: 18px;}
#nav li:hover ul.sub li.lastline {  border-bottom: 1px solid #c9c9c9; padding-bottom: 22px;}

#nav li:hover ul.sub li.Producthover a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

li.Producthover {height: 30px !important;}
li.Producthover:hover {
    background: rgba(0, 0, 0, 0) url("images/product-hover-bg.png") no-repeat scroll -4px 4px;}
li.Producthover > a {
    font-size: 12px !important;   
    line-height:32px !important;
}
.Producthover ul li {height: 28px !important;}
.Producthover ul li a{}

.Producthover ul li:hover {
    background: rgba(0, 0, 0, 0) url("images/white-hover-arrow.png") no-repeat scroll -13px 3px;
}

.producthoversub a {
    font-size: 11px !important;line-height: 11px !important;
}

#nav li:hover li:hover li:hover ul.producthoversub {
    background: #fff none repeat scroll 0 0 !important; top: 0;padding-top: 20px;width: 143px;
}
#nav li:hover li:hover li:hover ul.producthoversub a {
    font-size: 11px;
    line-height: 0;
}
#nav li:hover li:hover li:hover ul.producthoversub > li { height: 10px !important;
    padding: 4px 0;
}
#nav li:hover li:hover li:hover ul.producthoversub > li:hover {
background: rgba(0, 0, 0, 0) url("images/product-hover-bg-3rdlevel.jpg") no-repeat scroll -5px 1px;
}
#nav .top.last {border: 0 none;    width: 84px;}
#nav li.last a.top_link span {
    /* padding-right: 0; */ background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding: 0 20%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
#nav .top.last {border: 0 none;    width: 72px;}
#nav li.last a.top_link span {
    /* padding-right: 0; */ background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding: 0 20%;
}
}
#nav li:hover ul.sub.subsmall { padding: 15px 20px;
    width: auto;
}
.divNavigationBar { background: #12212b; z-index: 600;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#nav .top.last {border: 0 none;    width: 90px;}
#nav li.last a.top_link span{padding:0 32%;}
#nav li.last:hover  a.top_link span {color:#fff; background: url("images/menu-hover.png") no-repeat;}
}