.selectbox {
	vertical-align: middle;
  cursor: pointer;
}
span.selectbox span.select {
  width: 126px;
  height: 28px;
  font-size:12px;
  line-height:28px;
  padding: 0 20px 0 7px;
  background: #770000;
  border: 1px solid #550000;
}
span.selectbox span.select *{
  color: #d6a4a4 !important;
}
.selectbox .select:hover {
	border:1px solid #ad0000;
}
.selectbox .select:active {
	border:1px solid #ad0000;
}
.selectbox:hover .select{
	border:1px solid #ad0000;
}
.selectbox.focused .select {
  border: 1px solid #ad0000;
}
.selectbox .select .text {
	display: block;
    width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.selectbox .trigger {
	position: absolute;
	top: 0;
	right: 0;
	width: 18px;
	height: 100%;
}
.selectbox .trigger .arrow {
	position: absolute;
	top: 11px;
	right: 3px;
	width: 12px;
	height: 9px;
	overflow: hidden;
	background:url('/images/animation/select_arrow.png') no-repeat top left;
}
.selectbox:hover .arrow {
	background-position:bottom left;
}
.selectbox.focused .arrow{
	background-position:bottom left;
}
.selectbox ul.dropdown {
	top: 30px;
	width: 153px;
	margin: 0;
	padding: 0;
	background: #770000;
	border: 1px solid #550000;
}
.selectbox li {
	font-size:12px;
	line-height:22px;
	padding:0 7px;
	margin:0;
	color: #d6a4a4 !important;
}
.selectbox li:hover,
.selectbox li.selected {
	background: #550000;
	color: #FFF;
}
.selectbox li.disabled {
	color: #AAA;
}
.selectbox li.disabled:hover {
	background: none;
}