Without the Column Grid mod, the products could never have been displaying horizontally. The page referenced is not a product listing but a category/subcategory listing. If the maximum categories per row had been changed, they would be sitting in the center of the column. The float: left; that should control these has been deleted in the stylesheet - without that, the items each occupy their own row at the partial width calculated for multiple display.
A stock stylesheet has:
#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}
A look at your stylesheet shows you have commented the whole rule:
/*#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}*/
If you wanted the logo to not be floated, you need to separate it from the rest of the rule so different styling can be applied to it without messing up the rest; or just comment it out in this case:
/*#logo,*/ .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}