@charset "utf-8";
/* Document created for Quidel's MicroVue YKL-40 Product */
/* Quidel Corporation */
/* Author Name: Timothy Lavelle */
/* Author Website: www.quidel.com */
/* Author Email: tlavelle@quidel.com */
/* remove all the bullets, borders and padding from the default list styling */
#YKL40mainNav ul { padding: 0; margin: 0; list-style-type: none; }
#YKL40mainNav ul ul { width: 150px; }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#YKL40mainNav li { float: left; width: 150px; position: relative; }

/* style the links for the top level */
#YKL40mainNav a, #YKL40mainNav a:visited { display: block; font-size: 14px; color: #333; width: 150px; height: 53px; line-height: 49px; text-align: center; background: transparent url(/images/divider-MainNav.gif) top right no-repeat; }
#YKL40mainNav a.last, #YKL40mainNav a.last:visited { display: block; font-size: 14px; color: #333; width: 150px; height: 53px; line-height: 49px; text-align: center; background: none; }

/* style the top level hover */
#YKL40mainNav a:hover, #YKL40mainNav ul ul a:hover {color: #fff; background: url(/images/bg-MainNavHover.gif) 0 0 repeat-y; text-decoration: none; border-collapse: collapse; }
#YKL40mainNav a.last:hover, #YKL40mainNav ul ul a.last:hover {color: #fff; background: url(/images/bg-MainNavHover.gif) 0 0 repeat-y; text-decoration: none; }

/* style the second level background */
#YKL40mainNav ul ul a, #YKL40mainNav ul ul a:visited { background: url(/images/bg-SubNav.gif) 0 0 no-repeat; color:#333; font-weight: bold; font-size: 10px; height: 20px; line-height:1em; padding: 10px 0 0 40px; width: 102px; border: 1px solid #fff; border-width: 0 1px 1px 1px; text-align: left; }
#YKL40mainNav ul ul a:hover { background: url(/images/bg-SubNavHover.gif) 0 0 no-repeat; color:#fff; font-weight: bold; font-size: 10px; height: 20px; line-height:1em; padding: 10px 0 0 40px; width: 102px; border: 1px solid #fff; border-width: 0 1px 1px 1px; text-align: left; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
#YKL40mainNav ul ul {visibility:hidden;position:absolute;height:0;top:53px;left:0; width:149px; z-index: 9999; }

/* style the table so that it takes no part in the layout - required for IE to work */
#YKL40mainNav table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* make the second level visible when hover on first level list OR link */
#YKL40mainNav ul li:hover ul, #YKL40mainNav ul a:hover ul{visibility:visible; position: absolute; z-index: 9999; }