﻿/* see comments in the file below for customising parts of the web kit*/
/* Edited by Craig Edmonds of 123 Marbella */
/* www.123marbella.net | craig@123marbella.net */
/* 22/7/2008 */

/* edit this section for the back ground and main body elements */
body{font-family:Tahoma,Verdana,Sans-Serif;font-size:11px;width:100%;margin:0px 0 0px 0;padding:0px;background-color:#F6EDA8;}
a,a:hover,a:visited{color:#336699;}
table{width:100%;}
img{border:0px;}
h1,h2{font-size:14px;font-weight:normal;margin:3px 0 3px 0;color:#2A5580;text-transform:uppercase;}
textarea{height:60px;}
input,textarea,select{font-family:Tahoma,Verdana,Sans-Serif;font-size:11px;}
form{padding:0;margin:0;}
p{line-height:130%;margin:5px;padding:5px;}

#logo{background-image:url('/images/ResidenciaEstates/top-banner.gif');width:800px;height:160px;position:relative;top:40px;}

/* change the border colur of the template */
#page{margin:0 auto;padding:0 15px 0 15px;width:800px;min-height:600px; background-color:#fff;border-left:solid #CC9900 1px;border-right:solid #CC9900 1px;border-bottom:solid #CC9900 1px;}
#navigation{height:14px;margin-bottom:10px;position:relative;top:-140px;}
#navigation #left a{text-transform:uppercase;text-decoration:none;color:#666;font-size:13px;padding:5px;}
#navigation #left{display:inline;float:left;width:600px;}
#navigation #right{display:inline;float:right;width:200px;}
#navigation #right a{display:inline;float:right;border:solid 1px #fff;margin-left:3px;}
#navigation #right a:hover{border:solid 1px #000;}

/* edit the min height of the main content table */
#content{min-height:350px;position:relative;top:20px;}

.enquiry{border-left:solid 1px #fff;padding:5px;}
.panel{border-bottom:solid 1px #ddd;padding:5px;margin:0 0 10px 0;display:table;}
.bold{border:solid 1px green;padding:5px;margin-top:10px;background-color:#F9FFEA;}

/*featured sales, rentals and developments title boxes*/
.titlebar{
	text-transform:uppercase;
	background-color:#FFFFFF;
	border:solid #CC9900 1px;
	padding:4px;
	color:#000066;
	margin-top:10px;
	margin-bottom:4px;
	font-weight:bold;
}

/*top titlebar where it says welcome to and search for homes to buy*/
.titlebar2{
	text-transform:uppercase;
	background-color:#FFFFFF;
	border:solid #CC9900 1px;
	padding:4px;
	color:#000066;
	margin-bottom:4px;
	font-weight:bold;
}
.titlebar2l{
	text-transform:uppercase;
	background-color:#FFFFFF;
	border-left:solid #CC9900 1px;
	border-top:solid #CC9900 1px;
	border-bottom:solid #CC9900 1px;
	padding:4px;
	color:#000066;
	margin-bottom:4px;
	font-weight:bold;
}
.titlebar2r{
	text-transform:uppercase;
	background-color:#FFFFFF;
	border-right:solid #CC9900 1px;
	border-top:solid #CC9900 1px;
	border-bottom:solid #CC9900 1px;
	padding:4px;
	color:#000066;
	margin-bottom:4px;
	font-weight:bold;
}



.c{font-size:14px;text-align:right;}

.simple{border:solid 1px #ddd;padding:15px 15px 20px 15px;margin:1px 1px 20px 1px;min-height:140px;}
.simple .image{width:200px;padding:5px 0 5px 5px;}
.simple .image a img,.simple .image2 img{border:solid 1px #CC9900;padding:2px;background-color:#fff;}
.simple .image a:hover img,.simple .image2 a:hover img{border:solid 1px #F0CA43;padding:2px;background-color:#fff;}

.reduced{border:solid 1px green;padding:15px 15px 20px 15px;margin:1px 1px 20px 1px;min-height:140px;}
.reduced .image{width:200px;padding:5px 0 5px 5px;}
.reduced .image a img,.reduced  .image2 img{border:solid 1px green;padding:2px;background-color:#fff;}
.reduced .image a:hover img,.reduced  .image2 a:hover img{border:solid 1px green;padding:2px;background-color:#fff;}

.list td{width:33%;}
.textbox{font-family:Tahoma,Verdana,Sans-Serif;font-size:11px;width:200px;}
.select{font-family:Tahoma,Verdana,Sans-Serif;font-size:11px;width:204px;}
.summary{font-size:11px;padding:5px;line-height:180%; color:#000;text-transform:uppercase;border:solid 1px #cc3300;margin-bottom:10px;font-weight:bold;}
.summary ul{min-height:40px;list-style-type:decimal;line-height:100%;text-transform:none;margin:0px;padding-left:60px;background-image:url('/images/status-red.gif');background-repeat:no-repeat;font-weight:normal;}

.left{vertical-align:top;width:0px;}
.center{vertical-align:top;width:600px;padding:0 10px 0 0;}
.right{vertical-align:top;width:200px;}

#stats{text-align:right;}
.cost{text-align:right;}
.c{float:right;display:inline;}
.quicksearch{width:180px;}
.searchitem{padding:3px 7px 3px 7px;}
.brochure{background-image:url('/images/proptrack/brochure.gif');background-position:left center;background-repeat:no-repeat;}
.documents{text-align:center;font-size:14px;padding:10px 10px 20px 90px;}
.result{vertical-align:top;width:554px;margin-top:5px;}
.result table{font-size:13px;}
.p50{vertical-align:top;width:50%;}

.title{font-weight:bold;padding:0 0 2px 5px;}
.image{width:200px;padding:5px 0 5px 5px;}
.image a img,.image2 img{border:solid 1px #CC9900;padding:2px;background-color:#fff;}
.image a:hover img,.image2 a:hover img{border:solid 1px #F0CA43;padding:2px;background-color:#fff;}

.imagereduced{width:200px;padding:5px 0 5px 5px;}
.imagereduced a img{border:solid 1px green;padding:2px;background-color:#fff;}
.imagereduced a:hover img{border:solid 1px #111;padding:2px;background-color:#fff;}


/* change the border color for the property photos */
.document{width:295px;padding:1px;height:80px;}
.document .doc{border:solid 1px #ccc;padding:3px;height:70px;text-align:center;}
.document .doc img{padding:15px 0 10px 0;}
.mainimg{border:solid 1px #ccc;padding:1px;background-color:#fff;}
.content{padding-left:5px;}
.item45{width:45px;}
.item{width:85px;color:#555;}

.large{font-size:13px;text-transform:uppercase;}
.small{font-size:10px;color:#888;font-style:italic;}
.soldout td{color:#cc3300;text-decoration:line-through;}

.error{color:#666;border:solid 1px #cc3300;margin-bottom:5px;font-weight:bold;}
.error div{font-size:12px;margin:5px;background-image:url('/images/status-red.gif');background-repeat:no-repeat;padding:6px 0px 7px 35px;}

.success{border:solid 1px #009744;width:99.7%;color:#000;margin-bottom:5px;font-weight:bold;}
.success div{font-size:12px;margin:5px;background-image:url('/images/status-green.gif');background-repeat:no-repeat;padding:6px 0px 7px 35px;}

.suggestion{border:solid 1px #cc3300;color:#666;margin-bottom:5px;font-weight:bold;}
#navigator{font-size:12px; text-align:center;margin-top:4px;padding:20px 0 50px 0;}
.navigation{text-align:center;padding:20px 0 20px 0;}
.navigation a{border:solid 1px #ccc;padding:3px 5px 3px 5px;margin:2px;text-decoration:none;font-size:13px;}
.navigation a.selected{border:solid 1px #CC9900;margin:2px;color:#fff;font-weight:bold;background-color:#9D256B;}
.navigation a:hover{border:solid 1px #888;}
.navigation label{border:solid 1px #999;padding:3px 5px 3px 5px;margin:2px;text-decoration:none;font-size:13px;background:#FCE898;}

/* to get rid of the powered by text set the next line to 0px and color FFFFFF*/
#poweredby a{font-size:0px;color:#FFFFFF;}
#footer{padding:10px 0 40px 0;height:30px; border-top:solid 1px #ccc;position:relative;top:40px;}
#footer #links{color:#aaa;padding-top:0px;float:left;}
#footer #links a{text-transform:uppercase;text-decoration:none;color:#666;font-size:11px;padding:5px;}
#footer #watermark{color:#aaa;padding-top:0px;float:right;}
#footer #watermark a, #footer #watermark a:hover{color:#aaa;}
#map {height:200px;border:solid 1px #ddd;margin-top:10px;}

