/*для того, чтобы использовать один стиль для разных по ширине селектов, прописываю ширину для конкретных классов*/
.city_select .changess ul {width:100%;}
.city_select .changess {width:80%;}

.avto_select .changess ul, .avto_select .changess {width:170px;}

.changess{
		background-color:#FFFFFF; /*фон для селекта*/
		font-family:Tahoma, Verdana;
		font-size:10px;
		border:1px solid #c2c2c2;
		color:#333333;
		}

.changess .passiveSelect,.changess .activeSelect{
		height:19px;   /*высота селекта*/
		line-height:2em;
		display:block;
		cursor:pointer;
		padding-left:10px;
		padding-right:25px; /*отступ справа, чтобы текст не "залазил" на стрелку */
		background:url("/data/images/interavto/select_chan.jpg") no-repeat top right; /*фон для стрелки*/
		}

.changess ul{
		padding:0;
		margin:0;
		background:#FFFFFF;
		border:1px solid #c2c2c2;
		border-top:none;
		list-style:none;
		/*max-height:200px;   максимальная высота. нет смысла если скрол не темизированный*/
		overflow-x: hidden;
		overflow-y: auto;
		cursor:pointer;
		/*width:150px;  ширина всего селекта*/
		top:20px;
		_top:21px;
		left:-1px;
		}

.changess li{
		padding:0;
		margin:0;
		font-weight:normal;
		padding:2px 0 2px 12px;
		color:#333333;
		}

.changess li:hover{
		background: #dee3ea;
		color:#333333;
		}

.changess .selected{
		color:#333333;
		}
/*----------end change ----------------*/

/*------------------- selectprice -----------------------*/
/*для того, чтобы использовать один стиль для разных по ширине селектов, прописываю ширину для конкретных классов*/
.price_select .selectprice ul, .price_select .selectprice {width:65px;}

.selectprice{
		/*background: url("../select_other/darkBackground.jpg") no-repeat top left;*/
		background-color:#e8ebea; /*фон для селекта*/
		font-family:Tahoma, Verdana;
		font-size:11px;
		color:#007b32;
		}

.selectprice .passiveSelect,.selectprice .activeSelect{
		height:17px;   /*высота селекта*/
		line-height:16px;
		display:block;
		border-bottom:1px dashed #007b32;
		cursor:pointer;
		padding-right:10px; /*отступ справа, чтобы текст не "залазил" на стрелку */
		margin-right:5px;
		background:url("/data/images/interavto/selectprice.png") no-repeat center right; /*фон для стрелки*/
		}

.selectprice ul{
		padding:0;
		margin:0;
		background:#e8ebea;
		border-top:none;
		list-style:none;
		/*max-height:200px;   максимальная высота. нет смысла если скрол не темизированный*/
		overflow-x: hidden;
		overflow-y: auto;
		cursor:pointer;
		/*width:150px;  ширина всего селекта*/
		top:18px;
		left:0px;
		}

.selectprice li{
		padding:0;
		margin:0;
		font-weight:normal;
		padding:3px 0 3px 7px;
		color:#007b32;
		}
.selectprice li:hover{
		background: #dee3ea;
		color:#007b32;
		}

.selectprice .selected{
		color:#007b32;
		}
/*------------------- end selectprice -----------------------*/