

/* CSS Document */

body { font:80% verdana, arial, helvetica, sans-serif; 
	padding:0; 
	margin:0 auto;

/*	width: 951px; */
	background: url(../images/tile.gif) top center repeat-y #DED8C4;
}

html>body {font-size: 12px; }

h1 {font-size: 1.6em; width: auto; } 

h2 {font-size: 1.1em; margin: 1em 0 0.5em 0; padding: 0 0 0 0;}
h3 {font-size: 1.1em; margin: 1em 0 0.4em 0; padding: 0 0 0 0;  }
h4 {font-size: 1em; margin: 0.5em 0 0.2em 1em; padding: 0 0 0 0;  }
p { margin: 0; padding: 5px 0; line-height:144%; font-size:.9em;}
li { padding: 0.2em 0; }
a:link, a:visited, a:active {color: #2D79C3; }
a:hover {color: #2D79C3;}

.imageleft { padding: 10px 20px 10px 0; float: left; }
.imageright { padding: 10px 0 10px 20px; float: right; }
.imageleft p, .imageright  p { font-size: 0.85em; color: #676362; padding: 0; margin: 0; }
.imagecentre { padding: 10px 20px 10px 20px; float: none; text-align: center;  }

.rm { position: absolute; left: -1000em; width: 20em; }

/* ------------ Layout --------------- */

/*#outercontainer {
min-width: 800px;
max-width:950px;
margin:auto;
width: 100%;
}
*/

#outercontainer {
	width: 951px;
	margin:0 auto;
position: relative;
	background: url(../images/tile.gif) top center repeat-y #DED8C4;

}


/* position: absolute stops the block part of the links from working :-( */
#leftside {float: left; padding: 0; margin: 0; width: 218px; font:100%  arial, helvetica, sans-serif; }
#rightside { position: relative; padding: 0; margin: 0 15px 0 250px; width: auto; }


#logo { position: relative; padding: 0; margin: 0; width: auto; }
#strapline { position: relative; padding: 30px 10px 40px 15px; margin: 0; }
#banner_photos { position: absolute; top: 70px; left: 155px; padding: 0; margin: 0; width: 487px; }

#photo { position: absolute; top: 10px; right: 10px; padding: 0; margin: 0; width: auto; }

#header img { display: block; }

#header { position: relative;  padding: 0; margin: 0; width: 951px; /* border-bottom: 2px solid #28379B; */ background-color:#fff;
}

/* ------------------ header ---------------*/
#header-left {  display:inline; float:right;
	/*background-image:  url(../images/wwps-logo.jpg); background-repeat: no-repeat; */
	width:296px;
	margin:34px 0px 0px 0px;
}

#header-right {
	height:112px;
	background-image: url(../images/banner.jpg) ;
	background-repeat: no-repeat;
	background-position: top left;
/*	width:auto; */
	position: relative;
	width: 953px;
}

/* ------------------ top navigation menu ---------------*/

#top-menu {
	margin: 0;
	position: relative;
	border: none;
	position: absolute;
	top: 11px;
	left: 380px;
}

#top-menu ul {
	margin: 0;
	padding: 0;
}
	
#top-menu li {
	margin: 0px; /*removes indent IE and Opera*/
	padding: 0; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	font-size: .9em;
	display: inline;
}

#top-menu li a {
	font-family:verdana, helvetica, sans-serif;
	font-weight:bold;
	font-size:100%;
	display: inline;
	padding: 0px 5px;
	border-right: 1px solid #173F66;
	float:left;
	color:#173F66;
	text-align:center;
}
#top-menu li.last a { border-right: none; }


#top-menu li a:hover {
	font-family:verdana, helvetica, sans-serif;
	font-weight:bold;
	font-size:100%;
	background-color:#6F7EF3;
	/*border-left: 1px solid #FFFFFF;*/
	border-right: 1px solid #FFFFFF;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
}

/* ------------------ quick search ---------------*/
#quicksearch {
width:932px;
	font-family: verdana, helvetica, sans-serif;
	background-color:#792822;
	font-size:80%;
	color:#FFFFFF;
	padding:4px 10px;
	margin:1px 0 0 0;
	}
	
#quicksearch form {margin:0px}

#quicksearch form select{
	color:#000000; font-size:100%; margin: 0; padding: 0;
 	font-family:arial, verdana, helvetica, sans-serif;
 	}

 #quicksearch form input {margin:0px;padding:0px; font-size: 1em; }

/* ------------------- top of LHS flash images ----*/

#left-splash {
}

.lhsSplash1 {
	width:215px;height:96px;
	background-image:URL(../images/pagegfx/property-photo-1.jpg);
}

.lhsSplash2 {
	width:215px;height:96px;
	background-image:URL(../images/pagegfx/property-photo-2.jpg);
}

.lhsSplash3 {
	width:215px;height:96px;
	background-image:URL(../images/pagegfx/property-photo-3.jpg);
}

.lhsSplash4 {
	width:215px;height:96px;
	background-image:URL(../images/pagegfx/property-photo-4.jpg);
}

.lhsSplash5 {
	width:215px;height:96px;
	background-image:URL(../images/pagegfx/property-photo-5.jpg);
}

.lhsSplash6 {
	width:215px;height:96px;
	background-image:URL(../images/pagegfx/property-photo-6.jpg);
}

.lhsSplash7 {
	width:215px;height:96px;
	background-image:URL(../images/pagegfx/property-photo-7.jpg);
}

.lhsSplash8 {
	width:215px;height:96px;
	background-image:URL(../images/pagegfx/property-photo-8.jpg);
}

.lhsSplash9 {
	width:215px;height:96px;
	background-image:URL(../images/pagegfx/property-photo-9.jpg);
}

.lhsSplash10 {
	width:215px;height:96px;
	background-image:URL(../images/pagegfx/property-photo-10.jpg);
}

/* ------------------ clear hack ---------------*/

.clear {
	float:none;
	padding:0px;margin:0px;
	padding:0;margin:0;
	display:block;
	width:auto;
	height:auto;
}
.flush-clear {
	float:none;
	clear:left;
	}


/* ------------------ property nav (<prev next> links) --- */
#propertynav{ text-align:center; float:none; width:100%; background-color:#FFF; color: #666; font-size: 0.9em; border-top: 1px dashed #999; border-bottom: 1px dashed #999; margin: 10px 0; }
#propertynav span { padding: 0 10px; }

/* ------------------ footer ---------------*/

#footer {float:left; width:100%; 
	border-top: 2px solid #2D79C3;
	margin-top: 10px;
}

#footer-left {
	width:215px;height:88px;
	display:inline;
	float:left;
}

#footer-right {
	height:88px;
	text-align:right;
	
	font-size:.9em;
	padding:10px 15px 0px 20px;
}


/* ----------------------- Property List -----------------------*/
table#propertylist { background-color:#fff; border-bottom: 1px solid #3676B6; border-right: 1px solid #3676B6; }
#propertylist td { padding: 0; border-top: 1px solid #3676B6; border-left: 1px solid #3676B6; }
#propertylist h2 { margin: 0; background-color:#6F7EF3; border-right:10px solid #4A2CBA; padding:3px; }
#propertylist h2 a { color:#FFFFFF; text-decoration:none; display:block; width:100%; }
#propertylist h2 a:hover { text-decoration: underline;  }
.propertysummary { padding: 5px 5px 0 5px; margin: 0; }
.propertysummary img { float: left; padding-right: 10px; }
.propertysummary p { padding: 0 0 10px 0; }
.propertyprice { padding: 0 5px 0 5px; margin: 0; }
.propertyprice span { }
p.agecategory { color: #B34F47; font-weight: bold; padding: 0 0 0 0; }

.property-list{
	width:100%;
	background-color:#EEEEEE;
	margin-right:10px;
}
.property-list-heading{
	background-color:#6F7EF3;
	border-right:10px solid #4A2CBA;
	padding:3px;
}

.property-list-heading h3 {
	margin:0px;
}

.property-list-heading a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:100%;
	
}

.property-list-heading a:hover{
	color:#FFFFFF;
	font-weight:bold;
	background-color:#4A2CBA;
}
.property-list-heading a:visited{
	color:#FFFFFF;
}

.property-list-container {
	background-color:#EEEEEE;
}

.property-details-button {
	width:99px; 
	height:23px;
	
}
.property-details-button a{
	display:block;
	width:99px; 
	height:23px;
	background-image:url(../images/pagegfx/more_details.gif);
	text-decoration:none;
	

}
.property-details-button a:hover{
	background-image:url(../images/pagegfx/more_details_hov.gif);
}
.currency {
 	color:#B34F47;
 }
.property-list-body{
	font-size:100%;
}


/* --------------------------------------Property Details */
div#features { position: relative;margin:10px 10px 15px 10px; }
div#features td { padding: 3px 10px 0 0; }
div#features .key { width: 120px; color: #2D79C3; vertical-align: top; }
div#features .value { width: 180px; color: bold; }


#property-details{
	background-color:#EEF3F9;
	
}

#property-details h1 {
	color: #FFF;
	font-weight:bold;
	text-decoration:none;
	padding:7px 10px; 
	background: url(../images/propertyBoxHeaderGrad.jpg) top left repeat-x;
/*	background-color: #6F7EF3; */
}
#property-details #features h2 {font-size: 1.1em; margin: 1em 0 0.5em 0; padding: 0 0 0 0; background: none; color: #000; }
#features h3 {font-size: 1.1em; margin: 1em 0 0.4em 0; padding: 0 0 0 0; background: none; }


.property-detail-item{
	margin-top:2px;		
	margin-right:2px;
	border-right:2px solid #EEEEEE;	
		float:left;
	width:150px;
	display:block;
	background-color:#DDDDDD;
	padding:2px 4px 2px 4px;
}

.property-detail-content{
	margin-top:2px;
	margin-left:6px;
	border-right:6px solid #EEEEEE;	
	display:block;
	text-align:left;
	width:auto;
	background-color:#DDDDDD;
	padding:2px 4px 2px 4px;
	}
	
#property-details-description { margin-left:10px; width:500px  }
#property-details #property-details-description h2 {font-size: 1.1em; margin: 1em 0 0.5em 0; padding: 0 0 0 0; background: none; color: #000; }


.property-details-view-button {
	width:auto; 
	height:23px;
	padding:10px;
	text-align:center;
	display:block;
}

.property-details-view-button a{
	display:block;
	width:210px; 
	height:23px;
	background-image:url(../images/pagegfx/contact-us-about.gif);
	text-decoration:none;
}

.property-details-view-button a:hover{
	background-image:url(../images/pagegfx/contact-us-about-over.gif);
}

img#mainimage { padding: 0 0 10px 10px; float: left; }
.smallimage img { float: left; margin: 0 10px 10px 2px; }

/*---------------------------------------------------------*/


div.listsummaryimage { float: left; display: inline; padding: 3px 10px 5px 0; margin: 0;margin-top:20px; border:  none; }
/*------------------ brochure header ----------------------*/
#print-header {

	display:none;
}
/*----------------------------------------*/

#credits { width: 100%; color: #666666; padding: 0; margin: 0; }
#credits div { padding: 10px; }
#credits p{ padding: 0 0 0 0; margin: 0; font-size: 1em; }
#credits a:link, #credits a:visited, #credits a:active { }
#credits span{ padding: 0 10px; color: #FFFFFF; }


#mainhome { position: relative; width: auto; padding: 10px; margin: 0 160px 0 0; }
#main { position: relative; width: auto; padding: 0 0 0 0; margin: 14px 0 0 -20px;}

/* mainarea is the core mid section - including the left and right columns */
/* need border top to avoid a space in firefox... */
#mainarea { position: relative; width: 100%; border-top: 1px solid #FFF; }

#mainnav { position: relative; width: auto; }


#headercontent img { padding: 0; margin: 0; }

/* 3px jog bug. Hide from IE5-mac. Only IE-win sees this. \*/
* html #mainarea { height: 300px; } 
* html #rightside { height: 290px; } 
* html #main { height: 280px; } 
* html #content { height: 270px;} 
* html #pageintro { height: 1%; } 
* html #contactprompt { height: 1%; } 
* html #content ul { height: 1%; } 

/* End hide from IE5/mac */

#content { margin: 0 0 10px 0; padding: 0; line-height: 1.2em; }

#content ul { display: block; }
#content li { margin-left: 1.3em; padding-left: 0; }
* html #content mul { margin-left: 0em;} 
#content img { margin: 0 10px 10px 2px; }

.tableclass { border-top: 1px solid #333; border-right: 1px solid #333; margin: 10px 0; }
.tableclass td, .tableclass th { border-left: 1px solid #333; border-bottom: 1px solid #333; padding: 5px; }


/* ------------ Main Content --------------- */
#main h1 { /* padding: 6px 0px; margin: 10px 0 0 0; */ }
/* #main h2 { width:697px; background: url(../images/headerGrad.jpg) top left repeat-x; color:#fff; padding:3px 0px 5px 8px;}
*/

/* ------------- Forms ---------------------- */
#standardform { margin: 10px 0px 10px 0px; padding:0px; }
#standardform form { border: 1px solid #2A71B3; background-color: #EFF3F6; width: auto; padding: 10px; }
* html #standardform form { height: 1%; }
#standardform label { padding: 7px 0 2px 0; display: block; color: #333333; }
#standardform input { /* background-color: #EEEEEE; */ }
#standardform div { padding: 0 0 20px 0;  }
#standardform span { padding: 2px 0 10px 0; color: #FF0000; }
#standardform p { padding: 5px 0; margin: 0; }
#standardform h2 { background-color: #BCBEC2; color: #00528A; margin: 0; padding: 3px 10px; border: none; font-size: 1em; }
#standardform fieldset { border-width: 0; border-style: solid;  }

div#checkbox { padding: 0;  }
#checkbox label { display: inline; padding: 0 0 0 10px; color: #00528A; }

#formalert { font-weight: bold; color: #FF0000; padding: 0; margin: 0; }
#formalert p { padding: 0; margin: 0; }
.mandatory { font-style: italic; color: #676362; }

#standardform .checkboxgroup { border: 1px solid #CCCCCC; background-color: #D5D6D9; margin: 10px 0; }
#standardform .checkboxgroup table { border: none; }
#standardform .checkboxgroup td { border: none; padding: 5px; }
#standardform .checkboxgroup label { display: inline; padding: 0 0 0 5px; }

/* ------------ Menus --------------- */
#mainlinks { position: relative; margin: 0; padding: 0px 0 34px 0; width: 215px; background: url(../images/curve.gif) bottom left #EACABB; }
#mainlinks ul { position: relative; width: 100%; margin: 0; padding: 0; list-style-type: none; border-bottom: 1px solid #FFFFFF; }
#mainlinks ul ul { padding: 0 0 0 0; font-weight: normal; border-bottom: none; } 
#mainlinks li { font-size:0.9em; margin: 0; padding: 0; width: 100%; text-align: left; }
#mainlinks li li { font-size:1em; margin: 0 0 0 0; padding: 0; width: 100%; border: none; }
#mainlinks a, #mainlinks a:link, #mainlinks a:visited, #mainlinks a:active {
	border-top: 1px solid #FFFFFF; 
	font-size: 1em;
	font-weight: normal; color: #401511; text-decoration:none; 
	display: block; 
	padding: 3px 10px 3px 10px; margin: 0; 
	background-color: #EACABB; /* #687275 */
	 }
/* IE needs a dimension for the box for display:block to work */
* html #mainlinks li a {
  height: 1%;
  }

#mainlinks li li a, #mainlinks li li a:link, #mainlinks li li a:visited, #mainlinks li li a:active {
	padding: 3px 10px 3px 20px; margin: 0; background-color: #EACABB; color: #95332A; /* E8E9EA */
}

#mainlinks li a:hover { background-color: #95332A; color: #FFFFFF; background-position: 0 -50px; }
#mainlinks li li a:hover { color: #CCCCCC; background-position: 0 -50px; background-color: #666666; }

a:link#itemselected, a:hover#itemselected, a:visited#itemselected, a:active#itemselected, #itemselected {  background-color: #95332A; color: #FFF;  /* #297084 */ font-weight: bold; padding-right: 1px; }

a:link#currentsection, a:hover#currentsection, a:visited#currentsection, a:active#currentsection, #currentsection { background-color: #95332A; color: #FFF; }


#footerlinks { position:relative; margin: 0 0 0 0; padding: 0 10px 0 10px; width: auto; font-weight: normal; background-color: #676362; border-bottom: 1px solid #FFFFFF; }
#footerlinks ul { margin: 0 0 0 0; padding: 2px 0; list-style-type: none; border-left: 1px solid #FFFFFF;}
#footerlinks li { display: inline; margin: 0; padding: 0; width: auto; border: none; }
#footerlinks a { padding: 2px 10px; margin: 0; 	border-right: 1px solid #FFFFFF; text-decoration:none; }
#footerlinks a:link, #footerlinks a:visited, #footerlinks a:active { color: #FFFFFF; background-color: #676362; }
#footerlinks a:hover { text-decoration:underline; color: #333333; background-color: #999999; }

#pageintro { margin: 0 0 0 0; padding: 10px 0 10px 20px; background-color: #E8E9EA; width: auto; border-left: 1px solid #00528A; border-right: 1px solid #00528A; }
.greybullet { background-image:  url(../images/greybullet.gif); background-repeat: no-repeat; background-position: center left; padding-left: 20px; color: #333333; }
.bluebullet { background-image:  url(../images/bluebullet.gif); background-repeat: no-repeat; background-position: center left; padding-left: 20px; color: #00528A; }

#printerfriendly { margin: 0; padding: 10px 0px; border-top: 1px dashed #999; }
a#printbutton { background-image:  url(../images/print_icon.gif);
	background-repeat: no-repeat; background-position: center left; padding: 0 0 2px 22px; margin: 0; }
a:hover#printbutton { color: #999999; }

#lhpanel2, #lhpanel3 { position: relative; width: 175px; padding: 0 0 0.5em 0; margin: 0; }
#lhpanel2 div, #lhpanel3 div { padding: 5px 10px 10px 10px; }
#lhpanel2 h1, #lhpanel3 h1 { padding: 0 0 5px 0; margin: 0; color: #00528A; font-size: 1em; }
#lhpanel2 h2, #lhpanel3 h2 { padding: 0 0 5px 0; margin: 0; font-size: 0.9em; line-height: 1.2em; }
#lhpanel2 p, #lhpanel3 p { font-size: 0.9em; line-height: 1.2em; padding: 0 0 7px 0; margin: 0; }
#lhpanel2 img, #lhpanel3 img { padding: 2px 10px 0 0; float: left; }
#lhpanel2 input { font-size: 0.9em; }
#lhpanel2 form, #lhpanel2 fieldset { border: none; margin: 0; padding: 0; } 
.newstextinput  { font-size: 0.9em; margin: 0 0 2px 0; border: 1px #666666 solid; }

#lhpanel2 { background-image:  url(../images/lh_bkgnd2.gif); background-repeat: no-repeat; background-position: bottom right;  }
#lhpanel3 { background-image:  url(../images/lh_bkgnd3_last.gif); background-repeat: no-repeat; background-position: bottom right;  }

#contactprompt { margin: 20px 0; padding: 10px 0 0 0; width: auto; background-image:  url(../images/contact-bkgnd-top.gif); background-repeat: no-repeat; background-position: top right;  }
#contactprompt div { margin: 0; padding: 0 0 10px 0; width: auto; background-image:  url(../images/contact-bkgnd-bottom.gif); background-repeat: no-repeat; background-position: bottom right;  }
#contactprompt p { padding: 0 0; background-image: url(../images/contact-bkgnd-over.gif); background-repeat: no-repeat; background-position: -200px -500px; }

#contactprompt a, #contactprompt a:visited, #contactprompt a:link {
display: block; color: #FFFFFF; padding: 10px 60px 10px 10px; margin: 0; background-image: url(../images/contact-bkgnd-mid.gif); background-repeat: no-repeat; background-position: center right; text-decoration: none; font-weight: normal; }
#contactprompt a:hover { color: #AAAAAA; background-image: url(../images/contact-bkgnd-over.gif); 
background-repeat: no-repeat; background-position: center right; }

.backtotop { text-align: right; }
/* background applied to containing p for pre-load */
p.backtotop { background-image: url(../images/backtotop_grey.gif);
	background-repeat: no-repeat; background-position: 0 -20px; }
p.backtotop a, p.backtotop a:link, p.backtotop a:active, p.backtotop a:visited  { padding: 0 0 0 1.2em;  background-image: url(../images/backtotop_blue.gif); background-repeat: no-repeat; background-position: center left; font-weight: bold; }
p.backtotop a:hover { background-image: url(../images/backtotop_grey.gif);
	background-repeat: no-repeat; background-position: center left; color: #999999; }
* html p.backtotop a { height: 1px; }

input.mybutton, input.mybuttonhov {
	color:#FFFFFF; 
	background-image: url(../images/quick-search-but.gif); 
	background-repeat: no-repeat; background-position: center right; 
	background-color: #00528A; 
	border: 0px solid #FFFFFF;
	font-size: 1em; 	
	width:66px; height:19px;
}

input.mybuttonhov{	
	color: #CCCCCC; 
	border: 0px solid #CCCCCC; 
	background-image: url(../images/pagegfx/quick-search-but-hov.gif); 
}

.summary { float: left; width: 100%; }
.summary h2 { font-size: 1em;  }

.listsummary { /* position: relative; */ 

float: left; margin: 5px 0 0 0; padding: 10px 0 7px 0; border-top: 1px dashed #AAAAAA; width: 99%; }
.listsummary:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden; } 
.listsummary h2 {padding: 0 0 0 0; margin: 2px 0 5px 0; font-size: 1em; border: none; }
.listsummary h2 a {padding: 0; margin: 0; }
.listsummary h3 {padding: 0 0 0 0; margin: 5px 0 10px 0; font-size: 1.1em; }
.listsummary h3 a {padding: 0; margin: 0; }
.listsummary h4 {padding: 0 0 0 0; margin: 5px 0 10px 0; font-size: 1.1em; }
.listsummary h4 a {padding: 0; margin: 0; }
.listsummary h5 {padding: 0 0 0 0; margin: 0px 0 10px 0; font-size: 1em; color: #666666; font-weight: bold; }
.listsummary p { padding: 0 0 5px 0; margin: 0; }
.listsummary table { margin: 0 0 10px 0; width: auto; }
.listsummary th { text-align: left; padding: 5px 10px 0 0; }
.listsummary td { padding: 5px 10px 0 0; }
.listsummary ul { padding-top: 0; padding-bottom: 0; margin-top: 0.5em; margin-bottom: 0.5em; }



.mainimage { float: left; padding: 10px 20px 0 0; margin: 0 0 10px 0; }
.mainimage span { padding: 0; margin: 0; color: #666666; }
.mainimageright { float: right; padding: 10px 0 0 20px; margin: 0 0 10px 0; }
.mainimageright span { padding: 0; margin: 0; color: #666666; }

.price { font-size: 1.2em; font-weight: bold; }

/* background applied to containing p for pre-load */
p.moredetails { background-image: url(../images/moredetails_grey.gif);
	background-repeat: no-repeat; background-position: 0 -20px; }
p.moredetails a  { padding: 3px 16px 3px 0; background-image:   url(../images/moredetails.gif);
	background-repeat: no-repeat; background-position: center right; }
p.moredetails a:hover { background-image: url(../images/moredetails_grey.gif);
	background-repeat: no-repeat; background-position: center right; }

div.morelinks p { display: inline; margin-right: 20px; }
	

#homeintro {  width:703px; background: url(../images/homeBanner.jpg) top center no-repeat;  padding:0px 0px 0px 0px;}
#homeintro td { vertical-align: top; }
#homeintro p { margin: 0px 10px 15px 10px; width:500px; font-size: 1em;}
#homeintro h1 { margin: 0px 10px 14px 10px; color:#173F66; font-weight:normal; padding:16px 0px 0px 0px; font-size: 2.2em; }

#homesearch { width:703px; background: url(../images/homesearch-bkgnd.png) top left no-repeat; color: #FFF; padding: 6px 0px; }
#homesearch label { margin: 1px 10px 2px 0; font-weight: bold; float: left;  }
#homesearch div { background: none; padding: 0 10px; }
#homesearch form { margin: 0; padding: 0; }
#homesearch select { font-size: 1em; }

input.gobutton, input.gobuttonhov {
	color:#FFFFFF; 
	background-image: url(../images/go.png); 
	background-repeat: no-repeat; background-position: center right; 
	border: 0px solid #FFFFFF;
	font-size: 1em; 	
	width:39px; height:19px;
	z-index: 1000;
}

input.gobuttonhov{	
	color: #CCCCCC; 
	border: 0px solid #CCCCCC; 
	background-image: url(../images/go-hov.png); 
}


#propertieslist { margin: 10px 0; }


#propertieslist .propertyOffer, #propertieslist .propertyOfferLeft{
width:346px;
/* border: 1px solid #3274B5; */
float:left;
margin:0 0 10px 0;
}
#propertieslist .propertyOfferLeft{
margin-right: 10px;
}


#propertieslist .propertyOffer h3, #propertieslist .propertyOfferLeft h3{
margin:0px;
padding:6px 6px 6px 6px;
background: url(../images/propertyBoxHeaderGrad.jpg) top left repeat-x;
color:#fff;
}

#propertieslist h3 a, #propertieslist h3 a:active, #propertieslist h3 a:link, #propertieslist h3 a:visited { color: #FFF; }
#propertieslist h3 a:hover { color: #CCC; }

#propertieslist .propertyOffer span, #propertieslist .propertyOfferLeft span{
font-weight:bolder;
color:#792822;
}

#propertieslist .propertyOfferImg {   float:left; padding:10px 0px 0px 10px;
}

#propertieslist .propertyOfferImg img { margin:0px; padding:0px;
}

#propertieslist .propertyOfferText{   float:right; padding:2px 10px 10px 10px;
}

#propertieslist .propertyOfferText p{   width:200px;
}

#propertieslist .propertyrow { width: 703px; float: left; margin-bottom: 10px; background: url(../images/pagegfx/propertyrow-bkgnd.jpg) top left repeat-x; }
#propertieslist .propertyrow div.newrow { margin-right: 10px; background-color: #F90; }

/* ------------ Flags --------------- */
#flags { position: absolute; top: 10px; right: 15px; }
#flags p { float: left; padding: 0 6px 0 0; margin: 0; font-weight: bold; font-size: 0.85em; }
#flags a { float: left; margin: 0 4px 0 0; }
#flags img { border: none; }

#telephone { position: absolute; top: 75px; right: 320px; font-size: 0.9em; font-weight: bold; background: url(../images/telephone-icon.gif) top left no-repeat; padding: 5px 0 7px 26px; color: #173F66; }

#translatepage { float: right; }
#translatepage p { float: left; padding: 2px 6px 0 0; margin: 0; font-weight: bold; font-size: 0.85em; }
#translatepage a { float: left; margin: 4px 4px 0 0; }
#translatepage img { border: none; }


/* ------------ Featured Area --------------- */
#featuredarea { background-color: #ECDFD9; padding: 10px 10px; margin: 15px 0; }
#featuredarea h2 { color: #792822; padding: 10px 0 15px 0; margin: 0; font-size: 1.8em; font-weight: normal; }
#featuredarea p { padding: 0 100px 10px 0; }
#featuredareatext { width: 425px; background: url(../images/featuredlocation.gif) 335px 40px no-repeat; }
#featuredarea div.featuredmedia { float: right; }
#featuredarea p.findoutmore { margin: 0 0; padding: 0; }
#featuredarea p.findoutmore a { width: 110px; height: 23px; display: block; text-decoration: none; background-image:  url(../images/findoutmore.gif); background-position: 0 0; background-repeat: no-repeat; padding: 0 0 0 0; text-indent:-9000px; }
#featuredarea p.findoutmore a:hover { background-position: 0 -25px; }
