.slider div {
    width: 683px; height: 259px;
    position: relative; 
    overflow: hidden;
}
    .slider div.nextImage, .slider div.previousImage {
        width: 37px; height: 38px;
        margin: 0 10px;
        
        cursor:pointer;
        position: absolute; 
        z-index: 2; 
        display: block; 
        top: 114px;
        
        opacity: 0.7; 
        transition: opacity .6s ease-in-out;
        -webkit-transition: all 0.6s ease; 
        -moz-transition: all 0.6s ease; 
        -o-transition: all 0.6s ease;
    }
    .slider div.nextImage {
        background:url('../images/website/slider/arrows.png') no-repeat -37px 0;
        margin-left:0;
        right: 0;
    }
        .slider div.nextImage:hover {
            opacity: 1;
            transition: opacity .25s ease-in-out;
            -moz-transition: opacity .25s ease-in-out;
            -webkit-transition: opacity .25s ease-in-out;
            -o-transition: all 0.25s ease;
        }
    .slider div.previousImage {
        background:url('../images/website/slider/arrows.png') no-repeat 0 0;
        margin-right:0;
        left: 0;
    }
        .slider div.previousImage:hover {
            opacity: 1;
            transition: opacity .25s ease-in-out;
            -moz-transition: opacity .25s ease-in-out;
            -webkit-transition: opacity .25s ease-in-out;
            -o-transition: all 0.25s ease;
        }
    .slider div.thumbs {
        position:absolute; 
        z-index:2; 
        bottom:10px; 
        right:48%;
        vertical-align: middle; 
        padding:10px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background: #ffa90a; /* Old browsers */
        background: -moz-linear-gradient(top, #ffa90a 0%, #fe6e09 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa90a), color-stop(100%,#fe6e09)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffa90a 0%,#fe6e09 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffa90a 0%,#fe6e09 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #ffa90a 0%,#fe6e09 100%); /* IE10+ */
        background: linear-gradient(to bottom, #ffa90a 0%,#fe6e09 100%); /* W3C */
    }
        .slider div.thumbs a {
            display:block; 
            margin-left:5px; 
            float:left; 
            font-family:Verdana, Geneva, sans-serif; 
            font-size:9px; 
            text-decoration:none; 
            padding:4px 7px; 
            background:url('slidebox_thumb.png'); 
            color:#fff; 
            text-indent:0;
            -webkit-border-radius: 100px;
            -moz-border-radius: 100px;
            border-radius: 100px;
            -moz-box-shadow: inset 0 0 10px #000000;
           -webkit-box-shadow: inset 0 0 10px #000000;
            box-shadow: inset 0 0 10px #000000;
            border:1px solid #6a3814;
        }
            .slider div.thumbs a:hover{
                background:#b86224;
                color:#e16913;
            }
        .slider div.thumbs .thumbActive{
            background:#b86224; 
            color:#e16913; 
            display:block; 
            margin-left:5px; 
            float:left; 
            font-family:Verdana, Geneva, sans-serif; 
            font-size:9px; 
            text-decoration:none; 
            padding:4px 7px;
        }
    .slider div ul {
        width:683px; height:259px;
    }
        .slider div ul li {
            position:relative; 
            left:0;  
            float:left;
            list-style: none;
            font-family:Verdana, Geneva, sans-serif;
            font-size:13px;
        }
            .slider div ul li img{
                width: 683px; height: 259px;
            }