/* ################################################## */
/* #### AdvancedSearch.css ########################## */

#leftColumn
{
	width:210px;
	float:left;	
}

.sc
{
	height:36px;	
}

.tc
{
	height:52px;	
}

.hl
{
	float:left;
	width:100px;
	left:0px;
}

.is
{
	width: 92px;
	font-size:10px;
	clear:right;
}

/* Small drop downs */
.ds
{ 
	width: 196px;
	font-size:10px;
	clear:right;
}

/* Half drop downs small */
.dhs
{ 
	width: 96px;
	font-size:10px;
	clear:right;
}

/* ################################################## */
/* #### Details.css ################################# */


#slideShow
{
	float:right;
	padding-right:10px;
	display:block;
}

#reference
{
	font-size:11pt;
	margin:10px;
}

#firstDetails
{
	float:left;	
	display:block;
	padding:10px;
	padding-top:0;
	width:260px;
}

#firstDetails div
{
	background-color:#EBEBEB;
	margin-bottom:2px;
	vertical-align:middle;
	line-height:20px;
	padding: 2px 3px 1px 3px;
}

#descriptions
{
	display:block;
	margin-top:320px;
	padding:10px;
	text-align:justify;
}

#propertyType
{
	font-weight:bold;
	font-style:italic;
	padding-bottom:5px;
	background-color:white !important;
	border-top:dashed 1px #999;
}

#area
{
	font-weight:bold;	
	padding-bottom:5px;
	border-bottom:dashed 1px #999;
	background-color:white !important;
}

#price
{
	font-weight:bold;	
	padding-bottom:5px;
	margin-top:5px;
}

.imageLabel
{
	position:relative;
	vertical-align:text-bottom;
	display:block;
	float:left;
	clear:left;
	height:20px;
}

.detail
{
	display:block;
	text-align:right;
	height:20px;
}

#imageList
{
   width:310px;
   display:block;
   padding-bottom:5px;
   margin-top:5px;
   margin-bottom:5px;
}

#propertyrow
{
 background-color:#EBEBEB;
 width:240px;
}

#propertypricerow
{
 background-color:#EBEBEB;
 font-weight:bold;	
 width:240px;
 text-align:right;
}

/* ################################################## */
/* #### genericStyles.css ########################### */


.headerContact
{
	width: 270px;
	text-align: right;
}
.main
{
    padding:0px;
	border: 1px solid #999;
	width: 790px;
	border-collapse:collapse;
}

/* *** tool bar **** */

.leftContent
{
    width:180px;
}

div#toolbar
{
	padding-top: 0px;
	width: 180px;
	text-align: right;
	background-color: transparent 50%;
}

div#toolbar p
{
	width: 180px;
	height: 22px;
	margin: 0px;
	display: block;
	text-transform: capitalize;
	border-bottom: 1px solid #999;
}



#toolbar a:link
{
	font-family: verdana;
	font-size: 11px;
	color: #333;
	text-align: left;
	vertical-align: bottom;
	font-weight: normal;
	display: block;
	line-height: 22px;
	text-decoration: none;
	width: 180px;
	height: 22px;
	background-color: transparent;
	text-indent: 13px;
}

#toolbar a:visited
{
	font-family: verdana;
	font-size: 11px;
	color: #333;
	text-align: left;
	vertical-align: bottom;
	font-weight: normal;
	display: block;
	line-height: 22px;
	text-decoration: none;
	width: 180px;
	height: 22px;
	background-color: transparent;
	text-indent: 13px;
}

#toolbar a:hover
{
	font-family: verdana;
	font-size: 11px;
	color: #FFF;
	text-align: left;
	vertical-align: bottom;
	font-weight: normal;
	display: block;
	line-height: 22px;
	text-decoration: none;
	width: 180px;
	height: 22px;
	background-image: url(../../images/arrow.gif);
	background-position: 195px 9px;
	background-repeat: no-repeat;
	background-color: #999;
	text-indent: 13px;
}

#toolbar a:active
{
	font-family: verdana;
	font-size: 11px;
	color: #333;
	text-align: left;
	vertical-align: bottom;
	font-weight: normal;
	display: block;
	line-height: 22px;
	text-decoration: none;
	width: 180px;
	height: 22px;
	background-color: transparent;
	text-indent: 13px;
}

/* ****** quick search ******* */


.searchButton
{
	font-family: verdana;
	font-size: 9px;
	text-align: center;
}


/* START Search Elements */
 
/* Drop downs */
.d
{ 
	width: 300px;
	font-size:10px;
}

/* Half drop downs */
.dh
{ 
	width: 146px;
	font-size:10px;
}


/* Small drop downs */
.ds
{ 
	width: 190px;
	font-size:10px;
}

/* Half drop downs small */
.dhs
{ 
	width: 92px;
	font-size:10px;
}

/* Property type Parent class */
.p
{ 
	background-color:#cccccc;
}

/* Property type child class */
.c
{ 
	background-color:#cdcdcd;
}

.l
{
	font-family:"arial,sans-serif";
}

.r
{
	padding:10px;
	background-color:#999;
	color:white;
	
}

/* Search button */
.sb
{ 
	font-size:10px;
}

td
{
	font-size:11px;
}

/* area free text input area */
.ia
{ 
	width: 300px;
	font-size:10px;
}

/* END Search Elements */




/* ################################################## */
/* #### main.css #################################### */

/* -- GENERAL REDECLARATIONS ---------------------------------------- */



#wrapper 			{width:760px; margin:0 auto; text-align:left; border-color:Gray; border-width:1px; border-style:solid;}



/* --header -- */

#logo				{float:left; display:inline;}

#contact			{text-align: right; position:relative;width:750px !important; width /**/:750px; padding-bottom:5px;}



/* --the content block that is wrapped around the main content and menu-- */

#content 			{width:760px; float:left; display:inline; border-top:1px solid #999; border-bottom:1px solid #999;}

	

/* --the main content area-- */

#content_main 		{float:right; margin:0 0 0 0; width:600px !important; width /**/:600px; display:inline; border-left:1px solid #999;}



/* -- main menu -- */

#menu 				{float:left; margin:0 0 0 0; width:155px !important; width /**/:155px; display:inline; border-right: solid 1px #999;}



/* --the footer-- */

#footer 			{clear:both; width: 750px !important; width /**/:750px; text-align:right; padding-top:5px; padding-bottom:5px;}



/* -- Links on top of pages */

#pageLinks			{width: 580px !important; width /**/:580px; height:23px; text-align:right; border-bottom: dashed 1px #999; margin:10px 0 0 10px;}



#contentPane		{margin:10px;}





.links		{ font-family: verdana, arial, san serif; font-size:9px; color:#555;}

.links a:visited	{ font-family: verdana, arial, san serif; font-size:9px; color:#555;}

.links a:hover		{ font-family: verdana, arial, san serif; font-size:9px; color: Black;}

.links a:active	{ font-family: verdana, arial, san serif; font-size:9px; color:#555;}





/* *** tool bar **** */



.leftContent

{

    width:180px;

}



div#toolbar

{

	padding-top: 0px;

	text-align: right;

	float:left; 

	margin:3px 0 0 0; 

	width:155px !important; 

	display:inline;

}



div#toolbar p

{

	width: 155px;

	height: 22px;

	margin: 0px;

	display: block;

	text-transform: capitalize;

	border-bottom: 1px solid #999;

	overflow:hidden;

}



* html div#toolbar p

{

	width: 155px;

	height: 22px;

	margin: 0px;

	display: block;

	text-transform: capitalize;

	border-bottom: 1px solid #999;

	overflow:visible;

}







#toolbar a:link

{

	font-family: verdana;

	font-size: 11px;

	color: #333;

	text-align: left;

	vertical-align: bottom;

	font-weight: normal;

	display: block;

	line-height: 22px;

	text-decoration: none;

	width: 155px;

	height: 22px;

	background-color: transparent;

	text-indent: 13px;

}



#toolbar a:visited

{

	font-family: verdana;

	font-size: 11px;

	color: #333;

	text-align: left;

	vertical-align: bottom;

	font-weight: normal;

	display: block;

	line-height: 22px;

	text-decoration: none;

	width: 155px;

	height: 22px;

	background-color: transparent;

	text-indent: 13px;

}



#toolbar a:hover

{

	font-family: verdana;

	font-size: 11px;

	color: #FFF;

	text-align: left;

	vertical-align: bottom;

	font-weight: normal;

	display: block;

	line-height: 22px;

	text-decoration: none;

	width: 155px;

	height: 22px;

	background-image: url(../../images/arrow.gif);

	background-position: 195px 9px;

	background-repeat: no-repeat;

	background-color: #999;

	text-indent: 13px;

}



#toolbar a:active

{

	font-family: verdana;

	font-size: 11px;

	color: #333;

	text-align: left;

	vertical-align: bottom;

	font-weight: normal;

	display: block;

	line-height: 22px;

	text-decoration: none;

	width: 155px;

	height: 22px;

	background-color: transparent;

	text-indent: 13px;

}






/* ################################################## */
/* #### quicksearch.css ############################# */

.qs_d
{ 
	width: 150px;
	font-size:10px;
}


.qs_l
{
	width: 180px;
	font-size:10px;
}


.qs_ia
{
	width: 150px;
	font-size:10px;
}

.qs_button
{
}

.qs_p
{
	background-color:#cccccc;
}

/* ################################################## */
/* #### RequestInfo.css ############################# */

#riInformation
{
	width:400px;
	font-size:10pt;
	margin-bottom:20px;
}

#riPropertyReferences
{
	width:400px;
	font-size:8pt;
	font-weight:bold;
	margin-bottom:10px;
}

#riForm div
{
	margin-bottom:3px;
}

.riText
{
	width:250px;	
}

#riSent
{
	width:400px;
	height:150px;
}




/* ################################################## */
/* #### results.css ################################# */

.thumbsShortlist {
border:0px;
height: 85px;
width: 120px; 
border-width:0px;
}

/* ***************** Shortlist Body					********************** */
/* ***************** these are the styles for each shortlist entry ******* */

/*	wrappers */ 
.shortlistBody 
{
	position:relative;
	width: 100%; 
	margin-top: 10px; 
}

.shortlistBodyWrappper 
{
	position:relative;
	top: 0px;
	width: 580px; height: 95px; display:block;
	margin-top:5px;
}

/* elements */ 
.thumbnail /* thunmbnail properties */
{
	position: absolute; top: 0px; width: 140px; height: 95px; overflow: hidden;
}

.thumbCorner
{
	position: absolute; left: 2px; top: 2px; z-index:4;
}

.dynamicImage
{
	position: absolute; left: 6px; top: 6px; z-index:2; height: 85px; overflow: hidden; border: 1px solid black;
}

/* *** start top row **** */
.toprow /* top row properties */
{
	position: absolute; 
	left: 140px; 
	top: 0px; 
	width: 470px; 
	height: 25px; 
	text-align: center;
	border-bottom: 1px solid #9C9C9C;			
	border-top: 1px solid #9C9C9C; 
	border-left: 1px solid #9C9C9C; 
	border-right: 1px solid #9C9C9C;
	background-color: #EBEBEB;
	
}
.toprow p{
	font-weight: bold;
}

.im
{
	vertical-align:middle;
	border-width: 0px;
	 
}



.area
{
	position: absolute; 
	left: 5px; 
	top: 4px;  
	overflow: hidden; 
	width:375px; 
	height: 19px;
	font-weight: bold;
	text-align: left; 
}

.area h2{
	background-color:transparent;
	margin:0;
	padding:0;
}

/* more info button */
.moreInfo		
{
	position: absolute; 
	right: 25px; 
	top: 2px; 
	cursor: pointer;
}


 /* ****************** */

.addprop		
{
	position: absolute; 
	right: 3px; 
	top: 2px; 
	cursor: pointer;
}

	
/* *** end top row **** */

.shortdescription /* short description */
{
	position: absolute; 
	left: 140px; 
	top: 20px; 
	width: 470px; 
	height: 55px;
	border-left: 1px solid #9C9C9C; 
	border-right: 1px solid #9C9C9C;
}
				
.description
{
	margin:0;
	position: absolute; 
	top: 7px; 
	left: 5px; 
	right:2px; 
	width: 430px; 
	text-align: justify;
}

.propType
{
	position: absolute; 
	right: 4px; 
	top: 40px; 
	width: 150px; 
	height: 20px;
	text-align: right;
	font-style: italic; 
	font-weight: bold;
}

p.reference 
{
	position: absolute; 
	bottom: 2px; 
	right: 4px;  
	color: #999; 
	border-top: 1px dashed #E4E4E4;
}

/* *** start bottom row **** */
.bottomrow /* bottom row properties */
{
	position: absolute; 
	left: 140px; 
	top: 75px; 
	width: 470px; 
	height: 20px;
	background-color: #E5E5E5;
	border-bottom: 1px solid #9C9C9C; 
	border-left: 1px solid #9C9C9C; 
	border-right: 1px solid #9C9C9C;
}

.bottomrow p 
{
	margin:0;
	padding:0;
	height: 19px; 
	line-height: 19px; 
	vertical-align: middle; 
	
}


.price
{
	position: absolute; 
	right: 5px; 
	top: 0px;  
	width: 90px; 
	height: 20px;
	 
}
.price p
{
	font-weight: bold; 
}

.beds
{
	position: absolute; 
	left: 60px; 
	bottom: 1px; 
	width: 60px; 
	vertical-align:middle;
}

.baths
{
	position: absolute; 
	left: 120px; 
	bottom: 1px; 
	width: 60px; 
	vertical-align: middle;
}

.plot
{
	position: absolute; 
	left: 180px; 
	bottom: 1px; 
	width: 80px; 
	vertical-align: middle; 
}

.built 
{
	position: absolute; 
	left: 260px; 
	bottom: 1px; 
	width:80px; 
	vertical-align: middle; 
}
	

.spainMap
{
	position: absolute; 
	left: 0px; 
	bottom: 0px; 
	background-color: white; 
	width: 50px; 
	height: 29px; 
	z-index:999;
}	



				
/* Paging elements */
.pageOf
{
	margin-top:1px;
	display:block;
	float:left;
	padding-top:5px;
	position:relative;
	clear:left;
}

.paging
{
	display:block;
	float:right;
	padding-top:5px;
	position:relative;
}

#browsing
{
	margin-top:6px;
	float:left;
	position:relative;
	vertical-align:bottom;
}

#orderBy
{
	vertical-align:top;
	position:relative;
	text-align:right;
	padding-bottom:5px;
}	

#topControls
{
	border-bottom:dashed 1px #999;	
}

/* ################################################## */
/* #### Search.css ################################## */

.block_webhilite{
	margin:0px 0px 0px 20px;

}
.propOfMonth
{
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin:20px 0 10px 0;
	border-top:dashed 1px #999;
}

.label
{
	margin:2px 0 2px 0;	
}

/* START Search Elements */

.searchButton
{
	font-family: verdana;
	font-size: 9px;
	text-align: center;
}

/* Drop downs */
.d
{ 
	width: 300px;
	font-size:10px;
}

/* Half drop downs */
.dh
{ 
	width: 148px;
	font-size:10px;
}




/* Property type Parent class */
.p
{ 
	background-color:#cccccc;
}

/* Property type child class */
.c
{ 
	background-color:#cdcdcd;
}

.l
{
	font-family:"arial,sans-serif";
}

.r
{
	width: 118px;	
	position: absolute;	
	text-align: left; 		
	margin:12px 0px 0px 309px;
	background-color:#999;
	color:white;
	
}

/* Search button */
.sb
{ 
	font-size:10px;
	
}


/* area free text input area */
.ia
{ 
	width: 296px;
	font-size:10px;
}

/* END Search Elements */

/* Highlight elements*/

.hlWrapper
{
	width:250px;
	float:left;
	padding-right:20px;
	padding-bottom:10px;
}

.hlThumbnail
{
	width:250px;
	overflow:hidden;
}

.hlArea
{
	text-align:center;
	border-bottom:dashed 1px #999;
	border-top:dashed 1px #999;
	width:250px;
}

.hlPropertyType
{
	float:left; 
	position:relative;
	text-align:left;
	width:125px;
}
	
.hlPrice
{
	float:right; 
	position:relative;
	text-align:right;
	width:125px;
}


/* ################################################## */
/* #### searchStyles.css ############################ */

/* *****************											********************** */
/* ***************** Infocasa Real Estate Solution -	2005	********************** */
/* ***************** Infocasa webservice v1						********************** */
/* ***************** Author: Gino Nowee							********************** */
/* *****************											********************** */


/* ***************** GENERIC ELEMENTS				********************** */



.thumbsShortlist {border:0px;}
/* ***************** Shortlist Body					********************** */
/* ***************** these are the styles for each shortlist entry ******* */

/*	wrappers */ 
table.shortlistBody {width: 100%; margin-top: 18px; margin-right: 18px}

table.shortlistBody div.shortlistBodyWrappper 
{position: relative; left: 50%; margin-left: -300px; top: 0px;width: 600px; height: 95px; display:block; }

/* elements */ 
table.shortlistBody div.shortlistBodyWrappper div.thumbnail /* thunmbnail properties */
				{position: absolute; left: 10px; top: 0px; width: 140px; height: 95px; overflow: hidden;}

	table.shortlistBody div.shortlistBodyWrappper div.thumbnail div.thumbCorner
					{position: absolute; left: 2px; top: 2px; z-index:4;}
	table.shortlistBody div.shortlistBodyWrappper div.thumbnail div.dynamicImage
					{position: absolute; left: 6px; top: 6px; z-index:2; height: 85px; overflow: hidden; border: 1px solid black;}

/* *** start top row **** */
table.shortlistBody div.shortlistBodyWrappper div.toprow /* top row properties */
				{position: absolute; left: 150px; top: 0px; width: 450px; height: 20px; text-align: center;
				border-bottom: 1px solid #9C9C9C;
				
				border-top: 1px solid #9C9C9C; border-left: 1px solid #9C9C9C; border-right: 1px solid #9C9C9C;
				background-color: #EBEBEB;}


	table.shortlistBody div.shortlistBodyWrappper div.toprow div.beds
					{position: absolute; left: 0px; top: 0px; width: 100px; height: 20px; line-height: 20px; vertical-align: middle;}
	table.shortlistBody div.shortlistBodyWrappper div.toprow div.baths
					{position: absolute; left: 100px; top: 0px; width: 100px; height: 20px; line-height: 20px; vertical-align: middle;}
	table.shortlistBody div.shortlistBodyWrappper div.toprow div.plot
					{position: absolute; left: 200px; top: 0px; width: 125px; height: 20px; line-height: 20px; vertical-align: middle; }
	table.shortlistBody div.shortlistBodyWrappper div.toprow div.built 
					{position: absolute; left: 325px; top: 0px; width: 125px; height: 20px; line-height: 20px; vertical-align: middle; }

	
/* *** end top row **** */






table.shortlistBody div.shortlistBodyWrappper div.shortdescription /* short description */
				{position: absolute; left: 150px; top: 20px; width: 450px; height: 55px;
				border-left: 1px solid #9C9C9C; border-right: 1px solid #9C9C9C;}
table.shortlistBody div.shortlistBodyWrappper div.shortdescription p.description{position: absolute; top: 2px; left: 5px;width: 440px; text-align: justify;}
table.shortlistBody div.shortlistBodyWrappper div.shortdescription p.reference {position: absolute; bottom: 2px; left: 60px;  color: #999; border-top: 1px dashed #E4E4E4;}

	table.shortlistBody div.shortlistBodyWrappper div.shortdescription div.propType
				{position: absolute; right: 0px; top: 40px; width: 150px; height: 20px;text-align: right;
				 font-style: italic; font-weight: bold;}


table.shortlistBody div.shortlistBodyWrappper div.shortdescription div.moreInfo		
				{position: absolute; right: 10px; bottom: 5px;height: 15px; line-height: 15px; vertical-align: top;
				background-image: url(../../icons/moreinfoBG.gif); background-repeat: repeat-x; background-position: 0px 0px;}



/* *** start bottom row **** */
table.shortlistBody div.shortlistBodyWrappper div.bottomrow /* bottom row properties */
				{position: absolute; left: 150px; top: 75px; width: 450px; height: 20px;
				background-color: #E5E5E5;
				border-bottom: 1px solid #9C9C9C; border-left: 1px solid #9C9C9C; border-right: 1px solid #9C9C9C;}

table.shortlistBody div.shortlistBodyWrappper div.bottomrow p 
				{height: 19px; line-height: 19px; vertical-align: middle; /*text-align: center;*/ font-weight: bold;}
	
	table.shortlistBody div.shortlistBodyWrappper div.bottomrow div.price
				{position: absolute; left: 230px; top: 0px;  width: 125px; height: 20px; }
	table.shortlistBody div.shortlistBodyWrappper div.bottomrow div.area
				{position: absolute; left: 60px; top: 0px; background-color: #E5E5E5; width: 145px; height: 20px; }
	table.shortlistBody div.shortlistBodyWrappper div.bottomrow div.spainMap
				{position: absolute; left: 0px; bottom: 0px; background-color: white; width: 50px; height: 29px; z-index:999;}	

		/* EXPLORER BOX FIX */
		* html table.shortlistBody div.shortlistBodyWrappper div.bottomrow div.price
					{position: absolute; left: 230px; top: 0px; background-color: #E5E5E5; width: 125px; height: 19px; }
		* html table.shortlistBody div.shortlistBodyWrappper div.bottomrow div.area
					{position: absolute; left: 60px; top: 0px; background-color: #E5E5E5; width: 145px; height: 19px; }
		* html table.shortlistBody div.shortlistBodyWrappper div.bottomrow div.spainMap
					{position: absolute; left: 0px; bottom: -1px; background-color: white; width: 50px; height: 29px; z-index:999;}

		

		/* END EXPLORER BOX FIX */

	/* more info button */
	table.shortlistBody div.shortlistBodyWrappper div.bottomrow	 div.moreInfo		
						{position: absolute; right: 25px; top: 0px; }
	

	 /* ****************** */
	
	table.shortlistBody div.shortlistBodyWrappper div.bottomrow	 div.addprop		
						{position: absolute; right: 3px; top: 0px; }
					
	 
		
		
		

/* ################################################## */
/* #### SlideShow.css ############################### */

#slideShow
{
	width: 300px; 
}

#ssPhoto 
{	
	border:dashed 1px #999;
	overflow:hidden;
	width: 300px; 
	height: 240px !important;
	line-height:240px !important;
	text-align:center;
	vertical-align:middle;
}

#barWrapper
{
	height:14px;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:dashed 1px #999;
}

#ssToolbar
{
	display:inline;
	padding-left:2px;
	float:left;
	vertical-align:middle;	
	position:relative;
}

#photoCaption
{
	float:left;
	position:relative;
	margin-left:10px;
}

#photoNumbers
{
	float:right;
	text-align:right;	
}

/* ################################################## */
/* #### toolbar2.css ################################ */

div #toolbar2
{
	float:left; 
	width:155px;
}

div #toolbar2 #menu p
{
	margin: 0px 0px 0px 15px;
	width: 120px;
	height: 22px;
	display: block;
}

div #toolbar2 #menu 
{
	background-image: url(pic/mbkg2.gif); 
	background-repeat: repeat-y;
	width: 155px;
	height: 100px;
}