#carousel_inner {   
float:left; /* important for inline positioning */  
width:691px; /* important (this width = width of list item(including margin) * items shown */  
overflow: hidden;  /* important (hide the items outside the div) */  
/* non-important styling bellow */  
/* background: #F0F0F0; */  
}   
  
#carousel_ul {   
position:relative;   
left:-344px; /* 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{   
float: left; /* important for inline positioning of the list items */  
width:344px;  /* fixed width, important */  
/* just styling bellow*/  
padding:0px;   
/*height:300px;*/   
/* background: #cccccc; */   
margin-top:10px;   
margin-bottom:10px;   
margin-left:0;   
margin-right:4px;   
}   
  
#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;      
}  

 
/*#left_scroll, #right_scroll{   
float:left;   
height:130px;   
width:15px;   
background: #C0C0C0;   
} */   
/* #left_scroll img, #right_scroll img{   
border:0; /* remove the default border of linked image */  
/*styling*/  
/* cursor: pointer;   
cursor: hand;     
} */