/* CSS Document */
/* colours
main blue: #00528A
dark grey: #676362
nav light grey: #E8E9EA
*/

body { font:80% Verdana, arial, helvetica, sans-serif; margin:0; padding:0px; width: 100%; }

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

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: 1.4em; }
li { padding: 0.2em 0; }
a:link, a:visited, a:active {color: #4A2CBA; }
a:hover {color: #666666;}

.imageleft { padding: 10px 20px 10px 0; float: left; }
.imageright { padding: 10px 0x 10px 20px; margin: 0 0 0 30px; float: right; }
.imageleft p, .imageright  p { font-size: 0.85em; color: #676362; padding: 0; margin: 0; }

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

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

#top-menu {display:none}

#quicksearch {display:none}

#outercontainer { margin: 0; width: 100%; }

/* position: absolute stops the block part of the links from working :-( */
#leftside {display: none; }
#rightside { postion: relative; padding: 0; margin: 0; width: auto; }


#logo { position: relative; padding: 0; margin: 0; width: auto; }
#photo { position: absolute; top: auto; right: 0; padding: 0; margin: 0; width: auto; }
#header img { display: block; }

#header { display: none; }

#searchbar { display: none; }
#callme { display: none; }
#search { display: none; }
#search label { padding: 0 10px 0 0; margin: 0; }
#search form { padding: 0; margin: 0; }

/* --------------------------------------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:#FFF;
}

#property-details h1 {
	color: #000;
	font-weight:bold;
	text-decoration:none;
	padding:5px 10px; 
}

.property-detail-item{
	margin-top:2px;		
	margin-right:2px;
	border-right:2px solid #EEEEEE;	
		float:left;
	width:150px;
	display:block;
	background-color:#FFF;
	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:#FFF;
	padding:2px 4px 2px 4px;
	}

#property-details-description {
	margin-left:10px;

}

.property-details-view-button {
	display:none;
}

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

/* ------------------ 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;
	}


/*------------------ brochure header ----------------------*/
#print-header {
	/*background-image:url(../images/pagegfx/worldwide-property-print.gif);
	background-repeat:no-repeat;
	background-align:top left;*/
	text-align: right;
	border-bottom:3px solid #999999;
	display:block;
	height:80px;
	padding: 10px 10px 0 0;
}
#print-footer {
	text-align:center;
	font-size:80%;
	border-top:3px solid #999999;
	padding:10px;
	}
/*----------------------------------------*/

#footer { display: none;  }

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

/* 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%; }


/* 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: 10px 20px; /* border-top: 1px solid #00528A; border-left: 1px solid #4A2CBA;*/ line-height: 1.2em;}

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


/* ------------ Main Content --------------- */
#main h1 { color: #2D79C3; }


/* ------------ Menus --------------- */

#pageintro { margin: 0 0 0 0; padding: 10px 0 10px 20px; width: auto; }
.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 -0px 0 -20px; padding: 10px 20px; border-top: 1px dashed #00528A; }
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 { display: none; }

.backtotop { display:none}
/* 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/button-bkgnd.gif); background-repeat: no-repeat; background-position: center right; background-color: #00528A; 
   border: 1px solid #FFFFFF; padding: 0 10px 0 2px; font-size: 1em; }
input.mybuttonhov{	color: #CCCCCC; border: 1px solid #CCCCCC; }

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