/* Ensure buffer for image slider is hidden */
#cs-slider-buffer {
	//display: none;
}

/* Clean up image container and hide whilst loading */
div#main-pic,
div#thumbs-pic {
	display: none;
	border: none !important;
	padding: 0 !important;
	overflow: visible !important;
}

/* Hide slides during loading */
#cs-slider .slides > li {display: none; -webkit-backface-visibility: hidden;}

/* Ensure slide fills container if an image smaller than container size is used */
#cs-slider .slides > li {
	width: 236px;
	height: 236px;
    background: #efefef;
    margin: 0 auto;
}
#cs-slider.flexslider div.flex-viewport ul.slides li.flex-active-slide a.cs_colorbox {
	width: 236px;
	height: 236px;
	display: block;
}

/* Force slider size */
#cs-slider {
    max-width: 236px;
	width: 100%;
	height: auto;
    margin: 0;
    border: none;
    box-shadow: none;
    border-radius: none;
}



#cs-slider .flex-control-nav {
    position: relative;
    bottom: 0;
    margin: 10px 0 0;
}

#cs-slider .flex-direction-nav a {
	margin-top: -10px;
}

#cs-slider .slides {
	margin: 0;
}

#cs-slider .flex-direction-nav {
	margin: 0;
}

#cs-slider .slides img {
	margin: 5px auto;
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 5px #B7B7B7;    
    padding: 5px;
    background: #ffffff;
    position: relative;
    left: 0;
    top: 0;
    max-width: 211px;
    max-height: 211px;
    width: auto;
    height: auto;
}

#listing-images a:active img,
#listing-images a:hover img {
	border: none;
}