1 Если быквы не выбраны и чекбоксы не отображаются - строка “Бренды по алфавиту” центрируется по высоте блока

2 При наведении на вижал товара - изображение теряет прозрачность,под ним появляется тёный фон, имитирующий затемнение-наложение “overlay”,и далее добавляются опции.

Когда курсор находится над определённой опцией - её фон светлее.

Затемнение лучше всего делать с помощью потери прозрачность картинки-вижала,т.к. в этом случае не будет проблем с прозрачностью в IE.

Т.е. не через появление поверх элемента и плавным увеличением его прозрачности

3 У элемента значка должен присутствовать атрибут title c названием страны.Это нужно для того, чтобы при наведении на него курсора - появлялась подсказка-название страны.

На флажок не должно действовать hover-событие затемнения картинки и появления опций,т.е. когда мы наводим курсор на флажок, картинка не должна затемняться.

4При клике по иконке корзина появляется диалоговое окно confirm“Добавить товар %имя_товара% в корзину?”и в случае согласия - товар добавляется в корзину

* у заказчика необходимо уточнить - будем ли делать свои собственные модальные окна (т.е. со своим дизайном) либо будем использовать стандартные функции браузера.

5Если страни меньше трёх - стрелочки и троеточия не показываем.

6При наведении курсора,лейбочка выезжает на 8 мм.Можно с ease эффектом ))

При клике осуществляетсяпереход на страницу для дизайнера

Сам элемент является поплавком float

Либо можете сделать его absoluteи добавить плавную анимацию перемещения по вертикеле,при событии scroll

Буквы под которыми нет брендов - помечаются светлым цветом