/* UK Land Directory Screen Styles CSS */ body { background: url(gfx/bg-body.jpg) top center fixed; margin: 0; } /* self build land styles */ /* top layer */ div#top { width: 980px; height: 180px; background: url(gfx/top-graphic.gif) top center no-repeat; border: 0; margin: 0 auto; } div#top-logo { margin-top: 37px; border: 0; width: 360px; height: 90px; float: left; } div#top-nav { width: 350px; float: right; margin-top: 150px; padding-right: 40px; border: 0; } #top-nav ul { margin: 0; padding: 0; list-style: none; float: right; font: bold 14px Georgia, "Times New Roman", Times, serif; } #top-nav ul li { float: left; margin: 0; padding: 0; } #top-nav ul li a { padding: 0 15px 0 15px; text-decoration:none; color: #741C03; border-right: 1px solid #741C03; } #top-nav ul li a:hover { color: #BE2E05; text-decoration: underline; } #top-nav .right a { border-right: 0px; } /* main container */ div#container-main { width: 980px; margin: 0 auto; padding: 0; margin-top: 10px; } div#container-inner { width: 755px; float: right; } div#main-left { float: left; background: #FBF3DC url(gfx/bg-main-left.jpg) no-repeat; width: 510px; padding: 25px 15px 25px 15px; margin: 0; border-right: 1px solid #C29967; border-bottom: 2px solid #AF7D4F; border-left: 1px solid #C29967; } #main-left p { font: normal 11px Verdana, Georgia, "Times New Roman", Times, serif; margin: 10px 0 10px 0; padding: 0; line-height: 18px; color: black; } #main-left p a { color: #741C03; text-decoration: none; font-weight: bold; } #main-left p a:hover { color: #BE2E05; text-decoration: underline; } #main-left .intro { font: normal 20px "Times New Roman", Times, serif; margin: 15px 0 15px 0; padding: 0; line-height: 25px; color: black; } #main-left .intro a { color: #741C03; text-decoration: none; font-weight: bold; } #main-left .intro a:hover { color: #BE2E05; text-decoration: underline; } #main-left h1 { font: normal 30px "Times New Roman", Times, serif; margin: 0 0 15px 0; padding: 0; line-height: 28px; color: #333; } #main-left h1 a { color: #741C03; text-decoration: none; } #main-left h1 a:hover { color: #BE2E05; text-decoration: underline; } #main-left h2 { font: normal 24px "Times New Roman", Times, serif; margin: 10px 0 10px 0; padding: 0; line-height: 24px; color: #333; } #main-left h2 a { color: #741C03; text-decoration: none; } #main-left h2 a:hover { color: #BE2E05; text-decoration: underline; } #main-left h3 { font: bold 12px Verdana, Arial, sans; margin: 8px 0 8px 0; padding: 0; line-height: 21px; color: #333; } #main-left h3 a { color: #741C03; text-decoration: none; } #main-left h3 a:hover { color: #BE2E05; text-decoration: underline; } #main-left ul { font: normal 11px Verdana, Arial, sans; margin: 15px 0 15px 0; padding: 0; line-height: 16px; color: #333; } #main-left li { list-style: none; background: url(gfx/bg-li-one.gif) top left no-repeat; padding: 0 25px 0 25px; margin: 5px 0 5px 0; } #main-left li a { color: #741C03; text-decoration: none; } #main-left li a:hover { color: #BE2E05; text-decoration: underline; } #main-left .last_updated { font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin: 20px 0 15px 0; padding: 0; line-height: 16px; color: #CD0013; } #main-left .front_light { background: white; color: #272727; padding: 15px 0 15px 0; margin-bottom: 15px; width: 488px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } #main-left .front_light h2 { color: #272727; line-height: 18px; margin-top: 0; } #main-left .front_light_left { float: left; width: 210px; } #main-left .front_light_right { float: right; width: 225px; color: #272727; } #main-left .front_light_right p { color: #272727; font: normal 11px Arial, Helvetica, sans-serif; line-height: 16px; margin: 0; } #main-left .front_light_small { background: white; color: #272727; padding: 10px 0 10px 0; margin-bottom: 15px; width: 488px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } #main-left .front_light_small h3 { color: #272727; line-height: 18px; margin-top: 0; } #main-left .front_light_left_small { float: left; width: 210px; } #main-left .front_light_right_small { float: right; width: 225px; color: #272727; } #main-left .front_light_right_small p { color: #272727; font: normal 11px Arial, Helvetica, sans-serif; line-height: 16px; margin: 0; } #main-left .front_dark { background: #272727; color: white; padding: 10px; margin-bottom: 15px; width: 468px; } #main-left .front_dark h3 { color: white; line-height: 18px; margin-top: 0; } #main-left .front_dark_left { float: left; width: 333px; color: white; } #main-left .front_dark p { color: white; font: normal 11px Arial, Helvetica, sans-serif; line-height: 15px; margin: 0; } #main-left .front_dark p a { color: white; font: bold 11px Arial, Helvetica, sans-serif; text-decoration:none; } #main-left .front_dark p a:hover { color: white; text-decoration:underline; } #main-left .front_dark_right { float: right; width: 130px; } #main-left .news_dark { background: #272727; color: white; padding: 10px; margin-bottom: 15px; width: 468px; } #main-left .news_dark_left { float: left; width: 120px; color: white; } #main-left .news_dark_right { float: right; width: 338px; color: white; } #main-left .news_dark_right p { color: white; font: normal 11px Arial, Helvetica, sans-serif; line-height: 16px; margin: 0; } #main-left .news_dark_right h3 { color: white; line-height: 18px; } #main-left .news_light { background: white; color: #333; padding: 10px; width: 196px; border: 1px solid #ddd; margin-bottom: 15px; } #main-left .news_light p { color: #333; font: normal 11px Arial, Helvetica, sans-serif; line-height: 16px; margin: 0; } #main-left .news_light h3 { color: #333; font: bold 11px Arial, Helvetica, sans-serif; margin-top: 10px; } #main-left .pr_dark { background: #272727; color: white; padding: 10px; margin-bottom: 15px; width: 468px; } #main-left .pr_dark_left { float: left; width: 120px; color: white; } #main-left .pr_dark_right { float: right; width: 338px; color: white; } #main-left .pr_dark_right p { color: white; font: normal 11px Arial, Helvetica, sans-serif; line-height: 16px; margin: 0; } #main-left .pr_dark_right h3 { color: white; line-height: 18px; } #main-left .pr_light { background: white; color: white; padding: 8px; margin-bottom: 15px; width: 470px; border: 1px solid #ddd; } #main-left .pr_light_left { float: left; width: 120px; color: white; } #main-left .pr_light_right { float: right; width: 338px; color: white; } #main-left .pr_light_right p { color: #333; font: normal 11px Arial, Helvetica, sans-serif; line-height: 16px; margin: 0; } #main-left .pr_light_right h3 { color: #333; line-height: 18px; } #main-left .counties_left { width: 210px; float:left; } #main-left .counties_right { width: 210px; float:right; } #main-left .disclaimer { color: #999; font: normal 11px Arial, Helvetica, sans-serif; } .sold { color: red; font: bold 12px Arial, Helvetica, sans-serif; } hr { border: 0; margin: 15px 0 15px 0 !important; margin: 5px 0 5px 0; padding: 0; height: 1px; color: black; background-color: black; } /* Land for Sale style guides */ #main-left .land { margin-bottom: 15px; width: 500px; } #main-left .land p { color: white; font: normal 11px Verdana, Arial, sans-serif; line-height: 16px; margin: 5px 0 5px 0; } #main-left .land_top { background: #272727; padding: 11px; margin: 0 0 0 10px; width: 468px; } #main-left .land h2 { font: normal 18px "Times New Roman", Times, serif; margin: 0 0 6px 0; padding: 0; color: white; line-height: 20px; } #main-left .land h2 a { color: white; } #main-left .land h2 a:hover { color: white; } #main-left .land h4 { font: normal 11px Verdana, Arial, sans-serif; margin: 0 0 12px 0; padding: 0; color: white; line-height: 18px; } #main-left .land h4 a { color: white; text-decoration: none; } #main-left .land h4 a:hover { color: white; text-decoration: underline; } #main-left .land_left { float: left; width: 100px; margin-bottom: 0px; border: 0; padding: 0px; } #main-left .land_right { float: right; width: 356px; margin: 0; } #main-left .land_right p { color: white; font: normal 11px Verdana, Arial, sans-serif; line-height: 14px; margin: 5px 0 5px 0; } #main-left .land_description { background: #CFBA9C url(gfx/bg-land-description.jpg) repeat-x; font: normal 11px Verdana, Arial, sans-serif; margin: 0 0 0 10px; padding: 10px; border-right: 4px solid #272727; border-bottom: 4px solid #272727; border-left: 4px solid #272727; } #main-left .land_description p { color: #333; font: normal 11px Verdana, Arial, sans-serif; line-height: 16px; margin: 5px 0 10px 0; } #main-left .land_description p a { color: #741C03; text-decoration: none; } #main-left .land_description p a:hover { color: #BE2E05; text-decoration: underline; } #main-left .land_large_image { padding: 0 0 12px 0; } #main-left .counties_left { width: 240px; float:left; } #main-left .counties_right { width: 240px; float:right; } /* background: #CFBA9C url(gfx/bg-land-description.jpg) repeat-x; font: normal 11px Verdana, Arial, sans-serif; margin: 0 0 0 10px; padding: 10px; border-right: 4px solid #272727; border-bottom: 4px solid #272727; border-left: 4px solid #272727;*/ #main-left .contact_seller { margin-bottom: 15px; width: 460px; background: #CFBA9C url(gfx/bg-land-description.jpg) repeat-x; padding: 10px; border: 4px solid #272727; } #main-left .contact_seller p { font: normal 11px Arial, Helvetica, sans-serif; color: #272727; } #main-left .contact_form { font: normal 11px Arial, Helvetica, sans-serif; color: #555; border: 1px solid #777; padding: 3px; margin: 4px 0 0 0; } #landsearch-inner { width: 173px; font: normal 11px Arial, Helvetica, sans-serif; padding: 8px; margin: 0; background:#F3F3F3 url(gfx/bg-landsearch-inner.jpg) repeat-x; } #landsearch-inner p { font: normal 11px Arial, Helvetica, sans-serif; padding: 0; margin: 0; } #landsearch-inner .submit { font: bold 10px Tahoma, Arial, Helvetica, sans-serif; background-color:#cd0013; color: white; border: 0; margin:12px 0 0 0; padding:4px; cursor:hand; } .landsearch_style { border: 1px solid #777; font: normal 11px Arial, Helvetica, sans-serif; color: #272727; padding: 3px 5px 3px 5px; margin-bottom: 2px; margin-top: 3px; } /* Right Hand Side Menu and Inner Layers */ div#main-right { width: 210px; float: right; padding: 0; border: 0; } div.rightitem { width: 180px; border-right: 1px solid #BC9063; border-bottom: 2px solid #AF7D4F; border-left: 1px solid #BC9063; background:#F9F5B6 url(gfx/bg-rightitem.jpg) repeat-x; float: right; padding: 16px 10px 10px 10px; margin-bottom: 10px; } .rightitem p { font: normal 10px Georgia, "Times New Roman", Times, serif; margin: 10px 0 10px 0; } .rightitem p a { color: #741C03; text-decoration: none; font-weight: bold; } .rightitem p a:hover { color: #BE2E05; text-decoration: underline; } .rightitem h3 { font: bold 14px Georgia, "Times New Roman", Times, serif; padding: 0; margin: 0; } .rightitem h3 a { color: #741C03; text-decoration: none; } .rightitem h3 a:hover { color: #BE2E05; text-decoration: underline; } div.rightadvert { width: 201px; float: right; margin-bottom: 10px; } .rightadvert p { font: normal 10px Georgia, "Times New Roman", Times, serif; margin: 10px 0 10px 0; } .rightadvert p a { color: #741C03; text-decoration: none; font-weight: bold; } .rightadvert p a:hover { color: #BE2E05; text-decoration: underline; } div.featured-site { border: 5px solid #CD0013; background: white; margin: 0 0 8px 0; padding: 8px; } .featured-site .header { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #CD0013; text-transform: uppercase; } .featured-site p { font: normal 11px Arial, Helvetica, sans-serif; color: #333; line-height: 15px; margin: 10px 0 10px 0; } .featured-site p a { color: #CD0013; text-decoration: none; } .featured-site p a:hover { color: #CD0013; text-decoration: underline; } div.sponsored-links { border: 5px solid #272727; background: #272727; margin: 0 0 8px 0; padding: 0 8px 0 8px; } .sponsored-links .header { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: white; text-transform: uppercase; } .sponsored-links p { font: normal 11px Arial, Helvetica, sans-serif; color: white; line-height: 15px; margin: 10px 0 10px 0; } .sponsored-links p a { font: bold 11px Arial, Helvetica, sans-serif; color: white; text-decoration: none; } .sponsored-links p a:hover { color: white; text-decoration: underline; } div.sponsored-links-vl { border: 0; background: #CD0013; margin: 0; padding: 0; } .sponsored-links-vl p { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: white; line-height: 15px; margin: 0; padding: 10px; text-transform: uppercase; } /* Left Hand Side Menu and List Items */ /* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/flyoutt.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. =================================================================== */ /* common styling */ div#container-left { width: 214px; } /* common styling */ .menu-landforsale { background: #F6F3E2 url(gfx/bg-menu-landforsale.jpg) top no-repeat; font: normal 10px Georgia, "Times New Roman", Times, serif; width:212px; margin:0 0 10px 0; padding: 0 0 24px 0; border-right: 1px solid #BA9568; border-bottom: 2px solid #926A46; border-left: 1px solid #BA9568; float: left; } .menu-landforsale p { margin: 0; padding: 0; } .menu-landforsale ul li a { display:block; padding: 2px 15px 2px 15px; text-decoration:none; color:black; width:182px; text-align:left; border: 0; line-height:19px; background: url(gfx/bg-menu-lfs.gif) right no-repeat; } .menu-landforsale ul {padding: 0; margin: 0; list-style-type: none; } .menu-landforsale ul li {float:left; position:relative; } .menu-landforsale ul li ul {display: none;} /* specific to non IE browsers */ .menu-landforsale ul li:hover a {color: #BE2E05; background: url(gfx/bg-menu-lfs-hover.gif) top right no-repeat; } .menu-landforsale ul li:hover ul {display:block; position:absolute; top: -5px; left:212px; width:212px; padding-top: 5px; padding-bottom: 5px;border-right: 1px solid #BA9568; border-bottom: 1px solid #926A46; background: #F1EDCA; } .menu-landforsale ul li:hover ul li a.hide { color: black;} .menu-landforsale ul li:hover ul li ul {display: none; } .menu-landforsale ul li:hover ul li a {display:block; color: black; width:192px; padding: 2px 10px 2px 10px; background: none; } .menu-landforsale ul li:hover ul li a:hover { color: #BE2E05; } /* list item header */ .menu-landforsale .header a { background: none; font: bold 14px Georgia, "Times New Roman", Times, serif; margin: 0; color: black; padding-top: 16px; padding-bottom: 6px; } .menu-landforsale .header a:hover { background: none; color: black; } .menu-landforsale .noarrow a { background: none; } .menu-landforsale .noarrow a:hover { background: none; color: #BE2E05; } .menu-landforsale .new a { background: url(gfx/bg-li-new.gif) top right no-repeat; } .menu-landforsale .new a:hover { background: url(gfx/bg-li-new.gif) top right no-repeat; color: #BE2E05; } /* Footer */ div#footer{ background: url(gfx/bg-footer.gif) no-repeat; margin: 0 auto; margin-top: 10px; width: 718px; height: 280px; padding: 43px 0 0 32px; } #footer p { color: black; margin: 0 0 0 15px; padding-top: 6px; } #footer ul { margin: 0; padding: 0; list-style: none; float: left; font: bold 11px Georgia, "Times New Roman", Times, serif; } #footer ul li { float: left; margin: 0; padding: 0; } #footer ul li a { padding: 0 8px 0 8px; text-decoration:none; color: #741C03; border-right: 1px solid #741C03; } #footer ul li a:hover { color: #BE2E05; text-decoration: underline; } #footer .right a { border-right: 0px; } .clear { clear:both; height: 0; margin: 0; }