@import url("/css/bou-normalize.css");
@import url("https://www.canoe-shops-group.co.uk/resources/checkout/css/checkout.css");
@import url('https://fonts.googleapis.com/css?family=Roboto:300,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Overpass:800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

body{color:#666; font-family: 'Roboto', sans-serif;	font-size:1em; font-weight:300; margin:0; overflow-x: hidden; background-color:#fff;}

a {color:#333;}
a:hover {color:#336699;}
.SmallPrint {font-size: 0.8em;}
.no-padding {padding: 0;}

/* MAIN MENU */
.topnav {overflow: hidden; background-color: #000;}
.topnav a {float: left; display: block; color: #FFF; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px;}
.active {color: #336699 !important;}
.topnava {font-weight: bold;}

*{box-sizing:border-box; -moz-box-sizing:border-box;}

img{max-width:100%; height:auto; border:0px;}

/* CONTAIN FLOATS */
.clearfix:before, .clearfix:after, .row:before, .row:after, .cat-listing:before, .cat-listing:after, .cat-listing-best:before, .cat-listing-best:after {content: " "; display: table;}
.clearfix:after, .container:after, .row:after, .cat-listing:after, .cat-listing-best:after {clear: both;}

.topnav .icon {display: none;}
.dropdown {float: left; overflow: hidden;}
.dropdown .dropbtn {font-size: 17px; border: none; outline: none; color: #000; padding: 14px 14px; background-color: inherit; font-family: 'Overpass', sans-serif; margin: 0; font-weight:800;}
.dropdown-content {display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 900; border-top:1px solid #000;}
.dropdown-content a {float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left;}
.topnav a:hover, .dropdown:hover .dropbtn {color: #336699;}
.dropdown-content a:hover {background-color: #ddd; color: black;}
.dropdown:hover .dropdown-content {display: block;}
.nav-special {color: #C00 !important;}
.dropbtn {font-weight: 500;}
.home-btn {padding:10px 4px !important;}

@media screen and (max-width: 960px) {
  .topnav a:not(:first-child), .dropbtn {display: none;}
  .topnav a.icon {float: right; display: block;}
}

@media screen and (max-width: 960px) {
    .dropbtn {pointer-events: none; cursor: default;}
}

@media screen and (max-width: 960px) {
  .topnav.responsive {position: relative; z-index: 900;}
  .topnav.responsive .icon {position: absolute; right: 0; top: 0;}
  .topnav.responsive a {float: none; display: block; text-align: left;}
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {display: block; width: 100%; text-align: left;}
  .dropdown .dropbtn {color:#FFF;}
  .hide-menu-ico {display:none;}
}

@media screen and (min-width: 961px) and (max-width: 1170px) {
    .dropdown .dropbtn {font-size:15px; padding: 14px 9px;}
    #topmenu-inner{max-width:970px !important;}
}

/* SEARCH BAR - HEADER */
.search-bar {padding-top:4px;}
.search-bar input[type=text] {width: 91%; font-size: 17px; border: 1px solid #d3d3d3; padding: 10px;}
.search-bar button {width:9%; float: right; background: #333; font-size: 18px; font-family: 'Roboto', sans-serif; font-weight: 600; color: #FFF; border: none; cursor: pointer; padding: 11px 0px;}
.search-bar button:hover {background: #336699;}

@media screen and (max-width: 960px) {
    .search-bar {width:100%;}
    .header-contain {padding:0 !important; display: flex; align-items: center; justify-content: center;}
}

@media screen and (max-width: 600px) {
    .search-bar input[type=text] {width: 80%;}
    .search-bar button {width: 20%;}
}

/* HEADER */
.header-logo {float:left; text-align:left; margin-bottom:0px;}
.upper-head-promo {padding-top:5px;	min-height:32px;}
.upper-head-promo-mid {text-align:center; padding-top:4px; color:#FFF; font-weight: 900; font-family: 'Urbanist', sans-serif;}
.header-lower {width: 90%; margin: 0 auto; padding-top: 20px;}
.alert-promo-color {background-color:#303030; min-height:75px !important;}
.alert-promo-text {color:#29bbff !important; font-weight:600 !important; font-size:0.92em !important;}
.upper-promo-color {background-color:#b60000;}
.alert-head-main, .alert-head-text, .alert-head-sub-text {display: block;}
.alert-head-main {margin-bottom:0.3em !important; font-size:1.05em !important;}
.alert-head-text {font-weight:500;}
.alert-head-sub-text {font-size:0.88em !important; margin-top:0.3em;}

/* TOP - LOWERBANNER */
.top-head-links {min-height:30px; border-bottom: 1px solid #d8d8d8;}
.top-head-links ul li {display: inline-block; padding:0 12px 0 0 !important;}
.top-head-links ul {margin:0;}
.top-head-links a {text-decoration:none; font-size:0.9em; color:#000;}
.top-head-links a:hover {text-decoration:underline;}
.after-applied a::after {position: absolute;  padding-left:6px; content: "/"; color:#000;}
.lower-ban-element {font-size:0.9em; font-weight:600; font-family:'Montserrat', sans-serif; background-color:FFF; text-align: center;}
.phone-ico {background-image: url('/images/site/icons/contact.png'); background-repeat: no-repeat; padding-left: 24px; display: inline-block; margin:0 auto; text-decoration: none; cursor: default;}
.delivery-ico {background-image: url('/images/site/icons/delivery.png'); background-repeat: no-repeat; padding-left: 32px; display: inline-block; margin:0 auto; text-decoration: none;}
.click-collect-ico {background-image: url('/images/site/icons/click-collect.png'); background-repeat: no-repeat; padding-left: 24px; display: inline-block; margin:0 auto; text-decoration: none;}
.shop-ico {background-image: url('/images/site/icons/shop.png'); background-repeat: no-repeat; padding-left: 24px; display: inline-block; margin:0 auto; text-decoration: none;}
.lower-ban-contain, #lowerbanner {background-color:#ededed;}
.phone-num {text-decoration:none; color:#336699;}
.lower-ban-element a {transition:all 0.3s ease;}
.top-header-p {font-size:0.9em; padding:1px 0 0 12px !important; color:#000; cursor:default;}

@media screen and (min-width: 650px) {
    .lower-ban-contain {display:flex; justify-content:center;}
}

@media screen and (max-width: 650px) { /* Hidden elements based on mobile res */
    .top-head-links {display:none;}
    .lower-ban-element {padding:8px 0;}
    .element-two, .element-three, .element-four {display:none;} 
}

@media screen and (min-width: 651px) and (max-width: 960px) {
    .lower-ban-element {width: 50%; margin:12px 0;}
    .element-three, .element-four {display:none;}
}

@media screen and (min-width: 960px) and (max-width: 1349px) {
    .lower-ban-element {width: 33.33333%; margin:12px 0;}
    .element-four {display:none;}
}

@media screen and (min-width: 1350px) {
    .lower-ban-element {width: 25%; margin:12px 0;}
}

/* FOOTER */
.footer-wrap {display: flex;}
.lower-foot, .foot-main {display: flex; flex-wrap: wrap; width: 100%; -moz-box-pack: center; justify-content: center; margin-bottom: 1rem; font-family: 'Montserrat', sans-serif;}
.pay-methods ul, .socials ul {display: flex; padding: 0; margin:0;}
.pay-methods ul li {display: inline; padding: 0 0.5em 0.2em 0;}
.socials ul li {display: inline; padding: 0 0.8em 0.2em 0;}
.short-links ul {padding:0.4em 0 0.4em 0; margin:0;}
.short-links ul li {list-style-type: none; text-align: center; padding:0 0 0.2em 0;}
.short-links a {transition:all 0.3s ease; text-decoration:none; font-weight:600; color:#000;}
.short-links a:hover {color:#32659a !important;}
.copyright-msg {width:95%; margin: 0 auto; text-align:center; font-size: 0.9em; padding:1em 0 4em 0; border-top:1px dotted #726F6E;}

@media screen and (min-width: 1000px) {
    .lower-foot-wrap {display: flex; flex-direction: row; flex-wrap:wrap; width:90%; max-width: 1350px; padding:0px; margin-left: auto; margin-right: auto;}
    .pay-methods, .socials {display: flex; width: 50%; max-width:50%; margin-top:0; }
    .pay-methods, .copyright-msg {-moz-box-pack: left; justify-content: left;}
    .socials, .short-links {-moz-box-pack: right; justify-content: right;}
    .copyright-msg, .short-links {display: flex; width: 50%; max-width:50%; border-top:1px dotted #726F6E;}
    .short-links ul {padding-top:0.8em;}
    .short-links ul li {display: inline; padding:0 1em 0 0;}
    .short-links a {font-weight:500; font-size:0.9em;}
    .short-links li:not(:last-child) a::after {position: absolute; padding:1px 0 0 6px; content: "\002F";}
}

/* FOOTER - SUB MENU*/
.submenuhead {display: flex; width:95%; margin:0 auto; cursor: pointer; font-family: 'Montserrat', sans-serif; font-size: 1.2em; font-weight: 600; color:#000; border-top:1px dotted #726F6E; padding:0.6em 0.2em 0.6em 0.2em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.submenucontent {display:none; overflow:hidden; width:95%; margin:0 auto;}
.submenucontent ul {padding:0 0 2em 0; margin:0;}
.submenucontent ul li {list-style-type: none; text-align: center;}
.submenuico {width: 24px; height: 20px; background-image: url("/images/site/icons/expand.svg") !important; overflow: hidden; background-repeat:no-repeat; display: inline-block; margin-left: auto; margin-top:0.3em;}
.ul-sub {margin-top:1em;}
.ul-sub-heading {font-weight: 600; color: #000; font-size:1em;}
.ul-sub .ul-sub-heading {padding-bottom:1em;}
.about-txt {text-align: justify !important; margin:0.4em 0;}
.about-txt a {text-decoration-line: underline;}
.content-links ul li {font-weight: 500; margin:0.4em 0;}
.content-links a {text-decoration:none;}
.ul-sub-t {margin:1em 0 0.1em 0;}
.ul-sub-e {margin:0.1em 0 1em 0;}
.ul-sub-t a, .ul-sub-e a {font-size: 1em; font-weight: 600; color:#32659a; text-decoration: none;}

@media screen and (min-width: 1000px) {
    #footer-wrap {border-top:1px dotted #726F6E; margin-top:1.4em;}
    .foot-main {width:90%; max-width: 1350px; padding:1.6em 1.6em 0 1.6em; margin-left: auto; margin-right: auto; flex-direction: row;}
    .submenuhead {width: 25%; max-width: 25%; pointer-events: none; cursor: default; border: none; padding:1em 0.1em;}
    .submenuico {display: none;}
    .submenucontent {width: 25%; max-width: 25%; display: flex; padding:0 0.1em;}
    .submenucontent ul li {text-align: left;}
    .submenucontent a {text-decoration: none;}
    .about-txt a {text-decoration-line: underline;}
    .order-1 {order:1;}
    .order-2 {order:2;}
    .order-3 {order:3;}
    .order-4 {order:4;}
    .order-5 {order:5;}
    .order-6 {order:6;}
    .order-7 {order:7;}
    .order-8 {order:8;}
    .order-9 {order:9;}
    .order-10 {order:10;}
    .contact-ul {font-size:0.9em;}
    .content-links ul li {margin:0.4em 0; font-weight:500;}
    .about-txt {text-align: justify; font-size:0.9em; margin-bottom:1em;}

    .showroom-hours-mob {display:none;}
}

@media screen and (min-width: 570px) { /* Show elements mobile only */
    .hide-md-lg {display: none;}
}

@media screen and (max-width: 1000px) { /* Show elements mobile only */
    .showroom-hours {display: none;}
}

/* BREADCRUMB LINKS */
#sub-nav ul {list-style: none; padding:0; margin-bottom: 0;}
#sub-nav ul li {display: inline; font-size:16px;}
#sub-nav ul li+li:before {padding: 8px; color: black; content: "/\00a0";}
#sub-nav ul li a {color: #000; text-decoration: none; transition:all 0.3s ease; font-weight: 500;}
#sub-nav ul li a:hover {color: #336699;}

/* SIDEMENU */
#sidemenu{width:250px; position: relative; float:left; padding:0; margin: 10px 0 0 0;	min-height:500px;}
#sidemenu p{text-align:left !important;}
.lhs-box {width: 100%; background-color: #FFF; margin:15px 0; padding:0;}
#nav-left ul {list-style-type: none; margin: 0; padding: 0; width: 100%;}
#nav-left li a {display: block; background-color:#ededed; border-left: 4px solid #ededed; border-right: 4px solid #ededed; color:#454545; width:#100%; padding: 8px 16px; margin:4px 0; text-decoration: none; font-weight: 500; transition:all 0.3s ease;}
#nav-left li a:hover {border-left: 4px solid #336699; border-right: 4px solid #336699; color:#336699; text-decoration: none; padding-left:24px;}
#nav-left a:visited {text-decoration:none;}
#nav-left a:active {text-decoration:none;}
.big {font-size:1.4em; color: #336699; margin:0.8em 0 0.4em 0;}
.lhs-header {font-size:1.2em; font-family: 'Roboto', sans-serif; font-weight:500; color:#333; margin:0;}

/* GRID ELEMENTS - VERTICAL SPACING */
.grid_1, .grid_2, .tab-buy, .tab-colour, .related-products, .cat-price, .grid_3, .tab-kit-img, .tab-kit-img-large, .product-thumb, .product-thumb-rhs, .product-box-long, .cat-listing-info, .product-box-large, .cat-listing-zoom-outer, .cat-listing-brand, .block-cat-pic, .grid_4, .tab-feature, .featureImage, .product-listing-wrapper, .cat-3-boxes, .grid_5, #rhs-prod, .grid_6, .cat-2-boxes, .grid_7, .tab-kit-text, #lhs-prod, .block-cat-info, .grid_8, .tab-features-text, .grid_9, .prod-img-kit-first-paragraph, .grid_10, .grid_11, .grid_12, .prod-img-lhs, .prod-img, .text, .promotion-box, .open-times-box, .sub-foot-tab {margin-bottom:5px; position: relative; min-height: 1px;top: -4px; padding-left: 5px;	padding-right: 5px;}

.cat-listing-kit, .cat-listing-image {margin-bottom:5px; position: relative; min-height: 1px;top: -4px; padding-left: 15px;	padding-right: 15px;}
.row, .cat-listing, .cat-listing-best{margin-left: -15px; margin-right: -15px;}
.rightfloat{float:right !important;}
.leftfloat{float:left !important;}

/* BRCRUMB LINKS */
#brcrumb{margin:5px 0;}
#brcrumb a {text-decoration: none; font-family: 'Roboto', sans-serif; color:#333;}
#brcrumb a:link, #brcrumb a:active, #brcrumb a:visited {text-decoration:underline;}
#brcrumb a:hover {color:#336699;}
.bcrumb{margin:5px 0;}
.bcrumb a {text-decoration: none; font-family: 'Roboto', sans-serif; color:#333;}
.bcrumb a:link, #brcrumb a:active, #brcrumb a:visited {text-decoration:underline;}
.bcrumb a:hover {color:#336699;}

/* STRUCTURE - START */
#topmenu{min-height:30px; position: absolute; top: 150px; width:100%; background-color:#FFF;}
#banner{height:34px; min-width: 100%; position: absolute; background-color:#FFF;}
#lowerbanner{position: absolute; top:200px; width:100%; color:#000;}
#banner form{margin-top:0px;}
#nav{width:100%;}
#header {padding:5px; background-color:#FFF; min-height:90px;}
#wrapper{width: 100%; margin: 0 auto; position: absolute; top: 230px; left: 0; right: 0; margin: 0 auto; background-color:#FFF;}
#wrapper-inner{width: 92%; margin: 0 auto;}
#banner-lower img:hover{opacity:0.8;}
#wrapper img {opacity:1; transition:all 0.3s ease;}
#wrapper img:hover{opacity:0.8;}

@media screen and (max-width: 360px) {
    #banner{height:50px;}
    #lowerbanner{top:205px;}
    #topmenu{top: 245px;}
    #wrapper{top: 300px;}
    .header-lower{padding-top:10px;}
    /* .basketlite-holder{height: 22px !important;} */
    .upper-head-promo {min-height:20px;}
    .upper-head-promo-mid {margin-bottom:0 !important;}
    .search-bar {padding-top:6px;}
    .basketlite-holder a {font-size: 1.2em !important;}
    .lower-ban-contain {background-color:#FFF;}
}

@media screen and (min-width: 361px) and (max-width: 960px) {
    #banner{height:20px;}
    #lowerbanner{top:235px;}
    #topmenu{top: 280px;}
    #wrapper{top: 335px;}
    .header-lower{padding-top:10px;}
    .search-bar {padding-top:8px;}
    /* .basketlite-holder{height: 22px !important;} */
    .upper-head-promo {min-height:20px;}
    .upper-head-promo-mid {margin-bottom:0 !important;}
    .basketlite-holder a {font-size: 1.2em !important;}
    .lower-ban-contain {background-color:#FFF;}
}

@media only screen and (min-width: 961px) and (max-width: 1080px) {
    #banner{height:34px;}
    #topmenu{top: 150px;}
    #lowerbanner{top:196px;}
    #wrapper{top: 225px;}
}

@media only screen and (min-width: 961px) and (max-width: 1300px) {
    .basketlite-holder a {font-size: 0.9em !important;}
    .basketlite-holder p {padding:0 4px 0 0 !important;}
    .basketBtn button {padding:11px 8px 11px 4px !important;}
}

@media only screen and (min-width: 1301px) {
    .basketlite-holder a {font-size: 1.2em !important;}
    .basketlite-holder p {padding:0 12px 0 0 !important;}
    .basketBtn button {padding:11px 8px 11px 12px !important;}
}

@media only screen and (min-width: 961px) {
    #banner-lower{max-width: 1200px; margin: .75em auto;}
    .header-lower{max-width: 1350px; margin: .75em auto;}
    .header-contain {padding:0 !important;}
    #wrapper{margin: .75em auto;}
    #wrapper-inner{margin: .75em auto; max-width: 1350px; }
    #lowerbanner-inner, .top-head-links-inner {margin:0 auto; max-width: 1350px; }
    .dropdown-content-all {display: none !important;}
    .topnav {background-color: #FFF;}
    .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; min-width: 100%;}

    .grid_1, .grid_2, .tab-buy, .tab-colour, .related-products, .cat-price, .grid_3, .tab-kit-img, .tab-kit-img-large, .product-thumb, .product-thumb-rhs, .product-box-long, .cat-listing-info, .product-box-large, .cat-listing-zoom-outer, .cat-listing-brand, .cat-listing-kit, .cat-listing-image, .block-cat-pic, .grid_4, .tab-feature, .featureImage, .product-listing-wrapper, .cat-3-boxes,
    .grid_5, .grid_6, .cat-2-boxes, .grid_7, .tab-kit-text, #lhs-prod, .block-cat-info, .grid_8, .tab-features-text, .grid_9, .prod-img-kit-first-paragraph, .grid_10, .grid_11, .grid_12, .prod-img-lhs, .prod-img, .text, .promotion-box, .open-times-box, .sub-foot-tab {float: left; display: block; padding-left: 15px; padding-right: 15px; flex: auto;}

    #rhs-prod {float: right; display: block; padding-left: 15px; padding-right: 15px;}

    .grid_1 { width: 8.33333333%; max-width: 8.33333333%; }
    .grid_2 { width: 16.66666667%; max-width: 16.66666667%; }
    .tab-buy { width: 16.66666667%; max-width: 16.66666667%; }
    .tab-colour { width: 16.66666667%; max-width: 16.66666667%; }
    .cat-price { width: 16.66666667%; max-width: 16.66666667%; }
    .related-products { width: 20%; max-width: 20%; }
    .grid_3 { width: 25%; max-width: 25%; }
    .tab-kit-img { width: 25%; max-width: 25%; }
    .tab-kit-img-large { width: 25%; max-width: 25%; }
    .product-thumb, .product-thumb { width: 25%; max-width: 25%; }
    .product-box-long { width: 25%; max-width: 25%; }
    .cat-listing-info { width: 25%; max-width: 25%; }
    .product-box-large { width: 25%; max-width: 25%; }
    .cat-listing-zoom-outer { width: 25%; max-width: 25%; }
    .cat-listing-brand { width: 25%; max-width: 25%; }
    .cat-listing-kit, .cat-listing-image { width: 25%; max-width: 25%; }
    .block-cat-pic { width: 25%; max-width: 25%; }
    .grid_4 { width: 33.33333333%; max-width: 33.33333333%; }
    .tab-feature { width: 33.33333333%; max-width: 33.33333333%; }
    .featureImage { width: 33.33333333%; max-width: 33.33333333%; }
    .product-listing-wrapper { width: 33.33333333%; max-width: 33.33333333%; }
    .cat-3-boxes { width: 33.33333333%; max-width: 33.33333333%; }
    .promotion-box { width: 25%; max-width: 25%; }
    .open-times-box { width: 25%; max-width: 25%; }
    .sub-foot-tab { width: 20%; max-width: 20%; }
    .grid_5 { width: 41.66666667%; max-width: 41.66666667%; }
    #rhs-prod {width: 49.9%; max-width: 49.9%;}
    .grid_6 { width: 50%; max-width: 50%; }
    .cat-2-boxes { width: 50%; max-width: 50%; }
    .grid_7 { width: 58.33333333%; max-width: 58.33333333%; }
    .tab-kit-text { width: 58.33333333%; max-width: 58.33333333%; }
    #lhs-prod {width: 50.1%; max-width: 50.1%;}
    .block-cat-info { width: 58.33333333%; max-width: 58.33333333%; }
    .grid_8 { width: 66.66666667%; max-width: 66.66666667%; }
    .tab-features-text { width: 66.66666667%; max-width: 66.66666667%; }
    .grid_9 { width: 75%; max-width: 75%; }
    .prod-img-kit-first-paragraph { width: 75%; max-width: 75%; }
    .grid_10 { width: 83.33333333%; max-width: 83.33333333%; }
    .grid_11 { width: 91.66666667%; max-width: 91.66666667%; }
    .grid_12 { width: 100%; max-width: 100%; padding-left: 15px; padding-right: 15px; }
    .prod-img-lhs { width: 100%; max-width: 100%; padding-left: 15px; padding-right: 15px;}
    .prod-img { width: 100%; max-width: 100%; padding-left: 15px; padding-right: 15px;}
    .text { width: 100%; max-width: 100%; padding-left: 15px; padding-right: 15px; }

    .basketBtn, .brandImgTop {float: right; !important;}
    .basketBtn button {margin-top: 4px;}
    .basketlite-holder {margin-top: 4px;}
}

#topmenu-inner{max-width: 1170px; margin: 0 auto;}
#content-index, #content-footer, #content-sub-foot {width:90%; max-width: 1350px; position: relative; padding:0px; margin-left: auto; margin-right: auto;}
#content-index {padding-bottom:25px;}
#content form{margin-top:10px; margin-bottom:10px;}
#content{min-height:200px; width:calc(100% - 260px); float:right; background-color: #FFF; padding:10px 10px 30px 10px;}

/* FLEX VIDEO */
.flex-video {position: relative; padding-bottom: 56.25%; padding-top: 25px;	height: 0;}
.flex-video iframe {position: absolute;	top: 0;	left: 0; width: 100%; height: 100%; padding-top: 25px; padding-bottom: 15px;}

/* PRODUCT PAGES/LISTINGS */
/* RHS PROD LISTING */
#rhs-prod h1{margin-bottom:0px !important; color: #333; text-transform: capitalize; line-height: 1.1em;}
#rhs-prod h2{margin-bottom:10px; margin-top:0; font-size:0.9em; color:#666; text-transform: capitalize;}
#rhs-prod p {margin-bottom: 10px;}

/* LHS PROD LISTING */
.prod-img, .prod-img-kit-first-paragraph, .prod-img-lhs {border:0;}
.prod-img img, .prod-img-kit-first-paragraph img, .prod-img-lhs img{margin:25px 0;}
.product-thumb img, .product-thumb-rhs img {padding:4px;}

/* CATEGORY LISTINGS - ADDITIONAL CSS - START */
.cat-listing, .cat-listing-best {border-bottom: 1px dotted #e4e4e4; padding: 20px 0;}
.cat-price {font-weight:300; text-align: left; font-size: 1.0em; padding-top:8px;}
.pricesimple-price{color: #336699; font-family: 'Roboto', sans-serif; line-height: 1.5em; font-size: 1.2em; font-weight: 500; padding-left:4px;}
.block-cat-info H2 a, .cat-listing-image H3 a {text-decoration:none; color:#5d5d5d;}
.block-cat-info H2 a:hover, .cat-listing-image H3 a:hover {color:#336699;}
.block-cat-header a {text-decoration:none; color:#5d5d5d; font-weight: 500;}
.block-cat-header a:hover {color:#006699;}
.cat-listing-kit, .cat-listing-image {outline: 1px solid #e4e4e4; outline-offset: -5px; -moz-outline-radius: 2px; padding-top:15px; padding-bottom:15px;}
.cat-listing-kit img, .cat-listing-image img {display:block; margin-left:auto; margin-right:auto; padding: 0 5px;}
.cat-listing-kit-price {text-align:left; font-size:16px; color:#666; margin-bottom:15px;}
.cat-header {font-size:1.2em; font-weight:600; margin: 10px 0; text-align:center; color:#333; font-family: 'Roboto', sans-serif;}
.cat-header a {text-decoration:none;}
.cat-2-boxes, .cat-3-boxes, .cat-listing-brand, .cat-listing-zoom-outer, .product-box-large, .product-listing-wrapper, .cat-listing-info, .product-box-long, .related-products {outline: 1px solid #e4e4e4; outline-offset: -5px; -moz-outline-radius: 2px; text-align:center; margin-top:10px 0; padding:15px 10px;}
.cat-2-boxes img, .cat-3-boxes img, .product-box-large img, .product-listing-wrapper img, .cat-listing-info img, .product-box-long img{padding:0 5px;}
.cat-2-boxes h2, .cat-3-boxes h2, .cat-3-boxes a, .cat-listing-zoom-outer h2, .product-box-large h3, .product-listing-wrapper h1, .cat-listing-info h2{text-align: center; text-decoration:none;}
.cat-2-boxes h2 a, .cat-3-boxes h2 a, .cat-3-boxes a:hover, .cat-listing-zoom-outer h2 a, .product-box-large h3 a, .product-listing-wrapper h1 a, .cat-listing-info h2 a, .tab-kit-text a{text-decoration:none; color:#336699;}
.cat-2-boxes h2 a:hover, .cat-3-boxes h2 a:hover, .cat-listing-zoom-outer h2 a:hover, .product-box-large h3 a:hover, .product-listing-wrapper h1 a:hover, .cat-listing-info h2 a:hover, .tab-kit-text a:hover{color:#336699;}
.cat-listing-brand img, .cat-listing-info img, .related-products img {display:block; margin-left:auto; margin-right:auto;	text-align:center; padding:0 5px;}
.block-cat-pic, .equipment-box-image, .featureImage, .tab-kit-img-large, .tab-kit-img {text-align:center;}
.product-box-price {text-align: center;	font-size: 1em;	color: #336699;	font-weight: 600; margin:10px 0;}
.equipment-box-text {text-align: center; padding:5px;}
.related-products img, .featureImage img, .tab-kit-img-large img, .tab-kit-img img {padding:15px 0;}
.related-products-text a {text-decoration: none; letter-spacing: 1px; color:#336699; font-weight: 600; font-size: 1.1em; transition:all 0.3s ease;}
.related-products-text a:hover {color:#111;}
.tab-features-text {padding-top:15px;}
.tab-header {font-size: 1.1em; padding:8px 0; font-weight: 600;}
.tab-colour{padding:4px; margin:5px 0; text-align: center;}
.tab-buy {padding:4px; margin:5px 0;}
.tab-feature {padding:4px;}
.cat-listing-zoom-outer a {text-decoration:none;}
.cat-listing-zoom {overflow:hidden;}
.cat-listing-zoom img {margin-left:auto; margin-right:auto; padding:10px 5px; text-align:center; display: block; -webkit-filter: grayscale(00%); -moz-filter: grayscale(00%); -o-filter: grayscale(00%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.cat-listing-zoom img:hover {-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.cat-listing-title-centre {text-align:center; font-size:1.2em; font-weight:700; color:#5d5d5d; margin: 0 0 10px 0;}
.cat-listing-title-centre a {color:#5d5d5d; text-decoration: none;}
.cat-listing-title-centre a:hover {color:#336699; text-decoration: none;}
/* CATEGORY LISTING - ADDITIONAL CSS - END */

.text {padding:0 0 15px 0; margin:15px 2px; border-bottom: 1px dotted #ccc;}
.text h1, .text h2{color:#333;}
.price {font-size:0.9em; color:#336699;	font-weight:700; margin:10px 0 0 6px;}
.prod-access-price {font-size:1em; color:#336699; font-weight:500; margin:10px 0;}
.line{clear:both; border-bottom: 1px dotted #e4e4e4; margin:10px 0;}
.sub-header {font-size:1.1em; font-family: 'Roboto', sans-serif; font-weight:600; margin:5px 0 15px 0; color:#666;}
.fb-page {padding-top: 22px;}
.image-note {font-size:0.7em;}
.hobie-delivery-foot {margin: 25px 35px 20px 20px; padding:20px; border: 2px solid #336699; border-radius:2px;}
.hobie-delivery-foot p {padding: 10px 0 0 0;}
.hobie-delivery-foot h2 {font-size:1.2em; color: #F00;}

@media screen and (max-width: 900px) { /* Hidden elements based on tab res */
    #sidemenu {display: none;}
    #content{width:100%;}
}

@media screen and (max-width: 450px) { /* Hidden elements based on mobile res */
    .hide-element-mob, .tooltip img, .tooltiptext {display: none;}
}

/* PRODUCT PAGE ALERT BOXES - PACKAGES */
.section-alert-box {background-color: #d6ecf8; border-top: 4px solid #004085; border-radius: 0 0 2px 2px; padding:0.4em 1em 1em 1em; margin:0.4em 0;}
.section-alert-img {padding-top:1.2em;}
.section-alert-content {display: flex; flex-direction: column; justify-content: center;}
.section-alert-content ul {margin:1em 0;}
.section-note-initial {font-family: 'Montserrat', sans-serif; font-size:1.25em; font-weight: 700; color: #EE7621; margin:0.2em 0 0.4em 0;}
.section-note {font-family: 'Montserrat', sans-serif; font-size:0.9em; font-weight: 500;}
.rhs-alert-box {background-color: #fff3cd; border-left: 4px solid #EE7621; border-radius: 0 2px 2px 0; padding:0.4em 0.6em;}
.buylink-note-initial {font-family: 'Montserrat', sans-serif; font-size:0.9em; font-weight: 700; color: #EE7621;}
.buylink-note {font-family: 'Montserrat', sans-serif; font-size:0.9em; font-weight: 500;}
@media screen and (max-width: 960px) {
	.section-note-initial, .section-note {text-align: center;}
}

/* PRODUCT PILLS */
.prod-pill-sm {display: inline-block; font-weight: 600; font-family: 'Public Sans', sans-serif; color:#fff; font-size:0.8em; margin-bottom:10px; padding:0.3em 0.6em; border: 1px solid; border-radius:0.4em; cursor: default; letter-spacing: 0;}
.pill-orange {background-color: #EE7621; border-color: #EE7621;}
.pill-red {background-color: #ed0202; border-color: #ed0202;}
.no-margin {margin:0 !important;}

/* BUYLINK CSS */
.block-buy {width:100%; margin-bottom:14px;}
.block-buy form {width:100%;}
div.buylink-holder {background:rgb(239, 239, 239); border: 2px solid #d7d7d7; padding:15px; margin-top:20px;}
div.buylink-holder h2 {color: #333 !important;font-size:1.2em !important; padding-bottom: 8px;}
.multi-prod-buylink-process h2 {display:none;}
.multi-prod-buylink-process {padding-bottom:8px;}
.multi-prod-buylink-process div {background: #FFF; border: 0;}
.multi-prod-buylink-process button:hover {background: #FFF !important;}

/* BASKET BUTTON HEAD CSS */
.basketBtn, .brandImgTop {padding:0 !important; display: flex; align-items: center; justify-content: center;}
.basketBtn button {background: #333;color: #FFF; border: none; cursor: pointer; padding:11px 16px 11px 14px; content: url(/images/site/basket-ico.png);}
.basketlite-holder {background: #333; height: 42px !important;}
.basketlite-holder p {margin-top: 12px; padding:0 12px 0 0;}
.basketlite-holder a {color:#fff; font-weight:600; text-decoration: none;}
.basketlite-holder a:hover {text-decoration:underline;}

/* BUYLINK BUTTONS */
.more-info-button {font-family: 'Roboto', sans-serif; color: #FFF; font-weight: 500; cursor: pointer; text-align: center; text-decoration: none; padding: 10px 20px; border: solid 2px #336699; background: #336699; border-radius:2px; transition:all 0.3s ease; margin-bottom: 8px;}
.more-info-button:hover {background: #FFF; color: #336699;}
.prod-access-buy button {font-family: 'Roboto', sans-serif;	color: #FFF; font-weight: 500; display: inline-block; outline: 0; cursor: pointer; text-align: center; text-decoration: none; padding: 8px 15px; border: solid 2px #336699;	background: #336699; margin-top:10px; transition:all 0.3s ease;}
.prod-access-buy button:hover {text-decoration:none; background:#FFF; color: #336699;}
.prod-access-buy button a {text-decoration:none;}

/* BACK TO TOP BTN */
.topBtnUp {border: solid #FFF; border-width: 0 5px 5px 0; display: inline-block; padding: 3px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
#topBtn {display: none; position: fixed; bottom: 20px; left: 30px; z-index: 99; border: none; outline: none; background-color: #336699; cursor: pointer; padding:27px 25px 22px 25px;
border-radius: 30px;}

/* WEIGHT CAPACITY POP UP - START */
.tooltip {position: relative; display: inline-block; border-bottom: 1px dotted black;}
.tooltip .tooltiptext {visibility: hidden; width: 250px; background-color: #FFF; color: #000; text-align: center; border-radius: 6px; border-color:#666; border-style:solid; padding: 5px 0; position: absolute; z-index: 1; top: 150%; left: 50%; margin-left: -60px;}
.tooltip .tooltiptext::after {content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent black transparent;}
.tooltip:hover .tooltiptext {visibility: visible;}

/* LEGACY STYLE - START */
.RedBold {font-weight: 500; color: #FF0000; font-family: 'Roboto', sans-serif; font-size: 0.9em;}
hr{width:85%; background-color:#CCC; color:#CCC; margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:5px; border:0; text-align:left;	height:2px;}
.clear {clear:both;}
.empty{position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; background-image: url('empty.gif');}
.txt-underline {text-decoration: underline;}

/* CLICK N COLLECT STEPS */
.cnc-step-box {background-color:rgb(239, 239, 239); padding:25px 0; margin:25px 0 10px 0;}

/* INDEX CONTENT */
.idx-sub-header {color:#333;}
.idx-department {background-color: #efefef;}
.idx-text p {text-align: justify; padding:0 2em;}
.idx-text h1 {padding:0 1em; cursor: default;}
.idx-text {padding:1em 0;}
.idx-featured-outer { outline: none; transition:all 0.1s ease;}
.idx-featured {background-color: #fff; padding: 10px;}
.idx-featured:hover {cursor: pointer; box-shadow: inset 0 0 2px 2px #336699;}
.idx-featured-price {text-align: center;font-size: 1.2em;	color: #336699;	font-weight: 600; margin:20px 0;}

.idx-hover {transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center;}
.promotion-box:hover .idx-promo-image {opacity: 0.7 !important;}
.promotion-box:hover .idx-hover {opacity: 1; cursor:pointer;}
.idx-hover-text {background-color: #336699; color: white; font-size: 1.0em; font-weight: 500; font-family: 'Roboto', sans-serif; padding: 12px 12px;}

@media only screen and (min-width: 961px) {
    .idx-hover-text {padding: 14px 12px; font-size: 1.2em;}
}

/* RELATED PRODUCTS */
.related-head {color:#333; padding:0 10px;}
.related-prod-container {padding:0; margin:0 10px 40px 10px; border-bottom:1px dotted #ccc;}
.related-prod-outer { outline: none; transition:all 0.1s ease;}
.related-prod-inner {background-color: #fff; padding: 10px;}
.related-prod-inner:hover {cursor: pointer; box-shadow: inset 0 0 2px 2px #336699;}
.related-prod-price {text-align: center; font-size: 1.0em; color: #336699; font-weight: 500; margin:2px 0;}

/* PRODUCT HIGHLIGHT */
.product-highlight:hover {cursor: pointer; outline: 1px solid #336699; transition:all 0.3s ease;}

@media only screen and (min-width: 961px) {
    .idx-text p {padding:0 2em 0 2em;}
    .idx-text h1 {padding:0 0 0 1.4em; font-size: 1.6em;}
    .idx-sub-header {padding:0 15px;}
    .idx-text {padding:0;}
    .idx-department {padding:10px 0 30px 0;}
}

@media only screen and (min-width: 1301px) {
    .idx-text p {padding:0 6em 0 8em;}
    .idx-text h1 {padding:1em 0 0 5em;}
    .idx-sub-header {padding:0 15px;}
}

/* BASKET ALERT BOX  */
.basket-alert {padding:1em; background-color: #d9edf7; color: #31708f; border:1px solid #bce8f1; border-radius:4px;}
.basket-alert a {color: #31708f; text-decoration: underline;}
.basket-alert a:hover {text-decoration: none;}
.basket-alert span {margin-left: 15px; color: #31708f; font-weight: bold; float: right; font-size: 22px; line-height: 20px; cursor: pointer; transition: 0.3s;}
.basket-alert span:hover {color: #333;}
.basket-alert-heading {font-weight:600; font-size:1.2em; margin-bottom:0.6em; color:#31708f;}

/* PRODUCT PROMO - STYLES */
.prod-offer-contain {background-color:#144f9d; padding:0.8em 1em 0.2em 1em;}
.prod-offer-head {font-weight: 700 !important; color:#FFF; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0.2em !important;}
.prod-offer-contain p {font-family: 'Montserrat', sans-serif; color: #FFF; font-size:0.9em; font-weight: 400;}
.prod-offer-contain a {color: #FFF;}

/* Delivery Accordion - Expanding Content */
.accordion {background-color: #eee;	color: #444; cursor: pointer;	padding: 18px; width: 100%;	border: none;	text-align: left;	outline: none; font-size: 16px;	font-weight:bold;	transition: 0.4s;}
.active-accordion, .accordion:hover {background-color: #2f82ac; color: #fff;}
.accordion:after {content: '\002B'; color: #2f82ac;	font-weight: bold; float: left;	margin-right:0.8em;}
.active-accordion:after {content: "\2212"; color: #fff;}
.accordion-icon {width: 100%; float:left; text-align: center; padding-bottom:1em;}
@media screen and (min-width: 1140px) {
  .accordion-icon {width: 60px; float:left; padding-top:0.4em;}
}
.accordion-p {margin:0.2em 0 1em 0;}
.panel {padding:0 18px; background-color: white;	max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.panel-inner {margin:2em 1em 1.2em 1em;}

/* LANDING COMBI HEADER IMG */
.landing-img {position: relative; text-align: center; height: 200px; margin:25px 0 10px 0;}
.landing-img img {width:100%;}
.landing-img img:hover {opacity:1 !important;}
.centered-title {position: absolute; top: 50%; left: 0; right: 0;}
.centered-title h1 {color:#FFF; text-shadow: 2px 2px 0px rgba(0,0,0,0.5); text-transform: uppercase; margin-top:-26px; padding:0 5px; letter-spacing: 1px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.about-us {background: url(/images/landing-banners/about-us.jpg) no-repeat center center;}
.equipment {background: url(/images/landing-banners/canoe-kayak-equipment.jpg) no-repeat center center;}
.clothing {background: url(/images/landing-banners/specialist-clothing.jpg) no-repeat center center;}
.fishing {background: url(/images/landing-banners/kayak-fishing.jpg) no-repeat center center;}
.canoeing {background: url(/images/landing-banners/canadian-open-canoes.jpg) no-repeat center center;}
.kayak-types {background: url(/images/landing-banners/kayak-sunset.jpg) no-repeat center center;}
.paddles {background: url(/images/landing-banners/canoe-kayak-paddles.jpg) no-repeat center center;}
.sups {background: url(/images/landing-banners/sups-for-sale.jpg) no-repeat center center;}
.sup-equipment {background: url(/images/landing-banners/inflatable-sup-boards.jpg) no-repeat center center;}
.thule {background: url(/images/landing-banners/thule-roof-racks.jpg) no-repeat center center;}
.sitontops {background: url(/images/landing-banners/tandem-sit-on-tops.jpg) no-repeat center center;}
.spraydecks {background: url(/images/landing-banners/spraydecks.jpg) no-repeat center center;}
.canoe-equipment {background: url(/images/landing-banners/canoeing-equipment.jpg) no-repeat center center;}
.ww-equipment {background: url(/images/landing-banners/whitewater-equipment.jpg) no-repeat center center;}
.touring {background: url(/images/landing-banners/touring-kayak.jpg) no-repeat center center;}
.sea-kayak {background: url(/images/landing-banners/sea-kayaking.jpg) no-repeat center center;}
.crossover {background: url(/images/landing-banners/crossover-kayaks.jpg) no-repeat center center;}
.whitewater {background: url(/images/landing-banners/whitewater-kayak.jpg) no-repeat center center;}
.whitewater-gp {background: url(/images/landing-banners/staff-darren-waterfall.jpg) no-repeat center center;}
.creek {background: url(/images/landing-banners/creek-kayaks.jpg) no-repeat center center;}
.kids {background: url(/images/landing-banners/kids-kayaking-banner.jpg) no-repeat center center;}
.inflatables {background: url(/images/landing-banners/inflatable-kayaks.jpg) no-repeat center center;}
.single-siton {background: url(/images/landing-banners/single-sit-on-tops.jpg) no-repeat center center;}
.tandem-siton {background: url(/images/landing-banners/sit-on-top-kayaks.jpg) no-repeat center center;}
.fishing-kayak {background: url(/images/landing-banners/fishing-sit-on-tops.jpg) no-repeat center center;}
.pedal-drive {background: url(/images/landing-banners/pedal-drive-kayaks.jpg) no-repeat center center;}
.hobie {background: url(/images/landing-banners/hobie-kayak.jpg) no-repeat center center;}
.playboat {background: url(/images/landing-banners/freestyle-kayak.jpg) no-repeat center center;}
.buoyancy-aid {background: url(/images/landing-banners/buoyancy-aids-pfds.jpg) no-repeat center center;}
.delivery {background: url(/images/landing-banners/delivery.jpg) no-repeat center center;}
.dry-jackets {background: url(/images/landing-banners/cags-jackets.jpg) no-repeat center center;}
.drysuit {background: url(/images/landing-banners/drysuit.jpg) no-repeat center center;}
.helmets {background: url(/images/landing-banners/helmets.jpg) no-repeat center center;}
.womens {background: url(/images/landing-banners/womens-clothing-equipment.jpg) no-repeat center center;}
.popular-canoes {background: url(/images/landing-banners/popular-open-canoes.jpg) no-repeat center center;}
.light-canoes {background: url(/images/landing-banners/lightweight-canoes.jpg) no-repeat center center;}
.drybags {background: url(/images/landing-banners/drybags.jpg) no-repeat center center;}
.gloves {background: url(/images/landing-banners/gloves.jpg) no-repeat center center;}
.shoes {background: url(/images/landing-banners/boots-shoes.jpg) no-repeat center center;}
.thermals {background: url(/images/landing-banners/thermals.jpg) no-repeat center center;}
.trousers {background: url(/images/landing-banners/trousers.jpg) no-repeat center center;}
.bike-racks {background: url(/images/landing-banners/bicycle-carriers.jpg) no-repeat center center;}
.kayak-racks {background: url(/images/landing-banners/kayak-racks.jpg) no-repeat center center;}
.touring-cags {background: url(/images/landing-banners/touring-cags.jpg) no-repeat center center;}
.ww-cags {background: url(/images/landing-banners/whitewater-cags.jpg) no-repeat center center;}
.sea-cags {background: url(/images/landing-banners/sea-kayaking-cags.jpg) no-repeat center center;}
.vouchers {background: url(/images/landing-banners/gift-vouchers.jpg) no-repeat center center;}
.safety-rescue {background: url(/images/landing-banners/safety-rescue.jpg) no-repeat center center;}