/* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */


/******************** Logo ********************/

#block-block-87, #block-block-88, #block-block-89, #block-block-90{
margin: 15px 12px 0 12px;
float:left;
}

#block-block-87 p, #block-block-88 p, #block-block-89 p, #block-block-90 p{
margin-bottom: 5px;
}

/******************** Branding ********************/

#region-branding .logo-img{
float: left;
margin-top: 10px;
}

#block-block-72, #block-block-98{
float: left;
height: 24px;
padding: 2px 11px 0px 11px;
font-size: 14px;
text-align: left;
position: relative;
z-index: 99;
}

#region-branding{
text-align: left;
}

/******************** Language ********************/

#block-locale-language{
position: absolute;
top: 0px;
right: 0;
}

/******************** Menu ********************/
#block-superfish-1{
float: right;
text-transform: uppercase;
margin:10px 0;
}

#block-superfish-1 ul{
margin: 0;
padding: 0px;
-webkit-padding-start: 0;
border: none;
}

#block-superfish-2 ul{
height: 25px;
margin: 8px 0px 0px 10px;
padding: 0px;
-webkit-padding-start: 0;
border: none;
}

#block-superfish-1 ul li, #block-superfish-2 ul li{
padding: 0 8px;
margin: 5px 0 0 0;
list-style-type: none;
list-style-image: none;
border-right: 1px solid #677985;
}

#block-superfish-1 ul li.last, #block-superfish-2 ul li.last{
border: none;
padding-right: 0;
}

#block-superfish-1 ul li a{
height: 12px;
line-height: 10px;
color: #677985;
font-size: 12px;
font-weight: normal;
text-decoration: none;
display: block;
}

#block-superfish-2 ul li a{
height: 12px;
line-height: 10px;
color: #677985;
font-size: 12px;
font-weight: normal;
text-decoration: none;
display: block;
}

#block-superfish-1 ul li a:hover, #block-superfish-1 ul li a.active, #block-superfish-2 ul li a:hover, #block-superfish-2 ul li a.active{
color: #000;
}

#block-menu-menu-secondary-menu {
float: right;
width: auto;
height: 25px;
margin: 60px 0 0;
}

.i18n-zh-hans #block-menu-menu-secondary-menu{
float: right;
width: auto;
height: 25px;
margin: 60px 0 0;
}

.i18n-sv #block-menu-menu-secondary-menu{
width: auto;
height: 25px;
margin: 60px 0 0;
}

#block-menu-menu-secondary-menu ul{
-webkit-padding-start: 0;
padding: 0;
}

#block-menu-menu-secondary-menu-thai ul{
float: right;
width: 170px;
height: 25px;
margin: -70px 0 0 0;
padding: 0;
-webkit-padding-start: 0;
}

#block-menu-menu-secondary-menu ul li, #block-menu-menu-secondary-menu-thai ul li{
float: left;
padding: 0 10px;
margin: 5px 0 0 0;
list-style-type: none;
list-style-image: none;
border-right: 1px solid #000;
text-transform: uppercase;
}

#block-menu-menu-secondary-menu ul li.last, #block-menu-menu-secondary-menu-thai ul li.last{
border: none;
padding-right: 0;
}

#block-menu-menu-secondary-menu ul li a{
height: 12px;
line-height: 10px;
color: #5b5b5b;
font-size: 12px;
font-weight: normal;
text-decoration: none;
display: block;
}

#block-menu-menu-secondary-menu-thai ul li a{
height: 12px;
line-height: 10px;
color: #5b5b5b;
font-size: 12px;
font-weight: normal;
text-decoration: none;
display: block;
}

#block-menu-menu-secondary-menu ul li a:hover, #block-menu-menu-secondary-menu ul li a.active, #block-menu-menu-secondary-menu-thai ul li a:hover, #block-menu-menu-secondary-menu-thai ul li a.active{
color: #000;
}

#IEroot8 #block-superfish-2 ul li a, #IEroot8 #block-menu-menu-secondary-menu-thai ul li a{
font-size: 10px;
}

/******************** Content ********************/

#zone-content-wrapper{
margin-bottom: -2px;
}

#block-system-main .field-name-field-pdf{
float: left;
margin-right: 20px;
}

.page-node-163 #block-system-main img, .page-node-164 #block-system-main img, .page-node-165 #block-system-main img, .page-node-178 #block-system-main img, .page-node-179 #block-system-main img, .page-node-180 #block-system-main img{
width: 100%;
height: auto;
}

.page-node-91 #block-system-main a, .page-node-93 #block-system-main a{
text-decoration: none;
color: #5b5b5b;
}

.page-node-91 #block-system-main a:hover, .page-node-93 #block-system-main a:hover{
text-decoration: underline;
}

/******************** Content - Room ********************/

#room {
margin-bottom: 10px;
}

#room p{
margin: 10px 0;
}

div.col1, div.col3{
width: 30%;
float: left;
text-align: left;
}

div.col2{
width: 30%;
margin: 0 5%;
float: left;
text-align: left;
}

div.col1 img, div.col2 img, div.col3 img{
width: 100%;
}

#room div.black-bg{
background-color: #000;
}

#room div.black-bg img{
opacity: .5;
filter:alpha(opacity=40); /* For IE8 and earlier */
}




#block-block-118{
	position:absolute;
	top:0;
	right:30%;
}



/******************** Content - Promotion Page ********************/
.page-node-477 #block-system-main,
.page-node-26 #block-system-main,
.page-node-90 #block-system-main,
.page-node-338 #block-system-main,
.page-node-339 #block-system-main,
.page-node-340 #block-system-main,
.page-node-341 #block-system-main{
width: 67%;
float: left;
margin-right: 3%;
}

#block-views-promotion-block{
width: 30%;
float: right;
}

#block-views-promotion-block .block-title{
font-size: 16px;
color: #fff;
background-color: #abbecc;
padding: 0 5px;
}

/******************** View-Homepage & Events ********************/

#block-views-view-homepage-block, #block-views-view-homepage-th-block{
display: none;
}

#block-views-golf-events-block h2.block-title, #block-views-resort-events-block h2.block-title,
#block-views-resort-events-block-1 h2.block-title,
#block-views-golf-events-block-1 h2.block-title{
text-align: center;
margin-bottom: 20px;
font-size: 14px;
}

#block-views-view-events-block h2.block-title, #block-views-view-events-th-block h2.block-title{
font-size: 14px;
text-align: left !important;
}

#block-views-view-events-block{
position: relative;
z-index: 98;
}

#block-views-golf-events-block,
#block-views-golf-events-block-1{
position: absolute;
right: 0;
width: 25%;
z-index: 99;
}

#block-views-resort-events-block,
#block-views-resort-events-block-1{
position: absolute;
right: 25%;
width: 25%;
z-index: 99;
}
#block-views-resort-events-block-1
{
	top:350px;
}
#block-views-golf-events-block-1{
	top:550px;
}

#block-views-view-events-block .views-row, #block-views-view-events-th-block .views-row{
float: left;
width: 25%;
height: 430px;
}

#block-views-view-events-block .views-row.views-row-3, #block-views-view-events-th-block .views-row.views-row-3{
clear: both;
}

#block-views-view-events-block img, #block-views-view-events-th-block img{
width: 190px;
height: auto;
}

/******************** View-Homepage-Jcarousel ********************/

.jcarousel-container p{
margin:0;
padding:0;
}

#block-views-view-homepage-jcarousel-block, #block-views-ac41ef2c7694d0c753f056c80441571a{
display: inherit;
}

#block-views-view-homepage-jcarousel-block .jcarousel-skin-default .jcarousel-clip-horizontal, #block-views-ac41ef2c7694d0c753f056c80441571a .jcarousel-skin-default .jcarousel-clip-horizontal{
width: 630px;
margin-left: -95px;
}

#block-views-view-homepage-jcarousel-block .jcarousel-skin-default .jcarousel-item, #block-views-ac41ef2c7694d0c753f056c80441571a .jcarousel-skin-default .jcarousel-item{
width: 300px !important;
height: 375px;
border: none;
overflow-y:scroll;
}

#block-views-view-homepage-jcarousel-block .jcarousel-skin-default .jcarousel-container-horizontal, #block-views-ac41ef2c7694d0c753f056c80441571a .jcarousel-skin-default .jcarousel-container-horizontal{
height: 375px;
}

#block-views-view-homepage-jcarousel-block .jcarousel-item, #block-views-ac41ef2c7694d0c753f056c80441571a .jcarousel-item{
padding: 5px;
}

#block-views-view-homepage-jcarousel-block .jcarousel-item img, #block-views-ac41ef2c7694d0c753f056c80441571a .jcarousel-item img{
margin-left: -5px;
}

#block-views-view-homepage-jcarousel-block .odd.jcarousel-item, #block-views-ac41ef2c7694d0c753f056c80441571a .odd.jcarousel-item{
border-right: 1px solid #b7b7b7;
}

#block-views-view-homepage-jcarousel-block  .jcarousel-skin-default .jcarousel-prev-horizontal, #block-views-ac41ef2c7694d0c753f056c80441571a  .jcarousel-skin-default .jcarousel-prev-horizontal{
top: 70px;
left: -85px;
}

#block-views-view-homepage-jcarousel-block  .jcarousel-skin-default .jcarousel-next-horizontal, #block-views-ac41ef2c7694d0c753f056c80441571a .jcarousel-skin-default .jcarousel-next-horizontal{
top: 70px;
right: -85px;
}

#block-views-view-homepage-jcarousel-block, #block-views-ac41ef2c7694d0c753f056c80441571a{
text-align: center;
}

#block-views-view-homepage-jcarousel-block .views-field-title, #block-views-ac41ef2c7694d0c753f056c80441571a .views-field-title{
width: 248px;
margin: 10px 0 10px 23px;
text-align: left;
}

#block-views-view-homepage-jcarousel-block .views-field-body, #block-views-view-homepage-jcarousel-block .views-field-view-node, #block-views-ac41ef2c7694d0c753f056c80441571a .views-field-body, #block-views-ac41ef2c7694d0c753f056c80441571a .views-field-view-node{
width: 248px;
margin-left: 23px;
text-align: left;
}

#block-views-view-homepage-jcarousel-block .views-field-title a, #block-views-ac41ef2c7694d0c753f056c80441571a .views-field-title a{
color: #677985;
text-decoration: none;
}

#block-views-view-homepage-jcarousel-block .views-field-view-node a, #block-views-ac41ef2c7694d0c753f056c80441571a .views-field-view-node a{
color: #000;
text-decoration: none;
}

#block-views-view-homepage-jcarousel-block .views-field-title a:hover, #block-views-view-homepage-jcarousel-block .views-field-view-node a:hover, #block-views-ac41ef2c7694d0c753f056c80441571a .views-field-title a:hover, #block-views-ac41ef2c7694d0c753f056c80441571a .views-field-view-node a:hover{
text-decoration: underline;
}

::-webkit-scrollbar{
width:6px;
background:none;
} 

::-webkit-scrollbar-track{
border:1px solid transparent;
border-radius:10px;
-webkit-box-shadow:none;
background:none;
} 

::-webkit-scrollbar-thumb{
background:none;
}

/******************** Block-Media Centre Page ********************/

#block-block-76, #block-block-110, #block-views-press-release-block{
float: left;
width: 330px;
margin-right: 10px;
}

#block-block-77, #block-block-78, #block-block-79, #block-block-111, #block-block-112, #block-block-113{
float: left;
width: 340px;
}

.field-name-field-images2  .field-item{
float:left;
width:23%;
padding:20px 1%;
}


/******************** Webform ********************/

.page-node-6 #block-system-main, .page-node-100 #block-system-main{
min-height: 480px;
}

/*
#block-webform-client-block-173 #edit-submit {
float: right;
width: 62px !important;
margin-right: 120px !important;
}
*/
#block-webform-client-block-138 #edit-submit{
float: right;
width: 97px !important;
margin-right: 130px !important;
}


#block-webform-client-block-173, #block-webform-client-block-138{
position: absolute;
top:379px;
right: 0;
width: 50%;
}

#block-webform-client-block-173 label, #block-webform-client-block-138 label{
float: left;
}

#block-webform-client-block-173 #webform-component-name- input{
width: 280px;
margin-left: 6px;
}

#block-webform-client-block-138 #webform-component-name-thai input{
width: 280px;
margin-left: 21px;
}

#block-webform-client-block-173 #webform-component-email- input{
width: 280px;
margin-left: 7px;
}

#block-webform-client-block-138 #webform-component-email-thai input{
width: 280px;
margin-left: 9px;
}

#block-webform-client-block-173 #webform-component-event-inquiry- label, #block-webform-client-block-138 #webform-component-inquriy-thai label{
margin-right: 6px;
}

#block-webform-client-block-173 #webform-component-event-inquiry- textarea, #block-webform-client-block-138 #webform-component-inquriy-thai textarea{
width: 280px;
}

#block-webform-client-block-173 #edit-submit {
margin-right: 115px !important;
}

/******************** Sidebar-first ********************/

#region-sidebar-first{
margin-top: 0px;
padding-top: 10px;
padding-bottom: 9px;
background-color: #d1e8f7;
}

#region-sidebar-first img{
width: 80% !important;
height: inherit !important;
}

#block-menu-menu-resort-menu, #block-menu-menu-residences, #block-menu-menu-menu-special, #block-menu-menu-resort-menu-th, #block-menu-menu-residence-menu-th, #block-menu-menu-golf-menu-th{
margin-bottom: 20px;
}

#block-menu-menu-resort-menu ul li, #block-menu-menu-residences ul li, #block-menu-menu-menu-special ul li, #block-menu-menu-resort-menu-th ul li, #block-menu-menu-residence-menu-th ul li, #block-menu-menu-golf-menu-th ul li{
float: none;
padding: 10px 0 0px 10px;
list-style-type: none;
list-style-image: none;
text-transform: uppercase;
}

#block-menu-menu-resort-menu ul li a, #block-menu-menu-residences ul li a, #block-menu-menu-menu-special ul li a, #block-menu-menu-resort-menu-th ul li a, #block-menu-menu-residence-menu-th ul li a, #block-menu-menu-golf-menu-th ul li a{
color: #356c8f;
font-size: 15px;
font-weight: normal;
text-decoration: none;
display: block;
}

#block-menu-menu-resort-menu ul li a:hover, #block-menu-menu-residences ul li a:hover, #block-menu-menu-menu-special ul li a:hover, #block-menu-menu-resort-menu ul li a.active, #block-menu-menu-residences ul li a.active, #block-menu-menu-menu-special ul li a.active, #block-menu-menu-resort-menu-th ul li a:hover, #block-menu-menu-resort-menu-th ul li a.active, #block-menu-menu-residence-menu-th ul li a:hover, #block-menu-menu-residence-menu-th ul li a.active, #block-menu-menu-golf-menu-th ul li a:hover, #block-menu-menu-golf-menu-th ul li a.active{
color: #356c8f;
text-decoration: none;
font-weight: bold;
}
/*********/
#block-menu-descriptions-menu-resort-menu{
margin-bottom: 20px;
}

#block-menu-descriptions-menu-resort-menu dl dt{
float: none;
padding: 10px 0 0px 10px;
list-style-type: none;
list-style-image: none;
text-transform: uppercase;
}

#block-menu-descriptions-menu-resort-menu  a{
color: #356c8f !important;
font-size: 15px !important;
font-weight: normal !important;
text-decoration: none !important;
display: block !important;

}

#block-menu-descriptions-menu-resort-menu a:hover,
#block-menu-descriptions-menu-resort-menu a.active{
color: #356c8f !important;
text-decoration: none !important;
font-weight: bold !important;
}

#block-menu-descriptions-menu-resort-menu dd{
	margin-bottom:0px !important; 
}
#block-menu-descriptions-menu-resort-menu dd.menu-item-3 {
	font-size: 14px;
}

#block-menu-descriptions-menu-resort-menu dt.menu-item-3 a{
	color: #356c8f !important;
    text-decoration: none !important;
    font-weight: bold !important;
    font-size: 21px !important;
}













/******************** Postscript ********************/

#zone-postscript{
width: 940px;
background: url(../images/bg-postscript.jpg) no-repeat center top;
padding-top: 20px;
}

#region-postscript-first{
width: 270px;
text-align: left;
}

#region-postscript-second{
width: auto;
float: right;
}

#block-block-74,
#block-block-119,
#block-block-120{
text-align: right;
}

#block-block-74 p,
#block-block-119 p,
#block-block-120 p{
float: left;
}

#block-block-74 a,#block-block-119 a,#block-block-120 a{
padding: 5px 2px 6px 0;
margin: 0 0 0 10px;
margin-right: 0px !important;
background-color: #ddecf5;
}

#block-block-74 img,
#block-block-119 img,
#block-block-120 img{
margin-left: -1px;
}

#block-block-105, #block-block-108{
margin-left: -3px;
margin-right: 5px;
}

/****************     print newsletter     *******************/
#block-print-ui-print-links {
position: absolute;
top: 0px;
right: 0; 
}

#block-print-ui-print-links span {
display: inline;
}

/* banner popup */

.front #colorbox{
top: 0 !important;
}