/*==================================
Hide lists on page load
====================================*/

.stylish-select ul.newList
{
	left: -9999px;
}

/*==================================
red curvy example
====================================*/
ul.newList *
{
	margin: 0;
	padding: 0;
}
ul.newList a
{
	color: #000;
	text-decoration: none;
	display: block;
}
ul.newList
{
	margin: 0;
	padding: 0;
	list-style: none;
	color: #000;
	width: 190px;
	background: #fff;
	position: absolute;
	border: 1px solid #ccc;
	top: 22px;
	left: 0;
	overflow: auto;
	z-index: 9999;
}
.newListSelected
{
	width: 190px;
	color: #000;
	height: 16px;
	padding: 3px 0 0 0px;
	float: left;
	background: url(select.jpg) no-repeat;
}
.newListSelected span
{
	width: 190px;
	display: block;
}
ul.newList li a
{
	padding: 3px 8px;
	display: block;
}
ul.newList li a:focus
{
	-moz-outline-style: none;
}
.selectedTxt
{
	/*width: 180px;*/
	width: 100%;
	overflow: hidden;
	height: 16px;
	padding: 0px 23px 0px 6px;
	white-space: nowrap;
}
.hiLite
{
	background: #650101 !important;
	color: #fff !important;
}
.hiLite a
{
	background: #650101 !important;
	color: #fff !important;
}
.newListHover
{
	background: #ccc !important;
	color: #000 !important;
	cursor: default;
}
.newListSelFocus
{
	background-position: left bottom;
	cursor: default;
}
.newListSelHover
{
	background-position: left bottom;
	cursor: default;
}
.newListOptionTitle
{
	font-weight: bold;
}
.newListOptionTitle ul
{
	margin: 3px 0 0;
}
.newListOptionTitle li
{
	font-weight: normal;
	border-left: 1px solid #ccc;
}