/* =================================================================================== CoachMeNow Š2007 World Without Walls (www.worldwithoutwalls.co.uk). All rights reserved. Authors: Paul Masri, Sam Ramsay Layout styles =================================================================================== */ /* HTML TAGS */ body { margin: 0; background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; text-align: center; /* centering hack for IE/Win 5.0+ */ color: #777; } img { border: none; } form { margin: 0; } a:link, a:visited { color: #e27546; text-decoration: underline; } a:hover, a:active { color: #4c3acc; 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: 750px; /* 750px + 2x0px(shadow) */ 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: 750px; /* 750px + 2x0px(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 */ } #top {} #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: 137px; background: url(../_image/hdr_bkg.jpg) no-repeat left top; } #layout_header2 { position: relative; height: 138px; } #layout_stripe { position: relative; height: 21px; background: url(../_image/stripe.gif) repeat-y 10px top; } #layout_sidebar { z-index: 999; position: absolute; margin: 0; top: 0; width: 190px; padding: 10px 10px; /* padding-top is 25px (same as maincontent) - 2px (padding-top of panel h2) */ color: #fdd347; /* no background - background colour comes from bkg_body.gif on layout_container_body */ } #layout_maincontent { position: relative; background: url(../_image/bkg_footer.jpg) no-repeat left bottom; margin: 0; padding: 25px 48px 40px 222px; /* At least 5px all round to avoid font clipping */ color: #64101c; } #layout_footer { background: #004286 url(../_image/inpage_footer.gif) no-repeat top center; margin: 0 10px; text-align: center; padding: 209px 0 0 0; } #layout_credit { position: relative; background: transparent url(../_image/bkg_footer.gif) no-repeat center top; padding: 30px 0 20px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 0.85em;; } .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: #e27546;/*47b4e3*/ 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: #4c3acc;/*e27546*/ text-decoration: none; } /* ------------------------------------------------------------------------------- */ /* MENU1 */ /* First level */ #menu1 { background: #ffb638; /*url(../_image/menu_bkg.gif) repeat-x left top;*/ margin: 0; padding: 0; width: 750px; height: 28px; } #menu1 ul.dd1, #menu1 ul.dd1_hover { position: relative; margin: 0 32px 0 16px; 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 25px 0 0; padding: 0; font-size: 1.1em; } #menu1 li.dd1 span, #menu1 li.dd1_hover span { cursor: pointer; } #menu1 li.dd1 div.dd1_text, #menu1 li.dd1_hover div.dd1_text { padding: 5px 0; } #menu1 li.dd1 a, #menu1 li.dd1_hover a { display:block; position: relative; float: none; white-space:nowrap; text-decoration: none; color: #861625; /* default colour, includes colour of dd1_hover */ } #menu1 li.dd1 a:link, #menu1 li.dd1 a:visited { color: #d52a32; } #menu1 li.dd1 a:active, #menu1 li.dd1 a:hover { color: #fff; } /* 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, #section07 #menu1g:link, #section07 #menu1g:visited { color: #64101c; } /* Second level */ #menu1 ul.dd2_hidden, #menu1 ul.dd2_visible { display: block; position: absolute; top: 28px; left: -16px; list-style-type: none; margin: 0; background: #1d92c8 url(../_image/menu_base.gif) repeat-x left bottom; 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; 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 { background: #27437a; color: #f38b73; } /* 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: 16px; padding-right: 16px; } /* 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 {} /* 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; } /* button images are span background images */ /* /* link state *//* #menu1a span, #menu1a:visited span { background-image:url(../_image/menu1_1x2.gif); /* 1x1 is a spacer - not used *//* } #menu1b span, #menu1b:visited span { background-image:url(../_image/menu1_1x3.gif); } #menu1c span, #menu1c:visited span { background-image:url(../_image/menu1_1x4.gif); } #menu1d span, #menu1d:visited span { background-image:url(../_image/menu1_1x5.gif); } #menu1e span, #menu1e:visited span { background-image:url(../_image/menu1_1x6.gif); } #menu1f span, #menu1f:visited span { background-image:url(../_image/menu1_1x7.gif); } #menu1g span, #menu1g:visited span { background-image:url(../_image/menu1_1x8.gif); } /* selected state *//* #section01 #menu1a:link span, #section01 #menu1a:visited span { background-image:url(../_image/menu1_3x2.gif); } #section02 #menu1b:link span, #section02 #menu1b:visited span { background-image:url(../_image/menu1_3x3.gif); } #section03 #menu1c:link span, #section03 #menu1c:visited span { background-image:url(../_image/menu1_3x4.gif); } #section04 #menu1d:link span, #section04 #menu1d:visited span { background-image:url(../_image/menu1_3x5.gif); } #section05 #menu1e:link span, #section05 #menu1e:visited span { background-image:url(../_image/menu1_3x6.gif); } #section06 #menu1f:link span, #section06 #menu1f:visited span { background-image:url(../_image/menu1_3x7.gif); } #section07 #menu1g:link span, #section07 #menu1g:visited span { background-image:url(../_image/menu1_3x8.gif); } /* hover state *//* .dd1_hover #menu1a span, #section01 .dd1_hover #menu1a span { background-image:url(../_image/menu1_2x2.gif); } .dd1_hover #menu1b span, #section02 .dd1_hover #menu1b span { background-image:url(../_image/menu1_2x3.gif); } .dd1_hover #menu1c span, #section03 .dd1_hover #menu1c span { background-image:url(../_image/menu1_2x4.gif); } .dd1_hover #menu1d span, #section04 .dd1_hover #menu1d span { background-image:url(../_image/menu1_2x5.gif); } .dd1_hover #menu1e span, #section05 .dd1_hover #menu1e span { background-image:url(../_image/menu1_2x6.gif); } .dd1_hover #menu1f span, #section06 .dd1_hover #menu1f span { background-image:url(../_image/menu1_2x7.gif); } .dd1_hover #menu1g span, #section07 .dd1_hover #menu1g span { background-image:url(../_image/menu1_2x8.gif); } */ /* ------------------------------------------------------------------------------- */ /* HEADER CONTENTS */ #layout_header1 h2 { position: absolute; width: 692px; /* 260(img w)+432(offset)+0(shadow)*/ height: 71px; /* 44(img h)+27(offset) */ margin: 0; background: url(../_image/logo.gif) no-repeat 432px 27px; } #layout_header1 h3 { position: absolute; width: 721px; /* 237(img w)+484(offset)+0(shadow)*/ height: 105px; /* 23(img h)+82(offset) */ margin: 0; background: url(../_image/strapline1.gif) no-repeat 484px 82px; } #layout_header1 #header_contact { position: absolute; top: 38px; right: 10px; padding: 0 16px; text-align: right; color: #1d92c8; } #layout_header1 #header_contact a:link, #layout_header1 #header_contact a:visited { color: #1d92c8; text-decoration: none; padding-right: 16px; } #layout_header1 #header_contact a:hover, #layout_header1 #header_contact a:active { color: #e27546; text-decoration: none; padding-right: 16px; } #layout_header2 p { position: absolute; width: 518px; /* 280(img w)+228(offset)+10(shadow)*/ height: 105px; /* 26(img h)+79(offset) */ background: url(../_image/strapline2.gif) no-repeat 238px 79px; } /* ------------------------------------------------------------------------------- */ /* FOOTER CONTENTS */ /* #layout_footer p { padding: 0 16px 8px; font-size: 0.8em; color: #fff; margin: 0 auto; width: 60%; } #layout_footer hr { margin: 0 auto 3px; width: 70%; height: 1px; color: #F00; } #layout_footer ul { margin: 0 auto; padding: 0 0 1em; width: 60%; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #630; line-height: 1.4em; } #layout_footer li { display: inline; padding: 0 1em; border-right: 1px solid #369; } #layout_footer a:link, #layout_footer a:visited { font-weight: normal; text-decoration: none; white-space:nowrap; color: #fff; } #layout_footer a:hover, #layout_footer a:active { font-weight: normal; text-decoration: none; white-space:nowrap; color: #f83; } #layout_footer .section01 { border-left: 1px solid #369; } #section01 #layout_footer .section01 a:link, #section01 #layout_footer .section01 a:visited, #section02 #layout_footer .section02 a:link, #section02 #layout_footer .section02 a:visited, #section03 #layout_footer .section03 a:link, #section03 #layout_footer .section03 a:visited, #section04 #layout_footer .section04 a:link, #section04 #layout_footer .section04 a:visited, #section05 #layout_footer .section05 a:link, #section05 #layout_footer .section05 a:visited { color: #c00; } */ /* ------------------------------------------------------------------------------- */ /* CREDIT CONTENTS */ #layout_credit p { margin: 0 auto; width: 60%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em; color: #630; } /* ------------------------------------------------------------------------------- */ /* SIDEBAR CONTENTS */ #layout_sidebar img { border: none; /*1px solid #64101c;*/ } #layout_sidebar #featureimage { padding: 0 0 16px 0; } /* Banner ad */ .banner { margin: 0 0 15px; } /* General panel properties */ .panel { margin: 0; padding: 0; } .panel h2 { background: url(../_image/sidebar_hdg_bkg.gif) repeat left top; margin: 0; padding: 2px 16px; font-size: 1.2em; font-weight: normal; color: #1e648e; } /* .panel .inner { display: block; position: relative; width: 214px; } */ /* Menu 2 panel */ #menu2 {} #menu2 ul { margin: 0; padding: 0.2em 0 0; list-style-type: none; } #menu2 li { padding: 0.3em 0; } #menu2 li a { padding: 0 16px; text-decoration: none; } #menu2 li a:link, #menu2 li a:visited { color: #fff; } #menu2 li a:hover, #menu2 li a:active { color: #f38b73; } /* 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: #1e648e; } /* #menu2 ul { display: block; position: absolute; width: 214px; margin: 0; background: #1d92c8 url(../_image/menu2_base.gif) repeat-x left bottom; padding: 0 0 2px 0; /* padding-bottom for menu_base *//* list-style-type: none; } #menu2 li { position: relative; margin: 0; padding: 4px 0 3px; } #menu2 li a { margin: 0 auto; padding: 4px 16px 3px; text-decoration: none; } #menu2 li a:link, #menu2 li a:visited { color: #fff; } #menu2 li a:hover, #menu2 li a:active { background: #27437a; color: #f38b73; } */ /* Masterclass panel */ /* #masterclass .inner h2, #masterclass .inner h3 { background: #004286; margin: 0; padding: 0 0 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: normal; letter-spacing: 0.05em; color: #9dcbf5; } */ /* Signup form */ /* .signup_table { width: 100%; border: 0; padding: 0 0.2em 0 0; color: #FFF; } .signup_table th, .signup_table td { font-size:0.9em; font-weight:normal; padding: 1px 3px; } .signup_inputtext { width:100%; font-size: 1em; } .signup_select { width:100%; font-size: 1em; } .signup_button { font-size: 1em; } */ /* ------------------------------------------------------------------------------- */ /* MAIN CONTENTS */ /* Breadcrumbs */ /* #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: #00C; font-weight: normal; text-decoration: underline; } #breadcrumbs a:hover, #breadcrumbs a:active { color: #C00; text-decoration: underline; } */