/* image slider list */
ul.image-slider {border:0;display:block;list-style-type:none;overflow:hidden;}
/* buttons to slide and change the sliding direction */
.image-slider-btn{background-color:#dfdfdf;color:#f6f6f6;display:block;position:absolute;text-align:center;/*-->*/display: none;/*<--*/}
.image-slider-btn-hover:hover{background-color:#f6f6f6;color:#dfdfdf;cursor:pointer;}
/* buttons to change to a specific image within the list */
.image-slider-img-btn{background-color:#dfdfdf;color:#333;display:block;/*float:left;*/height:/*20px*//*-->*/70px/*<--*/;text-align:center;/*margin-left:3px;*//*-->*/ margin-top: 3px;padding:3px;/*<--*/width:/*20px*//*-->*/70px/*<--*/;}
.image-slider-img-btn:hover{background-color:/*#f6f6f6*//**/#ccb282/**/;color:#000;cursor:pointer;display:block;/*float:left;*/height:/*20px*//*-->*/70px/*<--*/;/*-->*/ margin-top: 3px;padding:3px;/*<--*/text-align:center;/*margin-left:3px;*/width:/*20px*//*-->*/70px/*<--*/;}
.image-slider-img-btns{/*bottom:20px;*//*-->*/top: 50%; margin-top: -200px;/*<--*/display:block;position:absolute;}
/**/
.image-slider-img-btn > div { height: 100%; overflow: hidden; width: 100%; }
.image-slider-img-btn > div > img { height: 100% !important; left: 35px; margin-left: -50%; width: auto !important;}
/**/
/* "button" text should be selectable by double click or something like that */
.image-slider-btn,.image-slider-img-btn{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;}