/************************************************************************************ ------------------------------------------------------------------------------------- "themes.css" @desc Themes for www.nrm.org.uk. INcludes header themes and home page banners @author ico Design ------------------------------------------------------------------------------------- ************************************************************************************/ /* Header elements -----------------------------------------------------------------------------------*/ /* Logo colours */ body.home #logo {background-color: #9F1323; } body.education #logo {background-color: #9F1323; } body.plan #logo {background-color: #9F1323; } body.collection #logo {background-color: #cf4828; } body.research #logo {background-color: #56a23f; } body.railway #logo {background-color: #21819a; } body.get-involved #logo {background-color: #cf4828; } body.buy #logo {background-color: #56a23f; } body.corporate #logo {background-color: #187cb6;/*blue*/} body.about #logo {background-color: #187cb6;/*blue*/} body.contact-us #logo {background-color: #187cb6;/*blue*/} body.venue #logo {background-color: #187cb6;/*blue*/} body.search-results #logo {background-color: #56a23f;/*green*/} body.sitemap #logo {background-color: #cf4828;/*orange*/} body.onceuponatide #logo {background-color:#9F1323;/*red*/} body.mallard #logo {background-color:#00769f;/*blue*/} body.gwr #logo {background-color:#21653e;/*blue*/} body.disel #logo {background-color:#495945;/*disel*/} body.mptestoct #logo {background-color:#495945;/*disel*/} body.illuminate #logo{background-color:#9F1323;/*illuminate york*/} body.fullwidthbluepage #logo{background-color:#9F1323;/*full width blue background page*/} body.scotsmangift #logo {background-color: #9f1323; } body.scotsmancomp #logo {background-color: #56a23f; } body.japanfestival #logo {background-color: #970322; } body.artgallery #logo {background-color: #505E59; } body.artgallery-artofadv #logo {background-color: #6E6A4B; } body.steamweekends2011 #logo {background-color: #49676F; } body.railfest2012 #logo {background-color: #F5851F; } body.wizardweek2012 #logo {background-color:#576eb7;} body.fearandfasc #logo {background-color:#7db61b;} /* Coloured nav in header */ body.home #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-red.png'); } body.education #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-red.png'); } body.plan #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-red.png'); } body.collection #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-orange.png'); } body.research #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-green.png'); } body.railway #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-blue.png'); } body.get-involved #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-orange.png'); } body.buy #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-green.png'); } body.corporate #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-pale-blue.png');} body.about #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-pale-blue.png');} body.contact-us #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-pale-blue.png');} body.venue #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-pale-blue.png');} body.search-results #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-green.png');} body.sitemap #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-orange.png'); } body #header ul#nav-sub li.active { background-image: url('/img/nrm/themed/bg-sub-nav-red.png'); } body.onceuponatide #nav-sub li {background-image: url('/img/nrm/themed/bg-sub-nav-red.png'); } body.mallard #nav-sub li {background-image: url('/img/nrm/themed/bg-sub-nav-pale-blue.png'); } body.gwr #nav-sub li {background-image: url('/img/nrm/themed/bg-sub-nav-gwr.png'); } body.disel #nav-sub li {background-image: url('/img/nrm/themed/bg-sub-nav-disel.png'); } body.mptestoct #nav-sub li {background-image: url('/img/nrm/themed/bg-sub-nav-disel.png'); } body.illuminate #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-red.png'); } body.fullwidthbluepage #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-red.png'); } body.scotsmangift #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-red.png'); } body.scotsmancomp #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-green.png'); } body.japanfestival #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-red.png'); } body.artgallery #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-japanwoodcut.png'); } body.artgallery-artofadv #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-artofadvertising.png'); } body.steamweekends2011 #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-steamweekend2011.png'); } body.railfest2012 #nav-sub li { background-image: url('/img/nrm/themed/bg-sub-nav-railfestORANGE.png'); } body.wizardweek2012 #nav-sub li {background-image: url('/img/nrm/themed/bg-sub-nav-wizardweek.png'); } body.fearandfasc #nav-sub li {background-image: url('/img/nrm/themed/bg-sub-nav-fearandfasc.png'); } /* Background images */ body.home.v3 {background: #000 url('/img/nrm/page-backgrounds/home_1916_sm.jpg') no-repeat fixed top center;} body.home.v2 {background: #076ca1 url('/img/nrm/page-backgrounds/bracing.jpg') no-repeat fixed top center;} body.home.v1 {background: #305943 url('/img/nrm/page-backgrounds/sans2.jpg') no-repeat fixed top center;} body.education {background: #793117 url('/img/nrm/page-backgrounds/shap.jpg') no-repeat fixed top center;} body.plan {background: #076ca1 url('/img/nrm/page-backgrounds/bracing.jpg') no-repeat fixed top center;} body.collection {background: #616c6b url('/img/nrm/page-backgrounds/warflat.jpg') no-repeat fixed top center;} body.research {background: #302114 url('/img/nrm/page-backgrounds/luggage.jpg') no-repeat fixed top center;} body.railway {background: #a77d20 url('/img/nrm/page-backgrounds/railwaystories.jpg') no-repeat fixed top center;} body.get-involved {background: #2a6dba url('/img/nrm/page-backgrounds/deltic.jpg') no-repeat fixed top center;} body.corporate {background: #e5e1d8 url('/img/nrm/page-backgrounds/lamps.jpg') no-repeat fixed top center;} body.about {background: #ae0d12 url('/img/nrm/page-backgrounds/redno.jpg') no-repeat fixed top center;} body.contact-us {background: #fff url('/img/nrm/page-backgrounds/xx.jpg') no-repeat fixed top center;} body.venue {background: #004826 url('/img/nrm/page-backgrounds/horsebox.jpg') no-repeat fixed top center;} body.search-results {background: #4b1409 url('/img/nrm/page-backgrounds/shap.jpg') no-repeat fixed top center;} body.sitemap {background: #e2e1df url('/img/nrm/page-backgrounds/whitby.jpg') no-repeat fixed top center;} body.buy {background: #000 url('/img/nrm/page-backgrounds/buy_1826.jpg') no-repeat fixed top center;} body.onceuponatide {background: #93b5bf url('/img/nrm/page-backgrounds/tide-bkg.jpg') no-repeat fixed top center;} body.mallard {background: #b02125 url('/img/nrm/page-backgrounds/mallard-bkg.jpg') no-repeat fixed top center;} body.gwr {background: #00441d url('/img/nrm/page-backgrounds/gwrbackground.jpg') no-repeat fixed top center;} body.disel {background: #485845 url('/img/nrm/page-backgrounds/disel-background.jpg') no-repeat fixed top center;} body.mptestoct {background: #485845 url('/img/nrm/page-backgrounds/disel-background.jpg') no-repeat fixed top center;} body.scotsmangift {background: #076ca1 url('/img/nrm/page-backgrounds/scotsmangift.jpg') no-repeat fixed top center;} body.scotsmancomp {background: #076ca1 url('/img/nrm/page-backgrounds/scotsmancomp-background.jpg') no-repeat fixed top center;} body.japanfestival {background: #fcf7c2 url('/img/nrm/page-backgrounds/japanfestival2.jpg') no-repeat fixed top center; color: black; } body.japanfestival a { color: black; } body.japanfestival a:hover { color: red; } body.artgallery {background: #505E59 url('/img/nrm/page-backgrounds/japanwoodcut-background.jpg') no-repeat fixed top center; color: white; } body.artgallery-artofadv {background: #6E6A4B url('/img/nrm/page-backgrounds/artofadvertising-background.jpg') no-repeat fixed top center; color: white; } body.illuminate {background: #000 no-repeat fixed top center;} body.fullwidthbluepage { background: #616c6b url('/img/nrm/page-backgrounds/warflat.jpg') no-repeat fixed top center;} body.steamweekends2011 { background: #49676f url('/img/nrm/page-backgrounds/steamweekend2011.jpg') no-repeat fixed top center;} body.railfest2012 { background: #ffffff url('/img/nrm/page-backgrounds/railfest2012.jpg') no-repeat fixed top center; } body.wizardweek2012 {background: #231f20 url('/img/nrm/page-backgrounds/wizardweek2012.jpg') no-repeat fixed top center;} body.fearandfasc {background: #231f20 url('/img/nrm/page-backgrounds/fearandfasc.jpg') no-repeat fixed top center;} /* Micro page -----------------------------------------------------------------------------------*/ .onceuponatide #primary.micropage1{background-color:#285a67;padding:0;} .mallard #primary.micropage1{background-color:#b02125;padding:0;} .gwr #primary.micropage1{background-color:#00441d;padding:0;} .disel #primary.micropage1{background-color:#485845;padding:0;} .mptestoct #primary.micropage1{background-color:#00441d;padding:0;} .illuminate #primary.micropage1{background-color:#1f1f1f;padding:0;} .fullwidthbluepage #primary.micropage1{background-color:#004D7A;padding:0;} .steamweekends2011 #primary.micropage1{background-color:#49676f;padding:0;} .wizardweek2012 #primary.micropage1{background-color:#00441d;padding:0;} /* Micro page banners -----------------------------------------------------------------------------------*/ .onceuponatide #microbanner {background:url('/img/nrm/micropagebanners/microbanner.jpg') top center no-repeat #285a67;height:248px;clear:both;} .mallard #microbanner {background:url('/img/nrm/micropagebanners/mallard-banner.jpg') top center no-repeat #b02125;height:268px;clear:both;} .gwr #microbanner {background:url('/img/nrm/micropagebanners/banner.jpg') top center no-repeat #00441d;height:268px;clear:both;} .disel #microbanner {background:url('/img/nrm/micropagebanners/disel-banner.jpg') top center no-repeat #485845;height:268px;clear:both;} .mptestoct #microbanner {background:url('/img/nrm/micropagebanners/mallard-banner.jpg') top center no-repeat #b02125;height:268px;clear:both;} .scotsmangift #microbanner {background:url('/img/nrm/micropagebanners/railworks-banner.jpg') top center no-repeat #0b0b0b; width: 920px; height:348px;clear:both;} .scotsmancomp #microbanner {background:url('/img/nrm/micropagebanners/scotsmancomp-banner.jpg') top center no-repeat #0b0b0b; width: 920px; height:348px;clear:both;} .japanfestival #microbanner {background:url('/img/nrm/micropagebanners/japan_page_header.jpg') top center no-repeat #0b0b0b; width: 920px; height:348px; clear:both;} .artgallery #microbanner {background:url('/img/nrm/micropagebanners/japanwoodcut-banner.jpg') top center no-repeat #0b0b0b; width: 920px; height:348px; clear:both;} .artgallery-artofadv #microbanner {background:url('/img/nrm/micropagebanners/artofadvertising-banner.jpg') top center no-repeat #0b0b0b; width: 920px; height:348px; clear:both;} .mallard2011banner #microbanner {background:url('/img/nrm/micropagebanners/mallard-banner2011.jpg') top center no-repeat #b02125;height:268px;clear:both;} .steamweekends2011 #microbanner {background:url('/img/nrm/micropagebanners/steamweekend2011_banner.jpg') top center no-repeat #49676f;height:268px;clear:both;} .railfest2012 #microbanner {background:url('/img/nrm/micropagebanners/railfestfull-banner.jpg') top center no-repeat #0b0b0b; width: 920px; height:348px; clear:both;} .wizardweek2012 #microbanner {background:url('/img/nrm/micropagebanners/wizardweek2012-banner.jpg') top center no-repeat #231f20; height:268px;clear:both;} .fearandfasc #microbanner {background:url('/img/nrm/micropagebanners/fearandfasc-banner.jpg') top center no-repeat #0b0b0b; width: 920px; height:348px; clear:both;} /* Micro page tabs -----------------------------------------------------------------------------------*/ .onceuponatide #tabbednav a {color:#fff;background:url(/img/nrm/micropagebanners/sep.jpg) right center no-repeat;} .onceuponatide #tabbednav a:hover {background-color:#194753;background-image:none;} .onceuponatide #tabbednav a.active {background-color:#64acbe;background-image:none;} .mallard #tabbednav a {color:#fff;background:url(/img/nrm/micropagebanners/sep-mallard.jpg) right center no-repeat;} .mallard #tabbednav a:hover {background-color:#9e1a1e;background-image:none;} .mallard #tabbednav a.active {background-color:#ef4e38;background-image:none;} .gwr #tabbednav a {color:#fff;background:url(/img/nrm/micropagebanners/sep-gwr.jpg) right center no-repeat;} .gwr #tabbednav a:hover {background-color:#28603f;background-image:none;} .gwr #tabbednav a.active {background-color:#56a176;background-image:none;} .disel #tabbednav a {color:#fff;background:url(/img/nrm/micropagebanners/sep-disel.jpg) right center no-repeat;} .disel #tabbednav a:hover {background-color:#3a4836;background-image:none;} .disel #tabbednav a.active {background-color:#72826c;background-image:none;} .mptestoct #tabbednav a {color:#fff;background:url(/img/nrm/micropagebanners/sep-mallard.jpg) right center no-repeat;} .mptestoct #tabbednav a:hover {background-color:#9e1a1e;background-image:none;} .mptestoct #tabbednav a.active {background-color:#ef4e38;background-image:none;} .steamweekends2011 #tabbednav a {color:#fff;background:url(/img/nrm/micropagebanners/sep-steamweekend2011.jpg) right center no-repeat;} .steamweekends2011 #tabbednav a:hover {background-color:#314a51;background-image:none;} .steamweekends2011 #tabbednav a.active {background-color:#8aa6ad;background-image:none;} .wizardweek2012 #tabbednav a {color:#fff;background:url(/img/nrm/micropagebanners/sep-gwr.jpg) right center no-repeat;} .wizardweek2012 #tabbednav a:hover {background-color:#374e97;background-image:none;} .wizardweek2012 #tabbednav a.active {background-color:#576eb7;background-image:none;} /* Micro page hr -----------------------------------------------------------------------------------*/ .onceuponatide #primary hr {color:#194753;background-color:#194753;} .mallard #primary hr {color:#9e1a1e;background-color:#9e1a1e;} .gwr #primary hr {color:#28603f;background-color:#28603f;} .disel #primary hr {color:#313d2e;background-color:#313d2e;} .mptestoct #primary hr {color:#194753;background-color:#194753;} .steamweekends2011 #primary hr {color:#314a51;background-color:#314a51;} .wizardweek2012 #primary hr {color:#28603f;background-color:#576eb7;} /* Micro form input box -----------------------------------------------------------------------------------*/ .onceuponatide #primary form.nls input.text{color:#fff; background:#285a67!important} .mallard #primary form.nls input.text{color:#fff; background:#b02125!important} .gwr #primary form.nls input.text{color:#fff; background:#00441d!important} .disel #primary form.nls input.text{color:#fff; background:#485845!important} .mptestoct #primary form.nls input.text{color:#fff; background:#b02125!important} .wizardweek2012 #primary form.nls input.text{color:#fff; background:#00441d!important} /* Micro form check box -----------------------------------------------------------------------------------*/ .onceuponatide .custom_checkbox{background:url("/img/nrm/forms/checkbox-onceuponatide.gif") no-repeat;} .onceuponatide .custom_checkbox:hover{color:#285a67; text-decoration:underline} .onceuponatide .custom_checkbox.yes{background-position:left -26px} .mallard .custom_checkbox{background:url("/img/nrm/forms/checkbox-mallard.gif") no-repeat;} .mallard .custom_checkbox:hover{color:#b02125; text-decoration:underline} .mallard .custom_checkbox.yes{background-position:left -26px} .gwr .custom_checkbox{background:url("/img/nrm/forms/checkbox-gwr.gif") no-repeat;} .gwr .custom_checkbox:hover{color:#00441d; text-decoration:underline} .gwr .custom_checkbox.yes{background-position:left -26px} .mptestoct .custom_checkbox{background:url("/img/nrm/forms/checkbox-disel.gif") no-repeat;} .mptestoct .custom_checkbox:hover{color:#485845; text-decoration:underline} .mptestoct .custom_checkbox.yes{background-position:left -26px} .disel .custom_checkbox{background:url("/img/nrm/forms/checkbox-disel.gif") no-repeat;} .disel .custom_checkbox:hover{color:#485845; text-decoration:underline} .disel .custom_checkbox.yes{background-position:left -26px} .micropage1 #primary form.nls fieldset {width:472px;} .micropage1 #primary form.nls fieldset p {width:230px;} .micropage1 #primary form.nls fieldset .intro p {width:100%; float:left;} .micropage1 #primary form.nls fieldset .intro {padding:0; text-align:left;} .micropage1 #primary form.nls hr.float {clear:both; width:630px;} .wizardweek2012 .custom_checkbox{background:url("/img/nrm/forms/checkbox-gwr.gif") no-repeat;} .wizardweek2012 .custom_checkbox:hover{color:#00441d; text-decoration:underline} .wizardweek2012 .custom_checkbox.yes{background-position:left -26px} /* Inner micropage body -----------------------------------------------------------------------------------*/ .gwr .inner-body {background: #00441d; float:left;width:100%} div.top-corners.gwr,div.bottom-corners.gwr{background:transparent;} #primary .gwr span.cc{background:#00441d;} #primary .gwr span.cc2{background:#00441d; display: block; height: 10px; margin: 0px 10px; } #primary .gwr span.tr,#primary .gwr span.tl,#primary .gwr span.br,#primary .gwr span.bl{background-image:url(/img/nrm/small-corners/dark-green.png);} .onceuponatide .inner-body {background: #285a67; float:left;width:100%} div.top-corners.onceuponatide,div.bottom-corners.onceuponatide{background:transparent;} #primary .onceuponatide span.cc{background:#285a67;} #primary .onceuponatide span.cc2{background:#285a67; display: block; height: 10px; margin: 0px 10px; } #primary .onceuponatide span.tr,#primary .onceuponatide span.tl,#primary .onceuponatide span.br,#primary .onceuponatide span.bl{background-image:url(/img/nrm/small-corners/onceuponatide.png);} .mallard .inner-body {background: #b02125; float:left;width:100%} div.top-corners.mallard,div.bottom-corners.mallard{background:transparent;} #primary .mallard span.cc{background:#b02125;} #primary .mallard span.cc2{background:#b02125; display: block; height: 10px; margin: 0px 10px; } #primary .mallard span.tr,#primary .mallard span.tl,#primary .mallard span.br,#primary .mallard span.bl{background-image:url(/img/nrm/small-corners/mallard.png);} .disel .inner-body {background: #485845; float:left;width:100%} div.top-corners.disel,div.bottom-corners.disel{background:transparent;} #primary .disel span.cc{background:#485845;} #primary .disel span.cc2{background:#485845; display: block; height: 10px; margin: 0px 10px; } #primary .disel span.tr,#primary .disel span.tl,#primary .disel span.br,#primary .disel span.bl{background-image:url(/img/nrm/small-corners/disel.png);} .mptestoct .inner-body {background: #485845; float:left;width:100%} div.top-corners.mptestoct,div.bottom-corners.mptestoct{background:transparent;} #primary .mptestoct span.cc{background:#485845;} #primary .mptestoct span.cc2{background:#485845; display: block; height: 10px; margin: 0px 10px; } #primary .mptestoct span.tr,#primary .mptestoct span.tl,#primary .mptestoct span.br,#primary .mptestoct span.bl{background-image:url(/img/nrm/small-corners/disel.png);} .illuminate .inner-body {background: #1f1f1f; float:left;width:100%} div.top-corners.illuminate,div.bottom-corners.illuminate{background:transparent;} #primary .illuminate span.cc{background:#1f1f1f;} #primary .illuminate span.cc2{background:#1f1f1f; display: block; height: 10px; margin: 0px 10px; } #primary .illuminate span.tr,#primary .illuminate span.tl,#primary .illuminate span.br,#primary .illuminate span.bl{background-image:url(/img/nrm/small-corners/illuminate.png);} .fullwidthbluepage .inner-body {background: #004D7A; float:left;width:100%} div.top-corners.fullwidthbluepage,div.bottom-corners.fullwidthbluepage{background:transparent;} #primary .fullwidthbluepage span.cc{background:#004D7A;} #primary .fullwidthbluepage span.cc2{background:#004D7A; display: block; height: 10px; margin: 0px 10px; } #primary .fullwidthbluepage span.tr,#primary .fullwidthbluepage span.tl,#primary .fullwidthbluepage span.br,#primary .fullwidthbluepage span.bl{background-image:url(/img/nrm/small-corners/blue.png);} .micropage1 #primary .module.full-width{width:722px;} .micropage1 #primary h1.no-bars{z-index:-1;height:0px;} .illuminate #primary h1.no-bars{padding:0 20px;} .fullwidthbluepage #primary h1.no-bars{padding:0 20px;} .scotsmangift #primary h1.no-bars{z-index:-1;height:0px;} .scotsmancomp #primary h1.no-bars{z-index:-1;height:0px;} .japanfestival #primary h1.no-bars{z-index:-1;height:0px;} .artgallery #primary h1.no-bars{z-index:-1;height:0px;} .artgallery-artofadv #primary h1.no-bars{z-index:-1;height:0px;} .railfest2012 #primary h1.no-bars{ z-index:-1; height:0px;} .fearandfasc #primary h1.no-bars{z-index:-1;height:0px;} .scotsmangift .inner-body {background: #0b0b0b; float:left;width:100%} div.top-corners.white,div.bottom-corners.white{background:transparent;} #primary .scotsmangift span.cc{background:#dce1ec;} #primary .scotsmangift span.cc2{background:#0b0b0b; display: block; height: 10px; margin: 0px 10px; } #primary .scotsmangift span.tr, #primary .scotsmangift span.tl {background-image:url(/img/nrm/small-corners/snow.png);} #primary .scotsmangift span.br, #primary .scotsmangift span.bl {background-image:url(/img/nrm/small-corners/darkgrey.png);} .scotsmangift #primary h1.no-bars{padding:0 20px;} .scotsmancomp .inner-body {background: #0b0b0b; float:left;width:100%} div.top-corners.white,div.bottom-corners.white{background:transparent;} #primary .scotsmancomp span.cc{background:#A8CDE9;} #primary .scotsmancomp span.cc2{background:#0b0b0b; display: block; height: 10px; margin: 0px 10px; } #primary .scotsmancomp span.tr, #primary .scotsmancomp span.tl {background-image:url(/img/nrm/small-corners/sky.png);} #primary .scotsmancomp span.br, #primary .scotsmancomp span.bl {background-image:url(/img/nrm/small-corners/darkgrey.png);} .scotsmancomp #primary h1.no-bars{padding:0 20px;} .japanfestival .inner-body {background: #fcf7c2; float:left;width:100%} div.top-corners.white,div.bottom-corners.white{background:transparent;} #primary .japanfestival span.cc{background:#F35D0D;} #primary .japanfestival span.cc2{background:#fcf7c2; display: block; height: 10px; margin: 0px 10px; } #primary .japanfestival span.tr, #primary .japanfestival span.tl {background-image:url(/img/nrm/small-corners/orange-japan.png);} #primary .japanfestival span.br, #primary .japanfestival span.bl {background-image:url(/img/nrm/small-corners/beige.png);} .japanfestival #primary h1.no-bars{padding:0 20px;} .artgallery .inner-body {background: #505E59; float:left;width:100%} div.top-corners.white,div.bottom-corners.white{background:transparent;} #primary .artgallery span.cc{background:#D7BD8A;} #primary .artgallery span.cc2{background:#505E59; display: block; height: 10px; margin: 0px 10px; } #primary .artgallery span.tr, #primary .artgallery span.tl {background-image:url(/img/nrm/small-corners/sand.png);} #primary .artgallery span.br, #primary .artgallery span.bl {background-image:url(/img/nrm/small-corners/grr.png);} .artgallery #primary h1.no-bars{padding:0 20px;} .artgallery-artofadv .inner-body {background: #6E6A4B; float:left;width:100%} div.top-corners.white,div.bottom-corners.white{background:transparent;} #primary .artgallery-artofadv span.cc{background:#000000;} #primary .artgallery-artofadv span.cc2{background:#6E6A4B; display: block; height: 10px; margin: 0px 10px; } #primary .artgallery-artofadv span.tr, #primary .artgallery-artofadv span.tl {background-image:url(/img/nrm/small-corners/black.png);} #primary .artgallery-artofadv span.br, #primary .artgallery-artofadv span.bl {background-image:url(/img/nrm/small-corners/artofadv.png);} .artgallery-artofadv #primary h1.no-bars{padding:0 20px;} .steamweekends2011 .inner-body {background: #49676f; float:left;width:100%} div.top-corners.steamweekends2011,div.bottom-corners.steamweekends2011{background:transparent;} #primary .steamweekends2011 span.cc{background:#49676f;} #primary .steamweekends2011 span.cc2{background:#49676f; display: block; height: 10px; margin: 0px 10px; } #primary .steamweekends2011 span.tr,#primary .steamweekends2011 span.tl,#primary .steamweekends2011 span.br,#primary .steamweekends2011 span.bl{background-image:url(/img/nrm/small-corners/steamweekend2011corner.png);} .railfest2012 .inner-body {background: #ffffff; float:left;width:100%} div.top-corners.white,div.bottom-corners.white{background:transparent;} #primary .railfest2012 span.cc{background:#ffffff;} #primary .railfest2012 span.cc2{background:#ffffff; display: block; height: 10px; margin: 0px 10px; } #primary .railfest2012 span.tr, #primary .railfest2012 span.tl {background-image:url(/img/nrm/small-corners/white.png);} #primary .railfest2012 span.br, #primary .railfest2012 span.bl {background-image:url(/img/nrm/small-corners/white.png);} .railfest2012 #primary h1.no-bars{padding:0 20px; } .railfest2012 a { color: #ffffff; } .railfest2012 #microcontent { color: #000000; } .railfest2012 #microcontent a { color: #ef3c26; } .railfest2012 #primary hr {color:#850157; background-color:#850157;} .railfest2012 .newbutton { cursor: hand; cursor: pointer; padding-top: 8px; box-sizing: border-box; -webkit-box-align: center; text-align: center; line-height: normal; font-weight: 700; line-height: 23px; -webkit-border-radius: 2px; border-radius: 2px; color: white; margin-left: 290px; margin-right: 290px; text-align: center; display: block; background-color: #F5851F; text-decoration: none; float: none; margin-bottom: 10px; width: 300px; height: 60px; font-size: 1.3em; } .railfest2012 #tickettable { font-size: .75em; line-height: 1.875em; width: 80%; background-color: #dddddd; padding: 10px; margin-bottom: 10px; } .railfest2012 #tickettable th { font-weight: bold; text-align: left; } .railfest2012 #tickettable .tickettype { width: 50%; } .railfest2012 #tickettable .price { width: 16%; }.railfest2012 #locotable { font-size: .75em; line-height: 1.875em; width: 700px; background-color: #dddddd; padding: 10px; margin-bottom: 10px; } .railfest2012 #locotable th { font-weight: bold; text-align: left; } .railfest2012 #locotable .loco { width: 480px; } .railfest2012 #locotable .info { width: 40px; } .railfest2012 #locotable td img { width: 20px; border: none !important; margin: 0px !important; padding: 0 !important; } .railfest2012 #locogrid img { position: absolute; width: 170px; height: 120px; border: none !important; } .railfest2012 .locosquare { border:0px solid #F5851F; overflow: hidden; width: 170px; height: 120px; float: left; margin-right: 5px; margin-bottom: 5px; } .railfest2012 .locosquare .popup { display: block; opacity: 0.8; position: relative; top: 120px; width: 204px; z-index: 999; width: 170px; height: 60px; background-color: #F5851F; color: black; font-weight: bold; padding: 5px; } .railfest2012 a.external{ background: url(/img/nrm/icons/external_black.gif) no-repeat top right;padding-right:15px;} .wizardweek2012 .inner-body {background: #231f20; float:left;width:100%} div.top-corners.wizardweek2012,div.bottom-corners.wizardweek2012{background:transparent;} #primary .wizardweek2012 span.cc{background:#231f20;} #primary .wizardweek2012 span.cc2{background:#231f20; display: block; height: 10px; margin: 0px 10px; } #primary .wizardweek2012 span.tr,#primary .wizardweek2012 span.tl,#primary .wizardweek2012 span.br,#primary .wizardweek2012 span.bl{background-image:url(/img/nrm/small-corners/black.png);} .fearandfasc .inner-body {background: #444444; float:left;width:100%} div.top-corners.white,div.bottom-corners.white{background:transparent;} #primary .fearandfasc span.cc{background:#ffffff;} #primary .fearandfasc span.cc2{background:#444444; display: block; height: 10px; margin: 0px 10px; } #primary .fearandfasc span.tr, #primary .fearandfasc span.tl {background-image:url('/img/nrm/small-corners/white.png');} #primary .fearandfasc span.br, #primary .fearandfasc span.bl {background-image:url('/img/nrm/small-corners/fandf.png');} .fearandfasc #primary h1.no-bars{padding:0 20px;} .fearandfasc a{ color: #8dc62b;} /* Home page banners -----------------------------------------------------------------------------------*/ /* Internal slide content including all typography */ #home-slider h2{ background: none; font-weight: normal; margin-bottom: 10px; padding-left: 0; } #home-slider li.item h3{ background: none; font-size: 3.625em; font-weight: normal; letter-spacing: -0.03em; line-height: .9em; margin-bottom: 10px; } #home-slider h4 { margin: 0 0 15px 0; } #home-slider p { font-size: 0.8em; } #home-slider li.item div.slide-content{ float: left; width: 400px; } #home-slider .home-slides-inner-wrapper li.item{ /* background-position: top left; background-repeat: no-repeat; overflow: hidden;*/ } /* Themed items Note all styles declared for every item to ease duplication for futrue itmes */ /* India festival */ /*#home-slider .home-slides-inner-wrapper li.item.india-festival { background-image: url('../img/nrm/home-banners/india-festival.png'); }*/ #home-slider .home-slides-inner-wrapper li.item.india-festival { background-image: url('/img/nrm/home-banners/india-festival.jpg'); } #home-slider .home-slides-inner-wrapper li.item.india-festival h2 { } #home-slider .home-slides-inner-wrapper li.item.india-festival h3 { } #home-slider .home-slides-inner-wrapper li.item.india-festival h4 { color: #ffbf10; } #home-slider .home-slides-inner-wrapper li.item.india-festival p { color: #ffbf10; } #home-slider li.india-festival div.slide-content { } /* India on the move */ #home-slider .home-slides-inner-wrapper li.item.india-on-the-move { background-image: url('/img/nrm/home-banners/india-on-the-move.jpg'); } #home-slider li.item.india-on-the-move h2 { } #home-slider li.item.india-on-the-move h3 { } #home-slider li.item.india-on-the-move h4 { color: #f1df37; } #home-slider li.item.india-on-the-move p { color: #fff; } #home-slider li.item.india-on-the-move a { } #home-slider li.india-on-the-move div.slide-content { width: 500px; } /* Rails and wheels */ #home-slider .home-slides-inner-wrapper li.item.rails-and-reels { background-image: url('/img/nrm/home-banners/rails-and-reels.jpg'); } #home-slider li.item.rails-and-reels h2 { } #home-slider li.item.rails-and-reels h3 { } #home-slider li.item.rails-and-reels h4 { color: #e65e10; } #home-slider li.item.rails-and-reels p { color: #b0ca05; } #home-slider li.item.rails-and-reels a { } #home-slider li.rails-and-reels div.slide-content { width: 500px; } /* Save our Scotsman */ #home-slider .home-slides-inner-wrapper li.item.sos { background-image: url('/img/nrm/home-banners/sos.jpg'); } #home-slider .home-slides-inner-wrapper li.item.sos h2 { color: #000; } #home-slider .home-slides-inner-wrapper li.item.sos h3 { } #home-slider .home-slides-inner-wrapper li.item.sos h4 { color: #ffbf10; } #home-slider .home-slides-inner-wrapper li.item.sos p { color: #000; } #home-slider .home-slides-inner-wrapper li.item.sos a { } #home-slider li.sos div.slide-content { width: 500px; } /* Railway Children */ #home-slider .home-slides-inner-wrapper li.item.railway-children { background-image: url('/img/nrm/home-banners/railway-children.jpg');} #home-slider .home-slides-inner-wrapper li.item.railway-children h2 { color: #000; } #home-slider .home-slides-inner-wrapper li.item.railway-children h3 { color: #000; } #home-slider .home-slides-inner-wrapper li.item.railway-children h4 { color: #be1e20; } #home-slider .home-slides-inner-wrapper li.item.railway-children p { color: #000; } #home-slider .home-slides-inner-wrapper li.item.railway-children a { color: #000; } #home-slider li.railway-children div.slide-content { width: 500px; } /* Wallace and Grommit */ #home-slider .home-slides-inner-wrapper li.item.wallace { background-image: url('/img/nrm/home-banners/wallace.jpg');} #home-slider .home-slides-inner-wrapper li.item.wallace h2 { color: #464646; } #home-slider .home-slides-inner-wrapper li.item.wallace h3 { color: #464646; } #home-slider .home-slides-inner-wrapper li.item.wallace h4 { color: #d64300; } #home-slider .home-slides-inner-wrapper li.item.wallace p { color: #464646; } #home-slider .home-slides-inner-wrapper li.item.wallace a { color: #464646; } #home-slider li.wallace div.slide-content { width: 480px; }