title: Override jQuery Tabs CSS
body: <p>I have overridden something in the past and made it important in the CSS. (Long time ago)</p>
  
  <p><img src="https://i.stack.imgur.com/XXcqO.png" alt="black hover color in jQuery tabs"></p>
  
  <p>It wasn't a problem at the time, but now it is overriding the hover over color of active and inactive tabs (Yellow Arrow) to Black.</p>
  
  <p>I need to get the color back to the original color.</p>
  
  <p>Also I put in a data table in and used CSS positioning to move it </p>
  
  <pre><code>top: -40px 
  </code></pre>
  
  <p>Where can I do the <code>bottom: -40px</code> in the tab window (Green Arrow)?</p>
  
  <p>live site at <a href="http://www.loadmax.com/classics" rel="nofollow noreferrer">http://www.loadmax.com/classics</a></p>