/* =================================================================================== Belgrave Asset Management Š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: Arial, Helvetica, Verdana, sans-serif; text-align: center; /* centering hack for IE/Win 5.0+ */ background: #fff; color: #7e7f7f; height: 100%; } img { border: none; } form { margin: 0; padding: 0; } a:link, a:visited { color: #6AA680;/*82A996;*/ text-decoration: underline; } a:hover, a:active { color: #6AA680;/*82A996;*/ text-decoration: none; } /* ------------------------------------------------------------------------------- */ /* GLOBAL USEFUL CLASSES */ .alt, .print { display: none; } .clearall { clear: both; } .clearleft { clear: left; } .debug { background: #000; border: 1px solid #f00; } .hint { background: #6AA680; color: #fff; font-size: 1em; padding: 0.1em 2px; white-space: nowrap; margin: 5px 0; } .back_to_top { clear: both; margin: 1em 0 3em; } .back_to_top a:link, .back_to_top a:visited { font-weight: normal; } .back_to_top a:active, .back_to_top a:hover { } /* ------------------------------------------------------------------------------- */ /* LAYOUT & CONTAINERS */ #top { position: relative; } .layout_container { position: relative; width: 840px; margin: 0 auto; background: transparent url(../_image/bkg.gif) repeat-y center top; text-align: left; /* compensates for IE/Win 5.0+ centering hack - see definition above */ } .layout_container_body { position: relative; width: 840px; /* 752px + 2x10px(shadow) */ margin: 0 auto; background: transparent url(../_image/bkg_body.gif) repeat-y center top; text-align: left; /* compensates for IE/Win 5.0+ centering hack - see definition above */ } #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: 50px; } #layout_header2 { position: relative; } #bkg_body1 { z-index: 100; } #bkg_body2 { z-index: 90; } #layout_sidebar { z-index: 900; margin: 0; width: 192px; padding: 0.5em 0 10px; /* padding-top makes sidebar h2 have same text-baseline as maincontent h1 */ color: #ccc; /* no background - background colour comes from bkg_body.gif on layout_container_body */ position: absolute; top: 0; right: 0; font-size: 0.9em; } #layout_maincontent { z-index: 10; position: relative; margin: 0; padding: 0 5px 5px 5px; /* At least 5px all round to avoid font clipping */ font-size: 0.9em; color: #555; width: 535px; } /* * This variation on maincontent is for the Specialists page: Which effectively * Has no sidebar but maincontent covering the whole width of the page */ #layout_maincontent.wide { width: 840px; } /* * Div for containing a specialist */ #layout_maincontent.wide div.specialist { float: left; clear: both; width: 100%; margin-top: 2em; } #layout_maincontent.wide div.specialist img { float: right; margin: 0 0 1em 1em; } #layout_footer_body { z-index: 10; margin: 0; padding: 5px; /* At least 5px all round to avoid font clipping; include top & bottom for container bkg too */ color: #fff; background: #6AA680;/*83a896;*/ font-size: 0.7em; } #layout_credit { padding: 30px 0 15px; text-align: center; font-size: 0.7em; } /* ------------------------------------------------------------------------------- */ /* HEADER CONTENTS */ #layout_header1 { display: none; } #layout_header1 h2 { } #layout_header1 h3 { } #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_header2 h2 { width: 327px; height: 36px; margin: 0; background-image: url(../_image/header_logo.gif); position: absolute; top: 13px; left: 0; } #layout_header2 h3 { width: 216px; height: 54px; background-image: url(../_image/header_description.gif); margin: 0; position: absolute; top: 3px; right: 0px; } #layout_header2 #style_sheet_selector { position: relative; background: none; width: auto; height: auto; text-align: right; color: #6d6e71; padding: 0.5em 0 0 0; font-size: 0.8em; } #layout_header2 #style_sheet_selector span { } #layout_header2 #style_sheet_selector span.smaller { /* position: absolute; right: 0;*/ } #layout_header2 #style_sheet_selector span.larger { /* position: absolute; right: 0;*/ } /* * Ultimately this background image will not be necessary as a Flash will have be * inserted in the HTML * LP */ #layout_header2 #header_banner { position: relative; padding-top: 60px; } /* ------------------------------------------------------------------------------- */ /* DISCLAIMER CONTENTS */ #disclaimer { position: relative; width: 100%; text-align: justify; margin: 0 0 1em 0; } #disclaimer h2 { clear: both; margin: 0.8em 0 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #be9546; } #disclaimer p { margin: 0; } /* ------------------------------------------------------------------------------- */ /* FOOTER (in body) CONTENTS */ #layout_footer_body hr { display: none; } #layout_footer_body ul { margin: 0 auto; padding: 0; /* padding top here rather than #layout_footer_body because of IE6 bug */ list-style: none; color: #444; display: inline; } #layout_footer_body li { display: inline; background: url(../_image/footer_gt.gif) no-repeat left 0.5em; padding: 0 0.3em 0 1em; } #layout_footer_body p { display: inline; position: absolute; right: 1.2em; } #layout_footer_body li.first { background: none; } #layout_footer_body a:link, #layout_footer_body a:visited { font-weight: normal; text-decoration: none; white-space:nowrap; } #layout_footer_body a:hover, #layout_footer_body a:active { font-weight: normal; text-decoration: underline; white-space:nowrap; } #layout_footer_body p { margin: 0; } #layout_footer_body a { color: #fff; } /* ------------------------------------------------------------------------------- */ /* CREDIT CONTENTS */ #layout_credit { position: relative; padding: 15px 0 20px; text-align: right; font-size: 0.7em; } #layout_credit .www_logo a:link, #layout_credit .www_logo a:visited, #layout_credit .www_logo a:hover, #layout_credit .www_logo a:active { background: url(../_image/www_logo_NEW.jpg) no-repeat bottom right; padding: 0 135px 0 0; margin-right: 10px; } #layout_credit .www_logo_hover a:link, #layout_credit .www_logo_hover a:visited, #layout_credit .www_logo_hover a:hover, #layout_credit .www_logo_hover a:active { background: url(../_image/www_logo_NEW.jpg) no-repeat bottom right; padding: 0 135px 0 0; text-decoration: none; margin-right: 10px; } /* ------------------------------------------------------------------------------- */ /* MENU1 */ /* First level */ #menu1 { position: relative; width: 840px; height: 25px; margin: 0; background: #204333 url(../_image/bkg_menu.gif) repeat-x left top; padding: 0; font-family: /*Gill, "Gill Sans", "Gill Sans MT",*/ Verdana, Helvetica, Arial, sans-serif; } #menu1 ul.dd1, #menu1 ul.dd1_hover { position: relative; margin: 0; padding: 0; list-style-type: none; } #menu1 li.dd1, #menu1 li.dd1_hover { display: block; position: relative; float: left; width: auto; height: 25px; line-height: 25px; margin: 0; padding: 0; border-right: 1px solid #fff; } #menu1 li.dd1:first-child, #menu1 li.dd1_hover:first-child { } #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: 0.7em; } #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; padding: 0 40px 0 13px; } #menu1 li.dd1 a:active, #menu1 li.dd1 a:hover { color: #ffc263; } /* Level 1 - current */ #level1_01 #menu1a:link, #level1_01 #menu1a:visited, #level1_02 #menu1b:link, #level1_02 #menu1b:visited, #level1_03 #menu1c:link, #level1_03 #menu1c:visited, #level1_04 #menu1d:link, #level1_04 #menu1d:visited, #level1_05 #menu1e:link, #level1_05 #menu1e:visited, #level1_06 #menu1f:link, #level1_06 #menu1f:visited, #level1_07 #menu1g:link, #level1_07 #menu1g:visited, #level1_08 #menu1h:link, #level1_08 #menu1h:visited { color: #a9c6e0; } /* Second level */ #menu1 ul.dd2_hidden, #menu1 ul.dd2_visible { display: block; position: absolute; top: 25px; left: -1px; list-style-type: none; margin: 0; padding: 0; line-height: 1em; font-size: 0.85em; } #menu1 ul.dd2_hidden { display: none; position: relative; } #menu1 li.dd2 { float: left; position: relative; margin: 0; background: #6AA680;/*82A996;/*163425;/*82A996;*/ padding: 0; border-top: 1px solid #fff; width: 125px; } #menu1 li.dd2:first-child { border-top: hidden; } #menu1 li.dd2 a { /* display: block; */ /* width: 125px; */ margin: 0; padding: 3px 5px 3px 5px!important; /* padding: 3px 5px 3px 5px!important; */ font-size: 0.8em; 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: #000;/*ffc263;/*000;*/ } /* 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: 15px; padding-right: 15px; } /* ------------------------------------------------------------------------------- */ /* SIDEBAR CONTENTS */ /* General panel properties */ .panel { margin: 0; padding: 0; color: #222; font-size: 0.8em; } p.superscript { font-size: .7em; } #layout_sidebar p.superscript { color: #666; } /* ----------------------------------- */ /* SIDEBAR MENU */ #sidebar_menu { padding: 5px 0; } #layout_sidebar p { margin-top: 0; } #sidebar_menu h2 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 1.3em; color: #be9546; font-size: 1em; } #sidebar_menu ul { margin: 0; padding: 0 15px; line-height: 1.2em; padding-left: 0; } #sidebar_menu li { margin: 0; padding: 0.3em 0 0; } #sidebar_menu ul.menu2 { list-style-position: outside; padding: 0 0 0 1em; margin: 0; } #sidebar_menu ul.menu2 li { line-height: 1em; list-style: none; font-size: 0.9em; text-align: right; } #sidebar_menu li a { color: #6AA680;/*82a996;*/ background: transparent url(../_image/menu2_bullet.gif) no-repeat top right; padding-right: 10px; } #sidebar_menu .menu2_3 { margin: 2px 0 7px 15px; padding: 0; font-size: 0.9em; } #sidebar_menu li a:link, #sidebar_menu li a:visited, #sidebar_menu .menu2_3 li a:link, #sidebar_menu .menu2_3 li a:visited { color: #6AA680;/*82a996;*/ font-weight: normal; } #sidebar_menu li a:hover, #sidebar_menu li a:active, #sidebar_menu .menu2_3 li a:hover, #sidebar_menu .menu2_3 li a:active { font-weight: normal; text-decoration: none; } /* Level 2 - current */ #level2_01 #sidebar_menu .menu2a a:link, #level2_01 #sidebar_menu .menu2a a:visited, #level2_02 #sidebar_menu .menu2b a:link, #level2_02 #sidebar_menu .menu2b a:visited, #level2_03 #sidebar_menu .menu2c a:link, #level2_03 #sidebar_menu .menu2c a:visited, #level2_04 #sidebar_menu .menu2d a:link, #level2_04 #sidebar_menu .menu2d a:visited, #level2_05 #sidebar_menu .menu2e a:link, #level2_05 #sidebar_menu .menu2e a:visited, #level2_06 #sidebar_menu .menu2f a:link, #level2_06 #sidebar_menu .menu2f a:visited, #level2_07 #sidebar_menu .menu2g a:link, #level2_07 #sidebar_menu .menu2g a:visited, #level2_08 #sidebar_menu .menu2h a:link, #level2_08 #sidebar_menu .menu2h a:visited, #level2_09 #sidebar_menu .menu2i a:link, #level2_09 #sidebar_menu .menu2i a:visited, #level2_10 #sidebar_menu .menu2j a:link, #level2_10 #sidebar_menu .menu2j a:visited { color: #2c74b4; } #level1_03 #sidebar_menu .menu2a , #level1_03 #sidebar_menu .menu2a , #level1_03 #sidebar_menu .menu2b , #level1_03 #sidebar_menu .menu2b , #level1_03 #sidebar_menu .menu2c , #level1_03 #sidebar_menu .menu2c , #level1_03 #sidebar_menu .menu2d , #level1_03 #sidebar_menu .menu2d , #level1_03 #sidebar_menu .menu2e , #level1_03 #sidebar_menu .menu2e , #level1_03 #sidebar_menu .menu2f , #level1_03 #sidebar_menu .menu2f , #level1_03 #sidebar_menu .menu2g , #level1_03 #sidebar_menu .menu2g , #level1_03 #sidebar_menu .menu2h , #level1_03 #sidebar_menu .menu2h , #level1_03 #sidebar_menu .menu2i , #level1_03 #sidebar_menu .menu2i, #level1_03 #sidebar_menu .menu2j , #level1_03 #sidebar_menu .menu2j { display: none; visibility: hidden; } #level1_03 #level2_01 #sidebar_menu .menu2b , #level1_03 #level2_01 #sidebar_menu .menu2b , #level1_03 #level2_02 #sidebar_menu .menu2c , #level1_03 #level2_02 #sidebar_menu .menu2c , #level1_03 #level2_03 #sidebar_menu .menu2d , #level1_03 #level2_03 #sidebar_menu .menu2d , #level1_03 #level2_04 #sidebar_menu .menu2e , #level1_03 #level2_04 #sidebar_menu .menu2e , #level1_03 #level2_05 #sidebar_menu .menu2f , #level1_03 #level2_05 #sidebar_menu .menu2f , #level1_03 #level2_06 #sidebar_menu .menu2g , #level1_03 #level2_06 #sidebar_menu .menu2g , #level1_03 #level2_07 #sidebar_menu .menu2h , #level1_03 #level2_07 #sidebar_menu .menu2h , #level1_03 #level2_08 #sidebar_menu .menu2i , #level1_03 #level2_08 #sidebar_menu .menu2i , #level1_03 #level2_09 #sidebar_menu .menu2j , #level1_03 #level2_09 #sidebar_menu .menu2j , #level1_03 #level2_10 #sidebar_menu .menu2a , #level1_03 #level2_10 #sidebar_menu .menu2a { display: block; visibility: visible; } #level1_05 #sidebar_menu .menu2a , #level1_05 #sidebar_menu .menu2a , #level1_05 #sidebar_menu .menu2b , #level1_05 #sidebar_menu .menu2b , #level1_05 #sidebar_menu .menu2c , #level1_05 #sidebar_menu .menu2c , #level1_05 #sidebar_menu .menu2d , #level1_05 #sidebar_menu .menu2d { display: none; visibility: hidden; } #level1_05 #level2_01 #sidebar_menu .menu2b , #level1_05 #level2_01 #sidebar_menu .menu2b , #level1_05 #level2_02 #sidebar_menu .menu2c , #level1_05 #level2_02 #sidebar_menu .menu2c , #level1_05 #level2_03 #sidebar_menu .menu2d , #level1_05 #level2_03 #sidebar_menu .menu2d , #level1_05 #level2_04 #sidebar_menu .menu2e , #level1_05 #level2_04 #sidebar_menu .menu2a { display: block; visibility: visible; } #level1_04 #sidebar_menu .menu2a , #level1_04 #sidebar_menu .menu2a , #level1_04 #sidebar_menu .menu2b , #level1_04 #sidebar_menu .menu2b { display: none; visibility: hidden; } #level1_04 #level2_01 #sidebar_menu .menu2b , #level1_04 #level2_01 #sidebar_menu .menu2b , #level1_04 #level2_02 #sidebar_menu .menu2e , #level1_04 #level2_02 #sidebar_menu .menu2a { display: block; visibility: visible; } /* Level 3 - current */ #level3_01 #sidebar_menu .menu3a a:link, #level3_01 #sidebar_menu .menu3a a:visited, #level3_02 #sidebar_menu .menu3b a:link, #level3_02 #sidebar_menu .menu3b a:visited, #level3_03 #sidebar_menu .menu3c a:link, #level3_03 #sidebar_menu .menu3c a:visited, #level3_04 #sidebar_menu .menu3d a:link, #level3_04 #sidebar_menu .menu3d a:visited, #level3_05 #sidebar_menu .menu3e a:link, #level3_05 #sidebar_menu .menu3e a:visited, #level3_06 #sidebar_menu .menu3f a:link, #level3_06 #sidebar_menu .menu3f a:visited, #level3_07 #sidebar_menu .menu3g a:link, #level3_07 #sidebar_menu .menu3g a:visited, #level3_08 #sidebar_menu .menu3h a:link, #level3_08 #sidebar_menu .menu3h a:visited, #level3_09 #sidebar_menu .menu3i a:link, #level3_09 #sidebar_menu .menu3i a:visited, #level3_10 #sidebar_menu .menu3j a:link, #level3_10 #sidebar_menu .menu3j a:visited { color: #2c74b4; } /* Panel: testimonial */ .testimonial { width: 192px; margin: 0 0 15px; background: #b5cbbf url(../_image/testimonialquote_open.gif) no-repeat 6px 7px; padding: 15px 0 10px; color: #fff; line-height: 1.3em; } .testimonial .quote { background: url(../_image/testimonialquote_close.gif) no-repeat 160px bottom; padding: 0 0 1px; } .testimonial .quote p { margin: 0 15px 0.75em; font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.95em; font-weight: normal; font-style: italic; text-align: left; } .testimonial .quote p.first { } .testimonial p.quoteauthor { margin: 0 15px 0em; font-family: /*Gill, "Gill Sans", "Gill Sans MT",*/ Verdana, Helvetica, Arial, sans-serif; font-size: 0.9em; font-weight: bold; font-style: normal; line-height: 1em; } .testimonial p.quoteaffiliation { margin: 0 15px; font-family: /*Gill, "Gill Sans", "Gill Sans MT",*/ Verdana, Helvetica, Arial, sans-serif; font-size: 0.8em; font-style: italic; line-height: 1em; } /* ------------------------------------------------------------------------------- */ /* FORMS */ #layout_maincontent form p { text-align: left; } #layout_maincontent #ContactForm { margin: 0; padding: 0; min-height: 250px; height: 300px; } #InsightForm { margin: 0; padding: 0; } #layout_maincontent #ContactForm .clear, #InsightForm .clear { clear: left; } #layout_maincontent #ContactForm label, #layout_maincontent #ContactForm p, #InsightForm label { float: left; width: 139px; color: #555555; margin: 5px 25px 0 0; font-size: 0.8em; text-align: right; } #layout_maincontent #ContactForm p { width: auto; margin: 7px 0 17px; font-size: 1em; } #layout_maincontent #ContactForm label.radio { float: none; margin-right: 30px; } #layout_maincontent #ContactForm label.radioLabel { margin-top: 0; } #layout_maincontent #ContactForm input.radio { margin: 1px 0 -1px; } #layout_maincontent #ContactForm input.first { margin-left: 10px; } #layout_maincontent #ContactForm input.text, #InsightForm input.text { color: #555555; margin: 1px 0; } #layout_maincontent #ContactForm input.text { width: 300px; } #InsightForm input.text { width: 100px; } #layout_maincontent #ContactForm select { } #layout_maincontent #ContactForm textarea { width: 300px; height: 130px; margin: 1px 0 1px 0; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 0.8em; } #layout_maincontent #ContactForm a { margin-left: 220px; } #layout_maincontent #ContactForm div.hr { background: #ccc; border-bottom: 1px solid #ccc; height: 0; margin: 10px 68px 10px 0; clear: left; } #layout_maincontent #ContactForm div.hr hr { display: none; } input.btn { background: none; border: none; /* border-bottom: 1px solid #BE9546; */ color: #BE9546; padding: 0; margin: 0; width: 50px; text-align: center; text-decoration: underline; cursor: pointer; } span.chevron { color: #BE9546; padding: 0; margin: 0; } #layout_maincontent #ContactForm span.chevron { padding-left: 256px; } /* ------------------------------------------------------------------------------- */ /* MAIN CONTENT (not for user editing) */ #layout_maincontent #breadcrumbs { font-size: 0.8em; } #layout_maincontent #breadcrumbs a { font-weight: normal; } #layout_maincontent .middle { float: right; } #layout_maincontent h1 { margin: 0 0 0.5em; } #layout_maincontent h2 { margin: 0 0 0.5em; } #layout_maincontent h3 { margin: 0 0 0.5em; } #layout_maincontent h4, #layout_maincontent.wide .specialist h2 { margin-bottom: 0; } #layout_maincontent.wide .specialist h2 { margin-bottom: 0.2em; } #layout_maincontent h5, #layout_maincontent h6, #layout_maincontent.wide .specialist h3, #layout_maincontent.wide .specialist h4, #layout_maincontent.wide .specialist h5, #layout_maincontent.wide .specialist h6 { font-family: Arial, Helvetica, sans-serif; margin-bottom: 0; color: #555; font-weight: bold; } #layout_maincontent.wide .specialist p { display: block; width: 510px; text-align: justify; } #layout_maincontent p { line-height: 1.3em; text-align: justify; margin-top: 0; } #layout_maincontent ul, #layout_maincontent ol { padding: 0; margin-left: 2.5em; line-height: 1.5em; text-align: justify; } #layout_maincontent li { position:relative; margin: 0; padding: 0; background: transparent url(../../html/_image/_bullet.gif) 0 0.4em no-repeat; } #layout_maincontent hr { height: 1px; color: #035dc3; } /* Sitemap */ #layout_maincontent ul.sitemap { margin: 0; padding: 0; } #layout_maincontent ul.sitemap a:link, #layout_maincontent ul.sitemap a:visited { color: #ee7b00; text-decoration: none; } #layout_maincontent ul.sitemap a:hover, #layout_maincontent ul.sitemap a:active { color: #ffc263; text-decoration: none; } /* Sitemap level 1 */ #layout_maincontent ul.sitemap li { font-weight: normal; color: #0859a5; } /* Sitemap level 2 */ #layout_maincontent ul.sitemap ul { margin-bottom: 2em; padding: 0 0 0 15px; } #layout_maincontent ul.sitemap ul li { background: transparent; margin: 0; padding: 0; font-weight: normal; } #layout_maincontent ul.sitemap ul a:link, #layout_maincontent ul.sitemap ul a:visited ,#layout_maincontent ul.sitemap ul a:hover, #layout_maincontent ul.sitemap ul a:active { font-weight: normal; } /* Sitemap level 3 */ #layout_maincontent ul.sitemap ul { margin-bottom: 1em; padding: 0 0 0 15px; } #layout_maincontent ul.sitemap ul li { background: transparent; margin: 0; padding: 0; } #layout_maincontent th, #layout_maincontent td { vertical-align: top; }