/* CARUSELL */

#carousel_inner {
    background-image: url("img/bg-carrusell.png");
    float: left;
    overflow: hidden;
    padding-left: 0px;
    padding-right: 0px;
    width: 550px;
	
	
}

#carousel_ul {
position:relative;
left:-275px; /* 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;
    
    margin: 0px;
    padding: 0;
    width: 275px;
}
#carousel_ul li h3{
float:left;
width: 265px;
margin-bottom:5px;
}
#carousel_ul li span{
float:left;
width: 265px;
font-size:11px;
height:90px;
}
#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:128px;
	width:21px;

}
#right_scroll span{
color: #fff;
    display: block;
    float: left;
    font-size: 21px;
    background-image:url(assets/templates/right-20x100.png);
    margin-top:60px;
    width:20px;
    height:100px;
    cursor:pointer;
}
#right_scroll span:hover{
	color:#000;
}
#left_scroll, #left_scroll{
	float:left;
	height:105px;
	width:30px;

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

#left_scroll span{
color: #fff;
    display: block;
    float: left;
    font-size: 21px;
    margin-top:60px;
    margin-right:10px;
    width:20px;
    height:100px;
    cursor:pointer;
    background-image:url(assets/templates/left-20x100.png);
}
#left_scroll span:hover{
	color:#000;
}
.vermas {
color:#fff;
font-weight:bold;
font-size:12px;
float:right;
margin-top:5px;
margin-right:10px;
}