/* ----------------------------------------------- Client: James Alexander Author: Dave Pollard Company Author: Oldroyd Publishing Group Ltd Company Website: www.opg.co.uk Copyright: 2010, Version: 31 March 2010 ----------------------------------------------- */ /*--------------- MAIN STYLES---------------*/ * { padding: 0; margin: 0; } img {border:none;} a:link {text-decoration: none; color:#FFFFFF;} a:visited { text-decoration: none; color:#FFFFFF;} a:hover { text-decoration: none; color:#fff200;} a:active { text-decoration: none; color:#FFFFFF;} body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-align:justify; background: url(../images/main_bgrd4.jpg) repeat-x; /*background: #0b1859;*/ } #wrapper { margin: 0 auto; width: 922px; } #header { width: 922px; padding: 0px; height: 153px; margin: 0; background: url(../images/head_bgrd.jpg) repeat-x; } #header h1 {float:left; background-image:url(../images/title.jpg); height: 148px; width: 317px; background-repeat:no-repeat; background-position:left; } #box { width:370px; height: 90px; position:absolute; top: 0px; left:620px; background-image:url(../images/head_box.jpg); background-repeat:no-repeat;} #box p { color:#FFFFFF; font-size:14px; padding: 0 0 0 8px; line-height: 19px; } #box .p2 { color:#FFFFFF; font-size:18px; font-weight:bold; } #box .yellow { color:#fff200; font-weight:bold; font-size:14px;} #box .lrg { font-size:22px; line-height: 26px;} #nav { height: 41px; width: 922px; padding: 0px; margin: 0px; background: #81a5fb; } #leftcolumn { margin: 0px; padding: 10px; height: 300px; width: 628px; float: left; } #rightcolumn { float: right; margin: 0px; padding: 10px 15px 10px 10px; height: 300px; width: 245px; display: inline; } #wrapper2 { margin: 0 auto; width: 922px; } #leftc2 { margin: 0 px; padding: 10px; min-height: 330px; height: auto; width: 628px; float: left; background: #456ac3; font-size: 12.5px; } #leftc2 h2 {color:#FFF; font-size: 20px; font-weight:bold; padding-left:5px; } #leftc2 h3 {color:#FFF; font-size: 16px; } #leftc2 h4 {color:#fff200; font-size: 14px; padding-top: 5px; } #leftc2 p {font-size: 13px;} #leftc2 p {color:#FFF;} #leftc2 .star { font-size: 14px; color: #FFFF00; } #leftc2 .lnk a:link { color: #fff200; text-decoration:none; font-weight:bold;} #leftc2 .lnk a:hover { color: #ffffff; text-decoration:none; font-weight:bold; } #leftc2 .lnklrg a:link { color: #fff200; text-decoration:none; font-weight:bold; font-size: 20px;} #leftc2 .lnklrg a:hover { color: #ffffff; text-decoration:none; font-weight:bold; font-size: 20px;} #rightc2 { float: right; margin: 0px; padding: 10px; min-height: 330px; height: auto; width: 254px; display: inline; background: #456ac3; } #footer { background: url(../images/footer_bg.jpg) repeat-x; height: 250px; clear: both; color: #FFF; margin: 0px; padding: 10px; width: auto; } #footin { width:922px; margin: 0 auto; } #addy { width: 450px; height:auto; float: left; margin-left:10px; } #addy h2 {color:#fff200; font-size: 20px; font-weight:bold;} #addy p {font-size:14px; padding: 0 0 0 8px; line-height: 22px; } #addy .yell {color:#fff200; font-weight:bold; font-size:14px; margin-top:5px; } #logos { width: 324px; height:auto; float: right; margin-right: 20px; } #footer2 {background-color:#112164; height: 200px; clear: both; color: #FFF; margin: 0px; padding: 10px; } #footer2 p { line-height: 22px; font-size:11px;} #footer2 a:link { color:#FFFFFF;} #footer2 a:hover {color:#fff200;} /*---------------A-Z---------------*/ #az_table{margin: 20px 0px 0px 0px; } #az_table ul{margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style:none; } #az_table li{line-height: 30px; border: 1px solid #456ac3;} #az_table li:hover{ background-color:#6183d6; border: 1px solid #ccc;} #az_table li a{color: #fff200; display: block; padding-left: 10px;} #az_table li a:hover{color: #fff;} /*---------------Mortgage Calculator---------------*/ #calc_container{margin: 30px 0px; width: 620px; border: 1px solid #d4d4d4; /*background-image: url(../images/stampbg.jpg); background-position:bottom right; background-repeat: no-repeat;*/} .answer_container{color: #fff; background-color:#112164; margin-top: 20px; border-top: 1px solid #d4d4d4;} /*---------------Contact Form---------------*/ #wrapper2 #leftc2 .form{width: 100%; font-family:arial; font-size: 13px;} .btn { display: block; background: #fff200; padding: 8px; float: left; color: #000; text-decoration: none; cursor: pointer; } /*---------------Navigation---------------*/ #multi-level {height:41px; position:relative; z-index:1000;} #multi-level .pad {float:left;} /* The menu styling */ /* Remove the padding, margins and bullets from the lists */ .menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;} /* Set up the top level list items and float left to place inline */ .menu li.top {display:block; float:left; position:relative;} /* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */ .menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} /* Default top link link styling */ .menu li.top a.top_link {display:block; float:left; height:41px;} .menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */ /* pre-load the hover images into the lists */ .menu li.p1 {width:63px; background:url(../img/home_up.jpg) no-repeat;} .menu li.p2 {width:96px; background:url(../img/sales_up.jpg) no-repeat;} .menu li.p3 {width:115px; background:url(../img/lettings_up.jpg) no-repeat;} .menu li.p4 {width:127px; background:url(../img/letserv_up.jpg) no-repeat;} .menu li.p5 {width:105px; background:url(../img/salserv_up.jpg) no-repeat;} .menu li.p6 {width:151px; background:url(../img/cal_up.jpg) no-repeat;} .menu li.p7 {width:88px; background:url(../img/area_up.jpg) no-repeat;} .menu li.p8 {width:85px; background:url(../img/contact_up.jpg) no-repeat;} .menu li.p9 {width:92px; background:url(../img/links_up.jpg) no-repeat;} /* set up the normal unhovered images in the links */ .menu li a#home {width:63px; background:url(../img/home_dwn.jpg) no-repeat;} .menu li a#sales {width:96px; background:url(../img/sales_dwn.jpg) no-repeat;} .menu li a#lettings {width:115px; background:url(../img/lettings_dwn.jpg) no-repeat;} .menu li a#lserv {width:127px; background:url(../img/letserv_dwn.jpg) no-repeat;} .menu li a#sserv {width:105px; background:url(../img/salserv_dwn.jpg) no-repeat;} .menu li a#cal {width:151px; background:url(../img/cal_dwn.jpg) no-repeat;} .menu li a#areas {width:88px; background:url(../img/area_dwn.jpg) no-repeat;} .menu li a#contact {width:85px; background:url(../img/contact_dwn.jpg) no-repeat;} .menu li a#links {width:92px; background:url(../img/links_dwn.jpg) no-repeat;} /* Style the list OR link hover. Depends on which browser is used */ .menu a:hover {visibility:visible;} /* for IE6 */ .menu li:hover { position:relative; z-index:200;} /* for IE7 */ /* make the links transparent on hover so that the hover images in the lists show through (no flicker) */ .menu li a#home:hover, .menu li:hover a#home, .menu li a#sales:hover, .menu li:hover a#sales, .menu li a#lettings:hover, .menu li:hover a#lettings, .menu li a#lserv:hover, .menu li:hover a#lserv, .menu li a#sserv:hover, .menu li:hover a#sserv, .menu li a#cal:hover, .menu li:hover a#cal, .menu li a#areas:hover, .menu li:hover a#areas, .menu li a#contact:hover, .menu li:hover a#contact, .menu li a#links:hover, .menu li:hover a#links {background:transparent;} /* keep the 'next' level invisible by placing it off screen. */ .menu ul, .menu :hover ul ul, .menu :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul ul, .menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;} /* set up the first drop down sub level */ .menu :hover ul.sub {left:0; top:40px; background: #fff; padding:3px 0; border:1px solid #0F2B5B; white-space:nowrap; width:175px; height:auto;} .menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:170px;} .menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:170px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;} .menu :hover ul.sub li a.fly {background:#fff;} .menu :hover ul.sub li a:hover {background:#0F2B5B; color:#fff;} .menu :hover ul.sub li a.fly:hover {background:#0F2B5B ; color:#fff;} .menu :hover ul li:hover > a.fly {background:#0F2B5B ; color:#fff;} /*---------------Image Slider---------------*/ img {border:none;} /* image replacement */ .graphic, #prevBtn, #nextBtn{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; } /* // image replacement */ #container{ margin:0 auto; position:relative; text-align:left; width:584px; background:#fff; margin-bottom:0em; margin-top:12px; } /* Easy Slider */ #slider{} #slider ul, #slider li{ margin:0; padding:0; list-style:none;} #slider li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:584px; height:272px; overflow:hidden; } #prevBtn, #nextBtn{ display:block; width:30px; height:77px; position:absolute; left:-30px; top:91px; } #nextBtn{ left:584px; } #prevBtn a, #nextBtn a{ display:block; width:30px; height:77px; background:url(../images/btn_prev.gif) no-repeat 0 0; } #nextBtn a{ background:url(../images/btn_next.gif) no-repeat 0 0; } /* Featured Properties */ .featureproperty_text { width:228px; margin:0px; padding-right: 10px; border: text-align:center; background-color: #456ac3; float:right; } .featureprop_title { width:228px; height:41px; float:right;padding-right: 10px; } .featureprop { background-color:#456ac3; width:228px; margin:0px; padding-right: 10px; text-align:center; float:right; } /*---------------Site Map---------------*/ #sitemap, #sitemap ul, #sitemap li{ margin:0; padding:0; list-style:none; } #sitemap li{ line-height:22px; margin-top:1px; position:relative; width:100%; font-size:14px; } /* IE leaves a blank space where span is added so this is to avoid that */ * html #sitemap li{ float:left; display:inline; } #sitemap li a{padding-left:28px;} #sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;} /* sub levels */ #sitemap li ul{ margin-left:28px; } #sitemap li li{ font-size:13px; margin-left: 15px; } #sitemap li li li{ font-size:13px; margin-left: 30px; } /* etc. */ /* float fix */ #sitemap:after, #sitemap ul:after{ /* content: "."; */ display: block; height: 0; clear: both; /*visibility: hidden;*/ } #sitemap, #sitemap ul{display:block;} /* \*/ #sitemap, #sitemap ul{min-height:1%;} * html #sitemap, * html #sitemap ul{height:1%;} /* */ #sitemap ul{display:block;}