#carousel_inner {
float:left; /* important for inline positioning */
width:305px; /* important (this width = width of list item(including margin) * items shown */ 
.width:307px;
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
background: #F6F6F6;
border-top: 1px solid #CFCFCF;
border-bottom: 1px solid #CFCFCF;
height: 98px;
.height: 100px;
margin:0px;
padding:0px;
}
 
#carousel_ul {
margin:0px; padding:0px;
position:relative;
left:-195px; /* important (this should be negative number of list items width(including margin) */
.left:-205px;
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */


}
 
#carousel_ul li{
float: left; /* important for inline positioning of the list items */                                    
width:92px;  /* fixed width, important */
/* just styling bellow*/
padding-left:1px;
height:80px;
background: #F6F6F6;
margin-top:7px;
margin-bottom:10px;
margin-left:7px;
.margin-left:6px; 
margin-right:1px; 
.margin-right:0px; 
}
 
#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{
float:left; 
height:30px;
.width:15px; 
width:29px;
background: #C0C0C0; 
}
#left_scroll img, #right_scroll img{
/*styling*/
cursor: pointer;
cursor: hand;

}




#carousel_ul1 {
margin:0px; padding:0px;
position:relative;
left:-195px; /* important (this should be negative number of list items width(including margin) */
.left:-205px;
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
}
 
#carousel_ul1 li{
float: left; /* important for inline positioning of the list items */                                    
width:92px;  /* fixed width, important */
/* just styling bellow*/
padding-left:1px;
height:80px;
background: #F6F6F6;
margin-top:7px;
margin-bottom:10px;
margin-left:7px;
.margin-left:6px; 
margin-right:1px; 
.margin-right:0px; 
}
 
#carousel_ul1 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_scroll1, #right_scroll1{
float:left; 
height:30px;
width:29px;
.width:15px; 
background: #C0C0C0; 


}
#left_scroll1 img, #right_scroll1 img{
/*styling*/
cursor: pointer;
cursor: hand;

}