@import url(template.global.css);
@import url(global.module.css);
@import url(comp.booking-mask.css);

/* LAYOUT FOR TEMPLATE SUBPAGE */

#holder {
	width:979px;
	background: #fff url(../images/holder_bg_sub.jpg) repeat-y top left;

	margin: 0px auto 35px auto;
	position: relative;
	padding: 0px 3px 0px;
}

body.subpage #main-content {
	width: 684px; /* minus left & right padding */
	background: #fff;
	float: right;
	/*min-height: 212px;  minus additional logos height & margin min-height: 670px;_height: 670px;*/
	margin: 387px 0px 0px 0px;
	padding: 20px;
	height:auto;
	color: #7a7960;
	font-family:Verdana, Geneva, sans-serif;
}

body.subpage #main-content h2,
body.subpage #main-content h2 a{
	color: #786846;
	font-family: Georgia, "Times New Roman", Times, serif;
	background:none;
	text-transform:uppercase;
	font-size:2.0em;
}

body.subpage #main-content h3,
body.subpage #main-content h3 a{
	font-size:1.6em;
	color:#63512a;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	background:url(../images/main_content_h3_bullet_bg.jpg) no-repeat left 7px;
	padding:0px 0px 0px 20px;
	padding:0px 0px 0px 20px;
	margin-bottom:10px;
	text-transform:capitalize;
}

body.subpage #main-content h3 a:hover,{
	text-decoration:underline;
}

body.subpage #main-content h4,
body.subpage #main-content h4 a {
	color: #8a7853;
	font-family: Verdana, Geneva, sans-serif;
	background:none;
	text-transform:capitalize;
	font-size:1.2em;
	padding:20px 0px 10px 0px;
	font-weight:bold;
    clear:  both;
}

/* Guest Reviews - Trip Advisor Link - Start */

body.subpage #main-content #guest-reviews{
	border:3px solid #589442;
	height:auto;
	margin:0;
	overflow:hidden;
	padding:0;
	width:240px;
	float:left;_display:inline;
	clear:left;
}

	body.subpage #main-content #guest-reviews #innerDiv{
		margin:3px;
		padding:7px 7px 0px;
		border:none;
		background-color:#fff;
	}
	
	body.subpage #main-content #guest-reviews #innerDiv #trip-logo{
		margin:6px 0 10px;
		padding:0 0 10px;
		overflow:hidden;
		border-bottom:1px solid #d1dfb8;
		border-top:none;
		border-left:none;
		border-right:none;
		text-align:left;
	}
	
	body.subpage #main-content #guest-reviews #innerDiv #hotel-name{
		margin:0;
		padding:0;
		border:none;
		font:bold 12px Verdana,Arial,Tahoma,'Bitstream Vera Sans',sans-serif;
		color:#2c2c2c;
		text-align:left;
		line-height:normal;
		letter-spacing:0;
	}
	
		body.subpage #main-content #guest-reviews #hotel-name a{
			margin:0;
			padding:0;
			border:none;
			text-decoration:none;
			font-weight:bold;
			font-size:12px;
			font-family:Verdana;
			color:#2c2c2c;
			text-align:left;
			line-height:normal;
			letter-spacing:0;
		}
	
	body.subpage #main-content #guest-reviews #innerDiv #write-review{
		margin:10px 0 0 0;
		padding:2px 10px;
		border:1px solid #d67b00;
		background-color:#d67b00;
		white-space:nowrap;
		cursor:pointer;
		text-align:center;
		width:75px;
	}
		body.subpage #main-content #guest-reviews #write-review a{
			text-decoration:none;
			font:bold 12px Arial,Tahoma,'Bitstream Vera Sans',sans-serif;
			color:#fff;
			vertical-align:middle;
		}
		
	body.subpage #main-content #guest-reviews #author{
		padding:2px 14px 1px;
		background-color:#589442;
		text-align:right;
		margin-top:5px;
	}

	body.subpage #main-content #guest-reviews #author span{
		font: italic 11px Arial,Tahoma,'Bitstream Vera Sans',sans-serif;
		color:#fff;
		letter-spacing:0;
	}


/* Guest Reviews - Trip Advisor Link - End */

/* Holiday Check - Holiday Check - Start */

body.subpage #main-content #holiday-check{
	border:3px solid #589442;
	height:auto;
	margin:19px 0 0 0;
	overflow:hidden;
	padding:0;
	width:130px;
	float:right;_display:inline;
	clear:right;
}

/* Holiday Check - Holiday Check Link - End */

body.subpage #availability-checker {
	position: absolute;
	top: 332px;
	left: 258px;
	height: 58px;
	width: 724px;
	background: #7a4d23;
}

body.subpage #main-content ul {
	margin:15px 10px;
	padding:0px;
}

	body.subpage #main-content ul li {
		margin:0 0 4px;
		padding:0px;
		list-style-position:inside;
	}

#main-visual {
	position: absolute;
	top: 3px;
	right: 3px;
	_right: 4px;
	width: 724px;
	height: 329px;

}

	#main-visual #slideshow {
		height: 350px;
		width:724px;
	}
	
	#main-visual #slideshow img {
		height: 350px;
		width:724px;
	}
	
body.subpage #sidebar {
	float: left;
	/*min-height:580px;*/
	height:auto !important;
	/*height:580px;*/
	_height:600px;
	margin: 329px 0px 0px 0px;
	background: #D3C28C url(../images/sidebar-bg.jpg) no-repeat top left;
	width: 220px; /* minus padding left + right */
	_width:228px;
	padding-left:25px;
	padding-right:10px;
	_padding-right:2px;
	padding-top: 20px;
	color:#004795;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#google-map {
	margin-top: 30px;
	float:right;
	border: 1px solid #014895;
}

div#map div#map-marker1 h3{
	margin:0;
	padding-left:0;
}

#box-1 {
	margin-bottom: 40px;_display:inline;
	height: 200px;
	width: 220px;
}

#box-2 {
	margin-bottom: 120px;_display:inline;
	height: 220px;
	width: 220px;
}

#special-offers-slider,
div#news-section {
	position:relative;
	height:auto;
	margin-top:15px;
	width:207px;
}

#offers_background{
	position: absolute; 
	left:0; top:0;
	width:220px;
	height:105px; 
	z-index:5;
}	

#offers_background img{
	_behavior: url('/iepngfix.htc');
}

#offers{
	position: absolute; 
	left:0; top:0;
	width:100px;
	height:105px; 
	z-index:10;
}

.sidebar-image {
	margin: 15px 0px;
}

#box-2 #photo-gallery-img{
	_behavior: url('/iepngfix.htc');
}

#special-offers-slider .offerImage{
	margin: 7px 0 0 5px;
}

#sidebar h3 a,
#sidebar h3 a:visited {
	font-size: 14px;
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	text-transform: uppercase;
	margin-bottom: 12px;
	color: #060606;
}

#sidebar h3 a:hover {
	text-decoration: none;
}

p#sidebar-telephone {
	margin-top: 20px;
}

img#restaurant-banner {
	margin: 20px 0px 0px;
}

div.location_details{
	float:left;
	width:310px;
	padding-right:10px;
}


/* ------- Special Offers ------- */

div#special-offers-slider .outline{
	position:absolute;
	top:-2px;
	left:-2px;
	border-top:2px solid #fff;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	width:203px;
	height:88px;
}

div#special-offers-slider ul.carousel{
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-family: Arial, helvetica, sans-serif;
	font-size:0.9em;
	color:#fff;
	position:relative;
	width:203px;
	height:150px;
	overflow:hidden;
}

	div#special-offers-slider ul.carousel li{
		margin:0px;
		padding:0px;
		list-style-type:none;
		width:203px;
		height:150px;
		overflow:hidden;
		position:absolute;
		z-index:4;
	}
	div#special-offers-slider ul.carousel li.hidden{
		display:none;
	}
	
		/*div#special-offers-slider ul.carousel li img{
			border:2px solid #fff;
		}*/
		
			div#special-offers-slider ul.carousel li h3{
				background: url(../images/offers_bottom_bg.jpg) no-repeat top left;
				position:absolute;
				top:88px;
				left:0px;
				width:203px !important;
				_width:199px;
				padding-left:4px;
				_padding-right:4px;
				__behavior: url('/iepngfix.htc');
			}
			
				div#special-offers-slider ul.carousel li a.go {
					position:absolute;
					top:114px;
					left:0px;
					width:203px;
					padding-left:2px;
					color:#937e51;
				}
				
				div#special-offers-slider ul.carousel li a:hover .go {
					color:#004795 !important;
					text-decoration:underline;
				}
				
div#pager,
div#pager2 {
	float:left;_display:inline;
	color:#fffefe;
	font-family: Arial, helvetica, sans-serif;
	font-size:0.7em;
	margin-right:14px;
	margin:0px 0px 20px 3px;
}

	div#pager a,
	div#pager2 a {
		display:block;
		color:#fffefe;
		background:#737171;
		border:1px solid #a7a5a4;
		float:left;_display:inline;
		width:10px;
		text-align:center;
	}
	
		div#pager a.activeSlide,
		div#pager2 a.activeSlide {
			background:#000000;
		}

	
div#special-offers-slider h4{
	background: url(../images/offers_bottom_bg.jpg) no-repeat top left;
	position:absolute;
	top:88px;
	left:0px;
	width:195px;
	font-family: Arial, helvetica, sans-serif;
	font-size:0.9em;
	color:#fff;
	text-transform:uppercase;
	padding:2px 4px;
	height:13px;
	font-weight:bold;
	z-index:5;
	
	display:none;

}

div#special-offers-slider span.more-link {
	float:right;
	font-family:Arial;
	font-size:0.9em;
	font-weight:bold;
	margin:0 3px 0 0;
}
div#special-offers-slider span.more-link a {
	color:#937E51;
}


/*div#special-offers-slider p{
	position:absolute;
	top:120px;
	width:207px;
	font-family: Arial, helvetica, sans-serif;
	font-size:0.9em;
	color:#004795;
	text-transform:capitalize;
}*/

/* ------- News Section - Start ------- */

div#news-section .outline{
	position:absolute;
	top:-2px;
	left:-2px;
	border-top:2px solid #fff;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	width:203px;
	height:88px;
}

div#news-section ul.sideBarNewsItem{
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-family: Arial, helvetica, sans-serif;
	font-size:0.9em;
	color:#fff;
	position:relative;
	width:203px;
	height:150px;
	overflow:hidden;
}

	div#news-section ul.sideBarNewsItem li.news-item{
		margin:0px;
		padding:0px;
		list-style-type:none;
		width:203px;
		height:185px;
		overflow:hidden;
		position:absolute;
		top:0px;
		left:0px;
		z-index:4;
	}
	div#news-section ul.sideBarNewsItem li.hidden{
		display:none;
	}
		
		div#news-section ul.sideBarNewsItem li.news-item h3{
			background:#83674a;
			position:absolute;
			top:88px;
			left:0px;
			width:203px !important;
			height:26px;
			vertical-align:middle;
			_width:199px;
			padding-left:4px;
			_padding-right:4px;
		}		
			div#news-section ul.sideBarNewsItem li.news-item a.go {
				position:absolute;
				top:114px;
				left:0px;
				width:203px;
				padding-left:2px;
			margin-top:5px;
				color:#937e51;
			}
			
			div#news-section ul.sideBarNewsItem li.news-item a:hover .go {
				color:#004795 !important;
				text-decoration:underline;
			}
	
div#news-section h4{
	background: url(../images/offers_bottom_bg.jpg) no-repeat top left;
	position:absolute;
	top:88px;
	left:0px;
	width:195px;
	font-family: Arial, helvetica, sans-serif;
	font-size:0.9em;
	color:#fff;
	text-transform:uppercase;
	padding:2px 4px;
	height:13px;
	font-weight:bold;
	z-index:5;
	
	display:none;
}

body.subpage #main-content #mod_pukkaJobs .moduleBody .itemPreview h3.itemPreviewTitle {
	color:#63512a;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	background:none;
	padding:0px;
	margin-bottom:10px;
	text-transform:capitalize;
}

body.subpage #main-content #mod_pukkaJobs .moduleBody .itemPreview h3.itemPreviewTitle a{
	font-size:1.1em!important;
	color:#63512a;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	background:url(../images/main_content_h3_bullet_bg.jpg) no-repeat left 7px;
	padding:0px 0px 0px 20px;
	margin-bottom:0px;
	text-transform:capitalize;
}

body.subpage #main-content #mod_pukkaJobs .moduleBody .itemPreview p.itemPreviewIntro{
	margin-bottom:5px;
}

body.subpage #main-content #mod_pukkaJobs .moduleBody .itemPreview a.itemPreviewViewLink{
	color:#aca28d;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	margin-top:10px;
}

body.subpage #main-content #mod_pukkaJobs .moduleBody .itemPreview a.itemPreviewViewLink:hover{
	text-decoration:underline;
}

div.widget_viewMediaAttachments {
	clear:both;
	padding-top:1px;
}

body.subpage #main-content #logos{
	padding-left:110px;
}
body.subpage #main-content #logos ul {
	list-style-type:none;
}
	body.subpage #main-content #logos ul li{
		display:inline;
		padding-right:20px;
	}
	body.subpage #main-content #logos ul li img{
		border:1px solid #bbbbbb;
	}
	
body.subpage #main-content #mod_pukkaRestaurants .moduleBody .itemPreview h3{
	padding-left:0px;
}
body.subpage #main-content #mod_pukkaRestaurants .moduleBody .itemPreview h3 span.itemPreviewTitleLink{
	padding-left:20px;
}

body.subpage div#main-content span.restaurant-logo{
	float:right;_display:inline;
	margin-top:-51px;
}
