/* Hero Slider */
#slider-container {
position:relative;
float:left;
}

#slider {
margin-top:0px;
border:1px solid #f0f0f0;
overflow:hidden;
width:700px;
height:240px;
}

#slider-device {
position:absolute; 
bottom:1px; 
width:69px; 
height:105px; 
background:url("../img/heroslider/hero_device.png") no-repeat 0 0;
}

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

#slider ul li img {
float:left;
}

#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:700px;
height:240px;
overflow:hidden; 
}	

#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
display:block;
width:30px;
height:77px;
position:absolute;
left:-30px;
top:71px;
}	

#nextBtn, #slider1next{ 
left:696px;
}

#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
display:block;
position:relative;
width:30px;
height:77px;
background:url("../img/btn_prev.gif") no-repeat 0 0;	
}	

#nextBtn a, #slider1next a{ 
background:url("../img/btn_next.gif") no-repeat 0 0;	
}	

/* numeric controls */	

ol#controls{
height:28px;
left:12px;
margin:0.8em 0;
padding:3px 0 5px 2px;
position:absolute;
top:0;
}

ol#controls li{
margin:0 10px 0 0; 
padding:0;
float:left;
list-style:none;
height:28px;
line-height:28px;
color:#fff;
font-size:12px;
font-weight:bold;
}

ol#controls li a{
float:left;
height:28px;
line-height:28px;
border:3px solid #fff;
background:url("../img/heroslider/unselected-bg.jpg") repeat-x #0D52A0;
text-align:center;
color:#fff;
padding:0 10px;
text-decoration:none;
}

ol#controls li.current a{
background:url("../img/heroslider/selected-bg.jpg") repeat-x #F59146;
color:#fff;
}

ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* // Easy Slider */