<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr><td colspan="2" class="orange"><img src="images/orangeBullet.gif" alt="" border="0" width="8" height="7">SIGN-UP</td></tr>
<tr><td colspan="2" class="bold">I want to sign-up for:</td></tr>
<tr>
<td width="10"><input type="radio" name="newsletter" class="radio" checked style="margin-top:2px;"></td>
<td align="left" class="red" width="100%">News Letter</td>
</tr>
<tr>
<td width="10"><input type="radio" name="newsletter" class="radio"></td>
<td align="left" class="red" width="100%">Champion Tips</td>
</tr>
<tr>
<td width="10"><input type="radio" name="newsletter" class="radio"></td>
<td align="left" class="red" width="100%">Both</td>
</tr>      
<tr>
<td colspan="2" align="left" style="padding:5px 0 0 14px;">
<input type="text" name="email" value="Enter Your E-mail Here" class="textField">
<input type="button" name="subscribe" value="SIGN-UP" class="button">
</td>                                       </tr>                                       </table>


CSS:

 .orange
{
   color:#d25503;
   font-weight:bold;
   text-align:left;
}
.orange img
{
   margin-right:5px;
}
.bold
{
   font-weight:bold;
   text-align:left;
   padding:6px 0 0 10px;
}
.red
{
   color:#c70e13;
   padding-top:1px;
}
.radio
{
   width:10px;
   margin:2px 5px 0 18px;
}
.textField
{
   border:1px solid #838182;
   width:146px;
   height:14px;
   font-size:11px;
   font-family:tahoma;
   padding:0 0 0 4px;
   text-align: left;
}
.button
{
   font-size:10px;
   font-family:tahoma;
   font-weight:bold;
   border:1px solid #415d8d;
   color:#fff;
   background-image:url(../images/buttonFill.gif);
   background-repeat:repeat-x;
   background-position:left;
   height:16px;
   padding:0 1px 2px 1px;
}

   <!--[if IE]>
      <style type="text/css">
         /*<![CDATA[*/
         [i]здесь правила с отступами для ие[/i]
         /*]]>*/
      </style>
   <![endif]-->

<div style="width:50%">
   <div style="margin:20px">info here</div>
</div>