/*-------------------------------
*	Default dropdown styles
--------------------------------*/

.tzSelect{
	
	/* This is the container of the new select element */
	
	height:18px;
	display:inline-block;
	width:90px;
	position:relative;
	float:right;
	
	/* Preloading the background image for the dropdown */
	/*background:url("img/dropdown_slice.png") no-repeat -99999px;*/
}

.tzSelect .selectBox{
    background: url("../images/down.png") no-repeat #D0D0D0;
    background-position: 95% 50%;
    background-repeat: no-repeat;
    box-shadow: 0 0 2px #333333 inset;
    color: #272727;
	font-weight:bold;
    cursor: pointer;
    height: 18px;
    left: 0;
    line-height: 20px;
    position: absolute;
    text-align: left;
    text-indent: 10px;
    text-shadow: 1px 1px 1px #FFFFFF;
    top: 0;
    width: 90px;
    z-index: 10;
}

.tzSelect .selectBox:hover,
.tzSelect .selectBox.expanded{
    background: url("../images/down.png") no-repeat #D0D0D0;
    background-position: 95% 50%;
}

.tzSelect .dropDown{
	position:absolute;
	top:25px;
	left:0;
	width:90px;
	border:1px solid #32333b;
	list-style:none;
	z-index:1000;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-moz-box-shadow:0 0 4px #111;
	-webkit-box-shadow:0 0 4px #111;
	box-shadow:0 0 4px #111;
	background: url("../images/overlay.png") repeat-x scroll left top #F0F0F0;
	
}

.tzSelect li{
    color: #777777;
    cursor: pointer;
    display: block;
    float: none;
    letter-spacing: 1px;
    padding: 3px 0;
    text-decoration: none;
    text-indent: 10px;
	font-weight:bold;
}
.tzSelect li:hover
{
	background-color:#616161;
	color:#FFF;
}



/*-----------------------------------------------------
*	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 #222;
	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;
}
/*search_list*/
.search_list .tzSelect
{
	float:none;
}
.search_list .tzSelect .selectBox
{
	width:188px;
	height:26px;
	background: url("../images/support_img.png") no-repeat scroll 0 -135px transparent;
	box-shadow:none;
	font-weight:normal;
	text-shadow:none;
	font-size:12px;
	line-height:26px;
}
.search_list .tzSelect .selectBox:hover,
.search_list .tzSelect .selectBox.expanded{
    background: url("../images/support_img.png") no-repeat scroll -30px -161px transparent;
}
.search_list .tzSelect .dropDown
{
	width:188px;
	top:35px;
}
.search_list .tzSelect li
{
	font-weight:normal; font-size:12px;
}
.date_birth .tzSelect
{
	float:left;
	height:25px;
	margin:5px 10px 5px 0;
}
.date_birth .tzSelect .selectBox.expanded{
    background:url("../images/up_2.png") no-repeat scroll 100% 50% #AFAFAF;
}
.date_birth .tzSelect .selectBox
{
	background: url("../images/down_2.png") no-repeat scroll 100% 50% #AFAFAF;
	height:25px;
	font-size:12px;
	line-height:25px;
	font-weight:normal;
	text-shadow:none;
	color:#5E5E5E;
}
.date_birth .tzSelect li
{
	font-weight:normal; font-size:12px;
}
.date_birth .tzSelect .dropDown
{
	top:30px;
	height:280px; overflow-y:scroll;
}
.date_birth .days .tzSelect
{
	width:70px;
}
.date_birth .days .tzSelect .selectBox
{
	width:70px;
}
.date_birth .days .tzSelect .dropDown{
width:70px;
}
.date_birth .state .tzSelect
{
	width:130px;
}
.date_birth .state .tzSelect .selectBox
{
	width:130px;
}
.date_birth .state .tzSelect .dropDown{
width:130px;
}.date_birth .country .tzSelect
{
	width:269px;
}
.date_birth .country .tzSelect .selectBox
{
	width:269px;
}
.date_birth .country .tzSelect .dropDown{
width:269px;
}

.msg_select .tzSelect
{
	width:120px;
	height:25px;
	margin:5px 10px 5px 0;
}
.msg_select .tzSelect .selectBox
{
	width:120px;
	height:26px;
	background: url("../images/down_3.png") no-repeat scroll 95% 50% #AFAFAF;
	box-shadow:none;
	font-weight:normal;
	text-shadow:none;
	font-size:12px;
	line-height:26px;
}
.msg_select .tzSelect .selectBox:hover,
.msg_select .tzSelect .selectBox.expanded{
    background: url("../images/up_3.png") no-repeat scroll 95% 50% #AFAFAF;
}
.msg_select .tzSelect ul.dropDown
{
	width:120px;
	top:35px;
}
.mid_l .msg_select .tzSelect ul.dropDown li
{
	width:120px;
	padding:0;
}
.msg_select .tzSelect li
{
	font-weight:normal; font-size:12px;
}

.genreListWrapper .tzSelect
{

	height:24px;
	margin:5px 10px 5px 0;
}
.genreListWrapper .tzSelect .selectBox
{

	height:24px;
	background:url("../images/login_btn_bg.png") no-repeat scroll 0px -58px transparent;
	box-shadow:none;
	font-weight:normal;
	text-shadow:none;
	font-size:12px;
	line-height:26px;
}
.genreListWrapper .tzSelect .selectBox:hover,
.genreListWrapper .tzSelect .selectBox.expanded{
    background:url("../images/login_btn_bg.png") no-repeat scroll 0px -58px transparent;
}
.genreListWrapper .tzSelect ul.dropDown
{

	top:35px;
}
.genreListWrapper .tzSelect ul.dropDown li
{

	padding:0;
}
.genreListWrapper .tzSelect li
{
	font-weight:normal; font-size:12px;
}


.mid_l .search_store .tzSelect
{
	width:158px;
	height:29px;
	margin:5px 10px 5px 0;
}
.mid_l .search_store .tzSelect .selectBox
{

	height:29px;
	background:url("../images/search_list_2.png") no-repeat scroll left top transparent;
	box-shadow:none;
	font-weight:normal;
	text-shadow:none;
	font-size:12px;
	line-height:26px;
	width:158px;
}
.mid_l .search_store .tzSelect .selectBox:hover,
.mid_l .search_store .tzSelect .selectBox.expanded{
    background:url("../images/search_list_2.png") no-repeat scroll left bottom transparent;
}
.mid_l .search_store .tzSelect ul.dropDown
{
	width:158px;
	top:35px;
}
.mid_l .search_store .tzSelect ul.dropDown li
{

	padding:0;
}
.mid_l .search_store .tzSelect li
{
	font-weight:normal;
}
.mid_l .question .tzSelect
{
	width:520px;
	height:25px;
	float:none;
}
.mid_l .question .tzSelect .dropDown
{
	width:520px;
	top:30px;
}
.mid_l .question .tzSelect .selectBox
{
	background:url("../images/down_2.png") no-repeat scroll 100% 50% #AFAFAF;
	width:520px;
	height:25px;
	color:#5E5E5E;
	font-weight:normal;
	text-shadow:none;
	font-size:12px;
	line-height:25px;
}
.mid_l .question .tzSelect li
{
	font-size:12px; font-weight:normal;
}