/* ===================================================================== */
/* =======================       CSS RESET       ======================= */
/* ===================================================================== */
* { padding: 0; margin: 0; }
img { border: none; }
a { text-decoration: none; color: #444444; }
a:hover { text-decoration: underline; color: #225; }
.clearall { clear: both; }
.alignLeft { float: left; }
.alignRight { float: right; }
.alignCenter { text-align: center; }
/* ===================================================================== */
/* ===================================================================== */
/* ===================================================================== */

body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333333;
}

#wrapper {
	width: 960px;
	background-color: #FFFFFF;
	margin: 0 auto 0 auto;
}

#footer {
	width: 960px;
	margin: 10px auto 0 auto;
	padding: 0 0 10px 0;
	text-align: center;
	letter-spacing: 1px;
	color: #999999;
}

#header { width: 100%; height: 115px; background: url('../images/header2.jpg') no-repeat; }

.menu { width: 100%; height: 30px; line-height: 30px; background: #632c7d; position:relative; margin: 0 0 0 0; z-index:100; }
.menu ul { padding:0; margin:0; list-style-type: none; }
.menu ul li { float:left; }
.menu ul li .submenu_l1 { margin-left: 70px; }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; padding:0 10px 0 10px; height:30px; color:#ffffff; font-size: 1.3em; }
.menu table { border-collapse:collapse; margin:0; padding:0; font-size:1em;}
.menu ul li ul {visibility:hidden; position:absolute; top:30px; left:0; }
.menu ul li:hover a, .menu ul li a:hover { color: #eee; font-style: italic; }
.menu ul li:hover ul, .menu ul li a:hover ul { visibility:visible; width:960px; height: 25px; line-height: 25px; background:#8139A2; color:#ffffff; font-size: 0.9em; }
.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul { visibility:hidden; position:absolute; left:0; top:25px; font-size: 1.0em; }
.menu ul li:hover ul li .submenu_forsale { margin-left: 120px; }
.menu ul li:hover ul li .submenu_letting { margin-left: 150px; }
.menu ul li:hover ul li .submenu_branch { margin-left: 380px; }
.menu ul li:hover ul li a, .menu ul li a:hover ul li a {display:block; color:#eee; font-style: normal; }
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover { color:#ffffff; text-decoration: underline; font-style: italic; }
.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {visibility:visible; background:#A760C7;}
.menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover { color:#ffffff; text-decoration: underline; }

#pageContent { width: 940px; padding: 5px 10px 50px 10px; }
#pageContent #rightColumn { width: 200px; float: right; padding: 10px 0 10px 0; }
#pageContent #rightColumn img { padding: 5px 0 5px 0; }
#pageContent #rightColumn .propertyIcon { float: left; height: 24px; width: 198px; line-height: 24px; padding: 2px 0 2px 0; margin: 8px 0 0 0; font-size: 1.2em; border: 1px solid #CCCCCC; background-color: #eeeeee; }
#pageContent #rightColumn .propertyIcon img { padding: 0 10px 0 5px; }
#pageContent #rightColumn .propertyStatus { text-align: center; padding: 5px 0 10px 0; font-size: 1.2em; border: 1px solid #CCCCCC; background-color: #eeeeee; }
#pageContent #rightColumn .propertyStatus h1, #pageContent #rightColumn .propertyStatus h2 { padding: 0; color: #225; padding: 5px 0 5px 0; }
#pageContent #rightColumn #filterSearch { width: 186px; border: 2px solid #632c7d; background-color: #f6f6f6; padding: 5px; }
#pageContent #rightColumn #filterSearch input { width: 180px; margin: 0 0 15px 0; }
#pageContent #rightColumn #filterSearch select { width: 180px; margin: 0 0 15px 0; }
#pageContent #rightColumn #filterSearch select option { text-indent: 10px; }
#pageContent #rightColumn #filterSearch label { margin: 0; }
#pageContent #rightColumn #filterSearch h4 { padding: 5px 0 5px 0; font-size: 1.4em; font-weight: bold; color: #632c7d; border-bottom: 1px solid #ccc; margin: 0 0 10px 0; }

.featuredProperty { width: 690px; height: 120px; background-color: #eeeeee; border: 1px solid #632c7d; border-width: 1px 0 1px 0; margin: 10px 0 0 10px; padding: 5px; }
.featuredProperty img { float: left; width: 180px; height: 120px; padding: 0 10px 0 0; }
.featuredProperty h1 { float: left; padding: 0 0 10px 0; font-size: 1.4em; letter-spacing: normal; }
.featuredProperty h2 { padding: 15px 0 0 0; letter-spacing: normal; }
.featuredProperty h2 a { font-size: 0.8em; color: #333333; }
.featuredProperty h2 a:hover { color: #225; }
.featuredProperty p { float: left; width: 500px; font-size: 1.1em; line-height: 14px; padding: 0; }

.featuredProperty .property_img { float: left; position: relative; width: 180px; height: 120px; overflow: hidden; padding: 0 10px 0 0; } 
    .featuredProperty .property_img img { float: none; padding: 0; position: absolute; top: 0; left: 0; width: 180px; height: 120px; }

.propertySectionOrange { float: left; width: 142px; height: 150px; margin: 0 3px 0 3px; background: url('../images/solid_headers/purple_s.jpg') no-repeat #eeeeee; }
.propertySectionGray { float: left; width: 142px; height: 150px; margin: 0 3px 0 3px; background: url('../images/solid_headers/gray_s.jpg') no-repeat #eeeeee; }
.propertySectionSearch { float: left; width: 735px; margin: 20px 0 0 3px; background: url('../images/solid_headers/gray_b.jpg') no-repeat #eeeeee; }
.propertySectionOrange h1, .propertySectionGray h1, .propertySectionSearch h1 { text-align: center; padding: 0; line-height: 30px; color: #FFFFFF; font-weight: normal; font-size: 1.6em; }
.propertySectionOrange ul, .propertySectionGray ul, .propertySectionSearch ul { list-style-type: none; text-align: center; font-size: 1.1em; padding: 5px 0 5px 0; }
.propertySectionOrange ul li, .propertySectionGray ul li, .propertySectionSearch ul li { line-height: 17px; letter-spacing: 1px; }

.smallPics { width: 710px; text-align: center; margin: 20px 0 0 20px; }
.smallPics .smallPropertyPic { width: 150px; height: 100px; margin: 5px 5px 0 5px; }

#bullet_point_list { font-size: 1.2em; margin: 10px 0 0 40px; line-height: 20px; }

#progressBar { float: right; width: 230px; text-align: center; margin: 10px 0 0 0; font-size: 1.2em; font-weight: bold; }
#googlemap { float: left; width: 685px; height: 500px; margin: 10px 0 0 10px; border: 1px solid #CCCCCC; font-size: 1.1em; }
#mapLegend { float: right; width: 230px; line-height: 30px; margin: 10px 0 0 0; border: 1px solid #CCCCCC; background-color: #eeeeee; }
#mapLegend .legendItem { float: left; width: 200px; text-align: center; font-size: 1.2em; }
#mapSearch { float: right; width: 230px; line-height: 30px; margin: 10px 0 0 0; border: 1px solid #CCCCCC; background-color: #eeeeee; text-align: center; font-size: 1.1em; }
#mapSearch label { float: left; width: 150px; font-size: 1.0em; font-weight: normal; clear: both; margin: 0 0 0 25px; padding-top: 3px; }
#mapSearch input { float: left; width: 150px; margin: 10px 0 5px 40px; }
#mapSearch input.checkbox { width: auto; margin: 5px 0 5px 0; }
.bubble { text-align: center; }
.bubble h1 { padding: 0; font-size: 1.3em; }
.bubble h2 { padding: 0; font-size: 1.2em; }
.bubble h3 { padding: 0; font-size: 1.1em; }
.bubble img { width: 180px; height: 120px; padding: 5px 0 5px 0; }
.bubble a { color: #225; }

.staffmember { width: 920px; height: 16px; margin: 5px auto 0 auto; padding: 5px; background-color: #eeeeee; border: 1px solid #225; border-width: 1px 0 1px 0; }
.staffmember ul { list-style-type: none; font-size: 1.2em; line-height: 16px; }
.staffmember ul li { display: inline; float: left; width: 225px; margin: 0 5px 0 0; }
.staffmember ul li img { padding: 0 6px 0 3px; }

.contactUs { float: left; width: 290px; height: 200px; background: url('../images/housebg2.jpg') no-repeat; border: 1px solid #CCCCCC; margin: 10px 0 0 11px; }
.contactUs h3 { text-align: center; color: #222222; font-size: 1.3em; padding: 10px 0 10px 0; }
.contactUs p { text-align: center; padding: 5px 0 10px 0; }
.contactUs ul { list-style-type: none; text-align: center; font-size: 1.2em; }
.contactUs .icon { float: left; width: 50px; text-align: center; font-size: 1.1em; padding: 10px 3px 5px 3px; }
.contactUs .icon img { padding: 0 0 3px 0; }
.contactUs .icon a:hover { text-decoration: none; }
.contactUs .shiftleft { margin-left: 90px; }

.dhtmlwindow { position: absolute; border: 5px solid  #632c7d; visibility: hidden; background-color: white; }
.drag-handle { padding: 1px; text-indent: 3px; font-weight: bold; font-size: 1.3em; background-color: #632c7d; color: white; cursor: move; overflow: hidden; width: auto; }
.drag-handle .drag-controls { position: absolute; right: 1px; top: 2px; }
.drag-contentarea { border-top: 5px solid  #632c7d; background-color: white; color: black; height: 150px; padding: 2px; overflow: auto; }
.drag-statusarea { background-color: #F8F8F8; height: 13px; }
.drag-resizearea { float: right; width: 13px; height: 13px; cursor: nw-resize; font-size: 0; }

#calculators { width: 400px; margin: 10px 0 0 25px; }
#calculators h1 { font-size: 1.5em; }
#calculators form { margin: 20px 0 0 0; }
#calculators label { float: left; width: 150px; clear: none; margin: 2px 0 2px 10px; }
#calculators input { width: 180px; }
#calculators .radio { width: auto; margin: 3px 0 0 3px; }

#thumbBox { position: absolute; left: 0; top: 0; margin-top: 20px; width: auto; padding: 10px; padding-bottom: 0; background: #CCCCCC; visibility: hidden; z-index: 10; }
#thumbBox .footerbar { font-weight: bold; font-size: 1.3em; letter-spacing: 2px; line-height: 1.1em; color: #000000; padding: 5px 0; text-align: right; }
#thumbBox #thumbImage { background-color: white; }
#thumbBox #thumbImage img { width: 550px; }
#thumbLoading { position: absolute; visibility: hidden; border: 1px solid black; background-color: #EFEFEF; padding: 5px; z-index: 5; }

#thumbGallery { width: 660px; margin: 10px auto 0 auto; border: 1px solid #CCCCCC; background-color: #eeeeee; padding: 5px; text-align: center; }
#thumbGallery .galleryThumb img { float: left; width: 100px; height: 65px; margin: 2px 5px 2px 5px; }

label { float: left; width: 170px; font-size: 1.2em; font-weight: bold; line-height: 20px; clear: both; margin: 2px 0 2px 75px; }
label.subLabel { text-align: center; font-weight: normal; }
label span.important { font-size: 0.9em; font-weight: normal; color: #225; }
input { float: left; border: 1px solid #666666; padding: 1px 5px 1px 5px; width: 200px; margin: 2px 0 2px 0; background:#FFFFFF; }
textarea { float: left; border: 1px solid #666666; padding: 1px 5px 1px 5px; width: 300px; height: 150px; margin: 2px 0 2px 0; }
select { float: left; border: 1px solid #666666; padding: 1px 5px 1px 5px; width: 212px; margin: 2px 0 2px 0; }
input:focus, textarea:focus, select:focus { border: 1px solid #225; border-width: 1px 2px 1px 2px; }
#searchForm label { margin: 3px 0 3px 150px; }

h1 { padding: 5px 0 0 0; color: #222222; font-size: 1.7em; letter-spacing: 1px; } 
h2 { padding: 30px 0 0 10px; color: #222222; font-size: 1.4em; letter-spacing: 1px; }
h3 { padding: 10px 0 0 10px; color: #222222; font-size: 1.4em; letter-spacing: 1px; }
h4 { padding: 0 0 0 10px; color: #222222; font-size: 1.2em; letter-spacing: 1px; font-weight: normal; }
p { font-size: 1.2em; line-height: 16px; padding: 5px 20px 5px 20px; }
p.home { padding: 10px 0 0 10px; width: 710px; letter-spacing: 1px; }
p.propertyPage { padding: 15px 0 0 20px; width: 710px; }
#newsPage ul, #newsPage ol { font-size: 1.2em; margin-left: 50px; margin-top: 10px; }
#newsPage .newsItem { width: 800px; background-color: #f6f6f6; border: 1px solid #ccc; padding: 10px; margin: 10px auto 10px auto; }
ul#priceList { list-style-type: none; font-size: 1.2em; margin: 10px 0 0 20px; }
ul#priceList li { line-height: 20px; }
#footer a { color: #999999; }
#footer a:hover { color: #225; }

#property_image_display { position: relative; width: 400px; height: 266px; margin-left: 165px; }
    #property_image_display img { position: absolute; top: 0; left: 0; width: 400px; } 

#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	}
#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }