/* --------------------------------------------------------------

    base.css

    Author:
    Date:

    This is the main stylesheet

    +top

--------------------------------------------------------------

  +Resets default browser CSS styles

-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ul, li, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
}

/* --------------------------------------------------------------

    +Default Styles

-------------------------------------------------------------- */


body {
	text-align: center;
	font-size: 62.5%;
	font-family: Verdana, Arial, 'Lucida Grande', 'Lucida Sans', Helvetica, Verdana, Sans-Serif;
	background-color:#BEBEBE;
	}
	
/* --------------------------------------------------------------

    +Layout

    -- This is the optimum layout for 1024px
    -- Individual column width 93px
    -- 9 column layout
    -- margin 14px

-------------------------------------------------------------- */

#top 	{ width: 100%; margin: 0 auto; padding: 0; position: relative;  }
#shell 	{ margin: 0 auto; position: relative; background-position:top; background-repeat:repeat-x; }
#page 	{ float:left; width:100%; padding:20px 0; min-width:750px; }

p#powered { clear:both; text-align:center; padding-top:10px; margin:0; font-size:1em; }

a:hover { text-decoration:none; }

strong { font-weight:bold; }
em { font-style:italic; }

/* --------------------------------------------------------------

    +Typography + Headings

-------------------------------------------------------------- */

p, ul, ol, blockquote, dd, dt, table { font-size: 1.2em; line-height: 1.8em; }
ul ul,
ol ul,
ol ol,
ol ul { font-size:1em; }

p { margin:1em 0 1.5em 0; padding:0 20px; }
ul { margin:1em 0 1.5em 0; padding:0 0 0 3em; }
ul li { line-height:2.0em; }


/* Lists ----------------------------------------------------- */

dl { margin-bottom: 2em; display:block; float:left; width:100%; }
dt { margin-bottom: 0.35em; clear:both; float:left; width:20%; font-weight:bold; margin-left:20px; }
dd { margin-bottom: 0.35em; float:left; }


ul.inline-list { float: left; }
ul.inline-list li { float: left; display: inline; }

/* Headings -------------------------------------------------- */

h1, h2, h3, h4, h5 {
	font-family: Arial, 'Lucida Sans', Verdana, Arial, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
	font-weight: bold;
	clear: none;
	line-height: 1.5em;
	}

h1 { font-size: 2.3em; margin-bottom: 0.667em; padding:0 20px; }
h2 { font-size: 2.7em; margin-bottom: 0.889em; padding:0 20px; font-weight:normal;  }
h3 { font-size: 1.7em; margin-bottom: 0.889em; padding:0 20px; clear:both; }
h4 { font-size: 1.7em; margin-bottom: 1.066em; padding:0 20px; }
h5 { font-size: 1.3em; margin-bottom: 1.2307em; padding:0 20px; }
h6 { font-size: 1.1em; margin-bottom: 1.5em; padding:0 20px; }

/* --------------------------------------------------------------

    +Search

-------------------------------------------------------------- */

#search { width:977px; margin:0 auto; text-align:left; }
#search fieldset { padding:0 10px 20px 10px; border-width:1px 0 0 0; border-style:solid; }
#search fieldset ol { list-style:none; margin:0; padding:0; }
#search fieldset ol li { padding:10px 0; border-width:0 0 1px 0; border-style:solid; width:100%; float:left; }
#search fieldset ol li label,
#search fieldset ol ul li label { float:left; width:150px; text-align:right; margin-right:10px; }
#search fieldset ol li input,
#search fieldset ol li select { float:left }
#search fieldset ol li input.textbox { width:300px; padding:5px; border:1px solid #CCC; }
#search fieldset ol li.type select,
#search fieldset ol li.area select { width:310px; height:100px; }
#search fieldset ol li em { float:left; width:120px; font-size:0.8em; line-height:1.2em; margin-left:10px; font-style:italic; }
#search fieldset ol li.sector label span { visibility:hidden; }
#search fieldset ol li.quicksearch input{ margin-right:10px; }
#search fieldset ol li.quicksearch select{ margin-right:10px; }
#search fieldset ol ul { list-style:none; margin:0; padding:0; }
#search fieldset ol ul li { padding:0 0 5px 0; border-width:0; }
#search fieldset ol ul.radio-set li { display:inline; width:auto; }
#search fieldset ol ul.radio-set li label { text-align:left; width:auto; }
#search fieldset input.submit { margin:10px 0 10px 160px; font-size:1.6em; }

/* --------------------------------------------------------------

    +Results

-------------------------------------------------------------- */

#results { text-align:left; margin:0 20px; }
#results h2 { padding:0; }
#results ul {  border-width:1px 0 0 0; border-style:solid;list-style:none; margin:2em 0; padding:0; font-size:1em; }
#results ul li { float:left; width:100%; margin-bottom:5px; }
#results ul li div { float:left; margin:10px; text-align:center; font-weight:bold; font-size:1.4em; }
#results ul li div img { border-width:1px; border-style:solid; padding:5px;  }
#results ul li ul { float:right; list-style:none; margin:10px; border-width:0; width:150px; font-size:1.2em; font-weight:bold; height: 106px;}
#results ul li ul li { float:none; width:auto; border-width:0; display:block; margin:0; background-color:transparent; padding:0 10px; }
#results ul li h3 { clear:none; margin:0.8em 0 0.3em 140px; padding:0 20px 0 0; font-size:2em; font-weight:normal; }
#results ul li span { float:right; }
#results ul li p { margin:0 0 0 140px; padding:0 20px 0 0; }

/* --------------------------------------------------------------

    +Brochure

-------------------------------------------------------------- */

#brochure { width:977px; margin:0 auto; text-align:left; }
#details	{ min-width:383px; max-width:610px; float:left; clear:both; padding-top:20px; }
#media 		{ float:left; width:367px; }
#media h3 { margin:0; padding:0; }

#brochure dl { border-width:0 0 1px 0; border-style:solid; padding-bottom:20px; }
#brochure dl { border-width:0 0 1px 0; border-style:solid; padding-bottom:20px; width:60%; }
#brochure dt { width:120px; }
#brochure dd { margin-bottom: 0.35em; float:left; }
#description	{ clear:both; }

.dialog dt { margin-left:10px; font-weight:normal; width:30%; text-align:left; }
.dialog dd { margin-left:10px; font-weight:normal; width:55%; text-align:left; }
#contactagent { float:right; width:40%; margin-top:-30px; }
#contactagent ul { margin:0 0 10px 0; padding:0; list-style:none; }
#contactagent h3  { margin:0; text-align:center; padding:1em 0 0 0; }
#contactagent p   { margin:0; text-align:center; padding:0.5em 0 1em 0; }
#contactagent a { font-weight:bold; }
#contactagent ul li a { padding:5px 10px; text-decoration:none; background-image:url(icons.gif); background-repeat:no-repeat; }
#contactagent ul li.print-this a,
#contactagent ul li.email-this a { background-image:url(icons-grey.gif); }
#contactagent ul li.email-this a { background-position: 0 2px; padding-left:25px; }
#contactagent ul li.print-this a { background-position: 0 -19px; padding-left:25px; }


#brochure h2 span.price { font-size:0.8em; }

#controls { list-style:none; margin:0 10px; padding:10px 0; height:20px; border-width:0 0 1px 0; border-style:solid; white-space:nowrap; }
#controls li { display:inline; margin-bottom:10px; }
#controls li.back { float:left; }
#controls li.next,
#controls li.prev,
#controls li.next-deselected,
#controls li.prev-deselected,
#controls li.print-this,
#controls li.email-this { float:right; margin-left:10px; }
#controls li a { padding:5px 10px; text-decoration:none; background-image:url(icons.gif); background-repeat:no-repeat; }
#controls li.print-this a,
#controls li.email-this a { background-image:url(icons-grey.gif); }

#controls li.back a { background-position: 0 -40px; padding-left:25px; }
#controls li.next a { background-position: right 2px; padding-right:25px; }
#controls li.next-deselected a { background-position: right 2px; padding-right:25px; }
#controls li.prev a { background-position: 0 -19px; padding-left:25px; }
#controls li.prev-deselected a { background-position: 0 -19px; padding-left:25px; }

#controls li.next-deselected a,
#controls li.prev-deselected a { cursor:default; }

#controls li.email-this a { background-position: 0 2px; padding-left:25px; }
#controls li.print-this a { background-position: 0 -19px; padding-left:25px; }

/* Photos -------------------------------------------------- */

#photos { float:right; width:305px; margin:10px 10px 0 10px; padding:19px; }
#main-photo { display:table-cell; border-width:1px; border-style:solid; vertical-align:middle; text-align:center; height:234px; }
#main-photo img { vertical-align:middle; padding:1px; }

#imageThumbs { margin: 14px 0; padding: 0; list-style: none; }
#imageThumbs .imageThumb {
	float: left;
	margin: 10px 5px 6px 0;
	display: inline;
	min-height: 84px;
	background-color: #fff; 
	}
#imageThumbs div {
	vertical-align: middle;
	display: table-cell;
	width: 96px;
	height: 84px;
	border: 1px solid #ccc;
	text-align: center;
	}
#imageThumbs .imageThumb img { border: 1px solid #fff; vertical-align: middle; }
#imageThumbs .last { margin-right: 0; }

#add ul { list-style:none; padding:5px 0 3px 0; margin:0; clear:both; }
#add ul li { margin:0 0 2px 0; float:left; width:305px; padding:0; }
#add ul li a { display:block; padding:1px 10px; text-decoration:none; background-image:url(icons.gif); background-repeat:no-repeat; }
#add ul li.streetview a { background-position: 0 -60px; padding-left:25px; }
#add ul li.download a { background-position: 0 -81px; padding-left:25px; }
#add ul li.contact a { background-position: 0 -102px; padding-left:25px; }
#add ul li.slideshow a { background-position: 0 -124px; padding-left:25px; }

#map { float:right; width:303px; margin:0 10px 10px 10px; padding:20px; }
#map iframe { border-width:1px; border-style:solid; }



/* --------------------------------------------------------------

    +Colours

-------------------------------------------------------------- */

body,
h1, h2, h3, h4, h5				{ color:#333; }
body, #top
#page
#results									{ border-color:#000; }

#search fieldset,
#results ul li div img,
#controls,
#brochure dl,
#main-photo,
#thumbs li div,
#map iframe								{ border-color:#CCC; }

#results ul li,
#map,
#photos 									{ background-color:#F0F0F0; }

#results ul li ul					{ background-color:#E0E0E0; }

#results ul li div img,
#main-photo,
#thumbs li div					{ background-color:#fff; }

#search fieldset ol li		{ border-color:#EEE; }

#results ul li ul li.status,
#contactagent h3,
#contactagent p,
#contactagent h3 a,
#contactagent p a,
#controls li a,
#add ul li a							{ color:#fff; }

#controls li a,
#add ul li a							{ background-color:#193975; }
#controls li a:visited,
#add ul li a:visited 			{ background-color:#193975; }
#controls li a:hover,
#add ul li a:hover 				{ background-color:#395c9d; }
#controls li a:active,
#add ul li a:active 			{ background-color:#c00; }

a:link 										{ color:#193975; }
a:visited 								{ color:#193975; }
a:hover,a:visited:hover 	{ color:#395c9d; }
a:active,a:visited:active	{ color:#c00; }

#contactagent h3,
#contactagent p,
#results ul li ul li.status,
.highlightcell 						{ background-color:#193975; }

#controls li.print-this a,
#controls li.email-this a,
#brochure h2 span.price 	{ color:#999; }
#brochure h2 span.price span { color:#CCC; }


#controls li.print-this a,
#controls li.email-this a					{ background-color:#EEE; }
#controls li.prev-deselected a,
#controls li.next-deselected a		{ background-color:#999; }
#controls li.print-this a:hover,
#controls li.email-this a:hover		{ background-color:#E6E6E6; }