/*##### DEFAULT STYLES ##############################################################################*/
select.replaced
{
	display: none;
}

div.selectReplacement
{
	float:left;
	/*position:relative; <<< this is handeled in JS*/
	width: 135px;
	line-height: normal;
	background: url(img/field_135px.png) top left no-repeat;
	/*font-size: 90%;*/
}

div.smaller
{
	width: 100px;
	background: url(img/field_100px.png) top left no-repeat;
}

div.smallest
{
	width: 50px;
	background: url(img/field_50px.png) top left no-repeat;
}
div.selectReplacement span.firstSelected
{
	display: block;
	margin: 0 6px 0 8px;
	cursor: pointer;
	background: url(img/pink_arrow_down.png) right center no-repeat;
	color: #484848;
}
div.selectReplacement span.firstSelected span
{
	display: block;
	width: 100px;
	margin-right: 20px;
	height: 25px;
	line-height: 25px;
	overflow:hidden;
	white-space: nowrap;
}
div.smaller span.firstSelected span
{
	width: 65px;
}
div.smallest span.firstSelected span
{
	width: 25px;
}

div.selectReplacement ul
{
	display: none;
}
div.selectReplacement ul.selectOpen
{
	display:block;
	position:absolute;
	top: 25px;
	z-index: 9999999999;
	
	min-width: 100%;
	_width: 100%;
	overflow-y:auto;
	overflow-x:hidden;
	/*border: 1px solid #e3e3e3;
	border-bottom: 0;*/
	border: none;
	background:transparent url(img/dropdown_round_bottom.png) no-repeat scroll left bottom;
	padding-bottom:6px;
	
}
div.selectReplacement ul.selectOpen li
{
	display:block;
	list-style-type: none;
	cursor: pointer;
	background-color:#fff;
}
div.selectReplacement ul.selectOpen li span
{
	display:block;
	padding: 4px 4px;
	white-space: nowrap;
	color: #484848;
	border-bottom: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
}
div.selectReplacement ul.selectOpen li.selected
{
	color:#fff;
	background: #fde5f3;
}

div.selectReplacement ul.selectOpen li:hover,
div.selectReplacement ul.selectOpen li.hover,
div.selectReplacement ul.selectOpen li.selected:hover
{
	background: #fde5f3;
}

div.notFloated
{
	float:none;
}

/*##### CUSOTM STYLES ##############################################################################*/
li.skinType div.selectReplacement ul.selectOpen li span,
#productFilter div.selectReplacement ul.selectOpen li span
{
	padding-left: 10px;
		border-left: solid 1px #E3E3E3;
	border-right: solid 1px #E3E3E3;
}

li.skinType div.selectReplacement span.firstSelected
#productFilter div.selectReplacement span.firstSelected
{
	margin-left: 10px;
}


div#registrationForm div.stateReg ul.selectOpen 
{
	=height:200px !important;
	border-bottom: solid 1px #E3E3E3 !important;
}

li.skinType div.selectReplacement .lastItem span,
#productFilter div.selectReplacement .lastItem span
{
	border-bottom:none !important;
	height:11px;
		width: 119px;
}

li.skinType div.selectReplacement .firstItem,
#productFilter div.selectReplacement .firstItem
{
	display:none !important;
}