/******************* colour guide *********************/
/*	turquoise #80dbdd;       */
/*	light blue #99ccff;		*/	
/*	dark blue #0066cc;		*/
/*							*/
/*							*/



/* Print friendly version */
/* removes left nav and some buttons using display: none; */
/* .navbar, #nav and styled page_header */

body {

color: #0066cc;
font-size:12pt;
font-family: "Times New Roman", Times, serif;
font-style: italic;

}

h1 {

font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #0066cc;
font-size: 18pt;
font-style: normal;

}

a:link, a:visited {
text-align: center;
color: #00184b;

}

input.search {


margin-right: 0px;
background-color: #0066cc;


/*
border-left: 10px solid #99ccff;
border-right: 10px solid #99ccff;
border-top: 5px solid #99ccff;
border-bottom: 5px solid #99ccff;

*/

padding: 2px 5px 2px 5px;
font-size: 12pt;
color: #ffffff;
text-decoration: none;
border: none;


/*
background-color: #00184b;
border-left: 5px solid #00184b;
border-right: 5px solid #00184b;
border-top: 2px solid #00184b;
border-bottom: 2px solid #00184b;
/*padding: 5px 10px 5px 10px;*/

/*
font-size: 14px;
font-style: normal;
color: #fffcbd;
text-decoration: none;
*/

}



input.search:hover {


margin-right: 0px;
background-color: #99ccff;


/*
border-left: 10px solid #99ccff;
border-right: 10px solid #99ccff;
border-top: 5px solid #99ccff;
border-bottom: 5px solid #99ccff;

*/

padding: 2px 5px 2px 5px;
font-size: 12px;
color: #ffffff;
text-decoration: none;
border: none;


/*
background-color: #00184b;
border-left: 5px solid #00184b;
border-right: 5px solid #00184b;
border-top: 2px solid #00184b;
border-bottom: 2px solid #00184b;
/*padding: 5px 10px 5px 10px;*/

/*
font-size: 14px;
font-style: normal;
color: #fffcbd;
text-decoration: none;
*/

}






/*
input.search {

background-color: #00184b;
border-left: 5px solid #00184b;
border-right: 5px solid #00184b;
border-top: 2px solid #00184b;
border-bottom: 2px solid #00184b;
/*padding: 5px 10px 5px 10px;*/

/*
font-size: 14px;
font-style: normal;
color: #fffcbd;
text-decoration: none;

}


*/


input.qs {

background-color: #ffffff;
color: #0066cc;
}

select.qs {

background-color: #ffffff;
color: #0066cc;

}

a.search:link, a.search:visited {




margin-right: 10px;
background-color: #99ccff;
line-height: 30px;

/*
border-left: 10px solid #99ccff;
border-right: 10px solid #99ccff;
border-top: 5px solid #99ccff;
border-bottom: 5px solid #99ccff;

*/

padding: 5px 10px 5px 10px;
font-size: 14px;
color: #ffffff;
text-decoration: none;


/*
margin: 5px;
/*display:block;*/
/*width: 80px;
color: #99cccc;
background-color: #ffffff;
border: solid #99cccc 2px;
font-size: 11px;
font-weight: bold;
padding: 2px;
text-decoration: none;
*/
}

a.search:hover {



margin-right: 10px;
background-color: #0066cc;

/*
border-left: 10px solid #0066cc;
border-right: 10px solid #0066cc;
border-top: 5px solid #0066cc;
border-bottom: 5px solid #0066cc;

*/
line-height: 30px;
padding: 5px 10px 5px 10px;
font-size: 14px;
color: #ffffff;

/* this code is buggy in IE6,7
margin: 5px;
/*display: block;*/
/*width: 80px;
color: #0066cc;
background-color:  #ffffff;
border: solid #0066cc 2px;
font-size: 11px;
font-weight: bold;
padding: 2px;
text-decoration: none;
*/


}



p {

color: #00184b;
font-size:13px;


}

#wrapper {

margin: 0 auto;
width: 800px;
text-align: left;
background-color: #ffffff;

/* #99ccff */
}

#header {

width: 800px;
float:left;
text-align: left;
height: auto;
background-color: #ffffff;



}

#header_text {

width: 150px;
height: 80px;
color: #ffffff;
font-size: 13px;
float: left;
margin-left: 20px;
margin-top: 20px;

}

#header_text a:link, a:visited {

color: #ffffff;

}

#header_text a:hover {

color: #0099CC;

}

/*
#mail_bar {

float: left;
clear: both;
height: 16px;
width: 900px;
background-image: url(images/emailspr.gif);
background-repeat: repeat-x;
background-color: #ffffff;

}

#mail_bar a:link, a:visited {

text-decoration: none;
border: none;
}

#mail_bar a:hover {

text-decoration: none;
border: none;

}
*/

/********************************** navigation styling *******************************/

#nav {

display: none;

clear: both;
width: 170px;
float: left;
height: auto;
background-color: #99ccff; 
border-top: 10px solid #99ccff;
border-bottom: 10px;
border-left: 0px solid;
border-right: 0px solid;

}

#button_wrapper {

float: left;
width: 170px;
height: auto;

}



a.nav_button:link, a.nav_button:visited {

clear: both;
display: block;
width: 155px;
height: 20px;
background-color: #99ccff;  /*light blue*/
border-left: 10px solid #99ccff;
border-right: 5px solid #99ccff;
border-top: 2px solid #99ccff;
border-bottom: 2px solid #99ccff;
/*padding: 5px 10px 5px 10px;*/
font-size: 16px;
font-style: italic;
font-weight: normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
text-align: left;
}


a.nav_button:hover {

clear:both;
display: block;
width: 155px;
height: 20px;
background-color: #bbd7ec;
border-left: 10px solid #bbd7ec;
border-right: 5px solid #bbd7ec;
border-top: 2px solid #bbd7ec;
border-bottom: 2px solid #bbd7ec;
/*padding: 5px 10px 5px 10px;*/
font-size: 16px;
font-style: italic;
font-weight: normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #0066cc;
text-decoration: none;
text-align: left;


}




/********************************* end of navigation styling **************************/


/******************************** content styling **********************************/

#content {

float: left; 
width: 600px;
margin-left: 20pt;
/*padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;*/
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #ffffff;

}

#inner_content {

/*margin-top: -5px;*/

}


#gold_fish {

width: 590px;
float: left;


}


/******************************* page header styling ******************************************/


.page_header {

font-size: 18px;
font-weight: normal;
color: #0066cc;

font-family: Arial, Helvetica, sans-serif;

text-decoration: none;
font-style: normal;
margin-bottom: 20px;
}


/********************************** featured props index page *******************************/

#featured_props {


float: left;
clear: both;
width: 570px;
height: auto;
margin-top: 20px;
padding-left: 20px;

}

#footer {

clear:both;
width: 800px;
text-align: left;
height: 40px;
background-color: #99ccff;
border-top: solid #0066cc 10px;

}


/*********************************** search forms **************************************/

#search_form {

margin-top: 30px;
margin-bottom: 0px;
float:left;
margin-left: 10px;
margin-right: 10px;
width: 146px;
height: 180px;
border: 2px solid #0066cc;    /*dark blue */
text-align: center;
font-style: normal;
background-color: #80dbdd; /* bright blue colour */


}

#search_header {

font-family: Arial, Helvetica, sans-serif;
width: 120px;
margin-left: 10px;
float: left;
font-size: 18px;
font-style: normal;
color: #00184b;
padding: 2px;

}

/*
#search_form input {

background-color: #ffffff;
padding-left: 5px solid #0099cc;
padding-right: 5px solid #0099cc;
padding-top: 2px solid #0099cc;
padding-bottom: 2px solid #0099cc;
/*padding: 5px 10px 5px 10px;*/


/*

font-size: 11px;
color: #99cccc;
border: solid #99cccc 2px;
}

#search_form input:hover {

background-color: #ffffff;
padding-left: 5px solid #0066cc;
padding-right: 5px solid #0066cc;
padding-top: 2px solid #0066cc;
padding-bottom: 2px solid #0066cc;
/*padding: 5px 10px 5px 10px;*/

/*
font-size: 11px;
color: #0066cc;
border: solid #0066cc 2px;

}

*/

/********************************* news module *********************************************************/


#news_module {

margin-top: 10px;
margin-bottom: 0px;
float:left;
margin-left: 10px;
margin-right: 10px;
width: 146px;
height: auto;
border: 0px solid #0066cc;    /*dark blue */
text-align: center;
font-style: normal;
color: #ffffff;

}

a.latest_news:link, a.latest_news:visited {

font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: #99ccff;
background-color: #ffffff;
border-left: 5px solid #ffffff;
border-right: 5px solid #ffffff;
border-top: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
text-decoration: none;

}


a.more_news:link, a.more_news:visited {

margin: 5px;
display:block;
width: 80px;
color: #99cccc;
background-color: #ffffff;
border: solid #99cccc 2px;
font-size: 11px;
font-weight: bold;
padding: 2px;
text-decoration: none;


}


a.more_news:hover{

margin: 5px;
display: block;
width: 80px;
color: #0066cc;
background-color:  #ffffff;
border: solid #0066cc 2px;
font-size: 11px;
font-weight: bold;
padding: 2px;
text-decoration: none;


}





/********************************* valuation page and form styling ********************************************/





#valuation_form {

	width: 385px;
	margin-left: 150px;
	float: left;
	
}



#valuation_form input {

color: #00144b;
background-color:#ccccff;
border: none;
padding: 2px 4px 2px 2px;
font-size: 14px;
}


#valuation_form textarea {

color: #00144b;
background-color:#ccccff;
border: none;
padding: 2px 4px 2px 2px;
font-size: 14px;
}

#valuation_form select {

color: #00144b;
background-color: #cc9999;
}

#valuation_form span.label {
  float: left;
  width: 150px;
  text-align: left;
  }

#valuation_form span.formw {
  float: left;
  width: 235px;
  text-align: left;
  } 
  
#valuation_form div.row {

float: right;
 padding-top: 5px;
  }


#valuation_form input.search {

/*background-color: #702f45;
border-left: 5px solid #702f45;
border-right: 5px solid #702f45;
border-top: 2px solid #702f45;
border-bottom: 2px solid #702f45;
/*padding: 5px 10px 5px 10px;*/
/*font-size: 14px;
color: #cc6633;*/

background-color: #00184b;
border-left: 5px solid #00184b;
border-right: 5px solid #00184b;
border-top: 2px solid #00184b;
border-bottom: 2px solid #00184b;
/*padding: 5px 10px 5px 10px;*/
font-size: 14px;
color: #fffcbd;
}
/************************************* offices address boxes ******************************************/


#address_wrapper {

width: 600px;
margin: 0 auto;
text-align: center;

}


.address_box {

float: left;
width: 200px;
height: auto;

background-color: #00184b;
color: #fffcbd;
text-align: center;
margin-left: 30px;
margin-right: 30px;

}


.address_header {

width: 200px;
padding: 10px;
font-size: 18px;
color: #fffcbd;
font-weight: bold;
text-align: center;
border-bottom: solid 1px #fffcbd;



}


.email_box {

width: 200px;
font-size: 12px;
color: #fffcbd;
padding: 10px;
border-top:  solid 1px #fffcbd;
font-weight: bold;
text-align: center;
text-decoration: none;
}

.email_box a:link, a:visited {

text-decoration: none;
color: #fffcbd;

}

.email_box a:hover {
color: #0066CC;
}


#disclaimer {

width: 700px;
clear: both;
float: left;
margin-left: 10px;

}


/******************************* property results page styling *******************************/

.results_content {

width: 600px;
float: left;
margin-top: 0px;
margin-left: 10px;
margin-right: 10px;
text-align: center;
	
}

.navbar {

text-align: center;
color: #0066cc;
}


.navbar a:link, .navbar a:visited {
text-align: center;
color: #0066cc;

}

.navbar a:hover {

color: #99ccff;

}

a.navbar:link, a.navbar:visited {

display: none;
text-align: center;
color: #0066cc;

}

a.navbar:hover {
display: none;
color: #99ccff;

}

.results_button_wrapper {

display: none;
width: 500px;
clear: both;
margin: 0 auto;
text-align: center;
padding-bottom: 10px;  /* used padding instead of margin due to a bug in IE7 */

}


/************************************* propertyDetail ******************************/

.detail_title {

	width: inherit;
	margin-left: 20px;
	margin-top: 10px;
	text-align:left;
	font-size:18px;
	color: #0066cc;
	font-weight:bold;
	padding-bottom:15px;
	
}

#pf_buttons {

	clear: both;
	float: left;
	text-align: center;
	width: 700px;

}


/***************************** more details button styling **********************/

a.more_details:link, a.more_details:visited {

margin: 5px;
display:block;
width: 80px;
color: #99cccc;
background-color: #ffffff;
border: solid #99cccc 2px;
font-size: 11px;
font-weight: bold;
padding: 2px;
text-decoration: none;


}

a.more_details:hover {

margin: 5px;
display: block;
width: 80px;
color: #0066cc;
background-color:  #ffffff;
border: solid #0066cc 2px;
font-size: 11px;
font-weight: bold;
padding: 2px;
text-decoration: none;

}

/******************************* search page ************************************/

#detailed_search {

margin-top: 30px;
margin-bottom: 30px;
float:left;
margin-left: 100px;
margin-right: 10px;
width: 400px;
height: auto;
border: 0px solid #0066cc;    /*dark blue */
text-align: left;
font-style: normal;
background-color: #ffffff; 





}

/*
#detailed_search input.search {

margin: 5px;
display:block;
width: 80px;
color: #99cccc;
background-color: #ffffff;
border: solid #99cccc 2px;
font-size: 11px;
font-weight: bold;
padding: 2px;
text-decoration: none;
}

#detailed_search input.search:hover {

margin: 5px;
display: block;
width: 80px;
color: #0066cc;
background-color:  #ffffff;
border: solid #0066cc 2px;
font-size: 11px;
font-weight: bold;
padding: 2px;
text-decoration: none;

}

*/


#detailed_header {

font-size: 18px;
font-weight: normal;
color: #ffffff;
background-color: #99ccff;
font-family: Arial, Helvetica, sans-serif;
border-left: 5px solid #99ccff;
border-right: 5px solid #99ccff;
border-top: 2px solid #99ccff;
border-bottom: 2px solid #99ccff;
text-decoration: none;
width: 210px;
margin-bottom: 20px;

}