#slide { height: 174px; width: 698px; position: relative; float: none; background: #FFF url(bg-slide.png) no-repeat; padding-left: 46px; clear: both; margin: 0px; padding-top: 16px; }

/* Sudo Slider */
#slider ul, #slider li{ margin:0px; padding:0px; list-style:none; position:relative; display:block; }

/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in. 
#slider li {display:none;}	
#slider li:first-child {display:block;}
*/

#slider { width:663px; }
/* // Sudo Slider */	
/* Numeric Navigation */
#slider ul{ height:160px; }
#slider ul li{ margin:0px; padding:0; float:left; list-style:none; height:160px; width: 221px; overflow: hidden; }

#slider ul li a{ color: #7CAA00; text-decoration:none !important; display: block; float: left; height: 158px; width: 208px; overflow: hidden; position: relative; border: 1px solid #e8e8e8; background-color: #FFF; text-align: center; }
#slider ul li img  { max-height: 158px; max-width: 208px; }

#slider ul li a:focus , .prevBtn a:focus , .nextBtn a:focus{outline:none;}

.graphic, .prevBtn, .nextBtn{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px;}

.prevBtn, .nextBtn { display:block; width:35px; height:160px; position:absolute; left:0px; top:16px; z-index:1000; background:url(bt-slide-l.png) no-repeat 0px 0px; cursor:pointer; }	
.nextBtn{ left:709px; background-image: url(bt-slide-r.png); background-repeat: no-repeat; background-position: 0px 0px; }														
.prevBtn:hover, .nextBtn:hover { background-position: -35px 0px; }