﻿/** Land styles ***/

#landprop{width: 955px;}

#landprop h2{border-width:0;}

ul.linknav{margin: 0;}
ul.linknav li{display: inline; margin: 0 3px 0 0;}
ul.linknav li a{padding: 5px; border: 1px #ddd solid;}
#machinery ul.linknav li a{ background: #fff; height: 21px; border: 1px #ddd solid; line-height: 21px; width: auto; overflow: visible; color: #333; padding: 2px 5px; -moz-border-radius: 5px; font-size: 13px; }
ul.linknav li a:hover{background: #f3f3f3;}
ul.linknav li a.on{color: #fff; text-decoration:none;}

#home ul.linknav li a.on{background-color: #294F43;}
#commercial ul.linknav li a.on{background-color: #7DA3BD;}
#fineart ul.linknav li a.on{background-color: #8B0570;}
#planning ul.linknav li a.on{background-color: #7AB00F;}
#contact ul.linknav li a.on{background-color: #294F43;}
#lettings ul.linknav li a.on{background-color: #EC6B26;}
#sales ul.linknav li a.on{background-color: #EC6B26;}
#machinery ul.linknav li a.on{ 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: 13px; }
#rural ul.linknav li a.on{background-color: #B16500;}
#auctions ul.linknav li a.on{background-color: #009CB3;}
#news ul.linknav li a.on{background-color: #294F43;}
#vintage ul.linknav li a.on{background-color: #DE001A;}

#landprop .pageleft{float:left; width:45%;}
#landprop .pagelinks{float: right; text-align: right; width: 45%; margin-right: 4px;}
#landprop ul{margin: 0;}
#landprop ul li{border-top:solid 1px #CD7B17; list-style: none; padding: 7px 0; height: 1%;}
#landprop ul li:after{content: "."; clear: both; display: block; height: 0; visibility: hidden;}
#landprop ul li .img{float: right; margin: 10px 0 10px 10px;}
#landprop ul li .img img{border: solid 1px #D7D7D7; padding: 2px;}
#landprop ul li h2{padding: 0; margin: 15px 0;}
#landprop ul li h5{font-size: 120%;}
#landprop ul li .submitbutton{padding: 3px 5px;}

#contentholder_sub .imgcol .img{padding: 2px 0;}
#newsHolder h2 .date{width: 75%;}
#newsHolder h2 .link{width: 25%;}
#landpropcom ul{padding-bottom: 4px;}
#landpropcom ul li{width: 99%;}
#landpropcom ul li .img{float: left; border: solid 1px #D7D7D7; width: 120px;}

/* == Property Search Results - Top Bar
----------------------------------------------------------------------------------------------------------------------*/

#res_searchresults #topbar{float: left; text-align:center; 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 form{margin:0 auto;display:inline-block;}
#res_searchresults #topbar label{margin: 4px 10px 0;}
#res_searchresults #topbar input, #res_searchresults #topbar select{margin: 0 10px;}
#res_searchresults #topbar select{border: 1px #aaa solid; padding: 2px;}
#res_searchresults #topbar select:focus{border: 1px #EC6B27 solid;}

#res_searchresults #topbar .location, #res_searchresults #topbar .price, #res_searchresults #topbar .searchbtn{float: left; padding: 5px;}
#res_searchresults #topbar .location{width: 250px; margin: 0 5px 0 0;}
#res_searchresults #topbar .location select{width: 150px;}

#res_searchresults #topbar .price{width: 300px; margin: 0 5px 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;}

