/* browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on */
* {
	margin: 0;
	padding: 0;
}
/*Set initial font styles*/
body {
	text-align: left;
	font-family:Helvetica, Arial, sans-serif;
	font-size: 80%;
	line-height: 1.2em;
	color: #44302E;
}
/*set font size for all divs, this overrides some body rules*/
div {
	font-size: 1em;
}
/*if img is inside "a" it would have borders, we don't want that*/
img {
	border: 0;
}
/*default link styles*/
/* set all links to have underline and bluish color */
a, a:link a:active, a:visited {
	text-decoration: none;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
	background-color: inherit;
	color: #3366CC;
}
a:visited {
}
/* remove underline on hover and change color */
a:hover {
	text-decoration: underline;
	background-color: inherit;
	color: #996600;
}
/*****************basic layout *****************/

body {background:url(../images/windy/bg_page.gif) #002F74;}

#header, #footer {width: 960px; margin: 0 auto;}

#header {height: 90px; position:relative;}
#header h1 { text-indent: -9999em; background:url(../images/windy/logo_ch-windermere.gif) no-repeat; width: 311px; height: 55px; display: block; position:absolute; top: 15px; left: 20px;}
#header #links {position: absolute; top: 40px; right: 18px; font-size: 14px; font-family:"Times New Roman", Times, serif; color:#FFFFFF; text-align:right;}
#header #links a {color: #FFFFFF; font-size: 16px; text-decoration:none; font-weight: bold}

#header #translate {color:white;
	font-size:10px;
	position:absolute;
	left:390px;
	top:35px;}

#wrapperContent {width: 961px; margin: 0 auto;
	background:url(../images/windy/bg_content.png) repeat-y #ECE3BF;}
#menu {background:url(../images/windy/bg_topcontent.png) no-repeat; padding: 18px 0 5px 18px; position: relative; z-index:29; height: 28px;}

#content {background: url(../images/windy/bg_bottomcontent.png) no-repeat bottom; padding: 10px 20px;}

#contentHeader {position: relative; z-index:1; background:url(../images/windy/divider.gif) bottom repeat-x; padding: 0 0 20px 0; margin: 0 10px 10px 10px; text-align:center;width:895px; overflow: hidden;}

.mast-listings {height: 210px; white-space: nowrap; width: 1600px; overflow: hidden; text-align:left;}

.mast-listings .img {
	float: left;
	margin: 0 1px 0 1px;
	text-align: center;
	text-indent:-5px;
	overflow: hidden;
	position: relative;
}
.mast-listings .img img {height: 220px;}



.breadcrumbs {padding: 0 10px; margin: 0 10px 5px 10px; font-size: 0.8em;}

div#content #sidebar {float: right; width: 180px; padding: 0 0 30px 20px;}
#sidebar #sidecontent {padding: 2em 0;}
div#content #sidebar #sidemenu ul {margin:0; padding:0; list-style:none;}
div#content #sidebar #sidemenu ul li {margin:0; padding:0; }
div#content #sidebar #sidemenu ul ul {margin: 0 0 0 1em; list-style:square;}
div#content #sidebar #sidemenu ul ul li {margin: 0 0 0.5em 0.5em;}
div#content #sidebar #sidemenu ul ul ul {margin: 0 0.5em; list-style:none;}
div#content #sidebar #sidemenu ul ul ul li {margin: 0 0 0.5em 0;}

div#content div#sidemenu h3 {font-size: 1em; color:#669900; margin:0;}
div#content div#sidemenu ul li h3 {padding: 4px 5px; text-transform:uppercase;}
div#content div#sidemenu ul ul li h3 {padding: inherit; text-transform: none;}

#sidemenu a.menuactive  {font-weight: bold; color:#669900;}
#sidemenu ul li {border-bottom: 1px solid #B58F4A;}
#sidemenu ul li a {text-transform:uppercase; text-decoration:none; display: block; padding: 4px 5px;}
#sidemenu ul ul li {border-bottom: none;}
#sidemenu ul li ul a {text-transform: inherit; padding: 1px 0;}

#mainContent {padding: 0 20px 20px 20px;}
#mainContent.sidebar {padding: 0 200px 0 20px;}

#contactinfo {padding: 10px 0 10px 8px; background:#E0D29A; font-size: 11px; font-family:Arial, Helvetica, sans-serif; overflow:hidden; line-height: 160%; clear:both; white-space: nowrap;}
#contactinfo div {padding: 0 13px 0 0; float:left;}
#contactinfo div.last {padding: 0;}
#contactinfo .lbrdr {border-left: 2px solid #996633; padding: 0 13px 0 15px;}

#footer {color: #99CCFF; padding: 10px 0 3em 170px; background:url(../images/windy/logos_footer.gif) left 10px no-repeat; width:790px;}
#footer * {margin: 0; padding: 0;}
#footer p {padding-top: 2.5em;}
#footer a {color: #99CCFF;}
#footer .credits {color: #0F8DFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 9px;}
#footer .credits a {color: #0F8DFF; text-decoration:none;}
#footer .credits a:hover {color: #99CCFF; text-decoration:underline;}
#footer .leadingre {float: right;}

/* as we hid all hr for accessibility we create new hr with div class="hr" element */
div.hr {
	height: 1px;
	padding: 1em;
	border-bottom: 1px dotted black;
	margin: 1em;
}
/* relational links under content */
div.left49 {
/* combined percentages of left+right equaling 100%  might lead to rounding error on some browser */
	width: 70%;
}
div.right49 {
	float: right;
	width: 29%;
/* set right to keep text on right */
	text-align: right;
}

.right {float: right; padding-left:15px;}
.left {float:left; padding-right: 15px;}
.center {text-align: center;}

.edit {padding: 0 3em;}

/********************CONTENT STYLING*********************/
/* HEADINGS */
div#content h1 {
/* font size for h1 */
	font-size: 1.8em;
	line-height: 1em;
	font-weight: normal;
	margin: 0 0 1em 0;
	color: #865F46;
}
div#content h2 {
	color: #004085;
	font-size: 1.5em;
	text-align: left;
	line-height: 1.5em;
}
div#content h3, #mainContent .parent a.parent {
	color: #004085;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
}
div#content h4 {
	color: #865F46;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
div#content h5 {
	color: #865F46;
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
h6 {
	color: #294B5F;
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
/* END HEADINGS */
/* TEXT */
p {
/* default p font size, this is set different in some other divs */
	font-size: 1em;
/* some air around p elements */
	margin: 0 0 1em 0;
	line-height: 1.4em;
	padding: 0;
}
blockquote {
	border-left: 10px solid #ddd;
	margin-left: 10px;
}
strong, b {
/* explicit setting for these */
	font-weight: bold;
}
em, i {
/* explicit setting for these */
	font-style: italic;
}

/*BLOG */
.blog {padding-top:2em;}
.blogpost {padding: 1em 0.5em 0; line-height: 140%;}
.blogpost a {font-weight: bold;}

#qSearch {padding-top: 25px; font-size: 0.9em; line-height: 180%;}
#qSearch div {clear: both; padding: 3px 0;}
#qSearch label {float: left; width: 6em; display:block;}
#qSearch select {width: 43%;}
#qSearch a {text-transform: none !important; font-weight: bold;}


/* AGENT DIRECTORY */
table.tableRows {padding: 1em 0;}
table.tableRows td {border-bottom: 1px solid #CCCC99; padding: 5px;}
table.tableRows .smaller {font-size: 0.9em;}

/* SEARCH */
#AkamaiDX_gmap {width: 430px; height: 680px;}

.advanced_search select.cms_select {height: 12.5em; width: 12em;}

fieldset {padding: 1em; border: none; border-top: 2px ridge #999999;}
legend {text-transform: uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.4em; }
.advanced_search div {padding: 0.5em 0; overflow:auto;}
.advanced_search label {display:block; float:left; width: 7em; padding: 2px .5em 2px 0; text-align:right;}
.idxform_remarks {width: 10em;}

.advanced_search fieldset.search_assist {width: 50%; float:left; margin: 0 8% 10px 1em; border:2px ridge #999999;}

.advanced_search .submit {padding: 3em 0;}
.advanced_search .submit input {background: #004085 url(../images/windy/bg_nav.png) repeat-x scroll center 1em; padding: 5px 10px; font-family:"Times New Roman", Times, serif; font-size: 18px; color:#FFFFFF; text-transform:uppercase; border: 1px solid #FFFFFF;}

.advanced_search .box {border: none; border-bottom: 1px solid #996633;}

.box .third {overflow: auto; margin: 0; border: none;}

label {text-transform:capitalize;}

.increased {}
.reduced {font-weight: bold; color:#339900;}

/* QUICK SEARCH */
.quick_search {width: 100%; font-size:0.9em; overflow:hidden;}
.quick_search div {padding: 0.5em;}
.quick_search div.full {clear: both;}
.quick_search .idxform_input {font-size: 12px;}
.quick_search .half {width: 125px; margin: 0;}
.quick_search .half + .half {margin-left: 1%; padding: 0.5em 0;}
.quick_search label {display: block; float:left; width: 70px; padding: 0.3em 0; }
.quick_search .full select {width: 6.8em;}
.quick_search .half select {width: 3.8em;}
.quick_search .col2 {float: left; width: 270px;}
.quick_search .col3 {float: left; width: 270px;}
.quick_search .idxform_remarks {width: 13em;}
.quick_search .formType {float:left; width: 95px; line-height: 85%;}
.quick_search .checkbox {display: block;}
.quick_search .toolkit {clear:left; padding: 1em; margin: 0 1em 0 0; float:left; width: 45%;}
.quick_search .submit {float: left; padding: 3em 0; width: 45%;}
.quick_search .submit input {padding: 5px 10px; margin: 0 1em 0 0; background:url(../images/windy/bg_nav.png) center 20px repeat-x #004085; font-size: 1.6em; color:#FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; border: 1px solid #99CCFF; cursor:pointer;}

/* LISTINGS */

table.favorites th {font-size: 0.8em; font-weight:normal; text-align: center;}
table.favorites td {padding: 2px 5px; text-align:left;}

table.list_properties {font-size: 1.1em;}
table.list_properties .row1 td {vertical-align:bottom; font-weight:bold;}
table.list_properties td {padding: 2px 5px; text-align:left; vertical-align:top;}
table.list_properties .address, table.list_properties .specs {text-align: right; white-space:nowrap;}
table.list_properties .location, table.list_properties .district {white-space:nowrap}
table.list_properties td.details {text-align:left; font-size:0.9em; font-weight:normal; vertical-align:middle;}

table.featured {background-color: #E3F2C8;}

table.listing {font-size: 1em; width: 100%; padding-bottom: 5px; margin-bottom: 5px; border-bottom:1px solid #B9A182;}
table.listing td {padding: 1px 3px;}
table.listing .thumb {width: 80px; text-align:center;}
.noimg {width:76px; display:block; color:#B8AF92; text-align:center; padding: 25px 0; border:1px solid #FAE69D}
table.listing .title, table.listing .price {font-size: 1.2em; font-weight:bold;}
table.listing .price {text-align:right;}
table.listing .age {text-align:right;}
table.listing .specs {width: 33%; vertical-align:top;}
table.listing .fav {width: 33%; vertical-align:bottom; font-size: 11px; text-align:right;}
.fav a {color:#669900;}

.pagemenu {padding: 0 0 15px 0; line-height: 1.7em; clear:left;}
.pagemenu a.pagenumber.current {font-weight: bold; text-decoration:none; color:#000000;}
.pagemenu a.pagenumber.current:hover {background: none; color:#000000;}
.pagemenu a.pagenumber {padding: 2px 7px; font-weight:bold;}
.pagemenu a.pagenumber:hover {background:#00377D; color:#FFFFFF;}

body table td.details {text-align:left;}

ul.list_grid {overflow: hidden;}
ul.list_grid li {display: block; width:29%; float:left; height: 140px; padding: 15px 2%; text-align:center; font-size: 0.8em; font-family:Verdana, Arial, Helvetica, sans-serif;}
ul.list_grid div.thumb {width: 100%; height: 110px; overflow:hidden;}
ul.list_grid div.thumb img {width: 100%;}

/* RESORT PROPERTY LIST */
#content div.half.box {width: 46%; margin: 5px 0 5px 1%; padding: 1.2%; height:13em; overflow:hidden;}
.box table.listing {border: none; padding: 0; font-size:0.9em;}
#content div.half.box table.listing .specs {width:auto;}
#content div.half.box table.listing .thumb {width:auto; vertical-align: top;}
#content div.half.box table.listing .thumb img {width:100px;}

/* GRID LIST */
.gridList {padding: 1em 0; overflow: hidden; clear: both;}
.gridList #AkamaiDX_gmap {float:right}
.gridList .list {float:left;}
.third {border:1px solid #004085; float:left; margin:0.5%; overflow:hidden; width:31.5%;}
.third a.thumb {overflow:hidden; display:block;}
.third img.thumb {width: 120%; height:100%;}
.caption {font-size: .8em; text-transform:uppercase; text-align:center; background: #004085; color:#99CCFF;}
.caption a {color: #99CCFF; text-decoration:none;}

.region-results {overflow:hidden;}
.region-results .list {width: 350px;}
.region-results .third a.thumb {height: 100px;}
.region-results #AkamaiDX_gmap {width: 350px;}

/* SEARCH DETAIL */
.half {float:left; width: 49%; margin-left: 1%; overflow:hidden;}
.box {border: 1px solid #B9A182; padding: 1em; margin: 0.5em 0; overflow:auto;}
.box strong {display:block;}
.box a img {vertical-align:middle;}

.detail #AkamaiDX_gmap {width: 428px; height: 300px; border: 1px solid #B9A182; margin: 10px 0;}

#tools {overflow:auto; margin: 0 10px;}
div#content h1.titleMLS {float: left; margin: 0; padding: 0 20px 0 0; font-size: 1.6em; font-weight:bold;}
#tools .tab {float: left; padding: 5px 10px; margin: 0 2px; background-color:#B9A182; height:14px;}
.tab a {font-weight: bold;}

.lTitle {font-size: 1.6em; background: url(../images/windy/divider.gif) repeat-x top; padding: 15px 0 25px 13px; font-weight:bold;}
.lTitle .price {float: right; text-align:right; font-size:1.1em;}
.priceChange {font-size:12px;
font-weight:normal;}

#detailPhotos {overflow: hidden; position:relative;}
#detailPhotos div {width: 23%; height: 65px; float:left; overflow:hidden; padding: 3px 1%;}
#detailPhotos img {width: 100%;}
#detailPhotos div#loadPhotos {position: absolute; top: 0; left: 0; width: 100% !important; height: 200px; height: 100% !important; background:#FEF8E2 url(../images/loading.gif) no-repeat center center;
	filter:alpha(opacity=70);
   -moz-opacity:.7;
   opacity:.7;}

.hidden {display: none;}
.show {display: block;}
.disclaimer {font-size: 0.8em; padding: 1em 2em; clear:left;}

/* LOGIN */
.login label {width: 8em; float:left; display:block; padding: 2px 0.5em 2px 0;}
.login div {padding: 3px 0;}
.login .user input {width: 15em;}


/* END TEXT */
/* LISTS */
/* lists in content need some margins to look nice */
div#content ul,
div#content ol,
div#content dl {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
}
div#content ul li,
div#content ol li {
	margin: 0 0 0.25em 3em;
}
/* definition lists topics on bold */
div#content dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}
div#content dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#content dl dd {
	margin: 0 0 1em 1em;
}
/* END LISTS */