#overLayDiv
{
	z-index: 1000;
	height: 100%;
	width: 100%;
	position: fixed;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url("../images/slideShow/overlayImage.png");
	background-repeat: repeat;
	display: none;
	text-align: center;
}
#closeSlideShow
{
	position: absolute;
	color:#c5c9c9;
	font-family: Helvetica;
	z-index: 1500;
	cursor: pointer;	
	font-weight: bold;
}

#previousImage , #nextImage
{
	position: absolute;
	color:#dce0e0;
	font-family: WorkSans-Regular;
	z-index: 1500;
	cursor: pointer;
}
.pageThumbnail:hover{
	opacity:0.5;
}
.pageThumbnail{ display: inline-block ; cursor: pointer; }
#thumbnailWrap { width : 100% !important; display: inline !important; }
.thumbnail { cursor: pointer; }
.thumbnail:hover {border: 1px solid #ffffff;}

#largeImage
{
	position: relative;
	top: auto;
}
#largeImageWrap
{
	position: relative;
	text-align: center;
	vertical-align: middle;
}

@media screen and (max-width: 359px){.w320{display: block;} .thumbnail.w320{display: inline;}  #closeSlideShow{top:14px; right: 18px; font-size:20px;} .pageThumbnailImage{height: 100px; width: 100px;}}
@media screen and (min-width: 360px)  and (max-width: 479px){.w360{display: block; } .thumbnail.w360{display: inline;}  #closeSlideShow{top:12px; right: 20px; font-size:25px;} .pageThumbnailImage{height: 120px; width: 120px;}}
@media screen and (min-width: 480px)  and (max-width: 639px){.w480{display: block;} .thumbnail.w480{display: inline;}  #closeSlideShow{top:15px; right: 22px; font-size:25px;} .pageThumbnailImage{height: 140px; width: 140px;}}
@media screen and (min-width: 640px)  and (max-width: 767px){.w640{display: block;} .thumbnail.w640{display: inline;}  #closeSlideShow{top:18px; right: 25px; font-size:28px;}  .pageThumbnailImage{height: 140px; width: 140px;}}
@media screen and (min-width: 768px)  and (max-width: 1023px){.w768{display: block;} .thumbnail.w768{display: inline;}  #closeSlideShow{top:20px; right: 30px; font-size:30px;} .pageThumbnailImage{height: 150px; width: 150px;}}
@media screen and (min-width: 1024px) {.w1024{display: block;} .thumbnail.w1024{display: inline;} #closeSlideShow{top:20px; right: 30px; font-size:30px;} .pageThumbnailImage{height: 150px; width: 150px;}}