/* ************************************************* LET's LIVE HERE General Screen Styles ************************************************* */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, address { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*------------------------------------------- General Selectors -------------------------------------------*/ html { padding: 0;margin: 0;} body { font-size: 14px; line-height:1.5; font-family: 'Cabin', 'Helvetica Neue', Helvetica, Arial, sans-serif;padding: 0;margin: 0;color:#4e4e4e;background:#f4f4f4; border-top:3px #49aa43 solid; } h1, h2, h3, h4, h5 { margin:0; padding:0; padding-bottom:10px; color:#333; font-family:'Cabin', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:normal; } a { text-decoration:none; color:#333; font-weight:bold; cursor:pointer; } a:hover { text-decoration:none; color:#000; } a:active, a:focus { outline: 0; } hr { float:left;clear:both; color: #ddd; background-color: #ddd; height: 1px;border: 0; width: 100%; margin:18px 0; } p { margin:0; padding:0; padding-bottom:10px; } .clear { clear:both; } img { border:0; } input, textarea, select { font-family: 'Cabin', 'Helvetica Neue', Helvetica, Arial, sans-serif; } /* Chrome and Safari Glow*/ textarea, input, select { outline:none;} select { cursor:pointer; } /* HTML5 tags */ header, section, footer, aside, nav, article, figure { display: block; } /*------------------------------------------- Template -------------------------------------------*/ header { float:left; width:100%; background:#fff; } header section { margin:0 auto; width:962px; } #logo a { float:left; display:block; width:526px; height:133px; background:url(../images/logo.gif) no-repeat; text-indent:-9999em; margin-left:-148px; } #tagline { float:left; font-size:15px; color:#999; padding:21px 0 0 86px; } #facebook { float:right; width:100px; text-align:right; padding:20px 0 0 0; } #hcontact { float:right; padding:20px 0 0 0; } #container { margin:0 auto; width:1004px; } #container section { float:left; background:#fff; width:962px; padding:21px; } #left { float:left; width:180px; position:relative; padding-top:596px; } nav li a, #openinghours, #creditdebit, #h-mobile, #h-qrcode { background: #fbfbfb; /* Old browsers */ background: -moz-linear-gradient(top, #fbfbfb 0%, #f0f0f0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbfbfb 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbfbfb 0%,#f0f0f0 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #fbfbfb 0%,#f0f0f0 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #fbfbfb 0%,#f0f0f0 100%); /* W3C */ } nav { float:left; width:176px; border:1px #ccc solid; background:#fff; position:absolute; top:-93px; left:0; text-shadow: 1px 1px 0px #ffffff; -webkit-box-shadow: 2px 2px 4px 0px #c7c7c7; -moz-box-shadow: 2px 2px 4px 0px #c7c7c7; box-shadow: 2px 2px 4px 0px #c7c7c7;} nav .corner { float:left; position:absolute; top:-1px; left:177px; background:url(../images/menu-corner.gif) no-repeat; width:5px; height:6px; } nav li { float:left; border-bottom:1px #ccc solid; } nav li a { float:left; display:block; height:42px; font-size:16px; color:#48a943; border:1px #fff solid; padding:8px 14px; width:146px; font-weight:normal; } nav li a h2 { float:left; margin:0; padding:0; color:#48a943; } nav li a em { float:left; width:100%; clear:left; margin:0; padding:0; font-style:italic; font-size:11px; color:#3a3a3a; font-weight:normal; } nav li a:hover { background:#fff; color:#333; } #openinghours { float:left; width:152px; border:1px #ccc solid; padding:12px 12px; color:#707070; font-size:12px; } #openinghours h4 { font-size:15px; color:#303030; padding:0 0 4px 0; } #openinghours span { float:left; width:60px; } #openinghours strong { float:right; width:80px; font-weight:normal; } #creditdebit { float:left; width:148px; border:1px #ccc solid; padding:12px 14px; color:#707070; font-size:12px; margin:16px 0 0 0; } #creditdebit h4 { font-size:15px; color:#303030; margin:0; padding:0; } #socials { float:left; padding:16px 0; } #search { float:left; background:#49aa43 url(../images/searchbg.gif) repeat-x top; width:100%; } #search section { margin:0 auto; width:962px; position:relative; } #search form { margin-left:204px; width:758px; } #search .field { float:left; width:168px; color:#fff; font-weight:normal; padding:5px 0 0 0; } #search .field select { background:#fff; border:0; padding:4px; margin:4px 0 8px 0; width:148px; font-size:14px; } #search .btnsearch { float:left; position:absolute; top:-18px; right:0; } #search .btnsearch:hover { top:-20px; } #main { float:right; width:760px; min-height:800px; } footer { float:left; width:100%; background:url(../images/footer-houses.jpg) #49aa43 repeat-x top left; color:#fff; padding:100px 0 60px 0; margin:20px 0 0 0;} footer section { margin:0 auto; width:962px; } footer h4 { background:#9fce67; padding:16px; color:#49aa43; font-size:16px; text-indent:-9999em; margin:0 0 16px 0; } footer a, footer a:hover { color:#fff; } footer .facebook { float:left; width:314px; margin-right:16px; } footer .facebook h4 { padding-bottom:10px; } footer .facebook h4 span { display:block; background:url(../images/footerhd.gif) no-repeat top left; width:187px; height:32px; } footer .twitter { float:left; width:332px; font-family:Cabin; } footer .twitter h4 span { display:block; background:url(../images/footerhd.gif) no-repeat -187px 0px; width:149px; height:26px; } ul#twitter_update_list { margin:-16px 0 0 0; } ul#twitter_update_list li { float:left; border-bottom:1px #3a8d35 solid; padding:16px; width:300px; } ul#twitter_update_list li a { color:#9fce67; } footer .companyinfo { float:right; width:284px; } footer .companyinfo h4 span { display:block; background:url(../images/footerhd.gif) no-repeat -336px 0; width:90px; height:25px; } footer .companyinfo .wrap { padding:0 16px; } footer.entry-meta { display:none; } #main h1 { color:#333; border-bottom:1px #ccc dashed; font-size:28px; margin: -10px 0 16px 0; } #main h1.page-title { border:0; color:#666; font-style:italic; font-size:17px; padding:0 0 16px 0; margin:0; } /*------------------------------------------- Home -------------------------------------------*/ #slider { overflow:hidden; height:300px; margin:0 0 16px 0; } #h-potw { float:left; width:496px; border:2px #3b8d36 solid; background:#f4f3f3 url(../images/h-potw-houses.jpg) repeat-x bottom left; font-size:15px; color:#7b7b7b; position:relative; } #h-potw h2 { float:left; width:100%; height:51px; background: url(../images/h-potwhd.jpg) repeat-x top left; text-indent:-9999em; } #h-potw h3 { color:#7b7b7b; } #h-potw em { color:#000; } #h-potw .desc { float:left; width:200px; padding:0 16px; } #h-potw .desc span { float:left; width:82px; padding:0 0 4px 0;} #h-potw .desc strong { float:left; width:100px; color:#000; padding:0 0 4px 0; } #h-potw img { float:right; width:244px; height:183px; background:#eee; text-indent:-9999em; border:4px #fff solid; margin:-44px 12px 32px 0; -webkit-box-shadow: 2px 2px 2px 0px #888; -moz-box-shadow: 2px 2px 2px 0px #888; box-shadow: 2px 2px 2px 0px #888; } #h-potw .view a { float:left; position:absolute; top:150px; right:0; background: url(../images/btn-view.png) no-repeat; width:80px; height:79px; } #h-potw .view a:hover { top:148px; } #h-blog { float:right; width:242px; background:#eef5e5; } #h-blog h2 { float:left; background:#49aa43; width:210px; padding:14px 16px 8px 16px; } #h-blog h3 { font-size:20px; color:#2d6729; font-weight:bold; margin:0; padding:0; } #h-blog h4 { color:#94d138; font-style:italic; font-size:17px; margin:0; padding:0 0 10px 0; } #h-blog span { float:left;padding:10px 16px 11px 16px; color:#7e8d6a; font-size:14px; } #h-blog p { padding:0; } #h-about { float:left; width:730px; padding:16px; background:url(../images/h-aboutbg.jpg) no-repeat top; margin:16px 0; } #h-about .box { float:left; width:464px; background:#fff;} #h-about .box h3 { float:left; background:#484848; color:#fff; width:432px; padding:16px 16px 4px 16px; margin:0 0 2px 0; } #h-about .box span { float:left; padding:8px 16px 6px 16px; color:#666; } #h-about .locations { float:right; width:210px; padding:40px 0 0 0; } #h-about .locations ul { float:left; list-style-type:disc; width:103px; color:#9fcf67; } #h-about .locations ul li a { color:#46aa42; font-size:15px; line-height:1.8; font-weight:normal; } #h-about .locations ul li a:hover { text-decoration:underline; } #h-mobile { float:left; width:352px; margin:0 16px 16px 0; font-size:13px; color:#7b7b7b; } #h-mobile h3 { font-size:17px; } #h-mobile span { float:left; width:232px; padding:16px 16px 6px 16px; } #h-mobile img { float:right; padding:20px 20px 0 0; } #h-qrcode { float:left; width:392px; margin: 0 0 16px 0; font-size:13px; color:#7b7b7b; } #h-qrcode span { float:right; width:242px; padding:0 16px 6px 0; } #h-qrcode h3 { padding:14px 16px 12px 16px; font-size:17px; } #h-qrcode img { float:left; padding:0 20px 0 16px; } #h-letsdrink { float:left; width:242px; margin-right:16px; font-size:12px; color:#666; } #h-letseat { float:left; width:242px; margin-right:16px; font-size:12px; } #h-letsshop { float:left; width:242px; font-size:12px; } #h-letsdrink h3, #h-letseat h3, #h-letsshop h3 { float:left; background:#f2f1f1; border-bottom:1px #ddd solid; width:242px; font-size:15px; position:relative; height:40px; } #h-letsdrink h3 img { float:left; position:absolute; top:-8px; left:16px; width:218px; height:51px; } #h-letseat h3 img { float:left; position:absolute; top:-8px; left:16px; width:218px; height:51px; } #h-letsshop h3 img { float:left; position:absolute; top:-9px; left:16px; width:219px; height:52px; } #h-letsdrink h4, #h-letseat h4, #h-letsshop h4 { font-size:15px; margin:0; padding:0 0 2px 0; } #h-letsdrink li, #h-letseat li, #h-letsshop li { float:left; padding:10px 16px; width:210px; } #h-letsdrink a.viewmore, #h-letseat a.viewmore, #h-letsshop a.viewmore { float:left; padding:8px 16px; width:210px; background:#fff; border:1px #ddd dashed; text-align:center; color:#49aa43; font-size:17px; font-weight:normal; margin:-6px 0 0 0; } #h-letsdrink a.viewmore:hover, #h-letseat a.viewmore:hover, #h-letsshop a.viewmore:hover { background:#eee; } /*------------------------------------------- Blog -------------------------------------------*/ .bloglisting { float:left; width:760px; } .bloglisting h2 a { font-size:17px; color:#48a943; } .bloglisting a:hover { text-decoration:underline; } .bloglisting li { border-bottom:1px #ccc dashed; padding:16px 0 8px 0; } #secondary { float:right; width:100px; background:#eee; padding:16px; } /*------------------------------------------- Single -------------------------------------------*/ .single h1.entry-title { font-size:30px; margin:0; } .single .entry-meta { background:#333; color:#fff; padding:10px 16px; margin:0 0 16px 0; } .single .entry-meta a { color:#fff; } /*------------------------------------------- City Guide -------------------------------------------*/ .guide-eat { float:left; width:100%; padding-top:10px; } .guide-eat li { float:left; width:758px; padding:0 0 20px 0; border-bottom:1px #ccc dashed; margin:0 0 20px 0; } .guide-eat li img { float:left; width:320px; height:160px; border:4px #ddd solid; margin:0 20px 0 0; } .guide-eat li img:hover { border:4px #49aa43 solid; } .guide-eat li h3 { font-size:20px; font-weight:bold; color:#49aa43; margin:-4px 0 0 0; } .guide-eat li a { color:#49aa43; } .guide-eat li a:hover { color:#5bd154; } .guide-eat li span { float:right; width:408px; } .ocg .entry-header { display:none; } .letsdrinkhere, .letseathere, .letsshophere, .letspartyhere { float:left; width:760px; background:#eee; margin:16px 0 0 0; } .letsdrinkhere h2, .letseathere h2, .letsshophere h2, .letspartyhere h2 { position:relative; height:34px; background:#f2f1f1; border-bottom:1px #ddd solid; color:#333; padding:10px 16px; font-size:17px; } .letsdrinkhere h2 img, .letseathere h2 img, .letsshophere h2 img, .letspartyhere h2 img { float:left; position:absolute; top:-6px; left:16px; width:218px; height:51px; } .letsdrinkhere aside, .letseathere aside, .letsshophere aside, .letspartyhere aside { float:left; width:184px; background:#fff; margin:16px; border:1px dashed #ccc; font-style:italic; padding:16px; } .letsdrinkhere ul, .letseathere ul, .letsshophere ul, .letspartyhere ul { float:right; width:460px; margin:16px; margin-left:0; } .letsdrinkhere ul li, .letseathere ul li, .letsshophere ul li, .letspartyhere ul li { float:left; width:428px; padding:16px; background:#fff; margin:0 0 2px 0; } .letsdrinkhere ul li h4 a, .letseathere ul li h4 a, .letsshophere ul li h4 a, .letspartyhere ul li h4 a { font-size:17px; color:#49aa43; } .letsdrinkhere ul li h4, .letseathere ul li h4, .letsshophere ul li h4, .letspartyhere ul li h4 { margin:0; padding:0; } .letsdrinkhere ul li a:hover, .letseathere ul li a:hover, .letsshophere ul li a:hover, .letspartyhere ul li a:hover { color:#5bd154; } /*------------------------------------------- Enquiry -------------------------------------------*/ .enquiry { width:760px; background-color:#eef5e5; float:left; } .enquiry h3 { width:760px; height:53px; background:#49aa43 url(../images/enquiry-text.jpg) left no-repeat; display:block; float:left; text-indent:-9999em; padding:0; } .enquiry h4 { width:760px; height:53px; background:#49aa43 url(../images/hd-applicationform.gif) left no-repeat; display:block; float:left; text-indent:-9999em; padding:0; } .enquiry-text { width:210px; clear:both; float:left; padding:16px; padding-bottom:6px; color:#7b7b8b; background:#fff; margin:16px; font-style:italic; border:1px dashed #dfdddd; } .valuation { width:760px; background-color:#eef5e5; float:left; } .valuation h3 { width:760px; height:53px; background:#49aa43 url(../images/valuation-text.jpg) left no-repeat; display:block; float:left; text-indent:-9999em; } .valuation-text { width:210px; clear:both; float:left; padding:16px; padding-bottom:6px; color:#7b7b8b; background:#fff; margin:16px; font-style:italic; border:1px dashed #dfdddd; } .enquiry_form { float:right; width:445px; padding: 16px 16px 20px 0; } .enquiry_form #cform fieldset {float:left; width:444px; border:none; margin:0 0 0 0; padding:0;} .enquiry_form #cform label {float: left; display:inline; width:80px; padding-top:5px; padding-right:8px; font-size:14px; color:#2d6729; font-weight:normal; } .enquiry_form #cform li input, .enquiry_form #cform li textarea { display:inline; float:left; width:346px; border: none; border:2px #fff solid; font-size:14px; padding:4px; border:solid 1px #d7d7d7; } .enquiry_form #cform ol { list-style:none; width:420px; padding:0; margin:0; clear:left; margin-bottom:20px; } .enquiry_form #cform li { float: left; width:460px; clear: left; margin-bottom:8px; padding: 0; } .enquiry_form #cform em { color:#fff; font-size:12px; font-weight:bold; color:#d00000; } .enquiry_form #cform i { color:#FF0000; font-style:italic;} .enquiry_form #antispam { visibility:hidden; display:none; } .enquiry_form #cform textarea:focus, .enquiry_form #cform input:focus { border: 1px solid #7b7771; } .enquiry_form .success { float:left; width:278px; background:#fff; color:#6a5697; text-align:left; font-size:13px; padding:20px 0 0 0; margin: -26px 0 0 0; } .enquiry_form .success a, .enquiry_form .error a { color:#000; text-decoration:underline; font-size:12px; } .enquiry_form .error { float:left; width:278px; background:#fff; color:#000; text-align:left; font-size:13px; } input.submit-btn { float:right; background: #49aa43; color:#fff; font-size:15px; font-weight:normal; margin:0 0 0 0; border:0; width:100px; padding: 6px 2px; cursor:pointer; } input.submit-btn:hover { background:#5ace52; } .downloadpdf { float:left; width:760px; background:#eef5e5; margin: 16px 0 0 0; } .downloadpdf h3 { width:760px; height:53px; background:#a2d169 url(../images/application-text.jpg) left no-repeat; display:block; float:left; text-indent:-9999em; padding:0; } .downloadpdf a { font-size:13px; color:#2d6729; font-weight:normal; } .downloadpdf ul { float:left; list-style-type:none; margin-left:0; padding:20px 0 20px 16px; } .whatnext { float:left; width:760px; background:#ededed; margin: 0 0 16px 0; padding: 0 0 20px 0; } .whatnext h3 { width:760px; height:53px; background:#484848 url(../images/whatnext-text.jpg) left no-repeat; display:block; float:left; text-indent:-9999em; padding:0; } .whatnext h2 { clear:left; font-size:17px; color:#484848; font-weight:normal; padding: 11px 20px 6px 16px; } .whatnext p { clear:left; font-size:14px; color:#4e4e4e; font-weight:normal; padding: 7px 20px 5px 16px; } .whatnext em { clear:left; font-size:12px; color:#6e6d6d; font-weight:normal; } .whatnext ul { float:left; list-style-type:disc; margin-left:0; padding:0 0 2px 32px; display:block; clear:left; } .whatnext li { float:left; font-size:13px; padding:0 0 8px 0; clear:left; line-height:14px; color:#6e6d6d; } .travelinfo { float:right; width:280px; background:#eef5e5; margin: 0 0 16px 24px; padding: 0 0 20px 0; } .travelinfo h3 { width:280px; height:53px; background:#49aa43 url(../images/travel-header.jpg) left no-repeat; display:block; float:left; text-indent:-9999em; padding:0; } .travelinfo p { clear:left; font-size:14px; color:#4e4e4e; font-weight:normal; padding: 7px 20px 5px 16px; } .travelinfo ul { float:left; list-style-type:none; margin-left:0; padding:0 0 2px 16px; display:block; clear:left; } .travelinfo li { float:left; font-size:17px; color:#2d6e51; font-weight:normal; padding:4px 0 2px 0; clear:left; } .place-text { float:left; width:760px; } /*------------------------------------------- Landlord -------------------------------------------*/ .landlord-bullet-points1 { width:760px; background-color:#eef5e5; float:left; margin: 0 0 16px 0; } .landlord-bullet-points1 h3 { width:760px; height:53px; background:#a2d169 url(../images/letonly-text.jpg) left no-repeat; display:block; float:left; text-indent:-9999em; padding:0; } .landlord-bullet-points2 { width:760px; background-color:#eef5e5; float:left; margin: 0 0 16px 0; } .landlord-bullet-points2 h3 { width:760px; height:53px; background:#a2d169 url(../images/fullymanaged-text.jpg) left no-repeat; display:block; float:left; text-indent:-9999em; padding:0; } .landlord-bullet-points3 { width:760px; background-color:#eef5e5; float:left; margin: 0 0 16px 0; } .landlord-bullet-points3 h3 { width:760px; height:53px; background:#757474 url(../images/extras-text.jpg) left no-repeat; display:block; float:left; text-indent:-9999em; padding:0; } .landlord-bullets-text { width:728px; clear:both; float:left; padding:10px 16px 2px; color:#484848; background:#e4ecda; font-size:13px; font-style:italic; font-weight:bold; } .landlord-bullets-text em { width:728px; clear:both; float:left; padding:6px 0 16px ; color:#2D6729; background:#e4ecda; font-size:15px; font-style:italic; line-height:16px } .landlord-bullets-text2 { width:728px; clear:both; float:left; padding:10px 16px 2px; color:#484848; background:#ededed; font-size:13px; font-style:italic; font-weight:bold; } .landlord-bullets-text2 em { width:728px; clear:both; float:left; padding:6px 0 16px ; color:#484848; font-size:15px; font-style:italic; } #landlord-text { padding: 0; margin: 0; list-style: none; } #landlord-text li { float: left; width: 100%; padding: 0; list-style: none; margin: 0 0 0 0; } .ladlord-bullet1{ background: #eef5e5 url(/images/valuation2.jpg) no-repeat 16px 10px; width: 695px; padding: 10px 20px 11px 45px; font-size: 14px; color: #4e4e4e; margin: 0 0 0 0; line-height: 18px; } .ladlord-bullet2{ background: #e4ecda url(/images/valuation1.jpg) no-repeat 16px 10px; width: 695px; padding: 10px 20px 11px 45px; font-size: 14px; color: #4e4e4e; margin: 0; line-height: 18px; } .extras-bullet1{ background: #e4e3e3 url(/images/extras2.jpg) no-repeat 16px 10px; width: 695px; padding: 10px 20px 11px 45px; font-size: 14px; color: #4e4e4e; margin: 0 0 0 0; line-height: 18px; } .extras-bullet2{ background: #ededed url(/images/extras1.jpg) no-repeat 16px 10px; width: 695px; padding: 10px 20px 11px 45px; font-size: 14px; color: #4e4e4e; margin: 0 0 0 0; line-height: 18px; } .landlords .alignleft { float:left; border:0; width:340px; padding: 0 0 16px 0; } .landlordsright { float:right; border:0; width:420px; height:544px; padding: 0; background:#fff url(../images/landlord-video.jpg) no-repeat; margin-right:-10px; } #landlordsvideo { float:left; border:0; width:380px; padding:164px 0 10px 21px; } /*------------------------------------------- WP -------------------------------------------*/ .alignright { float:right; border:0; margin:0 0 16px 16px; } .alignleft { float:left; border:0; width:400px; padding: 0 0 10px 0; } .topimage { float:left; border:0; margin:0 0 16px 0; } blockquote { font-size:15px; font-style:italic; color:#000; } /*------------------------------------------- Search Results -------------------------------------------*/ #bybedrooms { float:left; background:#fff; border:1px #a9d762 dashed; width:730px; padding:10px 16px; margin:0 0 16px 0; } #bybedrooms img { float:left; padding:6px 0 0 0; } #bybedrooms ul { float:right; width:364px; } #bybedrooms ul li { float:left; } #bybedrooms ul li a { float:left; display:block; background:#a9d762; color:#fff; padding:4px 16px; font-size:20px; margin:0 0 0 6px; } #bybedrooms ul li a:hover { background:#c0f174; } a.searchby { float:left; padding:0 14px 14px 0; } a.searchby:hover { filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; -khtml-opacity: 0.9; } h2.search-title { float:left; width:730px; font-size:20px; background:#333; color:#fff; padding:10px 16px; } h2.no-results { font-size:18px; margin:10px 0 0 16px; } h2.no-results img { padding-right:6px; } h2.no-results a { color:#48a943; } h2.no-results a:hover { border-bottom:1px dashed #48a943; } ul.search-results li { float:left; width:760px; border-bottom:1px #ddd dashed; color:#333; padding:16px 0; font-size:13px; } ul.search-results li img.propthumb { float:left; width:180px; margin:0 16px 0 0; } ul.search-results li span { float:right; width:558px; margin-top:-6px; } ul.search-results li h3 a { font-size:21px; color:#49aa43; font-weight:bold; } ul.search-results li h3 a:hover { color:#5bd154; } ul.search-results li img.icon { float:left; margin-right:10px; } ul.search-results li strong { float:left; font-size:19px; padding-right:18px; } ul.search-results li .desc { float:left; clear:both; width:538px; margin:8px 0 0 0; padding:10px; background:#f5f5f5; color:#777; font-size:12px; } /*------------------------------------------- Property Listing -------------------------------------------*/ .propertylisting .mainimg a { float:left; width:737px; border:1px #ccc dashed; padding:10px; text-align:center; margin:0 0 8px 0; display:block; } .propertylisting .mainimg img { width:440px; } .propertylisting .thumbs li { float:left; } .propertylisting .thumbs li a { float:left; border:1px #ccc dashed; width:128px; padding:8px; text-align:center; margin:0 6px 8px 0; display:block; } .propertylisting .mainimg a:hover, .propertylisting .thumbs li a:hover { border:1px #000 dashed; } .propertylisting .thumbs li img { width:130px; } .propertylisting .thumbs li img.sicon { width:17px; height:19px; } .propertylisting .propdesc { float:left; width:430px; margin-top:16px; } .propertylisting .propdesc img.icon { float:left; margin-right:8px; } .propertylisting .propdesc strong { float:left; font-size:17px; padding-right:18px; } .propertylisting .propdesc .desc { float:left; clear:both; width:402px; margin:16px 0 16px 0; padding:14px; background:#f5f5f5; color:#777; font-size:15px; } .propertylisting .map { float:right; width:282px; border:1px #ccc dashed; padding:12px 12px 6px 12px; margin-top:16px; } #map2 { float:left; width:282px; height:216px; margin:0 0 12px 0; } .professionals h1.entry-title, .landlords h1.entry-title { display:none; } /*------------------------------------------- About -------------------------------------------*/ #Carousel { float:left; width:758px; border:1px #ccc dashed; margin:8px 0 0 0; padding:0;} .stafftext { float:left; width:450px; font-size:13px; } .stafftext h2 { font-size:24px; font-weight:bold; margin:0; padding:0; } .stafftext h3 { font-style:italic; font-size:15px; color:#46aa42; } .staffimage { float:right; padding:0 8px 0 0; } .staffimage img { border:4px #eee solid; -webkit-box-shadow: 1px 1px 1px 0px #999; -moz-box-shadow: 1px 1px 1px 0px #999; box-shadow: 1px 1px 1px 0px #999; } /*------------------------------------------- Video -------------------------------------------*/ .ftvideo { float:left; width:758px; border:1px dashed #333; margin:0 0 16px 0; } .ftvideo h2 { background:#333; color:#fff; padding:10px 16px; font-size:18px;} .ftvideo span { float:left; width:726px; padding:16px; text-align:center; } ul.videos li { float:left; width:370px; margin:0 16px 16px 0; } ul.videos li a { float:left; width:338px; border:1px #ccc dashed; padding:16px; display:block; height:90px; } ul.videos li a:hover { border:1px #000 dashed; } ul.videos li a img { border:3px #ccc solid; float:left; margin:0 16px 0 0; } ul.videos li a h3 { font-size:17px; margin:0; padding:0 0 4px 0; } ul.videos li a h4 { font-size:13px; color:#777; } /*------------------------------------------- Contact -------------------------------------------*/ .directions { float:left; width:510px; } .directions h3 { font-size:18px; border-bottom:1px #ccc dashed; margin:0 0 16px 0; } .address { float:right; width:200px; background:#eee; border:1px #ccc dashed; padding:16px; } .address h3 { font-size:18px; border-bottom:1px #ccc dashed; margin:0 0 16px 0; } /*------------------------------------------- Mobile / QR Pages -------------------------------------------*/ .mobile-site h4, .qr-codes h4 { font-size:16px; font-weight:bold; } /*------------------------------------------- Testimonials -------------------------------------------*/ #testimonials { width:760px; height:auto; float:left; margin: 0 0 16px 0; } .quote-box-left { height:auto; width:246px; margin:0 11px 0 0; float:left; } .quote-box-middle { height:auto; width:246px; margin:0 11px 0 0; float:left; } .quote-box-right { height:auto; width:246px; margin:0; float:left; } .quote-text-light { height:auto; width:246px; background:#f1f7e9; margin:0 10px 0 0; float:left; -webkit-border-radius: 08px; -moz-border-radius: 08px; border-radius: 08px; } .quote-text-light p { height:auto; width:152px; margin: 16px 16px 16px 14px; padding: 10px 14px 20px 50px; border:1px dashed #DFDDDD; background:#fff url(../images/quote-question.png) no-repeat top left; font-style:italic; color:#7B7B8B; } .quote-image-light { height:20px; width:246px; margin:0; float:left; display:block; background:url(../images/quote-light.png) no-repeat bottom; } .quote-text-dark { height:auto; width:246px; background:#e8efe0; margin:0 10px 0 0; float:left; -webkit-border-radius: 08px; -moz-border-radius: 08px; border-radius: 08px; } .quote-text-dark p { height:auto; width:152px; margin: 16px 16px 16px 14px; padding: 10px 14px 20px 50px; border:1px dashed #DFDDDD; background:#fff url(../images/quote-question.png) no-repeat top left; font-style:italic; color:#7B7B8B; } .quote-image-dark { height:20px; width:246px; margin:0; float:left; display:block; background:url(../images/quote-dark.png) no-repeat bottom; } /*------------------------------------------- Application Form -------------------------------------------*/ #application-form { float:left; width:760px; } #application-form h3 { float:left; width:100%; color:#fff; padding:10px 0; text-indent:12px; font-size:19px; margin:0 0 16px 0; background:#333; text-shadow: 1px 1px 1px #000; } #application-form h3 span { font-size:12px; color:#ccc; font-style:italic; } #application-form li { float:left; width:50%; padding:0 0 16px 0;} #application-form li label { float:left; width:100%; padding:0 0 6px 0; } #application-form li input, #application-form li select, #application-form li textarea { float:left; clear:left; background:#fff; border:1px #ccc solid; padding:8px; width:318px; font-size:14px; } #application-form li input:focus { border:1px #000 solid; } #application-form em { color:#f00; font-size:11px; font-style:italic; } #application-form li input, #application-form li select, #application-form textarea { -moz-box-shadow: 0px 0px 4px #ddd; -webkit-box-shadow:inset 0px 0px 4px #ddd; box-shadow:inset 0px 0px 4px #ddd; } #application-form li.radio label { font-weight:bold; font-size:14px; } #application-form li.radio span { float:left; } #application-form li.radio input { float:left; clear:none; width:30px; margin-right:20px; cursor:pointer; } #application-form .aboutnote { float:left; width:532px; background:#eee; padding:16px; margin:-16px 0 0 0; text-shadow: 1px 1px 1px #fff; font-size:16px; font-style:italic; } #application-form .aboutnote span { float:left; width:240px; } #application-form .aboutnote textarea { float:right; width:560px; height:130px; padding:8px; } #application-form .note { float:left; width:728px; background:#eee; padding:16px; margin-top:-16px; margin-bottom:16px;text-shadow: 1px 1px 1px #fff; } #application-form .note h4 { font-size:20px; border-bottom:1px #eee solid; margin:0 0 16px 0; } #application-form .declaration { float:left; width:728px; background:#eee; padding:16px 16px 4px 16px; margin:10px 0 16px 0; text-shadow: 1px 1px 1px #fff; } #application-form .declaration h4 { font-size:20px; border-bottom:1px #ccc dashed; margin:0 0 16px 0; } #application-form .declaration ul { list-style-type:disc; } #application-form .declaration ul li { float:left; margin-left:16px; margin-right:40px; width:40%; } #application-form .declaration .condition { float:left; width:100%; border-top:1px #ccc dashed; padding:12px 0; font-weight:bold; font-size:16px; } #application-form .declaration input { float:right; } #application-form #antispam { display:none; } #application-form input.submit-btn { float:left; width:260px; padding:12px 0; } .depositnote { float:left; background:#eee; padding:16px; width:304px; margin: 0 0 20px 0; font-size:12px; border:1px #ccc dashed; }