select {
	display: block;
	margin: 0 10px;
}

/* стили необходимые для работы скрипта */
select.srReplacedSelect {
	width: 1px;
	position: absolute;
	left: -999em;
}

ul.srList {
	list-style:none;
	padding:0;
	margin: -4px 0 0 110px;


	/* лучше всего техника работает 
	   для элементов фиксированной ширины
	   хотя при некоторых дополнителных
	   требованиях к изображению и небольшом
	   изменение стилей ее можно применять
	   и для резиновых select`ов */
	width: 150px;


	/* поскольку используется техника
	   Sliding Doors элемент хорошо переносит
	   масштабирование шрифтов, для этого
	   его высоту нужно задать в em */
	height:1.5em;
	font-size: 10pt;
}

ul.srList li {
	display:none;
	background: #fff;
	line-height:1.5em;
	padding:0 10px;
	width: 130px;
	color: #C52020;
}

ul.srList li:first-child {
	background: url("../images/catalog/cat_filtr.png") 95% 50% no-repeat;
}

ul.srBlur {
	border: 1px solid #C52020;
}

ul.srFocus, ul.srHoverUl {
	/* чтобы при наведении мышки
	   или получении фокуса элемент
	   не оставался на некоторое время без фона,
	   и для ускорения загрузки, совмещаем
	   два фоновых изображения в одном и изменяем его
	   подвигая на 300 пикслей влево */
	border: 1px solid #C52020;
}

ul.srBlur li.srSelectedLi {
	display:block;
}

ul.srFocus li.srSelectedLi, ul.srHoverUl li.srSelectedLi {
	display:block;
}

ul.srExpanded li.srSelectedLi { 
	display:block;
}

ul.srExpanded {
	position:relative;
	/* при разворачивании списка,
	   нужно выдвинуть его на первый
	   план, иначе другие элементы будут
	   перекрывать опции */
	z-index:1000;
}

ul.srExpanded li {
	display:block;
}

li.srSelectedLi {
	background: url("../images/catalog/cat_filtr.png") 95% 50% no-repeat;
}