/* main container */
#bg {
    background: url(/tas/media_new/slideshow-assets/media-bg.png) top left
        no-repeat;
    width: 927px;
    padding: 16px 0 0 9px;
    position: relative;
    font-family: Arial, Helvetica, sans-serif;
}

/* general settings */
#bg a img {
    border: none;
}
#bg a {
    color: #666;
    text-decoration: none;
    outline: none;
}
.clearer {
    clear: both;
    display: block;
    line-height: 0%;
    font-size: 0%;
    height: 0%;
}

/* subnav */
#bg #labels {
    width: 910px;
    height: 37px;
    background: url(/tas/media_new/slideshow-assets/bg-menu.gif) top left
        repeat-x;
    font-size: 8px;
    color: #797266;
    padding: 0px;
    position: absolute;
    display: none;
    top: 16px;
    z-index: 10;
}
#bg #labels a,
#bg #labels a.currentLab {
    margin-left: 7px;
    height: 14px;
    cursor: pointer;
    padding: 3px 2px 3px 2px;
    display: inline-block;
}
#bg #labels a:hover,
#bg #labels a.currentLab {
    color: #3679a8;
    background-color: #fffefe;
}

/* play and pause button */
#bg #playPause {
    width: 56px;
    height: 13px;
    position: absolute;
    top: 36px;
    right: 50px;
    z-index: 15;
    cursor: pointer;
    background-color: #000;
    opacity: 0.7;
    padding: 4px 0 0 19px;
}
#ie7 #bg #playPause {
    padding: 0 0 7px 19px;
}

/* restaurant menu button */
#bg #menuRestaurant {
    width: 66px;
    height: 13px;
    position: absolute;
    z-index: 15;
    cursor: pointer;
    padding: 4px 0 0 7px;
    background-color: #000;
    opacity: 0.7;
    filter: alpha(opacity=50);
    top: 36px;
    right: 140px;
    display: none;
}
#bg #closeMenu {
    width: 68px;
    height: 11px;
    position: absolute;
    z-index: 27;
    background: url(slideshow-assets/closeMenu.gif) top left no-repeat;
    margin: 5px 0 0 818px;
    cursor: pointer;
    display: none;
}

/* download button */
#bg #btnDownload {
    background: url(/tas/media_new/slideshow-assets/btn-download-new.png) top
        left no-repeat;
    width: 83px;
    height: 19px;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 450px;
    left: 20px;
    z-index: 10;
}
#bg #btnDownload:hover {
    background-position: 0px -19px;
}

/* share button */
#bg #shareButtons {
    background: url(/tas/media_new/slideshow-assets/btn-share-bg.png) top left
        no-repeat;
    width: 38px;
    height: 17px;
    display: block;
    position: absolute;
    top: 450px;
    left: 110px;
    z-index: 10;
    padding: 2px 0 0 87px;
}
#bg #shareButtons a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
#bg #btnShareFB {
    background: url(/tas/media_new/slideshow-assets/btn-share-fb.png) top left
        no-repeat;
}
#bg #btnShareFB:hover {
    background-position: 0px -15px;
}
#bg #btnSharePinterest {
    background: url(/tas/media_new/slideshow-assets/btn-share-pin.png) top left
        no-repeat;
}
#bg #btnSharePinterest:hover {
    background-position: 0px -15px;
}

/* close button */
#bg #closeContainer {
    width: 17px;
    height: 17px;
    background: url(/tas/media_new/slideshow-assets/bg-closeButton.gif) top left
        no-repeat;
    cursor: pointer;
    position: absolute;
    z-index: 30;
    top: 4px;
    right: 4px;
}
#bg #closeContainer:hover {
    background-position: 0px -17px;
}

/* thumbnails */
#bg #bigThumbs {
    width: 928px;
    margin: 9px 0 0 1px;
}
#bg #thumb {
    background: url(/tas/media_new/slideshow-assets/bg-thumb.gif);
    width: 861px;
    height: 74px;
    float: left;
}
#bg #thumbContainer {
    width: 857px;
    height: 40px;
    overflow: hidden;
    padding: 11px 0 0 5px;
    position: relative;
}
#bg #thumbContainer img {
    position: relative;
    margin: 0 0 37px 10px;
    border: solid 1px #fff;
    cursor: pointer;
}
#bg #thumbnails {
    position: relative;
}
#bg #thumbnails .currentThumb {
    border: solid 1px #3679a8;
}
#bg #prevSet {
    background-image: url(/tas/media_new/slideshow-assets/arrow-left.gif);
    width: 23px;
    height: 74px;
    display: block;
    cursor: pointer;
    float: left;
}
#bg #prevSet:hover {
    background-position: 0px -74px;
}
#bg #nextSet {
    background-image: url(/tas/media_new/slideshow-assets/arrow-rigth.gif);
    width: 23px;
    height: 74px;
    display: block;
    cursor: pointer;
    float: left;
}
#bg #nextSet:hover {
    background-position: 0px -74px;
}

/* main image container */
#bg #jscontainer {
    width: 910px;
    position: relative;
    height: 466px;
}
#bg #jscontainer img {
    position: absolute;
    z-index: 2;
}

#bg #roomCat {
    width: 534px;
    height: 35px;
    background-color: #000;
    border: none;
    color: #fff;
    padding: 15px 0 0 35px;
    font-family: arial;
    font-size: 12px;
    z-index: 1000;
    position: absolute;
    margin: -50px 0 0 330px;
    opacity: 0.7;
    filter: alpha(opacity=50);
    display: none;
}
#bg #roomCat:hover {
    opacity: 0.8;
}
#bg .dotBlue {
    background: url(/tas/media_new/slideshow-assets/img-dotBlue.gif) 22px 20px
        no-repeat;
    color: #fff;
}
#bg .hideCap {
    background: url(/tas/media_new/slideshow-assets/btn-hideCaption.gif) top
        left no-repeat;
    margin: -28px 0 0 450px;
    cursor: pointer;
    height: 11px;
    width: 71px;
    display: block;
    border: none;
}
#bg .hideCap:hover {
    background-position: 0px -11px;
    border: none;
}
#bg .showCap {
    width: 85px;
    height: 12px;
    padding: 5px 0 0 7px;
    background-color: #000;
    cursor: pointer;
    opacity: 0.7;
    filter: alpha(opacity=50);
    position: absolute;
    z-index: 600;
    margin: -17px 0 0 780px;
    display: none;
}

#bg #dots {
    text-align: center;
    position: relative;
    bottom: 15px;
}
#bg #dots a {
    background: url(/tas/media_new/slideshow-assets/dots-grayBlue.png) 0px 0px
        no-repeat;
    width: 8px;
    height: 7px;
    display: inline-block;
    margin-left: 5px;
}
#bg #dots a.current {
    background: url(/tas/media_new/slideshow-assets/dot-blue.png) 0px 0px
        no-repeat;
}

/* This is the css for the , pull menu section */
#bg #showMenuRestaurant {
    width: 910px;
    height: 466px;
    background-color: #000;
    position: absolute;
    z-index: 300;
    background-color: #000;
    opacity: 0.85;
    filter: alpha(opacity=80);
    display: none;
    color: #fff;
}
#bg #containerMenuRes {
    width: 570px;
    height: 400px;
    float: left;
    display: inline;
    overflow: hidden;
    margin: 32px 0 0 159px;
}
#bg #containerMenuRes img {
    position: relative;
}
#bg #scroll {
    width: 1px;
    height: 384px;
    float: left;
    display: inline;
    margin: 55px 0 0 25px;
    position: relative;
}
#bg #scrollBar {
    background: url(/tas/media_new/slideshow-assets/scrollBar.gif) top left
        no-repeat;
    width: 4px;
    height: 384px;
    position: absolute;
    z-index: 10;
}
#bg #scrollBar_clickable {
    width: 20px;
    height: 384px;
    position: absolute;
    z-index: 11;
    left: -8px;
    top: 0px;
}
#bg #scroller {
    position: absolute;
    z-index: 12;
    left: -3px;
    top: 0px;
}
#bg #info {
    margin: 20px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

/* div for the description method, this will show the description project for all the rooms accommodatiosn */
#bg #description {
    width: 445px;
    height: 42px;
    background-color: #000;
    border: none;
    color: #fff;
    padding: 8px 85px 0 15px;
    font-family: arial;
    font-size: 12px;
    z-index: 50;
    position: absolute;
    margin: -50px 0 0 330px;
    opacity: 0.7;
    filter: alpha(opacity=50);
    display: none;
}
#bg #description p {
    position: relative;
}
#bg .hideCapDesc {
    background: url(/tas/media_new/slideshow-assets/btn-hideCaption.gif) top
        left no-repeat;
    cursor: pointer;
    width: 71px;
    height: 11px;
    display: block;
    border: none;
    position: absolute;
    top: 8px;
    right: 10px;
}
#bg .hideCapDesc:hover {
    background-position: 0px -11px;
    border: none;
}
#bg .showCapDesc {
    width: 85px;
    height: 12px;
    padding: 5px 0 0 7px;
    background-color: #000;
    cursor: pointer;
    opacity: 0.7;
    filter: alpha(opacity=50);
    position: absolute;
    z-index: 610;
    margin: -17px 0 0 780px;
    display: none;
}

#bg a#mediaSlideShowPrev {
    display: block;
    width: 50px;
    height: 50px;
    background: url(/images-general/jsSlideShow_left.png);
    position: absolute;
    z-index: 10;
    top: 220px;
    left: 20px;
}
#bg a#mediaSlideShowNext {
    display: block;
    width: 50px;
    height: 50px;
    background: url(/images-general/jsSlideShow_right.png);
    position: absolute;
    z-index: 10;
    top: 220px;
    right: 20px;
}