/* -------------- Columns --------------- */

body{
	min-width: 850px;	/* Largest article photo is ~500px wide. NB: Assumes unit is px! */
	max-width: 1754px;	/* This is the width at which header_left.jpg (see #navbar) runs out and a gap is displayed */
	border-bottom: 1px solid #000;
}

/* Column wrapper (required!) */
#header,
#content,
.columnWrapper {
	padding-left: 0px;
	padding-right: 350px;
	overflow: hidden;
	position:relative;
}

/* Common column attributes */
#navbar,
#hotline,
#article,
#features,
.leftColumn,
.centreColumn,
.rightColumn {
	position: relative;
	float: left;
}

/* Vertically stretch columns */
#content #article,
#content #features,
.verticalStretch {
	padding-bottom: 20010px;
	margin-bottom: -20000px;
}

/* Left column */
#left,
.leftColumn {
	width: 0px;
	padding: 0 0px;
	right: 0px;
	margin-left: -100%;
	background-color: red;

}

/* Liquid center column */
#navbar,
#article,
.centreColumn {
	width: 100%;
	padding-left: 0;
	padding-right: 3px;
	margin-left: 0;
	margin-right: -3px;
	background-color: #fff;

}

/* Right column */
#hotline,
#features,
.rightColumn {
	border-left: 0px double #fff !important;
	margin-left: -3px;

	width: 320px;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: -353px;
	left: 0;
}

/*** IE6 Fixes ***/
* html .leftColumn,
* html #left {
	left: 350px;
}
* html .centreColumn,
* html #navbar,
* html #article {
	left: 0;
}
* html .rightColumn,
* html #hotline,
* html #features {
	left: 0;
}

/* -------------- top row --------------- */
#header{
	padding-right: 347px;	/* Make it 3px wider, so the border from #hotline can be moved 3px left to overlap this */
}

#nav{
	margin-top:93px;
}

#gads{
	position: absolute;
	top: 0px;
	right: 96px;
}

#gads_map{
	position: absolute;
	bottom: 41px;
	right: 8px;
}
#navbar{
	color: #fff;
	background-color: #fff;
	background-image: url(/lib/tpl/fitz/images/left_header_new.jpg);
        background-position:right;
	background-repeat: no-repeat;
        height:90px
}
#navbar a {
	color: #fff;
	text-decoration: none;
}
#navbar ul {
	margin: 0;
	height: 3.25em;
	overflow: hidden;
	background-color: #5aac70;
}
#navbar ul li {
	width: 100px;
	height: 3.25em;
	list-style: none;
	text-align: center;
	display: inline-block;
	float: left;
	border-right: 0px double  #fff;
	padding: 0px 10px;
}
#navbar ul li:hover {
	background-color: #abc;
}

#hotline {
	padding-top: 93px;
	margin-left: -6px;	/* Move left 3px and overlap #header (doubled because #header affects us twice) */

	/* RIGHT COLUMN: Redefine width and remove padding */
	padding-left: 0;
	padding-right: 0;
	width: 350px;

	background-image: url(/lib/tpl/fitz/images/right_header_new.jpg); 
	background-repeat: no-repeat; 

	text-align: right;
	color: #fff; 
}
#hotline p{
	margin: 0 !important;
	padding-top: 0.75em;
	padding-right: 10px !important;

	font-size: 125%;

	height: 1.85em;	/* Font-size affect height, so reduice heigh appropriately, then remove padding-top */

	background-color: #5aac70;
}
#hotline strong {
	color: #000;
}

/* -------------- content ("middle rows") --------------- */

#content,
#widecontent,
#searchcontent,
.columnWrapper {
	margin-top: 3px;
}

#widecontent {
	padding: 10px;
}

#content h1,
#searchcontent h1,
.columnWrapper h1{
	border: none;
	padding: 0;
	margin: 0;

	border-bottom: 1px solid #fff;

	padding-left: 30px;
	padding-top: 0.5em;
	padding-bottom: 0;
	margin-right: -3px;	/* Overlap right column border */

	font-size: 130%;
	font-weight: normal;

	display: block;
	height: 2em;	/* Font-size affect height, so reduice heigh appropriately, then remove padding-top */

	background-color: #294637;
	color: #fff;
}

#content h2,
.columnWrapper h2{
	border: none;
	padding: 0;
	margin: 0;

	border-bottom: 1px solid #fff;

	padding-left: 30px;
	padding-top: 0.5em;
	margin-right: -3px;	/* Overlap right column border */

	font-size: 150%;
	font-weight: bold;

	display: block;
	height: 1.66666666667em;	/* Font-size affect height, so reduice heigh appropriately, then remove padding-top */

	background-color: #5aac70;
	color: #fff;
}
#features h1,
#features h2,
#features h3,
.rightColumn h1,
.rightColumn h2,
.rightColumn h3 {
	/* Undo right-column padding */
	margin-left: -15px;
	margin-right: -15px;
	width: 350px;
}
.rightColumn h3,
#features h3 {
	border: none;
	border-bottom: 1px solid #fff;

	padding-left: 30px;
	padding-top: 0.5em;
	padding-bottom: 0;
	margin-right: -3px;	/* Overlap right column border */

	font-size: 125%;
	font-weight: bold;

	display: block;
	height: 2.1em;	/* Font-size affect height, so reduice heigh appropriately, then remove padding-top */

	background-color: #5aac70;
	color: #fff;
}

/* All first-level children should be padded (traditional padding on #article does scary things) */
.centreColumn > *,
#article > * {
	padding-left: 15px;
	padding-right: 15px;
}
/* Same, but for IE6 which doesn't support the ">" selector */
* html .centreColumn div.level1,
* html .centreColumn div.level2,
* html .centreColumn div.level3,
* html .centreColumn div.level4,
* html .centreColumn div.level5,
* html .centreColumn div.level6,
* html #article div.level1,
* html #article div.level2,
* html #article div.level3,
* html #article div.level4,
* html #article div.level5,
* html #article div.level6 {
	margin-left: 15px;
	margin-right: 15px;
}







.property_controls,
#property_controls {
	margin: 0;
	padding: 0;
	background-color: #b5dabf;
	color: #fff;
	text-align: center;
}
.property_controls {
	margin-left: -15px;
	margin-right: -15px;
}
#property_controls img {
	border: none;
	border-top: 1px solid #fff;

	padding: 0;
	margin: 0;
	margin-bottom: -3px;	/* Otherwise a few pixel of #property_controls jut out below the image in IE */
	width: 100%;
}
#property_controls a {
	color: #fff;
	text-decoration: none;
}
#property_controls ul {
	margin: 0;
	padding: 0;
}
#property_controls ul li {
	list-style: none;
	text-align: center;
	display: inline;
	padding: 0;
}
.property_controls .property_controls_info,
#property_controls #info {
	padding-top: 10px;
	margin-bottom: 10px;
}
#property_controls #info ul li {
	background-color: #294637;
	padding: 5px 10px;
	margin: 5px 2px;
}
#property_controls #info ul li strong {
	padding: 5px 10px;
	margin-top: -5px;
	margin-bottom: -5px;
	padding-left: 0;	/* Because the parent span already pads the left edge of this child */
	margin-right: 5px;
	border-right: 1px solid #b5dabf;
}
#property_controls #email{
	margin: 0.5em;
	padding: 0.5em;
	color: #000;
	border: 1px dashed #000;
}
#property_controls #email a{
	color: #000;
}
#property_controls #email p{
	width: 40em;
	margin: 0.5em auto;
}
#property_controls #email table{
	margin: 0.5em auto;
}
#property_controls #email table th{
	text-align: right;
	vertical-align: top;
	padding-right: 1em;
}
#property_controls #email table td{
	text-align: left;
}
#property_controls #email_friend{
	margin: 0.5em;
	padding: 0.5em;
	color: #000;

	border: 1px dashed #000;
}
#property_controls #email_friend a{
	color: #000;
}
#property_controls #email_friend p{
	width: 40em;
	margin: 0.5em auto;
}
#property_controls #email_friend table{
	margin: 0.5em auto;
}
#property_controls #email_friend table th{
	text-align: right;
	vertical-align: top;
	padding-right: 1em;
}
#property_controls #email_friend table td{
	text-align: left;
}
.property_controls .property_controls_buttons,
#property_controls #buttons {
	margin: 0;
	padding: 0;
	background-color: #6bb47f;
	height: 1.75em;
	border-top: 1px solid #fff;
}
.property_controls .property_controls_buttons{
	position: relative;
	top: 3px;
	border-bottom: 1px solid #fff;
}
#property_controls #buttons ul li {
	margin: 0;
	border-right: 1px solid #b5dabf;
	border-left: 1px solid #b5dabf;
	background-color: #6bb47f;	/* This redeclaration hides overlapping borders */
	padding: 4px 8px;
	margin: 0 -3px;
	padding-top: 2px;
}
#property_controls #buttons ul li:hover {
	background-color: #abc;
}
#property_controls #buttons ul li a {
	text-decoration: none;
}

form#askaquestion {
	display: block;
}
form#askaquestion h2{
	margin-top: 1em;
	margin-bottom: 1em;
}
form#askaquestion input,
form#askaquestion textarea{
	width: 100%;
	margin-bottom: 0.5em;
}
form#askaquestion input.chevron {
	width: auto;
	float: right;
}
form#askaquestion textarea{
	height: 10em;
}



div#featured_properties div#feat1,
div#featured_properties div#feat2,
div#featured_properties div#feat3 {
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
}
div#featured_properties div a img.banner {
	width: 100%;
	/* Compensate for below padding */
	margin-top: -4px;
	padding-bottom: 4px;
}
div#featured_properties a.captionLink {
	background-color: #899991;
	display: block;
	color: #fff;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: right;
	vertical-align: bottom;
}
div#featured_properties a.captionLink:hover {
	text-decoration: none;
}
div#featured_properties h2 {
	display: none;
}
div#featured_properties p {
	padding: 0.5em 10px;
}
div#featured_properties ul.feature_attributes {
	list-style: none;
	margin:0pt 0pt 0.5em 10px;
}

div#weather {
	margin: 1em;
	text-align: center;
}
div#weather .heading{
	font-size: 90%;
	font-weight: bold;
	margin-bottom: 0.25em;
}
div#weather .updated{
	margin-top: 0.5em;
	font-size: 90%;
	color: #888;
	font-style: italic;
}

tr.login {
	font-size: 90%;
	font-style: italic;
	color: #888;
}
tr.login td.email {
	text-align: left;
}
tr.login td.password {
	text-align: right;
}

form.wide {
	width: 90%;
}
form.wide p {
	padding-left: 15px;
	padding-right: 15px;
}
form.wide table {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
form.wide table textarea,
form.wide table input {
	width: 25em;
}
form.wide table input[size]{
	width: auto;
}
form.wide table th[colspan] {
	text-align: center;
	font-size: 110%;
	background-color: #fff;
	padding-top: 1em;
}


#thumbnails{
	margin-bottom: 1em;
	text-align: center;
}
#thumbnails table{
	margin: 0 auto;
}



#features {
	background-color: #b5dabf;
}
#features #noteable_features{
	font-size: 90%;
}


div.sidebar ul {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 0;
  font-size: 90%;
}
div.sidebar ul li.level1 {
  position: relative;
  background-color: #5aac70;
  color: #fff;
  list-style: none;
  marker-offset: 0;
  margin: 0;
  border-bottom: 1px solid #fff;
  padding: 6px;
}
div.sidebar ul li.level1:hover{
  background-color: #abc;
}
div.sidebar ul li.level1 a{
  color: #fff;
  margin: 0;
}
div.sidebar ul li.level1 a:hover{
  background-color: #abc;
}
div.sidebar ul li.level1 ul,
div.sidebar ul li.level1 ol {
  color: #fff;
  padding-left: 1em;
}

/* -------------- bottom row --------------- */

div#disclaimer{
  border-top: 1px solid #000;
  text-align: center;
}

#footer{
	position: relative;
	clear: both;
}

.infobar{
	position: static;
	border-top: 1px solid #888;
}
.infobar .userinfo{
	float: left;
	text-align: left;
}
.infobar .pageinfo{
	float: right;
	text-align: right;
}
.page_controls{
	border-top: 1px solid #888;
	background-color: #f2f6f5;
	text-align: center;
	padding: 0.25em 0.25em 3em 0.25em;
}

.page_controls fieldset{
	display: block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}



/* ---------------  Media Selection  ----------------- */

div.uploadform {
  margin-top: 0.5em;
  border-top: 1px solid #8cacbb;
}

#mediapage{
  padding: 10px;
}
#mediapage h1{
  margin-bottom: 0;
}
#mediapage hr{
  border-color: #8cacbb;
}
#mediapage table{
  width: 100%;
}
#mediapage td{
  border: 1px solid white;
}
.mediafiles td.mediapreview{
  vertical-align: top;
  width: 120px;
}
.mediafiles td.mediainfo{
  background-color: #f0f0f0;
  height: 1.5em;
  vertical-align: middle;
  padding-left: 4px;
}
.mediafiles .divider{
  border-bottom: 1px solid #8cacbb
}
.mediafiles .mediacontrols{
  vertical-align: top;
  text-align: left;
  width: 11em;
}
.mediafiles .mediacontrols input{
  width: 10em;
}
.mediafiles .mediameta{
  vertical-align: top;
}

div.mediaref_head {
	margin-left:0.5em;
}

div.mediaref .search_result {
	padding-left:1em;
}

.mediaref_ref {
	color:#009900;
}

div.mediaref_hidden {
	margin-top:1em;
	text-align:center;
	font-size:1.2em;
	color:#BB0000;
}

div.mediaref_footer {
	margin-top:1em;
	text-align:center;
}