/*-- DIALOG for photo gallery // 
appears on cruises table page
------------------------------------------------------------------*/
#dialPhGallery {width: 678px; height:550px;}

/* main photo - style rules */
#dialPhGallery .mainPhoto {
	display: block;
	width: 638px; height:400px;}
#mainPhotoShow {
	width:638px;
	height:400px;
	position:relative;}
#mainPhotoShow #photoContainer {
  margin:0 auto;
  width:630px;
  height:380px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  padding-top:10px;padding-bottom:10px;}
#mainPhotoShow #photoContainer .photo {
  display:block;width:610px;height:380px!important;overflow:hidden;margin:0px auto;}

/* thumbs - style rules */
.photoThumbs {
	display: block;
	background: transparent;
	width: 638px; height:99px;
	padding:0;
	margin:0;}
#thumbShow {
	width:638px;
	height:99px;
	position:relative;}
#thumbShow #thumbsContainer {
  margin:0 auto;
  width:408px;
  height:88px;
  overflow:auto; /* allow scrollbar */
  position:relative;
  padding-top:8px;padding-bottom:3px;}
#thumbShow #thumbsContainer .slide {
  margin:0 auto;
  width:345px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:65px;}
#dialPhGallery #thumbShow ul{
  display:block;height:65px;overflow:hidden;margin:0; padding:0;}
#dialPhGallery #thumbShow li{
  float:left; display:block;margin:0 4px 0 0;}
#dialPhGallery a.thumbs {
	display:block;
	width:57px; height:57px;
	padding:4px;
	background:url(../img/phgallery/bg_thumb.gif) no-repeat 100% 0px;
	border:0px;}
#dialPhGallery a.thumbs:hover, #dialPhGallery a.thumbs.on:hover, #dialPhGallery a.thumbs.on:visited:hover, #dialPhGallery a.thumbs:visited:hover {
	background: url(../img/phgallery/bg_thumb.gif) no-repeat 100% -130px;}
#dialPhGallery a.thumbs.on {
	background: url(../img/phgallery/bg_thumb.gif) no-repeat 100% -260px;}

/* arrow controles - style rules */
#dialPhGallery .control {
  display:block;
  width:30px;
  height:60px;
  position:absolute;
  cursor: pointer;}
#dialPhGallery a#leftControl {
  top:10px;
  left:0px;
  background:url(../img/phgallery/arr.slider.gif) no-repeat 100% 0px;}
#dialPhGallery a#leftControl:hover {
  background:url(../img/phgallery/arr.slider.gif) no-repeat 100% -200px;}
#dialPhGallery a#leftControl.none {
  background:url(../img/phgallery/arr.slider.gif) no-repeat 100% -bottom;}
#dialPhGallery a#rightControl {
  top:10px;
  right:0px;
  background:url(../img/phgallery/arr.slider.gif) no-repeat 100% -100px;}
#dialPhGallery a#rightControl:hover {
  background:url(../img/phgallery/arr.slider.gif) no-repeat 100% -300px;}
#dialPhGallery a#rightControl.none {
  background:url(../img/phgallery/arr.slider.gif) no-repeat 100% bottom;}
#dialPhGallery .allthumbs { font-weight:bold;color:#666666;text-align:center; }

#dialPhGallery .ploader .content {height:530px;}
#dialPhGallery .ploader .icon {padding-top:200px;}
#mainPhotoShow #photoContainer .ploader {height:380px;}
#mainPhotoShow #photoContainer .icon {padding-top:130px;}