/* common styling */
.menu {
float:left; width:100%; font-family: verdana, arial, sans-serif; font-size:11px;
text-decoration: none;
}
.menu ul {
padding:0;margin:0;list-style-type:none;
}
.menu ul li {
float:left; position:relative;
}

#nav{
	border: 1px solid #999;
	width:825px;
	float:right;
	background-color:#DDDDDD;
	text-align:left;
	border-bottom:0px;
	background: #f2f2f2 url(main-nav-back.gif) repeat-x center center;
	}
/* Top menu (home, product, service ...*/

.menu ul li a, .menu ul li a:visited {
float:left; display:block; text-decoration:none; color:#555; padding:4px 16px; height: 
}

.menu ul li:hover {width:auto;}
.menu ul li:hover ul {background: #fff url(menu-gradient.gif) repeat-x center bottom;}

.menu ul li a:hover {background:#fff ; color:#000; border-left:1px solid #999; border-right:1px solid #999;  padding: 4px 15px;text-decoration: none;}

.menu ul li:hover a {background:#fff; color:#000; border-left:1px solid #999; border-right:1px solid #999;   padding: 4px 15px;text-decoration: none;}

/*sub menu */
.menu ul li a:hover .droplist li a {border:0px; background: transparent;margin-left:0px; padding-left: 10px;}
.menu ul li:hover .droplist li a {border:0px; background: transparent;margin-left:0px;padding-left: 10px;}

.menu ul li ul {
display:none;
}
.menu table {
margin:0; border-collapse:collapse; font-size:11px; position:absolute; top:0; left:0;z-index:1000;
}

/* specific to non IE browsers */
.menu ul li:hover ul {
display:block; position:absolute;top:21px; background:#fff  url(menu-gradient.gif) repeat-x center bottom; margin-top:1px; left:0; width:192px;
border: 1px solid #999; border-top:0px; padding-top:5px; padding-bottom:5px;
}

.menu ul li:hover ul li{ height: 20px;}
.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
display:block; color:#69c;line-height:15px;padding:4px 0px; width:182px;
}

.menu ul li:hover ul li a:hover {
color:#000; background: #e6e6e6;height: 18px; width: 182px;
}



/* specific to IE5.5 and IE6 browsers */
.menu ul li a:hover ul {
display:block;position:absolute;top:21px; t\op:21px; background:#fff url(menu-gradient.gif) repeat-x center bottom;left:0; marg\in-top:1px; border: 1px solid #999; border-top:0px;padding-top:5px;padding-bottom:5px; padding-right:5px;
}


.menu ul li a:hover ul li a { 
display:block; color:#69c; height:1px; line-height:15px; padding:4px 0px; width:100%; w\idth:170px; 
}


.menu ul li a:hover ul li a:hover {
color:#000; background: #e6e6e6;
}
ul li a.nav-first-link:hover{border-left-color:#fff}



.left {clear:both;}