/*------------------------
First Class Mallorca
Website designed by Gavin Homan - igoo ltd - www.igoo.co.uk
95A Allerton Road, Liverpool, L182DD
--------------------------*/
ul,ol,dl,dd,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,caption
{ margin:0; padding:0; }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none; }


a		{	color: #AD4C21;	text-decoration: none; }
a:hover	{	color: #000; }
.clearboth { clear: both;}



body
{
	background: #F6F6F6 url('images/bg.gif') repeat-x;
	margin: 0px; 
	padding: 0px;
	font: normal 12px "Arial", "Verdana", sans-serif;
	color: #000;
}


p
{
	padding: 0;
	text-align: justify;
	font-size: 12px;
	line-height: 2em;
}


span.propertyofweek
{
position: absolute;
width: 180px;
height: 180px;
background: url('images/propertyofweek.gif') no-repeat;
top: 0;
right: 0;
}

span.propertyofweek a
{
	display: block;
	height: 180px;
	width: 180px;
}

#head
{
	background: url('images/head2.png') no-repeat;
	height: 103px;
	width: 975px;
	margin: 0 auto;
}

#logo
{
	text-align: center;
	height: 100px;
}

#logo img
{
	margin: 16px auto;
}


#holder
{
	width: 913px;
	margin: 0 auto;
	background: url('images/band.gif') repeat-y;
}

#body_wrapper
{
	margin: 0 13px;
	padding: 1px;
}

#subpagewrap
{
	margin: 0;
}

#subpagewrap h2, #subpagewrap h3
{
	display: block;
	padding: 20px 0 0 10px;
}

#subpagewrap p
{
	margin: 1.5em 10px 0 10px;
	line-height: 1.6em;
}
	

/*------------------------
Headers 
--------------------------*/

h1 
{
	margin-bottom: 5px;
	color: #4f6b72;;
	font-size: 160%;
	clear: left;
}



/* -----------------------
Top Page Navigation 
--------------------------*/

/* NAVIGATION */
#site-navigation
{
	height: 28px;
	background: none;
    clear: both;
	font-family: verdana;
	margin: 0 13px;
	padding: 10px 0;
}

#container>#site-navigation
{
	height: 28px;
}

#site-navigation ul
{
	width: auto;
	list-style: none;
	font-size: 12px;
	text-transform: uppercase;
}

#site-navigation li
{
	float: left;
}

#site-navigation ul a
{
	float: left;
	display: block;
	padding: 5px 24px 6px 25px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	background: #828282 url('images/nav.gif') repeat-x;
}

#site-navigation ul li:hover a
{
	background: #000;
	color: #EC953D;
}

#site-navigation ul li:hover
{
	background: #666;
}


/*----------------------
Layout
-----------------------*/


#slideshow
{
	float: right;
	background: #fff;
	margin: 12px 10px 0 0;
	padding: 6px;
}


#searchbox
{
}

#searchbox img.findaproperty
{
	margin: 10px 0 0 15px;
}

#searchbox form
{
	margin: 10px 0 0 20px;
}

#searchbox form select
{
	width: 180px;
	padding: 2px;
}

#searchbox form table td.name
{
	padding: 10px 40px 10px 0;
}

#searchbox form .button input
{
	float: right;
	margin: 10px 20px 0 0;
	width: 183px;
	height: 25px;
	border: 0;
	background: url('images/searchforproperty.gif') no-repeat;
	cursor: pointer;
}



#searchbox img.viewallproperty
{
	margin: 12px 0 0 16px;
}



/*-------------------
Featured
---------------------*/

#featured img.featuredproperty
{
	margin: 22px 0 10px 16px;
}


table#featured
{
	width:100%;
}

table#featured tr
{
}

table#featured tr td
{
	text-align:center;
	width:20%;
}

table#featured tr td img
{
	border: 1px solid #ccc;
	background: #fff;
	padding: 3px;
	margin: 5px 0 0 0;
}

table#featured tr td a
{
	margin: 0 auto;
	display: block;
	height: 200px;
	text-decoration: none;
	color: #333;
}

table#featured tr td a:hover
{
	background: #EFECE0;
}

table#featured tr td a h2
{
	display:block;
	text-align:center;
	padding:10px 0;
	color:#676767;
	font-weight:bold;
	font-size:100%;
}

table#featured tr td span
{
	display:block;
}

table#featured tr td span.fdesc
{
	display:block;
	height:25px;
	overflow:hidden;
	margin:10px;
}

table#featured tr td span.fprice
{	
	display:block;
	height:20px;
	font-weight:bold;
	font-size:120%;
	color:#7A4D26;
}

/*-------------------
Search Result Listing
---------------------*/

#searchresultbox
{
	float: right;
	width: 545px;
	font-size: 12px;
	font-family: arial;
}

#searchresultbox span.titlefield
{
	color: #676767;
	font-weight: 700;
	font-size: 12px;
	padding: 5px;
}


/*-----------------------
Next Prev 
------------------------*/

div.nextprev
{
	width: 95%;
	margin:5px 0 0 0;
	padding:16px 10px 29px 15px;
	font-size:100%;
}

div.nextprev span
{
}

div.nextprev a
{
}

span.searchactions, span.searchbuttons
{
	display:none;
}

div.nextprev span.numofnum
{
	text-align:center;
	font-size:100%;
	font-weight: 700;
	margin:0 0 15px 0;
}

div.nextprev span.numofnum em
{
	font-weight:bold;
	color: #676767;
}

div.nextprev span.paginator
{
}

div.nextprev span.paginator span,
div.nextprev span.paginator a
{
	display:inline;
	padding:5px 8px;
	margin:0 1px;
}

div.nextprev span.paginator span
{
}

div.nextprev span.paginator span.ghostlink
{
	color:#676767;
}

div.nextprev span.paginator span.curpage
{
	font-weight:bold;
}

div.nextprev span.paginator a
{
	background:#fff;
	text-decoration:none;
	border:1px solid #000;
	border-color:#ddd #bbb #aaa #ddd;
	color:#676767 !important;
}
div.nextprev span.paginator a:hover
{
	background:#E2D4A4;
	color:#000 !important;
	font-weight: 700;
	border:1px outset #ff7100;
}

#sort_listings_by
{
	text-align: right;
}

/*-------------------
Listing Detail Default
---------------------*/

#listingdetail
{
	width: 100%;
	background: #fff;
}

#listingdetail h1
{
	text-indent: 10px;
	color: #444444;
	line-height: 42px;
	text-align: center;
}

#listingdetail ul
{
	list-style: none;
}


#listingdetail .detail, #subpagewrap .detail
{
	float: right;
	margin: 0 5px 0 0;
	width: 280px;
	display: block;
	background: #F1F1F1;
	border-bottom: 2px solid #ccc;
}

#listingdetail .detail h3, #subpagewrap .detail h3
{
	display: block;
	background: #ccc;
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
	padding: 4px;
	text-indent: 10px;
	color: #444444;
}

#listingdetail .detail h4, #subpagewrap .detail h4
{
	margin: 10px;
	font-size: 14px;
}

#listingdetail .detail ul, #subpagewrap .detail ul
{
	padding: 10px;
	line-height: 20px;
}

ul.propertydetails li.seaview, ul.propertydetails li.pool, ul.propertydetails li.aircon, ul.propertydetails li.garage, ul.propertydetails li.parking, ul.propertydetails li.buildlic
{
	padding: 0 0 0 22px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}

ul.propertydetails li.seaview		{	background-image: url('images/icons/seaview.png')}
ul.propertydetails li.pool			{	background-image: url('images/icons/monitor.png')}
ul.propertydetails li.aircon		{	background-image: url('images/icons/aircon.png')}
ul.propertydetails li.garage		{	background-image: url('images/icons/garage.png')}
ul.propertydetails li.parking		{	background-image: url('images/icons/car.png')}
ul.propertydetails li.buildlic		{	background-image: url('images/icons/buildlic.png');}


#listingdetail .detail .contactagentform
{
	margin: 10px;
}

#listingdetail .detail .contactagentform input
{
	padding: 4px;
	margin:  0 0 6px 0;
}


#listingdetail .detail .addressdetails
{
	margin: 0 0 0 20px;
}

#listingdetail .detail .addressdetails h5
{
	font-size: 14px;
	margin: 0 0 5px 0;
}

#listingdetail .detail .addressdetails p
{
	line-height: 20px;
}

p.phonenumber
{
	padding: 0 0 0 22px;
	margin: 10px 0 5px 0;
	background: url('images/icons/phone.png') no-repeat;
}

p.email
{
	padding: 0 0 0 22px;
	margin: 10px 0 5px 0;
	background: url('images/icons/email.png') no-repeat 0 50%;
}

p.faxnumber
{
	padding: 0 0 0 22px;
	background: url('images/icons/fax.png') no-repeat;
	margin: 10px 0 20px 0;
}


ul.extras
{
	margin: 10px 0 10px 10px;
}

ul.extras li
{
	padding: 0 0 0 22px;
	margin: 0 0 10px 0;
}

ul.extras li.print		{	background: url('images/icons/print.png') no-repeat 0 50%;}
ul.extras li.user		{	background: url('images/icons/user.png') no-repeat 0 50%;}
ul.extras li.user_add	{	background: url('images/icons/user_add.png') no-repeat 0 50%;}
ul.extras li.user_go	{	background: url('images/icons/user_go.png') no-repeat 0 50%;}
ul.extras li.favourite	{	background: url('images/icons/favourite.png') no-repeat 0 50%;}
ul.extras li.save		{	background: url('images/icons/save.png') no-repeat 0 50%;}
ul.extras li.logout		{	background: url('images/icons/delete.png') no-repeat 0 50%;}
ul.extras li.favouriteadd	{	background: url('images/icons/heart.png') no-repeat 0 50%;}
ul.extras li.calculator	{	background: url('images/icons/calculator.png') no-repeat 0 50%;}
ul.extras li.email		{	background: url('images/icons/email.png') no-repeat 0 50%;}










#wrapeverything
{
	margin: 0 300px 0 10px;
}
#listingimages
{
	margin: 0 0 20px 0;
}

#listingimages .mainimage 
{
}

#listingimages .mainimage img 
{
	border: 10px solid #f1f1f1;
}	

#listingimages ul
{
	margin: 20px;
	display: block;
}

#listingimages ul li
{	
	float: left;
	margin: 15px 12px 0 0;
	display:inline;
	width: 165px;
	height:125px;
} 


#listingimages ul li img
{
	border: 2px solid #f1f1f1;
}

#listingimages ul li a
{
}

#listingimages ul li img:hover
{
	border: 2px solid #ccc;
}


#listingdesc
{
	clear: left;
	margin: 0 10px 0 20px;
}

#listingdesc h2
{
	padding: 25px 0 10px 0;
	display: block;
}

#map h2
{
	padding: 45px 0 5px 30px;
	display: block;
}

#listingdesc p
{
}

/*---------------
Tips Box
----------------*/

.prm					{border: solid 1px #ACC174; padding:5px 1em 0 12px; margin: 20px 10px 20px 20px;}
.prm p,	.prm div		{font-size:1.00em; font-weight:normal; padding: 20px 0 20px 0;}
.prm p .small			{font-size:0.7em !important; vertical-align:middle; display:inline-table}
.prm ul					{margin:0}
.prm li					{list-style:none outside none;  list-style-type:none; margin:0 0 0.7em 0; padding:0}
.prm .icon				{margin-left:-35px; margin-top:-15px;padding-left:12px; position:absolute; z-index:auto}


/*---------------
Contact Us
----------------*/

.contactus
{
	margin: 20px;
}

.contactus h5
{
	font-size: 140%;
}

/* ------------------------------------------------------------
	footer
------------------------------------------------------------ */

#footer
{
	clear: both;
	text-align: center;
	font-size: 90%;
	line-height: 180%;
	color: #676767;
	margin: 50px 13px 0 13px;
}


#footer p {margin: 0; padding: 10px 0; }
#footerNav a { color: #676767; font-weight: bold; padding: 2px 10px 2px 0px; border-right: 1px dotted #accccb; }
#footer a:hover { color: #A19795; }
#footerNav { background: #EDE3C4; margin: 0; padding: 10px 0; }
#footerNav li { display: inline; }
#footerNav li.last a { border-right: none !important; }

#copyright { background: #F5F0DF; padding-bottom: 10px; position: relative; }
#copyright p { text-align: center;}
#copyright a { color: #676767; font-weight: bold; }
#copyright a:hover { color: #bfa591; }
#copyright span {color: #666666; font-weight: bold;}