/* ------------------------------------------------------ */
/* - Gallery carousel - large image --------------------- */
/* ------------------------------------------------------ */

/*-----Cotainer starts -----*/
.gallery-carousel {
  margin-bottom: 5px;
  position: relative;
  width: 700px;
}
/*-----Cotainer ends -----*/

/*-----large Image starts -----
#gallery-large-image {
  height: 500px;
  overflow: hidden;
  position: relative;
  width: 640px;
}*/
#gallery-large-image table {
  height: 100%;
  margin: 0;
  width: 100%;
}
#gallery-large-image table td {
  font-size: 10; /*-----for pan_zoom - slider button size-----*/
  padding:7px 5px 0px 5px;
  text-align: center;
}
#gallery-large-image img {
  /*  commented for pan_zoom
  max-height: 482px;
  max-width: 600px;*/
  padding:0px 0px 0px 0px;
  /*border-left: 2px solid red;*/
  /*border-top: 2px solid red;*/
}
a.gallery_previous{
	height:58px;
	width:32px;
	text-decoration: none !important;
}
a.gallery_next{
	height:58px;
	width:32px;
}

/*-----large Image ends-----*/
a img{
	border:none;
}

/* ------------------------------------------------------ */
/* - Gallery carousel - Categories---------------------- */
/* ------------------------------------------------------ */
div.image_categories
{
	padding:0px 0px 0px 0px;
}

a.viewed-images
{
	font-weight:bold;
	color:#444;
	text-decoration:none;
	font-family: Arial;
	font-size: 12px;
	
}

a.image_catergories{
	
	padding:0px 0px 0px 0px;
	/*color:#1952CE;*/
	text-decoration:none;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
}

a.image_catergories:hover{
	
	text-decoration: underline;
}

/* ------------------------------------------------------ */
/* - Gallery carousel - thumbnails ---------------------- */
/* ------------------------------------------------------ */
/* Outer div1 - excludes fwd/bkd buttons*/
#gallery-thumbnails {
  margin:0px 0px 0px 0px;
  position: relative;
  /*border:1px solid blue;  remove latter*/
}
/*----- Container for all images-----*/
/* Outer div3 - excludes fwd/bkd buttons*/
#thumbnail-slider {
  position:relative;
  /*border:1px solid green;  remove latter*/
}

/*----- Thumb Container excluding next, previous buttins. It conatisn only visible thumbs-----*/
/* Outer div2 - excludes fwd/bkd buttons*/
.gallery-thumbs {
  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-thumbs a {
  display:block;
  float: left;
  position: relative;
  padding: 0px 0px 0px 0px; /* UI-  for thumbnail space- keep all '0'*/
}

/*thumbnail css*/
.gallery-thumbs 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-thumbs a img:hover  {
  border: 1px solid #006699;
}

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

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

.zoom-icon img {
  filter: alpha(opacity=50);
  opacity: 0.3;
}

img.scroll-arrow {
  cursor: pointer; /*for hand pointer*/
  height: 62px;
}
img.gallery_change_cmd {
  cursor: pointer; /*for hand pointer*/
}

/* for shading on next, prev buttons
#gallery-thumbnails img.scroll-arrow:hover {
  filter: alpha(opacity=80);
  opacity: 0.7;
}
*/
/* for shading on next, prev buttons
#gallery-thumbnails img.arrow-inactive,
#gallery-thumbnails img.arrow-inactive:hover {
  cursor: auto;
  filter: alpha(opacity=50);
  opacity: 0.3;
}
*/
/* for smoothzoom*/
	.smooth_zoom_preloader {
		background-image: url('../../images/preloader.gif');
	}	
	.smooth_zoom_icons {
		background-image: url('../../images/icons.png');
	}
/* for smoothzoom*/

.mainImageTable{
     border-collapse:collapse;
     border: 1px solid #B5B5B5; 
     width: 651px;  /*  .gallery-thumbs + 55*/
     height: 580px;     
}
.tempTD{
      /*border: 1px solid red;  */
      border:none;
}
/*Contains only thumb nails*/
.thumbnailTotal{
      /*border: 1px solid black;*/  
	  width: 642px; /*little large than main image so that fwd/bkd buttons will be aligned with image*/
	  /*height: 62px;*/
	  margin-left: 0px; /*margin of total slide bar including prev/next buttons */
}