/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal 
 *  and widescreen CSS files as appropriate. */
 
 
/******************** Logo ********************/

#block-block-87, #block-block-88, #block-block-89{
margin: 15px 12px 0 12px;
float:left;
}
 
/******************** Branding ********************/
 
#region-branding .logo-img{
float: left;
margin-top: 10px;
}

#block-block-72, #block-block-98{
float: left;
clear: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 ********************/



/******************** Menu ********************/
.responsive-layout-narrow #block-superfish-1{
float:left;
}

.responsive-layout-narrow #block-menu-menu-secondary-menu{
margin: 138px 0 0;
}

#block-superfish-2 ul{
/*width: 345px;*/
height: 25px;
margin: 8px 0px 0px 50px;
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,
.i18n-sv #block-superfish-1 ul li.last,
.i18n-nl #block-superfish-1 ul li.last{
border: none;
padding-right: 0;

}

#block-superfish-1 ul li a, #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;
}

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

.i18n-nl #block-superfish-1 ul li{
padding: 0 4px;
margin: 5px 0 0 0;
list-style-type: none;
list-style-image: none;
border-right: 1px solid #677985;
}

.i18n-sv.responsive-layout-narrow #block-superfish-1 ul li a,
.i18n-nl.responsive-layout-narrow #block-superfish-1 ul li a{
height: 11px;
line-height: 10px;
color: #677985;
font-size: 11px;
font-weight: normal;
text-decoration: none;
display: block;
}


.i18n-sv.responsive-layout-narrow #block-menu-menu-secondary-menu ul li {
padding:0 4px;
}

.i18n-sv.responsive-layout-narrow #block-menu-menu-secondary-menu ul li a,
.i18n-nl.responsive-layout-narrow #block-menu-menu-secondary-menu ul li a{
height: 11px;
line-height: 10px;
color: #5b5b5b;
font-size: 11px;
font-weight: normal;
text-decoration: none;
display: block;
}


#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, #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;
}

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

.responsive-layout-narrow  #block-block-118{
	right:0;
}





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

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

/******************** 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 */
}

/******************** Content - Promotion Page ********************/

#block-views-promotion-block .block-title{
font-size: 15px;
}

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

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

.responsive-layout-narrow #block-views-golf-events-block{
float: left;
position: relative;
left: 0;
width: 50%;
margin-bottom: 20px;
}

.responsive-layout-narrow #block-views-resort-events-block{
float: left;
position: relative;
right: 0;
width: 50%;
margin-bottom: 20px;
}

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

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

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

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

#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: 365px;
border: none;
}

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

#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;
}

/******************** 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;
}

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

.page-node-6.responsive-layout-narrow #block-system-main, .page-node-100.responsive-layout-narrow #block-system-main{
min-height: 470px;
}

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

#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: 0px;
}

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

#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: 0px;
}

#block-webform-client-block-173 #webform-component-email-thai 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: 0px;
}

#block-webform-client-block-173 #webform-component-inquriy-thai label{
margin-right: 4px;
}

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

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

#block-webform-client-block-138 #edit-submit,
#block-webform-client-block-173 #edit-submit{
float: right;
width: 97px !important;
margin-right: 10px !important;
}

/************  banner newsletter  *****************/

#block-block-117{
position:relative;
overflow:hidden;
}

#block-block-117 img {
display: block;
width: 1180px !important;
left: 50%;
margin-left: -640px;
position: absolute;
height: 240px;
}

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

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

#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 10px 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;
}

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

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

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

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

#block-block-74{
text-align: right;
}

#block-block-74 p{
float: left;
}

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

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

#block-block-105, #block-block-108{
margin-left: -3px;
margin-right: 5px;
}
.responsive-layout-narrow .right-content{
	width: 100%;
	margin: 20px 0px;
}

/*promotion*/
.responsive-layout-narrow .field-name-field-image-promotion img{
	width: 53%;
    height: auto;
    /* text-align: center; */
    display: block;
    margin: 0 auto;

}
.responsive-layout-narrow .field-name-field-date.field-type-datetime{

	font-size: 20px;
    font-weight: bold;
}


.responsive-layout-narrow .node-type-promotion .date-display-range{
	padding: 10px 0px;
    font-size: 18px;
    font-weight: bold;
}

.responsive-layout-narrow .promotion-img img{
	width: 53%;
    height: auto;
    /* text-align: center; */
    display: block;
    margin: 0 auto;

}

.responsive-layout-narrow .promotion-body{
	margin-top: 20px;
	
}
.responsive-layout-narrow .promotion-title a{
	font-size: 20px;
	text-decoration:none;
}