.heapBox {
  border: 1px solid #DDDDDD;
  box-shadow: 1px 1px 3px #CCCCCC;
  display: inline-block;
  float: left;
  font-size: 15px;
  line-height: 35px;
  margin: 0 20px 0 0;
  position: relative;
}

.heapBox *
{
margin:0;
padding:0;
outline:none;
}

.heapBox.disabled .holder
{
color:#A7B6B7;
height: 35px;
}

.heapBox a {
  color: #555555;
  text-decoration: none;
}
li.heapOption a {
  color: #fff;
  text-decoration: none;
}
.heapBox .holder {
  background: none repeat scroll 0 0 #FFFFFF;
  height: 35px;
  overflow: hidden;
  text-indent: 20px;
  width: 160px;
}

.heapBox .handler
{
width:25px;
background:#7f8c8d url(../gfx/heapbox_handler_bg.jpg);
height:35px;
}

.heapBox .holder,.heapBox .handler
{
float:left;
position:relative;
z-index:10;
}

.heapBox div.heap
{
/*display:none;*/
position:absolute;
list-style-type:none;
left:0;
width:185px;
top:37px;
overflow:hidden;

}

.heapBox .heap .heapOptions
{
display:block;
overflow:hidden;
z-index:20;
position:relative;
}

.heapBox .heap a.sliderUp {
  background: url("../gfx/slider_arrow_up.png") no-repeat scroll center center #393838;
  border-bottom: 1px solid #5C6768;
  display: block;
  height: 15px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 30;
}

.heapBox .heap a.sliderDown
{

display:block;
width:100%;
height:15px;
background:#186404 url(../gfx/slider_arrow_down.png);
background-repeat:no-repeat;
background-position:center center;
border-top:1px solid #5c6768;
position:absolute;
bottom:0px;
z-index:30;
}

.heapBox .heap .heapOptions .heapOption
{
z-index:20;
position:relative;
display:block;
height:35px;
}

.heapBox .heap .heapOptions .heapOption a{
width:100%;
display:block;
background:#393838;
text-indent:20px;
}

.heapBox .heap .heapOptions .heapOption a:hover{
background:#5c6768;
}

.heapBox .heap .heapOptions .heapOption a.selected{
background:#186404;
}

.heapBox .heap .heapOptions .heapOption a.disabled{
	color:#9CA5A5;
}