@import 'reset.css';
@import 'classes.css';
@import 'layout.css';
@import 'divform.css';

/* Page defaults */
body {
	font: 62.5%/1.5 Verdana, Arial, sans-serif;
	background-color: #FFF;
	color: #333;
	padding: 0 10px;
}

#content {
	font-size: 1.2em;
}

#nav {
	font-size: 1.1em;
}

.error {
	color:#C00;
	}

/* Headings */

h1 {
	font-size: 1.5em;
	font-weight: normal;
	color: #127BA8;
	line-height: 1.2;
}

	h1 a {
		color: #127BA8;
		text-decoration: none;
		border-bottom: 0 !important;
	}

	h1 a:hover {
		border-bottom: 1px dotted #0D4760 !important;
	}

	h1.titleHighlight {
		background: transparent url(../img/template/logo-symbol.gif) no-repeat 99% bottom;
		border-bottom: 2px solid #EFEFEF;
		padding: 10px 90px 5px 5px;
		margin-bottom: 15px;
	}

	span.myProperty {
		width:24px;
		height:24px;
		float:left;
		padding-right:8px;
		padding-bottom:-10px;
		background: url(../img/template/icons/house-big.png) no-repeat;
		}
h2 {
	margin: 1.0em 0 1.0em 0;
	font-size: 1.2em;
	color: #333;
	line-height:.6em;
	text-transform: capitalize !important;
	padding-top:.5em;
}

	h2 a {
		color: #555 !important;
		text-decoration: none;
		border-bottom: 0 !important;
	}

	h2 a:hover {
		border-bottom: 1px dotted #555 !important;
	}

	h3 {
		margin: 0 0 0.4em 0;
		color: #c60;
		font-size: 1.1em;
		font-family:Arial, Helvetica, sans-serif;

	}

	h3 a {
		color: #c60 !important;
		text-decoration: none;
		border-bottom: 0 !important;
	}

	h3 a:hover {
		border-bottom: 1px dotted #c60 !important;
	}

	#contentSub h3 {
		color: #127BA8;
		font-size: 1.1em;
	}

h4 {
	margin: 0 0 0.4em 0;
	font-size: 1em;

}
.bold {
	font-weight: bold;
}
p {
	margin: 0 0 0.4em 0;
}

a:link {
	color: #127BA8;
	border-bottom: 1px dotted #127BA8;
	text-decoration: none;
}

a:visited {
	color: #7312AB;
	border-bottom: 1px dotted #7312AB;
	text-decoration: none;
}

a:hover {
	color: #0D4760;
	border-bottom: 1px dotted #0D4760;
	text-decoration: none;
}

.agent a {
	color:#17647f;
	text-decoration:none;
	background: url(../img/template/arrow-orange.gif) no-repeat left 7px;
	padding-left: 8px;
	font-size: 12px;
	border: 0!important;
}
.agent a:hover {
	color:#CC6600;
	text-decoration: underline;
}

.agent a:active {
	color: #c00;
	text-decoration: none;
}

#content ul {
	margin-left: 2em;
}

.strong {
	font-weight: bold;
}

p.note{
	float: left;
	font-size: 0.9em;
	color: #666;
}

.contacts {
	padding-right:5px;
	font-weight: bold;
	float:left;
	text-align:right;
	width:106px;
	}
table.tableData {
		border-collapse: collapse;
		border: 1px solid #e0dee6;
		clear: both;
		width: 99%;
		} 
table.tableData.table_space {
	margin-left: 1px;
	}
table.tableData td.align_right {
	text-align: center;
}

.tableData th, .tableData td { 
		line-height: 1.2;
		} 
.tableData td { 
		font-size: 11px;
		color: #4a4a4a;
		padding: 8px;
		} 

.tableData tbody td {
		border-top: 0;
		}

.tableData th {
		background: #f7f9fa; 
		color: #CC6600;
		padding: .6em 10px;
		font-size: 0.9em;
		font-weight: bold;
		}

.tableData tbody tr.over td, .tableData tbody tr:hover td {
		background: #F5F4F4;
		color: #616161;
		}
.tableData tbody tr.alt td {
		background: #f9f9f9;
		}
.tableData tbody tr.alt:hover td {
		background: #f2f2f2;
		}
table.tableData td a {
	background: url(../img/template/icons/expand-grey.gif) no-repeat 0 2px;
	padding: 0 0 3px 18px;
	border: 0;
	display: block;
	font-weight: bold;
	}
	table.tableData td a:hover {
		background: url(../img/template/icons/expand-green.gif) no-repeat 0 2px;
		color: #4ba73e!important;
		text-decoration: underline;
		}
		table.tableData td a:visited {
			color: #127ba8;
			}
table.tableData td a.tableData_collapse {
	color: #4ba73e!important;
	background: url(../img/template/icons/expand-green-minus.gif) no-repeat 0 2px;
}
.tableData tbody tr.tableData_subHead th{
		background: #dcf1d2!important;
		color: #50783c;
		}

.tableData tbody tr.tableData_subInfo td,
.tableData tbody tr.tableData_subInfo:hover td {
		background: #e8f7e1!important;
		}
table.rows {
	margin: 10px 0;
	width: 70%;
}

table.rows td,
table.rows th {
	padding: 3px;
}

table.rows thead th {
	font-weight: bold;
}

table.rows thead th,
table.rows thead td {
	border-bottom: solid 1px #CADAF4;
	color: #000;
}

table.rows tbody th,
table.rows tbody td {
	border-bottom: solid 1px #CADAF4;
}

table.rows tbody tr.alt2 td {
	background: #EAF1FB;
}

table.rows {
	margin: 10px 0;
	width: 70%;
	clear: both;
}

table.saved-search {
	margin: 10px 0;
	width: 100%;
}

table.rows td, table.saved-search td,
table.rows th, table.saved-search th {
	padding: 3px;
}

table.rows thead th, table.saved-search thead th {
	font-weight: bold;
}

table.rows thead th, table.saved-search thead th,
table.rows thead td, table.saved-search thead td {
	border-bottom: solid 1px #CADAF4;
	color: #000;
}

table.rows tbody th, table.saved-search tbody th,
table.rows tbody td, table.saved-search tbody td {
	border-bottom: solid 1px #CADAF4;
}

table.rows tbody tr.alt2 td, table.saved-search tbody tr.alt2 td {
	background: #EAF1FB;
}

/* hide sublevels if JS disabled */
ul.districts, ul.suburbs {
	display: none;
}

a img, a.noUnderline {
	border: 0 !important;
	text-transform: capitalize;
}

 /* home page intro */
.intro {
	padding-bottom:20px;
	}

div.mapProperty div.thumbnail {
	float: left;
	margin: 0 10px 10px 0;
}

p.advanced_search_link {
	padding-left: 40px;
}

/* crown advertising */
.crown{
       font-family:arial,sans-serif;
       margin-top: 15px;
}
.crown-url{color:green}
.crownlink:link{color:#00c}
.crownlink:visited{color:#551a8b}
.crownlink:active{color:red}
/* end crown advertsing */

/* Media */
.media-preview {
	background: #eee url('../img/template/viewer-bg.gif') no-repeat bottom left;
	border-top: 1px solid #c7c7c7;
	padding: 10px;
	margin: 5px 0;
	text-align: center;
	}
	 
	#mediaPage .media-preview{
		background: #eee url('../img/template/viewer-bg-large.gif') no-repeat bottom left;
		width: 730px;
		overflow: hidden;
		position: relative;
	}
	
.media-preview img {
	display: block;
	margin: auto;
	}
	
	.media-preview div{
		width: 730px;
		overflow: hidden;
		position: relative;
		text-align: center;
	}
	
.media-scroller {
	background: #efefef url('../img/template/viewer-bg.gif') no-repeat bottom left;
	padding: 15px 31px 5px 31px;
	width: 458px;
	height: 90px;
	border-top: 1px solid #c7c7c7;
	}
	
	#mediaPage .media-scroller{
		width: 688px;
		background: #efefef url('../img/template/viewer-bg-large.gif') no-repeat bottom left;
		margin-top: -1px;
		}
	
.media-scroller ul {
	margin: 0!important;
	list-style: none;
	}
	
.media-scroller ul li {
	width: 80px;
    height: 60px;
   	margin-right: 7px;
   	float: left;
   	border: 3px solid #fff;
	}
	
	#mediaPage .media-scroller ul li {margin-right: 13px;}
.media-scroller ul li img{
	width: 80px;
	height: 60px;
	}
.media-scroller ul li:hover { border-color: #176482; }
.media-scroller ul li.active { border-color: #cc6500; }
.media-scroller p { font-size: 0.9em; }
.media-scroller .jcarousel-prev,
.media-scroller .jcarousel-next {
	background: transparent url('../img/template/btn-view-next.gif') no-repeat top left;
	position: absolute;
	top: 22px;
	left: 459px;
    width: 25px;
    height: 27px;
    cursor: pointer;
    display: none;
    }
    
#mediaPage .media-scroller .jcarousel-prev,
#mediaPage .media-scroller .jcarousel-next{left: 688px;}

.media-scroller .jcarousel-prev, #mediaPage .media-scroller .jcarousel-prev{
    background: transparent url('../img/template/btn-view-prev.gif') no-repeat top left;
    left: -27px;
	}
.media-scroller .jcarousel-prev:hover,
.media-scroller .jcarousel-next:hover { background-position: left -27px; }
.media-scroller .jcarousel-prev-disabled,
.media-scroller .jcarousel-next-disabled { background-position: left -54px; }

/**
 * jcarousel setup styles (Do not change these)
 */
.jcarousel-container { position: relative; }
.jcarousel-clip { width: 458px; position: relative; overflow: hidden; }
#mediaPage .jcarousel-clip { width: 685px; }
.jcarousel-list { position: relative; }

#media-tours, #media-plans {
	width:750px;
	background:#241821 url(../img/template/viewer-bg-large.gif) no-repeat scroll left bottom;
	margin: -1px 0 5px 0;
	}
	
#media-tours ul, #media-plans ul{
	list-style: none;
	float:left;
	width:70%;
	margin-left:0px;
	padding: 10px;
	}

	#media-tours ul li{
		float: left;
		width: 100%;
		padding: 0;
		margin: 0 0 1em 0;
		}
	
		#media-tours ul li a{
			border: none;
			}
			
	#media-tours p.note, #media-plans p.note {
		float:right;
		width:23%;
		font-weight:bold;
		line-height:1.6em;
		background:#f4f3f3;
		border:1px solid #dfdfdf;
		padding: 5px;
		margin: 10px 10px 10px 0;
		}


	#media-plans ul li{
		float: left;
		margin-right: 13px;
	}
	
		#media-plans ul li a{
			border: 3px solid #fff;
			display: block;
		}
		
			#media-plans ul li a:hover{
				border: 3px solid #176482; 
			}
		
			#media-plans ul li a img{
				height:60px;
				width:80px;
				border: none;
			}
/**
 * Loader
 */
.loader {
	margin: 10px auto;
	font-size: 0.7em;
	width: 32px;
	height: 50px;
	}
.loader img { margin: 0 auto; }
#content ul.imageOptions{
	background:#EFEFEF url(../img/template/viewer-bg.gif) no-repeat left bottom;
	border-top:1px solid #C7C7C7;
	list-style: none;
	margin: 0.5em 0;
	padding: 0.3em 0;
	width: 520px;
}
.imageOptions li{
	display: inline;
	padding: 0 0 0 1.6em;
	margin: 0;
}
#content ul.imageOptions li a{border: none;}
	
/* gmap filters .........................................*/
.clearFilters {
	position: relative;
	top: -10px;
	right: 10px;
	float: right;
	}
.clearFilters a { 
	color: #fff;
	border: none;
	}
.map-note {
	font-size:.9em;
	font-style:italic;
	float:right;
	margin-right:8px;
	}
#mapFilters {
	background-color: #00AAEB;
	margin-bottom: 35px;
	width:740px;
	height: 21px;
	}
.cat {
    position: absolute;
	overflow: hidden;
    z-index: 98;
	}
.catContent {
    color: #ffffff;
    padding: 3px 5px;
    margin-top: -240px;
    height: 255px;
    background-color: #00AAEB;
	border-right:1px solid #FFF;
	}
.catContent dl {
	height: 237px;
	}
.catContent dl, .catContent dl dd {
    padding: 0 0 2px 0;
    margin: 0;
	}
.catContent dl dd a:link {
	color:#005E7F;
	}	
.catContent dl dd a:active, .catContent dl dd a:hover {
	color:#BFEEFF;
	}			
.catContent dl dd a.active {
    color: #fff;
    font-style: italic;
	}	
.cat .btOpen { 
	padding: 0 2px; 
	}
.cat .btOpen a { 
	color: #000000; 
	}
.cat .btClose { 
	position: absolute;
	right: 7px;
	}
#cat1 { 
	left: 0px; 
	width:120px;
	}
#cat2 { 
	left: 120px;
	width:120px; 
	}
#cat3 { 
	left: 240px;
	width: 125px; 
	}
#cat4 { 
	left: 365px;
	width:120px; 
	}