/*-------------------------------
*	Default dropdown styles
--------------------------------*/
.selectBox{ width:190px; height:34px;_background:url("../images/selectbox.jpg") no-repeat; padding-left:10px}
.selectBox01{ width:190px; height:34px;}
.tzSelect{
	
	
	
	height:34px;
	display:inline-block;
	min-width:200px;
	position:relative;
	margin:5px;
	_margin:0px;
	_width:200px;
	
	
	/* Preloading the background image for the dropdown */
	background:url("../images/selectbox.jpg") no-repeat;
	_background:none;
}



.tzSelect .selectBox{
	position:absolute;
	
	height:100%;
	width:100%;
	_width:200px;
	
	/* Font settings */
	
	font:13px/34px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	

	color:#aeaeae;

	/* Using CSS3 multiple backgrounds and a fallback */
	
	

	
	
	cursor:pointer;
	
}
/*.regularSelect{background:url('../images/selectbox.jpg') no-repeat;}*/

.tzSelect .selectBox:hover,
.tzSelect .selectBox.expanded{
	
	color:#aeaeae;
		background:url("../images/selectclik.jpg") no-repeat;
		_width:200px;
	
}

.tzSelect .dropDown{
	position:absolute;
	top:40px;
	left:0;
	width:100%;
_width:200px;
	list-style:none;
	z-index:10000;
	background:#fff;
	margin:0 auto; padding:0 0 10px 0;
	
	
}

.tzSelect li{
	
	cursor:pointer;
	padding:6px;
	text-align:center;
	height:25px;
	line-height:25px;
	
}

.tzSelect li:hover{
	height:25px;
	background:#f0f0f0;
	width:90%;
	margin:0  auto;
	 

}


/*-----------------------------------------------------
*	Additional styles for the apple product dropdown
------------------------------------------------------*/


.tzSelect .hasDetails{
	border-width:0 1px 1px;
}

.tzSelect .hasDetails li{
	height:85px;
	position:relative;
	padding:0;
	text-align:left;
	
	/* Again, using CSS3 multiple backgrounds with a fallback */
	
	background:url('img/dropdown_slice.png') repeat-x;
	background-image:url('img/dropdown_slice.png'),url('img/dropdown_slice.png'),url('img/dropdown_slice.png');
	background-position: 50% -171px, 0 -85px, 0 0;
	background-repeat: no-repeat, no-repeat, repeat-x;
}

.tzSelect .hasDetails li:hover{
	background-position: 50% -256px, 0 -85px, 0 0;
}

.tzSelect .hasDetails li span{
	left:88px;
	position:absolute;
	top:27px;
}

.tzSelect .hasDetails li i{
	color:#999999;
	display:block;
	font-size:12px;
}

.tzSelect .hasDetails li img{
	left:9px;
	position:absolute;
	top:13px;
}