/* @override http://www.ibizasummervillas.com/assets/css/application.css */

/* reset */
	html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
	h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
	ul,ol { list-style: none; }
	fieldset,img { border: none; }
	caption,th { text-align: left; }
	table { border-collapse: collapse; border-spacing: 0; }

div {position: relative; /* peekaboo bug fix */ }

/* general styles */

	body {
	font-family: Verdana, Tahoma, sans-serif;
	background: white;
	}
	
	br {
	clear: left;
	}
	
	strong {
	font-weight: bold;
	}
	
	em {
	font-style: italic
	}
	
	.clear { clear:both; }	
	
	.hr {
	background: url('../img/hr.gif') repeat-x;
	height: 2px;
	margin: 10px 0 5px 0;
	}
	
	p, label, li {
	font-size: 11px;
	color: #333;
	}
	
	input, textarea, select {
	font-size: 11px;
	font-family: Verdana, Tahoma, sans-serif;
	}
	
	#siteContainer {
	width: 940px;
	margin: 0 auto;	
	}
	
	.accessibility {
		display: none;
	}
	
	.info_small {	
 	 position: absolute;
 	 font-size : 9px;
 	 color : #ddd;
  	 left: 81%;
  	 top : 2px;
}
	
	.subtleText {
	color: #a7a7a7;
	}
	
	h4, h3 {
	height: 22px;
	padding: 5px 0 0 10px;
	border-bottom: 1px solid #ccc;
	}
	h4 {
	background: url('../img/flankboxTitle_background.jpg') no-repeat;
	}
	h3 {
	background: url('../img/contentboxTitle_background.jpg') no-repeat;
	}
	
	
	
	.guide {
	font-family: Trebuchet MS, Tahoma, sans-serif;
	color: white;
	font-weight: bold;
	font-size: 15px;
	height: 22px;
	padding: 5px 0px 0px 10px;
	border-bottom: 1px solid #ccc;
	background: url('../img/contentboxTitle_background1.jpg') no-repeat;
	margin: 50px 0 0px 0;
	}
	
	.clear1 { clear:both; 
	height: 34px;
	}	

/* top navigation */
	#header {
	background: url('../img/title.jpg') no-repeat;
	height: 57px;
	}
	
	#mainNavigationContainer {
	height:30px;
	}
	
	#mainNavigation {
	margin-top: 11px;
	height: 30px;
	}
	
	#mainNavigation, h4, h3 {
	font-family: Trebuchet MS, Tahoma, sans-serif;
	color: white;
	font-weight: bold;
	font-size: 15px;
	}
	
	#mainNavigation li {
	list-style-type: none;
	float: left;
	}
	
	#mainNavigation a {
	float: left;
	display: block;
	background: url('../img/nav/bg_combined.jpg') repeat-x;
	width: 132px;
	height: 25px;
	padding-top: 10px;
	padding-bottom: 3px;
	text-align: center;
	font-size: 15px;
	border-left: 1px solid #eca24d;
	border-right: 1px solid #fdf87a;
	margin-bottom: 10px;
	color: white;
	text-decoration: none;	
	}
	#mainNavigation a:hover {
	background-position: 0 -38px	
	}
	#mainNavigation .current a {
	background-position: 0 -76px
	}		
	#mainNavigation .current a:hover {
	background-position: 0 -76px
	}	
	#mainNavigation #last a {
	width: 134px;
	}	
/*	/top navigation		*/
	
	#languageSelection {
	text-align: right;
	width: 45px;
	float: right;
	margin: 17px 10px 0 0;
	color: white;
	}
	#languageSelection li.english {
	list-style-image: url('../img/GB.gif');
	color: white;
	}
	#languageSelection li.italiano {
	list-style-image: url('../img/IT.gif');
	color: white;
	}
	#languageSelection a {
	color: white;
	text-decoration: none
	}
	#languageSelection a:hover {
	text-decoration: underline;
	}
		
	#phoneNumber {
	float: right;
	text-align: right;
	width: 300px;
	margin-top: 3px;
	margin-left: 576px;
	padding-right: 10px
	}
	#phoneNumber p {
	color: #ccc;
	}

/* flanking containers */
	#columnLeft, #columnRight{
	width: 160px;
	}
	
	#columnLeft {
	float: left;
	}
	
	#columnRight {
	float: right;
	}
	
	fieldset#searchProperties,
	fieldset#searchByRefNo,
	div#myFavourites,
	div#specialOffers {
	width: 138px;
	background: url('../img/flankbox_background.jpg') repeat-x white;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px 10px 0 10px;
	margin-bottom: 10px;
	}
	
	div#myFavourites,
	div#specialOffers {
	padding-bottom: 5px;
	}

	div#myFavourites a,
	div#specialOffers a {
	color: #4b4b4b;
	text-decoration: underline;
	}
	
	div#myFavourites a:hover,
	div#specialOffers a:hover {
	color: #000;
	}
	
	fieldset#searchByRefNo {
	text-align: justify;
	}
	
	div#myFavourites ol, 
	div#myFavourites p, 
	div#specialOffers p {
	list-style-type: none;
	}
	
	div#myFavourites ul {
	list-style-type: none;
	}
	
	div.closeFlankingContainer {
	height: 4px;
	background: url('../img/flankbox_footer.jpg') no-repeat white;
	margin-bottom: 10px;
	}
	
	div.closeContentContainer {
	height: 4px;
	background: url('../img/contentbox_footer.gif') no-repeat white;
	margin-bottom: 10px
	}
		
	
	select#capacity, 
	select#areaOfChoice, 
	input#submitSearch {
	width: 100%;
	}
	
	input#searchById {
	width: 60px;
	float: left;
	margin-right: 10px;
	}
	
	input#submitRefNo {
	width: auto;
	float: right;
	}
	
	.linkToFavourite {
	float: left;
	}
	
	.deleteFavourite {
	float: right;
	width: 11px;
	height: 11px;
	background: url('../img/deleteFavourite.gif') no-repeat;
	}

	#deleteFavourite:hover {
	background: url('../img/deleteFavourite_hover.gif') no-repeat;
	}
	
	img#specialOffers {
	margin: 5px 0;
	}

	.pricerangeInputFrom {
	width: 52px;
	}
	.pricerangeInputTo {
	width: 52px;
	}	

/* content area */
	h3, #contentArea {
	float: left;
	margin-left: 10px;
	}
	
	h3 {
	width: 590px
	}
	
	
	#contentArea {
	background: url('../img/flankbox_background.jpg') repeat-x white;
	width: 578px;	
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 10px;
	}
	
	#contentArea p{
	margin: 0;
	}


.contenedormapa {
	background: url('../img/flankbox_background.jpg') repeat-x white;
	width: 918px;	
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 10px;
	}

	/*	paging rev. 2	*/
		.pagingContainer {
		margin-top: 10px;
		}
		
		.pageNumber {
		float: left;
		padding: 5px 0;
		}
		
		div.pager {
		float: right;
		}
		
		div.pager a {
		color: black;
		text-decoration: none;
		padding: 5px 7px;
		font-family: Trebuchet MS, Tahoma, sans-serif;
		font-size: 12px;
		margin: 0 1px;
		background: white;
		border: 1px solid #84c3dd;
		}
		
		div.pager a:hover  {
		background: #2f547a;
		color: white;
		}
		
		div.pager #active {
		background: #76a5d6;
		color: white;
		}
		
		.PageNumber { float: left; margin-top: 8px }
		.Pages { float: right; }
		.Paginator { font-size: 12px; font-family: Trebuchet MS, Tahoma, sans-serif; padding-top: 10px; margin-left: auto; margin-right: auto; }
		.Paginator a { padding: 3px 7px; border: 1px solid #84c3dd; background: #fff; text-decoration: none; color: #000; height: 20px }
		.Paginator .Prev, .Paginator .Next { padding: 3px 7px; border: 1px solid #84c3dd; background: #fff; }
		.Paginator .this-page {padding: 3px 7px; background: #76a5d6; color: #fff;}
		.Paginator .this-page:hover {background: #76a5d6; color: #fff;}
		.Paginator a:hover {color: #fff; background: #2f547a; text-decoration: none;}		


	/*	suboption menu (used for property details buttons & ibiza region guides)	*/
		#suboptionMenu ul, #guideMenu ul
		{
		list-style-type: none;
		text-align: center;
		}
		
		#suboptionMenu ul li, #guideMenu ul li { float:left;}
		
		#suboptionMenu ul li a, #guideMenu ul li a
		{
		text-decoration: none;
		font-family: Trebuchet MS, Tahoma, sans-serif;	
		background: url('../img/suboption_bg-combined.png') repeat-x;
		font-size: 12px;
		float: left;
		margin: 0px;
		height: 20px;
		color: white;
		padding-top: 5px;
		border-left: 1px solid #679dba
		}
		
		#suboptionMenu ul li a {
		width: 103px;
		}
		
		#guideMenu ul li a {
		width: 114px;
		}
		
		#suboptionMenu a:hover, 
		#guideMenu a:hover
		{
		background-position: 0 -25px;
		color: #000;
		}	

		#suboptionMenu a.current, 
		#guideMenu a.current
		{
		background-position: 0 -50px;
		}
		
		#suboptionMenu a.current:hover, 
		#guideMenu a.current:hover
		{
		background-position: 0 -50px;
		color: white;
		}		
		
		#suboptionMenu .backbutton {
		border-right: 1px solid #679dba;
		margin-right: 5px;
		width: 50px;
		}
		#suboptionMenu a.last, #guideMenu a.last {
		border-right: 1px solid #679dba
		}

	
	#contentArea h5, #price caption, #location caption, #usefulInfo caption, #contactform legend {
	background: url('../img/contentArea_h5_background.gif') repeat-x;
	font-size: 11px;
	font-weight: bold;
	height: 19px;
	padding: 5px 0 0 10px;
	margin-bottom: 5px;
	text-align: left;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;	
	}
	
	/*	search results	*/
		.searchResultsEntry {
		border-bottom: 1px solid #e3e3e3;
		padding-bottom: 5px;
		margin-top: 5px;
		}
		h5 .refNo {
		float: left;
		width: 170px;
		font-weight: bold;
		}
		h5 .capacityLocation {
		font-weight: normal;
		float: left;
		}
		h5 .price {
		float:right;
		padding-right:10px
		}
		.searchResultsEntry img {
		float: left;
		width: 170px;
		height: 125px;
		background: #ccc;
		}
		.searchResultsEntry .description {
		float: right;
		width: 399px;
		height: 100px;
		text-align: justify;
		}
		.searchResultsEntry h6 {
		float:right;
		font-size: 13px;
		height: 22px;
		text-align: center;
		padding-top: 2px;
		font-family: Trebuchet MS, Tahoma, sans-serif;
		}
		.searchResultsEntry h6 a {
		color: white;
		text-decoration: none;
		}
			
			.villaLink, .apartmentLink {
			text-decoration: none;
			margin-right:-10px;
			text-align: left;
			}
			.villaLink {
			width: 142px;
			background: url('../img/more-detail_villa.gif') no-repeat;
			}
			.apartmentLink {
			width: 182px;
			background: url('../img/more-detail_apartment.gif') no-repeat;
			}

/*	property details */	
	div#propertyDescription p {
	padding: 0 0 10px 10px;
	}
	
	#watermark {
	float: left;
	margin-left: -337px;
	}
	
	#currentImage, .thumbnail {
	float: left;
	background: #dadada;
	margin-bottom: 10px;
	}
	
	#currentImage, #watermark {
	width: 337px;
	height: 242px;
	}
	
	.thumbnail {
	width: 71px;
	height: 53px;
	margin-left: 9px;
	}
	
	#price {
	width: 578px;
	margin-bottom:10px
	}
	
	#location, #usefulInfo {
	width: 192px;
	float: left;
	}
	
	#price, #location, #usefulInfo {
	font-size: 11px;
	margin-bottom: 10px;
	}
	
	#price td.month, #location th, #usefulInfo th {
	padding-left: 10px;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	}
	
	#price td.cost, #location td, #usefulInfo td {
	text-align: right
	}	
	
	#carHire {
	float: left;
	width: 174px;
	margin: 0 10px;
	}
		#carHire p {
		padding-left: 10px;
		color: #000000;
		}
		#carHire a {
		color: #000000;
		}

	.howtobook, .aboutus, .villasforsale, .ibizaguide, .carhire {
	line-height: 120%
	}
	
	.ibizaguide a {
	text-decoration: underline;
	color: #666;
	}
	.ibizaguide a:hover {
	color: black
	}
		
	.aboutus {
	text-align: justify
	}
	.infoibiza {
	line-height: 110%
	}
	.ibizaguide h5 {
	margin-top:10px
	}
	
	fieldset#contactform label {
	width: 200px;
	height: 25px;
	float: left;
	}
	fieldset#contactform textarea {
	width: 350px;
	}
	fieldset#contactform input {
	width: 150px;
	}
	fieldset#contactform .submitButton {
	margin-left: 200px;
	}
	#contactform legend	{
	width: 568px
	}

	fieldset#contactformCompact label {
	width: 125px;
	height: 25px;
	float: left;
	}
	fieldset#contactformCompact textarea {
	width: 437px;
	height: 40px
	}
	/*fieldset#contactformCompact input {
	width: 150px;
	}*/
	fieldset#contactformCompact .submitButton {
	margin-left: 125px;
	width: 150px;
	}
	#contactformCompact legend	{
	width: 568px
	}
	
	ul#conciergeList li {
	margin-bottom: 8px;
	list-style: disc inside;
	}
	
	h6 {
	font-size: 11px;
	font-weight: bold;
	color: #666;
	text-decoration: underline
	}
	
	.vcardContainerLeft, .vcardContainerRight {
	width: 275px;
	margin-bottom: 10px
	}
	
	.vcardContainerLeft {float: left; }
	.vcardContainerRight {float: right; }	
	
	.vcard {
	font-size: 11px;
	border-bottom: 1px solid #ddd;
	padding: 2px 0;
	text-decoration: underline;
	}
	.vcard1 {
	font-size: 11px;
	border-bottom: 1px solid #ddd;
	padding: 2px 0;
	
	}
		.given-name { float:left }
		.tel { float:right;	}
		
	div#ibizaguideMap {
	float: left;
	width: 928px;
	height: 550px;
	background: white;
	border: 1px solid #ddd;
	margin-left: -181px;
	padding: 5px
	}
	
	h6,
	ul.interiorFeatures, 
	ul.exteriorFeatures {
	padding-left: 10px
	}

	ul.interiorFeatures li, 
	ul.exteriorFeatures li {
	display:inline; 
	margin: 3px 0;
	float:left; 
	width:25%
	}
	
	#bottomControlsContainer {margin-top: 10px}
	.bottomControls {
	text-decoration: none;
	font-family: Trebuchet MS, Tahoma, sans-serif;	
	background: url('../img/suboption_bg-combined.png') repeat-x;
	font-size: 12px;
	margin: 0px;
	height: 20px;
	color: white;
	padding: 4px 10px;
	border-left: 1px solid #679dba;
	border-right: 1px solid #679dba;
	}
	.bottomControls1 {
	text-decoration: none;
	font-family: Trebuchet MS, Tahoma, sans-serif;
	font-size: 12px;
	margin: 0px;
	height: 15px;
	color: white;
	padding: 4px 10px;
	border-left: 1px solid #679dba;
	border-right: 1px solid #679dba;
	background-image: url(../img/suboption_bg-combined.png);
	background-repeat: repeat;
	}
	.bottomControls:hover {
	background-position: 0 -25px;
	color: #000;
	}
	
	#backButton {
	float:left;
	width: 240px
	}
	#printButton {
	float:left;
	width: 180px
	}
	#topButton {
	float:right;
	width: 40px;
	}
	
	select.day,
	select.month, 
	select.year {
	margin-bottom: 2px;
	width: 152px
	}
	
	#terms {
	list-style: upper-roman inside
	}
	
	#terms li {
	margin-bottom: 10px;
	}
	
	#terms li strong {
	text-decoration: underline
	}
	
	#resources {
	width: 100%;
	}
	
	#resources a {
	color: #666;
	}
	
	#resources a:hover {
	color: #333;
	}	
	
	#resources th, #resources td {
	font-size: 11px;
	padding-bottom: 5px;
	vertical-align: top;
	}
	#resources th {
	width: 25%;
	font-weight: bold;
	text-align: right;
	padding-right: 10px
	}
	
	#watermark_box {
	position:relative;
	display:block;
	}
	img.watermark {
	position: absolute;
	top: 1px;
	left: 1px;
	}
	
	#addDelicious, #addBookmark {
width: 130px;
height: 24px;
font-size: 11px;
display: block;
color: white;
text-decoration: none;
padding-left: 30px;
padding-top: 8px;
}
#addDelicious:hover, #addBookmark:hover {
background-position: 0 -32px;
}


#addDelicious {
background: url(../img/button-delicious.png);
} 


#addBookmark {
background: url(../img/button-bookmark.png) #86c9e3;
margin-bottom: 10px;
}