/* =========== Base Stylesheet =========== */
/* Contents: structure, page layouts, menu */
/* ======================================= */

/* whitespace reset */
* {margin:0; padding:0;}
/* override annoying things */
a:focus {outline: none;}
a img {border: none;}
#main ul, #main ol {list-style-position: inside;}

/* Global structure
-------------------*/
body, html, #wrap {height: 100%;}
#wrap { position: relative; width: 772px; margin: 0 auto;} /*width 760px*/
#footer {position: relative; clear: both; overflow: hidden; margin: 0 auto; bottom: 0; left: 0; padding-bottom: 10px;
/*position: absolute; clear: both; overflow: hidden; bottom: 10px; left: 250px;
position: relative; clear: both; overflow: hidden; padding: 10px 0 20px 0; margin: 0 auto;*/}
/*body#links #footer,
body#newsarchive #footer,
body.auction #footer,
body.staff #footer {position: relative; clear: both; overflow: hidden; margin: 0 auto; bottom: 0; left: 0; padding-bottom: 10px;}*/
#header {position: relative; padding: 0 1px; overflow:hidden;}

/* Column layout
-----------------*/
/* two column, sidebar on the right */
#main {clear: both;}
#sub-section {width: 180px; float: left; padding: 15px 15px 15px 0;}
#content {width: 550px; float: left; padding: 15px 0;}
#container, body#links #content, body.staff #content, body.auction #content {width: 100%; float: left; padding: 0; margin-bottom: 15px;}
/* pages without columns */
body.listing #content,
body.detail #content,
body.hol #content,
body#about #content {
	width: auto; display: block; float: none;
}


/* Remove columns for printing
------------------------------*/

@media print {
	body, html {
	background-image: none !important;
	background-color: #fff !important;
	}
	#wrap {
	width: auto !important;
	background-image: none !important;
	}
	#header img {
	top: 0 !important; 
	left: 0 !important;	
	}
	#menu {
	display: none !important;
	}
	#main {
	background-image: none !important;
	}
	#content {
	float: none !important;
	width: auto !important;
	}
	#container {
	float: none !important;
	width: auto !important;
	}
	#footer {
	background-image: none !important;
	color: #000 !important;
	}
}

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

#header img {
	display: block;
	/*float: right;*/
}

/* Dropdown menu core CSS, don't edit
----------------------------------------*/

.menu, .menu ul {margin: 0;padding: 0;border: 0;list-style-type: none;display: block;}
.menu li {margin: 0;padding: 0;border: 0;display: block;float: left;position: relative;z-index: 5;list-style-position:outside;}
.menu li:hover {z-index: 10000;white-space: normal;}
.menu li li {float: none;}
.menu ul {visibility: hidden;position: absolute;z-index: 10;left: 0;top: 0;}
.menu li:hover>ul {visibility: visible;top: 100%;}
.menu li li:hover>ul {top: 0;left: 100%;}
.menu:after, .menu ul:after {content: ".";height: 0;display: block;visibility: hidden;overflow: hidden;clear: both;}
.menu, .menu ul {min-height: 0;}
	/* -- sticky.submenu --
	it should not disappear when your mouse moves a bit outside the submenu
	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!
	if you do it, make sure you 110% know what you do */
/* Clear-fix for IE5/Mac \*//*/
#xmenu a {float:left;}
#mexnuList {display:inline-block;}
/*  */


/* Menu structure, edit this
-----------------------------*/
.menu a {
padding: 8px 23px;
}

#menu li.lastmenu a {border: none;}

.menu li {
padding: 8px 0;
}

.menu li li {
padding: 0;
}

.menu li li a {
padding: 5px 15px 5px 20px;
display: block;
font-size: 0.9em;
xwidth: 130px;
}

#menu ul ul {
width: 180px;
z-index:100;
/*padding: 3px 0 8px 0;*/
}

#menu ul ul.commercialmenu {
width: 120px;
}

#menu ul ul.rentmenu {
width: 220px;
}
#menu ul ul.aboutList {
width: 180px;
}

#menu ul ul.contactmenu {
width: 190px;
	margin-left: -86px;
}

/* Standard forms
------------------*/

form fieldset {
margin-bottom: 15px;
padding: 10px;
}

form label {
display: block;
float: left;
width: 200px;
padding-right: 10px;
}

form input,
form textarea,
form select {
width: 250px;
z-index: 0;
}

form p {
clear: both;
}

form fieldset#submit {
border: none;
padding: 0;
text-align: right;
xmargin-right: 10px;
}

form fieldset#submit input {
width: auto;
padding: 0 10px;
cursor: pointer;
}

/* Dynamic text
----------------*/

#content img#dyn-heading-img {
display: block;
margin-bottom: 15px;
}

#content img#dyn-img1 {
float: right;
margin: 0 0 10px 20px;
}

#sub-section img#dyn-img2 {
margin-bottom: 10px;
display: block;
}

/* Sub-section
---------------*/
#sub-section dd,
#sub-section dt {
margin-bottom: 5px;
}

/* Home 
---------*/

body#home #content img#dyn-img2 {
float: left;
margin: 0 20px 10px 0;
}

body#home #sub-section #propertyFastFind h1 { 
margin-bottom: 10px;
}

body#home #sub-section fieldset {
border: none;
padding: 0;
}

body#home #sub-section legend {
font-weight: bold;
font-size: 1.2em;
margin-bottom: 10px;
padding-left: 0;
margin-left: 0;
}

body#home #sub-section label {
font-size: 0.9em;
/*font-weight: bold;*/
float: none;
display: inline;
}

body#home #sub-section p {
margin-bottom: 5px;
}

body#home #sub-section select {
width: 140px;
font-size: 0.9em;
}

body#home #sub-section #qs_price select,
body#home #sub-section #qs_rent_price select {
width: 62px;
}

body#home #sub-section form #qs_st label {
padding-right: 5px;
width: auto;
float: none;
display: inline;
}

body#home #sub-section form #qs_st input {
vertical-align: middle;
width: auto;
margin-top: -1px;
}

body#home #sub-section form #submit {
text-align: right;
padding: 0 8px 0 0;
}

body#home #sub-section form p#firsttitle {
margin-bottom: 1px;
}



/* Buying page
----------------*/

body#home #main #refinetitle {
margin-top: 20px;
color: #fff;
font-weight: bold;
background-color: #365E85;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
font-size: 1.1em;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
clear: both;
}

body#home form fieldset#refinesearch{
background-color: #EBE8E3; 
border: 1px solid #fff; 
padding-left: 15px;
}

body#home form fieldset#refinesearch p{
clear: none;
float: left;
margin-right: 20px;
}

body#home form fieldset#refinesearch label {
float: none;
display: block;
width: auto;
font-size: 0.9em;
margin-bottom: 10px;
}

body#home form fieldset#refinesearch select {
width: 102px;
display: block;
font-size: 0.9em;
}

body#home form fieldset#refinesearch input {
width: 102px;
display: block;
font-size: 0.9em;
background-color: #365e85;
color: white;
margin-top: 21px;
}

body#home #smallalert img {
margin-bottom: 15px;
}




/* Renting page
------------*/

body#home #main #content #powlease {
xposition: relative;
float: left;
width: 573px;
background-color: #EAE7E0;
border: 1px solid #fff;
}

body#home #powlease .leasephoto {
width: 284px;
display: block;
float:left;
text-align: center;
font-weight: bold;
margin-top: 0;
margin-bottom: 7px;
}

body#home #powlease .leasephoto img {
width: 215px;
}

body#home #rentcard {
margin-top: 15px;
position: relative; 
width: 178px; 
background-color: #EBE8E3; 
border: 1px solid #fff; 
}

body#home #rentcard img{
margin: 10px 30px 20px 30px;
}


body#home #leasetext {
background-color: #EBE8E3; 
border: 1px solid #fff; 
width: 573px;
margin-top: 15px;
padding-bottom: 25px;
}

body#home #leasetext div#leasephoto {
float:left;
}
body#home #leasetext div#leasephoto img{
padding: 0 10px 10px 10px;
}
body#home #leasetext div#text {
padding: 0 15px 15px 15px;
}


/* Listings
------------*/

body.listing .property {
/*padding: 10px 0;*/
clear: both;
overflow: hidden;
}

body.listing .property .imageDetail {
/*position: relative;
float: left;*/
}

body.listing .property .image {
display: block;
float: left;
margin-right: 15px;
width: 240px;
}

body.listing .property .features {
	/*padding-top: 1px;*/
	margin-top: -5px;
}

body.listing .property .features img {
	padding-bottom: 3px;
/*margin-right: 7px;*/
/*vertical-align: bottom;*/
}

body.listing .property .details h3 {
font-size: 1em;
margin-bottom: 2px;
}

body.listing .property .details p {
margin-bottom: 0 !important;
}

body.listing #searchForm {
clear: both;
margin-top: 45px;
padding: 0;
margin-bottom: 10px;
}

body.listing #searchForm h1 {
color: #fff;
background-color: #365E85;
padding: 5px 0px 5px 0px;
font-size: 1.1em;
font-weight: bold;
border: 1px solid #fff;
}

body.listing #filter {
height: 40px;
padding: 10px 15px 10px 15px;
}

body.listing #filter label {
float: none;
display: block;
width: auto;
font-size: 0.9em;
margin-bottom: 10px;
}

body.listing #filter select {
width: 90px;
display: block;
font-size: 0.9em;
}

body.listing #filter p {
clear: none;
float: left;
margin-right: 24px;
}

body.listing p.pagebar {
	font-size: 0.9em;
	padding-top: 10px;
	text-align: right;
	color: #fff;
}

body.listing p.pagebar a:link,
body.listing p.pagebar a:active,
body.listing p.pagebar a:visited {
	color: #fff;
	text-decoration: underline;
}

body.listing p.pagebar a:hover {
	color: #fff;
	text-decoration: none;
}

	
/* Staff 
---------*/

body#staff dl {
clear: both;
margin-bottom: 10px;
padding-bottom: 10px;
overflow: hidden;
}

body#staff dl dt.photo {
float: left;
margin-right: 15px;
}

body#staff dl dd.position {
margin-bottom: 5px;
}

body#staff dl dd.contact {
margin-bottom: 5px;
}

/* Slideshow
-------------*/

body.slideshow {
	text-align: center;
}

/*body.slideshow #header {
margin-bottom: 10px;
}

body.slideshow #header img {
float: none;
display: block;
width: auto;
margin: 0 auto;
}*/

body.slideshow input {
	width: auto;
}

body.slideshow table {
/*margin: 0 auto;*/
}

/* Email a friend
------------------*/

/*body.emailafriend #header img {
float: none;
}*/


/* Holiday detail
-------------------*/
body.hol #content {
	margin: 0;
	padding: 0;
}

body.hol h1 {
	color: #fff;
	background-color: #365E85;
	font-size: 1.1em;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

body.hol h1 span {
	margin-left: 15px;
}

body.hol a:link, body.hol a:visited {
	xcolor: #365e85;
	xtext-decoration: none;
	font-weight: bold;
}

body.hol a:hover {
	xtext-decoration: underline;
	font-weight: bold;
}

body.hol #content h3 {
font-size: 1em;
}

body.hol #content ul {
margin-bottom: 15px;
/*list-style-type: none;
list-style-position: outside;*/
}
body.hol #holdetails {	
margin-top: 15px;
margin-bottom: 15px;
padding-bottom: 10px;
background-color: #fff;
}
body.hol #holdetails #left {	
background-color: #fff;
float: left;
width: 350px;
display: block;
padding: 15px;
}
body.hol #holdetails #right {
background-color: #fff;
float: left;
width: 350px;
padding: 15px;
}	
body.hol #right .features img {
padding-bottom: 3px;
}
body.hol #holdetails #right .features{
margin-bottom: 10px;
font-weight: bold;
color: #4F91CD;
text-align: left;
}
body.hol #holdetails .images {
margin: 10px 20px;
}

body.hol #holdetails .images img {
margin: 2px;
}