/* GLOBAL ------------------------------*/ body {margin:0; font-family: Arial, Helvetica, sans-serif;font-size: 1em; color:#555; background:#e3ddd1;} /* = Tags ============================================================= */ img {border: none;} h1, h2, h3, h4, h5 {font-family: Arial, Helvetica, sans-serif;font-weight: bold;margin: 0;padding: 0 0 7px 0;} h1 {font-size:1.6em;padding: 0 0 5px 0;} h2 {font-size:0.9em;padding: 0;line-height: 1em;font-family: Arial, Helvetica, sans-serif;} h3 {font-size:0.9em;padding: 0;line-height: 1em;font-family: Arial, Helvetica, sans-serif;} h4 {font-size:1.1em;padding: 0 0 2px 0;line-height: 1.5em;font-family: Arial, Helvetica, sans-serif;} p {margin: 0; padding: 0 0 7px 0; line-height: 1.7em;} ul, ul li {margin: 0; padding: 0; list-style-type: none;line-height:1.5em;} ol, ol li {line-height:1.5em;margin:0 0 0 5px;padding:0 0 5px 15px;} a {color: #848484; text-decoration: none; outline:none;} a:hover {color: #b9b9b9; text-decoration: underline;} sup {font-size:0.8em;padding-bottom:3px;} /* = Header ============================================================= */ #header {background:url(../images/bg/headerbg.png) repeat-x; padding:0; height:138px !important;} #header-outer-wrapper {width:1182px; background:url(../images/bg/header-main-bg.png) no-repeat; height:102px; margin:0 auto;} #header-inner-wrapper {width:960px; margin:0 auto; position:relative;} #logo a{float: left; display: inline; margin:0; padding:0; background: url(../images/global/logo.png) top left no-repeat; width:127px; height:127px; text-indent:-9999px;} #strapline {float: left; display: inline; margin:32px 0 0 15px; padding:0; background: url(../images/global/strapline.png) top left no-repeat; width:511px; height:18px; text-indent:-9999px;} #topnav {float:right;} #topnav ul li {display:inline; font-size:0.75em;} #topnav ul li#spacer {color:#848484; font-weight:bold; margin:0 7px;} #topnav ul li#signup {font-style:italic; color:#b9b9b9; background: url(../images/icons/envolope.png) right no-repeat; padding:0 23px 0 0; font-weight:bold; margin:0 0 0 7px;} #topnav ul li#facebook {font-style:italic; color:#b9b9b9; background: url(../images/icons/facebook.png) right no-repeat; padding:0 23px 0 0; font-weight:bold; margin:0 0 0 7px;} #header-bike {background: url(../images/global/header-bike.png) no-repeat; width:107px; height:99px; position:absolute; right:1px; top:34px;} /* = Main Navigation ============================================================= */ #mainnav {float:left; width:716px; margin:28px 0 0 0;padding:0; overflow: hidden;} #mainnav ul{list-style:none;background:url(../images/menu/mainnavbg.png) no-repeat 0 0;width:716px;height:36px;float:left;} #mainnav li{float:left;list-style:none;} #mainnav li a{display:block; height:36px; text-indent:-99999px; overflow:hidden; background:url(../images/menu/mainnav.png) no-repeat 0 0;} #mainnav li a.ride {width:97px; background-position:0 0;} #mainnav li a.ride:hover, #home #mainnav li a.ride{width:97px; background-position:0 -36px;} #mainnav li a.ride-selected {width:97px; background-position:0 -72px;} #mainnav li a.exyork{width:207px; background-position:-97px 0;} #mainnav li a.exyork:hover, #home #mainnav li a.exyork{width:207px; background-position:-97px -36px;} #mainnav li a.exyork-selected {width:207px; background-position:-97px -72px;} #mainnav li a.yourjourney{width:144px; background-position:-304px 0;} #mainnav li a.yourjourney:hover, #home #mainnav li a.yourjourney{width:144px; background-position:-304px -36px;} #mainnav li a.yourjourney-selected {width:144px; background-position:-304px -72px;} #mainnav li a.stayingsafe{width:133px; background-position:-448px 0;} #mainnav li a.stayingsafe:hover, #home #mainnav li a.stayingsafe{width:133px; background-position:-448px -36px;} #mainnav li a.stayingsafe-selected {width:133px; background-position:-448px -72px;} #mainnav li a.contact{width:133px; background-position:-581px 0;} #mainnav li a.contact:hover, #home #mainnav li a.contact {width:133px; background-position:-581px -36px;} #mainnav li a.contact-selected {width:133px; background-position:-581px -72px;} /* = Content Top Build ============================================================= */ #content-top {background:url(../images/bg/content-top-bg.png) repeat-x; padding:0; height:646px; height:auto !important; min-height:646px;} #content-top-outer-wrapper {width:1212px; height:644px; margin:0 auto; background:url(../images/banners/home.jpg) no-repeat;} .content-top-inner-wrapper {width:960px; margin:0 auto; padding:123px 0 0 0;} h1.title {background:url(../images/global/h1-title.png) no-repeat; margin:0; padding:0; width:620px; height:46px; text-indent:-999999px;} h2.title {background:url(../images/global/h2-title.png) no-repeat; margin:10px 0 0 0; padding:0; width:538px; height:48px; text-indent:-999999px;} h1.ride {background:url(../images/global/h1-ride.png) no-repeat; margin:6px 0 0 0; padding:0; width:218px; height:40px; text-indent:-999999px;} h1.experience {background:url(../images/global/h1-experience.png) no-repeat; margin:4px 0 0 0; padding:0; width:581px; height:42px; text-indent:-999999px;} h1.journey {background:url(../images/global/h1-journey.png) no-repeat; margin:4px 0 0 0; padding:0; width:370px; height:42px; text-indent:-999999px;} h1.safe {background:url(../images/global/h1-safe.png) no-repeat; margin:4px 0 0 0; padding:0; width:341px; height:42px; text-indent:-999999px;} h1.contact {background:url(../images/global/h1-contact.png) no-repeat; margin:4px 0 0 0; padding:0; width:330px; height:42px; text-indent:-999999px;} #video-bg {background:url(../images/bg/video-bg.png) repeat-x; float:left; margin:213px 0 0 0; padding:5px; width:950px; height:129px; } #main-video a {float:left; background:url(../images/video-tumbs/main-video.png) no-repeat; text-indent:-99999px; display:block; height:126px; width:161px;} #watch-now {float:left; width:140px; height:120px; margin:0 30px 0 -4px; padding:0;} #watch-now h4 {float:left; background:url(../images/headings/survival-guide.png) no-repeat; text-indent:-99999px; width:108px; height:20px; margin:2px 0 5px 5px;} #watch-now p {font-size:0.75em; color:#eaeaea; line-height:1.4em; margin:0 0 0 8px;} #watch-now a {float:left; background:url(../images/global/watch-now.png) no-repeat; text-indent:-99999px; width:142px; height:25px; margin:5px 0 0 0;} #other-videos {float:left; width:623px;} #useful-hints-tips h4{float:left; background:url(../images/headings/useful-hints-tips.png) no-repeat; text-indent:-99999px; width:135px; height:20px; margin:2px 0 5px 0;} #video1 a {float:left; background:url(../images/video-tumbs/cornering.png) no-repeat; text-indent:-99999px; display:block; height:91px; width:152px; margin:0;} #video2 a {float:left; background:url(../images/video-tumbs/junction.png) no-repeat; text-indent:-99999px; display:block; height:91px; width:152px; margin:0 0 0 5px;} #video3 a {float:left; background:url(../images/video-tumbs/urban.png) no-repeat; text-indent:-99999px; display:block; height:91px; width:152px; margin:0 0 0 5px;} #video4 a {float:right; background:url(../images/video-tumbs/overtaking.png) no-repeat; text-indent:-99999px; display:block; height:91px; width:152px;} #col-left-top {float:left; background:url(../images/global/col-left-top.png) no-repeat; width:272px; height:26px; margin:31px 0 0 0; padding:10px 0 0 20px;} #col-left-top h3 a{float:left; background:url(../images/headings/hazard-highlights.png) no-repeat; width:131px; height:18px; text-indent:-999999px;} #col-left-bottom {float:left; background:url(../images/global/col-left-bottom.png) no-repeat; width:252px; height:143px; margin:0 0 30px 0; color:#dedede; font-size:0.83em; font-weight:bold; padding:5px 20px 0 20px; position:relative;} #col-left-bottom a {color:#d63232;} #col-left-bike {background:url(../images/global/col-left-bike.png) no-repeat; width:175px; height:139px; position:absolute; right:0; bottom:0;} #col-middle-top {float:left; background:url(../images/global/col-middle-top.png) no-repeat; width:272px; height:26px; margin:31px 0 0 41px; padding:10px 0 0 20px;} #col-middle-top h3 a{float:left; background:url(../images/headings/events.png) no-repeat; width:50px; height:18px; text-indent:-999999px;} #col-middle-bottom {float:left; background:url(../images/global/col-middle-bottom.png) no-repeat; width:252px; height:143px; margin:0 0 30px 41px; color:#dedede; font-size:0.83em; font-weight:bold; padding:5px 20px 0 20px; position:relative;} #col-middle-bottom a {color:#c3ad51;} #col-middle-tyre {background:url(../images/global/col-middle-tyre.png) no-repeat; width:153px; height:148px; position:absolute; right:0; bottom:0;} #col-right-top {float:right; background:url(../images/global/col-right-top.png) no-repeat; width:272px; height:26px; margin:31px 0 0 0; padding:10px 0 0 20px;} #col-right-top h3 a{float:left; background:url(../images/headings/training.png) no-repeat; width:64px; height:18px; text-indent:-999999px;} #col-right-bottom {float:right; background:url(../images/global/col-right-bottom.png) no-repeat; width:252px; height:143px; margin:0 0 30px 0; color:#dedede; font-size:0.83em; font-weight:bold; padding:5px 20px 0 20px; position:relative;} #col-right-bottom a {color:#6d8e24;} #col-right-bike {background:url(../images/global/col-right-training.png) no-repeat; width:167px; height:148px; position:absolute; right:0; bottom:0;} /* = Content Bottom Build ============================================================= */ #content-bottom {background:url(../images/bg/content-bottom-bg.png) repeat-x; padding:0; height:445px; height:auto !important; min-height:445px;} .content-bottom-outer-wrapper {width:1212px; height:441x; background:url(../images/bg/footer-shadow.png) no-repeat; margin:0 auto; height:441px; height:auto !important; min-height:441px;} .content-bottom-inner-wrapper {width:960px; margin:0 auto;} #mission {float:left; width:625px;} #mission p, #keep-posted p {font-size:0.85em; color:#dedede;} h4#our-mission {float:left; height:18px; width:111px; margin:0; padding:0; background:url(../images/headings/our-mission.png) no-repeat; display:block; text-indent:-99999px;} #keep-posted {float:right; width:290px;} h4#keep-you-posted {float:left; height:18px; width:201px; margin:0; padding:0; background:url(../images/headings/keep-you-posted.png) no-repeat; display:block; text-indent:-99999px;} .double-line.small-marg { margin: 5px 0 10px; } h4#latest-tweets {float:left; height:18px; width:120px; margin:0; padding:0; background:url(../images/headings/latest-tweets.png) no-repeat; display:block; text-indent:-99999px;} .follow-link { float: right; } .tweets { height: 200px; overflow: hidden; } .tweets .tweet { margin: 0 0 10px; overflow: hidden; } .tweets .tweet img { border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -webkit-border-radius: 3px; float: left; margin: 0 10px 0 0; } .tweets .tweet .tw-content { float: left; width: 210px; } .tweets .tweet .tw-content .heading { color: #a1a1a1; font-size: 12px; } .tweets .tweet .tw-content .heading span { float: right; } .tweets .tweet .tw-content p { color: #FFFFFF !important; font-size: 12px !important; line-height: 1.2em; padding: 5px 0 0; } .tweets .tweet .tw-content p a { text-decoration: underline; color: #FFFFFF; } /* = Inner Page(s) ============================================================= */ /*Banners*/ .content-top-outer-wrapper.the-ride {width:1212px; height:352px; margin:0 auto; background:url(../images/banners/the-ride.jpg) no-repeat;} .content-top-outer-wrapper.exp-yorkshire {width:1212px; height:352px; margin:0 auto; background:url(../images/banners/exp-yorkshire.jpg) no-repeat;} .content-top-outer-wrapper.your-journey {width:1212px; height:352px; margin:0 auto; background:url(../images/banners/your-journey.jpg) no-repeat;} .content-top-outer-wrapper.your-journey {width:1212px; height:352px; margin:0 auto; background:url(../images/banners/your-journey.jpg) no-repeat;} .content-top-outer-wrapper.staying-safe {width:1212px; height:352px; margin:0 auto; background:url(../images/banners/staying-safe.jpg) no-repeat;} .content-top-outer-wrapper.get-in-touch {width:1212px; height:352px; margin:0 auto; background:url(../images/banners/get-in-touch.jpg) no-repeat;} /*Content*/ .content-top-inner {background:url(../images/bg/content-top-bg.png) repeat-x; padding:0; height:352px; height:auto !important; min-height:352px;} .content-bottom-inner {background:url(../images/bg/content-bottom-bg-inner.png) repeat-x; padding:0; height:738px; height:auto !important; min-height:738px;} .content-bottom-outer-wrapper-inner {width:1212px; height:738px; background:url(../images/bg/footer-shadow-inner.png) no-repeat; margin:0 auto;} /* = Left Hand Side ============================================================= */ .lhs-content {float:left; width:626px; margin:30px 0 0 0; padding:0;} .lhs-content p {font-size:0.85em; line-height:1.4em; color:#f1f1f1; padding:0 0 10px 0;} /*H1 Titles*/ h1.h1-the-ride {background:url(../images/headings/h1-the-ride.png) no-repeat; display:block; text-indent:-999999px; width:99px; height:24px;} h1.h1-experience-yorkshire {background:url(../images/headings/h1-experience-yorkshire.png) no-repeat; display:block; text-indent:-999999px; width:255px; height:24px;} h1.h1-your-journey {background:url(../images/headings/h1-your-journey.png) no-repeat; display:block; text-indent:-999999px; width:159px; height:24px;} h1.h1-staying-safe {background:url(../images/headings/h1-staying-safe.png) no-repeat; display:block; text-indent:-999999px; width:159px; height:24px;} h1.h1-prize-draw {background:url(../images/headings/h1-staying-safe.png) no-repeat; display:block; text-indent:-999999px; width:159px; height:24px;} h1.h1-contact-us {background:url(../images/headings/h1-contact-us.png) no-repeat; display:block; text-indent:-999999px; width:159px; height:24px;} h1.h1-hazard-highlights {background:url(../images/headings/h1-hazard-highlights.png) no-repeat; display:block; text-indent:-999999px; width:223px; height:24px;} h1.h1-tea-breaks {background:url(../images/headings/h1-tea-breaks.png) no-repeat; display:block; text-indent:-999999px; width:131px; height:24px;} h1.h1-picnic-areas {background:url(../images/headings/h1-picnic-areas.png) no-repeat; display:block; text-indent:-999999px; width:374px; height:24px;} h1.h1-useful-links {background:url(../images/headings/h1-useful-links.png) no-repeat; display:block; text-indent:-999999px; width:148px; height:24px;} h1.h1-commuter-survival-guide {background:url(../images/headings/h1-commuter-survival-guide.png) no-repeat; display:block; text-indent:-999999px; width:313px; height:24px;} h1.h1-hints-tips {background:url(../images/headings/h1-hints-tips.png) no-repeat; display:block; text-indent:-999999px; width:145px; height:24px;} h1.h1-top-mods {background:url(../images/headings/h1-top-mods.png) no-repeat; display:block; text-indent:-999999px; width:114px; height:24px;} h1.h1-enhanced-rider-scheme {background:url(../images/headings/h1-enhanced-rider-scheme.png) no-repeat; display:block; text-indent:-999999px; width:278px; height:24px;} h1.h1-scooter-safe {background:url(../images/headings/h1-scooter-safe.png) no-repeat; display:block; text-indent:-999999px; width:159px; height:24px;} h1.h1-newsletters {background:url(../images/headings/h1-newsletters.png) no-repeat; display:block; text-indent:-999999px; width:159px; height:24px;} h1.h1-events {background:url(../images/headings/h1-events.png) no-repeat; display:block; text-indent:-999999px; width:79px; height:24px;} h1.h1-offences {background:url(../images/headings/h1-offences.png) no-repeat; display:block; text-indent:-999999px; width:105px; height:24px;} /*Sub Sections*/ .sub-section-top, .sub-section-top-green {background:url(../images/global/gradient-line.png) no-repeat; width:668px; height:2px; display:block; margin:30px 0 0 0;} .sub-section {margin:1px 0; padding:0; position:relative;} .sub-section-right-top.yellow {float:left; background:url(../images/global/sub-section-right-top-yellow.png) no-repeat; width:470px; height:25px; margin:0; padding:10px 0 0 20px;} .sub-section-right-top.green {float:left; background:url(../images/global/sub-section-right-top-green.png) no-repeat; width:470px; height:25px; margin:0; padding:10px 0 0 20px;} .sub-section-right-top.red {float:left; background:url(../images/global/sub-section-right-top-red.png) no-repeat; width:470px; height:25px; margin:0; padding:10px 0 0 20px;} .sub-section-right-top.blue {float:left; background:url(../images/global/sub-section-right-top-blue.png) no-repeat; width:470px; height:25px; margin:0; padding:10px 0 0 20px;} .sub-section-top-green {margin:5px 0 0 0 !important;} .sub-section-right-top.green-center-small {float:left; background:url(../images/global/sub-section-right-top-green-center-s.png) no-repeat; width:607px; height:25px; margin:0; padding:10px 0 0 20px; text-align:center; color:#FFFFFF;} .sub-section-right-top.green-center-medium {float:left; background:url(../images/global/sub-section-right-top-green-center-m.png) no-repeat scroll bottom; width:607px; height:70px; margin:0; padding:10px 0 0 0; text-align:center; color:#FFFFFF;} .sub-section-right-top.green-center-large {float:left; background:url(../images/global/sub-section-right-top-green-center-l.png) no-repeat; width:607px; height:55px; margin:0; padding:10px 0 0 20px; text-align:center; color:#FFFFFF;} .sub-section-right-top h3 a {color:#FFFFFF;} .sub-section-right-top h3 a:hover {color:#848484;} .sub-section-right-bot {float:left; margin:10px 0 0 20px; background:url(../images/icons/arrow.png) no-repeat scroll right; width:475px;} .sub-section-right-bot.name {float:left; width:607px; text-align:center; background:none;} .sub-section-right-bot.name p {color:#666666; font-size:0.75em; font-weight:bold;} .sub-section-right-bot p a {color:#848484; font-weight:bold; font-size:0.85em;} /*The Ride*/ .sub-section .hazard a{float:left; background:url(../images/global/hazard.png) no-repeat; width:126px; height:75px; display:block; margin:0; text-indent:-999999px;} .sub-section .tea a{float:left; background:url(../images/global/tea.png) no-repeat; width:126px; height:75px; display:block; margin:0; text-indent:-999999px;} .sub-section .picnic a{float:left; background:url(../images/global/picnic.png) no-repeat; width:126px; height:75px; display:block; margin:0; text-indent:-999999px;} /*The Ride - icons*/ #hazard {position:absolute; width:42px; height:38px; background:url(../images/icons/hazard.png) no-repeat; top:-2px; left:102px;} #tea {position:absolute; width:42px; height:38px; background:url(../images/icons/tea.png) no-repeat; top:-2px; left:102px;} #compass {position:absolute; width:42px; height:38px; background:url(../images/icons/compass.png) no-repeat; top:-2px; left:102px;} /*Experience Yorkshire*/ .sub-section .events a{float:left; background:url(../images/global/events.png) no-repeat; width:126px; height:75px; display:block; margin:0; text-indent:-999999px;} .sub-section .newsletters a{float:left; background:url(../images/global/newsletters.png) no-repeat; width:126px; height:75px; display:block; margin:0; text-indent:-999999px;} .sub-section .blog a{float:left; background:url(../images/global/blog.png) no-repeat; width:126px; height:75px; display:block; margin:0; text-indent:-999999px;} .sub-section .pdfs a{float:left; background:url(../images/global/pdfs.png) no-repeat; width:126px; height:75px; display:block; margin:0; text-indent:-999999px;} /*Your Journey*/ .sub-section .commuter a{float:left; background:url(../images/global/commuter.png) no-repeat; width:126px; height:75px; display:block; margin:0; text-indent:-999999px;} .sub-section .hints a{float:left; background:url(../images/global/hints.png) no-repeat; width:126px; height:75px; display:block; margin:0; text-indent:-999999px;} .sub-section .offences a{float:left; background:url(../images/global/offences.png) no-repeat; width:126px; height:75px; display:block; margin:0; text-indent:-999999px;} .sub-section .mods a{float:left; background:url(../images/global/mods.png) no-repeat; width:126px; height:75px; display:block; margin:0; text-indent:-999999px;} /*Staying Safe*/ .sub-section .enhanced a{float:left; background:url(../images/global/enhanced.png) no-repeat; width:126px; height:75px; display:block; margin:0; text-indent:-999999px;} /*.sub-section .scooter a{float:left; background:url(../images/global/scooter.png) no-repeat; width:126px; height:75px; display:block; margin:0; text-indent:-999999px;}*/ .sub-section .bikesafe a{float:left; background:url(../images/global/bikesafe.png) no-repeat; width:126px; height:75px; display:block; margin:0; text-indent:-999999px;} .sub-section .iam a{float:left; background:url(../images/global/iam.png) no-repeat; width:126px; height:75px; display:block; margin:0; text-indent:-999999px;} .sub-section .rospa a{float:left; background:url(../images/global/rospa.png) no-repeat; width:126px; height:75px; display:block; margin:0; text-indent:-999999px;} .sub-section-bottom {background:url(../images/global/gradient-line.png) no-repeat; width:668px; height:2px; display:block; margin:0 0 20px 0;} /*Logos*/ #ers-logos {background:url(../images/global/ers-logos.png) no-repeat; width:282px; height:57px; display:block; margin:0;} /*Your Journey > Commuter Survival Guide Menu*/ #commuternav {float:left; width:641px; margin:30px 0 0 0;padding:0;} #commuternav ul{list-style:none;background:url(../images/menu/commuter-menubg.png) no-repeat 0 0;width:641px;height:38px;float:left;} #commuternav li{float:left;list-style:none;} #commuternav li a{display:block; height:38px; text-indent:-99999px; overflow:hidden; background:url(../images/menu/commuter-menu.png) no-repeat 0 0;} #commuternav li a.scooter {width:130px; background-position:0 0;} #commuternav li a.scooter:hover, #home #commuternav li a.scooter{width:130px; background-position:0 -38px;} #commuternav li a.scooter-selected {width:130px; background-position:0 -76px;} #commuternav li a.filtering{width:105px; background-position:-130px 0;} #commuternav li a.filtering:hover, #home #commuternav li a.filtering{width:105px; background-position:-130px -38px;} #commuternav li a.filtering-selected {width:105px; background-position:-130px -76px;} #commuternav li a.planning{width:109px; background-position:-235px 0;} #commuternav li a.planning:hover, #home #commuternav li a.planning{width:109px; background-position:-235px -38px;} #commuternav li a.planning-selected {width:109px; background-position:-235px -76px;} #commuternav li a.positioning{width:121px; background-position:-344px 0;} #commuternav li a.positioning:hover, #home #commuternav li a.positioning{width:121px; background-position:-344px -38px;} #commuternav li a.positioning-selected {width:121px; background-position:-344px -76px;} /*Your Journey > Hints & Tips*/ #hintsnav {float:left; width:641px; margin:30px 0 0 0;padding:0;} #hintsnav ul{list-style:none;background:url(../images/menu/hintsnav-menubg.png) no-repeat 0 0;width:641px;height:38px;float:left;} #hintsnav li{float:left;list-style:none;} #hintsnav li a{display:block; height:38px; text-indent:-99999px; overflow:hidden; background:url(../images/menu/hintsnav-menu.png) no-repeat 0 0;} #hintsnav li a.cornering {width:112px; background-position:0 0;} #hintsnav li a.cornering:hover, #home #hintsnav li a.cornering{width:112px; background-position:0 -38px;} #hintsnav li a.cornering-selected {width:112px; background-position:0 -76px;} #hintsnav li a.junction{width:113px; background-position:-112px 0;} #hintsnav li a.junction:hover, #home #hintsnav li a.filtering{width:113px; background-position:-112px -38px;} #hintsnav li a.junction-selected {width:113px; background-position:-112px -76px;} #hintsnav li a.urban{width:85px; background-position:-225px 0;} #hintsnav li a.urban:hover, #home #hintsnav li a.urban{width:85px; background-position:-225px -38px;} #hintsnav li a.urban-selected {width:85px; background-position:-225px -76px;} #hintsnav li a.overtaking{width:119px; background-position:-311px 0;} #hintsnav li a.overtaking:hover, #home #hintsnav li a.overtaking{width:119px; background-position:-311px -38px;} #hintsnav li a.overtaking-selected {width:119px; background-position:-311px -76px;} /*You Tube Videos*/ .video {margin:20px 0 0 0;} .video.commuter {margin:20px auto 0 auto !important; width:480px;} /*Content Images*/ #scooter-safe a img{float:right; display:block; margin:0; padding:0;} /* = Right Hand Side ============================================================= */ .rhs-content {float:right; width:292px;} /*In this section*/ .section-top {float:right; background:url(../images/global/section-top.png) no-repeat; height: 26px; margin:89px 0 0; padding: 10px 0 0 20px; width:272px;} .section-top h3 a{float:left; background:url(../images/headings/in-this-section.png) no-repeat; width:131px; height:18px; text-indent:-999999px;} .section-bottom {float:right; background:url(../images/global/section-bottom.png) repeat-y; width:252px; margin:0; color:#dedede; font-size:0.83em; font-weight:bold; padding:5px 20px 10px 20px;} .section-bottom ul {margin:10px 0; padding:0;} .section-bottom ul li {margin:0; padding:0; line-height:1em;} .section-bottom ul li.line {border-top:1px solid #202020; margin:15px 0 0 0; padding:0;} .section-bottom .selected {color:#FFFFFF;} .section-bottom-footer {float:right; float:right; background:url(../images/global/section-bottom-footer.png) no-repeat; width:292px; height:4px; margin:0 0 30px 0;} .section-bottom a {color:#777777;} .section-bottom a:hover {color:#333333;} /*Hazard Highlights*/ .col-left-top {float:right; background:url(../images/global/col-left-top.png) no-repeat; width:272px; height:26px; margin:0; padding:10px 0 0 20px;} .col-left-top h3 a{float:left; background:url(../images/headings/hazard-highlights.png) no-repeat; width:131px; height:18px; text-indent:-999999px;} .col-left-bottom {float:right; background:url(../images/global/col-left-bottom.png) no-repeat; width:252px; height:143px; margin:0 0 30px 0; color:#dedede; font-size:0.83em; font-weight:bold; padding:5px 20px 0 20px; position:relative;} .col-left-bottom a {color:#d63232;} .col-left-bike {background:url(../images/global/col-left-bike.png) no-repeat; width:175px; height:139px; position:absolute; right:0; bottom:0;} /*Inside Pages*/ .col-left-bike-inside {background:url(../images/global/col-left-bike-inside.png) no-repeat; width:196px; height:106px; position:absolute; right:0; bottom:0;} .col-left-bottom-inside {float:right; background:url(../images/global/col-left-bottom-inside.png) no-repeat; width:252px; height:111px; margin:0 0 30px 0; color:#dedede; font-size:0.83em; font-weight:bold; padding:5px 20px 0 20px; position:relative;} .col-left-bottom-inside a {color:#d63232;} /*Events*/ .col-middle-top {float:right; background:url(../images/global/col-middle-top.png) no-repeat; width:272px; height:26px; margin:0; padding:10px 0 0 20px;} .col-middle-top h3 a{float:left; background:url(../images/headings/events.png) no-repeat; width:50px; height:18px; text-indent:-999999px;} .col-middle-bottom {float:right; background:url(../images/global/col-middle-bottom.png) no-repeat; width:252px; height:143px; margin:0 0 30px 0; color:#dedede; font-size:0.83em; font-weight:bold; padding:5px 20px 0 20px; position:relative;} .col-middle-bottom a {color:#c3ad51;} .col-middle-tyre {background:url(../images/global/col-middle-tyre.png) no-repeat; width:153px; height:148px; position:absolute; right:0; bottom:0;} /*Inside*/ .col-middle-tyre-inside {background:url(../images/global/col-middle-tyre-inside.png) no-repeat; width:159px; height:115px; position:absolute; right:0; bottom:0;} .col-middle-bottom-inside {float:right; background:url(../images/global/col-middle-bottom-inside.png) no-repeat; width:252px; height:111px; margin:0 0 30px 0; color:#dedede; font-size:0.83em; font-weight:bold; padding:5px 20px 0 20px; position:relative;} .col-middle-bottom-inside a {color:#c3ad51;} /*Offences*/ .col-right-top {float:right; background:url(../images/global/col-right-top.png) no-repeat; width:272px; height:26px; margin:0; padding:10px 0 0 20px;} .col-right-top h3 a{float:left; background:url(../images/headings/training.png) no-repeat; width:64px; height:18px; text-indent:-999999px;} .col-right-bottom {float:right; background:url(../images/global/col-right-bottom.png) no-repeat; width:252px; height:143px; margin:0 0 30px 0; color:#dedede; font-size:0.83em; font-weight:bold; padding:5px 20px 0 20px; position:relative;} .col-right-bottom a {color:#6d8e24;} .col-right-bike {background:url(../images/global/col-right-police.png) no-repeat; width:167px; height:148px; position:absolute; right:0; bottom:0;} /*Inside*/ .col-right-bike-inside {background:url(../images/global/col-right-training-inside.png) no-repeat; width:153px; height:117px; position:absolute; right:0; bottom:0;} .col-right-bottom-inside {float:right; background:url(../images/global/col-right-bottom-inside.png) no-repeat; width:252px; height:111px; margin:0; color:#dedede; font-size:0.83em; font-weight:bold; padding:5px 20px 0 20px; position:relative;} .col-right-bottom-inside a {color:#6d8e24;} /* = Form Styles ============================================================= */ form.std fieldset {border:none; padding:0; margin:0; width:440px;} form.std label {width:155px; float:left; color:#FFFFFF; font-size:0.75em; font-weight:bold; margin:0 0 2px 0; text-transform:uppercase;} form.std label.long {width:413px;} form.std select {border: 1px solid #CCCCCC; color:#000000; padding:2px;} form.std input {border:1px solid #313131; color:#FFFFFF; padding:2px; width:275px; background:#000000;} form.std textarea {border:1px solid #313131; color:#FFFFFF; padding:2px; width:275px; background:#000000;} form.std input:focus, form.std textarea:focus {border:1px solid #501313; background:#000000;} form.std .checkbox, form.std .radio {width:20px; border:0 !important; background:none;} form.std .checkbox:focus, form.std .radio:focus{background:none;} /* = Buttons ============================================================= */ input.btn-send {background: url("../images/buttons/btn-send.png") no-repeat scroll 0 0 transparent !important; float:right; border:none !important; cursor:pointer; width:75px !important; height:21px; text-indent:-999999px;} input.btn-send:hover {background: url("../images/buttons/btn-send.png") no-repeat scroll 0 -21px transparent !important; border:none !important; cursor:pointer;} /* = Useful Links ============================================================= */ .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border:0 !important;} .ui-accordion .ui-accordion-header .ui-icon {margin-top: -8px; position: absolute; right: 20px !important; top: 50%;} .ui-accordion .ui-accordion-content, .ui-accordion .ui-accordion-content ul {padding:0 !important; margin:0 !important;} h3.ui-accordion-header, .ui-helper-reset, .ui-state-active, .ui-corner-top {margin:5px 0; outline:none;} h3.useful-cont, .ui-accordion-header .ui-helper-reset, .ui-state-default, .ui-state-active, .ui-corner-top{background:url(../images/global/useful-links-bg.png) no-repeat; width:611px; height:22px; padding:8px 0 8px 10px;} h3.offences-cont, ui-accordion-header .ui-helper-reset, .ui-state-default, .ui-state-active, .ui-corner-top, .offences-cont {background:url(../images/global/offences-bg.png) no-repeat; width:611px; height:22px; padding:8px 0 8px 10px;} h3.ui-accordion-header .ui-helper-reset, .ui-state-default, .ui-state-active, .ui-corner-top a {color:#FFFFFF;} .ui-accordion-content, .ui-widget-content, .ui-corner-bottom, .ui-accordion-content-active ul {margin:0 0 7px 0;} .ui-accordion-content, .ui-widget-content, .ui-corner-bottom, .ui-accordion-content-active ul li {background: url(../images/global/gradient-line.png) no-repeat left bottom; margin:0 0 7px 0; font-size:0.95em;} /*Training Details*/ .training-details h3{float:left; margin:0 20px;} .training-details.last h3{margin:0 0 0 20px!important;} /* = Footer ============================================================= */ #footer {background:url(../images/bg/footer-bg.png) repeat-x; padding:0; height:241px; height:auto !important; min-height:241px;} #footer-wrapper {width:960px; margin:0 auto; background:url(../images/bg/footer-bottom.png) no-repeat scroll bottom; min-height:242px; height:auto !important; height:242px;} #footer-logo {background:url(../images/global/footer-logo.png) no-repeat; height:98px; width:97px; float:left; margin:37px 0 0 0; padding:0; display:block; text-indent:-999999px;} #footer-bike {background:url(../images/global/footer-bike.png) no-repeat; height:91px; width:103px; float:right; margin:0; padding:0; display:block;} ul#ride {float:left; margin:35px 35px 0 45px;} ul#ride li.title a{background:url(../images/headings/the-ride.png) no-repeat; width:59px; height:20px; text-indent:-999999px; margin:0 0 7px 0; display:block;} ul#ride li a {font-weight:bold; text-transform:uppercase; font-size:0.83em; color:#afaba2;} ul#ride li a:hover {color:#b52a2d; text-decoration:none;} ul#yorkshire {float:left; margin:35px 35px 0 0;} ul#yorkshire li.title a{background:url(../images/headings/experience-yorkshire.png) no-repeat; width:158px; height:20px; text-indent:-999999px; margin:0 0 7px 0; display:block;} ul#yorkshire li a {font-weight:bold; text-transform:uppercase; font-size:0.83em; color:#afaba2;} ul#yorkshire li a:hover {color:#ccb34a; text-decoration:none;} ul#journey {float:left; margin:35px 35px 0 0;} ul#journey li.title a{background:url(../images/headings/your-journey.png) no-repeat; width:100px; height:20px; text-indent:-999999px; margin:0 0 7px 0; display:block;} ul#journey li a {font-weight:bold; text-transform:uppercase; font-size:0.83em; color:#afaba2;} ul#journey li a:hover {color:#609e97; text-decoration:none;} ul#safe {float:left; margin:35px 0 23px 0;} ul#safe li.title a{background:url(../images/headings/staying-safe.png) no-repeat; width:93px; height:20px; text-indent:-999999px; margin:0 0 7px 0;display:block;} ul#safe li a {font-weight:bold; text-transform:uppercase; font-size:0.83em; color:#afaba2;} ul#safe li a:hover {color:#76972e; text-decoration:none;} ul#small-links {margin:0; padding:0; float:right;} ul#small-links li {display:inline; font-size:0.65em;} ul#small-links li a {color:#afaba3;} ul#small-links li.spacer {color:#afaba3;} p.small {font-size:0.65em; color:#afaba3; float:left;} /* = Win Top Prizes Competition ============================================================= */ .win-top-prizes-hp a, .win-top-prizes-inner-page a{background:url(../images/win-top-prizes/win-top-prizes.png) no-repeat; width:148px; height:134px; display:block; text-indent:-999999px; position:absolute;} .win-top-prizes-hp a {top:410px; right:310px;} .win-top-prizes-inner-page a {top:300px; right:310px;} /* = General Styles ============================================================= */ a.emphasise {border-bottom:1px dotted #999999;padding:0;} a.green-link {border-bottom:1px dotted #999999;padding:0; color:#76972e;} a.emphasise:hover, a.green-link:hover {text-decoration:none; border:none; color:#bc3333;} form {margin:0;padding:0;} p.light {color:#a1b0c0;} .row {margin:10px 0; overflow:hidden; padding:3px 0; position:relative;} .hide{position:absolute; left:-9000px;} .lfloat{float:left;} .rfloat{float:right;} .bold{font-weight:bold;} .noborder{border:none;} .center{text-align:center;} .clear {clear:both; display:block;} .clear-height {clear:both;height:2px;} .clear-right {clear:right;font-size:1%;} .notes {color:#666;} .bold {font-weight:bold;} .bold-white {margin:30px 0 0 0;} .bold-white a {font-size:0.85em; font-weight:bold; color:#FFFFFF; text-transform:capitalize;} .bold-white a:hover {text-decoration:none; color:#b9b9b9;} .marginbot {margin-bottom:5px;} .margintop {margin-top:5px;} .grey {color:#acacac !important;} .green {color:#76972e !important;} .white-bold {color:#FFFFFF; font-weight:bold;} .white {color:#FFFFFF;} .purple-line {border-top:3px solid #7d609e;} .gradient-line {background:url(../images/global/gradient-line.png) no-repeat; width:668px; height:2px; display:block; margin:0 0 20px 0;} div.double-line {background:url(../images/global/double-line.png) repeat-x; margin:10px 0 25px 0; padding:0; height:2px;} span.orange {color:#E52B17;} span.required {color:#FF0000;} /* CLEARING FLOATS (http://www.positioniseverything.net/easyclearing.html) -------------------------------------------------------------------------------------------------------------- */ .clearfix:after {content: "."; clear: both; height: 0; visibility: hidden; display: block;} .clearfix {display: inline-block;} /* Hides from MacIE \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from MacIE */