@import url(calendar.css);
@import url(bookingMask.css);
@import url(global.module.css);
@import url(offers.css);

/* LAYOUT FOR TEMPLATE SUBPAGE */

div#main-center-text {
	width: 370px;
	float: right;
	display: inline;
}

div#main-content p {
	/*margin-bottom: 10px;*/
	padding-bottom: 10px;
}

div#main-center-text ul,
div#additional-content-right ul {
	margin-left: 0px;
}

div#additional-content-right ul li {
	padding-top: 3px;
}

/* LAYOUT FOR TEMPLATE SUBPAGE WITH SUBNAV */

.body_subpageWithNav #main-content {
	float: left;
	min-height:350px;_height:350px;
}

.body_subpage #main-content {
	float: left;
	min-height:200px;_height:200px;
}
.body_subpage #main-content #mod_pukkaPackages.viewList {
	margin-top:110px;
	width:1156px;
	margin-left:43px;
	float:left;_display:inline;
}

#submenu-left {
	width: 186px;
	list-style: none;
	float: left;
	margin-right: 10px;
	margin-left: 0px;
}

#submenu-left .shortcuts {
	list-style: none;	
	margin-top: 3px;
}

#submenu-left .shortcuts li {
	text-transform: uppercase;
	border-bottom: #3C2E3C solid 1px;
	margin-bottom: 3px;
	margin-left: 3px !important;
}

#submenu-left .shortcuts li.active a,
#submenu-left .shortcuts li a:hover {
	color: #B5AC75 ;
	text-decoration: none;
}

#submenu-left .shortcuts li a {
  font-family: Trebuchet, Helvetica, Sans Serif;
  font-size: 12px;
  font-weight: bold;
  color: #856558;
  display: block;
}

#additional-content-right {
	position: absolute;
	top: 190px;
	left: 615px;
	color: #ACACAC !important;
}

#right-side-small-heading,
#additional-content-right ul {
	color: #ACACAC;
}

#right-side-small-heading {
	text-transform: uppercase;
}

#center-main-column {
	float: right;
	width: 370px !important;
}

div#intro {
	margin-left: 0px;
}

div#main-center-text {
	margin-left: 0px;
}

#main-content #main-center-text p {
	margin-left:0px;
		
}


/*LAYOUT FOR TRIPADVISOR */
#tripadvisor{
	position:relative;
	text-align: center;
	margin:0 0 10px 60px;	
}

#tripAdvisorWidget{
	position:absolute;
	top: 675px;
	left:614px;
	z-index:50;
}



/* ===== TEXT ===== */


#ihotelierGalleries {
	height:700px;
	width:760px;
		
}

/* RESTAURANT PAGE PRATS ADVERTISEMENT */
#pratsAdvertise{
	position:absolute;
	left:614px;
	top:690px;
	z-index:30;
	text-align:center;
	width:195px;
	
}

#pratsAdvertise img{
	float:left; _display:inline;
	border:0;
	margin: 0;
	margin-bottom:15px;
}

#laroccaAdvertise{
	position:absolute;
	left:614px;
	top:690px;
	z-index:30;
	width:200px;
}
#goingGreen {
	left: 614px;
	position: absolute;
	top: 772px;
	width: 200px;
	z-index: 30;
}
/*SPECIAL OFFER*/
#main-content #mod_pukkaPackages .itemPreviewTitle {
	height:30px;
	margin-left:12px;
	margin-bottom:0;
}
#main-content #mod_pukkaPackages .itemPreviewImageSection {
	height:120px;
}

#mod_pukkaPackages .itemPreview  .itemPreviewTitle .itemPreviewTitleLink{ 
	margin-left:0;
	color:#b5ac75;
	line-height:1.2em;
}

#mod_pukkaPackages .itemContent{
	margin : 10px 0 25px 0;
	clear: both;
}

#mod_pukkaPackages .itemPreviewTitle img {
	vertical-align:top;
	padding-right:6px;
	float: left;
}


#mod_pukkaPackages .introItemPackage{
	text-transform: none;
	color:#FFF;
}
#mod_pukkaPackages .itemPreview {                                                           
    margin-bottom:20px;                                                           
    margin-right:20px;
	width:187px;
	height:295px;
	float:left;_display:inline;
	background:#1a181b;
}  
#mod_pukkaPackages .itemPreview  .itemPreviewIntro{                                                           
	padding:10px;
	color:#b5ac75;
	height:50px;
}
#mod_pukkaPackages .itemPreviewImage{                                                           
	margin:10px 13px;
} 
#mod_pukkaPackages  p.itemPreviewViewLink a{
	color:#000000;
}
#mod_pukkaPackages p.itemPreviewViewLink{
    background: url(../images/booknow-bg-right.gif) no-repeat scroll right top;
	float: left;_display:inline;
    display: block;
    padding: 0 0 9px 0;
	text-transform:uppercase;
}
*+html #mod_pukkaPackages p.itemPreviewViewLink {
	/* width:12px;
	padding: 0px 0px 29px; */
}
#mod_pukkaPackages p.itemPreviewViewLink a{
    background: url(../images/booknow-bg-left.gif) no-repeat scroll left top;
    display: block;
    padding: 6px 10px 13px;
}
*+html #mod_pukkaPackages p.itemPreviewViewLink a {
	/* width:70px; */
}
#mod_pukkaPackages .viewList-link{
	float:left;
	width:165px;
	height:101px;
	margin-bottom:10px;
	background:#1a181b;
	padding:10px 0 0 15px;
	margin-top:2px;
}
#mod_pukkaPackages .viewList-link a{
	font-size:2.2em;
	color:#ffffff;
	font-family:"acaslon",Georgia;
	text-transform:uppercase;
}
#mod_pukkaPackages .viewList-link p{
	font-size:1.5em;
	color:#b5ac75;
	text-transform:uppercase;
	font-family:"acaslon",Georgia;
}
#mod_pukkaPackages .contents{
	float:left;
	clear:both;
	width:354px;
}
#mod_pukkaPackages .addthis_button{
	float:left;
	clear:both;
}


/*RESTAURANT*/

.body_subpageWithNav #main-content #mod_pukkaRestaurants.viewList {
    float: left;
    left: -110px;
    position: relative;
    top: 24px;
    width: 1035px;
	padding-bottom:20px;
}

#main-content #mod_pukkaRestaurants .itemPreviewTitle {
	height:30px;
	margin-left:12px;
	margin-bottom:0;
}
#main-content #mod_pukkaRestaurants .itemPreviewImageSection {
	height:120px;
}

#mod_pukkaRestaurants .itemPreview  .itemPreviewTitle .itemPreviewTitleLink{ 
	margin-left:0;
	color:#b5ac75;
	line-height:1.2em;
}

#mod_pukkaRestaurants .itemContent{
	margin : 10px 0 25px 0;
	clear: both;
}

#mod_pukkaRestaurants .itemPreviewTitle img {
	vertical-align:top;
	padding-right:6px;
	float: left;
}


#mod_pukkaRestaurants .introItemPackage{
	text-transform: none;
	color:#FFF;
}
#mod_pukkaRestaurants .itemPreview {                                                           
    margin-bottom:20px;                                                           
    margin-right:20px;
	width:187px;
	height:295px;
	float:left;_display:inline;
	background:#1a181b;
}  
#mod_pukkaRestaurants .itemPreview  .itemPreviewIntro{                                                           
	padding:10px;
	color:#b5ac75;
	height:50px;
}
#mod_pukkaRestaurants .itemPreviewImage{                                                           
	margin:10px 13px;
} 
#mod_pukkaRestaurants  p.itemPreviewViewLink a{
	color:#000000;
}
#mod_pukkaRestaurants p.itemPreviewViewLink{
    background: url(../images/booknow-bg-right.gif) no-repeat scroll right top;
	float: left;_display:inline;
    display: block;
    padding: 0 0 9px 0;
	text-transform:uppercase;
}
#mod_pukkaRestaurants p.itemPreviewViewLink a{
    background: url(../images/booknow-bg-left.gif) no-repeat scroll left top;
    display: block;
    padding: 6px 14px 13px;
}
#mod_pukkaRestaurants .viewList-link{
	float:left;
	width:165px;
	height:101px;
	margin-bottom:10px;
	background:#1a181b;
	padding:10px 0 0 15px;
	margin-top:2px;
}
#mod_pukkaRestaurants .viewList-link a{
	font-size:2.2em;
	color:#ffffff;
	font-family:"acaslon",Georgia;
	text-transform:uppercase;
}
#mod_pukkaRestaurants .viewList-link p{
	font-size:1.5em;
	color:#b5ac75;
	text-transform:uppercase;
	font-family:"acaslon",Georgia;
}
#mod_pukkaRestaurants .contents{
	float:left;
	clear:both;
	width:354px;
}
#mod_pukkaRestaurants .addthis_button{
	float:left;
	clear:both;
}


/*ROOMS*/
.body_subpageWithNav #main-content #mod_pukkaRooms.viewList {
    float: left;
    left: -156px;
    position: relative;
    top: 24px;
    width: 1035px;
	padding-bottom:20px;
}

#main-content #mod_pukkaRooms .itemPreviewTitle {
	height:30px;
	margin-left:12px;
	margin-bottom:0;
}
#main-content #mod_pukkaRooms .itemPreviewImageSection {
	height:120px;
}

#mod_pukkaRooms .itemPreview  .itemPreviewTitle .itemPreviewTitleLink{ 
	margin-left:0;
	color:#b5ac75;
	line-height:1.2em;
}

#mod_pukkaRooms .itemContent{
	margin : 10px 0 25px 0;
	clear: both;
}

#mod_pukkaRooms .itemPreviewTitle img {
	vertical-align:top;
	padding-right:6px;
	float: left;
}


#mod_pukkaRooms .introItemPackage{
	text-transform: none;
	color:#FFF;
}
#mod_pukkaRooms .itemPreview {                                                           
    margin-bottom:20px;                                                           
    margin-right:20px;
	width:187px;
	height:305px;
	float:left;_display:inline;
	background:#1a181b;
}  
#mod_pukkaRooms .itemPreview  .itemPreviewIntro{                                                           
	padding:10px;
	color:#b5ac75;
	height:50px;
}
#mod_pukkaRooms .itemPreviewImage{                                                           
	margin:10px 13px;
} 
#mod_pukkaRooms  p.itemPreviewViewLink a,
#mod_pukkaRooms p.itemBookingLink a{
	color:#000000;
}
#mod_pukkaRooms p.itemPreviewViewLink,
#mod_pukkaRooms p.itemBookingLink{
    background: url(../images/booknow-bg-right.gif) no-repeat scroll right top;
	float: left;_display:inline;
    display: block;
    padding: 0 0 1px 0;
	text-transform:uppercase;
}
#mod_pukkaRooms p.itemPreviewViewLink a,
#mod_pukkaRooms p.itemBookingLink a{
    background: url(../images/booknow-bg-left.gif) no-repeat scroll left top;
    display: block;
}
#mod_pukkaRooms p.itemPreviewViewLink a{
    padding: 6px 16px 13px;
}
#mod_pukkaRooms p.itemBookingLink a{
    padding: 6px 13px 13px;
}
#mod_pukkaRooms .viewList-link{
	float:left;
	width:165px;
	height:101px;
	margin-bottom:10px;
	background:#1a181b;
	padding:10px 0 0 15px;
	margin-top:2px;
}
#mod_pukkaRooms .viewList-link a{
	font-size:2.2em;
	color:#ffffff;
	font-family:"acaslon",Georgia;
	text-transform:uppercase;
}
#mod_pukkaRooms .viewList-link p{
	font-size:1.5em;
	color:#b5ac75;
	text-transform:uppercase;
	font-family:"acaslon",Georgia;
}
#mod_pukkaRooms .contents{
	float:left;
	clear:both;
	width:354px;
}
#mod_pukkaRooms .addthis_button{
	float:left;
	clear:both;
}
