﻿	#mainContainer{
		margin:0 auto;
		width:526px;
		text-align:center;
		background-color:#FFF;
		padding:3px;
		/* border:1px solid #317082;	*/
	}
	.clear{
		clear:both;
	}
	/* End of demo CSS  - change this to make it wider */
	#DHTMLgoodies_panel_one,#DHTMLgoodies_arrows,#DHTMLgoodies_thumbs{	/* Width of divs for thumbnails */
		width:524px;
	}
	/*
	#DHTMLgoodies_panel_one{		
		float:left;	
	} */
	#DHTMLgoodies_thumbs{
		overflow:hidden;	/* Don't change this */
		height:140px;	/* Height of thumbnail div */
		position:relative;	/* Never change this */
		/*float:left;*/
	}
	#DHTMLgoodies_largeImage{	/* Large image div */
		/*width:400px;*/	/* Width of large image div */
		/*height:310px;*/	/* Height of large image div */
		/*float:left;*/
		padding-left:10px;	/* "Air" */
		padding-right:10px;	
	}
	#DHTMLgoodies_largeImage table{	
		width:500px;
		/*height:100%;*/
		text-align:center;
	}
	#DHTMLgoodies_largeImage img{	/* Large image */
		border:2px solid #3399cc;	/* Border around large image */
	}
	
	
	.strip_of_thumbnails{	/* A vertical strip of thumbnails */
		width:165px;	/* Width of strip */
		padding:5px;	/* "Air" inside filmstrip div */
		position:absolute;
	}
	.strip_of_thumbnails div{
		width:160px;
		height:140px;
		padding:2px;
		text-align:center;

	}
	.strip_of_thumbnails img{
		border:2px solid #3399cc;
		padding:0px;
	}
	.strip_of_thumbnails .activeImage{	/* Active thumbnail */
		border:2px solid blue;	/*  border around active thumbnail */
		padding:0px;
	
	}
	.leftArrow{
		float:left;
	}
	.rightArrow{
		float:right;
	}
	#DHTMLgoodies_thumbs_inner{
		position:relative;	/* Never change this */
		width:1000px;
	}	
