/* Easy Slider */
#slider ul, #slider li, #slider2 ul, #slider2 li, #slider3 ul, #slider3 li {
    list-style: none;
    margin: 0;
    padding: 0;
}
#slider { margin-left: 70px; }
#slider2 { margin-top:1em; }
#slider3 { margin-top:1em; }
#slider li, #slider2 li, #slider3 li  {
    /* 
        define width and height of list item (slide)
        entire slider area will adjust according to the parameters provided here
    */ 
    min-height: 108px;
    overflow: hidden;
    width: 365px;
}    
.carousel #slider li a {
    float: left;
    padding: 0 6px 0 0;
    text-align: center;
    color: #7c318c;
}
.carousel #slider a:hover {
    color: #7c318c;
    text-decoration: none;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev { 
    display: block;
    height: 42px;
    position: absolute;
    left: 20px;
    top: 30px;
    width: 42px;
    z-index: 1000;
}    
#nextBtn, #slider1next { left: 445px; }                                                        
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a {  
    display: block;
    position: relative;
    width: 42px;
    height: 42px;
    background: url(/images/prev-btn.png) no-repeat 0 0;    
}    
#nextBtn a, #slider1next a { 
    background: url(/images/next-btn.png) no-repeat 0 0;    
}    
        
    /* numeric controls */    
ol#controls{
    height: 28px;
    margin: 0 0 0 60px;
    padding: 0;
    text-align: center;
}
ol#controls li{
    float: left;
    height: 28px;
    line-height: 28px;
    list-style:none;
    margin: 0 10px 0 0; 
    padding: 0;
}
ol#controls li a {
    color: #7c318c;
    float: left;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    text-decoration: none;
}
ol#controls li.current a { font-weight: bold; }
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus { outline:none; }
    
/* // Easy Slider */