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> of the html. Then, in the same <style> tag, I have some CSS farther down 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. Am I missing something? This seems like a pretty basic thing to do, and it just won't change. Code and screenshots are below.

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>

I'm using Campaigner to send these out. And from what I can tell, they do inline all the styles before sending out the emails. At least when I view the source of the email in Gmail, I see styles put inline on elements that weren't in the code.

Any ideas or suggestions are greatly appreciated!