/*
********************************************
				Nice Selects
********************************************
*/

/* hide select before load 
select {
	opacity: 0;
	filter: alpha(opacity = 0);
	cursor: pointer;
}*/


/* The wrap maybe styled with extra elements such as  float: left; however the position must remain relative */
/*.jquery-aselect-wrap {
	position: relative;
	padding: 0 0 0 0px;
	width: 90px;
	height: 26px !important;
	background: url('select-item.png') -485px -128px no-repeat;
	color: #545454;
	margin: 0 !important;
	cursor: pointer;
}*/
.jquery-aselect-wrap {
	position: relative;
	width: 240px;
	height: 26px !important;
	line-height: 26px;
	background: #58595B url(../images/img_select.png) right top no-repeat;
	color: #000000;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
/*.jquery-aselect-wrap:hover {
	background: url('select-item.png') -485px -154px no-repeat;
}*/
/*.jquery-aselect-wrap span {
	position: absolute;
	width: 90px;
	left: 8px;
	height: 19px;
	padding: 4px 0 0 2px !important;
	background: url('select-item.png') right -0px no-repeat;
	top: 2px;
	font-size: 11px;
	color: #545454 !important;
	cursor: pointer;
	line-height: 14px !important;
}*/
.jquery-aselect-wrap span {
	position: absolute;
	width: 190px;
	left: 0px;
	height: 26px;
	/*background: #58595B url(../images/img_select.png) right top no-repeat;*/
	top: 0px;
	font-family: 'TitilliumText25L250wt';
	font-size: 15px;
	color: #FFFFFF !important;
	line-height: 26px !important;
	cursor: pointer;
	padding: 0 0 0 10px;
	/*padding: 0 50px 0 20px !important;*/
}
/*.jquery-aselect-wrap:hover span {
	background: url('select-item.png') right -26px no-repeat;
}*/
.js div.jquery-aselect-wrap {
	position: relative;
	/*background: url('select-item.png') -484px -180px no-repeat;*/
	background: url(../images/drop_down_small.svg) right 0px no-repeat;
	height: 26px;
	color: #545454;
}
.no-js #body div.jquery-aselect-wrap span {
	display: none;
}
.js #body div.jquery-aselect-wrap span {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	position: absolute;
	left: 13px;
	top: 2px;
	right: 0;
	display: block;
	line-height: 11px;
	font-size: 11px;
	/*background: url('select-item.png') right -52px;*/
	background: url(../images/drop_down_small.svg) right 0px no-repeat;	
	height: 19px;
	text-overflow: ellipsis;
	padding: 6px 22px 0 10px;
}
.js div.jquery-aselect-wrap select {
	position: absolute;
	top:4px;
	left: 7px;
	width: 113%;
	opacity: 0;
	filter: alpha(opacity=0);
	padding: 0;
}
.js div.jquery-aselect-wrap select.selectors {
	position: absolute;
	left:16px;
	top: 3px;
	font-size: 11px;
	border: 0;
	width: 216px;
	height: 21px;
}
/* We set the opacity of all select items to 0 even in IE this class is added via JS so non JS fall back works fine. */
.jquery-aselect {
	opacity: 0;
	filter: alpha(opacity = 0);
	cursor: pointer;
}
/*Small medium and large are set a width using css */
.small {
	width: 91px;
}
.medium {
	width: 200px;
}
.large {
	width: 330px;
}