.hide {
    display: none;
}
ul#slider {
    height: auto;
    overflow: hidden;
    border-top: 6px solid #ccc;
}
ul#slider, #sliderButtons {
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both;
}
#sliderButtons {
    border-top: 6px solid #ccc;
    border-bottom: 6px solid #ccc;
    background-color: #E7E7E7;
    height: 70px;
    padding: 3px 0 3px 0;
}
/* Slider Content */
ul#slider li {
    padding: 10px 0 0 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
    background: none !important;
}

ul#slider li img {
    /*max-height: 500px;*/
    width: auto;
    height: auto;
}
#clickLeft {
    float: left;
    text-align: left;
}
#clickRight {
    float: right;
    text-align: right;
}
#clickLeft, #clickRight, #clickLeftImg, #clickRightImg {
    width: 50px;
    height: 50px;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}
#clickLeftImg {
    background: url("../img/arrow-left-blue.png") center center no-repeat;
}
#clickRightImg {
    background: url("../img/arrow-right-blue.png") center center no-repeat;
}
#clickLeftImg:hover {
    background: url("../img/arrow-left-yellow.png") center center no-repeat;
    cursor: pointer;
}
#clickRightImg:hover {
    background: url("../img/arrow-right-yellow.png") center center no-repeat;
    cursor: pointer;
}
#sliderNumber {
    font-weight: 700;
    text-align: center;
    font-size: 1em;
    padding-top: 10px;
    margin: 0 auto 0 auto;
    width: 150px;
}