.mscarousel {overflow:hidden}
.mscarousel .child{position:relative;}
.mscarousel .child .set, .mscarousel .set{float:left; position:relative;}
.mscarousel .child .clear{clear:both}

#carouselcontent .set img
{
    width: 500px !Important;
}

#carousel
{
    background: #E3F1F6;
	position: relative;
	width: 530px;
	height: 405px;
	padding: 15px;
	margin: 0 auto;
	margin-top: 40px;
}
#carouselcontent { 
    
    
    width: 500px;
    max-width: 500px;
    max-height: 375px;
    text-align: center;
	overflow: hidden; 
}
#carouselcontent_mscchild img
{
    max-width: 500px;
    max-height: 375px;
}
#carousel #previous
{
	position: absolute; 
	top: 155px;
	left: 17px;
	cursor:pointer;
}
#carousel #next
{
	position: absolute; 
	top: 155px;
	right: 17px;
	cursor:pointer;
}


@media ( max-width: 615px ) {
	#carousel, #carouselcontent
	{
		width: 100%; max-width: 100%;
	}
	 

}