/* Novak Agency Integrated Search ONLY*/

/*COMMON STYLES
---------------------------------------------*/

/*search navigation*/
.searchNavigation {
	float: left;
	list-style-type: none;
	width: 600px;
	height: 20px;
	margin: 0 0 1em 0.625em;
	display: block;
	}

.searchNavigation li {
	float: left;
	padding: 0 0.5em 0 0;
	margin: 0 0.5em 0 0;
	border-right: 1px solid #CCC;
	}	

.searchNavigation li.display {
	border: none;
	}

.searchNavigation li.next {
	float: right;
	margin: 0;
	padding: 0;
	border: none;
	}	

.searchNavigation li.previous,
.searchNavigation li.newSearch {
	float: right;
	padding: 0 0.5em 0 0;
	margin: 0 0.5em 0 0;
	border-right: 1px solid #CCC;
	}	



/*icons*/
p.icons {
	width: auto;
	font-size: 1em;	
	display: block;
	}

p.icons img {
	float: none;
	width: auto;
	height: auto;
	display: inline;
	}			

p.icons span {
	display: inline;
	padding: 0.5em;
	font-weight: bold;
	}

/*text styles*/
h3 { /*reset*/
	margin: 0;
	padding:0;
	}

h3.address {
	font-size: 1em;
	}

h3.address span.suburb {
	text-transform: uppercase;
	}

h3.address em.price {
	font-style: normal;
	}

h4 { /*reset*/
	font-size: 1em;
	margin: 0;
	color: #222;
	}	
		

/*SEARCH STYLES
---------------------------------------------*/

#search {
	width: 600px;
	text-align:center;
	padding: 10px 0;
	margin: 0.625em;
	overflow: auto; /*other browsers*/
	backgro//und: #CCC;
	}

#search form fieldset {
	width: 579px;
	margin: 10px auto;
	text-align: left;
	border: none;
	}

#search form fieldset legend {
	visibility:hidden;
	display: none;
	}
	
#search form div { /*columns div*/
	float: left;
	width: 180px;
	margin: 0 0.625em 0 0;
	}
	
#search form fieldset p {
	display: block;
	margin: 0 0 0.5em 0;
	width: 180px;
	}

#search form fieldset label {
	font-weight: bold;
	display: block;
	padding: 0 0 3px 0;
	}

#search form select.large,
#search form select.medium,
#search form select.small,
#search form select.xsmall,
#search form input.large,
#search form input.medium,
#search form input.small,
#search form input.xsmall {
	color: #666;
	border: 1px solid #999;
	padding: 0;
	margin: 0;
	}

#search form select.large {
	}

/* property type, building type, suburbs and price field*/
#search form select.medium {
	width: 180px;
	}

/* order field*/
#search form select.small {
	width:80px;
	margin: 0 3px;
	}

/* display field*/
#search form select.xsmall {
	width: 40px;
	margin: 0 3px;
	}	

#search form input.large {
	}

#search form input.medium {
	}

/* bedrooms field*/	
#search form input.small {
	margin: 0 3px;
	width: 30px;
	}

/* sold properties checkbox*/	
#search form input.xsmall {
	width: 15px;
	margin: 0 3px;
	}	
	
/*search button*/
#search form input.search {
	float: right;
	background: #666;
	padding: 2px;
	width: auto;
	border: none;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	text-transform: uppercase;
	color: #FFF;
	font-size: 0.8em;
	cursor:pointer;
	margin-top: 0.625em;
	}	

#search em { float: left; display: block; }					

/*RESULTS STYLES
---------------------------------------------*/

.results {
	float: left;
	width: 600px;
	display: block;
	margin: 0 0 1em 0.625em;
	}

.results .title {
	padding: 2px;
	display: block;
	background-color: #666;
	color: #FFF;
	font-weight: bold;
	}	

.results h3.address em.price {
	float: right;
	text-align: right;
	width: 220px;
	}	

.results img.photo {
	float: left;
	width: 170px;
	height:110px;
	margin: 0 0.625em 0 0;
	}

.results p.icons {
	margin: 0.625em 0;
	}

.results p.icons img {
	float: none;
	display: inline;
	}	

.results p.description {
	width: auto;
	display: block;
	margin: 0 0.625em 0.625em 0.625em;
	font-size: 0.9em;
	}

.results p.description a {
	display: block;
	}		
		
/*DETAILS STYLES
---------------------------------------------*/

/*layout styles*/
body.details .searchNavigation {
	margin-bottom: 0; /*reset*/
	margin-top: 1em;
	}
	
#details {
	float: left;
	width: 600px;
	margin: 0 0 0.625em 0.625em;
	}

#details #subImages {
	float: right;
	margin: 0 0 0.625em 0;
	width: 155px;
	height: 350px;
	}	

#details #description {
	float: left;
	width: 425px;
	}

/* column for more options, lister details and agent details*/
#details #moreInfo {
	float: right;
	width: 155px;
	}

#details #moreInfo p.icons {
	margin: 0 0 0.625em 0;
	}	

/*generic defined list - lister details, agent details, overview*/
body.details dl {
	width: auto;
	margin: 0 0 0.625em 0;
	}

body.details dl dt {
	font-weight: bold;
	float: left;
	padding: 2px 0;
	}

body.details dl dd {
	padding: 2px 0;
	}

/*overview*/
dl#overview dt {
	width: 110px;
	}

dl#overview dd {
	margin-left: 120px;
	width: 270px;
	}

/*options*/
#options {
	float: right;
	list-style-type: none;
	width: 155px;
	display: block;
	margin: 0 0 0.625em 0;
	}

#options li {
	margin: 0;
	padding: 0 0 0 0.3em;
	list-style-position: inside;
	list-style-image: url(../img/bullet.gif)
	}							

/*images*/
#details img.mainImage {
	float: left;
	margin: 0 0 0.625em 0;
	width: 435px;
	height: 350px;
	background: #CCC;
	}

#details img.noSubImages { /*used if there is no subimages*/
	margin: 0 0 0.625em 0;
	width: 600px;
	height: auto;
	}	

#details #subImages img {
	width: 155px;
	height: 112px;
	margin: 0 0 7px 0;
	background: #CCC;
	}

* html #details #subImages img {
	margin: 0 0 4px 0;
	}	

/*text styles*/		
#details #description h3 {
	margin: 0 0 0.625em 0;
	}
	
#details #description p,
#details #moreInfo p {
	margin: 0 0 0.8em 0;
	}