.center {
    margin-bottom: 40px
}

.content-wrapper {
   
}

.main-wrapper {
    width: 70%;
    float: right;
    margin-top: 20px
}

.main-wrapper .social-media {
    float: right
}

.main-wrapper h1 {
    display: inline-block;
    margin: 0 24px 0 0
}

.main-wrapper .ratings {
    display: inline-block
}

.main-wrapper .ratings h3 {
    font-weight: normal;
    display: inline-block;
    margin: 0 2px 0 0
}

.main-wrapper .ratings .qualmark-rating,
.main-wrapper .ratings .self-rating,
.main-wrapper .ratings .user-rating {
    margin-bottom: -2px
}

.main-wrapper .ratings .qualmark-rating,
.main-wrapper .ratings .self-rating {
    margin-right: 8px
}

.main-wrapper .bread-crumb {
    display: block
}

.main-wrapper .listing-menu {
    border-bottom: solid 1px #cecece;
    margin: 30px 0 20px
}

.main-wrapper .listing-menu li {
    float: left;
    margin: 0 4px 0 0;
    list-style: none
}

.main-wrapper .listing-menu li a {
    background: #eaeaea;
    padding: 15px 30px;
    display: block;
    font-size: 18px;
    color: black
}

.main-wrapper .listing-menu li a.selected,
.main-wrapper .listing-menu li a:hover {
    text-decoration: none;
    color: white;
    background: #0079C1;
}

.main-wrapper .listing-details {
    border-bottom: solid 1px #cecece
}

.main-wrapper .overview {
    padding-bottom: 20px
}

.main-wrapper .overview .wrapper ul {
    margin: 0 0 0 13px
}

.main-wrapper .overview h3 {
    font-size: 18px
}

.main-wrapper .overview .amenities-wrapper,
.main-wrapper .overview .locations {
    background: #eaeaea;
    border-radius: 3px;
    margin-top: 20px
}

.main-wrapper .overview .amenities-wrapper .amenities,
.main-wrapper .overview .locations .amenities,
.main-wrapper .overview .amenities-wrapper .essential-info,
.main-wrapper .overview .locations .essential-info,
.main-wrapper .overview .amenities-wrapper .opening-hours,
.main-wrapper .overview .locations .opening-hours {
    padding: 0 15px 10px
}

.main-wrapper .overview .amenities-wrapper .amenities:first-child,
.main-wrapper .overview .locations .amenities:first-child,
.main-wrapper .overview .amenities-wrapper .essential-info:first-child,
.main-wrapper .overview .locations .essential-info:first-child,
.main-wrapper .overview .amenities-wrapper .opening-hours:first-child,
.main-wrapper .overview .locations .opening-hours:first-child {
    padding-top: 10px
}

.main-wrapper .overview .amenities-wrapper h3,
.main-wrapper .overview .locations h3 {
    margin: 0 0 10px;
    font-weight: normal;
    color: #0079C1;
}

.main-wrapper .overview .amenities-wrapper ul,
.main-wrapper .overview .locations ul {
    float: left;
    width: 33%
}

.main-wrapper .overview .amenities-wrapper li,
.main-wrapper .overview .locations li {
    margin: 0 1px 0 11px;
    padding: 2px 0;
}

.main-wrapper .overview .locations {
    padding: 10px 15px
}

.main-wrapper .overview .locations ul {
    width: 50%
}

.main-wrapper .overview .locations ul a {
    color: #000
}

.main-wrapper .overview .location-img {
    float: right
}

.main-wrapper .reviews {
    padding-bottom: 10px
}

.main-wrapper .reviews-wrapper,
.main-wrapper .reviews-wrapper ul {
    overflow: hidden
}

.main-wrapper .reviews-wrapper li {
    list-style: none;
    margin: 0 0 12px;
    position: relative;
    border-radius: 3px;
    background: #eee;
}

.main-wrapper .reviews-wrapper li .review-details {
    padding: 14px 16px;
}

.main-wrapper .reviews-wrapper li .verification {
    background: url(../images/listings/thumbs-up.png) no-repeat left top;
    float: right;
    line-height: 18px;
    padding: 1px 0 0 17px
}

.main-wrapper .reviews-wrapper li .verification span {
    font-weight: bold
}

.main-wrapper .reviews-wrapper li .user-details {
}

.main-wrapper .reviews-wrapper li .user-details .name {
    color: #0079C1;
}

.main-wrapper .reviews-wrapper li .title {
    padding: 10px 20px 0px 20px
}

.main-wrapper .reviews-wrapper li .title span {
    color: #0079C1;
    margin-bottom: -2px;
    margin-right: 5px
}

.main-wrapper .reviews-wrapper li .review-body {
    padding: 8px 20px 0;
}


.main-wrapper .reviews-wrapper li .recommend {
    font-weight: bold
}

.main-wrapper .reviews-wrapper li .recommend span {
    color: #576D8A;
}

.main-wrapper .reviews-wrapper li .report {
    float: right;
    color: #000;
    background: url(../images/listings/report.png) no-repeat left;
    padding: 0 0 0 13px;
    margin-top: -15px
}

.main-wrapper .reviews-wrapper li .altered-content {
    margin: 4px 0 0
}

.main-wrapper .reviews-wrapper li .response {
    padding: 14px 16px;
    border-top: solid 1px white;
    font-size: 11px
}

.main-wrapper .reviews-wrapper li .response span {
    font-weight: bold;
    color: black
}

.main-wrapper .reviews-wrapper li .response .heading {
    font-weight: normal;
    font-size: 14px;
    color: #576D8A
}

.main-wrapper .reviews-wrapper li .response p {
    padding: 8px 20px 10px 20px;
    font-size: 12px
}

.main-wrapper .reviews-wrapper .more-reviews {
    display: none;
    float: right;
    padding-right: 28px
}

.main-wrapper .reviews-wrapper .more-reviews:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 9px;
    height: 9px;
    display: block;
    position: absolute;
    border: solid 2px #fff;
    border-top: none;
    border-left: none;
    top: 4px;
    right: 8px
}

.no-csstransforms .main-wrapper .reviews-wrapper .more-reviews:after {
    display: none
}

.main-wrapper .reviews-wrapper .more-reviews.expanded:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 9px;
    height: 9px;
    display: block;
    position: absolute;
    border: solid 2px #fff;
    border-bottom: none;
    border-right: none;
    top: 9px
}

.no-csstransforms .main-wrapper .reviews-wrapper .more-reviews.expanded:after {
    display: none
}

.main-wrapper .no-reviews {
    padding: 15px 0 5px 12px;
    font-size: 12px
}

.main-wrapper .post-review h2 {
    margin: 10px 0;
    font-size: 18px;
    line-height: 18px;
    font-weight: normal
}

.main-wrapper .post-review p {
    margin: 0 0 10px
}

.main-wrapper .post-review li {
    list-style: none;
    margin: 0 0 10px
}

.main-wrapper .post-review li span {
    float: left;
    line-height: 22px
}

.main-wrapper .post-review label {
    float: left;
    font-weight: bold;
    line-height: 22px;
    margin: 0 5px 0 0
}

.main-wrapper .post-review .login label {
    width: 70px
}

.main-wrapper .post-review li li {
    float: left;
    margin: 0 0 0 10px
}

.main-wrapper .post-review li li label {
    float: none;
    font-weight: normal;
    margin: 0 5px 0 3px
}

.main-wrapper .post-review .rating-star {
    background-image: url(../images/rating/filledstar.png);
    width: 13px;
    height: 12px
}

.main-wrapper .post-review .empty-star {
    background-image: url(../images/rating/emptystar.png);
    width: 13px;
    height: 12px
}

.main-wrapper .post-review .filled-star {
    background-image: url(../images/rating/filledstar.png);
    width: 13px;
    height: 12px
}

.main-wrapper .post-review .waiting-star {
    background-image: url(../images/rating/savedstar.png);
    width: 13px;
    height: 12px
}

.main-wrapper .post-review .error {
    color: #dc0613 !important;
    margin: 0 0 10px;
    display: block
}

.main-wrapper .policy {
    padding: 10px
}

.main-wrapper .policy h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 18px
}

.main-wrapper .policy p,
.main-wrapper .policy ol {
    margin: 8px 0 0
}

.main-wrapper .policy li {
    margin: 0 0 3px 20px
}

.main-wrapper .hot-deal .hot-deal-wrapper {
    font-size: 12px;
    padding-bottom: 20px
}

.main-wrapper .hot-deal .hot-deal-wrapper img {
    width: 135px;
    height: 170px;
    float: left;
    margin-right: 12px
}

.main-wrapper .hot-deal .hot-deal-wrapper .hot-deal-text {
    float: left;
    max-width: 535px
}

.main-wrapper .hot-deal .hot-deal-wrapper .hot-deal-text h1,
.main-wrapper .hot-deal .hot-deal-wrapper .hot-deal-text h2 {
    font-size: 20px;
    line-height: 20px;
    margin: 0;
    font-weight: normal
}

.main-wrapper .hot-deal .hot-deal-wrapper .hot-deal-text ul {
    margin: 0 0 0 13px
}

.main-wrapper .hot-deal .coupon {
    background: url(../images/listings/coupon.jpg) no-repeat left top;
    min-height: 168px;
    padding: 0 0 20px 140px;
    font-size: 12px;
    word-wrap: break-word
}

.main-wrapper .hot-deal .coupon .title {
    font-size: 20px;
    line-height: 20px;
    color: #169dd0
}

.main-wrapper .hot-deal .coupon .terms {
    color: #169dd0
}

.main-wrapper .hot-deal .coupon .btn {
    margin: 15px 0 0 0;
    float: none;
    display: inline-block
}

.slideshow {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 15px
}

#large-image {
    text-align: center;
    height: 375px;
    width: 100%;
    position: relative;
    overflow: hidden
}

#large-image li {
    position: absolute;
    line-height: 375px;
    height: 375px;
    width: 100%;
    list-style: none;
    left: 0;
    top: 0;
    display: none
}

#large-image li:first-child {
    display: list-item
}

#large-image img,
#large-image embed,
#large-image object {
    max-width: 700px;
    max-height: 375px;
    line-height: 375px;
    display: block;
    position: relative !important;
    vertical-align: middle
}

#large-image img {
    border-radius: 3px
}

#large-image embed,
#large-image object,
#large-image video {
    max-width: 610px;
    max-height: 348px
}

#large-image iframe {
    margin-top: 17px
}

#large-image p {
    line-height: 15px
}

#image-nav {
    position: absolute;
    z-index: 500;
    width: 100%;
    height: 32px;
    margin: -205px 0 0
}

#image-nav #prev,
#image-nav #next {
    height: 34px;
    width: 20px;
    overflow: hidden;
    margin: 1px 0 0;
    float: left
}

#image-nav #prev:after,
#image-nav #next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 22px;
    height: 22px;
    display: block;
    position: absolute;
    border: solid 2px #000;
    border-top: none;
    border-right: none;
    margin: 5px 0 0 5px;
    content: ""
}

.no-csstransforms #image-nav #prev:after,
.no-csstransforms #image-nav #next:after {
    display: none
}

#image-nav #prev:hover,
#image-nav #next:hover {
    width: 21px;
    height: 37px;
    margin-top: 0
}

#image-nav #prev:hover:after,
#image-nav #next:hover:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    border: solid 2px #000;
    border-top: none;
    border-right: none
}

.no-csstransforms #image-nav #prev:hover:after,
.no-csstransforms #image-nav #next:hover:after {
    display: none
}

.no-csstransforms #image-nav #prev,
.no-csstransforms #image-nav #next {
    background: url(../images/searchresults/scroll-arrows.png) no-repeat -16px center
}

.no-csstransforms #image-nav #prev.disabled,
.no-csstransforms #image-nav #next.disabled {
    background: none
}

#image-nav #next {
    float: right
}

#image-nav #next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 22px;
    height: 22px;
    display: block;
    position: absolute;
    border: solid 2px #000;
    border-bottom: none;
    border-left: none;
    margin: 5px 0 0 -10px
}

.no-csstransforms #image-nav #next:after {
    display: none
}

#image-nav #next:hover:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    border: solid 2px #000;
    border-bottom: none;
    border-left: none
}

.no-csstransforms #image-nav #next:hover:after {
    display: none
}

.no-csstransforms #image-nav #next {
    background: url(../images/searchresults/scroll-arrows.png) no-repeat 4px center
}

.no-csstransforms #image-nav #next.disabled {
    background: none
}

#thumbnails {
    width: 100%
}

#thumbnails li {
    float: left;
    list-style: none;
    margin:5px 
}

#thumbnails img {
    cursor: pointer;
    /*width:125px;*/
    width:60px;
    height:50px;
}

#thumbnails .activeSlide {    
    opacity:0.5
}

#thumbnails .activeSlide img {    
}

.side-wrapper {
    width: 28%;
    float: left;
    margin-bottom: 15px
}

.side-wrapper .modify-search {
    position: absolute
}

.side-wrapper .back-to {
    display: inline-block;
    margin: 52px 0 0 5px;
    font-size: 12px
}

.side-wrapper .contact-details {
    background: #eaeaea;
    border-radius: 3px;
    padding: 14px 20px;
    margin-top: 15px
}

.side-wrapper .contact-details .phone-numbers ul,
.side-wrapper .contact-details .enquiries ul {
    display: none
}

.side-wrapper .contact-details .phone-numbers .btn:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 11px;
    height: 11px;
    display: block;
    position: absolute;
    border: solid 2px #fff;
    border-top: none;
    border-left: none;
    top: 5px;
    right: 12px
}

.no-csstransforms .side-wrapper .contact-details .phone-numbers .btn:after {
    display: none
}

.side-wrapper .contact-details .phone-numbers .btn.expanded:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 11px;
    height: 11px;
    display: block;
    position: absolute;
    border: solid 2px #fff;
    border-bottom: none;
    border-right: none;
    top: 11px
}

.no-csstransforms .side-wrapper .contact-details .phone-numbers .btn.expanded:after {
    display: none
}

.side-wrapper .contact-details .phone-numbers ul {
    display: none
}

.side-wrapper .contact-details .phone-numbers li {
    margin: 3px 0 0 20px
}

.side-wrapper .contact-details .btn.large {
    margin-top: 15px
}

.side-wrapper .see-do,
.side-wrapper .transport {
    background: #eaeaea;
    border-radius: 3px;
    padding: 22px 0 0;
    margin-top: 22px;
    position: relative
}

.side-wrapper .see-do .arrow-heading,
.side-wrapper .transport .arrow-heading {
    position: absolute;
    margin-top: -14px;
    top: 0px;
    left: 6px
}

.side-wrapper .see-do li,
.side-wrapper .transport li {
    list-style: none;
    display: block;
    border-top: solid 1px white;
    padding: 5px 25px
}

.side-wrapper .see-do li a,
.side-wrapper .transport li a {
    color: black;
}

.map {
    background: #eaeaea;
    border-radius: 3px;
    padding: 24px 8px 10px;
    margin-top: 22px;
    position: relative
}

.map .arrow-heading {
    position: absolute;
    margin-top: -14px;
    top: 0px;
    left: 6px
}

.map .expand-map.image {
    background: url(../images/searchresults/generic-map.png) no-repeat center center;
    width: 100%;
    height: 122px;
    display: block
}

.map .expand-map img {
    border: solid 1px #cecece;
    border-radius: 3px;
	width:100%;
}

.map .expand-map.btn {
    float: right;
    margin: 8px 0 0
}

.large-map {
    float: left
}

.large-map-wrapper {
    display: none
}

.large-map-wrapper.expanded {
    background: #fff;
    display: block;
    margin: 0 0 0 -150px;
    padding: 15px 15px 15px 0;
    position: fixed;
    top: 80px;
    width: 880px;
    z-index: 2000
}

#large-map {
    background: #fff;
    padding: 15px 15px 15px 0;
    width: 895px;
    z-index: 2000;
    height: 532px
}

#large-map h3 {
    background: url(../images/listings/map-title.png) no-repeat;
    color: #008194;
    line-height: 30px;
    margin: -45px 0 0;
    text-align: center;
    width: 90px;
    font-size: 18px;
    height: 30px;
    position: absolute
}

#large-map .close {
    background: url(../images/listings/close.png) no-repeat;
    cursor: pointer;
    height: 29px;
    position: absolute;
    right: -13px;
    top: -13px;
    width: 29px
}

#large-map .whats-nearby-wrapper {
    float: left;
    width: 215px
}

#large-map .whats-nearby-wrapper .whats-nearby {
    max-height: 398px;
    overflow: scroll;
    overflow-x: hidden
}

#large-map .whats-nearby-wrapper .nearby-wrapper {
    padding: 0 0 10px 22px;
    font-size: 12px;
    margin: 0 0 0 10px
}

#large-map .whats-nearby-wrapper .nearby-wrapper div {
    font-weight: bold
}

#large-map .whats-nearby-wrapper .nearby-wrapper li {
    line-height: 13px;
    margin: 1px 0 3px;
    list-style: none
}

#large-map .whats-nearby-wrapper .nearby-wrapper input {
    float: left;
    margin: 0 3px 0 0
}

#large-map .whats-nearby-wrapper .OutdoorAdventure {
    background: url(../images/map/lime.png) no-repeat 0 0
}

#large-map .whats-nearby-wrapper .NatureandWilderness {
    background: url(../images/map/lime.png) no-repeat 0 0
}

#large-map .whats-nearby-wrapper .Sport {
    background: url(../images/map/lime.png) no-repeat 0 0
}

#large-map .whats-nearby-wrapper .Golf {
    background: url(../images/map/lime.png) no-repeat 0 0
}

#large-map .whats-nearby-wrapper .WaterActivities {
    background: url(../images/map/blue.png) no-repeat 0 0
}

#large-map .whats-nearby-wrapper .AirActivities {
    background: url(../images/map/blue.png) no-repeat 0 0
}

#large-map .whats-nearby-wrapper .Snow {
    background: url(../images/map/blue.png) no-repeat 0 0
}

#large-map .whats-nearby-wrapper .FamilyFun {
    background: url(../images/map/orange.png) no-repeat 0 0
}

#large-map .whats-nearby-wrapper .Attractions {
    background: url(../images/map/orange.png) no-repeat 0 0
}

#large-map .whats-nearby-wrapper .Museums {
    background: url(../images/map/green.png) no-repeat 0 0
}

#large-map .whats-nearby-wrapper .ToursandSightseeing {
    background: url(../images/map/green.png) no-repeat 0 0
}

#large-map .whats-nearby-wrapper .ArtCulture {
    background: url(../images/map/green.png) no-repeat 0 0
}

#large-map .whats-nearby-wrapper .SpaWellness {
    background: url(../images/map/purple.png) no-repeat 0 0
}

#large-map .whats-nearby-wrapper .FoodWineNightlife {
    background: url(../images/map/purple.png) no-repeat 0 0
}

#large-map .address-wrapper {
    font-size: 12px;
    margin: 0 0 10px 15px
}

#large-map .address-wrapper span {
    font-size: 15px;
    font-family: Arial
}

#large-map h4 {
    font-family: Arial;
    font-size: 14px;
    color: #008194;
    font-weight: normal;
    margin: 0 0 8px 5px;
    padding: 10px 0 0 5px;
    border-top: dotted 1px #c5c5c5
}

#large-map #large-google-map {
    width: 650px;
    height: 500px;
    float: right
}

#map-loading-icon {
    background: url(../images/searchresults/spinner-background.png) no-repeat center 0;
    display: none;
    font-size: 14px;
    font-weight: bold;
    margin: 8px auto 0;
    padding: 2px 0 0;
    position: absolute;
    right: 275px;
    text-align: center;
    top: 15px;
    width: 100px;
    z-index: 1010
}

.map-overlay {
    background: #000;
    position: absolute;
    top: 0;
    z-index: 1000
}

#enquiry-form {
    width: 450px;
    height: 415px;
    background: white;
    padding: 15px 22px
}

#enquiry-form li {
    padding: 0 0 15px;
    list-style: none
}

#enquiry-form li label,
#enquiry-form li input,
#enquiry-form li textarea,
#enquiry-form li checkbox {
    float: left
}

#enquiry-form li label {
    display: inline-block;
    min-width: 70px;
    line-height: 24px
}

#enquiry-form li img {
    margin: 0 0 0 5px
}

#enquiry-form li.sign-up label {
    line-height: 15px;
    margin: 0 0 0 4px
}

#enquiry-form li .btn {
    float: right
}

#enquiry-form li div {
    float: left;
    width: 335px;
    font-size: 11px
}

#enquiry-form li div li {
    padding: 0;
    list-style: none
}

#enquiry-form .thank-you {
    display: none
}

#enquiry-form .thank-you span {
    color: #169dd0;
    font-size: 16px;
    display: block;
    margin: 0 0 10px
}

#enquiry-form .thank-you p {
    margin: 10px 0 0
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none
}

#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url('fancybox.png')
}

#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1101;
    outline: none;
    display: none
}

.no-csstransforms #fancybox-wrap {
    position: fixed
}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%
}

#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0px solid #fff
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101
}

#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: url(../images/listings/close.png) no-repeat;
    cursor: pointer;
    z-index: 1103;
    display: none
}

#fancybox-error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 14px;
    margin: 0
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top
}

#fancybox-frame {
    width: 100%;
    height: 100%;
    border: none;
    display: block
}

#fancybox-left,
#fancybox-right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background: transparent url('blank.gif');
    z-index: 1102;
    display: none
}

#fancybox-left {
    left: 0px
}

#fancybox-right {
    right: 0px
}

#fancybox-left-ico,
#fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block
}

#fancybox-left-ico {
    background-image: url('fancybox.png');
    background-position: -40px -30px
}

#fancybox-right-ico {
    background-image: url('fancybox.png');
    background-position: -40px -60px
}

#fancybox-left:hover,
#fancybox-right:hover {
    visibility: visible
}

#fancybox-left:hover span {
    left: 20px
}

#fancybox-right:hover span {
    left: auto;
    right: 20px
}

.fancybox-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001
}

#fancybox-title {
    font-family: Helvetica;
    font-size: 12px;
    z-index: 1102
}

.fancybox-title-inside {
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    background: #fff;
    position: relative
}

.fancybox-title-outside {
    padding-top: 10px;
    color: #fff
}

.fancybox-title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    text-align: left
}

#fancybox-title-over {
    padding: 10px;
    background-image: url('fancy_title_over.png');
    display: block
}

.fancybox-title-float {
    position: absolute;
    left: 0 !important;
    top: -30px;
    height: 30px
}

#fancybox-title-float-wrap {
    border: none;
    border-collapse: collapse;
    width: auto
}

#fancybox-title-float-wrap td {
    border: none;
    white-space: nowrap
}

#fancybox-title-float-main {
    background: white;
    color: #576D8A;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    height: 30px;
    padding: 0 8px
}

.book-online {
    margin: 20px 0 0;
    padding: 35px 25px 5px;
    width: 100%;
    background: #eaeaea;
    border-radius: 3px;
    position: relative;
    float: left
}

.no-csstransforms .book-online {
    float: none
}

.book-online .arrow-heading {
    position: absolute;
    margin-top: -14px;
    top: 0px;
    left: 6px
}

#booking {
    overflow: hidden
}

.booking-options {
    width: 440px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    padding: 5px 0
}

.booking-options label {
    float: left;
    line-height: 24px;
    margin: 0 4px 0 6px
}

.booking-options label:first-child {
    margin-left: 0
}

.booking-options input,
.booking-options select,
.booking-options span,
.booking-options img {
    float: left;
    margin-right: 5px;
    max-width: 135px
}

.booking-options img {
    margin-left: -2px
}

.activity .booking-options {
    width: 445px
}

.activity .booking-options input {
    max-width: 112px
}

.activity .booking-options label {
    line-height: 12px;
    margin: 0 2px 0 0;
    font-size: 11px;
    max-width: 38px;
    height: 24px
}

.activity .booking-options label:first-child {
    display: none
}

.activity .booking-options label.high {
    line-height: 24px
}

.activity .booking-options label.wide {
    max-width: 64px
}

.rooms {
    float: left
}

.rooms .room {
    width: 440px;
    list-style: none;
    height: 97px;
    border: 1px solid #cecece;
    border-right: none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    font-size: 10px;
    overflow: hidden;
    padding: 10px 0 10px 8px;
    background: white;
    margin: 10px 0 20px
}

.rooms .room .image {
    float: left;
    width: 100px;
    height: 75px;
    margin: 0 15px 0 0
}

.rooms .room .image img {
    max-width: 100px;
    max-height: 75px
}

.rooms .room .room-title {
    color: #169dd0;
    font-size: 12px;
    font-family: Arial
}

.rooms .room p {
    font-size: 11px;
    margin: 2px 0 0;
    line-height: 13px
}

.rooms .room p a {
    font-size: 11px
}

.rooms.no-results li {
    height: 30px;
    list-style: none;
    line-height: 30px
}

.room-popup-wrapper {
    display: none
}

.room-popup {
    background: #fff;
    padding: 15px;
    width: 700px;
    z-index: 2000;
    height: 550px;
    overflow-y: scroll;
    overflow-x: hidden
}

.room-popup h3 {
    color: #169dd0;
    line-height: 1;
    font-size: 18px;
    margin: 0 0 12px;
    font-weight: normal
}

.room-popup .close {
    background: url(../images/listings/close.png) no-repeat;
    cursor: pointer;
    height: 29px;
    position: absolute;
    right: -13px;
    top: -13px;
    width: 29px
}

.room-popup img {
    margin: 0 12px 12px 0;
    max-width: 207px;
    max-height: 160px
}

.room-popup img:last-child {
    margin-right: 0
}

.room-popup p {
    margin: 0 0 20px
}

.room-popup h4 {
    color: #169dd0;
    line-height: 1;
    font-size: 15px;
    margin: 0 0 1px;
    font-weight: normal
}

.room-popup li {
    margin: 0 0 0 14px;
    float: left;
    width: 30%
}

.room-popup .loading {
    text-align: center;
    margin: 50px 0 0
}

.room-popup .loading img {
    margin: 0 0 10px
}

.price-wrapper {
    margin: -34px 0 0 440px
}

.price-wrapper .previous {
    left: -1px;
    top: -1px;
    position: absolute;
    z-index: 1;
    width: 17px;
    height: 32px;
    overflow: hidden
}

.price-wrapper .previous a {
    display: block;
    width: 17px;
    height: 30px;
    text-decoration: none;
    margin: 1px 0 0 0
}

.price-wrapper .previous a:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    border: solid 2px #000;
    border-top: none;
    border-right: none;
    margin: -7px 0 0 5px;
    content: ""
}

.no-csstransforms .price-wrapper .previous a:after {
    display: none
}

.price-wrapper .previous a:not(.disabled):hover {
    margin: 0 0 0 -1px
}

.price-wrapper .previous a:not(.disabled):hover:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    border: solid 2px #000;
    border-top: none;
    border-right: none
}

.no-csstransforms .price-wrapper .previous a:not(.disabled):hover:after {
    display: none
}

.price-wrapper .previous a.disabled {
    cursor: default
}

.price-wrapper .previous a.disabled:after,
.price-wrapper .previous a.disabled:hover:after {
    border-color: white
}

.no-csstransforms .price-wrapper .previous a {
    background: url(../images/searchresults/scroll-arrows.png) no-repeat -16px center
}

.no-csstransforms .price-wrapper .previous a.disabled {
    background: none
}

.price-wrapper .next {
    right: -3px;
    top: -1px;
    position: absolute;
    z-index: 1;
    width: 17px;
    height: 32px;
    overflow: hidden
}

.price-wrapper .next a {
    display: block;
    width: 17px;
    height: 30px;
    text-decoration: none;
    margin: 1px 0 0 0
}

.price-wrapper .next a:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    border: solid 2px #000;
    border-bottom: none;
    border-left: none;
    margin: -7px 0 0 -8px;
    content: ""
}

.no-csstransforms .price-wrapper .next a:after {
    display: none
}

.price-wrapper .next a:not(.disabled):hover {
    margin: 0 0 0 -1px
}

.price-wrapper .next a:not(.disabled):hover:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    border: solid 2px #000;
    border-bottom: none;
    border-left: none
}

.no-csstransforms .price-wrapper .next a:not(.disabled):hover:after {
    display: none
}

.price-wrapper .next a.disabled {
    cursor: default
}

.price-wrapper .next a.disabled:after,
.price-wrapper .next a.disabled:hover:after {
    border-color: white
}

.no-csstransforms .price-wrapper .next a {
    background: url(../images/searchresults/scroll-arrows.png) no-repeat -2px center
}

.no-csstransforms .price-wrapper .next a.disabled {
    background: none
}

#scroll {
    position: relative;
    width: 499px;
    overflow: hidden;
    min-height: 60px
}

.prices {
    position: absolute
}

.prices .days {
    width: 499px;
    list-style: none;
    border: none;
    height: 34px;
    padding: 0 0 0 20px;
    overflow: hidden
}

.prices .days li {
    background: #39f;
    list-style: none;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 32px;
    line-height: 13px;
    margin: 1px 3px 0px 0;
    padding: 2px 0 0;
    text-align: center;
    width: 63px;
    border: solid 1px #cecece;
    color: white;
    border-radius: 3px
}

.prices .days li.today {
    line-height: 27px
}

.prices .price-row {
    width: 499px;
    list-style: none;
    height: 97px;
    border: 1px solid #cecece;
    border-left: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 10px 10px 10px 20px;
    background: white;
    margin: 10px 0 20px;
    position: relative
}

.prices .price-row .BookingCell,
.prices .price-row .enquire,
.prices .price-row .not-available {
    width: 63px;
    border: solid 1px #cecece;
    border-radius: 3px;
    background: #eaeaea;
    float: left;
    height: 58px;
    margin: 0 3px 0 0;
    text-align: center;
    font-size: 14px;
    padding: 12px 0 0;
    position: relative
}

.prices .price-row .enquire {
    font-size: 11px;
    line-height: 58px;
    padding: 0
}

.prices .price-row .enquire a {
    font-size: 11px;
    color: #000
}

.prices .price-row .not-available {
    font-size: 13px;
    line-height: 58px;
    padding: 0
}

.prices .price-row .BookingCell span.na {
    font-size: 12px;
    margin: 0
}

.prices .price-row .BookingCell .hot-rate {
    background: #717171;
    color: #fff;
    display: block;
    font-family: Arial;
    font-size: 11px;
    line-height: 14px;
    position: absolute;
    width: 53px;
    margin: -19px 0 0 4px;
    border-radius: 3px
}

.prices .price-row .BookingCell .min-stay {
    display: block;
    font-size: 11px;
    position: absolute;
    width: 61px;
    bottom: -1px
}

.prices .price-row .BookingCell .min-stay img {
    margin: 0 1px
}

.prices .price-row .btm-wrapper {
    position: absolute;
    bottom: 6px;
    width: 308px
}

.prices .price-row .btm-wrapper span {
    float: left;
    font-size: 11px;
    line-height: 12px;
    margin: 0 10px 0 0
}

.prices .price-row .btm-wrapper span img {
    float: left;
    margin: 0 2px 0 0
}

.prices .price-row .btm-wrapper .total-price {
    font-weight: bold;
    float: right;
    margin: 0
}

.prices .price-row .btm-wrapper .total-price span {
    margin: 0;
    float: right
}

.prices .price-row .arrow-heading {
    bottom: -14px;
    top: auto;
    right: 20px;
    left: auto
}

.prices .no-results {
    height: 30px;
    padding: 0 0 0 20px;
    line-height: 30px
}

#scroll .progress {
    height: 100%;
    margin: auto;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.6)
}

#scroll .progress span {
    background: white;
    border: 1px solid #cecece;
    font-size: 20px;
    height: 35px;
    margin-left: -75px;
    margin-top: -17px;
    padding: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px
}

#modal-background {
    opacity: 0.7;
    filter: alpha(opacity=70);
    background-color: #ebebeb;
    z-index: 1010;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px
}

#more-information-modal {
    z-index: 1020;
    position: fixed;
    width: 315px;
    background: url(../images/booking/popup.png) no-repeat 0 0
}

#more-information-modal .room-content {
    background: url(../images/booking/popup-btm.png) no-repeat 0 bottom
}

#more-information-modal.no-arrow .room-content {
    background: url(../images/booking/popup-btm-b.png) no-repeat 0 bottom
}

#more-information-modal .room-content #booknow {
    background: none;
    color: #a00;
    font-size: 18px;
    font-weight: bold;
    margin: 0px;
    padding: 0px 0px 10px 0px;
    line-height: 18px
}

#more-information-modal .room-content #amenities-list {
    background: #e6f9fd;
    margin: 10px 0 15px;
    padding: 0 10px
}

#more-information-modal.no-arrow .room-content #amenities-list {
    margin: 10px 0
}

#more-information-modal .room-content #amenities-list h4 {
    color: #0079C1;
    font-size: 12px;
    margin: 0 0 3px
}

#more-information-modal .room-content #amenities-list table li {
    background: url(../images/booking/bullet.png) no-repeat 0 5px;
    font-size: 11px !important;
    list-style: none outside none;
    padding: 0 2px 2px 8px
}

#more-information-modal .room-content #amenities-list table td {
    border-spacing: 0px
}

#more-information-modal .clear {
    clear: both
}