﻿/*reset.css*/ 
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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* typography */
body{font-family:"Lucida Grande","Lucida Sans",Geneva,Arial,sans-serif;font-size:81.3%;color:#333;line-height:1.5em;}
h1,h2,h3,h4,h5,h6{color:#333;line-height:1.25em;margin-bottom:0.5em;font-family:"Lucida Grande","Lucida Sans", Geneva,Arial,sans-serif;}
h1{color: #005B29; font-size:1.9em;font-weight:700;letter-spacing:-0.01em;}
h2{font-size:1.5em;font-weight:400; margin-top:1em;}
h3{color: #e51900; font-size:1.1em;font-weight:700; margin-bottom: 0.3em;}
h4, .h4{ color: #005b29; font-size:1.23em;font-weight:700;}
h5 {color:#005B29; font-size: 1.1em; line-height: 140%;}
p{margin:0 0 1em;}
p.smallprint {font-size: 0.75em; color: #999999;}
ul {margin:10px 20px;}
ul li { list-style-type:disc; margin-left:10px;}

a{text-decoration:none;}
div.fullwidth a, div.maincontent a, div#footer a {font-weight: 700;}
a:link,a:visited{color:#005B29;}
a:focus,a:active{color:#e51900;}
a:hover{text-decoration:underline;color:#e51900;}
a[href]:active{color:#00674c;text-decoration:none;}
::-moz-selection {background: #8FBF96;color:White;}
::selection {background: #8FBF96;color:White;}


/* global useful */
.left {display: inline; float:left}
.center {margin:0px auto; text-align:center;}
.right {display: inline; float:right}
.block {display:block; margin:none;}
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:'';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
.red {background-color: #e51900;color:White;padding:3px;}

/*interaction elements*/
div.button, div.gbutton {background: transparent url(../../Images/button.gif) scroll no-repeat right top; float:left; margin: 0; padding: 0 10px 0 0; cursor:pointer; position:relative;}
div.button a, div.gbutton a {background: transparent url(../../Images/button.gif) no-repeat left top; border: 0 none; color: #fff; margin: 0; padding: 0 0 0 10px; }
.button a, .button a:visited, .gbutton a, .gbutton a:visited {color: #ffffff; display: block; font-weight: bold; line-height: 35px; cursor:pointer; -moz-user-select:none; -khtml-user-select: none;}
.button a:hover, .gbutton a:hover {color:#ffffff; text-decoration: none;}
div.gbutton {background: transparent url(../../Images/gbutton.gif) scroll no-repeat right top;}
div.gbutton a {background: transparent url(../../Images/gbutton.gif) no-repeat left top; }


/*layout elements*/
div.searchcol {display: inline; float: left; width: 310px; margin: 30px 10px 40px 10px;}
div.resultscol {display: inline; float: left; width: 620px; margin:10px 10px 40px 0px;}
div.detailscol {display: inline; float: left; width: 320px; margin: 20px 0px 40px 10px;}
div.maincontent {display:inline; float: left; width: 610px; margin: 20px 10px 40px 10px;}
div.fullwidth {margin: 20px 10px 40px 10px; }


/*master page*/
body {background: #fff url(../../Images/pagehd-bk.gif) repeat-x 0 0;}
div#page {margin-left:auto;margin-right:auto;width:960px; }
div#header {background: transparent url(../../Images/header-glow.gif) no-repeat bottom right; color:White; height:94px; padding:0; margin:0 20px 0 0;}
a#logo {background: transparent url(../../Images/kevinhenry-logo.gif) no-repeat 0 0; display:block; height: 43px; margin: 30px 0 0 10px;  text-indent: -9999px; width: 275px; }
a#logo h1 {font-family:Georgia,serif;font-size:32px; color:White; margin:0; padding:0;}
div#topmenu ul {font-size: 84.6%; line-height: 28px; margin: 0; padding:0; text-transform: uppercase;}
div#topmenu ul li {display: block; color: #3b893d; float: left; list-style-type: none; margin:0;}
div#topmenu ul li a {display: block; color:White; text-decoration: none; }
div#topmenu ul li a:hover {text-decoration: underline; }
div#topmenu ul li a.fpc {background: transparent url(../../Images/top-menu-fpc.gif) no-repeat 0 0; padding-left:30px; width: 160px; }
div#topmenu ul li.delim {padding: 0 7px;}
#tabNav ul {color:White; margin: 0; margin-top:28px; padding:0; width:390px;}
#tabNav ul li {display:block;float:right;list-style-type:none;margin-left:3px;}
#tabNav ul li a {background:transparent url(../../Images/tabnav-bk-sprite.gif) no-repeat 0 0; display:block;color:#e9f9ea;padding:0; font-size:1.2em; font-weight: bold; line-height: 38px; text-decoration:none; text-align: center; width: 93px;}
#tabNav ul li a:hover {background-position: 0 -38px;}
div#addressbar {background-color:#e51900; font-size: 1.1em; height:25px; color:White; line-height: 25px; margin: 0 20px 0 10px; }
div#addressbar div.right {padding:0px 10px;}
div#footerwrap {background: #f9f8f6 url(../../Images/footer-bk.gif) repeat-x 0 0; clear: both;}
div#footer {background: transparent url(../../Images/footer-div.gif) no-repeat top center; margin-left:auto; margin-right:auto; width: 960px;}
div#footer h4 {font-family:Georgia,Serif; font-size: 1.4em; color: #c8bcab; letter-spacing: -.05em;}  
div#footer div#intro, div#footer div#testimonials, div#footer div#blog  { display: inline; float:left; margin: 20px 20px 0 20px; width: 280px;}
div#footer div#blog div#excerpt {max-height:10em; overflow:hidden; margin-bottom:1em;}
div#footer div#testimonials {margin-right: 10px; width: 290px;}
div#footer div#testimonials p.from{text-align:right;margin:0;padding:0;}
div#footer div#intro {margin-left: 10px; width: 290px;} 
div#footer div#smallprint {font-size: 0.8em; color:#666; margin: 30px 10px 4px;}
div#footer ul li { list-style-type:square; margin-left:30px;}
div#footer div#blog ul.socialmedia  {margin-left:0px;}
div#footer div#blog ul.socialmedia li { list-style-type:none;margin:4px 0px;}
div#footer div#blog ul.socialmedia li img {margin:0px 6px 0px 0px; vertical-align:text-bottom;}
.smallprint {color:#888;font-size:90%;margin:10px 0px;}
div.quote, div.quoteAlt {padding:10px;margin:0;font-family:Georgia,Serif; color:#666;font-style:italic;font-size:1.1em;}
div.quote, div.quoteAlt p {margin:0.2em;}
div.quoteAlt p {color:#005B29;}
div.quote {background-color:#F9F8F6;border-top:solid 1px #E6E2DD;border-bottom:solid 1px #E6E2DD;}
div.quoteAlt p.quotefrom, div.quote p.quotefrom {text-align:right; font-family:Georgia,Serif; font-size: 1em; color: #9B876B; font-style:normal; }

/*search box*/
.js #tabs {visibility:hidden;}
div#searchcontainer {position:absolute;} 
div#searchspacer {height:360px;} 
div#searchabs {position:absolute; left:0; height: 376px; z-index: 1;} /* last 3 lines needed for IE6 compliance */
div#search {background: transparent url(../../Images/search-bk.png) no-repeat 0 0; color: #d8faec; height: 376px; width:329px; border-top:solid 1px #E51900; margin-top:-1px;}
div#search div#tabs {margin: 26px 32px 20px 32px;}
div#search span.searchintro {font-size: 1.1em; margin:10px 0px; padding:5px; display:block;}
.ui-slider .ui-slider-handle {background: url(../../Images/slider-handle.png) no-repeat 0 0}
.ui-slider {margin-bottom: 15px; margin-top: 5px;}
.ui-slider-range {background: transparent url(../../Images/slider-range.png) repeat-x 0 0; height:7px; overflow:hidden; }
div#search div#slidePrice {background: url(../../Images/price-slider.gif) no-repeat 0 0; width: 259px;}
div#search div#slideBeds {background: url(../../Images/bedrooms-slider.gif) no-repeat 0 0; width: 259px;}
div#search div#rentPrice {background: url(../../Images/rent-slider.gif) no-repeat 0 0; width: 259px;}
div#searchLocation {position: relative; width: 259px;}
div#searchLocation input.searchInput { height: 22px; background: url(../../Images/search-bk.gif) center top repeat-x; border: 0px;  *margin-top:-1px; padding: 5px 0 0 0; width: 243px; margin-left: 8px;  }
div#searchLocation span.left  { display: block; position: absolute; left: 0; top: 0; width: 8px; height: 27px; background: url(../../Images/search-leftcap.gif) left top no-repeat; }
div#searchLocation span.right  { display: block; position: absolute; right: 0; top: 0; width: 8px; height: 27px; background: url(../../Images/search-rightcap.gif) right top no-repeat; }

/* search results */
.searchImg {float:left;padding:10px;}
.searchText {float:left; width:400px;padding:10px;}
.searchprice {font-size:1.4em; float:right; margin:0 0 10px 10px;}
.searchFPC {background:#f9f6f1 url(../../Images/fpc-searchbk.gif) no-repeat right bottom;}
.SearchBTL {font-size:0.9em; line-height: 27px; color:#E51900;}
.searchtitle {font-size:1.25em;font-weight:700;margin-bottom: 6px; display:block;}
.searchMeta {overflow:auto; margin: 10px 0;}
tr.Pager td table{margin:10px 20px 0px 0px;}
tr.Pager td table tr td{padding:0px 0px 0px 5px;}
tr.Pager td a, tr.Pager td span {padding: 2px 6px; font-size: 12px;}
tr.Pager td a {border:solid 1px #00674c; background-color:#00674c;color: white;}
tr.Pager td a:hover {color:#00674c; background-color:white; text-decoration:none;}
tr.Pager td span {background-color: #e51900; color: white;padding: 3px 7px;}
tr.DataGridRow  { margin-bottom:1px; }
tr.DataGridRow td {border-bottom:dashed 1px #dedede; vertical-align:top;}
h1.homepage {font-family:Georgia,Serif; font-weight:normal; color: #AFA699; text-align:center;}

/* frontpage feature slider */
div#featured {clear:both; margin:20px 30px 40px 10px;}
div#featureSlide {height:165px; width:930px !important;	overflow:hidden; position: relative; margin-top: 20px; z-index: 5;}
#featureSlide ul, #featureSlide li {margin:0;padding:0;list-style:none;}
#featureSlide li {width:155px; height:165px; overflow:hidden;}
img.newoverlay {float:right; margin:0px 0px -36px 0px; height:36px; width:36px;}

/*property summary cards (front page and section homepage) */
div.cardSale, div.cardRent, div.cardSaleFPC {width:145px; height:165px; margin: 0px 5px;}
div.cardtext {padding:10px 10px 0 10px;}
.cardSale {background-color:#1e6020;color:White;}
.cardSaleFPC {background-color:#A78602; color: White;}
.cardRent {background-color:#fdff4c;color:#333;}
div.cardboxSale div.hv, li.hv div.cardSale {background-color: #1c8923;}
div.cardboxRent div.hv, li.hv div.cardRent {background-color: #eff11b; } 
div.cardboxSaleFPC div.hv, li.hv div.cardSaleFPC {background-color: #C1A018; } 
div.cardSale a, .cardSale a:visited, .cardSaleFPC a, cardSaleFPC a:visited {color:White; font-weight: normal;}
.cardSale a:hover, .cardSaleFPC a:hover {text-decoration: none;}
div.cardRent a {color:#333; font-weight: normal;}
.cardRent a:hover {text-decoration: none;}
.cardSale .loc, .cardSaleFPC .loc, .cardRent .loc {font-size: 0.75em; line-height:1.2em; }
div.cardSale span.price a, div.cardSaleFPC span.price a, div.cardRent span.price a {font-size: 1.1em; font-weight: 700;}
.FPC-featured {position: absolute; margin-left: 105px;}

/* section homepage */
div.cardboxSale div.cardSale, div.cardboxRent div.cardRent {float:left;margin: 0px 5px 10px 5px;}

/*property details */
img.mainPhoto {float:left; margin:0px 8px 8px 0px;border:solid 1px #dedede;}
div#featurelist {float:left; width:300px;}
div#featurelist ul {margin: 0;}
div#featurelist ul li {color: #635c52; font-size: 0.90em; list-style-type:none;margin-bottom:5px; background-color:#f9f6f1; padding:3px 10px 2px; }
div.pricebox {margin: 10px 0;}
div.pricebox span.price {font-size: 1.4em; color: #e51900; font-weight: bold; line-height:2em;}
p.shortDesc {font-size: 1.1em; color:#111111;}
div.dimensions {float:right;font-weight:normal;color:#888;}
.pdfBox {height:200px;}
.BTLBox {padding:10px 10px 0 10px; margin:0 0 10px 0; border:1px solid #d7d7d7;}
a.pdfpage img {margin-right:10px;}
.tooltip { display:none; background-color:#f9f9f9; border:1px solid #d7d7d7; padding:10px; font-size:0.9em;-moz-box-shadow: 2px 2px 11px #666;  -webkit-box-shadow: 2px 2px 11px #666; width:300px; }
div#pnlAction {text-align: center;}
div#fpc-pnlAction h3, div#pnlAction h3 {font-size: 1.35em; font-weight :normal; margin-bottom: 0px; text-align:right;}
div#fpc-pnlAction h3 b, div#pnlAction h3 b {font-size: 1.1em;}
div#fpc-pnlAction p, div#pnlAction p {margin-bottom: 0; color:#998263;}

/*FPC property details*/
div#fpc-details {background: transparent url(../../Images/fpc-watermark.gif) no-repeat right bottom; min-height:600px; }
div#fpc-details div.maincontent, div#fpc-details div.detailscol {margin-top: 0px;}
h1.fpc {color: #836b09; padding-top: 10px;}
div.FPCbadge {position:absolute; margin:-55px 0 0 820px; float:right; border:0; z-index: 1;}
div#fpc-tab-frame {position: relative; background: #A78602 url(../../Images/fpc-tabs-bk.gif) no-repeat left bottom; margin: 20px 30px 0 0;}
ul#fpc-tabs { margin:0 !important; padding:0; height:50px; }
ul#fpc-tabs li { float:left; padding:0; margin:0;  list-style-type:none; }
ul#fpc-tabs a {	background: transparent url(../../Images/fpc-tabs-border.gif) repeat-y right top; float:left; font-size:1.1em; display:block;	padding:0px 25px; text-decoration:none; text-transform: uppercase; border-bottom:0px; line-height:50px;	color:#f0dc8b;  position:relative;}
ul#fpc-tabs a:hover, ul#fpc-tabs a.current { background-color:#c1a018;	color:#fff; cursor:default;}
div.fpc-mainImg-bd, div#fpc-photobox div#slideshow {border:solid 1px #d6d6d6;}
img.fpc-mainImg {margin: 5px;}
p.fpc-shortDesc {margin: 20px 0; font-size: 1.231em; line-height: 140%;}
div#fpc-featurelist {float: left; margin-left: 0; width: 100%;}
div#fpc-featurelist ul {margin: 0;}
div#fpc-featurelist ul li {color: #635c52; display: inline; float: left; font-size: 0.90em; list-style-type:none;margin:0 3px 5px 0; background-color:#FBF9F2; padding:3px 10px 2px; width: 281px;}
div.fpc-detailsImg {float: left; display: inline; margin: 0 20px 20px 0;  padding: 5px; border:solid 1px #d6d6d6; }
div.fpc-EPC img {float: left; display: inline; margin: 0 10px 20px 0;}
div.fpc-sideShaded {background-color: #fbf9f2; border: solid 1px #d7d7d7; padding: 15px; margin: 20px 0;}
div#fpc-pnlAction {margin: 0 0 20px 0; text-align: center;}
div#fpc-pnlPrice {background-color: #fff; border: solid 1px #d7d7d7; margin: 20px 0; padding: 20px; text-align: center;}
div#fpc-pnlPrice span.price {font-size: 1.692em; color:#e51900; }
div#fpc-pnlPrice div.mortEstimator {margin: 0px; float: left; padding: 3px;}
div.maincontent div.panel {	display:none;}
#fpc-thumbs ul.thumbs {	clear: both; margin: 0; padding: 0; }
#fpc-thumbs ul.thumbs li { float: left; padding: 0;	margin: 0 5px 5px 0;	list-style: none;}
#fpc-thumbs ul.thumbs li a.thumb { padding: 2px;	display: block;	border: 1px solid #ccc; }
#fpc-thumbs ul.thumbs li.selected a.thumb {	background: #A78602; }
a.thumb:focus {	outline: none;}
#fpc-thumbs ul.thumbs img {	border: none; display: block;}
div#fpc-photobox div#slideshow {margin-bottom: 10px;}
div#fpc-photobox div#slideshow span.image-wrapper {display:block; margin: 5px;}
div#fpc-photobox div#controls div.ss-controls {float: right; display: inline;}
div#fpc-photobox div#controls a.prev {margin-right: 20px;}
div#fpc-photobox div#caption {margin:0px 10px 10px 10px;}

/*Mortgage Calculator*/
#MortCalc {width:620px; display: none;}
.calclbl {padding:5px 6px 5px 0px;text-align:right;}
.MortQuote {color:#998263; padding:10px;border:solid 1px #f2efe4; font-size: 1.1em; text-align:center; background-color:#FBF9F2;}
.MortPCM {color: #e51900; font-size:1.9em;font-weight:700;letter-spacing:-0.01em; display:block; margin:8px;}
div.fpc-mortEstimator, div.mortEstimator, div.search-mortEstimator {background-color: #FBF9F2; margin: 10px 0 0 0; padding: 3px; border: 1px solid #f2efe4; text-align: center;}
div.mortEstimator {width:280px;  cursor:pointer; float: right; margin: 0;}
div.search-mortEstimator {width: 180px; cursor: pointer; float: right; margin: 0;}
div.fpc-mortEstimator a.mortest, div.mortEstimator a.mortest, div.search-mortEstimator a.mortest {color:#998263; text-decoration: none; font-weight: normal; font-size: 0.9em; }
div.searchFPC div.search-mortEstimator {background-color: #fff;}

/*interior photos*/
div#photobox {border:solid 1px #dedede; padding:0;margin:46px 0px 20px 0px;}
div#photobox div#photogallery {margin: 8px 0 8px 8px;}
img#photoInterior{width:300px;height:225px;}
img.photoThumb {float:left; width:69px; height:46px; margin:6px 7px 0px 0px;}
img#fpcphotoInterior {width: 600px; height: 450px;}
.tour360 {background: #f8f5f1 url(../../Images/360-badge.gif) no-repeat 8px 3px;  margin: 0; padding: 5px 8px 5px 40px;}

/*Viewing*/
#Viewing {width:620px; display: none;}
#Subscribe {width:620px; display: none;}
table.frm tr td{padding:5px;}

/*map*/
div#mapcontainer {background: transparent url(../../Images/map-bk.gif) no-repeat top right; margin-left: 310px; width: 640px;}
div.clustermap {height:320px; margin: 22px 10px 10px 10px; text-align:center; width:613px;border:solid 1px #d6d6d6;}
div.minimap {border:solid 1px #d6d6d6; height: 200px;}  
div#map img#loader {margin:70px;}
div.popWin {font-size: 0.86em;}
div.fpcmap {border:solid 1px #d6d6d6;height:540px;}

/*brochures*/
div.brochurebox {margin-bottom: 20px; border: solid 1px #dedede; background-color:#F8F5F1; padding:10px;}
.pdfthumb {width:90px;height:128px;}
.pdfthumb img {float:left;margin-right:8px; width:74px; height:105px;}
.small {font-size:0.85em; color:#444;}

/*similar and recent */
a.box {display:block;padding:5px;}
a.box:hover {text-decoration:none; background-color:#f9f6f1;}
a.gone {color:#666;}
div.separator {margin:0px 5px 0px 5px;/*border-bottom:solid 1px #d3d3d3;*/}
div.sidelist {margin-bottom: 20px;}
div.sidelist a img {float:left;margin-right:9px;}
div.sidelist a div.price{float:right;font-weight:bold;margin:0px 6px 0px 3px;}
div.sideborder {border: solid 1px #d7d7d7;}

/*EPC*/
div.EPC  {margin: 10px 0px;}
div.EPC img {margin:10px 20px;}

/*Fine Property Collection*/
div#fpcbanner {background: transparent url(../../Images/fpc-banner.jpg) no-repeat 0 0; color: White; height: 161px; /*padding: 0 20px 20px 112px;*/}
div#fpcbanner h1 {display: inline; width: 440px; float: left; margin-left: 112px; text-indent: -9999px;}
div#fpcbanner span#fpcbyline {display: block; float: left; font-size: 1.2em; line-height: 150%; margin-top: 25px; width: 350px;}
div.cardFPC {border: solid 1px #d7d7d7; margin: 20px 0 10px; width: 940px; }
div.cardIMG {float: left; display: inline; margin: 10px 0 10px 10px; width: 300px; }
div.cardTitle {background: #a78602 url(../../Images/fpc-title-corner.gif) no-repeat top right; color: #ffffff; display: inline; float: left; font-size: 1.45em; font-weight: 700; letter-spacing: -.05em;  line-height: 49px; margin-top: 10px; padding: 0 20px; width: 580px;} 
div.cardIntro {display: inline; font-size: 1.2em; float: left; margin: 20px 10px 30px 20px; width: 580px;}
div.cardIntro a {font-weight: bold;}
div.cardIntro p.price {font-size: 1.2em; font-weight: bold; color:#005B29; padding-top: 10px; text-align: right;}
div.FPChv {background-color:#FBF9F2;}
p.lower { line-height:1.4em; }

/*Content Page Sidebar */
div.sideShaded {background-color: #f8f5f1; border: solid 1px #d7d7d7; padding: 15px; margin: 20px 0;}
div.sidebarAd {border: solid 1px #d7d7d7; margin: 20px 0; overflow:auto;}
div#Ad-finance {background: transparent url(../../Images/sideAd-financial.jpg) no-repeat top left;}
div#Ad-conveyancing {background:transparent url(../../Images/sideAd-conveyancing.jpg) no-repeat bottom left;}
div#Ad-Haverhill {background: transparent url(../../Images/sideAd-Haverhill.jpg) no-repeat bottom right;}
.hv {cursor: pointer;}	
div.adImg, div.adCopy {float: left; display: inline; width: 110px;}
div.adCopy {width: 165px; margin: 15px 15px 15px 125px;}
div.adCopyRight {width: 205px; margin: 15px 95px 0px 5px; float:right; display: inline;}
div.adImgOnly {margin: 15px;} 

/* content layout elements*/
div.contentShaded {background-color: #f8f5f1; border: solid 1px #d7d7d7; padding: 15px; margin: 20px 0;}
div.contentShaded h2, div.contentShaded h3,  div.contentShaded h4,  div.contentShaded h5 {margin-top:0;}

