/* CSS Document */

html {
margin:0px;
border:none;
padding:0px;
text-align:center;
background:#E4E4E4;
}

body {
margin:0px;
border:none;
padding:0px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
background:#E4E4E4;
}

h1 {

}

h2 {
margin:0px 0px 20px 0px ;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-transform:uppercase;
color:#016CA0;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
}

h4 {
font-family:Arial, Helvetica, sans-serif;
}

p {
margin:0px 0px 20px 0px;
border:none;
padding:0px;
line-height:22px;
}

ul {

}

li {

}

img {
border: 0;
}

.clear {
clear:both;
height:1px;
overflow:hidden;
}

.show {
display:block;
}

.hide {
display:none;
}

.progress {
margin:5px;
height:16px;
overflow:hidden;
background:url(../images/css/ajax-loader.gif) top left no-repeat;
}

#autocomplete .progress {
margin:0px;
height:auto;
background:none;
}

.success {
margin:30px;
padding:20px;
color:#0066CC;
background:#BFFFC2;
font-size:14px;
}

.error {
margin:30px;
padding:20px;
color:#CC0000;
background:#FFBFBF;
font-size:14px;
}

.message {
margin:30px;
padding:20px;
color:#1E74C1;
background:#C2DBEF;
font-size:14px;
}

.info {
margin:20px;
border:1px solid #BBEEFF;
padding:10px;
color:#333333;
background:#DDF6FF;
font-size:12px;
}

.warning {
margin:20px;
border:1px solid #FFEE9F;	
padding:10px;
color:#333333;
background:#FFF9DF;
font-size:12px;
}

.required {
color:#CC0000;
font-size:16px;
font-weight:bold;	
}

.help {
margin:0px 0px 0px 20px;
padding:5px 20px 0px 0px;
background:url(../images/css/icons/information.gif) bottom right no-repeat;	
cursor:pointer;
color:#1D659F;
text-decoration:underline;
}

/* =wrapper */

#wrapper {
margin:0px auto 0px auto;
border:4px solid #FFFFFF;
border-top:none;
padding:0px;
width:950px;
overflow:hidden;
text-align:left;
background:#F5F5F5;
}

/* =header */

#header {
margin:0px;
border:none;
padding:0px;
height:150px;
overflow:hidden;
background:#FFFFFF;
position:relative;
background:url(../images/css/header.logo.jpg) 725px 55px no-repeat #FFFFFF;
}

#header.auctions-header {
}

#header #link-home {
margin:11px 0px 0px 0px;
border:none;
padding:0px;
display:block;
height:129px;
width:480px;
float:left;
overflow:hidden;
background:center center no-repeat;
}

#header #link-home a {
margin:0px;
border:none;
padding:0px;
display:block;
height:129px;
width:480px;
overflow:hidden;
text-decoration:none;
background:center center no-repeat;
}

/* =login */

#login {
margin:0px;
border:none;
padding:0px;
height:30px;
overflow:hidden;
background:url(../images/css/login.bg.jpg) top left repeat-x #808185;
}

#login ul {
margin:0px;
border:none;
padding:0px;
list-style:none;
white-space:nowrap;
background:url(../images/css/login.left.jpg) top left no-repeat;
height:30px;
}

#login ul li {
margin:0px;
border:none;
padding:4px 0px 0px 0px;
list-style:none;
height:30px;
overflow:hidden;
line-height:30px;
float:right;
text-transform:uppercase;
}

#login ul #login-tab-login {
padding-right:10px;
}

#login ul #login-tab-account {
padding-right:40px;
background:url(../images/css/login.right.jpg) top right no-repeat;
}

#login ul li a:link, #login ul li a:visited, #login ul li a:hover, #login ul li a:active {
margin:0px;
padding:0px;
display:block;
float:none;
text-decoration:none;
height:21px;
overflow:hidden;
color:#FFFFFF;
text-transform:uppercase;
font-size:11px;
background:url(../images/css/login.button.left.jpg) top left no-repeat #9A9B9D;
width:140px;
}

#login ul li a:hover {
color:#C5D8E7;
}

#login ul li a:link span, #login ul li a:visited span, #login ul li a:hover span, #login ul li a:active span {
display:block;
height:21px;
line-height:23px;
padding:0px 0px 0px 0px;	
background:url(../images/css/login.button.right.jpg) top right no-repeat;
float:right;
text-align:center;
width:140px;
cursor:pointer;
}

#login .username {
height:30px;
line-height:32px;
text-align:center;
font-size:11px;
text-indent:40px;
position:absolute;
color:#FFFFFF;
}

/* =menu */

#menu {
margin:0px;
border:none;
border-bottom:1px solid #BFBEC4;
padding:0px;
height:34px;
background:url(../images/css/menu.bg.jpg) top left repeat-x #E5E5E5;
}

#menu ul {
margin:0px;
border:none;
padding:0px;
height:34px;
list-style:none;
white-space:nowrap;
background:url(../images/css/menu.right.jpg) top right no-repeat;
}

#menu ul li {
margin:0px;
border:none;
padding:0px 0px 0px 2px;
list-style:none;
height:34px;
line-height:34px;
float:left;
text-transform:uppercase;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
position:relative;
z-index:10000;
background:url(../images/css/menu.border.jpg) center left no-repeat;
}

#menu ul li.first {
background:url(../images/css/menu.left.jpg) top left no-repeat;
}

#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active {
margin:0px;
border:none;
padding:0px 20px 0px 20px;
display:block;
float:left;
text-decoration:none;
color:#666666;
}

#menu ul li a:hover {
margin:0px;
border:none;
padding:0px 20px 0px 20px;
display:block;
float:left;
text-decoration:none;
color:#1D72C2;
}

#menu ul li ul {
display:none;
}

#menu ul li.over ul {
margin:0px;
border:1px solid #BFBEC4;
padding:10px 0px 10px 0px;
display:block;
position:absolute;
top:34px;
left:0px;
z-index:100000;
width:180px;
height:auto;
background:#FFFFFF;
}

#menu ul li.over ul li {
margin:0px;
padding:0px;
float:none;
width:180px;
height:22px;
line-height:22px;
font-size:12px;
text-transform:none;
background:#FFFFFF;
z-index:100000;
}

#menu ul li.over ul li a:link, #menu ul li.over ul li a:visited, #menu ul li.over ul li a:active {
margin:0px;
padding:0px 10px 0px 10px;
color:#666666;
width:160px;
display:block;
float:none;
background:none;
background:#FFFFFF;
z-index:100000;
}

#menu ul li.over ul li a:hover {
margin:0px;
padding:0px 10px 0px 10px;
background:#CCCCCC;
color:#FFFFFF;
width:160px;
display:block;
float:none;
z-index:100000;
}

/* =content */ 

#content {
margin:10px 0px 0px 0px;
border:none;
padding:0px;
background:#F5F5F5;
}

#flash-banner {
margin:0px 0px 20px 20px;
padding:0px;
height:150px;
width:760px;
}

/* =column-1 */

#column-1 {
margin:0px;
border:none;
padding:0px 10px 20px 0px;
width:710px;
float:right;
top:40px;
min-height:520px;
_height:520px;
}

#howitworks-matrix {
margin: 0 auto;
}

#howitworks-matrix .howitworks-cell {
margin: 20px 45px;
width:260px;
height:210px;
overflow:hidden;
float:left;
text-align:center;
}

#howitworks-matrix .howitworks-cell a {
text-decoration:none;
}

#howitworks-matrix .howitworks-cell a img {
border:none;
}

/* =column-2 */

#column-2 {
margin:0px 0px 0px 0px;
border:none;
padding:20px 0px 0px 0px;
width:201px;
overflow:hidden;
float:left;
position:relative;
top:40px;
left:10px;
background:url(../images/css/column.header.jpg) top left no-repeat #DFDFDF;
}

#column-2 .footer {
height:20px;
overflow:hidden;
background:url(../images/css/column.footer.jpg) bottom left no-repeat;
}

#column-2 h3.column-link {
margin:0px 10px 10px 10px;
border:none;
padding:10px 0px 0px 0px;
font-size:11px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/css/column-2-header-B.jpg) top left no-repeat #426D90;
}

#column-2 h3.column-link a {
margin:0px;
border:none;
display:block;
text-decoration:none;
padding:0px 10px 10px 45px;
font-size:12px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
background:url(../images/css/column-2-footer-B.jpg) bottom left no-repeat;
}

#column-2 .column-cell {
margin:0px 10px 20px 10px;
width:180px;
overflow:hidden;
}

#column-2 .column-cell ul li {
margin-left: 10px;
list-style: inside disc;
line-height:1.3em;
}

#column-2 .column-cell h2 {
margin:0px 0px 0px 0px;
padding:10px;
background:url(../images/css/column.cell.header.jpg) top left no-repeat #2662AB;
height:auto;
line-height:18px;
font-size:12px;
color:#FFFFFF;
text-align:center;
font-weight:normal;
}

#column-2 .column-cell a:link, #column-2 .column-cell a:visited, #column-2 .column-cell a:hover {
color: #FFFFFF;
text-decoration: underline;
}

#column-2 .column-cell-footer {
margin:0px;
height:10px;
overflow:visible;
background:url(../images/css/column.cell.footer.jpg) bottom left no-repeat #2662AB;
}

#column-2 h1 {
margin:0px 10px 10px 10px;
padding:0px;
height:40px;
line-height:40px;
}

#column-2 h1 a:link, #column-2 h1 a:visited, #column-2 h1 a:active {
margin:0px;
padding:0px 20px 0px 60px;
height:40px;
line-height:40px;
text-decoration:none;
font-size:13px;
color:#000000;
display:block;
background:url(../images/css/button-column.gif) top left no-repeat;
}

#column-2 h1 a:hover {
margin:0px;
padding:0px 20px 0px 60px;
height:40px;
line-height:40px;
text-decoration:none;
font-size:13px;
color:#595959;
display:block;
background:url(../images/css/button-column-hover.gif) top left no-repeat;
}

#column-2 h1 a span {
font-size:11px;
}

/* =column-3 */

#column-3 {
margin:0px;
border:none;
padding:20px;
}

/* =forms and cells */

.form-cell {
margin:20px auto 20px auto;
border:none;
padding:0px;
width:400px;
background:#FFFFFF;
}

.form-cell .header {
height:5px;
overflow:hidden;
background:url(../images/css/form-cell-tl.jpg) top left no-repeat;
}

.form-cell .header div {
height:5px;
overflow:hidden;
background:url(../images/css/form-cell-tr.jpg) top right no-repeat;
}

.form-cell .content {
padding:40px 20px 15px 20px;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
background:url(../images/css/form-cell-bg.jpg) bottom left repeat-x;
}

.form-cell .content table {
width:100%;
margin:0px;
}

.form-cell .content table th {
padding:0px 0px 10px 0px;
font-size:16px;
color:#3A5D7D;
}

.form-cell .content table th.th-header {
padding:0px 0px 10px 0px;
font-size:20px;
color:#3A5D7D;
}

.form-cell .content table td.buttons {
text-align:right;
}

.form-cell .footer {
height:5px;
overflow:hidden;
background:url(../images/css/form-cell-bl.jpg) top left no-repeat;
}

.form-cell .footer div {
height:5px;
overflow:hidden;
background:url(../images/css/form-cell-br.jpg) top right no-repeat;
}

/* */

.home-search {
position:relative;
margin-bottom:10px;
}

.home-search #search-container {
text-align:left;
height:80px;
}

.home-search #suburbs {
margin:0px;
border:1px solid #A5ACB2;
padding:6px 2px 0px 2px;
width:300px;
height:24px;
background:#FFFFFF;
font-size:14px;
}

.home-search #search-btn {
margin:0px;
padding:0px;
display:inline;
}

.home-search #autocomplete {
position:absolute;
z-index:2000;
text-align:left;
margin-left:3px;
margin-top:-3px;
}

.home-search #autocomplete .header {
width:306px;
background:url(../images/css/autocomplete-header.jpg) top left no-repeat #FF0000;
height:7px;
overflow:hidden;
position:relative;
z-index:2010;
}

.home-search #autocomplete .footer {
width:306px;
background:url(../images/css/autocomplete-footer.jpg) top left no-repeat #FF0000;
height:7px;
overflow:hidden;
position:relative;
z-index:2010;

}

.home-search #autocomplete ul {
margin:0px 0px 0px 0px;
border:none;
padding:0px 0px 1px 0px;
background:#454545;
width:306px;
position:relative;
z-index:2020;
}

.home-search #autocomplete ul li {
margin:0px 6px 0px 6px;
border:none;
padding:0px;
line-height:16px;
height:16px;
overflow:hidden;
list-style:none;
font-size:11px;
left:0px;
position:relative;
z-index:2030;
}

.home-search #autocomplete ul li a:link, .home-search #autocomplete ul li a:visited, .home-search #autocomplete ul li a:active {
text-decoration:none;
color:#FFFFFF;
display:block;
padding:0px 6px 0px 6px;
display:block;
margin:0px;
position:relative;
left:0px;
}

.home-search #autocomplete ul li a:hover {
text-decoration:none;
color:#FFFFFF;
background:#797979;
display:block;
padding:0px 6px 0px 6px;
display:block;
margin:0px;
position:relative;
left:0px;
}

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  display:block;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
	float:none;
	height:auto;
	width:auto;
}
div.autocomplete ul li.selected { background-color:#2662AB; color:#FFFFFF;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
border:none;
float:none;
  margin:0;
  padding:2px;
  height:20px;
line-height:20px;
  cursor:pointer;
background:#F8F9FB;
color:#2662AB;
}
#indicator1 {
position:absolute;
}

.suburbs-note {
margin:0px 0px 30px 0px;
padding:10px;
}

.suburbs-note p {
text-align:center;
color:#666666;
font-size:13px;
}

.suburbs-note p strong {
font-size:30px;
color:#CC0000;
}

.suburbs-note p span {
text-align:center;
color:#000000;
font-size:14px;
}

/* =pagination */

.pagination-info {
text-align:center;
margin:10px;
}

.pagination-links {
text-align:center;
margin:10px;
}

.pagination-links a:link, .pagination-links a:visited, .pagination-links a:active {
border:1px solid #666666;
padding:2px 6px 2px 6px;
background:#ECEFF4;
text-decoration:none;
color:#000000;
font-size:11px;
}

.pagination-links a:hover {
border:1px solid #666666;
padding:2px 6px 2px 6px;
background:#C2D3EF;
text-decoration:none;
color:#000000;
font-size:11px;
}

.pagination-links a.current:link, .pagination-links a.current:visited, .pagination-links a.current:active {
background:#86AFEF;
color:#000000;
}

.pagination-links a.current:hover {
background:#C2D3EF;
color:#000000;
}

a.help {
background:url(../images/css/icons/help.png) center right no-repeat;
padding-right:24px;
}

/* =footer */

#footer {
margin:30px 0px 0px 0px;
padding:5px;
text-align:center;
font-size:11px;
color:#999999;
}

#footer p {
margin:0px 0px 5px 0px;
}

#footer a:link, #footer a:visited, #footer a:active {
color:#999999;
}

#footer a:hover {
color:#666666;
}

.subnote {
font-size: smaller;
color:#999999;
}

.tab-group {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	width: 500px;
	
}

.tab-group .form-cell {
	margin-bottom: 0px;
	padding: 0px;
	width: 100px;
	float: left;
	text-align: center;
}

.tab-group .form-cell .content {
	padding: 5px;
	background: #FFFFFF;
}

.tab-group .form-cell .content a {
	text-decoration:none;
	color: #999999;
}

.tab-group .form-cell.selected .content a {
	font-weight: bold;
	color: rgb(58, 93, 125);
}
