/* *************************************************************************************** */
/*  Sets CSS for links in main navigation bar  */
/* *************************************************************************************** */
#nav ul.megamenu {
  padding: 0;
  list-style: none;
  display:block;
  line-height:38px;
  height:40px;
  border-left:1px solid #999;
  margin-left:78px;
  _margin-left:10px;
  display: none;
}

#nav ul.megamenu li a {
	/*modified by Rob & Patrick (Thanks Patrick!) @ Nansen 10.21.2011 */
	/*border-left:1px solid #5b5b5b;*/
	border-right:1px solid #999;
	display: block;
	padding: 1px 20px;
	color:#fff;
	text-decoration:none;
	font-size:14px;
    text-align: left;
}
/*
#nav ul.megamenu li a:hover {background:#f9f9f9 url(../images/dropdown-hover-tab.gif) top repeat-x;color:#333;text-shadow:none;}
*/

/* *************************************************************************************** */
/*  Sets CSS for drop down item links  */
/* *************************************************************************************** */

/* updated 2011.10.03 according to HDM -  by Mary @ Nansen - to adjust ul style resets */
#nav ul.megamenu ul {
    float: left;
    list-style: none;
    margin: 5px 20px 0 5px;
}
#nav ul.megamenu ul li {
    line-height: 17px;
    clear: both;
}
#nav ul.megamenu ul li a {
	color:#333;
	text-decoration:none;
	background:url(../images/arrow.gif) 0 5px no-repeat;
	padding:0 0 0 7px;
	border:none;
	margin:0;
	font-size:12px;
    white-space:normal;
}

#nav ul.megamenu ul li a:hover {color:#00aeef;text-decoration:underline;background:url(../images/arrow.gif) 0 5px no-repeat;}

ul.MegaMenuLists {margin-bottom:10px;}
   a.titlelink {background:none!important;padding-left:0!important;font-weight:bold;line-height:14px;margin-bottom:5px!important;*margin-bottom:2px!important;}
   a:hover.titlelink {color:#00aeef!important;}
   a.dec-lineheight {line-height:14px!important;}

ul.megamenu h3.MegaMenuHead {padding:10px 0 0 16px;margin:0;font-size:13px;color:#e8842e;line-height:normal;}


/* *************************************************************************************** */
/*  Sets CSS for drop down panel  */
/* *************************************************************************************** */
ul.megamenu a.currentnavbar {color: #555 !important;background:#fff url(../images/bg-nav-onstate.gif) repeat-x bottom;}
ul.megamenu a.mm-item-link-hover, ul.megamenu a.mm-item-link-hover:link, ul.megamenu a.mm-item-link-hover:visited {color: #444!important;background: #f9f9f9 url(../images/dropdown-hover-tab.gif) top repeat-x;border-top:none;}

ul.megamenu div.mm-item-content, .mid-subs {
  background:#f9f9f9 url(../images/bg-dropdown.gif) bottom repeat-x;
  padding:10px 0;
  position: absolute;
  border: 1px solid #aaa;
  border-width:0 1px 1px 1px;
  -moz-border-radius-bottomright:15px;
  -moz-border-radius-bottomleft:15px;
  border-radius: 0 0 15px 15px;
  z-index: 100;
  -moz-box-shadow:2px 4px 8px #999;-webkit-box-shadow:2px 4px 8px #999;box-shadow:1px 4px 8px #555;
}

/* *************************************************************************************** */
/* CATEGORY SECTIONS  */
/* *************************************************************************************** */

/* --Styles for Popular Series-- */
div.popular {overflow:hidden;}
div.popular ul {margin:0;padding:0;}

/*Modified by Rob @ Nansen*/
/*
	.popular ul.popular-column1 {width:245px;}
		 ul.popular-column1 li {display:inline!important;clear:none!important;}
		 ul.popular-column1 li a {width:115px!important;float:left!important;display:inline!important;}
*/

#nav-dropdown-1-col-1 div.popular ul {width:266px;}
#nav-dropdown-1-col-1 div.popular ul li {display:inline!important;clear:none!important;}
#nav-dropdown-1-col-1 div.popular ul li a {width:123px!important;float:left!important;display:inline!important;}

div.popular p {font-weight:bold;color:#777;font-size:13px;margin:0 0 0 15px;padding:0 0 0 12px;background:url(../images/star.png) 0 2px no-repeat;}

/* --Width of Drop downs for nav items-- */
#nav-dropdown-2, .mega-menu-two-column {width:520px;padding-bottom:5x;margin:1px 0 0 5px;display:none;}
.mega-menu-two-column {margin-top:0;}

/*Modified by Rob @ Nasen - consolidated to create a single class */
/*
#nav-dropdown-3 {width:150px;padding-bottom:5x;margin:1px 0 0 5px;}
#nav-dropdown-5 {width:180px;padding-bottom:5x;margin:1px 0 0 5px;}
#nav-dropdown-6 {width:180px;padding-bottom:5x;margin:1px 0 0 5px;}
*/
.nav-dropdown-3plus {width:auto;padding-bottom:5x;margin:1px 0 0 5px;white-space: nowrap;}
.nav-dropdown-3plus h3 {color:#F93;line-height:normal;margin:0;padding:0 0 4px 0;font-size:13px;}
#nav ul.megamenu .nav-dropdown-3plus-submenu > li {float:none!important;display:inline-block!important;list-style:none;margin:5px 20px 0 15px; clear:none;}
#nav ul.megamenu .nav-dropdown-3plus-submenu ul{margin-left:0;}

#nav-dropdown-1-col-1 {float:left;border-right:1px solid #aaa;width:280px;height:340px;}
#nav-dropdown-1-col-2 {float:left;border-right:1px solid #aaa;width:185px;height:340px;}
#nav-dropdown-1-col-3 {float:left;border-right:1px solid #aaa;width:160px;height:340px;}
#nav-dropdown-1-col-4 {float:left;border-right:1px solid #aaa;width:170px;height:340px;}
#nav-dropdown-1-col-5 {float:left;width:140px;height:340px;}

/* --Drop Down Column 1-- */
#nav-dropdown-1 {width:968px;padding-bottom:5x;margin:1px 0 0 5px;}

/* Modified by Rob at Nansen */
/*
#nav-dropdown-1-col-1 ul.col-1-ul {width:105px!important;}
#nav-dropdown-1-col-1 ul.col-1-ul li a {width:105px!important;}
*/

#nav-dropdown-1-col-1 div.main-nav ul {width:105px!important;}
#nav-dropdown-1-col-1 div.main-nav ul li a {width:105px!important;}

/* Modified by Rob @ Nansen - no longer needed */
/*
#nav-dropdown-1 .popular ul.mega-two-column {float:left;padding-left:0;margin:6px 0 0 6px;}
*/

/* --Miscellaneous Styles for links-- */
.sub-category-menu {margin-top:10px;}
.link-spaceout {padding-bottom:5px;}
.main-nav {height:255px;}

/*Modified by Rob @ Nansen - no longer needed */
/*
#nav ul.megamenu ul li a.teaser-ad {padding-top:55px;*padding-top:45px;}
*/

/* --Drop Down Column 2-- */
#nav-dropdown-2 ul h3, #nav ul.megamenu .mega-menu-two-column h3 {color:#F93;line-height:normal;margin:0;padding:0 0 5px 0;font-size:13px;}
#nav ul.megamenu .mega-menu-two-column h3 { float: left; }
#nav-dropdown-2 #industry-solutions-info, #nav ul.megamenu .mega-menu-two-column .header-text {width:400px;padding:6px 4px 0 20px;margin:3px 0 0 0;float:left;}
#nav-dropdown-2 ul {padding-left:5px;}

/* --Industry Solutions-- */
#industry-solutions-info-col-1 {float:left;padding-right:22px;}
#industry-solutions-info-col-2 {float:left;}
#nav ul.megamenu .mega-menu-column {min-width: 36%; max-width: 44%; float:left; margin: 5px 0 5px 20px;}
#nav ul.megamenu .mega-menu-column ul {padding:0; margin:0;}

#nav-dropdown-2 #industry-solutions-info p, #nav ul.megamenu .mega-menu-two-column .header-text p {color:#555;margin:0;font-size:12px;padding:0 0 8px 0;width:470px;}

.mm-content-base {
  background:#eee url(../images/bg-dropdown.gif) bottom repeat-x;
  position: relative;
  z-index: 11;

}
.mm-js-shadow {
  position: absolute;
  z-index: 10;
}

li.mm-item{ border-right:1px solid #5B5B5B;}
li.mm-item:first-child a{ border-left: 1px solid #5b5b5b;}


/* New horizontal menu CSS styles */
#horMenu, .horMenu{background-color:#f8f8f8!important;padding:0!important;margin-left:5px;}
#horMenu .subs.withAd > div, .horMenu .subs.withAd > div {
    min-height: 290px;
    padding-right: 194px !important;
}
#horMenu > div.mm-content-base, .horMenu > div.mm-content-base{white-space:nowrap;padding:0!important;-moz-border-radius-bottomright:15px;-moz-border-radius-bottomleft:15px;border-radius: 0 0 15px 15px;overflow:visible;}
#horMenu > div > ul, .horMenu > div > ul{margin:15px 0 15px 0!important;display:table-cell;}
#horMenu > div > ul > li > a, .horMenu > div > ul > li > a{display:block!important;width:172px;background:none!important;font:bold 12px Helvetica!important;padding:3px 0 5px 20px!important;}
#horMenu > div > ul > li > a:hover, .horMenu > div > ul > li > a:hover{text-decoration:none!important;color:inherit!important;}
#horMenu > div > ul > li.active > a, .horMenu > div > ul > li.active > a{background:url('/Assets/Images/horMenuFade.png') no-repeat 100% 100% #005a7c!important;text-decoration:none!important;color:#fff!important;}
#horMenu > div > ul > li > div, .horMenu > div > ul > li > div{display:none;}
#horMenu .subs, .horMenu .subs{position:absolute;height:auto;top:0;left:170px;min-height:200px;}
#horMenu .subs ul, .horMenu .subs ul{margin-right:0!important;margin-left:0!important;}
#horMenu .subs > div, .horMenu .subs > div{background:#f9f9f9 url(../images/bg-dropdown.gif) bottom repeat-x;-moz-border-radius-bottomright:15px;-moz-border-radius-bottomleft:15px;border-radius: 0 0 15px 15px;z-index: 100;	-moz-box-shadow:2px 4px 8px #999;-webkit-box-shadow:2px 4px 8px #999;box-shadow:1px 4px 8px #555;overflow:hidden;border:0!important;padding:0 10px 10px 10px!important;}
#horMenu .subs > div > ul, .horMenu .subs > div > ul{padding-top:10px;}
#horMenu .subs > div > ul > li, .horMenu .subs > div > ul > li{background:none;display:table-row;float:none;}
#horMenu .subs > div > ul > li > a, .horMenu .subs > div > ul > li > a{width:67px;height:auto;display:table-cell!important;background:none!important;font-weight:bold;font-size:12px;line-height:18px;color:#005a7c!important;padding-top:5px!important;vertical-align:top;white-space:normal;float:none;}
#horMenu .subs ul ul, .horMenu .subs ul ul{min-width:200px;max-width:605px;padding-right:9px;}
#horMenu .subs.withAd ul ul, .horMenu .subs.withAd ul ul {
    max-width: 462px !important;
}
#horMenu .subs ul ul li, .horMenu .subs ul ul li{width:57px;margin-left:9px;padding:0;float:left;clear:none !important;height:85px;}
#horMenu .subs ul ul li a, .horMenu .subs ul ul li a{font-size:11px!important;line-height:13px;white-space:normal;background:none!important;padding:0!important;}
#horMenu .subs ul ul li a:hover, .horMenu .subs ul ul li a:hover{background:none;}
#horMenu .subs ul ul li a img, .horMenu .subs ul ul li a img{border:1px solid #ccc;background:#fff;margin-bottom:3px;}

/* START new navigation menu section */
.mid-subs{
    position: absolute !important;
    height: auto !important;
    top:0;
    right: -120px !important;
    min-height: 120px !important;
    height: auto;
    background: #f9f9f9 !important;
    width:130px; /* to overcome problems with text making middle menu too wide / narrow */
}
li[data-have-child-menu=true] > div{display:none;}
.mid-subs .subs{display:none;}
.mid-subs ul > div.subs{display:block;}
/*.mid-subs .active .subs{display:block;}*/
.horMenu .mid-subs .subs{left:120px;}
/* END new navigation menu section */

#horMenu .popular, .horMenu .popular {
    clear: left;
    display: block;
    position: relative;
    margin-right: 5px;
}
#horMenu .popular ul, .horMenu .popular ul {
    width: 100%;
    max-width: 675px;
    padding-top: 10px;
    margin-right: -25px !important;
    border-top: 1px solid #d3d3d3;
}
#horMenu .withAd .popular ul, .horMenu .withAd .popular ul {
    max-width: 536px;
}
#horMenu .popular li, .horMenu .popular li{padding-left:20px;float:left;clear:none!important;padding-bottom:10px;}
#horMenu .popular a, .horMenu .popular a{background:none!important;font:normal 11px Helvetica!important;color:#005a7c!important;}
#horMenu .popular li:first-child, .horMenu .popular li:first-child{font:bold 12px/15px Helvetica!important;color:#777!important;padding-left:15px;background:url('/Assets/Images/horMenu.png') no-repeat 2px -43px;margin-left:5px;width:37px;white-space:normal;}
#horMenu .subs > div > a, .horMenu .subs > div > a{display:none!important;}
#horMenu .subs.withAd > div > a, .horMenu .subs.withAd > div > a{display:block!important;position:absolute;top:0;right:0;border:0!important;background:url('/Assets/Images/horMenuFade.png') no-repeat 0 0;padding-top:20px!important;width:auto;}

#productfiltermenu a span, .productfiltermenu a span {text-decoration:underline;color:#005a7c;border-bottom: 1px solid #999;padding-bottom: 10px;}
#productfiltermenu, .productfiltermenu {margin-bottom:10px;}
#productfiltermenu.active #productfiltermenuanchor, .productfiltermenu.active .productfiltermenuanchor { background-color: transparent!important; text-decoration: none; color: none; }
