/*__________________________________________________________________________________ MAIN NAV Highlighting */
.v-home #menu:hover #m-home > a::before,
body[class^='p-products'] #menu:hover #m-drives > a::before,
body[class^='p-variable-frequency-drives'] #menu:hover #m-iknow > a::before,
body[class^='p-sectors'] #menu:hover #m-sectors > a::before,
body[class^='p-support'] #menu:hover #m-support > a::before,
body[class^='p-save-energy'] #menu:hover #m-save-energy > a::before,
body[class^='p-news'] #menu:hover #m-news > a::before,
body[class^='p-about'] #menu:hover #m-about > a::before,
body[class^='p-contact'] #menu:hover #m-contact > a::before {
	opacity:0;
}
.v-home #m-home > a::before,
body[class^='p-products'] #m-drives > a::before,
body[class^='p-variable-frequency-drives'] #m-iknow > a::before,
body[class^='p-sectors'] #m-sectors > a::before,
body[class^='p-support'] #m-support > a::before,
body[class^='p-invertek-tv'] #m-support > a::before,
body[class^='p-save-energy'] #m-save-energy > a::before,
body[class^='p-news'] #m-news > a::before,
body[class^='p-about'] #m-about > a::before,
body[class^='p-contact'] #m-contact > a::before {
	opacity:1;
}


/*_________________________________________________________________________________________ MAIN NAV SETUP */
/*--------------------------------------------------------- DO NOT EDIT | Add override styles to customise */
#nav .toggle {
	position:absolute;
	top:0;
	right:15px;
	background:#ccc;
	display:block;
	min-width:1em;
	min-height:1em;
	cursor:pointer;
	z-index:1;
}
#nav .toggle span {display:none;}

#menu {display:none; margin:0 -15px;}
#menu ul {list-style:none; padding:0; margin:0;}
#menu ul li {position:relative; margin:0;}
#menu ul li a {position:relative; display:block; padding:0.2em 15px;}

#menu > ul > li > a, #menu > ul > li > span {padding:0.75em 4em 0.75em 15px;}
#menu > ul > li > span {position:relative; display:block; cursor: default; user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none;}
#menu > ul > li > a::before, #menu > ul > li > span::before {display:none;}
#menu > ul > li > a:hover, #menu > ul > li > span:hover {background:#f2f2f2;}
#menu > ul > li > .drop {display:none; padding:0 15px 1em;}
#menu > ul > li > .drop > div > div {margin-top:0.5em;}
#menu > ul > li > .drop ul {margin:0 -15px;}

/*@media (min-width: 768px) {*/
	#nav {float:right;}
	#nav .toggle {display:none;}
	
	#menu {display:block !important; margin:0;}
	#menu > ul > li {float:left;}
	#menu > ul > li > a, #menu > ul > li > span {padding-top:0; padding-right:15px; padding-bottom:0;}
	#menu > ul > li > .drop {display:block !important; position:absolute; left:0; top:100%; visibility:hidden; z-index:2; padding:0.5em 15px;}
	#menu > ul > li:hover .drop {visibility:visible;}
	#menu > ul > li > .drop > div > div {margin-top:0;}
	
	#menu > ul > li.drop-right .drop {right:0; left:auto;}
	#menu > ul > li.mega-menu {position:static;}
	#menu > ul > li.mega-menu .drop {left:0;right:0;}
/*}*/


/*_________________________________________________________________________________ MAIN NAV Customisation */
#nav {
	float:none;
	background:rgba(0,0,0,0.03);
}
#nav .span {
	position:relative;
	padding:0 0.9375rem;
}
#menu {
	float:left;
}
#menu li {
	background:none;
	padding:0;
}
#menu > ul > li > a,
#menu > ul > li > span {
	font-weight: normal;
	font-size:0.9375rem;
	padding:1px 0.75rem 0;
	line-height:3rem;
	color:#000;
}
#menu > ul > li > a::before,
#menu > ul > li > span::before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	border-top:1px solid rgb(83,84,134);
	opacity:0;
	display:block;
	transition: opacity 0.1s;
}
#menu > ul > li:hover > a,
#menu > ul > li:hover > span,
#menu > ul > li > a:hover,
#menu > ul > li > span:hover {
	background:rgba(0,0,0,0.75);
	color:#fff;
}

#menu > ul > li > .drop {
	background:#fff;
	box-shadow:0 0.625rem 0.625rem rgba(0,0,0,0.3);
	padding:0;
}
#menu > ul > li > .drop > div {
	padding:0.5em 0.9375rem;
}
#menu > ul > li > .drop .overview {
	background:rgba(0,0,0,0.65);
}
#menu > ul > li > .drop .overview a {
	color:#fff;
}
#menu > ul > li > .drop ul {
	padding:0;
	margin:0;
}
#menu > ul > li > .drop li.break {
	border-top:1px solid rgba(0,0,0,0.2);
	margin:0.3em -0.9375rem;
}
#menu > ul > li > .drop .link {
	font-weight: 400;
	padding-top:0.3em;
	padding-right: 0;
	padding-bottom:0.3em;
	white-space: nowrap;
}
#menu > ul > li > .drop .link::before {
	top:0.5em;
}
#menu > ul > li > .drop .link .strap {
	display:block;
	color:rgb(128,128,128);
}

#menu > ul > li.mega-menu .drop > div {
	padding:0;
}

#menu .product-menus {
	display:flex;
	padding:1.5em 0 !important;
}
#menu .product-menu {
	flex:1;
	padding:8rem 1.625rem 0;
	background-position:50% 0;
	background-size:contain;
	background-repeat:no-repeat;
}
#menu .product-menu + .product-menu {
	border-left:1px solid rgba(0,0,0,0.2);
}
#menu .product-menu[data-content='general-purpose-drives'] {background-image:url(/images/common/menu/general-purpose-drives.jpg)}
#menu .product-menu[data-content='high-performance-drives'] {background-image:url(/images/common/menu/high-performance-drives.jpg)}
#menu .product-menu[data-content='dedicated-drives'] {background-image:url(/images/common/menu/dedicated-drives.jpg)}
#menu .product-menu[data-content='options'] {background-image:url(/images/common/menu/options.jpg)}
#menu .support-menu[data-content='software'] {background-image:url(/images/common/menu/software.jpg)}
#menu .support-menu[data-content='invertek-tv'] {background-image:url(/images/common/menu/invertek-tv.jpg)}
#menu .support-menu[data-content='product-user-guides'] {background-image:url(/images/common/menu/product-user-guides.jpg)}
#menu .support-menu[data-content='iknow'] {background-image:url(/images/common/menu/iknow.jpg)}

#menu .product-menu header {
	font-size:1.07em;
	margin-bottom:0.5em;
}
#menu .product-menu header .kicker {
	display: block;
	color:rgb(128,128,128);
}
#menu .product-menu header .heading {
	display: block;
	font-weight:600;
}
#menu .product-menu.other {
	padding-top:0;
}
#menu .support-menus {
	display:flex;
	padding:1.5em 0 3em !important;
}
#menu .support-menu {
	flex:1;
	padding:8.25rem 1.625rem 0;
	background-position:50% 0;
	background-size:contain;
	background-repeat:no-repeat;
	position: relative;
}
#menu .support-menu + .support-menu {
	border-left:1px solid rgba(0,0,0,0.2);
}
#menu .support-menu header {
	font-size:1.07em;
	margin-bottom:0.5em;
}
#menu .support-menu .img-link {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 55%;
}
#menu .support-menu header .kicker {
	display: block;
	color:rgb(128,128,128);
}
#menu .support-menu header .heading {
	display: block;
	font-weight:600;
}
#menu .support-menu.other {
	padding-top:0;
}
#menu .full-width-ad[data-content='global-engineered-support'] {
	background: url(/images/common/menu/global-engineered-support.jpg) 0 0 / contain no-repeat;
}
#menu .full-width-ad {
	width: 100%;
	min-height: 6.75rem;
}
#menu .nav-boxes {
	display:flex;
	padding:0.1875rem !important;
}
#menu .nav-box {
	flex:1;
	background:rgb(242,242,242);
	margin:0.1875rem;
	padding:1rem 0.77rem;
}
#menu .nav-box header {
	font-size:1.07em;
	margin-bottom:0.5em;
}
#menu .nav-box header .heading {
	display: block;
	font-weight:600;
}
#menu .nav-box[data-content='iknow'] {
	padding-right: 0.7rem;
}
#menu .nav-box[data-content='iknow'] .heading {
	margin:-0.2em 0;
}
#menu .nav-box[data-content='iknow'] .heading img {
	margin:0;
}
#menu .nav-box[data-content='software'] {
	background-image:url(/images/common/menu/software.png);
	background-position: 100% 0;
	background-size:contain;
	background-repeat:no-repeat;
	
}
#menu .nav-box[data-content='datasheets'] {
	background-image:url(/images/common/menu/datasheets.png);
	background-position: 100% 0;
	background-size:contain;
	background-repeat:no-repeat;
	padding-right: 1rem;
}


/*____________________________________________________________________________________________ PRODUCT NAV */
#product-nav {
	position:absolute;
	top:auto;
	bottom:0;
	left:0;
	padding:12px;
	z-index:20;
	}
#product-nav ul {
	position:relative;
	margin:0;
	list-style:none;
	}
#product-nav ul li {
	background:none;
	padding-left:0;
	}
#product-nav ul li a {
	display:inline-block;
	height:24px;
	padding:0 9px;
	margin-left:6px;
	line-height:24px;
	font-size:13px;
	font-weight:normal;
	color:#fff;
	border-radius:12px;
	}
#product-nav ul li:first-child a {
	margin:0;
	}
#product-nav ul li a:hover {
	background:#666;
	background:rgba(0,0,0,0.25);
	}

body.p-products-optidrive-e2-default #product-nav .x-overview a,
body.p-products-optidrive-e2-single-phase-default #product-nav .x-overview a,
body.p-products-optidrive-e3-default #product-nav .x-overview a,
body.p-products-optidrive-e3-single-phase-default #product-nav .x-overview a,
body.p-products-optidrive-elevator-default #product-nav .x-overview a,
body.p-products-optidrive-eco-default #product-nav .x-overview a,
body.p-products-optidrive-hvac-default #product-nav .x-overview a,
body.p-products-optidrive-p2-default #product-nav .x-overview a,
body[class$='-features'] #product-nav .x-features a,
body[class*='-model-data'] #product-nav .x-model-data a,
.v-datasheet #product-nav .x-model-data a,
body[class$='-specifications'] #product-nav .x-specifications a,
body[class$='-options-and-software'] #product-nav .x-options-software a,
body[class$='-documentation'] #product-nav .x-documentation a {
	background:#000;
	background:rgba(0,0,0,0.65);
	}


/*_____________________________________________________________________________________________ FOOTER NAV */
.footer-nav {float:right; width:740px;}
.footer-nav > div {float:left; width:170px; margin-left:15px;}
.footer-nav ul {margin:0; list-style:none;}
.footer-nav ul li {margin:0; border-bottom:1px solid #404040;}
.footer-nav ul li:first-child {border-top:1px solid #404040;}
.footer-nav ul li a {display:block; padding:0.55em 0; font-size:11px; font-weight:normal; color:#999;}
.footer-nav ul li a:hover {color:#fff;}


/*_________________________________________________________________________________________ BANNER DROPNAV */
.banner-dropnav {
	background:url(/images/common/layout/black20pc.png) repeat;
	background:rgba(0,0,0,0.2);
	position:absolute;
	top:30px;
	right:239px;
	border-radius:4px;
	}
.banner-dropnav > a {
	display:block;
	padding:8px;
	font-weight:normal;
	}
.banner-dropnav > a span {
	background:url(/images/public/ui/menu-symbol.png) 100% 50% no-repeat;
	display:block;
	padding-right:30px;
	}
.banner-dropnav ul {
	display:none;
	padding:0.5em 0;
	border-top:1px solid #444;
	margin-bottom:0;
	}
.banner-dropnav ul li {
	margin-bottom:0;
	}
.banner-dropnav ul li a {
	background:url(/images/public/ui/banner-dropnav-arrow.png) 8px 50% no-repeat;
	display:block;
	padding:0.3em 1em 0.3em 24px;
	font-size:13px;
	font-weight:normal;
	}
.banner-dropnav ul li a:hover {
	background-color:rgba(0,0,0,0.7);
	background-image:url(/images/public/ui/banner-dropnav-arrow-hover.png);
	}
.banner-dropnav:hover {
	background:url(/images/common/layout/black70pc.png) repeat;
	background:rgba(0,0,0,0.8);
	cursor:default;
	}
.banner-dropnav:hover ul {
	display:block;
	}