/* ========= WDS Basic Website Package 1 - Left Hand Side Navigation =========*/

/* ========= COMMON EDITABLE STYLING =========*/

/* --------------------------------------------------
1. Background Colours / Images
-----------------------------------------------------*/


/* --------------------------------------------------
3. Menu
-----------------------------------------------------*/

/*main menu items*/
#menu li a {
	color: #fff;
	border-bottom: 1px solid #3387bf;
	}
/*main menu items hover*/
#menu a:hover {
	color: #FFF;
	background-color: #3387bf;
	}
	
/*submenu bottom border*/
#menu ul ul {
	}
/*submenu item hover*/
#menu li li a:hover {
	background-color: transparent;
	color: #FFF;
	}

/*activates rollover button based on page context - make sure to put a class on the body tag for new pages*/
body#home #mm_home,
body.buying #mm_buying,
body.selling #mm_selling,
body.renting #mm_renting,
body.finance #mm_finance,
body.about #mm_aboutUs,
body.contact #mm_contactUs {
	background-color:;
	}
/* shows subnav based on page context */	
body.buying ul#buyList,
body.selling ul#sellList,
body.renting ul#rentList,
body.about ul#aboutList,
body.finance ul#financeList {
	display: block;
	}
		
/* --------------------------------------------------
4. Text
-----------------------------------------------------*/
	
/*paragraph text*/
p {
	font-size: 1em;
	}
	
/*general links*/
a:link,
a:visited {
	color: #0069af;
	text-decoration:underline;
	}	

a:hover {
	color: #0069af;
	text-decoration:none;
	}

/*page heading*/
h2 {
	font-size: 1.5em;
	margin-bottom: 5px;
	color: #a1a1a1;
	}
	
/*page subheading*/
h3 {
	font-size: 1.1em;
	margin-bottom: 3px;
	color: #0069af;
	}

/*footer text*/
#footer p {
	font-size: 0.9em;
	}
/*footer links*/
#footer,
#footer a:link,
#footer a:visited {
	color: #6d6d6d;
	text-decoration: none;
	}
/*footer link hover*/
#footer a:hover {
	color: #FFF;
	}

/*disclaimer text (mainly used for calcs)*/
.disclaimer {
	font-size: 0.9em;
	}

/* --------------------------------------------------
5. All Forms (including calcs)
-----------------------------------------------------*/

/*fieldset border*/
form fieldset {
	border: 1px solid #CCC;
	}
/*fieldset heading*/
form legend {
	color: #22243d;
	font-weight: bold;
	}
/*required fields text*/
form em span,
form .required {
	color: #B90000;
	font-weight: bold;
	}
/*submit button*/
form fieldset.submit input {
	background-color: #0069af;
	border: none;
	color: #fff;
	}

/* --------------------------------------------------
6. Home Page Elements
-----------------------------------------------------*/

/*Quick Search
-------------------*/
		
/*quicksearch button*/
body#home #sub-section form .submit input {
	font-size: 0.9em;
	font-weight: bold;
	}

/*Property of the Week
-------------------*/

#pow {
	border-top: 1px solid #c7c7c7;
	padding-top: 10px;
	}
#pow img {
	border: none;
	}
#pow h3 {
	text-transform: uppercase;
	color: #2f3254;
	}
#pow a {
	color: #2f3254;
	text-decoration: none;
	font-weight: bold;
	}	


/* --------------------------------------------------
7. Integrated Search
-----------------------------------------------------*/

/* Property Search 
-------------------*/

/*search box*/
body#listing #filter {
	background-color: #e5e5e5;
	}	
/*heading*/	
body#listing #filter h3 {
	color: #FF9900;
	}
/*field labels*/	
body#listing #filter label,
body#listing #filter strong {
	color: #7d7979;
	}	
/*search box input fields*/
body#listing #filter select,
body#listing #filter input {
	background-color: #FFF;
	border: 1px solid #999;
	color: #666;
	}
/*search box button*/
body#listing #filter input.button {
	background-color: #0069af;
	border: none;
	color: #fff;
	font-weight:bold;
	}

/* Property Results 
-------------------*/

/*results bottom border*/
body#listing .property {
	border-bottom: 1px solid #CCC;
	}
/*results property image*/
body#listing .property .image img {
	border: 1px solid #c7c7c7;
	}
/*results property title*/
body#listing .property .details h3 {
	font-size: 1.2em;
	font-style: italic;
	color:#a1a1a1;
	}
/*results bed bath car text*/
body#listing .property .features {
	font-weight: bold;
	color: #4a4647;
	}
/*results price text*/
body#listing .property h4 {
	font-size: 1em;
	font-style: italic;
	}

/* Property Details 
--------------------*/

/*details property address*/
body#detail #content h3 {
	font-size: 1.4em;
	margin: 0;
	padding:0;
	}
/*details property title*/
body#detail #content h4 {
	font-size: 1.2em;
	}
/*section heading*/
body#detail #content h5 {
	font-size: 1.1em;
	font-style: italic;
	color: #4a4647;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #f9f9f9;
	margin: 0 0 0.5em 0;
	}
/*details bed bath car text*/
body#detail #addressbar p {
	font-weight: bold;
	}
/*details property images*/
body#detail .images img {
	border: 1px solid #c7c7c7;
	}
/*click for enlargements text*/
body#detail #extradetails .images p {
	font-weight: bold;
	font-size: 0.8em;
	}
/*agent details headings*/
body#detail #extradetails dl dt {
	font-weight: bold;
	}

/* Slideshow 
------------------*/

/*background color*/
#customSlideshow {
	background-color: #6B6B6B;
	font-family: Arial, Helvetica, sans-serif;
	}
/*navigation text*/
#customSlideshow .navigation {
	color: #999;
	font-size:80%;
	background: none;
	}
/*navigation links*/
.navigation a:link {
	color: #FFF;
	text-decoration:none;
	}	
.navigation a:hover, 
.navigation a:visited  {
	text-decoration: underline;
	color: #CCC;
	} 	

/* --------------------------------------------------
8. Change Staff Details
-----------------------------------------------------*/

/*staff member bottom border*/
body#staff dl {
	border-bottom: 1px solid #CCC;
	}
/*staff name*/
body#staff dl dt.name {
	font-weight: bold;
	margin-right: 10px;
	font-size: 1.2em;
	font-style: italic;
	}
/*staff position*/
body#staff dl dd.position {
	font-weight: bold;
	}
/*staff contact*/
body#staff dl dd.contact {
	font-weight: bold;
	}
	
/* --------------------------------------------------
9. PDF
-----------------------------------------------------*
//*download pdf icon and link*/ 
#buttonPdf a {
	background-image: url(../img/pdficon.gif);
	} 
#buttonDownload a { 
	background-image: url(../img/ico_acrobat.gif);
	}	

/* --------------------------------------------------
10. Home Page Hero Image/ Animation 
-----------------------------------------------------*/
/*use this div for either an animation or static background image (465px x 146px)*/
#animate { background-image:;}			
	
	
		
/* --------------------------------------------------
Any customisation to go here
-----------------------------------------------------*/





/* ---------------------------------------------------------------------
 STYLING NOT COMMONLY EDITED
----------------------------------------------------------------------*/

/* whitespace reset */
*	{margin: 0; padding: 0;}
	
/* override annoying things */
a:focus {outline: none;}
a img {border: none;}
#content ul, #content ol {list-style-position: inside;}
.uppercase { text-transform: uppercase; }

/* Global structure and general styles
--------------------------------------------------------*/
html {
min-height: 100%;
height: 100%;
background: #e7e7e7 url(../img/bg_html.jpg) repeat-y top center;
}
body {
height: 100%;
min-height: 100%;
background: url(../img/bg_body.jpg) no-repeat top center;
}

#wrap {width: 760px; margin: 0 auto;}

#footer {clear: both; padding: 10px 0 20px 0; text-align: center; color:#6d6d6d; width: 760px !important; margin: 0 auto;
background-color: #c7c7c7;}

/* Default layout (no sub-section)
--------------------------------------------------------*/
#main {
	clear: both;
	background-image: url(../img/2column_menuleft.gif);
	background-repeat: repeat-y;
	background-position: left top;
	}
/*body pages content area - 2column, 3column*/		
body#home #main, body.contact #main {
	background-image: url(../img/3column_menuleft.gif);
	}

#menu {width: 170px; float: left;}

#content {width: 565px; float: right; padding: 15px 10px; background:url(../img/bg_content.jpg) repeat-x top left;}

/* Header
--------------------------------------------------------*/

#header { text-align: center; height:170px;}

#header h1#logo { float: left; padding: 0; clear: left; width: 331px; height: 170px; font-size: 1.5em; background: #fff url(../img/logo.jpg) no-repeat 17px 40px; 
 }

h1#logo span { display: none; }

#header #bannerIMG { float: right; width: 429px; height: 170px; background: url(../img/header_img.jpg) no-repeat top left;}

#header #bannerIMG span { display: none; }	


/* Menu
--------------------------------------------------------*/
#menu {padding: 0;}

#menu ul {list-style-type: none;
color:#3387bf;}

#menu ul li {
background: #0069af url(../img/bg_menuLi.gif) no-repeat top left;

}
body#home #menu a, body.contact #menu a {
	display: block;
	width: 140px;
	padding: 10px 0 10px 30px;
	}
	
#menu a {
	display: block;
	width: 144px;
	padding: 10px 0 10px 30px;
	}

#menu li li a {
	border: none;
	padding: 0 0 0 40px;
	width: 100px;
	line-height:18px;
	background: #0069af url(../img/bg_menuLiLi.gif) no-repeat top left;
	}

#menu li li a:hover {
	background: #0069af url(../img/bg_menuLiLi.gif) no-repeat top left;
	}

#menu li a:link,
#menu li a:visited {
	text-decoration: none;
	}

#menu ul ul {
	display: none;
	padding: 10px 0 15px 0;
	}

/* shows subnav based on page context */
body.buying ul#buyList,
body.selling ul#sellList,
body.renting ul#rentList,
body.about ul#aboutList,
body.finance ul#financeList {
	display: block;
	}

/* Typography
--------------------------------------------------------*/
body {
	font-size: 76%; /* Global font-size */
	font-family: Arial, Helvetica, sans-serif;
	color: #4a4647;
	}

/* Images For Content Pages
--------------------------------------------------------*/

#content img#right { /*Image floats right of content*/
	float: right;
	margin: 0 0 10px 10px;
	}

#content img#left { /*Image floats left of content*/
	float: left;
	margin: 0 10px 10px 0;
	}

/* Standard forms
--------------------------------------------------------*/
form fieldset {
	margin-bottom: 15px;
	padding: 10px;
	}

form label {
	display: block;
	float: left;
	width: 150px;
	}

form input,
form textarea,
form select {
	width: 250px;
	}

form p {
	clear: both;
	}

form fieldset.submit {
	border: none;
	padding: 0;
	text-align: right;
	}

form fieldset.submit input {
	width: auto;
	padding: 0 10px;
	cursor: pointer;
	}

/* Home
--------------------------------------------------------*/

body#home #sub-section fieldset {
	border: none;
	padding: 0;
	}
	
body#home #sub-section legend {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 10px;
	padding-left: 0;
	margin-left: 0;
	color: #0069af;
	}

body#home #sub-section label {
	font-size: 0.9em;
	color:#7d7979;
	float: none;
	display: inline;
	}

body#home #sub-section p {
	margin-bottom: 5px;
	}

body#home #sub-section select {
	width: 140px;
	font-size: 0.9em;
	}

body#home #sub-section #qs_price select {
	width: 62px;
	}

body#home #sub-section form #qs_st label {
	padding-right: 5px;
	width: auto;
	float: none;
	display: inline;
	}

body#home #sub-section form #qs_st input {
	vertical-align: middle;
	width: auto;
	}

body#home #sub-section form .submit {
	text-align: left;
	padding: 0 8px 0 0;
	}

/* Property Search
--------------------------------------------------------*/
body#listing #filter {
	height: 40px;
	padding: 10px;
	margin-bottom: 5px;
	}

body#listing #filter label {
	float: none;
	display: block;
	width: auto;
	font-size: 0.9em;
	font-weight: bold;
	}

body#listing #filter select {
	width: 85px;
	display: block;
	font-size: 0.9em;
	}

body#listing #filter p {
	clear: none;
	float: left;
	margin-right: 6px;
	}

body#listing #filter input.button {
	width: auto;
	padding: 1px 5px;
	margin-top: 13px;
	cursor: pointer;
	}
	
body#listing #filter #suburb {
	width: 170px; 
	}
	

		
/* Property Results
--------------------------------------------------------*/

body#listing .property {
	float: left;
	width: 100%;
	padding: 10px 0;
	margin: 0 0 1em 0;
	clear: both;
	display: block;
	}

body#listing .property .image {
	display: block;
	float: left;
	margin-right: 15px;
	}

body#listing .property .image img {
	width: 150px;
	}

body#listing .property .details {
	width: 40%;
	float: left;
	margin-right: 10px;
	}

body#listing .property .features {
	float: left;
	}

body#listing .property .features img {
	margin-right: 7px;
	vertical-align: bottom;
	}

body#listing .property .price {
	text-align: right;
	}
	
body#listing .searchNavigation {
	display: block;
	clear: both;
	margin: 0 0 1em 0;
	}	
	

/* Property details
--------------------------------------------------------*/

body#detail #content h3 {
	padding: 3px 0;
	margin-bottom: 5px;
	}

body#detail #content ul {
	margin-bottom: 15px;
	list-style-type: none;
	list-style-position: outside;
	}

body#detail #content dl#overviewlist {
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 10px;
	}

body#detail #content dl#overviewlist dt {
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
	font-weight: bold; width: 100px;
	}

body#detail #content dl#overviewlist dd {
	margin-bottom: 5px;
	}

body#detail #addressbar h1 {
	float: left;
	}

body#detail #addressbar p {
	float: right;
	}

body#detail #addressbar img {
	vertical-align: middle;
	margin: 0 2px 0 10px;
	} 

body#detail #propertydetails {
	width: 300px;
	float: left;
	margin-bottom: 20px;
	clear: both;
	}

body#detail #extradetails {
	width: 244px;
	float: right;
	margin-bottom: 20px;
	}
	
body#detail #propertydetails2 {
	width: 440px;
	float: left;
	margin-bottom: 20px;
	clear: both;
	}	

body#detail #extradetails img {
	float: left;
	width: 118px; 
	margin-bottom: 2px;
	margin-right: 2px;
	}

body#detail #extradetails img#mainimage {
	display: block;
	width: 240px;
	}

body#detail #extradetails .images p {
	text-align: center;
	}

body#detail #extradetails dl {
	margin-bottom: 10px;
	}

body#detail #content h5 {
	display: block;
	clear: both;
	}

body.contact #sub-section {
	margin-right: -3px;
	height: auto;
	}


/* Staff 
--------------------------------------------------------*/

body#staff dl {
clear: both;
margin-bottom: 10px;
padding-bottom: 10px;
}

body#staff dl dt.photo {
float: left;
margin-right: 15px;
margin-bottom: 5px;
}

body#staff dl dd.position {
margin-bottom: 5px;
}

body#staff dl dd.contact {
margin-bottom: 5px;
}

/*Sitewide
-----------------------------------------------------*/
/* decreases content area to make room for sub-section */ body#home #content, body.contact #content { float: left;	width: 410px; margin-right:0; padding-right:0; overflow: auto;}
/* adds the sub-section */ body#home #sub-section, body.contact #sub-section { width: 150px; float: right; padding: 15px 10px; width: 170px; /*ie5*/ wid\th: 150px; /*ie6*/ }
/*animation*/ #animation { float: right; width: 465px; height: 146px; position:relative; background-position: 0 0; background-repeat: no-repeat; }	


/* ========= Base IE stylesheet ========== */
/* This stylesheet contains all structural 
and dropdown menu hacks for IE5.5 and IE6. */
/* ======================================= */ 

/* IE5 page centering */
* html body {_text-align: center;}
* html #wrap {_text-align: left;}

* html #content {
width: 585px;
wid\th: 565px;
}

/* BG image painting */
#wrap #header, 
#wrap #menu, 
#wrap #content, 
#wrap #sub-section, 
#wrap #footer {
_display: inline-block;
}

/* Form legend alignment */
form legend {
_margin-bottom: 15px;
_margin-left: -8px;
}
body#home #sub-section form legend {
_margin-left: -8px;
}

/* Float collapse */
body#results .property {
_height: 1%;
}

/* --------------------------------------------------
Common Elements in all templates  - DO NOT TOUCH
-----------------------------------------------------*/

/*paragraph spacing*/ #content p, #sub-section p { margin-bottom: 10px; } /*spacing for ordered and unordered lists*/ #content ul, #content ol { margin: 15px 0; } 
/*floats image right of content*/ #content img#right { float: right; margin: 0 0 10px 10px; } 
/*floats image left of content*/ #content img#left { float: left; margin: 0 10px 10px 0; }
/*details property address*/ body#detail #content h3 { float: left; /*this keeps heading inline with icons*/ }	
/*download pdf icon and link*/ #buttonPdf a {  width: 200px; height: 32px; display: block; padding: 10px 20px; background-repeat: no-repeat; background-position: 0 10px; } /*get acrobat reader icon and link*/ #buttonDownload a { width: 280px; height: 51px; display: block; background-repeat: no-repeat; background-position: 0 10px;  border-top: 1px solid #CCC; padding-left: 98px; padding-top: 12px; line-height: 12px; text-decoration:none; }	
/*staff*/ body#staff dl { overflow: auto; padding:0 0 0.625em 0; } * html body#staff dl { height:1%; }
body#staff dl dt { float: left; }
/*uppercase for state in contact page*/ span.uppercase { text-transform: uppercase; }
/*page heading*/ h2	{ margin: 0 0 1em 0; background-repeat: no-repeat; background-position: 0 0; }