/* CSS Document */




/************ old styling taken off header *****************/

html, body
{
	
	
	padding: 0;
	height:100%;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#707070;
	/*background-color: #858282; */
	/*background-color: #ffffff; */
	background-color: #ffffff;

	
}

td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#707070;
	text-align:justify;
}

.nav {
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
}
.nav:hover {
	color: #F0B22E;
}
a {
	color:#858282;
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	color:#82302f;
}
.rtext {
	color:#782E36;
}
hr {
	border: solid 1px #782E36;
}
.rlink {
	font-weight: bold;
	color:#782E36;
	text-decoration: none;
}
.rlink:hover {
	color:#ad8287;
}

.sbut {

	/*display: block;*/
	padding: 6px 6px 6px 0.5em;
	border-left: 12px solid #858282;
	border-right: 1px solid #82302f;
	background-color: #82302f;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	
}


.res_page_on { border:1px solid #858282;background-color:#82302f;padding:1px;color:#ffffff;font-weight:bold; }
/* create class of colour */

.burgandy {

color: #782e36;

}

/*
input.submit {

	
	padding: 6px 6px 6px 0.5em;
	border-left: 12px solid #858282;
	border-right: 1px solid #82302f;
	background-color: #82302f;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;	

	

}*/

.sbut_test {

	/*display: block;*/
	padding: 6px 6px 6px 0.5em;
	border-left: 12px solid #858282;
	border-right: 1px solid #82302f;
	background-color: #82302f;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;	

	

}


.sbut:hover {

	background-color: #858282;
	color: #ffffff;
	border-right: 1px solid #858282;
	cursor:pointer;

}


input.submit:hover {

	background-color: #858282;
	color: #ffffff;
	border-right: 1px solid #858282;


}

.sbut_test:hover {

	background-color: #858282;
	color: #ffffff;
	border-right: 1px solid #858282;


}




.nlink {
	font-weight: bold;
	color:#782E36;
	text-decoration: underline;
}
.nlink:hover {
	color:#ad8287;
}
.wtext {
	font-size:16px;
	color:#FFFFFF;
	font-weight: bold;
}
.wtext2 {
	font-size:12px;
	color:#FFFFFF;
	font-weight: bold;
}
.htext {
	font-size:18px;
	color:#782E36;
	font-weight: bold;
}
.htext3 {
	font-size:9px;
	color:#782E36;
	font-weight: bold;
}
.htext2 {
	font-size:12px;
	color:#782E36;
	font-weight: bold;
}
.qs {
	border: 1px;
	border-style: solid;
	border-color: #782E36;
}


/***************************** new styling starts here *******************************/



#wrapper {


margin: 0 auto;
text-align: center;
width: 900px;
background-color: #ffffff;

}

#inner_wrapper {

width: 900px;
background-color: #ffffff;

}

#print_header { display:none; }

#header {


width:900px;
/* height: 106px; */
height: 140px;
background-color: #ffffff;
background-image: url(images/header.gif);
background-position: center;
background-repeat: no-repeat;
}

#navigation {

width: 750px;
text-align: right;
float: right;
margin-top: 10px;
margin-right: 10px;
font-size: 12px;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;

}


#navigation a:link, #navigation a:visited {

font-weight:normal;


}

/*.index_nav {

width: 200px;
background-color: #82302f;
padding: 9px;
text-align: left;
font-weight: bold;
font-style: italic;
font-size: 12px;
color: #858282;

}*/


#index_nav {


width: 200px;
margin-top: 2px;
text-align: right;
font-weight: normal;
font-style: normal;
font-size: 12px;
}

#index_nav ul {

list-style: none;
margin: 0;
padding: 0;
}

#index_nav li {

border-bottom: 3px solid #ffffff;

}

#index_nav li a:link, #index_nav li a:visited {
	display: block;
	padding: 0 10px 0 0.5em;
	line-height:32px;
	border-left: 12px solid #82302f;
	border-right: 1px solid #82302f;
	background-color: #82302f;
	color: #ffffff;
	text-decoration: none;
}

#index_nav li a:hover {
	background-color: #858282;
	color: #ffffff;
	border-right: 1px solid #858282;
	border-left: 12px solid #858282;
	
	}
/*.index_nav_spacer {

width: 200px;
height: 2px;
background-color: #ffffff;

}

.index_nav a:hover {

color: #858282;

}*/

#text_index_page { width:665px;padding:15px;float:left; }

#header_php {

width: 200px;
height: 30px;
text-align: right;
float: right;
margin-top: 55px;
margin-right: 10px;
font-size: 12px;

}


#footer {

width:900px;
height: 65px;
clear: both;
background-color: #ffffff;
/*background-image: url(images/footer.gif);
background-position: center;
background-repeat: no-repeat;
*/

}

#footer a:hover {

color: #782e36;

}



#footer_text {

font-size: 10px;
margin-top: 5px;
text-align: center;




}

/********************************* columns ***********************************/

 #leftcol {

width: 320px;
margin-top: 10px;
margin-bottom: 10px;
height: auto;
float: left;
text-align: left;
}

#rightcol {

width: 500px;
margin-top: 45px;
height: auto;
float: right;
text-align: left;

}

#rightcol_mortgage {

width: 420px;
margin-right: 20px;
margin-top: 17px;
/*margin-top: 10px;*/
height: auto;
float: right;
text-align: left;

}




/*********************************** forms ************************************/

#pfs_search_header {

border: 2px solid #858282;
background-color: #cccccc;
width: 300px;
height: 25px;
text-align: center;
padding: 10px;
color: #ffffff;
font-weight: bold;
font-size: 18px;


}

#search_form {

border: 2px solid #782e36;
padding: 10px;
width: 300px;
text-align: left;
background-color: #ad8287;
color: #ffffff;
/*background-image: url(images/for_sale.jpg) ;
background-repeat: no-repeat;
background-position:bottom;
*/
}

#mortgage_form {

border: 2px solid #782e36;
padding: 10px;
width: 380px;
text-align: left;
background-color: #ad8287;
color: #ffffff;

margin-bottom: 10px;
/*background-image: url(images/for_sale.jpg) ;
background-repeat: no-repeat;
background-position:bottom;
*/
}

#mortgage_form_header {

border: 2px solid #858282;
background-color: #cccccc;
width: 380px;
height: 25px;
text-align: center;
padding: 10px;
color: #ffffff;
font-weight: bold;
font-size: 18px;


}

#index_search_header {


border: 2px solid #858282;
background-color: #9c9b9b;
width: 196px;
line-height: 45px;
text-align: center;
color: #ffffff;
font-weight: bold;
font-size: 20px;

}

#index_search_wrapper {

/*float: right;
width: 185px;
background-color: #ffffff;
height: 250px;
*/
width:200px;
float:right;
margin-top: -12px;
}


#index_search {

background-color: #ad8287;
width: 190px;
text-align: left;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 0px;
color: #ffffff;

}


/******************************* styling button for search form *****************************/

input.search {


margin-right: 0px;
background-color: #82302f;

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

}

.qs_white {

color: #ffffff;
border:2px solid #82302F;
padding:2px;
display:block;
width:136px;
margin:0 auto;
}

.white {

color: #ffffff;

}

.space {

margin-top: 20px;
margin-bottom: 20px;

}

input.search:hover {


margin-right: 0px;
background-color: #858282;
padding: 2px 10px 2px 10px;
font-size: 14px;
color: #ffffff;
text-decoration: none;
border: none;

}




#button_wrapper {

width: 185px;
text-align: center;



}

#index_left {
 float: left;
 width: 200px;
 height: auto;
 background-color: #ffffff;

}


#index_banner {

	
	float: left;
	text-align: left;
	width: 700px;
	height: 174px;
	background-color: #782e36;

}

#index_content {
 
 clear: both;
/* old position 
 width: 480px;
 */
 width: 900px;
 height: auto;
 padding-top: 10px;
 padding-bottom: 10px;
 background-color: #ffffff;

}

#index_boards {

margin: 0 auto;
float: left;
width: inherit;
height: auto;
text-align: center;
}

#seaford_board {
float: left;
width: 110px;
height: auto;
margin-left: 10px;
}

#heathfield_board {
float: left;
width: 110px;
height: auto;
margin-left: 0px;
}

#lewes_board {
float: left;
width: 110px;
height: auto;
margin-left: 0px;
}

#uckfield_board {
float: left;
width: 110px;
height: auto;
margin-left: 0px;

}

.button_spacing {

margin-left: 10px;
}

#button_spacing_wrapper {

margin-top: 10px;

}
	
#mailing_list {

border: 0px solid #858282;
margin-top: 20px;
margin-right: 20px;
padding: 10px;
width: auto;
text-align: left;
}

.button {

text-align: center;
}



#register_form {

border: 2px solid #858282;
padding: 10px;
width: 270px;
text-align: left;

}

#already_registered {


border: 0px solid #858282;
padding: 10px;
width: auto;
text-align: left;
float: left;

}

/*#leftcol_reg {

width: 290px;
margin-left: 10px;

height: auto;
float: left;
text-align: left;
}*/

/********************************* contact us page layout *******************************/

#contact_left {

width: 350px;
float: left;
margin-top: 10px;
text-align: left;

}

#contact_right {

width: 500px;
float: right;
margin-top: 10px;
text-align: left;
font-size: 12px;


}

.contact_office {

float: right;
width: 200px;
padding: 20px;


}
/**************************** about us layout *****************************************/

#aboutus_left {

width: 500px;
float: left;
margin-left: 20px;
margin-top: 10px;
text-align: left;

}

#aboutus_right {

width: 350px;
float: right;
text-align: left;
font-size: 12px;
margin-right: 20px;
/*margin-top: 10px*/
margin-top: 100px;
}

#aboutus_left ul {

padding: 20px;
margin-left: 20px;


}

#aboutus_left li {

padding: 2px;
}









#banner_image {


width: auto;
border: 0px solid #858282;
margin-right: 10px;
margin-bottom: 6px;


}


#rightcol_top {

width: inherit;
height: auto;


}

#rightcol_bottom {

width: inherit;
height: auto;
}

#top_page {
clear: both;
text-align: center;
}



/*************************** hips layout ***************************/

#hips {

width: 850px;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
text-align: left;


}

.pics_left {

width: 200px;
float: left;
margin-left: 10px;
margin-right: 6px;
margin-bottom: 6px;

}


.pics_right {

width: 200px;
float: right;
margin-left: 6px;
margin-bottom: 6px;
}

/*********************** end of hips layout **********************/



/********************************** featured props index page *******************************/
.featuredProperty { width:130px;float:left;padding:5px;color:#782E36;} 
#featured_props {




margin-top: 2px;
margin-bottom: 10px;
width: 560px;
/* border: 2px solid #782E36;    */
text-align: center;
font-style: normal;
background-color: #ffffff; 

}