Jak modyfikować kody javascript

[vasyl]

Zrobiłem tak:
zmieniłem kod odpowiadający za wygląd wyświetlanych informacji:

<style type="text/css">.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}/* fiszka */.middle_product { border: none; padding: 10px 10px 16px 10px ; margin-bottom: 16px; min-height:130px;}.middle_product h2 { font-size: 20px; font-family: Arial; margin: 0; padding: 0 0 4px 0;}.middle_product h2 a { color: #;}.middle_product h3 { font-size: 14px; margin: 0; padding: 0 0 12px 0; font-family: Arial;}.middle_product, .page_description p { font-size: 13px; font-family: Tahoma; color: #444444; line-height: 20px;}.middle_product p.abstract { color: #666666; font-weight: bold;}.middle_product ul{ padding: 0 0 0 16px; margin: 0;}.middle_buttons { width: 130px; padding: 3px 0 3px 6px; float: right; margin-left: 16px; clear:right;}.middle_more, .middle_form { font-size: 11px; display: block; background-color: #E6EFF7; color: #336699; height: 20px; line-height: 20px; margin: 4px 0 16px 0; padding: 2px 4px 2px 4px; text-align: center; cursor: pointer; text-decoration: none; font-weight: bold; font-family: Tahoma; border: 1px solid #dadada;}.middle_vendor_logo { float: right;}</style>

Wkleiłem do mojego głównego arkusza stylów (style2.css)
Umieściłem <link rel="Stylesheet" type="text/css" href="style2.css" /> w sekcji head i dalej pokazuje się nie zmieniony.