/***Navigation Dropdown ***/

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

.sf-menu {
	  position: relative;
	  margin: 0;
	  list-style: none;
	  z-index:98;
	  width:100%;
	margin-bottom: 5px;
	background-color: #EAEAEA;
}
.sf-menu .sf-mega {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
}
.sf-menu > li {
  float: left;
	width: 133px;
	height: 33px;
}
.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 {
	padding: 0px;
}
.sf-menu .sf-mega {
  padding-left:20px;
}
.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: .80em 1em;
  text-align: center;
  text-decoration: none;
  zoom: 1; /* IE7 */
  color:#FFF;
	font-size: 8pt;
}
.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 {
width: 200px;
  padding: 0 1em 1em 0;
  margin-right: 1em;
  color:#686868;
	display: inline-block;
	vertical-align: top;
}

.sf-mega-section ul {
  list-style:square;
  list-style-type:none;
	padding: 0px;
}

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

}

.sf-mega-section li{
  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 */
}