/* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;u
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
	    
    #container{	
	margin:0 auto;
	position:relative;
	text-align:left;
	width:490px;
	background:#fff;	
	margin-bottom:2em;
	}	    
    #content{
	position:relative;
	}	    

    /* Easy Slider */

    #slider ul, #slider li,
    #slider2 ul, #slider2 li{
	margin:0;
	padding:0;
	list-style:none;
	}
    #slider2{margin-top:1em;}
    #slider li, #slider2 li{ 
	/* 
	    define width and height of list item (slide)
	    entire slider area will adjust according to the parameters provided here
	*/ 
	width: 490px;
	height: 241px;
	overflow:hidden; 
	}   
    #prevBtn, #nextBtn,
    #slider1next, #slider1prev{ 
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	z-index:1000;
	}   
    #nextBtn, #slider1next{ 
	left: 490px;
	}							
    #prevBtn a, #nextBtn a,
    #slider1next a, #slider1prev a{  
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background:url(btn_prev.gif) no-repeat 0 0;	
	}   
    #nextBtn a, #slider1next a{ 
	background:url(btn_next.gif) no-repeat 0 0;	
	}   
	
    /* numeric controls */  

    ol#controls{
	margin:1em 0;
	padding:0;
	height:28px;	
	}
    ol#controls li{
	margin:0 10px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:28px;
	line-height:28px;
	}
    ol#controls li a{
	float:left;
	height:28px;
	line-height:28px;
	border:1px solid #ccc;
	background:#DAF3F8;
	color:black;
	padding:0 10px;
	text-decoration:none;
	}
    ol#controls li.current a{
	background:blue;
	color:#fff;
	}
    ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
    .hide_slide {display:none;}