/* ============ */ /* BONES */ /* ============ */ /* Very large screens */ @media only screen and (min-width: 1441px) {} @media only screen and (max-width: 3000px) and (min-width: 768px) {} /* Medium screens */ @media only screen and (max-width: 1279px) and (min-width: 768px) {} @media only screen and (max-width: 980px) and (min-width: 768px) {} /* Small screens */ @media only screen and (max-width: 767px) {} /* Landscape Orientation */ @media screen and (orientation: landscape) {} /* Portrait Orientation */ @media screen and (orientation: portrait) {} /* Target Internet Explorer 10 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { } /* Touch Detection */ .touch .your-class {} .nfolgreen {color:#829824;} .nfolbrightgreen {color:#d2ff00;} .nfoldarkishgreen {color:#1a5b2b;} .nfoldarkgreen {color:#42441d;} .nfolpanelgreen {color:#5C8A45;} .nfollightgreen {color:#9C0;} .nfolverylightgreen {color:#f8fad1;} .nfollinkgreen {color:#d3ed6b;} .nfolhoveryellow {color:#FF0;} .nfolvisitedpurple {color:#decae9;} .nfolred {color:#bd6435;} .nfoldarkred {color:#A94422;} .nfollightred {color:#efc988;} .nfoldarkblue {color:#4e89c0;} .nfollightblue {color:#95bde2;} .nfolverylightblue {color:#E5F1FB;} .nfoldarkgrey {color:#333333;} .nfollightgrey {color:#666666;} .nfolpurple {color:#777EAE;} /* ============ */ /* GLOBALS */ /* ============ */ body {/*background-color:#bd6435;*/background-color:#42441d;background-image:url('../nfolimages/noise-tile-03.png');color:#000;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;} #bodyfiller {background-color: #696c5a; background-image:url('../nfolimages/noise-tile-03.png');width:100%;} p {line-height:1.4;font-size:15px;color:#fff;} a img {border:none;} a {outline: none;} h1,h2,h3,h4,h5, .strapline, .button, a.button, .pagination, .tooltip, .feedburnerFeedBlock ul li span.headline a {font-family: "futura-pt",sans-serif;font-style: normal;font-weight: 800;text-transform:uppercase;} h2 {font-size:28px;color:#f8fad1;padding-right:20px;} h1, #home .rightcolumn h2, #home .leftcolumn h2 {font-size:34px;color:#fff;text-shadow: 1px 1px 2px #000;border-bottom:solid;border-bottom-color:#fff;border-bottom-width:1px;padding-bottom:10px;margin-top:30px;padding-right:20px;} @media only screen and (max-width: 767px) { h1 {font-size:30px;} } h5 {color:#fff;} .button, a.button {letter-spacing: 0px;} h1.small {font-size:30px !important;} .clearboth {clear:both;} .clearboth.bigmargin {padding-bottom:10px;} .nopadding {padding:0px;} .nomargin {margin:0px;} .marginbottomten {margin-bottom:10px;} .marginbottomtwenty {margin-bottom:20px;} .margintopten {margin-top:10px;} .margintoptwenty {margin-top:20px;} .margintopforty {margin-top:40px;} .margintopsixty {margin-top:60px;} .margintopeighty {margin-top:80px;} .margintophundred {margin-top:100px;} .paddingtwenty {padding:20px;} #maincontentwrapper { max-width:1040px;min-width:320px;margin-left:auto;margin-right:auto; background-image: url(../nfolimages/nfol-pageleft.png),url(../nfolimages/nfol-pageright.png); background-repeat: repeat-y; background-position: left top, right top;} .smalltext {font-size:50%;} blockquote {border:none;} /* Panels ---------------------- */ .panel { background-color:#5C8A45; background-image:url('../nfolimages/noise-tile-03.png');border: solid 1px #9C0; margin: 0 0 22px 0; padding: 20px;padding-top:10px;padding-bottom:10px;position:relative;} .panel > :first-child { margin-top: 0; } .panel > :last-child { margin-bottom: 0; } .panel.callout { background-color: #4e89c0;background-image:url('../nfolimages/noise-tile-03.png'); color: #fff; border-color: #95bde2; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} #maincontent .panel h3, #maincontent .panel h2 { color: #fff;text-shadow: none;padding-right:20px;} #maincontent .panel .panelcontentwrapper h3 { padding-top:10px;border-top:solid;border-top-color:#9C0;border-top-width:1px;} #maincontent .panel .nfolicon { padding-top:10px;} #maincontent .panel .panelcontentwrapper h3 { padding-top:20px;border-top:solid;border-top-color:#9C0;border-top-width:1px;color:#f8fad1;} #maincontent .panel .panelcontentwrapper:first-child h3 { padding-top:0px;border-top:none;margin-top:5px;} #maincontent .panel .panelcontentwrapper:first-child .nfolicon { padding-top:0px;border-top:none;margin-top:0px;} #maincontent .panel.callout h3, #maincontent .panel.callout .nfolicon { padding-top:0px;margin-top:0px;} .panel.callout a { color: #fff; } .panel.callout .button { background: white; border: none; color: #2ba6cb; text-shadow: none; } .panel.callout .button:hover, .panel.callout .button:focus { background: rgba(255, 255, 255, 0.8); background-image:url('../nfolimages/noise-tile-03.png');} .panel.radius { -webkit-border-radius: none; -moz-border-radius: none; -ms-border-radius: none; -o-border-radius: none; border-radius: none; } .panel .nfolicon { margin-bottom:-10px;margin-left:-10px; } .panel .panelnumber {position:absolute;top:5px;right:5px;} .panel .row.collapse {margin-bottom:-10px;} .panel a:hover, #touristinfo .panel.callout.stufftoread .panel.callout.infopanel ul a:hover {color:#FF0;} #search.categories .panel ul, #menupanel.panel ul, #activities.panel ul, #attractions.panel ul, #touristinfo.panel ul, #accommodation.panel ul, #eatingout.panel ul, #home .panel ul, #classifieds.panel ul, #touristinfo .panel.callout.stufftoread .panel.callout.infopanel ul, #activities .panel.callout.stufftoread .panel.callout.infopanel ul, #attractions .panel.callout.stufftoread .panel.callout.infopanel ul, #accommodation .panel.callout.stufftoread .panel.callout.infopanel ul, #eatingout .panel.callout.stufftoread .panel.callout.infopanel ul, #classifieds .panel.callout.stufftoread .panel.callout.infopanel ul {color: #FF0;list-style-image: url(../nfolimages/nfol-bullet.png);margin-left:10px;font-weight:bold;line-height:18px;} .bookingdotcom {padding:0;background: #7b9818 !important;border-color: #1e5a00 !important;} .lhsgoogleads {height:400px;} .bookinglink { text-align: center; background: rgba(255,255,255, 0.5)!important; background: url(data:image/svg+xml!important;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2Q4ZDhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTUyYzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)!important; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.05) 39%, rgba(216, 216, 216, 0.76) 65%, rgba(41, 137, 216, 0.31) 65%, rgba(1, 82, 196, 0.2) 100%)!important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 0.2)), color-stop(39%,rgba(255, 255, 255, 0.05)), color-stop(65%,rgba(216, 216, 216, 0.76)), color-stop(65%,rgba(41, 137, 216, 0.31)), color-stop(100%,rgba(1, 82, 196, 0.2)))!important; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%,rgba(255, 255, 255, 0.05) 39%,rgba(216, 216, 216, 0.76) 65%,rgba(41, 137, 216, 0.31) 65%,rgba(1, 82, 196, 0.2) 100%)!important; background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%,rgba(255, 255, 255, 0.05) 39%,rgba(216, 216, 216, 0.76) 65%,rgba(41, 137, 216, 0.31) 65%,rgba(1, 82, 196, 0.2) 100%)!important; background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%,rgba(255, 255, 255, 0.05) 39%,rgba(216, 216, 216, 0.76) 65%,rgba(41, 137, 216, 0.31) 65%,rgba(1, 82, 196, 0.2) 100%)!important; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%,rgba(255, 255, 255, 0.05) 39%,rgba(216, 216, 216, 0.76) 65%,rgba(41, 137, 216, 0.31) 65%,rgba(1, 82, 196, 0.2) 100%)!important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0152c4',GradientType=0 )!important; position: absolute; top: 5px !important; right: 5px !important; padding: 5px; background-image: url('../nfolimages/noise-tile-03.png'); } .bookinglink:hover { text-align: center; background: rgba(255,255,255, 1)!important; background: url(data:image/svg+xml!important;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2Q4ZDhkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTUyYzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)!important; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.8) 39%, rgba(216, 216, 216, 0.8) 65%, rgba(41, 137, 216, 0.8) 65%, rgba(1, 82, 196, 0.8) 100%)!important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 0.8)), color-stop(39%,rgba(255, 255, 255, 0.8)), color-stop(65%,rgba(216, 216, 216, 0.8)), color-stop(65%,rgba(41, 137, 216, 0.8)), color-stop(100%,rgba(1, 82, 196, 0.8)))!important; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%,rgba(255, 255, 255, 0.8) 39%,rgba(216, 216, 216, 0.8) 65%,rgba(41, 137, 216, 0.8) 65%,rgba(1, 82, 196, 0.8) 100%)!important; background: -o-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%,rgba(255, 255, 255, 0.08) 39%,rgba(216, 216, 216, 0.8) 65%,rgba(41, 137, 216, 0.8) 65%,rgba(1, 82, 196, 0.8) 100%)!important; background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%,rgba(255, 255, 255, 0.08) 39%,rgba(216, 216, 216, 0.8) 65%,rgba(41, 137, 216, 0.8) 65%,rgba(1, 82, 196, 0.8) 100%)!important; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%,rgba(255, 255, 255, 0.08) 39%,rgba(216, 216, 216, 0.8) 65%,rgba(41, 137, 216, 0.8) 65%,rgba(1, 82, 196, 0.8) 100%)!important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0152c4',GradientType=0 )!important; position: absolute; top: 5px !important; right: 5px !important; padding: 5px; background-image: url('../nfolimages/noise-tile-03.png'); } .bookingtown { color:#000; font-size: 65%; } .bookingimage {width:70%; height:auto;} .bookinglink span{font-size:90%;} #search.categories .panel ul li, #menupanel.panel ul li, #activities.panel ul li, #attractions.panel ul li, #touristinfo.panel ul li, #accommodation.panel ul li, #eatingout.panel ul li, #classifieds.panel ul li, #touristinfo .panel.callout.stufftoread .panel.callout.infopanel ul li, #activities .panel.callout.stufftoread .panel.callout.infopanel ul li, #attractions .panel.callout.stufftoread .panel.callout.infopanel ul li, #accommodation .panel.callout.stufftoread .panel.callout.infopanel ul li, #eatingout .panel.callout.stufftoread .panel.callout.infopanel ul li, #classifieds .panel.callout.stufftoread .panel.callout.infopanel ul li {margin-bottom:5px;} .panel h4.smallhead {color:#fff;font-size:14px;} .panel a.button:hover {color:#000;} #search #maincontent .listingpanels a.button {color:#000;margin-top:10px;} .panel h2:first-child {margin-top:0px;} @media only screen and (max-width: 3000px) and (min-width: 960px) { .panel.callout .bigdownarrow {position:absolute;top:-50px;right:50px;width:75px;height:auto;}} @media only screen and (max-width: 1040px) and (min-width: 1px) { .panel.callout .bigdownarrow {display:none;}} .panel.callout.infopanel {margin-bottom:10px;} .panel.callout.infopanel, #maincontent .panel.callout.stufftoread .panel.callout.infopanel p, #maincontent .panel.callout.stufftoread .panel.callout.infopanel a, #maincontent .panel.callout.stufftoread .panel.callout.infopanel h2, #maincontent .panel.callout.stufftoread .panel.callout.infopanel h3, #maincontent .panel.callout.stufftoread .panel.callout.infopanel h4 { color: #fff; } .panel.infopanel.green, #maincontent .panel.callout.stufftoread .panel.infopanel.green p, #maincontent .panel.callout.stufftoread .panel.infopanel.green a, #maincontent .panel.callout.stufftoread .panel.infopanel.green h2, #maincontent .panel.callout.stufftoread .panel.infopanel.green h3, #maincontent .panel.callout.stufftoread .panel.infopanel.green h4, #maincontent .panel.callout.stufftoread .panel.callout.infopanel.topthreefacts p, #maincontent .panel.callout.stufftoread .panel.callout.infopanel.topthreefacts a, #maincontent .panel.callout.stufftoread .panel.callout.infopanel.topthreefacts h2, #maincontent .panel.callout.stufftoread .panel.callout.infopanel.topthreefacts h3, #maincontent .panel.callout.stufftoread .panel.callout.infopanel.topthreefacts h4 { color: #333; } #maincontent .panel.callout.stufftoread .panel.callout.infopanel a { text-decoration:underline; } .panel.stufftoread {/*background-color:#E5F1FB;*/background-color:#fff;color:#333333;border-color:#ccc;padding-bottom:20px;} .panel.stufftoread p, .panel.stufftoread ul {color:#333333;} .panel.stufftoread a {color:#4e89c0;} .panel.stufftoread a:hover {color:#bd6435;} .panel.stufftoread a:visited {color:#9D78AE;} .panel.stufftoread h2, .panel.stufftoread h3, .panel.stufftoread h4, #maincontent .panel.callout.stufftoread h3, #maincontent .panel.callout.stufftoread h4, #maincontent .panel.callout.stufftoread h5 {/*color:#829824;*/color:#5C8A45;} #maincontent .panel.callout.stufftoread h2 {color:#666;} #menupanel.panel a:hover, #maincontent .panel.callout.stufftoread .panel.callout.infopanel a:hover {color:#FF0;} .panel.stufftoread ul {margin-left:20px;} /* ============ */ /* Towns Panels */ /* ============ */ #maincontent .panel.callout.stufftoread .panel.callout.infopanel.topthreefacts {padding-bottom:20px;/*background-color:#bd6435;border-color:#A94422;*/background-color:#ccc;border-color:#999;margin-bottom:20px;} #maincontent .panel.callout.stufftoread .panel.callout.infopanel.topthreefacts .panel.infopanel.green {padding-right:100px;background-color:#E2E2E2;border-color:#ccc;} #maincontent .panel.callout.stufftoread h2 em {font-style:normal;color:#666;} /* Small screens */ @media only screen and (max-width: 767px) { #maincontent .panel.callout.stufftoread .panel.callout.infopanel.topthreefacts .panel.infopanel.green {padding-right:20px;} } #maincontent .panel.callout.stufftoread .panel.callout.infopanel.topthreefacts img {border:none;-webkit-box-shadow: none;box-shadow: none;} #maincontent .panel.callout.stufftoread iframe {width:100%;min-height:375px;} /* ============ */ /* SUBMENU PANELS */ /* ============ */ /*Class= wonderland Class= beaulieumotor Class= oceanarium Class= breamore Class= bucklershard Class= burleyvilla Class= snowtrax Class= dibdengolf Class= elingtidemill Class= exburygardens Class= highcliffecastle Class= hurstcastle Class= lepecountrypark Class= longdownfarm Class= moorsvalley Class= libertyreptile Class= nfwaterpark Class= newforestcider Class= nfwildlifepark Class= paultons Class= raceway Class= sammymiller Class= setleyridge Class= reptiletrail*/ #attractions.attraction.wonderland ul.attractionslist li.wonderland, #attractions.attraction.beaulieumotor ul.attractionslist li.beaulieumotor, #attractions.attraction.oceanarium ul.attractionslist li.oceanarium, #attractions.attraction.breamore ul.attractionslist li.breamore, #attractions.attraction.bucklershard ul.attractionslist li.bucklershard, #attractions.attraction.burleyvilla ul.attractionslist li.burleyvilla, #attractions.attraction.snowtrax ul.attractionslist li.snowtrax, #attractions.attraction.dibdengolf ul.attractionslist li.dibdengolf, #attractions.attraction.elingtidemill ul.attractionslist li.elingtidemill, #attractions.attraction.exburygardens ul.attractionslist li.exburygardens, #attractions.attraction.highcliffecastle ul.attractionslist li.highcliffecastle, #attractions.attraction.hurstcastle ul.attractionslist li.hurstcastle, #attractions.attraction.lepecountrypark ul.attractionslist li.lepecountrypark, #attractions.attraction.longdownfarm ul.attractionslist li.longdownfarm, #attractions.attraction.moorsvalley ul.attractionslist li.moorsvalley, #attractions.attraction.libertyreptile ul.attractionslist li.libertyreptile, #attractions.attraction.nfwaterpark ul.attractionslist li.nfwaterpark, #attractions.attraction.newforestcider ul.attractionslist li.newforestcider, #attractions.attraction.nfwildlifepark ul.attractionslist li.nfwildlifepark, #attractions.attraction.paultons ul.attractionslist li.paultons, #attractions.attraction.raceway ul.attractionslist li.raceway, #attractions.attraction.sammymiller ul.attractionslist li.sammymiller, #attractions.attraction.setleyridge ul.attractionslist li.setleyridge, #attractions.attraction.reptiletrail ul.attractionslist li.reptiletrail {padding-left:2px;padding-right:2px;padding-top:2px;background-color:#1a5b2b;text-transform:uppercase;font-size:12px;} #attractions.attraction.wonderland ul.attractionslist li.wonderland a, #attractions.attraction.beaulieumotor ul.attractionslist li.beaulieumotor a, #attractions.attraction.oceanarium ul.attractionslist li.oceanarium a, #attractions.attraction.breamore ul.attractionslist li.breamore a, #attractions.attraction.bucklershard ul.attractionslist li.bucklershard a, #attractions.attraction.burleyvilla ul.attractionslist li.burleyvilla a, #attractions.attraction.snowtrax ul.attractionslist li.snowtrax a, #attractions.attraction.dibdengolf ul.attractionslist li.dibdengolf a, #attractions.attraction.elingtidemill ul.attractionslist li.elingtidemill a, #attractions.attraction.exburygardens ul.attractionslist li.exburygardens a, #attractions.attraction.highcliffecastle ul.attractionslist li.highcliffecastle a, #attractions.attraction.hurstcastle ul.attractionslist li.hurstcastle a, #attractions.attraction.lepecountrypark ul.attractionslist li.lepecountrypark a, #attractions.attraction.longdownfarm ul.attractionslist li.longdownfarm a, #attractions.attraction.moorsvalley ul.attractionslist li.moorsvalley a, #attractions.attraction.libertyreptile ul.attractionslist li.libertyreptile a, #attractions.attraction.nfwaterpark ul.attractionslist li.nfwaterpark a, #attractions.attraction.newforestcider ul.attractionslist li.newforestcider a, #attractions.attraction.nfwildlifepark ul.attractionslist li.nfwildlifepark a, #attractions.attraction.paultons ul.attractionslist li.paultons a, #attractions.attraction.raceway ul.attractionslist li.raceway a, #attractions.attraction.sammymiller ul.attractionslist li.sammymiller a, #attractions.attraction.setleyridge ul.attractionslist li.setleyridge a, #attractions.attraction.reptiletrail ul.attractionslist li.reptiletrail a {color:#fff;font-weight:bold;} #activities.activities.horseriding ul.activitiesmenu li.horseriding, #activities.activities.camping ul.activitiesmenu li.camping, #activities.activities.walking ul.activitiesmenu li.walking, #activities.activities.cycling ul.activitiesmenu li.cycling, #activities.activities.watersports ul.activitiesmenu li.watersports, #activities.activities.home .panel.callout ul.activitiesmenu li.home, #attractions.attractions.attractionsmap ul.attractionsmenu li.map, #attractions.attraction.attractions ul.attractionsmenu li.map, #attractions.attractions.events ul.attractionsmenu li.events, #touristinfo.touristinfohome ul.touristinfomenu li.home, #touristinfo.towns ul.touristinfomenu li.villages, #accommodation.accommodation.accommodationmap ul.accommodationmenu li.home, #search.featuredaccommodation ul.accommodationmenu li.featured, #eatingout.eatingout.eatingoutmap ul.eatingoutmenu li.home, #search.featuredeatingout ul.eatingoutmenu li.featured, #classifieds.itemsforsale ul.classifiedsmenu li.itemsforsale, #classifieds.itemswanted ul.classifiedsmenu li.itemswanted {padding-left:2px;padding-right:2px;padding-top:2px;background-color:#253279;text-transform:uppercase;font-size:12px;} #activities.activities.horseriding .panel.callout ul.activitiesmenu li.horseriding a, #activities.activities.camping .panel.callout ul.activitiesmenu li.camping a, #activities.activities.walking .panel.callout ul.activitiesmenu li.walking a, #activities.activities.cycling .panel.callout ul.activitiesmenu li.cycling a, #activities.activities.watersports .panel.callout ul.activitiesmenu li.watersports a, #activities.activities.home .panel.callout ul.activitiesmenu li.home a, #attractions.attractions.attractionsmap ul.attractionsmenu li.map a, #attractions.attraction.attractions ul.attractionsmenu li.map a, #attractions.attractions.events ul.attractionsmenu li.events a, #touristinfo.touristinfohome ul.touristinfomenu li.home a, #touristinfo.towns ul.touristinfomenu li.villages a, #accommodation.accommodation.accommodationmap ul.accommodationmenu li.home a, #search.featuredaccommodation ul.accommodationmenu li.featured a, #eatingout.eatingout.eatingoutmap ul.eatingoutmenu li.home a, #search.featuredeatingout ul.eatingoutmenu li.featured a, #classifieds.itemsforsale ul.classifiedsmenu li.itemsforsale a, #classifieds.itemswanted ul.classifiedsmenu li.itemswanted a {color:#95bde2;font-weight:bold;} /* Panels and Sidebars*/ #maincontent .panel.callout.stufftoread .infopanel.callout.panel h3 {color:#fff;font-size:28px;} #maincontent .panel.callout.stufftoread .infopanel.callout.panel h4 {margin-bottom:20px;} #maincontent .panel.callout.stufftoread .infopanel.callout.panel ul li:last-child {margin-bottom:0px;} #maincontent .panel.callout.stufftoread .infopanel.callout.panel ul {clear:both;} /* Panel Sub Submenu*/ #touristinfo.towns.bartononsea ul.townsmenu li.bartononsea, #touristinfo.towns.beaulieu ul.townsmenu li.beaulieu, #touristinfo.towns.bramshaw ul.townsmenu li.bramshaw, #touristinfo.towns.bransgore ul.townsmenu li.bransgore, #touristinfo.towns.brockenhurst ul.townsmenu li.brockenhurst, #touristinfo.towns.bucklershard ul.townsmenu li.bucklershard, #touristinfo.towns.burley ul.townsmenu li.burley, #touristinfo.towns.fawley ul.townsmenu li.fawley, #touristinfo.towns.fordingbridge ul.townsmenu li.fordingbridge, #touristinfo.towns.highcliffe ul.townsmenu li.highcliffe, #touristinfo.towns.hythe ul.townsmenu li.hythe, #touristinfo.towns.lymington ul.townsmenu li.lymington, #touristinfo.towns.lyndhurst ul.townsmenu li.lyndhurst, #touristinfo.towns.milfordonsea ul.townsmenu li.milfordonsea, #touristinfo.towns.newmilton ul.townsmenu li.newmilton, #touristinfo.towns.ringwood ul.townsmenu li.ringwood, #touristinfo.towns.sway ul.townsmenu li.sway, #touristinfo.towns.totton ul.townsmenu li.totton {padding-left:2px;padding-right:2px;padding-top:2px;background-color:#1a5b2b;text-transform:uppercase;font-size:12px;} #touristinfo.towns.bartononsea ul.townsmenu li.bartononsea a, #touristinfo.towns.beaulieu ul.townsmenu li.beaulieu a, #touristinfo.towns.bramshaw ul.townsmenu li.bramshaw a, #touristinfo.towns.bransgore ul.townsmenu li.bransgore a, #touristinfo.towns.brockenhurst ul.townsmenu li.brockenhurst a, #touristinfo.towns.bucklershard ul.townsmenu li.bucklershard a, #touristinfo.towns.burley ul.townsmenu li.burley a, #touristinfo.towns.fawley ul.townsmenu li.fawley a, #touristinfo.towns.fordingbridge ul.townsmenu li.fordingbridge a, #touristinfo.towns.highcliffe ul.townsmenu li.highcliffe a, #touristinfo.towns.hythe ul.townsmenu li.hythe a, #touristinfo.towns.lymington ul.townsmenu li.lymington a, #touristinfo.towns.lyndhurst ul.townsmenu li.lyndhurst a, #touristinfo.towns.milfordonsea ul.townsmenu li.milfordonsea a, #touristinfo.towns.newmilton ul.townsmenu li.newmilton a, #touristinfo.towns.ringwood ul.townsmenu li.ringwood a, #touristinfo.towns.sway ul.townsmenu li.sway a, #touristinfo.towns.totton ul.townsmenu li.totton a {color:#fff;font-weight:bold;} /* ============ */ /* HEADER */ /* ============ */ #headerwrapper {background-color:#95bde2;background-image:url('../nfolimages/noise-tile-03.png');height:190px;width:100%;position:relative;z-index:40;} .headercontent {height:190px;max-width:1800px;min-width:320px;margin-left:auto;margin-right:auto;background-image:url('../nfolimages/nfol-header-background.jpg');background-repeat:no-repeat;background-position:center;position:relative;} .headercontent .logo {text-align:center;position:absolute;width:100%;height:130px;bottom:0px;} .headercontent a {color:#000;} .headercontent .socialmedia {} .twitterheader, .facebookheader {position:absolute;top:10px;left:0px;} .facebookheader {left:28px;} .headercontent .search {text-align:right;top:10px;right:0px;} .button.expand.postfix {background-image:url('../nfolimages/noise-tile-03.png');padding-left:0px;padding-right:0px;} /* Small screens */ @media only screen and (max-width: 767px) { .headercontent .strapline, .headercontent .logo {} .headercontent .logo {}} /* ============ */ /* FOOTER */ /* ============ */ #footerwrapper {/*background-color:transparent;background-image:url('../nfolimages/noise-tile-03.png');*/width:100%;position:relative;z-index:40;overflow:visible;} .footercontentimage {max-width:1800px;min-width:320px;height:150px;margin-left:auto;margin-right:auto;margin-top:-150px;background-image:url('../nfolimages/nfol-footer-background.png');background-repeat:no-repeat;background-position:center bottom;position:relative;} .footercontent {width:100%;margin-left:auto;margin-right:auto;background-color:#42441d;background-image:url('../nfolimages/noise-tile-03.png');} .footercontent p a, .footercontent p, .footercontent, .footercontent ul, .footercontent ul a {color:#829824;font-size:12px;} .footercontent ul a:hover {color:#FF0;} .footercontent ul li {margin-bottom:0px;line-height:18px;} #footerwrapper .footercontent .row .four.columns {padding-left:20px;padding-right:20px;} /* Small screens */ @media only screen and (max-width: 767px) { .footercontentimage {background-position:-500px bottom;} } /* ============ */ /* BUTTONS */ /* ============ */ .button, .panel.callout.stufftoread .button {background-color: #d3ed6b; border:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; /*-webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .5); box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, .5); text-shadow: 1px 1px 1px #ece466; filter: dropshadow(color=#ece466, offx=1, offy=1);*/ -webkit-box-shadow: none; box-shadow: none; text-shadow: none; filter: none; color: #42441d; cursor: pointer; display: inline-block; font-family: inherit; font-size:14px; font-weight: 800; line-height: 1; margin: 0; padding: 10px 20px 11px; position: relative; text-align: center; text-decoration: none; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;-webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /* Hovers */ /* Sizes */ /* Colors */ /* Radii */ /* Layout */ /* Disabled ---------- */background-image:url('../nfolimages/noise-tile-03.png');z-index:60; } .button:hover, .button:focus, .panel.callout.stufftoread .button:hover, .panel.callout.stufftoread .button:focus {color: black; background-color: #d2ff00;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .5); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .5); } .button:active, .panel.callout.stufftoread .button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } .button.medium {font-size:12px;padding:10px;width:100%;} .button.secondbutton {background-image:url('../seastartimages/button-secondary-tile.jpg');background-color:#ffcc00;} .nfolbutton {position:relative;clear:both;} .panel.callout.stufftoread .button {padding:6px;font-size:11px;margin:0px;} /* ============ */ /* NAVIGATION */ /* ============ */ #navigationwrapper {-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .45);box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .45);height:40px;width:100%;background-color: #EDEDED;background-image:url('../nfolimages/noise-tile-03.png');font-family: "futura-pt-condensed",sans-serif;font-style: normal;font-weight: 500;text-transform:uppercase;position:relative;z-index:50;overflow:hidden;} .navigation {min-height:40px;position: relative;bottom:0px;width:100%;} .navbar.top-bar a, .navbar.top-bar {color:#FFF;font-size:20px;letter-spacing:0px;} .navbar.top-bar ul li a {height:40px;line-height:40px;} .navbar.top-bar ul li a:hover {background-color: #E6E6E6; background-image:url('../nfolimages/noise-tile-03.png');} .navbar.top-bar ul li a:active {background-color: #EBEBEB;background-image:url('../nfolimages/noise-tile-03.png');} .navbar.top-bar ul li a.active, #home .navbar.top-bar ul li.home a, #businessdirectory .navbar.top-bar ul li.businessdirectory a , #webdesign .navbar.top-bar ul li.webdesign a , #touristinfo .navbar.top-bar ul li.touristinfo a , #accommodation .navbar.top-bar ul li.accommodation a , #eatingout .navbar.top-bar ul li.eatingout a , #activities .navbar.top-bar ul li.activities a , #attractions .navbar.top-bar ul li.attractions a , #contact .navbar.top-bar ul li.contact a , #aboutus .navbar.top-bar ul li.aboutus a, #search.eatingout .navbar.top-bar ul li.eatingout a, #search.categories .navbar.top-bar ul li.businessdirectory a, #search.search .navbar.top-bar ul li.businessdirectory a, #search.alphabeticallisting .navbar.top-bar ul li.businessdirectory a, #search.accommodation .navbar.top-bar ul li.accommodation a {background-color: #B1B1B1;background-image: url('../nfolimages/noise-tile-03.png');} .navbar ul > li a {padding-left:10px;padding-right:10px;border-left:solid;border-left-color: #b7b7b7;border-left-width:1px;} .navbar ul > li a.home {border-right:solid;border-right-color: #b7b7b7;border-right-width:1px;} .top-bar {background-color: #EDEDED; min-height:40px; line-height:40px; margin: 0 0 0 0; padding: 0; width: auto;max-width:940px; position: relative; /* Contain width to .row width */ /* First