/* -----------------------------------------
   Reset
----------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}
html {
  font-size: 62.5%; 
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* -----------------------------------------
   Standard HTML Element Defaults
----------------------------------------- */
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: 700; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

a:link { -webkit-tap-highlight-color: #FF5E99; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }


/**
 * Primary styles - Authors: Scott Sinclair, Ben Carmichael
 */
 
 
/* -----------------------------------------
    
   Base Typography
   
   Bodoni - Normal, Italic - 400
   Futura - Normal, Italic - 300
   Futura - Normal, Italic - 700
    
----------------------------------------- */

/* @license
 * MyFonts Webfont Build ID 2308292, 2012-06-12T09:34:21-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Bodoni Bold by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/atf-bodoni/bodoni-bold/
 * Licensed pageviews: 10,000
 * 
 * Webfont: Bodoni Bold Italic by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/atf-bodoni/bodoni-bold-italic/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Bodoni by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/atf-bodoni/bodoni/
 * Licensed pageviews: unspecified
 * 
 * Webfont: Bodoni Italic by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/atf-bodoni/bodoni-italic/
 * Licensed pageviews: unspecified
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2308292
 * Webfonts copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 * 
 * © 2012 Bitstream Inc
*/

@font-face {
  font-family: 'BodoniBT-Bold';
  src: url('webfonts/BodoniBT/2338C4_0_0.eot');
  src: url('webfonts/BodoniBT/2338C4_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/BodoniBT/2338C4_0_0.woff') format('woff'),url('webfonts/BodoniBT/2338C4_0_0.ttf') format('truetype');
}
 
@font-face {
  font-family: 'BodoniBT-BoldItalic';
  src: url('webfonts/BodoniBT/2338C4_1_0.eot');
  src: url('webfonts/BodoniBT/2338C4_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/BodoniBT/2338C4_1_0.woff') format('woff'),url('webfonts/BodoniBT/2338C4_1_0.ttf') format('truetype');
}
 
@font-face {
  font-family: 'BodoniBT-Roman';
  src: url('webfonts/BodoniBT/2338C4_2_0.eot');
  src: url('webfonts/BodoniBT/2338C4_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/BodoniBT/2338C4_2_0.woff') format('woff'),url('webfonts/BodoniBT/2338C4_2_0.ttf') format('truetype');
}
 
@font-face {
  font-family: 'BodoniBT-Italic';
  src: url('webfonts/BodoniBT/2338C4_3_0.eot');
  src: url('webfonts/BodoniBT/2338C4_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/BodoniBT/2338C4_3_0.woff') format('woff'),url('webfonts/BodoniBT/2338C4_3_0.ttf') format('truetype');
}
 
body {
    font-size:12px;
    line-height: 1.4em; 
    font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; 
    *font-size:small; 
  color: #fff; 
    -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.hotel-address,
blockquote {
  font-family: 'BodoniBT-Roman';
  font-weight: normal;
  font-style: normal;
}

strong,
b,
.city-escape-menu a,
.nav-list ul,
.vhip-contact .tel,
.vhip-contact .email,
.inspireHotelName {
  font-family: 'BodoniBT-Bold';
  font-weight: normal;
  font-style: normal;
}

i, 
em {
  font-family: 'BodoniBT-Italic';
  font-weight: normal;
  font-style: normal;
}

h1 em,
h2 em,
h3 em,
h1 i,
h2 i,
h3 i,
strong em,
strong i,
b em,
b i {
  font-family: 'BodoniBT-BoldItalic';
  font-weight: normal;
  font-style: normal;
}

select, input, textarea, button { font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; color: #222; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.2em;
}

h1 {font-size:42px; font-family: 'BodoniBT-Bold'; margin-bottom: 0.3em;}
h2 {font-size:36px; font-family: 'BodoniBT-Bold'; margin-bottom: 0.3em;}
h3 {font-size:32px; font-family: 'BodoniBT-Bold'; margin-bottom: 0.3em;}
h4 {font-size:22px; font-family: 'BodoniBT-Roman'; margin-bottom: 0.3em;}
h5 {font-size:18px; font-family: 'BodoniBT-Roman'; margin-bottom: 0.6em; text-transform: uppercase; letter-spacing: 2px;}
h6 {font-size:14px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 1em;}

p {margin-bottom:1.4em; padding-top:0.5em;}
ul, ol, {margin-bottom:1.4em;}
form {margin-bottom:0px;}
li {margin-bottom: 0.75em;}

blockquote {font-size:28px;line-height:28px;}
blockquote p {margin-bottom: 0.5em; font-weight:normal;}
cite {display:block;text-transform:uppercase;letter-spacing:0.2em;font-size:13px;}
 
a {color:#ffffff; text-decoration:none;}
a:hover {text-decoration:none;}

.text-right {
    text-align: right;
}

.text-centre {
    text-align: center;
}

span.arrow {
    background: url(/images/arrow-right-white.png) 100% 2px no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
}

.arrow-right {
    background: url(/images/arrow-right-white.png) 100% 3px no-repeat;
    padding-right: 15px;
}


/*  ------------------------------------------------
    Buttons
-------------------------------------------------- */

.button {
  background: #f3f3f3;
  display: inline-block;
  text-align: center;
    font-size: 12px;
  padding: 10px 16px 11px; 
    margin: .3em 0;
  color: #222;
  text-decoration: none;
    text-transform: uppercase;
  line-height: 1;
  position: relative;
  cursor: pointer;
  border: none;
  letter-spacing:0.1em;
    
}
  
/* Sizes */
.small-button {
    font-size: 14px; 
    padding: 7px 14px 8px; 
    width: auto;
    font-weight:bold;
    background: #f3f3f3;
  display: inline-block;
  text-align: center;
  margin: .3em 0;
  color: #222;
  text-decoration: none;
    text-transform: uppercase;
  line-height: 1;
  position: relative;
  cursor: pointer;
  border: none;
    
}

.medium-button { /* Default */
    width: auto;
    background: #f3f3f3;
  display: inline-block;
  text-align: center;
    font-size: 16px;
  padding: 10px 16px 11px; 
    margin: .3em 0;
  color: #222;
  text-decoration: none;
    text-transform: uppercase;
  font-weight: normal;
  line-height: 1;
  position: relative;
  cursor: pointer;
  border: none;
    -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

.large-button {
    font-size: 21px;
    padding: 14px 21px 15px;
    width: auto;
    font-weight: 700;
    background: #f3f3f3;
  display: inline-block;
  text-align: center;
  margin: .3em 0;
  color: #222;
  text-decoration: none;
    text-transform: uppercase;
  line-height: 1;
  position: relative;
  cursor: pointer;
  border: none;
    -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

/* Hover */
.large-button:hover, .large-button:focus, .medium-button:hover, .medium-button:focus, .small-button:hover, .small-button:focus, .button:hover, 
.button:focus {
    background-color: #ddd;
    color: #000;
    text-decoration: none;
}

/* Disabled */
.button.disabled, 
.button[disabled] {
    opacity: 0.6; 
    cursor: default;
}
    
/* Don't use native buttons on iOS */
input[type=submit].button, 
button.button {
    -webkit-appearance: none;
}


/* -----------------------------------------
   Primary layout containers
 ----------------------------------------- */

html, 
body, 
#main, 
.full-height {
    
    height: 100%;
}

.site-head, 
#main, 
.site-foot,
.page-foot{
    min-width: 1150px;
}

.page {
    height: 100%;
    position: relative;
    z-index:9;

}

.full-height,
ul.full-height > li {
    height: 100%;
}

.centre-vert {
    position: absolute;
}
        
.centre-horz {
    position: absolute;
}
    
.page-foot {
    position:absolute;
    z-index: 999;
    bottom:32px;
    left:0;
    width:100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}

.lt-ie9 .page-foot {
    background-color: transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);
    zoom: 1;
}
    
/* Panel with transparent background */
.box-panel, 
.box-panel-blk,
.box-panel-wht {
    width: 525px;
    margin: 0 auto;
    padding: 0;
    z-index: 10;
}

.box-panel-wht .launch-hotel-gallery{
    background: url(/images/open-gallery-icon-blk.png) left no-repeat;
    text-decoration: none;
}

.box-panel-wht .launch-hotel-gallery:hover{
    background: url(/images/open-gallery-icon-blk.png) left no-repeat;
    text-decoration: none;
}

.box-panel-blk {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}

.lt-ie9 .box-panel-blk {
    background-color: transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);
    zoom: 1;
}

.box-panel-wht {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}

.lt-ie9 .box-panel-wht {
    background-color: transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);
    zoom: 1;
}

.box-panel-wht a {
    color: #000;
}
    
.fade-in {
    opacity: 0;
}

/* Basic tab structure */
.tabs {
    margin-left: 0;
    padding: 0;
    float: left;
    clear: left;
    list-style-type: none;
}

.tabs li {
    margin: 0;
    padding: 0;
    float: left;
}

.tabs a {
    display: block;
}
 

/* -----------------------------------------
   Header / Footer / Navigation
 ----------------------------------------- */

.site-head, 
.site-foot {
    width:100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
    z-index:1000;
    position: fixed;
}

.lt-ie9 .site-head,
.lt-ie9 .site-foot {
    background-color: transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
    zoom: 1;
}

.logo {
    margin:8px 0 0 30px;
    display: block;
    float: left;
}

/* Header */
.site-head {
    border-bottom:2px solid #fff;
    top: 0; 
    left: 0;
    height: 34px;
}

/* Primary navigation */
.primary-nav {
    list-style-type: none;
    position: absolute;
    right: 90px;
    height: 34px;
}

.primary-nav li {
    float: left;
}

.primary-nav a {
    display:block;
    float:left;
    color:#fff;
    text-decoration:none;
    text-align:right;
    font-size:11px;
    line-height: 1;
    padding:12px 12px 0;
    height:22px;
    letter-spacing:3px;
}

.primary-nav a:hover, 
.primary-nav a.selected {
    color: #000;
    background-color: #fff;
    -webkit-transition: background-color 175ms ease-in-out;
    transition: background-color 175ms ease-in-out;
}

/* Sub navigation */
.sub-nav {
    width:100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.8);
    z-index:1000;
    position: fixed;
    top: 36px;
    color: #fff;
    text-transform: uppercase;
}

.lt-ie9 .sub-nav {
    background-color: transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
    zoom: 1;
}

.sub-nav ul {
    margin-left: 30px;
    font-size: 12px;
    letter-spacing: 2px;
    height: 42px;
    line-height: 42px;
    float: left;
}

.sub-nav li {
    display: block;
    float: left;
}

.sub-nav a {
    display: block;
    width: auto;
}

.sub-nav a:hover {
    text-decoration: none;
}

.sub-nav .breadcrumb {
    float: right;
    margin-right: 12px;
    font-size: 11px;
    letter-spacing: 1px;
}

.sub-nav.left .breadcrumb{float:left;}

.breadcrumb a {
    font-weight: 700;
    padding: 0 15px 0 0;
    margin: 0 10px 0 0;
    background: url(/images/breadcrumb-arrowa.png) right no-repeat;
}

.city-icon, 
.escape-icon, 
.map-icon, 
.list-icon {
    background-repeat: no-repeat;
    padding: 0px 30px 0px 0px;
    color: #e1e1e1;
    text-decoration: none;
}

.city-icon {
    background-position: 0 0;
}

.city-icon:hover, 
.city-icon.active {
    background-position: 0 -42px;
}

.escape-icon {
    background-position: 0 -84px;
}

.escape-icon:hover, 
.escape-icon.active {
    background-position: 0 -126px;
}

.map-icon {
    background-position:0 -168px;
}

.map-icon:hover, 
.map-icon.active {
    background-position:0 -210px;
}

.list-icon {
    background-position:0 -252px; 
}

.list-icon:hover, 
.list-icon.active {
    background-position:0 -294px;
}

/* Footer */
.site-foot {
    left: 0; 
    bottom: 0;
    color: #c8c8c8;
    line-height: 1;
    font-size: 12px;
    height: 32px;
    border-top: 1px solid #FFF;
}

.utility-nav {
    float: right;
    margin: 8px 0 10px 30px;
}

.utility-nav li {
    float: left;
    margin-right: 12px;
}

.utility-nav a {
    color: #c8c8c8;
    text-decoration: none;
}

.utility-nav a:hover {
    color: #fff;
}


/* -----------------------------------------
   Full width carousel base styles
 ----------------------------------------- */

.jcarousel-skin-960-width {
    width: 960px;
    margin: 0 auto;
}

.jcarousel-skin-fullwidth-fullheight,
.jcarousel-skin-fullwidth-fullheight .jcarousel-list,
.jcarousel-skin-fullwidth-fullheight .jcarousel-item {
    height: 100%;
}

.jcarousel-skin-fullwidth .jcarousel-container,
.jcarousel-skin-fullwidth-fullheight .jcarousel-container {
    background: #000;
}

/* Set size of carousel */
.jcarousel-skin-fullwidth .jcarousel-container-horizontal,
.jcarousel-skin-fullwidth-fullheight .jcarousel-container-horizontal {
    width: 100%;
    padding: 0;
}

.jcarousel-skin-960-width .jcarousel-container-horizontal {
    width: 960px;
}

.jcarousel-skin-fullwidth-fullheight .jcarousel-container-horizontal {
    height: 100%;
}

.jcarousel-skin-fullwidth .jcarousel-clip,
.jcarousel-skin-fullwidth-fullheight .jcarousel-clip,
.jcarousel-skin-960-width .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-fullwidth .jcarousel-clip-horizontal,
.jcarousel-skin-fullwidth-fullheight .jcarousel-clip-horizontal {
    width: 100%;
}

.jcarousel-skin-960-width .jcarousel-clip-horizontal {
    width: 960px;
}

.jcarousel-skin-fullwidth-fullheight .jcarousel-clip-horizontal {
    height: 100%;
}


.jcarousel-skin-fullwidth .jcarousel-item,
.jcarousel-skin-fullwidth-fullheight .jcarousel-item,
.jcarousel-skin-960-width .jcarousel-item {  
    margin: 0;
}

.jcarousel-skin-fullwidth .jcarousel-item-horizontal,
.jcarousel-skin-fullwidth-fullheight .jcarousel-item-horizontal {
  margin: 0 3px;
}

.jcarousel-skin-960-width .jcarousel-item-horizontal {
    margin: 0;
}

.jcarousel-skin-fullwidth .jcarousel-item-placeholder,
.jcarousel-skin-fullwidth-fullheight .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/* Buttons */
.jcarousel-skin-fullwidth .jcarousel-next-horizontal,
.jcarousel-skin-fullwidth .jcarousel-prev-horizontal,
.jcarousel-skin-960-width .jcarousel-next-horizontal,
.jcarousel-skin-960-width .jcarousel-prev-horizontal {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 12;
}

.jcarousel-skin-fullwidth .jcarousel-next-horizontal,
.jcarousel-skin-960-width .jcarousel-next-horizontal {
    right: 0;
    background: transparent url(/images/slider-next.png) no-repeat 0 0;  
    background-size:40px;
}

.jcarousel-skin-fullwidth .jcarousel-prev-horizontal,
.jcarousel-skin-960-width .jcarousel-prev-horizontal {
    left: 0;
    background: transparent url(/images/slider-prev.png) no-repeat 0 0;
    background-size:40px;
}

.jcarousel-skin-fullwidth .jcarousel-next-disabled-horizontal,
.jcarousel-skin-fullwidth .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-960-width .jcarousel-next-disabled-horizontal,
.jcarousel-skin-960-width .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-fullwidth .jcarousel-next-disabled,
.jcarousel-skin-fullwidth .jcarousel-prev-disabled,
.jcarousel-skin-960-width .jcarousel-next-disabled,
.jcarousel-skin-960-width .jcarousel-prev-disabled {
    display: none !important;
}

.jcarousel-control {
    margin: 0;
    position: absolute;
    top: 50px;
    left: 20px;
    list-style-type: none;
}

.jcarousel-control > li {
    float: left;
}


/* -----------------------------------------
   Page components
 ----------------------------------------- */

/* Homepage */
.homepage-box {
    padding: 25px;
    right: 0;
    text-align: right;
}

/* Homepage carousel styles */
.homepage-promo-box {
    padding: 10px 0;
    margin: 0;
    display: block;
    position: relative;
}

.homepage-promo-detail {
    position: absolute;
    z-index: 11;
    left: 30px;
    bottom: 40px;
    width:250px;
}

.homepage-promo-detail h6 {
  font-size:12px;
}

.homepage-promo-img {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 100%;
    display: block;
}

/* Inner page slider navigation */
.spotNavigation {
    float: left;
    margin: 5px 25px;
}

.spotNavigation a {
    height:10px; 
    width:10px; 
    display:block;
    float:left;
    margin:0 2px;
    z-index:101;
    background-color: #ccc;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
    border-radius: 10px;
}

.gallery-controls .spotNavigation a {
    background-color: #000;
}

.spotNavigation a:hover, 
.spotNavigation a.activeButton {
    background-color: #fff; 
}

.gallery-controls .spotNavigation a:hover, 
.gallery-controls .spotNavigation a.activeButton {
    background-color: #333; 
}

.spotNavigation a[data-val=pause] {
    background-color: transparent;  
    -webkit-border-radius: 0;
    -moz-border-radius: 0; 
    border-radius: 0;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    width: 3px;
    margin-left: 10px;
    margin-right: 5px;
}

.gallery-controls .spotNavigation a[data-val=pause] {
    border-color: #000;
}

.spotNavigation a[data-val=pause]:hover, 
.spotNavigation a[data-val=pause].activeButton {
    border-color: #fff; 
}

.gallery-controls .spotNavigation a[data-val=pause]:hover, 
.gallery-controls .spotNavigation a[data-val=pause].activeButton {
    border-color: #333; 
}

.spotNavigation a[data-val=play] {
    background-color: transparent; 
    -webkit-border-radius: 0;
    -moz-border-radius: 0; 
    border-radius: 0;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #ccc;
}

.gallery-controls .spotNavigation a[data-val=play] {
    border-left: 5px solid #000;
}

.spotNavigation a[data-val=play]:hover, 
.spotNavigation a[data-val=play].activeButton {
    border-left: 5px solid #fff;
}

.gallery-controls .spotNavigation a[data-val=play]:hover, 
.gallery-controls .spotNavigation a[data-val=play].activeButton {
    border-left: 5px solid #333;
}

.spotNavigation a:hover {
    -webkit-transition:all 175ms ease-in-out;
    transition:all 175ms ease-in-out;
}


/* -----------------------------------------
   Gallery
----------------------------------------- */
.gallery-controls {
    bottom: 50px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 10px 20px;
    display: none;
}

.lt-ie9 .gallery-controls {
    background-color: transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60ffffff,endColorstr=#60ffffff);
    zoom: 1;
}

.gallery-controls .spotNavigation {
    height: 20px;
    padding-right: 15px;
}

.launch-gallery {
    display: block;
    float: left;
    height: 17px;
    padding: 3px 0 0 34px;
    letter-spacing: 2px;
    font-size: 13px;
    text-transform: uppercase;
    background: url(/images/open-gallery-icon-blk.png) left no-repeat;
}

.launch-gallery:hover {
    background: url(/images/open-gallery-icon-blk.png) left no-repeat;
    text-decoration: none;
}

.close-gallery {
    background: url(/images/close-gallery-icon-blk.png) 0 0 no-repeat;
    width: 27px;
    height: 19px;
    display: block; 
    float: right;
    text-indent: -9999px;
}

.close-gallery:hover {
    background: url(/images/close-gallery-icon-blk.png) 0 0 no-repeat;
}
  

/* -----------------------------------------
   Hotels Section
----------------------------------------- */

/* City or escape menu */
.city-escape-menu {
    margin: 0;
    height: 100%;
    text-transform: lowercase;
}

.city-escape-menu li {
    height: 50%;
    text-align: center;
    list-style-type: none;
    position: relative;
    margin: 0;
}

.city-escape-menu a {
    font-size: 72px;
    line-height: 90px;
  display:block;
  margin:0 auto;
  width:100%;
}

.city-bg {
    background: url(/images/city-bg.jpg) center no-repeat;
    background-size: cover;
}

.escape-bg {
    background: url(/images/escape-bg.jpg) center no-repeat;
    background-size: cover;
}

/* Fix IE < 9 */
.lt-ie9 .city-bg {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/city-bg.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/city-bg.jpg', sizingMethod='scale')";
}

.lt-ie9 .escape-bg {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/escape-bg.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/escape-bg.jpg', sizingMethod='scale')";
}

/* Tab containers */
.tabs-content {
    margin: 0;
    padding: 0; 
    display: block;
    height: 100%;
}

.tabs-content > div {
    display:none;
    margin:0;
    padding: 0;
    position: absolute;
    height: 100%;
    width: 100%;
}

.tabs-content > div.active {
    display: block;
}

/* List view */
#list-view-tab {
    width: 100%;
    height: 100%;

}

.nav-list {
    margin-top: 140px;
    text-align: center;
    z-index:10;
}

.nav-list ul {
    margin: 0.4em 0;
    padding: 0px 0px 100px 0px;
    list-style-type: none;
    font-size: 32px;
    line-height: 0.9em;
}

.nav-list li {
    margin-bottom: 0.4em;
}

.nav-list h2 {
    font-size: 72px;
    margin-bottom: 0.3em;
    font-style: normal;
    
}

/* Map view */
#map-canvas {
  width:100%;
  height:73%;
    background: #666;
    margin: 0;
    padding: 0;
}

#map-canvas:hover {
  /*cursor:url(/images/cursor-zoom.png), url(/images/cursor-zoom.gif), auto;*/
}

.map-foot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 27%;
    overflow: hidden;
}

.map-foot img {
    display: block;
    position:absolute;
}
    
/* Hotel page */
.hotel-info {
    right: 0;
    padding: 25px;
}
.hotel-info h1, .vhip-detail h2, .hotel-info h2, .hotel-info h3, .hotel-info h4, .hotel-info h5, .hotel-info h6, .hotel-info p {
    margin-bottom: 0.3em;
}

.hotel-info hgroup {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.hotel-name {
    float: left;
    font-size: 18px;
}
.hotel-country {
    float: left;
    font-size: 18px;
    clear:both;
}

.hotel-address {
    padding-top: 3px;
    float: right;
    font-style: normal;
    text-transform: uppercase;
    font-size: 12px;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif;
  max-width:330px;
}

.hotel-desc {
    clear: both;
}
 
/* Hotel page controls */
.hotel-controls {
    float: left;
    width: 100%;
    margin-top:20px;
}

.noBack .hotel-controls{margin-top:0px;}

.controls .spotNavigation {
    float: left;
    margin: 5px 40px;
}

.book-btn {
    float: right;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: -1px
}
 
/* Hotel page gallery controls */
.hotel-gallery-controls {
    bottom: 50px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px 20px;
    display: none;
    z-index:10;
}

.hotel-gallery-controls-daily{

   bottom: 55px;
    

}

.lt-ie9 .hotel-gallery-controls {
    background-color: transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);
    zoom: 1;
}



.hotel-gallery-controls .spotNavigation {
    height: 20px;
    padding-right: 15px;
}



.launch-hotel-gallery {
    display: block;
    float: left;
    height: 17px;
    padding: 3px 0 0 0px;
    letter-spacing: 2px;
    font-size: 13px;
    text-transform: uppercase;
    
}

.launch-hotel-gallery:hover {
    
    text-decoration: none;
}

.close-hotel-gallery {
    background: url(/images/close-gallery-icon-wht.png) 0 0 no-repeat;
    width: 27px;
    height: 19px;
    display: block; 
    float: right;
    text-indent: -9999px;
}

.close-hotel-gallery:hover {
    background: url(/images/close-gallery-icon-wht.png) 0 0 no-repeat;
}
  
      
/* -----------------------------------------
   Books Section
----------------------------------------- */
.book-info-box {
    text-align: center;
    color: #343434;
    width: 550px;
    position: absolute;
    top: 60px;
    left: 50px;
    float: left;
}

.book-info-title h2 {
   font-size: 28px;
    color: #6b6b6b;

}
.book-holder h1{margin-bottom:0px;line-height:42px;}
.book-holder h2{font-size: 42px;color: #343434;line-height:42px;}
.book-info-links {
    margin-top: 2.5em;
}

.book-info-links li {
    margin: 0 10px;
}

.book-info-box blockquote{display:block;width:430px;text-align:center;margin:0 auto;}
.book-info-box blockquote p{font-size:22px;text-align:center;line-height:22px;}

.book-info-links a {
    color: #343434;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 1;
    padding-right: 14px;
    background: url(/images/arrow-right-black.png) 100% 2px no-repeat;
}

.back-to-books-link {
    position: absolute;
    bottom: 105px;
    left: 50px;
    color: #343434;
    text-transform: uppercase;
    display: block;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 1;
    padding-left: 14px;
    background: url(/images/arrow-left-black.png) 0 2px no-repeat;
}


/* -----------------------------------------
   VHIP Section
----------------------------------------- */
.vhip-services {
    padding-top: 100px;
    z-index:11;
}
.vhip-logo {
    margin: 40px 30px;
    float: left;
 
}
.vhip-catelogue {
    
    float: left;
    height:200px;
    margin-top:-50px;
    
}
.vhip-detail {
    text-align: center;
    margin: 20px 310px;
}

.vhip-contact {
    text-align: right;
    margin: 40px 30px 40px 0px;
    float: right;
    width: 310px;
}

.vhip-contact .tel {
    margin:0;
    font-size: 26px;
    font-weight: 400;
    font-style: italic;
}

.vhip-contact .email {
    margin: .5em 0 0 0;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
}

.vhip-detail p,
.vhip-services p {
    text-transform: uppercase;
    margin: 0 0 .75em;
}

/* VHIP Profiles carousel */
#vhip-profiles-carousel > li {
    overflow: hidden;
    position: relative;
}

.vhip-profile-detail {
    position: absolute;
    z-index: 11;
    left: 30px;
    right: 30px;
    top: 75px;
}

.vhip-profile-detail p {
    margin-bottom: .5em;
    margin-top: 0;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px;
}

.vhip-profile-detail strong {
    font-size: 13px;
    letter-spacing: 0;
}

.vhip-profile-detail.pos-btm-centre {
    bottom: 90px;
    top: auto;
    text-align: center;
}

.vhip-profile-detail.pos-top-right {
    text-align: right; 
}

.vhip-profile-img {
    position: absolute;
    z-index: 10;
    width: 100%;
    max-width: 100%;
    display: block;
    top: 0;
    left: 50%;
}

/* Controls */
.vhip-profiles-carousel-controls {
    float: left;
}

.vhip-jcarousel-control {
    float: left;
    margin: 0;
    padding: 0 30px;
}

.vhip-jcarousel-control li {
    float: left;
    margin: 0 3px;
    position: relative;
    list-style-type: none;
}

.vhip-jcarousel-control a {
    display: block;
    text-indent: -9999px;
    position: absolute;
    z-index: 7;
    width: 100%;
    height: 100%;
}

.vhip-jcarousel-control img {
    position: relative;
    z-index: 6;
    display: block;
}

#vhip-jcarousel-control-next,
#vhip-jcarousel-control-prev {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
}

#vhip-jcarousel-control-next {
    right: 0;
    background: url(/images/arrow-right-white.png) center center no-repeat;
}

#vhip-jcarousel-control-prev {
    left: 0;
    background: url(/images/arrow-left-white.png) center center no-repeat;
}


.magazine-holder{padding-top:38px;height:95%;}
.mag-black{background-color:Black;}

/* -----------------------------------------
   Flash sale
----------------------------------------- */
.flash-sale {
    padding: 25px 35px;
    width:345px;
}

.launch-flash-sale-gallery {
    display: block;
    float: left;
    height: 17px;
    padding: 3px 0 0 34px;
    letter-spacing: 2px;
    font-size: 13px;
    text-transform: uppercase;
    background: url(/images/gallery-icon-blk.png) left no-repeat;
}

.launch-flash-sale-gallery:hover {
    background: url(/images/gallery-icon-gry.png) left no-repeat;
    -webkit-transition:background 175ms ease-in-out;
        transition:background 175ms ease-in-out;
    text-decoration: none;
}

.close-flash-sale-gallery {
    background: url(/images/close-gallery-icon-wht.png) 0 0 no-repeat;
    width: 27px;
    height: 19px;
    display: block; 
    float: right;
    text-indent: -9999px;
}

.close-flash-sale-gallery:hover {
    background: url(/images/close-gallery-icon-on.png) 0 0 no-repeat;
    -webkit-transition:background 175ms ease-in-out;
    transition:background 175ms ease-in-out;
}


/* -----------------------------------------
   Apps
----------------------------------------- */
.apps {
    padding-top: 60px;
    margin: 0 80px;
}

.apps-intro {
    margin-top: 3em;
}

.apps-intro h2 {
  margin-bottom:0.15em;
}

.app-links li {
    margin-right: 14px;
    margin-top: 20px;
}

.app-links a {
    text-transform: uppercase;
    line-height: 1;
    font-size: 14px;
    letter-spacing: 2px;
    background: url(/images/arrow-right-white.png) right no-repeat;
    padding-right: 15px;
}

.app-icons li {
    margin-right: 20px;
    margin-top:20px;
}

.travel-apps-desc {
    padding: 80px 0 40px;
    width: 880px;
    margin: 0 auto;
}

.travel-apps-desc h5 {
    text-transform: uppercase;
}

.travel-apps-desc p {
    margin-top: 1em;
    text-transform: uppercase;
    font-size: 14px;
}

#travel-apps-carousel li {
    text-align: center;
}

.travel-apps-link {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.travel-apps-img {
    display: block;
    margin-bottom: 10px;
}


/* -----------------------------------------
   Magazines
----------------------------------------- */
.magazines {
    background: #ddd8d3;
    height: 100%;
}


/* -----------------------------------------
   Form elements
----------------------------------------- */

.search-form-input-int{
  
  border: 0 none;
    padding: 6px;
    font-size: 12px;
  float:left;
text-transform: uppercase;
  
  
}

.search-form-submit {
    border: 0 none;
    background: #000;
    color: #fff;
    font-size: 12px;
    padding: 6px 18px;
    text-transform: uppercase;
    float:left;
}

.sign-up-form-email {
    border: 0 none;
    padding: 6px;
    font-size: 12px;
    width: 200px;
}

.sign-up-form-submit {
    border: 0 none;
    background: #000;
    color: #fff;
    font-size: 12px;
    padding: 6px 18px;
    text-transform: uppercase;
}



/* -----------------------------------------
   Contact + Request a catalogue
----------------------------------------- */
.contact {

    width: 272px;
    padding: 25px;
}

.request-catalogue {

    width: 400px;
    padding: 25px;
}

.contact h4 {
    font-size: 18px;
}

.contact-form-name, 
.contact-form-email,
.contact-form-details {
    width: 258px;
    
    padding: 6px;
    font-size: 12px;
    margin: 1em 0 0;
    
    color: #333;
    float: left;
    clear: left;
}

.request-catalogue-name,
.request-catalogue-address1,
.request-catalogue-address2 {
    width: 388px;
    border: 0 none;
    padding: 8px 6px 9px;
    font-size: 12px;
    margin: 0 0 8px;
    background: #fff;
    color: #222;
    float: left;
    clear: left;
}

.request-catalogue-city,
.request-catalogue-country,
.request-catalogue-postcode {
    width: 183px;
    border: 0 none;
    padding: 8px 6px 9px;
    font-size: 12px;
    margin: 0 0 8px;
    background: #fff;
    color: #222;
    float: left;
}

.request-catalogue-country {
    float: right;
}

.request-catalogue-submit {
    background: #000;
    color: #fff;
    float: right;
    margin: 0;
    
}

.contact-form-details {
    height: 80px;
}

.contact-form-name::-webkit-input-placeholder,
.contact-form-email::-webkit-input-placeholder,
.contact-form-details::-webkit-input-placeholder {
   
   text-transform: uppercase;
   font-size: 10px;
}

.contact-form-name:-moz-placeholder,
.contact-form-email:-moz-placeholder,
.contact-form-details:-moz-placeholder {
   
   text-transform: uppercase;
   font-size: 10px;
}

.contact-form-submit {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin: 1em 0 0 0;
    float: right;
    clear: left;
    background: #000;
    color: #fff;
    float: right;
    
    
}
.nav-inc{margin-top:42px;}
.contact-form-address {
    font-size: 14px;
    float: left;
    clear: left;
    margin: 1em 0 0;
}


.contact-form-address p {
    margin: 0;
}




.wml-copyright {
  display:none;
}

.hotelList {
  background:#000;
  color:#fff;
  background:rgba(0,0,0,0.7); 
  z-index:999;
  width:525px;
  padding:25px 30px;
  position:fixed;
  top:100px;
  left:0;
}

.lt-ie9 .hotelList {
    background-color: transparent;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,endColorstr=#70000000);
    zoom: 1;
}

.homepage-margin{position:absolute;top:15%;}


.xsltsearch_result_title{font-weight:bold;margin-bottom:0.3em;}

.inspirationsText{padding:25px;color:#ffffff;position:fixed;z-index:10;background-image:url(/images/back.png);left:0px;top:100px;width:600px;}
.noBack{background-image:none;}
.inspirationsHeader{font-style:italic; padding-bottom:25px;font-size:16px;}
.inspirationsHeader p{margin-bottom:0px;}
.inspirationContentHolder {display:none;text-align:left; float:left;}
.inspirationsText .prevLink a{position:absolute; right:25px;top:20px;color:#ffffff;text-decoration:none;font-style:italic;  font-size:18px;}
.inspireHotelName{position:absolute; right:25px;top:20px;color:#ffffff;text-decoration:none;font-style:italic;  font-size:18px;}
.inspirationsText a.prevDate{right:80px;}
.inspirationsText .prevLink a:visited{color:#ffffff;}
.inspirationsHeaderDate{display:inline;}
.inspirationsBody{font-size:15px;}
.inspirationsBody p{margin-bottom:0px;}
h1.homeH1Header{font-size:38px; margin-bottom:10px;}
.pos20{left:0px;top:100px;}
.pos21{right:0px;top:100px;left:auto;}
.pos22{left:0px; bottom:220px; top:auto;}
.pos23{right:0px;bottom:220px;top:auto;left:auto;}


.vHipPhoneSpan{
    font-weight:bold;
    display:inline;
    font-size:16px;}

.divEnquire{padding:30px 0px 30px 0px;z-index:100;}

.inspireDateStrap h1{position:absolute;left:30px;top:45px;color:#ffffff;font-style:normal;font-weight:bold;}



.moreInspireToggle {
    padding:2px 0;
    bottom: 32px; 
    position: fixed;
    text-align: center;
    z-index: 100;
    background-image: url(/images/back.png);
    width:100%;
    height: 18px;
 }
    
.moreInspireToggle a{width:210px;}
.moreInspireToggle a:hover{text-decoration:none;}
.moreInspireToggle:hover{text-decoration:none;}
.openClose{margin-right:5px;padding-top:2px;}
.calOpen{margin-left:5px;padding-top:2px;}
.inspirationSlideHolder{position:absolute;bottom:54px;left:0px;padding:5px 0;background-image:url(/images/back.png);width:100%; color:white;font-size:12px;text-align:left;float:left;z-index: 10;}
.previousInpirSlideHeader{margin:2px 0 9px;}
.previousInpirSlide{position:relative;width:830px;margin: 0 auto;text-align:center;}
.inpireSliderAnchor img{width:90px;height:45px;}
.prevInpirSlideBoxHolder{height:60px;}
.prevInpirSlideBoxInner{width:90px;}


.prevInpirSlideBox{width:90px; float:left;margin-right:10px;font-size:11px;}
.prevInpirSlideBoxImgHolder{width:90px; float:right;height:45px;margin-left:10px;position:relative;}
.hoverHide{border: 2px solid white;height: 41px;position: absolute; width: 88px;display:none;}
.prevInpirSlideBoxHolder{position:relative;}
.prevInpirSlideBoxHolder #supersized-loader{top:33%;display:none;}
.prevInpirSlideBoxImgHolder{width:90px; float:right;height:45px;margin-left:10px;}
.prevInpirSlideBoxFooter{text-align:center;}
.lnkNext{float:left;display:block;background:url(/images/rightarrow.png) right no-repeat;text-decoration:none;padding-right:13px;color:#ffffff;margin-left:15px;margin-top:13px;}
.lnkNext:hover{text-decoration:none;}
.lnkPre:hover{text-decoration:none;}
.lnkPre{float:left;display:block;background:url(/images/leftarrow.png) left no-repeat; padding-left:13px;text-decoration:none;color:#ffffff;text-align:right;margin-right:15px;margin-top:13px;}


.mainContentStandard{color:#ffffff;float:left;z-index:1;background-image:url(/images/back.png);margin-top:100px;width:470px;padding:35px;margin-bottom:55px;font-size:14px;}
.mainContentStandard h1,mainContentStandard h2,mainContentStandard h3{margin-bottom:10px;}
.mainContentStandard .bigButton{margin-right:0px;}
.fields table tr td{padding-bottom:10px;}
.fields table tr td.first{width:120px;}

.fields table tr td input[type="text"]{width:220px;}
.fields table tr td textarea{width:280px;}

.right{right:0px;}
.floatright{float:right;}
.clearright{clear:right;}
.left{left:0;right:auto;text-align:left;}
div.errorMessage{margin-bottom:10px;}
input.error{border:1px solid red;}
textarea.error{border:1px solid red;}

a.mb-scrollButtons {
    background: url("/images/arrows.png") no-repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 58px;
    margin-top: -29px;
    outline: 0 none;
    position: absolute;
    text-decoration: none;
    top: 50%;
    width: 45px;
}
.search-form{padding:0;float:right;}

.search-form form{margin:0px;}

.search-form-input,
.search-form-input-focus{
    background-color: #222;
    color: white;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 3px;
    text-transform: uppercase;
    float: right;
    width: 60px;
    padding: 0 10px 0 10px;
    height: 34px;
    border: 0 none;
    -webkit-appearance: none;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.search-form-input.focused {
    
    width: 150px;
    outline: none;
    background: #fff;
    color: #222;
}

.primary-nav {
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.primary-nav.search-focused {
    right: 180px;
}
#loading-back{height:100%;width:100%;position:absolute;background-color:Black;z-index:1000;}

/* -----------------------------------------
   Helper classes
----------------------------------------- */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.booksBg{background-image:url(/images/booksBG.jpg);}
.booksBgBlack{color:white;background-color:black;}
.booksBgBlack h1,.booksBgBlack h2,.booksBgBlack p,.booksBgBlack cite{color:white;}
.booksHolder{width:1200px;height:720px;margin:0 auto;}

.image_map{ height:100%; z-index:2000; position:absolute;display: block;}
 
.image_map a{position:absolute; z-index:9000; width:20px; height:20px;display:block;}

.catalogue-margin{padding:5px 0px 0px 0px;margin:0px;}

#xsltsearch_summary strong, .xsltsearch_description strong{font-weight:bold;font-family:inherit;}

/* -----------------------------------------
   Media queries
----------------------------------------- */
@media screen and (max-width: 1024px) {

    .primary-nav a {
        letter-spacing: 2px;
    }

    .vhip-catelogue {
      position: absolute;
      left: 50%;
      bottom: 130px;
      margin-left: -85px;
    }

}

.lt-ie9 .primary-nav a {
    letter-spacing: 2px;
}



@media print {
  * {  text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}



/* Delete this style block, just here for local dev */
#supersized {
    background: #202020 url('/images/fullsize-bg-hotel.jpg') 100% 100% fixed no-repeat;
    background-size: cover;
}
#supersized-loader {
    
}
.lt-ie9 #supersized {
    background: none !important;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fullsize-bg-hotel.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fullsize-bg-hotel.jpg', sizingMethod='scale')";
}

.template-nav {
    background: #333;
    border-right: 1px solid #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 180px;
    padding: 0;
    font: 11px/18px arial;
}

.template-nav h6 {
    margin: 20px;
}

.template-nav ul {
    margin: 20px;
    list-style-type: none;
}

@media only screen and (max-device-width: 1024px) {
.primary-nav a {padding:12px 8px 0;font-size:10px;}
.vhip-catelogue{padding:0px;margin-top:-10px;position:absolute;top:0px;}
.page-foot {height:150px;}
.ipadCat{padding:0px;margin-top:-200px;}
.site-head, 
#main, 
.site-foot,
.page-foot{
min-width: 975px;
}
}


/* -----------------------------------------
   Apps for new home page
----------------------------------------- */

@font-face {
    font-family: 'lucida_granderegular';
    src: url('webfonts/lucidagrande/lucidagrande-webfont.eot');
    src: url('webfonts/lucidagrande/lucidagrande-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/lucidagrande/lucidagrande-webfont.woff') format('woff'),
         url('webfonts/lucidagrande/lucidagrande-webfont.ttf') format('truetype'),
         url('webfonts/lucidagrande/lucidagrande-webfont.svg#lucida_granderegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.appshomepage {
  background:#FFFFFF;
  color:#000000;
  position:relative;
  width:100%;
  height:100%;
}
.appshomepage-case{
  position:relative;
  width:100%;
}
.appshomepage-txt{
  position:absolute;
  width:465px;
  font-size:100%;
  top:25%;
  left:55.32%;  
}
.appshomepage-bg-img{
  width:100%;  
}

.appshomepage-intro {
    margin-top: 3em;
}

.appshomepage-intro h2 {
  margin-bottom:30px;
  font-size:45px;
  text-align:left;
  line-height:45px;
  
}
.appshomepage-intro h6 {
     font-family: 'lucida_granderegular';
     font-size:14px;
     text-transform:none;
  
}

.appshomepage-links li {
    font-family: 'lucida_granderegular';
    margin-right: 20px;
    margin-top: 20px;
}

.appshomepage-links a {
    text-transform: uppercase;
    line-height: 1;
    font-size: 14px;
    letter-spacing: 2px;
    background: url(/images/arrow-right-black.png) right no-repeat;
    padding-right: 15px;
    padding-top: 4px;
    color:#000000;
}

.appshomepage-icons li {
    margin-right: 20px;
    margin-top:20px;
}



/* -----------------------------------------
   Apps for new home video page by pu 2013/07/16
----------------------------------------- */


.newgoldenpage{
  background:#000000;
  color:#FFFFFF;
  position:relative;
  width:100%;
  height:100%;
}

.newgoldevideo{
   margin-top: 15px;
  position:relative;
}

.newgoldenpage-txt{
  font-size:100%;
  padding-top: 95px;
  left:35.32%;
  text-align:center;  
}
.newgoldenpage-links{
  float:none;
  width:52px;
  margin-left:auto;
  margin-right:auto;
}
.newgoldenpage-links li {
    font-family: 'lucida_granderegular'; 
    margin-top: 20px;
}
.newgoldenpage-links a {
    text-transform: uppercase;
    line-height: 1;
    font-size: 14px;
    letter-spacing: 2px;
    background: url(/images/arrow-right-white.png) right no-repeat;
    padding-right: 15px;
    padding-top: 4px;
    color:#FFFFFF;
}
.newgoldenpage-intro {
    margin-top: 3em;
}

.newgoldenpage-intro h2 {
  margin-bottom:30px;
  font-size:40px;
  text-align:center;
  line-height:45px;
  
}



.popbg{
  position:fixed;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  z-index:5000;
  background-color:#000000;
  filter:alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
  display: none;
  cursor:pointer;

  }


.pop{
  position:fixed;
  top:50%;
  left:50%;
  margin:-235px 0 0 -350px;
  width:700px;
  height:470px;
  z-index:5100;
  display: none;
}

.pop-text{ position:absolute; top:20px}
.pop-btn a{
  margin: 10px auto;
  text-align:center;
  display:block;
  width: 72px;
  height:15px;
  background-image: url(btn-enter.png);
}
.pop-btn a:hover{ background-image: url(btn-enter-2.png);}




/* -----------------------------------------
   END
----------------------------------------- */


/* -----------------------------------------
   Add for hotel city text panel by pu 2013/10/30
----------------------------------------- */
.footer-pop-case{
  position:fixed;
  bottom:32px;
  width:100%;
  z-index:20;  
}
.footer-arrow-close,.footer-arrow-open{
  width:28px;
  margin:0 auto;
  cursor:pointer;
  position: relative;
  top:4px;
}
.footer-arrow-close{
  display:none;
  
}
.footer-pop-bg{
  width:100%;
  background-color: rgba(0, 0, 0, 0.75);
 /* background:url(../images/footer-pop-bg.png);*/
}
.footer-pop-bg-close{
  width:100%;
  height:28px;
  display: none;
  background-color: rgba(0, 0, 0, 0.75);
 /* background:url(../images/footer-pop-bg.png);*/
}
.footer-pop-main{
  width:540px;
  margin:0px auto;
  padding:15px 0;  
}

/* -----------------------------------------
   END
----------------------------------------- */




/* -----------------------------------------
   Add for video page by pu 2013/12/12
----------------------------------------- */

ul.video{
  font-size:12px;
  color:#fff;
  max-width:960px;
  width:100%;
  margin: 0 auto 238px auto;
  text-align:left;
  padding-top:100px;
}
ul.video:after{
  clear:both;  
}
ul.video{ list-style:none}
ul.video li{ float:left; width:220px; margin: 0 10px 0 10px; height: 238px; position:relative; }
ul.video img{ margin: 0 0 12px 0;  border: 0}
ul.video .tt{
  display:block;
  font-size:12px;
   margin:0 0 68px 0;
  padding:0;
  font-weight:normal;
  text-transform: uppercase;
  letter-spacing: 2px;
  cursor:pointer;
  line-height:18px;
}
ul.video .ct{ margin:0; padding:0; display:block; font-size:10px; height: 60px; overflow:hidden; position:absolute; top:160px; background:#111111; line-height:15px;}
ul.video .ct p{ margin: 0 0 15px 0}

.cts-more{
  position:absolute;
  background:#111111;
  bottom:0px;
  right:0px;
  cursor:pointer;
  font-weight:bold;
}
.ct-less{
  display:inline;
  background:#111111;;
  cursor:pointer; 
 font-weight:bold;
}

.video-img-case{
  display:table;
  width:100%;
  height:125px;
  cursor:pointer;  
}
.video-img-main{
  display:table-cell;
  width:100%;
  height:100%;
  text-align:center;
  vertical-align:middle;  
}
.video-img-main img{
  width:100%;
  height:auto;  
}

.popbgvideo{
  position:fixed;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  z-index:99;
  background-color:#000000;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
  _position:absolute;/*ie6*/
  _bottom:auto;/*ie6*/
  _top:expression(eval(document.documentElement.scrollTop+(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));/*ie6*/
  display:none;
}

.popvideo{
  position:fixed;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  z-index:100;
  _position:absolute;/*ie6*/
  _bottom:auto;/*ie6*/
  _top:expression(eval(document.documentElement.scrollTop+(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));/*ie6*/
  display:none;
}

.popmainvideo{
  position:relative;
  background-color:#000000;
  margin-left:auto;
  margin-right:auto;
  display:inline-block;  
}

.poptabvideo{
  width:100%;
  height:100%;
  border:0px;  
}
.poptdvideo{
  vertical-align:middle;
  text-align:center;  
}
.popxvideo{
  position:absolute;
  top:-20px;
  right:-20px;
  color:#cccccc;
  cursor:pointer;  
}




/* -----------------------------------------
   END
----------------------------------------- */






















































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */