﻿.GenericResidencesSecondLeft  {
    width: 620px; min-height:757px; float: left; background-color: #ffffff;
	width:620px; height:auto; float:left; background-color:#ffffff; padding-bottom:20px;
}

.GenericResidencesSecondLeftText01 {
    width: 585px; height: auto; float: left; margin: 10px 0 0 15px; border-top: 1px solid #4F4F4F;
}

.GenericResidencesSecondLeftText {
    width: 585px; height: auto; float: left; margin: 10px 0 0 15px;
}


/*---  Olsen --- */

.BookPanelOlsenSecondResidences
{
    width: 334px;    min-height:822px;    height: auto;    border-bottom: 1px solid #817B7B;    float: left;    
    background-color: #372F2D;    color: white;    margin: 5px 0 0 -1px;    font-size: 11px;    font-weight: bold;
}
.BookPanelOlsenResidences
{
    width: 334px;    height: 450px;    border-bottom: 1px solid #817B7B; float: left;  background-color: #372F2D;
    color: white;    margin: 5px 0 0 -1px;    font-size: 11px;    font-weight: bold;
}
.CalendarOlsenResidences
{
    width: 334px;    height: 375px;    float: right;    background-color: #9F998D;    margin: 27px 8px 0 0;
}

.upcomingEventsOlsenResidences
{
    font-size: 120%;    width: 274px;    height: 250px;  float: left;    margin: 20px 0 0 15px;
    padding: 7px 0 0 0;    color: white; /*#C9D8D3; */   
}


/*---  Residences --- */

.EnquiryResidences
{
    width: 300px;    height: auto;    float: left;    font-size: 13px;    margin: 15px 0 0 20px;    text-align: center;
}

.ResidencesEnquiries {
    background-color:#000000;    border:1px solid #B3B3B1;    color:#ffffff;
    float:left;    font-family:Arial,verdana;    font-size:11px;
    font-weight:bold;    margin-left:1px;    min-height:425px;    padding-left:10px;    width:200px;
}

.ResidencesEnquiries input {
    width: 188px;
}

.ResidencesEnquiries select {
    width: 188px;
}

.ResidencesEnquiriesHeading {
    width:200px;    float:left;    margin: 18px 0 18px 0;    color:#FFFFFF;    font-family:Arial;    font-size:15px;  padding-left:12px;  font-weight:500;   
}

#ResidencesTab-AboutUs {
    width:420px;    min-height:390px;
}
#ResidencesTab-Superior {
    width:420px;    min-height:390px;
    }
#ResidencesTab-Deluxe {
    width:420px;    min-height:390px;
}

.map-Residences
{
    width:282px;    height:22px;    padding:7px 0 0 10px;    background-color:#000000;      float:left;
     font-weight:bold;     color:#ffffff;     margin-bottom:5px;
}


/* --- Cullen --- */

.BookPanelCullenResidences
{
    width: 292px;    height: 145px;    float: left;    background-color: #ffffff;    font-size: 11px;
    color: #333333;    font-weight: bold;    padding: 0 0 0 8px;
}


/*---  Blackman --- */

.mainBlackmanResidences
{
    background-color:#464449;
    background-image:url('/Content/images/RVBLAC/generic/Blackman-bkg1.jpg');
    background-repeat:no-repeat;
    background-position: bottom center;
    background-attachment: fixed;
    margin:auto;
    width: 1020px;
    min-height:1000px;
    padding-bottom:40px;
}


.ContentBlackmanTranparentResidences{ width: 940px;    min-height: 750px;
                                      height:auto;    float: left;    margin: 14px 0 0 40px;    background-color:Transparent; }

.BlackmanLeftHandResidences         { width: 595px;     height: auto;    float: left; background-color: #ffffff; }
.BlackmanBookPanelResidences        { width: 334px;    min-height: 300px;    float: right;    background-color: #ffcc00;
                                      color: black;    font-size: 11px;    font-weight: bold;    height:auto;}
                                      
.BlackmanBookPanelBoxResidences     { float:left;    width:300px;    height:300px;    margin: 10px 0 0 16px; }   
.BlackmanBookPanelResidences span   { float:left;    margin:15px 0 0 26px;    font-size:19px;    font-weight:200; }
.BlackmanResidencesName             { width: 117px;    height: 36px;    margin-top: 5px;    float: left; }
.BlackmanfieldEnquiryResidences     { width: 126px;    border: 1px solid #333333;    font-family: Arial,verdana;    float: left;
                                      height: 16px;    color: #4F4F4F;    margin-bottom:8px;}
.BlackmanfieldEnquirySelectResidences { width: 128px;    border: 1px solid #333333;    font-family: Arial,verdana;    float: left;    
                                        height: 19px;    color: #4F4F4F;    margin-bottom:8px; }
.labelEnquiryBlackmanResidences     { width: 120px;     text-align:right;     float: left;     height: 18px;     margin-bottom:2px;}


.BlackmanBookPanelConferencing      { width: 334px;    min-height: 520px;    float: right;    background-color: #ffcc00;
                                      color: black;    font-size: 11px;    font-weight: bold;    height:auto;}
.BlackmanBookPanelBoxConferencing   { float:left;    width:300px;    height:520px;    margin: 10px 0 0 16px; }   
.BlackmanBookPanelConferencing span { float:left;    margin:15px 0 0 26px;    font-size:19px;    font-weight:200; }
.BlackmanfieldEnquiryConferencing   { width: 146px;    border: 1px solid #333333;    font-family: Arial,verdana;    float: left;
                                      height: 16px;    color: #4F4F4F;    margin-bottom:8px;}
.BlackmanfieldEnquirySelectConferencing { width: 148px;    border: 1px solid #333333;    font-family: Arial,verdana;    float: left;    
                                        height: 19px;    color: #4F4F4F;    margin-bottom:8px; }
.labelEnquiryBlackmanConferencing   { width: 140px;     text-align:right;     float: left;     height: 18px;     margin-bottom:2px;}


.roomfeatureslistBlackman
{
    width: 307px;    float: left;    background-color: #CFDEF3;    padding: 0 0 0 8px;    margin-left: 4px;
    color: #666563;    font-size: 12px;
}

.roomfeatureslistBlackman ul
{
    list-style: disc;
}
.roomfeatureslistBlackman ul
{
    margin-left: 0;
    padding-left: 12px;
}

/**/
#s3sliderfacilities
{
    width: 556px; 
    height: 322px; 
    position: relative; 
    overflow: hidden; 
    clear:left;
}


.s3sliderfacilities
{
    width: 556px; 
    height: 322px; 
    position: relative; 
    overflow: hidden; 
    clear:left;
}
.s3sliderfacilitiesContent
{
    width: 556px; 
    position: absolute; 
    top: 0; 
    margin-left: 0; 
}

.s3sliderfacilitiesContent li
{
    float: left; 
    position: relative; 
    display: none; 
}

/**/
#s3sliderfacilitiesContent
{
    width: 556px; 
    position: absolute; 
    top: 0; 
    margin-left: 0; 
}



.s3sliderfacilitiesImage
{
    float: left; 
    position: relative; 
    display: none; 
}

/**/
.s3sliderfacilitiesImage span
{

  /*  position: absolute;  important 
    left: 0;
    font: 16px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px 25px 13px;
    margin: 0;
    width: 556px;
    font-weight: bold;
    background-color: #fff;
    filter: alpha(opacity=70);  here you can set the opacity of box with text 
    -moz-opacity: 0.7;  here you can set the opacity of box with text 
    -khtml-opacity: 0.7;  here you can set the opacity of box with text 
    opacity: 0.7;  here you can set the opacity of box with text 
    color: #000;
    display: none;  important 
    bottom: 0;         if you put        top: 0; -> the box with text will be shown at the top of the image        if you put        bottom: 0; -> the box with text will be shown at the bottom of the image  */ 
}

/*------- Conferencing ----- */

#s3sliderConferencing
{
    width: 656px; /* important to be same as image width */
    height: 322px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
    clear:left;
}

#s3sliderConferencingContent
{
    width: 656px; /* important to be same as image width or wider */
    position: absolute; /* important */
    top: 0; /* important */
    margin-left: 0; /* important */
    padding: 0px 0 0 0px;
}

.s3sliderConferencingImage
{
    float: left; /* important */
    position: relative; /* important */
    display: none; /* important */
}

.s3sliderConferencingImage span
{
}




.EnquiryConferencing
{
    width: 300px;    height: auto;    float: left;    font-size: 13px;    margin: 15px 0 0 20px;    text-align: center;
}

.ConferencingEnquiries {
    background-color:#000000;    border:1px solid #B3B3B1;    color:#ffffff;
    float:left;    font-family:Arial,verdana;    font-size:11px;
    font-weight:bold;    margin-left:1px;    min-height:425px;    padding-left:10px;    width:200px;
}

.ConferencingEnquiries input {
    width: 188px;
}

.ConferencingEnquiries select {
    width: 188px;
}

.ConferencingEnquiriesHeading {
    width:200px;    float:left;    margin: 18px 0 18px 0;    color:#FFFFFF;    font-family:Arial;    font-size:15px;    font-weight:500;
}

#ConferencingTab-AboutUs {
    width:420px;    min-height:390px;
}
#ConferencingTab-Events {
    width:420px;    min-height:390px;
    }
#ConferencingTab-Meetings {
    width:420px;    min-height:390px;
}

.map-Conferencing
{
    width:282px;    height:23px;    padding:7px 0 0 10px;    background-color:#000000;      float:left;
     font-weight:bold;     color:#ffffff;     margin-bottom:5px;
}





/* - - - - - - s3slider BlackmanResidences - - - - - */

#s3sliderBlackman
{
    width: 595px; 
   height: 556px;  /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
     background-color:#ffffff;
}

#s3sliderContentBlackman
{
    width: 590px; /* important to be same as image width or wider */
    position: absolute; /* important */
    top: 0; /* important */
    margin-left: 0; /* important */
    padding:0;
    margin:5px 0 0 0;
}

.s3sliderImageBlackman
{
    float: left; /* important */
    position: relative; /* important */
    display: none; /* important */
}
.s3sliderImageBlackman img{border:0; margin-left:5px;}

.s3sliderImageBlackman span
{
    display: none;
    position: absolute; /* important */
    left: 0;
    font: 16px/15px Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
    width: 300px;
    font-weight: bold;
    background-color: #fff;
    filter: alpha(opacity=00); /* here you can set the opacity of box with text */
    -moz-opacity: 0.0; /* here you can set the opacity of box with text */
    -khtml-opacity: 0.0; /* here you can set the opacity of box with text */
    opacity: 0.0; /* here you can set the opacity of box with text */
    color: #000;
    display: none; /* important */
    bottom: 0; /*        if you put        top: 0; -> the box with text will be shown at the top of the image        if you put        bottom: 0; -> the box with text will be shown at the bottom of the image    */
}

.clearBlackman
{
    clear: both;
}
