/** added by Ganesh to prevent main_container content moving along with submenu in IE 10 **/
/**#main_container {
	position:absolute;
}
**/
img{border:none;}

#menubar {
  margin: 0px 0px 0px 0px;
  padding: 5px 10px 2px 0px;
  height: 24px;
  width: 940px;
  line-height: 100%;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
 
  background: #1597ED;
 
  letter-spacing:0.03em;
/*behavior: url(http://www.asiaone.com/static/A1_mockup/a1_revamp2010/slice/css/border-radius.htc);*/
}

#menubar li {
  margin: 2px 4px 2px 2px;
  padding: 2px 2px 4px 2px;
  float: left;
  position: relative;
  list-style: none;
  border-left: 1px #FFF solid;
}

#menubar li.first {
  margin: 0px 2px 0px 2px;
  padding: 0px 2px 4px 0px;
  float: left;
  position: relative;
  list-style: none;
border-left: none;
}

#menubar a {
  font-weight: normal;
  font-family: "trebuchet ms";
  font-style: normal;
  font-size: 14px;
  color: #FCFAFA;
  text-decoration: none;
  display: block;
  padding: 4px 5px 4px 4px;
  margin: 0;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-shadow: 0px 0px 0px #000000;
  
  
}
#menubar .current a, #menubar li:hover > a {
  background: #0399D4;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#EBEBEB, endColorstr=#A1A1A1);
  background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#A1A1A1));
  background: -moz-linear-gradient(top,  #EBEBEB,  #A1A1A1);
  color: #444444;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
 
 
}
#menubar ul li:hover a, #menubar li:hover li a {
  background: none;
  border: none;
  color: #666;
  -box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;ont-weight: normal;
  font-family: "trebuchet ms";
  font-style: normal;
  font-size: 14px;
}
#menubar ul a:hover {
  background: #0399D4 !important;
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr=#04ACEC, endColorstr=#0186BA);
  background: -webkit-gradient(linear, left top, left bottom, from(#04ACEC), to(#0186BA)) !important;
  background: -moz-linear-gradient(top,  #04ACEC,  #0186BA) !important;
  color: #FFFFFF !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
#menubar ul {
  background: #DDDDDD;
  display: none;
  margin: 0;
  padding: 0;
  width: 185px;
  position: absolute;
  top: 30px;
  left: 0;
  border: solid 1px #B4B4B4;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-box-shadow: 2px 2px 3px #222222;
  -moz-box-shadow: 2px 2px 3px #222222;
  box-shadow: 2px 2px 3px #222222;
}
#menubar li:hover > ul {
  display: block;
  height: 100px;
}
#menubar ul li {
  float: none;
  margin: 0;
  padding: 0;
}
#menubar ul a {
  padding:10px 0px 10px 15px;
  color:#424242 !important;
  font-size:12px;
  font-style:normal;
  font-family:arial;
  font-weight: normal;
 
}
#menubar ul li:first-child > a {
  border-top-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
}
#menubar ul li:last-child > a {
  border-bottom-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
}
#menubar:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#menubar {
  display: inline-block;
}
  html[xmlns] #menubar {
  display: block;
}
* html #menubar {
  height: 1%;
}

/*****************2nd tier menu*********************/

#cssmenu{
	height:25px; 
	width: 945px;
	display:block; 
	padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 5px; 
	margin-top:2px;
	margin-bottom:auto;
	margin-left:auto;
	margin-right: auto;
	border-radius: 0 0 5px 5px ; 
	font-family:"trebuchet ms";
	} 
	
#cssmenu > ul {
	list-style:inside none; 
	padding:0;
	 margin:0;
	 } 
	 
#cssmenu > ul > li {
	list-style:inside none; 
	padding:0; 
	margin:0; 
	float:left; 
	display:block; 
	position:relative;
	} 
#cssmenu > ul > li > a{ 
	outline:none; 
	display:block; 
	position:relative; 
	padding:5px 16px; 
	font: normal 14px/100% "trebuchet ms"; 
	text-align:center; 
	text-decoration:none; 
	
	} 
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;} 
#cssmenu > ul > li > a:after{
	content:''; 
	position:absolute; 
	top:-5px; 
	bottom:-5px; 
	right:-2px; 
	z-index:9999999; } 
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#cssmenu > ul > li.has-sub > a:before{
	content:''; 
	position:absolute; 
	top:10px; 
	right:5px; 
	border:5px solid transparent; 
	border-top:5px solid #fff; 
	} 
#cssmenu > ul > li.has-sub:hover > a:before{top:20px;} 
#cssmenu ul li.has-sub:hover > a{ 
	background:#3f3f3f; 
	border-color:#3f3f3f; 
	padding-bottom:5px; 
	padding-top:8px; 
	top:-2px; 
	z-index:99999999999; 
	} 
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} 
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;} 
#cssmenu ul li > ul, #cssmenu ul li > div{ 
	display:none; 
	width:auto; 
	position:absolute; 
	top:20px; 
	padding:5px 0; 
	background:#3f3f3f; 
	z-index:999999999;
	 } 
#cssmenu ul li > ul{width:200px;} 
#cssmenu ul li > ul li{
	display:block; 
	list-style:inside none; 
	padding:0; 
	margin:0; 
	position:relative;
	} 
#cssmenu ul li > ul li a{ 
	outline:none; 
	display:block; 
	position:relative;
	margin:0; 
	padding:5px 10px; 
	font:12px Arial, Helvetica, sans-serif; 
	color:#fff; 
	text-decoration:none; 
	text-shadow:1px 1px 0 rgba(0,0,0, 0.5); 
	} 


#cssmenu, #cssmenu > ul > li > ul > li a:hover{ 
background:#0676ac; 
background:-moz-linear-gradient(top,  #e0676ac 0%, #0099ff 100%); 
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e0676ac), color-stop(100%,#0099ff)); 
background:-webkit-linear-gradient(top,  #e0676ac 0%,#0099ff 100%); 
background:-o-linear-gradient(top,  #e0676ac 0%,#0099ff 100%); 
background:-ms-linear-gradient(top,  #e0676ac 0%,#0099ff 100%); 
background:linear-gradient(top,  #e0676ac 0%,#0099ff 100%); 
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0676ac', endColorstr='#0099ff',GradientType=0 ); } 
#cssmenu{border-color:#e0676ac;} 
#cssmenu > ul > li > a{ color:#fff;} 
#cssmenu > ul > li > a:after{border-color:#036db4;} 
#cssmenu > ul > li > a:hover{background:#b03d18;} 
Window size: x 
Viewport size: x