/*body { font: 13px/1.3 Arial, Helvetica, sans-serif;background: url(DemoBG.jpg); }
.Content { width:976px; height: 1000px; margin: 0 auto; border: 1px solid #FFF; background-color:#FFF;  }*/

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 1px solid #E2E2E2;
	margin:-1px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:move;		
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}

/* This is the zoom window. */
.ProductViewer .cloud-zoom-big { border:1px solid #E2E2E2; overflow:hidden; display:none; position: absolute; left: 388px; top: -1px; width: 550px; height: 456px; z-index:99; background: url(ajax-loader.gif); }
.ProductViewer.Portrait .cloud-zoom-big { left: 312px; }
.ProductViewer.Landscape .cloud-zoom-big { left: 388px; }

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}

.ProductView { border:1px solid #E2E2E2; }

.Border { border:1px solid #E2E2E2; }
.Border.Selected { border:1px solid #29ab9f; }

/* Main image collection and thumbnails */
.ProductViewer {  position:fixed; float:left; width:419px; margin-left:7px; margin-top:15px; overflow:hidden; background: url(/Images/Structural/ProductPage/BottomLeftCornerKeyline.png) no-repeat bottom left;}
.ProductViewer.ShowZoom { width:976px; }
.ProductViewer .Viewer {  background: url(/Images/Structural/ProductPage/TopLeftCornerKeyline.png) no-repeat top left;  padding:12px 0px 12px 12px; max-height: 622px; overflow:hidden; position:relative; min-height: 460px;}
.ProductViewer .Viewer *
{
    -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
    }
.ProductViewer .ZoomBG { display:none; background: #FFFFFF;  border:1px solid #E2E2E2; position:absolute; border-radius: 4px; box-shadow: 2px 2px 4px 0 #000000; z-index:98;}
.ProductViewer.Portrait .ZoomBG { width: 314px; height: 466px; left: 88px; }
.ProductViewer.Landscape .ZoomBG { min-width: 392px; min-height: 263px; }

.ProductViewer .ZoomBGBottom { display:none; background: #FFFFFF;  border:1px solid #E2E2E2; position:absolute; border-radius: 4px 0px 4px 4px; box-shadow: 4px 4px 3px -2px #000000; left: 401px; top:270px; border-top:0px; z-index:98; }
.ProductViewer.Portrait .ZoomBGBottom { display:none; width: 314px; height: 466px; left: 88px; }
.ProductViewer.Landscape .ZoomBGBottom { width: 560px; height: 5px; }


.ProductViewer .ProductView { border:1px solid #E2E2E2; position:relative; background-color: #FFF; }
.ProductViewer.Portrait .ProductView { height: 456px; width: 304px; left:93px; position:absolute; top: 17px; }
.ProductViewer.Landscape .ProductView { min-height: 253px; width: 380px; /*left:17px;*/ margin: 5px 0px 8px 5px; }
.ProductViewer .cloud-zoom { overflow:hidden; margin:0 auto; }

.ProductViewer .ProductView .cloud-zoom { display: inline; }

.ProductViewer.Portrait  .ProductView .cloud-zoom { width: 304px; }
.ProductViewer.Landscape  .ProductView .cloud-zoom { width: 360px; }

.ProductViewer .Wrapper { position:relative; display:block; }
.ProductViewer.Portrait .Wrapper { height: 456px; width: 304px; }
.ProductViewer.Landscape .Wrapper { /*height: 240px;*/ max-width: 380px; } /* Width and Height should not be set in case image is smaller that Product View Container in either or both dimensions.*/

.ProductViewer .ShotView { overflow:hidden; cursor: url('/Images/Structural/ProductPage/zoom-icon.png'), auto; }
.ProductViewer.Landscape .ShotView { max-width: 380px; }

.ProductViewer .mousetrap { z-index:999; position:absolute; width: 100%; height: 100%; }

.ProductViewer .ThumbnailScroller, .SuperZoom .ThumbnailScroller { overflow: hidden; }
.ProductViewer.Portrait .ThumbnailScroller { float:left; width:68px; height: 425px; margin: 5px 8px 5px 5px; }
.ProductViewer.Landscape .ThumbnailScroller { width:320px; height:68px; z-index:9999; position: relative; border: 1px #E2E2E2 solid; border-top:none; border-bottom:none; margin: 0 25px; padding: 0 10px; }

.ProductViewer .ThumbnailPages { position:relative; overflow:hidden; }
.ProductViewer.Portrait .ThumbnailPages { height: 420px; width: 152px; }
.ProductViewer.Landscape .ThumbnailPages { width: 360px; }

.ProductViewer.Portrait a.navControl
{
    display: block;
    width: 16px;
    height: 16px;
    line-height: 100%;
    padding: 0;
    overflow: hidden;
    
    background-repeat: no-repeat;
    text-indent:-1000px;
    margin-left:31px;
}

    
 
.ProductViewer.Portrait  a.topLeft
{
    background-image: url('../IMAGES/Structural/Arrows/Carousel/image-carousel-arrow-up.jpg');
}
.ProductViewer.Portrait  a.bottomRight 
{background-image: url('../IMAGES/Structural/Arrows/Carousel/image-carousel-arrow-down.jpg');
 clear:both;
   }  
   
.ProductViewer.Portrait  a.topLeft:hover
{
    background-image: url('../IMAGES/Structural/Arrows/Carousel/image-carousel-arrow-up-over.jpg');
}
.ProductViewer.Portrait  a.bottomRight:hover
{background-image: url('../IMAGES/Structural/Arrows/Carousel/image-carousel-arrow-over.jpg');
   }   
  
   
.ProductViewer.Portrait  a.topLeft.disabled
{background-image: url('../IMAGES/Structural/Arrows/Carousel/image-carousel-arrow-up-greyed.jpg');
    }   
.ProductViewer.Portrait  a.bottomRight.disabled
{background-image: url('../IMAGES/Structural/Arrows/Carousel/image-carousel-arrow-greyed.jpg');
    }    
      
    

.ProductViewer .Thumbnails { margin: 0; padding: 0; float:left; position:relative; }
.ProductViewer.Portrait .Thumbnails { width: 68px; margin-right: 8px; }
.ProductViewer .Thumbnails .Thumbnail { list-style-type: none; margin-bottom:5px; float:left; }
.ProductViewer.Portrait .Thumbnails .Thumbnail  { width:66px; height: 99px; }
.ProductViewer.Portrait .Thumbnails .Thumbnail img  { width:66px; height: 99px; }
.ProductViewer.Portrait .Thumbnails .Thumbnail .cloud-zoom-gallery { float:left; }
.ProductViewer.Portrait .Thumbnails .Thumbnail .cloud-zoom-gallery:after { clear:both; }
.ProductViewer.Portrait .Thumbnails .Thumbnail img { width: 66px; }

.ProductViewer.Landscape .Thumbnails { width: 1000px; }
.ProductViewer.Landscape .Thumbnails .Thumbnail { float:left; margin-right: 8px; height:66px; }
.ProductViewer.Landscape .Thumbnails .Thumbnail img { height: 66px; }

.ProductViewer.Landscape a.navControl
{
    display: block;
    width: 18px;
    height: 18px;
    line-height: 100%;
    padding: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    text-indent:-1000px;
    position:absolute;
    left:15px;
    bottom:40px;
}

.ProductViewer.Landscape a.topLeft
{
    background-image: url('../IMAGES/Structural/Arrows/18x18/999999_left.png');
}

.ProductViewer.Landscape a.bottomRight 
{background-image: url('../IMAGES/Structural/Arrows/18x18/999999_right.png');
    clear:both; right:17px; left:auto; }
    
    
    
    
/* Controls */
.ProductViewer .ProductView .Next,
.ProductViewer .ProductView .Previous { background: url("/Images/Structural/ProductPage/ShotControls.png");   z-index: 1000; cursor: pointer;}

.ProductViewer .ProductView .Next,
.ProductViewer .ProductView .Previous { width: 36px; height: 36px; background-repeat: no-repeat; display:none; margin: 8px; }

.ProductViewer.Portrait .ProductView .Next,
.ProductViewer.Portrait .ProductView .Previous { margin-top: 158px; }

.ProductViewer.Landscape .ProductView .Next,
.ProductViewer.Landscape .ProductView .Previous { margin-top: 68px; }

.ProductViewer .ProductView .Next { background-position: top right; float: right; }
.ProductViewer .ProductView .Previous { background-position: top left; float: left; }
.ProductViewer .ProductView .ShotView .Buttons { display:none; }
.ProductViewer .ProductView .Buttons { width: 100%; height: 42px; }
.ProductViewer .ProductView .SuperZoomTrigger:after { clear: both; }

.ExpanderButton { background: url("/Images/Structural/Controls/ExpanderButton/ExpanderButtonBG.png");   z-index: 1000; width: 24px; height:24px; border:1px solid #E2E2E2; float:right; margin: 8px; cursor: pointer; }
.ExpanderButton .Icon { float: right; height: 24px; width:24px; background: url(/Images/Structural/Icons/24x24.png) no-repeat; }
.ExpanderButton .Text { float:left; display:none; font-size: 12px; font-weight: bold; margin: 4px 0px 0px 8px; color: #676767; }
.ExpanderButton .Text:after { clear:both; }

.SuperZoomTrigger .Icon {  }
.SuperZoomCloser .Icon { background-position: -24px 0; }
.ZoomCloser .Icon { background-position: -24px 0; }

.ProductViewer .ViewerControls { display:none; }

/* TEST HARNESS */
.TestHarnessSettings { background: #FFF; border-radius: 8px; box-shadow: 2px 2px 5px #000; float:right; margin: 32px 8px 8px; }
.TestHarnessSettings:after { clear:both; }
.TestHarnessSettings .FormRow { width: 300px; margin:4px 8px; }

.LeftCol { float:left; }
.RightCol { float:right; width: 400px; }

.Arrow16 { background: url(/Images/Structural/Arrows/16x16.png) no-repeat; width:16px; height: 16px; }
.Arrow16.Left { background-position:  -32px -0px; }
.Arrow16.Right { background-position: -48px -0px; }
.Arrow16.Left:hover { background-position:  -32px -16px; }
.Arrow16.Right:hover { background-position: -48px -16px; }

.Pager { margin: 0 auto; }
.ProductViewer.Landscape .Pager { width: 16px; height:68px; float:left; }
.ProductViewer.Portrait .Pager { width: 56px; height:16px; }

.Pager .Left { float:left; }
.Pager .Right { float:right; }
.Pager .Page12 { background: url(/Images/Structural/Arrows/16x16.png) no-repeat; background-position: -67px -1px; width: 12px; height: 12px; }
.Pager .Page12.Selected { background-position: -67px -17px; }


.ProductViewer.Portrait .Pager .Arrow16.Previous { background-position:  -32px -0px; float:left; }
.ProductViewer.Portrait .Pager .Arrow16.Next { background-position:  -48px -0px; float:right; }
.ProductViewer.Portrait .Pager .Arrow16.Previous:hover { background-position:  -32px -16px; }
.ProductViewer.Portrait .Pager .Arrow16.Next:hover { background-position: -48px -16px; }

.ProductViewer.Landscape .Pager .Arrow16.Previous { background-position:  -0px -0px; }
.ProductViewer.Landscape .Pager .Arrow16.Next { background-position:  -16px -0px; }
.ProductViewer.Landscape .Pager .Arrow16.Previous:hover { background-position:  -0px -16px; }
.ProductViewer.Landscape .Pager .Arrow16.Next:hover { background-position: -16px -16px; }

.ProductViewer.Landscape .Pager .Page12 { width: 12px; height: 12px; }
.ProductViewer.Portrait .Pager .Page12 { background: url(/Images/Structural/Arrows/16x16.png) no-repeat; background-position: -67px -1px; width: 12px; height: 14px; float:left; }
.ProductViewer.Portrait .Pager .Page12.Selected { background-position: -67px -17px; }

.DLTop, .DLBottom { background: #FFF; float:right; margin-right: 8px; border:1px solid #CCCCCC;}
.DLTop { border-radius: 8px 8px 0px 8px; width: 300px; height:100px; box-shadow: 4px 4px 3px -2px; border-bottom:0px;  }
.DLBottom { border-radius: 0px 0px 8px 8px; width: 200px; height:100px; box-shadow: 4px 4px 3px -2px; border-top: 0px;  }

/*-- SuperZoom --*/

/* This is the moving lens square underneath the mouse pointer. */
.supercloud-zoom-lens {
	border: 4px solid #888;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:move;		
}

/* This is for the title text. */
.supercloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}

/* This is the zoom window. */
.supercloud-zoom-big {
	border-left:1px solid #E2E2E2;
	overflow:hidden;
	background-repeat:no-repeat;
	/*margin: 8px;*/
	
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}

/* This is the loading message. */
.supercloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}

.supercloud-zoom 
{
    overflow:hidden;
    max-width:1800px;
}

.SuperZoom  
{
    margin:8px auto; 
    box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.6);
    background: #FFF;
    max-width: 1921px;
}

.SuperZoomLayer 
{
    display:none;
    position:absolute;
    top:0px;
    left: 0px;
    z-index:10000;
}

.SuperZoom .ThumbnailScroller 
{
    height: 438px;
}

.SuperZoom .Thumbnails 
{
    padding: 0;
    margin:8px;
    margin-top:0;
    width:101px;
    float:left;
}


.SuperZoom a.closeSuperCloud {

    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 60px;
    height: 20px;
    z-index: 99999;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 17px;
	color: #fff;
	padding: 9px 11px;
	background: -moz-linear-gradient(
		top,
		#6b6b6b 0%,
		#242424);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#6b6b6b),
		to(#242424));
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 0px solid #000000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow:
		1px 1px 0px rgba(000,000,000,0.8)
	
}
.SuperZoom .Thumbnails .Thumbnail
{
    list-style-type: none; margin-bottom:5px; float:left; max-height:99px; overflow:hidden;
}

.SuperZoom .Thumbnails .Thumbnail img
{
    margin: 0 auto; 
    max-height:99px;
  max-width:66px;
}


.MapImg { float:right; }
.ThumbnailScroller { width: 117px; float: left; }

.superZoomNavWrapper{ width: 100px;height: 468px;padding-left: 15px;padding-top: 9px; z-index: 6; margin-top: 0; position: relative;}
.superZoomNavWrapper .ThumbnailPages { position:relative; overflow:hidden;  height: 420px; width: 152px; position: absolute; top: 30px;}

.superZoomNavWrapper .ThumbnailPages .superZoomTN{ position:relative;}
.superZoomNavWrapper     .ThumbnailScroller { float: none; z-index: 6; }   

.superZoomNavWrapper  a.topLeft
{
    background-image: url('../IMAGES/Structural/Arrows/Carousel/image-carousel-arrow-up.jpg');
}
.superZoomNavWrapper  a.bottomRight 
{background-image: url('../IMAGES/Structural/Arrows/Carousel/image-carousel-arrow-down.jpg');
   }  
   
.superZoomNavWrapper  a.topLeft:hover
{
    background-image: url('../IMAGES/Structural/Arrows/Carousel/image-carousel-arrow-up-over.jpg');
}
.superZoomNavWrapper  a.bottomRight:hover
{background-image: url('../IMAGES/Structural/Arrows/Carousel/image-carousel-arrow-over.jpg');
   }   
  
   
.superZoomNavWrapper  a.topLeft.disabled
{background-image: url('../IMAGES/Structural/Arrows/Carousel/image-carousel-arrow-up-greyed.jpg');
    }   
.superZoomNavWrapper  a.bottomRight.disabled
{background-image: url('../IMAGES/Structural/Arrows/Carousel/image-carousel-arrow-greyed.jpg');
    } 
    
.superZoomNavWrapper a.navControl
{
    display: block;
    width: 16px;
    height: 16px;
    line-height: 100%;
    padding: 0;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    text-indent:-1000px;
    margin-left:33px;
}                     


.superZoomNavWrapper a.navControl.bottomRight
{
    position: absolute;
    bottom: 0;
}