Ajuda Gesior top rank com outfit

Ola todos da comunidade, estou com dificuldade para configurar esse script colocar espaços entres os outfit estao muito proximo um dos outros e tb se alguem souber como ativa para aparece a mount tb agradeço desde já REP+?

Os codigo que estou usado é esse Top_level:

<?php
$skills = $SQL->query('SELECT * FROM players WHERE deleted = 0 AND group_id < 2 AND account_id != 1 ORDER BY level DESC LIMIT 5');
?>
<style type="text/css" media="all">
  .Toplevelbox {
    position: relative;
    margin-bottom: 12px;
    width: 180px;
    height: 225px;
  }
  .top_level {
    position: absolute;
    top: 30px;
    left: 6px;
    height: 180px;
    width: 1608px;
    z-index: 200;
    text-align: center;
    padding-top: 60px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 9.2pt;
    color: #FFF;
    font-weight: bold;
    margin-left: 15px;
    padding-left: 15px;
    text-align: right;
    text-decoration: inherit;
    text-shadow: 0.1em 0.1em #333
  }
  #Topbar a {
  text-decoration: none;
  cursor: hand;
  }
  a.topfont {
    font-family: Verdana, Arial, Helvetica;
    font-size: 130px;
    color: #ffcc33;
    text-decoration: none
  }
  a:hover.topfont {
    font-family: Verdana, Arial, Helvetica;
    font-size: 103px;
    color: #CCC;
    text-decoration:none
  }
  .Bottom1 {
  position: relative;
  bottom: -120px;
  left: -50px;
  height: 102px;
  width: 1800px;
}
</style>
<div id="Topbar" class="Toplevelbox" style="background-image:url(<?PHP echo $layout_name; ?>/images/top_level.png);">
  <div class="top_level" style="background:url(<?PHP echo $layout_name; ?>/images/bg_top.png)" align="left">
    <?php
    $a = 1;
foreach($skills as $skill)
{
 echo '<div align="left"><a href="?subtopic=characters&name='.$skill['name'].'" class="topfont">
   <font color="#CCC">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'.$a.' - </font>'.$skill['name'].'
   <br>
<small><font color="white">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Level:<font color="white">&nbsp;&nbsp;&nbsp;&nbsp;</font>('.$skill['level'].')<font color="white">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></small>
   <br>
 </a>
       <img src="http://outfit-images.ots.me/animatedOutfits1099/animoutfit.php?id='.$skill['looktype'].'&addons='.$skill['lookaddons'].'&head='.$skill['lookhead'].'&body='.$skill['lookbody'].'&legs='.$skill['looklegs'].'&feet='.$skill['lookfeet'].'" width="85" height="85" style="width: 100px; height: 80px; position: absolute; background-position: 0 0; background-repeat: no-repeat; left: -85px; margin-top: -70px; margin-left: 15px; padding-left: 15px top: 30px;">
 
 </div>';
 $a++;
    }
    ?>
  </div>
</div>

e meu layout.php está assim:

<?php
$skills = $SQL->query('SELECT * FROM players WHERE deleted = 0 AND group_id < 2 AND account_id != 1 ORDER BY level DESC LIMIT 5');
?>
<style type="text/css" media="all">
  .Toplevelbox {
    position: relative;
    margin-bottom: 12px;
    width: 180px;
    height: 225px;
  }
  .top_level {
    position: absolute;
    top: 30px;
    left: 6px;
    height: 180px;
    width: 1608px;
    z-index: 200;
    text-align: center;
    padding-top: 60px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 9.2pt;
    color: #FFF;
    font-weight: bold;
    margin-left: 15px;
    padding-left: 15px;
    text-align: right;
    text-decoration: inherit;
    text-shadow: 0.1em 0.1em #333
  }
  #Topbar a {
  text-decoration: none;
  cursor: hand;
  }
  a.topfont {
    font-family: Verdana, Arial, Helvetica;
    font-size: 130px;
    color: #ffcc33;
    text-decoration: none
  }
  a:hover.topfont {
    font-family: Verdana, Arial, Helvetica;
    font-size: 103px;
    color: #CCC;
    text-decoration:none
  }
  .Bottom1 {
  position: relative;
  bottom: -120px;
  left: -50px;
  height: 102px;
  width: 1800px;
}
</style>
<div id="Topbar" class="Toplevelbox" style="background-image:url(<?PHP echo $layout_name; ?>/images/top_level.png);">
  <div class="top_level" style="background:url(<?PHP echo $layout_name; ?>/images/bg_top.png)" align="left">
    <?php
    $a = 1;
foreach($skills as $skill)
{
 echo '<div align="left"><a href="?subtopic=characters&name='.$skill['name'].'" class="topfont">
   <font color="#CCC">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'.$a.' - </font>'.$skill['name'].'
   <br>
<small><font color="white">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Level:<font color="white">&nbsp;&nbsp;&nbsp;&nbsp;</font>('.$skill['level'].')<font color="white">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></small>
   <br>
 </a>
       <img src="http://outfit-images.ots.me/animatedOutfits1099/animoutfit.php?id='.$skill['looktype'].'&addons='.$skill['lookaddons'].'&head='.$skill['lookhead'].'&body='.$skill['lookbody'].'&legs='.$skill['looklegs'].'&feet='.$skill['lookfeet'].'" width="85" height="85" style="width: 100px; height: 80px; position: absolute; background-position: 0 0; background-repeat: no-repeat; left: -85px; margin-top: -70px; margin-left: 15px; padding-left: 15px top: 30px;">
 
 </div>';
 $a++;
    }
    ?>
  </div>
</div>