/***
   do not delete this dummy class which is
   used to fix some strange problems
***/

.xxx {
}

/**********************************************************/
#languagePanel {
   float: right;
}

#languagePanel div {
   float: left;
   padding:0px 5px;
   border-right: 2px solid #fff;
}

#languagePanel div.last {
   border-right: 0;
   padding-right:0px;
}

#languagePanel a {
   color: #fff;
}
/**********************************************************/
#brandingContainer{
}

#logo{
   width: 193px;
   float:left;
   padding-bottom:5px;
}

#logo img{
   margin:auto;
}

#sloganRoomContainer{
   width: 738px;
   float:left;
   border:0px solid red;
}

#slogan{
   float:right;
   margin-top:15px;
}

/**********************************************************/
#rooms {
   margin-top: 15px;
   font-size: 1em;
   vertical-align: middle;
   min-height:13px;
   width: 700px;
   border-left:1px solid #000;
}

#rooms div {
   display: inline;
   padding-right: 0.7em;
   padding-left: 0.7em;
   border-right: 1px solid #000;
}

#rooms div.last {
}

#rooms a {
   text-decoration: none;
   color: #213055;
}

#rooms a:hover,
#rooms a.selected
{
   color: #507a93;
}

#rooms a.selected
{
   font-weight:bold;
}

/******************** LEFT PANEL ********************************/
#leftPanelTop{
   margin:10px 0px 10px 10px;
   border:0px solid #fff;
}

/* used when no top links exist */
#leftPanelTop2{
   margin:25px 0px 10px 10px;
}

#leftPanelTop h2
{
   color:#fff;
   font-size: 1.2em;
   text-align:right;
   padding:20px 20px 5px 0px;
}

#leftPanelTop .link
{
   height:20px;
}

#leftPanelTop .link a
{
   color: #9fcbd0;
   text-decoration:none;
}

/****************************************************************/

#leftPanelBottom{
   margin:auto;
   margin-left:18px;
   border:0px solid #fff;
   position:absolute;
   
      top:395px;
   }

#leftPanelBottom #button
{
   width:160px;
   min-height:15px;
   _height:15px;
   color:#fff;
   border: 1px solid #40668c;
   margin-bottom:5px;
   padding-top:3px;
   text-align:center;
}

#leftPanelBottom #button a
{
   text-decoration:none;
}

/****************************************************************/
#categories {
   border: 0px solid #fff;
   margin-right: 10px;
   color:#fff;
}

#categories div {
   color:#fff;
   margin:0px 5px 15px 15px;
   font-size: 1.2em;
   border-right:1px solid #fff;
   padding-right:4px;
   width:150px;
   text-align:right;
}

#categories div a {
   display:block;
   padding:3px;
   text-decoration:none;
   color: #9fcbd0;
}

#categories div a:hover,
#categories div.selected a
{
   text-decoration: none;
   color: #fff;
}

/****************************************************************/
#subCategories {
   border: 0px solid #fff;
   margin-right: 10px;
   color:#fff;
}

#subCategories div {
   color:#fff;
   margin:0px 5px 15px 15px;
   font-size: 1.2em;
   border-right:1px solid #fff;
   padding-right:4px;
   width:150px;
   text-align:right;
}

#subCategories div a {
   display:block;
   padding:3px;
   text-decoration:none;
   color: #9fcbd0;
}

#subCategories div a:hover,
#subCategories div.selected a
{
   text-decoration: none;
   color: #fff;
}
/******************** CALLOUTS *******************************/
#calloutLeft
{
   color: #fff;
   padding:25px;
   padding-top:0px;
   line-height:15px;
   padding-right:20px;
}

#slideShow
{
   padding:10px 0px;
   border-bottom:1px solid #fff; 
   text-align:center;
}

#slideShow img
{
   margin:auto;
   text-align:center;
}

/**********************************************************/
#latestNews
{
   padding:5px 20px;
   width:314px;
}

#latestNews .row
{
   margin-bottom:5px;
}

#latestNews .row div.picture
{
   float:left;
   width:60px;
}

#latestNews .row div.desc
{
   float:left;
   padding-top:5px;
   width:230px;
}
/**********************************************************/
#contentContainer
{
   width:100%;
   border:0px solid #000;
}

#contentFullWidth
{
   width:100%;
}

#contentL
{
   width:384px;
}

#contentLInner
{
   padding:20px;
}

#contentL img
{
   margin: auto;
}
/**********************************************************/
#contentR
{
   margin-left:2px;
   width:354px;
}

#contentFullWidth,
#contentL,
#contentR

{
   background-color: #00224f;
   float:left;
   overflow:auto;
   height:471px;
   color: #fff;
   line-height:18px;

   /** works only in IE **/
   scrollbar-arrow-color: #ccc;
   scrollbar-base-color: #ccc;
   scrollbar-dark-shadow-color: #ccc;
   scrollbar-track-color: #ccc;
   scrollbar-face-color: #ccc;
   scrollbar-shadow-color: #ccc;
   scrollbar-highlight-color: #ccc;
   scrollbar-3d-light-color: #ccc;
}

/**********************************************************/
#contentRInner
{
   padding:20px;
   border: 0px solid #fff;
}

#contentRInner h1,
#contentRInner h2
{
   text-align:right;
}

#contentRInner .description
{
   padding-top:20px;
}

#contentRInner .description p
{
   padding-top:0px;
   margin-top:0px;
}

#contentRInner #attachment
{
   color: #fff;
}

#contentRInner #titlePicture img,
#contentFullWidth #titlePicture img
{
   float: right;
}


/****************** to vertical align the text in div **************************/
#valignContainer1
{
   display: table; 
   width: 100%; 
   height: 100%; 
   _position: relative; 
   overflow: hidden;
}

#valignContainer2
{
   _position: absolute; 
   _top: 50%; 
   display: table-cell; 
   vertical-align: middle;
}

#valignContainer3
{
   _position: relative; 
   _top: -50%;
}

/**********************************************************/
#contentThumb
{
   background-color:#00224f;
   width:100%;
   height:471px;
   overflow:auto;
}

#contentThumbL
{
   width:250px;
   float:left;
   height:400px;
}

#contentThumbL .description
{
   width:200px;
   margin: 20px auto 5px auto;
   border:1px solid #385a83;
   color: #fff;
   line-height:20px;
   color: #fff;
   padding:10px;
}

#contentThumbR
{
      margin: 20px 0 0 0px;
   
   float:left;
   width:474px;
   color: #fff;
   border:0px solid #385a83;
}

#contentThumbRInner
{
   margin:auto;
}

#contentThumbR div.picture
{
   float:left;
   width:222px;
   height:149px;
   margin:0px 5px 5px 0px;
}

/**********************************************************/
#relatedPictures
{
   width:220px;
   margin-left:20px;
}

#relatedPictures div.picture
{
   margin:5px;
   float:left;
   border:1px solid #fff;
}

#relatedPictures div.picture img
{
   width:38px;
   height:38px;
}

/************************ no boundaries **********************************/
#noBoundaryDetail
{
   margin-left:20px;
   margin-top:50px;
   color: #7e94ae;
   font-weight: normal;
}

#noBoundaryDetail .title
{
   font-size: 1.2em;
   color: #fff;
   font-weight: bold;
}

#noBoundaryDetail #description
{
   margin-top:25px;
}

#noBoundaryDetail #description div
{
   line-height:20px;
}

#noBoundaryDetail a
{
   color: #7e94ae;
}
/**********************************************************/
#thinList
{
   font-weight: normal;
   border-right:1px solid #fff;
   border-bottom:1px solid #fff;
   width:325px;
   margin:auto;
   margin-top:30px;
   border-collapse:seperate;
}

#thinList td
{
   color: #fff;
   padding:5px;
   border:1px solid #fff;
   border-right:0px;
   border-top:0px;
   text-align:center;
}

#thinList td.last
{
   border-bottom:0px;
}

#thinList .headerRow td
{
   border-top:1px solid #fff;
   background-color:#7092b6;
   font-weight:bold;
}

#thinList a
{
   text-decoration:none;
}

#thinList .list1
{
   background-color: #a4bdd5;
}

#thinList .list2
{
   background-color: #7fa0c2;
   background-color: #a4bdd5;
}

#thinList #button
{
   width:125px;
   height:15px;
   color:#fff;
   border: 1px solid #fff;
   margin:0x;
   padding-top:3px;
   text-align:center;
   background-color:#7092b6;
   cursor:pointer;
}

/**********************************************************/
#thinList2
{
   font-weight: normal;
   width:325px;
   margin:auto;
   margin-top:48px;
}

#thinList2 td
{
   color: #333366;
   padding:5px;
   border-bottom:0px solid #fff;
}

#thinList2 td.last
{
   border-bottom:0px;
}

#thinList2 .headerRow td a
{
   font-weight:bold;
   color: #fff;
}

#thinList2 a
{
   color: #333366;
   text-decoration:none;
}
/**********************************************************/
#panelButton
{
   padding-right:20px;
   border: 0px solid #fff;
   margin-left:25px;
   vertical-align:bottom;
 }

#flatButton
{
   width:120px;
   height:20px;
   color:#fff;
   border: 1px solid #40668c;
   margin-bottom:5px;
   padding-top:5px;
   text-align:center;
}

#flatButton a
{
   text-decoration:none;
}

#pictureContainer img
{
   margin:auto;
}

/**********************************************************/
#homePageButton
{
   width:178px;
   height:20px;
   color:#fff;
   border: 1px solid #40668c;
   text-align:center;
   background-color:#162337;
   float:left;
}

#homePageButton a
{
   text-decoration:none;
}

/**********************************************************/
#footer{
   padding:2px 0px;
   text-align:right:
}

/**********************************************************/
#searchPropertyForm{
   margin-left:20px;
   margin-top:35px;
}

#searchPropertyForm td{
   padding:5px;
}

#searchPropertyForm optgroup{
   background-color:#a8bfd4;
   color:#000;
}

#searchPropertyForm select{
   width:175px;
   height:25px;
}

#searchPropertyForm #submit
{
   width:175px;
   height:25px;
   color:#fff;
   border: 1px solid #40668c;
   text-align:left;
   padding-left:5px;
   background-color: #00224f;
   cursor:pointer;
}

#searchPropertyForm #submit a
{
}

/**********************************************************/
#enquiryForm{
   margin:20px;
   margin-right:5px;
   color: #fff;
}

#enquiryForm td{
   padding:5px;
   color:#fff;
}

#enquiryForm .formTitle{
   font-size: 14px;
   font-weight: bold;
}

#enquiryForm .formFieldLabel{
   font-weight: bold;
   width:150px;
}

#enquiryForm .formFieldValue{
}

#enquiryForm .formInputBox{
   width:200px;
   background: #fff!important
}

#enquiryForm .formInputBoxSmall{
   width:150px;
}

#enquiryForm .formSmallText{
   font-size: 10px;
   font-weight: bold;
}

/**********************************************************/
#propertyEnquiryForm{
   margin:20px;
   margin-right:0px;
   color: #fff;
}

#propertyEnquiryForm td{
   padding:5px;
   padding-right:3px;
   color:#fff;
}

#propertyEnquiryForm .formTitle{
   font-size: 14px;
   font-weight: bold;
}

#propertyEnquiryForm .formFieldLabel{
   font-weight: bold;
   width:175px;
}

#propertyEnquiryForm .formFieldValue{
}

#propertyEnquiryForm .formInputBox{
   width:160px;
   background: #fff!important
}

#propertyEnquiryForm .formSmallText{
   font-size: 10px;
   font-weight: bold;
}

/**********************************************************/
.dropDown1{
   width:150px;
   background-color: #00224f;
   color: #fff;
}
/**********************************************************/