.fullscreen {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 24px;
    height: 20px;
	z-index	: 99;
	padding: 5px 0 0 0;
	background-color : #000000;
}

.fullscreenfs {
    position: absolute;
    top: 18px;
    right: 7px;
    width: 160px;
    height: 20px;
	z-index	: 101;
	padding: 0px;
    overflow:hidden
}

.fullscreenfs_img{
    display: inline-block;
    height: 20px;
    margin: 0;
    padding: 3px 0 0 3px;
    width: 18px;
    background-color: #000000;
}

.normalImage {
	width: 645px;
    height: 480px;
    position: relative;
}

.fullImage {
	top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color:black;
    position: relative;
}

.prevbtnfs {
	
    position: absolute;
    top: 220px;
    left: 0px;
    width: 60px;
    height: 80px;
	z-index	: 99;
	display: block;
}

.nextbtnfs {
	
    position: absolute;
    top: 220px;
    right: 0px;
    width: 60px;
    height: 80px;
	z-index	: 99;
	display: block;
}

.thumbnailfs{
	position: absolute;
    right: 650px;
    bottom: 10px;
    width: 77px;
    height: 60px;
	z-index	: 99;
	display: block;
}

.zoomcss {
	width: 100%;
    height: 100%;
    position: relative;
}

.zoomcss img{
	position: relative;
}

.headerbanner{
	position: absolute;
	top: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    background-color : #6F6F6D;
    filter: alpha(opacity=50);
    opacity: 0.9;
  	z-index	: 100;
}

.footerbanner{
	position: absolute;
	top: 800px;
    left: 0px;
    width: 100%;
    height: 80px;
    background-color : #6F6F6D; 
    filter: alpha(opacity=50);
  	opacity: 0.9;
  	z-index	: 100;
}

.footerbanner a img{
	background-color : #000000;
}
.thumbfs{
	position: absolute;
	top: 800px;
    left: 200px;
    width: 100%;
    height: 50px;
    z-index	: 101;
}

#gallery-thumbnailsfs {
  margin:0px 0px 0px 0px;
  position: relative;
  /*border:1px solid blue;  remove latter*/
}

/* Outer div2 - excludes fwd/bkd buttons*/
.gallery-thumbsfs {
  background-color: transparent;
  font-size: 0;  
  overflow: hidden;
  padding: 0;
  position: relative;
  width:581px; /*(80px+2px+2px)*7 = 588, but there is space between next and last thubmnail. with 581 it is perfectly showing. Existing 576px for 64px. This is the slider width. if less then white space is shown.  595 is for 64 width with 1px borders*/
   /*border:1px solid green; remove latter*/ 
}
/*----- Thumb Container excluding next, previous buttins -----*/
/*----- Individual Thumb -----*/
.gallery-thumbsfs a {
  display:block;
  float: left;
  position: relative;
  padding: 0px 0px 0px 0px; /* UI-  for thumbnail space- keep all '0'*/
}

/*thumbnail css*/
.gallery-thumbsfs a img {
   border:1px solid #cdcdcd; /* UI-  for thumbnail space -  keep  border:1px solid #cdcdcd;*/
   height:60px;
   margin:0 2px 0 2px; /*left 2px and right 2px added UI-  for thumbnail space- remove it */
   width:77px; /* Existing 62px for 64px img with empty space bet next buttona nd last thumbnail. 64 (expected)- 2(border)*/
   background-color: #F3F3F3;
   
}
/*----- Individual Thumb -----*/

/*rounded thumbnail for hovered image*/
.gallery-thumbsfs a img:hover  {
  border: 1px solid #006699;
}

/*rounded thumbnail for selected image*/
.gallery-thumbsfs a.selected-imagefs img {
  border: 1px solid #006699;
}

#thumbnail-sliderfs {
  position:relative;
  /*border:1px solid green;  remove latter*/
}

.zoom-iconfs {
  display: none;
  left: 0;
  position: absolute;
  padding: 0px 0px 0px 0px;
  top: 0;
}

.zoom-iconfs img {
  filter: alpha(opacity=50);
  opacity: 0.3;
}
img.scroll-arrowfs {
  cursor: pointer; /*for hand pointer*/
  height: 62px;
}