.heapBox { clear:both; display:inline-block; line-height:35px; position:relative; border:#fff solid 1px; width:100%;margin-top: 20px}
.heapBox * { margin:0; padding:0; outline: none; }
.heapBox.disabled .holder { color:#81b623; }
.heapBox a { text-decoration:none; color:#fff; }
.heapBox .holder { width:90%; overflow:hidden; background:transparent; text-indent:20px; height:35px; line-height:35px; }
.heapBox .handler { width:25px; background:transparent url(../images/heapbox_handler_bg.png); 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:-1px; width:100% ; top:37px; overflow:hidden; border:1px solid #FFF; }
.heapBox .heap .heapOptions { display:block; overflow:hidden; z-index:20; position:relative; }
.heapBox .heap a.sliderUp { display:block; width:100%; height:15px; background:#67b4c9 url(../images/slider_arrow_up.png); background-repeat:no-repeat; background-position:center center; border-bottom:1px solid #125683; position:absolute; top:0px; z-index:30; }
.heapBox .heap a.sliderDown { display:block; width:100%; height:15px; background:#67b4c9 url(../images/slider_arrow_down.png); background-repeat:no-repeat; background-position:center center; border-top:1px solid #81b623; 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:#2188A4; color:#FFF;text-indent:20px; height: 100%; line-height: 35px; }
.heapBox .heap .heapOptions .heapOption a:hover { background:#FFF;  color: #2188A4 !important}
.heapBox .heap .heapOptions .heapOption a.selected { background:#FFF;  color: #2188A4 !important}
.heapBox .heap .heapOptions .heapOption a.disabled { color:#FFF;color: #2188A4}