nawazazhar2

Thank you so much for your help jazzigor. I put in the line of code and it worked a treat.

wdgregg, I have copied in the CSS im using to style my form. Maybe this could help guide you towards styling your form.

/* Element overall */
div.jzzf_element{
margin:0 auto;
width:330px;
}
/* Element labels */
div.jzzf_element label{
display:block;
font-weight:bold;
text-align:right;
width:100px;
float:left;
}
/* Element inputs */
div.jzzf_element input, select, message{
float:left;
font-size:11px;
padding:4px 2px;
width:190px;
margin:2px 0 2px 5px;
}
/* Email button */
div.jzzf_element .jzzf_email_button{
clear:both;
margin-left:185px;
width:115px;
height:28px;
background:#262626;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
/* Reset button */
div.jzzf_element #jzzf_1_reset{
margin-left:105px;
width:95px;
height:28px;
background:#262626 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
/* Update button */
div.jzzf_element #jzzf_1_update{
margin-left:5px;
width:95px;
height:28px;
background:#262626 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
/* Removes > before element */
ul li.jzzf_row {background-image: none;}