/* Common layouts */
.cookienotice-bar-top {
    top: -15px;
    padding: 10px 0px 10px 0px;
}

.cookienotice-bar-top a#cookienotice-close-button.cookienotice-button {
    margin-right: 7px;
}

.cookienotice-bar .cookienotice-content {
    width: 100%;
}

.header-container {
    margin-top: 15px;
}

.header, #custommenu, .main, .footer {
    max-width: 1200px;
    width: 100%;
}

.col3-layout .col-wrapper {
    width: 80%;
}

.col3-layout .col-wrapper .col-main {
    width: 75%;
}

.col-left {
    width: 22.7%;
}

.col-right {
    width: 18%;
}

aside.col-left.sidebar .block-banner:first-child {
    display: none;
}

aside.col-right.sidebar .block-banner:first-child {
    display: none;
}

p.required {
    text-align: left;
}

@media only screen and (min-width: 771px) {
    .col-left .block-content, .col-right .block-content {
        display: block !important;
    }
}

/* Common Grids */
.products-grid li.item, .col-main .slider-item {
    text-align: center;
}

.widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image {
    width: auto;
    height: auto;
}

/* Colour Changes */
button.button span, .back-link a {
    background: #f77c03;
    color: #ffffff;
    border: 0px;
}

.block .block-title strong {
    color: #6EB039 !important;
}

.product-block ul.add-to-links {
    display: block !important;
}

/* Header */
.header-container {
    background: none;
    border-bottom: none;
}

.header_cms_block {
    background-color: transparent;
}

.header .logo {
    margin: 5px 5px 10px 5px;
    text-align: left;
}

.header .logo img {
    max-width: 375px;
    width: 100%;
}

.header .form-search {
    margin-top: 0px;
}

strong.header-number {
    color: #FF8106;
    font-size: 22px;
    clear: both;
    display: block;
    padding-bottom: 10px;
}

@media only screen and (max-width: 771px) {
    .header .quick-access {
        position: relative;
    }
}
/* Common layouts */
.cookienotice-bar-top {
    top: -15px;
    padding: 10px 0px 10px 0px;
}

.cookienotice-bar-top a#cookienotice-close-button.cookienotice-button {
    margin-right: 7px;
}

.cookienotice-bar .cookienotice-content {
    width: 100%;
}

.header-container {
    margin-top: 15px;
}

.header, #custommenu, .main, .footer {
    max-width: 1200px;
    width: 100%;
}

.col3-layout .col-wrapper {
    width: 80%;
}

.col3-layout .col-wrapper .col-main {
    width: 75%;
}

.col-left {
    width: 22.7%;
}

.col-right {
    width: 18%;
}

aside.col-left.sidebar .block-banner:first-child {
    display: none;
}

aside.col-right.sidebar .block-banner:first-child {
    display: none;
}

p.required {
    text-align: left;
}

@media only screen and (min-width: 771px) {
    .col-left .block-content, .col-right .block-content {
        display: block !important;
    }
}

/* Common Grids */
.products-grid li.item, .col-main .slider-item {
    text-align: center;
}

.widget-new-products .products-grid .product-image, .widget-new-products .products-list .product-image {
    width: auto;
    height: auto;
}

/* Colour Changes */
button.button span, .back-link a {
    background: #f77c03;
    color: #ffffff;
    border: 0px;
}

.block .block-title strong {
    color: #6EB039 !important;
}

.product-block ul.add-to-links {
    display: block !important;
}

ul.social {
    position: absolute;
    top: 86px;
    right: 104px;
}

ul.social li {
    float: left;
    margin-right: 10px;
}

ul.social li .fb_iframe_widget {
    top: -4px;
}

.header .tm_top_currency {
    display: none;
}

.header_inner {
    padding: 6px 0px;
}

.header .welcome-msg {
    float: left;
    width: 55%;
    text-align: right;
    margin: 0px;
}

.header .links li.last {
    padding: 0 8px 0 7px;
}

#custommenu-mobile {
    position: absolute;
    width: 25%;
    background: #59962b;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
}

#menu-button {
    text-align: center;
}

#menu-button a:link, #menu-button a:visited {
    float: none;
    margin: 0;
}

#menu-button:after,
.parentMenu:after,
#menu-button a span:after {
    display: none;
}

/* Navigation */
/********** < Navigation */
#custommenu {
    background: #545F61;
    clear: both;
    background: #a1ce41;
    /* Old browsers */
    background: -moz-linear-gradient(top, #a1ce41 0%, #6aad38 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a1ce41), color-stop(100%, #6aad38));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a1ce41 0%, #6aad38 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a1ce41 0%, #6aad38 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a1ce41 0%, #6aad38 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #a1ce41 0%, #6aad38 100%);
    /* W3C */
    /*border-radius: 5px 5px 0 0;*/
    /*-moz-border-radius: 5px 5px 0 0;*/
    /*-webkit-border-radius: 5px 5px 0 0;*/
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 49px;
    border-top: 1px solid #a1ce41;
    box-shadow: 0 1px 0 #a1ce41 inset;
}

/* All Levels */
/* Style consistent throughout all nav levels */
#custommenu li {
    position: relative;
    text-align: left;
}

#custommenu li li {
    /*background:url("../images/3d_line_menu.png") repeat-x scroll 0 bottom transparent;*/
    background: url("../../images/menu_bullet.png") no-repeat scroll 11px center transparent;
    padding-left: 26px;
}

#custommenu li li:hover {
    background: url("../../images/menu_bullet_hvr.png") no-repeat scroll 11px center #B9AA8B;
}

#custommenu li li:hover a {
    color: #fff;
}

#custommenu .parentMenu {
    background: url("../../images/menu_sep.png") no-repeat scroll left center transparent;
}

#custommenu li.home_first {
    background: none;
}

#custommenu li.over {
    z-index: 998;
}

#custommenu a,
#custommenu a:hover {
    display: block;
    line-height: 24px;
    text-decoration: none;
}

#custommenu a:hover, #custommenu > li:hover > a, #custommenu li.active > a, .custom_menu:hover a, .cms-home .home_link a, div.menu a:hover, div.act .parentMenu > a, div.active .parentMenu > a {
    background: transparent;
    color: #385B0B;
}

#custommenu span {
    display: block;
    cursor: pointer;
    white-space: nowrap;
}

#custommenu .column span {
    font-size: 15px;
    font-weight: bolder;
}

#custommenu .column a {
    padding: 0;
}

#custommenu li ul span {
    white-space: normal;
}

#custommenu ul li.parent > a {
    /*background:url("../images/menu_bullet.png") no-repeat scroll 100% center transparent; */
}

div.menu a:link, div.menu a:visited {
    padding-top: 0px;
}

div.menu {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    text-transform: none;
}

#nav a, .nav-responsive span, div.menu a, div.megnor-advanced-menu-popup a {
    font-size: 14.5px;
}

@media only screen and (max-width: 1157px) {
    #nav a, .nav-responsive span, div.menu a, div.megnor-advanced-menu-popup a {
        font-size: 1.2vw;
    }

    div.menu a:link, div.menu a:visited {
        padding-left: 10%;
        padding-right: 10%;
    }
}

/* fix when rotating from portrait to landscape */
@media screen and (orientation: landscape) and (max-width: 1157px) {
    #nav a, .nav-responsive span, div.menu a, div.megnor-advanced-menu-popup a {
        font-size: 13px;
    }

    div.menu a:link, div.menu a:visited {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.header-cart {
    right: 0px !important;
}

.header-cart .cart-label {
    background: #a1ce41;
    background: -moz-linear-gradient(top, #59962b 0%, #59962b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #59962b), color-stop(100%, #59962b));
    background: -webkit-linear-gradient(top, #59962b 0%, #59962b 100%);
    background: -o-linear-gradient(top, #59962b 0%, #59962b 100%);
    background: -ms-linear-gradient(top, #59962b 0%, #59962b 100%);
    background: linear-gradient(to bottom, #59962b 0%, #59962b 100%);
    /*border-radius: 0 5px 0 0;*/
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0 10px;
    border-top: 1px solid #59962b;
    box-shadow: 0 1px 0 #59962b inset;
}

@media only screen and (max-width: 479px) {
    .header-cart .cart-label {
        background: url("../../images/cart-respo.png") no-repeat #59962b scroll center center !important;
        padding: 11px !important;
        border-top: 1px solid #59962b !important;
        box-shadow: 0 1px 0 #59962b inset !important;
    }
}

/* Product Page */
.add-to-cart .paypal-logo {
    text-align: left;
}

.add-to-cart .paypal-logo .paypal-or {
    text-align: center;
    margin: 5px 0px 5px 0;
}

.add-to-cart {
    width: 170px;
}

.product-view .product-shop .add-to-links li {
    display: block;
}

/* Zopim Chat */
div.zopim {
    left: 10px !important;
}

/* Basket Page */
.cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button {
    display: inline-block;
    max-width: 100px;
}

/* Mobile Adjustments */
/* Common layouts */
@media only screen and (max-width: 1074px) {
    html {
        zoom: 0.77;
    }

    html html {
        zoom: 0.77;
    }
}

@media only screen and (max-width: 1074px) {
    html {
        zoom: 1;
    }

    html html {
        zoom: 1;
    }
}

/* Header */
.header .form-search {
    clear: both;
    float: none;
    height: 32px;
    border-radius: 6px 6px 0px 0px;
}

.header .form-search input.input-text {
    width: 96%;
}

.header .form-search button.button {
    top: 5px;
    position: absolute;
    right: 6px;
}

.quick-access > form {
    width: 99%;
}

ul.social {
    right: 0;
}

@media only screen and (max-width: 771px) {
    .header .form-search {
        width: 97%;
        margin: 0 auto;
        border-radius: 6px;
    }

    .header_top {
        min-height: 55px !important;
    }
}

@media only screen and (max-width: 771px) {
    .header .form-search input.input-text {
        width: 94%;
    }
}

@media only screen and (max-width: 771px) {
    .header .form-search button.button {
        top: 5px;
        position: absolute;
        right: 6px;
    }
}

@media only screen and (max-width: 771px) {
    .quick-access > form {
        width: 99%;
    }
}

@media only screen and (max-width: 771px) {
    .header .logo a img {
        width: auto;
        max-height: 60px;
    }
}

@media only screen and (max-width: 771px) {
    .main, .header, .nav-inner, .main, .footer, .inner_footer_bottom {
        margin: 0 auto;
        width: 98%;
    }

    .header-cart, .tm_headerlinkmenu {
        top: 0;
    }

    #custommenu-mobile {
        left: 0.6%;
    }

    .tm_headerlinkmenu {
        left: 27%;
        background: #59962b;
    }

    .header-cart {
        left: 53%;
    }

    .nav-container {
        background: #6EB039;
    }

    .header .header-cart #panel {
        width: 221px;
    }

    ul.social {
        position: static;
    }

    .quick-access > form {
        float: left;
    }
}

/* Login Page*/
@media only screen and (max-width: 771px) {
    .account-login .buttons-set {
        float: left;
    }

    .account-login .buttons-set a.f-left {
        float: right !important;
        margin-left: 10px;
    }
}