/* Layout styles for Lampons website */
/* $Id: lampons.css,v 1.28 2008/06/11 18:56:34 norman Exp $ */

/* default styles */

body {
	margin:				5px 0px;
	padding:			0px;
	letter-spacing:		0.15em;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	color:				#000000;
	text-align:			center; /* for IE5/Win */ 
}

h2 {
	font-size:			130%;
	font-weight:		bold;
	letter-spacing:		0.15em;
}

h3 {
	font-size:			110%;
	color:				#990033;
}

h4 {
	font-size:			110%;
	margin:				5px 10px;
}

ul {
	margin:				0px;
	padding:			0px;
}

li {
	margin:				0px;
	padding: 			0px 0px 0px 10px;
	line-height:		25px;
	list-style-type:	none;
}

/* centre container for page */

div#center_container {
	width:			780px;
	margin:			0px auto;
	text-align:		left; /* for IE5/Win */ 
	background:		url(gifs/main_back.gif) repeat-y;
}

div#property_container {
	width:			780px;
	margin:			0px auto;
	text-align:		left; /* for IE5/Win */ 
	background:		url(gifs/dezrez_back.gif) repeat-y;
}
				
/* right hand block */

div#right_block {
	width:				630px;
	float:				right;
}

/* header */

div#header_navigation  {
	background-color:	#D5D2BB;
	border-bottom:		1px solid #FFFFFF;
	height:				79px !important; /* for other browsers */
	height /**/:		80px; /* for IE5/Win */ 	
}

ul#specials_navigation {
	height:				19px;
}

ul#specials_navigation li {
	display:			block;
	float:				right;
	padding:			0px 10px 0px 0px;
	height:				19px;
	line-height:		19px;
}

ul#specials_navigation a {
	line-height:		19px;
	font-size:			75%;
	letter-spacing:		normal;
	text-decoration:	none;
	color:				#990033; 
}

ul#specials_navigation a:hover {
	color:				#000000;
}

ul#section_navigation {
	float:				right;
	padding-right:		87px;
}

ul#section_navigation li {
	display:			block;
	float:				left;
	width:				73px;
	height:				60px;
}

ul#section_navigation a {
	display:			block;
	float:				right;
	height:				42px;
	width:				53px;
	padding:			18px 0px 0px 20px;
	font-weight:		bold;
	color:				#000000;
	text-decoration:	none;
	background:			url(gifs/yellow_dot.gif) no-repeat;
	height:				42px !important; /* for other browsers */
	height /**/:		60px; /* for IE5/Win */ 	
	width:				73px; /* for IE5/Win */
	voice-family:		"\"}\"";
	voice-family:		inherit;
	width:				53px; /* for other browsers */
}

html>body ul#section_navigation a {
	width:				53px; /* for opera */
}

ul#section_navigation a:hover {
	color:				#990033;
}

/* page content */

div#content_block {
	width:				630px;
}

div#main_page {
	position:			relative;
	float:				left;
	width:				480px;
}

div#left_column {
	float:				left;
	width:				240px; /* for IE5/Win */
}

div#right_column {
	float:				right;
	border-left:		#D8DBCB solid 2px;
	width:				240px;
	voice-family:		"\"}\"";
	voice-family:		inherit;
	width:				238px; /* for other browsers */
}

html>body div#right_column {
	width:				238px; /* for opera */
}

div#left_column h4,
div#right_column h4 {
	background-color:	#D5D2BB;
	line-height:		20px;
}

div#opaque_heading {
	position:			absolute;
	left:				0px;
	top:				224px;
	margin:				0px;
	padding:			0px;
	width:				480px;
	height:				75px;
	filter:				alpha(opacity=50);
	-moz-opacity:		0.5;
	opacity:			0.5;
}

div#main_page h1 {
	margin:				0px;
	padding-left:		10px;	
	line-height:		75px;
	font-size:			250%;
	font-weight:		bold;
	background-color:   #FFFFFF;
}

div#main_page {
	letter-spacing:		normal;
	padding-bottom:		10px;
}

div#main_page h2,
div#main_page h3,
div#main_page p {
	margin:				10px;
}

address {
	margin:				0px 10px;
	font-style:			normal;
	font-size:			90%;
}

address.fandc {
	margin-top:			5px;
}

cite { 
	display:			block;
	margin:				0px 12px;
	font-style:			normal;
	color:				#990033;
}

p.quote {
	display:			block;
	margin:				10px 10px 0px 10px;
}

p.error_message {
	display:			block;
	height:				25px;
	padding-left:		10px;
	line-height:		25px;
	font-weight:		bold;
	color:				#990033;
}

div#main_page em {
	display:			block;
	clear:				both;
	margin:				10px 12px;
}

div#main_page ul {
	margin:				0px 10px;
}

div#main_page ol {
	margin:				0px;
}

div#main_page li {
	margin:				0px 15px 10px 15px;
	list-style-type:	square;
	line-height:		1.2em;
}

div#main_page li.red {
	margin-bottom:		0px;
	font-weight:		bold;
	color:				#990033;
}

div#main_page li.plain {
	list-style-type:	none;
}

div#main_page ol.tandc li {
	margin:				0px 15px 5px 0px;
	list-style-type:	decimal;
	font-size:			80%;
}

div#main_page a {
	color:				#990033;
	text-decoration:	none;
}

div#main_page a:hover {
	color:				#990033;
	text-decoration:	underline;
}

div#main_page a.news {
	color:				#000000;
	text-decoration:	none;
}

div#main_page a.news:hover {
	color:				#990033;
}

div#main_page a.back {
	display:			block;
	float:				right;
	width:				468px;
	margin-top:			10px;
	padding-right:		12px;
	text-align:			right;
}

div#main_page img.centred {
	margin-left:		20px;
	border:				0px;
}

/* common form styles */

div#main_page form {
	padding:			0px;
	margin:				0px 0px 15px 0px;
}

div#main_page div.form_labels {
	float:				left;
	width:				150px;
	margin-left:		10px;
}

div#main_page div.form_fields {
	float:				right;
	width:				290px;
	padding-right:		10px;
}

div#main_page label {
	display:			block;
	height:				25px;
	line-height:		25px;
	margin-bottom:		4px;
}

div#main_page label.required {
	color:				#990033;
}

div#main_page label.textarea {
	height:				57px;
}

div#main_page input ,
div#main_page select ,
div#main_page textarea {
	display:			block;
	float:				right;
	width:				250px;
	margin-bottom:		7px;
	background-color:	#FFFFFF;
}

div#main_page input.hidden {
	display:			none;
}

div#main_page input.button {
	float:				right;
	margin:				10px 0px;
	width:				80px;
	background-color:	#FFEE02;
	border:				1px solid #D5D2BB;
}

div#main_page form h3 {
	display:			block;
	clear:				both;
	color:				#000000;
	background-color:	#D5D2BB;
	line-height:		20px;
}

/* advanced search form */

form#dezrez_advanced_search h4 {
	background-color:	#D5D2BB;
	line-height:		20px;
}

form#dezrez_advanced_search h4 input {
	height:				20px;
	background-color:	#D5D2BB;
}

div#left_column p ,
div#right_column p {
	display:			block;
	width:				200px;
	line-height:		15px;
}

div#left_column input ,
div#right_column input {
	display:			block;
	float:				left;
	width:				15px;
	height:				15px;
	margin:				0px 0px 0px 5px;
}

form#dezrez_advanced_search input.button {
	margin-right:		10px;
}

/* property features */

div#property_features_header {
	width:				630px;
	background:			url(gifs/results_back.gif) repeat-x bottom;
	height:				71px;
}

div#property_features_header h2 {
	display:			block;
	float:				left;
	width:				250px;
	margin:				0px 0px 0px 10px;
	font-size:			130%;
	font-weight:		bold;
	letter-spacing:		0.15em;
	line-height:		71px;
}

div#property_features_block p {
	letter-spacing:		normal;
	margin:				0px;
}

div#property_features_block img {
	display:			block;
	float:				left;
	width:				140px;
	height:				105px;
}

div.property_feature_block {
	position:			relative;
	border:				1px solid #D5D2BB;
	margin:				10px 0px 10px 10px;
	background-color:	#F1F2EE;
	height:				106px !important; /* for other browsers */
	height /**/:		104px; /* for IE5/Win */ 	
	width:				608px; /* for IE5/Win */
	voice-family:		"\"}\"";
	voice-family:		inherit;
	width:				610px; /* for other browsers */
}

html>body div.property_feature_block {
	width:				610px; /* for opera */
}

div.property_feature_block div#soldstc {
	left:				40px;
}


div.property_feature {
	clear:				both;
	margin:				0px 15px;
}

div.property_feature p {
	padding:			5px 0px;
	text-align:			justify;
}

div.property_feature_data {
	float:				right;
	border-left:		1px solid #D5D2BB;
	height:				106px;
	width:				468px; /* for IE5/Win */
	voice-family:		"\"}\"";
	voice-family:		inherit;
	width:				469px; /* for other browsers */
	background-color:	#D8DBCB;
}

html>body div.property_feature_data {
	width:				469px; /* for opera */
}

div.property_feature_data p.property_address { 
	display:			block;
	width:				459px;
	height:				40px;
	padding-left:		10px;
	line-height:		40px;
	font-size:			120%;
	font-weight:		bold;
}

div.property_feature_data p.property_comment {
	padding-left:		10px;
	line-height:		30px;
	font-size:			110%;
	clear:				both;
}

div.property_feature_data a {
	display:			block;
	height:				25px;
	line-height:		25px;
	letter-spacing:		normal;
	color:				#990033;
	text-align:			right;
	text-decoration:	none;
}

div.property_feature_data a:hover {
	color:				#000000;
}

div.property_feature_data a.left_feature_link {
	float:				left;
	margin:				10px 0px 0px 10px;
}

div.property_feature_data a.right_feature_link {
	float:				right;
	margin:				10px 10px 0px 0px;
}

/* feature boxes */

div#feature_boxes {
	float:				right;
	background-color:	#F1F2EE;
	border-left:		1px solid #FFFFFF;
	text-align:			center;
	width:				150px; /* for IE5/Win */
	voice-family:		"\"}\"";
	voice-family:		inherit;
	width:				149px; /* for other browsers */
}

html>body div#feature_boxes {
	width:				149px; /* for opera */
}

div.feature_box {
	padding-top:		10px;
	background:			url(gifs/feature_back.gif) repeat-x bottom;
	border-bottom:		1px solid #FFFFFF;
	height:				139px !important; /* for other browsers */
	height /**/:		150px; /* for IE5/Win */ 	
}

div.feature_box a {
	display:			block;
	height:				30px;
	font-weight:		bold;
	color:				#000000;
	text-decoration:	none;
}

div.feature_box a:hover {
	color:				#990033;
}

div.feature_box img {
	border:				0px;
}

div.feature_box a.news_title {
	height:				25px;
}

div.feature_box a.news_item {
	display:			block;
	height:				45px;
	margin:				0px 12px 2px 12px;
	font-size:			9pt;
	font-weight:		normal;
	letter-spacing:		normal;
	overflow:			hidden;
}

/* left hand block */

div#left_block {
	float:				left;
	background-color:	#D8DBCB;
	border-right:		1px solid #FFFFFF; 
	width:				150px; /* for IE5/Win */
	voice-family:		"\"}\"";
	voice-family:		inherit;
	width:				149px; /* for other browsers */
}

html>body div#left_block {
	width:				149px; /* for opera */
}

/* sub section navigation menu */

div#menu_block {
	width:				100%;
	background-color:	#D8DBCB;
}

div#left_block li,img {
	border-bottom:		1px solid #FFFFFF;
}

div#left_block li.highlight {
	line-height:		35px;
	background:			url(gifs/menu_highlight_back.gif) repeat-x bottom;
}

div#left_block a {
	margin:				5px 0px;
	line-height:		30px;
	color:				#990033;
	text-decoration:	none;
}

div#left_block a.double {
	display:			block;
	height:				30px;
	margin:				0px;
	padding-top:		5px;
	line-height:		1.1em;
}

div#left_block a:hover {
	color:				#000000;
}

div#left_block a#search {
	display:			block;
	margin:				5px 5px 5px 10px;
	line-height:		1.1em;
}

/* property search form */

div#search_block {
	width:				100%;
}

div#search_block form {
	margin:				10px 0px;;
	padding:			0px;
	border-bottom:		1px solid #FFFFFF;
}

div#search_block p {
	margin:				0px;
	padding:			5px 0px;
	padding-left:		10px;
	line-height:		25px;
}

div#search_block p.highlight {
	height:				25px;
	background:			url(gifs/menu_highlight_back.gif) repeat-x bottom;
	border-bottom:		1px solid #FFFFFF;
}

div#search_block form select {
	width:				130px;
	letter-spacing:		normal;
}

div#search_block form input {
	margin:				10px 10px 10px 45px;
	width:				80px;
	background-color:	#FFEE02;
	border-bottom:		1px solid #FFFFFF;
}

div#search_block p#soldstc {
	line-height:		1.1em;
	letter-spacing:		normal;
}

div#search_block input#include_sold_stc {
	float:				left;
	margin-top:			7px;
	margin-left:		10px;
	width:				14px;
	height:				14px;
	background-color:	#FFFFFF;
}

div#search_block a {
	line-height:		25px;
	color:				#990033;
	text-decoration:	none;
}

div#search_block a:hover {
	color:				#000000;
}

/* footer */

div#footer  {
	width:				100%;
	clear:				both;
	background-color:	#000000;
	border-top:			1px solid #FFFFFF;
	height:				24px !important; /* for other browsers */
	height /**/:		25px; /* for IE5/Win */ 	
}

#footer img {
	border:				none;
	float:				right;
	margin-right:		10px;
}	

#footer li {
	display:			block;
	float:				right;
	height:				25px;
	padding:			0px 10px 0px 0px;
}

#footer a {
	line-height:		25px;
	font-size:			75%;
	letter-spacing:		normal;
	text-decoration:	none;
	color:				#FFFFFF;
}

#footer a:hover {
	color:				#FFEE02;
}

div#legal {
	width:				100%;
	clear:				both;
	background-color:	#FFFFFF;
	text-align:			center;
}

div#legal p {
	margin:				0px 10px;	
	padding-top:		5px;
	letter-spacing:		normal;
	font-size:			80%;
}

/* dezrez members area iframe */

div#dezrez_members_container {
	width:				780px;
	margin:				0px auto;
	text-align:			left; /* for IE5/Win */ 
	background:			url(gifs/dezrez_members_back.gif) repeat-y;
}

div#content_block iframe {
	width:				630px;
	height:				650px;	
	margin:				0px;
	border:				0px;
}