/* scroll 2 */

.carousel2_container {width:1000px; height:auto; position:relative;}

#carousel2_inner {
float:left; /* important for inline positioning */
width:851px; /* 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:#CCCCCC;*/
position:relative;
margin:0 0 0 70px;
}

#carousel2_ul {
position:relative;
left:0px; /* 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 */
height:125px;
display:block;
padding:0 0 0 0;
/* non-important styling bellow */
}
#carousel2_ul li{
float: left; /* important for inline positioning of the list items */
width:219px;  /* fixed width, important */
/* just styling bellow*/
margin:0 0 0 0;
height:125px;
background:url(../images/saprator.jpg) no-repeat right top;
padding:25px 0 0 0;
/*background: #000000;*/
margin-left:1px; 
margin-right:2px;
list-style-type:none;
}
#carousel2_ul li img {
 /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
border:0px;
}
#left2_scroll, #right2_scroll{
float:left; 
width:38px;
height:38px; 
padding:65px 0 0 0; 
/*background: #C0C0C0; */
}
#left2_scroll img, #right2_scroll img{
/*styling*/
cursor: pointer;
}