/* Only IE can see inside the conditional comment
and read this CSS rule. Don't ever use a normal HTML
comment inside the CC or it will close prematurely. */

.slider_panel   {width:377px; height:240px;}
.slider_panel p {font-size:12px; line-height:20px;}

.slider_caption {position:absolute; top:213px; color:#fff; font-weight:bold; margin-left:10px; text-transform:uppercase;}
.slider_caption img {margin-right:10px;}

#slider ul li  {width:377px; list-style-type:none;}
#slider {position:absolute; left:475px; top:117px; z-index:1100;}
.band_2_links {position:absolute; z-index:1100;}

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

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}

#slider li{ 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:800px;
	height:290px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	width:39px;
	height:140px;
	position:absolute;
	top:170px;
	z-index:1000;
	}	
#prevBtn{ 
	left:425px;
	}		
#nextBtn{ 
	left:863px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	position:relative;
	width:39px;
	height:140px;
	background:url(../../links/images/bttn_back.png) no-repeat 0 0;
	}	
#nextBtn a{ 
	background:url(../../links/images/bttn_next.png) no-repeat 0 0;	
	}	
		
#prevBtn a:hover, #nextBtn a:hover{  
	display:block;
	position:relative;
	width:39px;
	height:140px;
	background:url(../../links/images/bttn_back_on.png) no-repeat 0 0;
	}	
#nextBtn a:hover{ 
	background:url(../../links/images/bttn_next_on.png) no-repeat 0 0;	
	}