﻿
body, td, th, li, p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #575757;
}

::-webkit-input-placeholder {
    color: #000;
}

:-moz-placeholder { /* Firefox 18- */
    color: #000;
}

::-moz-placeholder { /* Firefox 19+ */
    color: #000;
}

:-ms-input-placeholder {
    color: #000;
}

a {
    color: #85252F;
    outline: none;
    font-family: Arial, Helvetica, sans-serif;
}

    a:HOVER {
        color: #85252F;
        outline: none;
    }

p {
    margin-top: 0;
    margin-bottom: 12px;
}

h1 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 27px;
    color: #00715B;
    font-weight: normal;
    font-family: Georgia, Arial, Sans-Serif;
}

h2 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 20px;
    color: #00715B;
    font-weight: normal;
    font-family: Georgia, Arial, Sans-Serif;
}

h3 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 14px;
    font-family: Georgia, Arial, Sans-Serif;
    font-weight: bold;
}

h4 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 14px;
    font-family: Georgia, Arial, Sans-Serif;
}

h5 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 12px;
    font-family: Georgia, Arial, Sans-Serif;
}

h6 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 12px;
    font-family: Georgia, Arial, Sans-Serif;
}

.img-left {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
}

.img-right {
    float: right;
    margin-left: 15px;
    margin-bottom: 10px;
}

.table-holder {
    width: 100%;
    overflow-x: auto;
}


table.big {
    width: 100%;
    overflow-x: auto;
}

table td {
    padding: 2px 4px;
    width: auto;
}

.container {
    max-width: 1000px;
}

#Header .fb-like.fb_iframe_widget {
    float: left;
    margin-top: 9px;
}

#Header .fb-link,
#Header .instagram-link {
    float: left;
    border-right: 0 !important;
    margin-top: 6px !important;
}

#Header .instagram-link {
    padding-right: 0 !important;
}


#Header .fb-link {
    padding-left: 6px !important;
}

#Footer .instagram-link {
    padding-left: 30px;
}

#Footer .fb-link {
    padding-left: 6px;
}

#Footer .fb-like.fb_iframe_widget {
    padding-top: 18px;
    padding-left: 0;
    position: relative;
    top: 3px;
}

.find-a-merchant {
    margin-bottom: 0;
}

    .find-a-merchant ul li {
        margin-bottom: 10px;
    }

.module-news .heading {
    display: none;
}

.module-news-article-details {
    padding-left: 15px;
    padding-right: 15px;
}

.module-content a, .tmplelement a {
    text-decoration: underline;
}

.article .thumbimage {
    margin-right: 10px;
}

.module-news .sections {
    text-align: right;
}

.module-news .select-holder {
    display: inline-block;
}

.module-news select {
    height: 27px;
    padding: 0 2px;
}

.field-validation-error {
    color: #F86004 !important;
}

.module-news .sections input[type=submit] {
    background: #00715B;
    height: 27px;
    border-radius: 0;
}

.module-content img {
    max-width: 100% !important;
    height: auto !important;
}

.module-formbuilder label {
    padding-bottom: 5px;
    font-size: 15px;
}

.module-formbuilder .form-control {
    border: 1px solid #015D4A !important;
}



.module-formbuilder .btn-primary, .module-formbuilder .btn-primary:hover {
    color: #fff !important;
    background-color: #129A71 !important;
    border: none !important;
    padding: 6px 33px !important;
}


.module-content form #fieldName, .module-content form #fieldEmail2 {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #015D4A;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    margin-bottom: 10px;
}

.module-content form th {
    display: none;
}

.module-content form td {
    width: 100% !important;
}

.module-content form #signup {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background: none;
    border-radius: 4px;
    color: #fff !important;
    background-color: #129A71 !important;
    padding: 6px 33px !important;
    height: 34px;
    width: 145px;
}



#MainWrapper {
    background: url(/themes/dunstan/images/bg.png) center 0px no-repeat #222222;
    background-size: 2074px auto;
}

#Header {
}

    #Header #logo2 {
        display: none;
    }

    #Header .wrapper.top {
    }

        #Header .wrapper.top .phone {
            width: 100px;
            float: left;
            padding-top: 14px;
        }

            #Header .wrapper.top .phone a {
                color: #fff;
                font-size: 15px;
                font-weight: bold;
            }

.nav > li > a:hover, .nav > li > a:focus {
    background: none;
}

#Header .form-group .input-group {
    background: url(/themes/dunstan/images/SearchBackground.jpg) center center no-repeat !important;
    background-size: cover !important;
    width: 115px;
    border-radius: 5px;
    margin-top: 2px;
}

#Header .form-group .form-control, #Header .form-group .input-group-btn button {
    background: none !important;
    border: none !important;
    color: #fff;
}

#Header .wrapper.top .nav a {
    display: block;
    color: #fff;
    border-right: 1px solid #fff;
    text-decoration: none;
    padding: 0 15px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: bold;
}

#Header .wrapper.top ul li:nth-of-type(2) a {
    border: none;
}


#Header .wrapper.middle .container {
    background: url(/themes/dunstan/images/header-bg.png) top right no-repeat;
    background-size: 1000px auto;
    min-height: 138px;
}

#Header .wrapper.middle .left {
    height: 130px;
}

#Header .wrapper.middle .center img {
    margin: auto;
    padding-top: 45px;
}

#Header .wrapper.middle .form-group {
    display: none;
}

#Header .wrapper.middle .right .phone {
    padding-left: 70px;
    padding-top: 55px;
}

    #Header .wrapper.middle .right .phone a {
        background: url(/themes/dunstan/images/phone.png) center left no-repeat;
        color: #00786d;
        font-size: 27px;
        font-weight: 600;
        line-height: 25px;
        padding-left: 40px;
    }

        #Header .wrapper.middle .right .phone a:hover {
            text-decoration: none;
        }

#Header .wrapper.bottom .container {
    margin-bottom: 20px;
    background: url(/themes/dunstan/images/MenuBackground.jpg) center left no-repeat;
    background-size: 100% 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}


#Header .wrapper.middle .logo img {
    position: relative;
    top: -33px;
}

#FeatureBanner {
    background-color: #f8f8f8;
    min-height: 15px;
}

#ContentMain {
}

#ContentExtra1 {
}

    #ContentExtra1 .container {
        background: url(/themes/dunstan/images/GreyBackground.jpg) top left repeat-x;
        background-size: 100% 100%;
        min-height: 340px;
        padding: 20px 30px;
    }

        #ContentExtra1 .container h1 {
            font-size: 30px;
            color: #fff;
        }

.onefifth {
    width: 20%;
    float: left;
    list-style: none;
    padding: 15px;
}


#id-2145895228 .onefifth, #id-2145895230 .onefifth {
    width: 18%;
}

#ContentExtra1 .container .onefifth .product {
    background: url(/themes/dunstan/images/ProductsBackground.jpg) top left repeat-x;
    width: 139px;
    height: 222px;
    margin: auto;
    padding: 10px;
    border-bottom-right-radius: 10px;
}

    #ContentExtra1 .container .onefifth .product a {
        color: #000;
        text-decoration: none;
        font-size: 15px;
    }

        #ContentExtra1 .container .onefifth .product a img {
            margin-bottom: 20px;
        }

.team {
    min-height: 240px;
}

    .team img {
        float: left;
        margin-right: 30px;
    }

#id-2145895228, #id-2145895230 {
    list-style: none;
    padding: 0;
}

    #id-2145895228 li, #id-2145895230 li {
        padding: 10px 0;
        border: 1px #bcbcbc solid;
        text-align: center;
        vertical-align: bottom;
        margin: 0 6px 12px 6px;
    }

        #id-2145895228 li a, #id-2145895230 li a {
            display: inline-block;
            vertical-align: bottom;
            width: 100%;
            background-repeat: no-repeat;
            background-position: center top;
        }

            #id-2145895228 li a img, #id-2145895230 li a img {
                margin: auto;
                margin-bottom: 10px;
            }

.ask-an-expert .field-item-5 {
    margin-top: 55px;
}

.ask-an-expert .field-item-15 {
    margin-top: 5px;
}

#Footer .wrapper.top {
}

    #Footer .wrapper.top .container {
        background: url(/themes/dunstan/images/GreenBackground.png) top left repeat-x;
        min-height: 340px;
        background-size: 5px 100%;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        border-top: solid 5px #005f4d;
        padding-top: 10px;
    }

        #Footer .wrapper.top .container .footertitle {
            font-size: 22px;
            color: #fff;
            line-height: 50px;
            display: block;
            font-family: Georgia, Arial, Sans-Serif;
        }


        #Footer .wrapper.top .container .center p {
            font-size: 13px;
            font-family: Arial;
            color: #fff;
            width: 180px;
        }

a.downloadbrochure {
    color: #fff;
    text-decoration: underline;
}

#Footer .wrapper.top .container .center .brochure {
    width: 147px;
    margin: auto;
}

#Footer .wrapper.top .container .left iframe {
    max-width: 447px;
    margin: auto;
}

#Footer .wrapper.top .container .left, #Footer .wrapper.top .container .center {
    background: url(/themes/dunstan/images/FooterBorder.jpg) center right no-repeat;
}

#Footer .wrapper.top .container .left, #Footer .wrapper.top .container .center, #Footer .wrapper.top .container .right {
    padding-left: 30px;
    padding-right: 30px;
}

#Footer .wrapper.bottom {
}

    #Footer .wrapper.bottom .container {
        padding-top: 40px;
        background: url(/themes/dunstan/images/shadow.png) top center no-repeat;
        background-size: contain;
    }

        #Footer .wrapper.bottom .container #logofooter img {
            margin: auto;
        }

    #Footer .wrapper.bottom #address, #Footer .wrapper.bottom #postaladdress {
        padding-top: 20px;
        font-size: 14px;
        color: #9F9F9F;
        font-family: Arial;
    }

    #Footer .wrapper.bottom #nzowned img {
        margin: auto;
        padding-top: 20px;
    }

    #Footer .wrapper.bottom .copyright {
        background: url(/themes/dunstan/images/shadow-line.png) top center no-repeat;
        background-size: contain;
        margin-top: 40px;
        font-family: Arial;
        color: #414141;
        font-size: 11px;
        text-align: center;
        line-height: 40px;
    }

        #Footer .wrapper.bottom .copyright a {
            color: #414141;
            text-decoration: underline;
        }

#Footer .wrapper.top .right form {
    width: 188px;
    margin: auto;
    text-align: left;
}

    #Footer .wrapper.top .right form p, #Footer .wrapper.top .right form label {
        color: #fff;
        font-weight: 300;
        margin: 0;
    }

    #Footer .wrapper.top .right form th {
        display: none;
    }

    #Footer .wrapper.top .right form #fieldName, #Footer .wrapper.top .right form #fieldEmail2 {
        background: url(/themes/dunstan/images/input-bg.png) top center no-repeat;
        background-size: 100% 100%;
        border: none;
        height: 26px;
        width: 174px;
        margin-bottom: 3px;
        padding-left: 10px;
    }

    #Footer .wrapper.top .right form #signup {
        background: url(/themes/dunstan/images/button-bg.png) top center no-repeat;
        background-size: 100% 100%;
        border: none;
        height: 26px;
        width: 174px;
        color: #000;
        margin-top: 15px;
    }


/* Main Navbar */

.navbar.navbar-default ul.nav.navbar-nav > li span.arrow {
    width: 32px;
    height: 32px;
    background-color: rgba(0,0,0, 0.33);
    position: absolute;
    top: 5px;
    right: 5px;
    text-align: center;
    line-height: 32px;
    font-size: 23px;
    color: #00786d;
}

.navbar.navbar-default ul.nav.navbar-nav ul {
    position: static;
    float: none;
    width: 100%;
    background: #00786d;
}

    .navbar.navbar-default ul.nav.navbar-nav ul li {
        position: relative;
    }

        .navbar.navbar-default ul.nav.navbar-nav ul li span.arrow {
            display: none;
        }

#ContentMain .container {
    background: #fff;
    min-height: 300px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 30px;
}

#sliderholder {
    max-width: 445px;
}

.cycle-slideshow > div:not(:first-child) {
    visibility: hidden;
}

.cycle-slideshow .month {
    position: relative;
}

    .cycle-slideshow .month div {
        position: absolute;
        width: 100%;
        padding: 30px;
        top: 0;
        left: 0;
    }


    .cycle-slideshow .month h1 {
        color: #004939;
    }

    .cycle-slideshow .month p {
        font-size: 15px;
    }

/* pager */
.example-pager {
    text-align: right;
    width: 100%;
    z-index: 500;
    position: relative;
    top: -18px;
    overflow: hidden;
    height: 43px;
    padding-right: 27px;
    max-width: 445px;
}

    .example-pager span {
        font-family: arial;
        font-size: 50px;
        width: 16px;
        height: 16px;
        display: inline-block;
        color: #560e17;
        cursor: pointer;
        padding-left: 20px;
    }

        .example-pager span.cycle-pager-active {
            color: #009d84;
        }

    .example-pager > * {
        cursor: pointer;
    }




@media (min-width: 768px) {

    .navbar.navbar-default {
        background: none;
        min-height: 0;
        border: none;
        margin-bottom: 0;
    }

        .navbar.navbar-default *::after,
        .navbar.navbar-default *::before {
            content: none;
        }

        .navbar.navbar-default .navbar-collapse {
            padding-left: 0;
            padding-right: 0;
        }

    .navbar-nav > li.position-9, .navbar-nav > li.position-8 {
        display: none !important;
    }

    .navbar.navbar-default ul.nav.navbar-nav {
        display: table;
        float: none;
        width: 100%;
    }

        .navbar.navbar-default ul.nav.navbar-nav > li {
            display: table-cell;
            float: none;
            width: auto;
            vertical-align: middle;
        }

            .navbar.navbar-default ul.nav.navbar-nav > li span.arrow {
                display: none;
            }

            .navbar.navbar-default ul.nav.navbar-nav > li > a {
                display: table;
                width: 100%;
                height: 60px;
                padding: 0;
            }

                .navbar.navbar-default ul.nav.navbar-nav > li > a:hover, .navbar.navbar-default ul.nav.navbar-nav > li > a.menuSelected {
                    background: url(/themes/dunstan/images/Arrow.jpg) center bottom no-repeat;
                }

                .navbar.navbar-default ul.nav.navbar-nav > li > a > span {
                    display: table-cell;
                    padding: 4px;
                    text-align: center;
                    vertical-align: middle;
                    font-family: Arial;
                    color: #ffffff;
                    font-size: 14px;
                    font-weight: 400;
                }

        /* dropdown */
        .navbar.navbar-default ul.nav.navbar-nav ul {
            margin-top: 0;
            width: 180px;
            position: absolute;
            float: left;
            width: auto;
            background: #00715B;
        }

    .dropdown-menu > li > a {
        padding: 3px 5px;
        color: #fff;
        font-size: 12px !important;
    }

    .navbar.navbar-default ul.nav.navbar-nav ul li {
        position: relative;
    }

        .navbar.navbar-default ul.nav.navbar-nav ul li a span {
            white-space: normal;
        }

    .navbar.navbar-default ul.nav.navbar-nav ul ul {
        top: 0;
        left: 100%;
    }

    .navbar.navbar-default ul.nav.navbar-nav li:hover > ul {
        display: block;
    }

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        color: #fff;
        text-decoration: none;
        background-color: #139973;
    }
}
/*Event */

.module-events .content .search-holder.detail-view {
    display: block;
}


@media (min-width: 767px) {
    #Header .wrapper.top .phone {
        display: none;
    }
}

@media (max-width: 991px) {
    #Header .wrapper.middle .logo img {
        top: -10px;
    }

    #Header .wrapper.middle .right .phone {
        padding-left: 10px;
    }

        #Header .wrapper.middle .right .phone a {
            font-size: 24px;
        }

    .onefifth {
        width: 33%;
    }

    #id-2145895228 .onefifth, #id-2145895230 .onefifth {
        width: 31%;
    }

    #Footer .wrapper.top {
        text-align: center;
    }

    #Footer #video {
        text-align: center;
        margin-bottom: 20px;
    }

    #Footer .wrapper.top .container .center p {
        margin-left: auto;
        margin-right: auto;
    }

    #Footer .wrapper.top .container .right img {
        margin: auto;
    }



    #Footer .horse {
        display: none;
    }
}

@media (max-width: 767px) {
    #MainWrapper {
        background: url(/themes/dunstan/images/bg2.png) center 0px no-repeat #222222;
    }

    #Header .wrapper.top {
        display: none;
    }

    #Header .logo {
        display: none;
    }

    #Header #logo2 {
        display: inline-block;
        margin-top: 27px;
    }

    #Header .wrapper.top .navbar-form {
        padding-top: 0;
        box-shadow: none;
    }

        #Header .wrapper.top .navbar-form .form-group {
            width: 115px;
            float: right;
            margin-bottom: 10px;
        }

    #Header .wrapper.middle {
        margin-top: 26px;
    }

        #Header .wrapper.middle .logo img {
            margin: auto;
            max-width: 250px;
        }

        #Header .wrapper.middle .container {
            background: url(/themes/dunstan/images/header-top.png) left top repeat-x;
            background-size: 10px 100%;
            border-top-right-radius: 10px;
            border-top-left-radius: 10px;
        }

    #Header .wrapper.bottom .container {
        background: url(/themes/dunstan/images/header-bottom.png) left top repeat-x;
        background-size: 10px 100%;
    }

    #Header .wrapper.middle .left {
        height: 130px;
        text-align: center;
    }

    #Header .wrapper.middle .right .phone a {
        position: relative;
        left: -16px;
    }

    #Header .wrapper.middle .center {
        display: none;
    }

    #Header .wrapper.middle .right {
        text-align: center;
        margin-top: 20px;
    }

        #Header .wrapper.middle .right .form-group {
            display: inline-block;
            margin-top: 60px;
        }

    #Header .form-group .input-group {
        width: 200px;
    }

    #Header .wrapper.middle .right .phone {
        padding: 0;
        margin-bottom: 20px;
    }

    #Header .navbar-default {
        background: none;
        border: none;
    }

    .dropdown-menu > li > a {
        color: #fff;
    }

    #ContentMain .container {
        padding: 15px;
    }

    .onefifth {
        width: 50%;
    }

    #id-2145895228 .onefifth, #id-2145895230 .onefifth {
        width: 100%;
        position: relative;
        left: -5px;
    }

    #ContentExtra1 .container {
        padding: 20px 15px;
    }

    #Footer .wrapper.top .container .left, #Footer .wrapper.top .container .center, #Footer .wrapper.top .container .right {
        padding: 0 15px 20px 15px;
    }

    #Footer .wrapper.bottom {
        text-align: center;
    }

    #ContentExtra1 .container .onefifth .product {
        width: 131px;
        padding: 10px 6px;
    }

    #Header .navbar-default {
        margin-bottom: 0;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle {
        background-color: #0F906D;
        margin-right: 0;
    }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #ddd;
            border-bottom: solid 1px;
        }

    .navbar-default .navbar-nav > li > a {
        color: #00786d;
    }

    table {
        width: 100% !important;
    }
}

@media (max-width: 440px) {
    .cycle-slideshow .month div {
        padding: 15px;
    }

    .cycle-slideshow .month p {
        font-size: 13px;
    }

    .cycle-slideshow .month h1 {
        font-size: 15px;
    }

    .cycle-slideshow .month a img {
        max-width: 100px;
        margin-bottom: 60px;
    }
}

@media (max-width: 400px) {
    .module-content:not(.endorsements .team) img {
        float: none;
        display: block;
    }

    .cycle-slideshow .month p {
        font-size: 11px;
    }

    .cycle-slideshow .month h1 {
        font-size: 15px;
    }

    .cycle-slideshow .month a img {
    }
}
