@charset "utf-8";
/* CSS Document */
html { 
	background:#d8d8d8;
	height:100%; 
	width:100%; 
}
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	height:100%;
	min-width:350px;
	width:100%;
}

*{ outline:none; }

img { border: none; }
a { color: #444340; }

ul, li, div {
	margin:0;
	padding:0;
	list-style:none;
}
.left_panel{ width:30%; float:left; height:100%; overflow:scroll; overflow-x:hidden; overflow-y:scroll;}

/* .left_panel:hover{ overflow-y:scroll; } */

.border_right{ clear:both; border-right:2px solid #666; min-height:100%; height:auto; width:auto; }
.right_panel{width:70%; float:right; padding:0px; margin:0px; height:100%; position:relative; overflow:hidden;  }
.right_panel iframe{ overflow:hidden; overflow-y:auto; overflow-x:hidden; }

.expandHandlerNormal{ opacity:0.75; filter:alpha(opacity=75); position:absolute; left:0px; top:55px; z-index:1; cursor:pointer; cursor:hand; background:url(../../../images/DesignNG/expand.png) 0px 0px no-repeat; width:15px; height:46px;}
.expandHandlerNormal:hover{ opacity:1; filter:alpha(opacity=100);}
.expandHandlerActive{ background-position:-15px 0px; }


.pageLoader{
	display:block; width:100%; height:100%; position:absolute; top:0; left:0; background:#000000 url(../../../images/DesignNG/photoswipe-loader.gif) center no-repeat; z-index:999; opacity:0.55; filter:alpha(opacity=55);
}

#Header { background: #333333; padding: 0; border-bottom: 1px solid #3c3c3c; float:left;  }
#Header img { display: block; margin: 0 auto 0; }
#page_bg{float:left; width:100%;}
.home_bg, .photos_bg, .videos_bg, .maps_bg, .vr_bg{
	float:left; width:100%; background-attachment:fixed;
} 
#MainContent {float:left; width:100%; box-sizing:border-box;
 -moz-box-sizing:border-box; /* Firefox */
 -webkit-box-sizing:border-box; /* Safari */ }
 
#Footer { padding: 10px; border-top: none; } 

#SocialLinks { padding: 10px 0 0 0; }
#SocialLinks:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#SocialLinks a { display: block; float: left; padding-right: 15px; }

div.gallery-row{ float:left; width:100%; }

div.gallery-item { float: left;}
div.gallery-item a { display: block; margin:5px 5px 5px 5px; border: 1px solid #3c3c3c; text-decoration:none;}
div.gallery-item img { display: block;}

#rowphotos, #row360, #rowvideos, #rowshare, #rowlanguage{ width:100%; float:left;}
ul#rowphotos, ul#row360, ul#rowvideos, ul#rowshare, ul#rowlanguage{width:95%; float:left; padding:0px; margin:0px; list-style:none; }
ul#rowphotos li, ul#row360 li, ul#rowvideos li, ul#rowshare li, ul#rowlanguage li{ width:95%; float:left; list-style:none;}
ul#rowphotos li a, ul#row360 li a, ul#rowvideos li a, ul#rowshare li a, ul#rowlanguage li a{ width:95%; text-decoration:none; float:left;}
ul#rowphotos li a img, ul#row360 li a img, ul#rowvideos li a img, ul#rowshare li a img, ul#rowlanguage li a img{ display: block; border: 1px solid #3c3c3c; margin:5px 10px 5px 15px; float:left; }
ul#rowshare li a img{ border: none;}
ul#rowphotos li a strong, ul#row360 li a strong, ul#rowvideos li a strong{ font:15px Arial, Helvetica, sans-serif; color:#000000; height:60px; vertical-align:middle; display:table-cell;}
ul#rowshare li a strong{ font:15px Arial, Helvetica, sans-serif; color:#000000; height:45px; vertical-align:middle; display:table-cell;}
ul#rowlanguage li a strong{ font:15px Arial, Helvetica, sans-serif; color:#000000; height:32px; vertical-align:middle; display:table-cell;}
ul#rowphotos li a strong span, ul#row360 li a strong span, ul#rowvideos li a strong span, ul#rowshare li a strong span, ul#rowlanguage li a strong span{ font:bold 12px Arial, Helvetica, sans-serif; color:#000000; font-weight:normal; display:block;}

div.page-content{float:left; width:100%; background:#FFF; border-bottom:1px solid #5a5a5a; padding:10px 0px 10px 0px; box-sizing:border-box;
 -moz-box-sizing:border-box; /* Firefox */
 -webkit-box-sizing:border-box; /* Safari */}

div.hotelLogo{padding:0px 10px 0px 10px; vertical-align:middle; display:table-cell; *+float:left;}
div.hotelName{margin:0px 0px 0px 0px;  height:100px; vertical-align:middle; display:table-cell; box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}

div.hotelName h1{float:left; width:100%; font:bold 15px Arial, Helvetica, sans-serif; color:#333333; padding:0px 45px 0px 0px; margin:0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
div.hotelName span{display:inline-block; font:12px Arial, Helvetica, sans-serif; color:#333333; clear:both; padding: 0px 5px 0px 0px;}

/* Hi-res retina display */
/*@media only screen and (min-width: 800px) and (max-width: 1024px)
{	
	div.page-content{width:100%; background:#FFF;  border-bottom:1px solid #5a5a5a;}
	div.hotelLogo{margin:20px 0px 5px 0px; width:100%; text-align:center; float:left; }
	div.hotelName{margin:0px 0px 10px 0px; text-align:center; float:left; width:100%; height:auto; }
	div.hotelName h1{width:100%; font:bold 17px Arial, Helvetica, sans-serif; color:#333333; padding:0px; margin:0px;}
	div.hotelName span{font:14px Arial, Helvetica, sans-serif; color:#333333; clear:both; }
}*/

/* Collapse / Expand menu starts */

.content_container {
	width:100%; float:left; padding:0px; margin:0px;
}
.video_container{ width:100%; height:100%; text-align:center;  }

.content_head{
	padding: 10px 0px 10px 0px; cursor: pointer; font:17px Arial, Helvetica, sans-serif; color:#FFF; border-bottom:1px solid #EBEBEB; margin:0px; background:#dad9d9 url(../../../images/DesignNG/info_head_bg.png) top left repeat-y; float:left; width:100%; 
}
.content_head a{
 display:block; width:100%; height:30px; text-decoration:none; cursor:pointer;
} 
.content_head a span{
	color:#FFF;
} 
.content_head span{
	background:url(../../../images/DesignNG/down_arrow.png) center left no-repeat; text-indent:25px; height:36px; display:block; line-height:37px;  margin:0px 10px 0px 10px;
}
.content_head span.no_arrow{
	background:none;
}
.content_head_no_sub span{
	background:none; padding-left:25px; height:36px; display:block; line-height:36px; margin:0px 10px 0px 10px; color:#FFF; 
}
.content_head_powered{
	padding:10px 0px 5px 0px; cursor:pointer;  margin:0px; background-image:none; float:left; width:100%; text-align:center; opacity:0.5; filter:alpha(opacity=50); border-bottom:none; background:none;
}
#powered_logo{
	float: left;
	margin: -4px 10px 0 10px;	
}
#GoogleBackHome{
	right:5px; top:45px; position:absolute; z-index:1; color:#000000; font:bold 12px Arial, Helvetica, sans-serif;  opacity:0.8; filter:alpha(opacity=80);
}
#GoogleBackHome a{
	font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none;
}
.ico_360, .ico_photos, .ico_videos, .ico_maps, .ico_info, .ico_home, .ico_share, .ico_iframe{
	height:36px; display:inline-block; text-indent:45px;
}
.ico_360{
	background:url(../../../images/DesignNG/ico_360_tab.png) left no-repeat; 
}
.ico_photos{
	background:url(../../../images/DesignNG/ico_photos_tab.png) left no-repeat;
}
.ico_videos{
	background:url(../../../images/DesignNG/ico_videos_tab.png) left no-repeat;
}
.ico_maps{
	background:url(../../../images/DesignNG/ico_map_tab.png) left no-repeat;
}
.ico_info{
	background:url(../../../images/DesignNG/ico_info_tab.png) left no-repeat;
}
.ico_home{
	background:url(../../../images/DesignNG/ico_home_tab.png) left no-repeat;
}
.ico_iframe{
	background:url(../../../images/DesignNG/ico_iframe_tab.png) left no-repeat;
}
.content_body {
	display:none; font:13px Arial, Helvetica, sans-serif; color:#000; padding:10px 0px 10px 0px; background-color:#FFF; float:left; width:100%;
}
/*.content_body ul{
  padding:0px; list-style-type:disc; margin:0px; margin-left:10px;
}
.content_body ol{
  padding:0px; list-style-type:decimal; margin:0px; margin-left:10px;
}
.content_body ul li{
  text-decoration:none; margin-left:10px; list-style-type:disc;
}
.content_body ol li{
  text-decoration:none; margin-left:10px; list-style-type:decimal;
}*/
.content_body a{
  display:block; text-decoration:underline;
}
.content_body a:hover {
  color: #000000; text-decoration:underline;
}

.ico_share{
	background:url(../../../images/DesignNG/ico_share_tab.png) left no-repeat; padding:0px 16px 0 0;
}
.HeaderNormal{background:#dad9d9 url(../../../images/DesignNG/info_head_bg.png) top left repeat-y; border-bottom:1px solid #EBEBEB;}
.HeaderActive, .HeaderActive a span{background-color:#F5F5F5; background-image:none; color:#000000; border:none;}

.content_head span.ArrowDown{background:url(../../../images/DesignNG/down_arrow.png) center left no-repeat;}
.content_head span.ArrowUp{background:url(../../../images/DesignNG/up_arrow.png) center left no-repeat;}

#poweredby_content{ font:12px Arial, Helvetica, sans-serif; color:#000; background:#FFF;}
#poweredby_content p{padding:0px 10px 0px 10px; display:inline-block;}
#poweredby_content span{float:left; margin:0px 10px 5px 0px;}

#pano{ overflow:hidden; }

ul.categoryFilter { margin:5px 10px 30px 15px; padding:0px; list-style:none; width:auto; text-decoration:none;}
ul.categoryFilter li { float:left; margin-right:5px; margin-bottom:10px; height:31px; }
ul.categoryFilter li label input { float:left; padding:0px; margin:1px 3px 0px 0px;}
ul.categoryFilter li a{ text-decoration:none; font:12px Arial, Helvetica, sans-serif; font-weight:normal;}
ul.categoryFilter li a:hover{ text-decoration:none;}
ul.categoryFilter li img{ float:left;}
ul.categoryFilter li strong{ float:left; padding:8px 0px 6px 5px; }
ul.categoryFilter li.CategoryAll{ background:url(../../../images/DesignNG/category_all.png) 0px -31px no-repeat; }
ul.categoryFilter li.CategoryGen{ background:url(../../../images/DesignNG/category_general.png) 0px -31px no-repeat; }
ul.categoryFilter li.CategoryAcc{ background:url(../../../images/DesignNG/category_accommodation.png) 0px -31px no-repeat; }
ul.categoryFilter li.CategoryDin{ background:url(../../../images/DesignNG/category_dining.png) 0px -31px no-repeat; }
ul.categoryFilter li.CategoryLei{ background:url(../../../images/DesignNG/category_leisure.png) 0px -31px no-repeat; }
ul.categoryFilter li.CategoryBus{ background:url(../../../images/DesignNG/category_business.png) 0px -31px no-repeat; }
ul.categoryFilter li:hover{ background-position: 0px 0px;}
ul.categoryFilter li.active{ background-position: 0px 0px;}


.VideoHome{ position:fixed; bottom:0px; left:0px; }
.VideoHome a{ font:bold 12px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; }

.ExternalPageBody{ padding:0px; margin:0px; overflow:hidden; }
.ExternalBackButton{ background:url(../../../Images/DesignNG/vr_bottom_bar_bg.png) repeat-x; height:40px; width:100%; padding:0px; margin:0px; z-index:100; position:absolute; bottom:0px; left:0px; min-width:350px; overflow:hidden; }

.FullScreen{ position:fixed; right:18px; top:-5px; cursor:pointer;z-index:99; }
/*.CloseFullScreen{ display:none; position:fixed; right:18px; top:-5px; cursor:pointer;z-index:99;  }*/


.VideoPageHeaderTitle{width:auto; text-align:center; height:30px; padding:10px 10px 0px 10px; background:#000 url(../../../images/DesignNG/vr_top_bar_bg.png) top left repeat-x;}
.VideoHeaderTitle{font:12px Arial, Helvetica, sans-serif; color:#FFF;}

.VideoPageTitle{font:bold 12px Arial, Helvetica, sans-serif; color:#FFF; width:auto; text-align:center; height:30px; padding:10px 10px 0px 10px;
background:#000 url(../../../images/DesignNG/vr_bottom_bar_bg.png) top left repeat-x;}
.VideoBottomIcon {
    float: left;
    text-align: center;
    margin-left: 10px;
}
.VideoBottomIcon img{ cursor:pointer; }
.VideoTitle{ float:right; position:absolute; bottom:13px; right:10px; width:350px; text-align:right;}
.PoweredByVideoLogo{position:absolute; right:5px; bottom:2px; opacity:0.50; filter:alpha(opacity=50); min-width:71px;}


.VideoInfoContainer{ background:#000000; position:absolute; top:0px; left:0px; z-index:999999; width:100%; height:100%; opacity:0.60; filter:alpha(opacity=60); display:none;}
.VideoInfo{ font:12px Arial, Helvetica, sans-serif; color:#FFF; position:absolute; top:0px; left:0px; margin:0px auto 0px auto; z-index:9999999; display:none;  text-align:center; padding:0px; margin:0px; max-height:400px; overflow:auto;}
.VideoLogo{padding:0px; margin:0px 0px 10px 0px; }
.VideoLocation{	padding:0px; margin:0px 0px 10px 0px; text-shadow: 2px 2px 2px #000;}
.VideoCaption{	padding:10px 0px 0px 0px; margin:0px; text-align:left; text-shadow: 2px 2px 2px #000; border-top:1px solid #FFF; min-width:200px;}

@media all and (max-width: 800px) { 
	.VideoInfo{ max-height:300px; overflow:auto; width:80%}
}

/*Custom scroll bar Starts*/
.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 100%;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	display:none;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #666666;
	position: relative;
}

.jspDrag
{
	background: #333333 url(../../../images/DesignNG/customscroll_vertical_icon.png) center no-repeat;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{

	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
}
.jspArrowUp{
	background:#E6E6E6 url(../../../images/DesignNG/customscroll_uparrow.png) center no-repeat;
}
.jspArrowDown{
	background:#E6E6E6 url(../../../images/DesignNG/customscroll_downarrow.png) center no-repeat;
}
.jspVerticalBar .jspArrow
{
	height: 16px;
}
.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/*Custom scroll bar Ends*/

/**Poster image css*/
    .divpoaster {
        position: absolute;
        width: 100%;
        height: 85%;
        text-align: center;
    }

    .posterplaybutton {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -50px;
        margin-top: -50px;
    }
/******************/

.FullScreenLink{
	background: url(/brochures/images/DesignNG/media_ico_sprite.png) -29px -170px no-repeat;
    display: block;
    height: 20px;
    width: 20px;
    margin-top: 2px;
	cursor: pointer;
}

.ShareIcon, .VideoShareIcon, .PhotoShareIcon{
	background:url(/brochures/images/DesignNG/media_ico_sprite.png) no-repeat;
	background-position: 0px -408px;
	display: block;	
	height: 20px;
	width: 20px;
}
.VideoShareIcon, .PhotoShareIcon{
	margin-top: 2px;
	cursor:pointer;
}
.ShareIcon{
	margin-top: 14px;
	cursor:pointer;
}
.PhotoFullScreenLink, .FullScreenButton{
	background:url(/brochures/images/DesignNG/media_ico_sprite.png) no-repeat;
	background-position: 0px -494px;
	display: block;
	height: 20px;
	width: 20px;
	margin-top: 2px;
}
.FullScreenLink{
	margin-top: 2px;
}
.IceLogoLink {
	background: url(/brochures/images/IcePortalContentLogoCenterWhite.svg) no-repeat;
	background-position: -73px 0px;
	display: block;
	height: 29px;
	width: 67px;
	cursor: default;
	background-size: contain;
}
#powered_logo.for-other-media{
	position: absolute;
	right: 0;
	clear:both;
	margin: 0 10px 0 0;
}
.HomeIcon, .PhotoHomeIcon{
	background:url(/brochures/images/DesignNG/media_ico_sprite.png) no-repeat;
	background-position: -142px 0px;
	display: block;
	height: 20px;
	width: 18px;	
}
.PhotoHomeIcon{
	margin-top: 10px;
}
.InfoButton{
	background:url(/brochures/images/DesignNG/media_ico_sprite.png) 0px -523px no-repeat;	
	display: block;
	height: 20px;
	width: 20px;
	cursor: pointer;
}
.PlayIcon{
	background:url(/brochures/images/DesignNG/media_ico_sprite.png) 0px -642px no-repeat;	
	display: block;
	height: 20px;
	width: 20px;
}
.PauseIcon{
	background:url(/brochures/images/DesignNG/media_ico_sprite.png) 0px -582px no-repeat;	
	display: block;
	height: 20px;
	width: 20px;
}
.extra-top-margin{
	margin-top: 2px;
}
.controls-right{
	float: right;
	margin-right: 120px;
	margin-top: 10px;
}
div.ps-toolbar-close, div.ps-toolbar-info, div.ps-toolbar-pause, div.ps-toolbar-play, div.ps-toolbar-share {
    cursor: pointer;
    float: left;
    margin-left: 10px;
}
.ico-brdr{
	float: left;
	margin-left: 10px;
}
.ps-toolbar-fullscreen{
	float: left;
	margin-left: 10px;	
	margin-right: 10px;
}
.ps-toolbar-fullscreen{
	cursor: pointer;
}
.ico-brdr, .video-ico-brdr{
    border-left: 1px solid #666;
}
.ico-brdr{    
    height: 23px;
}
.ShareContent{
	background-color: #272727;
    opacity: 0.9;
    bottom: 41px;
    border-radius: 8px;
    display: block;
    position: absolute;
    width: 200px;
    right: 1px;
    display: none;
	z-index: 1001;
}
.ShareContent ul li{
    text-align: left;    
	border-bottom: 1px solid #454545;
	
}
.ShareContent ul li:last-child{
	border-bottom: 0 none;	
}
.ShareContent ul li:hover{
	background-color:#5F5F5F;
	cursor: pointer;
}
.ShareContent ul li:first-child:hover{
	 border-top-left-radius: 8px;
	 border-top-right-radius: 8px;
}
.ShareContent ul li:last-child:hover{
	 border-bottom-left-radius: 8px;
	 border-bottom-right-radius: 8px;
}
.ShareContent ul li img{
	vertical-align: middle;
	margin-right: 10px;
}
.ShareContent ul li a {
	display: block;
	padding: 10px 15px;	
}
.ShareContent ul li a, .ShareContent ul li strong{
	color: #fff;
	font-size: 12px;
	text-decoration: none;	
}
.ShareContent ul li a, .ShareContent ul li strong, .closeBtn, .closeBtn:hover {
    color: #fff;
    font-size: 12px;
    text-decoration: none;
}
.closeBtnContainer {
    position: absolute;
    right: 7px;
    top: 3px;
}
.video-controls-right {
    float: right;
	margin-right: 10px;    
}
.video-ico-brdr {
    cursor: pointer;
    float: left;
    margin-left: 10px;
    height: 23px;
}