/* UK Land Directory Screen Styles CSS */ body { background: #222 url(gfx/bg-body.jpg) repeat-x; margin: 0; margin-bottom: 50px; font: normal 11px Verdana, Arial, Helvetica, sans-serif; } /* elements at the top of the page */ div#container-one { margin: 0 auto; width: 965px; margin-bottom: 0; background: white; border-bottom: 3px solid #CD0013; } div#logo { width: 290px; height: 105px; float: left; } div#nav-mini { width: 600px; float: right; } #nav-mini ul { margin: 20px 0 0 0; padding: 0 25px 0 0;list-style: none; float: right; font: normal 11px Arial, Helvetica, sans-serif; } #nav-mini ul li { float: left; } #nav-mini ul li a { padding: 0 8px 0 8px; text-decoration:none; color: #CD0013; border-right: 1px solid #222; } #nav-mini ul li a:hover { color: #CD0013; text-decoration: underline; } #nav-mini .right a { border-right: 0px; } /* breadcrumb navigation */ div#breadcrumb { background: #2C2C2C url(gfx/bg-breadcrumb.gif) repeat-x; width: 965px; margin: 0 auto; font: normal 12px Verdana, Arial, Helvetica, sans-serif; border: 0; padding: 0; } #breadcrumb ul { margin: 0; padding: 0; list-style: none; } #breadcrumb ul li { float: left; display: block; padding: 9px 0; } #breadcrumb ul li a { text-decoration:none; color: white; padding: 9px 15px 9px 15px; border-left: 1px solid #2C2C2C; border-right: 1px solid #4F4F4F; } #breadcrumb ul li a:hover { color: white; background: #FF0018 url(gfx/bg-breadcrumb-hover.gif) repeat-x; } #breadcrumb .left a { border-left: 0px solid white; } #breadcrumb .right a { border-right: 0px solid white; } /* main container */ div#container-main { width: 949px; margin: 0 auto; margin-bottom: 0; background: white; background: #eee ; padding: 8px; } div#container-inner { width: 726px; float: right; } div#main-left { float: left; background: white; /*width: 450px; adding 38px to total*/ width: 488px; padding: 15px 15px 25px 15px; margin: 0; border: 0; } #main-left p { font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin: 15px 0 15px 0; padding: 0; line-height: 16px; color: #333; } #main-left p a { color: #CD0013; text-decoration: none; } #main-left p a:hover { color: #CD0013; text-decoration: underline; } #main-left .intro { font: bold 12px Verdana, Arial, Helvetica, sans-serif; margin: 15px 0 15px 0; padding: 0; line-height: 17px; color: #333; } #main-left .intro a { color: #CD0013; text-decoration: none; } #main-left .intro a:hover { color: #CD0013; text-decoration: underline; } #main-left .date { font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin: 30px 0 15px 0; padding: 0; line-height: 16px; color: #aaa; } #main-left .source { font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 25px 0; padding: 0; line-height: 16px; color: #aaa; } #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 .quote { font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin: 20px 0 20px 0; padding: 10px; line-height: 16px; color: #777; border: 2px solid #ddd; } #main-left .quote p { color: #777; } #main-left .land-agents-directory { font: normal 11px Arial, Helvetica, sans-serif; margin: 20px 0 20px 0; padding: 10px; line-height: 16px; color: #333; border: 1px solid #272727; } #main-left .land-agents-directory p { font: normal 11px Arial, Helvetica, sans-serif; color: #333; margin: 10px 0 10px 0; } #main-left .land-agents-directory ul { padding: 0; list-style: none; font: normal 11px Arial, Helvetica, sans-serif; margin: 0 0 15px 0 !important; margin: 0 0 25px 0; } #main-left .land-agents-directory ul li { float: left; color: #777; background: white; padding: 0 0 0 0; } #main-left .land-agents-directory ul li a { padding: 0 10px 0 10px; text-decoration:none; color: #CD0013; border-right: 1px solid #222; } #main-left .land-agents-directory ul li a:hover { color: #CD0013; text-decoration: underline; } #main-left .land-agents-directory .left a { padding-left: 0; } #main-left .land-agents-directory .right a { padding-right: 0; border-right: 0px; } #main-left h1 { font: normal 25px "Lucida Sans Unicode" Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 0; line-height: 28px; color: #333; letter-spacing: -1px; } #main-left h1 a { color: #CD0013; text-decoration: none; } #main-left h1 a:hover { color: #CD0013; text-decoration: underline; } #main-left h2 { font: normal 18px "Lucida Sans Unicode" Arial, Helvetica, sans-serif; margin: 10px 0 10px 0; padding: 0; line-height: 21px; color: #333; } #main-left h2 a { color: #CD0013; text-decoration: none; } #main-left h2 a:hover { color: #CD0013; text-decoration: underline; } #main-left h3 { font: normal 15px "Lucida Sans Unicode" Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 0; line-height: 22px; color: #333; } #main-left h3 a { color: #CD0013; text-decoration: none; } #main-left h3 a:hover { color: #CD0013; text-decoration: underline; } #main-left ul { font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin: 15px 0 15px 0; padding: 0; line-height: 16px; color: #333; } #main-left ul 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 ul li a { color: #CD0013; text-decoration: none; } #main-left ul li a:hover { color: #CD0013; text-decoration: underline; } #main-left ol { font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin: 15px 0 15px 30px; padding: 0; line-height: 16px; color: #333; } #main-left ol li { padding: 0 25px 0 0px; margin: 5px 0 5px 0; } #main-left ol li a { color: #CD0013; text-decoration: none; } #main-left ol li a:hover { color: #CD0013; text-decoration: underline; } #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; } ul#vantage_sites li a, ul#vantage_sites li a:hover {color:#FFF;} #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: 20px 0 20px 0 !important; margin: 5px 0 5px 0; padding: 0; height: 1px; color: #ccc; background-color: #ccc; } /* Land for Sale style guides */ #main-left .land { margin-bottom: 15px; width: 488px; } #main-left .land p { color: white; font: normal 11px Arial, Helvetica, sans-serif; line-height: 16px; margin: 5px 0 5px 0; } #main-left .land_top { background: #272727; padding: 10px; margin: 0; width: 468px; } #main-left .land h2 { font: normal 15px "Lucida Sans Unicode" Arial, Helvetica, sans-serif; margin: 0 0 12px 0; padding: 0; color: white; line-height: 18px; } #main-left .land h2 a { color: white; } #main-left .land h2 a:hover { color: white; } #main-left .land h4 { font: normal 11px "Lucida Sans Unicode" Arial, Helvetica, 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 Arial, Helvetica, sans-serif; line-height: 14px; margin: 0px 0 5px 0; } #main-left .land_description { background: white url(gfx/bg-land-description-fade.gif) repeat-x bottom; font: normal 11px Arial, Helvetica, sans-serif; margin: 0 0 0 0; padding: 5px 0 0 0; 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 Arial, Helvetica, sans-serif; line-height: 16px; margin: 0 0 0 0; padding: 5px 10px 10px 10px; } #main-left li { font: normal 11px Arial, Helvetica, sans-serif; } #main-left .land_footer { background: #CDCDCD url(gfx/bg-land-footer.jpg) repeat-x; height: 29px; font: normal 11px Arial, Helvetica, sans-serif; margin: 5px 0 0 0; padding: 0 0 0 0; border: 0 0 0 0; } #main-left .land_footer ul { background: none; margin: 0 0 0 0; padding: 0 0 0 0; list-style: none; font: normal 11px Arial, Helvetica, sans-serif; } #main-left .land_footer ul li { background: none; margin: 0; float: left; display: block; padding: 8px 0 7px 0; } #main-left .land_footer ul li a { background: none; padding: 8px 10px 7px 10px; text-decoration:none; color: #CD0013; border-right: 1px solid #ccc; } #main-left .land_footer ul li a:hover { color: white; text-decoration: none; background: #FE0018 url(gfx/bg-breadcrumb-hover.gif) top right no-repeat; } #main-left .featuresincluded { margin: 0 0 0 0; padding: 0 0 0 0; } #main-left .featuresincludedlist { margin: 0 0 0 0; padding: 0 0 15px 0; } #main-left .woodlandowner { padding: 10px; background: #eee; border: 1px solid #444; } /* #main-left .land_footer ul li a { background: none; padding: 4px; } */ #main-left .land_large_image { padding: 0 0 12px 0; } #main-left .contact_seller { margin-top: 0; margin-bottom: 15px; width: 460px; background: white; padding: 10px; border: 4px solid #CD0013; } #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; } /* Land Search Items */ #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; } /* Customer Area Styles */ .logout { background: #cd0013; color: white; } .logout a { text-decoration: none; background: #cd0013; color: white; padding: 4px 10px 4px 10px; } .logout a:hover { text-decoration: none; background: #FE0018; color: white; padding: 4px 10px 4px 10px; } ul#listinline { color: white; list-style: none; margin-bottom: 0; } ul#listinline li { display: inline; background: none; margin: 0 5px 0 0; padding: 0 0 0 0; text-transform: uppercase; font: normal 11px Arial, Helvetica, sans-serif; } ul#listinline li a { color: white; background: #cd0013; padding: 8px 6px 8px 6px; } ul#listinline li a:hover { text-decoration: none; color: white; background: #FE0018; } .customer_landforsale_wrap { border: 2px solid #272727; padding: 10px 10px 10px 10px; margin-bottom: 10px; margin-top: 10px; } .customer_landforsale_wrap h3 { font: normal 15px "Lucida Sans Unicode" Arial, Helvetica, sans-serif; } .customer_landforsale_wrap h3 a { text-decoration: none; } .advertisemoreland { background: #cd0013; color: white; } .advertisemoreland a { text-decoration: none; background: #cd0013; color: white; padding: 8px 10px 8px 10px; } .advertisemoreland a:visited { text-decoration: none; background: #cd0013; color: white; padding: 8px 10px 8px 10px; } .advertisemoreland a:hover { text-decoration: none; background: #FE0018; color: white; padding: 8px 10px 8px 10px; } .tablelink p { padding: 5px 5px 5px 5px; margin: 0 0 0 0; line-height: 11px; } .tablelink a { text-decoration: none; color: #cd0013; } .tablelink a:visited { text-decoration: none; color: #cd0013; } .tablelink a:hover { text-decoration: none; color: #cd0013; text-decoration: underline; } .tablelinkwhite p { padding: 5px 5px 5px 5px; margin: 0 0 0 0; line-height: 11px; } .tablelinkwhite a { text-decoration: none; font-weight: bold; color: white; } .tablelinkwhite a:visited { text-decoration: none; color: white; } .tablelinkwhite a:hover { text-decoration: none; color: white; text-decoration: underline; } /* Menu presently on the Right hand side */ div#main-right { width: 200px; float: right; padding: 0; border: 0; } div#loginregister { margin: 0 0 0 0; height: 112px; padding-bottom: 0; } #loginregister ul { padding: 0 0 0 0; margin: 0 0 0 0; list-style-type: none; } #loginregister ul li { float:left; margin-right:1px; position:relative; margin-bottom: 1px; } #loginregister ul li a { background: #FE0018 url(gfx/bg-loginregister-li.jpg) top repeat-x; display:block; padding: 9px 10px 9px 25px; text-decoration:none; color: white; width:165px; text-align:left; /* border-top: 1px solid white; */ border-bottom: 2px solid #900; border-left: 0; border-right: 0; line-height:19px; font: bold 11px Arial, Helvetica, sans-serif; } #loginregister ul li a:hover {color: white; background: #FE0018; /* border-top: 1px solid #CD0013; border-bottom: 1px solid #FE0018; */ } 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-image { background: #272727; margin: 0 0 8px 0; padding: 0 0 0 0; } 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; } /* Menu presently on the Left hand side */ /* ================================================================ 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#menu-landforsale { font: normal 11px Arial, Helvetica, sans-serif; width:215px; margin:0; padding: 0; border: 0; z-index:100;} #menu-landforsale p { margin: 0; padding: 0; } #menu-landforsale ul li a, .menu ul li a:visited { background: #E7E7E7 url(gfx/bg-menu-landforsale.gif) top right no-repeat; display:block; padding: 4px 10px 4px 10px; text-decoration:none; color:#222; width:195px; text-align:left; border-top: 1px solid white; border-bottom: 1px solid #ccc; border-left: 0; border-right: 0; line-height:19px; font-size:11px; } #menu-landforsale ul {padding: 0 0 0 0; margin: 0 0 0 0;list-style-type: none; } #menu-landforsale ul li {float:left; margin-right:1px; position:relative;} #menu-landforsale ul li ul {display: none;} /* specific to non IE browsers */ #menu-landforsale ul li:hover a {color: white; background: #FE0018 url(gfx/bg-menu-landforsale-hover.gif) top right no-repeat; border-top: 1px solid #CD0013; border-bottom: 1px solid #FE0018; } #menu-landforsale ul li:hover ul {display:block; position:absolute; top: 0; left:215px; width:200px; } #menu-landforsale ul li:hover ul li a.hide { color:#000;} #menu-landforsale ul li:hover ul li:hover a.hide {width:250px;} #menu-landforsale ul li:hover ul li ul {display: none; } #menu-landforsale ul li:hover ul li a {display:block; background: #ddd; color:#000; width:180px; padding: 2px 10px 2px 10px; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } #menu-landforsale ul li:hover ul li a:hover {background:#272727; color: white; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; } /* list item header */ #menu-landforsale .header a { background: #272727 url(gfx/bg-menu-landforsale-header.gif) top right repeat-x; color: white; border-top: 1px solid #272727; border-bottom: 1px solid #272727; text-transform: uppercase; padding-top: 6px; padding-bottom: 5px; } #menu-landforsale .header a:hover { background: #272727 url(gfx/bg-menu-landforsale-header.gif) top right repeat-x; color: white; border-top: 1px solid #272727; border-bottom: 1px solid #272727; text-decoration: underline; } #menu-landforsale .noarrow a { background: #E7E7E7 url(gfx/bg-menu-landforsale-no-a.gif) top right repeat-x; } #menu-landforsale .noarrow a:hover { color: white; background: #FE0018 url(gfx/bg-menu-landforsale-no-a-h.gif) top right no-repeat; border-top: 1px solid #CD0013; border-bottom: 1px solid #FE0018;} #menu-landforsale .new a { background: #E7E7E7 url(gfx/bg-menu-landforsale-new.gif) top right repeat-x; } #menu-landforsale .new a:hover { color: white; background: #FE0018 url(gfx/bg-menu-landforsale-new-a.gif) top right no-repeat; border-top: 1px solid #CD0013; border-bottom: 1px solid #FE0018;} /* Footer */ div#footer{ margin: 0 auto; width: 965px; background: white; border-top: 3px solid #ddd; border-bottom: 3px solid #222; padding: 20px 0 20px 0; } div#footer-left { float: left; width: 700px; } #footer-left ul { margin: 0 0 0 5px; padding: 0;list-style: none; font: normal 11px Arial, Helvetica, sans-serif; } #footer-left ul li { float: left; color: #777; } #footer-left ul li a { padding: 0 8px 0 8px; text-decoration:none; color: #CD0013; border-right: 1px solid #222; } #footer-left ul li a:hover { color: #CD0013; text-decoration: underline; } #footer-left .right a { border-right: 0px; } #footer-left p { font: normal 11px Arial, Helvetica, sans-serif; color: #777; margin: 0 0 0 15px; padding-top: 6px; } #footer-left p a { color: #CD0013; text-decoration: none; } div#footer-right { float: right; width: 234px; } #footer-right p { font: normal 11px Arial, Helvetica, sans-serif; color: #777; margin: 0px; line-height: 18px; } div#footer-fade { background: #222 url(gfx/bg-footer-fade.gif) top left repeat-x; margin: 0 auto; width: 965px; height: 60px; padding: 0; } .callout {border: 2px solid #CD0013; padding: 8px; margin-top: 8px;} .fail-text {color:#fff; display:block; background:#aa0000; padding:3px;} .clear { clear:both; height: 0; margin: 0; }