.slider-title { купел-размер: 18pt; лини-высота: 1em; цвет: #171796; допустимый предел: 0; } .prod-block { положение: относительно; дисплей: блок; цвет: #000; поплавок: лево; ширина: 293px; высота: 90px; граница: 1px твердого тела #ccc; допустимый предел: 5px 0px 0px 5px; прокладка: 10px; лини-высота: 1em; границ-радиус: 5px; - moz-границ-радиус: 5px; - webkit-границ-радиус: 5px; /*behavior: url (border-radius.htc); * } * HTML of.prod-block { высота: 110px; } .prod-block a { цвет: #171796; лини-высота: 1.3em; } .prod-block a: hover { предпосылк-цвет: #fff; цвет: #000; } * HTML a.prod-block { допустимый предел: 0px 0px 0px 0px; } .prod-block: hover { предпосылк-цвет: #fff; граница: 1px твердого тела #000; цвет: #000; } .prod-block: hover of.prod-price { границ-дн-цвет: #000; границ-лев-цвет: #000; } .prod-block: hover of.prod-buy { границ-дн-цвет: #000; границ-прав-цвет: #000; } .prod-block img { граница: никакие; } .prod-img { поплавок: лево; ширина: 70px; высота: 70px; предпосылк-цвет: #fff; допустимый предел: 0; допустим-право: 1em; граница: 1px поставлено точки #ddd; лини-высота: 70px; текст-выровняйте: центр; } .prod-price { положение: абсолютно; дно: 0px; левая сторона: 0px; прокладка: 5px 8px; предпосылк-цвет: никакие; купел-размер: 14pt; купел-вес: смелейше; цвет: #D7312C; ширина: 90px; текст-выровняйте: лево; бел-космос: nowrap; - webkit-границ-верхн-прав-радиус: 5px; - webkit-границ-верхн-лев-радиус: 5px; - moz-границ-радиус-topright: 5px; - moz-границ-радиус-topleft: 5px; границ-верхн-прав-радиус: 5px; границ-верхн-лев-радиус: 5px; лини-высота: 1em; } .prod-name {} a.prod-buy { дисплей: блок; положение: абсолютно; право: - 20px; дно: - 11px; предпосылка: url (& #039; & /images/buy_button.gif; #039;); предпосылк-повторите: нет - повторите; ширина: 98px; высота: 31px; купел-размер: 11pt; цвет: #fff; текст-украшение: никакие; прокладк-верхняя часть: 5px; прокладк-лево: 13px; } * HTML a.prod-buy { право: - 10px; дно: - 6px; } a.prod-buy: hover { цвет: #fff; предпосылка: url (& #039; & /images/buy_button.gif; #039;); предпосылк-повторите: нет - повторите; } .prod-new { положение: абсолютно; право: 0; верхняя часть: 0; ширина: 70px; высота: 70px; предпосылка: url (& #039; & /images/new.gif; #039;); } /* легкое слайдера * .slider-wrapper { ширина: 650px; предпосылка: #eee; высота: 140px; положение: относительно; переполнение: видимо; } ul .slider, li .slider { допустимый предел: 0; прокладка: 0; списк-тип: никакие; } .slider { предпосылк-цвет: #fff; ширина: 650px; высота: 140px; переполнение: спрятано; положение: относительно; } * HTML of.slider { } li .slider { ширина: 325px; высота: 120px; переполнение: спрятано; } span.prevBtn { предпосылка: никакие; предпосылк-повторите: нет - повторите; предпосылк-изображение: url (& #039; & /images/arrows/04_larr.gif; #039;); левая сторона: - 20px; } span.prevBtn: hover { предпосылк-изображение: url (& #039; & /images/arrows/04_larr_red.gif; #039;);} span.nextBtn { предпосылка: никакие; предпосылк-повторите: нет - повторите; предпосылк-изображение: url (& #039; & /images/arrows/04_rarr.gif; #039;); право: - 20px; } span.nextBtn: hover { предпосылк-изображение: url (& #039; & /images/arrows/04_rarr_red.gif; #039;);} .slider-arrows { дисплей: блок; ширина: 20px; высота: 35px; положение: абсолютно; стрелка: указатель; купел-размер: 50px; текст-украшение: никакие; цвет: #171796; верхняя часть: 40px; лини-высота: 50px; } .slider-arrows: hover { цвет: #CC0033; } /* // легкое слайдера *