.carousel 
{
    width:690px;
    height:218px;
    border:solid 1px #CCCCCC;
    padding:5px;
    margin-bottom:20px;
    margin-top:5px;
}

.carousel a
{
    border:solid 0px transparent !important;
}
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	
		margin:0;
		position:relative;
		text-align:left;
		width:690px;
	
		}	
	#header{
		height:80px;
		line-height:80px;
		}				
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li, #slider li a {
		margin:-2px 0 0 0;
		padding:0;
		list-style:none;
        color:transparent;

		}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:690px;
		height:220px;
		overflow:hidden; 
		margin:0;
		padding:0;
		}	


		
	/* numeric controls */	

	ol#controls{
		margin:-44px -6px 0 0;
		padding:10px 0 10px 10px;
		height:28px;
		float:right;
        background: url(/gui/carouselPaginationBackground.png);
		width:112px;
		height:28px;
		z-index:30000;
			
		}
	ol#controls li{
		margin:0 7px 0 0; 
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:30px;
		line-height:30px;
		border:1px solid #ccc;
        background: url(/gui/carouselPaginationButton.png);
		color:#262626;
        text-align:center;
		text-decoration:none;
		width:30px;
		font-weight:bold;
		font-size:18px;
		}
	ol#controls li.current a{
        background: url(/gui/carouselPaginationButtonOn.png);
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}