* {padding: 0; margin: 0;}

/* darkest brown #3A2215 conker brown #330000 Chocolate Brown #4C1900  Pale Grey #E6E3D0  Dynamic Brown #AB1B1A */

body {font-family: Verdana, Arial, sans-serif; color: #391D07; background: #9E918B;}

#wrapper {width: 960px; margin: 10px auto 0 auto;}
#header {float: left; width: 98%; padding: 2% 1%; background: #3B2416;}
#nav {float: left; width: 960px; font-size: 0.8em; background: #FFFFFF; overflow: hidden;}
#search {width: 100%; height: 25px; font-size: 0.9em; padding: 1% 0; border-top: 1px solid #3B2416; border-bottom: 1px solid #3B2416; margin: 0 0 1% 0; clear: both; }
#content {float: left; width: 98%; padding: 0 1% 1% 1%; background: #FFFFFF;}
#sidebar {float: left; width: 22%; font-size: 0.7em; padding: 1.5% 1% 1% 0.5%;}
#main {float: left; width: 52%; font-size: 0.8em;}
#mainfull {float: right; width: 71%; font-size: 0.8em; padding: 1.5% 3% 2% 0.5%;}
#mainfullwidth {float: right; width: 95%; font-size: 0.8em; padding: 1.5% 3% 2% 1.5%;}
#pagefull { font-size: 0.7em; padding: 1.5% 3% 2% 1%;}
#extra {float: left; width: 96%; font-size: 0.8em; padding: 2%; background: #E6E3D0;}
#bottom {float: left; width: 98%; font-size: 0.7em; padding: 1%; background: #E6E3D0; margin: 0;}
#footer {float: left; width: 98%; font-size: 0.7em; padding: 1%; background: #3B2416; margin: 0 0 1em 0;}
#mapwin { width:640px; height: 320px; margin:0; }
#bmBody { text-align:justify; width: 605px; }
#bmBody h1 { font-size: 1.6em; font-weight: bold; margin: 0 0 0.75em 0; clear: both; color: #804B93; }
#knowBody { text-align:justify; width: 605px; }
#knowBody h1 { font-size: 1.6em; font-weight: bold; margin: 0 0 0.75em 0; clear: both; color: #2A277D; }
#cantBody { text-align:justify; width: 605px; }
#cantBody .highlight { text-align:center; background: #EEF4DA; font-weight: bold; border: solid 1px #000000; padding-left:5px; padding-right: 5px; }
#cantBody h1 { font-size: 1.6em; font-weight:  bold; margin: 0 0 0.75em 0; clear: both; color: #EE6807;  }
#snapBody { text-align:justify; width: 605px; }
#issue { text-align: center; color: #AB1B1A; font-size: 1.5em; padding-right: 20px}
#snapBody h1 { font-size: 1.6em; font-weight: bold; margin: 0 0 0.75em 0; clear: both; color: #E5067B; }
#LDContentBook { text-align: justify; width: 630px; background: url(images/site/tlbgBook.gif) 0 0; background-repeat: repeat-y; padding-left: 10px; padding-right: 20px; }
#LDtopBook { width: 630px; height: 20px;  background: url(images/site/tlbgtopBook.gif) 0 0; background-repeat: no-repeat; }
#LDbotBook { width: 630px; height: 113px;  background: url(images/site/tlbgspanbotBook.gif) 0 0; background-repeat: no-repeat; }
#LDContentKnow { text-align: justify; width: 630px; background: url(images/site/tlbgKnow.gif) 0 0; background-repeat: repeat-y; padding-left: 10px; padding-right: 20px; }
#LDtopKnow { width: 630px; height: 20px;  background: url(images/site/tlbgtopKnow.gif) 0 0; background-repeat: no-repeat; }
#LDbotKnow { width: 630px; height: 113px;  background: url(images/site/tlbgspanbotKnow.gif) 0 0; background-repeat: no-repeat; }
#LDContentCant { text-align: justify; width: 630px; background: url(images/site/tlbgCant.gif) 0 0; background-repeat: repeat-y; padding-left: 10px; padding-right: 20px; }
#LDtopCant { width: 630px; height: 20px;  background: url(images/site/tlbgtopCant.gif) 0 0; background-repeat: no-repeat; }
#LDbotCant { width: 630px; height: 113px;  background: url(images/site/tlbgspanbotCant.gif) 0 0; background-repeat: no-repeat; }
#LDContentSnap { text-align: justify; width: 630px; background: url(images/site/tlbgSnap.gif) 0 0; background-repeat: repeat-y; padding-left: 10px; padding-right: 20px; }
#LDtopSnap { width: 630px; height: 20px;  background: url(images/site/tlbgtopSnap.gif) 0 0; background-repeat: no-repeat; }
#LDbotSnap { width: 630px; height: 113px;  background: url(images/site/tlbgspanbotSnap.gif) 0 0; background-repeat: no-repeat; }
#LDtop { width: 630px; height: 18px;  background: url(images/site/tlbgtop.gif) 0 0; background-repeat: no-repeat;  }
#LDContent { text-align: center; font-size: 1.3em; font-weight: bold; color: #000000; width: 630px; height: 231px; background: url(images/site/lowdownlogo.jpg) 0 0;  }
#LDbot { width: 630px; height: 13px;  background: url(images/site/tlbgbot.gif) 0 0; background-repeat: no-repeat; }
#ldsuform { width: 100%; text-align: center; margin: 5px 0 0 0;}

h1 {font-size: 1.6em; font-weight: normal; color: #3A2215; margin: 0 0 0.75em 0; clear: both;}
h2 {font-size: 1.1em; font-weight: bold; color: #3A2215; margin: 0 0 0.5em 0; clear: both;}
h2 span {display: block; padding: 5px; background: #E6E3D0}
h3 {font-size: 1.0em; font-weight: bold; color: #3A2215; margin: 0 0 1em 0;}
h4 {font-size: 1.0em; font-weight: bold; color: #3A2215; padding: 0 0 0.5em 0; border-bottom: 3px solid #E6E3D0; margin: 0 0 0.25em 0;}
p {line-height: 1.5em; margin: 0 0 1em 0;}
p.smalltext {font-size: 0.8em; padding: 1em; border: 1px solid #E6E3D0; clear: both;}
ul {line-height: 1.5em; margin: 0 0 1em 0;}
ol {line-height: 1.5em; margin: 0 0 1em 0;}
a:link {color: #AB1B1A;}
a:visited {color: #AB1B1A;}
a:hover {color: #9E918B;}
a:focus {color: #9E918B;}
a:active {color: #330000;}
blockquote {font-style: italic; padding: 0 0 0 1em; border-left: 1px solid #AB1B1A; margin: 0 3em 1.5em 2em;}

a.hmailto:link {text-decoration: none; color: #E6E3D0;}
a.hmailto:visited {text-decoration: none; color: #E6E3D0;}
a.hmailto:hover {text-decoration: underline; color: #9E918B;}
a.hmailto:focus {text-decoration: underline; color: #9E918B;}
a.hmailto:active {text-decoration: none;}

a .logo {float: left; border: 0;}
img.logo a:focus {float: left; border: 1px; }
p.callus {float: right; width: 345px; font-size: 1.5em; color: #FFCC00; text-align: center; padding: 0 2%;}

/* main nav */
ul.nav {float: left; width: 950px; list-style: none; font-size: 0.8em; padding: 0 0 0 10px; background: #FFFFFF; margin: 0; overflow: hidden;}
ul.nav li {float: left; width: 133px;}
ul.nav li a {display: block; height: 25px; font-weight: bold; color: #FFFFFF; line-height: 25px; text-align: center; text-decoration: none; background: #3B2416; margin: 5px 5px 0 5px;}
ul.nav li a:hover {background: #9E918B;}
ul.nav li a:focus {background: #9E918B;}
body#home ul.nav li a.home {background: #9E918B;}
body#rent ul.nav li a.rent {background: #9E918B;}
body#let ul.nav li a.let {background: #9E918B;}
body#lowdown ul.nav li a.lowdown {background: #9E918B;}
body#buy ul.nav li a.buy {background: #9E918B;}
body#sell ul.nav li a.sell {background: #9E918B;}
body#about ul.nav li a.about {background: #9E918B;}

/* top search box */
.sort1 {float: left; width: 99%;}
.sort2 {float: right; width: 20%;}
.searchlabel {font-size: 0.9em; font-weight: bold;}
.searchbeds {width: 70px; font-size: 11px; padding: 1px; background: #E6E3D0;}
.searchpostcode {width: 40px; font-size: 11px; padding: 1px; background: #E6E3D0;}
.searchprice {width: 110px; font-size: 11px; padding: 1px; background: #E6E3D0;}
.searchsort {width: 90px; font-size: 11px; padding: 1px; background: #E6E3D0;}
.searchsubmit {height: 22px; color: #FFFFFF; background: #AB1B1A; border: 1px solid #330000;}


/* sidebar links */
ul.cats {list-style: none; margin: 0 0 1.5em 0;}
ul.cats li {line-height: 2.0em;}
ul.cats li a:link {font-weight: bold; text-decoration: none;}
ul.cats li a:visited {font-weight: bold; text-decoration: none;}
ul.cats li a:hover {font-weight: bold; text-decoration: underline;}
ul.cats li a:focus {font-weight: bold; text-decoration: underline;}
ul.cats li a:active {font-weight: bold; text-decoration: none;}

/* login box form */
.loginbox {padding: 5% 5% 2.5% 5%; border: 1px solid #E6E3D0; margin: 0 0 1em 0;}
.loginbox p {margin: 0 0 0.5em 0;}
.logininput {margin: 0 0 0.5em 0;}

/* Landmark Availability sprites */
.las { width: 600px; display: block; height: 48px; float: left;  }
.LMstud { width: 135px; display: block; height: 47px; text-indent:-1300px; float: left; }
.LMstud a { width: 135px; display: block; height: 47px; background: url(http://www.younglondon.co.uk/images/site/tlAvail.gif) -10px -10px; }
.LMstud a:hover { display: block; background-position: -10px -66px;}
.LM1 { width: 135px; display: block; height: 47px; text-indent:-1300px; float: left; }
.LM1 a { width: 135px; display: block; height: 47px; background: url(http://www.younglondon.co.uk/images/site/tlAvail.gif) -159px -10px; }
.LM1 a:hover { display: block; background-position: -159px -66px;}
.LM2 { width: 135px; display: block; height: 47px; text-indent:-1300px; float: left; }
.LM2 a { width: 135px; display: block; height: 47px; background: url(http://www.younglondon.co.uk/images/site/tlAvail.gif) -307px -10px; }
.LM2 a:hover { display: block; background-position: -307px -66px;}
.LM3 { width: 135px; display: block; height: 47px; text-indent:-1300px; float: left; }
.LM3 a { width: 135px; display: block; height: 47px; background: url(http://www.younglondon.co.uk/images/site/tlAvail.gif) -449px -10px; }
.LM3 a:hover { display: block; background-position: -449px -66px;}

.lar { width: 600px; display: block; height: 48px; float: left;  }
.LMRstud { width: 135px; display: block; height: 47px; text-indent:-1300px; float: left; }
.LMRstud a { width: 135px; display: block; height: 47px; background: url(http://www.younglondon.co.uk/images/site/tlAvail.gif) -10px -10px; }
.LMRstud a:hover { display: block; background-position: -10px -66px;}
.LMR1 { width: 135px; display: block; height: 47px; text-indent:-1300px; float: left; }
.LMR1 a { width: 135px; display: block; height: 47px; background: url(http://www.younglondon.co.uk/images/site/tlAvail.gif) -159px -10px; }
.LMR1 a:hover { display: block; background-position: -159px -66px;}
.LMR2 { width: 135px; display: block; height: 47px; text-indent:-1300px; float: left; }
.LMR2 a { width: 135px; display: block; height: 47px; background: url(http://www.younglondon.co.uk/images/site/tlAvail.gif) -307px -10px; }
.LMR2 a:hover { display: block; background-position: -307px -66px;}
.LMR3 { width: 135px; display: block; height: 47px; text-indent:-1300px; float: left; }
.LMR3 a { width: 135px; display: block; height: 47px; background: url(http://www.younglondon.co.uk/images/site/tlAvail.gif) -449px -10px; }
.LMR3 a:hover { display: block; background-position: -449px -66px;}


/* Lowdown styling */
.ldlogo { margin: 0em auto 0.63em auto; border: none; }
#smallLogo { width: 147px; display: block; height: 52px; text-indent: -1300px; float: right;  }
#smallLogo a { width:147px; display: block; height: 52px; background: url(http://www.younglondon.co.uk/images/site/LDLogoSmall.gif) -1px 0; }
#smallLogo a:hover { display: block; background-position: -1px -56px; }
#lowdown1 { width: 645px; display: block; padding: 2% 1% 0 1%; height:255px; border-style: none  ; text-align: justify; text-decoration:none; color: #000000; font-family: verdana; }
#lowdown1 a { width: 305px; display: block;  height:255px; border-style: solid; border-color: #000000; border-width: 1px ; text-align: justify; background: url(http://www.younglondon.co.uk/images/site/LDBG.gif); }
#lowdown2 { width: 645px; display: block; padding: 0 1% 2% 1%; height:255px; border-style: none; text-align: justify; text-decoration:none; color: #000000; font-family: verdana; }
#lowdown2 a { width: 305px; display: block;  height:255px; border-style: solid; border-color: #000000; border-width: 1px ; text-align: justify; background: url(http://www.younglondon.co.uk/images/site/LDBG.gif); }
#lowdown3 { width: 606px; display: block; padding: 2% 1% 0 1%; height:236px; border-style: none  ; text-align: justify; text-decoration:none; color: #000000; font-family: verdana; }
#lowdown3 a { width: 606px; display: block;  height:236px; border-style: none; text-align: justify; background: url(http://www.younglondon.co.uk/images/site/FB.gif) -1px -1px; text-decoration: none; color: #000000; font-family: verdana;}
#lowdown3 a:hover {background-position:-1px -238px; text-decoration: none; color: #000000; font-family: verdana;}
#lowdown3 a:active {background-position: -1px -475px; text-decoration: none; color: #000000; font-family: verdana;}
#lowbook {float: left; background-position: -306px 0; text-decoration:none; color: #000000; font-family: verdana; }
#lowbook a { background-position: -306px 0; text-decoration:none; color: #000000; font-family: verdana; }
#lowbook a:hover { background-position: -306px -256px; text-decoration:none; color: #000000; font-family: verdana; }
#lowbook a:active { background-position: -306px -512px; text-decoration:none; color: #000000; font-family: verdana; }
#lowlive { float:left; background-position: -612px 0; text-decoration:none; color: #000000; font-family: verdana; }
#lowlive a { background-position: -612px 0; text-decoration:none; color: #000000; font-family: verdana; }
#lowlive a:hover { background-position: -612px -256px; text-decoration:none; color: #000000; font-family: verdana; }
#lowlive a:active { background-position: -612px -512px; text-decoration:none; color: #000000; font-family: verdana; }
#lowlow { float:left; background-position: -918px 0; text-decoration:none; color: #000000; font-family: verdana; }
#lowlow a { background-position: -918px 0; text-decoration:none; color: #000000; font-family: verdana;}
#lowlow a:hover { background-position: -918px -256px; text-decoration:none; color: #000000; font-family: verdana;}
#lowlow a:active { background-position: -918px -512px; text-decoration:none; color: #000000; font-family: verdana;}
#lowknow { float: left; text-decoration:none; color: #000000; font-family: verdana; }
#lowknow a { background-position: 0 0; text-decoration: none; color: #000000; font-family: verdana;}
#lowknow a:hover {background-position: 0 -256px; text-decoration: none; color: #000000; font-family: verdana;}
#lowknow a:active {background-position: 0 -512px; text-decoration: none; color: #000000; font-family: verdana;}


/* footer bits */
ul.bottom {list-style: none; margin: 0;}
ul.bottom li {}
li.bottom1 {float: left; width: 21%; margin: 0 0 0 1%;}
li.bottom2 {float: left; width: 21%; margin: 0 0 0 1%;}
li.bottom3 {float: right; width: 50%; text-align: right; margin: 0 3% 0 0;}
ul.footerlinks {text-align: center; margin: 0 auto;}
ul.footerlinks li {display: inline; margin: 0 5px 0 5px;}
ul.footerlinks a {color: #CCCCCC;}
p.copyright {font-size: 0.7em; text-align: center; padding: 1% 0 0 0;}
p.copyright a {color: #CCCCCC;}

/* contact forms */

form fieldset {float: left; width: 100%; border: 1px solid #AB1B1A; margin: 0 0 1em 0;  }
form fieldset p {margin: 0.5em 1em 0.75em 1em;}
form fieldset legend {font-weight: bold; color: #330000; padding: 0.5em; margin: 0 1em; }
form fieldset label {float: left; width: 24%; text-align: right; padding: 0 1% 0 0; }
form fieldset .btn-submit {margin: 0 0 0 25%;}

/* properties listings */
.properties {float: left; width: 98%; padding: 2% 1%; border-bottom: 0px solid #E6E3D0; clear: both;}
.properties-img {float: right; border: 1px solid #330000; margin: 0 0 0 20px; z-index: 1;}
.one {background: #FBF7F4;}
.two {background: #FFFFFF;}
p.paginate {line-height: 40px; margin: 0 0 2em 0;}
.description {text-align: justify;}
p.paginateBM {margin: 0 0 0 0; color: #FFFFFF;}


/*MEET THE TEAM*/
.team { text-align:justify;}
.team h3 {margin: 0 ;}
.timage {border:none;}
.tione {float:right; margin-left:10px;}
.titwo {float:left; margin-right:10px;}
.tione2 {float:right; margin-left:10px; display:none;}
.titwo2 {float:left; margin-right:10px; display:none;}


/* home page properties listings */
.homeproperties {float: left; width: 98%; padding: 2% 1%; border-bottom: 0px solid #E6E3D0; clear: both;}
.homeproperties-img {float: left; border: 1px solid #330000; margin: 0 0 0 20px;}

/* LowDowN Bookmarks */
.bookmarks { width:590px; padding: 2% 1%; border-bottom: 0px solid #E6E3D0; clear: both;}
.bookmarks-img {float: right; border: 1px solid #330000; margin: 0 0 0 20px;}
.oneB {background: #D6B0AB; height: 110px;}
.twoB {background: #DACF82; height: 110px;}
.onekl {background: #FBD5D5;}
.twokl {background: #D7D5E8;}
.oness {background: #D2D0E5;}
.twoss {background: #F9CAE4;}
.onecl {background: #FCE3C6;}
.twocl {background: #E2D5E6;}


/* new development map
.devmap { float: right; border: 0px; margin: 0 0 0 20px;}

/* Poll settings
.pollBlock { border: 1px solid #333333; font-family: Verdana, Arial, sans-serif; color: #391D07;}
.pollAnswerBlock { border: 1px solid #333333; font-family: Verdana, Arial, sans-serif; color: #391D07;}


div.filterlinks {float: left; width: 98%; padding: 1%; border: 1px solid #E6E3D0; margin: 0 0 1em 0;}
div.filterlinks p {font-weight: bold; margin: 0;}
div.filterlinks ul {list-style: none; margin: 0;}
div.filterlinks li {float: left; margin: 0 20px 0 0;}

/* property detail page*/
.property-desc {float: left; width: 100%; margin: 0 0 1.5em 0;}
ul.property-specs {float: left; width: 100%; list-style: none; font-size: 0.9em; border-top: 1px solid #E6E3D0; margin: 0 0 1.5em 0;}
ul.property-specs li {float: left; width: 50%; padding: 5px 0; border-bottom: 1px solid #E6E3D0;}
.spec-title {float: left; width: 33%;}
.property-enquiry {float: left; width: 100%; }
.enquiry { }

/* property tools links */
.propertylinks {float: left; width: 100%; margin: 0 0 1em 0; clear: both;}
.linkprint {display: block; float:left; width: auto; padding: 0 10px 0 20px; background: url(/images/site/icon-print.gif) no-repeat left;}
.linktaf {display: block; float:left; width: auto; padding: 0 10px 0 20px; background: url(/images/site/icon-taf.gif) no-repeat left;}
.linkguide {display: block; float:left; width: auto; padding: 0 10px 0 20px; background: url(/images/site/icon-guide.gif) no-repeat left;}

/* extra bits */
.extra1 {float: left; width: 25%;}
.extra2 {float:left; width: 25%;}
.extra3 {}

/* facebook button */
#fbfan { width: 207px; display: block; height: 27px; text-indent: -1300px;  }
#fbfan a { width: 207px; display: block; height: 27px; background: url(http://www.younglondon.co.uk/images/site/facebook.gif) 0 0; }
#fbfan a:hover { display: block; background-position: 0 -28px; }

/* widgets */
body#callback {font-size: 0.8em; padding: 60px 25px 0 25px; background: #FFFFFF url(/images/site/bg-callback.gif) no-repeat center top;}
body#tellafriend {font-size: 0.8em; padding: 20px 25px 0 25px; background: #FFFFFF;}
.mappopup {font-size: 0.8em; padding: 10px; background: #FFFFFF;}
ul.sitemap {list-style: none;}
ul.sitemap li {float: left; width: 33%;}
ul.sitemap li p {margin: 0 0 10px 10px;}

/* member pages*/
ul.savedlist {float: left; width: 100%; list-style: none; margin: 0 0 20px; clear: both;}
ul.savedlist li {float: left; width: 100%; line-height: 30px;}
.savedlink {float: left;}
.savedlinks {float: right; width: auto;}

/* slide gallery for property detail page*/
#slidegallery {width: 640px; height: 480px; border: 1px solid #330000; clear: both; margin: 0 0 1em 0;}
/*slideshow viewer*/
/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 

/*Tweet box*/
.prefix { font-family: Verdana, Arial, sans-serif; color: #391D07; width: 98%; }
.status { font-family: Verdana, Arial, sans-serif; color: #391D07; width: 98%; }
.time { font-family: Verdana, Arial, sans-serif; color: #391D07; width: 98%; }
.tweet { font-family: Verdana, Arial, sans-serif; color: #391D07; border: thin solid #E6E3D0; width: 98%; padding: 1%; }
#tweet ul {list-style: none; margin: 0; padding: 0; }
#tweet ul li { }
#tweet a:link {color: #AB1B1A;}
#tweet a:visited {color: #AB1B1A;}
 
/*core classes*/ 
.stripViewer {position: relative; overflow: hidden;  margin: 0 0 5px 0; } 
.stripViewer ul { /* this is your UL of images */ 
margin: 0 0 1em 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 
.stripViewer ul li { float:left; width: 640px; } 
.stripTransmitter { overflow: auto; width: 1%; } 
.stripTransmitter ul { margin: 0 0 1em 0; padding: 0; position: relative; list-style-type: none; }
 .stripTransmitter ul li{ width: 25px; float:left; margin: 0 5px 1em 0; } 
.stripTransmitter a { font: bold 11px Verdana, Arial; text-align: center; line-height: 25px; background: #AB1B1A; color: #E6E3D0; text-decoration: none; display: block; } 
.stripTransmitter a:hover, a.current{ background: #E6E3D0; color: #AB1B1A; } 
 
.outlinemenu{
position: absolute; /*leave this alone*/
display: none; /*leave this alone*/
width: 180px; /*default width of menu*/
border: 1px solid black;

}

.outlinemenu ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.outlinemenu ul li a{
background: white;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 5px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
}

.outlinemenu ul li a:visited, .outlinemenu ul li a:active{
color: #00014e;
}

.outlinemenu ul li a:hover{
color: black;
background: #ffffcb;
}

/* Holly Hack for IE \*/
* html .outlinemenu li {height: 1%; }
* html .outlinemenu li a { height: 1%; }
/* End */