#wrapper { width: 990px; margin: 0 auto; } #body, #navigation, #footer { margin: 0 0 10px; } #header { margin: 18px 0 10px 0; overflow: hidden; width: 990px; } /* Accessibility links */ #accessibility { position: absolute; overflow: hidden; top:0; left:0; } #accessibility h3 { display: none; } #accessibility ul { margin-left:10px; } #accessibility ul li { float: left; display: inline; } #accessibility ul li a { text-indent: -9999px; display: block; color:#fff; } #accessibility ul li a:focus, #accessibility ul li a:active { text-decoration: underline; text-indent: 0; outline: 0; } .clear { clear:both; } /* ---- Start Styles ---- */ body { background-color:#000000; } .wrapper { width:930px;margin:auto;margin-top:26px; } #navigation { background:url(../../images/generic/navigation-jagged-edge.png) repeat-x #ffffff;padding:8px 0 0 0;margin:0; } #navigation ul { height:42px;margin:0;padding:0; } #navigation ul li { display:block;float:left; } #navigation ul li a { float:left;color:#5c5c5c;text-decoration:none;font-weight:bold;font-size:1.5em;display:block;height:42px;padding:0px 18px 0px 21px;line-height:42px;background:url(../../images/generic/navigation-pink-dotted-background.gif) bottom right no-repeat; } #navigation ul li a:hover { color:#ff0054;background-position:top right; } #navigation ul li.home a { padding:0px 20px; } #navigation ul li.press a { padding:0px 32px 0px 29px; } #navigation ul li.active a { color:#ff0054;background-position:top right; } /* Firefox bug with the cufon and line-height? */ #navigation ul li a cufon { margin-top:13px; } #content { background:url(../../images/generic/content-background-dots.jpg) no-repeat left bottom;display:block;border-width:0px 5px 5px 5px;border-color:#ffffff;padding:10px 10px 30px 10px;border-style:solid; } #content noscript { display:block;padding:3em 0;text-align:center;color:#ffffff;font-size:3em; } #content noscript span { color:#ff0054; } html.js #content noscript { display:none; } #content a { color:#ff0054;text-decoration:none; } #content a:hover { color:#ff6598; } #content a.anchor { color:#fff; } #content p.clause { margin:1em 0 0 0.5em;color:#cccccc;font-size:1.2em; } #content div.intro { background:url(../../images/generic/intro-header-background.jpg) no-repeat -6px 0px; } #content div.intro div.top-corners { height:11px;margin:0 12px 0 12px;background:url(../../images/generic/box-shadow-top.png) repeat-x; } #content div.intro div.top-corners div { background:url(../../images/generic/corners-sprite.png) no-repeat; } #content div.intro div.top-corners div.left { width:12px;height:11px;float:left;margin-left:-12px; } #content div.intro div.top-corners div.right { width:12px;height:11px;float:right;margin-right:-12px;background-position:-12px 0; } #content div.intro div.bottom-corners { clear:both;height:11px;margin:0 12px 0 12px;background:url(../../images/generic/box-shadow-bottom.png) repeat-x; } #content div.intro div.bottom-corners div { background:url(../../images/generic/corners-sprite.png) no-repeat; } #content div.intro div.bottom-corners div.left { width:12px;height:11px;float:left;margin-left:-12px;background-position:0px -11px; } #content div.intro div.bottom-corners div.right { width:12px;height:11px;float:right;margin-right:-12px;background-position:-12px -11px; } #content div.intro div.inner { background:url(../../images/generic/box-shadow-middle.png) repeat-y;min-height:191px;height:auto !important;height:191px; } #content div.intro div.inner div.inner-copy { overflow:hidden;padding:0 0 0 231px; } #content div.intro div.inner div.inner-copy h1 { color:#ffffff;font-size:4em; } #content div.intro div.inner div.inner-copy h2 { color:#ffffff;font-size:2em;margin:1em 0 0.8em 0; } #content div.intro div.inner div.inner-copy span.got-it-covered-logo { float:left;margin:0 0 0 -221px;display:block;width:191px;height:191px;background:url(../../images/generic/got-it-covered-logo.png) no-repeat;text-indent:-1000px;overflow:hidden; } #content div.intro div.inner div.inner-copy span.condoms { background:transparent url(../../images/pagespecific/condoms/condoms-logo.png) no-repeat scroll 0 0 !important; } #content div.intro div.inner div.inner-copy span.youre-the-boss { background:transparent url(../../images/pagespecific/youre-the-boss/youre-the-boss-logo.png) no-repeat scroll 0 0 !important; } #content div.intro div.inner div.inner-copy span.local-sexual-health-services { background:transparent url(../../images/pagespecific/local-sexual-health-services/local-sexual-health-services-logo.png) no-repeat scroll 0 0 !important; } #content div.intro div.inner div.inner-copy span.press { background:transparent url(../../images/pagespecific/press/press-logo.png) no-repeat scroll 0 0 !important; } #content div.intro div.inner div.inner-copy p { color:#ffffff;font-size:1.25em;width:620px;padding:10px 0; } #content div.intro div.inner div.inner-copy p.intro { font-weight:bold; } #content div.intro div.inner div.inner-copy dl.faq dd { clear:both;margin-bottom:1em; } #content div.map-container { display:none;margin:10px 0 10px 0;overflow:hidden;width:900px;height:454px; } .info-window { width:250px;overflow:hidden; } .info-window img { float:left;margin-right:10px; } .info-window div { float:left;width:170px;font-size:1.2em;color:#000000; } .info-window a { font-size:1.2em; } html.js #content div.map-container { display:block;overflow:hidden;position:relative; } #content div.map-container #map_canvas { width:900px;height:454px;z-index:1; } #content div.about-town { position:relative;z-index:9999;background:url(../../images/generic/box-swoosh.png) #000000 no-repeat top left; } #content div.about-town img { z-index:9999; } #content div.about-town div.top-corners { height:11px;margin:0 12px 0 12px;background:url(../../images/generic/box-shadow-top.png) repeat-x; } #content div.about-town div.top-corners div { background:url(../../images/generic/corners-sprite.png) no-repeat; } #content div.about-town div.top-corners div.left { width:12px;height:11px;float:left;margin-left:-12px; } #content div.about-town div.top-corners div.right { width:12px;height:11px;float:right;margin-right:-12px;background-position:-12px 0; } #content div.about-town div.bottom-corners { clear:both;height:11px;margin:0 12px 0 12px;background:url(../../images/generic/box-shadow-bottom.png) repeat-x; } #content div.about-town div.bottom-corners div { background:url(../../images/generic/corners-sprite.png) no-repeat; } #content div.about-town div.bottom-corners div.left { width:12px;height:11px;float:left;margin-left:-12px;background-position:0px -11px; } #content div.about-town div.bottom-corners div.right { width:12px;height:11px;float:right;margin-right:-12px;background-position:-12px -11px; } #content div.about-town div.inner { background:url(../../images/generic/box-shadow-middle.png) repeat-y;padding:0 10px; } #content div.about-town div.inner h2 { color:#ffffff;font-size:2em; } #content div.about-town div.top-four { margin:10px 0 0 7px;overflow:hidden; } #content div.about-town div.top-four div { float:left;width:140px;margin-right:40px; } #content div.about-town div.top-four div.last { float:left;width:140px;margin-right:0px; } #content div.about-town div.top-four div img { display:block;margin:0 0 5px 0; } #content div.about-town div.top-four div span { display:block;padding:0 2px;color:#ffffff;font-size:1.2em; } #content div.about-town div.bottom-four { margin:10px 0 0 7px;overflow:hidden; } #content div.about-town div.bottom-four div { float:left;width:140px;margin-right:40px; } #content div.about-town div.bottom-four div.last { float:left;width:140px;margin-right:0px; } #content div.about-town div.bottom-four div img { display:block;margin:0 0 5px 0; } #content div.about-town div.bottom-four div span { display:block;padding:0 2px;color:#ffffff;font-size:1.2em; } div.footer { background:url(../../images/generic/footer-jagged-edge.png) no-repeat top left;padding:10px 28px; } div.footer a { color:#ffffff;text-decoration:none;font-size:1.2em;display:block;height:30px;line-height:30px;margin-top:15px;padding:8px 0 0 84px;background:url(../../images/generic/footer-nhs-logo.png) no-repeat top left; } #content dl, #content ul { color:#ffffff;font-size:1.2em; } #content ul.bullets { list-style:disc;padding:0 0 0 0px;margin:0 0 0 25px; } #content ul.bullets li { padding:0 0 0 0px;margin:0 0 0 10px; } #content dl { margin:0px 0 10px 20px; } #content dl dt { float:left;font-weight:bold; } /* #filters { position:relative;margin-top:-27px;z-index:9000;overflow:hidden;height:auto; } */ /* #filters { position:relative;float:left;z-index:9000;margin:300px 0 0 0;overflow:hidden;width:900px; } */ #filters { width:900px;margin-top:-100px;z-index:2000;position:absolute; } #filters div.filter-tab { cursor:pointer;background-color:#020202;margin-left:194px;color:#ffffff;line-height:27px;font-size:1.2em;width:102px;text-align:center; } #filters div.filter-tab a { cursor:pointer;color:#ffffff;text-decoration:none; } #filters div.filter-content { overflow:hidden;border-width:0px 1px 1px 1px;border-color:#212121;border-style:solid;background-color:#020202; } #filters div.filter-content h2 { color:#ffffff;font-size:1.5em;margin:5px 0 10px 0; } #filters div.filter-content div.refine { padding:10px 27px;width:241px;background-color:#020202; } #filters div.filter-content div.refine span { color:#ffffff;font-size:1.3em;margin-bottom:10px;display:block; } #filters div.filter-content div.refine span a { padding:0;margin:0;height:auto;font-size:0.9em; } #filters div.filter-content div.refine-icons { padding:5px 27px;background-color:#020202;margin:-15px 0 0 0; } #filters div.filter-content a { color:#ff0054;padding: 0 0 0 55px;display:block;height:34px;font-size:1em;text-decoration:none;margin:0 0 5px 0; } #filters div.filter-content a:hover { color:#ff6598; } #filters div.filter-content a span { display:block;font-weight:bold;color:#ffffff; } #filters div.filter-content a.all { background:url(../../images/pagespecific/google-maps/filter-icon-all.png) no-repeat; } #filters div.filter-content a.queue-jump { background:url(../../images/pagespecific/google-maps/filter-icon-queue-jump.png) no-repeat; } #filters div.filter-content a.get-fresh { background:url(../../images/pagespecific/google-maps/filter-icon-get-fresh.png) no-repeat; } #filters div.filter-content a.hello-saucy { background:url(../../images/pagespecific/google-maps/filter-icon-hello-saucy.png) no-repeat; } #filters div.filter-content a.midnight-blend { background:url(../../images/pagespecific/google-maps/filter-icon-midnight-blend.png) no-repeat; } #filters div.filter-content a.no-mistakes { background:url(../../images/pagespecific/google-maps/filter-icon-no-mistakes.png) no-repeat; } #filters div.filter-content a.sweet-lovin { background:url(../../images/pagespecific/google-maps/filter-icon-sweet-lovin.png) no-repeat; } #filters div.filter-content a.go-glam { background:url(../../images/pagespecific/google-maps/filter-icon-go-glam.png) no-repeat; } #filters div.filter-content a.pack-a-rubber { background:url(../../images/pagespecific/google-maps/filter-icon-pack-a-rubber.png) no-repeat; } #filters div.filter-content a.wear-it-with-pride { background:url(../../images/pagespecific/google-maps/filter-icon-wear-it-with-pride.png) no-repeat; } #filters div.filter-content div.refine-icons ul { margin:0 0 0 0;padding:0;overflow:hidden; } #filters div.filter-content div.refine-icons ul li { margin:0;padding:0;float:left; } #filters div.filter-content div.refine-icons ul li a { width:155px; } #filters div.filter-content div.refine-bar div.refine { width:150px;display:block;float:left;padding:0;margin:0; } #filters div.filter-content div.refine-bar { overflow:hidden;padding:5px 10px;background-color:#020202;margin:0 0 0 0; } #filters div.filter-content div.refine-bar ul { width:728px;float:left;margin:0 0 0 0;padding:0;overflow:hidden; } #filters div.filter-content div.refine-bar ul li { margin:0;padding:0;float:left;width:175px; } #filters div.filter-content div.refine-bar ul li a { width:85px; } #filters div.filter-content div.refine-bar ul li a.width-75 { width:75px; } #filters div.filter-content div.refine-bar ul li a.width-80 { width:80px; } #filters div.filter-content div.refine-bar ul li a.width-85 { width:85px; } #filters div.filter-content div.refine-bar ul li a.width-90 { width:90px; } #filters div.filter-content div.refine-bar ul li a.width-95 { width:95px; } #filters div.filter-content div.refine-bar ul li a.width-105 { width:105px; } #filters div.filter-content div.refine-bar ul li a.width-110 { width:110px; }