body {text-align:center; min-width:770px; font:75% Arial, Helvetica, sans-serif; margin:0; padding:0; background:white url(../images/e4p_pageback.gif) center repeat-y; color:#333366;}
body#home {background-image:none;}
div#container {width:770px; text-align:left; margin:0 auto; position:relative;}

div#topbar {height:24px; background:url(../images/e4p_topbarback.jpg); position:relative; border-left:1px solid #333366;}
div#topbar h1 {position:absolute; margin:0; line-height:24px; top:0; font-weight:normal;}
div#topbar h1#subtitle {color:#fff; left:11px; font-size:1.2em;}
div#topbar h1#part {color:#CCCCFF; right:11px; text-align:right; font-size:1em;}

div#picbar {height:88px; background:url(../images/e4p_picbarback.jpg); position:relative;}
div#picbar h2 {position:absolute; margin:0; color:#fff; text-align:right; font-weight:normal;}
div#picbar a {text-decoration:none; color:#fff;}
div#picbar a:hover {text-decoration:underline;}
div#picbar h2#url {top:23px; left:10px; font-size:1.2em; width:374px; text-align:center;}
div#picbar h2#title {top:54px; left:128px; font-size:1.1em; width:134px; height:25px;}
div#picbar h2#title a {display:block; height:100%; width:100%; text-align:left; text-indent:-9999px; background:url(../images/e4p_logo.gif) no-repeat; text-decoration:none;}

ul#nav {list-style:none; margin:0; padding:0; height:23px;}
ul#nav li {background:#666699; color:#fff; float:left; border-right:1px solid #333366; height:23px; line-height:23px;}
ul#nav li h3 {font-weight:normal; margin:0; text-align:center; font-size:1em;}
ul#nav li a {display:block; width:100%; color:#fff; text-decoration:none; text-align:center;}
ul#nav li a:hover {color:#2F3060;}
ul#nav li#navservices {border-left:1px solid #333366; width:138px;}
ul#nav li#navservices h3 {text-align:left; padding-left:11px;}
ul#nav li#navtown{width:99px;}
ul#nav li#navalluk {width:108px;}
ul#nav li#navlondon {width:144px;}
ul#nav li#navlist {width:136px;}
ul#nav li#navsearch {width:139px; border:0; text-align:center;}

div#map {width:344px; margin:12px auto; position:relative; height:600px;}
div#map img {border:none;}
div#map ul#regions {list-style:none; margin:0; padding:0;}
div#map ul#regions li {position:absolute;}
div#map ul#regions li a {display:block; width:100%; height:100%;}
/* ie needs a background to trigger the link, hence we trick it with a broken url */
* html div#map ul#regions li a {background:url(../no_image);}
div#map ul#regions li a span {position:absolute; left:-9999px;}

div#map ul#regions li#region_scotland {width:207px; height:300px; top:0; left:0px;}
div#map ul#regions li#region_scotland a:hover {background:url(../images/maphover_scotland.gif);}
div#map ul#regions li#region_northwest {width:111px; height:139px; top:273px; left:91px;}
div#map ul#regions li#region_northwest a:hover {background:url(../images/maphover_northwest.gif);}
div#map ul#regions li#region_northeast {width:103px; height:159px; top:231px; left:174px;}
div#map ul#regions li#region_northeast a:hover {background:url(../images/maphover_northeast.gif);}
div#map ul#regions li#region_midlands {width:51px; height:72px; top:359px; left:238px;}
div#map ul#regions li#region_midlands a:hover {background:url(../images/maphover_midlands.gif);}
div#map ul#regions li#region_northwales {width:82px; height:61px; top:379px; left:90px;}
div#map ul#regions li#region_northwales a:hover {background:url(../images/maphover_northwales.gif);}
div#map ul#regions li#region_southwales {width:107px; height:74px; top:437px; left:67px;}
div#map ul#regions li#region_southwales a:hover {background:url(../images/maphover_southwales.gif);}
div#map ul#regions li#region_eastanglia {width:65px; height:69px; top:405px; left:279px;}
div#map ul#regions li#region_eastanglia a:hover {background:url(../images/maphover_eastanglia.gif);}
div#map ul#regions li#region_southeast {width:60px; height:74px; top:465px; left:274px;}
div#map ul#regions li#region_southeast a:hover {background:url(../images/maphover_southeast.gif);}
div#map ul#regions li#region_southwest {width:169px; height:97px; top:503px; left:19px;}
div#map ul#regions li#region_southwest a:hover {background:url(../images/maphover_southwest.gif);}
div#map ul#regions li#region_south {width:156px; height:54px; top:511px; left:156px;}
div#map ul#regions li#region_south a:hover {background:url(../images/maphover_south.gif);}
div#map ul#regions li#region_lakedistrict {width:40px; height:43px; top:293px; left:140px;}
div#map ul#regions li#region_lakedistrict a:hover {background:url(../images/maphover_lakedistrict.gif);}
div#map ul#regions li#region_yorkshiredales {width:45px; height:47px; top:317px; left:175px;}
div#map ul#regions li#region_yorkshiredales a:hover {background:url(../images/maphover_yorkshiredales.gif);}
div#map ul#regions li#region_peakdistrict {width:22px; height:31px; top:377px; left:195px;}
div#map ul#regions li#region_peakdistrict a:hover {background:url(../images/maphover_peakdistrict.gif);}
div#map ul#regions li#region_cotswolds {width:34px; height:40px; top:461px; left:181px;}
div#map ul#regions li#region_cotswolds a:hover {background:url(../images/maphover_cotswolds.gif);}
div#map ul#regions li#region_dartmoor {width:26px; height:24px; top:548px; left:110px;}
div#map ul#regions li#region_dartmoor a:hover {background:url(../images/maphover_dartmoor.gif);}

div#content {float:left;}

div#col1 {width:139px; float:left; border-top:1px solid #333366;}
div#col2 {width:492px; float:left; border-top:1px solid #333366;}
div#col3 {width:139px; float:left; border-top:1px solid #333366;}

div.module {border-bottom:1px solid #333366; color:#561d0d;}
div.module h3 {color:#fff; background:#666699; border-bottom:1px solid #333366; margin:0; font-size:1.1em; font-weight:normal; height:17px; padding:2px 0 0 10px;}
div.module ul {list-style:none; margin:0; padding:2px 0 2px 10px;}
div.module ul li {padding:3px 0 3px 0; line-height:1.3em;}
div.module ul li a {color:#000066; text-decoration:none;}
div.module ul li img {border:0; margin-left:-1px;}
div.module ul li a:hover {text-decoration:underline;}
div.module p {padding:0 10px; margin:12px 0;}
div.last {border-bottom:0;}

ul#sideregions li a:hover span {display:block; position:absolute;}

/* ie needs to have something in the root hover style to trigger the hover */
ul#sideregions li a:hover {border:0;}
ul#sideregions li#side_scotland a:hover span {top:184px; left:213px; width:207px; height:300px; background:url(../images/maphover_scotland.gif); }
ul#sideregions li#side_northeast a:hover span {top:415px; left:387px; width:103px; height:159px; background:url(../images/maphover_northeast.gif); }
ul#sideregions li#side_northwest a:hover span {top:457px; left:304px; width:111px; height:139px; background:url(../images/maphover_northwest.gif); }
ul#sideregions li#side_midlands a:hover span {top:543px; left:451px; width:51px; height:72px; background:url(../images/maphover_midlands.gif); }
ul#sideregions li#side_northwales a:hover span {top:563px; left:303px; width:82px; height:61px; background:url(../images/maphover_northwales.gif); }
ul#sideregions li#side_southwales a:hover span {top:621px; left:280px; width:107px; height:74px; background:url(../images/maphover_southwales.gif); }
ul#sideregions li#side_eastanglia a:hover span {top:589px; left:492px; width:65px; height:69px; background:url(../images/maphover_eastanglia.gif); }
ul#sideregions li#side_southeast a:hover span {top:649px; left:487px; width:60px; height:74px; background:url(../images/maphover_southeast.gif); }
ul#sideregions li#side_southwest a:hover span {top:687px; left:232px; width:169px; height:97px; background:url(../images/maphover_southwest.gif); }
ul#sideregions li#side_south a:hover span {top:695px; left:369px; width:156px; height:54px; background:url(../images/maphover_south.gif); }
ul#sideregions li#side_lakedistrict a:hover span {top:477px; left:353px; width:40px; height:43px; background:url(../images/maphover_lakedistrict.gif); }
ul#sideregions li#side_yorkshiredales a:hover span {top:501px; left:388px; width:45px; height:47px; background:url(../images/maphover_yorkshiredales.gif); }
ul#sideregions li#side_peakdistrict a:hover span {top:561px; left:408px; width:22px; height:31px; background:url(../images/maphover_peakdistrict.gif); }
ul#sideregions li#side_cotswolds a:hover span {top:645px; left:394px; width:34px; height:40px; background:url(../images/maphover_cotswolds.gif); }
ul#sideregions li#side_dartmoor a:hover span {top:732px; left:323px; width:26px; height:24px; background:url(../images/maphover_dartmoor.gif); }

div#col2 h3 {font-size:1.1em; font-weight:normal; margin:12px 24px 0 24px;}
div#col2 p {margin:12px 24px 0 24px;}
div#col2 ul.townlist {list-style:none; margin:12px 24px; padding:0; width:170px; float:left;}
* html div#col2 ul.townlist {margin-left:12px;}
div#col2 ul.townlist li {color:#29465D; margin-bottom:3px;}
div#col2 a {color:#333366; text-decoration:none;}
div#col2 a:hover {text-decoration:underline;}

div#col2 div#header {text-align:center; line-height:1.4em;}
div#col2 div#header p {margin-bottom:4px;}
/*div#col2 div#header a#emailbutton {display:block; width:149px; height:106px;float:left;margin:12px auto 10px 79px; background:url(../images/e4p_emailbutton1.gif) no-repeat; text-indent:-9999px; text-decoration:none;}
* html div#col2 div#header a#emailbutton{margin-left:39px;margin-bottom:0px;}
div#col2 div#header a#emailbutton2 {display:block; width:129px;height:106px; float:left; margin:12px auto 0 07px; background:url(../images/e4p_emailbutton2.gif) no-repeat; text-indent:-9999px; text-decoration:none;}
* html div#col2 div#header a#emailbutton2{margin-left:39px;margin-bottom:0px;}*/

div#col2 ul#logolist {margin:0 0 0 24px; padding:0; list-style:none; float:left;}
div#col2 ul#logolist li div.logocontainer{}
div#col2 ul#logolist li div.logocontainer div.logobody{border-bottom:1px solid #CCCCCC;height:122px}
div#col2 ul#logolist li div.logocontainer div.logobottom{font-size:80%;background:#E0E0EB;height:22px;text-align:right;padding-right:9px;line-height:2.5em;}
html>body div#col2 ul#logolist li div.logocontainer div.logobottom{line-height:2.1em !important;}


* html div#col2 ul#logolist {margin-left:12px;}
div#col2 ul#logolist li {border:1px solid #d6d6d6; width:143px;float:left; margin:0 5px 5px 0;}
div#col2 ul#logolist h3 {margin:0; background:#666699; font-size:1.1em; font-weight:normal; line-height:29px; padding-left:9px; color:#fff;}
div#col2 ul#logolist a {text-align:center; color:#333366;}
div#col2 ul#logolist a span {cursor:pointer;}
div#col2 ul#logolist a span.image {height:70px; display:block;}
div#col2 ul#logolist a img {border:0; margin:4px auto 4px auto; display:block;}
div#col2 ul#logolist a span.text {display:block; width:100px; margin:0 auto 2px auto; text-align:center; font-size:0.9em; line-height:1.2em;}
div#col2 ul#logolist a:hover span.text {text-decoration:underline;}

div#col3 div#searchmodule {text-align:center;}
div#col3 form {margin:0; padding:0;}
div#buttonwrapper{width:60px;margin:4px auto 0px auto;}
div#col3 div#searchmodule label {position:absolute; left:-9999px;}
div#col3 div#searchmodule input {width:120px; margin:12px auto 4px auto;}
div#col3 div#searchmodule button {margin:4px auto 12px auto;}

div.horizontallist {text-align:center; margin:12px 0;}

div#blurb {clear:left; padding-top:8px; margin-bottom:10px;}
* html body div#blurb {padding-top:0; margin-top:0;}

div#blurb h3 {font-weight:bold; font-size:1.2em;}
div#blurb h4 {margin:12px 24px; font-size:1em;}
div#blurb a.top {margin:12px 24px; display:block; width:80px;}
div#blurb p.copyright {text-align:center; font-weight:bold;}
div#blurb ul {margin-left:64px; margin-right:24px; padding:0;}

div#homecontent {text-align:center;border:1px solid #333366;}
div#homecontent a {color:#333366; text-decoration:none;}
div#homecontent a:hover {text-decoration:underline;}
div#homecontent h3 {margin:18px 0 0 0; font-size:1.3em;}
div#homecontent h4 {margin:8px 0 18px 0; font-weight:normal; font-size:1.1em;}
div#homecontent form {margin:auto; width:550px; background:#9999CC;}

div#homesearch {height:80px;padding:5px 26px 0px 26px;}
html>body div#homesearch{padding-bottom:12px}			/*Target Firefox and other standards browsers*/

div#homesearch label {position:absolute; left:-9999px;}
div#homesearch input {margin-left:55px;float:left;width:295px;border:1px solid #333366;height:18px;padding-left:5px;margin-top:1px; margin-right:2px;font-size:0.8em;line-height:1.75em;color:#333366}
html>body div#homesearch input{padding-top:2px;height:18px;}
div#homesearch button{margin:0px;float:left;width:80px;text-align:center;color:#333366;height:24px;font-size:0.8em;}
html>body div#homesearch button{padding-bottom:3px;height:25px;}
div#homesearch p {font-size:1.2em; margin-top:12px; color:#fff;}

div#homecontent div#major { padding:0 80px; margin-top:24px; float:left;}
div#homecontent div#major h3 {margin:0 0 8px 0; font-size:1.1em;}
div#homecontent div#major ul {list-style:none; margin:0; padding:0; float:left;}
div#homecontent div#major ul li {float:left; width:120px; background:#9999CC; color:#fff; line-height:23px; margin:0 1px 1px 0;}
div#homecontent div#major ul li.highlight {float:left; width:120px; background:#B4B4DF; color:#fff; line-height:23px; margin:0 1px 1px 0;}
div#homecontent div#major ul li a {display:block; height:100%; color:white;}
div#homecontent div#major ul li a:hover {color:#2F3060; text-decoration:none;}

div#homecontent div#atoz {padding:0 140px; float:left;width:350px}
div#homecontent div#atoz h3 {margin:0 0 8px 150px; font-size:1.1em;}
div#homecontent div#atoz ul {list-style:none; margin:0; padding:0; width:440px;margin-right:-87px;margin-left:30px}

div#homecontent div#atoz ul li {float:left; width:32px; background:#9999CC; color:#fff; line-height:23px; margin:0 1px 1px 0;}
div#homecontent div#atoz ul li a {display:block; height:100%; color:white;}
div#homecontent div#atoz ul li a:hover {color:#2F3060; text-decoration:none;}

div#soldhouseprices{width:100px;float:left;margin-left:-60px;margin-top:15px}
div#soldhouseprices a img{border:0}
html>body div#soldhouseprices{margin-left:-25px;}

div#alluktowns {clear:left; padding-top:10px; text-align:center;margin:auto}
* html div#alluktowns {padding:0;}
div#alluktowns a {background:#9999CC; color:#fff; line-height:23px; width:120px; height:23px; display:block; margin:0 8px 0 0; float:left;}
div#alluktowns a:hover {color:#2F3060; text-decoration:none;}
div#alluktowns a#uk {margin-left:65px;}
* html div#alluktowns a#uk {margin-left:66px;}

ul#nav li#navhome_agents {width:187px;}
ul#nav li#navhome_london {width:180px;}
ul#nav li#navhome_favourites {width:220px;}
ul#nav li#navhome_list {width:180px; border:0;}


#mortgageform{border:1px solid #999999;margin:15px 25px 0 25px;background:#F0F0F9}
#mortgageform fieldset{border:0;padding:9px}
#mortgageform .redasterisk{color:red;font-weight:bold;font-size:1.4em}

 
#agentswrapper{width:149px; height:106px;float:left;margin:5px auto 10px 80px; background:url(../images/e4p_emailbutton1.gif) no-repeat; text-decoration:none;}
* html #agentswrapper{margin-left:40px}
#agentswrapper img{border:0}
#lettingwrapper{width:129px;height:106px; float:left; margin:5px auto 10px 20px; background:url(../images/e4p_emailbutton2.gif) no-repeat; text-decoration:none;}
#lettingwrapper img{border:0}

span.hidden{display:none}

/* ******new css styling by arun for drop-down ********/

div#homecontent div#major li.rollover ul {visibility:visible;}
div#homecontent div#major li ul{visibility:hidden;position:absolute;width:118px;}				
div#homecontent div#major li a:hover{background:#B4B4DF; }

* html div#homecontent div#major li:hover ul,
* html div#homecontent div#major li.rollover ul {margin-left:-60px;width:118px; }

div#homecontent div#major ul li.dropdown{float:left;width:118px;background:#00529C;color:#fff;line-height:23px;	margin:0 1px -1px 0; border-style: solid; border-width: 1px 1px 2px 1px; border-color:#000000;	}						
div#homecontent div#major ul li a.dropdownlink {display:block; height:100%; color:ffffff;}
div#homecontent div#major ul li a.dropdownlink:hover {	color:#2F3060; text-decoration:none; background:#A8B2BB;}

/* ******new css styling by arun for drop-down *******/