ul.topnav {  
    list-style	: none;  
    padding		: 0px;  
    margin		: 0;  
    float		: left;    
    font-size	: 12px; 
    background	: url('/illicoweb/static/webtv/images/drop-menu/dark-drop-menu-bg.jpg') repeat-x #242424;  
    border		: solid 1px #555; 
 } 

#catalog-alpha ul.topnav,
#catalog ul.topnav {  
    background	: white;  
    border		: solid 1px #afafaf;
 }  
  
 ul.topnav li {  
    background	: url('/illicoweb/static/webtv/images/drop-menu/arrow-down.gif') no-repeat right top; 
    float		: left;  
    margin		: 0px; 
    padding		: 0px;  
    position	: relative; /*--Declare X and Y axis base for sub navigation--*/ 
    width		: 200px;
 }  
 
 #catalog-alpha ul.topnav li,
 #catalog ul.topnav li {  
    background	: url('/illicoweb/static/webtv/images/drop-menu/arrow-down-light.gif') no-repeat right top; 
}  
  
ul.topnav:hover {
     border : solid 1px #ccc;
 }
 
#catalog-alpha ul.topnav:hover, 
#catalog ul.topnav:hover {
    border : solid 1px #fecf03;
}

#catalog-alpha ul.topnav:active,
#catalog ul.topnav:active {
    border : solid 1px #333333;
}
 
#catalog-alpha ul.topnav li:hover, 
#catalog ul.topnav li:hover {
    background	: url('/illicoweb/static/webtv/images/drop-menu/arrow-down-light-hover.gif') no-repeat right top;
}

#catalog-alpha ul.topnav li:active,
#catalog ul.topnav li:active {
    background	: url('/illicoweb/static/webtv/images/drop-menu/arrow-down-light-active.gif') no-repeat right top;
}
  
ul.topnav li a {  
   padding				: 2px 5px;  
   color					: #fff;
   display				: block;  
   text-decoration	: none;  
   float					: left; 
   font-weight			: bold; 
}

#catalog-alpha ul.topnav li a,
#catalog ul.topnav li a {  
  color : #333333;
}

ul.topnav li a:hover {  
   text-decoration : none;  
}
 
.dark .text-wrapper-full ul.topnav {
   line-height : 12px; 
}
 
ul.topnav li span { /*--Drop down trigger styles--*/  
   width		: 20px;  
   height	: 16px; 
   float		: right;  
 }  
 
ul.topnav li span.subhover {
   background-position 	: center bottom;
   cursor					: pointer;
} /*--Hover effect for trigger--*/
  
 ul.topnav li ul.subnav {  
   list-style		: none;  
   position			: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
   left				: -1px; top: 16px;  
   background		: #000;  
   margin			: 0;
   padding-right	: 0;  
   display			: none;  
   float				: left;  
   width				: 200px;
   border			: 1px solid #ccc;  
}

#catalog-alpha ul.topnav li ul.subnav,
#catalog ul.topnav li ul.subnav {
   left 		: -1px; top: 19px;  
}
  
ul.topnav li ul.subnav li {  
   margin			: 0px;
   padding			: 0px;  
   border-bottom	: 1px solid #555;
   clear				: both;  
   width				: 200px;  
}

#catalog-alpha ul.topnav li ul.subnav li,
#catalog ul.topnav li ul.subnav li {  
   border-bottom	: 0px;
}    

html ul.topnav li ul.subnav li a {  
   float				: left;  
   width				: 175px;  
   background		: #222 url(dropdown_linkbg.gif) no-repeat 10px center;
   padding-left	: 20px;  
}

html #catalog-alpha ul.topnav li ul.subnav li a,
html #catalog ul.topnav li ul.subnav li a {  
   background : url('/illicoweb/static/webtv/images/drop-menu/dropdown-link-bg-light.gif') repeat-x;
   border-top		: 1px solid #e7e7e7;
   border-bottom	: 1px solid #e7e7e7;      
}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
   background	: #444 url(dropdown_linkbg.gif) no-repeat 10px center;
   font-weight	: bold;
   color			: #fff;
}

html #catalog-alpha ul.topnav li ul.subnav li a:hover,
html #catalog ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
   background		: #989898;
   border-top		: 1px solid #9f9f9f;
   border-bottom	: 1px solid  #9f9f9f;
   color				: white;
}  
 