Dass es Dein Layout zerschießt liegt am "float:left;" in der Klasse ".productPreview".
Außerdem stimmen die Angaben der Breite nicht. Z.B. ist das Produktbild 140px breit, die Spalte, in der es sich befindet, über die Klasse ".productPreviewImage" aber nur mit 120px definiert. Die Spalte mit dem Text ist durch ".productPreviewContent" mit 400px Breite definiert, dabei ist die ganze Tabelle wiederum durch ".productPreview" auf eine Breite von 343px beschränkt.
Ich weiß spontan nicht, ob die Klassen noch an einer anderen relevanten Stelle benutzt werden, wo sich eine Änderung negativ auswirken könnte - glaube aber nicht, da du die Artikelliste in der Kategorieansicht sowieso komplett umgekrempelt hast.