/*
     FILE ARCHIVED ON 14:10:39 May 15, 2013 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:51:13 Apr 19, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
.mobile-gallery-icon {
    background-image: url('/web/20130515141039/http://i.mol.im/i/furniture/mobile/50camera.png');
    width: 50px;
    height: 50px;
    float: right;
    margin-right: 7px;
    margin-top: -57px;
    position: relative;
}

.zoomed .mobile-gallery-icon {
	display: none;
}

#mobileGallerySlider.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}
#mobileGallerySlider .swipe-wrap {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;  
}
#mobileGallerySlider .swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}
#mobileGallerySlider .slide-container {
	width: 100%;
	height: 100%;
	position: relative;
}
#mobileGallerySlider .slide {
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	border-left: 1px solid black;
	border-right: 1px solid black;	
}
#mobileGallerySlider img.blkBorder {	
	border-top: none;
	border-bottom: none;
}
#page-container .interstitial {
	visibility: hidden;
}

.mobile-gallery-bar {
	font-face: helvetica;
	font-weight: bold;
	z-index: 1000;
	position: fixed;
	width: 100%;	
	background-image: -webkit-linear-gradient(top, #666 0%, #333 49%, #333 51%, black 100%);
	background-image: linear-gradient(top, #666 0%, #333 49%, #333 51%, black 100%);
	opacity:0.8;
	color: white;
	text-align: center;
	display: block;	
}

.top-bar {
	top: 0;
}

.top-bar .advert {
	color: yellow;
}

.top-bar .close-button {
	z-index: 2000;
    background-image: url('/web/20130515141039/http://i.mol.im/i/furniture/mobile/66close.png');
    background-repeat: no-repeat;
    background-size: contain;	
	top: 0;	
	right: 0;
    margin: 5px;	
	position: fixed;
	cursor: pointer;
}

.navigation-bar {
	bottom: 0;
}

.navigation-arrow {
	height: 100%;
	position: absolute;
	cursor: pointer;
}

.navigation-arrow.left,
.navigation-arrow.right {
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: center;	
}


.navigation-arrow.right {
    background-image: url('/web/20130515141039/http://i.mol.im/i/furniture/mobile/66next.png');
}

.navigation-arrow.left {
    background-image: url('/web/20130515141039/http://i.mol.im/i/furniture/mobile/66previous.png');		
}

.advert-hidden {
	visibility: hidden;
}

#mobileGallerySlider.first .navigation-arrow.left,
#mobileGallerySlider.last .navigation-arrow.right {
	opacity: 0.3;
}

#mobileGallerySlider .caption-bar {
	position: fixed;
	color: white;
	font-face: helvetica;
	font-weight: bold;
    width:100%;
    padding: 10px 0;
	background-color: black;
	opacity: 0.8;
	text-align: center;
	display:block;
}

#mobileGallerySlider .caption-bar.empty {    
    display:none !important;
}

#mobileGallerySlider .caption-bar .text {
    width: 95%;
    margin: auto	
}

@media screen and (orientation:landscape) {
	.mobile-gallery-bar {
		height: 44px;
		line-height: 44px;		
		font-size: 14pt;		
	}	
	.mobile-gallery-bar .navigation-arrow {
		width: 44px;
		margin-left: -22px;		
	}		
	.mobile-gallery-bar .close-button {
		height: 34px;
		width: 34px;	
	}
	.caption-bar {
	    bottom: 44px;
	    font-size: 12pt;
	}
	.interstitial_portrait {
		display:none;
	}
	.interstitial_landscape {
		display:block;
	}
	.navigation-arrow.left {
	    left: 41%;	
	}
	.navigation-arrow.right {
	    left: 59%;	
	}
}

@media screen and (orientation:portrait) {
	.mobile-gallery-bar {
		height: 66px;
		line-height: 66px;	
		font-size: 20pt;
	}	
	.navigation-arrow {
		width: 66px;
		margin-left: -33px;		
	}
	.mobile-gallery-bar .close-button {
		height: 56px;
		width: 56px;	
	}
    .caption-bar {
        bottom: 66px;
        font-size:  14pt;
    }	
    .interstitial_portrait {
		display:block;
    }	
    .interstitial_landscape {
		display:none;
    }	
    .navigation-arrow.left {
        left: 38%;  
    }
    .navigation-arrow.right {
        left: 62%;  
    }    
}