body { background-color: #FFF; padding:0; margin:0; font-family: Tahoma, Arial, sans-serif; font-size: 0.8em;}

form {
    margin:0;
    padding:0;
}

input[type="text"], input[type="email"], input[type="password"], select, textarea {
    width: 210px;
    padding: 2px;
}

td {vertical-align:top;}

a, a:hover {text-decoration:none; color:green;}

#container { width: 94%; padding: 0 1% 1% 1%; margin: 0 auto; background-color: #FFF; max-width: 1600px; }

#dev_system {
    font-family: Tahoma, Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: white;
    background-color: blue;
    text-align: center;
    padding: 10px;
}

#header {
  margin: 0 auto;
  overflow: hidden;
  height: 110px;
  position: relative;
}

#images {
    float: left;
    margin-top: 10px;
}

#images img {
    height: 100%;
    border: none;
}

#champ {
    width: 85px;
}

#matthews {
    float: right;
    margin-top: 10px;
    width: 150px;
}

#right {
    float: right;
}

#myAccount {
    margin-top: 5px;
    text-align: right;
    font-size: 1.2em;
}

#google_translate_element {
    display: block;
    position: absolute;
    left: 50%;
    top: 12px;
    margin-left: -80px;
}

#search_form {
  background-color: #EEE;
  padding: 10px;
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -110px;
  top: 30px;
}

#search_form input[type="text"] {
    width: 150px;
    height: 25px;
    font-size: 1.2em;
}

#search_form input {
  display: inline-block;
}

.contact_details {
    float: right;
    color: #5417cc;
    font-size: 1.5em;
    font-weight: bold;
    width: 275px;
    text-align: right;
    margin-top: 20px;
}
.contact_details a {
    color: #5417cc;
}
.footerRow .contact_details {
    margin-top: 5px;
}

#socialmedia_icons {
    display: block;
    margin-bottom: 5px;
}

#socialmedia_icons img {
    border: none;
    margin-right: 2px;
    vertical-align: bottom;
}

ul#navlist, ul#categorylist {margin:0; padding: 0; list-style:none; overflow: hidden; text-align: center; box-sizing: border-box; display: flex; }
#navbar li, #categorylist li { display: inline-block; margin: 0; padding: 0; list-style: none;  font-size: 1.1em; box-sizing: border-box; flex: 1; }
#navbar li a, #categorylist li a { display: flex; text-decoration:none; color:#ffffff; font-weight: bold; box-sizing: border-box; transition: background-color 0.3s ease; height: 100%; justify-content: center; align-items: center;}

#navbar li a:hover, #navbar li.current a { background-color: #138D16; }
#categorylist li a:hover, #categorylist li.current a { background-color: #082c08; }

#navbar li.appointment-system a {
    background-color: #f8e686;
    color: #000;
}

#navbar li:first-child a, #categorylist li:first-child a {
    border-left: 0;
}

#navbar li:last-child a, #categorylist li:last-child a {
    border-right: 0;
    border-bottom: 0;
}

#navbar .mobile {
    display: none;
}

ul#navlist {background-color: #5417cc;}
#navbar li a {background-color: #5417cc; border-right: 6px #FFF solid; padding:10px 10px 11px 10px; }

.drilldown-sub { display: none; }

.drilldown-back { font-weight: bold; font-size: 1.1em; }

ul#categorylist {background-color: #138D16; }
#categorylist li a{background-color: #138D16; border-right: 3px #FFF solid; padding:5px 5px 6px 5px; }

#navbar, #categorybar {width:100%; padding:0; text-align: center; }
#categorybar { margin: 3px 0; }

.top {height:5px; background-color:#138d16; display: none;}
.images {vertical-align:middle; text-align:center; padding-left:25px;}
.row {padding:5px; text-align:center; background-color:#ede4ff;}
.left {width:175px; text-align:left;}
.content { padding:10px 0px 0px 0px;}
.right {width:175px; text-align:right;}
.green {color: green;}
.nav_arrow {color: green;}
.columnRow { overflow: hidden; display: table-row; }
.columnLeft, .columnCenter, .columnRight, .columnCell { display: table-cell; }
.columnCenter { width: 100%; padding-left: 0; }
.columnLeft select { width: 152px; }

.out-of-stock,
.errors,
.payment-failed,
.not-paid,
.delete, .delete:hover, .specialoffer {
    color: red;
}

.low-stock,
.payment-pending,
.part-paid {
    color: darkorange;
}

.in-stock,
.usually-in-stock {
    color: green;
}

.help {
    font-size: 0.8em;
    color: #666;
}

.terms-and-conditions {
    text-align: right;
    font-weight: bold;
    font-size: 1.2em;
}

.teamList {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
    justify-content: flex-start;
}

.teamList img {
    width: 100%;
    max-height: 300px;
    margin-bottom: 10px;
    border: none;
}

.productWidgetList,
.staffList,
.teamMemberList,
.subcategoryList
{
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
    justify-content: flex-start;
}
.productWidgetList > div,
.staffList > div,
.teamMemberList > div,
.subcategoryList > div
{
    width: 25%;
    box-sizing: border-box;
    display: block;
    text-align: center;
}
.staffList > div,
.teamMemberList > div
{
    padding: 1rem 2rem 0 1rem;
}

.teamMemberDetail {
    border: 2px solid #000;
    width: 200px;
    margin: 0 auto;
}

.subcategoryList > div {
    padding: 0.5rem 2rem 1rem 2rem;
}

.productDetail {
    width: 100%;
}

.product_information_container {
    display: flex;
    flex-direction: row;
}

.product_information_box {
    float: left;
    margin: 10px 10px 10px 0;
    border: 1px solid #000;
    padding: 5px;
    min-height: 75px;
    box-sizing: border-box;
}

.selectCategories {
    display: none;
}

.productListOptions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
    justify-content: start;
}
.productListOptions > div {
    margin-right: 1.5rem;
    box-sizing: border-box;
}
.productListOptions label {
    font-weight: bold;
    margin-right: 0.5rem;
}

#imagedisplay {
    width: 530px;
    float: right;
    height: 80px;
    overflow: hidden;
    margin: 10px 0;
}

.homepage-teasers {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
    justify-content: flex-start;
    margin-left: -0.5%;
    margin-right: -2%;
}

.homepage-teaser {
    box-sizing: border-box;
    overflow: hidden;
    width: 33%;
    margin: 0.5rem 0 0 0;
    display: flex;
    align-items: center; /* valign */
    justify-content: center; /* halign */
}
.homepage-teaser a {
    border: 2px solid #000;
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 0.5rem;
    margin: 0.5rem;
}
.homepage-teaser img {
    max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
    height: 100%;
}

.big-homepage-teaser {
    width: 100%;
    max-height: 300px;
    overflow: hidden;
}
.big-homepage-teaser a,
.big-homepage-teaser span {
    overflow: hidden;
    display: block;
    padding: 18.75% 0 0 0;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}
.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}

/* Tiny Carousel */
#slider1 {
    height: 1%;
    margin: 30px 0 0;
    overflow: hidden;
    position: relative;
    padding: 0 50px 10px;
}

#slider1 .viewport {
    height: 125px;
    overflow: hidden;
    position: relative;
}

#slider1 .buttons {
    background: #C01313;
    border-radius: 35px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 35px;
    height: 35px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 35px;
    text-decoration: none;
    font-size: 22px;
}

#slider1 .next {
    right: 0;
    left: auto;
    top: 50%;
}

#slider1 .buttons:hover {
    color: #C01313;
    background: #fff;
}

#slider1 .disable {
    visibility: hidden;
}

#slider1 .overview {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 240px;
    left: 0;
    top: 0;
}

#slider1 .overview li {
    float: left;
    margin: 0 20px 0 0;
    padding: 1px;
    height: 121px;
    border: 1px solid #dcdcdc;
    width: 236px;
 }


.fimage {
    display: inline;
}

.nav .category {
    display: block;
    margin-bottom: 8px;
    font-size: 1.2em;
}

.nav .manufacturer {
    display: block;
    margin-bottom: 5px;
    margin-left: 10px;
    font-size: 1.0em;
}

.manufacturersSelect select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.subtitlepurple .category {
    margin-bottom: 0;
}

.nav .selected {
    font-weight: bold;
}

.itemtitlepurple {width:165px; padding: 5px 0; background-color:#4f10cb; color:#ffffff; text-align:center; font-weight:bold; font-size: 1.2em;}
.itempurple {width:153px; padding:5px; background-color:#fbfbfb; border:1px solid #4f10cb; text-align:left; margin:0px;}

.right .itemtitlepurple { margin-left: 10px; }
.right .box { margin-left: 10px; border: 1px solid #4F10CB }
.basket {margin: 0px 0px 10px 10px;}

.itempurplebottom {width:153px; padding:5px; margin:0px 0px 10px 0px; background-color:#FBFBFB; border:1px solid #4f10cb; text-align:left;}
.right .itempurplebottom { margin:0px 0px 10px 10px; }
.subtitlepurple {font-weight:bold; padding:5px 5px 5px 5px; margin:0px; width:153px; border-left:1px solid #4f10cb; border-right:1px solid #4f10cb; background-color:green;}
.subitempurple {width:153px; padding:5px; background-color:#e2f6e2; border-right:1px solid #4f10cb; border-left:1px solid #4f10cb;}

.itempurple a {text-decoration:none; color:#2f008b;}
.itempurple a:hover {text-decoration:none; color:#4f10cb;}
.subtitlepurple a {color:white; text-decoration:none; font-weight:bold;}
.subtitlepurple a:hover {color:white; text-decoration:none; font-weight:bold;}
.subitempurple a {text-decoration:none; color:green;}
.subitempurple a:hover {text-decoration:none; color: green;}
.itempurplebottom a {text-decoration:none; color:#2f008b;}
.itempurplebottom a:hover {text-decoration:none; color:#138d16;}

.itemtitlegreen {width:165px; padding: 5px 0; margin:0px 0px 0px 10px; background-color: #2bbf27; color:#ffffff; text-align:center; font-weight:bold;}
.itemgreen {width:153px; padding:5px; margin:0px 0px 10px 10px; background-color:#d6ffd4; border:1px solid #2bbf27; text-align:left;}

.mainitemtitlegreen { padding: 5px; margin:0px; background-color:#138d16; color:#ffffff; text-align:center; font-weight:bold;}
.mainitemtitlegreen h1, .subtitlegreen h1, .subtitlepurple2 h1 {margin: 0px; font-weight: bold; font-size: 1.2em;}
.mainitemgreen {padding:10px; margin:0px; border:1px solid #138d16; text-align:left; overflow: auto; overflow: auto;}
.subtitlegreen {padding:5px; margin:0px; background-color:#138d16; color:#ffffff; text-align:center; font-weight:bold; border-left:1px solid #138d16; border-right:1px solid #138d16;}
.subitemgreen {padding:10px; margin:0px 0px 0px 0px; border:1px solid #138d16; text-align:left; border-top: none; overflow: auto;}
.subtitlepurple2 {padding:5px; margin:0px; background-color:#4f10cb; color:#ffffff; text-align:center; font-weight:bold; border-left:1px solid #4f10cb; border-right:1px solid #4f10cb;}
.subitempurple2 {padding:10px; margin:0px 0px 0px 0px; border:1px solid #4f10cb; text-align:left; border-top: none; overflow: auto;}

.club-list {
    width: 85%;
    margin: 0 auto;
}
#club-detail .mainitemtitlegreen,
#club-detail .mainitemgreen
{
    display: none;
}

.prodtitle, h2 {font-weight:bold; font-size:1.2em; color:#2f008b; margin: 0;}
.prodprice {font-weight:bold; font-size:1.6em; color:#4f10cb;}
.prodoldprice {font-weight:bold; font-size:1.2em; color:#cf0000; text-decoration:line-through;}

.prodsmalltitle {font-weight:bold; font-size:1em; color:#2f008b; text-align:center;}
.prodsmallprice {font-weight:bold; font-size:1.2em; color:#4f10cb; text-align:center;}
.prodsmalloldprice {font-weight:bold; font-size:1em; color:#cf0000; text-align:center; text-decoration:line-through;}

.quickprice {color:#4f10cb; font-weight: bold;}

.redx {color:red !important; font-size:0.8em; font-weight:bold;}

.box {width:163px; height:70px; margin:0px 0px 10px 10px; border:1px solid #2bbf27;}

.bigbox {width:163px; height:100px; margin:0px 0px 10px 10px; border:1px solid #2bbf27;}

.footer {color:#7e807e; padding:10px 0px 5px 0px; text-align:center;}

.vat_notice {color: #118e14; font-weight: bold;}

input[type="button"], input[type="submit"] {
    background-color: #0fb813;
    color: #FFF;
    font-weight: bold;
    border: none;
    padding: 8px;
    font-size: 1.2em;
    border-radius: 4px;
    cursor: pointer;
}

input[type="button"]:hover, input[type="submit"]:hover {
    background-color: #138d16;
}

#login {
    background-color: #EEE;
    padding: 10px;
    width: 210px;
}

#checkout_form input[type=text], #checkout_form select, #checkout_form textarea {
    width: 200px;
}

#checkout_form textarea {
    height: 75px;
}

#club_form input[type=text], #club_form select {
    width: 150px;
}

.checkout-confirmation-summary {
    font-size: 1.2em;
    font-weight: bold;
}

.danagenavmiddle {
    padding:0px 9px 0px 9px;
    background:#ffffcd;
}
.danagenavmiddle a {
    color:#cf0000; font-weight:bold;
}

.danagenav{display:block}
.danagenav *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffcd}
.danagenav1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ffffe9;
  border-right:1px solid #ffffe9;
  background:#ffffd9}
.danagenav2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fffffa;
  border-right:1px solid #fffffa;
  background:#ffffd6}
.danagenav3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ffffd6;
  border-right:1px solid #ffffd6;}
.danagenav4{
  border-left:1px solid #ffffe9;
  border-right:1px solid #ffffe9}
.danagenav5{
  border-left:1px solid #ffffd9;
  border-right:1px solid #ffffd9}
.danagenavfg{
  background:#ffffcd}

.clear {
    clear: both;
}

#large_image {
    border: none;
}

#product_images {
    margin-top: 10px;
}

#product_images .thumbnail {
    float: left;
    border: none;
    cursor: pointer;
}

#basket_form {
    margin-top: 20px;
    background-color: #EEE;
    padding: 5px;
}

#basket_form table {
    width: 100%;
}

#basket_form select,
#basket_form textarea,
#basket_form input[type="text"] {
    width: 100%;
}

#basket_form textarea {
    height: 50px;
    font-family: Tahoma, Arial, sans-serif;
}

#basket_form th {
    text-align: left;
}

select[name$="quantity"],
input[name$="quantity"] {
    width: 50px !important;
}

.pages .page a, .pages .page a:hover {
    border: 1px solid #CCC;
    padding: 0 4px;
    color: green;
    font-weight: bold;
}

.pages .page.selected a, .pages .page.selected a:hover {
    color: #FFF !important;
    background-color: green;
}

.box {
    text-align: center;
}

.box p {
    padding: 0; margin: 12px;
    font-weight: bold;
}

.box a {
    color: #4f10cb;
    font-size: 1.2em;
}

.box a:hover {
    color: green;
}

.pdfDownloadBrochure .box {
    height: auto;
}

#quick_basket td {
    padding-bottom: 5px;
}

#quick_basket .line {
    border-bottom:1px dashed #2f008b;
}

#basket_form #id_shipping_country,
#basket_form label[for=id_shipping_country] {
    font-size: 1.2em;
}

.order_lines {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}

.order_lines th {
    border-bottom: 1px solid #000;
    padding: 5px;
    text-align: right;
}

.order_lines td {
    border-bottom:1px dashed #7f7f7f;
    padding: 5px;
    text-align: right;
}

.order_lines tr.no-border td {
    border: none;
}

.shipping_fields td {
    text-align: right;
    padding: 5px;
}

.order_totals,
.shipping_fields {
    float: right;
    margin-top: 20px;
    clear: both;
}

.order_totals td,
.shipping_fields td,
.order_totals th {
    text-align: right;
}

.order_summary td,
.order_lines td,
.shipping_fields td,
.order_totals td {
    padding: 5px;
}

.columnLeft > div.basketContainer .non-mobile {
    display: block;
}

#popup {
    margin: 10px;
    background-color: #FFF;
}

#popup h1 {
    margin-top: 0;
}

.mobileNavToggle {
  display: none;
  background-color: #5417CC;
  width: 50px;
  height: 50px;
  overflow: hidden;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
.mobileNavToggle span {
  display: block;
  width: 26px;
  background-color: #FFF;
  height: 4px;
  margin-top: 7px;
  margin-left: 7px;
}
.selectCategoryFilter {
  display: none;
}
.footerRow {
    margin-top: 1rem;
    border-top: 1rem solid #DDD;
    overflow: hidden;
}

#club-map {
    display: table-cell;
    vertical-align: top;
}
#club-info {
    display: table-cell;
    max-width: 350px;
    padding: 0 1rem;
    vertical-align: top;
}

.clubs #map, .clubs #map1 {
    width: 350px;
    height: 350px;
    float: right;
}

.clubs #vimeo {
    float: right;
    height: 200px;
    width: 340px;
}

#ups table {
    border: 1px solid #CCC;
    border-collapse: collapse;
    width: 350px;
}

#ups table td {
    border-bottom: 1px solid #CCC;
    padding: 5px;
    background-color: #FFF;
}

#ups table td:hover {
    background-color: #EEE;
}

#ups table td.selected {
    background-color: #abf9ad;
}

#ups table td input {
    float: right;
}

#contact .map {
    width: 260px;
    height: 260px;
    margin: 0px 10px 10px 0px;
    float: left;
}

.currencyprice {
    font-size: 0.8em;
}

img {
    border: none;
}

img.res_image_large {
    width: 300px;
}
img.res_image_thumb {
    width: 100px;
}

.payments{
    text-align: center;
    display: inline-block;
    float: left;
}
.payments img {
    margin: 5px 5px 0 0;
    height: 80px;
}

ul.errorlist {
    margin: 0;
    padding: 0;
}

ul.errorlist li {
    list-style-type: none;
    color: red;
}

#checkout_form ul {
    margin: 0;
    padding: 0;
}

#checkout_form li {
    list-style: none;
}

#user-messages {
    margin: 0 0 10px;
    padding-left:0;
    list-style: none;
    text-align: center;
}

#user-messages li {
    padding: 5px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.2em;
    background-color: #f8e686;
}

#user-messages li.error {
    background-color: #fca5a5;
}

#user-messages a, #user-messages a:hover {
    color: black;
    text-decoration: underline;
}

.address-detail {
    width: 250px;
    float: left;
    margin: 0 20px 20px 0;
}

#mobile_quickbasket,
#mobile_manufacturers {
    display: none;
}

.announcement {}

.announcement-image {
    width: 200px;
    max-width: 100%;
    float: left;
    margin-right: 1rem;
    text-align: center;
}
.announcement-image img,
.announcement-content img {
    max-width: 100%;
    height: auto !important;
}

.announcement-content {
    max-width: 100%;
    overflow: hidden;
}

.address_field_row {
    display: none;
}

span.required {
    color: #07790b;
    font-weight: bold;
}

@media screen and (min-width: 1400px) {
    .productWidgetList > div,
    .staffList > div,
    .teamMemberList > div,
    .subcategoryList > div
    {
        width: 20%;
    }
}

/* Responsive - Tablet & Small Desktops */
@media handheld, only screen and (max-width:1095px){
  img.res_image_large {
    width: 200px;
  }
  img.res_image_thumb {
    width: 125px;
  }
  img.res_image_thumb_large {
    width: 125px;
  }

    .clubs #map {
        width: 250px;
        height: 250px;
    }

    .clubs #vimeo {
        float: none;
        margin-top: 10px;
    }

  .productListOptions > div {
      margin-right: 0.5rem;
  }
  .pages-prelude {
      display: none;
  }
}
/* iPad etc */
@media screen and (max-width:1024px){
    #container {
        width: 100%;
        margin: 0;
        box-sizing: border-box;
    }
    .productWidgetList > div,
    .staffList > div,
    .teamMemberList > div,
    .subcategoryList > div
    {
        width: 33%;
    }
    .homepage-teaser {
        /*width: 24% !important;*/
        /*padding: 1rem 0.25rem;*/
    }
    /*.homepage-teaser:nth-child(1n+5) {*/
    /*    display: none;*/
    /*}*/
    #champ, #matthews {
        display: none;
    }
}


@media handheld, only screen and (max-width:995px){
    #google_translate_element {
        display: none;
    }

  .columnCenter table tr td[width="50%"] {
    display: block;
    width: 100%;
  }
  .columnCenter table tr td[width="25%"] {
    width: 50%;
  }
  img.res_image_large {
    width: 180px;
  }
  img.res_image_thumb {
    width: 105px;
  }
  img.res_image_thumb_large {
    width: 105px;
  }
  .columnCenter table tr td[width="150px"] {
    width: 105px;
  }
  #header {
    height: 150px;
  }
  #search_form {
    left: 0px;
    margin-left: 0px;
    position: absolute;
    top: 100px;
    width: 100%;
    text-align: center;
  }
  .left .itempurplebottom, .left .subitempurple, .left .itempurple {
    width: 111px;
  }
  .left .itemtitlepurple, .left .subtitlepurple, .left .titlepurple {
    width: 123px;
  }
  .left select {
    width: 110px !important;
  }
  .columnCenter table.productDetail > tbody > tr:first-child > td {
    width: 50%;
  }
}
@media handheld, only screen and (max-width:845px){
  ul#navlist, ul#navlist * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #navlist li a {
    font-size: 14px;
    padding: 10px 9px 11px 9px;
  }

    .productWidgetList > div,
    .staffList > div,
    .teamMemberList > div,
    .subcategoryList > div
    {
        width: 50%;
    }
    #team_detail .columnRow,
    #team_detail .columnCell {
        display: block;
        padding-left: 0 !important;
    }
}
@media handheld, only screen and (max-width:745px){
  body {
    background-color: #FFF;
  }
  #container {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  #header {
      height: 135px;
  }
  .mobileNavToggle {
    display: block;
  }
  #myAccount {
      padding: 5px;
      margin: 0;
  }
    #navbar .mobile {
        display: block;
    }
  #navbar {
    position: absolute;
    background: none;
    top: 13px;
    left: 13px;
    width: auto;
  }
  ul#navlist, .drilldown-root {
    background: #5417CC;
    width: 260px;
    display: none;
  }
  #navbar.active #navlist, #navbar.active .drilldown-root {
    display: block;
    position: relative;
    z-index: 1;
  }
  #navbar li a, #navbar li.last a {
    border: 0;
    display: block;
    padding: 11px 16px 11px 16px;
  }
  #navbar li.last a {
    border-bottom: 0;
  }
  #navbar li {
    display: block;
    text-align: left;
    width: 100%;
      border-bottom: 1px dotted #ededed;
      font-size: 1.1em;
  }
  ul#categorylist {
      flex-wrap: wrap;
  }
  .drilldown-root {
      padding: 0;
      margin: 0;
  }
  #categorylist li {
      flex: 0 0 50%;
      font-size: 12px;
  }
  #categorylist li a {
      border-bottom: 2px solid #FFF;
  }
  #images {
    position: absolute;
    top: 13px;
  }
  #logo {
      margin-left: 70px !important;
  }
  #champ {
      width: 85px;
      margin-left: 20px;
      margin-right: 20px;
  }
  #matthews {
      margin-right: 20px !important;
  }
  .contact_details {
    font-size: 16px;
    margin-right: 10px;
  }
  #search_form {
      top: 90px;
  }
  .pdfDownloadBrochure span {
    display: none;
  }
  #categorybar {
      display: none;
  }
  .selectCategories {
    display: block;
    margin: 5px 1%;
  }
  .selectCategories select,
  .selectCategories .itemtitlepurple,
  .selectCategories .itempurplebottom
  {
      width: 100%;
      box-sizing: border-box;
      margin: 0 auto;
  }
  .columnRow {
    display: block;
  }
  .columnLeft {
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .columnLeft > div,
  .columnRight > div {
    margin: 10px 0 0;
    vertical-align: top;
    width: 50%;
    float: left;
    padding: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .columnRight > div.manufacturersSelect,
  .columnRight > div.basketContainer,
  #mobile_quickbasket,
  #mobile_manufacturers {
      width: 100%;
      float: none;
  }
  .columnRight > div.basketContainer {
      margin-top: 0;
      padding-top: 0;
  }
  .columnRight > div.manufacturersSelect {
      margin-bottom: 0;
      padding-bottom: 0;
  }
  .left .itempurplebottom {
    margin-bottom: 0;
  }
  .left .itempurplebottom, .left .subitempurple, .left .itempurple,
  .right .itempurplebottom, .right .subitempurple, .right .itempurple,
  #mobile_quickbasket .itempurplebottom, #mobile_quickbasket .subitempurple, #mobile_quickbasket .itempurple,
  #mobile_manufacturers .itempurplebottom, #mobile_manufacturers .subitempurple, #mobile_manufacturers .itempurple {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 31px;
  }
  .left .itemtitlepurple, .left .subtitlepurple, .left .titlepurple,
  .right .itemtitlepurple, .right .subtitlepurple, .right .titlepurple, .right .box,
  #mobile_quickbasket .itemtitlepurple, #mobile_quickbasket, .subtitlepurple, #mobile_quickbasket .titlepurple,
  #mobile_manufacturers .itemtitlepurple, #mobile_manufacturers, .subtitlepurple, #mobile_manufacturers .titlepurple
  {
    width: auto;
  }
  .left select {
    width: 100% !important;
  }
  .columnLeft > div.listCategories {
    display: none;
  }
  .columnLeft > div.selectCategoryFilter {
    display: block;
  }
  .columnCenter {
    padding: 0px;
    display: block;
  }
  .columnRight {
    display: block;
    width: 100%;
    padding: 0px;
  }
  .footer {
    font-size: 14px;
  }
  .footer a {
    padding: 2px;
    display: inline-block;
  }
  .right .itempurplebottom,
  .right .box, .right .itemtitlepurple,
  .left .box, .left .itemtitlepurple {
    margin: 0px;
  }
  .columnLeft > div.basketContainer {;
    width: 100%;
    margin: 0px;
    display: block;
  }
  .columnLeft > div.basketContainer .non-mobile {
    display: none;
  }
  .columnLeft > div.basketContainer .mobile {
     display: block;
     text-align: center;
  }
  .columnLeft > div.basketContainer .mobile p {
    margin: 0;
  }
  .right .box img {
    max-width: 100%;
    border: 0;
  }
  .vatPercent {
    display: block;
    padding: 10px;
    text-align: center;
  }
  table.productWidgetList table {
    min-height: 185px;
  }
  .checkoutTable td {
    width: 100%;
    display: block;
  }

  .productListOptions {
      flex-direction: column-reverse;
  }
  .productListOptions > div {
      width: 100%;
  }
  .pages > b {
      display: none;
  }
  .pages .page a, .pages .page a:hover {
      padding: 0.6rem 0.8rem;
      box-sizing: border-box;
      display: inline-block;
  }
  .productListOptions p {
      margin: 0.25rem 0;
  }
  .homepage-teasers {
      margin-left: 0;
      margin-right: 0;
  }
    .homepage-teaser {
        width: 50%;
    }
  #mobile_quickbasket,
  #mobile_manufacturers {
        display: block;
        margin: 5px 1%;
    }
  #default_quickbasket,
  #default_manufacturers {
      display: none;
  }
  .special_order_stock_estimate {
      display: none;
  }
}
@media handheld, only screen and (max-width:670px){
  .columnCenter div[style="width: 50%; float: left;"] {
    width: 100% !important;
    float: none !important;
  }
  .columnCenter table.productDetail > tbody > tr:first-child > td {
    display: block;
    width: 100%;
  }
  .footerRow {
    padding-bottom: 75px;
  }
    #ups table {
        width: 300px;
    }
    .contact_details {
        display: none;
    }
    #product_information img {
        max-width: 100% !important;
        max-height: 300px !important;
        width: auto !important;
        height: auto !important;
        text-align: center !important;
    }
    #product_information table {
        width: 100% !important;
        height: auto;
        text-align: center;
    }

    .product_information_box {
        width: 100% !important;
    }

    .product_information_container {
        display: block !important;
    }

    #club-map,
    #club-info {
        display: block;
        width: 100%;
    }
    .slick-dots {
        position: static !important;
        bottom: 0;
    }
}

@media screen and (max-width:440px) {
    #dev_system {
        display: none;
    }

    #header {
        height: 250px;
    }

    #champ, #matthews {
        display: inline-block;
    }

    #search_form {
        top: 200px;
    }

    .productWidgetList > div,
    .staffList > div,
    .teamMemberList > div,
    .subcategoryList > div
    {
        width: 100%;
    }
    .homepage-teasers {
    }
    .homepage-teaser {
    }
    .announcement-image {
        width: 100%;
        max-width: 100%;
        float: none;
        margin-right: 0;
    }
}