SuperFish Menu sub-menu arrow styles
How do I change the style of the arrows on the Superfish menu? I can't find any styles anywhere but my layout stylesheet and it has nothing defining the arrows.
The second level menu has the sf-arrows class and it shows a down arrow vs. a right arrow like the third level.
How can I change the arrow style for the second level to a right arrow?
- <ul class="sf-menu fixed" id="menu">
- <li class="current">
- <a href="index.html">Home</a>
- </li>
- <li>
- <a href="#">About us</a>
- </li>
- <li class="dropdown">
- <a href="#">Courses</a>
- <ul class="sf-arrows">
- <li class="dropdown">
- <a href="/courses">Classroom Courses</a>
- <ul>
- <li class="dropdown wide">
- <a href="/courses/CIC/">Certified Insurance Counselors (CIC)</a>
- <ul>
- <li><a href="/courses/CIC/cic_personal_lines">CIC Personal Lines</a></li>
- <li><a href="/courses/CIC/commercial_casualty11">CIC Commercial Casualty</a></li>
- <li><a href="/courses/CIC/commercial_property">CIC Commercial Property</a></li>
- <li><a href="/courses/CIC/life_and_health">CIC Life & Health</a></li>
- <li><a href="/courses/CIC/agency_management">CIC Agency Management</a></li>
- </ul>
- </li>
- <!-- MANY MORE ITEMS HERE -->
- </ul>
- </li>
- <li class="dropdown">
- <a href="#">Online Courses</a>
- <ul>
- <li class="wide"><a href="/online_courses/self_study/self_study">Self-Paced Online Courses</a></li>
- <li class="wide"><a href="/online_courses/online_classroom">Instructor-Led Online Courses</a></li>
- </ul>
- </li>
- <li>
- <a href="#">In-House Courses</a>
- </li>
- </ul>
- </li>
- <li>
- <a href="#">Schedule or Register</a>
- </li>
- <!-- MORE ITEMS HERE -->
- </ul>