/* ========= Editable Stylesheet basic2_base.css ============ 
Please follow the steps below to edit your stylesheet.
There are 10 steps in all.
Layout - Basic 2 (This template must be used in conjunction with Basic2.css)
=======================================================*/

/***************DO NOT REMOVE******************/
    @import url(basic2_custom.css);
/*********************************************/

/* --------------------------------------------------
1. Background Colours / Images
-----------------------------------------------------*/
body, html {
	background-color: #000000;
	font-family: verdana, arial, sans-serif;
	}

/* background image for content area on home page - 2column, 3column */
body#home #main {
	background-image: url(../img/3column_menuright.gif);
	background-color: #fff;
	}
	
/* --------------------------------------------------
2. Header
-----------------------------------------------------*/

/*header attributes*/
body#home #header, body#home #header h1#logo, body#home #header #bannerIMG, #header, #header h1#logo { /*Optional - Override header height on all pages*/
	height: 283px;
	width: 361px; 
	float: left;
	}
	
body#home #header #bannerIMG {
	height: 283px;
	width: 397px;
	float: right;
	}
	
body#home #header {
	width: 760px;
	}
	
body #header #bannerIMG {
	height: 283px;
	width: 397px;
	float: right;
	}
	
#header {
	background-color: #fff;
	width: 760px;
	}	
#wrap{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
/* --------------------------------------------------
3. Menu
-----------------------------------------------------*/
/*menu bar colour*/
#menu {
	background-color: #333333;
	border-left: 0px solid #434ede; /*sits on top of wrap_bg's edges*/
	border-right: 0px solid #434ede;
	}
/*main menu buttons*/
#menu a {
	border-right: 1px solid #ffffff;
	font-weight: bold;
	text-transform: lowercase;
	font-size: 1.1em;
	padding-left: 25px;
	padding-right: 25px;
	}
/*main menu last button*/
#menu li.last a, 
#menu li li a {
	border: none;
	}
/*menu link colour*/
#menu a:link,
#menu a:visited {
	color: #ffffff;
	text-decoration: none;
	}
/*menu hover colour*/
#menu a:hover {
	color: #cccccc;
	}
	
/*submenu background colour*/
#menu ul ul {
	background-color: #666666;
	}
/*submenu buttons*/
#menu li li a {
	border: none;
	text-transform: none;
	}
.container #menu #menuList {
	width: 740px;
	margin-left: 0px;
	*margin-left: 0px; /* IE 7 and below */
   _margin-left: 0px; /* IE 6 and below */
}
#menu li.first a {
	padding-left: 20px;
}

#menu li.last a {
	*padding-left: 10px;
	_padding-left: 15px;
}

#menu li.sfhover ul,
#menu li.sfhover li.sfhover li.sfhover ul {
	font-size: 0.8em;
}

/* --------------------------------------------------
4. Text
-----------------------------------------------------*/
/*body text*/
body {
	color: #000;
	}
	
/*paragraph text*/
p {
	font-size: 1em;
	}
	
/*general links*/
a:link,
a:visited {
	font-size: 1.1em;
	font-weight: bold;
	color: red;
	}

a:hover {
	color: #BBBBBB;
	}
		
/*page heading*/
h2 {
	font-size: 1.5em;
	margin-bottom: 5px;
	color: #000;
	}
	
/*page subheading*/
h3 {
	font-size: 1.1em;
	margin-bottom: 3px;
	}

/*footer text*/
#footer p {
	font-size: 0.9em;
	}
/*footer links
#footer {
background-image: url(../img/wrap_bg.gif);
}
*/
#footer,
#footer a:link,
#footer a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	}
/*footer link hover*/
#footer a:hover {
	color: #cccccc;
	}
	
/*disclaimer text (mainly used for calcs)*/
.disclaimer {
	font-size: 0.9em;
	}

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

/*fieldset border*/
form fieldset {
	border: 1px solid #000;
	}
/*fieldset heading*/
form legend {
	color: #000;
	font-weight: bold;
	}
form fieldset#criteria legend {
	color: #000;
	font-weight: bold;
}
/*required fields text*/
form em span,
form .required {
	color: red;
	font-weight: bold;
	}
/*submit button*/
form fieldset.submit input {
	background-color: #000;
	border: none;
	color: #FFFFFF;
	}
.container #sub-section p a {
	font-size: 1.0em;
	font-weight: bold;
	color: #fff;
}
.container #sub-section p a:hover {
	font-size: 1.0em;
	font-weight: bold;
	color: #fff;
}
.container #sub-section {
	font-size: 1.0em;
	font-weight: bold;
	color: #000;
}
.container #sub-section h3 {
    margin-top: 10px;
	margin-bottom: 10px;
    color: #fff;
}

/* --------------------------------------------------
6. Home Page Elements
-----------------------------------------------------*/

/*Quick Search
-------------------*/
		
/*quicksearch button*/
body#home #sub-section form .submit input {
	font-size: 1.0em;
	font-weight: bold;
	background-color: #000;
	}
	
body#home #sub-section legend {
	font: bold 1.8em arial;
	color: #fff;
	}

/*Property of the Week
-------------------*/

#pow {
	border-top: 1px solid #c7c7c7;
	padding-top: 10px;
	}
#pow img {
	border: none;
	}
#pow h3 {
	text-transform: uppercase;
	color: #2f3254;
	}
#pow a {
	color: #2f3254;
	text-decoration: none;
	font-weight: bold;
	}	

/* --------------------------------------------------
7. Integrated Search
-----------------------------------------------------*/

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

/*search box*/
body#listing #filter {
	background-color: #FFF;
	}	
/*heading*/	
body#listing #filter h3 {
	color: #000;
	}
/*field labels*/	
body#listing #filter label,
body#listing #filter strong {
	color: #000;
	}	
/*search box input fields*/
body#listing #filter select,
body#listing #filter input {
	background-color: #EEE;
	border: 1px solid #999;
	color: #666;
	}
/*search box button*/
body#listing #filter input.button {
	background-color: #000;
	border: none;
	color: #FFFFFF;
	}

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

/*results bottom border*/
body#listing .property {
	border-bottom: 1px solid #000;
	}
/*results property image*/
body#listing .property .image img {
	border: 1px solid #000;
	}
/*results property title*/
body#listing .property .details h3 {
	background-color: none;
	color: red;
	font-size: 1.2em;
	font-style: italic;
	}
/*results bed bath car text*/
body#listing .property .features {
	font-weight: bold;
	color: #000;
	}
/*results price text*/
body#listing .property h4 {
	font-size: 1em;
	font-style: italic;
	}
body#listing .details p a {
	font-size: 1.0em;
	font-weight: bold;
	color: red;
}

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

/*details property address*/
body#detail #content h3 {
	font-size: 1.4em;
	margin: 0;
	padding:0;
	}
/*details property title*/
body#detail #content h4 {
	font-size: 1.2em;
	}
/*section heading*/
body#detail #content h5 {
	font-size: 1.1em;
	font-style: italic;
	color: red;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	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 #000;
	}
/*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;
	}
body#detail #toolslist li a, body#detail .officedetails dd a, body#detail .agentdetails dd a{
	font-size: 1em;
	font-weight: bold;
	color: red;
}

body#detail #toolslist li a:hover, body#detail .officedetails dd a:hover, body#detail .agentdetails dd a:hover{
	background-color: red;
	color: #fff;
}
/* Slideshow 
------------------*/

/*background color*/
#customSlideshow {
	background-color: #6B6B6B;
	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;
	} 	

/* --------------------------------------------------
8. Change Staff Details
-----------------------------------------------------*/

/*staff member bottom border*/
body#staff dl {
	border-bottom: 1px solid #CCC;
	}
/*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;
	}

/* --------------------------------------------------
9. PDF
-----------------------------------------------------*
//*download pdf icon and link*/ 
#buttonPdf a {
	background-image: url(../img/ico_pdf.gif);
	} 
#buttonDownload a { 
	background-image: url(../img/ico_acrobat.gif);
	}		

/* --------------------------------------------------
10. Home Page Hero Image/ Animation 
-----------------------------------------------------*/
/*use this div for either an animation or static background image (760px x 145px)*/
#animate { background-image:;}		
			
/* --------------------------------------------------
Any customisation to go here
-----------------------------------------------------*/
body#listing .searchNavigation a {
	color: red;
}
body#listing .searchNavigation a:hover {
	background-color: red;
	color: #fff;
}

body#home #sub-section form {
	margin: 0px 10px 10px 0;
	padding: 10px 0 10px 0;
	width: 155px;
	}
	
body#detail #sub-section {
	margin: 0px 0px 10px 8px;
	padding: 10px 0 10px 0;
	width: 150px;
	float: left;
	}