Hopefully someone can make sense of this, because I sure can't. I have responsive email template that declares a color for all links (red) in a <style> tag in the <head> tag of the html. Then, in the same <style> tag, I have some CSS to overwrite that color for <a> tags in a certain <td> (to gray). I also have an inline declaration for the gray color on those links. In all email clients, except Outlook 2007/2010/2013, the links show up the right color (gray). In those three, they somehow are insisting on being the red color that I don't want. This seems like an easy thing that should work across all browsers... what am I missing?

HTML CODE

    <table class="sidebarR-4Col col4-BorderRight" cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff" align="left">
      <tr>
        <td style="padding-bottom: 5px;padding-top: 5px;">
            <img class="ec_img" src="" height="80" width="125" border="0" style="width:125px;" />
        </td>
      </tr>
      <tr>
          <td class="ec_item bodyheadermobilesmall whatsontext" style="padding-bottom: 10px;">
              <p style="margin: 0;">
                  <a href="http://www.google.com" style="color: #999999;">THE MUSIC OF<br>JAMES BOND</a>
                  <br><strong style="color: #000000;">10 &amp; 11 April</strong>
              </p>
          </td>
      </tr>
    </table>

CSS CODE

    <head>

      <style>

      body {
          padding: 0;
          margin: 0;
          background-color: #6639c6;
          font-family: Arial, sans-serif;
          font-weight: normal;
          color: #000000;
          line-height: 18px;
          font-size: 14px;
      }

      a {
          color: #C41230;
          text-decoration: underline;
      }

      /* a bunch of CSS here */

      /* I originally had the following, then tried the stuff below */
      .whatsontext a,
      .whatsontext a:link,{
          color: #999999 !important;
          text-decoration: underline;
      }

      td[class*="whatsontext"] a,
      td[class*="whatsontext"] a:link,
      td[class*="whatsontext"] a:visited,
      td[class*="whatsontext"] a.link,
      td[class*="whatsontext"] a.visited {
          color: #999999 !important;
          text-decoration: underline;
      }

      </style>
    </head>

Wrong Link Color

WRONG-Red Links

Correct Link Color

CORRECT-Gray Links

I'm using Campaigner to send these out. I've inspected an email in Gmail, and it seems like they do inline the styles from the <head> section before sending. Any help or suggestions are greatly appreciated!