/*** Listings Page ***/

body.listings h1 {
margin-left: 6px;
}

/* refine search */ 

body.listings #refine-search {
float: left;
background-image: url(../img/refine_bg.png);
height: 42px;
width: 909px;
padding: 20px;
margin-bottom: 16px;
}
body.listings #refine-search form select {
margin-right: 10px;
}
body.listings #refine-search form select#rs-property-type {
width: 138px;
}
body.listings #refine-search form select#rs-suburb {
width: 155px;
}
body.listings #refine-search form select#rs-min-price,
body.listings #refine-search form select#rs-max-price {
width: 110px;
}
body.listings #refine-search form select#rs-bed,
body.listings #refine-search form select#rs-bath,
body.listings #refine-search form select#rs-parking {
width: 70px;
}

/* Pagination and ordering */

body.listings dl#listing-nav-ordering {
margin: 0px 6px 15px 6px;
}
body.listings dd.found {
width: 210px;
margin-top: -2px;
}
body.listings dd.page-numbers {
text-align: center;
width: 550px;
}
body.listings dd.order-by {
text-align: right;
width: 175px;
}
body.listings dd.order-by select {
margin-top: -4px;
}
body.listings dd.page-numbers ul li a {
background: #ffffff;
border: 1px solid #999999;
color: #333333;
text-decoration: none;
}
body.listings dd.page-numbers ul li a.selected {
background: #333333;
border: 1px solid #333333;
color: #ffffff;
}
body.listings dd.page-numbers ul li a:hover, body.listings dd.page-numbers ul li a:focus {
background: #003b78;
border: 1px solid #003b78;
color: #ffffff;
}
body.listings dd.page-numbers ul li { list-style:none; margin:0; display:inline; }
body.listings dd.page-numbers ul li a, body.listings dd.page-numbers ul li.selected { padding: 3px 5px; }
/* workaround IE issue where line-breaks following list items results in a spaces being included within the list item */
* + html .cN-pagination li.selected { padding-right:.2em; margin-right:.4em }
* html .cN-pagination li.selected { padding-right:.2em; margin-right:.4em }

/* multi select listings tabs */

body.listings #container {
width: 935px;
margin: 8px 7px 20px 7px;
float: left;
}
body.listings #container ul {
	list-style: none;
	list-style-position: outside;
	height: 28px;
	margin-left:0px;
}
body.listings #container ul.tabs li{
	float: left;
	margin-right: 5px;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	padding: 6px 10px 8px 10px;
	background: #efefef;
	margin-bottom: -1px;
	border: 1px solid #999999;
	position: relative;
	color: #333333;
	cursor: pointer;
}
body.listings #container ul.tabs li.active{
	background: #ffffff !important;
	border-bottom: 0;
	color: #000000;
	height: 14px;
}
body.listings #container .content{
	margin: 0pt auto;
	border: 1px solid #999999;
	text-align: left;
	padding: 7px 10px 10px 10px;
}
body.listings #container .content.galleryview, body.listings #container .content.mapview {
	display: none;
}

/* list view listings */

body.listings .listview dl.property p.headline {
height:35px;
overflow:hidden;
margin-bottom: 5px;
}

body.listings .listview dl.property {
background:transparent url(../img/listview_bg.png) no-repeat scroll left top;
clear: both;
height: 164px;
width: 913px;
overflow: hidden;
padding: 0px 0 0 0px;
border-bottom: 1px solid #cccccc;
}
body.listings .listview dl.property dd.photo {
width: 200px;
padding: 15px 0px 0px 15px;
}
body.listings dl.property dd.photo #status {
position: absolute;
margin-left: 110px;
z-index: 1;
width: 16px;
height: 16px;
}
body.listings .listview dl.property dd.details {
width: 470px;
padding: 20px 20px 0px 0px; 
}
body.listings .listview dl.property dd.details h4,
body.listings .listview dl.property dd.details h5 {
color: #000000;
font-weight: bold;
padding: 0px;
margin: 0px 0px 8px 0px;
}
body.listings dl.property dd.details h4 span {
text-transform: uppercase;
}
body.listings dl.property dd.details h5 {
color: #003b78;
}
body.listings .listview dl.property dd.features {
width: 170px;
padding: 20px 10px 0px 15px;
}
body.listings .listview dl.property dd.features p.bedbathcar {
padding-bottom: 42px;
}
body.listings .listview dl.property .photo_container {
	background-color:#003b78;
	height:132px;
	width:176px;
	text-align:center;
	display:table;
	overflow: hidden;
}
body.listings .listview dl.property .photo_container img{
	max-height:132px;
	width:176px;
	display:inline;
}

body.listings .listview dl.property .photo_container div{
	display: table-cell;
	vertical-align: middle;
	border:none;
}

body.listings dl.property #bookmark,
body.listings dl.property #view {
width: 16px;
height: 16px;
float: left;
margin-right: 5px;
background:transparent url(../img/bookmark.png) no-repeat scroll left top;
}
body.listings dl.property #view {
background:transparent url(../img/eye.png) no-repeat scroll left top;
}
body.listings .listview dl.odd {
background:transparent url(../img/listview_odd_bg.png) no-repeat scroll left top;
}

/* gallery view listings */

body.listings .galleryview dl.property {
background:transparent url(../img/galleryview_bg.png) no-repeat scroll left top;
height: 343px;
width: 304px;
overflow: hidden;
padding: 0px 0 0 0px;
float: left;
border-bottom: 1px solid #cccccc;
clear: none !important;
}
body.listings .galleryview dl.gallaryOdd {
background:url("../img/galleryview_odd_bg.png") no-repeat scroll left top transparent;
}

body.listings .galleryview dl.property .photo_container {
	background-color:#003b78;
	height:207px;
	width:276px;
	text-align:center;
	display:table;
}

body.listings .galleryview dl.property .photo_container img{
	max-height:207px;
	width:276px;
	display:inline;
}
body.listings .galleryview dl.property .photo_container div{
	display: table-cell;
	vertical-align: middle;
	border:none;
}


body.listings .galleryview dl.property p.headline {
height:15px;
overflow:hidden;
margin-bottom: 5px;
}
body.listings .galleryview dl.property dd.details h4,
body.listings .galleryview dl.property dd.details h5,
body.listings .galleryview dl.property dd.details p {
font-size: 12px;
}
body.listings .galleryview dl.property dd.details h4,
body.listings .galleryview dl.property dd.details h5 {
padding-bottom: 5px;
}
body.listings .galleryview dl.property dd.details h4 {
/*height:26px;*/
}
body.listings .galleryview dl.property dd.photo {
width: 290px;
padding: 19px 0px 0px 14px;
margin-bottom: 28px;
}
body.listings .galleryview dl.property dd.photo #status {
margin-left: 210px !important;
}
body.listings .galleryview dl.property dd.features,
body.listings .galleryview dl.property dd.details {
width: 274px;
padding: 0px 0px 0px 20px; 
}
body.listings .galleryview dl.property p.bedbathcar {
font-size: 12px;
width: 215px;
}
body.listings .galleryview dl.property p.description,
body.listings .galleryview dl.property span.bookmark_label, 
body.listings .galleryview dl.property span.details_label {
	display:none;
}

body.listings .galleryview dl.property .features {
	height:20px;
}
body.listings .galleryview dl.property .features p {
	float:left;
	margin-bottom: 0px; !important
}
body.listings .galleryview dl.property .features p.bookmark,
body.listings .galleryview dl.property .features p.details {
	width: 20px;
}


.content #map_canvas {
	height:613px;
	width:913px;
}

/* google view listings */

body.listings .mapview #google-property {
z-index: 1;
background-color: #ffffff;

}
body.listings .mapview #google-property dt {
width: 115px;
}
body.listings .mapview #google-property dd {
width: 200px;
}
body.listings .mapview #google-property h4,
body.listings .mapview #google-property h5,
body.listings .mapview #google-property p {
font-size: 11px;
margin-bottom: 5px;
}
body.listings .mapview #google-property h4 {
font-weight: bold;
margin-bottom: 8px;
}
body.listings .mapview #google-property h4 span {
text-transform: uppercase;
}
body.listings .mapview #bookmark,
body.listings .mapview #view {
	width: 16px;
	height: 16px;
	float: left;
	margin-right: 5px;
	vertical-align: middle;
	background:transparent url(../img/bookmark.png) no-repeat scroll left top;
}
body.listings .mapview #view {
	background:transparent url(../img/eye.png) no-repeat scroll left top;
}
body.listings .mapview #google-property p.actions {
	padding-left: 140px;
	float: left;
	margin-bottom: 0px !important;
}

