body {padding: 0;margin: 0; height: 100%;background: url("../images/background.jpg") repeat-x top left #7D2613;font-family:arial, sans-serif; font-size:1em; text-align:left;} ul#font_change {margin: 0 auto 0 auto; width:880px;text-align:center;list-style-type:none;height:1.6em;margin-top:15px;} ul#font_change li {float:right;} ul#font_change li a {color:#fff;padding:5px 7px 5px 7px;text-decoration:none;background:#240700;} ul#font_change li a:hover {color:#fff;text-decoration:none;background:#7D2613;} #page {margin: 0 auto 0 auto; clear:both;width:920px;background: url("../images/bl.gif") no-repeat bottom left #fff;} #wrapper {background: url("../images/br.gif") no-repeat bottom right;width:100%;} /* header includes the logo, the right information and the main picture */ #header {background: url("../images/tl.gif") no-repeat top left;overflow:hidden;} #top_info {background: url("../images/tr.gif") no-repeat top right;float:right;text-align:right;height:82px;width:590px;color:#e53903;} #top_info h5 {color:#e53903;line-height:140%;font-size:100%;font-weight:normal;padding-right:20px;} #top_info h5 a {color:#e53903;text-decoration:none;} #top_info h5 a:hover {text-decoration:underline;} a#logo {margin-left:15px;margin-top:10px;float:left;display:block;display:inline;} #header_img {float:left;padding:2px;border-top:1px solid #f89f19;border-bottom:1px solid #f89f19;margin:1px 0 5px 0;} #header_img img {float:left;margin-left:8px;} /* main navigation at the top */ ul#menu {float:left;background: #f89f19;width:100%;height:26px;list-style-type:none;line-height:26px;margin-top:10px;} ul#menu li {float:left;font-size:95%;display:inline;} ul#menu li a {text-decoration:none;color:#fff;padding:4px 37px 5px 45px;display:block inline;} ul#menu a:hover {text-decoration:none;color:#fff;background:#240700;line-height:26px;} ul#menu li a.menu_clicked {text-decoration:none;color:#fff;background:#240700;line-height:26px;} /* left includes the secondary menu and the login box */ #left {float:left;width:170px;margin:0 0 10px 5px;display:inline;} ul#leftmenu {float:left;width:100%;margin:5px 0;list-style-type:none;} ul#leftmenu li {float:left;display:inline;font-size:90%;width:100%;} ul#leftmenu li a {text-decoration:none;color:#fff;float:left;text-indent:5px;width:100%;height:22px;line-height:22px;display:inline;} ul#leftmenu li a.clicked {text-decoration:underline;} ul#leftmenu li.lettings-menu {overflow:auto;} ul#leftmenu li.lettings-menu a {background: url("../images/lettings_bg.jpg") repeat-x top left #fe7600;font-weight:bold;text-transform:uppercase;} ul#leftmenu li.lettings-menu ul {border-top:1px solid #fff;float:left;padding: 5px 0 10px 0;background: #fe7600 !important;width:100%;overflow:hidden;} ul#leftmenu li.lettings-menu ul li a{background: #fe7600 !important;margin-top:0px !important;font-weight:normal !important;text-indent:10px;text-transform:none !important;} ul#leftmenu li.lettings-menu ul li a:hover{text-decoration:underline;} ul#leftmenu li.sales-menu {overflow:auto;} ul#leftmenu li.sales-menu a {background: url("../images/sales_bg.jpg") repeat-x top left #843a05;margin-top:10px;font-weight:bold;text-transform:uppercase;} ul#leftmenu li.sales-menu ul {border-top:1px solid #fff;float:left;padding: 5px 0 10px 0;background: #843a05 !important;width:100%;overflow:hidden;} ul#leftmenu li.sales-menu ul li a {background: #843a05 !important;margin-top:0px !important;font-weight:normal !important;text-indent:10px;text-transform:none !important;} ul#leftmenu li.sales-menu ul li a:hover{text-decoration:underline;} ul#leftmenu li.changeovers-menu {overflow:auto;} ul#leftmenu li.changeovers-menu a {background: url("../images/changeover_bg.jpg") repeat-x top left #71021c;margin-top:10px;font-weight:bold;text-transform:uppercase;} ul#leftmenu li.changeovers-menu ul {border-top:1px solid #fff;float:left;padding: 5px 0 10px 0;background: #71021c !important;width:100%;overflow:hidden;} ul#leftmenu li.changeovers-menu ul li a {background: #71021c !important;margin-top:0px !important;font-weight:normal !important;text-indent:10px;text-transform:none !important;} ul#leftmenu li.changeovers-menu ul li a:hover{text-decoration:underline;} /* the login box */ form#login_box {float:left;background: url("../images/background_login.gif") no-repeat bottom left #f89f19;width:100%;margin:5px 0;font-size:85%;padding-top:10px;} form#login_box label {display:block; float:left;color:#fff;margin-left:5px;} form#login_box input {background: #fff;height:17px;border:1px solid #fbc575;width:155px;float:left;margin:5px;} form#login_box input#login_button {float:right; border:0; margin:8px;cursor:pointer;width:62px;height:19px;background: url("../images/login_button.gif") no-repeat top right;color:#fff;font-size:85%;line-height:19px;} #loggedbox {float:left;background: url("../images/background_logged.gif") no-repeat bottom left #000;width:130px;margin:5px 0 5px 5px;display:inline;padding:10px;color:#fff;overflow:auto;font-size:90%;} #loggedbox p {padding:5px 0;line-height:140%;} #loggedbox a {text-decoration:underline;color:#fff;} #loggedbox a:hover {text-decoration:none;} a#logout {display:block;background: url("../images/logout.gif") no-repeat bottom left;float:right;width:62px;height:19px;} .errormsg {font-size:90%;color:#000;padding:5px;} .errormsg a {text-decoration:underline;color:#000;} /* right includes the tips box */ #right {float:right;width:155px;margin-bottom:10px;} #tip_box {float:right;margin:5px 5px 5px 0;background: url("../images/tips_background.jpg") repeat-x top left #240700;width:150px;display:inline;} #tip_box h3 {color:#fff;font-size:90%;text-align:center; padding:5px 0 5px 0;width:100%;border-bottom:1px solid #fff;} ul#letters {width:130px;margin:15px 10px 15px 10px;float:left;display:inline;list-style-type:none;} ul#letters li {font-size:110%;display:block;float:left;padding:5px;} ul#letters li a {color:#ffba52;float:left;text-decoration:none;} ul#letters li a:hover {color:#fff;text-decoration:none;} ul#letters li a.clicked_letter {color:#fff !important;} .visited_letter {display:none;} #letters_explanation {clear:left;border-top:1px solid #cf7200; background: url("../images/tips_corner.gif") no-repeat bottom right;width:150px;padding:20px 0 45px 0;line-height:150%;} #letters_explanation p {padding:5px 10px 5px 10px;color:#fff;font-size:90%;} #tip_box h2 {color:#fff;font-size:240%;float:right;padding:5px 10px 0px 0;} /* main content area */ #content {float:left; width:550px;padding:0px 20px 20px 20px; font-size:80%; color:#4c4c4c;display:inline;} #content.wider {width:720px;padding-right:0px;} #content h1 {font-size:170%;color:#ff6400;padding:5px 0 10px 0;} #content h2 {font-size:140%;padding:5px 0 10px 0;} #content h3 {font-size:120%;padding:0px 0 5px 0;} #content ul,#content ol {margin-left:30px;margin-bottom:15px;line-height:150%;} #content p {padding:0px 0 15px 0;} #content a {text-decoration:underline;color:#D87F2F;} a.details {text-decoration:none !important;} #content a:hover {text-decoration:none;color:#000;} .framedbox {width:96%;padding:10px;border:1px dotted #DFA140;overflow:auto;} .framedbox img {padding:2px;margin:0px 10px 0px 0;float:left;border:1px solid #efefef;} /* index boxes */ ul.index-list {list-style-type:none;margin:0px !important;padding:0px !important;float:left;} ul.index-list li {float:left;display:inline;overflow:hidden;text-indent:-5000px;width:180px;height:101px;} ul.index-list li.lettings-indexlist {background: url("../images/lettings-index-img.jpg") no-repeat bottom right;} ul.index-list li.sales-indexlist {background: url("../images/sales-index-img.jpg") no-repeat bottom right;margin-left:5px;} ul.index-list li.changeovers-indexlist {background: url("../images/changeovers-index-img.jpg") no-repeat bottom right;margin-left:5px;} /* address boxes on contact page */ address.addbox {width:42%;margin:5px;border:1px solid #efefef;padding:15px;float:left;} /* budget calculator */ .budget_planner {float:left;margin:10px 30px;border-top:1px solid #efefef;padding:20px 40px 0 40px;background:#fff5d7;} .budget_planner label {float:left;width:180px;clear:left;} .budget_planner input {float:left;width:150px;background:#fff;border:1px solid #afafaf;margin-bottom:10px;} .budget_planner input.calculate {float:left;width:90px;background:#000;color:#fff;margin-left:180px;display:inline;border:0px;padding:5px 0;cursor:pointer;} .google_box {float:right;text-align:center;} .google_box a {text-decoration:none !important;color:#000;} .google_box a:hover {text-decoration:none !important;color:#D87F2F;} /*generic style */ ul,h1,h2,h3,h4,h5,h6,ol,p,li,fieldset,legend{margin:0px;padding:0px;} a img {border:0px;} a {cursor: pointer;} .cb {clear:both !important;} .bolder {font-weight:bold;font-size:115%;} .wai {display:none;} .fr {float:right;} .cl {clear:left;} /*footer style */ .footer {clear:both;width:920px;height:24px;margin: 0 auto 0 auto;margin-bottom:17px;font-size:0.7em;line-height:24px;font-size:75%;color:#fff;} ul#footernav {float:left;height:24px;display:inline;list-style-type:none;margin:0px;padding:0px;width:640px;margin-left:20px;} ul#footernav li {float:left;} ul#footernav li a {padding-right:15px;color:#fff;text-decoration:none;} ul#footernav li a:hover {text-decoration:underline;} ul#footernav li a.footernav_clicked {text-decoration:underline;color:#fff!important;} a#copyright {float:right;width:200px;text-align:right;color:#fff;text-decoration:none;font-size:90%;margin-right:20px;} a:hover#copyright {text-decoration:underline;} /* CSS used for styling the CONTACT form */ form#contact {float:left;margin-top:15px;border-top:1px solid #efefef;padding:10px 40px;width:300px;background:#fff5d7;} form#contact h2 {padding-bottom:20px;text-decoration:underline;} form#contact label {display:block;float:left;clear:left;width:100px;} form#contact input {background:#fff;margin-bottom:7px;border:1px solid #d8d8d8;width:180px;float:left;} form#contact textarea {background:#fff;height:80px;border:1px solid #d8d8d8;width:180px;float:left;} form#contact input#send {background:#000;float:left; border:0; margin-top:10px;cursor:pointer;width:120px;height:29px;color:#fff;margin-left:100px;display:inline;} .faulty_field {background:#fff4f4 !important;color:#ff0000;border:1px solid #ff0000 !important;} .red {color:#ff0000 !important;font-weight:bold;} form#contact fieldset {float:left;margin-top:15px;border:0px;border-top:1px solid #efefef;border-bottom:1px solid #efefef;width:100%;padding:10px 0;} form#contact input.chkbox {float:left;width:16px;height:16px;margin-right:10px;clear:left;border:none;background:none;} form#contact fieldset label {float:left;width:220px;clear:right !important;} /* CSS used for styling the TENANT form */ #tenant_form {float:left;} #tenant_form label {float:left;color:#000;} #tenant_form input {float:left;width:150px;background:#fff;border:1px solid #afafaf;margin-bottom:10px;clear:right;} #tenant_form textarea {float:left;width:150px;background:#fff;border:1px solid #afafaf;margin-bottom:10px;} #tenant_form input#send {float:left;clear:left;background:#ff0000;color:#fff;margin-left:180px;margin-top:20px;display:inline;border:0px;padding:5px 20px;cursor:pointer;} #tenant_form input.radio_input {float:left;width:15px;border:none;margin-bottom:10px;background:transparent;} #tenant_form fieldset.personal {border:0px;border-top:1px solid #ff9c00;padding:0px 10px 10px 10px;overflow:auto;float:left;background:#f8f8f8;width:240px;margin-top:10px;} #tenant_form fieldset.personal legend{font-weight:bold;text-transform:uppercase;padding:5px 20px;background:#000;color:#fff;} #tenant_form fieldset.personal label{width:80px;} #tenant_form fieldset.personal textarea#tenant_otherinfo{width:95%;} #tenant_form fieldset.personal label.biglabel{width:95%;} #tenant_form fieldset.property {border:0px;border-top:1px solid #ff9c00;padding:0px 10px;overflow:auto;float:left;background:#f8f8f8;width:270px;margin-left:5px;margin-top:10px;display:inline;} #tenant_form fieldset.property legend{font-weight:bold;text-transform:uppercase;padding:5px 20px;background:#000;color:#fff;} #tenant_form fieldset.property label{width:110px;} #tenant_form fieldset.property label.strong{clear:left;border-bottom:1px dotted #ffbb50;width:100%;display:block;margin-bottom:5px;} #tenant_form fieldset.property label.small{width:40px;margin-left:15px;} #tenant_form fieldset.property div {clear:both;width:100%;font-style:italic;} #tenant_form fieldset.personal textarea#tenant_areas{height:150px;} #tenant_form fieldset.payment {border:0px;border-top:1px solid #ff9c00;padding:0px 10px 10px 10px;overflow:auto;float:left;background:#f8f8f8;width:530px;margin-left:5px;display:inline;margin-top:5px;} #tenant_form fieldset.payment legend{font-weight:bold;text-transform:uppercase;padding:5px 20px;background:#000;color:#fff;} #tenant_form fieldset.payment label{width:310px;} #tenant_form fieldset.payment label.strong{clear:left;border-bottom:1px dotted #ffbb50;width:100%;display:block;margin-bottom:5px;} #tenant_form fieldset.payment label.small{width:60px;margin-left:15px;} #tenant_form fieldset.payment div {clear:both;width:100%;font-style:italic;} .google_map{width:480px;height:400px;border:1px solid red;}