Custom Web to lead form

Custom Web to lead form

I am really struggling with making the web to lead form look right, any editing that I do to it brakes it.. can anyone help.

http://www.blucky.co.uk

If you go to my website you will see my current form.. and i want my ZoHo to look simaler... e.g to the right 

  1. <div id='crmWebToEntityForm' align=center><META HTTP-EQUIV ='content-type' CONTENT='text/html;charset = UTF-8'>  <form action='https://crm.zoho.com/crm/WebToLeadForm' method='POST' onSubmit='javascript:document.charset="UTF-8";' accept-charset='UTF-8'><table border=0 cellspacing=0 cellpadding=5 width=480 style='border-top:2px solid #999999;border-bottom:1px solid #999999;background-color:#ffffff;'>  <input type='hidden' name='xnQsjsdp' value=Rxt1TqKtBrs$/>  <input type='hidden' name='xmIwtLD' value=JsXi7hZxnHuOOxTacc5oZa-3Op*eZ7un/>  <input type='hidden' name='actionType' value=TGVhZHM=/> <input type='hidden' name='returnURL' value='http://www.blucky.co.uk/thanks' /> <br><tr><td colspan='2' align='left' style='background-color:#f5f5f5;border-bottom:2px dotted #dadada; color:#000000;font-family:sans-serif;font-size:14px;'><strong>Web Form</strong></td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>First Name &nbsp;&nbsp;:</td><td width='75%'><input type='text' maxlength='40' name='First Name' /> </td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Last Name &nbsp;&nbsp;:</td><td width='75%'><input type='text' maxlength='80' name='Last Name' /> </td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Email &nbsp;&nbsp;:</td><td width='75%'><input type='text' maxlength='100' name='Email' /> </td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Phone &nbsp;&nbsp;:</td><td width='75%'><input type='text' maxlength='30' name='Phone' /> </td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Mobile &nbsp;&nbsp;:</td><td width='75%'><input type='text' maxlength='30' name='Mobile' /> </td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>City &nbsp;&nbsp;:</td><td width='75%'><input type='text' maxlength='30' name='City' /> </td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Tables Required &nbsp;&nbsp;:</td><td width='75%' ><select name='LEADCF1' multiple>  <option value='Not sure'>Not sure</option>  <option value='1 Table (1-50 people)'>1 Table (1-50 people)</option>  <option value='2 Tables (50-100 people)'>2 Tables (50-100 people)</option>  <option value='3 Tables (100-150 people)'>3 Tables (100-150 people)</option>  <option value='4 Tables or more...'>4 Tables or more...</option>  </select></td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>How did you find us &nbsp;&nbsp;:</td><td width='75%'><input type='text' maxlength='10' name='LEADCF2' /> </td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Date of event &nbsp;&nbsp;:</td><td width='75%'><input type='text' maxlength='10' name='LEADCF3' /> </td></tr><tr><td nowrap style='font-family:sans-serif;font-size:12px;font-weight:bold' align='right' width='25%'>Message &nbsp;&nbsp;:</td><td width='75%'> <textarea name='LEADCF4' maxlength='1000' width='250' height='250'></textarea></td></tr><tr><td colspan=2 align=center style='background-color:#eaeaea'> <input type='submit' name='save' value=Save /> &nbsp; &nbsp; <input type='reset' name='reset' value=Reset /> </td></tr></table>  </form></div>