/* @override http://inspirion16.com/templates/js_inspirion/css/3_menus.css */

/* @group DROPLINE */

/* The Container */

#navcontainer {
  height: 60px;
  width: 960px;
  margin: 0px auto;
  position: relative;
}

/* The Menu */

#navbar {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* All lists must float */

#navbar ul {
  margin: 0;
  padding: 0;
  float: left;
  
}

/* Hide 3rd Level */
#navbar ul ul ul {
  left: -20000px;
}

/* All list-items must obey parent selector */

#navbar li {
  padding: 0;
  margin: 0;
  float: left;
  display: block;
}


/* Second level lists hide by default */

#navbar li ul {
  display: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top:30px;
  height: 28px;
  overflow:hidden;
  left: 0;
  width:100%;
  
}

/* IE needs to know we are on a computer */

#navbar a {
  text-decoration: none;
  cursor: pointer;
}

/* Underline all sublevel hover a.links */

#navbar li ul a:hover,
#navbar li.active ul a:hover {
    text-decoration: underline;
    
}

/* Underline all sublevel active a.links */

#navbar li li.active a, 
#navbar li li.active:hover a,
#navbar li li.sfhover.active a {
   text-decoration: underline;
   
}


/* Keeps sublevel persistant */

#navbar li.active ul {
  height: 31px;
  display: block;
}

/* Makes sure sublevels stay on top */

#navbar li:hover ul, #navbar li.sfhover ul  {
  display: block;
  z-index: 60000;
  height: 31px;
  width: 960px;
}

/* Top level a.links (sizes only) */

#navbar li a {
  display: block;
  float: left;
  padding: 0 15px;
  margin-right: 3px;
  height: 30px;
  line-height: 28px;
  font-size: 15px;
}



/* Second level a.links */

#navbar li ul a, #navbar li.active ul a {
  display: block;
  float: left;
  font-weight: normal;
  padding: 0 10px;
  background: none;
  height: 24px;
  line-height: 24px;

}

/* First level list-items */

#navbar ul li {
  background: url(../images/style2/nav_right_up.png) no-repeat right top;
  margin-right: 1px;
  
}
/* First level list-items (hover) */

#navbar ul li:hover,
#navbar ul li.sfhover
 {
  background: url(../images/style2/nav_right_hover.png) no-repeat right top;
}

/* First level list-items (active) */

#navbar ul li.active
 {
  background: url(../images/style2/nav_right_up.png) no-repeat right top;
}



/* Second level normal a.link */


#navbar ul li:hover ul,
#navbar li.sfhover ul {
}



#navbar ul li.active a:link,
#navbar ul li.active a:visited,
#navbar ul li.active ul.sfhover
 {
  margin-right: 1px;
}




#navbar li.active li a:link,
#navbar li.active li a:visited,
#navbar li.active li a:hover,
#navbar li:hover ul li a:link,
#navbar li:hover ul li a:visited,
#navbar li:hover ul li a:hover,
#navbar li.sfhover ul li a:link,
#navbar li.sfhover ul li a:visited,
#navbar li.sfhover ul li a:hover,
#navbar li li a:link,
#navbar li li a:visited,
#navbar li li a:hover
{
  border: none;
  padding: 1px 14px;
}
#navbar ul li.active ul li,
#navbar ul li ul li,
#navbar ul li.active ul li:hover,
#navbar ul li ul li:hover,
#navbar ul li.active ul li.sfhover,
#navbar ul li ul li.sfhover
{
  border: none;
  background-image: none;

}

/* @end */




