/* NSPCC * promos.css * main page promotional-block styles * Date: 11-07-2006 * v.1.0 */ /* PROMOTIONS - GLOBAL (cf. page-specific css files for overrides listed below */ /* Large FULL WIDTH promotion under top-nav */ #main-body .fullwidth-promo {position:relative; top:16px; width:736px; margin-bottom:3px;} #main-body .fullwidth-promo h2 {font-weight:normal; font-size:190%; margin:4px 0 -2px 0; } #main-body .fullwidth-promo p {font-size:140%;} #main-body .fullwidth-promo span {white-space:nowrap; font-weight:bold;} #main-body .fullwidth-promo span a {padding:0 20px 0 8px; color:#000;} #main-body .fullwidth-promo .left-img {width:194px; margin-bottom:-5px; float:left;} #main-body .fullwidth-promo .left-img span {background-image:none;} #main-body .fullwidth-promo .left-img img {position:relative; top:-20px; left:23px;} #main-body .fullwidth-promo .left-content {width:500px; float:left;} /* Temp for next release */ #main-body .fullwidth-promo .rght-content {width:500px; float:right;} #main-body .fullwidth-promo .right-img {width:194px; margin-bottom:-5px; float:right;} #main-body .fullwidth-promo .right-img span {background-image:none;} #main-body .fullwidth-promo .right-img img {position:relative; top:-20px; right:-25px;} #main-body .fullwidth-promo .right-content {width:500px; float:right;} #main-body .fullwidth-promo .noimage-img {display:hidden;} #main-body .fullwidth-promo .noimage-content {width:700px; margin-left:20px; float:left;} #main-body .fullwidth-promo .noimage-content p {line-height:140%;} #main-body .fullwidth-promo .top {height:15px; line-height:15px;} #main-body .fullwidth-promo .btm {width:736px; height:25px; line-height:25px; margin-top:-25px;} /* PINK donate call to action - full width version */ #main-body .donate-fw {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/pink/fullwidth_promo.gif) repeat-y;} #main-body .donate-fw h2 {color:#c40775;} #main-body .donate-fw span {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/pink/bg_hl_left.gif) no-repeat left;} #main-body .donate-fw span a {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/pink/bg_hl_right.gif) no-repeat right;} #main-body .donate-fw .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/pink/fullwidth_promo_top.gif) no-repeat;} #main-body .donate-fw .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/pink/fullwidth_promo_btm.gif) no-repeat left bottom;} /* BLUE get-involved call to action - full width version */ #main-body .get-involved-fw {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/blue/fullwidth_promo.gif) repeat-y;} #main-body .get-involved-fw h2 {color:#006adb;} #main-body .get-involved-fw span {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/blue/bg_hl_left.gif) no-repeat left;} #main-body .get-involved-fw span a {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/blue/bg_hl_right.gif) no-repeat right;} #main-body .get-involved-fw .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/blue/fullwidth_promo_top.gif) no-repeat;} #main-body .get-involved-fw .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/blue/fullwidth_promo_btm.gif) no-repeat left bottom;} /* ORANGE NSPCC inform call to action - full width version */ #main-body .inform-fw {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/orange/fullwidth_promo.gif) repeat-y;} #main-body .inform-fw h2 {color:#f67618;} #main-body .inform-fw span {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/orange/bg_hl_left.gif) no-repeat left;} #main-body .inform-fw span a {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/orange/bg_hl_right.gif) no-repeat right;} #main-body .inform-fw .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/orange/fullwidth_promo_top.gif) no-repeat;} #main-body .inform-fw .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/orange/fullwidth_promo_btm.gif) no-repeat left bottom;} /* PURPLE Help and advice call to action - full width version */ #main-body .help-advice-fw {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/purple/fullwidth_promo.gif) repeat-y;} #main-body .help-advice-fw h2 {color:#7e3e98;} #main-body .help-advice-fw span {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/purple/bg_hl_left.gif) no-repeat left;} #main-body .help-advice-fw span a {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/purple/bg_hl_right.gif) no-repeat right;} #main-body .help-advice-fw .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/purple/fullwidth_promo_top.gif) no-repeat;} #main-body .help-advice-fw .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/purple/fullwidth_promo_btm.gif) no-repeat left bottom;} /* GREEN What we do call to action - full width version */ #main-body .what-we-do-fw {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/green/fullwidth_promo.gif) repeat-y;} #main-body .what-we-do-fw h2 {color:#7ba327;} #main-body .what-we-do-fw span {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/green/bg_hl_left.gif) no-repeat left;} #main-body .what-we-do-fw span a {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/green/bg_hl_right.gif) no-repeat right;} #main-body .what-we-do-fw .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/green/fullwidth_promo_top.gif) no-repeat;} #main-body .what-we-do-fw .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/green/fullwidth_promo_btm.gif) no-repeat left bottom;} /* RED Under 18 call to action - full width version */ #main-body .under18-fw {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/red/fullwidth_promo.gif) repeat-y;} #main-body .under18-fw h2 {color:#d23c4e;} #main-body .under18-fw span {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/red/bg_hl_left.gif) no-repeat left;} #main-body .under18-fw span a {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/red/bg_hl_right.gif) no-repeat right;} #main-body .under18-fw .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/red/fullwidth_promo_top.gif) no-repeat;} #main-body .under18-fw .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/red/fullwidth_promo_btm.gif) no-repeat left bottom;} /* Promotions/modules within the flow of text */ #central-col .inflow-promo {margin:3px 0 15px 20px;float:right; clear:right;} #central-col .left-promo {float:left; clear:left; margin-left:0px; margin-right: 10px;} #central-col .right-promo {float:right; clear:right;} #central-col .inflow-promo h3 { font-weight:normal; padding:0 20px 0 5px;margin-bottom:0;} #central-col .inflow-promo p {margin-bottom:0;} #central-col .inflow-promo p.img-credit {color:#647b6c; text-transform:uppercase; font-size:80%; width:260px; padding:4px 0 0 0; margin:0;} #central-col .inflow-promo .left-img img {position:relative; top:-28px; left:3px; padding-right:5px;float:left; clear:left;} #central-col .inflow-promo .left-content{padding-bottom:10px;} #central-col .inflow-promo .right-img img {position:relative; top:-28px; right:-12px; float:right;} #central-col .inflow-promo .right-content {padding-bottom:10px;padding-left:20px} #central-col .inflow-promo .noimage-content {padding-bottom:10px;padding-left:20px} #central-col .inflow-promo p.img-credit-narrow {color:#647b6c; text-transform:uppercase; font-size:80%; width:164px; padding:4px 0 0 0; margin:0;} /* Small/default promotion boxes width 163px;*/ /* HIGHLIGHTER-PEN BORDER - this will then be give one of 2 possible colours getting involved=blue, donating=pink ) */ #central-col .highlighter-border, #central-col .get-involved {width:163px; margin:34px 0 0 0; float:right;} #central-col .highlighter-border h3 {font-size:140%; font-weight:normal; margin:0 0 0 15px; color:#006adb;} #central-col .highlighter-border h3, .why-we-need-hub #central-col .highlighter-border h3, #central-col .highlighter-border p, .why-we-need-hub #central-col .highlighter-border p {margin:0 20px; padding:0;} #central-col .highlighter-border ul {position:relative; left:0; padding:0; list-style-type:none; margin:2px 16px; font-size:140%;} #central-col .highlighter-border li {display:inline; padding:3px 0;} #central-col .highlighter-border li a {color:#000; font-weight:bold; margin:0 0 0 4px; padding:0 20px 0 0;} #central-col .highlighter-border .top, #central-col .get-involved .top {height:14px; line-height:14px;} #central-col .highlighter-border .btm, #central-col .get-involved .btm {width:163px; height:60px; line-height:60px; margin-top:-43px;} #central-col .highlighter-border .top-img {position:relative; top:-20px; left:5px; margin-bottom:-22px;} .why-we-need-hub #central-col .highlighter-border .top-img {position:relative; top:-20px; left:5px; margin-bottom:-18px;} /* HIGHLIGHTER-PEN BORDER CALL-TO-ACTION .highlighter-border - WIDTH 163PX */ /* COLOUR ADAPTION FOR .highlighter-border promos --> getting involved=blue */ #central-col .get-involved {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/blue/hub_promo.gif) repeat-y;} #central-col .get-involved h3 {color:#006adb;} #central-col .get-involved li, #central-col .secondary-heroes .get-involved li {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/blue/bg_hl_left.gif) no-repeat left;} #central-col .get-involved li a, #hub #central-col .secondary-heroes .get-involved li a {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/blue/bg_hl_right.gif) no-repeat right;} #central-col .get-involved .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/blue/hub_promo_top.gif) no-repeat;} #central-col .get-involved .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/blue/hub_promo_btm.gif) no-repeat left bottom;} /* COLOUR ADAPTION FOR .highlighter-border promos --> donate=pink */ #central-col .donate {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/pink/hub_promo.gif) repeat-y;} #central-col .donate h3, #article #central-col .donate h3 {color:#c40775;} #central-col .donate li, #article #central-col .donate li, #hub #central-col .secondary-heroes .donate li {display:inline; background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/pink/bg_hl_left.gif) no-repeat left;} #central-col .donate li a, #article #central-col .donate li a, #hub #central-col .secondary-heroes .donate li a {display:inline; padding-right:20px;background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/pink/bg_hl_right.gif) no-repeat right;} #central-col .donate .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/pink/hub_promo_top.gif) no-repeat;} #central-col .donate .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/pink/hub_promo_btm.gif) no-repeat left bottom;} /* COLOUR ADAPTION FOR .highlighter-border promos --> under18=red */ #central-col .under18 {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/red/hub_promo.gif) repeat-y;} #central-col .under18 h3, #article #central-col .under18 h3 {color:#d23c4e;} #central-col .under18 li, #article #central-col .under18 li, #hub #central-col .secondary-heroes .under18 li {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/red/bg_hl_left.gif) no-repeat left;} #central-col .under18 li a, #article #central-col .under18 li a, #hub #central-col .secondary-heroes .under18 li a {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/red/bg_hl_right.gif) no-repeat right;} #central-col .under18 .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/red/hub_promo_top.gif) no-repeat;} #central-col .under18 .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/red/hub_promo_btm.gif) no-repeat left bottom;} /* COLOUR ADAPTION FOR .highlighter-border promos --> what we do=green */ #central-col .what-we-do {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/green/hub_promo.gif) repeat-y;} #central-col .what-we-do h3, #article #central-col .what-we-do h3 {color:#7ba327;} #central-col .what-we-do li, #article #central-col .what-we-do li, #hub #central-col .secondary-heroes .what-we-do li {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/green/bg_hl_left.gif) no-repeat left;} #central-col .what-we-do li a, #article #central-col .what-we-do li a, #hub #central-col .secondary-heroes .what-we-do li a {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/green/bg_hl_right.gif) no-repeat right;} #central-col .what-we-do .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/green/hub_promo_top.gif) no-repeat;} #central-col .what-we-do .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/green/hub_promo_btm.gif) no-repeat left bottom;} /* COLOUR ADAPTION FOR .highlighter-border promos --> help-advice =purple */ #central-col .help-advice {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/purple/hub_promo.gif) repeat-y;} #central-col .help-advice h3, #article #central-col .help-advice h3 {color:#7e3e98;} #central-col .help-advice li, #article #central-col .help-advice li, #hub #central-col .secondary-heroes .help-advice li {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/purple/bg_hl_left.gif) no-repeat left;} #central-col .help-advice li a, #article #central-col .help-advice li a, #hub #central-col .secondary-heroes .help-advice li a {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/purple/bg_hl_right.gif) no-repeat right;} #central-col .help-advice .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/purple/hub_promo_top.gif) no-repeat;} #central-col .help-advice .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/purple/hub_promo_btm.gif) no-repeat left bottom;} /* COLOUR ADAPTION FOR .highlighter-border promos --> inform=orange */ #central-col .inform {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/orange/hub_promo.gif) repeat-y;} #central-col .inform h3, #article #central-col .inform h3 {color:#f67618;} #central-col .inform li, #article #central-col .inform li, #hub #central-col .secondary-heroes .inform li {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/orange/bg_hl_left.gif) no-repeat left;} #central-col .inform li a, #article #central-col .inform li a, #hub #central-col .secondary-heroes .inform li a {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/orange/bg_hl_right.gif) no-repeat right;} #central-col .inform .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/orange/hub_promo_top.gif) no-repeat;} #central-col .inform .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/orange/hub_promo_btm.gif) no-repeat left bottom;} /* HIGHLIGHTER-PEN WITH WIDER BORDER - WIDTH 260PX - this includes a default highlighter-pen colour - in this case; blue) if the top-nav section is different, then the corresponding colour.css will override this */ #central-col .highlighter-wider {width:260px;} #central-col .highlighter-wider p {font-size:110%; padding:0 20px 0 5px;} #central-col .highlighter-wider ul {position:relative; left:-10px; padding:0; list-style-type:none; margin:5px 0; font-size:140%;} #central-col .highlighter-wider li {display:inline; padding:3px 0;} #central-col .highlighter-wider li a {color:#000; font-weight:bold; padding:0 18px 0 10px;} #central-col .highlighter-wider .top {height:22px; line-height:22px;} #central-col .highlighter-wider .btm {width:257px; height:44px; line-height:44px; margin-top:-44px;} /* COLOUR ADAPTION FOR .highlighter-wider promos --> donate = pink */ #central-col .donate-w h3 {color:#c40775;} #central-col .donate-w {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/pink/inflowpromo_sides.gif) repeat-y;} #central-col .donate-w li {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/pink/bg_hl_left.gif) no-repeat left;} #central-col .donate-w li a {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/pink/bg_hl_right.gif) no-repeat right;} #central-col .donate-w .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/pink/inflowpromo_top.gif) no-repeat;} #central-col .donate-w .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/pink/inflowpromo_btm.gif) no-repeat left bottom;} /* COLOUR ADAPTION FOR .highlighter-wider promos --> get-involved = blue */ #central-col .get-involved-w h3 {color:#006adb;} #central-col .get-involved-w {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/blue/inflowpromo_sides.gif) repeat-y;} #central-col .get-involved-w li {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/blue/bg_hl_left.gif) no-repeat left;} #central-col .get-involved-w li a {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/blue/bg_hl_right.gif) no-repeat right;} #central-col .get-involved-w .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/blue/inflowpromo_top.gif) no-repeat;} #central-col .get-involved-w .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/blue/inflowpromo_btm.gif) no-repeat left bottom;} /* COLOUR ADAPTION FOR .highlighter-wider promos --> what we do = green */ #central-col .what-we-do-w h3 {color:#7ba327;} #central-col .what-we-do-w {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/green/inflowpromo_sides.gif) repeat-y;} #central-col .what-we-do-w li {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/green/bg_hl_left.gif) no-repeat left;} #central-col .what-we-do-w li a {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/green/bg_hl_right.gif) no-repeat right;} #central-col .what-we-do-w .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/green/inflowpromo_top.gif) no-repeat;} #central-col .what-we-do-w .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/green/inflowpromo_btm.gif) no-repeat left bottom;} /* COLOUR ADAPTION FOR .highlighter-wider promos --> inform = orange */ #central-col .inform-w h3 {color:#f67618;} #central-col .inform-w {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/orange/inflowpromo_sides.gif) repeat-y;} #central-col .inform-w li {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/orange/bg_hl_left.gif) no-repeat left;} #central-col .inform-w li a {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/orange/bg_hl_right.gif) no-repeat right;} #central-col .inform-w .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/orange/inflowpromo_top.gif) no-repeat;} #central-col .inform-w .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/orange/inflowpromo_btm.gif) no-repeat left bottom;} /* COLOUR ADAPTION FOR .highlighter-wider promos --> help and advice = purple */ #central-col .help-advice-w h3 {color:#7e3e98;} #central-col .help-advice-w {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/purple/inflowpromo_sides.gif) repeat-y;} #central-col .help-advice-w li {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/purple/bg_hl_left.gif) no-repeat left;} #central-col .help-advice-w li a {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/purple/bg_hl_right.gif) no-repeat right;} #central-col .help-advice-w .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/purple/inflowpromo_top.gif) no-repeat;} #central-col .help-advice-w .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/purple/inflowpromo_btm.gif) no-repeat left bottom;} /* COLOUR ADAPTION FOR .highlighter-wider promos --> under 18 = red */ #central-col .under18-w h3 {color:#d23c4e;} #central-col .under18-w {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/red/inflowpromo_sides.gif) repeat-y;} #central-col .under18-w li {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/red/bg_hl_left.gif) no-repeat left;} #central-col .under18-w li a {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/red/bg_hl_right.gif) no-repeat right;} #central-col .under18-w .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/red/inflowpromo_top.gif) no-repeat;} #central-col .under18-w .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/red/inflowpromo_btm.gif) no-repeat left bottom;} body.help-and-advice #primary-hero {width:535px; } body.help-and-advice #primary-hero .top {height:20px; line-height:20px;} body.help-and-advice #primary-hero .btm {width:535px; height:15px; line-height:15px; margin-top:-15px;} /* Hub Promo Styles - AR 30/03/2007 */ /* PROMOTIONS - GLOBAL (cf. page-specific css files for overrides listed below */ /* Large content width promotion under top-nav */ #hub .hub-promo {position:relative; width:535px; margin-bottom:23px;} #hub .hub-promo h2 {color:#545454; font-size:190%; font-weight:normal;margin:2px 12px 0px 23px; } #hub .hub-promo h2 span {color:#000; font-weight:bold; white-space:normal} #hub .hub-promo span {white-space:nowrap; font-weight:bold;} #hub .hub-promo span a {padding:0 20px 0 8px; color:#000;} #hub .hub-promo .left-img {width:140px; margin-bottom:-5px; float:left;} #hub .hub-promo .left-img span {background-image:none;} #hub .hub-promo .left-img img {margin:3px 0px 15px 20px; float:left; clear:left;} #hub .hub-promo .left-content {width:390px; float:left; margin-left:-20px} #hub .hub-promo .right-img {width:140px; margin-bottom:-5px; float:right;} #hub .hub-promo .right-img span {background-image:none;} #hub .hub-promo .right-img img {margin:3px 30px 15px 20px; float:right; clear:right;} #hub .hub-promo .right-content {width:390px; float:left;} #hub .hub-promo .noimage-img {display:hidden;font-size:0%} #hub .hub-promo .noimage-content {width:480px; margin-left:20px; float:left;} #hub .hub-promo .noimage-content h2 {margin:2px 12px 0px 0px; } #hub .hub-promo .top {height:15px; line-height:15px;} #hub .hub-promo .btm {width:535px; height:25px; line-height:25px; margin-top:-25px;} #hub .hub-promo ul {position:relative; list-style-type:none; font-size:140%;line-height:130% } #hub .hub-promo li {display:block; padding:0; background:none;} /* PINK donate call to action - full width version */ #hub .donate-hub {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/pink/h2_promo_sides.gif) repeat-y;} #hub .donate-hub li a {display:block; background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/pink/bghl_hero.gif) no-repeat; color:#000; font-weight:bold; padding-left:10px; line-height:90%;} #hub .donate-hub .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/pink/h2_promo_top.gif) no-repeat;} #hub .donate-hub .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/pink/h2_promo_btm.gif) no-repeat left bottom;} /* BLUE get involved call to action - full width version */ #hub .get-involved-hub {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/blue/h2_promo_sides.gif) repeat-y;} #hub .get-involved-hub li a {display:block; background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/blue/bghl_hero.gif) no-repeat; color:#000; font-weight:bold; padding-left:10px; line-height:90%;} #hub .get-involved-hub .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/blue/h2_promo_top.gif) no-repeat;} #hub .get-involved-hub .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/blue/h2_promo_btm.gif) no-repeat left bottom;} /* ORANGE inform call to action - full width version */ #hub .inform-hub {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/orange/h2_promo_sides.gif) repeat-y;} #hub .inform-hub li a {display:block; background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/orange/bghl_hero.gif) no-repeat; color:#000; font-weight:bold; padding-left:10px; line-height:90%;} #hub .inform-hub .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/orange/h2_promo_top.gif) no-repeat;} #hub .inform-hub .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/orange/h2_promo_btm.gif) no-repeat left bottom;} /* PURPLE help and advice call to action - full width version */ #hub .help-advice-hub {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/purple/h2_promo_sides.gif) repeat-y;} #hub .help-advice-hub li a {display:block; background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/purple/bghl_hero.gif) no-repeat; color:#000; font-weight:bold; padding-left:10px; line-height:90%;} #hub .help-advice-hub .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/purple/h2_promo_top.gif) no-repeat;} #hub .help-advice-hub .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/purple/h2_promo_btm.gif) no-repeat left bottom;} /* GREEN what we do call to action - full width version */ #hub .what-we-do-hub {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/green/h2_promo_sides.gif) repeat-y;} #hub .what-we-do-hub li a {display:block; background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/green/bghl_hero.gif) no-repeat; color:#000; font-weight:bold; padding-left:10px; line-height:90%;} #hub .what-we-do-hub .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/green/h2_promo_top.gif) no-repeat;} #hub .what-we-do-hub .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/green/h2_promo_btm.gif) no-repeat left bottom;} /* RED under 18 call to action - full width version */ #hub .under18-hub {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/red/h2_promo_sides.gif) repeat-y;} #hub .under18-hub li a {display:block; background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/red/bghl_hero.gif) no-repeat; color:#000; font-weight:bold; padding-left:10px; line-height:90%;} #hub .under18-hub .top {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/red/h2_promo_top.gif) no-repeat;} #hub .under18-hub .btm {background:url(/web/20080910124725im_/http://www.nspcc.org.uk/static/img/red/h2_promo_btm.gif) no-repeat left bottom;} /* promo with solid colour background & graphic header "Action list" */ #central-col .action-list {width:348px;} /* BJM - Height of H3 element increased to accomodate height of heading image #central-col .action-list h3 {height:45px; line-height:45px;}*/ #central-col .action-list h3 {height:55px; line-height:55px;} #central-col .action-list h3 img {margin-left:8px; margin-top:16px;} #central-col .action-list ul {margin:9px 12px 0 28px; padding:0;} #central-col .action-list li {margin:0 0 3px 0;} /* Commented out by BJM and replaced with style below, because style had two height attributes #central-col .action-list .btm {width:348px; height:37px; line-height:37px; margin: 0px; height:20px}*/ #central-col .action-list .btm {width:348px; height:37px; line-height:37px; margin: 0px;} .lower-hub #central-col .inflow-promo {margin-left:15px;} .lower-hub #central-col .action-list {position:relative; left:-2px; width:165px; margin-top:20px;} .lower-hub #central-col .action-list p {padding:0 12px 9px 12px;} .lower-hub #central-col .action-list .btm {width:165px; height:17px; line-height:17px; margin-top:-7px;} /* promo with solid colour background & graphic header "Key fact" */ #central-col .key-fact {width:165px; margin-top:10px;} #central-col .key-fact .btm {width:165px; height:23px; line-height:23px;} #central-col .key-fact h3 {height:51px; line-height:51px;} #central-col .key-fact h3 span {display:none;} #central-col .action-list p, #central-col .key-fact p {padding:0 12px;} /*SB can only see that above rule was used in 'what we do' so have taken out the font-size:70% to fix gemini bug #10563 */ #central-col .key-facts .key-fact h3 {margin-bottom:-4px;} #central-col .key-facts .key-fact p {margin:0 0 7px 0;} #central-col .key-facts .key-fact p.link {margin:0;} /* promo position to override to left-align of text-flow */ #central-col .flow-l {margin:3px 20px 15px 0; float:left; clear:left;} #central-col .upcoming-events {width:164px; } #central-col .upcoming-events h3, #central-col .upcoming-events p {padding:0;} #central-col .upcoming-events h3 {font-weight:bold; position:relative; top:-3px; padding-bottom:5px;} #central-col .upcoming-events p {margin-bottom:9px; line-height:110%;} #central-col .upcoming-events p a {font-weight:normal;} #central-col .upcoming-events p.link a {font-weight:bold;} #central-col .upcoming-events .slim-img {position:absolute;margin-top:100px;} /* FILE ARCHIVED ON 12:47:25 Sep 10, 2008 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 08:48:02 Jan 21, 2022. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 408.779 exclusion.robots: 297.054 exclusion.robots.policy: 297.045 xauthn.identify: 221.764 xauthn.chkprivs: 75.068 cdx.remote: 0.086 esindex: 0.009 LoadShardBlock: 86.04 (3) PetaboxLoader3.datanode: 92.846 (4) CDXLines.iter: 17.644 (3) load_resource: 207.125 PetaboxLoader3.resolve: 149.342 */