/**************************************************************
          Cascade Styling Sheet for Postcodes.com.au
                        :::::::::::::
                Site Design © 2008 Joshua Allan
                 http://bugx0r.deviantart.com
**************************************************************/

* {
	margin:0;
	padding:0;
}

body {
	background:url(images/global_bg.jpg) repeat-x 0px 157px #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8e8e8e;
}

a {
	text-decoration:none;
}

img, img a {
	border:0;
}

/**************************************************************
                            Header
**************************************************************/

#header {
	width:660px;
	height:157px;
	margin:auto;
}

#header .left {
	width:135px;
	height:157px;
	float:left;
}

#header .left a {
	float:left;
}

#header .right {
	width:465px;
	height:102px;
	padding-top:55px;
	padding-left:60px;
	float:right;
	text-align:center;
	color:#999999;
	font-size:12px;
}

#header .right #title {
	color:#777777;
	font-weight:bold;
	font-size:18px;
}

#header .right #title b {
	color:#f7931e;
}

/**************************************************************
                      Site Plugs Navigation
**************************************************************/

#nav {
	width:660px;
	height:35px;
	margin:auto;
	text-align:center;
}

#nav a, #nav a#end {
	color:#999;
	height:24px;
	padding-top:11px;
	margin-right:10px;
	margin-left:10px;
	float:left;
}

#nav a#end {
	margin-right:0;
}

#nav a:hover, #nav a:hover#end {
	color:#666;
	background:url(images/nav_arrow.jpg) bottom center no-repeat;
}

/**************************************************************
                          Search Box
**************************************************************/

#search {
	width:660px;
	margin:auto;
	margin-top:41px;
}

#search #box {
	width:660px;
	height:150px;
	float:left;
	background:url(images/search_bg.jpg) no-repeat top left;
}

#search #box .left {
	width:414px;
	height:144px;
	margin:3px;
	float:left;
}

#search #box .right {
	width:234px;
	height:144px;
	margin:3px;
	float:right;
}

#search #box .title {
	width:100%;
	height:13px;
	padding-top:15px;
	margin-bottom:10px;
	float:left;
	color:#666;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

#search #box .field {
	float:left;
	margin-bottom:7px;
}

#search #box .field .l {
	height:20px;
	width:117px;
	padding-top:5px;
	padding-right:8px;
	float:left;
	font-weight:bold;
	text-align:right;
	color:#666;
}

#search #box .field .r {
	height:25px;
	width:289px;
	float:right;
}

#search #box .field .f, #search #box .field select {
	width:207px;
	padding:5px;
	font-size:11px;
	border:1px solid #d7d5d3;
	background:url(images/field_bg.jpg) repeat-x top left #fff;
	float:left;
	color:#666;
}

#search #box .field input#postcode {
	width:60px;
}

#search #box .field input#submit {
	margin-top:0px;
	margin-left:75px;
	height:27px;
	width:72px;
	float:left;
	border:none;
	background:url(images/search_button.jpg) no-repeat top left;
}

#search #box .field select {
	width:219px;
	padding:4px;
}

#search #box .right #bb {
	height:32px;
	width:190px;
	padding-left:21px;
	padding-right:23px;
	background:url(images/search_r_sep.jpg) 0px 30px no-repeat;
	float:left;
	font-weight:bold;
	color:#aaa;
	word-spacing:17px;
}

#search #box .right #bb a {
	color:#aaa;
}

#search #box .right #bb a:hover {
	color:#666;
}

#search #box .right #links {
	height:68px;
	width:190px;
	padding-left:21px;
	padding-right:23px;
	padding-top:6px;
	float:left;
	line-height:20px;
}

#search #box .right #links a {
	width:100%;
	float:left;
	color:#aaa;
}

#search #box .right #links a:hover {
	color:#666;
}

/**************************************************************
                   Content + Search Listings
**************************************************************/

#search #con {
	width:660px;
	margin-top:30px;
	float:left;
}

#search #con .left {
	width:511px;
	float:left;
}

#search #con .right {
	width:120px;
	padding-left:29px;
	float:right;
}

#search #con .right a {
	float:left;
}

#search #con .left .list {
	width:511px;
	float:left;
	margin-bottom:25px;
	background:url(images/list_i.jpg) repeat-y 0px 36px;
}

#search #con .left .list .head {
	width:511px;
	height:36px;
	background:url(images/list_header.jpg) no-repeat top left;
	font-weight:bold;
	color:#666;
}

#search #con .left .list .head .l {
	width:401px;
	height:25px;
	padding-left:10px;
	padding-top:11px;
	float:left;
}

#search #con .left .list .head .r {
	width:90px;
	height:25px;
	padding-left:10px;
	padding-top:11px;
	float:left;
}

#search #con .left .list .i {
	width:511px;
	height:31px;
	float:left;
	color:#8e8e8e;
	text-transform:uppercase;
}

#search #con .left .list .i .l {
	width:401px;
	height:23px;
	padding-left:10px;
	padding-top:8px;
	float:left;
}

#search #con .left .list .i .r {
	width:90px;
	height:23px;
	padding-left:10px;
	padding-top:8px;
	float:left;
}

#search #con .left a.button {
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	border:1px solid #bbb;
	background:#eee;
	color:#666;
	font-weight:bold;
	margin-bottom:35px;
}

#search #con .left a#left {
	float:left;
}

#search #con .left a#right {
	float:right;
}

#search #con .left .ads-bot {
	width:511px;
	float:left;
	text-align:left;
}

#search #con .left .ads-bot .top {
	margin-left:21px;
}

#search #con .left .ads-bot .bottom {
	margin-top:20px;
}

#search #con .left .ads-bot .bottom a {
	margin-right:24px;
	margin-left:21px;
	float:left
}

#search #con .left .content {
	width:511px;
	float:left;
	color:#8e8e8e;
	line-height:15px;
	margin-bottom:25px;
}

#search #con .left .content .heading {
	font-size:12px;
	font-weight:bold;
	color:#f7931e;
}

#search #con .left .content ul, #search #con .left .content ol {
	margin-left:35px;
	list-style:upper-alpha;
}

#search #con .left .content ol li {
	margin-bottom:5px;
}

#search #con .left .content table tr {
	height:20px;
}

#search #con .left .content table th, #search #con .left .content table td {
	text-align:left;
}

#search #con .left .content table th {
	color:#666;
}

#search #con .left .content strong {
	color:#666;
}

/**************************************************************
                            Footer
**************************************************************/

#footer {
	width:660px;
	height:62px;
	margin-top:25px;
	float:left;
	background:url(images/footer_bg.jpg) no-repeat top left;
	color:#aaa;
}

#footer .left {
	width:340px;
	height:37px;
	padding-left:20px;
	float:left;
}

#footer .left a {
	display:block;
	height:25px;
	padding-top:12px;
	font-weight:bold;
	float:left;
	color:#666;
	margin-right:20px;
}

#footer .left a:hover {
	color:#000;
}

#footer .right {
	width:280px;
	height:25px;
	padding-top:12px;
	padding-right:20px;
	text-align:right;
	float:right;
}

/**************************************************************
                          Contact Us
**************************************************************/

#contact .field {
	float:left;
	margin-bottom:10px;
}

#contact .field .ti {
	width:119px;
	padding-right:10px;
	padding-top:2px;
	float:left;
	text-align:right;
	font-weight:bold;
	color:#666;
}

#contact .field .in {
	width:382px;
	float:right;
}

#contact .field input, #contact .field select , #contact .field .input, #contact .field textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#8e8e8e;
	padding:2px;
}

#contact .field .input {
	width:200px;
}

#contact .field textarea {
	width:300px;
	height:100px;
}