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

	base.css

	Author: Paul Woods
	Date: Nov 07

	This is the main stylesheet for Michael Hannath.

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

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

  +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;
}

/* Main Styles
-------------------------------------------------------------- */

body {
	margin:0;
	padding:0;
	height:100%;
	font-size: 100%;
	font-family: verdana,sans-serif;
	color:#212121;
	text-align: center;
	background-image:url(/images/structure/site-bg2.gif);
	line-height: 1.2em;
}

div {
	text-align:left;
}

	/* Images */

	img { border:0; }

	/* Links */

	a:link { color:#1d3571; }
	a:visited { color:#637bb9; }
	a:hover { color:#B43625; }
	a:active { color:#e3442f; }

/* Site Structures
-------------------------------------------------------------- */


#siteSurround {
	text-align:center;
	width:1042px;
	margin:20px auto 10px auto;
}

#siteISurround {
	float:left;
	width:1042px;
	text-align:center;
	background-image:url(/images/structure/site-shadow.gif);
	background-repeat:repeat-y;
	background-position:center;
	margin:0 0 30px 0;
}

#siteContainer {
	width:990px;
	float:left;
	margin-left:26px;
	background-color:#fff;
}

#siteLeftBar {
	float:left;
	background:url(/images/structure/site-keyword-graphic.gif) no-repeat;
	min-height:900px;
	width:26px;
	font-size:1px;
}

/* Header
-------------------------------------------------------------- */

h1#header {
	margin:0;
	padding:0;
	height:169px;
	background-color:#384d6f;
	background-image:url(/images/masthead/background.jpg);
	border-width:1px 0 1px 1px;
	border-style:solid;
	border-color:#fff;
}

h1#header span { display:none; }

h2 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size:180%;
}

/* Main Menu
-------------------------------------------------------------- */

ul#mainMenu {
	list-style:none;
	margin:0;padding:0;
	border-width:0 0 1px 1px;
	border-style:solid;
	border-color:#fff;
}

ul#mainMenu li {
	padding-bottom:4px;
	background:#a9a9a9;
	float:left;
	border-right:1px solid #fff;
}

ul#mainMenu li a {
	display:block;
	padding:5px 0;
	text-align:center;
	border-bottom:1px solid #fff;
	background-color:#b43625;
	color:#fff;
	font-weight:bold;
	font-size:60%;
	text-decoration:none;
	text-transform:uppercase;
}

ul#mainMenu li:hover {
	background:#0d254b;
}

ul#mainMenu li a:hover {
	background-color:#0d254b;
}

	/* Menu items */

	#menuItem1 { width: 90px; }
	#menuItem2 { width: 90px; }
	#menuItem3 { width: 160px; }
	#menuItem4 { width: 114px; }
	#menuItem5 { width: 160px; }
	#menuItem6 { width: 90px; }
	#menuItem7 { width: 90px; }
	#menuItem8 { width: 90px; }
	#menuItem9 { width: 96px; }

/* Main Container
-------------------------------------------------------------- */

#mainContainer {
	float:left;
	clear:both;
	background-color:#fff;
	padding:15px 0 15px 15px;
	min-height:700px;
	font-size:85%;
}

.module, .alt-module, #services {
    padding: 12px;
    margin-bottom: 12px;
    /*background: url(/images/sitefiles/grey-grad-bg.gif) repeat-x #fff;*/
    background-color: #fff;
    }

.alt-module { padding: 0; border-top: 0;}
.alt-module-inner { padding: 0; }

#new-homes { padding-top: 0; }
#new-homes .right-icon { background: url(/images/sitefiles/icons/new-homes-icon.gif) no-repeat; height: 10px; width: 9px; }

#slideshow ul       { height:370px; }
#slideshow ul       { margin:0; padding:0; }
#slideshow ul li    { width:486px; height:370px; position:absolute;}
#slideshow ul li a.link    { display:block;height:310px;width:486px; }
#slideshow ul li a.link span    { display:none; }
#slideshow ul li h3    { color:#fff; margin-top:10px; padding:0 20px; font-size:90%; font-weight:normal; }
#slideshow ul li h3 a    { color:#fff; text-decoration:none; }
#slideshow ul li h3 span    { float:right; font-size:90%; }
#thumbs             { display:none; }


.property { padding: 10px 10px 0 10px; clear:both; }
.property img { float:left; margin-right:5px; border:1px solid #0B1A32; padding:1px; }
.property dl { margin-top:0; }
.property dt { font-weight:bold; }
/* Foot Menu
-------------------------------------------------------------- */

ul#footMenu {
	float:left;
	clear:both;
	width:978px;
	margin:0;
	padding:8px 5px;
	background-color:#0c3363;
	border-width:0 1px 1px 1px;
	border-style:solid;
	border-color:#fff;
	list-style:none;
}

ul#footMenu li { float:left; border-right:1px solid #fff; }
ul#footMenu li.last { border-right:0; }

ul#footMenu a {
	font-size:60%;
	color:#fff;
	text-decoration:none;
	padding:0 8px;
	display:block;
}

ul#footMenu a:hover {
	text-decoration:underline;
}

/* Breadcrumb
-------------------------------------------------------------- */

p#breadcrumb {
	font-size:80%;
	margin:8px 0 23px 0;padding:0;
	font-family:arial, sans-serif;
}
p#breadcrumb span.today { float:right; font-style:italic; color:#818181; }
p#breadcrumb span.today span.date { color:#212121; font-style:normal; }

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

.col { float:left;width:230px; }
.main { float:left; }
.wide { width:718px;margin:0 0 0 10px;  }
.middle { width:486px;margin:0 6px }
.half { width:355px; }

.wide2 { width:960px;margin:0 0 0 10px;  } 
.half2 { width:476px; }    

	/* Centre Content */

	.main p		{ margin: 5px 0; padding: 0 10px; }
	.main ul	{ margin: 5px 0; padding: 0 10px 0 30px; }

	.main ul.extras { font-size:80%; list-style:none; padding:0 10px; }
	.main ul.extras li { background-image:url(/images/bullets/arrow.gif); background-repeat:no-repeat; background-position:0 7px; padding:3px 0 3px 10px }

	.main h2 { margin: 10px 0; padding: 0 10px; }
	.main h2.title { background-repeat:no-repeat; height:30px; margin:10px; }
	.main h2.title span { display:none; }
	.main h3 { margin: 30px 0 10px 0; padding: 0 10px; }
	.main h4 { margin: 30px 0 10px 0; padding: 0 10px; }

	.main table { padding: 0 10px }


h2.welcome.title { background: url(/images/titles/h2/welcometomh.gif) no-repeat top left; }
/* Boxes
-------------------------------------------------------------- */

.box		{ width:100%;background-color:#f6f5f5; margin-bottom:15px; padding-bottom:3px; font-size:85%; float:left; }
.box h2	{
	background-color:#455b7e;
	background-repeat:no-repeat;
	background-position:7px 7px;
	margin:0;
	padding:5px 5px 5px 10px;
	font-size:100%;
	font-family:arial, sans-serif;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	border-width:1px 0;
	border-style:solid;
	border-color:#0b1a32 #fff #fff #fff;
	}
.box p	{ padding:0 10px; margin:5px 0; }
.box ul	{ padding:0 10px 0 20px; margin:5px 0; }
.box h3 {
	padding:0 10px;
	margin:10px 0;
	font-family:arial, sans-serif;
	font-size:150%;
	font-weight:normal;
	color:#455b7e;
}

.box .more { text-align:right;color:#3e3e3e; }
.box .more a { color:#3e3e3e; }
.box .more a:hover { text-decoration:none; }

	/* Search Box */
	.search			{ background-color:#e0e0e0; }
	.search h2	{ background-color:#b43625; border-color:#584018 #fff #fff #fff; }

	/* News Box */
	.box ul.news	{ list-style:none; }
	.box ul.news li	{ padding:5px 0; }
    
#news h3 { margin-bottom:0; font-size:125%; font-weight: bold; }
#news p { margin-top:0; }

/* Forms
-------------------------------------------------------------- */

input.button {
	padding: 2px 5px;
	background:#b33524;
	font-family:Arial, sans-serif;
	font-weight:bold;
	font-size:1em;
	color:#fff;
	border:1px solid #842d21;
	cursor:pointer;
}

input.btnNrw {
	padding: 2px 2px;
}


input.button:hover {
	background:#cd5040;
	border:1px solid #842d21;
	color:#fff;
}

input.button:active {
	background:#fff;
	border:1px solid #842d21;
  color:#cd5040;
}


/* +Featured New Developments
-------------------------------------------------------------- */
.featured-new-developments { width: 100%; margin-top: 20px; }
.featured-new-developments h2 span { display: none; }
.featured-new-developments .item { width: 215px; margin: 5px 7px; float: left; padding-top: 4px; padding-bottom: 10px; text-align:center; }
.featured-new-developments .item.last { margin-right: 0; }
.featured-new-developments .item h3 { font-size: 125%; font-weight: bold; font-family: verdana; margin-top: 5px; margin-bottom: 0; }
.featured-new-developments .item img { border: 1px solid #0B1A32; padding: 1px; margin-left: 3px; text-align: center; }
.featured-new-developments .item h4 { margin-top: 0; font-size: 100%; font-weight: normal; }
.featured-new-developments .item .button {  float: left; margin-right: 5px; }
.featured-new-developments .item .buttons { margin-left: 10px; padding-bottom: 10px; }
.featured-new-developments .item .button a { text-decoration: none; color: #fff; font-size: 95%; text-transform: uppercase; background-color: #B33524; color: #fff; padding: 4px 8px; font-weight: bold; font-family: Arial;}
.featured-new-developments .item .button a:hover { background:#cd5040; }
.featured-new-developments .item .details { height: 60px; text-align:center; }

/* search form
-------------------------------------------------------------- */

.quicksearch {
	margin-top: 10px;
	border: 1px solid #ccc;
 	background-color: #e7e7e7;
 	}

.top-bar {
	font-size: 1px; /* Fixing the height issue in ie6 */
	height: 10px;
	background-color: #c7c7c7;
	}

form#search { position: relative; padding: 10px; margin: 0; }

.sale-radio, .rent-radio, .quicksearchbox-field {
	position: relative;
	float: left;
	}

.quicksearchbox-field .overlabel {
	display: none;
	}

.sale-radio, .rent-radio { padding: 10px 0; }
.sale-radio { margin-right: 10px; }

.submit { width: 100%; }

/* property page
-------------------------------------------------------------- */


.brochureMainPhoto {
	margin:10px 0 0 0;
	text-align:center;
	height:230px;
}

.brochureMainPhoto img {
	border-width:1px;
	border-style:solid;
	border-color:#584018 #b43625 #b43625 #584018;
}



.brochureThumbs ul {
	margin: 0 10px;
	padding: 0;
	list-style-type: none

	}

.brochureThumbs ul li {
	float: left;
	margin: 0 5px;
	height:90px;
	}

.brochureThumbs ul li img {
	border-width:1px;
	border-style:solid;
	border-color:#455B7E #0b1a32 #0b1a32 #455B7E;
}


ul.brochureMainNav { list-style:none; margin:0 0 10px 0; padding:2px 0; float:left; width: 100%; background-color:#455B7E; border-top: 1px solid #0b1a32; border-bottom: 1px solid #faf7f7; }

ul.brochureMainNav li { float:left; background-color:#455B7E; width:5%; height:20px; }
ul.brochureMainNav li.NextLink { width:90%; }
ul.brochureMainNav li.BackLink a,
ul.brochureMainNav li.NextLink a,
ul.brochureMainNav li.SearchLink a { display:block; background-position:top; background-repeat:no-repeat; width:30px; height:20px; }
ul.brochureMainNav li.BackLink a,
ul.brochureMainNav li.NextLink a,
ul.brochureMainNav li.SearchLink a { display:block; background-position:top; background-repeat:no-repeat; width:30px; height:20px; }

	ul.brochureMainNav li.BackLink a { background-image:url(/images/icons/PropertyBrochure/prev.gif); }
	ul.brochureMainNav li.SearchLink a { background-image:url(/images/icons/PropertyBrochure/return.gif); }
	ul.brochureMainNav li.NextLink a { background-image:url(/images/icons/PropertyBrochure/next.gif); float:right; }

ul.brochureMainNav li.BackLink a:hover,
ul.brochureMainNav li.NextLink a:hover,
ul.brochureMainNav li.SearchLink a:hover { background-position:bottom; }
ul.brochureMainNav li.BackLink a span,
ul.brochureMainNav li.NextLink a span,
ul.brochureMainNav li.SearchLink a span { display:none; }

h2.address { color:#b43625; }

/* BASIC FORM */

#content form.dsForm { margin:10px 0; }

form.dsForm fieldset {
  margin: 0 0 10px 0;
  padding:2px 2px;
	border: 0;
}
form.dsForm legend {
  padding: 0 2px;
  font-size:100%;
  font-weight: bold;
	_margin: 0 -7px; /* IE Win */
}

form.dsForm li legend {
  font-size:100%;
}

form.dsForm label {
  display: block;
  margin:0 4px 2px 0;
  vertical-align: top;
}
form.dsForm label span {
	width:120px;
	display:block;
}
form.dsForm fieldset ol {
  margin: 0;
  padding: 0;
}
form.dsForm fieldset li {
  list-style: none;
  padding: 2px 10px;
  clear:both;
  margin: 0 0 3px 0;
}

form.dsForm fieldset li select { width:205px; }

form.dsForm fieldset li:hover {
  background:#f6f5f5;
}

form.dsForm fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.dsForm fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.dsForm fieldset fieldset label {
  display: block;
  width: auto;
}

form.dsForm em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

/* form.dsForm label { width: 100px; }  Width of labels */
form.dsForm fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */


/* results page
-------------------------------------------------------------- */

.resultInfo { padding: 5px;clear:both; font-size: 80%; background:#455b7e; border-top: 1px solid #0b1a32; border-bottom: 1px solid #faf7f7; }

.resultInfo table { border: none; width: 100%; color:#fff;  }

.resultInfo table .count { width: 210px; }
.resultInfo table .count a { color:#fff; }
.resultInfo table .page  { width: 120px; }
.resultInfo table .pages a { color:#fff; }

.resultItem {
	margin: 5px 0 0 0;
	background-color: #f6f5f5;
	border-bottom: 1px solid #E0E0E0;
	float:left;width:100%;
	font-size:80%;
	}

.resultItem:hover {
	background-color: #eaeef4;
	border-bottom: 1px solid #d1dae8;
	}


.resultItem h3 {
	font-family: Arial, sans-serif;
	font-size: 150%;
	margin:5px 0 0 0;
	font-weight:normal;
}

.resultItem p {
	margin-top:5px; padding:0 10px 0 0;
}

.resultThumb { float:left; margin:-18px 20px 5px 10px;width:180px;height:125px;text-align:center; }
.resultThumb img { border:1px solid #455B7E; }


.resultItem .left  { float: left; width: 210px; }
.resultItem .right {  }

.resultsPrice { background:#E0E0E0; }
.resultItem:hover .resultsPrice { background-color: #d1dae8; }
.resultsPrice p { font-family:arial, sans-serif; font-size:140%; color:#455b7e; padding: 4px 10px 4px 210px; margin:0; text-align:right; font-weight:bold; }

ul.resultStats { list-style:none; }
ul.resultStats li { text-align:right; font-family:arial, sans-serif; float:left; width:95px; background-color: #e0e0e0; padding:4px; margin-left:3px; }
ul.resultStats li.Bedrooms, ul.resultStats li.ReceptionRooms { background-repeat:no-repeat; }
ul.resultStats li.ReceptionRooms { background-image:url(/images/icons/PropertyStats/rcpts.gif); }
ul.resultStats li.Bedrooms { background-image:url(/images/icons/PropertyStats/beds.gif); }
ul.resultStats li.ReceptionRooms { background-image:url(/images/icons/PropertyStats/rcpts.gif); background-repeat:no-repeat; }
ul.resultStats li.PropertyType { background-color:#b43625; color:#fff; width:158px; margin-left:0; }
ul.resultStats li.PropertyType span { color: #fff; }
ul.resultStats li span { color:#b43625; font-weight:bold; text-transform:uppercase; }

.resultItem:hover ul.resultStats li { background-color: #d1dae8; }
.resultItem:hover ul.resultStats li.PropertyType { background-color: #455B7E; }
.resultItem:hover ul.resultStats li span { color:#455B7E; }
.resultItem:hover ul.resultStats li.PropertyType span { color:#FFF; }

/* Developments
-------------------------------------------------------------- */
table.developments { width:100%; }
table.developments td { vertical-align:top; background-color:#f6f5f5;font-size: 80%; text-align:center; }
table.developments td td { font-size: 100%; height:210px; }
table.developments td h3 {
	font-family: Arial, sans-serif;
	font-size: 150%;
	font-weight:normal;
	background:#E0E0E0;
	padding:5px;
	margin:0 0 5px 0;
}
table.developments td table {height:100%; width:100%; padding:0;}
table.developments td a img { border:1px solid #455B7E; padding:1px; }
table.developments td a:hover img { background-color:#455B7E; }
table.developments td td.tools { background-color:#E0E0E0; text-align:center;padding:4px 2px; height:auto; }
table.developments td div.notice { text-align:center;margin:5px 0; }
table.developments td div.notice span { background: #B43625; padding:2px;font-weight:bold; color: #fff }
table.developments td td.tools a { font-family:arial, sans-serif; background-color: #B43625; padding:2px 8px; color: #fff; text-transform:uppercase; font-weight:bold; text-decoration:none;  }
table.developments td td.tools a:hover { background-color: #455B7E;  }

p.tools { text-align:center; }
p.tools a { font-family:arial, sans-serif; background-color: #B43625; padding:2px 8px; color: #fff; text-transform:uppercase; font-weight:bold; text-decoration:none;  }
p.tools a:hover { background-color: #455B7E;  }

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

        +Overwrite Styles

    Add these class names to clear any margins, paddings or floats
    Keep these declarations at the BOTTOM of this stylesheet

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

.clear-floats { clear: both; font-size: 1px; height: 1px; line-height: 0px; }

.bold          { font-weight: bold; margin: 0; }
.quiet          { font-weight: lighter; text-transform: none; letter-spacing: 0;}
.last         { margin-right: 0; }
.half         { width: 47.5%; margin-right: 15px; }
.italic     { font-style: italic; letter-spacing: 0.04em; }
.align-right { text-align: right; }

.no-marg             { margin: 0; }
.no-pad             { padding: 0; }
.marg-right     { margin-right: 14px; }
.marg-left         { margin-left: 14px; }
.marg-bottom     { margin-bottom: 14px; }
.marg-top         { margin-top: 14px; }
.marg-all         { margin: 14px; }

.bord-bottom { border-bottom: 1px solid #DAE5EA; margin-bottom: 20px; }

.pad-bottom     { padding-bottom: 14px; }