@charset "utf-8";
/* CSS Document */
#carousel_inner {  
float:left; /* important for inline positioning */  
width:575px; /* important (this width = width of list item(including margin) * items shown */  
overflow: hidden;  /* important (hide the items outside the div) */  
/* non-important styling bellow */  

}  
  
#carousel_ul {  
position:relative;  
left:-585px; /* important (this should be negative number of list items width(including margin) */  
list-style-type: none; /* removing the default styling for unordered list items */  
margin: 0px;  
padding: 0px;
width:9999px; /* important */  
/* non-important styling bellow */  
padding-bottom:10px;  
}  
  
#carousel_ul li{  
position:relative;
top:10px;
left:0px;
float: left; /* important for inline positioning of the list items */  
width:575px;  /* fixed width, important */  
/* just styling bellow*/  
padding:0px;  
height:110px;  
margin-top:10px;  
margin-bottom:10px;  
margin-left:5px;  
margin-right:5px;  
color:#333333;
font-size:12px;
}  
  
#carousel_ul li img {  
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/  
/* styling */  
cursor:pointer;  
cursor: hand;  
border:0px;  
}  
#left_scroll, #right_scroll{    
height:20px;  
width:20px; 
}  
#left_scroll img, #right_scroll img{  
/*styling*/  
cursor: pointer;  
cursor: hand;  
}