/*------------------------------------------------- */ /* /* TEMPLATE 1 /* /* This template has the following structure: /* /* Alignment = Center /* Width = Stretchy - Default 1024 /* if -> font-size:80% then use -> width:78.5em !important;width:78em; (for #container) /* if -> font-size:75% then use -> width:83.em !important;width:83em;; (for #container) /* if -> font-size:70% then use -> width:88.5em !important;width:88em;; (for #container) /* /* Navigation Elements /* - Top Level Nav : Vertical, along the side below the logo /* - 2nd Level Nav : Vertical, also down the left hand side of the page /* /* Extras /* - Full right hand features column /* - Page content streched down the middle /* ------------------------------------------------- */ body{text-align: center;font-size: 75%;} #container{text-align:left;width:88.5em !important;width:88em;margin:0 auto;} #popup #container{width:50.5em !important;width:50em;margin: 0 auto;} /* =Header ------------------------------------------------- */ #header {width:100%;float:left;} #header .search{width:100%;float:left;} #header .search .pane{width:40%;float:right;} /* =Navigation ------------------------------------------------- */ #nav{width:25%;float:left;margin-right:1%;} #nav ul, #nav ul li{margin:0;padding:0;} /* =Content ------------------------------------------------- */ #main{width:74%;float:right;} #content{width:49%;float:left;} /* =Other ------------------------------------------------- */ #other{width:24%;float:right;} /* =Footer ------------------------------------------------- */ #footer{clear: both;width:100%;float:left;} /* /* END OF TEMPLATE 1 /* ------------------------------------------------- */ /*------------------------------------------------- */ /* Defines the site-specific layout for core elements, overrides associated base HTML elements, and defines page-specific layout */ /*---------------------------------- - Main Layout Structure - Header - Navigation - Main - Content - Other - Footer - Widgets - Sprites - Hacks -----------------------------------*/ /* =Main Layout --------------------------------------------------------------------------- */ body{background-color: #DBD8C9;color: #5D5D5D;font-family: Arial, Trebuchet MS, Sans-Serif;} #container{background: #fff url('/_img/bg/site.gif') repeat-y right top;margin-top: 12px;width: 960px !important;} /*override the template width for rh*/ #nobg #container{background-image:none;} #popup #container{background: #fff none repeat-y right top;width: 656px !important;margin-top: 12px;} /* =Header --------------------------------------------------------------------------- */ #header .search {background: #DBD8C9 url('/_img/bg/search.gif') no-repeat right bottom;padding-top: 2px;border-bottom: solid 3px #00447A;} #header .search .pane{width:320px;} #header .search label {text-align: right;color:#fff;width:80px;font-size:90%;} #header .search .input {background: url('/_img/bg/input.gif') no-repeat left top;border-width: 0;padding: 5px 0 2px 6px;font-size:80%;width:200px;} #header .search .img {vertical-align: -20%;} /* =Main ------------------------------------------------- */ #main {color: #457396;width:743px;} #main .top{float:left;background-color:#fff;width: 100%;} #main .strapline{float:left;padding: 50px 0 10px 0;margin:0;color:#00457c;line-height: 1;text-align: left;font-size:150%;font-weight: normal;text-align: justify; font-family: Tahoma, Lucida Sans Unicode, Arial, Helvetica, sans-serif;} #main .navextra{float:right;padding: 22px 0 0 0;width: 100px;} #main .navextra ul{float:right;width: 100%;} #main .navextra ul li{float:left;margin-left: 10px;} #main .navextra ul li a{float:left;color: #044575;text-decoration:none;background: url('/_img/ico/plus-blue.gif') no-repeat left top;padding: 0 0 0 22px;font-weight: bold; min-height: 18px;height: auto !important;height: 18px;display:block;} #main .navextra ul li a.on{background-image: url('/_img/ico/plus-orange.gif');} #main .navextra ul li a:hover{text-decoration:underline;} #main .contact {float:right;width: 370px;text-align: right;} #main .contact .hold {float:right;text-align: left;width:auto;padding:15px 5px 10px 0;font-size: 110%;} #main .contact .hold label {float:left;width: 75px;padding-top: 0;text-align: right;margin-left:3px;} #main .contact span{color: #333333;font-size: 110%;font-weight:bold;float:left;padding:3px 5px 0 0;} /* =Navigation --------------------------------------------------------------------------- */ #nav {text-align:right;width: 202px;margin: 0 0 70px 0;} #nav .logo{float: right;margin: 35px 0 50px 0;padding:0 30px 0 0;} #nav h2{text-align:right;font-size: 90%;padding: 7px 0 2px 0;color:#AFAFAF;} #nav ul {float:left;width:100%;font-size: 90%;} #nav ul li{float:right;width:100%;text-align:right;background: transparent url('/_img/bg/li-nav.gif') no-repeat right bottom;min-height: 31px;height: auto !important;height: 31px;} #nav ul li ul li{min-height: 1px;width:95%;height: auto !important;background-image: none;text-align:right;} #nav ul li a{float:right;text-align:right;color:#00447F;font-weight: bold;font-size: 110%;text-decoration:none;margin-top: 7px; background: transparent url('/_img/ico/plus-blue.gif') no-repeat right top;padding: 0 25px 5px 0;} #nav ul li a.on{background-image: url('/_img/ico/plus-orange.gif');} #nav ul li ul li a{color:#6B9DCA;font-weight: normal;background-image: none;margin: 1px 25px 2px 0;padding: 0;} #nav ul li ul li a.on{background-image:none;color:#00447F;} #nav ul li ul{padding-bottom: 10px;text-align:right;} #nav ul li a:hover{text-decoration:underline;} #content ul.contactNav, #content ul.contactNav li{float:left;margin:0;padding:0;list-style:none;width:270px;} #content ul.contactNav{margin:20px 0 0 0;} #content ul.contactNav li{width:auto;margin:0 10px 5px 0;} #content ul.contactNav li a{float:left;width:110px;font-size:110%;font-weight:bold;background:#f5f4f0 url('/_img/bg/contact-nav.gif') no-repeat 90px 5px;color:#005990;padding:6px 0 6px 10px;text-decoration:none;} #content ul.contactNav li a:hover{text-decoration:underline;} #content ul.contactNav li a.on{background-image:url('/_img/bg/contact-nav-on.gif');} /* =Content ------------------------------------------------- */ #content{width: 500px;} #content .pad{float:left;padding: 0 30px 20px 10px;width: 460px;} #nobg #content .pad{float:left;padding: 0 0 20px 0;background: transparent url('/_img/bg/content-fade.gif') no-repeat right top;} #content h1{color: #313131;margin: 20px 0 0 0;font-size: 180%;font-weight: normal;} #content h2, #content h3, #content h4{color: #03437A;font-size: 130%;} #content h3{font-size: 100%;} #content h4{font-size: 90%;} #content p{text-align: justify;} #content p.lead{color: #04447A;font-weight: bold;} #content ul{list-style-type: disc;margin: 0 0 15px 15px;} #content .pad a{text-decoration: underline;color: #313131;} #content .pad a:hover{text-decoration: none;} #content .pad .col{float:left;width:230px;} #functional {float:left;width: 99%;background: transparent url('/_img/bg/content-fade.gif') no-repeat right top;} #functional h1{color: #00457C;font-size: 110%;margin: 8px 0 0 0;font-weight: bold;} #functional .pad{padding: 0 0 20px 0;width: 100%;} #functionalalt {float:left;width: 99%;background: transparent url('/_img/bg/content-fade.gif') no-repeat right top;} #functionalalt .pad{padding: 0 0 20px 0;width: 100%;} /* =Other ------------------------------------------------- */ #other{width:243px; color: #333;font-size:90%;} #other .banner {float: left;border-bottom: solid 2px #fff;} #other .col {float: right;width: 226px;padding: 8px 8px 0 0;} #other .col h3 {color: #625D59;font-weight: bold;font-size: 160%;padding: 0;margin: 10px 0 0 0;} #other .col a{color: #333;} #other .col ul, #other .col ul li{float:right;width:180px;width:100%;} #other .col ul{padding: 2px 0 0 0;} #other .col ul li{margin-top: 12px;} #other .col ul li .txt{float:right;text-align: left;width: 150px;padding:0 10px;} #other .col ul li span{font-size:80%;color:#666;} #other .col ul li .txt a{text-decoration: none;float:left;width:100%;color:#666;font-size:110%;font-weight:bold;margin:0 0 5px 0;} #other .col ul li .txt a:hover{text-decoration: underline;} #other .col ul li .img{float:left;width: 56px;background-color:#DBD7CF;min-height:40px; height: auto !important; height: 40px;text-align:center;} /* =Footer --------------------------------------------------------------------------- */ #footer {background: url('/_img/bg/ftr.gif') no-repeat left top;padding: 0 0 10px 0;font-size: 80%;} #footer .logos{height:60px;} #footer a {color: #595555;} #footer ul,#footer ul li{float: left;} #footer ul{padding-bottom: 5px;} #footer ul li{margin-right: 4px;} #footer ul li a{float: left;padding-right: 5px;background: url('/_img/bg/li-ftr.gif') no-repeat right top;text-decoration: underline;} #footer ul li a.end{background-image: none;} #footer ul li a:hover{text-decoration: none;} #footer .by{float:right;} #footer .by a:hover{text-decoration: underline;} #footer .logos ul {margin: 2px 0 0 20px;} #footer .logos ul li {margin: 0;} #footer .logos ul li a{padding:0;background-image:none;} #footer .logos ul li a img.rightmove {background: url('/_img/bg/ftr-logos.gif?v=4') no-repeat left top;width:96px;height:30px;background-position: -18px -3px;} #footer .logos ul li a img.rics {background: url('/_img/bg/ftr-logos.gif?v=4') no-repeat left top;width:63px;height:30px;background-position: -111px -3px;} #footer .logos ul li a img.arla {background: url('/_img/bg/ftr-logos.gif?v=4') no-repeat left top;width:56px;height:30px;background-position: -174px -3px;} #footer .logos ul li a img.apip {background: url('/_img/bg/ftr-logos.gif?v=4') no-repeat left top;width:42px;height:30px;background-position: -235px -3px;} #footer .logos ul li a img.naea {background: url('/_img/bg/ftr-logos.gif?v=4') no-repeat left top;width:38px;height:30px;background-position: -285px -3px;} #footer .logos ul li a img.caav {background: url('/_img/bg/ftr-logos.gif?v=4') no-repeat left top;width:38px;height:30px;background-position: -330px -3px;} #footer .logos ul li a img.ukas {background: url('/_img/bg/ftr-logos.gif?v=4') no-repeat left top;width:40px;height:30px;background-position: -370px -3px;} #footer .logos ul li a img.rtpi {background: url('/_img/bg/ftr-logos.gif?v=4') no-repeat left top;width:98px;height:30px;background-position: -410px -3px;} /*----- Widgets ------------------ - Paging - Property Pages - Staff - News -----------------------------------*/ /* =Paging -------------------------------------------------------------------------*/ #content .paging, #content .pagingbase{float:left;width:98%;margin: 6px 0;} #content .paging .text, #content .pagingbase .text{float:left;width:30%;font-weight: bold;color:#3991D9;font-size: 110%;} #content .paging .text span, #content .pagingbase .text span{font-weight: normal;font-size: 80%;color:#7A7673;} #content .paging .pg, #content .pagingbase .pg{float:right;width:65%;text-align:right;} #content .paging .pg ul, #content .pagingbase .pg ul{float:right;text-align:right;list-style:none;} #content .paging .pg ul li, #content .pagingbase .pg ul li{float:left;list-style:none;color: #797873;} #content .paging .pg ul li.det, #content .pagingbase .pg ul li.det{padding: 2px 12px 2px 0;font-weight:bold;} #content .paging .pg ul li a, #content .pagingbase .pg ul li a{float:left;text-align:center;padding: 0 2px;margin: 0 1px;border: solid 1px #fff;background-color: #fff;color:#3491DF;font-weight:bold;} #content .paging .pg ul li a.on, #content .pagingbase .pg ul li a.on, #content .paging .pg ul li a:hover, #content .pagingbase .pg ul li a:hover{background-color: #398AC9;color:#fff;text-decoration:none;border: solid 1px #398AC9;} #content .paging .pg ul li a:hover, #content .pagingbase .pg ul li a:hover{background-color: #B3B5F2;border: solid 1px #B3B5F2;} #content .paging .divLoading, #content .pagingbase .divLoading{display:none; color: #666; font-weight:normal;font-size:90%;} #content .paging .divLoading img, #content .pagingbase .divLoading img{vertical-align: 0;} /* =Property - General --------------------------------------------------------------------------- */ #content .prop{float: left;width: 100%;} #content .prop p{color: #9A9A9A;font-size: 90%;padding: 4px 0;margin:0;} /* =Property - Landing --------------------------------------------------------------------------- */ #content .prop .landing{float:left;width:100%;} #content .prop .landing .search{float:left;width:99%;margin: 5px 0 10px 0;} #content .prop .landing .search .defaultbox{float:left;width:100%;background:#E5E2DD url('/_img/bg/landing-home.jpg') no-repeat bottom right;padding: 12px 0 20px 0;} #content .prop .landing .search .defaultbox .holder{float:left;width:100%;padding: 0 0 0 0;min-height: 250px;height: auto !important;height: 250px;} #content .prop .landing .search .defaultbox h3{float:left; width:100%; font-size:120%; font-family:Tahoma,Lucida Sans Unicode,Arial,Helvetica,sans-serif; padding-bottom:5px;} #content .prop .landing .search .defaultbox h4{float:left; width:100%; font-size: 110%;margin: 15px 0 8px 0;} #content .prop .landing .search .defaultbox h3 span, #content .prop .landing .search .defaultbox h4 span{float:left; padding-left:12px;} #content .prop .landing .search .defaultbox .salesRow, #content .prop .landing .search .defaultbox .lettingsRow{float:left; width:100%; background:#d8ebf1; height:32px; overflow:hidden;} #content .prop .landing .search .defaultbox .lettingsRow{width:282px; clear:both;} #content .prop .landing .search .defaultbox a{float:left; text-align:center; height:28px; color:#03437A; text-decoration:none; padding:8px 8px;} #content .prop .landing .search .defaultbox a:hover{background:#06598d; color:#fff;} #content .prop .landing .search ul,#content .prop .landing .search ul li{float:left;width:100%;list-style:none;margin:0; padding:0;} #content .prop .landing .search ul{background-color:#d9ebef;margin-bottom:1px;} #content .prop .landing .search ul li{width:auto; height:33px; overflow:hidden;} #content .prop .landing .search ul li a{float:left;overflow:hidden;color:#03437A;background-color:#d9ebef;text-decoration:none;padding: 9px 0;text-align:center;width:55px;} #content .prop .landing .search ul li.big a{width:82px;} #content .prop .landing .search ul.navtop li a{padding: 9px 32px 9px 3px;} #content .prop .landing .search ul.navtop {margin:0 0 10px 0;} #content .prop .landing .search ul.navsec li a{width:90px;} #content .prop .landing .search ul.navsec li.big a{width:100px;line-height: 95%;padding-top: 5px;padding-bottom: 5px;} #content .prop .landing .search ul li a:hover{background-color:#06598d; color:#fff;} #content .prop .landing .search ul li a.on{background-color:#06598d; color:#fff;} #content .prop .landing .search h4.landing{width:150px; margin:10px 0 0 0; font-weight:bold; font-size:120%; padding-left:12px; padding-bottom:8px;} #content .prop .landing .search .box{float:left;width:100%;background-color:#E5E2DB;} #content .prop .landing .search .box .topfull{float:left;width:455px;padding:8px 0 8px 12px;background-color:transparent;color:#035988;font-size:90%;} #content .prop .landing .search .box .top{float:left;width:225px;padding:8px 0 8px 16px;background-color:transparent;color:#035988;font-size:90%;} #content .prop .landing .search .box .toppad{padding-top:40px;} #content .prop .landing .search .box .base{float:left;width:100%;padding: 25px 0;} #content .prop .landing .search .box .through{float:left;width:100%;} #content .prop .landing .search .box .through .base{padding: 15px 0;} #content .prop .landing .search .box .through .base h2{float:left;width:250px;padding: 0 0 0 20px;margin:0;font-size:120%;} .prop .landing .search .box .base input{padding: 0 15px 0 15px;float:left;} .prop .landing .search .box .through .base input{padding: 0 8px 0 0;} #content .prop .landing .search h2{font-size:130%; font-family:Tahoma,Lucida Sans Unicode,Arial,Helvetica,sans-serif;padding: 0 0 10px 0;} .prop .landing .search label{width:35%;float:left;} #content .prop .landing .search .input{float:left;} #content .prop .landing .search .inputpad{margin: 0 5px 0 0;} #content .prop .landing .search label, #content .prop .landing .search .input, #content .prop .landing .search .select{margin-bottom:6px;} #content .prop .landing .map{background: transparent url('/_img/temp/map.gif') no-repeat top left;min-height: 290px;height:auto !important; height:290px;} #content .prop .landing .right{float:right;color:#3A91D8;margin: 0 10px 0 0;} #content .prop .landing .search .topfull .commercial h4{font-size:120%;padding: 10px 0 5px 0;} #content .prop .landing .search .topfull .commercial .col{float:left;width:149px;margin: 0 2px 0 0;} #content .prop .landing .search .commercial label.ten{width:9%;} /* =Property - Search --------------------------------------------------------------------------- */ #content .prop .searchbar{float: left;width: 100%;background-color: #E5E2DB;margin: 8px 0 0 0;padding: 4px 0 4px 0;} #content .prop .searchbar label{width: 50px;font-weight: bold;margin-left: 15px;} #content .prop .searchbar label.sold{width: 80px;} #content .prop .searchbar input,#content .prop .searchbar select{float: left;font-size: 90%;margin-bottom: 5px;} #content .prop .searchbar select{margin-right: 1px;} #content .prop .searchbar .form{width: 340px;float: left;font-size: 90%;} #content .prop .searchbar .filter{float: right;font-size: 90%;text-align: right;padding: 4px 5px 0 0;width: 130px;} #content .prop .searchbar .filter input{float: right;} #content .prop .searchbar .filter a{color: #3991D9;} /* =Property - Listing --------------------------------------------------------------------------- */ #content .prop .sortby{font-size:90%;} #content .prop .sortby span{font-size:80%;} #content .prop .sortby a.on{background-color:#7d9e33;color:#fff;} #content .prop .sortby a{text-decoration:none;padding:2px 4px;} #content .prop .sortby a:hover{text-decoration:underline;} #content .prop ul.list,#content .prop ul.list li{list-style: none;float:left;width: 98%;margin:0;padding:0;} #content .prop ul.list {border-top: solid 1px #ECECEC;} #content .prop ul.list li{border-bottom: solid 1px #ECECEC;padding: 12px 0 8px 0;width: 100%;clear: both;} #content .prop ul.list li .img{float:left;width: 160px;padding-left: 13px;} #content .prop ul.list li .img a{float:left;border: solid 2px #fff;padding: 1px;} #content .prop ul.list li .img a:hover{border: solid 2px #8ABBE4;} #content .prop ul.list li .img a img{float:left;} #content .prop ul.list li .img p{color: #646464;margin: 4px 0 0 4px;} #content .prop ul.list li .txt{float: right;width: 310px;} #content .prop ul.list li .txt h2, #content .prop ul.list li .txt h3, #content .prop ul.list li .txt p{color:#696969;} #content .prop ul.list li .txt h2{float:left;width:100%;padding: 0;margin: 0 0 10px 0;font-size: 120%;} #content .prop ul.list li .txt h2 a{float:left;width:70%;text-align:left;} #content .prop ul.list li .txt h2 .price{color: #3A8ED6;float: right;text-align: right;width: 29%;} #content .prop ul.list li .txt h3 {padding: 0;margin: 0 0 4px 0;float: left;width: 300px;color:#3A8ED6;} #content .prop ul.list li .txt p {width: 240px;} #content .prop ul.list li .txt a{color: #3A8ED6;float: right;text-align: right;font-weight: bold;text-decoration: none;} #content .prop ul.list li .txt a:hover{text-decoration: underline;} #content .prop ul.list li .txt h2 a{color:#696969;} /* =Property - Details --------------------------------------------------------------------------- */ #content .prop .details{float:left; width:100%;} #content .prop .details .back{float:right;color:#3794E2;text-decoration:none;font-weight:bold;margin: 0 10px 0 0;} #content .prop .details .back:hover{text-decoration:underline;} #content .prop .details .img{float:left;width:370px;margin: 0 0 10px 0;} #content .prop .details .img .main{float:left; width:180px;} #content .prop .details .img img{float:left;} #content .prop .details .img .thumbs{float:left;width:150px;margin: 0 0 0 5px;} #content .prop .details .img .thumbs a{float:left;margin: 0 1px 1px 0;overflow:hidden; width:70px; height:47px;} #content .prop .details .tools{float:right;width:110px;text-align:right;margin: 15px 10px 0 0;} #content .prop .details .tools h4{font-size: 130%;color:#3794E2;text-align:right;padding: 15px 0 12px 0;} #content .prop .details .tools a, #content .prop .details .img .main a{color:#3794E2;font-size:90%;font-weight:bold;text-decoration:none;} #content .prop .details .tools a:hover, #content .prop .details .img .main a:hover{text-decoration:underline;} #content .prop .details .txt {float:left;width:98%;} #content .prop .details .txt h1{font-size:130%;color:#686868;margin: 5px 0 10px 0;} #content .prop .details .txt h2{font-size:110%;color:#686868;} /* =Property - Mapping --------------------------------------------------------------------------- */ #content .prop .mapcontainer{float:left; width:480px;height: 440px;} #content .prop #mapdiv{border: solid 1px #d1d1d1; width: 480px; height: 440px;margin: 1px auto;} /* =Staff --------------------------------------------------------------------------- */ #content .staff ul.nav, #content .staff ul.nav li {float:left;width:36%;list-style:none;margin:0;padding:0;} #content .staff ul.nav{margin-top: 15px;} #content .staff ul.navSml{width:30%;} #content .staff ul.navSml2{width:33%;} #content .staff ul.nav li {width:100%;font-size:100%;} #content .staff ul.nav li a{float:left; height:16px; margin:0 0 7px 0;padding:0 0 0 19px;text-decoration:none; color: #00467e;font-weight:bold;} #content .staff ul.nav li a{background:url('/_img/ico/plus-dark-blue.gif') no-repeat 1px 0;} #content .staff ul.nav li a.on, #content .staff ul.nav li a:hover{color: #000;} #content .staff ul.nav li a.on{background:url('/_img/ico/plus-orange2.gif') no-repeat top left;} #content .staff ul.nav li a:hover{text-decoration:underline;} #content .staff em.nb{font-size:90%;width:98%;float:left;} #content .staff .list ul, #content .staff .list ul li {float:left;width:100%;list-style:none;margin:0;padding:0;} #content .staff .list ul{margin: 25px 0 10px 0;} #content .staff .list ul li {font-size: 90%;margin:0 0 7px 0;} #content .staff .list ul li a {float:left; width: 130px;font-weight: bold;text-decoration: none;font-size: 120%;margin-right: 12px;} #content .staff .list ul li a:hover {text-decoration: underline;} #content .staff .list a.right{float:right; color: #3A8ED6;margin: 0 15px 0 0;font-weight:bold;} #content .staff .details{float:left;width:485px;border-bottom: solid 2px #E2E2E2;padding: 20px 0;} #content .staff .details .img{float:left;width:85px;margin-left:5px} #content .staff .details .txt{float:left;width:380px;font-size: 95%;color: #5A5A5A;} #content .staff .details .txt h2{float:left;width:85%;color:#333333;} #content .staff .details .txt h2 span{font-size: 80%;color: #225E8D;} #content .staff .details .txt h4{margin: 5px 0 15px 0;font-size: 100%;color: #225E8D;} #content .staff .details .txt a.back{float:right;color: #225E8D;font-size: 110%;line-height: 130%; text-decoration:none;text-align: right;font-weight:bold;padding: 5px 0 0 15px; background: transparent url('/_img/bg/a-arrow-back.gif') no-repeat 0 6px;} #content .staff .details .txt a.back:hover{text-decoration:underline;} #content .staff .details .txt .info{float:left;width:100%;margin: 0 0 10px 0;} #content .staff .details .txt .info div{float:left;width:74%;margin: 10px 0;} #content .staff .details .txt label{font-weight: bold;color: #5A5A5A;margin: 10px 0;width:25%;} #content .staff .details .txt p{margin:0;padding:0 0 10px 0;} /* =News --------------------------------------------------------------------------- */ #content .news .list{float:left;width: 100%;} #content .news .list ul.mainlist, #content .news .list ul.mainlist li{float:left;width: 100%;margin:0;padding:0;list-style:none;} #content .news .list ul.mainlist li{border-bottom: solid 1px #00457c;padding: 15px 0;} #content .news .list ul.mainlist li .img{float:left;width: 190px;} #content .news .list ul.mainlist li .txt{float:right;width: 285px;margin: 0 5px 0 0;} #content .news .list ul.mainlist li .txt span{color: #616161;font-size: 90%;} #content .news .list ul.mainlist li .txt a{font-size: 150%;font-weight:normal;text-decoration:none;line-height:160%;} #content .news .list ul.mainlist li .txt a:hover{text-decoration:underline;} #content .news .view{float:left;width: 98%;} #content .news .view h1, #content .news .view h3 {float:left;width:100%;} #content .news .view h1{margin-top:5px;} #content .news .view h1 span{float:left;width:94%;} #content .news .view h1 a{color:#313131;float:right;} #content .news .view h3 span{float:left;width:50%;margin-bottom: 10px;} #content .news .view .img {float:left;width:245px;} #content .news .view .back {float:right;color:#03437A;font-weight:bold;margin-top: 30px;} #content .news .view .txt {float:left;width:100%;} #content .news .view .img .main{float:left;padding: 2px;margin: 10px 0 5px 0;} /* =Document Library --------------------------------------------------------------------------- */ #content .documents{float:left; width: 100%;} #content .documents h1{float:left;width: 50%;} #content .documents .links{float:right; width: 45%;margin: 25px 0 0 0;} #content .documents .links ul, #content .documents .links ul li{float:right; width: 100%;list-style:none;margin:0;padding:0;text-align:right;} #content .documents .links ul li{float:right; width: auto; padding: 5px 8px;text-align:center;border-right: solid 1px #D1D1D1;} #content .documents .links ul li.none{border-right: solid 0 #fff;} #content .documents .links ul li a{color:#5592B7;text-decoration:none;} #content .documents .links ul li a:hover{text-decoration:underline;} #content .documents .section{float:left; width: 99%;padding: 10px 0 20px 0;} #content .documents .section h3{background-color:#E8F2FE;padding: 10px 0 10px 10px;font-size:120%;} #content .documents .section h3 span{color:#777C82;font-size:80%;padding-left: 30px;} #content .documents .section ul, #content .section ul li{float:left; width: 100%;list-style:none;margin:0;padding:0;} #content .documents .section ul li {padding: 10px 0;} #content .documents .section ul li.alt {background-color: #F2F1ED;} #content .documents .section ul li a {margin-left:10px; text-decoration:none;} #content .documents .section ul li a:hover {text-decoration:underline;} /* =Form Template --------------------------------------------------------------------------- */ #content h3.formheader{color:#404040;font-size:130%;font-weight:normal;padding: 0 0 0 10px;} #content .webform{float:left;width: 450px;background-color:#f2f1ed;padding: 30px 0;margin:10px 0 0 0;} #content .webform h3{text-align:right;width:30%;margin: 8px 0;} #content .webform ul{margin:0 0 10px 150px;} #content .webform label{text-align:right;color:#404040;font-size:90%;} #content .webform .input{margin-bottom:10px;border:solid 1px #e4e4e2;} #content .webform .btn{background-color:#38a4e2;color:#fff;float:right;margin-right: 85px;} #content .webform .section{float:left;width:60%;} #content .webform .section label{width:45%;} #content .webform .base{float:left;width: 400px;color:#404040;padding: 15px 0 10px 30px;} #content .webform .base .img{float:left;width: 120px;} #content .webform .base .txt{float:left;width: 260px;padding: 30px 0 0 0;} /*----- Sprites ------------------ - Icons - Banners -----------------------------------*/ /* =Icons --------------------------------------------------------------------------- */ .sprite{background-image:url('/_img/ico/icon-sprite.gif');background-repeat:no-repeat;vertical-align: -0.25em;width:18px;height:18px;line-height:18px;} .ico_go{background-position: -18px -10px;vertical-align: -3px;} /* =Banners --------------------------------------------------------------------------- */ .bannersprite{background-image:url('/_img/banner/banner-sprite.jpg?v=3');background-repeat:no-repeat;width:243px;height:85px;line-height:96px;} .bnr_salessearch{background-position: 0 0;} .bnr_salesteam{background-position: -1450px -100px;} .bnr_salesvaluation{background-position: -1750px -100px;} .bnr_salesappraisal{background-position: -280px -200px;} .bnr_auctioncat{background-position: -850px 0;} .bnr_auctionlegal{background-position: -1150px 0;} .bnr_auctiononline{background-position: -1450px 0;} .bnr_auctionteam{background-position: -1750px 0;} .bnr_contactdload{background-position: 0 -100px;} .bnr_contactdload2{background-position: -560px -200px;} .bnr_homedload{background-position: -280px 0;} .bnr_homerecruit{background-position: -560px 0;} .bnr_infoteam{background-position: -280px -100px;} .bnr_ruralcal{background-position: -560px -100px;} .bnr_ruralsearch{background-position: -850px -100px;} .bnr_ruralteam{background-position: -1150px -100px;} .bnr_newsletters{background-position: 0 -200px;} /* =Social Links --------------------------------------------------------------------------- */ #content .social{float:left;width:96%;border-top: solid 1px #f1f1f1;border-bottom: solid 1px #f1f1f1;margin: 15px 0;padding:0 0 0 0;} #content .social p{font-weight:bold;color:#313131;} #content .social p{float:left;} #content .social ul, #content .social ul li{float:left;width:70%;margin:0;padding:0;list-style:none;} #content .social ul{margin: 4px 0 0 5px;} #content .social ul li{width:auto;} #content .social ul li a{float:left;width:20px;height:20px;margin: 2px;border: solid 1px #fff;} #content .social ul li a:hover{border: solid 1px #00457C;} #content .social ul li a img{float:left;width:20px;height:20px;background:#fff url(/_img/ico/social-sprite.gif) no-repeat 0 0;} #content .social ul li a img.delicious{background-position: 0;} #content .social ul li a img.yahoo{background-position: -20px 0;} #content .social ul li a img.squidoo{background-position: -40px 0;} #content .social ul li a img.technorati{background-position: -60px 0;} #content .social ul li a img.stumbleupon{background-position: -80px 0;} #content .social ul li a img.facebook{background-position: -100px 0;} #content .social ul li a img.reddit{background-position: -120px 0;} #content .social ul li a img.digg{background-position: -140px 0;} #content .social ul li a img.magnolia{background-position: -160px 0;} #content .social ul li a img.spurl{background-position: -180px 0;} #content .social ul li a img.tagtooga{background-position: -200px 0;} #content .social ul li a img.furl{background-position: -220px 0;} /* =Hacks --------------------------------------------------------------------------- */ body:first-of-type .ico_go{vertical-align: -6px;} /*Safari position hack*/ body:first-of-type #main .strapline{font-size:140%;} /*Safari size hack*/ body:first-of-type #main .contact .hold{font-size:100%;} /*Safari size hack*/