/*////////////////////////////////////////////////////////////////////////*/ /*Rent to buy Scotland 09*/ /*Allan Paterson 2009*/ /*////////////////////////////////////////////////////////////////////////*/ * { margin:0; padding:0; } body,html { margin: 0; padding: 0; background:#fff url(../graphics/background.jpg) repeat-x; font-size: 0.9em;color: #333333; min-width:980px;height: 100%;width: 100%;font-family: Arial, Verdana, sans-serif;} #wrap {margin:0px auto; width:980px; position:relative;} /*////////////////////////////////////////////////////////////////////////*/ /*Head Section*/ /*////////////////////////////////////////////////////////////////////////*/ #header {width: 980px; height: 205px; background:url(../graphics/head.jpg) no-repeat; padding:0px 0px 0px 0px;margin:0px; position:relative; float:left;} #head_link {float:left; position:relative; width:620px; height:60px; margin:0px; padding:10px 0px 0px 4px; } #email_link {float:left; position:relative; width:200px;height:34px; margin:0px; padding:90px 0px 0px 50px; } #head_link a:link, #email_link a:link {cursor:pointer;} /*////////////////////////////////////////////////////////////////////////*/ /*center*/ /*////////////////////////////////////////////////////////////////////////*/ #centre_content{width: 980px;padding:0px 0px 20px 0px;margin:0px 0px; min-height:440px; position:relative;float:left;} #left { float:left; position:relative; width:480px; margin:0px 0px 0px 0px; padding:0px 9px 0px 0px;} #right {float:left; position:relative; width:480px; margin:0px; } #form_left{float:left; position:relative; width:200px; margin:0px 30px 0px 30px;} #form_right{float:left; position:relative; width:200px;} /*////////////////////////////////////////////////////////////////////////*/ /*Footer*/ /*////////////////////////////////////////////////////////////////////////*/ #footer_container{width:100%;height:320px;background:#fff url(../graphics/footer.jpg) repeat-x;} #footer{margin:0px auto 0px auto; width:980px;color:#fff; padding:40px 0px 0px 40px;} #footer h1{ color:#fff; padding:0px; margin:0px 0px 14px 0px;} .footer_left{float:left;padding:0px 0px 0px 0px;margin:20px 0px 0px 0px;width:280px;} .footer_right{float:right;padding:0px 0px 0px 0px;margin:20px 0px 0px 0px; width:400px; text-align:center; color:#2A6A91; } .footer_right table{width:400px;text-align:center;} /*////////////////////////////////////////////////////////////////////////*/ /*html*/ /*////////////////////////////////////////////////////////////////////////*/ strong{color:#2A6A91;font-size:17px;} img{border:0px;} p{margin:0px 0px 12px 0px;} h1{color:#238FD7; height:40px;padding:10px 0px 10px 0px;} h2{color:#238FD7; font-size:19px; padding:0px 0px 5px 0px; margin:0px 0px 15px 0px; border-bottom:2px solid #DDDDDB; z-index:-200; } h3{color:#2A6A91; margin:5px 0px 5px 0px; background:#fff url('/graphics/large_bullet.jpg') no-repeat top left; padding:1px 0px 0px 15px; height:20px;} table{width:100%;} iframe{border:0px;} #contacted_right label{color:#2A6A91; margin:0px 0px 2px 4px;} #contacted_left label{color:#9A8455; margin:0px 0px 2px 4px;} #contacted_left h2{color:#9A8455; font-size:19px; padding:0px 0px 5px 0px; margin:0px 0px 15px 0px; border-bottom:2px solid #DDDDDB; } #homeowners ul, #tenants ul{list-style-image:url('/graphics/bullet.jpg');margin:0px 0px 0px 30px;} #homeowners li, #tenants li{padding:0px 0px 9px 7px;} #homeowners strong{color:#9A8455;font-size:17px;} /*////////////////////////////////////////////////////////////////////////*/ /*others*/ /*////////////////////////////////////////////////////////////////////////*/ .red{color:#FF0000; } .green{ color:#00FF00;} .input {font-family: Arial, Verdana, sans-serif;width:200px;border:0px; padding:5px 0px 4px 10px;margin:0px 0px 2px 0px; background: url(../graphics/input_back.jpg) no-repeat top left; height:25px;font-size:11px; clear:both;} .submit {border:1px solid #fff; background:#d1d1d1; color:#238FD7; font-size:11px; padding:4px;margin:0px 0px 0px 2px;font-weight:600; } .box_p{margin:25px 0px 0px 0px; color:#333; width:410px;} #map{width:972px; height:300px; border:4px solid #D4EEFF; margin:0px 0px 0px 0px;} .p_list{color:#2A6A91; font-weight:600; background:#fff url('/graphics/small_bullet.jpg') no-repeat top left; padding:0px 0px 0px 11px; height:28px; margin:0xp 0px 10px 0px;} .p_strong {color:#2A6A91;font-size:12px; font-size:13px;} .p_block{font-style:normal; background:#EEF9FF url('/graphics/p_back.jpg') no-repeat top left; padding:16px; margin:10px 0px 20px 0px; width:430px; border:2px solid #D9F1FF; line-height:1.6em;-moz-border-radius: 0.5em; border-radius: 0.5em;} .p_bare{font-style:normal; background:#fff ; padding:6px; margin:4px; width:430px; border:2px solid #D9F1FF; line-height:1.6em;-moz-border-radius: 0.5em; border-radius: 0.5em;} .td_head{ color:#fff; background:#2A6A91; padding:4px;} .td_1{ color:#2A6A91; background:#EEF9FF; padding:4px;} .td_2{ color:#2A6A91; background:#fff; padding:4px;} .admin{border:1px solid #2A6A91; width:550px; padding:2px;} .property_image{width:180px; border:2px solid #fff; float:left; } .table_block{font-style:normal; background:#EEF9FF url('/graphics/p_back.jpg') no-repeat top left; padding:6px; margin:10px 0px 10px 0px; width:100%; border:2px solid #D9F1FF; line-height:1.4em;-moz-border-radius: 0.5em; border-radius: 0.5em;} .table_bare{font-style:normal; background:#fff ; padding:6px; margin:4px; width:100%; border:2px solid #D9F1FF; line-height:1.6em;-moz-border-radius: 0.5em; border-radius: 0.5em;} .image{margin:30px 0px 0px 50px; width:401px; height:267px; border:4px solid #D4EEFF; padding:0px;} .brown_strong{color:#9A8455;font-size:12px; font-weight:800;} .brochure_input {font-family: Arial, Verdana, sans-serif;width:340px;border:1px solid #eee; padding:2px; margin:0px 0px 4px 0px;background:#fff; font-size:11px; clear:both;} .brochure_block{font-style:normal; background:#EEF9FF url('/graphics/p_back.jpg') no-repeat top left; padding:6px; margin:10px 0px 10px 0px; border:2px solid #D9F1FF; line-height:1.6em;-moz-border-radius: 0.5em; border-radius: 0.5em; width:360px;} /*////////////////////////////////////////////////////////////////////////*/ /*clearer*/ /*////////////////////////////////////////////////////////////////////////*/ .clearer{clear: both; height: 0px; overflow: hidden;} /*////////////////////////////////////////////////////////////////////////*/ /*links*/ /*////////////////////////////////////////////////////////////////////////*/ a:link{color: #2A6A91;text-decoration:none;} a:visited{color: #2A6A91;text-decoration:none; } a:hover{color: #000;text-decoration:none;} a:active{color: #000;text-decoration:none; } /*////////////////////////////////////////////////////////////////////////*/ /*Menu*/ /*////////////////////////////////////////////////////////////////////////*/ /* ================================================================ 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/final_drop.html Copyright (c) 2005-2008 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ .menu {margin:-16px 0px 0px 16px;padding:0px 0px 4px 0px; position:relative; z-index:100; font-family:helvetica, sans-serif; width:680px; float:left; } /* hack to correct IE5.5 faulty box model */ /* remove all the bullets, borders and padding from the default list styling */ .menu ul {padding:0;margin:0;list-style:none;} /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */ .menu li {float:left;position:relative;} /* style the links for the top level */ .menu a, .menu a:visited {font-size:1em; font-weight:bold;display:block;text-decoration:none; color:#fff; height:26px; padding:0px 10px 0px 10px; } /* a hack so that IE5.5 faulty box model is corrected */ * html .menu a, * html .menu a:visited {width:95px; w\idth:95px;} /* hide the sub levels and give them a positon absolute so that they take up no room */ .menu ul ul {visibility:hidden;position:absolute;height:0;top:26px;left:0; } /* another hack for IE5.5 */ * html .menu ul ul {top:30px;t\op:31px;} /* style the table so that it takes no ppart in the layout - required for IE to work */ .menu table {position:absolute; top:0; left:0; border-collapse:collapse;;} /* style the second level links */ .menu ul ul a, .menu ul ul a:visited {background:#2DABFF; color:#fff; height:auto; line-height:1em; padding:5px 10px; width:180px; border-bottom:1px solid #fff;} /* yet another hack for IE5.5 */ * html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;} /* style the top level hover */ .menu a:hover{color:#1E7DBD;} .menu ul ul a:hover{color:#fff; background:#1E7DBD;} .menu :hover > a{color:#1E7DBD;} .menu ul ul :hover > a {color:#fff;} /* make the second level visible when hover on first level list OR link */ .menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; } /* keep the third level hidden when you hover on first level list OR link */ .menu ul :hover ul ul{visibility:hidden;} /* make the third level visible when you hover over second level list OR link */ .menu ul :hover ul :hover ul{ visibility:visible;} /*////////////////////////////////////////////////////////////////////////*/ /*validation*/ /*////////////////////////////////////////////////////////////////////////*/ #msg {display:none; position:absolute; z-index:200; background:url(../graphics/msg_arrow.jpg) left center no-repeat; padding-left:7px} #msgcontent {display:block; background:#fff; border:2px solid #FF0000; color:#FF0000;border-left:none; padding:5px;} /*////////////////////////////////////////////////////////////////////////*/ /*submit button*/ /*////////////////////////////////////////////////////////////////////////*/ #submit_button{ margin:0px 20px 0px -4px;display: block; width: 220px; height: 58px; background: url("/graphics/submit.jpg") no-repeat 0 0; border:0px; cursor:pointer;} #submit_button:hover{ background-position: 0 -58px;} #submit_button span{ display: none;} #submit_sand{ margin:0px 20px 0px -4px;display: block; width: 220px; height: 58px; background: url("/graphics/submit_sand.jpg") no-repeat 0 0; border:0px; cursor:pointer;} #submit_sand:hover{ background-position: 0 -58px;} #submit_sand span{ display: none;} /*////////////////////////////////////////////////////////////////////////*/ /*homeowners button*/ /*////////////////////////////////////////////////////////////////////////*/ #homeowners{color:#333;background:url(../graphics/sand_back.jpg) no-repeat; padding:30px 0px 0px 45px;height:420px; width:490px;} #homeowners_button{ margin:0px 0px 20px -8px;display: block; width: 423px; height: 60px; background: url("/graphics/homeowners_button.png") no-repeat 0 0; border:0px; cursor:pointer;} #homeowners_button:hover{ background-position: 0 -60px;} #homeowners_button span{ display: none;} #homeowners_read{ margin:6px 0px 5px 284px;display: block; width: 132px; height: 43px; background: url("/graphics/sand_read_button.png") no-repeat 0 0; border:0px; cursor:pointer;} #homeowners_read:hover{ background-position: 0 -44px;} #homeowners_read span{ display: none;} /*////////////////////////////////////////////////////////////////////////*/ /*homeowners button*/ /*////////////////////////////////////////////////////////////////////////*/ #tenants{color:#333;background:url(../graphics/blue_back.jpg) no-repeat; padding:30px 0px 0px 45px;height:420px; width:490px; } #tenants_button{ margin:0px 0px 20px -8px;display: block; width: 423px; height: 60px; background: url("/graphics/tenants_button.png") no-repeat 0 0; border:0px; cursor:pointer;} #tenants_button:hover{ background-position: 0 -60px;} #tenants_button span{ display: none;} #tenants_read{ margin:6px 0px 5px 284px;display: block; width: 132px; height: 43px; background: url("/graphics/blue_read_button.png") no-repeat 0 0; border:0px; cursor:pointer;} #tenants_read:hover{ background-position: 0 -44px;} #tenants_read span{ display: none;} /*////////////////////////////////////////////////////////////////////////*/ /*link buttons*/ /*////////////////////////////////////////////////////////////////////////*/ #right_move{ display: block; width: 189px; height: 47px; background: url("/graphics/right_move.png") no-repeat 0 0; border:0px; cursor:pointer; margin:0px 4px 10px 0px; float:left;} #right_move:hover{ background-position: 0 -47px;} #right_move span{ display: none;} #lrs{ display: block; width: 189px; height: 47px; background: url("/graphics/landlord_registration_scotland.png") no-repeat 0 0; border:0px; cursor:pointer; margin:0px 4px 10px 0px;float:left;} #lrs:hover{ background-position: 0 -47px;} #lrs span{ display: none;} #saol{ display: block; width: 189px; height: 47px; background: url("/graphics/scottish_association_of_landlords.png") no-repeat 0 0; border:0px; cursor:pointer; margin:0px 4px 10px 0px;float:left;} #saol:hover{ background-position: 0 -47px;} #saol span{ display: none;} #intsmh{ display: block; width: 189px; height: 47px; background: url("/graphics/intsmh.png") no-repeat 0 0; border:0px; cursor:pointer; margin:0px 4px 10px 0px; float:left;} #intsmh:hover{ background-position: 0 -47px;} #intsmh span{ display: none;} /*////////////////////////////////////////////////////////////////////////*/ /*accordion*/ /*////////////////////////////////////////////////////////////////////////*/ #options {width:250px; margin:5px auto; text-align:left; color:#333} #options a {text-decoration:none; color:#333} #options a:hover {color:#033} #acc {list-style:none; margin:0 auto 5px 0px; float:left; } #acc h3 {cursor:pointer; text-transform:lowercase; height:30px; font-size:14px; } #acc .acc-section {overflow:hidden; background:#fff} #acc .acc-content {padding:5px 0px 5px 0px; float:left;} #acc p{font-style:normal; background:#EEF9FF url('/graphics/p_back.jpg') no-repeat top left; padding:10px; margin:0px 0px 10px 0px; width:430px; border:2px solid #D9F1FF; line-height:1.5em;-moz-border-radius: 0.5em; border-radius: 0.5em;}