ul.brands
{
  width: 692px;  /*total list (table) width*/
  list-style-type: none;
  
  padding-left: 105px;
  padding-right: auto;
  padding-top: 15px;
}

ul.brands li
{
  padding-top:25px;
  float: left;
  width: 173px;  /* accommodate the widest item (cell)*/
  				/* width = table width divided by number of colums */
}


ul.catalog
{
  width: 500px;  /*total list (table) width*/
  list-style-type: none;
  
  padding-left: auto;
  padding-right: auto;
  padding-top: 15px;
}

ul.catalog li
{
  padding-top: 15px;
  float: left;
  width: 250px;  /* accommodate the widest item (cell)*/
  /* width = table width divided by number of colums */
}



/* stop the floating after the list */
br.listcol { clear: left; }

/* separate the list from what follows it */
div.listcol { margin-bottom: 1em; text-align:center;}