.dhtmlgoodies_slideshow{
		width:100%;	/* Total width of slideshow */



	}

	.previewPane{
	/* border: 5px solid #c5c3c3; */
margin-right: 10px;
text-align: center;
vertical-align: middle;
position: relative;
width: 90%;
float: left;
background: #c5902d;

	}
	.waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:180px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;
	}
	.galleryContainer{	/* Big Div surrounding up image, list of images and down image */
		float: left;
height: 320px;
width: 100px;
border: 1px solid #c5c3c3;
position: relative;

	}
	.galleryContainer .arrow_down{	/* Arrow down image */
		height:28px;
		position:absolute;
		bottom:0px;
		z-index:100;
	}
	.galleryContainer .arrow_up{
		height:28px;	/* Arrow up image */
		position:absolute;
		top:0px;
		z-index:100;
	}

	.theImages{	/* DIV where the images are located */
		top: 35px;
position: absolute;
overflow: hidden;
height: 275px;
text-align: center;
padding: 0 10px 0 10px;	/* Height of boxes for the images */
	}
	.theImages div{
		position:relative;	/* Don't change this */
		height:1500px;	/* Higher than total height of thumbnails */

	}
	.theImages img{
		border:0px;	/* No border */
		filter:alpha(opacity=50);	/* Transparency - IE */
		opacity:0.5; /* Transparency - Firefox */
		padding-top:1px;	/* Space between images */
	}
	.theImages .imgOver {
		filter:alpha(opacity=100);	/* Transparency - IE */
		opacity:1; /* Transparency - Firefox */		
		
	}
	.previewPane .largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	.theImages .imageCaption{
		display:none;
	}
	
	
	
	
	
	
	@media screen and (min-width:320px) {



.previewPane{
/* border: 5px solid #c5c3c3; */
margin-right: 1%;
text-align: center;
vertical-align: middle;
position: relative;
width: 69%;
float: left;
background: #c5902d;

	}
	
		.galleryContainer{	/* Big Div surrounding up image, list of images and down image */
		float: left;
height: 320px;
width: 30%;
border: 1px solid #c5c3c3;
position: relative;

	}
}

	@media screen and (min-width:480px) {



.previewPane{
/* border: 5px solid #c5c3c3; */
margin-right: 1%;
text-align: center;
vertical-align: middle;
position: relative;
width: 79%;
float: left;
background: #c5902d;

	}
	
		.galleryContainer{	/* Big Div surrounding up image, list of images and down image */
		float: left;
height: 320px;
width: 20%;
border: 1px solid #c5c3c3;
position: relative;

	}
}
@media screen and (min-width:1024px) {



.previewPane{
/* border: 5px solid #c5c3c3; */
margin-right: 1%;
text-align: center;
vertical-align: middle;
position: relative;
width: 89%;
float: left;
background: #c5902d;

	}
	
		.galleryContainer{	/* Big Div surrounding up image, list of images and down image */
		float: left;
height: 320px;
width: 10%;
border: 1px solid #c5c3c3;
position: relative;

	}
}
@media screen and (min-width:768px) {



.previewPane{
/* border: 5px solid #c5c3c3; */
margin-right: 1%;
text-align: center;
vertical-align: middle;
position: relative;
width: 87%;
float: left;
background: #c5902d;

	}
	
		.galleryContainer{	/* Big Div surrounding up image, list of images and down image */
		float: left;
height: 320px;
width: 12%;
border: 1px solid #c5c3c3;
position: relative;

	}
}
	@media screen and (min-width:1280px) {


	.previewPane{
/* border: 5px solid #c5c3c3; */
margin-right: 10px;
text-align: center;
vertical-align: middle;
position: relative;
width: 90%;
float: left;
background: #c5902d;

	}

	.galleryContainer{	/* Big Div surrounding up image, list of images and down image */
        float: right;
        height: 320px;
        width: 100px;
        border: 1px solid #c5c3c3;
        position: relative;

	}
}

.pro-description{
color: #000; 
padding-top: 20px; 
background-color:#f8f8f8; 
text-align:left;
font-size: 14px;
}