/* Typography
--------------*/
body {
font-size: 76%; /* Global font-size */
font-family: Arial, Helvetica, sans-serif;
background: #dddddd url(/_lib/professional/raywhite_karratha/img/bg_body.jpg);
background-position: top center;
background-repeat: repeat-y;
}
p,
div.text  {
font-size: 1em;
margin-bottom: 10px;
}
div.text p {
font-size: 1em; /* font-size fix within text div */
}
dl,
ul,
ol,
form input, 
form textarea,
form select {
font-size: 1em;
font-family: Arial, Helvetica, sans-serif; /* Used to fix font issue with textarea */
}
div.text ul,
div.text ol {
margin: 0 0 10px 30px;
list-style: disc;
font-size: 1em; /* font-size fix within text div */
}
div.text ol {
list-style: decimal;
list-style-position: inside;
}
a:link,
a:visited {
color: #000;
}
a:hover {
color: #525252;
}

/* Style for Button style links */
a.button:link,
a.button:visited {
background-color: #4f227f;
padding: 5px 10px;
text-decoration: none;
text-transform: lowercase;
color: #fff;
}

/* Headings */
h1 {
color: #000;
font-size: 1.5em;
margin-bottom: 15px;
text-transform: capitalize;
}
h2 {
color: #000;
font-size: 1em;
margin-bottom: 3px;
text-transform: uppercase;
}
div.text h2 {
font-size: 1em; /* font-size fix within text div */
}
h3 {
font-size: 1em;
color: #000;
margin-bottom: 3px;
}
div.text h3 {
font-size: 1em; /* font-size fix within text div */
}


/* Structure 
------------ */

#wrap{
width: 980px;
margin: 0 auto;
}
#content{
padding: 20px 30px 0px 25px;
background-color: #FFF;
}
#mainContent{
width: 475px;
float: left;
}
#subContent{
width: 250px;
float: right;
}
#fullContent{
width: 754px;
float: left;
}
#subMenu {
width: 155px;
margin-top: -15px;
margin-right: 35px;
float: left;
}
#content #fullContent li{
list-style: square;
list-style-position: inside;
padding: 2px 0 2px 22px;
}
#content #mainContent li{
list-style: square;
list-style-position: inside;
padding: 2px 0 2px 22px;
}
/* Header
----------*/
#header {
height: 87px;
}
#header img.logo {
margin: 0 0 13px 5px;
display: inline;
float: left;
}
#header img.logo#img_right{
margin: 0 5px 13px 0;
float: right;
}
#header a {
width: 360px;
display: block;
}
/* Footer
--------- */
#footer {
	background-image: url(/_lib/professional/raywhite_karratha/img/bg_footer.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	height: 34px;
	margin: 10px 0 0 0;
	padding: 5px 15px 0 15px;
	font-size: 0.8em;
	}

#footer p {
	margin: 0;
	float: left;
	color: #ababab;
	}
#footer p.publisher {
	margin: 0;
	float: right;
	text-align: right;
	}
	
#footer p a:link,
#footer p a:visited {
	text-decoration: none;
	color: #ababab;
	}
	
#footer p a:hover {
	text-decoration: none;
	color: #909090;
	}

/* Dropdown menu
-----------------*/
#menu{
height: 48px;
clear: both;
}
.menu {
background-color: transparent;
background-image: url(/_lib/professional/raywhite_karratha/img/bg_menu.jpg);
background-position: center top;
background-repeat: repeat-x;
}


.menu a {
display: block;
height: 48px;
margin: 0 0px;
background-position: top left;
background-repeat: no-repeat;
background-color: transparent;
text-indent: -9999em;
}

.menu li#homeList a {
background-image: url(/_lib/professional/raywhite_karratha/img/mm_home.jpg);
width: 80px;
}
.menu li#buyList a {
background-image: url(/_lib/professional/raywhite_karratha/img/mm_buying.jpg);
width: 84px;
}
.menu li#sellList a {
background-image: url(/_lib/professional/raywhite_karratha/img/mm_selling.jpg);
width: 83px;
}
.menu li#commercialList a {
background-image: url(/_lib/professional/raywhite_karratha/img/mm_commercial.jpg);
width: 195px;
}
.menu li#rentList a {
background-image: url(/_lib/professional/raywhite_karratha/img/mm_renting.jpg);
width: 89px;
}
.menu li#aboutList a {
background-image: url(/_lib/professional/raywhite_karratha/img/mm_aboutus.jpg);
width: 102px;
}
.menu li#contactList a {
background-image: url(/_lib/professional/raywhite_karratha/img/mm_contactus.jpg);
width: 115px;
}

.menu .dropdown,
.menu a:hover {
background-position: bottom left;
}
#menu .menu ul{
margin-top: -7px;
}
#menu .menu li li a {
font-size: 1em;
text-indent: 20px;
background-image: none;
background-color: #dadada;
margin-top: 0;
padding: 6px 0;
border-bottom: 1px solid #a9a9a9;
width: 210px;
color: #404040;
text-decoration: none;
height: auto;
}
#menu .menu li li a:hover {
background-color: #ffe512;
color: #404040;
}
/* Standard forms
------------------*/
form textarea, input, select{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
legend {
color: #666;
font-weight: bold;
}
form fieldset {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #adadad;
}
form li {
list-style-type: none;
margin: 0 0 10px 0;
}
form label {
display: block;
float: left;
width: 180px;
margin-right: 10px;
margin-bottom: 5px;
}
form input {
width: 250px;
}
form textarea {
width: 250px;
}
form select {
width: 254px;
}
form input.radio {
width: 30px;
border: none;
}
form p {
clear: both;
}
form fieldset#submit,
form fieldset.submit {
border: none;
padding: 0;
text-align: right;
}
form fieldset#submit input,
form fieldset.submit input,
form input.button {
height: 26px;
width: 71px;
background-color: transparent;
background-position: top left;
background-repeat: no-repeat;
color: #18506d;
text-indent: -9999em;
padding: 0;
cursor: pointer;
border: none;
}
body#home form input.button{
width: 71px !important;
}
form input.button {
background-image: url(/_lib/professional/raywhite_karratha/img/btn_submit.gif);
}
form fieldset input.submit {
background-image: url(/_lib/professional/raywhite_karratha/img/btn_submit.gif);
width: 98px !important;
height: 25px;
}
form fieldset input.clear {
background-image: url(/_lib/professional/raywhite_karratha/img/btn_clear.gif);
}
form fieldset input.search {
background-image: url(/_lib/professional/raywhite_karratha/img/btn_search.gif);
}
#search form#filter fieldset input.search{
background-image: url(/_lib/professional/raywhite_karratha/img/btn_search.gif);
width: 98px !important;
height: 25px;
}
form fieldset input.login {
background-image: url(/_lib/professional/raywhite_karratha/img/btn_login.gif);
}
form fieldset input.activate {
background-image: url(/_lib/professional/raywhite_karratha/img/btn_reactivate.gif);
}
form fieldset input.qssearch {
background-image: url(/_lib/professional/raywhite_karratha/img/btn_qssearch.gif);
}
form em span,
form .required {
color: #000;
font-weight: bold;
}

/* Popups
---------*/
body.popup #content {
margin: 0;
width: auto;
padding: 13px 21px 7px 21px;
float: none;
}

/* Homepage
----------- */
#main_home {
height: 510px;
clear: both;
}

#first {
	height: 209px;
	margin: 0;
	padding: 5px 0 0 0;
	}

/* Quicksearch
----------------*/
#first #quicksearch {
float: left;
width: 210px;
background-image: url(/_lib/professional/raywhite_karratha/img/bg_qs.gif);
background-position: top left;
background-repeat: no-repeat;
margin-left: 5px;
}
#first #quicksearch form {
height: 160px;
padding: 40px 0 0 25px;
}
#first #quicksearch form fieldset {
width: 170px;
padding: 0;
border: none;
margin-bottom: 0;
}
#first #quicksearch form p select {
width: 170px;
color: #3F3D3D;
border: 1px solid #A5ACB2;
padding: 1px;
font-size:0.9em;
float: left;
}
#first #quicksearch form p#type select, 
#first #quicksearch form p#suburb select  {
float: left;
margin: 5px 0 0 0;
}
#first #quicksearch form p#qs_price select {
float: left;
margin: 5px 0 0 0;
}
#first #quicksearch form p#qs_price #qs_min-price {
width: 82px;
margin-right:5px;
}
#first #quicksearch form p#qs_price #qs_max-price {
width: 83px;
}
#first #quicksearch form p#qs_st {
float: left;
font-size:0.9em;
margin: 5px 0 0 0;
}
#first #quicksearch form p#qs_st label {
width: auto;
margin: 2px 5px 0 5px;
float: left;
color: #3F3D3D;
}
#first #quicksearch form p#qs_st input {
width: 15px;
float: left;
margin: 3px 0 0 0;
}
#first #quicksearch form input.qssearch {
width: auto;
float: left;
margin: 20px 0 0 -25px;
}

/* Homepage - Animation----------- */
#first #animation {
	width: 760px;
	height: 200px;
	margin-right: 5px;
	padding: 0;
	float: right;
	background-color: transparent;
	overflow: hidden;
}
#first #animation img {
	margin: 0;
	padding: 0;
}
#first ul#anim1 {
	width: 760px;
	height: 200px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

/* Homepage - Feature Properties----------- */
#featurePropertyMultiple  {
	height: 299px;
	padding: 0 0 0 5px;
}
#featurePropertyMultiple .pow {
	float:left;
	padding: 3px 8px 0 3px;
	background-image: url(/_lib/professional/raywhite_karratha/img/bg_fp.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}
#featurePropertyMultiple .pow a {
	display: block;
	overflow:hidden;
}
#featurePropertyMultiple .pow img {
width: 314px;
height: 214px;
display: block;
overflow:hidden;
margin-bottom: 10px;
}
#featurePropertyMultiple .pow a#fp_link{
	float: right;
	margin-right: -2px;
}
#featurePropertyMultiple .pow #btn_fp{
	width: 76px;
	height: 18px;
}
#featurePropertyMultiple .pow h3.hd_pows{
	margin: 0 0 0 11px;
	color: #404040;
	font-size: 1.1em;
	text-transform:capitalize;
}
#featurePropertyMultiple .pow p#fptext{
	margin: 0 0 0 11px;
	font-weight: bold;
	color: #686a6c;
}

/* ------------------------------ */
/* Other Pages With Custom Styles */
/* ------------------------------ */
body.contactPage #feedbackForm.emailForm form{
width: 585px;
}