body{
background-color: #E7E6DF;
margin: 0;
}
#mainContainer{
	width:780px;
	height:420px;
	background-color:#E7E6DF;
	margin: 0;
}
.clear{
	clear:both;
}
/* End of demo CSS */
#DHTMLgoodies_panel_one,#DHTMLgoodies_arrows,#DHTMLgoodies_thumbs{	/* Width of divs for thumbnails */
	width: 180px;
}
#DHTMLgoodies_panel_one{
float:right;
}
#DHTMLgoodies_thumbs{
	overflow:hidden;	/* Don't change this */
	height:180px;
	float:right;
	position: relative;
	width: 160px;
}
#DHTMLgoodies_thumbs a:hover img{ /*image border hover color*/
border:1px solid #3D392D;	/* color and size of border around onmouse thumbnail */
padding:0px;
}

#DHTMLgoodies_largeImage{	/* Large image div */
width:600px;	/* Width of large image div */
height:420px;
margin: 0px;
padding: 0px;
border: 0px;
float: left;
}
#DHTMLgoodies_largeImage table{	/* Used table to get both horizontal and vertical center alignement of large image */
width:600px;
height:420px;
text-align:left;
}
#DHTMLgoodies_largeImage img{	/* Large image */
	border:0px;	/* Border around large image */
}

.strip_of_thumbnails{	/* A vertical strip of thumbnails */
	width:80px;	/* Width of strip */
	padding:0px;	/* "Air" inside filmstrip div */
	position:absolute;
}
	
	
.strip_of_thumbnails div{	/* each thumbnail */
	width:80px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	border:0px;
	text-align: center;
}
.strip_of_thumbnails img{
	border:0px;
	padding: 1px;

}
.strip_of_thumbnails .activeImage{	/* Active thumbnail */
	border:1px solid #3D392D;	/* color and size of border around active thumbnail */
	padding:0px;
}

.leftArrow{
	float:left;
	margin-left: 20px;
}
.rightArrow{
	float:right;
}
#DHTMLgoodies_thumbs_inner{
	position:relative;
	width: 700px;
}