/* CSS Document */

/************ Menu start ************/




div#menu ul{float:left;margin:0px; padding:0px;width:948px;}
div#menu li{float:left; list-style:none; font-size:12px;}
div#menu li img.new{position:absolute; top:0px; right:14px;}
div#menu li.last{float:left; padding-right:0;}
div#menu li a{color:#006699; text-decoration:none; font-weight:bold; padding:10px 35px 0px 35px; line-height:18px;background-image:url(../images/menu_seprator.jpg); background-repeat:no-repeat; background-position:bottom right; float:left; height:30px;}
div#menu li a:hover{background-image:url(../images/menu_hover_bg.jpg); background-repeat:repeat-x; background-position:right top;}
div#menu li.current{float:left; background:url(../../images/tab/left_hover_curve.gif) left top no-repeat; display:block; padding:0 3px 0 5px; color:#5b5b5b; font-size:11px; text-decoration:none; cursor:pointer; height:28px;}

div#menu li  a.a1{color:#006699; text-decoration:none; font-weight:bold; padding:10px 35px 0px 35px; line-height:18px;background-image:url(../images/menu_hover_bg.jpg); background-repeat:repeat-x; background-position:right top; float:left; height:30px;}

div#menu li  a.a2{color:#006699; text-decoration:none; font-weight:bold; padding:10px 35px 0px 35px; line-height:18px;background-image:url(../images/last_hover.jpg); background-repeat:repeat-x; background-position:right top; float:left; height:30px;}

div#menu li a.products{padding:10px 0px 0px 0px; width:237px; text-align:center;font-size:16px; line-height:18px;height:30px}
div#menu li  a.training{padding:10px 0px 0px 0px; width:195px; text-align:center;font-size:16px; line-height:18px;height:30px}
div#menu li a.last{ background-image:none;}
div#menu li .lock{ position:absolute; top:10px; left:13px}
div#menu li a.last:hover{ background-image:url(../images/last_hover.jpg);}

div#menu li .lock{ float:left; margin-right:5px; margin-top:-2px;}
div#menu{float:left; width:952px; background-image:url(../images/menu_mid_bg.jpg); background-repeat:repeat-x; background-position:top left}
div#menu img{float:left;}
div#menu div.help{float:right; margin-right:1px;}

/************ product Menu end ************/

ul#navmenu li {position: relative;}
ul#navmenu ul.products {  margin: 0;  padding: 0;  width: 235px;  list-style: none;  display: none;  position: absolute;  top: 40px;  left: 0;   float:left;border:3px solid #abbcc1;border-left:1px solid #abbcc1;border-top:1px solid #fff; }

ul#navmenu ul.products li {float: none; display: block !important; line-height:18px; display: inline; float:left;}

ul#navmenu ul.products li a{  height:23px; padding:1px 3px 1px 20px; display:block; float:left;background-color:#cfffff; width:212px;background-image:url(../images/icons/red_arrow.gif); background-repeat:no-repeat; background-position:center left; line-height:24px}

ul#navmenu ul.products li a:hover{ height:23px;  padding:1px 3px 1px 20px; color:#006699; margin-left:0px;background-color:#ffffcc; background-image:none;background-image:url(../images/icons/red_arrow.gif); background-repeat:no-repeat; background-position:center left; }





/************ online Menu end ************/

ul#navmenu li {position: relative;}
ul#navmenu ul.online {margin: 0;  padding: 0; width: 239px; list-style: none; display: none; position: absolute;  top: 40px;  left: 0; float:left;border:3px solid #abbcc1;border-left:1px solid #abbcc1;border-top:1px solid #fff;  }

ul#navmenu ul.online li {float: none; display: block !important;display: inline; float:left;}

ul#navmenu ul.online li a{  height:23px; padding:1px 3px 1px 20px; margin-left:0px; display:block; float:left;background-color:#cfffff; width:216px; background-image:url(../images/icons/red_arrow.gif); background-repeat:no-repeat; background-position:center left; line-height:24px; }

ul#navmenu ul.online li a:hover{ height:23px;  padding:1px 3px 1px 20px; color:#006699; margin-left:0px;background-color:#ffffcc; background-image:none;background-image:url(../images/icons/red_arrow.gif); background-repeat:no-repeat; background-position:center left }


/************ samples Menu end ************/

ul#navmenu li {position: relative;}
ul#navmenu ul.samples {margin: 0;  padding: 0; width: 239px; list-style: none; display: none; position: absolute;  top: 40px;  left: 0; float:left;border:3px solid #abbcc1;border-left:1px solid #abbcc1;border-top:1px solid #fff;  }

ul#navmenu ul.samples li {float: none; display: block !important;display: inline; float:left;}

ul#navmenu ul.samples li a{  height:23px; padding:1px 3px 1px 20px; margin-left:0px; display:block; float:left;background-color:#cfffff; width:216px; background-image:url(../images/icons/red_arrow.gif); background-repeat:no-repeat; background-position:center left; line-height:24px; }

ul#navmenu ul.samples li a:hover{ height:23px;  padding:1px 3px 1px 20px; color:#006699; margin-left:0px;background-color:#ffffcc; background-image:none;background-image:url(../images/icons/red_arrow.gif); background-repeat:no-repeat; background-position:center left }


/************ resources Menu end ************/

ul#navmenu li {position: relative;}
ul#navmenu ul.resources {margin: 0;  padding: 0; width: 239px; list-style: none; display: none; position: absolute;  top: 40px;  left: 0; float:left;border:3px solid #abbcc1;border-left:1px solid #abbcc1;border-top:1px solid #fff;  }

ul#navmenu ul.resources li {float: none; display: block !important;display: inline; float:left;}

ul#navmenu ul.resources li a{  height:23px; padding:1px 3px 1px 20px; margin-left:0px; display:block; float:left;background-color:#cfffff; width:216px; background-image:url(../images/icons/red_arrow.gif); background-repeat:no-repeat; background-position:center left; line-height:24px; }

ul#navmenu ul.resources li a:hover{ height:23px;  padding:1px 3px 1px 20px; color:#006699; margin-left:0px;background-color:#ffffcc; background-image:none;background-image:url(../images/icons/red_arrow.gif); background-repeat:no-repeat; background-position:center left }


/************ login Menu end ************/

ul#navmenu li {position: relative;}

ul#navmenu ul.member_login {margin: 0;  padding: 0; width: 239px; list-style: none; display: none; position: absolute;  top: 40px; right:-3px; float:left;border:3px solid #abbcc1;border-left:1px solid #abbcc1;border-top:1px solid #fff; z-index:1000000;  }

ul#navmenu ul.member_login li {float: none; display: block !important;display: inline; float:left;}

ul#navmenu ul.member_login li a{  height:23px; padding:1px 3px 1px 20px; margin-left:0px; display:block; float:left;background-color:#cfffff; width:216px; background-image:url(../images/icons/red_arrow.gif); background-repeat:no-repeat; background-position:center left; line-height:24px; }

ul#navmenu ul.member_login li a:hover{ height:23px;  padding:1px 3px 1px 20px; color:#006699; margin-left:0px;background-color:#ffffcc; background-image:none;background-image:url(../images/icons/red_arrow.gif); background-repeat:no-repeat; background-position:center left }









/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	float: none;
    height:23px;float:left; display:block;
}


/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	color: #006699;
	height:23px;float:left; display:block; 
}

 /*3rd Menu 
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
	color: #557aab;
	background-color: #ffffff;
	margin-left:9px;
	width:175px;
}

3rd Menu Hover Persistence 
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
	color: #666666;
	background-color: #f0f0f0;
}

 4th Menu 
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

 4th Menu Hover 
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #333333;
}

*/



/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}