Wow, I finally figured it out!! I thought I would post the answer for another user that may be trying to do the same thing..
Instructions:
1) Styles & Templates > Style Manager
2) In the drop down box next to your style name select "Edit Template" then press GO!!
3) In the box to the left scroll down until you see "CSS Templates" and double click it.
4) In the list under CSS Templates double click on "vbulletin-chrome.css"
5) At the bottom of the window is a search in template box. copy paste this:
Code:
.navtabs li a.navtab:hover {
6) It will find that line of code and it looks like this:
Code:
.navtabs li a.navtab:hover {
background:{vb:stylevar navbar_tab_selected_background} 0 -{vb:stylevar navbar_tab_selected_top_height};
color:{vb:stylevar navbar_tab_selected_color};
}
All I did was make the two lines of code remarks like this:
Code:
.navtabs li a.navtab:hover {
/*background:{vb:stylevar navbar_tab_selected_background} 0 -{vb:stylevar navbar_tab_selected_top_height};*/
/*color:{vb:stylevar navbar_tab_selected_color};*/
}