Remove margin from last item in Category row

[hobartimus]

I'm trying to figure out how to remove margin from the last item in my row here...
http://bit.ly/HzkHt3

I've set VM to show 4 categories per row and I'm using the following css...

Code Select Expand

body .floatleft {float: left;margin-right: 15px;margin-left: 0;}


With this code...

Code Select Expand

// Category Link
$caturl = JRoute::_ ( 'index.php?option=com_virtuemart&view=category&virtuemart_category_id=' . $category->virtuemart_category_id );

// Show Category ?>
<div class="category floatleft<?php echo $category_cellwidth . $show_vertical_separator ?>">
<div class="FWcategorybox">
  <center>
<a id="FWcategorynameImage" href="<?php echo $caturl ?>" title="<?php echo $category->category_name ?>">


<?php if (!empty($category->images) ) {
echo $category->images[0]->displayMediaThumb("",false);
} ?>
                   
                     </a></center>
                   <a id="FWcategorynamelink" href="<?php echo $caturl ?>" title="<?php echo $category->category_name ?>">

                    <?php echo $category->category_name ?>
  </a>

</div>
</div>
<?php
$iCategory ++;

// Do we need to close the current row now?
if ($iCol == $categories_per_row) { ?>
<div class="clear"></div>
</div>
<?php
$iCol = 1;
} else {
$iCol ++;
}
}


How can apply .floatleftlast style to the last item in the row to prevent it from being to wide for my page?

Code Select Expand

.floatleftlast {float: left;margin-right: 0;}