/* 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:200px; 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;

}