/***Navigation Dropdown ***/

.wrap {
	height:40px;
	float:left;
	padding:0px; 
	margin:0px;
}

.sf-menu {
  position: relative;
  top:-30px;
  left:-30px;
  margin: 0;
  list-style: none;
  z-index:98;
  width:980px;
}
.sf-menu .sf-mega {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}
.sf-menu > li {
  float: left;
}
.sf-menu li:hover > .sf-mega,
.sf-menu li.sfHover > .sf-mega {
  display: block;
}

.sf-menu > li > a {
  display: block;
  position: relative;
}


/*** DEMO SKIN ***/
.sf-menu {
  float: left;
  margin-bottom: 1em;
  width: 100%;
}
.sf-menu .sf-mega {
  box-shadow: 2px 3px 6px rgba(0,0,0,.2);
  margin-left:38px;
  padding-left:20px;
  width: 986px; /* allow long menu items to determine submenu width */
}
.sf-menu > li > a {
  border-left: 1px solid #fff;
  border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
  border-top: 1px solid rgba(255,255,255,.5);
  padding: .75em 1em;
  text-decoration: none;
  zoom: 1; /* IE7 */
  color:#FFF;
}
.sf-menu > li {
  background: #686868;
  -webkit-transition: background .2s;
  transition: background .2s;
}
.sf-menu > li:hover,
.sf-menu > li.sfHover {
  background:#848484;
  /* only transition out, not in */
  -webkit-transition: none;
  transition: none;
}

/*** AE current ***/
.sfmenuCurrentae {
  background:#59ad46;
	}
	.sfmenuCurrentae:hover {
  		background:#78bb62;
		}
		

/*** Auto current ***/
.sfmenuCurrentau {
  background:#0493d3;
	}
	.sfmenuCurrentau:hover {
  		background:#28ace7;
		}
		
/*** Tran current ***/
.sfmenuCurrenttr {
  background:#70aad8;
	}
	.sfmenuCurrenttr:hover {
  		background:#8fc0e6;
		}		
		
/*** AMS current ***/
.sfmenuCurrentas {
  background:#009b90;
	}
	.sfmenuCurrentas:hover {
  		background:#3dbcb3;
		}
		
/*** Consumer current ***/
.sfmenuCurrentco {
  background:#f15a4f;
	}
	.sfmenuCurrentco:hover {
  		background:#f58b7b;
		}
		
/*** Computer current ***/
.sfmenuCurrentcn {
  background:#ffcb08;
	}
	.sfmenuCurrentcn:hover {
  		background:#ffe191;
		}
						
/*** Industrial current ***/
.sfmenuCurrentin {
  background:#f7941e;
	}
	.sfmenuCurrentin:hover {
  		background:#faab50;
		}		

/*** Medical current ***/
.sfmenuCurrentme {
  background:#4d57a6;
	}
	.sfmenuCurrentme:hover {
  		background:#6c75b2;
		}	
		
/*** Telecom current ***/
.sfmenuCurrentte {
  background:#a3238e;
	}
	.sfmenuCurrentte:hover {
  		background:#b251a3;
		}	
				
/*** mega menu dropdown ***/
.sf-mega {
  background-color: #DEDEDE;
  padding: 1em;
  box-sizing: border-box;
  width: 100%;
}
.sf-mega-section {
  float: left;
  width: 10em; /* optional */
  height:12em;
  padding: 0 1em 1em 0;
  margin-right: 1em;
  border-right: 1px solid #ACACAC;
  color:#686868;
}

.sf-mega-section ul {
  list-style:square;
  list-style-type:#ACACAC;
}

.sf-mega-section h2{
  font-size:12px;
  padding-bottom:2px;
  color:#686868;
}

.sf-mega-section li{
  margin-left:-25px;
  padding-bottom:4px;
}

.sfmegasectionCurrent {
  color:#1D1D1D;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
  padding-right: 2.5em;
  *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: white; /* IE8 fallback colour */
}