/******************************************************************************************************************
Homewise
Print Stylesheet

Developed by Matthew Hill, April 2007
Copyright Nixon McInnes (c) 2007
http://www.nixonmcinnes.co.uk

******************************************************************************************************************/

body {
	margin:1cm;
	padding:0;
	background:#FFF;
	color:#000;
	font: normal 100%/150% Tahoma,Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;
}

/******************************************************************************************************************
ELEMENTS NOT TO PRINT
******************************************************************************************************************/

a.redbutton,
#skipnav,
#banner #tools,
#banner #navtop li,
#searchsite,
#breadcrumbs,
#sidebar1,
#sidebar2,
#content .pagetools,
#content ul.pagination,
#content #searchnews,
#pagetail
{
	display:none;
}

/******************************************************************************************************************
RESET BLOCK LEVEL ELEMENT MARGINS
******************************************************************************************************************/

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td
{
	margin:0;
	padding:0;
} 


/******************************************************************************************************************
GENERAL FORMATTING OF STANDARD ELEMENTS
******************************************************************************************************************/
a,a:link {
	color:#006E51;
	text-decoration:underline;
}

a:visited {
	color:#006E51;
}

.floatright {
	float:right;
}
.floatleft {
	float:left;
}

.picright {
	clear:right;
	float:right;
	margin:0 0 14px 14px;
}

.picleft {
	clear:left;
	float:left;
	margin:0 14px 14px 0;
}

.hitext,
.warning {
	color:#A02443;
}

img {
	border:none;
	padding:0;
	display:block;
}


/******************************************************************************************************************
WRAPPER
******************************************************************************************************************/

#wrapper {
	width:auto;
}

/******************************************************************************************************************
BANNER
******************************************************************************************************************/

#banner {
	border-bottom:1px solid #CCC;
	margin-bottom:5mm;
	zoom:1;
}

#banner img {
	border:0;
	margin:0;
	padding:0;
	display:block;
	float:left;
}

#banner #navtop li.phonenum {
	display:block;
	float:right;
	font-size:150%;
	font-weight:normal;
	color:#006E51;
	margin-top:5mm;
}

#banner:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;	
}


/******************************************************************************************************************
3 COLUMN LAYOUT (One true layout)
http://www.positioniseverything.net/articles/onetruelayout/
******************************************************************************************************************/

/* Order in source: 1 */
#content {

	}
	

/******************************************************************************************************************
MAIN TYPOGRAPHY
******************************************************************************************************************/

#threecolumns {
	font-size:80%;
	line-height:150%;
}

#threecolumns h1,
#threecolumns h2,
#threecolumns h3.title,
#threecolumns h3,
#threecolumns h4,
#threecolumns h5 {
	line-height:1;
	margin:0 0 14px 0;
	clear:both;
}

#threecolumns h1 {
	color:#006E51;
	font-size:130%;
	font-weight:normal;
	padding:3mm 0;
}

#threecolumns h2,
#threecolumns h3.title {
	color:#AB9968;
	font-size:130%;
	font-weight:normal;
	padding:3mm 0;
}

#threecolumns h3 {
	color:#006E51;
	font-size:110%;
	padding:3px 0;	
}

#threecolumns h4,
#threecolumns h5 {
	font-size:100%;
	color:#006E51;
}

#threecolumns dl,
#threecolumns ul,
#threecolumns ol,
#threecolumns p {
	margin:0 0 14px 0;	
}

#threecolumns ul li {
	list-style:none;
	padding-left:20px;
	background:url(../images/bullet-green.gif) 4px 1px no-repeat;
}


/******************************************************************************************************************
******************************************************************************************************************
GENERAL STYLES USED ON MULTIPLE TEMPLATES
******************************************************************************************************************
******************************************************************************************************************/

#content .clear {
	margin:0 0 11px 0;
	zoom:1;
}

#content .panel {
	clear:both;
	border-bottom:1px solid #CCC;
	padding:0;
	margin:11px 0;
	zoom:1;
}

/* Auto expand container to wrap floats if contents are all floated: Gecko, Opera, etc, -- not IE */
#content .clear:after,
#content .panel:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

#content .itemlist {
	margin:0;
	padding:0;
	list-style:none;
}

#content .itemlist li {
	margin:0 0 11px 0;
	padding:0;
	list-style:none;
	background:none;
	border-bottom:1px solid #CCC;
	zoom:1;
}

#content .itemlist h3 {
	line-height:normal;
	font-size:100%;
}

#content .itemlist h3 a {
	margin-right:90px;
	display:block;
}

#content .itemlist h3 span {
	font-weight:normal;
	color:#000;
	margin-top:-1.1em;
	display:block;
	width:80px;
}

#content a.seeall {
	text-align:left;
	display:block;
	float:left;
	width:70%;
}

#content a.backtotop {
	text-align:right;
	display:block;
	float:right;
	width:25%;
	padding:0 5% 0 0;
	background:url(../images/arrow_top.gif) right center no-repeat;
}

/******************************************************************************************************************
GLOSSARY
******************************************************************************************************************/

/* Auto expand container to wrap floats if contents are all floated: Gecko, Opera, etc, -- not IE */
#content ul.glossarylist li:after,
#content ul.glossarylist li:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

#content ul.glossarylist li {
	background:none;
	float:left;
	padding:0;
	margin:0 5px 0 0;
	zoom:1;	
}

#content ul.glossarylist li a {
	display:block;
	float:left;
	padding:0 5px;	
	font-size:120%;
	zoom:1;
}

#content h2:target,
#content h3.title:target {
	background:#006E51;
}

/******************************************************************************************************************
FAQ
******************************************************************************************************************/

#content ul.faqlist li {
	background:none;
	padding:0;
	color:#006E51;
	font-size:130%;
}

#content ul.faqlist li ol {
	background:none;
	padding:0;
	margin-left:30px;
}

#content ul.faqlist li ol li {
	list-style:decimal;
	font-size:80%;
}

#content ul.faqanswers li {
	background:none;
	padding:11px 0 0 0;
	margin:0 0 11px 0;
	border-top:1px solid #CCC;
}

#content ul.faqanswers li h3 {
	font-size:100%;
}

#content ul.faqanswers li:target h3 {
	color:#A02443;
}

/******************************************************************************************************************
PERSON LIST
******************************************************************************************************************/

#content ul.imagelist li {
	background:none;
	padding:11px 0;
	margin:0 0 11px 0;
	border-top:1px solid #CCC;
	zoom:1;
}

#content ul.imagelist li img {
	float:left;
	max-width:120px;
	margin-right:7px;
}

#content ul.imagelist li h3,
#content ul.imagelist li h4,
#content ul.imagelist li h5,
#content ul.imagelist li ol,
#content ul.imagelist li ul,
#content ul.imagelist li p {
	clear:none;
	margin:0 0 0 127px;
}

/******************************************************************************************************************
FOOTER
******************************************************************************************************************/

#footer {
	clear:both;
	border-top:1px solid #CCC;
	margin:0 auto;
	font-size:70%;
}

#footer ul {
	list-style:none;
	margin:5mm 0;
}

#footer li {
	float:left;
	margin:0 3mm 0 0;
}


/******************************************************************************************************************
POPUPS
******************************************************************************************************************/

#content div.popup {
	height:auto;
	width:376px;
	padding:0 0 5px 0;
	z-index:100;
	position:absolute;
	top:-130px;
	left:0;
	background:#E3E3E3;
	/* Next rule ensures popups are closed by default */
	display:none;
}

#content div.popup div.inner {
	background:#FFF;
	width:364px;	
	padding:5px;
	border:1px solid #CCC;	
	margin:-5px 0 0 -5px;
	position:relative;
}

#content div.popup form {
	margin-bottom:0;
}

#content div.popup form h2 a.close,
#content div.popup form h2 a.close:visited,
#content div.popup form h3.title a.close,
#content div.popup form h3.title a.close:visited {
	display:block;
	float:right;
	font-size:80%;
	font-weight:bold;
	color:#FFF;
	padding:0 7px 0 0;
	margin:-1em 0 0 0;
	background:none;
}

#content div.popup form h2 a.close:hover,
#content div.popup form h3.title a.close:hover {
	text-decoration:underline;
}

/******************************************************************************************************************
FORMS
******************************************************************************************************************/

form {
	margin:0;
	padding:0;
}

fieldset {
	border:none;
	margin:0;
	padding:0;
}

legend {
	display:none;
}

form button,
input.button,
a.button,
a.button:hover {
	display:none;
}

/******************************************************************************************************************
FORM STYLING WHEN IN CONTENT PANEL
******************************************************************************************************************/

#content form {
	margin:0 0 5mm 0;
	padding:0;
	position:relative;
	zoom:1;
	clear: both;
}

#content form fieldset {
	zoom:1;
}

#content form h2,
#content form h3.title {

}

#content form p {

}

#content form label {
	clear:left;
	float:left;
	width:5cm;
	margin-right:5mm;
	line-height:normal;
	text-align:right;
	font-size:90%;
}

#content form label.wide {
	clear:left;
	float:left;
	width:13cm;
	text-align:left;
}

#content form label.wideright {
	clear:left;
	float:left;
	width:13cm;
	text-align:left;
}

#content form input.text,
#content form textarea	{
	border:1px solid #CCCCCC;
	width:9cm;
	padding:1mm;
	margin:0 0 5mm 0;
	font: normal 90%/1.2em Tahoma,Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;
	background:#FFF;
}	

#content form textarea	{
	clear:both;
	width:16.5cm;
}

#content form textarea.small	{
	clear:none;
	width:9cm;
}

#content form select {
	width:9cm;
	border:1px solid #CCCCCC;
	padding:1mm;
	margin:0 0 5mm 0;	
	font: normal 90%/1.2em Tahoma,Verdana,Arial,"Helvetic Neue",Helvetica,sans-serif;
}


/******************************************************************************************************************
PROPERTIES PAGE - PANELS
******************************************************************************************************************/

.propertylist img {
	float:left;
	margin:0 5mm 0 0;
	padding:0;
}

.propertylist dl {
	float:left;
	display:block;
	margin:0 5mm;
	zoom:1;
}

.propertylist dl:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

.propertylist dt {
	display:block;
	font-weight:bold;
	float:left;
	clear:left;
	width:3cm;
	zoom:1;
	text-align:right;
}

.propertylist dd {
	display:block;
	margin:0 0 0 35mm;
	zoom:1;
}

.propertylist div {
	clear:both;
	margin:0;
	padding:0;
}


dl.propertyfacts {
	float:left;
}

dl.propertyfacts dt {
	display:block;
	margin:0;
	padding:0;
	font-weight:bold;
	float:left;
	clear:left;
	width:3cm;
	zoom:1;
	text-align:right;
}

dl.propertyfacts dd {
	display:block;
	margin:0 0 0 35mm;
	padding:0;
	zoom:1;
}