﻿/* NEW SALES DESIGN */

/* == Tour Menu Slider */
#contactTab { float: left; position: absolute; right: 220px; top: 197px; /* z-index: 9999;*/ }
#contactTab ul { float: left; margin: 0; padding: 0; list-style: none; }
#contactTab ul li { float: left; margin: 0; padding: 0; }

#contactTab ul li a { float: left; background: #ec6b26 url(/_img/nav/contact-drop-arrow.jpg) no-repeat top right; color: #fff; font-weight: bold; text-shadow: 1px 1px #666; padding: 5px 15px 5px 5px; outline: none; }
#contactTab ul li a:hover { float: left; background: #e6551a url(/_img/nav/contact-drop-arrow-hover.jpg) no-repeat top right; text-decoration: none; padding: 5px 15px 5px 5px; -moz-border-radius: 5px; }
#contactTab ul li a.on { float: left; background: #e6551a url(/_img/nav/contact-drop-arrow-hover.jpg) no-repeat top right; text-decoration: none; padding: 5px 15px 5px 5px; -moz-border-radius: 5px; }

.dropoutInner { background: #ec6b26; float: left; padding: 0; position: absolute; right: 204px; top: 225px; width: 125px; -moz-border-radius: 0 0 5px 5px; z-index: 9999; }
.dropoutInner ul.options { float: left; margin: 0; padding: 0 5px 5px; list-style: none; list-style-image: none; }
.dropoutInner ul.options li { float: left; margin: 0; display: inline; width: 125px; }
.dropoutInner ul.options li a { float: left; font-size: 13px; padding: 5px; color: #fff; text-shadow: 1px 1px #666; outline: none; }
.dropoutInner ul.options li a:hover { float: left; background: #e6551a; text-decoration: none; padding: 5px; -moz-border-radius: 5px; }

.salesHolder { width: 995px; height: 260px; float: left; margin: 0; }
.salesSearch { background: url(/images/sales/search-bg.jpg) no-repeat top left; margin: 0; float: left; width: 500px; height: 260px; }
.salesTabs { float: left; position: relative; margin: 25px 0 10px 10px; height: 36px; width: 450px; padding-left: 15px; border-bottom: 1px solid #929394; }
.salesTabs a { font-size: 20px; float: left; color: #333; padding: 10px 15px; font-weight: bold; }
.salesTabs a:hover { text-decoration: none; }
.salesTabs a.salesProperty { background: #e3e5e7; position: absolute; top: 1px; border-top: 1px solid #929394; border-right: 1px solid #929394; border-left: 1px solid #929394; }
.salesTabs a.salesSell { background: #c0c3c5; position: absolute; top: 0; right: 80px; color: #666; border-top: 1px solid #c0c3c5; }
.salesTabs a.salesBuy { background: #c0c3c5; position: absolute; top: 0; right: 139px; color: #666; border-top: 1px solid #c0c3c5; }

.salesForm { float: left; margin: 10px 0 0 40px; width: 435px; }
.salesForm label { float: left; width: 150px; font-weight: bold; font-size: 15px; }
.salesForm input { float: left; width: 277px; margin: 0 0 8px 0; }
.salesForm select { float: left; width: 283px; margin: 0 0 8px 0; }
.salesForm select.salesPrice { float: left; width: 140px; margin: 0 2px 8px 0; }
.salesForm input.searchBtn { float: right; background: url(/images/sales/search-btn.jpg) no-repeat top left; width: auto; overflow: visible; padding: 6px 25px 7px 10px; margin: 0; border: none; color: #fff; font-size: 15px; }

.salesFind { background: url(/images/sales/find-more-bg.jpg) no-repeat top left; margin: 0; padding: 35px 25px 50px 105px; float: left; width: 365px; height: 175px; }
.salesFind p { text-align: center; color: #fff; font-size: 16px; }
.salesFindRent { background: url(/images/sales/find-more-bg.jpg) no-repeat top left; margin: 0; padding: 35px 25px 50px 105px; float: left; width: 365px; height: 175px; }
.salesFindRent p { text-align: center; color: #fff; font-size: 16px; }
.salesTitle { text-align: center; color: #fff; font-size: 20px; line-height: 25px; }
.salesLink { width: auto; margin: 0 0 0 105px; float: left; }
a.findBtn { background: url(/images/sales/find-btn-bg.jpg) repeat-x top left; height: 28px; line-height: 28px; width: auto; overflow: visible; color: #666666; padding: 0 5px; -moz-border-radius: 5px; font-size: 15px; float: left; }

#sales h1 { border-bottom: 1px solid #dcdcdc; color: #737373; font-size: 22px; padding: 0 0 10px; text-shadow: none; }
#lettings h1 { border-bottom: 1px solid #dcdcdc; color: #737373; font-size: 22px; padding: 0 0 10px; text-shadow: none; }

.salesPodholder { width: 960px; float: left; height: 281px; margin: 20px 0 0 0; padding-left: 35px; }
.salesPod { height: 245px; width: 217px; float: left; margin: 0; border-right: 20px solid #ffffff; }

.podTitle { color: #ec6b26; font-size: 15px; font-weight: bold; margin: 0 0 10px 0; }
.podImage { background: #fff; padding: 4px; border: 1px solid #ccc; }
.podInfo { color: #666666; font-size: 15px; min-height: 120px; }
.podInfo ul { margin: 10px 0; padding: 0; list-style: none; }
.podInfo ul li { margin: 0 0 5px 0; padding: 0; }
.podInfo ul li span { color: #ec6b26; }
.podInfo ul li a { color: #666666; }

ul.townList { margin: 10px 0 0; padding: 0; list-style: none; }
ul.townList li { position: relative; font-size: 15px; color: #666666; width: 217px; float: left; border-bottom: 1px dashed #ccc; margin: 0 0 5px 0; padding-bottom: 5px; }
ul.townList li span { position: absolute; top: 0; right: 0; }
ul.townList li span a { color: #ec6b26; }

a.podBtn { background: url(/images/sales/btn-bg.jpg) repeat-x top left; height: 21px; line-height: 21px; width: auto; overflow: visible; color: #fff; padding: 2px 5px; -moz-border-radius: 5px; font-size: 15px; float: left; }

.salesTemplate { float: left; }
.salesPhotos { height: 188px; width: 995px; float: left; margin: 20px 0 0 0; }
.salesPhotos img { float: left; }

.choosePhotos { height: 222px; width: 995px; float: left; margin: 0 0 20px 0; }
.choosePhotos img { float: left; }

.ui-tabs { padding: 0; zoom: 1; float: left; width: 780px; } 
.ui-tabs .ui-tabs-nav { float: left; list-style: none; margin: 6px 0 0 20px; width: 275px; }
.ui-tabs .ui-tabs-nav li { border-bottom: 0 !important; float: left; padding: 0; white-space: nowrap; margin: 0 0 10px 0; width: 275px; }
.ui-tabs .ui-tabs-nav li a { padding: 0 0 0 25px; float: left; text-decoration: none; color: #9b9b9b; outline: none; font-size: 19px; font-weight: bold; background: url(/images/sales/sub-menu-static.jpg) no-repeat top left; line-height: 25px; }
.ui-tabs .ui-tabs-nav li a:hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #ec6b26; background: url(/images/sales/sub-menu-hover.jpg) no-repeat top left; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

.ui-tabs .ui-tabs-panel { display: block; float: left; width: 450px; border-width: 0; padding: 0; color: #737373; font-size: 14px; }
.ui-tabs .ui-tabs-panel h2 { font-size: 22px; border-bottom: 1px solid #dcdcdc; padding: 0 0 10px 0; color: #737373; }
.ui-tabs .ui-tabs-panel p { color: #737373; font-size: 14px; }
.ui-tabs .ui-tabs-hide { display: none !important; }

.salesBrochure { float: right; margin: 0 40px 0 0; }
.salesDownload { background: url(/images/sales/brochure-drop-down.jpg) no-repeat top left; height: 24px; font-size: 13px; padding: 0 0 0 30px; width: 80px; margin: 10px 0 0 0; }
.salesDownload a span { color: #ec6b26; }
.salesDownload a { color: #737373; }
.salesDownload a:hover { text-decoration: none; }

/* == Residential Sales specific styles
----------------------------------------------------------------------------------------------------------------------*/

.justsold{display: none;} /*hack to hide from commercial for time being*/
#sales .justsold{display: block; width: 362px; border: 1px #ccc solid; background: #f6f6f6;}
#sales .justsold h4{background: #EC6B27; color: #fff; margin: 0; padding: 10px; font-weight: bold;}
#sales .justsold p{margin: 10px;}
#sales .justsold p a{font-weight: bold;}

#property-search{}
#property-search label{width: 120px; font-size: 120%; margin: 6px 0;}
#property-search input, #property-search select{width: 300px;}
#property-search input:focus{border: 1px #EC6B27 solid;}
#property-search input.checkbox{width: 18px; border: 0; margin: 12px 0 0 0;}
#property-search input.submitbutton{width: 85px;}
#property-search input.submitbutton:focus{border: 2px #358F72 solid;}
#property-search select{width: 308px; border: 1px #cacaca solid; margin: 3px 0; padding: 2px;}
#property-search select:focus{border: 1px #EC6B27 solid;}

#map-search{}
#map-search .img{position: relative; width: 384px; min-height: 210px; height: auto !important; height: 210px; background: url(/images/propertysearch/map_bg.jpg) no-repeat; margin: 20px auto 7px auto; border: solid 1px #b6c5ca;}
#map-search a.base{padding: 8px 5px 0 0; font-weight: bold; color: #294F43; margin: 0 0 0 450px;}
#map-search .marker{position: absolute;}
#map-search .marker a{color: #666; font-size: 90%; text-decoration: underline;}
#map-search .marker a:hover{text-decoration: none;}
#map-search .ely{left:145px;top:17px;}
#map-search .newmarket{top: 70px; left: 220px;}
#map-search .cambridge{top: 86px; left: 104px;}
#map-search .haverhill{top: 132px; left: 225px;}
#map-search .saffron{top: 175px; left: 145px;}
#map-search .stives{left:95px;top:50px;}

.promobox{float: left; width: 220px; border: solid 1px #d4e3e6; background: #efefef; margin: 10px 15px 0 0; font-size: 115%; -moz-box-shadow: 2px 2px 4px #ccc; -webkit-box-shadow: 2px 2px 4px #ccc;}
.promobox h4{color: #6e9ab7; font-family: 'Century Gothic', 'Arial Narrow'; margin: 5px 7px; font-size: 140%; line-height: 22px; background: none;}
.promobox p{padding: 0 8px 7px 8px; margin: 0 0 1px 0;}
.promobox p a{text-decoration: underline;}
.promobox p a:hover{text-decoration: none;}

.officesbox{float: left; width: 250px; margin: 10px 0 0 10px;}
.officesbox .name{width: 115px; float: left;}
.officesbox .t{color:#6c99b8; font-weight: bold;}
.officesbox ul{margin-top: 5px; margin: 5px 0 0 0;}
.officesbox ul li{list-style: none; margin: 4px 0;}

/* == Property Search Results - Top Bar
----------------------------------------------------------------------------------------------------------------------*/

#res_searchresults #topbar{float: left; width: 945px; border-top: solid 1px #c4c4c4; background-color: #ededed; font-size: 90%; padding: 5px 0 5px 10px; margin: 0 0 5px 0;}

#res_searchresults #topbar label{margin: 4px 10px 0 0;}
#res_searchresults #topbar input{margin: 0;}
#res_searchresults #topbar select{margin: 0; border: 1px #aaa solid; padding: 2px;}
#res_searchresults #topbar select:focus{border: 1px #EC6B27 solid;}

#res_searchresults #topbar .location, #res_searchresults #topbar .radius, #res_searchresults #topbar .beds,
#res_searchresults #topbar .price, #res_searchresults #topbar .sstc, #res_searchresults #topbar .key,
#res_searchresults #topbar .order, #res_searchresults #topbar .searchbtn{float: left; padding: 5px;}

#res_searchresults #topbar .location{width: 190px; margin: 0 5px 0 0;}
#res_searchresults #topbar .location input{width: 120px;}
#res_searchresults #topbar .location input:focus{border: 1px #EC6B27 solid;}

#res_searchresults #topbar .radius{float: left; width: 145px; margin: 0 5px 0 0;}
#res_searchresults #topbar .radius select{width: 95px;}
#res_searchresults #topbar .radius label{width: 35px;}

#res_searchresults #topbar .beds{width: 95px; margin: 0 5px 0 0;}

#res_searchresults #topbar .price{width: 240px; margin: 0 5px 0 0;}

#res_searchresults #topbar .order{width: 175px;}

#res_searchresults #topbar .sstc {width: 110px;}
#res_searchresults #topbar .sstc label{text-align: left; width: 70px; margin-right: 0px; margin-left: 5px;}
#res_searchresults #topbar .sstc .chkbox{border: 0; margin-top: 2px;}

#res_searchresults #topbar .key {width: 130px;}
#res_searchresults #topbar .key label{margin-right: 4px;}

#res_searchresults #topbar .chkbox{margin: 6px 0 0 0;}

#res_searchresults #topbar .searchbtn{width: 55px; padding: 4px 5px;}
#res_searchresults #topbar .submit{margin: 0; font-size: 90%;}


/* == Property Search Results - Listing
--------------------------------------------------------------------------- */

#res_searchresults h2{float: left; background-color: transparent; color: #006663; border: 0; font-size: 110%; padding: 0 0 0 10px; width: auto;}
#res_searchresults h2 span{color: #545655;}

#res_searchresults h1.searchresults{float: left; width: 955px; margin: 0 0 15px 0;}

#res_searchresults .switchbuttons{float: right; margin: 0 20px 10px 0; font-size: 120%; font-style: italic;}

#res_searchresults #prop_listing{float: left; width: 955px;}
#res_searchresults #prop_listing ul{margin: 5px 0 0 0;}
#res_searchresults #prop_listing ul li{list-style: none; list-style-image: none;}
#res_searchresults #prop_listing ul li.row{border-bottom: dashed 1px #CCCCCC; clear: both; padding: 6px 0; height: 1%;}
#res_searchresults #prop_listing ul li.row:after{display: block; clear: both; content: " ";}
#res_searchresults #prop_listing ul li .img, #res_searchresults #prop_listing ul li .txt{float:left;}
#res_searchresults #prop_listing ul li .img{width: 168px; background-color: #F8F8F8; padding: 13px 0 13px 13px;}
#res_searchresults #prop_listing ul li .txt{width: 472px; padding-left: 4px; margin: 5px 0 0 0;}
#res_searchresults #prop_listing ul li .err{font-size: 110%; color: #e00501}
#res_searchresults #prop_listing ul li .info{float: right; width: 230px;}
#res_searchresults #prop_listing ul li .img img{float: left; border: solid 1px #026874;}
#res_searchresults #prop_listing ul li .img div{float: left; background: #D4E3E6; color: #363135; margin: 2px 0 0 0; padding: 5px 0 5px 7px; width: 149px; font-weight: bold;}
#res_searchresults #prop_listing ul li .txt h3{padding: 10px 0 6px 0; background: transparent; font-size: 150%; font-weight: normal;}
#res_searchresults #prop_listing ul li .txt h3 a{color: #294F43;}
#res_searchresults #prop_listing ul li .txt h3.price{color: #0A747D; font-size: 130%; margin: 5px 0; padding: 0;}
#res_searchresults #prop_listing ul li .txt h4{padding: 0; background: transparent; color: #444; font-weight: bold; margin: 10px 0;}
#res_searchresults #prop_listing ul li .info b{color: #006766; margin: 10px 0 0 9px; float: left; width: 90%; font-size: 140%;}
#res_searchresults #prop_listing ul li .info ul{float: left; width: 49%; margin: 0; padding: 0; clear: none;}
#res_searchresults #prop_listing ul li .info ul li{color: #005D64; border-bottom: dashed 1px #91C9CA; padding: 3px 0; margin: 7px 0;}
#res_searchresults #prop_listing ul li .info ul li.base{border-bottom: dashed 0px #fff;}
#res_searchresults #prop_listing ul li .info ul li a{font-size: 90%; color: #025D62;}
#res_searchresults #prop_listing ul li ul.img{width: 160px; padding: 0;}
#res_searchresults #prop_listing ul li ul.img li{float: left; padding: 0; margin: 0 3px 0 0;}
#res_searchresults #prop_listing ul li .email{width: 220px; float: left;}
#res_searchresults #prop_listing ul li .email form{float: left; margin: 8px 0 0 0; padding: 0 0 0 8px; border-top: solid 1px #e5e5e5; border-left: solid 1px #e5e5e5;}
#res_searchresults #prop_listing ul li .email form h2 div, #res_propview .email form h2 div{float: left;}
#res_searchresults #prop_listing ul li .email form h2 img, #res_propview .email form h2 img{float: right; margin: 0 16px 0 0;}
#res_searchresults #prop_listing ul li .email form div.form{margin: 8px 0 0 12px;}
#res_searchresults #prop_listing ul li .email form div.form label{padding: 3px 0 0 0; font-size: 90%;}

/* == Property View - General
--------------------------------------------------------------------------- */

#res_propview{width: 975px;}
#res_propview .mainColumn{float: left; width: 686px; margin: 0 20px 0 0; line-height: 17px;display:inline;}
#res_propview .rightColumn{float: left; width: 249px;}

#res_propview h1{font-size: 180%; line-height: 25px; font-weight: normal; border-bottom: 1px #ddd solid; padding: 0 0 5px 0; margin: 0 20px 15px 0;}
#res_propview h1 span{color: #294F43;}

#res_propview .mainColumn .top-list{height: 1%; margin: 15px 0; font-size: 110%; font-style: italic; font-weight: bold;}
#res_propview .mainColumn .top-list:after{content: "."; clear: both; display: block; height: 0; visibility: hidden;}
#res_propview .mainColumn .top-list ul{margin: 0; padding: 0;}
#res_propview .mainColumn .top-list ul li{float: left; width: 200px; margin: 5px 0; padding: 0 0 0 20px; list-style: none; background: url(/_img/tick.gif) no-repeat 0 0;}

#res_propview .mainColumn .propdesc p:first-child{font-weight: bold;}

#res_propview .contactbranch{background: #439B7F; color: #fff; margin: 15px 0; padding: 10px 15px; height: 1%;}
#res_propview .contactbranch:after{content: "."; clear: both; display: block; height: 0; visibility: hidden;}
#res_propview .contactbranch h2, #res_propview .contactbranch p{float: left; padding: 0; margin: 0; color: #fff;}
#res_propview .contactbranch p{margin: 0 0 0 30px;}
#res_propview .contactbranch a{color: #fff;}

#res_propview .rightColumn ul.sideTools{margin: 0; padding: 0;}
#res_propview .rightColumn ul.sideTools li{float: left; width: 223px; list-style: none; margin: 0; padding: 10px 12px; border: 1px #ddd solid; background: url(/_img/bg-headerSearch.gif) #fff repeat-x 0 100%; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height: 28px;}
#res_propview .rightColumn ul.sideTools li.contact{margin: 15px 0; background: #439b7f; color: #fff; border: 0;}
#res_propview .rightColumn ul.sideTools li.contact a{color: #fff;}

#res_propview .rightColumn #mapsml{width: 247px; height: 350px; border: 1px #ccc solid; margin: 20px 0 0 0;}

#res_propview .mainColumn ul.tabs {width:100%;float:left;border-bottom:1px solid #DDD;margin: 0; padding: 0;}
#res_propview .mainColumn ul.tabs li{float: left; margin:0 3px ; padding:10px 25px; list-style: none;-moz-border-radius: 5px 5px 0 0; background: url(/_img/bg-headerSearch.gif) repeat-x 0 100% #FFFFFF; border: 1px solid #DDDDDD;font-weight:bold;}

.jcarousel-skin-tango .jcarousel-container { width: 365px; height: 215px; }
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 245px; padding: 0 40px; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 310px; height: 165px; }

.jcarousel-skin-tango .jcarousel-item { width: 310px; height: 165px; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin: 0; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }

.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 191px; right: 105px; width: 17px; height: 14px; cursor: pointer; background: url(/images/sales/scroll-right.jpg) no-repeat top left; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background: url(scroll-right.jpg) no-repeat top left; }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background: url(/images/sales/scroll-right-hover.jpg) no-repeat top left; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: 0 0; }

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; }

.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 191px; left: 175px; width: 17px; height: 14px; cursor: pointer; background: url(/images/sales/scroll-left.jpg) no-repeat top left; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background: url(scroll-left.jpg) no-repeat top left; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background: url(/images/sales/scroll-left-hover.jpg) no-repeat top left; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: 0 0; }

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; background: url(/images/sales/scroll-left.jpg) no-repeat top left; }


.gallery .imageHolder{float:left;height:445px;overflow:hidden;position:relative; width: 100%;z-index:100;}
.gallery .caption{width:100%;padding:5px 0;opacity:0.6;filter:alpha(opacity=60);background:#000;position:absolute;bottom:0;z-index:200;}
.gallery .caption p{margin:10px;color:#fff;}
.scroll{float:left;width: 100%;background:#439B7F;text-align:center;height:106px;overflow:hidden;}
.scroll .jcarousel-container-horizontal {float:left;width:625px;padding:0 30px;overflow:hidden !important;}
.scroll .jcarousel-clip-horizontal{overflow:hidden !important;}
.scroll ul li, .scroll .jcarousel-item {float:left;margin:3px;height:100px; width:150px; overflow:hidden;}
.scroll ul li img, .scroll .jcarousel-item img{ border:1px solid #666;}
.scroll .jcarousel-next-horizontal { position: absolute;top:10px; right: 5px; width: 20px; height: 90px; cursor: pointer; background: url(/images/sales/scroll-right-green.gif) no-repeat top left; }
.scroll .jcarousel-next-horizontal:hover {background: url(/images/sales/scroll-right-green-hover.gif) no-repeat top left;}
.scroll .jcarousel-next-disabled{display:none !important;}
.scroll .jcarousel-prev-horizontal { position: absolute; top: 10px; left: 5px; width: 20px; height: 90px; cursor: pointer; background: url(/images/sales/scroll-left-green.gif) no-repeat top left; }
.scroll .jcarousel-prev-horizontal:hover {background: url(/images/sales/scroll-left-green-hover.gif) no-repeat top left; }
.scroll .jcarousel-prev-disabled{display:none !important;}
.scroll .loader{padding:40px 300px;}

/* == Property View - Column Image
--------------------------------------------------------------------------- */

#res_propview .rightColumn div.img{
	float:left;
	width:269px;
	background-color: #F7F7F7;
}
#res_propview .rightColumn div.img .bar{
	float:left;
	
	background-color: #D4E3E6;
	padding: 5px 10px 5px 0;
	margin: 0 0 4px 0;
	text-align: right;
	font-weight:bold;
}
#res_propview .rightColumn div.img .bar a{color:#7D8B8E;}
#res_propview .rightColumn div.img .bar a:hover{color:#016877;}
#res_propview .rightColumn div.img .photo{
	border: solid 1px #086D77;
}
#res_propview .rightColumn ul.img{
	float:left;
	width:200px;
	padding: 5px 0 0 0;
	list-style-type: none;
	margin: 0;
}
#res_propview .rightColumn ul.img li{
	float:left;
	width:62px;
	padding: 1px 2px 2px 1px;
}
#res_propview .rightColumn ul.img li img{
	float:left;
	width: 62px;
}
#res_propview .rightColumn div.btn {
	float:left;
	padding:10px 0 0 10px;
}
#res_propview .rightColumn ul.btn {
	float:left;
	width:120px;
	margin:0 14px 0 0;
	padding:0;
	clear: none;
}
#res_propview .rightColumn ul.btn li{
	color:#005D64;
	border-bottom: dashed 1px #91C9CA;
	padding: 3px 0;
}
#res_propview .rightColumn ul.btn li a{
	font-size:90%;
	color: #025D62;
}
#res_propview .rightColumn .map {
	float:left;
	width:280px;
	background-color: #F7F7F7;
	margin-top: 14px;
	padding: 0 0 10px 0;
}
#res_propview .rightColumn .map h3{
	background-color: transparent;
	color: #7C8C8C;
	padding: 6px 0 6px 10px;
}
#res_propview .rightColumn .map img{
	float:left;
	margin-left: 4px;
}


/* == Property View - Column Text
--------------------------------------------------------------------------- */

#res_propview .col_text{
	float:left;
	width:445px;
	margin: 10px 0 0 14px;
}
#res_propview .col_text p.top{
	color: #333333;
	font-weight: bold;
}
#res_propview .col_text p b{
	color: #656565;
}
#res_propview .col_text h4{
	color: #333;
	background-color: transparent;
	border-bottom: solid 1px #C3C3C3;
	padding:0 0 2px 0;
	margin: 18px 0 5px 0;
	font-size: 100%;
}
#res_propview .col_text a{
	text-decoration: underline;
}
#res_propview .col_text a:hover{
	text-decoration: none;
}


/* == Google Mapping Styles
--------------------------------------------------------------------------- */

.clusterholder { float: left; min-height:210px; }
.clusterholder b.hdr{font-size:110%; color:#EC6B26;}
.clusterholder ul { margin-bottom:0; }
.clusterholder ul, .clusterholder li{float: left; list-style: none;}
.clusterholder li { margin:0; }
.markerholder, .markerholderOn{float: left; display: none; border: solid 1px #ABABAB; border-top: solid 0px #fff; padding: 6px 8px; margin-left:20px; }
.markerholderOn{display: block;}

ul.tab {width:293px;background: url('/images_mapping/gray_base.gif') repeat-x left bottom;margin-top:5px;}
ul.tab li a{display:block;background-color:#fff;border-top: solid 1px #ABABAB;border-left: solid 1px #ABABAB;border-right: solid 1px #ABABAB; padding:2px 6px;float:left;margin:3px 2px 0 0;background: url('/images_mapping/tab_bg.gif') repeat-x left bottom;text-decoration: none !important;}
ul.tab li a:hover {text-decoration: underline !important;margin:1px 2px 0 0;padding:4px 6px 2px 6px;}
ul.tab li a.on {background-image:none;background-color: #fff;}

.markerholder a:hover, .markerholderOn a:hover{text-decoration: none !important;}




/* == Request a viewing form
--------------------------------------------------------------------------- */

form.requestviewing label{width: 110px;}
form.requestviewing input{width: 250px;}
form.requestviewing select{width: 60px; border: 1px #aaa solid; margin: 2px 5px 2px 0;}
form.requestviewing select:focus{border: 1px #EC6B27 solid;}
form.requestviewing select#buyingposition{width: 258px;}
form.requestviewing select.preferredmonth{width: 120px;}
form.requestviewing input.submitbutton{width: 110px;}


/* == Free valuation form
--------------------------------------------------------------------------- */

form.freevaluation label{width: 130px;}
form.freevaluation input{width: 250px;}
form.freevaluation select{width: 60px; border: 1px #aaa solid; margin: 2px 5px 2px 0;}
form.freevaluation select:focus{border: 1px #EC6B27 solid;}
form.freevaluation select#nearest{width: 258px;}
form.freevaluation select#pref_date_month{width: 110px;}
form.freevaluation input.submitbutton{width: 110px;}


/* == New Homes styling
--------------------------------------------------------------------------- */

#nh_plot h3{background: #EC6B26; color: #fff; padding: 5px; margin: 15px 0;}
