#caroussel{
	height: 120px;
	width: 990px;
}
#carousel_inner {
	float:left; /* important for inline positioning */
	width:990px; /* important (this width = width of list item(including margin) * items shown */ 
	overflow: hidden;
}

#carousel_ul {
	position:relative;
	left:-330px; /* 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 */

	padding-bottom:10px;
}

#carousel_ul li{
	float: left; /* important for inline positioning of the list items */                                    
	/*width:160px;  /* fixed width, important */

	padding:0px;
	height:120px; 
	vertical-align: middle;
}

	#carousel_ul li img{
		margin: 0 2px; 
	}

#carousel_ul li div {
	height:120px;
	vertical-align: middle;
}

#carousel_ul li div a{
	display:block;
	vertical-align: middle;
}

#carousel_ul li div a 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*/

	border:1px solid #CCCCCC;
	cursor:pointer;
	vertical-align: middle;
}

#left_scroll, #right_scroll{
	height:32px; 
	width:130px;
}

	#left_scroll a, #right_scroll a{
		outline-color: #000;
	}

#right_scroll{
	float: right;
}

#left_scroll img, #right_scroll img{
	cursor: pointer;
	cursor: hand;
}

.item-caroussel{
	text-align: center;
	vertical-align: middle;
}