Selectors for only the first level of dropdown nav?

I have the following class adding an 'up-arrow' to the top of the pop-up nav pointing to the parent group/page name...
.headermainnav .sfNavHorizontalDropDown ul.k-popup li:first-child:before
            border-bottom: 9px solid #DBDEE4;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 1px solid transparent;
            content: " ";
            height: 0;
            margin-top: -9px;
            position: absolute;
            left: 52%;
            top: 0px;
            width: 0;
       

But it's also adding it to the popup of any 3rd level nav items. How can I restrict this css to just the 2nd nav level?

Hello Nikolei,

 The reason why this happens is because Sitefinity Navigation uses the same classes for the divs and spans that wrap the individual pages. In order to change either the classes or the IDs if the navigation tabs you can go to Design->Widget Tenplates and either modify the existing widgets there or create a brand new one. That way you can style your navigation to your liking.