/* CSS Document */

body 
{
    /*font-family: Arial, Helvetica, sans-serif;*/
    margin: 0px;
    padding: 0px;
    color: #fff;
    /*font-size: 12px;*/
    }
a {color: #fff; text-decoration: none;}
a:hover {text-decoration: underline;}
h2 {font-size: 14px; margin: 0px 0px 15px 0px; padding: 0px; font-weight: normal;}

#content h2
{
	font-weight: bold;
}


/* FRAME */

#frame {width: 770px; margin: 10px auto 10px auto;}

/*  HEADER AREA */

#header {border-bottom: 3px solid #fff; font-size: 12px; padding: 25px 25px 0px 25px; margin: 0px; background-repeat: no-repeat; background-position: right; text-align: right;}
#header img {float: left;}

/* NAVIGATION */

#nav {font-weight: bold; margin: 25px 0px 10px 0px;  font-size: 12px; text-transform: uppercase; text-align: center; font-size: 11px;}
#nav a {margin: 0px 8px 0px 7px;}
 
/* SPLASH */
#splash {font-size: 0px; border-bottom: 3px solid #fff;}

/* TITLES */

#titles {border-bottom: 3px solid #fff; margin: 0px; padding: 0px;}
#titles h1 {margin: 0px 25px 10px 25px; font-size: 14px; font-weight: normal; padding-top: 10px;}

.titleright {float: right; margin: 0px 10px 0px 0px;}

/* CONTENT AREA */

#content {padding: 15px 25px 10px 25px; float: left; width: 720px;}
#content p {text-align: justify;}
#content a {text-decoration: underline;}
#content a:hover {text-decoration: none;}

.contentright {float: right; text-align: left; margin: 0px; width: 230px; display: inline;}
.contentleft {float: left; text-align: left; margin: 0px; width: 440px; display: inline;}
.contentleftresults {float: left; text-align: left; margin: 0px 0px 0px 0px; width: 480px; display: inline;}

.splitcontent {background-repeat: repeat-y;}

/* SEARCH RESULTS */

.resultsbox {width: 170px;  border: 2px solid #fff; margin: 0px 6px 10px 0px; float: left; height: 400px;}
.resultsbox h1 {font-size: 13px; padding: 5px 0px 5px 5px; margin: 0px; border-bottom: 2px solid #fff;}
.resultsbox h2 {font-size: 12px; padding: 5px 0px 5px 5px;  margin: 0px; border-top: 2px solid #fff;}
.resultsbox p {margin: 10px 5px 10px 5px;}
.resultsbox img {margin: 10px 0px 0px 7px; border: 1px solid #fff;}
.ph {height: 80px;}

.minusmargin {margin-right : -10px;}

/* FOOTER */

#footer {float: left;}
#footer p {padding: 22px 25px 22px 25px; margin: 0px; border-top: 3px solid #fff;}

.splitfooter {background-repeat: repeat-y;}

/* FORM ELEMENTS */

label {
	width: 90px;
	_width: 110px;
	font-weight: bold;
	float: left;
	text-align: right;
	display: block;
	line-height: 25px; /* change this for the email */
	vertical-align: middle;
	margin: 0px;
	/*font-size: 1.1em;*/
	padding-right: 5px;
	/*background-color: yellow;*/
}
.test {
	width: 220px;
	_width: 250px;
	font-size: 0.9em;
	font-weight: normal;
	float: left;
	margin: 0px 0px 0px 5px;
	_margin: 0px 0px 0px 5px;
	text-align: left;
	display: block;
	/*background-color: green;*/
}
.test2 {
	width: 325px;
	_width: 220px;
	font-size: 0.9em;
	font-weight: normal;
	float: left;
	margin: 0px 0px 0px 5px;
	_margin: 0px 0px 0px 0px;
	text-align: left;
	display: block;
}
/*.test p {
		margin: 5px 0px 0px 0px;
}*/

fieldset {
	border: 0px solid #fff;
}
legend {
	font-weight: bold;
}

input, select {
		font-size: 1.1em;
}

.iform {
	width: 125px;
}
.iform2 {
	width: 125px;
	height: 100px;
}
/* CLASSES */

.right {float: right;}
.left {float: left;}
.imageleft {float: left; margin: 0px 15px 15px 0px; border: 1px solid #fff;}
.formfield {width: 170px;}

/*
***************************************************
					FORM ELEMENTS
***************************************************
*/

.form label
{
	font-weight: bold;
	/*width: 150px;*/
	width: 100%;
	text-align: left;
	float: left;
	display: block;
	line-height: 25px;
	vertical-align: middle;
	margin: 5px 0px 0px 10px;
	font-size: 11px;
	/*background-color: red;*/
	clear: both;
}
.form input, .form select, .form textarea, .notes textarea
{
	font-family: tahoma;
	border: 1px inset #00008b;
	padding: 2px;
	color: #000;
	font-weight: normal;
	margin: 0px 0px 0px 10px;
}

.form input
{
	width: 190px;
}

.form select
{
	width: 190px;
	padding: 0px;
}

.form textarea
{
	width: 230px;
	height: 100px;
}

.form .tick
{
	width:auto;
	/*float: left;*/
	border: none;
	margin-top: 5px;
	/*background-color: pink;*/
}
.required
{
	color: #fff;
	font-style: italic;
	
}
.form, .checkbox
{
	padding: 0px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	border: none;
	/*border: 1px solid #054791;*/
	/*background-color: #F2F6F9;*/
	float: left;
	width: 200px;

}

.form h4, .checkbox h4
{
	font-weight: bold;
	/*font-variant: small-caps;*/
	font-size: 13px;
	/*background-color: #054791; */
		/*background-color: #F2F6F9;*/
	margin:0px 0px 0px 0px;
	padding: 5px;
	color: #fff;
	/*color: #054791;*/
	width: 245px;
	float: left;
	display: block;
	
	
	/*border-right: 2px solid #fff;*/
}

/*
***************************************************
	PRESTIGE PROPERTY & POPULAR SEARCHES
***************************************************
*/

.prestige, .popular, .results, .click, .details, .enq
{
	/*border: 1px solid #ccc;*/
	/*background-color: #f8f8f8;*/
	width: 200px;
	/*height: 400px;*/
	_height: 420px;
	float: left;
	padding: 20px;
	margin: 0px 0px 0px 10px;
	_margin: 0px 0px 0px 0px;
}
.details, .detailsnotes
{
    border: solid 1px #ccc;
    padding: 3px 3px 3px 3px;
}

.results, .details, .enq
{
	width: 510px;
	/*height: 220px;*/
	margin: 10px 0px 0px 0px;
	padding: 5px;
	float: left;
}



/* DETAILS AREA */

.details ul
{
	margin: 0px;
	padding: 0px;
	float: left;
}
.details  li
{
	margin: 5px;
	list-style-type: none;
}

.details li, .enq li
{
	float: left;
	width: 150px;
	/*background-color: #ccc;*/
}
.detailsnotes li
{
	/*float: left;*/
    width: 98%;
}
.detailsextra
{
	float: left;
	width: 520px;
	/*background-color: green;*/
	margin-bottom: 10px;
}
.detailsextra #button
{
	float: left;
	margin-right: 10px;
}

.details, .detailsnotes
{
	/*height: auto;*/
	margin: 10px 0px 10px 0px;
}
.75
{
	border: 1px solid #ccc;
	background-color: #f8f8f8;
	width: 200px;
	/*height: 400px;
	_height: 420px;*/
	float: left;
	padding: 20px;
	margin: 0px 0px 0px 10px;
	_margin: 0px 0px 0px 0px;
}

/* WHATEVER */


.enq
{
	height: auto;
	background-color: orange;
}
.prestige img, .popular img, .results img
{
	width:200px;
	height:150px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #999;
}
.results img
{
	margin:5px 5px 20px 5px;
}

.popular img
{
	width:54px;
	height:59px;
	margin-right: 5px;
	border: none;
	float: left;
}
.prestige span, .popular span
{
    color: #054791;    
}

.popular li, .details li, .enq li, .ul li
{
	list-style-type: square;
    margin: 5px 0px 5px 20px;
}

.prestige ul, .popular ul, .click ul, .details ul, .enq ul
{
	margin: 0px 0px 0px 0px;
}

.prestige h2, .popular h2, #content .results h2
{
	margin-bottom: 10px;
}

.click
{
	border: none;
	float: right;
	padding: 0px;
	width:220px;
	height:200px;
	text-align: center;
}
 .click li
{
	list-style-type: none;
	margin: 0px 0px 0px 15px;
	display: block;
	float: left;
	font-weight: bold;
}
.click li a
{
	text-decoration: underline;
}
#print
{
	color: #000;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
}