@charset "utf-8";
/* CSS Document */
#film_carousel_inner {  
float:left; /* important for inline positioning */  
width:822px; /* important (this width = width of list item(including margin) * items shown */  
overflow: hidden;  /* important (hide the items outside the div) */  
/* non-important styling bellow */  
}  
  
#film_carousel_ul {  
position:relative;  
left:-274px; /* 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 */  
}  
 
#film_carousel_ul li{  
position:relative;

float: left; /* important for inline positioning of the list items */  
width: 274px;  /* fixed width, important */  
/* just styling bellow*/  
padding:0px;  
height:395px;  
color:#333333;
font-size:12px;
}  
  
#film_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 */  
border:0px;  
}  
#film_left_scroll, #film_right_scroll{    

}  
#film_left_scroll img, #film_right_scroll img{  
/*styling*/  
cursor: pointer;  
cursor: hand;  
}