combined class (?) not working

[lessismore]

My coder set up some styles that I'm trying to change. But my changes aren't having any effect...marginTop is the code I've been changing. But it doesn't seem to add a margin on top of the elements Here are the styles:

<style type="text/css">.step{  position:absolute;  width:580px;}.step .field input[type=text]{  background-repeat: no-repeat;  background-position: left;  width: 315px;  height: 20px;  line-height: 1.1;  font-family: "Gill Sans", "Gill Sans Std", Verdana, Arial, sans-serif;  letter-spacing: .05em;  color: #777;  margin-top: 3px;  padding: 0px 5px 2px 6px; }.step .field input[type=text]:hover{  background-color: #F0E7CD;}.step .field input[type=text]:focus{  background-color: #F0E7CD;} .step .label{  width:auto;} .group .label label{  margin-left:-43px;} .tick-name{  width:190px;  float:left;} .marginTop {  margin-top: 10px;} </style>

And here is the code I'm trying to affect:

  <div class="group">	 <div class="label"><label for="region">Region:</label></div>	 <div class="field marginTop">{region}</div>	</div>    	<div class="group">	 <div class="label"><label for="town">Town:</label></div>	 <div class="field marginTop" style="margin-bottom:5px;" id="townDiv">	  <div class="data"></div>	  <div class="loading" style="display:none;"><img src="{urlroot}skins/default/images/loading.gif" /></div>	 </div>	</div>

Basically, I'm trying to move {region} and {town} down on the page. But when I increase margin-top amount in the styles, it doesn't do anything... Thanks -- Jami