/* Tag Styles */ a:link, a:visited {text-decoration:none;} a:hover, a:active { text-decoration: none; } img { border:none; } /*ol li {list-style-type: decimal; margin-left: 40px; padding-bottom:5px;}*/ p {margin: 0 auto 10px 0; clear:both;} br{clear:both;} h1{ font-size:24px; font-weight:normal; margin-bottom:5px; color:#1a265b; line-height:25px;} h2{ font-size:18px; font-weight:normal; margin-bottom:10px; color:#939598;} h3{ font-size:16px; font-weight:bold; margin-bottom:10px; color:#1a265b; line-height:18px; } h3 a{ color:#1a265b; text-decoration:underline;} h3 a:link, h3 a:visited{ color:#1a265b; text-decoration:underline;} h3 a:hover, h3 a:active{ color:#999;} h4{font-size:15px; font-weight:bold; margin-bottom:10px; color:#1a265b;} h5{ font-size:15px; font-weight:bold; margin-bottom:10px; color:#FFF;} h6{color:#f1ed58; font-size:24px; font-weight:normal; margin-bottom:10px;} /*h7{ font-size:24px; font-weight:normal; margin-bottom:5px; color:#939598; line-height:25px;}*/ body { background:#FFFFFF; font-family: Arial; font-size: 13px; color:#5b5b5b; line-height: 16px;} #wrapper {width:100%;} #chard { margin: 0 auto 0 auto; width:100%;} #topBranchs{ height:22px; background: #1a265b; text-align:center;} #topBranchs ul #nav{ margin: 0 auto; /*width: 950px;*/ background: #f4e73c; color:#FFF;} #topLogoHold{background: #1a265b; clear:both;} #topLogo{margin: 0 auto; width: 960px; height:115px;} #logo{float:right;} #topCenter{float:left; width:420px; overflow:hidden; padding:0 2px; text-align:center; height:120px; background:url(../images/bg-testimonials.gif) no-repeat; margin-top:20px;} #login{float:left; margin-left:10px; width: 180px; height:auto; font-size:13px; color:#FFFFFF; background:url(../images/bg-mychard-Blue.gif) no-repeat; margin-bottom:5px;} #login a:link, #login a:visited{ color:#FFFFFF;} #login a:hover, #login a:active{ color:#FFFF00;} #mychardMenu{ height:auto; width:160px; clear:both; background:url(../images/bg-mychard-line.gif) repeat-y; padding:0 10px;} #mychardMenu ul{ display: inherit; clear: both; } #mychardMenu li{ clear:both; float:left; line-height:17px; padding-left:15px; clear:both; background:url(../images/arrow4.gif) no-repeat;} #loginBottom{clear:both; background:url(../images/bg-mychard-Gray.gif) no-repeat; height:24px; padding-top:10px;} #testimonials{float:left; width: 728px; overflow:hidden; padding:10px 2px ; text-align:left; height:70px; background:url(../images/bg-testimonials2.gif) no-repeat; margin-top:20px;} #topMenuHold{ line-height:38px; background:url(../images/bg-menu.gif) repeat-x; clear:both;} #topMenu{ /*line-height:38px;*/ margin: 0 auto; width: 960px;} /*#topMenu ul{ display:inline;}*/ /*#topMenu li{background:url('../images/line-menu.gif') no-repeat bottom left; padding: 0 5px 0 20px; width:auto; float:left;} */ #topMenuLeft{width:860px; float:left;} #topMenuRight{width:190px; float:left;} #topMenu .mMenu {background:url('../images/line-menu.gif') no-repeat bottom left;} #middleHold{background: #FFFFFF; clear:both; } #middle{margin: 0 auto; width:960px; } #middleLeft{width:750px; float:left; margin-right:10px; margin-bottom:20px; } #pageTitle{ padding: 5px 10px; /*background:#F5F7F9; border-bottom:dashed 1px #CCC;*/ margin-bottom:10px;} #detailForm{ padding:0 10px 15px 10px;} .contentTitle{padding:0 10px 10px 0; margin-top:30px; clear:both;} .contentTitle img{float:right;} #welcomeBox{ border:solid 1px #939598; height:220px; margin-bottom:0px; /*height:300px;*/ clear:both;} #welcomeBoxLeft{ width:50%; float:left;} #welcomeBoxRight{ width:46.5%; float:right; text-align:left; padding:5px; font-size:11px;} #welcomeBoxRight p{margin-bottom:3px;} #middleRight{width:200px; float:left;} #memberMenu{height:135px; background:url(../images/bg-membermenu.gif) no-repeat; padding:10px 8px;} #memberMenu ol{} #memberMenu li{ list-style:disc; list-style-position:inside; margin-left:15px;} #loginForm{ clear:both; width:170px; margin-left:10px; height:105px; background:url(../images/bg-blue.gif) no-repeat; padding:10px 4px;} #loginForm label { margin: 8px 0 0 3px; float: left; font-size:11px; color:#FFFFFF; } #loginForm input{ margin: 3px 3px 0 0; float: right; width: 8em; font-size:11px;} #loginForm br{clear:both;} #loginForm a:link, #loginForm a:visited{ color:#FFFFFF; text-decoration:underline;} #loginForm a:hover, #loginForm a:active{ color:#FF0000;} #forgotFrom{ clear:both; height:75px; background:url(../images/bg-blue2.gif) no-repeat; padding:10px 4px; margin-left:10px; width:170px;} #forgotFrom label { margin: 8px 0 0 3px; float: left; font-size:11px; color:#FFFFFF; } #forgotFrom input{ margin: 3px 3px 0 0; float: right; width: 8em; font-size:11px;} #forgotFrom br{clear:both;} #regis{height:400px; background:url(../images/bg-regis.gif) no-repeat; padding:10px 8px; clear:both;} #regis label { margin: 8px 0 0 3px; float: left; font-size:11px; color:#FFFFFF; } #regis input{ margin: 3px 3px 0 0; float: right; width: 9em; font-size:11px;} #regis br{clear:both;} #regis a:link, #regis a:visited{ color:#FFFFFF; text-decoration:underline;} #regis a:hover, #regis a:active{ color:#FF0000;} #regisForm{} div.imagemap img {position:absolute;top:0px;left:0px;} div.searchColumn3 img{position:absolute; top:0px;left:0px;} div.imgagePostcode img {position:absolute; top:0px;left:0px;} #memberWhatLooking{} #memberWhatLooking label{margin:3px 0;} #memberWhatLooking input{margin:3px 3px 0 0;} #memberWhatLooking select{margin:3px 0;} #memberRegisForm{ background:url(../images/bg_regis.jpg) no-repeat right top; height:415px;} #memberRegisForm label{width:100px; float:left; margin:3px 0;} #memberRegisForm input{width:15em; float:left; margin:3px 0;} #memberRegisForm textarea{width:15.5em; float:left; margin:3px 0;} #arrangeForm{ width:65%; margin:20px auto auto 0px;} #arrangeForm label{float:left;} #arrangeForm input{float:right; width:17.5em; margin:3px 0;} #arrangeForm textarea{float:right; width:18em; margin:3px 0; height:120px;} #arrangeForm select{float:right; width:18em; margin:3px 0;} .rightMenu{ padding: 10px 0px 10px 10px; clear:both;} .rightMenu ul{ display: inherit; clear: both; } .rightMenu li{ margin:auto 0 2px 0; padding-left:15px; line-height:17px; clear:both; background:url(../images/arrow2.gif) no-repeat; width:92%; float:right; } .relationBox{ padding: 10px 0px 10px 10px; clear:both;} .relationBox ul{ display: inherit; clear: both; } .relationBox li{margin:auto 0 2px 0; padding-left:15px; line-height:17px; clear:both; background:url(../images/arrow2.gif) no-repeat; width:92%; float:right; } #rightOpt{ clear:both; margin: auto 0 15px 0;} .landingOpt{ padding: 10px 0px 20px 5px; clear:both; color:#1A265B;} .landingOpt ul{ display: inherit; clear: both; } .landingOpt li{ margin:auto 0 8px 0; list-style:none inside;} #bgRightBottomHead{clear:both; background:url(../images/bg-yello-head.gif) no-repeat; padding:0px 8px; height:10px; margin-bottom:-5px;} #rightBottom{clear:both;margin:5px 0 5px 10px; height:auto;} #rightBottom label { margin: 8px 0 0 3px; float: left; font-size:11px; } #rightBottom input{margin: 5px 3px 0 0; float: right; width: 9em; font-size:11px;} #rightBottom br{clear:both;} #rightBottom a:link, #rightBottom a:visited{ color:#666666; text-decoration:underline;} #rightBottom a:hover, #rightBottom a:active{ color:#FFF;} #bgRightBottomFooter{clear:both; background:url(../images/bg-yello-footer.gif) no-repeat; padding:0px 8px; height:10px; margin-top:-5px;} #rightBanner{padding:0 5px;} #detailForm br{ clear:both;} #detail{} #detailLeft{width:64%; float:left;} #upMystreet{padding:5px; margin-bottom:5px; clear:both; border:solid 1px #333; background:#666; width:100%; color:#FFF;} #upMystreet img{float:left; margin:auto 5px auto auto;} #upMystreet p{margin-bottom:2px;} #detailTitle{float:left; padding:5px 5px 0 0px;} #detailPrice{clear:both; padding-top:20px;} #priceForSale{text-align:left; float:left; width:45%; padding:0;} #priceForRent{text-align:right; float:right; width:45%; padding:0 15px 0 0;} #detailImg{ margin:auto auto 5px auto;} #imgPrimary{ float:left; /*width:57%;*/} #imgPrimary img{ padding:5px 0;} .imgList{float:left; margin:auto 2px 4px 2px;} .imgAll{/*width:43%; */ float:left; margin-bottom:20px; } .imgAll img{ margin:auto 2px 3px 2px; float:none;} #showImageDetails{clear:both; margin:10px auto auto auto; } #thispropertyfeature{margin-left:50px;} #thispropertyfeature{list-style:disc; line-height:17px;} .detailsTabs{} .detailsTabs ul{} .detailsTabs li{display:inline; margin:0 1px; float:left; font-weight:bold; font-size:11px; color:#1a265b;} .detailsTabs li a:link, .detailsTabs li a:visited{ color:#1a265b;} .detailsTabs li a:hover, .detailsTabs li a:active{ color:#666;} .dtl{width:6px; height:20px; background:url(../images/dtl.gif) no-repeat; float:left;} .dtc{width:auto; height:20px; background:url(../images/dtc.gif) repeat-x; float:left;} .dtr{width:6px; height:20px; background:url(../images/dtr.gif) no-repeat; float:left;} .dtl2{width:6px; height:20px; background:url(../images/dtl-2.gif) no-repeat; float:left; border-bottom:solid 1px #999;} .dtc2{width:auto; height:20px; background:url(../images/dtc-2.gif) repeat-x; float:left; border-bottom:solid 1px #999;} .dtr2{width:6px; height:20px; background:url(../images/dtr-2.gif) no-repeat; float:left; border-bottom:solid 1px #999;} .txtSearch{font-size:11px; color:#1a265b;} .txtSearch a:link, .txtSearch a:visited{ color:#1a265b;} .txtSearch a:hover, .txtSearch a:active{ color:#FF0000;} .hiddenPropertyMapHead{ clear:both; padding:10px 0;} #propertyMapDetail{margin:15px auto; clear:both;} #propertyDetails{} #localInform{float:left; /*width:55%;*/ margin:10px auto;} #detailRight{width:36%; float:left;} #detailRef{float:left; width:96%; border:solid 1px #939598; line-height:30px; padding:0 0 0 10px;} .detailIcon{clear:both;} #detailDetail{clear:both; margin:15px auto;} #detailFeature{height: auto; width:98%; overflow:auto; margin:10px auto;} #detailFeature ul{} #detailFeature li{list-style:disc; list-style-position:inside;} #detailMediaCode{clear:both; margin:10px 0;} #detailSubMenu{ clear:both; margin:10px 0;} #contactInfo{ clear:both; background:#EAEAEA; padding:10px; width:390px; height:145px; background:url(../images/bg-contactinfo.jpg) no-repeat; margin-bottom:10px; font-size:13px;} .contactInfo2{ clear:both; background:#EAEAEA; padding:10px; width:230px; height:160px; background:url(../images/bg-contactinfo2.jpg) no-repeat; margin-bottom:10px; font-size:13px;} .contactInfo2 ul{list-style:inside; width:95%;} .detailOption li{list-style-image:url(../images/arrow.gif); height:20px; margin:4px auto; clear:both;} #nextProperty{width:95%; clear:both; float:left; text-align:center; margin:10px; } #listAreaGuide{ margin-bottom:15px;} #listAreaGuide ul{} #listAreaGuide li{ float:left; width:100%; display:inline; line-height:22px; } #areaGuideDetail b{color:#1A265B;} #areaGuideDetail a{color:#1A265B;} #areaGuideDetail b font{color:#1A265B;} #areaGuideDetail font b{color:#1A265B;} #areaGuideTitle{ clear:both; width:100%; margin:auto 0;} #areaGuideContent{width:64%; float:left;} /*#areaGuideImg{width:36%; float:left;}*/ #areaGuideImg{width:100%; float:left;} #areaGuideImg img{margin:0 10px 10px auto;} .areaListProp{width:100%; float:left;} .areaListProp ul{} .areaListProp li{line-height:15px; clear:both; list-style:disc; list-style-position:inside; margin-left:20px;} #content{width:100%; float:left;} #content ul{padding: 5px 0;} #content li{list-style: inside disc; line-height: 20px; margin-left: 30px;} #contentImg{width:36%; float:left;} #contentImg img{margin:auto 0 5px 0; float: right;} #buytoletContent{clear:both; padding-top:10px;} #buytoletContent ul{} #buytoletContent ul img{ float:right; margin:0 50px 0 0; } #buytoletContent li{ margin-left:20px; line-height:18px; list-style:disc;} .twoColumn{width:65%; float:right; padding:0 0px 5px 0; } .treeColumn{width:31%; float:left; padding:0 0px 5px 0; margin-right:15px;} .treeColumn img{width:225px; margin-bottom:5px;} .treeColumn br{margin-bottom:10px;} .treeColumnProp{width:30%; height:280px; float:left; padding:5px; margin:5px; /*border:dashed 1px #939598;*/ border:none; background:#666;} .treeColumnProp img{margin-bottom:5px;} .treeColumnProp p{margin-bottom:5px;} .fourColumnProp{width:22.5%; height:210px;float:left; padding:3px; margin:5px 5px 5px 0; background:#666; } .fourColumnProp img{margin-bottom:2px;} .fourColumnProp p{margin-bottom:2px;} .managerBranch{ width:30%; float:left; border: dashed 1px #CCC; background:#EEE; padding:5px; margin:5px 5px 0 0;} .managerBranch img{float:left; margin:auto 5px auto auto;} /*#branchMap{float:right; border:solid 1px #CCC;}*/ /*.branchFeatProperty{clear:both; float:left; margin:10px auto; border:dashed 1px #CCC; padding:5px; background:#EEE; width:98%;}*/ .branchFeatProperty{clear:both; float:left; margin:10px auto; border:dashed 1px #CCC; padding:5px; background:#EEE; width:98%;} .branchFeatProperty img{float:left; margin:5px 10px 5px auto;} .branchFeatProperty h3{margin-bottom:10px;} .branchFeatProperty p{margin-bottom:5px;} #branchDetail{clear:both; padding-top:10px; margin-bottom:15px; text-align:left; font-size:11px;} #branchDetail img{float:right; padding:5px;} #branchDetail ul{float:left; margin-bottom:10px;} #branchDetail ul a:hover{ text-decoration:underline;} #branchDetail li{list-style:disc outside; margin-left:20px; text-decoration:underline;} #branchDetails p{margin:10px 0 20px 0;} .listResult{clear:both; width:100%; margin:auto 0 5px 0;} .listResult br{clear:both;} .listResult p{margin-bottom:5px;} .listResult img{margin:5px 0;} .listResultLeft{width:30%; float:left; padding:8px 5px 8px 0;} .listResultRight{width:68%; float:left; padding:5px 0 0 0;} .listRecruitment{margin-bottom:10px;} .listRecruitment img{float:right;} .sellLetMenu{clear:both; margin:auto; padding-bottom:5px; padding:8px; width:100%;} .sellLetMenu ul{clear:both; } .sellLetMenu li{float:left; clear:both; line-height:25px; list-style:none; margin: 0 20px 0 0; width:auto; } .sellLetMenu2{clear:both; margin:auto; padding-bottom:5px;padding:10px;} .sellLetMenu2 ul{clear:both;} .sellLetMenu2 li{float:left; list-style:inside disc; line-height:25px; clear:both; text-align:left;} .sellLetContent{clear:both; padding-top:10px;} .sellLetContent ul{ } .sellLetContent li{ list-style:inside disc;} #memberDetail{ width:90%; clear:both; padding:20px; margin-top:10px; border:solid 1px #CCC; background:url(../images/bg-searchbox.jpg) repeat-x; background-color:#eceff3} #memberDetail label{float:left; width:100px; margin-top:5px;} #memberDetail input{float:left; width:15em; margin:3px;} #memberDetail textarea{float:left; width:15.5em; height:90px; font-family:Arial; font-size:13px;} #memberFav{ clear:both; padding:10px 0; border-bottom:dashed 1px #6d6e71;} #memberFav img{ float:left; margin:10px 10px 10px auto;} #memberFavList{clear:both; padding-top:10px; margin-top:20px; width:100%; height:auto; overflow:auto;} #memberFavList form{float: left;} #memberFavList input{float:left;} #memberFavList ol{} #memberFavList li{margin:10px auto;} #memberFavList img{ margin-right:5px; float:left;} #memberFavList p{margin-bottom:5px;} #memberAlert{ clear:both; padding:10px 0; border-bottom:dashed 1px #6d6e71;} #memberAlert img{ float:left; margin:10px 10px 10px auto;} #memberAlertForm{width:90%; padding:20px; margin:10px auto; clear:both; /*background:url(../images/ex-3.jpg) no-repeat top right; */ border:solid 1px #CCC; background:url(../images/bg-searchbox.jpg) repeat-x;} #memberAlertForm label{float:left; width:150px; margin-top:5px;} #memberAlertForm input{float:left; width:12em; margin:3px;} #memberAlertForm select{float:left; width:12em; margin:3px;} #memberAlertForm br{clear:both;} #memberAlertList{clear:both; padding-top:10px; margin-top:10px; width:100%; clear:both;} #memberAlertList form{float: left;} #memberAlertList input{margin-right:3px;} #memberAlertList label{font-size:12px;} #memberAlertList br{clear:both;} #memberAlertList ol{} #memberAlertList li{margin:8px auto; clear:both;} .listAlertMail{margin:5px 0 10px 10px; list-style:disc; /*height:250px;*/ overflow:auto; border:solid 1px #CCC; /*background:#CCC;*/ padding:5px 0 5px 5px;} #memberAlertList .listAlertMail li{clear:both; margin:2px auto; float:left; list-style:none; /*line-height:15px;*/} #memberBottom{margin-top:30px; width:100%;} #memberBottom img{float:left; margin-right:3px; border:solid 3px #939598; } /*.mortgages{list-style: disc inside; } .mortgages li{margin-left:10px;}*/ .mortgages{ padding: 10px 0px 20px 5px; clear:both;} .mortgages ul{ display: inherit; clear: both; } .mortgages li{ margin:auto 0 6px 0; padding-left:15px; background:url(../images/bull.gif) no-repeat; width:92%; float:right; } #charles{clear:both; margin:10px 0;} #charles img{ margin:5px; } #charles p{margin-bottom:5px;} #charles ul{margin:0 auto 10px 0;} #charles li{clear:both; text-align:left;} #form{float:left; margin-bottom:20px;} #from br{clear:both;} #form ul{ width:100%;} #form li{ line-height:16px; float:left; width:auto; list-style-position:inside; /*list-style-image:url(../images/arrow.gif);*/ clear:both; } .subForm{ padding: 5px 30px 0 0; margin-bottom:20px;} .subForm label{float:left;} .subForm input{margin: 3px 3px 0 0; float: right;width: 14.7em;} .subForm textarea{margin: 8px 3px 4px 0; float:right; width:98%; height:120px;} .subForm select{margin: 3px 3px 0 0; float:right; width:15em;} #form2{float:left; width:230px;} .form2ListBranch{ clear:both; border: dashed 1px #CCC; background:#EEE; padding:5px; margin:auto 0 10px 0;} .contactListBranch{ width:30%; height:235px; float:left; border: dashed 1px #CCC; background:#EEE; padding:5px; margin:10px 10px 0 0;} .contactListBranch img{ margin-bottom:5px; } /*#contactForm{ width:98%; margin: 0 0 10px 0; height:300px; border:solid 1px #FF0000;}*/ #contactForm{ width:55%; margin:20px auto auto 10px;} #contactForm label{float:left;} #contactForm input{float:right; width:17.7em; margin:3px 0;} #contactForm textarea{float:right; width:18.2em; margin:3px 0; height:120px;} #contactForm select{float:right; width:18em; margin:3px 0;} .boxHistory{clear:both; margin:10px auto;} .boxImgHistory{width:10%; float:left;} .boxContentHistory{width:88%; float:left;} #hold{margin: 0 auto; width: 950px; padding-left:20px; clear:both;} #holdLeft{ width:730px; float:left; } #caseOneAffterForm{background:url(../images/case/casestudy.jpg) no-repeat; padding:10px 0 0 10px; height:244px;} #caseOneBeforeForm{background:url(../images/case/casestudy.jpg) no-repeat; padding:10px 0 0 10px; height:244px;} #caseOneDesForm{background:url(../images/case/casestudy.jpg) no-repeat; padding:10px 0 0 10px; height:244px;} .ClickCaseOneDes{width:97%; height:24px; float:left; font-size:15px; color:#1a265b;} .ClickCaseOneDes a{color:#1a265b;} .ClickCaseOneBefore{} .ClickCaseOneAffter{} #caseTwoAffterForm{background:url(../images/case/casestudy.jpg) no-repeat; padding:10px 0 0 10px; height:244px;} #caseTwoBeforeForm{background:url(../images/case/casestudy.jpg) no-repeat; padding:10px 0 0 10px; height:244px;} #caseTwoDesForm{background:url(../images/case/casestudy.jpg) no-repeat; padding:10px 0 0 10px; height:244px;} .ClickCaseTwoDes{width:97%; height:24px; float:left; font-size:15px; color:#1a265b;} .ClickCaseTwoDes a{color:#1a265b;} .ClickCaseTwoBefore{} .ClickCaseTwoAffter{} #caseThreeAffterForm{background:url(../images/case/case3_after.jpg) no-repeat; padding:6px 0 0 15px; height:244px;} #caseThreeBeforeForm{background:url(../images/case/case3_before.jpg) no-repeat; padding:6px 0 0 15px; height:244px;} #caseThreeDesForm{background:url(../images/case/case3_des.jpg) no-repeat; padding:6px 0 0 15px; height:244px;} .ClickCaseThreeDes{width:95px; height:24px; float:right; margin-right:10px;} .ClickCaseThreeBefore{width:22px; height:80px; float:right; margin:120px 2px 0 0;} .ClickCaseThreeAffter{width:22px; height:80px; float:right; margin:120px 10px 0 0;} #searchBoxHold{color:#5b5b5b;} #searchBoxHold br{clear:both;} #searchBoxHold li{float:left; line-height:15px; font-size:11px; color:#5b5b5b;} #searchBoxHold li a:link, #searchBoxHold li a:visited{ color:#5b5b5b;} #searchBoxHold li a:hover, #searchBoxHold li a:active{ color:#1a265b;} #searchBox1{ padding:15px 15px 0px 15px; color:#5b5b5b;} #searchBox2{padding:15px; color:#5b5b5b; } #searchBox3{ margin:0px; padding:0px;} #searchBox3 img{float:left;} #searchBox3 ul{} #searchBox3 li{ width:100%;} #searchBox4{ margin:0px; padding:0px;} #searchBox4 img{float:left;} #searchBox4 ul{} #searchBox4 li{float:left; line-height:15px; font-size:11px; color:#1a265b;} #searchBox4 li a:link, #searchBox4 li a:visited{ color:#1a265b;} #searchBox4 li a:hover, #searchBox4 li a:active{ color:#FF0000;} .searchColumn{float: left; } .searchColumn label { margin-top:0px; float: left; text-align:left; width:auto;} .searchColumn input{ margin-right:5px; float: left; } .searchColumn select {margin-top:5px; width:6em; color:#5b5b5b;} .searchColumn2{ width:16%; float: left; padding:0 5px;} .searchColumn2 select{margin-top:5px; width:6em; color:#5b5b5b; float:left;} .searchColumn2 input{ float:right;} .searchColumn2 label{width:45px; margin:5px 0 0 0; float:left; text-align:left;} .searchColumn3{float:left;} /*.searchColumn3 input{float:right;} */ .searchColumn4{float:left;} .searchColumn4 input{float:right;} .searchColumn5{float:right; clear:both;} .searchColumn5 input{float:left;} #searchFeatures{ clear:both; float:left; margin:0px; height:auto; width:100%; overflow:auto;} #searchBoxHold #searchFeatures li{float:left; width:50%; display:inline; color:#5b5b5b;} #hiddenPostcodeDetail{float:right; width:29%; margin:0 10px; padding:5px 5px 0 5px; background:#b2b2b2; height:300px; overflow:auto;} .chkLatest{clear:both; width:95%; padding:5px 0 5px 5px;} .chkLatest input{margin:12px 5px auto 5px; float:left;} .chkLatest label{float:left; font-size:13px; width:auto;} #sitemap{color:#00573d} #sitemap ol{ clear:both;} #sitemap li{ line-height:25px; clear:both; width:auto;} /*.subSitemap{margin:auto 40px 10px 40px; line-height:17px; list-style:inside;} .subSitemap li{list-style-image:url(../images/arrow.gif); clear:both;}*/ .subSitemap { margin:auto 10px 10px 10px; line-height:17px; /*list-style:inside; */ display: inherit; clear: both; } .subSitemap li{ margin:auto 0 6px 0; padding-left:15px; background:url(../images/arrow2.gif) no-repeat; width:92%; float:right; } #feedbackForm{width:65%; margin:20px auto auto 100px;} #feedbackForm label{float:left;} #feedbackForm input{float:right; width:21.5em; margin:3px 0;} #feedbackForm textarea{float:right; width:22em;} .listManager{width:22%; background:#eee; float:left; margin: 5px 5px auto auto; padding:7px; border: dashed 1px #CCC;} .listManager img{margin-bottom:5px;} .listBranchManager{width:22%; float:left; height:265px; margin: 5px 5px auto auto; padding:7px;border: dashed 1px #CCC; background:#EEE;} /*.contactListBranch{width:22%; float:left; margin: 5px 5px auto auto; padding:7px;}*/ .mortcalc{clear:both; } .hiddenCalu{ height:230px; background-color:#1A265B; border:5px solid #CCC; color:#CCC; margin:0 0 10px 0; padding:4px; text-align:right;} .hiddenCalu label{ float:left; margin:3px 0;} .hiddenCalu input{ float:right; margin:3px 0;} .hiddenCalu select{ float:right; margin:3px 0;} .hiddenCalu img{float:left;} .hiddenCalu br{clear:both;} .showHipstatus{clear:both; font-size:9px; } .hiddenHip{ height:260px; border:1px solid #CCC; color:#CCC; margin:5px 0 10px 0; padding:4px; text-align:right;} .hiddenHip ul{} .hiddenHip li{ list-style:none;} .hiddenHip li img{margin:1px auto;} .showEpcstatus{clear:both; font-size:9px; } .hiddenEpc{ height:260px; border:1px solid #CCC; color:#CCC; margin:5px 0 10px 0; padding:4px; text-align:right;} .hiddenEpc ul{} .hiddenEpc li{ list-style:none;} .hiddenEpc li img{margin:1px auto;} .chart{ width:66%; float:left; clear:both; text-align:left; color:#333;} .current{ width:16%; float:left; color:#333; text-align:center;} .potential{ width:16%; float:left; color:#333; text-align:center;} .showBall{ width:16px; height:16px; margin-left:20px; color:#FFF; text-align:center;} .featuredProperty {padding: 15px 20px 8px 20px; clear:both; background: url(../images/bg-searchbox.jpg) repeat-x; background-color:#eceff3; /*background:#ECEFF3;*/ border-left:1px solid #CCC; border-right:1px solid #CCC; border-top:1px solid #CCC; } .listFeature {padding:8px; width:85%; margin-left:20px; } .listFeature li{ list-style-position:inside; list-style-image:url(../images/arrow.gif); /*list-style-image:url(../images/square.gif);*/} .bbDetail{clear:both; margin:15px auto;} .landingul{ display: inherit; clear: both; } .landingul li{ margin:auto 0 2px 0; padding-left:15px; line-height:19px; clear:both; background:url(../images/arrow2.gif) no-repeat; width:95%; float:right; } #chardBlog{ padding:0 10px; width:96%; } #chardBlog li{ list-style-image:url(../images/arrow.gif); list-style-position:inside; line-height:28px; } #thailandDailyNews br{clear:none;} #homeFirstStory br{clear:none;} #homeFirstStory img{width:100%; height:auto; margin:5px; float:right;} #homeSecondStory img{width:48%; height:auto; float:right; margin:5px;} #homeThirdStory li{list-style:none;} #listPostcodeDetail li{ width:50%; font-size:11px; color:#333; margin:2px auto;} #listChkPostcodeDetail li{/*clear:both;*/ width:50%; font-size:11px; color:#333; margin:auto;} #bottomHold{background: #1a265b; clear:both; margin-top:0px; } #bottom{margin: 0 auto; width: 960px; } #bottom ul{ margin-bottom:10px;} #bottom li{ line-height:21px; width:98%; border-bottom:solid 1px #939598; } #bottomMostPopular{float:left; width:23%; /*width:30%;*/ padding:20px 0 0 15px;} #bottomRecently{float:left; width:23%; /*width:30%;*/ padding:20px 0 0 0; margin-left:15px;} .bottomBlog{float:left;width:23%; padding:20px 0 0 0; margin-left:15px; } #bottomLogo{float:right;} /*#TabbedPanelsTop{ background:url(../images/searchtopline.jpg); width:735px; height:20px;} #TabbedPanelsBottom{ background:url(../images/searchbottomline.jpg); width:735px; height:20px;} */ #footer{ background:#666; clear:both; /*text-align:center; */ padding:10px 0 30px 0;} #overlayMap{background:#000; position:absolute; top:0; left:0; z-index:2000;} #closeTabTop{height:30px; background:#1a265b; text-align:right; position:absolute; top:0; left:0; z-index:2001; padding:5px 0 0 0;} #closeTabTop img{margin-right:10px;} #galleryMenu{margin:10px 0px; width:70%; float:left;} #galleryMenu ul{} #galleryMenu li{display:inline; margin:5px 15px 5px auto; padding-left:15px; background:url(../images/arrow2.gif) no-repeat;} .photogallery{clear:both; margin:10px auto;} .photogallery img{margin:5px 10px 5px 0; float:left; width:172px; height:118px;} .txtTopContent{color: #1a265b; font-size:13px;} .txtTopContent a:link, .txtTopContent a:visited{color: #1a265b;} .txtTopContent a:hover, .txtTopContent a:active{color: #666;} .txtMenuBranch{color:#FFF; font-weight:bold; margin: auto 3px; font-size:11px;} .txtMenuBranch a:link, .txtMenuBranch a:visited{ color:#FFF;} .txtMenuBranch a:hover, .txtMenuBranch a:active{ color:#FFFF00;} .txtTopMenu15{color:#1a265b; margin-right:10px; font-size:15px;} .txtTopMenu15 a:link, .txtTopMenu15 a:visited{color: #1a265b;} .txtTopMenu15 a:hover, .txtTopMenu15 a:active{color: #999;} .txtTopMenu{color:#1a265b; font-weight:bold; /*margin-right:10px;*/ font-size:13px;} .txtTopMenu a:link, .txtTopMenu a:visited{color: #1a265b;} .txtTopMenu a:hover, .txtTopMenu a:active{color: #999;} .txtTopMenus{color:#FFFF00; font-weight:bold; font-size:11px;} .txtTopMenus a:link, .txtTopMenus a:visited{color: #FFFF00;} .txtTopMenus a:hover, .txtTopMenus a:active{color: #999;} .txtTopMenus2{color:#1a265b; font-weight:bold; font-size:11px;} .txtTopMenus2 a:link, .txtTopMenus2 a:visited{ color: #1a265b;} .txtTopMenus2 a:hover, .txtTopMenus2 a:active{ color: #999;} .txtTopMenus3{color:#1a265b; font-weight:bold; font-size:12px;} .txtTopMenus3 a:link, .txtTopMenus3 a:visited{ color: #1a265b;} .txtTopMenus3 a:hover, .txtTopMenus3 a:active{ color: #999;} .txtGrayTopMenu{color:#5b5b5b; font-size:13px; font-weight:bold;} .txtGrayTopMenu a:link, .txtGrayTopMenu a:visited{ color: #5b5b5b;} .txtGrayTopMenu a:hover, .txtGrayTopMenu a:active{ color: #999;} .txtGray15{color:#666; font-size:16px; line-height:18px;} .txtGray15 a:link, .txtGray15 a:visited{ color: #666;} .txtGray15 a:hover, .txtGray15 a:active{ color: #999;} .txtBlue15{color:#1a265b; font-size:16px; line-height:18px;} .txtBlue15 a:link, .txtBlue15 a:visited{ color: #1a265b;} .txtBlue15 a:hover, .txtBlue15 a:active{ color: #999;} .txtBlue21{font-size:21px; color:#1a265b; line-height:21px} .txtBlue21 a:link, .txtBlue21 a:visited{ color: #1a265b;} .txtBlue21 a:hover, .txtBlue21 a:active{ color: #999;} .txtHeader{color:#1a265b; font-size:16px; line-height:18px; height:40px; /*margin-top:5px; font-weight:bold;*/ } .txtHeader a:link, .txtHeader a:visited{color: #1a265b;} .txtHeader a:hover, .txtHeader a:active{color: #999;} .txtHeader2{color:#1a265b; font-size:16px; line-height:18px; /*font-weight:bold;*/} .txtHeader2 a:link, .txtHeader2 a:visited{color: #1a265b;} .txtHeader2 a:hover, .txtHeader2 a:active{color: #999;} .txtHeader2B{color:#1a265b; font-size:16px; line-height:18px;font-weight:bold;} .txtHeader2B a:link, .txtHeader2B a:visited{color: #1a265b;} .txtHeader2B a:hover, .txtHeader2B a:active{color: #999;} .txtHeader3{font-size:24px; font-weight:normal; margin-bottom:5px; color:#1a265b; line-height:25px;} .txtTelephone{color:#1a265b; font-weight:bold; font-size:17px;} .txtTelephone a:link, .txtTelephone a:visited{color: #1a265b;} .txtTelephone a:hover, .txtTelephone a:active{color: #999;} /*.txtTopSubMenu{color:#808000; font-weight:bold; margin-right:10px;} .txtTopSubMenu a:link, .txtTopSubMenu a:visited{ color: #808000;} .txtTopSubMenu a:hover, .txtTopSubMenu a:active{ color:#FF0000;} */ .txtRightMenu{ color:#6d6e71; font-size:11px; font-family:Verdana;} .txtRightMenu a:link, .txtRightMenu a:visited{ color:#6d6e71;} .txtRightMenu a:hover, .txtRightMenu a:active{ color: #1a265b;} .txtRightMenuS{color:#6d6e71; font-size:11px;} .txtRightMenuS a:link, .txtRightMenuS a:visited{ color:#6d6e71;} .txtRightMenuS a:hover, .txtRightMenuS a:active{ color:#1a265b;} .txtRelationSearch{color:#6d6e71; font-size:11px;} .txtRelationSearch a:link, .txtRelationSearch a:visited{ color:#6d6e71;} .txtRelationSearch a:hover, .txtRelationSearch a:active{ color:#1a265b;} .txtTitlepage{ color:#6d6e71; font-size:11px;} .txtTitlepage a:link, .txtTitlepage a:visited{ color:#6d6e71;} .txtTitlepage a:hover, .txtTitlepage a:active{ color:#999; text-decoration:underline;} .txtNormal{ color:#6d6e71; font-size:13px ;} .txtNormal a:link, .txtNormal a:visited{ color:#6d6e71;} .txtNormal a:hover, .txtNormal a:active{ color:#1a265b; text-decoration:underline;} .txtNormalS{color:#6d6e71; font-size:12px;} .txtNormalS a:link, .txtNormalS a:visited{ color:#6d6e71;} .txtNormalS a:hover, .txtNormalS a:active{ color:#1a265b;} .txtNormalSS{color:#1a265b; font-size:13px; /*text-decoration:underline;*/} .txtNormalSS a:link, .txtNormalSS a:visited{ color:#1a265b; /*text-decoration:underline;*/} .txtNormalSS a:hover, .txtNormalSS a:active{ color:#999;} .txtNormalSSS{color:#FFF; font-size:11px;} .txtNormalSSS a:link, .txtNormalSSS a:visited{ color:#FFF;} .txtNormalSSS a:hover, .txtNormalSSS a:active{ color:#999;} .txtfooterS{color:#6d6e71; font-size:11px;} .txtfooterS a:link, .txtfooterS a:visited{ color:#6d6e71;} .txtfooterS a:hover, .txtfooterS a:active{ color:#FFFF00;} .txtNormalB{color:#939598; font-size:18px;} .txtNormalB a:link, .txtNormalB a:visited{ color:#939598;} .txtNormalB a:hover, .txtNormalB a:active{ color:#FF0000;} .txtNormalBB{color:#333; font-size:18px; line-height:21px;} .txtNormalBB a:link, .txtNormalBB a:visited{ color:#333;} .txtNormalBB a:hover, .txtNormalBB a:active{ color:#FF0000;} .txtNormalI{color:#6d6e71; font-size:13px;font-style:italic;} .txtNormalI a:link, .txtNormalI a:visited{ color:#6d6e71; text-decoration:underline; } .txtNormalI a:hover, .txtNormalI a:active{ color:#999;} .txtSubMenu{color:#6d6e71; font-size:13px; /*font-style:italic;*/} .txtSubMenu a:link, .txtSubMenu a:visited{ color:#6d6e71;} .txtSubMenu a:hover, .txtSubMenu a:active{ color:#999;} .txtWhite{color:#FFF;} .txtWhite a:link, .txtWhite a:visited{ color:#FFF;} .txtWhite a:hover, .txtWhite a:active{ color:#FF0000; text-decoration:underline;} .txtFooter{color:#FFF; font-size:13px;} .txtFooter a:link, .txtFooter a:visited{ color:#FFF;} .txtFooter a:hover, .txtFooter a:active{ color:#FFFF00;} .txtSearch{font-size:11px; color:#1a265b;} .txtSearcha:link, .txtSearch a:visited{ color:#1a265b;} .txtSearch a:hover, .txtSearch a:active{ color:#FF0000;} .txtBlue{ color:#3399FF; text-decoration:underline;} .txtBlue a:link, .txtBlue a:visited{ color:#3399FF;} .txtBlue a:hover, .txtBlue a:active{ color:#FF0000;} .txtCountpage{margin:auto 5px;} .txtCountpageB{margin:auto 5px; color:#1a265b; font-weight:bold;} /*.tabLink a:hover, .tabLink a:active{ color:#1a265b;}*/ .txtBranchTel{ /*font-family: 'Frutiger LT 45 Light';*/ font-size:28px; color:#ababab; margin:5px auto auto 10px; clear:both; } .txtPostcodeDetail{color:#1a265b; font-size:17px; font-weight:bold;} .txtShowPrice{font-size:24px; font-weight:normal; margin-bottom:5px; color:#939598; line-height:25px;} .txtSimilarSearch{ font-size:15px; color:#CCC;} .titleRbForm{font-size:21px;} .adminbuttonlarge {font-size: 8pt; font-weight: bold; height: 20px; border: solid 1px #8b8b89; background:#8b8b89; color:#242424;} .adminbutton{color:#242424; height:18px; background:#FFFFFF; border:solid 1px #242424; font-size:11px;} /*------------- Search Slide ----------- */ .slider {position:relative;width:140px;height:20px;} .slider_point {position:absolute;width:13px;height:20px;background-image:url('../images/pointer.gif');background-repeat:no-repeat;} .slider_text {} #navWrapper { height: 22px; } #mainNav {padding-top:3px;} #navWrapper ul {/*width: 950px;*/ margin: 0 auto;} #navWrapper ul li { list-style: none; /*width: 180px;*/ margin:auto auto auto 4px; float: left; } #navWrapper ul li span { position: absolute; color: white; background:/*#F4E73C*/ gray ; width:120px; } /* LEVEL ONE */ ul.dropdown { position: relative;z-index:2000; } ul.dropdown li { /*font-weight: bold;*/ float: left; zoom:1; /*background: #ccc;*/ } ul.dropdown a:hover { color: #666; } ul.dropdown a:active { color: #ffa500; } ul.dropdown li a { display: block; padding: 0 5px 0 20px;} ul.dropdown li:last-child a{ border-right: none; } /* Doesn't work in IE */ ul.dropdown li.hover, ul.dropdown li:hover{ /*background: #F3D673; */ color: black; position: relative; } ul.dropdown li.hover a { color: black; } /* LEVEL TWO */ ul.dropdown ul { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0;z-index:2000; } ul.dropdown ul li { width:100%; font-weight:bold; background: #E9ECF1; color: #1a265b; border-bottom: 1px solid #FFF; clear:both; float: left; font-size:11px; line-height:18px; } ul.dropdown ul li.hover, ul.dropdown ul li:hover{ background: #FFFF00;} /* IE 6 & 7 Needs Inline Block */ ul.dropdown ul li a {width: 100%; display: inline-block; } /* LEVEL THREE */ ul.dropdown ul ul { left: 100%; top: 0; } ul.dropdown li:hover > ul { visibility: visible; } #sub_area:hover{background:#E9ECF1;} #sub_area label a{ padding:0 5px 0 8px;} #sub_area label a:hover{background:#FFFF00; width:92%; padding:0 5px 0 8px;} /*#navJ { width: 960px; margin: 0 auto; background:#F4E73C none repeat scroll 0 0; line-height:22px; text-align:center; float:none; } #navJ li { float: left; width: 190px; height: 22px; margin: auto 30px; } #subNavJ { width: 960px; margin: 0 auto; } #subNavJ ul { background: yellow; float: left; width: 190px; height: 1px; margin-right:20px; } #subNavJ li { position: absolute; clear:both; float:left; margin: auto 30px; background: white; }*/ #panoflash1{ } .mapLoader{ position:absolute; }