@charset "utf-8";
/* CSS Document */



#menu {
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
	left:0px;
	float:left;
	z-index:999;
	font-size:12px;
	text-align:center;
	height:25px;
	width:100%;
	min-width:1000px;
	border:#FF9900 solid 1px;
	border-left:none;
	border-right:none;
	background-color: #4c76a0;
}

#menu li {
	display:inline;
	float:left;
	height:25px;
	text-align:center;
}

#menu li a {
	display:block;
	width:100%;
	text-decoration:none;
	line-height:14px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	padding:5px 0 1px 0;
	font-weight:bold;
	height:1.6em;
}

#menu li a.norm {
}

#menu li a.end {
}

#menu li a.norm:hover {
	color:#000000;
}

#menu li a.end:hover {
	color:#000000;
}

#menu li a.select {
}

#menu li a:hover, #menu li:hover > a{
	color:#000000;
}

#menu a.norm:hover, #menu a.end:hover{background:#ffffff;}
#menu :hover > a.norm, #menu :hover > a.end{background:#ffffff;}

#menu div {
	display:none;
}

#menu :hover div {
	display:block;
	position:absolute;
	top:2.1em;
	padding-bottom:0.7em;
	background:#ffffff;
	border:#006699 1px solid;
	border-top:none;
	z-index:99999;	
}

html>body #menu :hover div {
	top:25px;
}

#menu .one:hover, .two:hover, .three:hover, .four:hover, .five:hover, .end:hover {
	position:relative;
}

/* Button widths 10 version */
#menu .smla, .meda, .lrga, .smlb, .medb, .lrgb, .smlc, .medc, .lrgc  {width:90px;}

/*add space in the menubar*/
#menu .smla{margin:0 0 0 90px;}

/*DropDown positions IE6*/
#menu .pos1b, .pos2b, .pos3b, .pos4b, .pos5b, .pos6b, .pos8b, .pos9b, .pos10b, .pos11b {left:-1px;}

/*Drop down positions (for IE7+)*/
html>body #menu .pos1b {left:0;}
html>body #menu .pos2b {left:89px;}
html>body #menu .pos3b {left:179px;}
html>body #menu .pos4b {left:269px;}
html>body #menu .pos5b {left:359px;}
html>body #menu .pos6b {left:449px;}
html>body #menu .pos8b {left:546px;}
html>body #menu .pos9b {left:636px;}
html>body #menu .pos10b {left:726px;}

/*Drop down width required for IE6 (170px = 1 column | 346px = 2 column | 692px = 4 column)*/
#menu .contactUs:hover div {width:170px; left:89px;}
#menu .keyBrands:hover div {width:692px; left:179px;}
#menu .catalogues:hover div {width:170px; left:269px;}
#menu .products:hover div {width:346px; left:359px;}
#menu .techZone:hover div {width:346px; left:449px;}
#menu .news:hover div {width:170px; left:546px;}
#menu .highlights:hover div {width:170px; left:636px;}
#menu .aboutUs:hover div {width:170px; left:726px;}


#menu :hover div dl {
	float:left;
	display:inline;
	padding:0;
	margin:0;
}

#menu div dl {
	float:left;
	display:inline;
	padding:0;
	margin:0;
}

#menu :hover div dt {
	font-family:Arial, Helvetica, sans-serif;
	width:170px;
	display:block;
	background:#cccccc;
	text-indent:10px;
	text-decoration:none;
	padding:3px 0;
	text-align:left;
	margin:4px 3px 0 0;
	font-weight:bold;
	color:#000000;
	cursor:default;
}

#menu :hover div dd {
	width:160px;
	display:block;
	list-style:none;
	font-weight:bold;
	padding:5px 0 0 3px;
	margin:0;
	text-align:left;
}

#menu :hover div dd a {
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
	color:#000;
	margin:0;
	padding:0;
	height:auto;
}

#menu :hover div dd a:hover {
	font-weight:normal;
	color:#FF9900;
}