/* =================================================================================== WWW Site Template Š2007 World Without Walls (www.worldwithoutwalls.co.uk). All rights reserved. Author: Paul Masri, Sam Ramsay Layout styles =================================================================================== */ /* HTML TAGS */ body { margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; /* centering hack for IE/Win 5.0+ */ background: #fff; color: #000; } img { border: none; } form { margin: 0; padding: 0; } a:link, a:visited { color: #b95787; text-decoration: underline; } a:hover, a:active { color: #b21d66; text-decoration: underline; } /* ------------------------------------------------------------------------------- */ /* GLOBAL USEFUL CLASSES */ .alt, .print { display: none; } .clearall { clear: both; } .clearleft { clear: left; } .debug { background: #000; border: 1px solid #f00; } .hint { font-size: 0.8em; color: #C00; } /* ------------------------------------------------------------------------------- */ /* LAYOUT & CONTAINERS */ .layout_container { position: relative; width: 800px; margin: 0 auto; background: #fff; text-align: left; /* compensates for IE/Win 5.0+ centering hack - see definition above */ } .layout_container_body { position: relative; width: 800px; /* 752px + 2x10px(shadow) */ margin: 0 auto; background: url(../_image/bkg_body.gif) repeat-y left top; text-align: left; /* compensates for IE/Win 5.0+ centering hack - see definition above */ } #top { position: relative; } #menu1_container { position: relative; z-index: 1000; /* Make sure block containing menu1 sits above other blocks, for dropdown to overlay */ } #layout_header1 { position: relative; height: 109px; background: #b21d66; } #layout_header2 { position: relative; height: 112px; margin: 0; background: url(../_image/bkg_header2.jpg) no-repeat left top; } #layout_sidebar { z-index: 999; position: absolute; margin: 0; left: 0; top: 1px; /* for the border-top on layout_maincontent */ width: 219px; padding: 0; color: #b21d66; /* no background - background colour comes from bkg_body.gif on layout_container_body */ } #layout_maincontent, #layout_mainlistings { position: relative; left: 0; /* 240 - 5(left-pad) */ margin: 0; border-top: 1px solid #fff; padding: 18px 18px 18px 238px; /* At least 5px all round to avoid font clipping */ font-size: 0.8em; color: #569885; } #layout_mainlistings { padding: 0 0 0 219px; /* At least 5px all round to avoid font clipping */ border-top: none; } #layout_footer { padding: 5px 0; text-align: center; } #layout_credit { border-top: 1px solid #88b8ab; padding: 30px 0 15px; text-align: center; font-size: 0.7em; } .www_logo a:link, .www_logo a:visited, .www_logo a:hover, .www_logo a:active { background: url(../_image/www_logo.gif) no-repeat bottom right; padding: 16px 72px 0 0; color: #88b8ab; text-decoration: none; } .www_logo_hover a:link, .www_logo_hover a:visited, .www_logo_hover a:hover, .www_logo_hover a:active { background: url(../_image/www_logo_hover.gif) no-repeat bottom right; padding: 16px 72px 0 0; color: #b21d66; text-decoration: none; } /* ------------------------------------------------------------------------------- */ /* MENU1 */ /* First level */ #menu1 { position: relative; width: 800px; margin: 0; background: #88b8ab; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 0; font-family: "Times New Roman", Times, serif; } #menu1 address { margin: 0; padding: 3px 0 3px 60px; /* Must be padding not margin otherwise it affects ul */ font-size: 1em; font-weight: normal; font-style: normal; color: #fff; } #menu1 ul.dd1, #menu1 ul.dd1_hover { float: right; margin: 0; padding: 0; list-style-type: none; } #menu1 li.dd1, #menu1 li.dd1_hover { display: block; position: relative; float: left; width: auto; background: transparent;/*#150caa;*/ margin: 0; padding: 0; border-left: 1px solid #fff; } #menu1 li.dd1 span, #menu1 li.dd1_hover span { cursor: pointer; } #menu1 li.dd1 div.dd1_text, #menu1 li.dd1_hover div.dd1_text { font-size: 1em; } #menu1 li.dd1 a, #menu1 li.dd1_hover a { display:block; position: relative; float: none; white-space:nowrap; text-decoration: none; color: #fff; /* default colour, includes colour of dd1_hover */ } #menu1 li.dd1 a:link, #menu1 li.dd1 a:visited { color: #fff; } #menu1 li.dd1 a:active, #menu1 li.dd1 a:hover { color: #3e8262; background: #d4e2dc; } /* First level - current */ #section01 #menu1a:link, #section01 #menu1a:visited, #section02 #menu1b:link, #section02 #menu1b:visited, #section03 #menu1c:link, #section03 #menu1c:visited, #section04 #menu1d:link, #section04 #menu1d:visited, #section05 #menu1e:link, #section05 #menu1e:visited, #section06 #menu1f:link, #section06 #menu1f:visited {} #section01 .marker01, #section02 .marker02, #section03 .marker03, #section04 .marker04, #section05 .marker05, #section06 .marker06 { z-index: 999; position: absolute; left: 13px; top: -15px; width: 30px; height: 9px; background: url(../_image/marker.gif) no-repeat left top; } /* Second level */ #menu1 ul.dd2_hidden, #menu1 ul.dd2_visible { display: block; position: absolute; top: 25px; left: -1px; list-style-type: none; margin: 0; background: transparent; border-top: 1px solid #fff; padding: 0 0 2px 0; /* padding-bottom for menu_base */ } #menu1 ul.dd2_hidden { display: none; position: relative; } #menu1 li.dd2 { float: none; position: relative; margin: 0; background: #88b8ab; border: 1px solid #fff; border-top: none; padding: 0; } #menu1 li.dd2 a { float: none; margin: 0; padding: 4px 0 3px; /* actually only controls vertical padding - useful for hover background */ text-decoration: none; } #menu1 li.dd2 a:link, #menu1 li.dd2 a:visited { color: #fff; } #menu1 li.dd2 a:hover, #menu1 li.dd2 a:active { color: #3e8262; background: #d4e2dc; } /* menu2 link and list-item widths correspond with image widths */ /* Firefox bug: right border only lines up if menu2 width >= menu1 width */ /* Cross-browser oddity: don't make mention of dd2_visible (won't work); could use dd2_hidden (would work) but no point */ #menu1 li.dd2 a { padding-left: 23px; padding-right: 23px; } /* link and list-item widths correspond with image widths */ #menu1a, #menu1a:visited, #menu1b, #menu1b:visited, #menu1c, #menu1c:visited, #menu1d, #menu1d:visited, #menu1e, #menu1e:visited, #menu1f, #menu1f:visited { margin: 0; padding: 3px 23px; } /* span is same dimensions as link and positioned to superimpose */ /* .dd1_btn span, .dd1_btn:visited span { display:block; height:23px; width:100%; position:absolute; left:0; top:0; background-repeat:no-repeat; } */ /* ------------------------------------------------------------------------------- */ /* HEADER CONTENTS */ #layout_header1 h2 { position: absolute; width: 226px; /* 173(img w)+53(offset)+0(shadow)*/ height: 90px; /* 77(img h)+13(offset) */ margin: 0; background: url(../_image/logo.gif) no-repeat 53px 12px; } #layout_header1 #header_contact { } #layout_header1 #header_contact a:link, #layout_header1 #header_contact a:visited { } #layout_header1 #header_contact a:hover, #layout_header1 #header_contact a:active { } #layout_header1 #head_testimonial { position: absolute; top: 25px; right: 20px; /* left: 300px; */ width: 475px; } #layout_header1 #head_testimonial p.quote, #layout_header1 #head_testimonial p.author { color: #fff; font-family: "Times New Roman", Times, serif; } #layout_header1 #head_testimonial p.quote { font-size: 0.9em; line-height: 1.2em; margin: 0; font-weight: bold; text-align: justify; } #layout_header1 #head_testimonial p.author { margin: 0; font-size: 0.8em; text-align: right; font-style: italic; } #layout_header2 h3 { } #layout_header2 p { } /* ------------------------------------------------------------------------------- */ /* FOOTER CONTENTS */ #layout_footer { color: #93b8a7; font-family: "Times New Roman", Times, serif; } #layout_footer hr { } #layout_footer address { float: left; padding-left: 18px; } #layout_footer ul { margin: 0; padding: 0; float: right; list-style: none; } #layout_footer li { display: inline; padding: 0 1em; } #layout_footer a:link, #layout_footer a:visited { color: #93b8a7; font-weight: normal; text-decoration: none; white-space:nowrap; } #layout_footer a:hover, #layout_footer a:active { color: #f00; font-weight: normal; text-decoration: none; white-space:nowrap; } #layout_footer #footer_first { } /* ------------------------------------------------------------------------------- */ /* CREDIT CONTENTS */ #layout_credit p { width: 60%; margin: 0 auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #444; } /* ------------------------------------------------------------------------------- */ /* SIDEBAR CONTENTS */ /* Banner ad */ .banner { margin: 0 0 15px; } /* General panel properties */ .panel { position: relative; margin: 0; padding: 0; } /* Menu 2 panel */ #menu2 { border-bottom: 1px solid #fff; } #menu2 ul { margin: 0 0 0 10px; padding: 0.3em 0; list-style-type: none; } #menu2 li { padding: 0; list-style-image: none; } #subsection01 #menu2 li.menu2a, #subsection02 #menu2 li.menu2b, #subsection03 #menu2 li.menu2c { background: url(../_image/menu2_current.gif) no-repeat left 0.2em; } #menu2 li a { padding: 0 5px 0 15px; text-decoration: none; font-size: 0.8em; font-weight: bold; font-family: "Times New Roman", Times, serif; } #menu2 li a:link, #menu2 li a:visited { color: #b04077; } #menu2 li a:hover, #menu2 li a:active { color: #b21d66; } /* Current page */ #subsection01 #menu2a a:link, #subsection01 #menu2a a:visited, #subsection02 #menu2b a:link, #subsection02 #menu2b a:visited, #subsection03 #menu2c a:link, #subsection03 #menu2c a:visited { color: #00f; } /* Section panels */ .panel h2 { margin: 0; background: #b21d66; border-bottom: 1px solid #fff; padding: 1px 18px 2px; font-family: "Times New Roman", Times, serif; font-size: 1.1em; font-weight: normal; color: #e7bcd2; text-align: center; } .panel h3 { margin: 0; background: #b95787; border-bottom: 1px solid #fff; padding: 1px 18px 2px; font-family: "Times New Roman", Times, serif; font-size: 1.1em; font-weight: normal; color: #e7bcd2; text-align: center; } .panel p { margin: 0.8em 9px; font-size: 0.8em; } .panel p.note, .panel div.note { font-size: 0.6em; font-family: Arial, Helvetica, sans-serif; } .panel form { margin: 0; padding: 18px 9px; } .panel form h4 { margin: 0; font-size: 0.8em; font-weight: normal; color: #b21d66; } .panel input { font-size: 0.8em; color: #b21d66; } .panel .fieldset { clear: both; padding: 9px 0 0; } .panel .buttonset { clear: both; padding: 18px 0 0; } .panel .textfield { clear: both; width: 100%; text-align: right; } .panel .textfield label { float: left; padding: 0.3em 0 0; font-size: 0.8em; } .panel .textfield input { width: 120px; margin: 1px 0; border: 1px solid #b21d66; } .panel .textfield textarea { width: 196px; margin: 1px 0; border: 1px solid #b21d66; } .panel .checkboxfield { float: left; margin: 0 4px 0 0; } .panel .checkboxfield input { float: left; margin: 1px 0; padding: 0; } .panel .checkboxfield label { padding: 0.3em 0 0 1px; font-size: 0.8em; } .panel input.btnr { float: right; } /* ------------------------------------------------------------------------------- */ /* MAIN CONTENTS */ /* Breadcrumbs */ #breadcrumbs { display:none; } /* #breadcrumbs { margin: 1em 0 2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #000; } #breadcrumbs a:link, #breadcrumbs a:visited { color: #4596d5; font-weight: normal; text-decoration: underline; } #breadcrumbs a:hover, #breadcrumbs a:active { color: #fa2920; text-decoration: underline; } */ /* ------------------------------------------------------------------------------- */ /* HOMEPAGE MAIN CONTENTS */ #layout_3col { position: relative; height: 280px; border-top: 1px solid #fff; } #layout_3col .col1, #layout_3col .col2, #layout_3col .col3 { float: left; position: relative; width: 266px; height: 280px; background: #eaf1ed; border-left: 1px solid #fff; } #layout_3col .col1 { border-left: none; } #layout_3col .col2 { background: #e2ede7; } #layout_3col h1 { margin: 0; background: #e7bcd2; border-bottom: 1px solid #fff; padding: 1px 18px 2px; font-family: "Times New Roman", Times, serif; font-size: 1.1em; font-weight: normal; color: #b21d66; } /* #layout_3col h1 a:link, #layout_3col h1 a:visited { color: #b21d66; text-decoration: none; } #layout_3col h1 a:hover, #layout_3col h1 a:active { color: #fff; text-decoration: none; } */ #layout_3col h1 a:link, #layout_3col h1 a:visited { color: #b21d66; text-decoration: none; } #layout_3col h1 a:hover, #layout_3col h1 a:active { color: #b21d66; text-decoration: none; } #layout_3col p { margin: 1em 0 0; padding: 0 18px; font-size: 0.75em; line-height: 1.3em; color: #c1578b; } #layout_3col p.quote, #layout_3col p.author { /* font-family: "Times New Roman", Times, serif; font-size: 0.85em; line-height: 1.2em; */ color: #3e8262; font-family: "Times New Roman", Times, serif; } #layout_3col p.quote { font-size: 0.9em; line-height: 1.2em; margin: 1.8em 0 0; font-weight: bold; } #layout_3col p.author { margin: 0 0 1.4em 0; font-size: 0.8em; text-align: right; font-style: italic; /* font-size: 0.7em; */ } #layout_3col p.readmore { margin: 0.4em 0 1em; padding: 0 18px; text-align: right; /* font-family: "Times New Roman", Times, serif; */ font-size: 0.75em; } #layout_3col p a:link, #layout_3col p a:visited { } #layout_3col p a:hover, #layout_3col p a:active { color: #b21d66; } #layout_3col p.readmore a:link, #layout_3col p.readmore a:visited { color: #88b8ab; text-decoration: none; } #layout_3col p.readmore a:hover, #layout_3col p.readmore a:active { color: #b21d66; text-decoration: underline; } #layout_3col .findaproperty { position: absolute; left: 0; bottom: 0; width: 266px; margin: 0; border-top: 1px solid #fff; padding: 0; font-family: "Times New Roman", Times, serif; font-size: 1.1em; color: #fff; background: #88b8ab; /* background: #88b8ab url(../_image/marker_arrow.gif) no-repeat 2px 2px; */ } #layout_3col .findaproperty a:link, #layout_3col .findaproperty a:visited { background: url(../_image/home_link.gif) no-repeat right top; padding: 0 18px; color: #fff; text-decoration: none; } #layout_3col .findaproperty a:hover, #layout_3col .findaproperty a:active { background: url(../_image/home_link_hover.gif) no-repeat right top; padding: 0 18px; color: #3e8262; text-decoration: none; } /* ------------------------------------------------------------------------------- */ /* PROPERTY LIST CONTENTS */ #layout_mainlistings div.odd, #layout_mainlistings div.even { clear: both; position: relative; margin: 0; padding: 5px; border-bottom: solid 1px #fff; } #layout_mainlistings div.odd { background: #eaf1ed; } #layout_mainlistings div.even { background: #e2ede7; } /* #layout_mainlistings .odd div.listing, #layout_mainlistings .even div.listing { position: relative; background: transparent; margin: 0; padding: 5px; border-bottom: solid 1px #fff; clear: both; } *//* #layout_mainlistings .odd div.img_container, #layout_mainlistings .even div.img_container { z-index: 5000; float: left; cursor: pointer; } */ #layout_mainlistings table { width: 100%; } #layout_mainlistings td { padding: 0; margin: 0; } #layout_mainlistings .img_container img { height: 100px; padding: 10px; margin: 0; cursor: pointer; } /* #layout_mainlistings .img_container img { height: 100px; padding: 10px; margin: 0; } */ #layout_mainlistings h3, #layout_mainlistings p { margin: 10px; } #layout_mainlistings h3 { color: #b21d66; } #layout_mainlistings p.price { color: #b21d66; font-weight: bold; } #layout_mainlistings p { } #layout_mainlistings div.more { text-align: right; clear: both; } #layout_mainlistings div.more a:link, #layout_mainlistings div.more a:visited { text-decoration: none; } #layout_mainlistings div.more a:hover, #layout_mainlistings div.more a:active { text-decoration: underline; } /* ------------------------------------------------------------------------------- */ /* COMMERCIAL SEARCH CONTENTS */ #layout_maincontent h1.h1_short { margin: 0; } #layout_maincontent #searchform { min-height: 550px; margin: 0; padding: 0; } #layout_maincontent #searchform h4 { margin: 0 0 1px; } #layout_maincontent #searchform .fieldset { clear: both; margin: 0; padding: 10px 90px 0 0; } #layout_maincontent #searchform .textfield { clear: both; width: 100%; } #layout_maincontent #searchform .textfield label { width: 4em; float: left; padding: 0.3em 0 0; } #layout_maincontent #searchform .textfield input { width: 120px; margin: 1px 0; } #layout_maincontent #searchform .textfield span {} #layout_maincontent #searchform .buttonset { clear: both; padding: 18px 0 0; } #layout_maincontent #searchform .checkboxfield { margin: 0 4px 0 0; } #layout_maincontent #searchform .checkboxfield input { margin: 1px 0; padding: 0; } #layout_maincontent #searchform .checkboxfield label { padding: 0.3em 0 0 1px; } #layout_maincontent div.block { border: solid 1px #fff; background: #e2ede7; padding: 0 0 1em 3em; margin: 1em 0; } #layout_maincontent blockquote { padding: 0 3em; margin: 1em 0; } .panel input.btnr { float: right; }