/* ========= Editable Stylesheet business_color2.css ============ 
Please follow the steps below to edit your stylesheet.
There are 10 steps in all.
=======================================================*/

/* Layout - Color Layout 2 (This template must used in conjunction with Business2.css)*/

/* --------------------------------------------------
Structure, Default, & Overrides - DO NOT TOUCH
-----------------------------------------------------*/
#header { height: 84px; }
*html #header { height: 81px; }
* html #main { margin-right: 1px;}
#wrap { height: auto; }	
body#home #main .container { overflow: auto;}
body#home #main .container2 { overflow: auto;}
.container2 { width: 760px; margin: 0 auto; text-align: left; background-color:#455560;}
body#home #content { margin-top: 160px; }
body#home #sub-section { margin-top: 160px; }
body#home #sub-section2 { margin-top: 10px; }
body#home #wrap { height: auto; }	
#menu { height: 31px; float: none; }
body#home #content, body.contact #content { float: left; }
body#home #sub-section, body.contact #sub-section { float: right; }
body#home #sub-section2 { float: right; }
/* decreases content area to make room for sub-section */
body#home #content, body.contact #content { width: 585px; width: 555px; /*ie5*/  wid\th: 525px; /*ie6*/ }
/* adds the sub-section */
body#home #sub-section, body.contact #sub-section { border: 1px solid #cfecf0; padding-left: 10px; padding-right: 10px; padding-bottom: 15px; width: 150px; width: 170px; /*ie5*/ wid\th: 150px; /*ie6*/ }
body#home #sub-section2 { border: 1px solid #cfecf0; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; width: 150px; width: 170px; /*ie5*/ wid\th: 150px; /*ie6*/ }
body.contact #sub-section { margin-top: 10px; }
body#home #wrap { height: auto; }	
/* increases height of header ONLY in the home page */
#header, body#home #header, body#home #header h1#logo, body#home #header #bannerIMG { height: 84px; }
* html #header, * html body#home #header, * html body#home #header h1#logo, * html body#home #header #bannerIMG { height: 81px; }
#header h1#logo { float: right; /*placement*/}
/*page heading*/
h2	{ font-size: 1.5em; text-indent: -5000px; /*IR Text Reposition*/ height: 12px; margin: 0 0 1em 0; background-repeat: no-repeat; background-position: 0 0; }

/* --------------------------------------------------
1. Layout
-----------------------------------------------------*/

body, html { 
	background-color: #FFF; 
	}
	
/*home style*/
body#home #main .container { 
	background: url(../img/home.jpg) 50% 30px no-repeat; 
	}
body#home #main .container2 { 
	background: url(../img/footer.gif) 50% 30px no-repeat; 
	}
body#home #wrap { 
	background: #FFF url(../img/wrap_bg.gif) 0 0 repeat-x; 
	}	
	
/*body style*/		
#wrap { 
	background: #FFF url(../img/wrap_bg_content.gif) 0 0 repeat-x; 
	}	
#footer { 
	width:100%;
	background-color: #455560; 
	}
#content { 
	background: url(../img/column.gif) 50% 0 repeat-y; 
	background-color: #FFF;  
	}


/* --------------------------------------------------
2. Change logo and banner images
-----------------------------------------------------*/

/*set background color*/
#header {
	background:;
	border-bottom: 0px solid #FFF;
	}

/*change logo*/
#header h1#logo { 
	background-image: url(../img/logo.gif); 
	background-color: #FFF;
	}

/*change header*/
#header #bannerIMG {
	b\\ackground-color: #FFF;
	height:81px;
	}
	
/* --------------------------------------------------
3. Change Menu
-----------------------------------------------------*/

/*main menu buttons*/
#mm_home {
	display: block;
	width: 104px;
	height: 31px;
	background: url(../img/mm_home.gif) 50% 0 no-repeat;	
	border-right: 1px solid white;
	}	

#mm_buying {
	display: block;
	width: 102px;
	height: 31px;
	background: url(../img/mm_buying.gif) 50% 0 no-repeat;	
	border-right: 1px solid white;	
	}	

#mm_selling {
	display: block;
	width: 104px;
	height: 31px;
	background: url(../img/mm_selling.gif) 50% 0 no-repeat;		
	border-right: 1px solid white;
	}	

#mm_renting {
	display: block;
	width: 110px;
	height: 31px;
	background: url(../img/mm_renting.gif) 50% 0 no-repeat;		
	border-right: 1px solid white;
	}	

#mm_ournetwork {
	display: block;
	width: 106px;
	height: 31px;
	background: url(../img/mm_ournetwork.gif) 50% 0 no-repeat;		
	border-right: 1px solid white;
	}	

#mm_aboutUs {
	display: block;
	width: 110px;
	height: 31px;
	background: url(../img/mm_aboutUs.gif) 50% 0 no-repeat;		
	border-right: 1px solid white;
	}	

#mm_contactUs {
	display: block;
	width: 118px;
	height: 31px;
	background: url(../img/mm_contactUs.gif) 50% 0 no-repeat;	
	border-right: none;	
	}	

/*sub menu items*/
#menu li a {
	color: #ea4498;
	font-weight: bold;
	text-decoration:none;
	text-transform:lowercase;
	}
	
/*sub menu items hover*/
#menu a:hover {
	color: #8ad3df;
	background-color: #FFF;
	}
	
/*submenu bottom border*/
#menu ul ul {
	float: left;
	border-bottom: 1px solid #FFF;
	background: #cfecf0;
	}
	
/*submenu item hover*/
#menu li li a:hover {
	background-color: transparent;
	color: #FFF;
	}

/*activates rollover button based on page context*/
body#home #mm_home,
body.buying #mm_buying,
body.selling #mm_selling,
body.renting #mm_renting,
body.finance #mm_ournetwork,
body.about #mm_aboutUs,
body.contact #mm_contactUs {
	background-position: 50% -31px;
	}

	
/* --------------------------------------------------
4. Change Typography Sizes and Colours
-----------------------------------------------------*/

/*body text*/
body {
	color: #333;
	}
	
/*paragraph text*/
p {
	font-size: 1em;
	}

h1 {
	color: #ea4498;
	font-size: 1.1em;
	margin-bottom: 3px;
	}
	
h2#hd_home {
	background-image: url(../img/hd_home.gif);
	}	

h2#hd_privacy {
	background-image: url(../img/hd_privacy.gif);
	}	

h2#hd_calcMortgage {
	background-image: url(../img/hd_calcMortgage.gif);
	}	

h2#hd_calcInvest {
	background-image: url(../img/hd_calcInvestment.gif);
	}	

h2#hd_welcome {
	background-image: url(../img/hd_welcome.gif);
	}

h2#hd_aboutUs {
	background-image: url(../img/hd_aboutUs.gif);
	}
	
h2#hd_ournetwork {
	background-image: url(../img/hd_ournetwork.gif);
	}
	
h2#hd_buying {
	background-image: url(../img/hd_buying.gif);
	}
	
h2#hd_renting {
	background-image: url(../img/hd_renting.gif);
	}
		
h2#hd_staff {
	background-image: url(../img/hd_staff.gif);
	}		
	
/* integrated search headings*/
h2#hd_business {
	background-image: url(../img/hd_business.gif);
	}
	
h2#hd_commercial {
	background-image: url(../img/hd_commercial.gif);
	}
	
h2#hd_comLand {
	background-image: url(../img/hd_comLand.gif);
	}
	
h2#hd_comLease {
	background-image: url(../img/hd_comLease.gif);
	}
	
h2#hd_comSales {
	background-image: url(../img/hd_comSales.gif);
	}
	
h2#hd_estate {
	background-image: url(../img/hd_estate.gif);
	}
	
h2#hd_holiday {
	background-image: url(../img/hd_holiday.gif);
	}
	
h2#hd_land {
	background-image: url(../img/hd_land.gif);
	}
	
h2#hd_resRentals {
	background-image: url(../img/hd_resRentals.gif);
	}
	
h2#hd_resLand {
	background-image: url(../img/hd_resLand.gif);
	}
	
h2#hd_rural {
	background-image: url(../img/hd_rural.gif);
	}
	
h2#hd_resSales {
	background-image: url(../img/hd_resSales.gif);
	}
	
h2#hd_sold {
	background-image: url(../img/hd_sold.gif);
	}
	
h2#hd_contactUs {
	background-image: url(../img/hd_contactUs.gif);
	}
	
h2#hd_contactOffice {
	background-image: url(../img/hd_contactOffice.gif);
	}
	
h2#hd_buyersWishlist {
	background-image: url(../img/hd_buyersWishlist.gif);
	}
	
h2#hd_tenancyWishlist {
	background-image: url(../img/hd_tenancyWishlist.gif);
	}
	
h2#hd_marketAppraisal {
	background-image: url(../img/hd_marketAppraisal.gif);
	}
	
h2#hd_maintenanceRequest {
	background-image: url(../img/hd_maintenanceRequest.gif);
	}
	
h2#hd_vacancyNotify {
	background-image: url(../img/hd_vacancyNotify.gif);
	}
	
h2#hd_propertyEnquiry {
	background-image: url(../img/hd_propertyEnquiry.gif);
	}
	
h2#hd_newsletterSubscription {
	background-image: url(../img/hd_newsletterSubscription.gif);
	}
	
h2#hd_emailFriend {
	background-image: url(../img/hd_emailFriend.gif);
	}																					
	
	
/*page subheading*/
h3 {
	font-size: 1.1em;
	margin-bottom: 3px;
	}
	
/*general links*/
a:link,
a:visited {
	color: #00b5cc;
	text-decoration:none;
	}
/*paragraph spacing*/
#content p,
#sub-section p {
	margin-bottom: 6px;
	}
#sub-section2 p {
	margin-bottom: 6px;
	}
/*spacing for ordered and unordered lists*/
#content ul, #content ol {
	margin: 15px 0;
	}
/*footer text*/
#footer p {
	font-size: 0.9em;
	color: #cfecf0;
	}
/*footer links*/
#footer,
#footer a:link,
#footer a:visited {
	color: #cfecf0;
	text-decoration: none;
	}
/*footer link hover*/
#footer a:hover {
	color: #cfecf0;
}
/*footer links*/
#footer,
#footer .c:link,
#footer .c:visited {
	color: #DF3795;
	text-decoration: none;
	}
/*footer link hover*/
#footer .c:hover {
	color: #EA4498;
}
/*disclaimer text (mainly used for calcs)*/
.disclaimer {
	font-size: 0.9em;
	}

/* --------------------------------------------------
5. Images For Content Pages
-----------------------------------------------------*/

/*floats image right of content*/
#content img#right { 
	float: right;
	margin: 0 0 10px 10px;
	}
/*floats image left of content*/
#content img#left { 
	float: left;
	margin: 0 10px 10px 0;
	}

/* --------------------------------------------------
6. All Forms (including calcs)
-----------------------------------------------------*/

/*fieldset border*/
form fieldset {
	border: 1px solid #cfecf0;
	}
form#hid fieldset {
	display:none;
	border:none;
	}

/*fieldset heading*/
form legend {
	color: #FF9900;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 6px;
	}
/*required fields text*/
form em span,
form .required {
	color: #ea4498;
	font-weight: bold;
	}
/*submit button*/
form fieldset.submit input {
	background-color: #ea4498;
	border: none;
	color: #fff;
	}


/* --------------------------------------------------
7. Home
-----------------------------------------------------*/

/*Quick Search*/
body#home fieldset {
	border: none;
	padding: 0;
	}
body#home p {
	margin-bottom: 5px;
	text-align: left;
	}

body#home select {
	width: 140px;
	font-size: 0.9em;
	}

body#home #qs_price select {
	width: 62px;
	}

body#home form #qs_st label {
	padding-right: 5px;
	width: auto;
	float: none;
	display: inline;
	}

body#home form #qs_st input {
	vertical-align: middle;
	width: auto;
	}

body#home form .submit {
	text-align: right;
	padding: 0 8px 0 0;
	}

		
/*search box suburb select*/
body.listing #filter #qs_suburb {
	width: 170px; 
	}
body#home legend {
	color: #ea4498;
	font-weight: bold;
	font-size: 1em;
	margin: 2px 0 2px 0;
	padding-left: 0;
	margin-left: 0;
	}

body#home label {
	color: #666;
	font-size: 0.9em;
	font-weight: bold;
	float: none;
	display: inline;
	}
body#home select {
	color: #666;
	width: 140px;
	font-size: 0.9em;
	}

/*quicksearch button*/
body#home select {
	color: #666;
	width: 140px;
	font-size: 0.9em;
	}
	
body#home input.button {
	background-color: #ea4498;
	border: none;
	color: #fff;
	font-weight:bold;
	width: 75px;
	float: right;
	margin-top: 5px;
	margin-right: 9px;
	}
	
*html body#home input.button {
	margin-top: 0px;
	margin-right: 9px;
	}

/*Property of the Week*/	
#pow {
	border-top: 1px solid #cfecf0;
	margin-top: 20px;
	}

#pow img {
	float: left;
	width: 121px;
	border: none;
	margin-right: 7px;
	margin-top: 10px;
	}
	
#pow h3 {
	text-transform: lowercase;
	color: #ea4498;
	font-size: 1em;
	margin-top: 10px;
	text-align: left;
	}
	
#pow a {
	color: #8ad3df;
	text-decoration: none;
	font-weight: bold;
	}		

/* --------------------------------------------------
8. Integrated Search
-----------------------------------------------------*/

/* Property Search 
-------------------*/

/*search box*/

body#listing #filter {
	background-color: #fff;
	/*height: 100%;
	width: 250px;*/
	}	

/*heading*/	
body#listing #filter h3 {
	color: #ea4498;
	}

/*field labels*/	
body#listing #filter label,
body#listing #filter strong {
	c//olor: #ea4498;
	}	
	
/*search box input fields*/
body#listing #filter select,
body#listing #filter input {
	background-color: #fff;
	border: 1px solid #8ad3df;
	color: #666;
	}
	
/*search box button
body#listing #filter input.button {
	background-color: #ea4498;
	border: none;
	color: #fff;
	font-weight:bold;
	width: 100px;
	}*/
	
/*search box button*/
body#listing #filter input.button2 {	
	background-color: #ea4498;
	border: none;
	color: #fff;
	font-weight:bold;
	width: 75px;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	}

/* Property Results 
-------------------*/

/*results bottom border*/
body#listing .property {
	border-bottom: 1px solid #cfecf0;
	}
/*results property image*/
body#listing .property .image img {
	border: 1px solid #cfecf0;
	}
/*results property title*/
body#listing .property .details h3 {
	font-size: 1em;
	color: #ea4498;
	}
/*results bed bath car text*/
body#listing .property .features {
	font-weight: bold;
	color: #455560;
	}
/*results price text*/
body#listing .property h4 {
	font-size: 1em;
	color:#ea4498;
	}
body#listing .property .details {
	width: 380px;	
	}

/* Property Details 
--------------------*/

/*details property address*/
body#detail #content h3 {
	float: left; /*this keeps heading inline with icons*/
	font-size: 1em;
	margin: 0;
	padding:0;
	}

/*details property title*/
body#detail #content h4 {
	font-size: 1em;
	margin: 0;
	c//olor: #000;
	}

/*section heading*/
body#detail #content h5 {
	font-size: 1.1em;
	margin: 0 0 0.5em 0;
	}
	
/*details bed bath car text*/
body#detail #addressbar p {
	font-weight: bold;
	}
	
/*details property images*/
body#detail .images img {
	border: 1px solid #cfecf0;
	}
	
/*click for enlargements text*/
body#detail #extradetails .images p {
	font-weight: bold;
	font-size: 0.8em;
	}
	
/*agent details headings*/
body#detail #extradetails dl dt {
	font-weight: bold;
	}

/* Slideshow 
------------------*/

/*background color*/
#customSlideshow {
	background-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	}
	
/*navigation text*/
#customSlideshow .navigation {
	color: #999;
	font-size:80%;
	background: none;
	}

/*navigation links*/
.navigation a:link {
	color: #FFF;
	text-decoration:none;
	}	

.navigation a:hover, 
.navigation a:visited  {
	text-decoration: underline;
	color: #CCC;
	} 	

/* --------------------------------------------------
9. Change Staff Details
-----------------------------------------------------*/

/*staff member bottom border*/
body#staff dl {
	border-bottom: 1px solid #cfecf0;
	}
/*staff name*/
body#staff dl dt.name {
	font-weight: bold;
	font-size: 1.2em;
	font-style: italic;
	}
/*staff position*/
body#staff dl dd.position {
	font-weight: bold;
	}
/*staff contact*/
body#staff dl dd.contact {
	font-weight: bold;
	}

/* --------------------------------------------------
10. Acrobat/PDF Links
-----------------------------------------------------*/

/*download pdf icon and link*/
#buttonPdf a { 
	width: 120px; height: 32px; display: block;
	padding: 10px 40px;
 	background:url(../img/ico_pdf.gif) no-repeat 0 10px;
	}
/*get acrobat reader icon and link*/
#buttonDownload a { 
	width: 280px; height: 51px; display: block;
	background: url(../img/ico_acrobat.gif) no-repeat 0 10px; 
	border-top: 1px solid #CCC;
	padding-left: 98px; padding-top: 12px;
	line-height: 12px; text-decoration:none;
	}
	
/* --------------------------------------------------
Any customisation to go here
-----------------------------------------------------*/	
#header, #header h1#logo { height: 84px; }
* html #header, #header h1#logo { height: 81px; }

/* Business Search - Option 2

Description - Wide Version, 3 column layout
--------------------------------------------------------*/

/*input, select, checkbox fields*/
form input,
form textarea,
form select {
	margin: 0 0 0.1em 0;
	}
body#listing #filter #suburb {
	width: 170px; 
	float: right;
	}	
body#listing #filter #building {
	width: 170px; 
	float: right;
	}
body#listing #filter input {
	float: left;
	width: 20px;
	}	
body#listing #filter select.large {
	width: 200px;
	}
body#listing #filter select.large2 {
	width: 200px;
	}
/*fieldsets*/	
body#listing #filter fieldset {
	padding: 0; /*reset*/
	margin: 0 0 1em 0;
	display: block;
	border: none;
	clear: both;
	}
	
body#listing #filter p {
	float: none;
	}
body#listing #filter p.map {
	float: left;
	margin: 0 3em 5em 0;
	}

/*larger fieldset - price from/to, ordered by, display fields*/

body#listing #filter p.large strong {
	text-align:right;
	}	

body#listing #filter p.large label {
	float: none;
	display: block;
	}		

body#listing #filter p.large label.medium {
	float: none;
	}
	
body#listing #filter p.large label.large {
	float: none;
	}
	
body#listing .prevNext {
	float: right;
	}
body#listing .searchNavigation {
	color:#999;
	}