.heapBox
{
clear:both;
display:inline-block;
line-height:48px;
position:relative;
font-size:15px;
vertical-align:middle;
}

.heapBox *
{
margin:0;
padding:0;
outline: none;
}

.heapBox.disabled .holder
{
color:#FFBC46;
}


.heapBox a{
text-decoration:none;
color:#333;
}

.heapBox .holder
{
width:150px;
overflow:hidden;
background:#fff;
text-indent:20px;
height:48px;
}

.heapBox .handler
{
width:25px;
background:#fff url('../images/icon/heapbox_handler_bg.jpg') no-repeat center center;
height:48px;
}

.heapBox .holder,.heapBox .handler
{
float:left;
position:relative;
z-index:10;
}

.heapBox div.heap
{
display:none;
position:absolute;
list-style-type:none;
left:-1px;
width:175px;
top:48px;
overflow:hidden;
border-top:0;
border:1px solid #e0e0e0;
}

.heapBox .heap .heapOptions
{
display:block;
overflow:hidden;
z-index:20;
position:relative;
}

.heapBox .heap a.sliderUp
{
display:block;
width:100%;
height:15px;
background:#fff url('../images/icon/heapbox_handler_bg.jpg');
background-repeat:no-repeat;
background-position:center center;
border-bottom:1px solid #f8f8f8;
position:absolute;
top:0px;
z-index:30;
}

.heapBox .heap a.sliderDown
{
display:block;
width:100%;
height:15px;
background:#fff url('../images/icon/heapbox_handler_bg.jpg');
background-repeat:no-repeat;
background-position:center center;
position:absolute;
bottom:0px;
z-index:30;
}

.heapBox .heap .heapOptions .heapOption
{
z-index:20;
position:relative;
display:block;
height:35px;
line-height:35px;
}

.heapBox .heap .heapOptions .heapOption a{
width:100%;
display:block;
background:#fff;
text-indent:20px;
}

.heapBox .heap .heapOptions .heapOption a:hover{
background:#f8f8f8;
}

.heapBox .heap .heapOptions .heapOption a.selected{
background:#f8f8f8;
}

.heapBox .heap .heapOptions .heapOption a.disabled{
	color:#F6BB5A;
}