/* cmsms stylesheet: IDC Layout modified: Saturday, September 20, 2025 5:55:24 PM */ /* SUMMARY BG COLOUR */slider-container/************ HTML BODY CSS ****************/*,*:after,*::before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }html, body {padding: 0; height: 100%; margin: 0;}body {color: #516168; font-family: 'PT Sans', Arial, sans-serif;}@media screen and (min-width: 771px) {body {background: #719ebd url(https://idocanals.co.uk/IDC/BG-Main.jpg); height: 100%; width: 100%; background-position: fixed; background-repeat: no-repeat; background-size: cover;}}@media screen and (max-width: 770px) {body {background: #719ebd;}}html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}html, html a {-webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.06);}h1,h2,h3,h4,h5,h6,p {-webkit-font-smoothing: antialiased !important; font-smoothing: antialiased !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.06);}img {display: block; max-width: 100%; height: auto; width: auto\9; /* ie8 */}.img-centered {margin: 0 auto;}a,a:hover {-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}a {color: #F37048; text-decoration: none;}a:hover,a:focus {color: #516168;}/*** TYPOGRAPHY ***/@media screen and (min-width: 771px) {p {font-weight: 300; font-size: 1.15em; line-height: 25px; margin: 10px 15px;}h1 {font-weight: 700; font-size: 1.8em; margin: 20px 15px 10px}h2 {font-weight: 700; font-size: 1.7em; margin: 20px 15px 10px}h3 {font-weight: 700; font-size: 1.6em; margin: 20px 15px 10px}h4 {font-weight: 700; font-size: 1.6em; margin: 20px 15px 10px}h5 {font-weight: 700; font-size: 1.4em; margin: 20px 15px 10px}h6 {font-weight: 700; font-size: 1.4em; margin: 20px 15px 10px}}@media screen and (max-width: 770px) {p {font-weight: 300; font-size: 1.05em; line-height: 25px; margin: 10px 15px;}h1 {font-weight: 700; font-size: 1.7em; margin: 20px 15px 10px}h2 {font-weight: 700; font-size: 1.6em; margin: 20px 15px 10px}h3 {font-weight: 700; font-size: 1.5em; margin: 20px 15px 10px}h4 {font-weight: 700; font-size: 1.5em; margin: 20px 15px 10px}h5 {font-weight: 700; font-size: 1.4em; margin: 20px 15px 10px}h6 {font-weight: 700; font-size: 1.4em; margin: 20px 15px 10px}}ul, ol {list-style: none;}.red {background: red}.blue {background: blue}.yellow {background: yellow}.green {background: green}.grey {background: grey}.greybg {background: #f6f6f6}.right {float: right !important;}.left {float: left !important;}.leftimg {float: left !important; margin: 0 10px 0 0}.center {text-align: center}.hide {display: none !important;}.show {display: block !important;}.clear {width: 100%; clear: both; height: 2px}.invisible {visibility: hidden;}.text-hide {font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}.hidden {display: none !important; visibility: hidden !important;}.affix {position: fixed;}.logo {max-width: 300px; max-height: 100px; margin: -10px 0 0 0}.maxwidth {max-width: 1400px; margin: 0 auto 0}.sep {width: 100%; clear: both; height: 5px; margin: 10px 0}/**** CONTENT BOXES ****/.homebox {background: #fff; border-radius: 15px; overflow-x: hidden; overflow-y: auto; border-color: #0063a1; border-style: dotted; border-width: 1px 1px 1px 1px; border-radius: 0 13px 11px 0;}@media screen and (min-width: 771px) {.underMenu {max-width: 1400px; margin: 90px auto 25px;}.IDCcontent {margin: 0px auto 0; max-height: 650px; overflow-x: hidden; overflow-y: auto;}.IDCcontentH {margin: 0px auto 0; max-height: 650px; background: none; overflow-x: hidden; overflow-y: auto; padding: 0px 0 5px}.IDCcontentS {margin: 0px auto 0; max-height: 650px; background: none; padding: 10px 0 5px}.IDCcontentFW,.IDCcontentHM {width: 95%; margin: 0px auto 25px; padding: 0 0 5px;}.contentBot,.contentTop {min-height: 100px; margin: 0px auto 25px}.rightH {float: right !important; min-height: 300px}.leftH {float: left !important;}.leftF {float: left !important; width: 32%;}.homeboxS {height: 400px; width: 48.5%; margin: 0 auto 25px}.singlebox {height: 500px; max-width: 1400px; margin: 100px 0 25px}.submenubox {max-width: 1400px; }.waterwayselectbox {max-width: 1400px; margin: 20px auto 25px}.homebox {height: 400px; width: 48%; margin: 10px 1%}}.topEmpty {height: 5px; margin: 105px auto 0px}.contentBot:empty,.contentBot2:empty,.contentTop:empty {display: none}.IDCcontentFW h3 img {margin: 0 0 2px 0}@media screen and (max-width: 770px) {.underMenu {max-width: 100%; margin: 90px auto 25px;}.IDCcontent {margin: 0px auto 0;}.IDCcontentH {margin: 30px auto 0; background: none; padding: 10px 0 5px}.IDCcontentS {margin: 0px auto 0; height: auto; background: none; padding: 10px 0 5px}.IDCcontentFW,.IDCcontentHM {width: 95%; margin: 0px auto 75px; padding: 0 0 5px}.rightH {float: none !important; min-height: 300px}.leftH {float: none !important;}.lefti {float: left !important; width: 40%;}.homeboxS {height: auto; max-height: 400px; width: 95%; margin: 0 auto 25px}.contentBot,.contentBot2 {height: auto; width: 95%; margin: 0 auto 25px}.contentTop {height: auto; width: 95%; margin: 0 auto 25px}.singlebox {max-height: 400px; width: 95%; margin:0 auto 25px}.submenubox {width: auto; margin: 0 auto 25px}.waterwayselectbox {width: 100%; margin: 40px auto 25px}.homebox {height: auto; max-height: 400px; width: 95%; margin: 10px auto}}.IDCcontain,.IDCcontainH {width: 100%; padding: 0 15px 55px; margin: 0 auto 15px} /**** Modify padding for different @media screens ****/.IDCcontent {padding: 10px 0 5px}.contentBot,.contentTop,.homebox,.homeboxS,.submenubox,.singlebox,.HomeSearch,.HomeTop {padding: 10px 10px 1px}/*******/.IDCcontent,.IDCcontentFW,.IDCcontentHM,.homeboxS,.submenubox,.singlebox {background: #fff; border-radius: 15px; overflow-x: hidden; overflow-y: auto; border-color: #F37048; border-style: solid; border-width: 1px 5px 5px 1px; box-shadow: 0 5px 3px rgba(0, 0, 0, 0.2);}.contentBot,.contentTop,.HomeSearch {background: #fff; border-radius: 15px; border-color: #F37048; border-style: solid; border-width: 1px 5px 5px 1px; box-shadow: 0 5px 3px rgba(0, 0, 0, 0.2);}.HomeTop {background: #fff; border-radius: 15px; border-color: #0063a1; border-style: solid; border-width: 1px 5px 5px 1px; box-shadow: 0 5px 3px rgba(0, 0, 0, 0.2);}.topSpace {min-height: 25px; }.BlogBox {margin: 25px 0 25px; border-radius: 10px; border-color: #0063a1; border-style: solid; border-width: 1px 5px 5px 1px; box-shadow: 0 5px 3px rgba(0, 0, 0, 0.2); background: #fff}.waterwaysel {padding: 1px 0 25px; border-top: dotted 1px #0063a1; border-bottom: dotted 1px #0063a1; border-radius: 7px; }.HomeTopBox {border: dotted 1px #0063a1; border-radius: 10px; /*background: #fafafa*/}.socialIcon {border: dotted 1px #67636D; border-radius: 10px}.HomeTop h1 {margin: 10px 15px 15px; color: #0063a1; /*border-bottom: dotted 3px rgba(0,99,161,0.2)*/}.HomeTop1,.HomeTop2,.HomeTop3,.HomeTop4 {}.HomeTop h2 {margin: 25px 15px 0px; color: #0063a1; background: transparent url(/IDC/TopBoxBollard-24-35.png) no-repeat left; padding: 0 0 5px 30px; line-height: 1em}.waterwaysel h2 {margin: 25px 15px 10px; color: #0063a1; background: transparent url(/IDC/TopBoxBollard-24-35.png) no-repeat left; padding: 0 0 5px 30px; line-height: 1em}.HomeTop h2 a {color: #00aacf; }.HomeTop h2 a:hover {color: #2B2533; }.YT1, .YT2{float: left}.YT1 {width: 325px; margin: 0 10px 0 0;}@media screen and (min-width: 556px) {.YT2 {width: 130px; margin: 13px 10px 0 0}.YTlinkbox {min-height: 60px; margin: 0 0 25px}}@media screen and (max-width: 555px) {.YT2 {width: 130px; margin: 0px 0px 0 0}.YTlinkbox {height: 100px; margin: 0 0 25px}}.nflash, .nflashLogo, .nflashLink {float: left}.nflash {width: 230px; font-size: 1.2em; font-weight: 700; color: #ffc439; -webkit-text-stroke: 2px black; margin: 0 0 0 10px}.nflashLogo {width: 200px}.nflashLink {margin: 0 0 0 10px; line-height: 55px}.YTlink {font-size: 2em}.YTlink a {color:#fff}.YTlink a:hover {color: #ffc439}.socialName {width: 100%; font-size: 2em; margin: 1px 0 0 15px}.socialBox {width: 100%; }.sIcon {width: 55px}.sIconDesc {font-size: .9em; margin: 10px 0 0}.leftimg a {display: inline-block; font-size: 3em; line-height: 1; margin: 10px 0 0 15px}.socialName,.socialIcon a {color: #0063a1; }.socialName:hover,.socialIcon a:hover {color: #516168;}/* box-shadow: 1px 1px 0px #F37048; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; transition: background-color 0.4s; *//* background: transparent url(/IDC/TopBoxBollard-24-35.png) no-repeat left; */.HomeTop h3 {margin: 10px 15px 0; color: #0063a1; border-bottom: dotted 3px rgba(0,99,161,0.2)}.HomeTop p {clear: both; margin: 15px 15px}.featBreak {width: 100%; height: 1px; margin: 15px 0 0; background: grey}@media screen and (min-width: 901px) {.HomeTopL,.HomeTopR {float: Left; width: 50%}.HomeTopBox,.socialIcon {float: left; width: 45%; margin: 0 2.5% 0;}}@media only screen and (min-width: 650px) and (max-width: 900px) {.HomeTopL,.HomeTopR {float: none; width: 100%}.HomeTopBox,.socialIcon {float: left; width: 45%; margin: 0 2.5% 15px}}@media screen and (max-width: 649px) {.HomeTopL,.HomeTopR {float: none; width: 100%}.HomeTopBox,.socialIcon {float: none; width: auto; margin: 0 2.5% 15px}}.HomeTopInner ul {width: 100%; margin: 5px 10px 25px -25px}.HomeTopInner li {width: 100%; margin: 0 10px 0 0;}.subheadmenu {margin: 0 0 0px}.subhead {margin: 0 0 5px 15px}.HomeTopInner ul li a {color: #fff; background-color: #0063a1; padding: 2px 10px; font-size: .85em; float: left; margin: 0px 10px 7px 0; border-radius: 5px; box-shadow: 1px 1px 0px #F37048; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; transition: background-color 0.4s;}.HomeTopInner ul li a:hover {color: #e9e9e9; background-color: #0b527f; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; transition: background-color 0.4s;}.HomeTopInner > li {float: left; display: block; position: relative; margin-left: 3.8%;}.HomeTopInner > li:first-child {margin-left: 0;}.padH1 {padding: 0 15px}.contentBot h1,.contentTop h1,.IDCcontent h1,.IDCcontentH h1,.homebox h1,.homeboxS h1,.submenubox h1,.singlebox h1,.IDCcontentHM h1,.HomeSearch h1 {margin: 10px 15px 0; color: #0063a1; border-bottom: dotted 3px rgba(0,99,161,0.2)}.contentBot h2,.contentTop h2,.IDCcontent h2,.IDCcontentH h2,.homebox h2,.homeboxS h2,.submenubox h2,.singlebox h2,.IDCcontentFW h2,.IDCcontentHM h2,.HomeSearch h2,.BlogBox h2 {margin: 10px 15px 0; color: #0063a1; }.HomeSearch h2 {padding: 0; width: 245px}.mag {background: transparent url(/IDC/Icon-Mag-25.png) no-repeat right;}.contentBot h3,.contentTop h3,.IDCcontent h3,.IDCcontentH h3,.homebox h3,.homeboxS h3,.submenubox h3,.singlebox h3,.IDCcontentFW h3,.IDCcontentHM h3,.HomeSearch h3,.DalbumBox h3 {margin: 10px 15px 0; color: #0063a1; border-bottom: dotted 3px rgba(0,99,161,0.2)}.contentBot h4,.contentTop h4,.IDCcontent h4,.IDCcontentH h4,.homebox h4,.submenubox h4,.singlebox h4,.IDCcontentFW h4,.IDCcontentHM h4,.HomeSearch h4,.HomeTop h4,.BlogBox h4 {margin: 10px 15px 0; color: #0063a1;}.contentBot p,.contentTop p,.IDCcontent p,.IDCcontentH p,.homebox p,.homeboxS p,.submenubox p,.singlebox p,.IDCcontentFW p,.IDCcontentHM p {margin: 10px 15px}.IDCcontent li,.homebox li {font-size: 1.1em; margin: 0 0 15px 0; color: #0063a1}.IDCcontent li:before,.homebox li:before,.singlebox li:before {margin: 0 0 -23px -25px; display: block; content: ""; width: 20px; height: 20px; background: transparent url(/IDC/Icon-Bollard-On-20.png) no-repeat;}/************ BLOG ****************/.IDCBlogDate,.BlogDate {font-size: .8em; margin: 0;}.IDCBlogSumm {margin: 5px 15px 0 15px; padding: 5px; height: auto; background: #fff; border-bottom: dotted 3px rgba(0,99,161,0.2)}.IDCBlogImg img {max-width: 100%; display: block; height: auto; margin: 0 5px 0 0}.IDCBlogHead h5 a {color: #181121;}.IDCBlogHead h5 {margin: 0px 0 0 10px;}.IDCBlogHead p {margin: 0 0 5px 10px;}.blogAlbum {margin: 0 0 15px 15px}@media screen and (min-width: 771px) { }.engThumbs {margin: 15px}.eng {float: left; margin: 0 12px 15px 0}.engThmb {}.engThumbs h6 {font-size: 12px !important; margin: -15px 0 0 0; text-align: center}.engMain {}/************ SCROLLING ****************/.scrollbox::-webkit-scrollbar {width: 1em; rgba(117, 207, 240, 0.3) !important;}.scrollbox::-webkit-scrollbar-track {box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);}.scrollbox::-webkit-scrollbar-thumb {background-color: #0063a1; outline: 0 solid #5DC7CF; border-radius: 0 13px 11px 0;}/************ FOOTER ****************/.policy a {margin: 0 15px 0 0}@media screen and (min-width: 771px) {.footerN {width: 100%; z-index:1000; position: -webkit-sticky !important; position: sticky !important; bottom: 0px !important; margin: 25px 0 0; height: 50px; font-size: .8em; background: #0b527f; border-color: #F37048; border-style: solid; border-width: 5px 0px 2px; box-shadow: 0 5px 3px rgba(0, 0, 0, 0.2);}/*.footerN {position: fixed; bottom: 0; left: 0; width: 100%; height: 75px; font-size: .8em; background: #0b527f; border-top: 5px solid #F37048}*//*.footerN {width: 100%; height: 100px; font-size: 13px; background: #0b527f; border-top: 5px solid #F37048; margin: 25px 0 0}*/.copyright,.socialLink,.policy {margin: 15px 0 0}.copyright-info {font-size: 13px; margin: 0 0 0 15px}/* SOCIAL ICONS TOPLINE */.nxtopline ul {margin: 17px 0 0 -20px}.nxtopline ul li {float: left}.nxtopline ul li {display: inline; margin: 0 5px 0 0; padding: 0;}.nxtopline ul li a {display: inline-block; font-size: 2.1em; line-height: 1; color: #fff;}.nxtopline ul li a:hover {color: #5DC7CF !important;}.nxtopline ul li a i {display: inline-block; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition: -webkit-transform 250ms ease-out 0s; -moz-transition: -moz-transform 250ms ease-out 0s; -ms-transition: -moz-transform 250ms ease-out 0s; -o-transition: -o-transform 250ms ease-out 0s; transition: transform 250ms ease-out 0s;}.nxtopline ul li a:hover i {-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);}.footerN ul.social {padding: 0; margin: 0; list-style: none; text-align: left;}.footerN .social li {display: inline; margin: -5px 7px 0 0; padding: 0;}.footerN .social li a {display: inline-block; font-size: 1.2em; line-height: 1; color: #fff;}.footerN .social li a:hover {color: #5DC7CF;}.footerN .social li a i {display: inline-block; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition: -webkit-transform 250ms ease-out 0s; -moz-transition: -moz-transform 250ms ease-out 0s; -ms-transition: -moz-transform 250ms ease-out 0s; -o-transition: -o-transform 250ms ease-out 0s; transition: transform 250ms ease-out 0s;}.footerN .social li a:hover i {-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);}}@media screen and (max-width: 770px) {/* SOCIAL ICONS TOPLINE */.nxtopline ul {margin: 22px 0 0 -45px}.nxtopline ul li {float: left !important}.nxtopline ul li {display: inline; margin: 0 0px 0 0; padding: 0;}.nxtopline ul li a {display: inline-block; font-size: 1.5em; line-height: 1; color: #fff;}.nxtopline ul li a:hover {color: #5DC7CF;}.nxtopline ul li a i {display: inline-block; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition: -webkit-transform 250ms ease-out 0s; -moz-transition: -moz-transform 250ms ease-out 0s; -ms-transition: -moz-transform 250ms ease-out 0s; -o-transition: -o-transform 250ms ease-out 0s; transition: transform 250ms ease-out 0s;}.nxtopline ul li a:hover i {-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);}.footerN {width: 100% !important; margin: 25px 0 0 !important; height: 85px; font-size: .8em; background: #0b527f; border-color: #F37048; border-style: solid; border-width: 5px 0px 1px; box-shadow: 0 5px 3px rgba(0, 0, 0, 0.2);}.copyright,.socialLink,.policy {margin: 10px 0 0 15px}.policy {line-height: 1.75em}.Copyright p {margin: none !important}.copyright-info {font-size: 12px; margin: 0 0 0}.footerN ul.social {padding: 0; margin: 0; list-style: none; text-align: left;}.footerN .social li {display: inline; margin: 0 10px 0 0; padding: 0;}.footerN .social li a {display: inline-block; font-size: 1.5em; line-height: 1em; color: #fff;}.footerN .social li a:hover {color: #516168;}.footerN .social li a i {display: inline-block; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition: -webkit-transform 250ms ease-out 0s; -moz-transition: -moz-transform 250ms ease-out 0s; -ms-transition: -moz-transform 250ms ease-out 0s; -o-transition: -o-transform 250ms ease-out 0s; transition: transform 250ms ease-out 0s;}}.policy a {color: #fff}.policy a:hover {color: #F37048}.copyright-info {color: #b5b5b5 !important;}/* SCREEN READERS */.visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;}.invisible {visibility: hidden;}.IDChide {display: none}.FullWidth {padding: 0 10px}.SearchTitle h1 {color: #0063a1}.searchnotecolor {color: #0063a1; letter-spacing: .075em;}.searchnotePcolor {color: #0063a1; letter-spacing: .075em; font-weight: 700; font-size: 1.4em !important; margin: 3px 0 0 !important}.searchnoteRcolor {color: #0063a1; letter-spacing: .075em;}.searchnoteRcolor p {font-weight: 600}.Ritems {margin: 15px 0 0 20px}.searchRitem {width: 350px; height: 27px; font-size: 1.1em; margin: 0 0 15px 0; padding: 2px 10px; background: #e9e9e9; border-radius: 5px}.searchRitem:hover {background: #e0dddd;}.searchRitem a {color: #0063a1;}.searchRitem a:hover {color: #181121;}.searchrel {font-size: .8em}input.search-input::-webkit-search-decoration, input.search-input::-webkit-search-results-button,input.search-input::-webkit-search-results-decoration {-webkit-appearance: none;}.ROsearch ::-webkit-input-placeholder,.ROsearch ::-moz-placeholder,.ROsearch input[placeholder] {line-height: normal;}.ROSearchButton img {margin: 0px 0 -15px -48px}.ROSearchButton {width: 67px; height: 40px; border: 0; background: transparent;}.ROSearchButton {z-index: 5;}.sb {width: 67px; height: 40px; position: relative; top: 0; right: 0;}input.search-input::placeholder {color: #fff; text-transform: capitalize; font-weight: 400}input.search-input {background: #0063a1; border: none; border-radius: 0 20px 20px 35px; line-height: 40px; outline: 0; padding: 0px 0 0px 20px !important; font-size: 15px; letter-spacing: .09em; color: #fff; padding: 5px 0 7px 8px; transition: all .35s ease-in-out; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; max-width: 90%;}input.search-input:focus { border: none;}.HomeSearch {height: auto;}.TopLine {max-width: 1400px; margin: 25px 0 0; border-radius: 10px 10px 0 0; background: #fff}.TopLine h1 {color: #0063a1}@media screen and (min-width: 771px) {.TopLine h1 {font-size: 1.85em}.RandImg img {max-width: 95%; height: auto; TopLinemargin: 25px 0; box-shadow: 5px 5px 25px -2px #555555; border-radius: 0 0 10px 10px}.HPRandImg {max-width: 1400px; height: auto; margin: 0; box-shadow: 5px 5px 25px -2px #555555; border-radius: 0 0 10px 10px}.HPRandImg img {max-width: 100%; height: auto; margin: 0; box-shadow: 5px 5px 25px -2px #555555; border-radius: 0 0 10px 10px}.ContentSearch .ROsearch {margin: 5px 0 0 15px !important}input.search-input {height: 35px; line-height: 35px; width: 95%; max-width: 375px;}input.search-input:focus {max-width: 80%;}.sub-header {padding: 10px 0}.headerAdd1,.headerAdd2,.headerAdd3 {width: 33.333332%; float: left; margin: none}.TopBannerImg img {width: 99%; display: block; height: auto; margin: 0 auto}}@media screen and (max-width: 1000px) {.TopLine h1 {font-size: 1.5em}}@media screen and (max-width: 770px) {.RandImg img {max-width: 90%; height: auto; margin: 25px auto; box-shadow: 5px 5px 25px -2px #555555; border-radius: 10px}.HPRandImg {max-width: 1400px; height: auto; margin: 25px 0; box-shadow: 5px 5px 25px -2px #555555; border-radius: 0 0 10px 10px}.HPRandImg img {max-width: 100%; height: auto; margin: 0; box-shadow: 5px 5px 25px -2px #555555; border-radius: 0 0 10px 10px}.ContentSearch .ROsearch {margin: 5px 0 15px 15px !important}input.search-input {height: 35px; line-height: 17px; width: 250px;}input.search-input:focus { width: 250px;}.HomeSearch input.search-input {height: 35px; line-height: 35px; width: 95%; max-width: 220px;}#cntnt01searchinput {width: 340px !important}}@media only screen and (max-width: 770px) {}/****** Home Page Random background Top Image ******//* DISCLAIMER */.HomeDisc {background: #fff; border-radius: 15px; border-color: #0063a1; border-style: solid; border-width: 1px 5px 5px 1px; box-shadow: 0 5px 3px rgba(0, 0, 0, 0.2); margin: 25px 0 0}.ResEntryDisc {margin: 25px auto; width: 97%; border: 1px dashed #516168; border-radius: 8px}.ResEntryDisc p {font-size: .73em; color: #181121; margin: 15px 15px 0 15px; line-height: 1.3em}.ResEntryDisc h6 {color: #0063a1; font-size: 1.2em!important}@media screen and (min-width: 771px) {.ResEntryDisc h6 {font-size: 1.1em; margin: 15px 0 -10px 15px; background: transparent url(/IDC/TopBoxBollard-24-35.png) no-repeat left; padding: 0 0 5px 30px; line-height: 35px; height: 35px}}@media screen and (max-width: 770px) {.ResEntryDisc h6 {font-size: 1.1em; margin: 15px 0 -10px 15px; background: transparent url(/IDC/TopBoxBollard-24-35.png) no-repeat left; padding: 0 0 5px 30px; line-height: 18px; height: 35px}}/****** HOME IMAGE SLIDER ******/.carosliderBox {border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.35) 1.95px 1.95px 2.6px;}/****** CONTROL '<' '>' ******/.caroControlRt,.caroControlLt {height: 35px; width: 35px; border-radius: 35px ; position: absolute; top: 85%; z-index: 5; display: inline-block; font-size: 40px; line-height: 32px; font-weight: 700; background: #0063a1; color: #fff; border: solid 1px #fff}@media screen and (min-width: 771px) {.carousel1 {width: 100%; height: 300px; background: #0063a1 url(/IDC/Slider/Slider-Cruising1.jpg) no-repeat left bottom !important;}.carousel2 {width: 100%; height: 300px; background: #0063a1 url(/IDC/Slider/Slider-Boat-Build-and-Fit1.jpg) no-repeat left bottom !important;}.carousel3 {width: 100%; height: 300px; background: #0063a1 url(/IDC/Slider/Slider-Traders-Afloat1.jpg) no-repeat left bottom !important;}.carousel4 {width: 100%; height: 300px; background: #0063a1 url(/IDC/Slider/Slider-Pontcysyllte-Aqueduct-1.jpg) no-repeat left bottom !important;}}@media screen and (max-width: 770px) {.carousel1 {width: 100%; height: 300px; background: #0063a1 url(/IDC/Slider/Slider-Cruising-500.jpg) no-repeat left bottom !important;}.carousel2 {width: 100%; height: 300px; background: #0063a1 url(/IDC/Slider/Slider-Boat-Build-and-Fit-500.jpg) no-repeat left bottom !important;}.carousel3 {width: 100%; height: 300px; background: #0063a1 url(/IDC/Slider/Slider-Traders-Afloat-500.jpg) no-repeat left bottom !important;}.carousel4 {width: 100%; height: 300px; background: #0063a1 url(/IDC/Slider/Slider-Pontcysyllte-Aqueduct-500.jpg) no-repeat left bottom !important;}}/* SLIDER IMAGES */.sliderText {color: #fff; width: 500px; height: 300px; margin-right: -45px; background: #0063a1 url(/IDC/Slider/BG-TextEnd.png) repeat-x left top !important;}.header-text {position: absolute; top: 0; left: 1.8%; width: 96.6666667%; padding: 0px 25px 30px}.header-text h2 {display: inline-block;}.header-text h3 {display: inline-block; }@media screen and (min-width: 771px) {.carosliderBox {max-width: 1400px; margin: 5px auto 25px;}}@media (max-width: 770px) {.carosliderBox {max-width: 95%; margin: 5px auto 15px;}.sliderText {width: 175px; height: 300px;}.header-text {top: 0;}.header-text h2 {font-size: 25px;}.header-text h3 {font-size: 15px;}}@media (max-width: 467px) {.header-text {top: 0;}.header-text h2 {font-size: 20px;}.header-text h3 {font-size: 15px;}}/*.carousel-inner {border-radius: 15px}.carousel {position: relative; border-radius: 15px}.carousel-inner {position: relative; overflow: hidden; width: 100%}.carousel-inner>.item {display: none; position: relative; -webkit-transition:.6s ease-in-out left; transition:.6s ease-in-out left}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {display: block}.carousel-inner>.active {left: 0; }.carousel-inner>.next,.carousel-inner>.prev {position: absolute; top :0; width: 100%}.carousel-inner>.next {left:100%}.carousel-inner>.prev {left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right {left:0}.carousel-inner>.active.left {left:-100%}.carousel-inner>.active.right {left:100%}.carousel-control {position: absolute; top:0; left:0; bottom:0; width:15%; opacity:.5; filter: alpha(opacity=50); font-size: 50px; text-align: center; text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-control.right {left:auto;right:0;}.carousel-control:hover,.carousel-control:focus {outline: 0; color: red; text-decoration: none; opacity: .9; filter: alpha(opacity=90)}.carousel-indicators {position: absolute; bottom: 0px; left:50%; z-index: 15; width: 60%; margin-left: -30%; padding-left:0; list-style:none; text-align: center}.carousel-indicators li {display: inline-block; width: 10px; height: 10px; border-radius: 10px; margin: 1px; text-indent:-999px; border: 2px solid #fff; cursor: pointer; background-color: #fff;}.carousel-indicators li:hover {background-color: #00aacf}.carousel-indicators .active {margin: 0; width: 12px; height: 12px; background-color: #0063a1}.carousel-indicators:hover {color: #fff}*/@media screen and (min-width:771px){}@media screen and (min-width:771px){.carousel-control .icon-prev,.carousel-control .icon-next {width:30px;height:30px;margin-top:-15px;margin-left:-25px; font-size: 30px}}/* HOME PAGE SLIDER */* {margin: 0; padding: 0; box-sizing: border-box;}/* Slider Container */.slider-container {width: 100%; height: 400px; margin: 12px auto 0; overflow: hidden; position: relative; border-radius: 10px; border-style: solid; border-width: 1px 5px 5px 1px; box-shadow: 0 5px 3px rgba(0, 0, 0, 0.2);}/* Hide radio buttons */input[type="radio"] {display: none;}.slides {display: flex; width: 400%; height: 400px !important; transition: transform 0.5s ease-in-out;}.slide {width: 25%; flex-shrink: 0; height: 100% !important; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center;}.slide-text {background-color: rgba(11, 82, 127, 0.75); color: white; max-width: 550px; min-width: 450px; height: 100% !important; padding: 15px 15px; font-size: 24px; border-radius: 5px;}.slide-text p a {color: #0063a1; border-bottom: 1px dashed #c8f0ff; background: #96c6e7; padding: 4px 8px; border-radius: 5px}.slide-text p a:hover {color: #FFFDE2; border-bottom: 1px dashed #fdc348}.slide-text h4 {font-size: .65em; color: #FFFDE2; background: #0063a1 url(/IDC/TopBoxBollard-24-35.png) no-repeat 5px 5px; padding: 8px 12px 8px 35px; border-radius: 12px; text-shadow: 1px 1px #000; letter-spacing: .05em; box-shadow: 1px 1px #c8f0ff; margin: 0}.slide-text p {font-size: .55em; color: white; font-weight: 300}.slideFullList {font-size: .65em; margin: -10px 0 0 0;}.slide-text h4 a {color: #0063a1; border-bottom: 1px dashed #c8f0ff; background: #96c6e7; padding: 4px 8px; border-radius: 5px; margin: 0 5px 0 }.slide-text h4 a:hover {color: #FFFDE2; border-bottom: 1px dashed #fdc348}/* Navigation Dots */.nav-dots {position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); display: flex; gap: 25px;}.nav-dots label {width: 17px; height: 17px; background-color: white; border: 2px #0063a1 solid; border-radius: 50%; cursor: pointer; transition: 0.3s;}.nav-dots label:hover {background-color: gray;}.slide1 {background-image: url('/IDC/Slider/SLD-Map.jpg');}.slide2 {background-image: url('/IDC/Slider/SLD-Congleton-Basin.jpg');}.slide3 {background-image: url('/IDC/Slider/SLD-Phoenix-Narrow-Boat.jpg');}.slide4 {background-image: url('/IDC/Slider/SLD-Pontcysyllte-Aqueduct.jpg');}/* Change slides based on radio button selection */#slide1:checked ~ .slides { transform: translateX(0%); }#slide2:checked ~ .slides { transform: translateX(-25%); }#slide3:checked ~ .slides { transform: translateX(-50%); }#slide4:checked ~ .slides { transform: translateX(-75%); }/* Highlight active dot */#slide1:checked ~ .nav-dots label:nth-child(1),#slide2:checked ~ .nav-dots label:nth-child(2),#slide3:checked ~ .nav-dots label:nth-child(3),#slide4:checked ~ .nav-dots label:nth-child(4) {background-color: #0063a1; border: 2px #fff solid} /* cmsms stylesheet: IDC WatersideEntries modified: Saturday, September 20, 2025 5:55:22 PM */ /* SUMMARY FILTERS */#filters {width: auto; height: 50px; margin: 0 0 15px 15px; border-radius: 0 0 0 45px; color: #fff}#filters select {border-radius: 10px; padding: 0 0 3px 3px; margin: 0 5px}.filterdesc {margin: 0 0 15px 15px}.filterdesc h4 {margin: 15px 0 -10px; font-size: 1.2em}.or {margin: 0 0}@media screen and (max-width: 770px) {#filter-waterway {width: 90px}#filter-county {width: 90px}}/*.hide {display: none !important;}.show {display: block !important;}*/.IDCcontentHM .HeadTitle,.IDCcontentHM .mapAndContent #mapandboxes h2 {display: none}.IDCcontentHM .mapAndContent #mapandboxes h2 {max-width: 1400px;}/**** WATERWAY LINKS ****/.waterwayLinks {width: 320px; margin: 0 auto;}.waterwayLink a {display: block; width: 300px; height: 22px; padding: 2px 10px; font-size: .85em; margin: 10px 10px 0 0; color: #fff; background-color: #0063a1; border-radius: 5px; box-shadow: 1px 1px 0px #F37048; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; transition: background-color 0.4s;}.waterwayLink a:hover {color: #e9e9e9; background-color: #0b527f; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; transition: background-color 0.4s;}.waterwayListLinks a {display: block; width: auto; height: 20px; padding: 2px 10px; font-size: .8em; margin: 7px 10px 0 0; color: #fff; background-color: #0063a1; border-radius: 5px; box-shadow: 1px 1px 0px #F37048; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; transition: background-color 0.4s;}.waterwayListLinks a:hover {color: #e9e9e9; background-color: #0b527f; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; transition: background-color 0.4s;}@media screen and (min-width: 701px) {.waterwayListLinks {width: auto; margin: 0 auto; float: left}}@media only screen and (max-width: 700px) {.waterwayListLinks {width: auto; margin: 0; float: left}}.KEYboxH ul {margin: 4px 0 20px}.KEYboxH li:before {margin: 0 0 -25px -30px; display: block; content: ""; width: 20px; height: 30px; background: transparent url(/IDC/Icon-Bollard-Off-20.png) no-repeat 0 7px;}.CanalD ul {margin: -10px 0 20px}.CanalD li:before, .WaterwayFac li:before {margin: 0 0 -23px -25px; display: block; content: ""; width: 20px; height: 30px; background: transparent url(/IDC/Icon-BollardGrey-20.png) no-repeat 0 7px;}.ResContD li:before {margin: 0 0 -23px -25px; display: block; content: ""; width: 20px; height: 30px; background: transparent url(/IDC/Icon-BollardGrey-20.png) no-repeat 0 7px;}.historyUL, .historyULP {margin: 0 0 25px}.historyUL li:before {margin: 0 0 -23px -30px; display: block; content: ""; width: 20px; height: 30px; background: transparent url(/IDC/Icon-Bollard-Off-20.png) no-repeat 0 7px;}.historyULP li:before {margin: 0 0 -23px -30px; display: block; content: ""; width: 20px; height: 30px; background: transparent url(/IDC/Icon-Bollard-Off-20.png) no-repeat 0 7px;}.historyULP {margin: 0 0 0 100px}.HistBox {width: auto}.historyULP, .HistPic {float: left}.HistWords {width: auto; min-height: 95px}.HistPic {width: 110px; height: 95px; margin: -95px 0 0;}.smilie,.h1Boll {display: inline}/* COUNTIES & VIDEO BOTTOM LISTS */.itemCount {color: #FED519; text-transform: none}.ClistsBox ul {margin: 0 0 0 -40px !important}li.Clists {list-style: none; text-align: center; font-size: .7em; float: left; margin: 10px 10px 0px 0; background-color: #0b527f; border-radius: 5px; box-shadow: 1px 1px 0px #FFF352; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; transition: background-color 0.4s;}li.Clists a {display: block; padding: 3px 6px; color: #fff; letter-spacing: .05em}li.Clists a:hover {color: #e9e9e9; background-color: #0063a1; border-radius: 5px; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; transition: background-color 0.4s;}/***** ENTRY SUMMARIES & WATERWAY DESC FEATURES *****/.entryCount {color: #0063a1;}.count {padding: 4px 8px 4px 8px; border-radius: 13px; background: #96c6e7; color: #0f3560; letter-spacing: .06em; font-weight: 600}.ResEntry {padding: 2px 7px 7px; background: #d3efff; border: dotted 1px #516168; border-radius: 7px; height: 95px}@media screen and (min-width: 801px) {.entryCount h5 {margin: 0 0 10px; font-size: 98%; padding: 5px 10px; width: 445px; }.ResCont {width: 100%; margin: 0 15px 0px}.ResEntry {margin: 0 10px 10px 0; float: left; width: 410px;}}@media only screen and (max-width: 800px) {.entryCount h5 {margin: 0 10px 10px; font-size: 98%}.ResCont {width: 100%; margin: 0 5px 0px 0}.ResEntry {margin: 0 0 10px 5px; float: left; width: 335px;}}.ResEntry:hover {border: solid 1px #516168; background: #e9e9e9}.ResEntryCanal,.ResEntryNearestTown {color: #181121; float: left !important}.found {margin: 0 0 0 20px; font-style: italic}.ResEntryDetails img, .ResEntryCanal img,.ResEntryAddress img,.ResEntryPhone img,.ResEntryWebsite img {margin: 0 5px 0 0; float: left}.ResEntryCanal {width: 100%; margin: 0 0 0 0px text-decoration: underline; text-decoration-color: #5DC7CF; text-underline-offset: .07em}.ResEntryAddress {color: #181121; margin: 3px 0 0}.WaterwayFacNote {font-size: .8em; margin: -45px 0 0 25px !important; z-index: 10; position: relative}/***** WATERWAY DESC FEATURES *****/.WDFbox {margin: 0 0 10px !important; height: 35px}.WDFtitle {width: 97%; padding: 3px 5px 0px; background: #e9e9e9; border: dotted 1px #0063a1; border-radius: 5px; height: 40px; line-height: 35px}.WDFtitle:hover {background: #e0dddd; border: dotted 1px #0063a1;}.WDFtitle, .WDFtitle img {float: left !important}.WDFtitle img {box-shadow: 0px 0px 0px !important}.WDFtitle a {color: #0063a1; display: block; }.WDFtitle a:hover {color: #67636D}@media screen and (min-width: 771px) {.WDFtitle img {margin: 0 7px 0 0}}@media only screen and (max-width: 770px) {.WDFtitle img {margin: 0 12px 0 0 !important}.WDFtitle {margin: 0 0 0 10px}}.featCount {font-size: 1em; margin: 0 0 0 10px; font-weight: 400; color: #0063a1}.tempdiv {width: 350px}/***** ROUTE FEATURED HOLIDAYS *****/.RDFBox {background: #0063a1; border-radius: 15px; border: solid 2px #F37048; margin: 0 0px 35px 0; padding: 10px 0 0}.RDFfeatCount h2 {font-size: 1.25em; margin: 10px 0 15px 10px; font-weight: 400; color: #fff}.RDFtitle {background: #e9e9e9; border: dotted 1px #0063a1; border-radius: 5px; height: 70px; float: left}.RDFname {height: 60px; margin: 0 0 0 5px; text-wrap: wrap;}.RDFtitle img {box-shadow: 0px 0px 0px !important}.RDFtitle a {color: #0063a1}.RDFtitle a:hover {color: #67636D}.RDFIcon {width: 65px}.RDFTitle {width: auto}.RDFIcon, .RDFname {float: left}.RDFwaterway {font-size: .75em; text-transform: capitalize}.RDFb4waterway {font-size: .75em;}@media screen and (min-width: 771px) {.RDFtitle img {margin: 0 7px 0 0}.RDFtitle {max-width: 500px; min-width: 400px; margin: 0 1% 10px;}}@media only screen and (max-width: 770px) {.RDFtitle img {margin: 0 12px 0 0 !important}.RDFtitle {width: 96%; margin: 0 2% 10px}}/* SUMMARY FONT SIZES */.ResEntryCanal,.ResEntryAddress {font-size: .675em; }.ResEntryPhone {font-size: .8em; }.ResEntryWebsite, .ResEntryWebsiteW {font-size: .8em; }.waterwayname {text-transform: capitalize;}.ResEntryNearestTown {margin: 0 0 0 3px; font-size: 12px}.townmargin {margin: 0 0 0 25px}.ResEntryTitle {margin: 0 0 0 20px; font-size: 1.0em; font-weight: 600; color: #fff}.ResEntryTitle a {color: #0063a1}.ResEntryTitle a:hover {color: #7B6BAF}.ResEntryPhone {color: #fff}.addressWebsite {clear: both; width: 100%; margin: 3px 0 3px; height: 18px; padding: 0 0 7px}.ResEntryWebsite {margin: 0 0 0 10px}.ResEntryWebsite, .ResEntryPhone {float: left}.ResEntryServices {font-size: 12px; height: 100px; width: 420px; margin: 10px 0 0; border-radius: 5px; border: 1px dotted #201B32; padding: 0 5px 0}.ResEntrySocial {font-size: 12px}.ResEntryWebsiteW img {margin: 0 5px 0 10px !important}.ResEntryWebsite, .ResEntryWebsiteW {color: #fff}/* YOUTUBE EMBEDDED VIDEO *//*.ResEntryYoutube iframe {width: 500px; height: 290px}*/.video-wrap {width: 100%; max-width: 600px; margin: 10px 0 0}.vidBox {margin: 10px 0 0 15px}.vidLeft {float: left; margin: 0px 10px 10px 0}/* Make sure embeds and iframes fit their containers */embed,iframe,object {max-width: 100%;}/* Give the video a 16:9 aspect ratio */.ResEntryYoutube {margin: 10px 0 0; position: relative; overflow: hidden; height: 0; padding-bottom: 56.25%;iframe,object,embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}}.waterwayBox {margin: 15px}.comma:last-of-type {font-size: 0 !important; color: #fff !important}@media screen and (min-width: 771px) {.ResEntryWebsiteD,.ResEntryAddressD,.ResEntryPhoneD,.ResEntryEmailD,.ResEntrySocialD {height: 35px; float:left; margin: 0 15px 5px 0; line-height: 35px;}.SocialsBox {float: left; width: 300px}}@media only screen and (max-width: 770px) {.ResEntryAddressD {height: 35px; float: none; margin: 0 15px 5px 0; line-height: 18px;}.ResEntryAddressD img {margin: 0 5px 0 0px}.ResEntryWebsiteD,.ResEntryPhoneD,.ResEntryEmailD {height: 35px; clear: both; margin: 0 15px 5px 0; line-height: 35px;}.ResEntrySocialD {height: 35px; float: left; margin: 0 15px 5px 0; line-height: 35px;}.SocialsBox {clear: both; float: none; width: 350px}}.ResEntryWebsiteD img, .ResEntryAddressD img, .ResEntryPhoneD img, .ResEntryEmailD img, .ResEntrySocialD img {display: inline-block; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transition: -webkit-transform 250ms ease-out 0s; -moz-transition: -moz-transform 250ms ease-out 0s; -ms-transition: -moz-transform 250ms ease-out 0s; -o-transition: -o-transform 250ms ease-out 0s; transition: transform 250ms ease-out 0s;}.ResEntryWebsiteD img:hover, .ResEntryAddressD img:hover, .ResEntryPhoneD img:hover, .ResEntryEmailD img:hover, .ResEntrySocialD img:hover {-webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);}.blueHead {border-top: #0063a1 solid 4px; margin: 15px 0}.blueHeadbot {border-top: #0063a1 solid 4px; margin: 0px 0}.ResEntryCanalD {margin: -25px 0 10px 0px; font-size: 18px !important; font-weight: normal !important; }.h2Found {font-weight: 100; font-size: .65em; margin: 0 0 25px; line-height: 1.5em !important}.ResEntryCanalD h2,.ResEntryDetails h3 {margin: 25px 15px 0 0; color: #0063a1; min-height: 37px; background: transparent url(/IDC/TopBoxBollard-24-35.png) no-repeat left; padding: 0 0 5px 30px; line-height: 1em; border-bottom: none; font-weight: 400}.Entryh2 h2 {margin: 25px 15px 0 0; color: #0063a1; min-height: 37px; background: transparent url(/IDC/TopBoxBollard-24-35.png) no-repeat left; padding: 0 0 5px 30px; line-height: 1em; border-bottom: none; font-weight: 400; font-size: 1.9em}/* MOD */.EntryFound h2 {margin: 5px 15px 0 0; color: #0063a1; min-height: 37px; background: transparent url(/IDC/TopBoxBollard-24-35.png) no-repeat left; padding: 0 0 5px 30px; line-height: 1em; border-bottom: none; font-weight: 400; font-size: 1.9em; line-height: 20px}.ResEntryDetails h2 {margin: 5px 15px 0 0; color: #0063a1; min-height: 37px; background: transparent url(/IDC/TopBoxBollard-24-35.png) no-repeat left; padding: 0 0 5px 30px; line-height: 1em; border-bottom: none; font-weight: 400}/****** Conclusion H4 on Entry Details *****/.ResEntryDetails h4 {margin: 25px 15px 0 0; color: #0063a1; min-height: 37px; background: transparent url(/IDC/TopBoxBollard-24-35.png) no-repeat left; padding: 0 0 5px 30px; line-height: 1em; font-weight: 400}.connected H4 {background: transparent url(/IDC/TopBoxBollard-24-35.png) no-repeat left; padding: 0 0 5px 30px; line-height: 1em}.connected H4 {margin: 0 0 0 -5px}.CanalD H2, .CanalD H3, .CanalD H4, .CanalD H5 {background: transparent url(/IDC/TopBoxBollard-24-35.png) no-repeat left; padding: 0 0 5px 30px; line-height: 1em; min-height: 35px; border: none; color: #0063a1; margin: 20px 0 5px 5px !important}@media screen and (min-width: 771px) {.CanalD H2, .CanalD H3, .CanalD H4, .CanalD H5 {font-size: 1.6em !important}.connected H4 {height: 42px;}}@media only screen and (max-width: 770px) {.CanalD H2, .CanalD H3, .CanalD H4, .CanalD H5 {font-size: 1.45em !important}.connected H4 {height: 90px;}}#mapandboxes h2, .WaterwayFac h2, .WaterwayFac h3, .WaterwayFac h4 {background: transparent url(/IDC/TopBoxBollard-24-35.png) no-repeat left; background-position: top left; padding: 0 0 5px 30px; height: auto; min-height: 35px; line-height: 1em}.WaterwayFac h3, .WaterwayFac h4 {border: none !important}.WaterwayFac h5 {background: transparent url(/IDC/TopBoxBollard-24-35.png) no-repeat left; background-position: top left; padding: 0 0 5px 30px; height: auto; min-height: 35px; line-height: 1em; font-weight: 400 !important}.h5extra {display: block; font-size: .5em !important; font-weight: 300 !important; color: #719ebd}@media screen and (max-width: 700px) {.CanalD h4 {background: transparent url(/IDC/TopBoxBollard-24-35.png) no-repeat left; background-position: top left; padding: 0 0 5px 30px; height: auto; line-height: 1em}}.connected {margin: 0px 0 30px 20px}.EntryMap {width: auto !important; margin: 0 0 25px}.entryMapS {width: auto !important; margin: 15px}.ResContD {padding: 0 15px}/* -----------ROUTE SMALL MENU----------- */.RouteMenu {} /* Main Box containing Route Links *//*#RouteMenuList ul {width: 100%; margin: -45px 10px 25px -65px}#sub-menu li,#sub-menu li ul li {width: 100%; margin: 0 10px 0 0}#RouteMenuList li a {padding: 2px 10px; font-size: .85em; float: left; margin: 10px 10px 0 0; color: #fff; background-color: #96c6e7; border-radius: 5px; box-shadow: 1px 1px 0px #F37048; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; transition: background-color 0.4s;}#RouteMenuList > li a:hover {color: #e9e9e9; background-color: #0b527f; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; transition: background-color 0.4s;}#sub-menu > li {float: left; display: block; position: relative; margin-left: 3.8%;}#sub-menu > li:first-child {margin-left: 0;}*//* -----------ROUTE SUMMARIES----------- */.RouteItem {border-left: dotted 1px; border-top: dotted 1px; border-right: dotted 1px; border-color: #67636D; border-radius: 10px 10px 0 0; height: 235px; width: 100%}.RouteHead {border-radius: 10px 10px 0 0; height: 75px; background: #96c6e7 url(/IDC/TopBoxBollard-32-57.png) no-repeat 5px;}.BotHdBord {border-bottom: solid 1px; border-color: #0063a1;}.RouteItem h2 {margin: 0px 0 2px 15px; font-size: 1.3em; padding: 0 0 5px 30px; line-height: 1.5em}.RouteItem h2 a, .RouteTag a {color: #0063a1; text-shadow: 1px 1px 2px rgba(250,250,250,1)}.RouteItem h2 a:hover, .RouteTag a:hover {color: #516168;}.RouteMiles, .RouteDays {color: #fff; text-shadow: 0.1em 0.1em 1px rgba(1,55,90,1.5); font-size: .95em; margin: -10px 0 0 50px; letter-spacing: .05em}.RouteMiles {margin: -10px 0 0 45px}.RouteDays {margin: -2px 0 0 45px}.RouteMax, .RouteCanals, .RouteBL, .RouteBW, .RouteCanalsInc {font-size: .82em; margin: 0 0 0 15px}.RouteMax, .RouteCanals {font-weight: 700; margin-top: 5px}.RouteBot {background: #96c6e7 url(/IDC/Icon-Top-Flag-85-46.png) no-repeat 220px;; border-left: dotted 1px; border-bottom: dotted 1px; border-right: dotted 1px; border-color: #67636D; border-radius: 0 0 10px 10px; height: 65px; width: 100%}.RouteTag {font-weight: 700; font-size: 1.1em; line-height: 1.15em; color: #0063a1; margin: 12px 0 0 15px; text-shadow: 1px 1px 2px rgba(250,250,250,1); letter-spacing: .05em}.BotBord {border-top: solid 1px; border-color: #0063a1;}@media screen and (min-width: 901px) {.RouteItemS {margin: 15px auto 0; width: 95%}.RouteBox {float: left; width: 320px; height: 300px; margin: 0 15px 15px 0;}}@media only screen and (min-width: 650px) and (max-width: 900px) {.RouteItemS {margin: 15px auto 0; width: 95%}.RouteBox {float: left; width: 320px; height: 300px; margin: 0 15px 15px 0}}@media screen and (max-width: 649px) {.RouteItemS {margin: 15px auto 0; width: 320px}.RouteBox {float: none; width: 320px; height: 300px; margin: 0 auto 15px 0;}}/* DETAILS */@media screen and (min-width: 1041px) {.dLeft,.dRight {float: left}.dLeft {width: 60%}.dRight {width: 40%}.dLeftN {width: 100%}}@media screen and (max-width: 1040px) {.dLeft,.dRight {float: none}.dLeftN {width: 100%}.dLeft {}.dRight {}}.h3Left {margin-left: 0px !important}.lockTable {max-width: 655px; margin: 20px 0}.lockCaption {font-size: 1.2em; font-weight: 700; color: #0063a1}.lockTable tr,.lockTable2 tr {border-bottom: 1px dashed #516168}.lockCol1 {width: 55px}.lockTable2 {max-width: 765px; margin: 20px 0}.lockTable2 th, .lockTable th {text-align: left}.lockColnm {width: 155px}.lockColdate {width: 55px}.lockFlash {width: 80px}.lockNext {width: 95px}.lockFall {width: 75px}.HeadTitle h2 {color: #0063a1; line-height: 20px !important; max-width: 1450px; margin: 20px 0px 25px; padding: 0 0 10px}/**** MAP & ENTRY TITLE's H1 ****/.HeadTitleE h1 {background: transparent url(/IDC/TopBoxBollard-45-70.png) no-repeat left; padding: 7px 0 0 45px; color: #0063a1; min-height: 70px; height: auto; line-height: .85em !important; width: 100%; margin-left: 12px}.HeadTitle h1 {background: transparent url(/IDC/TopBoxBollard-45-70.png) no-repeat left; padding: 7px 0 0 45px; color: #0063a1; min-height: 70px; height: auto; line-height: 1em !important; width: 100%; margin-left: -5px}/* Adds line break in H1 tags for Waterways & Waterside Entry Details */.h1extra {display: block; font-size: .7em; font-weight: 300}.h2extra {display: block; font-size: .8em; font-weight: 300; line-height: 1.45em}.HeadTitleBB {width: 100%; height: 5px; margin: 15px 0 0 0; border-bottom: dotted 3px rgba(0,99,161,0.2)}@media screen and (min-width: 771px) {.mapAndContent {max-width: 1550px; margin: 0 auto}.HeadTitle p {margin: 10px 0 10px 16px !important}.NavNotes p {font-size: 19px; line-height: 21px !important; margin: 0 0 10px 15px}}@media screen and (max-width: 770px) {.mapAndContent {max-width: 95%; margin: 0 auto}.HeadTitle p {margin: 10px 10px 10px !important}.NavNotes p {font-size: 19px; line-height: 21px !important; margin: 15px 0 10px}}/* LEAFLET MAPS */@media screen and (min-width: 1480px) {#mapandboxes {width: 100%;}/* Top box with titles & canal specs */.CanalDetailsD {width: 100%; margin: 0 auto 20px;}.CanalD {margin: 0 auto 15px; }.wselectC {position: sticky; top: 0; left: 840px;}}/* MAP PULLDOWN BOXES */#mapB,#mapid { margin: 15px auto 0; height: 500px; width: 100%; border-radius: 25px; border-radius: 25px; border: solid 3px #0063a1;}#mapandboxes {margin: 5px auto 15px}#mapB,#mapid .prunecluster-small {color: #FFF352; background-color: #0063a1; background-color: rgba(0, 99, 161, 0.7);}#mapB,#mapid .prunecluster-small div {color: #FFF352; width: 28px; height: 28px; background-color: #0063a1; background-color: rgba(0, 99, 161, 0.7);}.seltext {font-size: .73em}.wselectC {color: #000 !important; padding: 0 0 0 10px; z-index: 2000; background: #FFFDE2; opacity: 0.7}.wselectA {font-size: .8em line-height: .45em}.CanalSelect {color: white; border-bottom: #0063a1 1px dotted; background: #0b527f; padding: 0 0 10px; width: auto;}.CanalSelectInner {max-width: 1450px; margin: 0 auto}.wselectD {margin: 0 0 0 20px}.wselectE {margin: 0 0 0 0px}@media screen and (max-width: 700px) {.CanalSelect {margin: 0 auto -10px;}.selleft {float: left}.wselectA {Width: auto; margin: 10px 0 0 15px; }.wselectB {Width: auto; margin: 0 0 0 15px}}@media screen and (min-width: 701px) {.CanalSelect {width: 100%; margin: 0 auto -10px; border-right: grey 1px dotted}.selleft {float: left}.wselectA {Width: 310px; margin: 10px 0 0 15px; font-size: .95em line-height: .45em}.wselectB {Width: 430px; margin: 10px 0 0}}.connectedshow {font-size: .8em}.connCheck {height: 18px; line-height: 18px; margin: 2px 0 2px}@media screen and (max-width: 920px) {.wselectCB {column-count: 1;}}@media screen and (min-width: 921px) {.wselectCB {margin: 0 0 0 20px; column-count: 2;}}/* ENTRY ICONS */.svcicons {margin: 0 0 15px; padding: 7px; background: #e9e9e9; border-radius: 7px;}.svciconsh3 h3, .MapTitleh3 h3 {margin: 0 !important; font-size: 20px; color: #0063a1; height: 40px; line-height: 20px}.MapTitleh3 h3 {line-height: 20px}.mapAlso {font-size: 15px; line-height: 20px; pading: 0 0 10px; letter-spacing: .02em}.iconBack {margin: 5px 0 0; transition: transform .3s ease-out; -webkit-transition: color .3s ease-out; -moz-transition: color .3s ease-out; -o-transition: color .3s ease-out;}.iconBack:hover {opacity: .85; transition: transform .3s ease-out; -webkit-transition: color .3s ease-out; -moz-transition: color .3s ease-out; -o-transition: color .3s ease-out;}/* SERVICE ICONS *//* Service Icon Layout *//* ICON BG & LAYOUT */.svcIcon {float: left; margin: 0 7px 7px 0; display: block; height: 50px; width: 50px; border-radius: 7px; background: #D60000}/* ICONS *//* INSTRUCTIONS: insert .icon_ followed by cat_name i.e. .icon_Marinas then appropriate icon image *//* MARINAS */ .icon_Marinas {background: #D60000 url(/IDC/EntryIcons/Icon-Marina-40.png) no-repeat center center !important}/* MECHANICS */ .icon_Boat_Mechanics_and_Spares {background: #D60000 url(/IDC/EntryIcons/Icon-BoatRepairs-40.png) no-repeat center center !important}/* BOAT DIESEL */ .icon_Boat_Diesel {background: #D60000 url(/IDC/EntryIcons/Icon-Diesel-40.png) no-repeat center center !important}/* SOLID FUEL */ .icon_Gas_Logs_and_Coal {background: #D60000 url(/IDC/EntryIcons/Icon-SolidFuel-40.png) no-repeat center center !important}/* CHANDLERY */ .icon_Chandlery_Equipment_and_Supplies {background: #D60000 url(/IDC/EntryIcons/Icon-Chandlery-40.png) no-repeat center center !important}/* BOAT SALES */ .icon_Boat_Sales {background: #D60000 url(/IDC/EntryIcons/Icon-BoatSales-40.png) no-repeat center center !important}/* PUMPOUT */ .icon_Pump_Out_and_Sanitation_Services {background: #D60000 url(/IDC/EntryIcons/Icon-PumpOut-40.png) no-repeat center center !important}/* BOAT BLACKING */ .icon_Boat_Blacking_and_Anodes {background: #D60000 url(/IDC/EntryIcons/Icon-Blacking-40.png) no-repeat center center !important}/* PAINTING */ .icon_Painting {background: #D60000 url(/IDC/EntryIcons/Icon-Paint-40.png) no-repeat center center !important}/* PAINT/SIGN */ .icon_Painting_and_Signage {background: #D60000 url(/IDC/EntryIcons/Icon-Paint-40.png) no-repeat center center !important}/* CRANE IN OUT */ .icon_Crane_Lift_In_or_Out {background: #D60000 url(/IDC/EntryIcons/Icon-BoatCrane-40.png) no-repeat center center !important}/* SLIPWAY */ .icon_Slipway {background: #D60000 url(/IDC/EntryIcons/Icon-Slipway-40.png) no-repeat center center !important}/* SHOWERS */ .icon_Showers {background: #D60000 url(/IDC/EntryIcons/Icon-Showers-40.png) no-repeat center center !important}/* LAUNDRY */ .icon_Laundry {background: #D60000 url(/IDC/EntryIcons/Icon-Laundry-40.png) no-repeat center center !important}/* ELECTRIC */ .icon_Electric_Hookup {background: #D60000 url(/IDC/EntryIcons/Icon-Electric-40.png) no-repeat center center !important}/* WATER POINTS */ .icon_Water_Points {background: #D60000 url(/IDC/EntryIcons/Icon-Water-40.png) no-repeat center center !important}/* RECYCLING */ .icon_Refuse_Disposal_and_Recycling {background: #D60000 url(/IDC/EntryIcons/Icon-Refuse-40.png) no-repeat center center !important}/* REFUSE DISPOSE */ .icon_Refuse {background: #D60000 url(/IDC/EntryIcons/Icon-Refuse-40.png) no-repeat center center !important}/* METALWORK */ .icon_Metalwork_and_Welding {background: #D60000 url(/IDC/EntryIcons/Icon-Welding-40.png) no-repeat center center !important}/* BOAT BUILDER */ .icon_Boat_Builders_and_Fitters {background: #D60000 url(/IDC/EntryIcons/Icon-BoatBuild-40.png) no-repeat center center !important}/* GAS SAFE */ .icon_Gas_Safe_Registered_Engineers {background: #D60000 url(/IDC/EntryIcons/Icon-GasSafe-40.png) no-repeat center center !important}/* TOURIST ATTR */ .icon_Nearby_Tourist_Attractions {background: #D60000 url(/IDC/EntryIcons/Icon-Tourist-40.png) no-repeat center center !important}/* MUSEUMS */ .icon_Canal_History_and_Museums {background: #D60000 url(/IDC/EntryIcons/Icon-Museum-40.png) no-repeat center center !important}/* RESTAURANT */ .icon_restaurant {background: #D60000 url(/IDC/EntryIcons/Icon-Restaurant-40.png) no-repeat center center !important}/* PUB */ .icon_pub {background: #D60000 url(/IDC/EntryIcons/Icon-Pub-40.png) no-repeat center center !important}/* ICE CREAM */ .icon_Ice_Cream {background: #D60000 url(/IDC/EntryIcons/Icon-IceCream-40.png) no-repeat center center !important}/* CAFE */ .icon_cafe {background: #D60000 url(/IDC/EntryIcons/Icon-Cafe-40.png) no-repeat center center !important}/* TAKE AWAY */ .icon_Take_Away {background: #D60000 url(/IDC/EntryIcons/Icon-TakeAway-40.png) no-repeat center center !important}/* FISH & CHIPS */ .icon_Fish_and_Chips {background: #D60000 url(/IDC/EntryIcons/Icon-FishChips-40.png) no-repeat center center !important}/* MAPS & BOOKS */ .icon_Canal_Maps_and_Canal_Books {background: #D60000 url(/IDC/EntryIcons/Icon-Maps-40.png) no-repeat center center !important}/* GIFTS & NOVELTIES */ .icon_Gifts_and_Novelties {background: #D60000 url(/IDC/EntryIcons/Icon-Gifts-40.png) no-repeat center center !important}/* PLUMBING */ .icon_Boat_Plumbing {background: #D60000 url(/IDC/EntryIcons/Icon-Plumber-40.png) no-repeat center center !important}/* BOAT TOILETS */ .icon_Boat_Toilets {background: #D60000 url(/IDC/EntryIcons/Icon-BoatToilets-40.png) no-repeat center center !important}/* FENDERS ROPE */ .icon_Fenders_Ropes_and_Mooring_Equipment {background: #D60000 url(/IDC/EntryIcons/Icon-Fender-40.png) no-repeat center center !important}/* BATTERIES */ .icon_Batteries_and_Battery_Management {background: #D60000 url(/IDC/EntryIcons/Icon-Battery-40.png) no-repeat center center !important}/* BOAT HOLIDAY */ .icon_Boat_Holidays {background: #D60000 url(/IDC/EntryIcons/Icon-Boat-Holiday-40.png) no-repeat center center !important}/* POWER GEN */ .icon_Power_Generation {background: #D60000 url(/IDC/EntryIcons/Icon-Solar-40.png) no-repeat center center !important}/* HEATING */ .icon_Heating_and_Cooling {background: #D60000 url(/IDC/EntryIcons/Icon-Heater-40.png) no-repeat center center !important}/* EQUIP GALL */ .icon_Equip_Your_Galley_Kitchen {background: #D60000 url(/IDC/EntryIcons/Icon-Kitchen-40.png) no-repeat center center !important}/* ELECTRICAL ENG */ .icon_Electrical_Engineers_and_Products {background: #D60000 url(/IDC/EntryIcons/Icon-ElectricEngineer-40.png) no-repeat center center !important}/* DOCKING */ .icon_Docking_Hardstanding_and_Storage {background: #D60000 url(/IDC/EntryIcons/Icon-Dock-40.png) no-repeat center center !important}/* TOILETS */ .icon_Toilets {background: #D60000 url(/IDC/EntryIcons/Icon-Toilets-40.png) no-repeat center center !important}/* MOORING ST */ .icon_Short_Term_Mooring {background: #D60000 url(/IDC/EntryIcons/Icon-Bollard-40.png) no-repeat center center !important}/* MOORING LT */ .icon_Long_Term_Mooring {background: #D60000 url(/IDC/EntryIcons/Icon-Bollard-LT-40.png) no-repeat center center !important}/* FOOD SHOP */ .icon_Food_Shopping {background: #D60000 url(/IDC/EntryIcons/Icon-Basket-40.png) no-repeat center center !important}/* ELSAN */ .icon_Elsan {background: #D60000 url(/IDC/EntryIcons/Icon-Elsan-40.png) no-repeat center center !important}/* FURNITURE */ .icon_Carpets_Fittings_and_Furniture {background: #D60000 url(/IDC/EntryIcons/Icon-Furniture-40.png) no-repeat center center !important}/* SOUVENIRS */ .icon_Gifts_and_Novelties {background: #D60000 url(/IDC/EntryIcons/Icon-Gifts-40.png) no-repeat center center !important}/* SAFETY */ .icon_Safety_Training {background: #D60000 url(/IDC/EntryIcons/Icon-Safety-40.png) no-repeat center center !important}/* CANOES */ .icon_Sports_and_Pleasure_Boats {background: #D60000 url(/IDC/EntryIcons/Icon-Canoe-40.png) no-repeat center center !important}/* WINDOW */ .icon_Boat_Glazing_and_Windows {background: #D60000 url(/IDC/EntryIcons/Icon-Window-40.png) no-repeat center center !important}/* CANOPY */ .icon_Boat_Covers_and_Canopies {background: #D60000 url(/IDC/EntryIcons/Icon-Canopy-40.png) no-repeat center center !important}/* HANDLING */ .icon_Boat_Handling {background: #D60000 url(/IDC/EntryIcons/Icon-Handling-40.png) no-repeat center center !important}/* SIGNAGE */ .icon_Signage {background: #D60000 url(/IDC/EntryIcons/Icon-Sign-40.png) no-repeat center center !important}/* DAY BOATS */ .icon_Day_Boats_and_Cruises {background: #D60000 url(/IDC/EntryIcons/Icon-DayBoat-40.png) no-repeat center center !important}/* BOAT SAFETY */ .icon_Boat_Safety_Schemes_and_Examiners {background: #D60000 url(/IDC/EntryIcons/Icon-BoatSafe-40.png) no-repeat center center !important}/* DISADVANTAGED */ .icon_Disadvantaged_Boat_Trips {background: #D60000 url(/IDC/EntryIcons/Icon-Disabled-40.png) no-repeat center center !important}/* FUEL FILTER */ .icon_Fuel_Filtration_and_Additives {background: #D60000 url(/IDC/EntryIcons/Icon-Filter-40.png) no-repeat center center !important}/* PAINT DOCK */ .icon_Paint_Dock {background: #D60000 url(/IDC/EntryIcons/Icon-PaintDock-40.png) no-repeat center center !important}/* AV & WiFi */ .icon_Audio_Video_and_WiFi {background: #D60000 url(/IDC/EntryIcons/Icon-AV-40.png) no-repeat center center !important}/* LOCK FLIGHTS */ .icon_Lock_Flight {background: #D60000 url(/IDC/EntryIcons/Icon-Lock-Flights-40.png) no-repeat center center !important}/* JUNCTION */ .icon_Junction {background: #D60000 url(/IDC/EntryIcons/Icon-Junction-40.png) no-repeat center center !important}/* BOAT/LIGHTS */ .icon_Boat_Lighting {background: #D60000 url(/IDC/EntryIcons/Icon-Lighting-40.png) no-repeat center center !important}/* FURNITURE */ .icon_Furniture_and_Carpets {background: #D60000 url(/IDC/EntryIcons/Icon-Furniture-40.png) no-repeat center center !important}/* BOAT/SHARE */ .icon_Boat_Shares {background: #D60000 url(/IDC/EntryIcons/Icon-BoatShare-40.png) no-repeat center center !important}/* BOAT/TRANSPORT */ .icon_Boat_Transportation {background: #D60000 url(/IDC/EntryIcons/Icon-BoatTransport-40.png) no-repeat center center !important}/* TRADESAFLOAT */ .icon_Trades_Afloat {background: #D60000 url(/IDC/EntryIcons/Icon-Trades-40.png) no-repeat center center !important}/* WATER POINT & BF */ .icon_Water_Point_and_or_Boaters_Facilities {background: #D60000 url(/IDC/EntryIcons/Icon-Water-BF-40.png) no-repeat center center !important}/* WATER POINT & M */ .icon_Water_Point_in_Facilities {background: #D60000 url(/IDC/EntryIcons/Icon-WaterMarina-40.png) no-repeat center center !important}/* PHARMACY */ .icon_Pharmacy {background: #D60000 url(/IDC/EntryIcons/Icon-Pharmacy-40.png) no-repeat center center !important}/* BREAKDOWN & RESCUE */ .icon_Breakdown_Rescue {background: #D60000 url(/IDC/EntryIcons/Icon-Rescue-LG.png) no-repeat center center !important}/* RAILWAY STATION */ .icon_Railway_Station {background: #D60000 url(/IDC/EntryIcons/Icon-TrainStation-40.png) no-repeat center center !important}/* HOSPITAL */ .icon_Hospital {background: #D60000 url(/IDC/EntryIcons/Icon-Hospital-40.png) no-repeat center center !important}/* DOCTOR */ .icon_Doctor {background: #D60000 url(/IDC/EntryIcons/Icon-Doctor-40.png) no-repeat center center !important}/* CONSERVATION */ .icon_Waterway_Conservation {background: #D60000 url(/IDC/EntryIcons/Icon-Conservation-40.png) no-repeat center center !important}/* TRADES AFLOAT */ .icon_Trades_Afloat {background: #D60000 url(/IDC/EntryIcons/Icon-Trades-40.png) no-repeat center center !important}/* SPORTS BOATS */ .icon_Sports_and_Pleasure_Boats {background: #D60000 url(/IDC/EntryIcons/Icon-Cruiser-40.png) no-repeat center center !important}/* CLEANING SERVICES */ .icon_Cleaning_Services_and_Products {background: #D60000 url(/IDC/EntryIcons/Icon-Cleaning-40.png) no-repeat center center !important}/* ICON REQUIRED for Cleaning *//* FISHING TACKLE */ .icon_Fishing_Tackle_And_Bait {background: #D60000 url(/IDC/EntryIcons/Icon-Tackle-40.png) no-repeat center center !important}/* NO SHOW ICONS */ .icon_Of_Interest, .icon_Fullers_Pub, .icon_GK_Pub, .icon_J_W_Lees_Pub, .icon_Stonehouse_Pub, .icon_Marston_Pub, .icon_MB_Pub, .icon_Whitbread_Pub, .icon_Youngs_Pub {display: none !important}/* CANAL CARE .icon_Waterway_Conservation {background: #D60000 url(/IDC/EntryIcons/Icon-Canal-Care-40.png) no-repeat center center !important} *//* J W Lees PubAudio Video and WiFiEquip Your Galley Kitchen*/@media screen and (min-width: 771px) {.FormEntryInput input {min-width: 290px}.FormEntryInput textarea {min-width: 290px}}@media screen and (max-width: 770px) {.FormEntryInput input {min-width: 225px}.FormEntryInput textarea {min-width: 225px}}/* FEEDBACK FORM */@media screen and (min-width: 771px) {.fbRight, .fbLeft {float: left}.fbRight {width: 35%}.fbLeft {width: 65%}.FBLegend {height: 32px; line-height: 32px;}.fbhide770 {display: block !important;}.fbshow770 {display: none !important;}}@media screen and (max-width: 770px) {.fbRight, .fbLeft {float: none}.fbRight {width: 100%; margin: 0}.fbLeft {width: 100%; margin: 0}.FBLegend {height: 50px; line-height: 20px; overflow-wrap: normal; padding: 5px 0 0 }.fbhide770 {display: none !important;}.fbshow770 {display: block !important;}}.fbLeft {height: auto}.FBLegend,.FBCommentForm,.revVis {width: 100%;}.FBCommentForm {margin: 0; padding: 0; border-left: 3px solid #0063a1 ; border-right: 3px solid #0063a1; border-bottom: 3px solid #0063a1 ; border-top: none; border-radius: 15px}.FBLegend {color: #FFFDE2; text-align: center; background: #0063a1; text-shadow: 1px 1px #516168; border-radius: 11px 11px 0 0; font-size: .92em; letter-spacing: .05em; margin: -15px 0 0}.FBCommentFormInner {width: 98%; margin: 0 auto 0}.formLine {height: 25px;}.revVis {font-size:1.3em; color: #0b527f; text-align: center; font-weight: 700; padding: 0 0 10px}.revVisBot {font-size: 1em; color: #516168; font-weight: 400; padding: 10px 0 0 12px}.revVisBot h5 {margin: 0}.FormEntryInput,.FormEntryName {float: left}.FormEntryInput input {color: #516168; font-size: .9em; padding: 5px 0 5px 5px; border: 1px solid #516168; border-radius: 5px}.FormEntryInput textarea {color: #516168; font-size: .9em; padding: 5px 0 5px 5px; border: 1px solid #516168; border-radius: 5px}.fbtestarea {width: 100%}.FormEntryNotify {clear: both; width: 90%}.feedback_item_rating img,.FBCommentStars img {float: left}.FormEntryInput img {float: left; margin: 0 2px 0 0}.rad1 {margin: 0 0 0 0}.rad2 {margin: 0 0 0 -26px}.rad3 {margin: 0 0 0 -53px}.rad4 {margin: 0 0 0 -79px}.rad5 {margin: 0 0 0 -105px}.feedback_summary_item {padding: 15px}.FormEntryCap,.FormEntrySub {float: left}.FormEntryCap {width: 100%; Margin: 0 0px 0}.FormEntrySub {width: 100%; font-size: .85em; margin: -10px 0 0;}.capSub {margin: 0}.capEnt {color: red !important;}.capIm,.capEnt {width: 100%; float: none}.capSub input {width: 95%; margin: 0 0 10px}.fbSub {color: #fff; font-weight: 400; border-radius: 8px; border-color: #F37048; background: #0063a1; padding: 1px 12px}.fbSub:hover {color: #5DC7CF;}.mapView {margin: 15px 0 0 5px; height: 35px; line-height: 35px; width: 125px; border: 1px dotted #516168; border-radius: 8px; text-align: center}.reviews {margin: 15px 0 0}@media screen and (min-width: 771px) {.reviewsBox {}.ratingBol {font-size: 1.3em; margin: 0 0 0 15px}.score {font-size: 1.1em; margin: 0 0 0 15px}}@media screen and (max-width: 770px) {.reviewsBox {width: 95%; margin: 0 auto}.ratingBol {font-size: .9em; margin: 0 0 0 15px}.score {font-size: .8em; margin: 0 0 0 15px}}.ratingBol {color: #0063a1; font-weight: 700; letter-spacing: .02em}.radioButs {width: 350px; margin: 5px 0 -35px 5px}.feedback_item_data,.feedback_item_rating,.feedback_item_authorname {margin: 10px 0 0 10px}.fbBack a {margin: 0 0 0 -5px}.cms_textarea {max-width: 325px; border: #555 1px solid}.FBCommentSumm {font-size: .9em; line-height: 10px; margin: 10px 15px; border-bottom: dotted 1px #0063a1; padding: 0 0 15px}.FBCommentStars, .FeedbackSumm {clear: both}.FBCommentStars {line-height: 25px}.FeedbackSumm {margin: 9px 0 0}.comCheck {margin: 0 5px 0 0px; color: #516168}/**** NAV NOTES ****//* CANALS & RIVERS */.CanalDetailsD {border-bottom: 8px solid #e9e9e9; padding: 0 0 10px}.NavNotes {margin: 0}.CanalBoatAspect {float: left; width: 210px; height: 27px; line-height: 20px; background: #e9e9e9; font-size: 13px; margin: 7px 5px 0px 0; padding: 5px 5px 7px; border-style: solid; border-width: 0 0 1px 1px; border-color: #719ebd}.AddNavEntry {width: 100%; background: #e9e9e9; font-size: 13px; margin: 7px 5px 0 0; padding: 5px 5px 7px 5px; border-style: solid; border-width: 0 0 1px 1px; border-color: #719ebd}.CBAbox {}.CruiseTime {max-width: 640px; font-size: 1em; margin: 7px 0px; color: #0063a1}.AddNav {width: 100% !important; margin: 10px 0 0 0; padding: 10px 0 0}.AddNav h5,.NavNotesTitle h5, .NavNotesTitleRt h5 {color: #0063a1; background: transparent url(/IDC/TopBoxBollard-24-35.png) no-repeat left; background-position: top left; padding: 0 0 5px 30px; height: auto; min-height: 35px; line-height: 1em}.AddNavNotes {color: #0063a1; font-weight: 700;}@media screen and (min-width: 771px) {.NavNotesTitle h5 {margin: 10px 0 0 0px}.NavNotesTitleRt h5 {margin: 10px 0 0 10px}.AddNav h5 {margin: 0}}@media screen and (max-width: 770px) {.NavNotesTitle h5 {margin: 10px 0 0}.NavNotesTitleRt h5 {margin: 10px 0 0 0}.AddNav h5 {margin: 0}}.DetailsH3 {font-size: 20px !important; margin: 15px 0 0; text-align: center}.MoreDetails {}.CanalDetailsReturn {margin: 0 0 15px 15px}.CanalNavNotesD {margin: 15px 0 0}.CanalD {border-top: 1px solid #fff}.CanalD p,.CanalNavNotesD p,.CanalDetailsPoi p {margin: 0 30px 10px 5px !important}.CanalDetailsPoi .DalbumBox {margin: -35px 0 0}#mapandboxes h2,.CanalDetailsD h2 {margin: 0 15px 5px}.H4services {margin: 5px 0 5px 25px !important}.CanalListAlpha {margin: 0 0 25px -25px}.CanalList ul {margin: 0 0 25px -40px !important}.CanalAspects {margin: 0 0 0}.CanalDetailsAttr {margin: 15px 15px 0 15px; padding: 15px 0 0; border-top: 1px solid #fff}.CanalDetailsAttr h3 {margin: 5px 0 15px}.CanalDetailsPoi .DalbumBox .picturelist .thumb a img {height: 80px !important; width: 80px !important; border: none; padding: none; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px 4px; border-radius: 4px 4px}.CanalDetailsPoi .DalbumBox .picturelist .thumb a {text-decoration: none; color: inherit; cursor: pointer; margin: 6px; display: inline-block; background: white; padding: 3px /* THUMB FRAME */; line-height: 0; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px 4px;border-radius: 4px 4px;-moz-box-shadow: 0px 0px 4px #AAA;-webkit-box-shadow: 0px 0px 4px #AAA;box-shadow: 0px 0px 4px #AAA;-webkit-transition: -webkit-box-shadow 0.1s ease-out;-moz-transition: -webkit-box-shadow 0.1s ease-out;-o-transition: -webkit-box-shadow 0.1s ease-out;transition: -webkit-box-shadow 0.1s ease-out;}li.CanalLink {list-style: none; text-align: center; font-size: .73em; float: left; margin: 10px 10px 0px 0; background-color: #0b527f; border-radius: 5px; box-shadow: 1px 1px 0px #FFF352; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; transition: background-color 0.4s;}li.CanalLink a {display: block; padding: 4px 7px; color: #fff; letter-spacing: .075em}li.CanalLink a:hover {color: #e9e9e9; background-color: #0063a1; border-radius: 5px; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; transition: background-color 0.4s;}.ResEntryDetails {border-top: 1px solid #fff}.ResEntryAlbumAndForm {border-top: 1px solid #fff}/*MOD*/.ResEntryDetails p {margin: 0 0 10px;}.ResEntryDetails h3 {font-weight: 500 !important}.AlbComm {margin: 15px 0 0;}/* ENTRY CONTACT FORM */.EntryForm {width: 98%; padding: 15px; border: dotted 1px grey; border-radius: 10px; margin: 0 15px 35px; text-align: left}.FormItem {margin: 0 0 5px}.FormItem label {}.FormArea {margin: 0 0 15px}.itemLabel {}.EntryForm h4 {font-size: 1em; margin: 0 0 5px}.FormLab,.FormIn {float: left}.FormLab {width: 100px;}.FormIn {width: 250px;}.IDCcaptcha {font-size: .8em}.captchapict {margin: 0 8px 0 0}.smtfm_input_captcha {margin: 0 0 8px}.formbut {padding: 3px 5px; margin: 0 5px 0 0}@media screen and (min-width: 771px) {.mapPage {margin: 0 15px}.ResEntryDetails {margin-top: 8px; padding: 15px 0 0}.ResEntryAlbumAndForm {margin: 8px 0 0 !important;}/*MOD*/.AandFpad {padding: 0 0 0 20px}/*MOD*/.AlbComm {width: 48%;}.CanalDetailsPoi {float: left; width: 32%; margin: 0 1.3333333% 0 0}}@media screen and (max-width: 770px) {.mapPage {margin: 0}.DalbumBox {width: 95%; margin: 0 2.5%}.ResEntryAlbumAndForm {margin: 8px 0 0 !important;}/*MOD*/.CanalD img {float: none; max-width: 90%; height: auto; margin: 25px auto; box-shadow: 5px 5px 20px -2px #181121; border-radius: 10px}.AlbComm {width: 100%;}.CanalDetailsPoi {float: none; width: 100%}}.RingH1 {margin: 15px 0 30px 20px !important}/*.RingH2Img {height: 35px; width: 24px; box-shadow: none; margin: 0px 5px 0 0; border: none !important}*/.RingPImg {float: left; margin: 0 5px 0 0}.RingImg {max-width: 455px; height: auto; box-shadow: 5px 5px 30px -7px #181121; border-radius: 10px}/* in the image */.RingHeader h2 img {height: 35px; width: 24px; box-shadow: none; margin: 0px 5px 0 0; border: none !important}.ImageAttr {font-size: .7em; font-style: italic; text-align: center}.CanalDimg h5 {margin: 20px auto 0; font-size: 1em; line-height: 32px; height: 22px}.CanalDimg img {margin: 0 0 10px}.Dimg {width: 100%; height: auto; box-shadow: 5px 5px 20px -2px #181121; border-radius: 7px}@media screen and (min-width: 851px) {.CanalDimg {float: right; max-width: 455; height: auto; margin: 7px 1% 15px; text-align: center}.RingImg {float: left; width: 40%; height: auto; margin: 0px 25px 0 15px;}.RingImgB {float: left; width: 40%; height: auto; margin: 0px 25px 0 15px;}.CanalRingsBox {width: 97%; margin: 0 1.5%}.RingHeader h2 {font-size: 1.35em; height: 37px; line-height: 1.25em; margin-bottom: 15px}}@media only screen and (min-width: 651px) and (max-width: 850px) {.CanalDimg {float: none; max-width: 455; height: auto; margin: 7px auto 0;}.RingImg {float: none; width: 80%; height: auto; margin: 0px 25px 0 15px;}.RingImgB {float: left; width: 40%; height: auto; margin: 0px 25px 0 15px;}.CanalRingsBox {width: 97%; margin: 0 1.5%}.RingHeader h2 {font-size: 1.25em; height: 37px; line-height: 1.45em}}@media screen and (max-width: 650px) {.CanalDimg {float: none; width: auto; height: auto; margin: 7px 1% 0;}.RingImg {float: none; width: 80%; height: auto; margin: 15px auto 15px;}.RingImgB {float: left; width: 40%; height: auto; margin: 0px 25px 0 15px;}.CanalRingsBox {width: 97%; margin: 0 1.5%}.RingHeader h2 {font-size: 1.25em; height: 37px; line-height: 1em; margin: 0 0 5px 15px}}/* DROPDOWN TABLE */#id1,#id2,#id3,#id4,#id5 {display:none; z-index:2000; position: relative; width: 90%; margin: 15px auto 0; color: #FFF352; background: #0b527f; border-radius: 25px; border: solid 3px #F37048; opacity: .9}table.no-spacing {border-spacing: 0; border-collapse: collapse !important; border: none; margin: 0}/* WATERWAY SELECT MENUS */#waterway_nav {font-size: 20px; line-height: 20px; border-radius: 5px}#waterway_navDD,#waterway_navDDR {height: 25px; width: 280px; font-size: 14px; border-radius: 3px 3px 15px 3px}.wselectB #waterway_nav {color: #0063a1;}.wselectB select {appearance: none; -webkit-appearance: none; padding: 5px; }.wselectB select option {background: #fafafa}@media screen and (min-width: 771px) {table {width: 100%;}.showmapText {color: #fff; font-size: 25px; line-height: 32px; font-family: 'PT Sans', Arial, sans-serif; font-weight: 700; margin: 1px 15px 0 0}.dropmenu1st {padding: 0 0 0 45px; }.dropmenu1st #waterway_nav {height: 36px; max-width: 500px; font-size: 20px; line-height: 25px; padding: 0 0 0 40px; background: #fff url('/IDC/Icon-Scope-28.png') no-repeat 8px center;}.dropmenu1st #waterway_nav {float: left !important}}@media only screen and (min-width: 450px) and (max-width: 770px) {table {width: 95%; margin: 0 auto}.showmapText {color: #fff; font-size: 20px; line-height: 20px; font-family: 'PT Sans', Arial, sans-serif; font-weight: 700; margin: 1px 7px 0 0}.dropmenu1st {padding: 0 0 0 25px; }.dropmenu1st #waterway_nav {height: 28px; max-width: 400px; font-size: 20px; line-height: 20px; padding: 0 0 0 10px;}.dropmenu1st img {width: 20px; height: 20px}}@media screen and (max-width: 449px) {table {width: 95%; margin: 0 auto}.showmapText {display: none !important;}.dropmenu1st {padding: 0 0 0 35px; }.dropmenu1st #waterway_nav {height: 28px; max-width: 180px; font-size: 14px; line-height: 20px; padding: 0 0 0 10px; background: #fff}.wselectB #waterway_nav {height: 28px; max-width: 100%; font-size: 14px; line-height: 20px; padding: 0 0 0 10px; background: #fff}.dropmenu1st img {/*display: none; */width: 20px; height: 20px}}.dropmenuT {height: 50px; }.dropmenu1st {height: 50px; background: #fff url('/IDC/BG-Wave-Light-Bar.png') repeat-x left top; border-radius: 0 0 0 55px; overflow: hidden; }.dropmenu2nd {height: 50px; width: 67px; background: url('/IDC/BG-Wave-Light-50.png') repeat-x left top;}.dropmenubar img {height: 50px; width: auto; margin: 0 -50px 0 0}.dropmenu1st #waterway_nav {color: #00aacf; font-family: 'PT Sans', Arial, sans-serif; font-weight: 700; border-radius: 6px;}.ddboll {margin: 4px 0 0 5px}/*** MAP POP BUTTONS ***/.ddbuttonBox {width: auto; background: #0063a1; border-radius: 15px; border: solid 2px #F37048}.ddnote p {text-shadow: 1px 1px #201B32; color: #fff; font-size: .95em; line-height: 1em; margin: 7px 20px 5px;}.ddLocksBridges, .countBx, .FeatNote {width: auto; margin: 0 auto 20px}.popText {height: 20px; margin: 0 0 7px 0 !important;}.FeatNote p {color: #fff; font-size: 1.4em; line-height: 1em; margin: 15px 0 15px}.PopHint,.PopHint2 {text-shadow: 1px 1px #201B32; margin: 0 0 7px 0 !important; color: #fff; font-size: 1.4em}.PopHint { height: 20px;}.PopHint2 { height: 45px; text-align: center}.ddbuttons {padding: 0 15px}.ddLocksBridges label input {margin: 0 0 5px 0}.featureCheckbox {height: 20px; margin: 3px 2px 2px 10px;-ms-transform: scale(1.75); /* IE */ -moz-transform: scale(1.75); /* FF */ -webkit-transform: scale(1.75); /* Safari and Chrome */ -o-transform: scale(1.75); /* Opera */ transform: scale(1.75);}.lockcountBx, .bridgecountBx, .turnpointBx {float: left; color: #fff; font-size: 1.4em; line-height: 1.5em}.lockcountBx {width: 150px}.bridgecountBx {width: 150px}.turnpointBx {width: 170px}/* Button Text */.popb {margin: 4px; padding: 0 0 0 30px; border: 1px dashed; border-color: #67636D; border-radius: 4px; color: #0063a1; font-weight: 400; font-size: .75em}.popb:hover {color: #F37048}/* Buttons */.buttonWrap {float: left; background: #fff; padding: 0; border-radius: 4px; margin: 0 4px 4px 0}.ddbuttonBox .ddbuttons .pops .popbutton1 {height: 50px; width: 90px; background: url('/IDC/Icon-Cruise-Off-25.png') no-repeat left 2px top 8px;}.ddbuttonBox .ddbuttons .pops .popbutton2 {height: 50px; width: 105px; background: url('/IDC/Icon-Attr-Off-25.png') no-repeat left 2px top 8px;}.ddbuttonBox .ddbuttons .pops .popbutton3 {height: 50px; width: 118px; background: url('/IDC/Icon-Build-Off-25.png') no-repeat left 2px top 8px;}.ddbuttonBox .ddbuttons .pops .popbutton4 {height: 50px; width: 85px; background: url('/IDC/Icon-Trades-Off-25.png') no-repeat left 2px top 8px;}.ddbuttonBox .ddbuttons .pops .popbutton5 {height: 50px; width: 135px; background: url('/IDC/Icon-Feat-Off-25.png') no-repeat left 2px top 8px;}.ddbuttonBox .ddbuttons .pops .popbutton6 {height: 50px; width: 75px; background: url('/IDC/Icon-Key-White-25.png') no-repeat left 2px top 8px;}/* Hidden divs are initially not visible *//* For Map Dropdowns */.cbCont .hidden-div {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; background-color: #0063a1; border: 1px solid #ccc; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 3000; border-radius: 8px; border-top: solid 2px #F37048; border-right: solid 4px #F37048; border-bottom: solid 4px #F37048; border-left: solid 2px #F37048;}/* For Entry Dropdowns */.ebCont .hidden-div {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; background-color: #fff; border: 1px solid #ccc; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); z-index: 3000; border-radius: 8px; border-top: solid 2px #F37048; border-right: solid 4px #F37048; border-bottom: solid 4px #F37048; border-left: solid 2px #F37048;}#div1,#div2,#div3,#div4,#div6 {width: 80%}#div5 {width: 40%}#div7,#divA,#divB {width: 90%} /* Album and Map */#div8 {width: 50%; max-width: 650px} /* Send Message Form for Entries */#div9 {width: 60%; max-width: 650px}/*#div7,#div8,#div9,#divB {z-index: 3000;}*/@media screen and (min-width: 771px) {#div1,#div2,#div3,#div4,#div6 {width: 80%}#div5 {width: 50%}}@media screen and (max-width: 770px) {.hidden-div {width: 90% !important}#div1,#div2,#div3,#div4,#div6,#div5 {width: 100%}}/* WATERSIDE ENTRY DROP DIVS */.viewDrops {margin: 25px 0} /*Buttons container */.viewDrops button {background: #0b527f; height: 63px; line-height: 18px; max-width: 300px; text-align: center; border: solid 2px #fdc348; border-radius: 15px 15px 0 0; padding: 3px 5px 0; margin: 0 15px 10px 0; font-size: 1.2em; color: #fff}.viewDrop {display: block; background: #0b527f; height: 60px; line-height: 18px; max-width: 300px; text-align: center; border: solid 2px #fdc348; border-radius: 15px 15px 0 0; padding: 3px 0 0; margin: 0 15px 10px 0; font-size: 1.2em}.viewDrops button .viewDropSm {color: #fdc348; font-size: .7em}.viewDrops a {color: #fff}.viewDrops a .viewDropSm {color: #fdc348}/* Content inside the hidden div */.content {display: flex; flex-direction: column; align-items: center; max-height: 650px; overflow-x: hidden; overflow-y: auto;}.content p {color: #fff}.content button {margin: 0px 0 0}.ebCont .content button {padding: 5px 8px; margin: 0px 0 0; color: #fff; background: #0b527f; border: 1px solid #fdc348; border-radius: 5px}.ebCont .content button:hover {color: #fdc348; background: #0b527f;}/* Overlay effect for the background */body.overlay-active::before {content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; /* background: rgba(0, 0, 0, 0.5); */ z-index: 500;}/* BUTTONS */@media screen and (min-width: 771px) {.hide770 {display: block !important;}.show770 {display: none !important;}}@media screen and (max-width: 770px) {.show770 {display: block !important;}.hide770 {display: none !important;}}/* Tickbox Float Left */.feature-desc p {color: #fff; font-size: 15px}.feature-desc h5,.feature-key h5 {font-size: 15px; color: #5DC7CF; margin: 20px 0 0 15px; line-height: 20px; text-shadow: 1px 1px 1px #000}.feature-key p {color: #fff; font-size: 15px}/* CHECKBOXES */.feature-listItems { margin: 10px 0 0 10px; padding: 7px; font-size: 15px; color: #fff; width: 100%; height: 400px; overflow-x: hidden;overflow-y: auto; }.feature-listItems img {width: 22px; height: auto}.feature-listItems label {display: block; margin: 0 0 5px 10px; cursor: pointer;}.feature-listItems label:hover {opacity: .8}.fcbContBox {width: 98%}.feature-listBoxC h5 {font-size: 1.4em; font-weight: 400; color: #fff; margin: 0px 0 -5px 25px; line-height: 20px !important; text-shadow: 1px 1px 1px #000}/* COLUMN CLASS (un-commented causes overlap of label img) label floated left aligns left to right rather than column */.fcbCont {margin: 15px; /*column-count: 4; column-width: 320px; column-gap: 20px; column-gap: 0px; column-span: all*/}.fcbCont input[type=checkbox] {-ms-transform: scale(1.6); -moz-transform: scale(1.6); -webkit-transform: scale(1.6); -o-transform: scale(1.6); transform: scale(1.6); padding: 10px; margin: 2px 5px 0 0}.fcbCont label {float: left; width: 300px; height: 38px; display: block; margin: 0 0 3px 3px; cursor: pointer; padding: 7px 5px 4px 8px; border-radius: 3px; background: #fafafa; color: #555}.fcbCont label:hover {opacity: .8}.lab2 {width: 300px; margin: -10px 0 0}.fcbCont .cruise label {border: 2px dotted #F37048}.fcbCont .attract label {border: 2px dotted #0b527f}.fcbCont .repair label {border: 2px dotted #9ACA3C}.fcbCont .trades label {border: 2px dotted #A6207F}/* MODIFIED .featureC img, NEEDS adding to main styles when move complete.fcbPop .featureC img {height: 24px; width: 24px; margin: -4px 5px 0 4px}.fcbPop .fcbCont label {width: 300px; height: 38px; display: block; margin: 0 0 3px 3px; cursor: pointer; padding: 7px 5px 4px 8px; border-radius: 3px; background: #fafafa; color: #555}*/.fcbCont .featureC input,.featureC img {float: left}.fcbCont .featureC input {margin: 0 7px 2px 0; height: 16px; line-height: .95em;}.featureC img,.featureC feature {height: 24px; width: 24px; margin: -4px 5px 0 4px}.featureC {color: #201B32 !important}.featLable {color: #0b527f !important; font-size: 1.35em; line-height: .95em; letter-spacing: .05em}.FBcount {font-size: .8em; color: #0063a1; background: #e9e9e9; border: 1px solid; padding: .2em; border-radius: .75em; min-width: 20px}.endItem {width: 100px; height 3px; font-size: 1px}/* FEATURED TICKBOXES */@media screen and (min-width: 771px) {.featureCbox {position: relative; margin: 1px 10px 0 0;}}@media screen and (max-width: 770px) {.featureCbox {width: 200px; margin: 5px 0 0;}}#featureCbox {width: 100%; margin: 10px 0 -10px; /*background: #67636D*/}.featureCbox {float: left; height: 25px; font-size: .85em; line-height: .85em}.featureCbox .featureC img {width: 25px; height: 25px}.featureCbox input[type=checkbox] {-ms-transform: scale(1.4); -moz-transform: scale(1.4); -webkit-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); padding: 10px; margin: 2px 5px 0 3px}/* SCROLLBARS */.feature-listItems::-webkit-scrollbar {width: 1em; rgba(117, 207, 240, 0.3) !important;}.feature-listItems::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}.feature-listItems::-webkit-scrollbar-thumb {background: #75cff0; border-radius: 10px;}/******************* FEEDBACK DD & FORM *****************************/#id7 {display:none; z-index:2000; position: relative; width: 90%; height: auto; margin: 15px auto 0; color: #FFF352; background: #fff; border-radius: 25px; border: solid 3px #F37048; opacity: .9}.fbbox {width: 100%; margin: 15px auto 0; height: auto;}.fbbuttonBox {width: auto; margin: 15px 15px 0; background: #0063a1; border-radius: 15px; border: solid 2px #F37048}.fbnote p {text-shadow: 1px 1px #201B32; color: #fff; font-size: .95em; line-height: 1em; margin: 7px 20px 5px;}.fbbuttons {padding: 8px 15px 0}.mapbutton:active {color: #ffc439}.mapbuttonView {background: none; border: none; color: #ffc439}.mapbuttonView:hover {color: #fff;}.closeFBX {color: #719ebd}.mapbutton1 {text-shadow: 1px 1px #201B32}.mapbuttonView {text-shadow: 1px 1px #201B32; text-transform: uppercase}/* BUTTONS */@media screen and (min-width: 771px) {.hide770 {display: block !important;}.show770 {display: none !important;}.mapbutton7 {height: 50px; width: auto; background: url('/IDC/Icon-Cruise-Off-40.png') no-repeat left top 2px; padding: 15px 15px 8px 50px; border: none; font-size: .85em; font-weight: 700; color: #fff; text-transform: uppercase}.mapbuttonView {padding: 10px 5px 0 25px; background: none; border: none; font-size: .85em; font-weight: 700}}@media screen and (max-width: 770px) {.show770 {display: block !important;}.hide770 {display: none !important;}.mapbutton7 {height: 1.1em; padding: 5px 0px 0px 7px; border: none; font-size: .75em; font-weight: 400; color: #fff}.mapbuttonView {margin: 0 0 15px; height: .75em; padding: 0px 5px 0 7px; background: none; border: none; font-size: .75em; font-weight: 700}.mapbutton7 {height: 50px; width: auto; background: none}}.fb-listbox {width: 95%; height: 50px; border: dashed 1px #2B2533; border-radius: 10px; margin: 0 auto 2px}.fb-listBox h5,.fbViewX {float: left}.fb-listBox h5 {font-size: 15px; color: #0b527f; margin: 10px 0 0 0px; line-height: 30px !important;}.fbViewX {background: url('/IDC/Big-X-30.png') no-repeat; cursor: pointer; border: none; width: 30px; height: 30px; margin: 10px 10px 0 15px}.fb-ddbox {margin: 10px 0 0 10px; padding: 7px; font-size: 15px; color: #fff; width: 95%; height: auto;}.fb-ddbox label {display: block; margin: 0 0 5px 10px; cursor: pointer;}.fb-ddbox label:hover {opacity: .8}/**************************/FEEDBACK DD END ***************************//***** MAP KEY *****/.KEYbox {width: auto; margin: 5px 5px -7px}.KEYtext {width: auto; margin: 0 5px 5px; color: #fff}.KEYturnBox {width: 135px}.content .KEYturnBox {width: 140px}.KEYlockBox {width: 110px; }.KEYbridgeBox {width: 220px}.KEYtunnelBox {width: 135px}.KEYaqueductBox {width: 150px}.KEYbridgeBox img {float: left;}.KEYlockBox img {float: left; height: 6px; margin: 5px 5px 0 0; width: auto; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}.bridgeBox {font-size: .85em; background: #c8f0ff !important; padding: 3px 5px 2px; border-radius: 3px}.KEYturnBox,.KEYlockBox,.KEYbridgeBox,.KEYtunnelBox,.KEYaqueductBox {background: #fff; height: 35px; float: left; margin: 0 10px 10px 0; border-radius: 4px; border: dotted 1px #516168; padding: 8px 5px 12px}/* For Key items on navigable-waterways-of-england-and-wales.html */.KEYboxNAV .KEYbox {width: auto; margin: 5px 5px -7px 20px; font-size: .85em}/***** HOME KEY *****/.KEYboxH {width: auto; margin: 5px 5px -7px 20px}.KEYtextH {width: 100%; clear: both; margin: 0 5px 5px 0px; color: #0063a1; font-size: 1.15em}.marbot {margin: 0 0 20px 0}.KEYturnBoxH {width: 175px}.KEYlockBoxH {width: 110px; }.KEYbridgeBoxH {width: 180px}.KEYtunnelBoxH {width: 170px}.KEYaqueductBoxH {width: 190px}.KEYbridgeBoxH img {float: right;}.KEYlockBoxH img {float: right; height: 6px; margin: 7px 5px 0 0; width: auto; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}.bridgeBoxH {font-size: .85em; background: #c8f0ff !important; padding: 3px 5px 2px; border-radius: 3px}.KEYturnBoxH,.KEYlockBoxH,.KEYbridgeBoxH,.KEYtunnelBoxH,.KEYaqueductBoxH {background: #fff; height: 35px; float: left; margin: 0 10px 10px 0; border-radius: 4px; border: dotted 1px #516168; padding: 8px 5px 12px}.labImg img {margin: -3px 8px 0px -4px}.tunnelLine {height:5px; width: 55px; background: #2b5067; margin: 6px -9px 0 -9px}.aqueductLine {height:6px; width: 55px; background: #0063a1; margin: 6px -9px 0 -9px; /*border-top: 2px solid #0063a1; border-bottom: 2px solid #0063a1*/}.tunR,.tunL,.tunnelLine,.aqueductLine {float: right}.tunR,.tunL {width: 18px; height: auto; margin: 7px 0 0}.tunR {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}.tunL {-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);}.KEYs {font-size: .9em; color: #516168; text-shadow: none}.KEYturn {border: 1px solid white; color: #fff; border-radius: 50%; background: #0063a1; font-size: 11px; padding: 5px 5px; text-align: center; margin: 0 5px 0 0}/*****************MAP STYLING*********************//*.aqueduct {-webkit-filter: drop-shadow( 0 2px 0 rgba(243, 112, 72, 1)) drop-shadow( 0 2px 0 rgba(243, 112, 72, 1)) !important; filter: drop-shadow( 0 2px 0 rgba(243, 112, 72, 1)) drop-shadow( 0 2px 0 rgba(243, 112, 72, 1)) !important;}*/.tunnel-tooltip {border: 1px solid green}.infoBox { padding: 0.5em; border: 1px solid-black; background-color: yellow;}.m_tooltip {padding: 0.25em; border: 1px solid-black; border-radius: 3px; background-color: white;}#mapB,#mapid .prunecluster-small {color: #FFF352; background-color: #0063a1; background-color: rgba(0, 99, 161, 0.7);}#mapB,#mapid .prunecluster-small div {color: #FFF352; width: 28px; height: 28px; background-color: #0063a1; background-color: rgba(0, 99, 161, 0.7);}#mapB {height: 500px !important}.tp-icon { border: 1px solid white; border-radius: 50%; background: #0063a1; font-size: 9px; padding: 13px; line-height: 13px; text-align: center}.leaflet-tooltip {padding: 1px 3px !important} /* Minimises padding in tooltip & labels */.leaflet-tooltip.tp-tooltip { background: transparent; border: 0; box-shadow: none; color: #FFF352}.leaflet-tooltip.tp-tooltip::before { border: 0;}.bridgelabel {background: #c8f0ff !important; padding: 3px !important; margin: 0 }.bridgelabelmv {background: #FFF352 !important; color: red !important; padding: 3px !important; margin: 0 }.leaflet-control {background: #fff}/*.leaflet-bottom {position: relative !important; top 30px !important; right: 15px !important}*//********************* REVIEW FORM STYLING *********************//*{$theme_url = "{root_url}/modules/ReviewManager" scope='global'}*/.rm_addcomment legend {font-weight:bold; font-style: italic;}.rm_addcomment .row {margin: 10px auto;}.rm_addcomment input:not([type='checkbox'],[type='radio']), .rm_addcomment select, .rm_addcomment textarea {width: 100%;}.stars-container {clear:both;}.rate {float:left; height: 46px;}.rate:not(:checked) > input {position:absolute; top:-9999px; visibility: hidden;}.rate:not(:checked) > label { z-index: -1; float: right; width: 35px; height: 35px; overflow: hidden; white-space:nowrap; cursor:pointer; font-size: 40px; color: transparent; line-height: 1em;}.rate:not(:checked) > label:before {content: ' ';}/* .rate:not(:checked) > label:before {background: url('/modules/ReviewManager/images/star.png') no-repeat;} */.rate > input:checked ~ label {background: url('/modules/ReviewManager/images/star-35.png') no-repeat;} /* Yellow */.rate:not(:checked) > label:hover, .rate:not(:checked) > label:hover ~ label {background: url('/modules/ReviewManager/images/star-35.png') no-repeat;} /* Darker Yellow */.rate > input:checked + label:hover,.rate > input:checked + label:hover ~ label,.rate > input:checked ~ label:hover,.rate > input:checked ~ label:hover ~ label,.rate > label:hover ~ input:checked ~ label {background: url('/modules/ReviewManager/images/star-35.png') no-repeat;} /* Dark Yellow */ /* cmsms stylesheet: IDC Menus Main and Sub modified: Tuesday, August 6, 2024 1:33:58 PM */ /**** NEXUS MENU ****/.LogoL {margin: 5px 0 0;}containerN ul .NexusTopLine {margin: 10px; padding: 0 0 0 0px}@media screen and (min-width: 771px) {.nxtopline p {font-size: 17px; margin: 0}}.gn-menu-main {margin: 0; padding: 0; background: #0b527f !important; color: #5f6f81; }.nxtoplineP a {float: left; margin: 7px 15px -10px 0 !important; color: #fff}.nxtopline a {margin: 0 0 -10px 0px; color: #fff !important}.nxtopline a:hover {color: #ffc439 !important}.rightT {position: absolute; top: 0; left: 230px}@media screen and (max-width: 770px) {.nxtopline p {font-size: 12px; margin: 0}}.gn-menu-main {list-style: none; text-transform: none; font-weight: 300; font-family: 'PT Sans', Arial, sans-serif; }.gn-menu-main {position: fixed; top: 0; left: 0; width: 100%; height: 75px; font-size: 13px; } /* NOTE Top Menu, poss increase in height and add images or BG's */.gn-menu-main a {display: block; height: 100%; color: #F37048; font-weight: 300; text-decoration: none; cursor: pointer; padding: 5px 10px 0}.no-touch .gn-menu-main {} /* NOTE Link Hover BG colour */.gn-menu-main > li {display: block; float: left; height: 100%; border-right: 1px solid #fff}/* icon-only trigger (menu item) */.gn-menu-main li.gn-trigger {position: relative; width: 60px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }.gn-menu-main > li > a {padding: 0 30px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; }.gn-menu-main:after {display: table; clear: both; content: ""; }.gn-menu-wrapper {position: fixed; top: 75px; bottom: 0; left: 0; overflow: hidden; width: 60px; border-top: 1px solid #fff; background: #0b527f; -webkit-transform: translateX(-60px); -moz-transform: translateX(-60px); transform: translateX(-60px); -webkit-transition: -webkit-transform 0.3s, width 0.3s; -moz-transition: -moz-transform 0.3s, width 0.3s; transition: transform 0.3s, width 0.3s; }.gn-scroller {position: absolute; overflow-y: scroll; width: 350px; height: 100%; } /* NOTE This is menu box. Add BG image, perhaps low opacity */.gn-menu li:not(:first-child),.gn-menu li li {box-shadow: inset 0 1px #c6d0da}.gn-submenu li {overflow: hidden; height: 0; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; transition: height 0.3s; }.gn-submenu li a {color: #fff}/*.topHead {background: #fff url(https://idocanals.co.uk/IDC/Header-BG-04.jpg) no-repeat left center;}*//*.nexusPhone {width: 179px; height: 121px; font-size: 25px; line-height: 100px; font-weight: bold; text-align: center; background: red url(https://idocanals.co.uk/LP/Carp-BG.png) no-repeat left center;} .nexusPhone {width: 179px; height: 121px; font-size: 25px; line-height: 100px; font-weight: bold; text-align: center; background: # url(https://idocanals.co.uk/LP/Carp-BG.png) no-repeat left center;}*//* placeholder */.nexusMenuIcon {font-size: 20px; margin: 25px auto 0; font-weight: 300 }.gn-trigger a {color: #fff;}.nexusMenuIcon a:hover {color: #0063a1}.nexusMenuIcon:hover {opacity: 0.3}.icon-home,.icon-businesscardalt,.icon-securityalt-shieldalt,.icon-info-sign,.icon-eye-open {font-size: 28px; margin: 25px 0 0 7px; font-weight: 300}/* MENU LINES */.NexusBreak {width: 100%; height: 24px; margin: 12px 0 0; padding: 0 0 3px 0; background: #6f97b0; color: #fff;}.NexusBreak p {margin: 0 0 0px 75px; font-size: 1.2em; text-shadow: 1px 1px #0b527f}.NexusLine li {margin: 0}.NexusLine {clear: both; width: 100%; height: 36px; margin: 0 0 0px}.NexusLine:hover {opacity: .70}.Nexusitem,.NexusName {float: left;}.Nexusitem {width: 67px}.Nexusitem img {width: 35px}.NexusName {width: 250px; font-size: 16px; line-height: 35px; padding: 0 0 0 10px !important}.NexusSocialBox {margin: 0 0 0 -30px}ul.NexusSocial li {float: left; margin: 0 5px 0 7px; font-size: 2em}ul.NexusSocial li a:hover {opacity: .8; color: #e9e9e9}ul.NexusSocial {border: none; background: #0063a1; height: 55px}.NexusSocialBox ul { margin: 15px 0 0 30px;}.NexusPol {width: 250px; padding: 0 0 0 5px}.NexusPol a {float: left}/* if an icon anchor has a span, hide the span */.gn-icon span {width: 0; height: 0; display: block; overflow: hidden; }.gn-icon-menu::before {margin-left: -15px; vertical-align: -2px; width: 30px; height: 3px; background: #5f6f81; box-shadow: 0 3px white, 0 -6px #5f6f81, 0 -9px white, 0 -12px #5f6f81; content: ''; }.no-touch .gn-icon-menu:hover::before,.no-touch .gn-icon-menu.gn-selected:hover::before {box-shadow: 0 3px #5f6f81, 0 -6px white, 0 -9px #5f6f81, 0 -12px white; }.gn-icon-menu.gn-selected::before {background: #5993cd; box-shadow: 0 3px white, 0 -6px #5993cd, 0 -9px white, 0 -12px #5993cd; }.gn-icon img {margin: 0 0 0 4px}/* styles for opening menu */.gn-menu-wrapper.gn-open-all,.gn-menu-wrapper.gn-open-part {-webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); }.gn-menu-wrapper.gn-open-all {width: 300px}@media screen and (max-width: 422px) {.gn-menu-wrapper.gn-open-all {-webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px); width: 100%; }.gn-menu-wrapper.gn-open-all .gn-scroller {width: 100%}}.containerN {z-index: 2500; position: relative}@media screen and (max-width: 1025px) {}#sub-menu ul {width: 100%; margin: -45px 10px 25px -65px}#sub-menu li,#sub-menu li ul li {width: 100%; margin: 0 10px 0 0}.Scurrent { display: none}.dropheader {font-size: 0px; margin: 0}.subheadmenu {margin: 0 0 25px}.subhead,.subheadS {margin: 0 0 5px 15px}.CTLink,#sub-menu li ul li a {padding: 2px 10px; font-size: .85em; float: left; margin: 10px 10px 0 0; color: #fff; background-color: #0063a1; border-radius: 5px; box-shadow: 1px 1px 0px #F37048; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; transition: background-color 0.4s;}.CTLink:hover,#sub-menu > li ul li a:hover {color: #e9e9e9; background-color: #0b527f; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; transition: background-color 0.4s;}.subheadS a {display: block; padding: 8px 18px; font-size: .95em; float: left; margin: 10px 10px 0 0; color: #fdc348; background-color: #331912; border-radius: 5px; box-shadow: 1px 1px 0px #F37048; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; transition: background-color 0.4s;}.subheadS a:hover {color: #fff; background-color: #925724; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; transition: background-color 0.4s;}#sub-menu > li {float: left; display: block; position: relative; margin-left: 3.8%;}#sub-menu > li:first-child {margin-left: 0;}.codrops-icon {font-size: 18px; padding: 0 15px; color: #fff; font-weight: 300; background: #0b527f url(https://idocanals.co.uk/LP/Carp-BG-2.png) no-repeat left center;} /* cmsms stylesheet: IDC Forms modified: Saturday, December 30, 2023 9:45:17 PM */ /* REGISTER */.IDC-Greeting {color: #fff}.advancedcontactform {margin: 15px; max-width: 950px}.advancedcontactform fieldset {border-radius: 5px; padding: 15px; max-width: 570px; border: 3px solid #0063a1}.IDCName input, .IDCEmail input, .IDCBusiness input, .IDCPhone input, .IDCWebsite input, .IDCFacebook input, .IDCPinterest input, .IDCTwitter input, .IDCInstagram input, .IDCYouTube input, .IDCYouTubeV input, .IDCLinkedIn input {padding: 0 0 0 10px; min-width: 350px; max-width: 550px; height: 25px; font-size: 1em; margin: 5px 0 5px 5px; border-radius: 3px; border: 1px solid #516168}.cms_browse {color: #0b527f !important; margin: 5px 0 10px -5px !important; border: none}.IDCImage input {color: #0b527f !important; padding: 5px 0 0 10px}.IDCCopyright select {padding: 0 0 0 10px; min-width: 350px; max-width: 550px; height: 25px; font-size: 1em; margin: 5px 0 10px 5px; border-radius: 3px; border: 1px solid #516168}.textarea,.IDCAddress .textarea,.IDCAddress .cms_textarea, .IDCMessage .cms_textarea, .IDCDescription textarea {max-width: 550px; padding: 5px 0 0 10px; margin: 5px 0 0 5px; border-radius: 3px; border: 1px solid #516168; font-size: 1em !important}.IDCUpload {width: 100%; margin: 10px 0 0}.IDCUpload label {color: #181121; margin: 7px 15px 0 5px; width: 87px; font-size: .85em}.IDCUpload label, .cms_browse {float: left; font-size: .85em}.cms_browse {width: 205px; margin: 5px 0 0}.cms_browse input {color: #0063a1 !important}.robot {color: #181121}.cntnt01fbrp__47 {font-size: 1.3em !important}.robot input {margin: 10px 0 0; height: 25px; width: 25px}.cms_checkbox {width: 50px !important; color: #fff}.required::after {content:"Rqd:" color #D60000 !important}form {margin-top: 0}form, td, th, li {font-size: 100%}form div {margin-bottom: 0}fieldset div {margin: 0;}fieldset div div {margin: 5px 0}#fbrp__1,#fbrp__7,#fbrp__30,#fbrp__35 {width: 80%; margin: 0 0 25px; background: #7B6BAF; padding: 25px 25px 15px}legend {color: #FFF; background: #0063a1; font-style: italic; font-size: 1.2em; margin: 0; padding: 2px 15px !important; border: 1px solid #CCC; border-radius: 5px}.fieldDown {margin: 0 0 35px}.radiob {width: 125px; color: #fff; font-size: normal; font-size: 12px; float: left; text-align: center; margin: 0 0 0 20px}#fbrp__43_1_0,#fbrp__43_1_1 {width: 50px; background: red}.radiob input,.radiob label {float: left}.radiob label {margin: -30px 0 0 0}/*#fbrp__43_1_0,#fbrp__43_1_1,#fbrp__44_1_0,#fbrp__44_1_1,#fbrp__44_1_0,#fbrp__45_1_0,#fbrp__45_1_1 {width: 50px}*/#cntnt01moduleform_2 input,#cntnt01moduleform_2 textarea {width: 100%; margin: 0 0 15px; color: #516168}fieldset label {width: auto;}textarea {margin: 0.5em 0; width: 98%; height: 6em}/* Apply this class to text/select input fields with shorter labels to help alignment */.short-label label {float: left; width: 10em}.short-label fieldset div input, .short-label fieldset div select {width: 16em}/* Captcha */.captcha {max-width: 600px}.captchapict,.capMes {width: 200px; float: left}.captcha .cms_textfield {width: 150px !important; margin: 0 0 15px; color: #516168}.cms_textfield {height: 55px}.submit {width: 100%; margin: 25px 0 0}.cms_submit {width: 200px !important; height: 40px; background: #0063a1; color: #fff !important; font-size: 25px; font-weight: 700; letter-spacing: 0.05em; transition: transform .3s ease-out; -webkit-transition: color .3s ease-out; -moz-transition: color .3s ease-out; -o-transition: color .3s ease-out; border-radius: 5px}.cms_submit:hover {cursor: pointer; color: #F37048 !important; transition: transform .3s ease-out; -webkit-transition: color .3s ease-out; -moz-transition: color .3s ease-out; -o-transition: color .3s ease-out;}.captcha {margin: 0.5em 0; text-align: center}.captcha img {border: 1px solid #F37048; margin-bottom: 0.5em; padding: 0 5px}/* Just a bit more room for the Submit button */.idcFBinput {height: 30px; border: 1px solid #516168; border-radius: 7px}.idcFBarea {border: 1px solid #516168; border-radius: 7px}.idcFBbtn {width: 20px} /* cmsms stylesheet: Normalize modified: Saturday, August 26, 2023 3:41:59 PM */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;} audio, canvas, video {display: inline-block;} audio:not([controls]) {display: none;height: 0;} [hidden], template {display: none;} html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;} abbr[title] {border-bottom: 1px dotted;} b, strong {font-weight: bold;} dfn {font-style: italic;} hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;} mark {background: #ff0; color: #000;} code, kbd, pre, samp {font-family: monospace, serif; font-size: 1em;} pre {white-space: pre-wrap;} q {quotes: "\201C" "\201D" "\2018" "\2019";} small {font-size: 80%;} sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} img {border: 0;} svg:not(:root) {overflow: hidden;} figure {margin: 0;} fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} legend {border: 0; padding: 0; } button, input, select, textarea {font-family: inherit; font-size: 100%; margin: 0; } button, input {line-height: normal;} button, select {text-transform: none;} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] {cursor: default;} input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0; } input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} textarea {overflow: auto; vertical-align: top; } table {border-collapse: collapse; border-spacing: 0;} html {color: #222; font-size: 1em; line-height: 1.4;} hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;} audio, canvas, img, svg, video {vertical-align: middle;} fieldset {border: 0; margin: 0; padding: 0;} textarea {resize: vertical;} textarea {overflow: auto; vertical-align: top; resize: vertical} ul, ol {margin: 1em 0; padding: 0 0 0 40px} dd {margin: 0 0 0 40px} nav ul, nav ol {list-style: none; list-style-image: none; margin: 0; padding: 0} pre, code, kbd, samp {font-family: monospace, serif; _font-family: courier new, monospace; font-size: 1em} pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word} q {quotes: none} q:before, q:after {content: ""; content: none} /* cmsms stylesheet: Gallery modified: Sunday, May 4, 2025 7:21:27 PM */ .gallery .img {float: left; margin: 0; border-radius: 5px;} .gallery .img a {display: inline-block; border-radius: 5px;} .gallery .img a:hover {border-radius: 5px;} .gallery img {width: 150px; height: 110px; border-radius: 5px; border: 1px solid #ddd; box-shadow: 2px 2px 5px #555; margin: 0} .gallery .pagenavigation {height: 50px;} .gallery .prevpage a, .gallery .prevpage em {display: block; width: 50px; height: 39px; float: left; margin: 0; text-indent: -1000px; background: url(../../images/previous.png) transparent no-repeat 0 0; overflow: hidden;} .gallery .nextpage a, .gallery .nextpage em {display: block; width: 50px; height: 39px; float: left; margin: 0 6px 0 0; text-indent: -1000px; background: url(../../images/next.png) transparent no-repeat 0 0; overflow: hidden;} .gallery .parentlink a {display: block; width: 50px; height: 39px; float: left; text-indent: -1000px; background: url(../../images/uppage.png) transparent no-repeat 0 0; overflow: hidden;} .gallery .pagenavigation a:hover {background-position: 0 -40px;} .gallery .prevpage em, .gallery .nextpage em {background-position: 0 -80px;} .gallery .pagelinks {float: right; border-right: 2px solid #667;} .gallery .pagelinks a, .gallery .pagelinks em {margin-top: 6px; padding: 0 6px; border-left: 2px solid #667; text-align: center; font: bold 11px verdana; color: #667;} .gallery .pagelinks em {color: #000;} .galleryclear {clear: both;} .gallery h3 {margin: 15px 0 -40px 15px; font-size: 1.5em; font-weight: 400} /* LIGHTBOX - version 2.8.2 */ /* Preload images */ body:after {content: url(../lightbox/images/close.png) url(../lightbox/images/loading.gif) url(../lightbox/images/prev.png) url(../lightbox/images/next.png); display: none;} body.lb-disable-scrolling {overflow: hidden;} .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none;} .lightbox {position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal;} .lightbox .lb-image {display: block; height: auto; max-width: inherit; border-radius: 3px;} .lightbox a img {border: none;} .lb-outerContainer {position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px;} .lb-outerContainer:after {content: ""; display: table; clear: both;} .lb-container {padding: 4px;} .lb-loader {position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0;} .lb-cancel {display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../lightbox/images/loading.gif) no-repeat;} .lb-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;} .lb-container > .nav { left: 0;} .lb-nav a {outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');} .lb-prev, .lb-next {height: 100%; cursor: pointer; display: block;} .lb-nav a.lb-prev {width: 34%; left: 0; float: left; background: url(../lightbox/images/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s;} .lb-nav a.lb-prev:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} .lb-nav a.lb-next {width: 64%;right: 0; float: right; background: url(../lightbox/images/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s;} .lb-nav a.lb-next:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;} .lb-dataContainer {margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;} .lb-dataContainer:after {content: ""; display: table; clear: both;} .lb-data {padding: 0 4px; color: #ccc;} .lb-data .lb-details {width: 85%; float: left; text-align: left; line-height: 1.1em;} .lb-data .lb-caption {font-size: 13px; font-weight: bold; line-height: 1em;} .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999;} .lb-data .lb-close {display: block; float: right; width: 30px; height: 30px; background: url(../lightbox/images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s;} .lb-data .lb-close:hover {cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1;}