body,
form,
h1,
h2,
h3,
h4,
h5,
hr,
html,
li,
ol,
p,
ul {
    padding: 0;
    margin: 0
}

body,
html {
    width: 100%;
    height: 100%
}

body.iframe {
    width: auto;
    height: auto
}

BODY,
TABLE {
    font-family: Bitter, serif;
    font-size: 16px;
    color: #242424
}

body#blank {
    margin: 0;
    padding: 0 0 0 4%;
    width: 96%;
    height: 100%;
    font-size: 15px!important
}

body {
    background: #422c0b
}

iframe[id^=oauth2relay] {
    position: fixed!important
}

::selection {
    background: #C52122;
    color: #fff
}

::-moz-selection {
    background: #C52122;
    color: #fff
}

.h1,
div.contentPageTitle.h1,
h1,
h1.contentPageTitle,
h2.contentPageTitle {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 0 auto 45px;
    color: #4d340e;
    font-size: 26px;
    background: 0 0;
    padding: 0;
    font-weight: 400;
    text-transform: uppercase;
    font-family: Bitter, serif;
    clear: both
}

div.contentPageTitle.h1 span,
h1.contentPageTitle span,
h2.contentPageTitle span {
    width: auto;
    float: none;
    margin: -45px 0 0;
    display: inline-block;
    color: #4d340e;
    background: #f2efeb;
    padding: 10px 80px
}

.h2,
body#default .moduleItemBlog h1,
h1.pageTitle,
h2 {
    color: #000;
    font-size: 24px;
    font-weight: 400;
    text-transform: none;
    text-align: left
}

.h3,
h3,
ol>li {
    background: 0 0
}

.h3,
h1.pageTitle,
h3 {
    padding: 0;
    font-family: Bitter, serif
}

#home p.h1 {
    margin: 45px 0 15px
}

body#default.noHeaderImage .h1,
body#default.noHeaderImage h1 {
    margin: 9px 0 20px
}

h1.pageTitle {
    margin: 15px 0 0
}

.h2,
body#default .moduleItemBlog h1,
h2 {
    margin: 15px 0;
    font-family: Bitter, serif
}

.h3,
h3 {
    margin: 8px 0;
    color: #c52122;
    text-transform: uppercase;
    font-size: 18px
}

.h4,
h4 {
    padding: 6px 10px;
    margin: 35px 0 15px -10px;
    color: #000;
    text-transform: uppercase;
    font-size: 16px;
    font-family: Bitter, serif
}

div#pageSource,
p {
    line-height: 26px;
    margin: 14px 0
}

div#pageSource {
    text-align: left
}

ul {
    margin: 10px 0;
    padding: 0 0 0 20px
}

ol {
    counter-reset: li;
    margin-left: 0;
    padding-left: 0
}

ol>li {
    position: relative;
    margin: 0 0 25px 2em;
    padding: 0 12px;
    list-style: none;
    border-top: none
}

ol>li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    top: -.4em;
    left: -2em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 2em;
    height: 2.15em;
    margin-right: 8px;
    padding: 4px;
    border-top: none;
    color: #fff;
    background: #261906;
    font-weight: 700;
    text-align: center
}

#header,
.bgContainer {
    float: left;
    position: relative
}

#home hr,
hr {
    display: block;
    background: 0 0;
    border: none
}

li ol,
li ul {
    margin-top: 6px
}

ol ol li:last-child {
    margin-bottom: 0
}

li p {
    margin: 0;
    line-height: 22px
}

hr {
    margin: 15px 0;
    border-bottom: 1px solid #dfdfdd
}

#home hr {
    margin: 15px 200px;
    border-bottom: 1px solid #dfdfdd
}

a {
    color: #000;
    transition: .5s all
}

#pageEditorContent a,
.slideoutContent a {
    color: #C52122;
    font-weight: 700;
    font-style: normal;
    text-decoration: none
}

#pageEditorContent a:hover,
.slideoutContent a:hover {
    text-decoration: underline
}

td {
    vertical-align: top;
    border-bottom: 1px solid #d5d5d5;
    padding: 10px 0
}

body#blank td,
table.noBorders td {
    vertical-align: middle;
    border-bottom: none;
    padding: 10px 20px
}

a img {
    border: none
}

blockquote {
    color: #432C0C;
    background: #F2EFEB;
    border-left: 10px solid #432C0C;
    margin: 1.5em 10px;
    padding: 1.5em 10px;
    quotes: "\201C""\201D""\2018""\2019"
}

blockquote:before {
    color: #432C0C;
    content: open-quote;
    font-size: 4em;
    line-height: .1em;
    margin-right: .25em;
    vertical-align: -.4em
}

blockquote p {
    display: inline
}

a#pull {
    display: none
}

.container {
    margin: 0 auto;
    width: 1002px;
    text-align: left
}

ul.largeLinks,
ul.topLinks {
    text-align: right;
    list-style: none
}

.bgContainer {
    width: 1002px;
    height: auto
}

#header {
    width: 100%;
    height: 110px;
    background: #1e0002;
    z-index: 10
}

#content,
#header a.logo {
    float: left;
    background: #fff;
    position: relative
}

#header .bgContainer,
#header .container {
    width: 1002px
}

#content {
    width: 100%
}

#content .bgContainer,
#content .container {
    width: 1002px
}

#slideshowContainer {
    float: left;
    position: relative;
    width: 100%;
    min-height: 487px
}

#slideshowContainer .bgContainer,
#slideshowContainer .container {
    width: 1102px
}

#header a.logo {
    padding-bottom: 3px
}

@media screen and (max-width:850px) {
    #header a.logo {
        padding-bottom: 0
    }
}

ul.topLinks {
    float: right;
    position: relative;
    width: 740px;
    height: 30px;
    margin: 0;
    padding: 0 0 0 15px;
    background: url(https://www.buriedvillage.co.nz/images/style/top_links_bg.jpg) top right no-repeat #c52122
}

ul.topLinks li {
    float: left;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    height: 30px
}

ul.topLinks li a span {
    display: inline-block;
    padding: 0 20px
}

ul.topLinks li a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    text-transform: uppercase
}

ul.largeLinks li a,
ul.largeLinks li:nth-child(4)>a {
    display: inline-block;
    font-size: 21px;
    text-decoration: none;
    font-style: italic
}

a.tripadvisorIcon img {
    margin: 6px 0 0 44px
}

a.facebookIcon img {
    margin: 3px 0 0 10px
}

a.googleIcon img,
a.linkedinIcon img,
a.twitterIcon img {
    margin: 4px 0 0 10px
}

a.youtubeIcon img {
    margin: -1px 0 0 15px
}

a.instagramIcon img {
    margin: 4px 0 0 10px
}

ul.largeLinks {
    float: right;
    position: relative;
    width: auto;
    height: 44px;
    margin: 36px 0 0;
    padding: 0
}

ul.largeLinks li {
    float: left;
    position: static;
    margin: 0;
    padding: 0
}

ul.largeLinks li a,
ul.largeLinks li a span {
    background: 0 0;
    color: #fff;
    padding: 0 0 15px
}

ul.largeLinks li a {
    height: 29px;
    border-right: none;
    transition: .5s all
}

ul.largeLinks li a:hover {
    color: #c52122
}

ul.largeLinks li:nth-child(1)>a,
ul.largeLinks li:nth-child(2)>a {
    background: url(https://www.buriedvillage.co.nz/images/style/navigation_divide.png) right 6px no-repeat
}

ul.largeLinks li:nth-child(4)>a {
    padding: 2px 0 15px;
    margin: -2px 0 0;
    color: #fff;
    background: #c52122;
    border-right: 2px solid #fff
}

ul.largeLinks li:nth-child(3) a,
ul.largeLinks li:nth-child(4) a {
    border-right: none
}

ul.largeLinks li .slideoutContainer {
    position: absolute;
    top: 44px;
    left: auto;
    right: -10px;
    border: 10px solid rgba(255, 255, 255, .9);
    opacity: 0;
    transition: .5s all;
    height: 0!important;
    z-index: -1;
    overflow: hidden;
    display: block
}

ul.largeLinks:hover li .slideoutContainer {
    display: none;
    opacity: 1;
    height: 245px!important;
    z-index: 100
}

ul.largeLinks:hover li:hover .slideoutContainer {
    display: block
}

ul.largeLinks li .slideoutContainer p {
    position: relative;
    font-size: 13px;
    font-style: italic;
    text-align: center;
    padding: 15px 0 0
}

ul.largeLinks li .slideoutContainer p a {
    height: auto
}

ul.largeLinks li#livingHistory .slideoutContainer {
    width: 770px;
    height: 245px;
    background: url(https://www.buriedvillage.co.nz/images/style/living_history_dropdown_image.jpg) top left no-repeat
}

ul.largeLinks li#seeAndDo .slideoutContainer {
    width: 770px;
    height: 245px;
    background: url(https://www.buriedvillage.co.nz/images/style/see_and_do_dropdown_image.jpg) top left no-repeat
}

ul.largeLinks li#planYourVisit .slideoutContainer {
    width: 770px;
    height: 245px;
    background: url(https://www.buriedvillage.co.nz/images/style/plan_visit_dropdown_image.jpg) top left no-repeat
}

ul.largeLinks li#pricesAndBookings .slideoutContainer {
    width: 770px;
    height: 245px;
    background: url(https://www.buriedvillage.co.nz/images/style/prices_dropdown_image.jpg) top left no-repeat
}

ul.largeLinks li#livingHistory>a {
    text-align: center;
    width: 199px
}

ul.largeLinks li#seeAndDo>a {
    text-align: center;
    width: 154px
}

ul.largeLinks li#planYourVisit>a {
    text-align: center;
    width: 228px
}

ul.largeLinks li#pricesAndBookings>a {
    text-align: center;
    width: 200px
}

ul.largeLinks li#livingHistory .slideoutContainer p {
    width: 193px
}

ul.largeLinks li#seeAndDo .slideoutContainer p {
    width: 191px;
    left: 168px
}

ul.largeLinks li#planYourVisit .slideoutContainer p {
    width: 191px;
    left: 360px
}

ul.largeLinks li#pricesAndBookings .slideoutContainer p {
    color: #fff;
    width: 191px;
    left: 575px
}

ul.largeLinks li#livingHistory .slideoutContainer p a,
ul.largeLinks li#planYourVisit .slideoutContainer p a,
ul.largeLinks li#seeAndDo .slideoutContainer p a {
    font-size: 17px;
    text-transform: uppercase;
    color: #c52122
}

ul.largeLinks li#pricesAndBookings .slideoutContainer p a {
    font-size: 17px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    padding: 0
}

#slideshowContainer {
    background: url(https://www.buriedvillage.co.nz/images/style/home_grey_banner_left.jpg) top left no-repeat, url(https://www.buriedvillage.co.nz/images/style/home_grey_banner_right.jpg) top right no-repeat
}

#slideshowContainer .moduleComponentContainerslideshow,
#slideshowContainer .moduleComponentslideshow,
#slideshowContainer .moduleComponentslideshow .bannerImageContainer {
    float: left;
    position: relative;
    width: 1102px;
    height: 487px
}

#slideshowContainer .moduleComponentslideshow h2.bannerTitle {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    color: #c52122;
    font-size: 40px
}

#slideshowContainer .moduleComponentslideshow h2.bannerTitle a {
    color: #c52122;
    text-decoration: none
}

#slideshowContainer .moduleComponentslideshow .bannerHtmlContent {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 90%;
    padding: 20px 5% 50px;
    text-align: center;
    background: #fff
}

#slideshowContainer .moduleComponentslideshow .bannerHtmlContent p {
    margin: 0;
    padding: 0
}

#slideshowContainer .moduleComponentslideshow .bannerHtmlContent a.findOutHowButton {
    background: #c52122;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    margin: 0 0 0 -80px;
    padding: 5px 40px;
    color: #fff;
    text-transform: uppercase;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .4), 0 0 12px rgba(0, 0, 0, .3)
}

#default.noHeaderImage #headerImageContainer {
    float: left;
    position: relative;
    width: 100%;
    height: 125px;
    background: url(https://www.buriedvillage.co.nz/images/style/header_pattern.jpg) center no-repeat
}

#headerImageContainer {
    float: left;
    position: relative;
    width: 100%;
    height: 486px;
    background: #fff
}

body#default.halfHeightHeader #headerImageContainer {
    height: 238px
}

#headerImageContainer .moduleComponentContainerheaderImages {
    float: left;
    position: relative;
    width: 100%;
    height: 490px
}

body#default.halfHeightHeader #headerImageContainer .moduleComponentContainerheaderImages {
    height: 238px
}

#headerImageContainer .moduleComponentContainerheaderImages .moduleComponentheaderImages {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 490px;
    background-repeat: no-repeat!important
}

body#default.halfHeightHeader #headerImageContainer .moduleComponentContainerheaderImages .moduleComponentheaderImages {
    height: 238px
}

#headerImageContainer .moduleComponentContainerheaderImages h2.bannerTitle {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    color: #c52122;
    font-size: 40px
}

#headerImageContainer .moduleComponentContainerheaderImages h2.bannerTitle a {
    color: #c52122;
    text-decoration: none
}

#headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 90%;
    padding: 20px 5% 50px;
    text-align: center;
    background: #fff
}

#headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent p {
    margin: 0;
    padding: 0
}

#headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent a.findOutHowButton {
    background: #c52122;
    text-decoration: none;
    position: absolute;
    bottom: 0;
    margin: 0 0 0 -80px;
    padding: 5px 40px;
    color: #fff;
    text-transform: uppercase;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .4), 0 0 12px rgba(0, 0, 0, .3)
}

#pageEditorContent {
    float: left;
    position: relative;
    width: 90%;
    padding: 0 5%
}

#home #pageEditorContent {
    float: left;
    position: relative;
    width: 100%;
    padding: 40px 0 55px;
    text-align: center
}

#calloutsContainer a.bannerLink {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: -20px;
    left: 0;
    background: 0 0;
    z-index: 1000
}

#calloutsContainer,
#default #calloutsContainer {
    float: left;
    position: relative;
    width: 100%;
    background: #fff
}

#calloutsContainer {
    padding: 0 0 10px
}

#default #calloutsContainer {
    padding: 40px 0 55px
}

#calloutsContainer .bgContainer,
#calloutsContainer .container {
    width: 896px
}

#calloutsContainer .moduleComponentContainercallouts h2.bannerTitle {
    position: absolute;
    display: block;
    width: 86%;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 15px 7%!important;
    background: #2a251e;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    box-shadow: none
}

.totalCallouts1,
.totalCallouts2 {
    float: left;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    height: 220px
}

#calloutsContainer .moduleComponentContainercallouts h2.bannerTitle a {
    color: #fff;
    text-decoration: none
}

#calloutsContainer .moduleComponentContainercallouts .moduleComponent.selected h2.bannerTitle,
#calloutsContainer .moduleComponentContainercallouts .moduleComponent:hover h2.bannerTitle {
    background: #c52122
}

.totalCallouts1 {
    width: 100%;
    margin: 0 0 20px;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% auto
}

.totalCallouts2 {
    width: 49.7%;
    margin: 0 .3% 20px 0;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.totalCallouts3,
.totalCallouts4 {
    overflow: hidden;
    margin: 0 .3% 20px 0;
    cursor: pointer;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    float: left;
    position: relative
}

.totalCallouts3 {
    width: 33%;
    height: 220px;
    background-size: cover
}

.totalCallouts4 {
    width: 24.7%;
    height: 200px;
    background-size: cover
}

.totalCallouts5,
.totalCallouts6 {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

#calloutsContainer .totalCallouts4 h2.bannerTitle {
    text-align: center;
    font-size: 16px
}

.totalCallouts5 {
    float: left;
    position: relative;
    width: 19.7%;
    height: 180px;
    overflow: hidden;
    margin: 0 .3% 20px 0;
    cursor: pointer;
    background-size: cover
}

.totalCallouts6,
.totalCallouts7 {
    width: 33%;
    height: 220px;
    overflow: hidden;
    margin: 0 .3% 20px 0;
    position: relative;
    float: left;
    cursor: pointer
}

#calloutsContainer .totalCallouts5 h2.bannerTitle {
    text-align: center;
    font-size: 12px
}

#calloutsContainer .totalCallouts6 h2.bannerTitle,
#calloutsContainer .totalCallouts7 h2.bannerTitle {
    text-align: center;
    font-size: 16px
}

.totalCallouts6 {
    background-size: cover
}

.totalCallouts7 {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.moduleComponent121 {
    width: 100%;
    height: 55px
}

.moduleComponent121.totalCallouts7 h2.bannerTitle {
    text-align: left!important;
    font-size: 22px!important
}

#home #calloutsContainer {
    float: left;
    position: relative;
    width: 100%;
    padding: 0 0 50px;
    background: #fff
}

#home #calloutsContainer .moduleComponentContainercallouts .moduleComponentcallouts {
    float: left;
    position: relative;
    width: 30%;
    margin: 0 1.5% 55px;
    overflow: visible
}

#home #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle {
    position: absolute;
    display: block;
    width: 72%;
    bottom: -20px;
    left: 0;
    margin: 0 7%;
    padding: 8px 7%!important;
    background: #4d340e;
    color: #fff;
    font-size: 22px;
    text-align: center;
    text-transform: uppercase;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .4)
}

#home #calloutsContainer div:nth-child(3) h2.bannerTitle {
    background: #c52122
}

#home #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle a {
    color: #fff;
    text-decoration: none
}

#home #calloutsContainer .bgContainer,
#home #calloutsContainer .container {
    width: 1002px
}

.slideoutContent {
    float: left;
    position: relative;
    width: 90%;
    padding: 15px 5%;
    margin: 0;
    background: #f8f7f5
}

#footer,
#footer.stuck,
.sticky-wrapper {
    z-index: 1000;
    background: url(https://www.buriedvillage.co.nz/images/style/footer_tile.jpg) top left repeat-x;
    float: left
}

.slideoutContent p {
    font-size: 90%;
    line-height: 145%
}

.slideoutContent td {
    vertical-align: middle;
    border-bottom: 2px solid #fff
}

#home #footer {
    border-top: none
}

#footer .bgContainer,
#footer .container {
    width: 1102px
}

#footer {
    border-top: 0 solid #fff;
    clear: both;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 80px
}

#footer p {
    line-height: 26px;
    font-size: 20px;
    color: #fff
}

ul.left li a,
ul.right li a {
    font-size: 13px;
    line-height: 33px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none
}

#footer.stuck,
.sticky-wrapper {
    position: relative;
    padding: 0;
    margin: 0;
    border-top: none;
    min-height: 416px;
    width: 100%
}

#footer .footerCallout ul {
    margin: 6px 0
}

#footer.stuck .footerCallout ul {
    margin: 22px 0;
    padding-right: 20px
}

ul.left,
ul.left li,
ul.right,
ul.right li {
    padding: 0;
    position: relative
}

#footer #socialMediaIcons {
    margin: -8px 0 0
}

#footer.stuck #socialMediaIcons {
    margin: 10px 0 0
}

#redNavigation {
    float: left;
    position: relative;
    width: 100%
}

ul.left {
    float: left;
    width: 27%;
    margin: 0;
    list-style: none;
    text-align: left
}

ul.left li {
    display: inline-block;
    float: none;
    margin: 0 18px 0 0
}

ul.right {
    float: left;
    width: 70%;
    margin: 0;
    list-style: none;
    text-align: right
}

ul.right li {
    display: inline-block;
    float: none;
    margin: 0 0 0 18px
}

#socialMediaIcons {
    float: right;
    position: relative;
    width: 190px;
    height: 276px;
    margin: 10px 0 0;
    padding: 19px 0 0 55px;
    background: url(https://www.buriedvillage.co.nz/images/style/footer_right_gradient.png) top left no-repeat
}

#socialMediaIcons p.connectTag,
#socialMediaIcons p.connectTag a {
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none
}

#socialMediaIcons p.connectTag {
    margin: 0 0 20px;
    white-space: nowrap
}

#socialMediaIcons p.connectTag a {
    display: inline;
    margin: 6px 0;
    font-size: 20px;
    font-weight: 400;
    font-family: Bitter, serif
}

#formTable div,
.searchLabel {
    display: none
}

#socialMediaIcons a {
    display: block;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    font-family: arial;
    padding: 8px 0 5px 40px;
    margin: 6px 0
}

.siteSearchInput,
.siteSearchSubmit {
    font-family: Bitter, serif
}

#socialMediaIcons a.facebookIcon {
    background: url(https://www.buriedvillage.co.nz/images/style/white_facebook.png) center left no-repeat
}

#socialMediaIcons a.youtubeIcon {
    background: url(https://www.buriedvillage.co.nz/images/style/white_youtube.png) center left no-repeat
}

#socialMediaIcons a.instagramIcon {
    background: url(https://www.buriedvillage.co.nz/images/style/white_instagram.png) center left no-repeat
}

#socialMediaIcons a.TripadvisorIcon {
    background: url(https://www.buriedvillage.co.nz/images/style/white_tripadvisor.png) center left no-repeat
}

#socialMediaIcons a.blogIcon {
    background: url(https://www.buriedvillage.co.nz/images/style/white_blog.png) center left no-repeat
}

#socialMediaIcons a.emailIcon {
    background: url(https://www.buriedvillage.co.nz/images/style/white_email.png) center left no-repeat
}

.footerCallout {
    float: left;
    position: relative;
    width: 20%;
    padding: 10px 0 0
}

#footerMenuFour,
#footerMenuOne,
#footerMenuThree {
    width: 18%
}

#footerMenuTwo {
    width: 16%
}

.footerCallout ul {
    margin: 22px 0;
    padding: 0;
    list-style: none
}

.footerCallout ul li a {
    color: #c52122;
    text-decoration: none;
    text-transform: uppercase
}

.footerCallout ul li ul li {
    margin: 8px 0
}

.footerCallout ul li ul li a {
    color: #fff;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 13px
}

.siteSearchContainer {
    float: left;
    position: relative
}

.siteSearchInput {
    width: 160px;
    height: 14px;
    font-size: 13px;
    padding: 7px 25px 7px 18px;
    border: 1px solid #ebeef6;
    color: #6d6d6d;
    text-align: left;
    background: #ebeef6;
    font-style: italic;
    border-radius: 0;
    text-transform: lowercase
}

#back-top a,
#copyright p,
.siteSearch input.fsub {
    text-transform: uppercase
}

.siteSearchSubmit {
    position: absolute;
    top: 5px;
    right: 0;
    border: none;
    cursor: pointer
}

.siteSearchSubmit:hover {
    color: #C52122
}

#copyright {
    float: left;
    position: relative;
    width: 100%;
    margin: 20px 0 0;
    padding: 10px 0 0;
    border-top: 1px solid #4b3718
}

#copyright p {
    color: #6f5f47;
    font-family: arial;
    font-size: 11px;
    margin: 0;
    padding: 0
}

#copyright p a {
    color: #6f5f47;
    text-decoration: none
}

#back-top {
    position: fixed;
    bottom: 70px;
    right: 0;
    z-index: 9999
}

#back-top a {
    width: 108px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #fff;
    outline: 0
}

#back-top a:hover {
    color: #fff
}

#back-top span {
    width: 42px;
    height: 41px;
    display: block;
    margin: 0 0 7px 30px;
    background: url(https://www.buriedvillage.co.nz/images/style/up_arrow.png) top left no-repeat;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    transition: 0s
}

#back-top a:hover span {
    background: url(https://www.buriedvillage.co.nz/images/style/up_arrow.png) bottom left no-repeat
}

.siteSearch {
    float: left;
    position: relative;
    width: 100%;
    padding: 30px 0 0
}

.siteSearch span {
    font-size: 14px;
    font-weight: 700
}

.siteSearch input.fsub {
    float: none;
    border: none;
    width: 60px;
    font-weight: 700;
    margin: 1px 0 9px;
    padding: 3px 5px;
    cursor: pointer
}

.siteSearch input.textInput {
    font-size: 16px;
    border: 1px solid #ccc;
    padding: 5px 6px;
    border-radius: 0;
    margin: 0 2px 0 12px
}

#searchResultDescription {
    margin: 10px 0
}

#searchResultItems .searchResultItem {
    margin: 15px 0 0;
    padding: 0 0 10px;
    border-bottom: 1px solid #ccc
}

#searchResultItems .searchResultItem a {
    text-decoration: none
}

#searchResultItems .title {
    font-weight: 700;
    margin: 0 0 0 10px;
    font-size: 16px;
    text-transform: none
}

#searchResultItems .title:hover {
    color: #AE1E1E
}

#searchResultItems .description {
    margin: 8px 0 0 10px;
    padding: 0
}

#alertForm,
#emailForm,
#registrationForm,
#subscribeForm,
#surveyTable {
    float: left;
    width: 100%;
    background: 0 0;
    border: none;
    padding: 0;
    margin: 0 0 30px
}

#emailForm #formTable {
    width: 100%;
    background: #fff;
    border: 5px solid #fff;
    padding: 0;
    margin: 30px 0 0;
    border-radius: 3px
}

#emailForm #formTable tr {
    background: #fff
}

#emailForm td {
    vertical-align: top;
    border-bottom: none;
    padding: 10px 0
}

#alertForm table,
#emailForm table,
#registrationForm table,
#subscribeForm table,
#surveyTable table {
    width: 100%;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

#alertForm table tr.even td,
#alertForm table tr.odd td,
#emailForm table td,
#registrationForm table tr.even td,
#registrationForm table tr.odd td,
#subscribeForm table tr.even td,
#subscribeForm table tr.odd td,
#surveyTable table tr.even td,
#surveyTable table tr.odd td {
    padding: 0;
    background: 0 0
}

#emailForm {
    width: 100%
}

body.iframe #emailForm,
body.iframe #pageSource p {
    color: #8e8e8e
}

body.iframe #emailForm #formTable {
    margin: 40px 0 0;
    width: 100%;
    background: 0 0;
    border: none;
    padding: 0;
    border-radius: 0;
    box-shadow: none
}

body.iframe #pageSource,
body.iframe #pageSource h2,
body.iframe #pageSource td.labelVertical span {
    color: #6b6b6b
}

#alertForm td.labelHorizontal,
#emailForm td.labelHorizontal,
#registrationForm td.labelHorizontal,
#subscribeForm td.labelHorizontal,
#surveyTable td.labelHorizontal,
body.iframe #alertForm td.labelHorizontal,
body.iframe #emailForm td.labelHorizontal,
body.iframe #registrationForm td.labelHorizontal,
body.iframe #subscribeForm td.labelHorizontal,
body.iframe #surveyTable td.labelHorizontal {
    width: 45%;
    vertical-align: top;
    color: #6b6b6b;
    padding: 0 5% 0 0
}

#alertForm td.valueHorizontal,
#emailForm td.valueHorizontal,
#registrationForm td.valueHorizontal,
#subscribeForm td.valueHorizontal,
#surveyTable td.valueHorizontal {
    width: 50%;
    vertical-align: top;
    text-align: left
}

#alertForm td.labelVertical,
#emailForm td.labelVertical,
#registrationForm td.labelVertical,
#subscribeForm td.labelVertical,
#surveyTable td.labelVertical {
    color: #fff
}

#alertForm td.valueHorizontal .fgroup,
#emailForm td.valueHorizontal .fgroup,
#registrationForm td.valueHorizontal .fgroup,
#subscribeForm td.valueHorizontal .fgroup,
#surveyTable td.valueHorizontal .fgroup {
    font-size: 14px;
    margin: 8px 0 0 -18px;
    color: #949494
}

span.fieldNumber,
span.required {
    color: #AA1E1D;
    font-weight: 700
}

span.fieldNumber {
    margin: 0 10px 0 0
}

table.ftable td {
    vertical-align: top;
    padding: 4px
}

table.ftable td.flabel {
    text-align: right;
    padding-right: 10px
}

table.ftable td.fvalue {
    text-align: left
}

table.ftable td.fcolumn {
    text-align: center
}

input.fdate,
input.fmtxt,
input.fstxt,
input.ftxt,
textarea.fmtxt {
    font-family: arial, helvetica, sans-serif;
    background: #FFF;
    border: 1px solid #ccc;
    font-size: 14px;
    width: 100%;
    padding: 6px;
    margin: 1px 0 1px -18px;
    border-radius: 0
}

body.iframe input.fdate,
body.iframe input.fmtxt,
body.iframe input.fstxt,
body.iframe textarea.fmtxt {
    background: #8e8e8e;
    border: 1px solid #8e8e8e;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0 0 6px 30px;
    color: #fff;
    width: 100%;
    border-radius: 0
}

body.iframe textarea.fmtxt {
    height: 70px
}

body.iframe td.valueVertical input.fdate,
body.iframe td.valueVertical input.fmtxt,
body.iframe td.valueVertical input.fstxt,
body.iframe td.valueVertical input.ftxt,
body.iframe td.valueVertical textarea.fmtxt {
    width: 180px;
    background: #8e8e8e;
    border: 1px solid #8e8e8e;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0;
    color: #a7a7a7
}

input.fdate:focus,
input.fdate:hover,
input.fmtxt:focus,
input.fmtxt:hover,
input.fstxt:focus,
input.fstxt:hover,
input.ftxt:focus,
input.ftxt:hover {
    border: 1px solid #A91D1C
}

input.fdate {
    width: 150px
}

input.fstxt {
    width: 50px
}

select.fsel,
select.fseldate {
    background: #fff;
    border: 1px solid #ccc;
    font-size: 11px;
    width: 100%;
    margin: 0;
    padding: 4px;
    border-radius: 6px
}

body.iframe select.fsel,
body.iframe select.fseldate {
    background: #2e2e2e;
    color: #6b6b6b;
    border: 1px solid #6d6d6d;
    -webkit-box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 4px #000;
    margin: 0 0 0 30px
}

body.iframe td.valueVertical select.fsel,
body.iframe td.valueVertical select.fseldate {
    background: #2e2e2e;
    color: #a8a8a8;
    width: 310px;
    border: 1px solid #6d6d6d;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0
}

select.fseldate {
    width: auto
}

select.fseldate:focus,
select.fseldate:hover {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    border: 1px solid #A91D1C
}

#formTable div.buttonPanel {
    display: block
}

.buttonBar,
.buttonPanel {
    text-align: right;
    padding: 15px 0 0
}

.buttonBar input,
.buttonBar input.fsub,
.buttonPanel input.fsub,
input.fsub {
    float: right;
    text-transform: uppercase;
    background: #A91D1C;
    border: none;
    font-size: 16px;
    padding: 8px;
    width: 130px;
    cursor: pointer;
    border-radius: 0;
    margin: 10px 0 0;
    color: #fff;
    font-family: Bitter, serif;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.buttonBar input.fsub:hover,
.buttonBar input:hover,
.buttonPanel input.fsub:hover,
input.fsub:hover {
    background: #422C0B;
    color: #fff
}

body.iframe .buttonBar input,
body.iframe input.fsub {
    background: 0 0;
    border: none;
    font-size: 14px;
    padding: 4px;
    text-transform: uppercase;
    width: 70px;
    cursor: pointer;
    border-radius: 2px;
    text-align: center;
    color: #0099e3;
    font-weight: 700
}

.msg {
    color: red;
    margin: 10px 0;
    font-style: italic
}

#alertForm .reset,
#emailForm .reset,
#registrationForm .reset,
#subscribeForm .reset,
#surveyTable .reset,
.finlinehelp {
    display: none
}

a.emailLink {
    display: ineline-block;
    padding: 0 0 0 26px;
    text-decoration: none;
    background: url(https://www.buriedvillage.co.nz/images/style/email_icon.jpg) 0 6px no-repeat;
    transition: .1s all
}

a.emailLink:hover {
    text-decoration: underline;
    background: url(https://www.buriedvillage.co.nz/images/style/email_icon.jpg) 3px 6px no-repeat
}

#faqItems {
    float: left;
    position: relative;
    width: 100%
}

.faqItem a.button {
    display: block;
    padding: 10px;
    margin: 0 0 10px;
    color: #432C0C!important;
    text-decoration: none;
    border-radius: 4px;
    background: grey;
    background: -moz-linear-gradient(top, #F2EFEB 0, #efefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F2EFEB), color-stop(100%, #efefef));
    background: -webkit-linear-gradient(top, #F2EFEB 0, #efefef 100%);
    background: -o-linear-gradient(top, #F2EFEB 0, #efefef 100%);
    background: -ms-linear-gradient(top, #F2EFEB 0, #efefef 100%);
    background: linear-gradient(to bottom, #F2EFEB 0, #efefef 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F2EFEB ', endColorstr='#efefef', GradientType=0)
}

.faqItem a.button:before,
.faqItem:hover a.button:before {
    margin: 0 10px 0 0;
    width: 20px;
    display: block;
    font-weight: 700;
    text-align: center;
    border-radius: 10px;
    float: left;
    height: 20px;
    content: " + "
}

.faqItem a.button:hover {
    text-decoration: none!important;
    color: #B21E1E!important
}

.faqItem a.button:before {
    line-height: 16px;
    background: #fff;
    color: #B21E1E;
    transition: .2s all
}

.faqItem:hover a.button:before {
    position: relative;
    background: #B21E1E;
    color: #fff
}

.faqItem .answer {
    padding: 0 0 0 10px
}

#rssIcon {
    position: absolute;
    top: 14px;
    left: 80px
}

.moduleItemsListingBlog .commentContainer {
    display: none
}

#moduleItemCategories .moduleItemsListingItem,
#moduleItemsListing .moduleItemsListingItem {
    float: left;
    position: relative;
    width: 100%;
    margin: 0 0 33px;
    padding: 0 0 33px;
    border-bottom: 1px solid #ccc
}

#moduleItemCategories.moduleItemCategoriesBlog .moduleItemsListingItem,
#moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem {
    padding: 0 0 33px;
    margin: 0 0 33px
}

#moduleItemCategories .moduleItemsListingItem a,
#moduleItemsListing .moduleItemsListingItem a {
    color: #000;
    text-decoration: none
}

#moduleItemCategories .moduleItemsListingItem a:hover,
#moduleItemsListing .moduleItemsListingItem a:hover {
    color: #E4252E
}

.moduleItemImage {
    float: left;
    position: relative;
    margin: 0 35px 0 0
}

.moduleItemImage a,
.moduleItemImage a img.listing {
    float: left;
    position: relative
}

#moduleItemCategories .moduleItemsListingItem .title,
#moduleItemsListing .moduleItemsListingItem .title {
    margin: 15px 0;
    color: #000;
    font-size: 40px;
    line-height: 40px;
    font-weight: 400;
    text-transform: none
}

#moduleItemsListing .moduleItemsListingItem .date {
    opacity: .5;
    font-size: 13px;
    margin: 5px 0 10px
}

#moduleItemCategories .moduleItemsListingItem .moduleItemContent,
#moduleItemsListing .moduleItemsListingItem .moduleItemContent {
    float: left;
    position: relative
}

#moduleItemCategories.moduleItemNews .moduleItemsListingItem .moduleItemContent,
#moduleItemCategories.moduleItemsListingBlog .moduleItemsListingItem .moduleItemContent,
#moduleItemsListing.moduleItemNews .moduleItemsListingItem .moduleItemContent,
#moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem .moduleItemContent {
    float: left;
    position: relative;
    width: 70%;
    background: #fff
}

#moduleItemCategories.moduleListingWithLeftCol .moduleItemsListingItem .moduleItemContent,
#moduleItemsListing.moduleListingWithLeftCol .moduleItemsListingItem .moduleItemContent {
    float: left;
    position: relative
}

.paginator {
    text-align: right
}

#authorBiography {
    float: left;
    position: relative;
    background: #F7F7F7;
    padding: 25px;
    margin: 0 0 33px
}

#authorBiography .title,
#pageEditorContent h3.articlesWrittenBy {
    margin: 15px 0;
    color: #000;
    line-height: 45px;
    font-weight: 400;
    text-transform: none;
    font-size: 40px;
    font-family: nexa_lightregular, arial, sans-serif
}

#authorBiography .moduleItemImage {
    float: right
}

#moduleItemCategories .moduleItemsListingItem .readMore,
#moduleItemsListing .moduleItemsListingItem .readMore {
    position: relative;
    float: left;
    width: auto;
    bottom: 0;
    right: 0;
    line-height: 25px;
    border-top: none;
    padding: 5px 0 0;
    margin: 0 0 0 10px
}

#moduleItemsListing .moduleItemsListingItem .readMore a:hover {
    background: #AC1E1D
}

#moduleItemsListing .moduleItemsListingItem .readMore a {
    display: inline-block;
    float: right;
    line-height: 25px;
    text-decoration: none;
    margin: 0 0 0 10px;
    padding: 4px 15px 4px 6px;
    text-transform: lowercase;
    transition: .5s all;
    border-radius: 0;
    color: #fff!important;
    background: #422C0B
}

#moduleItemsListing .moduleItemsListingItem .readMore a:before {
    float: left;
    margin: 5px 10px 5px 5px;
    content: " + ";
    width: 20px;
    height: 20px;
    display: block;
    background: #fff;
    color: #422C0B;
    font-weight: 700;
    text-align: center;
    border-radius: 10px;
    line-height: 16px
}

.ratingContainer {
    padding: 20px 0 0 10px
}

#comments {
    float: left;
    position: relative;
    width: 100%;
    margin: 30px 0 0
}

.commentContainer {
    float: left;
    position: relative;
    width: auto;
    padding: 0 10px 0 0;
    margin: 15px 0 0;
    min-height: auto;
    line-height: 18px;
    background: 0 0;
    border-radius: 0
}

.commentContainer a {
    text-decoration: none;
    color: #969696
}

#comments .comment .replyLink,
.thumbsDown,
.thumbsDownRating,
.thumbsUp,
.thumbsUpRating {
    position: relative;
    float: none;
    display: inline-block;
    margin: 0 3px;
    width: auto
}

.thumbsDown,
.thumbsUp {
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: inline-block
}

.thumbsUp {
    background: url(http://www.moca.net.nz/LAW2014DEV/images/style/thumbs.png) bottom left no-repeat
}

.thumbsDown {
    background: url(http://www.moca.net.nz/LAW2014DEV/images/style/thumbs.png) bottom right no-repeat
}

.textModuleItem {
    float: left;
    position: relative;
    width: 100%;
    margin: 0
}

#default.marae .textModuleItem {
    float: left;
    position: relative;
    width: 635px;
    margin: 0;
    padding: 0
}

.textModuleItem .moduleItemImage {
    float: right;
    position: relative;
    margin: 15px 0 20px 30px;
    box-shadow: none
}

.textModuleItem #moduleItemContent {
    float: left;
    position: relative;
    width: 100%;
    padding: 25px 0 0
}

.textModuleItem .title {
    margin: 15px 0;
    color: #000;
    font-size: 40px;
    line-height: 45px;
    font-weight: 400;
    text-transform: none;
    font-family: nexa_lightregular, arial, sans-serif
}

.textModuleItem .date {
    opacity: .7
}

.textModuleItem .readMore {
    text-align: right
}

.textModuleItem .readMore a {
    margin: 0 8px 0 0;
    text-decoration: none;
    color: #E4252E
}

.textModuleItem .readMore #commentLink {
    float: none;
    position: static;
    margin: 0;
    border-radius: 0;
    padding: 0;
    background: 0 0;
    border: none;
    color: #262626;
    text-decoration: none
}

.textModuleItem #blogCommentForm,
.textModuleItem #newsCommentForm {
    position: relative;
    float: left;
    width: 100%
}

#blogCommentForm td.flabel,
td.fheader {
    text-indent: 0;
    text-align: left
}

#blogCommentForm .buttonPanel {
    padding: 0;
    margin: 0 0 15px
}

#blogCommentForm td {
    background: #e9e9e9!important;
    padding: 3px 15px
}

.textModuleItem .readMore #commentLink:hover {
    background: #fff;
    color: #EB202C;
    border: none
}

.textModuleItem .readMore a:hover {
    color: #E4252E
}

img.blogTitle {
    float: right;
    margin: -40px 10px 30px 0
}

.textModuleItem #moduleItemContentInner {
    float: left;
    position: relative;
    width: 95%;
    margin: 0 0 27px
}

.textModuleItem .blogHeader {
    float: left;
    position: relative;
    width: 100%
}

.textModuleItem .blogHeaderInner {
    position: absolute;
    top: 0;
    right: 25px;
    width: 350px;
    text-align: right
}

.textModuleItem .blogHeaderInner .date {
    float: right;
    position: relative;
    margin-left: 18px;
    padding-left: 18px;
    border-left: 1px solid #5e4314;
    font-weight: 700
}

.galleryListItem {
    margin: 15px 15px 0 0
}

#authorContainer {
    float: left;
    position: relative;
    width: 92%;
    padding: 1% 4%;
    margin: 50px 0 20px;
    background: #99D4DC;
    color: #fff
}

#authorContainer h3 {
    text-transform: lowercase;
    background: 0 0;
    margin: 20px 0 0;
    color: #fff;
    padding: 0;
    font-size: 30px
}

#authorContainer a,
#authorContainer p {
    color: #fff
}

#authorContainer .moduleItemImage {
    float: right;
    margin: 10px 0 50px 30px;
    padding: 0
}

#authorContainer .content,
#authorContainer a,
#comments .comment,
#comments h3 {
    float: left;
    position: relative
}

#authorContainer .moduleItemImage img {
    margin: 0;
    padding: 0;
    border-radius: 100%
}

#authorContainer .content {
    font-size: 85%;
    clear: both
}

#authorContainer .content p {
    line-height: 130%
}

#comments h3 {
    background: 0 0;
    padding: 0
}

#comments .comment {
    margin: 0 0 8px;
    border-radius: 0;
    width: 96%;
    padding: 2%
}

#comments .comment:nth-child(odd) {
    background: #efefef
}

#comments .comment:nth-child(even) {
    background: #f2efeb
}

#comments .comment.level1 {
    margin-left: 0;
    width: 96%
}

#comments .comment.level2 {
    margin-left: 5%;
    width: 91%
}

#comments .comment.level3 {
    margin-left: 10%;
    width: 86%
}

#comments .comment.level4 {
    margin-left: 15%;
    width: 81%
}

#comments .comment .date {
    position: relative;
    float: right
}

#comments .comment .commentLinksContainer,
.ratingContainer {
    position: relative;
    height: 20px;
    width: 150px;
    float: right
}

#commentLink:hover {
    background: #422C0B;
    border: 1px solid #422C0B;
    text-decoration: none!important
}

#commentLink {
    display: inline-block;
    float: right;
    line-height: 25px;
    text-decoration: none;
    margin: 0 0 0 10px;
    padding: 4px 15px 4px 6px;
    text-transform: lowercase;
    transition: .5s all;
    border-radius: 0;
    color: #fff!important;
    background: #AC1E1D;
    border: 1px solid #AC1E1D
}

#commentLink:before {
    float: left;
    margin: 5px 10px 5px 5px;
    content: " + ";
    width: 20px;
    height: 20px;
    display: block;
    background: #fff;
    color: #422C0B;
    font-weight: 700;
    text-align: center;
    border-radius: 10px;
    line-height: 17px
}

#tagContainer,
.pinterest {
    display: none
}

.comment span.name {
    padding: 0;
    margin: 8px 0;
    color: #c52122;
    text-transform: uppercase;
    font-size: 18px;
    font-family: Bitter, serif;
    background: 0 0
}

#comments .comment .replyLink {
    position: relative;
    text-decoration: none;
    float: right
}

#facebook,
#twitter,
.pinterest {
    float: left;
    margin: 10px 0
}

.thumbsUp.clicked {
    background-position: top left
}

.thumbsDown.clicked {
    background-position: top right
}

.moduleItemBlog #facebook {
    float: left;
    width: 150px;
    margin: 10px 0
}

#facebook {
    width: 135px
}

#twitter {
    width: 89px
}

.pinterest {
    width: 60px
}

a.emailIcon,
a.rssIcon {
    display: inline-block;
    float: left
}

#plusone {
    float: left;
    width: 70px;
    margin: 10px 0
}

#linkedin {
    float: left;
    width: 72px;
    margin: 10px 0
}

a.rssIcon {
    margin: 7px 12px 0 0
}

a.emailIcon {
    margin: 7px 8px 0 0
}

#editComment {
    width: 100%
}

#socialMediaContainer {
    float: left;
    position: relative;
    width: 100%;
    height: 42px;
    margin: 0 0 20px;
    padding: 0;
    border-top: 1px solid #fff;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0
}

#commentsContainer {
    float: left;
    position: relative;
    height: auto;
    width: 635px;
    margin: 0 0 15px 24px;
    padding: 15px 0 0
}

#commentsContainer h2 a {
    float: right;
    margin: 0 15px 0 0;
    font-size: 12px;
    text-decoration: none;
    color: #ef7c00
}

#commentsContainer h2 a:hover {
    text-decoration: underline
}

#commentsContainer .rating {
    float: left;
    position: relative;
    width: 100%;
    margin: 0 0 20px;
    padding: 0 0 10px;
    border-bottom: 1px solid #CCC
}

#commentsContainer .rating p {
    margin: 0 0 10px;
    padding: 0
}

#commentsContainer .rating p.date {
    font-weight: 700;
    margin: 0;
    padding: 0
}

#moduleItemBack {
    float: left;
    position: relative;
    line-height: 54px;
    color: #EB202C;
    width: 100%;
    margin: 15px 0 0;
    border-top: 1px solid #ccc
}

#moduleItemBack a {
    text-decoration: none;
    color: #EB202C
}

#moduleItemBack a:hover {
    color: #E4252E
}

#navBar {
    float: right;
    position: relative;
    width: 100%;
    min-height: auto;
    height: auto!important;
    padding: 0;
    margin: 0
}

#navBar .navCategoryBlogLinks,
#navBar .navDateLinks,
#navBar .navRecentLinks {
    float: left;
    position: relative;
    width: 33.3%
}

#navBar ul {
    color: auto;
    list-style: none;
    margin: 20px 0;
    padding: 0;
    width: 100%;
    min-height: 100px;
    background: url(http://www.moca.net.nz/LAW2014DEV/images/style/right_tile.png) top right repeat-y
}

#navBar ul li {
    margin: 3px 0;
    padding: 0
}

#navBar ul li a {
    margin: 0;
    color: #000;
    text-transform: none;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    text-decoration: none
}

#navBar ul li a:hover {
    color: #EE7A2D
}

#navBar span.navheaders {
    display: block;
    padding: 11px 15px;
    text-decoration: none;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 17px;
    margin: 0 0 20px;
    background-color: none;
    background-position: top right, 250px 15px;
    background-repeat: no-repeat;
    transition: .5s all
}

#navBar ul li a {
    display: block;
    font-weight: 400;
    padding: 2px 20px
}

#navBar .navDateLinks {
    margin: 0
}

#navBar a {
    text-decoration: none
}

#navBar a:hover {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    text-decoration: underline
}

#moduleItemsListing.moduleItemsListingMuseumOfTeWairoa,
#moduleItemsListing.moduleItemsListingTourPackages {
    margin: 40px 0 0
}

#moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem,
#moduleItemsListing.moduleItemsListingTourPackages .moduleItemsListingItem {
    border: none;
    margin: 0 0 40px;
    padding: 0
}

#moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .moduleItemImage,
#moduleItemsListing.moduleItemsListingTourPackages .moduleItemsListingItem .moduleItemImage {
    margin: 0
}

#moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .imageContainer,
#moduleItemsListing.moduleItemsListingTourPackages .moduleItemsListingItem .imageContainer {
    float: left;
    position: relative;
    margin: 0 30px 0 0
}

#moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem img.magnifyingGlassIcon,
#moduleItemsListing.moduleItemsListingTourPackages .moduleItemsListingItem img.magnifyingGlassIcon {
    position: absolute;
    bottom: 00;
    right: 0
}

#moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .moduleItemContent,
#moduleItemsListing.moduleItemsListingTourPackages .moduleItemsListingItem .moduleItemContent {
    float: right;
    position: relative;
    width: 520px
}

#moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .title,
#moduleItemsListing.moduleItemsListingTourPackages .moduleItemsListingItem .title {
    font-size: 19px;
    font-weight: 700;
    color: #C52122;
    text-transform: uppercase;
    margin: 0
}

#moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.findOutMoreButton,
#moduleItemsListing.moduleItemsListingTourPackages .moduleItemsListingItem p a.findOutMoreButton {
    display: inline-block;
    color: #fff;
    background: #2a251e;
    padding: 8px 15px;
    margin: 8px 8px 0 0
}

#moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.bookNowButton {
    color: #fff;
    background: #4D330E;
    padding: 8px 15px;
    margin: 8px 0 0;
    display: none
}

#moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.bookNowButton:hover,
#moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.findOutMoreButton:hover,
#moduleItemsListing.moduleItemsListingTourPackages .moduleItemsListingItem p a.bookNowButton:hover,
#moduleItemsListing.moduleItemsListingTourPackages .moduleItemsListingItem p a.findOutMoreButton:hover {
    background: #C52122
}

.textModuleItem.moduleItemMuseumOfTeWairoa #moduleItemContent,
.textModuleItem.moduleItemTourPackages #moduleItemContent {
    padding: 0;
    margin: 0 0 30px
}

.textModuleItem.moduleItemMuseumOfTeWairoa .detailImageContainer,
.textModuleItem.moduleItemTourPackages .detailImageContainer {
    float: left;
    position: relative;
    width: 100%;
    margin: 0 0 50px
}

.textModuleItem.moduleItemMuseumOfTeWairoa .detailImageContainer .galleryListItem,
.textModuleItem.moduleItemTourPackages .detailImageContainer .galleryListItem {
    float: left;
    position: relative
}

#moduleItemsListing.moduleItemsListingComboDayTrips {
    margin: 40px 0 0
}

#moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem {
    border: none;
    margin: 0 0 40px;
    padding: 0
}

#moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .moduleItemImage {
    margin: 0
}

#moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .imageContainer {
    float: left;
    position: relative;
    margin: 0 30px 0 0
}

#moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem img.magnifyingGlassIcon {
    position: absolute;
    bottom: 00;
    right: 0
}

#moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .moduleItemContent {
    float: right;
    position: relative;
    width: 520px
}

#moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .title {
    font-size: 19px;
    font-weight: 700;
    color: #C52122;
    text-transform: uppercase;
    margin: 0
}

.subMenuContainer ul li a,
.subMenuContainerTwo a {
    font-size: 14px;
    font-weight: 400!important;
    display: inline-block
}

#moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.findOutMoreButton {
    display: inline-block;
    color: #fff;
    background: #2a251e;
    padding: 8px 15px;
    margin: 8px 8px 0 0
}

#moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.bookNowButton,
#moduleItemsListing.moduleItemsListingTourPackages .moduleItemsListingItem p a.bookNowButton {
    display: inline-block;
    color: #fff;
    background: #4D330E;
    padding: 8px 15px;
    margin: 8px 0 0
}

#moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.bookNowButton:hover,
#moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.findOutMoreButton:hover,
a#quoteLink:hover {
    background: #C52122
}

.textModuleItem.moduleItemComboDayTrips #moduleItemContent {
    padding: 0;
    margin: 0 0 30px
}

.textModuleItem.moduleItemComboDayTrips .detailImageContainer {
    float: left;
    position: relative;
    width: 100%;
    margin: 0 0 50px
}

.textModuleItem.moduleItemComboDayTrips .detailImageContainer .galleryListItem {
    float: left;
    position: relative
}

#banner {
    display: none!important
}

.subMenuContainer {
    float: left;
    position: relative;
    width: 100%
}

.about .subMenuContainer,
.quotes .subMenuContainer,
.staff .subMenuContainer {
    float: left;
    position: relative;
    width: 70%
}

#pricesContainer,
#quoteLinkContainer {
    float: left;
    position: relative;
    width: 100%
}

.subMenuContainerTwo {
    float: left;
    position: relative;
    opacity: .5;
    transition: .5s all
}

.subMenuContainerTwo span#spanOne,
.subMenuContainerTwo span#spanTwo {
    margin: 2px 7px 0;
    opacity: .7
}

.subMenuContainerTwo a {
    margin: 2px 0 0;
    color: #4c4b48!important
}

.subMenuContainerTwo a:hover {
    color: #000!important;
    text-decoration: none!important
}

.subMenuContainer ul {
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
    text-align: left;
    opacity: .5;
    transition: .5s all
}

#default.fullWidthContent .subMenuContainer ul {
    text-align: center
}

.subMenuContainer ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none
}

.subMenuContainer ul li a {
    margin: 0;
    color: #4c4b48!important
}

.subMenuContainer ul li a:before {
    content: "/  ";
    margin: 0 5px
}

.subMenuContainer ul li:first-child a:before {
    content: "";
    margin: 0 5px 0 0
}

.subMenuContainer ul li a:hover {
    color: #000!important;
    text-decoration: none!important
}

.subMenuContainer ul li a.menuSelected {
    font-weight: 700!important
}

#pricesContainer #prices {
    float: left;
    position: relative;
    width: 30%;
    margin: 0 20px 20px 0;
    text-align: center;
    padding: 20px 0;
    background: #EEEDEB;
    min-height: 212px
}

@media screen and (max-width:1162px) {
    #pricesContainer #prices {
        min-height: 240px
    }
}

#pricesContainer #prices p.name {
    font-size: 18px;
    border-bottom: 1px solid #FFF;
    padding-bottom: 10px
}

#pricesContainer #prices p.price {
    font-size: 24px;
    color: #AD1F1D;
    padding: 5px 0 10px;
    border-bottom: 1px solid #FFF
}

a#quoteLink,
a#quoteLink:hover {
    border: none;
    color: #FFF;
    text-decoration: none
}

#pricesContainer #prices p.age {
    font-size: 14px
}

@media screen and (min-width:850px) {
    #pricesContainer #prices p.name {
        font-size: 32px;
        padding-bottom: 20px
    }
    #pricesContainer #prices p.price {
        font-size: 38px;
        padding: 10px 0 20px
    }
    #pricesContainer #prices p.age {
        font-size: 18px
    }
}

#quoteLinkContainer {
    background: 0 0;
    margin: 0;
    padding: 0
}

a#quoteLink {
    display: block;
    background: #2a251e;
    padding: 15px 7% 15px 2%!important;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400
}

a#quoteLink:hover {
    width: 91%
}

@media screen and (max-width:850px) {
    #pricesContainer #prices {
        min-height: 0;
        width: 100%
    }
    iframe {
        width: 100%!important;
        /* height: 190px!important */
    }
}

@media screen and (max-width:1102px) {
    #header .bgContainer,
    #header .container,
    .bgContainer,
    .container {
        width: 740px
    }
    #navBar ul,
    ul.left,
    ul.right {
        list-style: none
    }
    body {
        min-width: 740px
    }
    #header {
        height: 110px
    }
    #content {
        width: 100%
    }
    #content .bgContainer,
    #content .container {
        width: 740px
    }
    #slideshowContainer .bgContainer,
    #slideshowContainer .container {
        width: 100%
    }
    #slideshowContainer .moduleComponentContainerslideshow,
    #slideshowContainer .moduleComponentslideshow {
        height: 487px;
        width: 100%!important
    }
    #slideshowContainer .moduleComponentslideshow .bannerImageContainer img.bannerImage {
        width: 100%!important
    }
    #home #calloutsContainer .bgContainer,
    #home #calloutsContainer .container {
        width: 740px
    }
    #footer,
    #slideshowContainer .bannerHtmlContent {
        width: 100%
    }
    #footer .bgContainer,
    #footer .container {
        width: 740px
    }
    #slideshowContainer {
        float: left;
        position: relative;
        width: 100%;
        min-height: 487px;
        background: #f8f8f8
    }
    #header a.logo img {
        width: 135px;
        height: auto
    }
    ul.topLinks {
        width: 580px;
        height: 30px;
        padding: 0 0 0 15px;
        background: url(https://www.buriedvillage.co.nz/images/style/top_links_bg.jpg) -130px 0 no-repeat #c52122
    }
    ul.topLinks li a span {
        padding: 0 15px
    }
    a.tripadvisorIcon img {
        margin: 6px 0 0 14px
    }
    a.facebookIcon img {
        margin: 3px 0 0 10px
    }
    a.youtubeIcon img {
        margin: -1px 0 0 15px
    }
    a.instagramIcon img {
        margin: 5px 0 0 10px
    }
    ul.largeLinks {
        height: 44px;
        margin: 36px 0 0;
        padding: 0
    }
    ul.largeLinks li a {
        display: inline-block;
        padding: 0 0 15px;
        height: 29px;
        font-size: 17px;
        color: #fff
    }
    ul.largeLinks li a span {
        padding: 0 0 15px
    }
    ul.largeLinks li a:hover {
        color: #c52122
    }
    ul.largeLinks li:nth-child(1)>a,
    ul.largeLinks li:nth-child(2)>a {
        background: url(https://www.buriedvillage.co.nz/images/style/navigation_divide.png) right 6px no-repeat
    }
    ul.largeLinks li:nth-child(4)>a {
        padding: 2px 0 15px;
        margin: -2px 0 0;
        font-size: 17px
    }
    ul.largeLinks li .slideoutContainer {
        right: -10px;
        border: 10px solid rgba(255, 255, 255, .9);
        opacity: 0;
        transition: .5s all;
        height: 0!important;
        z-index: -1;
        overflow: hidden;
        display: block
    }
    ul.largeLinks:hover li .slideoutContainer {
        display: none;
        opacity: 1;
        height: 245px!important;
        z-index: 100
    }
    ul.largeLinks li .slideoutContainer p {
        font-size: 13px;
        padding: 15px 0 0
    }
    ul.largeLinks li#livingHistory .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/living_history_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#seeAndDo .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/see_and_do_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#planYourVisit .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/plan_visit_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#pricesAndBookings .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/prices_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#livingHistory>a {
        width: 150px
    }
    ul.largeLinks li#seeAndDo>a {
        width: 114px
    }
    ul.largeLinks li#planYourVisit>a {
        width: 158px
    }
    ul.largeLinks li#pricesAndBookings>a {
        width: 180px
    }
    ul.largeLinks li#livingHistory .slideoutContainer p {
        width: 193px
    }
    ul.largeLinks li#seeAndDo .slideoutContainer p {
        width: 191px;
        left: 168px
    }
    ul.largeLinks li#planYourVisit .slideoutContainer p {
        width: 191px;
        left: 360px
    }
    ul.largeLinks li#pricesAndBookings .slideoutContainer p {
        color: #fff;
        width: 191px;
        left: 575px
    }
    ul.largeLinks li#livingHistory .slideoutContainer p a,
    ul.largeLinks li#planYourVisit .slideoutContainer p a,
    ul.largeLinks li#seeAndDo .slideoutContainer p a {
        font-size: 17px;
        color: #c52122
    }
    ul.largeLinks li#pricesAndBookings .slideoutContainer p a {
        font-size: 17px;
        color: #fff
    }
    #slideshowContainer .moduleComponentContainerslideshow {
        width: 1102px;
        height: 487px
    }
    #slideshowContainer .moduleComponentslideshow h2.bannerTitle {
        text-transform: uppercase;
        color: #c52122;
        font-size: 40px
    }
    #slideshowContainer .moduleComponentslideshow h2.bannerTitle a {
        color: #c52122
    }
    #slideshowContainer .moduleComponentslideshow .bannerHtmlContent {
        position: absolute;
        bottom: 50px;
        left: 0;
        width: 90%;
        padding: 20px 5% 50px;
        text-align: center;
        background: #fff
    }
    #slideshowContainer .moduleComponentslideshow .bannerHtmlContent a.findOutHowButton {
        position: absolute;
        bottom: 0;
        margin: 0 0 0 -80px;
        padding: 5px 40px
    }
    #default.noHeaderImage #headerImageContainer {
        width: 100%;
        height: 125px;
        background: url(https://www.buriedvillage.co.nz/images/style/header_pattern.jpg) center no-repeat
    }
    #headerImageContainer {
        width: 100%;
        height: 320px;
        background: #fff
    }
    body#default.halfHeightHeader #headerImageContainer {
        height: 238px
    }
    #headerImageContainer .moduleComponentContainerheaderImages {
        width: 100%;
        height: 320px
    }
    body#default.halfHeightHeader #headerImageContainer .moduleComponentContainerheaderImages {
        height: 238px
    }
    #headerImageContainer .moduleComponentContainerheaderImages .moduleComponentheaderImages {
        width: 100%;
        height: 320px;
        background-repeat: no-repeat!important
    }
    body#default.halfHeightHeader #headerImageContainer .moduleComponentContainerheaderImages .moduleComponentheaderImages {
        height: 238px
    }
    .totalCallouts1,
    .totalCallouts2 {
        height: 160px;
        overflow: hidden;
        cursor: pointer
    }
    #headerImageContainer .moduleComponentContainerheaderImages h2.bannerTitle {
        font-size: 40px
    }
    #headerImageContainer .moduleComponentContainerheaderImages h2.bannerTitle a {
        color: #c52122;
        text-decoration: none
    }
    #headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent {
        bottom: 50px;
        left: 0;
        width: 90%;
        padding: 20px 5% 50px
    }
    #headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent p {
        margin: 0;
        padding: 0
    }
    #headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent a.findOutHowButton {
        text-decoration: none;
        position: absolute;
        bottom: 0;
        margin: 0 0 0 -80px;
        padding: 5px 40px;
        color: #fff
    }
    #pageEditorContent {
        width: 98%;
        padding: 0 1%
    }
    #home #pageEditorContent {
        width: 100%;
        padding: 40px 0 55px
    }
    #calloutsContainer a.bannerLink {
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        bottom: -20px;
        left: 0;
        background: 0 0;
        z-index: 1000
    }
    #calloutsContainer {
        padding: 0 0 10px
    }
    #default #calloutsContainer {
        padding: 40px 0 55px
    }
    #calloutsContainer .bgContainer,
    #calloutsContainer .container {
        width: 740px
    }
    #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle {
        width: 86%;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 15px 7%!important;
        background: #2a251e;
        color: #fff;
        font-size: 20px
    }
    #calloutsContainer .moduleComponentContainercallouts .moduleComponent.selected h2.bannerTitle,
    #calloutsContainer .moduleComponentContainercallouts .moduleComponent:hover h2.bannerTitle {
        background: #c52122
    }
    .totalCallouts1 {
        width: 100%;
        margin: 0 0 20px;
        background-repeat: none;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: 100% auto
    }
    .totalCallouts2 {
        width: 49.7%;
        margin: 0 .3% 20px 0;
        background-repeat: no-repeat;
        background-size: 100% auto
    }
    .totalCallouts3,
    .totalCallouts4 {
        height: 160px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        overflow: hidden;
        margin: 0 .3% 20px 0;
        cursor: pointer
    }
    .totalCallouts3 {
        width: 33%;
        background-size: cover
    }
    .totalCallouts4 {
        width: 24.7%;
        background-size: cover
    }
    #calloutsContainer .totalCallouts4 h2.bannerTitle {
        text-align: center;
        font-size: 16px
    }
    .totalCallouts5 {
        width: 19.7%;
        height: 180px;
        overflow: hidden;
        margin: 0 .3% 20px 0;
        cursor: pointer;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }
    #calloutsContainer .totalCallouts5 h2.bannerTitle {
        text-align: center;
        font-size: 12px
    }
    #home #calloutsContainer {
        padding: 0 0 50px;
        background: #fff
    }
    #home #calloutsContainer .moduleComponentContainercallouts .moduleComponentcallouts {
        width: 30%;
        margin: 0 1.5% 55px;
        overflow: visible
    }
    #home #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle {
        width: 72%;
        bottom: -20px;
        left: 0;
        margin: 0 7%;
        padding: 8px 7%!important;
        background: #4d340e;
        color: #fff;
        font-size: 22px;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .4)
    }
    #home #calloutsContainer div:nth-child(3) h2.bannerTitle {
        background: #c52122
    }
    #home #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle a {
        color: #fff;
        text-decoration: none
    }
    .slideoutContent {
        width: 90%;
        padding: 15px 5%;
        margin: 0;
        background: #f8f7f5
    }
    #footer,
    #footer.stuck,
    .sticky-wrapper {
        background: url(https://www.buriedvillage.co.nz/images/style/footer_tile.jpg) top left repeat-x;
        width: 100%
    }
    .slideoutContent p {
        font-size: 90%;
        line-height: 145%
    }
    .slideoutContent td {
        border-bottom: 2px solid #fff
    }
    #home #footer {
        border-top: none
    }
    #footer {
        bottom: 0;
        left: 0;
        height: 80px
    }
    #footer p {
        line-height: 18px;
        font-size: 14px;
        color: #fff
    }
    ul.left li a,
    ul.right li a {
        font-size: 10px;
        line-height: 33px;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none
    }
    #footer.stuck,
    .sticky-wrapper {
        z-index: 1000;
        padding: 0;
        margin: 0;
        border-top: none;
        min-height: 416px
    }
    #footer .footerCallout ul {
        margin: 6px 0
    }
    #footer.stuck .footerCallout ul {
        margin: 22px 0
    }
    #footer #socialMediaIcons {
        margin: -8px 0 0
    }
    #footer.stuck #socialMediaIcons {
        margin: 10px 0 0
    }
    #redNavigation {
        width: 100%
    }
    ul.left {
        width: 35%;
        margin: 0;
        padding: 0;
        text-align: left
    }
    ul.left li {
        display: inline-block;
        float: none;
        position: relative;
        margin: 0 10px 0 0;
        padding: 0
    }
    ul.right {
        width: 65%;
        margin: 0;
        padding: 0;
        text-align: right
    }
    ul.right li {
        display: inline-block;
        margin: 0 0 0 5px;
        padding: 0
    }
    #socialMediaIcons {
        width: 190px;
        height: 500px;
        margin: 10px 0 0;
        padding: 19px 0 0 55px;
        background: url(https://www.buriedvillage.co.nz/images/style/footer_right_gradient.png) top left no-repeat
    }
    #socialMediaIcons p.connectTag {
        color: #fff;
        margin: 0 0 20px;
        padding: 0
    }
    #socialMediaIcons p.connectTag a {
        display: inline;
        text-decoration: none;
        padding: 0;
        margin: 6px 0;
        color: #fff;
        font-size: 20px;
        font-weight: 400;
        font-family: Bitter, serif
    }
    #back-top,
    #formTable div {
        display: none
    }
    #socialMediaIcons a {
        display: block;
        color: #fff;
        font-size: 13px;
        text-decoration: none;
        font-family: arial;
        padding: 8px 0 5px 40px;
        margin: 6px 0
    }
    .siteSearchInput,
    .siteSearchSubmit {
        font-family: Bitter, serif
    }
    .footerCallout {
        float: left;
        position: relative;
        width: 20%;
        min-height: 280px;
        padding: 10px 0 0
    }
    #footerMenuFour,
    #footerMenuOne,
    #footerMenuThree,
    #footerMenuTwo {
        width: 32%
    }
    .footerCallout ul {
        margin: 22px 0;
        padding: 0;
        list-style: none
    }
    .footerCallout ul li a {
        color: #c52122;
        text-decoration: none;
        text-transform: uppercase
    }
    .footerCallout ul li ul li {
        margin: 8px 0
    }
    .footerCallout ul li ul li a {
        color: #fff;
        text-decoration: none;
        text-transform: capitalize;
        font-size: 13px
    }
    .siteSearchInput {
        width: 160px;
        height: 14px;
        font-size: 13px;
        padding: 7px 25px 7px 18px;
        border: 1px solid #ebeef6;
        color: #6d6d6d;
        text-align: left;
        background: #ebeef6;
        font-style: italic;
        border-radius: 0;
        text-transform: lowercase
    }
    .siteSearchSubmit {
        position: absolute;
        top: 5px;
        right: 0;
        border: none;
        cursor: pointer
    }
    .siteSearchSubmit:hover {
        color: #C52122
    }
    #copyright {
        float: left;
        position: relative;
        width: 100%;
        margin: 20px 0 0;
        padding: 10px 0 0;
        border-top: 1px solid #4b3718
    }
    #copyright p {
        text-transform: uppercase;
        color: #6f5f47;
        font-family: arial;
        font-size: 11px;
        margin: 0;
        padding: 0
    }
    #copyright p a {
        color: #6f5f47;
        text-decoration: none
    }
    .siteSearch {
        width: 100%;
        padding: 30px 0 0
    }
    .siteSearch span {
        font-size: 14px;
        font-weight: 700
    }
    .siteSearch input.fsub {
        float: none;
        border: none;
        width: 60px;
        font-weight: 700;
        margin: 1px 0 9px;
        padding: 3px 5px;
        text-transform: uppercase;
        cursor: pointer
    }
    .siteSearch input.textInput {
        font-size: 16px;
        border: 1px solid #ccc;
        padding: 5px 6px;
        border-radius: 0;
        margin: 0 2px 0 12px
    }
    #searchResultDescription {
        margin: 10px 0
    }
    #searchResultItems .searchResultItem {
        margin: 15px 0 0;
        padding: 0 0 10px;
        border-bottom: 1px solid #ccc
    }
    #searchResultItems .searchResultItem a {
        text-decoration: none
    }
    #searchResultItems .title {
        font-weight: 700;
        margin: 0 0 0 10px;
        font-size: 16px;
        text-transform: none
    }
    #searchResultItems .title:hover {
        color: #AE1E1E
    }
    #searchResultItems .description {
        margin: 8px 0 0 10px;
        padding: 0
    }
    #alertForm,
    #emailForm,
    #registrationForm,
    #subscribeForm,
    #surveyTable {
        float: left;
        width: 100%;
        background: 0 0;
        border: none;
        padding: 0;
        margin: 0 0 30px
    }
    #emailForm #formTable {
        width: 100%;
        background: #fff;
        border: 5px solid #fff;
        padding: 0;
        margin: 30px 0 0;
        border-radius: 3px
    }
    body.iframe #emailForm #formTable {
        margin: 40px 0 0
    }
    #emailForm td {
        padding: 10px 0
    }
    #alertForm td.valueHorizontal .fgroup,
    #emailForm td.valueHorizontal .fgroup,
    #registrationForm td.valueHorizontal .fgroup,
    #subscribeForm td.valueHorizontal .fgroup,
    #surveyTable td.valueHorizontal .fgroup {
        font-size: 14px;
        margin: 8px 0 0 -18px
    }
    span.fieldNumber {
        margin: 0 10px 0 0
    }
    table.ftable td {
        vertical-align: top;
        padding: 4px
    }
    table.ftable td.flabel {
        text-align: right;
        padding-right: 10px
    }
    table.ftable td.fvalue {
        text-align: left
    }
    table.ftable td.fcolumn {
        text-align: center
    }
    input.fdate,
    input.fmtxt,
    input.fstxt,
    input.ftxt,
    textarea.fmtxt {
        font-family: arial, helvetica, sans-serif;
        background: #FFF;
        border: 1px solid #ccc;
        font-size: 14px;
        width: 100%;
        padding: 6px;
        margin: 1px 0 1px -18px;
        border-radius: 0
    }
    body.iframe input.fdate,
    body.iframe input.fmtxt,
    body.iframe input.fstxt,
    body.iframe textarea.fmtxt {
        background: #8e8e8e;
        border: 1px solid #8e8e8e;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0 0 6px 30px;
        color: #fff;
        width: 100%;
        border-radius: 0
    }
    body.iframe textarea.fmtxt {
        height: 70px
    }
    body.iframe td.valueVertical input.fdate,
    body.iframe td.valueVertical input.fmtxt,
    body.iframe td.valueVertical input.fstxt,
    body.iframe td.valueVertical input.ftxt,
    body.iframe td.valueVertical textarea.fmtxt {
        width: 180px;
        background: #8e8e8e;
        border: 1px solid #8e8e8e;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0;
        color: #a7a7a7
    }
    input.fdate:focus,
    input.fdate:hover,
    input.fmtxt:focus,
    input.fmtxt:hover,
    input.fstxt:focus,
    input.fstxt:hover,
    input.ftxt:focus,
    input.ftxt:hover {
        border: 1px solid #A91D1C
    }
    input.fdate {
        width: 150px
    }
    input.fstxt {
        width: 50px
    }
    select.fsel,
    select.fseldate {
        background: #fff;
        border: 1px solid #ccc;
        font-size: 11px;
        width: 100%;
        margin: 0;
        padding: 4px;
        border-radius: 6px
    }
    body.iframe select.fsel,
    body.iframe select.fseldate {
        background: #2e2e2e;
        color: #6b6b6b;
        border: 1px solid #6d6d6d;
        -webkit-box-shadow: 0 0 5px #000;
        -moz-box-shadow: 0 0 5px #000;
        box-shadow: 0 0 4px #000;
        margin: 0 0 0 30px
    }
    body.iframe td.valueVertical select.fsel,
    body.iframe td.valueVertical select.fseldate {
        background: #2e2e2e;
        color: #a8a8a8;
        width: 310px;
        border: 1px solid #6d6d6d;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0
    }
    select.fseldate {
        width: auto
    }
    select.fseldate:focus,
    select.fseldate:hover {
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        border: 1px solid #A91D1C
    }
    #formTable div.buttonPanel {
        display: block
    }
    .buttonBar,
    .buttonPanel {
        text-align: right;
        padding: 15px 0 0
    }
    .buttonBar input,
    .buttonBar input.fsub,
    .buttonPanel input.fsub,
    input.fsub {
        float: right;
        text-transform: uppercase;
        background: #A91D1C;
        border: none;
        font-size: 16px;
        padding: 8px;
        width: 130px;
        cursor: pointer;
        border-radius: 0;
        margin: 10px 0 0;
        color: #fff;
        font-family: Bitter, serif;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s
    }
    .buttonBar input.fsub:hover,
    .buttonBar input:hover,
    .buttonPanel input.fsub:hover,
    input.fsub:hover {
        background: #422C0B;
        color: #fff
    }
    body.iframe .buttonBar input,
    body.iframe input.fsub {
        background: 0 0;
        border: none;
        font-size: 14px;
        padding: 4px;
        text-transform: uppercase;
        width: 70px;
        cursor: pointer;
        border-radius: 2px;
        text-align: center;
        color: #0099e3;
        font-weight: 700
    }
    .msg {
        color: red;
        margin: 10px 0;
        font-style: italic
    }
    #alertForm .reset,
    #emailForm .reset,
    #registrationForm .reset,
    #subscribeForm .reset,
    #surveyTable .reset,
    .finlinehelp {
        display: none
    }
    a.emailLink {
        display: ineline-block;
        padding: 0 0 0 26px;
        text-decoration: none;
        background: url(https://www.buriedvillage.co.nz/images/style/email_icon.jpg) 0 6px no-repeat;
        transition: .1s all
    }
    a.emailLink:hover {
        text-decoration: underline;
        background: url(https://www.buriedvillage.co.nz/images/style/email_icon.jpg) 3px 6px no-repeat
    }
    #faqItems {
        float: left;
        position: relative;
        width: 100%
    }
    .faqItem a.button {
        display: block;
        padding: 10px;
        margin: 0 0 10px;
        color: #432C0C!important;
        text-decoration: none;
        border-radius: 4px;
        background: grey;
        background: -moz-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F2EFEB), color-stop(100%, #efefef));
        background: -webkit-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: -o-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: -ms-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: linear-gradient(to bottom, #F2EFEB 0, #efefef 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F2EFEB ', endColorstr='#efefef', GradientType=0)
    }
    .faqItem a.button:before,
    .faqItem:hover a.button:before {
        margin: 0 10px 0 0;
        width: 20px;
        display: block;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        float: left;
        height: 20px;
        content: " + "
    }
    .faqItem a.button:hover {
        text-decoration: none!important;
        color: #B21E1E!important
    }
    .faqItem a.button:before {
        line-height: 16px;
        background: #fff;
        color: #B21E1E;
        transition: .2s all
    }
    .faqItem:hover a.button:before {
        position: relative;
        background: #B21E1E;
        color: #fff
    }
    .faqItem .answer {
        padding: 0 0 0 10px
    }
    #rssIcon {
        position: absolute;
        top: 14px;
        left: 80px
    }
    #moduleItemCategories .moduleItemsListingItem,
    #moduleItemsListing .moduleItemsListingItem {
        width: 100%;
        margin: 0 0 33px;
        padding: 0 0 33px;
        border-bottom: 1px solid #ccc
    }
    #moduleItemCategories.moduleItemCategoriesBlog .moduleItemsListingItem,
    #moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem {
        padding: 0 0 33px;
        margin: 0 0 33px
    }
    #moduleItemCategories .moduleItemsListingItem a,
    #moduleItemsListing .moduleItemsListingItem a {
        color: #000;
        text-decoration: none
    }
    #moduleItemCategories .moduleItemsListingItem a:hover,
    #moduleItemsListing .moduleItemsListingItem a:hover {
        color: #E4252E
    }
    .moduleItemImage {
        float: left;
        position: relative;
        margin: 0 35px 0 0
    }
    .moduleItemImage a,
    .moduleItemImage a img.listing {
        float: left;
        position: relative
    }
    #moduleItemCategories .moduleItemsListingItem .title,
    #moduleItemsListing .moduleItemsListingItem .title {
        margin: 15px 0;
        color: #000;
        font-size: 40px;
        line-height: 40px;
        font-weight: 400;
        text-transform: none
    }
    #moduleItemsListing .moduleItemsListingItem .date {
        opacity: .5;
        font-size: 13px;
        margin: 5px 0 10px
    }
    #moduleItemCategories.moduleItemNews .moduleItemsListingItem .moduleItemContent,
    #moduleItemCategories.moduleItemsListingBlog .moduleItemsListingItem .moduleItemContent,
    #moduleItemsListing.moduleItemNews .moduleItemsListingItem .moduleItemContent,
    #moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem .moduleItemContent {
        float: left;
        position: relative;
        width: 70%;
        background: #fff
    }
    #moduleItemCategories.moduleListingWithLeftCol .moduleItemsListingItem .moduleItemContent,
    #moduleItemsListing.moduleListingWithLeftCol .moduleItemsListingItem .moduleItemContent {
        float: left;
        position: relative
    }
    .paginator {
        text-align: right
    }
    #authorBiography {
        float: left;
        position: relative;
        background: #F7F7F7;
        padding: 25px;
        margin: 0 0 33px
    }
    #authorBiography .title,
    #pageEditorContent h3.articlesWrittenBy {
        margin: 15px 0;
        color: #000;
        line-height: 45px;
        font-weight: 400;
        text-transform: none;
        font-size: 40px;
        font-family: nexa_lightregular, arial, sans-serif
    }
    #authorBiography .moduleItemImage {
        float: right
    }
    #moduleItemCategories .moduleItemsListingItem .readMore,
    #moduleItemsListing .moduleItemsListingItem .readMore {
        position: relative;
        float: left;
        width: auto;
        bottom: 0;
        right: 0;
        line-height: 25px;
        border-top: none;
        padding: 5px 0 0;
        margin: 0 0 0 10px
    }
    #moduleItemsListing .moduleItemsListingItem .readMore a:hover {
        background: #AC1E1D
    }
    #moduleItemsListing .moduleItemsListingItem .readMore a {
        display: inline-block;
        float: right;
        line-height: 25px;
        text-decoration: none;
        margin: 0 0 0 10px;
        padding: 4px 15px 4px 6px;
        text-transform: lowercase;
        transition: .5s all;
        border-radius: 0;
        color: #fff!important;
        background: #422C0B
    }
    #moduleItemsListing .moduleItemsListingItem .readMore a:before {
        float: left;
        margin: 5px 10px 5px 5px;
        content: " + ";
        width: 20px;
        height: 20px;
        display: block;
        background: #fff;
        color: #422C0B;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        line-height: 16px
    }
    .ratingContainer {
        padding: 20px 0 0 10px
    }
    #comments {
        float: left;
        position: relative;
        width: 100%;
        margin: 30px 0 0
    }
    .commentContainer {
        float: left;
        position: relative;
        width: auto;
        padding: 0 10px 0 0;
        margin: 15px 0 0;
        min-height: auto;
        line-height: 18px;
        background: 0 0;
        border-radius: 0
    }
    .commentContainer a {
        text-decoration: none;
        color: #969696
    }
    #comments .comment .replyLink,
    .thumbsDown,
    .thumbsDownRating,
    .thumbsUp,
    .thumbsUpRating {
        position: relative;
        float: none;
        display: inline-block;
        margin: 0 3px;
        width: auto
    }
    .thumbsDown,
    .thumbsUp {
        width: 15px;
        height: 15px;
        cursor: pointer;
        display: inline-block
    }
    .thumbsUp {
        background: url(http://www.moca.net.nz/LAW2014DEV/images/style/thumbs.png) bottom left no-repeat
    }
    .thumbsDown {
        background: url(http://www.moca.net.nz/LAW2014DEV/images/style/thumbs.png) bottom right no-repeat
    }
    .textModuleItem {
        float: left;
        position: relative;
        width: 100%;
        margin: 0
    }
    #default.marae .textModuleItem {
        float: left;
        position: relative;
        width: 635px;
        margin: 0;
        padding: 0
    }
    .textModuleItem .moduleItemImage {
        float: right;
        position: relative;
        margin: 15px 0 20px 30px;
        box-shadow: none
    }
    .textModuleItem #moduleItemContent {
        float: left;
        position: relative;
        width: 100%;
        padding: 25px 0 0
    }
    .textModuleItem .title {
        margin: 15px 0;
        color: #000;
        font-size: 40px;
        line-height: 45px;
        font-weight: 400;
        text-transform: none;
        font-family: nexa_lightregular, arial, sans-serif
    }
    .textModuleItem .date {
        opacity: .7
    }
    .textModuleItem .readMore {
        text-align: right
    }
    .textModuleItem .readMore a {
        margin: 0 8px 0 0;
        text-decoration: none;
        color: #E4252E
    }
    .textModuleItem .readMore #commentLink {
        float: none;
        position: static;
        margin: 0;
        border-radius: 0;
        padding: 0;
        background: 0 0;
        border: none;
        color: #262626;
        text-decoration: none
    }
    .textModuleItem #blogCommentForm,
    .textModuleItem #newsCommentForm {
        position: relative;
        float: left;
        width: 100%
    }
    #blogCommentForm td.flabel,
    td.fheader {
        text-indent: 0;
        text-align: left
    }
    #blogCommentForm .buttonPanel {
        padding: 0;
        margin: 0 0 15px
    }
    #blogCommentForm td {
        background: #e9e9e9!important;
        padding: 3px 15px
    }
    .textModuleItem .readMore #commentLink:hover {
        background: #fff;
        color: #EB202C;
        border: none
    }
    .textModuleItem .readMore a:hover {
        color: #E4252E
    }
    img.blogTitle {
        float: right;
        margin: -40px 10px 30px 0
    }
    .textModuleItem #moduleItemContentInner {
        float: left;
        position: relative;
        width: 95%;
        margin: 0 0 27px
    }
    .textModuleItem .blogHeader {
        float: left;
        position: relative;
        width: 100%
    }
    .textModuleItem .blogHeaderInner {
        position: absolute;
        top: 0;
        right: 25px;
        width: 350px;
        text-align: right
    }
    .textModuleItem .blogHeaderInner .date {
        float: right;
        position: relative;
        margin-left: 18px;
        padding-left: 18px;
        border-left: 1px solid #5e4314;
        font-weight: 700
    }
    .galleryListItem {
        margin: 15px 15px 0 0
    }
    #authorContainer {
        float: left;
        position: relative;
        width: 92%;
        padding: 1% 4%;
        margin: 50px 0 20px;
        background: #99D4DC;
        color: #fff
    }
    #authorContainer h3 {
        text-transform: lowercase;
        background: 0 0;
        margin: 20px 0 0;
        color: #fff;
        padding: 0;
        font-size: 30px
    }
    #authorContainer a,
    #authorContainer p {
        color: #fff
    }
    #authorContainer .moduleItemImage {
        float: right;
        margin: 10px 0 50px 30px;
        padding: 0
    }
    #authorContainer .content,
    #authorContainer a,
    #comments .comment,
    #comments h3 {
        float: left;
        position: relative
    }
    #authorContainer .moduleItemImage img {
        margin: 0;
        padding: 0;
        border-radius: 100%
    }
    #authorContainer .content {
        font-size: 85%;
        clear: both
    }
    #authorContainer .content p {
        line-height: 130%
    }
    #comments h3 {
        background: 0 0;
        padding: 0
    }
    #comments .comment {
        margin: 0 0 8px;
        border-radius: 0;
        width: 96%;
        padding: 2%
    }
    #comments .comment:nth-child(odd) {
        background: #efefef
    }
    #comments .comment:nth-child(even) {
        background: #f2efeb
    }
    #comments .comment.level1 {
        margin-left: 0;
        width: 96%
    }
    #comments .comment.level2 {
        margin-left: 5%;
        width: 91%
    }
    #comments .comment.level3 {
        margin-left: 10%;
        width: 86%
    }
    #comments .comment.level4 {
        margin-left: 15%;
        width: 81%
    }
    #comments .comment .date {
        position: relative;
        float: right
    }
    #comments .comment .commentLinksContainer,
    .ratingContainer {
        position: relative;
        height: 20px;
        width: 150px;
        float: right
    }
    #commentLink:hover {
        background: #422C0B;
        border: 1px solid #422C0B;
        text-decoration: none!important
    }
    #commentLink {
        display: inline-block;
        float: right;
        line-height: 25px;
        text-decoration: none;
        margin: 0 0 0 10px;
        padding: 4px 15px 4px 6px;
        text-transform: lowercase;
        transition: .5s all;
        border-radius: 0;
        color: #fff!important;
        background: #AC1E1D;
        border: 1px solid #AC1E1D
    }
    #commentLink:before {
        float: left;
        margin: 5px 10px 5px 5px;
        content: " + ";
        width: 20px;
        height: 20px;
        display: block;
        background: #fff;
        color: #422C0B;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        line-height: 17px
    }
    #tagContainer,
    .pinterest {
        display: none
    }
    .comment span.name {
        padding: 0;
        margin: 8px 0;
        color: #c52122;
        text-transform: uppercase;
        font-size: 18px;
        font-family: Bitter, serif;
        background: 0 0
    }
    #comments .comment .replyLink {
        position: relative;
        text-decoration: none;
        float: right
    }
    #facebook,
    #twitter,
    .pinterest {
        float: left;
        margin: 10px 0
    }
    .thumbsUp.clicked {
        background-position: top left
    }
    .thumbsDown.clicked {
        background-position: top right
    }
    .moduleItemBlog #facebook {
        float: left;
        width: 150px;
        margin: 10px 0
    }
    #facebook {
        width: 135px
    }
    #twitter {
        width: 89px
    }
    .pinterest {
        width: 60px
    }
    a.emailIcon,
    a.rssIcon {
        display: inline-block;
        float: left
    }
    #plusone {
        float: left;
        width: 70px;
        margin: 10px 0
    }
    #linkedin {
        float: left;
        width: 72px;
        margin: 10px 0
    }
    a.rssIcon {
        margin: 7px 12px 0 0
    }
    a.emailIcon {
        margin: 7px 8px 0 0
    }
    #editComment {
        width: 100%
    }
    #socialMediaContainer {
        float: left;
        position: relative;
        width: 100%;
        height: 42px;
        margin: 0 0 20px;
        padding: 0;
        border-top: 1px solid #fff;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0
    }
    #commentsContainer {
        float: left;
        position: relative;
        height: auto;
        width: 635px;
        margin: 0 0 15px 24px;
        padding: 15px 0 0
    }
    #commentsContainer h2 a {
        float: right;
        margin: 0 15px 0 0;
        font-size: 12px;
        text-decoration: none;
        color: #ef7c00
    }
    #commentsContainer h2 a:hover {
        text-decoration: underline
    }
    #commentsContainer .rating {
        float: left;
        position: relative;
        width: 100%;
        margin: 0 0 20px;
        padding: 0 0 10px;
        border-bottom: 1px solid #CCC
    }
    #commentsContainer .rating p {
        margin: 0 0 10px;
        padding: 0
    }
    #commentsContainer .rating p.date {
        font-weight: 700;
        margin: 0;
        padding: 0
    }
    #moduleItemBack {
        float: left;
        position: relative;
        line-height: 54px;
        color: #EB202C;
        width: 100%;
        margin: 15px 0 0;
        border-top: 1px solid #ccc
    }
    #moduleItemBack a {
        text-decoration: none;
        color: #EB202C
    }
    #moduleItemBack a:hover {
        color: #E4252E
    }
    #navBar {
        float: right;
        position: relative;
        width: 100%;
        min-height: auto;
        height: auto!important;
        padding: 0;
        margin: 0
    }
    #navBar .navCategoryBlogLinks,
    #navBar .navDateLinks,
    #navBar .navRecentLinks {
        float: left;
        position: relative;
        width: 33.3%
    }
    #navBar ul {
        color: auto;
        margin: 20px 0;
        padding: 0;
        width: 100%;
        min-height: 100px;
        background: url(http://www.moca.net.nz/LAW2014DEV/images/style/right_tile.png) top right repeat-y
    }
    #navBar ul li {
        margin: 3px 0;
        padding: 0
    }
    #navBar ul li a {
        margin: 0;
        color: #000;
        text-transform: none;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        text-decoration: none
    }
    #navBar ul li a:hover {
        color: #EE7A2D
    }
    #navBar span.navheaders {
        display: block;
        padding: 11px 15px;
        text-decoration: none;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 17px;
        margin: 0 0 20px;
        background-color: none;
        background-position: top right, 250px 15px;
        background-repeat: no-repeat;
        transition: .5s all
    }
    #navBar ul li a {
        display: block;
        font-weight: 400;
        padding: 2px 20px
    }
    #navBar .navDateLinks {
        margin: 0
    }
    #navBar a {
        text-decoration: none
    }
    #navBar a:hover {
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        text-decoration: underline
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa {
        margin: 40px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem {
        border: none;
        margin: 0 0 40px;
        padding: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .moduleItemImage {
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .imageContainer {
        float: left;
        position: relative;
        margin: 0 30px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem img.magnifyingGlassIcon {
        position: absolute;
        bottom: 00;
        right: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .moduleItemContent {
        float: right;
        position: relative;
        width: 520px
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .title {
        font-size: 19px;
        font-weight: 700;
        color: #C52122;
        text-transform: uppercase;
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.findOutMoreButton {
        display: inline-block;
        color: #fff;
        background: #2a251e;
        padding: 8px 15px;
        margin: 8px 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.bookNowButton {
        display: inline-block;
        color: #fff;
        background: #4D330E;
        padding: 8px 15px;
        margin: 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.bookNowButton:hover,
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.findOutMoreButton:hover {
        background: #C52122
    }
    .textModuleItem.moduleItemMuseumOfTeWairoa #moduleItemContent {
        padding: 0;
        margin: 0 0 30px
    }
    .textModuleItem.moduleItemMuseumOfTeWairoa .detailImageContainer {
        float: left;
        position: relative;
        width: 100%;
        margin: 0 0 50px
    }
    .textModuleItem.moduleItemMuseumOfTeWairoa .detailImageContainer .galleryListItem {
        float: left;
        position: relative
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips {
        margin: 40px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem {
        border: none;
        margin: 0 0 40px;
        padding: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .moduleItemImage {
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .imageContainer {
        float: left;
        position: relative;
        margin: 0 30px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem img.magnifyingGlassIcon {
        position: absolute;
        bottom: 00;
        right: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .moduleItemContent {
        float: right;
        position: relative;
        width: 520px
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .title {
        font-size: 19px;
        font-weight: 700;
        color: #C52122;
        text-transform: uppercase;
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.findOutMoreButton {
        display: inline-block;
        color: #fff;
        background: #2a251e;
        padding: 8px 15px;
        margin: 8px 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.bookNowButton {
        display: inline-block;
        color: #fff;
        background: #4D330E;
        padding: 8px 15px;
        margin: 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.bookNowButton:hover,
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.findOutMoreButton:hover {
        background: #C52122
    }
    .textModuleItem.moduleItemComboDayTrips #moduleItemContent {
        padding: 0;
        margin: 0 0 30px
    }
    .textModuleItem.moduleItemComboDayTrips .detailImageContainer {
        float: left;
        position: relative;
        width: 100%;
        margin: 0 0 50px
    }
    .textModuleItem.moduleItemComboDayTrips .detailImageContainer .galleryListItem {
        float: left;
        position: relative
    }
    #banner {
        display: none!important
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2) {
    #header .bgContainer,
    #header .container,
    .bgContainer,
    .container {
        width: 740px
    }
    #navBar ul,
    ul.left,
    ul.right {
        list-style: none
    }
    body {
        min-width: 740px
    }
    #header {
        height: 110px
    }
    #content {
        width: 100%
    }
    #content .bgContainer,
    #content .container {
        width: 740px
    }
    #slideshowContainer .bgContainer,
    #slideshowContainer .container {
        width: 100%
    }
    #slideshowContainer .moduleComponentContainerslideshow,
    #slideshowContainer .moduleComponentslideshow {
        height: 487px;
        width: 100%!important
    }
    #slideshowContainer .moduleComponentslideshow .bannerImageContainer img.bannerImage {
        width: 100%!important
    }
    #home #calloutsContainer .bgContainer,
    #home #calloutsContainer .container {
        width: 740px
    }
    #footer,
    #slideshowContainer .bannerHtmlContent {
        width: 100%
    }
    #footer .bgContainer,
    #footer .container {
        width: 740px
    }
    #slideshowContainer {
        float: left;
        position: relative;
        width: 100%;
        min-height: 487px;
        background: #f8f8f8
    }
    #header a.logo img {
        width: 135px;
        height: auto
    }
    ul.topLinks {
        width: 580px;
        height: 30px;
        padding: 0 0 0 15px;
        background: url(https://www.buriedvillage.co.nz/images/style/top_links_bg.jpg) -130px 0 no-repeat #c52122
    }
    ul.topLinks li a span {
        padding: 0 15px
    }
    a.tripadvisorIcon img {
        margin: 6px 0 0 14px
    }
    a.facebookIcon img {
        margin: 3px 0 0 10px
    }
    a.youtubeIcon img {
        margin: -1px 0 0 15px
    }
    a.instagramIcon img {
        margin: 5px 0 0 10px
    }
    ul.largeLinks {
        height: 44px;
        margin: 36px 0 0;
        padding: 0
    }
    ul.largeLinks li a {
        display: inline-block;
        padding: 0 0 15px;
        height: 29px;
        font-size: 17px;
        color: #fff
    }
    ul.largeLinks li a span {
        padding: 0 0 15px
    }
    ul.largeLinks li a:hover {
        color: #c52122
    }
    ul.largeLinks li:nth-child(1)>a,
    ul.largeLinks li:nth-child(2)>a {
        background: url(https://www.buriedvillage.co.nz/images/style/navigation_divide.png) right 6px no-repeat
    }
    ul.largeLinks li:nth-child(4)>a {
        padding: 2px 0 15px;
        margin: -2px 0 0;
        font-size: 17px
    }
    ul.largeLinks li .slideoutContainer {
        right: -10px;
        border: 10px solid rgba(255, 255, 255, .9);
        opacity: 0;
        transition: .5s all;
        height: 0!important;
        z-index: -1;
        overflow: hidden;
        display: block
    }
    ul.largeLinks:hover li .slideoutContainer {
        display: none;
        opacity: 1;
        height: 245px!important;
        z-index: 100
    }
    ul.largeLinks li .slideoutContainer p {
        font-size: 13px;
        padding: 15px 0 0
    }
    ul.largeLinks li#livingHistory .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/living_history_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#seeAndDo .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/see_and_do_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#planYourVisit .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/plan_visit_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#pricesAndBookings .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/prices_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#livingHistory>a {
        width: 150px
    }
    ul.largeLinks li#seeAndDo>a {
        width: 114px
    }
    ul.largeLinks li#planYourVisit>a {
        width: 158px
    }
    ul.largeLinks li#pricesAndBookings>a {
        width: 180px
    }
    ul.largeLinks li#livingHistory .slideoutContainer p {
        width: 193px
    }
    ul.largeLinks li#seeAndDo .slideoutContainer p {
        width: 191px;
        left: 168px
    }
    ul.largeLinks li#planYourVisit .slideoutContainer p {
        width: 191px;
        left: 360px
    }
    ul.largeLinks li#pricesAndBookings .slideoutContainer p {
        color: #fff;
        width: 191px;
        left: 575px
    }
    ul.largeLinks li#livingHistory .slideoutContainer p a,
    ul.largeLinks li#planYourVisit .slideoutContainer p a,
    ul.largeLinks li#seeAndDo .slideoutContainer p a {
        font-size: 17px;
        color: #c52122
    }
    ul.largeLinks li#pricesAndBookings .slideoutContainer p a {
        font-size: 17px;
        color: #fff
    }
    #slideshowContainer .moduleComponentContainerslideshow {
        width: 1102px;
        height: 487px
    }
    #slideshowContainer .moduleComponentslideshow h2.bannerTitle {
        text-transform: uppercase;
        color: #c52122;
        font-size: 40px
    }
    #slideshowContainer .moduleComponentslideshow h2.bannerTitle a {
        color: #c52122
    }
    #slideshowContainer .moduleComponentslideshow .bannerHtmlContent {
        position: absolute;
        bottom: 50px;
        left: 0;
        width: 90%;
        padding: 20px 5% 50px;
        text-align: center;
        background: #fff
    }
    #slideshowContainer .moduleComponentslideshow .bannerHtmlContent a.findOutHowButton {
        position: absolute;
        bottom: 0;
        margin: 0 0 0 -80px;
        padding: 5px 40px
    }
    #default.noHeaderImage #headerImageContainer {
        width: 100%;
        height: 125px;
        background: url(https://www.buriedvillage.co.nz/images/style/header_pattern.jpg) center no-repeat
    }
    #headerImageContainer {
        width: 100%;
        height: 320px;
        background: #fff
    }
    body#default.halfHeightHeader #headerImageContainer {
        height: 238px
    }
    #headerImageContainer .moduleComponentContainerheaderImages {
        width: 100%;
        height: 320px
    }
    body#default.halfHeightHeader #headerImageContainer .moduleComponentContainerheaderImages {
        height: 238px
    }
    #headerImageContainer .moduleComponentContainerheaderImages .moduleComponentheaderImages {
        width: 100%;
        height: 320px;
        background-repeat: no-repeat!important
    }
    body#default.halfHeightHeader #headerImageContainer .moduleComponentContainerheaderImages .moduleComponentheaderImages {
        height: 238px
    }
    .totalCallouts1,
    .totalCallouts2 {
        height: 160px;
        overflow: hidden;
        cursor: pointer
    }
    #headerImageContainer .moduleComponentContainerheaderImages h2.bannerTitle {
        font-size: 40px
    }
    #headerImageContainer .moduleComponentContainerheaderImages h2.bannerTitle a {
        color: #c52122;
        text-decoration: none
    }
    #headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent {
        bottom: 50px;
        left: 0;
        width: 90%;
        padding: 20px 5% 50px
    }
    #headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent p {
        margin: 0;
        padding: 0
    }
    #headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent a.findOutHowButton {
        text-decoration: none;
        position: absolute;
        bottom: 0;
        margin: 0 0 0 -80px;
        padding: 5px 40px;
        color: #fff
    }
    #pageEditorContent {
        width: 98%;
        padding: 0 1%
    }
    #home #pageEditorContent {
        width: 100%;
        padding: 40px 0 55px
    }
    #calloutsContainer a.bannerLink {
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        bottom: -20px;
        left: 0;
        background: 0 0;
        z-index: 1000
    }
    #calloutsContainer {
        padding: 0 0 10px
    }
    #default #calloutsContainer {
        padding: 40px 0 55px
    }
    #calloutsContainer .bgContainer,
    #calloutsContainer .container {
        width: 740px
    }
    #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle {
        width: 86%;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 15px 7%!important;
        background: #2a251e;
        color: #fff;
        font-size: 20px
    }
    #calloutsContainer .moduleComponentContainercallouts .moduleComponent.selected h2.bannerTitle,
    #calloutsContainer .moduleComponentContainercallouts .moduleComponent:hover h2.bannerTitle {
        background: #c52122
    }
    .totalCallouts1 {
        width: 100%;
        margin: 0 0 20px;
        background-repeat: none;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: 100% auto
    }
    .totalCallouts2 {
        width: 49.7%;
        margin: 0 .3% 20px 0;
        background-repeat: no-repeat;
        background-size: 100% auto
    }
    .totalCallouts3,
    .totalCallouts4 {
        height: 160px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        overflow: hidden;
        margin: 0 .3% 20px 0;
        cursor: pointer
    }
    .totalCallouts3 {
        width: 33%;
        background-size: cover
    }
    .totalCallouts4 {
        width: 24.7%;
        background-size: cover
    }
    #calloutsContainer .totalCallouts4 h2.bannerTitle {
        text-align: center;
        font-size: 16px
    }
    .totalCallouts5 {
        width: 19.7%;
        height: 180px;
        overflow: hidden;
        margin: 0 .3% 20px 0;
        cursor: pointer;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }
    #calloutsContainer .totalCallouts5 h2.bannerTitle {
        text-align: center;
        font-size: 12px
    }
    #home #calloutsContainer {
        padding: 0 0 50px;
        background: #fff
    }
    #home #calloutsContainer .moduleComponentContainercallouts .moduleComponentcallouts {
        width: 30%;
        margin: 0 1.5% 55px;
        overflow: visible
    }
    #home #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle {
        width: 72%;
        bottom: -20px;
        left: 0;
        margin: 0 7%;
        padding: 8px 7%!important;
        background: #4d340e;
        color: #fff;
        font-size: 22px;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .4)
    }
    #home #calloutsContainer div:nth-child(3) h2.bannerTitle {
        background: #c52122
    }
    #home #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle a {
        color: #fff;
        text-decoration: none
    }
    .slideoutContent {
        width: 90%;
        padding: 15px 5%;
        margin: 0;
        background: #f8f7f5
    }
    #footer,
    #footer.stuck,
    .sticky-wrapper {
        background: url(https://www.buriedvillage.co.nz/images/style/footer_tile.jpg) top left repeat-x;
        width: 100%
    }
    .slideoutContent p {
        font-size: 90%;
        line-height: 145%
    }
    .slideoutContent td {
        border-bottom: 2px solid #fff
    }
    #home #footer {
        border-top: none
    }
    #footer {
        bottom: 0;
        left: 0;
        height: 80px
    }
    #footer p {
        line-height: 18px;
        font-size: 14px;
        color: #fff
    }
    ul.left li a,
    ul.right li a {
        font-size: 10px;
        line-height: 33px;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none
    }
    #footer.stuck,
    .sticky-wrapper {
        z-index: 1000;
        padding: 0;
        margin: 0;
        border-top: none;
        min-height: 416px
    }
    #footer .footerCallout ul {
        margin: 6px 0
    }
    #footer.stuck .footerCallout ul {
        margin: 22px 0
    }
    #footer #socialMediaIcons {
        margin: -8px 0 0
    }
    #footer.stuck #socialMediaIcons {
        margin: 10px 0 0
    }
    #redNavigation {
        width: 100%
    }
    ul.left {
        width: 35%;
        margin: 0;
        padding: 0;
        text-align: left
    }
    ul.left li {
        display: inline-block;
        float: none;
        position: relative;
        margin: 0 10px 0 0;
        padding: 0
    }
    ul.right {
        width: 65%;
        margin: 0;
        padding: 0;
        text-align: right
    }
    ul.right li {
        display: inline-block;
        margin: 0 0 0 5px;
        padding: 0
    }
    #socialMediaIcons {
        width: 190px;
        height: 500px;
        margin: 10px 0 0;
        padding: 19px 0 0 55px;
        background: url(https://www.buriedvillage.co.nz/images/style/footer_right_gradient.png) top left no-repeat
    }
    #socialMediaIcons p.connectTag {
        color: #fff;
        margin: 0 0 20px;
        padding: 0
    }
    #socialMediaIcons p.connectTag a {
        display: inline;
        text-decoration: none;
        padding: 0;
        margin: 6px 0;
        color: #fff;
        font-size: 20px;
        font-weight: 400;
        font-family: Bitter, serif
    }
    #back-top,
    #formTable div {
        display: none
    }
    #socialMediaIcons a {
        display: block;
        color: #fff;
        font-size: 13px;
        text-decoration: none;
        font-family: arial;
        padding: 8px 0 5px 40px;
        margin: 6px 0
    }
    .siteSearchInput,
    .siteSearchSubmit {
        font-family: Bitter, serif
    }
    .footerCallout {
        float: left;
        position: relative;
        width: 20%;
        min-height: 280px;
        padding: 10px 0 0
    }
    #footerMenuFour,
    #footerMenuOne,
    #footerMenuThree,
    #footerMenuTwo {
        width: 32%
    }
    .footerCallout ul {
        margin: 22px 0;
        padding: 0;
        list-style: none
    }
    .footerCallout ul li a {
        color: #c52122;
        text-decoration: none;
        text-transform: uppercase
    }
    .footerCallout ul li ul li {
        margin: 8px 0
    }
    .footerCallout ul li ul li a {
        color: #fff;
        text-decoration: none;
        text-transform: capitalize;
        font-size: 13px
    }
    .siteSearchInput {
        width: 160px;
        height: 14px;
        font-size: 13px;
        padding: 7px 25px 7px 18px;
        border: 1px solid #ebeef6;
        color: #6d6d6d;
        text-align: left;
        background: #ebeef6;
        font-style: italic;
        border-radius: 0;
        text-transform: lowercase
    }
    .siteSearchSubmit {
        position: absolute;
        top: 5px;
        right: 0;
        border: none;
        cursor: pointer
    }
    .siteSearchSubmit:hover {
        color: #C52122
    }
    #copyright {
        float: left;
        position: relative;
        width: 100%;
        margin: 20px 0 0;
        padding: 10px 0 0;
        border-top: 1px solid #4b3718
    }
    #copyright p {
        text-transform: uppercase;
        color: #6f5f47;
        font-family: arial;
        font-size: 11px;
        margin: 0;
        padding: 0
    }
    #copyright p a {
        color: #6f5f47;
        text-decoration: none
    }
    .siteSearch {
        width: 100%;
        padding: 30px 0 0
    }
    .siteSearch span {
        font-size: 14px;
        font-weight: 700
    }
    .siteSearch input.fsub {
        float: none;
        border: none;
        width: 60px;
        font-weight: 700;
        margin: 1px 0 9px;
        padding: 3px 5px;
        text-transform: uppercase;
        cursor: pointer
    }
    .siteSearch input.textInput {
        font-size: 16px;
        border: 1px solid #ccc;
        padding: 5px 6px;
        border-radius: 0;
        margin: 0 2px 0 12px
    }
    #searchResultDescription {
        margin: 10px 0
    }
    #searchResultItems .searchResultItem {
        margin: 15px 0 0;
        padding: 0 0 10px;
        border-bottom: 1px solid #ccc
    }
    #searchResultItems .searchResultItem a {
        text-decoration: none
    }
    #searchResultItems .title {
        font-weight: 700;
        margin: 0 0 0 10px;
        font-size: 16px;
        text-transform: none
    }
    #searchResultItems .title:hover {
        color: #AE1E1E
    }
    #searchResultItems .description {
        margin: 8px 0 0 10px;
        padding: 0
    }
    #alertForm,
    #emailForm,
    #registrationForm,
    #subscribeForm,
    #surveyTable {
        float: left;
        width: 100%;
        background: 0 0;
        border: none;
        padding: 0;
        margin: 0 0 30px
    }
    #emailForm #formTable {
        width: 100%;
        background: #fff;
        border: 5px solid #fff;
        padding: 0;
        margin: 30px 0 0;
        border-radius: 3px
    }
    body.iframe #emailForm #formTable {
        margin: 40px 0 0
    }
    #emailForm td {
        padding: 10px 0
    }
    #alertForm td.valueHorizontal .fgroup,
    #emailForm td.valueHorizontal .fgroup,
    #registrationForm td.valueHorizontal .fgroup,
    #subscribeForm td.valueHorizontal .fgroup,
    #surveyTable td.valueHorizontal .fgroup {
        font-size: 14px;
        margin: 8px 0 0 -18px
    }
    span.fieldNumber {
        margin: 0 10px 0 0
    }
    table.ftable td {
        vertical-align: top;
        padding: 4px
    }
    table.ftable td.flabel {
        text-align: right;
        padding-right: 10px
    }
    table.ftable td.fvalue {
        text-align: left
    }
    table.ftable td.fcolumn {
        text-align: center
    }
    input.fdate,
    input.fmtxt,
    input.fstxt,
    input.ftxt,
    textarea.fmtxt {
        font-family: arial, helvetica, sans-serif;
        background: #FFF;
        border: 1px solid #ccc;
        font-size: 14px;
        width: 100%;
        padding: 6px;
        margin: 1px 0 1px -18px;
        border-radius: 0
    }
    body.iframe input.fdate,
    body.iframe input.fmtxt,
    body.iframe input.fstxt,
    body.iframe textarea.fmtxt {
        background: #8e8e8e;
        border: 1px solid #8e8e8e;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0 0 6px 30px;
        color: #fff;
        width: 100%;
        border-radius: 0
    }
    body.iframe textarea.fmtxt {
        height: 70px
    }
    body.iframe td.valueVertical input.fdate,
    body.iframe td.valueVertical input.fmtxt,
    body.iframe td.valueVertical input.fstxt,
    body.iframe td.valueVertical input.ftxt,
    body.iframe td.valueVertical textarea.fmtxt {
        width: 180px;
        background: #8e8e8e;
        border: 1px solid #8e8e8e;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0;
        color: #a7a7a7
    }
    input.fdate:focus,
    input.fdate:hover,
    input.fmtxt:focus,
    input.fmtxt:hover,
    input.fstxt:focus,
    input.fstxt:hover,
    input.ftxt:focus,
    input.ftxt:hover {
        border: 1px solid #A91D1C
    }
    input.fdate {
        width: 150px
    }
    input.fstxt {
        width: 50px
    }
    select.fsel,
    select.fseldate {
        background: #fff;
        border: 1px solid #ccc;
        font-size: 11px;
        width: 100%;
        margin: 0;
        padding: 4px;
        border-radius: 6px
    }
    body.iframe select.fsel,
    body.iframe select.fseldate {
        background: #2e2e2e;
        color: #6b6b6b;
        border: 1px solid #6d6d6d;
        -webkit-box-shadow: 0 0 5px #000;
        -moz-box-shadow: 0 0 5px #000;
        box-shadow: 0 0 4px #000;
        margin: 0 0 0 30px
    }
    body.iframe td.valueVertical select.fsel,
    body.iframe td.valueVertical select.fseldate {
        background: #2e2e2e;
        color: #a8a8a8;
        width: 310px;
        border: 1px solid #6d6d6d;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0
    }
    select.fseldate {
        width: auto
    }
    select.fseldate:focus,
    select.fseldate:hover {
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        border: 1px solid #A91D1C
    }
    #formTable div.buttonPanel {
        display: block
    }
    .buttonBar,
    .buttonPanel {
        text-align: right;
        padding: 15px 0 0
    }
    .buttonBar input,
    .buttonBar input.fsub,
    .buttonPanel input.fsub,
    input.fsub {
        float: right;
        text-transform: uppercase;
        background: #A91D1C;
        border: none;
        font-size: 16px;
        padding: 8px;
        width: 130px;
        cursor: pointer;
        border-radius: 0;
        margin: 10px 0 0;
        color: #fff;
        font-family: Bitter, serif;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s
    }
    .buttonBar input.fsub:hover,
    .buttonBar input:hover,
    .buttonPanel input.fsub:hover,
    input.fsub:hover {
        background: #422C0B;
        color: #fff
    }
    body.iframe .buttonBar input,
    body.iframe input.fsub {
        background: 0 0;
        border: none;
        font-size: 14px;
        padding: 4px;
        text-transform: uppercase;
        width: 70px;
        cursor: pointer;
        border-radius: 2px;
        text-align: center;
        color: #0099e3;
        font-weight: 700
    }
    .msg {
        color: red;
        margin: 10px 0;
        font-style: italic
    }
    #alertForm .reset,
    #emailForm .reset,
    #registrationForm .reset,
    #subscribeForm .reset,
    #surveyTable .reset,
    .finlinehelp {
        display: none
    }
    a.emailLink {
        display: ineline-block;
        padding: 0 0 0 26px;
        text-decoration: none;
        background: url(https://www.buriedvillage.co.nz/images/style/email_icon.jpg) 0 6px no-repeat;
        transition: .1s all
    }
    a.emailLink:hover {
        text-decoration: underline;
        background: url(https://www.buriedvillage.co.nz/images/style/email_icon.jpg) 3px 6px no-repeat
    }
    #faqItems {
        float: left;
        position: relative;
        width: 100%
    }
    .faqItem a.button {
        display: block;
        padding: 10px;
        margin: 0 0 10px;
        color: #432C0C!important;
        text-decoration: none;
        border-radius: 4px;
        background: grey;
        background: -moz-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F2EFEB), color-stop(100%, #efefef));
        background: -webkit-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: -o-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: -ms-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: linear-gradient(to bottom, #F2EFEB 0, #efefef 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F2EFEB ', endColorstr='#efefef', GradientType=0)
    }
    .faqItem a.button:before,
    .faqItem:hover a.button:before {
        margin: 0 10px 0 0;
        width: 20px;
        display: block;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        float: left;
        height: 20px;
        content: " + "
    }
    .faqItem a.button:hover {
        text-decoration: none!important;
        color: #B21E1E!important
    }
    .faqItem a.button:before {
        line-height: 16px;
        background: #fff;
        color: #B21E1E;
        transition: .2s all
    }
    .faqItem:hover a.button:before {
        position: relative;
        background: #B21E1E;
        color: #fff
    }
    .faqItem .answer {
        padding: 0 0 0 10px
    }
    #rssIcon {
        position: absolute;
        top: 14px;
        left: 80px
    }
    #moduleItemCategories .moduleItemsListingItem,
    #moduleItemsListing .moduleItemsListingItem {
        width: 100%;
        margin: 0 0 33px;
        padding: 0 0 33px;
        border-bottom: 1px solid #ccc
    }
    #moduleItemCategories.moduleItemCategoriesBlog .moduleItemsListingItem,
    #moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem {
        padding: 0 0 33px;
        margin: 0 0 33px
    }
    #moduleItemCategories .moduleItemsListingItem a,
    #moduleItemsListing .moduleItemsListingItem a {
        color: #000;
        text-decoration: none
    }
    #moduleItemCategories .moduleItemsListingItem a:hover,
    #moduleItemsListing .moduleItemsListingItem a:hover {
        color: #E4252E
    }
    .moduleItemImage {
        float: left;
        position: relative;
        margin: 0 35px 0 0
    }
    .moduleItemImage a,
    .moduleItemImage a img.listing {
        float: left;
        position: relative
    }
    #moduleItemCategories .moduleItemsListingItem .title,
    #moduleItemsListing .moduleItemsListingItem .title {
        margin: 15px 0;
        color: #000;
        font-size: 40px;
        line-height: 40px;
        font-weight: 400;
        text-transform: none
    }
    #moduleItemsListing .moduleItemsListingItem .date {
        opacity: .5;
        font-size: 13px;
        margin: 5px 0 10px
    }
    #moduleItemCategories.moduleItemNews .moduleItemsListingItem .moduleItemContent,
    #moduleItemCategories.moduleItemsListingBlog .moduleItemsListingItem .moduleItemContent,
    #moduleItemsListing.moduleItemNews .moduleItemsListingItem .moduleItemContent,
    #moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem .moduleItemContent {
        float: left;
        position: relative;
        width: 70%;
        background: #fff
    }
    #moduleItemCategories.moduleListingWithLeftCol .moduleItemsListingItem .moduleItemContent,
    #moduleItemsListing.moduleListingWithLeftCol .moduleItemsListingItem .moduleItemContent {
        float: left;
        position: relative
    }
    .paginator {
        text-align: right
    }
    #authorBiography {
        float: left;
        position: relative;
        background: #F7F7F7;
        padding: 25px;
        margin: 0 0 33px
    }
    #authorBiography .title,
    #pageEditorContent h3.articlesWrittenBy {
        margin: 15px 0;
        color: #000;
        line-height: 45px;
        font-weight: 400;
        text-transform: none;
        font-size: 40px;
        font-family: nexa_lightregular, arial, sans-serif
    }
    #authorBiography .moduleItemImage {
        float: right
    }
    #moduleItemCategories .moduleItemsListingItem .readMore,
    #moduleItemsListing .moduleItemsListingItem .readMore {
        position: relative;
        float: left;
        width: auto;
        bottom: 0;
        right: 0;
        line-height: 25px;
        border-top: none;
        padding: 5px 0 0;
        margin: 0 0 0 10px
    }
    #moduleItemsListing .moduleItemsListingItem .readMore a:hover {
        background: #AC1E1D
    }
    #moduleItemsListing .moduleItemsListingItem .readMore a {
        display: inline-block;
        float: right;
        line-height: 25px;
        text-decoration: none;
        margin: 0 0 0 10px;
        padding: 4px 15px 4px 6px;
        text-transform: lowercase;
        transition: .5s all;
        border-radius: 0;
        color: #fff!important;
        background: #422C0B
    }
    #moduleItemsListing .moduleItemsListingItem .readMore a:before {
        float: left;
        margin: 5px 10px 5px 5px;
        content: " + ";
        width: 20px;
        height: 20px;
        display: block;
        background: #fff;
        color: #422C0B;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        line-height: 16px
    }
    .ratingContainer {
        padding: 20px 0 0 10px
    }
    #comments {
        float: left;
        position: relative;
        width: 100%;
        margin: 30px 0 0
    }
    .commentContainer {
        float: left;
        position: relative;
        width: auto;
        padding: 0 10px 0 0;
        margin: 15px 0 0;
        min-height: auto;
        line-height: 18px;
        background: 0 0;
        border-radius: 0
    }
    .commentContainer a {
        text-decoration: none;
        color: #969696
    }
    #comments .comment .replyLink,
    .thumbsDown,
    .thumbsDownRating,
    .thumbsUp,
    .thumbsUpRating {
        position: relative;
        float: none;
        display: inline-block;
        margin: 0 3px;
        width: auto
    }
    .thumbsDown,
    .thumbsUp {
        width: 15px;
        height: 15px;
        cursor: pointer;
        display: inline-block
    }
    .thumbsUp {
        background: url(http://www.moca.net.nz/LAW2014DEV/images/style/thumbs.png) bottom left no-repeat
    }
    .thumbsDown {
        background: url(http://www.moca.net.nz/LAW2014DEV/images/style/thumbs.png) bottom right no-repeat
    }
    .textModuleItem {
        float: left;
        position: relative;
        width: 100%;
        margin: 0
    }
    #default.marae .textModuleItem {
        float: left;
        position: relative;
        width: 635px;
        margin: 0;
        padding: 0
    }
    .textModuleItem .moduleItemImage {
        float: right;
        position: relative;
        margin: 15px 0 20px 30px;
        box-shadow: none
    }
    .textModuleItem #moduleItemContent {
        float: left;
        position: relative;
        width: 100%;
        padding: 25px 0 0
    }
    .textModuleItem .title {
        margin: 15px 0;
        color: #000;
        font-size: 40px;
        line-height: 45px;
        font-weight: 400;
        text-transform: none;
        font-family: nexa_lightregular, arial, sans-serif
    }
    .textModuleItem .date {
        opacity: .7
    }
    .textModuleItem .readMore {
        text-align: right
    }
    .textModuleItem .readMore a {
        margin: 0 8px 0 0;
        text-decoration: none;
        color: #E4252E
    }
    .textModuleItem .readMore #commentLink {
        float: none;
        position: static;
        margin: 0;
        border-radius: 0;
        padding: 0;
        background: 0 0;
        border: none;
        color: #262626;
        text-decoration: none
    }
    .textModuleItem #blogCommentForm,
    .textModuleItem #newsCommentForm {
        position: relative;
        float: left;
        width: 100%
    }
    #blogCommentForm td.flabel,
    td.fheader {
        text-indent: 0;
        text-align: left
    }
    #blogCommentForm .buttonPanel {
        padding: 0;
        margin: 0 0 15px
    }
    #blogCommentForm td {
        background: #e9e9e9!important;
        padding: 3px 15px
    }
    .textModuleItem .readMore #commentLink:hover {
        background: #fff;
        color: #EB202C;
        border: none
    }
    .textModuleItem .readMore a:hover {
        color: #E4252E
    }
    img.blogTitle {
        float: right;
        margin: -40px 10px 30px 0
    }
    .textModuleItem #moduleItemContentInner {
        float: left;
        position: relative;
        width: 95%;
        margin: 0 0 27px
    }
    .textModuleItem .blogHeader {
        float: left;
        position: relative;
        width: 100%
    }
    .textModuleItem .blogHeaderInner {
        position: absolute;
        top: 0;
        right: 25px;
        width: 350px;
        text-align: right
    }
    .textModuleItem .blogHeaderInner .date {
        float: right;
        position: relative;
        margin-left: 18px;
        padding-left: 18px;
        border-left: 1px solid #5e4314;
        font-weight: 700
    }
    .galleryListItem {
        margin: 15px 15px 0 0
    }
    #authorContainer {
        float: left;
        position: relative;
        width: 92%;
        padding: 1% 4%;
        margin: 50px 0 20px;
        background: #99D4DC;
        color: #fff
    }
    #authorContainer h3 {
        text-transform: lowercase;
        background: 0 0;
        margin: 20px 0 0;
        color: #fff;
        padding: 0;
        font-size: 30px
    }
    #authorContainer a,
    #authorContainer p {
        color: #fff
    }
    #authorContainer .moduleItemImage {
        float: right;
        margin: 10px 0 50px 30px;
        padding: 0
    }
    #authorContainer .content,
    #authorContainer a,
    #comments .comment,
    #comments h3 {
        float: left;
        position: relative
    }
    #authorContainer .moduleItemImage img {
        margin: 0;
        padding: 0;
        border-radius: 100%
    }
    #authorContainer .content {
        font-size: 85%;
        clear: both
    }
    #authorContainer .content p {
        line-height: 130%
    }
    #comments h3 {
        background: 0 0;
        padding: 0
    }
    #comments .comment {
        margin: 0 0 8px;
        border-radius: 0;
        width: 96%;
        padding: 2%
    }
    #comments .comment:nth-child(odd) {
        background: #efefef
    }
    #comments .comment:nth-child(even) {
        background: #f2efeb
    }
    #comments .comment.level1 {
        margin-left: 0;
        width: 96%
    }
    #comments .comment.level2 {
        margin-left: 5%;
        width: 91%
    }
    #comments .comment.level3 {
        margin-left: 10%;
        width: 86%
    }
    #comments .comment.level4 {
        margin-left: 15%;
        width: 81%
    }
    #comments .comment .date {
        position: relative;
        float: right
    }
    #comments .comment .commentLinksContainer,
    .ratingContainer {
        position: relative;
        height: 20px;
        width: 150px;
        float: right
    }
    #commentLink:hover {
        background: #422C0B;
        border: 1px solid #422C0B;
        text-decoration: none!important
    }
    #commentLink {
        display: inline-block;
        float: right;
        line-height: 25px;
        text-decoration: none;
        margin: 0 0 0 10px;
        padding: 4px 15px 4px 6px;
        text-transform: lowercase;
        transition: .5s all;
        border-radius: 0;
        color: #fff!important;
        background: #AC1E1D;
        border: 1px solid #AC1E1D
    }
    #commentLink:before {
        float: left;
        margin: 5px 10px 5px 5px;
        content: " + ";
        width: 20px;
        height: 20px;
        display: block;
        background: #fff;
        color: #422C0B;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        line-height: 17px
    }
    #tagContainer,
    .pinterest {
        display: none
    }
    .comment span.name {
        padding: 0;
        margin: 8px 0;
        color: #c52122;
        text-transform: uppercase;
        font-size: 18px;
        font-family: Bitter, serif;
        background: 0 0
    }
    #comments .comment .replyLink {
        position: relative;
        text-decoration: none;
        float: right
    }
    #facebook,
    #twitter,
    .pinterest {
        float: left;
        margin: 10px 0
    }
    .thumbsUp.clicked {
        background-position: top left
    }
    .thumbsDown.clicked {
        background-position: top right
    }
    .moduleItemBlog #facebook {
        float: left;
        width: 150px;
        margin: 10px 0
    }
    #facebook {
        width: 135px
    }
    #twitter {
        width: 89px
    }
    .pinterest {
        width: 60px
    }
    a.emailIcon,
    a.rssIcon {
        display: inline-block;
        float: left
    }
    #plusone {
        float: left;
        width: 70px;
        margin: 10px 0
    }
    #linkedin {
        float: left;
        width: 72px;
        margin: 10px 0
    }
    a.rssIcon {
        margin: 7px 12px 0 0
    }
    a.emailIcon {
        margin: 7px 8px 0 0
    }
    #editComment {
        width: 100%
    }
    #socialMediaContainer {
        float: left;
        position: relative;
        width: 100%;
        height: 42px;
        margin: 0 0 20px;
        padding: 0;
        border-top: 1px solid #fff;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0
    }
    #commentsContainer {
        float: left;
        position: relative;
        height: auto;
        width: 635px;
        margin: 0 0 15px 24px;
        padding: 15px 0 0
    }
    #commentsContainer h2 a {
        float: right;
        margin: 0 15px 0 0;
        font-size: 12px;
        text-decoration: none;
        color: #ef7c00
    }
    #commentsContainer h2 a:hover {
        text-decoration: underline
    }
    #commentsContainer .rating {
        float: left;
        position: relative;
        width: 100%;
        margin: 0 0 20px;
        padding: 0 0 10px;
        border-bottom: 1px solid #CCC
    }
    #commentsContainer .rating p {
        margin: 0 0 10px;
        padding: 0
    }
    #commentsContainer .rating p.date {
        font-weight: 700;
        margin: 0;
        padding: 0
    }
    #moduleItemBack {
        float: left;
        position: relative;
        line-height: 54px;
        color: #EB202C;
        width: 100%;
        margin: 15px 0 0;
        border-top: 1px solid #ccc
    }
    #moduleItemBack a {
        text-decoration: none;
        color: #EB202C
    }
    #moduleItemBack a:hover {
        color: #E4252E
    }
    #navBar {
        float: right;
        position: relative;
        width: 100%;
        min-height: auto;
        height: auto!important;
        padding: 0;
        margin: 0
    }
    #navBar .navCategoryBlogLinks,
    #navBar .navDateLinks,
    #navBar .navRecentLinks {
        float: left;
        position: relative;
        width: 33.3%
    }
    #navBar ul {
        color: auto;
        margin: 20px 0;
        padding: 0;
        width: 100%;
        min-height: 100px;
        background: url(http://www.moca.net.nz/LAW2014DEV/images/style/right_tile.png) top right repeat-y
    }
    #navBar ul li {
        margin: 3px 0;
        padding: 0
    }
    #navBar ul li a {
        margin: 0;
        color: #000;
        text-transform: none;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        text-decoration: none
    }
    #navBar ul li a:hover {
        color: #EE7A2D
    }
    #navBar span.navheaders {
        display: block;
        padding: 11px 15px;
        text-decoration: none;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 17px;
        margin: 0 0 20px;
        background-color: none;
        background-position: top right, 250px 15px;
        background-repeat: no-repeat;
        transition: .5s all
    }
    #navBar ul li a {
        display: block;
        font-weight: 400;
        padding: 2px 20px
    }
    #navBar .navDateLinks {
        margin: 0
    }
    #navBar a {
        text-decoration: none
    }
    #navBar a:hover {
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        text-decoration: underline
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa {
        margin: 40px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem {
        border: none;
        margin: 0 0 40px;
        padding: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .moduleItemImage {
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .imageContainer {
        float: left;
        position: relative;
        margin: 0 30px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem img.magnifyingGlassIcon {
        position: absolute;
        bottom: 00;
        right: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .moduleItemContent {
        float: right;
        position: relative;
        width: 520px
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .title {
        font-size: 19px;
        font-weight: 700;
        color: #C52122;
        text-transform: uppercase;
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.findOutMoreButton {
        display: inline-block;
        color: #fff;
        background: #2a251e;
        padding: 8px 15px;
        margin: 8px 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.bookNowButton {
        display: inline-block;
        color: #fff;
        background: #4D330E;
        padding: 8px 15px;
        margin: 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.bookNowButton:hover,
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.findOutMoreButton:hover {
        background: #C52122
    }
    .textModuleItem.moduleItemMuseumOfTeWairoa #moduleItemContent {
        padding: 0;
        margin: 0 0 30px
    }
    .textModuleItem.moduleItemMuseumOfTeWairoa .detailImageContainer {
        float: left;
        position: relative;
        width: 100%;
        margin: 0 0 50px
    }
    .textModuleItem.moduleItemMuseumOfTeWairoa .detailImageContainer .galleryListItem {
        float: left;
        position: relative
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips {
        margin: 40px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem {
        border: none;
        margin: 0 0 40px;
        padding: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .moduleItemImage {
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .imageContainer {
        float: left;
        position: relative;
        margin: 0 30px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem img.magnifyingGlassIcon {
        position: absolute;
        bottom: 00;
        right: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .moduleItemContent {
        float: right;
        position: relative;
        width: 520px
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .title {
        font-size: 19px;
        font-weight: 700;
        color: #C52122;
        text-transform: uppercase;
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.findOutMoreButton {
        display: inline-block;
        color: #fff;
        background: #2a251e;
        padding: 8px 15px;
        margin: 8px 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.bookNowButton {
        display: inline-block;
        color: #fff;
        background: #4D330E;
        padding: 8px 15px;
        margin: 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.bookNowButton:hover,
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.findOutMoreButton:hover {
        background: #C52122
    }
    .textModuleItem.moduleItemComboDayTrips #moduleItemContent {
        padding: 0;
        margin: 0 0 30px
    }
    .textModuleItem.moduleItemComboDayTrips .detailImageContainer {
        float: left;
        position: relative;
        width: 100%;
        margin: 0 0 50px
    }
    .textModuleItem.moduleItemComboDayTrips .detailImageContainer .galleryListItem {
        float: left;
        position: relative
    }
    #banner {
        display: none!important
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    #header .bgContainer,
    #header .container,
    .bgContainer,
    .container {
        width: 520px
    }
    #socialMediaIcons,
    .slideoutContent td {
        border-bottom: 2px solid #fff
    }
    #navBar ul,
    ul.left,
    ul.right {
        list-style: none
    }
    body {
        min-width: 220px
    }
    #header {
        height: 80px
    }
    #content {
        width: 100%
    }
    #content .bgContainer,
    #content .container {
        width: 520px
    }
    #slideshowContainer .bgContainer,
    #slideshowContainer .container {
        width: 100%
    }
    #slideshowContainer .moduleComponentContainerslideshow,
    #slideshowContainer .moduleComponentslideshow {
        height: 487px;
        width: 100%!important
    }
    #slideshowContainer .moduleComponentslideshow .bannerImageContainer img.bannerImage {
        width: 100%!important
    }
    #home #calloutsContainer .bgContainer,
    #home #calloutsContainer .container {
        width: 520px
    }
    #footer,
    #slideshowContainer .bannerHtmlContent {
        width: 100%
    }
    #footer .bgContainer,
    #footer .container {
        width: 520px
    }
    #slideshowContainer {
        display: none;
        float: left;
        position: relative;
        width: 100%;
        min-height: 487px;
        background: #f8f8f8
    }
    #header a.logo img {
        width: 135px;
        height: auto
    }
    ul.topLinks {
        display: none
    }
    ul.topLinks li a span {
        padding: 0 15px
    }
    a.tripadvisorIcon img {
        margin: 6px 0 0 14px
    }
    a.facebookIcon img {
        margin: 3px 0 0 10px
    }
    a.youtubeIcon img {
        margin: -1px 0 0 15px
    }
    a.instagramIcon img {
        margin: 5px 0 0 10px
    }
    ul.largeLinks li a {
        display: inline-block;
        padding: 0 0 15px;
        height: 29px
    }
    ul.largeLinks li a span {
        padding: 0 0 15px
    }
    ul.largeLinks li a:hover {
        color: #c52122
    }
    ul.largeLinks li:nth-child(1)>a,
    ul.largeLinks li:nth-child(2)>a {
        background: url(https://www.buriedvillage.co.nz/images/style/navigation_divide.png) right 6px no-repeat
    }
    ul.largeLinks li:nth-child(4)>a {
        padding: 2px 0 15px;
        margin: -2px 0 0;
        font-size: 17px
    }
    ul.largeLinks li .slideoutContainer {
        display: none!important
    }
    ul.largeLinks:hover li .slideoutContainer {
        display: none;
        opacity: 1;
        height: 245px!important;
        z-index: 100
    }
    ul.largeLinks li .slideoutContainer p {
        font-size: 13px;
        padding: 15px 0 0
    }
    ul.largeLinks li#livingHistory .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/living_history_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#seeAndDo .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/see_and_do_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#planYourVisit .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/plan_visit_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#pricesAndBookings .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/prices_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#livingHistory>a {
        width: 150px
    }
    ul.largeLinks li#seeAndDo>a {
        width: 114px
    }
    ul.largeLinks li#planYourVisit>a {
        width: 158px
    }
    ul.largeLinks li#pricesAndBookings>a {
        width: 180px
    }
    ul.largeLinks li#livingHistory .slideoutContainer p {
        width: 193px
    }
    ul.largeLinks li#seeAndDo .slideoutContainer p {
        width: 191px;
        left: 168px
    }
    ul.largeLinks li#planYourVisit .slideoutContainer p {
        width: 191px;
        left: 360px
    }
    ul.largeLinks li#pricesAndBookings .slideoutContainer p {
        color: #fff;
        width: 191px;
        left: 575px
    }
    ul.largeLinks li#livingHistory .slideoutContainer p a,
    ul.largeLinks li#planYourVisit .slideoutContainer p a,
    ul.largeLinks li#seeAndDo .slideoutContainer p a {
        font-size: 17px;
        color: #c52122
    }
    ul.largeLinks li#pricesAndBookings .slideoutContainer p a {
        font-size: 17px;
        color: #fff
    }
    #slideshowContainer .moduleComponentContainerslideshow {
        width: 1102px;
        height: 487px
    }
    #slideshowContainer .moduleComponentslideshow h2.bannerTitle {
        text-transform: uppercase;
        color: #c52122;
        font-size: 40px
    }
    #slideshowContainer .moduleComponentslideshow h2.bannerTitle a {
        color: #c52122
    }
    #slideshowContainer .moduleComponentslideshow .bannerHtmlContent {
        position: absolute;
        bottom: 50px;
        left: 0;
        width: 90%;
        padding: 20px 5% 50px;
        text-align: center;
        background: #fff
    }
    #slideshowContainer .moduleComponentslideshow .bannerHtmlContent a.findOutHowButton {
        position: absolute;
        bottom: 0;
        margin: 0 0 0 -80px;
        padding: 5px 40px
    }
    #default.noHeaderImage #headerImageContainer {
        width: 100%;
        height: 125px;
        background: url(https://www.buriedvillage.co.nz/images/style/header_pattern.jpg) center no-repeat
    }
    #headerImageContainer {
        width: 100%;
        height: 320px;
        background: #fff
    }
    body#default.halfHeightHeader #headerImageContainer {
        height: 238px
    }
    #headerImageContainer .moduleComponentContainerheaderImages {
        width: 100%;
        height: 320px
    }
    body#default.halfHeightHeader #headerImageContainer .moduleComponentContainerheaderImages {
        height: 238px
    }
    #headerImageContainer .moduleComponentContainerheaderImages .moduleComponentheaderImages {
        width: 100%;
        height: 320px;
        background-repeat: no-repeat!important
    }
    body#default.halfHeightHeader #headerImageContainer .moduleComponentContainerheaderImages .moduleComponentheaderImages {
        height: 238px
    }
    .totalCallouts1,
    .totalCallouts2 {
        height: 160px;
        overflow: hidden;
        cursor: pointer
    }
    #headerImageContainer .moduleComponentContainerheaderImages h2.bannerTitle {
        font-size: 40px
    }
    #headerImageContainer .moduleComponentContainerheaderImages h2.bannerTitle a {
        color: #c52122;
        text-decoration: none
    }
    #headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent {
        bottom: 50px;
        left: 0;
        width: 90%;
        padding: 20px 5% 50px
    }
    #headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent p {
        margin: 0;
        padding: 0
    }
    #headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent a.findOutHowButton {
        text-decoration: none;
        position: absolute;
        bottom: 0;
        margin: 0 0 0 -80px;
        padding: 5px 40px;
        color: #fff
    }
    #pageEditorContent {
        width: 98%;
        padding: 0 1%
    }
    #home #pageEditorContent {
        width: 100%;
        padding: 40px 0 55px
    }
    #calloutsContainer a.bannerLink {
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        bottom: -20px;
        left: 0;
        background: 0 0;
        z-index: 1000
    }
    #calloutsContainer {
        padding: 0 0 10px
    }
    #default #calloutsContainer {
        padding: 40px 0 55px
    }
    #calloutsContainer .bgContainer,
    #calloutsContainer .container {
        width: 520px
    }
    #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle {
        width: 86%;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 15px 7%!important;
        background: #2a251e;
        color: #fff;
        font-size: 20px
    }
    #calloutsContainer .moduleComponentContainercallouts .moduleComponent.selected h2.bannerTitle,
    #calloutsContainer .moduleComponentContainercallouts .moduleComponent:hover h2.bannerTitle {
        background: #c52122
    }
    .totalCallouts1 {
        width: 100%;
        margin: 0 0 20px;
        background-repeat: none;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: 100% auto
    }
    .totalCallouts2 {
        width: 48%;
        margin: 0 .3% 20px 0;
        background-repeat: no-repeat;
        background-size: 100% auto
    }
    .totalCallouts3,
    .totalCallouts4 {
        height: 160px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover
    }
    .totalCallouts3 {
        width: 100%;
        overflow: hidden;
        margin: 0 .3% 20px 0;
        cursor: pointer;
        background-size: cover
    }
    .totalCallouts4,
    .totalCallouts5 {
        width: 48%;
        overflow: hidden;
        margin: 0 .3% 20px 0;
        cursor: pointer
    }
    .totalCallouts4 {
        background-size: cover
    }
    #calloutsContainer .totalCallouts4 h2.bannerTitle {
        text-align: center;
        font-size: 16px
    }
    .totalCallouts5 {
        height: 180px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }
    #calloutsContainer .totalCallouts5 h2.bannerTitle {
        text-align: center;
        font-size: 12px
    }
    #home #calloutsContainer {
        padding: 0 0 50px;
        background: #fff
    }
    #home #calloutsContainer .moduleComponentContainercallouts .moduleComponentcallouts {
        width: 30%;
        margin: 0 1.5% 55px;
        overflow: visible
    }
    #home #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle {
        width: 72%;
        bottom: -20px;
        left: 0;
        margin: 0 7%;
        padding: 8px 7%!important;
        background: #4d340e;
        color: #fff;
        font-size: 22px;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .4)
    }
    #home #calloutsContainer div:nth-child(3) h2.bannerTitle {
        background: #c52122
    }
    #home #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle a {
        color: #fff;
        text-decoration: none
    }
    .slideoutContent {
        width: 90%;
        padding: 15px 5%;
        margin: 0;
        background: #f8f7f5
    }
    #redNavigation,
    ul.left,
    ul.right {
        width: 100%
    }
    .slideoutContent p {
        font-size: 90%;
        line-height: 145%
    }
    ul.left li a,
    ul.right li a {
        font-size: 18px;
        line-height: 33px;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none
    }
    #home #footer {
        border-top: none
    }
    #footer {
        bottom: 0;
        left: 0;
        height: 80px
    }
    #footer .footerCallout ul {
        margin: 6px 0
    }
    #footer.stuck .footerCallout ul {
        margin: 22px 0
    }
    #footer #socialMediaIcons {
        margin: -8px 0 0
    }
    #footer.stuck #socialMediaIcons {
        margin: 10px 0 0
    }
    ul.left {
        margin: 50px 0 0;
        padding: 0;
        text-align: left
    }
    ul.left li {
        display: block;
        float: none;
        position: relative;
        margin: 0 10px 0 0;
        padding: 0
    }
    ul.right {
        margin: 0;
        padding: 0;
        text-align: left
    }
    ul.right li {
        display: block;
        margin: 0 0 0 5px;
        padding: 0
    }
    #socialMediaIcons {
        width: 510px;
        height: auto;
        margin: 10px 0 0;
        padding: 30px 0 30px 10px;
        background: 0 0;
        border-top: 2px solid #fff
    }
    #socialMediaIcons p.connectTag {
        color: #fff;
        margin: 0 0 20px;
        padding: 0
    }
    #socialMediaIcons p.connectTag a {
        display: inline;
        text-decoration: none;
        padding: 0;
        margin: 6px 0;
        color: #fff;
        font-size: 20px;
        font-weight: 400;
        font-family: Bitter, serif
    }
    #back-top,
    #formTable div {
        display: none
    }
    #socialMediaIcons a {
        display: block;
        color: #fff;
        font-size: 18px;
        text-decoration: none;
        font-family: arial;
        padding: 8px 0 5px 40px;
        margin: 6px 0
    }
    .siteSearchInput,
    .siteSearchSubmit {
        font-family: Bitter, serif
    }
    .footerCallout {
        float: left;
        position: relative;
        width: 20%;
        min-height: 0;
        padding: 10px 0 0
    }
    #footerMenuFour,
    #footerMenuOne,
    #footerMenuThree,
    #footerMenuTwo {
        width: 100%
    }
    .footerCallout ul {
        margin: 22px 0;
        padding: 0;
        list-style: none
    }
    .footerCallout ul li a {
        color: #c52122;
        text-decoration: none;
        font-size: 24px;
        text-transform: uppercase
    }
    .footerCallout ul li ul li {
        margin: 8px 0
    }
    .footerCallout ul li ul li a {
        color: #fff;
        text-decoration: none;
        text-transform: capitalize;
        font-size: 18px
    }
    .siteSearchInput {
        width: 160px;
        height: 14px;
        font-size: 13px;
        padding: 7px 25px 7px 18px;
        border: 1px solid #ebeef6;
        color: #6d6d6d;
        text-align: left;
        background: #ebeef6;
        font-style: italic;
        border-radius: 0;
        text-transform: lowercase
    }
    .siteSearchSubmit {
        position: absolute;
        top: 5px;
        right: 0;
        border: none;
        cursor: pointer
    }
    .siteSearchSubmit:hover {
        color: #C52122
    }
    #copyright {
        float: left;
        position: relative;
        width: 100%;
        margin: 20px 0 30px;
        padding: 10px 0 0;
        border-top: 1px solid #4b3718
    }
    #copyright p {
        text-transform: uppercase;
        color: #6f5f47;
        font-family: arial;
        font-size: 14px!important;
        margin: 0;
        padding: 0
    }
    #copyright p a {
        color: #6f5f47;
        text-decoration: none
    }
    .siteSearch {
        width: 100%;
        padding: 30px 0 0
    }
    .siteSearch span {
        font-size: 14px;
        font-weight: 700
    }
    .siteSearch input.fsub {
        float: none;
        border: none;
        width: 60px;
        font-weight: 700;
        margin: 1px 0 9px;
        padding: 3px 5px;
        text-transform: uppercase;
        cursor: pointer
    }
    .siteSearch input.textInput {
        font-size: 16px;
        border: 1px solid #ccc;
        padding: 5px 6px;
        border-radius: 0;
        margin: 0 2px 0 12px
    }
    #searchResultDescription {
        margin: 10px 0
    }
    #searchResultItems .searchResultItem {
        margin: 15px 0 0;
        padding: 0 0 10px;
        border-bottom: 1px solid #ccc
    }
    #searchResultItems .searchResultItem a {
        text-decoration: none
    }
    #searchResultItems .title {
        font-weight: 700;
        margin: 0 0 0 10px;
        font-size: 16px;
        text-transform: none
    }
    #searchResultItems .title:hover {
        color: #AE1E1E
    }
    #searchResultItems .description {
        margin: 8px 0 0 10px;
        padding: 0
    }
    #alertForm,
    #emailForm,
    #registrationForm,
    #subscribeForm,
    #surveyTable {
        float: left;
        width: 100%;
        background: 0 0;
        border: none;
        padding: 0;
        margin: 0 0 30px
    }
    #emailForm #formTable {
        width: 100%;
        background: #fff;
        border: 5px solid #fff;
        padding: 0;
        margin: 30px 0 0;
        border-radius: 3px
    }
    body.iframe #emailForm #formTable {
        margin: 40px 0 0
    }
    #emailForm td {
        padding: 10px 0
    }
    #alertForm td.valueHorizontal .fgroup,
    #emailForm td.valueHorizontal .fgroup,
    #registrationForm td.valueHorizontal .fgroup,
    #subscribeForm td.valueHorizontal .fgroup,
    #surveyTable td.valueHorizontal .fgroup {
        font-size: 14px;
        margin: 8px 0 0 -18px
    }
    span.fieldNumber {
        margin: 0 10px 0 0
    }
    table.ftable td {
        vertical-align: top;
        padding: 4px
    }
    table.ftable td.flabel {
        text-align: right;
        padding-right: 10px
    }
    table.ftable td.fvalue {
        text-align: left
    }
    table.ftable td.fcolumn {
        text-align: center
    }
    input.fdate,
    input.fmtxt,
    input.fstxt,
    input.ftxt,
    textarea.fmtxt {
        font-family: arial, helvetica, sans-serif;
        background: #FFF;
        border: 1px solid #ccc;
        font-size: 14px;
        width: 100%;
        padding: 6px;
        margin: 1px 0 1px -18px;
        border-radius: 0
    }
    body.iframe input.fdate,
    body.iframe input.fmtxt,
    body.iframe input.fstxt,
    body.iframe textarea.fmtxt {
        background: #8e8e8e;
        border: 1px solid #8e8e8e;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0 0 6px 30px;
        color: #fff;
        width: 100%;
        border-radius: 0
    }
    body.iframe textarea.fmtxt {
        height: 70px
    }
    body.iframe td.valueVertical input.fdate,
    body.iframe td.valueVertical input.fmtxt,
    body.iframe td.valueVertical input.fstxt,
    body.iframe td.valueVertical input.ftxt,
    body.iframe td.valueVertical textarea.fmtxt {
        width: 180px;
        background: #8e8e8e;
        border: 1px solid #8e8e8e;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0;
        color: #a7a7a7
    }
    input.fdate:focus,
    input.fdate:hover,
    input.fmtxt:focus,
    input.fmtxt:hover,
    input.fstxt:focus,
    input.fstxt:hover,
    input.ftxt:focus,
    input.ftxt:hover {
        border: 1px solid #A91D1C
    }
    input.fdate {
        width: 150px
    }
    input.fstxt {
        width: 50px
    }
    select.fsel,
    select.fseldate {
        background: #fff;
        border: 1px solid #ccc;
        font-size: 11px;
        width: 100%;
        margin: 0;
        padding: 4px;
        border-radius: 6px
    }
    body.iframe select.fsel,
    body.iframe select.fseldate {
        background: #2e2e2e;
        color: #6b6b6b;
        border: 1px solid #6d6d6d;
        -webkit-box-shadow: 0 0 5px #000;
        -moz-box-shadow: 0 0 5px #000;
        box-shadow: 0 0 4px #000;
        margin: 0 0 0 30px
    }
    body.iframe td.valueVertical select.fsel,
    body.iframe td.valueVertical select.fseldate {
        background: #2e2e2e;
        color: #a8a8a8;
        width: 310px;
        border: 1px solid #6d6d6d;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0
    }
    select.fseldate {
        width: auto
    }
    select.fseldate:focus,
    select.fseldate:hover {
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        border: 1px solid #A91D1C
    }
    #formTable div.buttonPanel {
        display: block
    }
    .buttonBar,
    .buttonPanel {
        text-align: right;
        padding: 15px 0 0
    }
    .buttonBar input,
    .buttonBar input.fsub,
    .buttonPanel input.fsub,
    input.fsub {
        float: right;
        text-transform: uppercase;
        background: #A91D1C;
        border: none;
        font-size: 16px;
        padding: 8px;
        width: 130px;
        cursor: pointer;
        border-radius: 0;
        margin: 10px 0 0;
        color: #fff;
        font-family: Bitter, serif;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s
    }
    .buttonBar input.fsub:hover,
    .buttonBar input:hover,
    .buttonPanel input.fsub:hover,
    input.fsub:hover {
        background: #422C0B;
        color: #fff
    }
    body.iframe .buttonBar input,
    body.iframe input.fsub {
        background: 0 0;
        border: none;
        font-size: 14px;
        padding: 4px;
        text-transform: uppercase;
        width: 70px;
        cursor: pointer;
        border-radius: 2px;
        text-align: center;
        color: #0099e3;
        font-weight: 700
    }
    .msg {
        color: red;
        margin: 10px 0;
        font-style: italic
    }
    #alertForm .reset,
    #emailForm .reset,
    #registrationForm .reset,
    #subscribeForm .reset,
    #surveyTable .reset,
    .finlinehelp {
        display: none
    }
    a.emailLink {
        display: ineline-block;
        padding: 0 0 0 26px;
        text-decoration: none;
        background: url(https://www.buriedvillage.co.nz/images/style/email_icon.jpg) 0 6px no-repeat;
        transition: .1s all
    }
    a.emailLink:hover {
        text-decoration: underline;
        background: url(https://www.buriedvillage.co.nz/images/style/email_icon.jpg) 3px 6px no-repeat
    }
    #faqItems {
        float: left;
        position: relative;
        width: 100%
    }
    .faqItem a.button {
        display: block;
        padding: 10px;
        margin: 0 0 10px;
        color: #432C0C!important;
        text-decoration: none;
        border-radius: 4px;
        background: grey;
        background: -moz-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F2EFEB), color-stop(100%, #efefef));
        background: -webkit-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: -o-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: -ms-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: linear-gradient(to bottom, #F2EFEB 0, #efefef 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F2EFEB ', endColorstr='#efefef', GradientType=0)
    }
    .faqItem a.button:before,
    .faqItem:hover a.button:before {
        margin: 0 10px 0 0;
        width: 20px;
        display: block;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        float: left;
        height: 20px;
        content: " + "
    }
    .faqItem a.button:hover {
        text-decoration: none!important;
        color: #B21E1E!important
    }
    .faqItem a.button:before {
        line-height: 16px;
        background: #fff;
        color: #B21E1E;
        transition: .2s all
    }
    .faqItem:hover a.button:before {
        position: relative;
        background: #B21E1E;
        color: #fff
    }
    .faqItem .answer {
        padding: 0 0 0 10px
    }
    #rssIcon {
        position: absolute;
        top: 14px;
        left: 80px
    }
    #moduleItemCategories .moduleItemsListingItem,
    #moduleItemsListing .moduleItemsListingItem {
        width: 100%;
        margin: 0 0 33px;
        padding: 0 0 33px;
        border-bottom: 1px solid #ccc
    }
    #moduleItemCategories.moduleItemCategoriesBlog .moduleItemsListingItem,
    #moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem {
        padding: 0 0 33px;
        margin: 0 0 33px
    }
    #moduleItemCategories .moduleItemsListingItem a,
    #moduleItemsListing .moduleItemsListingItem a {
        color: #000;
        text-decoration: none
    }
    #moduleItemCategories .moduleItemsListingItem a:hover,
    #moduleItemsListing .moduleItemsListingItem a:hover {
        color: #E4252E
    }
    .moduleItemImage {
        float: left;
        position: relative;
        margin: 0 35px 0 0
    }
    .moduleItemImage a,
    .moduleItemImage a img.listing {
        float: left;
        position: relative
    }
    #moduleItemCategories .moduleItemsListingItem .title,
    #moduleItemsListing .moduleItemsListingItem .title {
        margin: 15px 0;
        color: #000;
        font-size: 40px;
        line-height: 40px;
        font-weight: 400;
        text-transform: none
    }
    #moduleItemsListing .moduleItemsListingItem .date {
        opacity: .5;
        font-size: 13px;
        margin: 5px 0 10px
    }
    #moduleItemCategories.moduleItemNews .moduleItemsListingItem .moduleItemContent,
    #moduleItemCategories.moduleItemsListingBlog .moduleItemsListingItem .moduleItemContent,
    #moduleItemsListing.moduleItemNews .moduleItemsListingItem .moduleItemContent,
    #moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem .moduleItemContent {
        float: left;
        position: relative;
        width: 70%;
        background: #fff
    }
    #moduleItemCategories.moduleListingWithLeftCol .moduleItemsListingItem .moduleItemContent,
    #moduleItemsListing.moduleListingWithLeftCol .moduleItemsListingItem .moduleItemContent {
        float: left;
        position: relative
    }
    .paginator {
        text-align: right
    }
    #authorBiography {
        float: left;
        position: relative;
        background: #F7F7F7;
        padding: 25px;
        margin: 0 0 33px
    }
    #authorBiography .title,
    #pageEditorContent h3.articlesWrittenBy {
        margin: 15px 0;
        color: #000;
        line-height: 45px;
        font-weight: 400;
        text-transform: none;
        font-size: 40px;
        font-family: nexa_lightregular, arial, sans-serif
    }
    #authorBiography .moduleItemImage {
        float: right
    }
    #moduleItemCategories .moduleItemsListingItem .readMore,
    #moduleItemsListing .moduleItemsListingItem .readMore {
        position: relative;
        float: left;
        width: auto;
        bottom: 0;
        right: 0;
        line-height: 25px;
        border-top: none;
        padding: 5px 0 0;
        margin: 0 0 0 10px
    }
    #moduleItemsListing .moduleItemsListingItem .readMore a:hover {
        background: #AC1E1D
    }
    #moduleItemsListing .moduleItemsListingItem .readMore a {
        display: inline-block;
        float: right;
        line-height: 25px;
        text-decoration: none;
        margin: 0 0 0 10px;
        padding: 4px 15px 4px 6px;
        text-transform: lowercase;
        transition: .5s all;
        border-radius: 0;
        color: #fff!important;
        background: #422C0B
    }
    #moduleItemsListing .moduleItemsListingItem .readMore a:before {
        float: left;
        margin: 5px 10px 5px 5px;
        content: " + ";
        width: 20px;
        height: 20px;
        display: block;
        background: #fff;
        color: #422C0B;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        line-height: 16px
    }
    .ratingContainer {
        padding: 20px 0 0 10px
    }
    #comments {
        float: left;
        position: relative;
        width: 100%;
        margin: 30px 0 0
    }
    .commentContainer {
        float: left;
        position: relative;
        width: auto;
        padding: 0 10px 0 0;
        margin: 15px 0 0;
        min-height: auto;
        line-height: 18px;
        background: 0 0;
        border-radius: 0
    }
    .commentContainer a {
        text-decoration: none;
        color: #969696
    }
    #comments .comment .replyLink,
    .thumbsDown,
    .thumbsDownRating,
    .thumbsUp,
    .thumbsUpRating {
        position: relative;
        float: none;
        display: inline-block;
        margin: 0 3px;
        width: auto
    }
    .thumbsDown,
    .thumbsUp {
        width: 15px;
        height: 15px;
        cursor: pointer;
        display: inline-block
    }
    .thumbsUp {
        background: url(http://www.moca.net.nz/LAW2014DEV/images/style/thumbs.png) bottom left no-repeat
    }
    .thumbsDown {
        background: url(http://www.moca.net.nz/LAW2014DEV/images/style/thumbs.png) bottom right no-repeat
    }
    .textModuleItem {
        float: left;
        position: relative;
        width: 100%;
        margin: 0
    }
    #default.marae .textModuleItem {
        float: left;
        position: relative;
        width: 635px;
        margin: 0;
        padding: 0
    }
    .textModuleItem .moduleItemImage {
        float: right;
        position: relative;
        margin: 15px 0 20px 30px;
        box-shadow: none
    }
    .textModuleItem #moduleItemContent {
        float: left;
        position: relative;
        width: 100%;
        padding: 25px 0 0
    }
    .textModuleItem .title {
        margin: 15px 0;
        color: #000;
        font-size: 40px;
        line-height: 45px;
        font-weight: 400;
        text-transform: none;
        font-family: nexa_lightregular, arial, sans-serif
    }
    .textModuleItem .date {
        opacity: .7
    }
    .textModuleItem .readMore {
        text-align: right
    }
    .textModuleItem .readMore a {
        margin: 0 8px 0 0;
        text-decoration: none;
        color: #E4252E
    }
    .textModuleItem .readMore #commentLink {
        float: none;
        position: static;
        margin: 0;
        border-radius: 0;
        padding: 0;
        background: 0 0;
        border: none;
        color: #262626;
        text-decoration: none
    }
    .textModuleItem #blogCommentForm,
    .textModuleItem #newsCommentForm {
        position: relative;
        float: left;
        width: 100%
    }
    #blogCommentForm td.flabel,
    td.fheader {
        text-indent: 0;
        text-align: left
    }
    #blogCommentForm .buttonPanel {
        padding: 0;
        margin: 0 0 15px
    }
    #blogCommentForm td {
        background: #e9e9e9!important;
        padding: 3px 15px
    }
    .textModuleItem .readMore #commentLink:hover {
        background: #fff;
        color: #EB202C;
        border: none
    }
    .textModuleItem .readMore a:hover {
        color: #E4252E
    }
    img.blogTitle {
        float: right;
        margin: -40px 10px 30px 0
    }
    .textModuleItem #moduleItemContentInner {
        float: left;
        position: relative;
        width: 95%;
        margin: 0 0 27px
    }
    .textModuleItem .blogHeader {
        float: left;
        position: relative;
        width: 100%
    }
    .textModuleItem .blogHeaderInner {
        position: absolute;
        top: 0;
        right: 25px;
        width: 350px;
        text-align: right
    }
    .textModuleItem .blogHeaderInner .date {
        float: right;
        position: relative;
        margin-left: 18px;
        padding-left: 18px;
        border-left: 1px solid #5e4314;
        font-weight: 700
    }
    .galleryListItem {
        margin: 15px 15px 0 0
    }
    #authorContainer {
        float: left;
        position: relative;
        width: 92%;
        padding: 1% 4%;
        margin: 50px 0 20px;
        background: #99D4DC;
        color: #fff
    }
    #authorContainer h3 {
        text-transform: lowercase;
        background: 0 0;
        margin: 20px 0 0;
        color: #fff;
        padding: 0;
        font-size: 30px
    }
    #authorContainer a,
    #authorContainer p {
        color: #fff
    }
    #authorContainer .moduleItemImage {
        float: right;
        margin: 10px 0 50px 30px;
        padding: 0
    }
    #authorContainer .content,
    #authorContainer a,
    #comments .comment,
    #comments h3 {
        float: left;
        position: relative
    }
    #authorContainer .moduleItemImage img {
        margin: 0;
        padding: 0;
        border-radius: 100%
    }
    #authorContainer .content {
        font-size: 85%;
        clear: both
    }
    #authorContainer .content p {
        line-height: 130%
    }
    #comments h3 {
        background: 0 0;
        padding: 0
    }
    #comments .comment {
        margin: 0 0 8px;
        border-radius: 0;
        width: 96%;
        padding: 2%
    }
    #comments .comment:nth-child(odd) {
        background: #efefef
    }
    #comments .comment:nth-child(even) {
        background: #f2efeb
    }
    #comments .comment.level1 {
        margin-left: 0;
        width: 96%
    }
    #comments .comment.level2 {
        margin-left: 5%;
        width: 91%
    }
    #comments .comment.level3 {
        margin-left: 10%;
        width: 86%
    }
    #comments .comment.level4 {
        margin-left: 15%;
        width: 81%
    }
    #comments .comment .date {
        position: relative;
        float: right
    }
    #comments .comment .commentLinksContainer,
    .ratingContainer {
        position: relative;
        height: 20px;
        width: 150px;
        float: right
    }
    #commentLink:hover {
        background: #422C0B;
        border: 1px solid #422C0B;
        text-decoration: none!important
    }
    #commentLink {
        display: inline-block;
        float: right;
        line-height: 25px;
        text-decoration: none;
        margin: 0 0 0 10px;
        padding: 4px 15px 4px 6px;
        text-transform: lowercase;
        transition: .5s all;
        border-radius: 0;
        color: #fff!important;
        background: #AC1E1D;
        border: 1px solid #AC1E1D
    }
    #commentLink:before {
        float: left;
        margin: 5px 10px 5px 5px;
        content: " + ";
        width: 20px;
        height: 20px;
        display: block;
        background: #fff;
        color: #422C0B;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        line-height: 17px
    }
    #tagContainer,
    .pinterest {
        display: none
    }
    .comment span.name {
        padding: 0;
        margin: 8px 0;
        color: #c52122;
        text-transform: uppercase;
        font-size: 18px;
        font-family: Bitter, serif;
        background: 0 0
    }
    #comments .comment .replyLink {
        position: relative;
        text-decoration: none;
        float: right
    }
    #facebook,
    #twitter,
    .pinterest {
        float: left;
        margin: 10px 0
    }
    .thumbsUp.clicked {
        background-position: top left
    }
    .thumbsDown.clicked {
        background-position: top right
    }
    .moduleItemBlog #facebook {
        float: left;
        width: 150px;
        margin: 10px 0
    }
    #facebook {
        width: 135px
    }
    #twitter {
        width: 89px
    }
    .pinterest {
        width: 60px
    }
    a.emailIcon,
    a.rssIcon {
        display: inline-block;
        float: left
    }
    #plusone {
        float: left;
        width: 70px;
        margin: 10px 0
    }
    #linkedin {
        float: left;
        width: 72px;
        margin: 10px 0
    }
    a.rssIcon {
        margin: 7px 12px 0 0
    }
    a.emailIcon {
        margin: 7px 8px 0 0
    }
    #editComment {
        width: 100%
    }
    #socialMediaContainer {
        float: left;
        position: relative;
        width: 100%;
        height: 42px;
        margin: 0 0 20px;
        padding: 0;
        border-top: 1px solid #fff;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0
    }
    #commentsContainer {
        float: left;
        position: relative;
        height: auto;
        width: 635px;
        margin: 0 0 15px 24px;
        padding: 15px 0 0
    }
    #commentsContainer h2 a {
        float: right;
        margin: 0 15px 0 0;
        font-size: 12px;
        text-decoration: none;
        color: #ef7c00
    }
    #commentsContainer h2 a:hover {
        text-decoration: underline
    }
    #commentsContainer .rating {
        float: left;
        position: relative;
        width: 100%;
        margin: 0 0 20px;
        padding: 0 0 10px;
        border-bottom: 1px solid #CCC
    }
    #commentsContainer .rating p {
        margin: 0 0 10px;
        padding: 0
    }
    #commentsContainer .rating p.date {
        font-weight: 700;
        margin: 0;
        padding: 0
    }
    #moduleItemBack {
        float: left;
        position: relative;
        line-height: 54px;
        color: #EB202C;
        width: 100%;
        margin: 15px 0 0;
        border-top: 1px solid #ccc
    }
    #moduleItemBack a {
        text-decoration: none;
        color: #EB202C
    }
    #moduleItemBack a:hover {
        color: #E4252E
    }
    #navBar {
        float: right;
        position: relative;
        width: 100%;
        min-height: auto;
        height: auto!important;
        padding: 0;
        margin: 0
    }
    #navBar .navCategoryBlogLinks,
    #navBar .navDateLinks,
    #navBar .navRecentLinks {
        float: left;
        position: relative;
        width: 33.3%
    }
    #navBar ul {
        color: auto;
        margin: 20px 0;
        padding: 0;
        width: 100%;
        min-height: 100px;
        background: url(http://www.moca.net.nz/LAW2014DEV/images/style/right_tile.png) top right repeat-y
    }
    #navBar ul li {
        margin: 3px 0;
        padding: 0
    }
    #navBar ul li a {
        margin: 0;
        color: #000;
        text-transform: none;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        text-decoration: none
    }
    #navBar ul li a:hover {
        color: #EE7A2D
    }
    #navBar span.navheaders {
        display: block;
        padding: 11px 15px;
        text-decoration: none;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 17px;
        margin: 0 0 20px;
        background-color: none;
        background-position: top right, 250px 15px;
        background-repeat: no-repeat;
        transition: .5s all
    }
    #navBar ul li a {
        display: block;
        font-weight: 400;
        padding: 2px 20px
    }
    #navBar .navDateLinks {
        margin: 0
    }
    #navBar a {
        text-decoration: none
    }
    #navBar a:hover {
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        text-decoration: underline
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa {
        margin: 40px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem {
        border: none;
        margin: 0 0 40px;
        padding: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .moduleItemImage {
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .imageContainer {
        float: left;
        position: relative;
        margin: 0 30px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem img.magnifyingGlassIcon {
        position: absolute;
        bottom: 00;
        right: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .moduleItemContent {
        float: right;
        position: relative;
        width: 520px
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .title {
        font-size: 19px;
        font-weight: 700;
        color: #C52122;
        text-transform: uppercase;
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.findOutMoreButton {
        display: inline-block;
        color: #fff;
        background: #2a251e;
        padding: 8px 15px;
        margin: 8px 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.bookNowButton {
        display: inline-block;
        color: #fff;
        background: #4D330E;
        padding: 8px 15px;
        margin: 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.bookNowButton:hover,
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.findOutMoreButton:hover {
        background: #C52122
    }
    .textModuleItem.moduleItemMuseumOfTeWairoa #moduleItemContent {
        padding: 0;
        margin: 0 0 30px
    }
    .textModuleItem.moduleItemMuseumOfTeWairoa .detailImageContainer {
        float: left;
        position: relative;
        width: 100%;
        margin: 0 0 50px
    }
    .textModuleItem.moduleItemMuseumOfTeWairoa .detailImageContainer .galleryListItem {
        float: left;
        position: relative
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips {
        margin: 40px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem {
        border: none;
        margin: 0 0 40px;
        padding: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .moduleItemImage {
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .imageContainer {
        float: left;
        position: relative;
        margin: 0 30px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem img.magnifyingGlassIcon {
        position: absolute;
        bottom: 00;
        right: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .moduleItemContent {
        float: right;
        position: relative;
        width: 520px
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .title {
        font-size: 19px;
        font-weight: 700;
        color: #C52122;
        text-transform: uppercase;
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.findOutMoreButton {
        display: inline-block;
        color: #fff;
        background: #2a251e;
        padding: 8px 15px;
        margin: 8px 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.bookNowButton {
        display: inline-block;
        color: #fff;
        background: #4D330E;
        padding: 8px 15px;
        margin: 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.bookNowButton:hover,
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.findOutMoreButton:hover {
        background: #C52122
    }
    .textModuleItem.moduleItemComboDayTrips #moduleItemContent {
        padding: 0;
        margin: 0 0 30px
    }
    .textModuleItem.moduleItemComboDayTrips .detailImageContainer {
        float: left;
        position: relative;
        width: 100%;
        margin: 0 0 50px
    }
    .textModuleItem.moduleItemComboDayTrips .detailImageContainer .galleryListItem {
        float: left;
        position: relative
    }
    #banner {
        display: none!important
    }
    #footer p {
        line-height: 26px;
        font-size: 20px;
        color: #fff
    }
    #footer,
    #footer.stuck,
    .sticky-wrapper {
        float: left;
        position: relative;
        z-index: 1000;
        padding: 0;
        margin: 0;
        border-top: none;
        min-height: 416px;
        width: 100%;
        background: url(https://www.buriedvillage.co.nz/images/style/footer_tile.jpg) top left repeat-x
    }
    ul.largeLinks {
        position: absolute;
        top: 60px;
        right: 0;
        width: 370px;
        border-bottom: 0;
        display: none;
        height: auto;
        padding: 0;
        margin: 0
    }
    ul.largeLinks li {
        border: none!important
    }
    ul.largeLinks li a {
        width: 100%!important;
        line-height: 40px;
        font-size: 20px!important;
        background: 0 0!important;
        border-bottom: 1px solid #646464;
        color: #fff
    }
    a#pull {
        display: block;
        float: right;
        margin: 23px 0 0;
        background-color: #AE1E1D;
        position: relative;
        border-radius: 0;
        color: #fff;
        font-size: 18px;
        padding: 5px 11px 5px 15px;
        text-decoration: none;
        text-transform: uppercase;
        width: 100px
    }
    a#pull:after {
        content: "";
        background: url(https://www.buriedvillage.co.nz/images/style/nav-icon.png) no-repeat;
        background-size: 100% auto;
        width: 18px;
        height: 18px;
        display: inline-block;
        position: absolute;
        right: 7px;
        top: 7px
    }
    ul.largeLinks li {
        display: block;
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
        background: #000!important
    }
    #home #pageEditorContent {
        padding-top: 80px
    }
    p#back-top {
        display: none!important
    }
    .subMenuContainer {
        float: left;
        position: relative;
        width: 100%;
        margin-bottom: 40px
    }
    .subMenuContainer ul {
        opacity: 1
    }
    .subMenuContainer ul li {
        display: block;
        margin: 10px 0
    }
    .subMenuContainer ul li a {
        display: block;
        padding: 10px;
        background: #f0f0f0!important;
        font-size: 22px
    }
    .subMenuContainer ul li a.menuSelected {
        display: block;
        padding: 10px;
        background: #efefef;
        font-size: 22px
    }
}

@media screen and (max-width:1161px) and (min-width:821px) {
    #header .bgContainer,
    #header .container,
    .bgContainer,
    .container {
        width: 740px
    }
    #navBar ul,
    ul.left,
    ul.right {
        list-style: none
    }
    body {
        min-width: 740px
    }
    #header {
        height: 110px
    }
    #content {
        width: 100%
    }
    #content .bgContainer,
    #content .container {
        width: 740px
    }
    #slideshowContainer .bgContainer,
    #slideshowContainer .container {
        width: 100%
    }
    #slideshowContainer .moduleComponentContainerslideshow,
    #slideshowContainer .moduleComponentslideshow {
        height: 487px;
        width: 100%!important
    }
    #slideshowContainer .moduleComponentslideshow .bannerImageContainer img.bannerImage {
        width: 100%!important
    }
    #home #calloutsContainer .bgContainer,
    #home #calloutsContainer .container {
        width: 740px
    }
    #footer,
    #slideshowContainer .bannerHtmlContent {
        width: 100%
    }
    #footer .bgContainer,
    #footer .container {
        width: 740px
    }
    #slideshowContainer {
        float: left;
        position: relative;
        width: 100%;
        min-height: 487px;
        background: #f8f8f8
    }
    #header a.logo img {
        width: 135px;
        height: auto
    }
    ul.topLinks {
        width: 580px;
        height: 30px;
        padding: 0 0 0 15px;
        background: url(https://www.buriedvillage.co.nz/images/style/top_links_bg.jpg) -130px 0 no-repeat #c52122
    }
    ul.topLinks li a span {
        padding: 0 15px
    }
    a.tripadvisorIcon img {
        margin: 6px 0 0 14px
    }
    a.facebookIcon img {
        margin: 3px 0 0 10px
    }
    a.youtubeIcon img {
        margin: -1px 0 0 15px
    }
    a.instagramIcon img {
        margin: 5px 0 0 10px
    }
    ul.largeLinks {
        height: 44px;
        margin: 36px 0 0;
        padding: 0
    }
    ul.largeLinks li a {
        display: inline-block;
        padding: 0 0 15px;
        height: 29px;
        font-size: 17px;
        color: #fff
    }
    ul.largeLinks li a span {
        padding: 0 0 15px
    }
    ul.largeLinks li a:hover {
        color: #c52122
    }
    ul.largeLinks li:nth-child(1)>a,
    ul.largeLinks li:nth-child(2)>a {
        background: url(https://www.buriedvillage.co.nz/images/style/navigation_divide.png) right 6px no-repeat
    }
    ul.largeLinks li:nth-child(4)>a {
        padding: 2px 0 15px;
        margin: -2px 0 0;
        font-size: 17px
    }
    ul.largeLinks li .slideoutContainer {
        right: -10px;
        border: 10px solid rgba(255, 255, 255, .9);
        opacity: 0;
        transition: .5s all;
        height: 0!important;
        z-index: -1;
        overflow: hidden;
        display: block
    }
    ul.largeLinks:hover li .slideoutContainer {
        display: none;
        opacity: 1;
        height: 245px!important;
        z-index: 100
    }
    ul.largeLinks li .slideoutContainer p {
        font-size: 13px;
        padding: 15px 0 0
    }
    ul.largeLinks li#livingHistory .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/living_history_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#seeAndDo .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/see_and_do_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#planYourVisit .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/plan_visit_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#pricesAndBookings .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/prices_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#livingHistory>a {
        width: 150px
    }
    ul.largeLinks li#seeAndDo>a {
        width: 114px
    }
    ul.largeLinks li#planYourVisit>a {
        width: 158px
    }
    ul.largeLinks li#pricesAndBookings>a {
        width: 180px
    }
    ul.largeLinks li#livingHistory .slideoutContainer p {
        width: 193px
    }
    ul.largeLinks li#seeAndDo .slideoutContainer p {
        width: 191px;
        left: 168px
    }
    ul.largeLinks li#planYourVisit .slideoutContainer p {
        width: 191px;
        left: 360px
    }
    ul.largeLinks li#pricesAndBookings .slideoutContainer p {
        color: #fff;
        width: 191px;
        left: 575px
    }
    ul.largeLinks li#livingHistory .slideoutContainer p a,
    ul.largeLinks li#planYourVisit .slideoutContainer p a,
    ul.largeLinks li#seeAndDo .slideoutContainer p a {
        font-size: 17px;
        color: #c52122
    }
    ul.largeLinks li#pricesAndBookings .slideoutContainer p a {
        font-size: 17px;
        color: #fff
    }
    #slideshowContainer .moduleComponentContainerslideshow {
        width: 1102px;
        height: 487px
    }
    #slideshowContainer .moduleComponentslideshow h2.bannerTitle {
        text-transform: uppercase;
        color: #c52122;
        font-size: 40px
    }
    #slideshowContainer .moduleComponentslideshow h2.bannerTitle a {
        color: #c52122
    }
    #slideshowContainer .moduleComponentslideshow .bannerHtmlContent {
        position: absolute;
        bottom: 50px;
        left: 0;
        width: 90%;
        padding: 20px 5% 50px;
        text-align: center;
        background: #fff
    }
    #slideshowContainer .moduleComponentslideshow .bannerHtmlContent a.findOutHowButton {
        position: absolute;
        bottom: 0;
        margin: 0 0 0 -80px;
        padding: 5px 40px
    }
    #default.noHeaderImage #headerImageContainer {
        width: 100%;
        height: 125px;
        background: url(https://www.buriedvillage.co.nz/images/style/header_pattern.jpg) center no-repeat
    }
    #headerImageContainer {
        width: 100%;
        height: 320px;
        background: #fff
    }
    body#default.halfHeightHeader #headerImageContainer {
        height: 238px
    }
    #headerImageContainer .moduleComponentContainerheaderImages {
        width: 100%;
        height: 320px
    }
    body#default.halfHeightHeader #headerImageContainer .moduleComponentContainerheaderImages {
        height: 238px
    }
    #headerImageContainer .moduleComponentContainerheaderImages .moduleComponentheaderImages {
        width: 100%;
        height: 320px;
        background-repeat: no-repeat!important
    }
    body#default.halfHeightHeader #headerImageContainer .moduleComponentContainerheaderImages .moduleComponentheaderImages {
        height: 238px
    }
    .totalCallouts1,
    .totalCallouts2 {
        height: 160px;
        overflow: hidden;
        cursor: pointer
    }
    #headerImageContainer .moduleComponentContainerheaderImages h2.bannerTitle {
        font-size: 40px
    }
    #headerImageContainer .moduleComponentContainerheaderImages h2.bannerTitle a {
        color: #c52122;
        text-decoration: none
    }
    #headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent {
        bottom: 50px;
        left: 0;
        width: 90%;
        padding: 20px 5% 50px
    }
    #headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent p {
        margin: 0;
        padding: 0
    }
    #headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent a.findOutHowButton {
        text-decoration: none;
        position: absolute;
        bottom: 0;
        margin: 0 0 0 -80px;
        padding: 5px 40px;
        color: #fff
    }
    #pageEditorContent {
        width: 98%;
        padding: 0 1%
    }
    #home #pageEditorContent {
        width: 100%;
        padding: 40px 0 55px
    }
    #calloutsContainer a.bannerLink {
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        bottom: -20px;
        left: 0;
        background: 0 0;
        z-index: 1000
    }
    #calloutsContainer {
        padding: 0 0 10px
    }
    #default #calloutsContainer {
        padding: 40px 0 55px
    }
    #calloutsContainer .bgContainer,
    #calloutsContainer .container {
        width: 740px
    }
    #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle {
        width: 86%;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 15px 7%!important;
        background: #2a251e;
        color: #fff;
        font-size: 20px
    }
    #calloutsContainer .moduleComponentContainercallouts .moduleComponent.selected h2.bannerTitle,
    #calloutsContainer .moduleComponentContainercallouts .moduleComponent:hover h2.bannerTitle {
        background: #c52122
    }
    .totalCallouts1 {
        width: 100%;
        margin: 0 0 20px;
        background-repeat: none;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: 100% auto
    }
    .totalCallouts2 {
        width: 49.7%;
        margin: 0 .3% 20px 0;
        background-repeat: no-repeat;
        background-size: 100% auto
    }
    .totalCallouts3,
    .totalCallouts4 {
        height: 160px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        overflow: hidden;
        margin: 0 .3% 20px 0;
        cursor: pointer
    }
    .totalCallouts3 {
        width: 33%;
        background-size: cover
    }
    .totalCallouts4 {
        width: 24.7%;
        background-size: cover
    }
    #calloutsContainer .totalCallouts4 h2.bannerTitle {
        text-align: center;
        font-size: 16px
    }
    .totalCallouts5 {
        width: 19.7%;
        height: 180px;
        overflow: hidden;
        margin: 0 .3% 20px 0;
        cursor: pointer;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }
    #calloutsContainer .totalCallouts5 h2.bannerTitle {
        text-align: center;
        font-size: 12px
    }
    #home #calloutsContainer {
        padding: 0 0 50px;
        background: #fff
    }
    #home #calloutsContainer .moduleComponentContainercallouts .moduleComponentcallouts {
        width: 30%;
        margin: 0 1.5% 55px;
        overflow: visible
    }
    #home #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle {
        width: 72%;
        bottom: -20px;
        left: 0;
        margin: 0 7%;
        padding: 8px 7%!important;
        background: #4d340e;
        color: #fff;
        font-size: 22px;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .4)
    }
    #home #calloutsContainer div:nth-child(3) h2.bannerTitle {
        background: #c52122
    }
    #home #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle a {
        color: #fff;
        text-decoration: none
    }
    .slideoutContent {
        width: 90%;
        padding: 15px 5%;
        margin: 0;
        background: #f8f7f5
    }
    #footer,
    #footer.stuck,
    .sticky-wrapper {
        background: url(https://www.buriedvillage.co.nz/images/style/footer_tile.jpg) top left repeat-x;
        width: 100%
    }
    .slideoutContent p {
        font-size: 90%;
        line-height: 145%
    }
    .slideoutContent td {
        border-bottom: 2px solid #fff
    }
    #home #footer {
        border-top: none
    }
    #footer {
        bottom: 0;
        left: 0;
        height: 80px
    }
    #footer p {
        line-height: 18px;
        font-size: 14px;
        color: #fff
    }
    ul.left li a,
    ul.right li a {
        font-size: 10px;
        line-height: 33px;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none
    }
    #footer.stuck,
    .sticky-wrapper {
        z-index: 1000;
        padding: 0;
        margin: 0;
        border-top: none;
        min-height: 416px
    }
    #footer .footerCallout ul {
        margin: 6px 0
    }
    #footer.stuck .footerCallout ul {
        margin: 22px 0
    }
    #footer #socialMediaIcons {
        margin: -8px 0 0
    }
    #footer.stuck #socialMediaIcons {
        margin: 10px 0 0
    }
    #redNavigation {
        width: 100%
    }
    ul.left {
        width: 35%;
        margin: 0;
        padding: 0;
        text-align: left
    }
    ul.left li {
        display: inline-block;
        float: none;
        position: relative;
        margin: 0 10px 0 0;
        padding: 0
    }
    ul.right {
        width: 65%;
        margin: 0;
        padding: 0;
        text-align: right
    }
    ul.right li {
        display: inline-block;
        margin: 0 0 0 5px;
        padding: 0
    }
    #socialMediaIcons {
        width: 190px;
        height: 500px;
        margin: 10px 0 0;
        padding: 19px 0 0 55px;
        background: url(https://www.buriedvillage.co.nz/images/style/footer_right_gradient.png) top left no-repeat
    }
    #socialMediaIcons p.connectTag {
        color: #fff;
        margin: 0 0 20px;
        padding: 0
    }
    #socialMediaIcons p.connectTag a {
        display: inline;
        text-decoration: none;
        padding: 0;
        margin: 6px 0;
        color: #fff;
        font-size: 20px;
        font-weight: 400;
        font-family: Bitter, serif
    }
    #back-top,
    #formTable div {
        display: none
    }
    #socialMediaIcons a {
        display: block;
        color: #fff;
        font-size: 13px;
        text-decoration: none;
        font-family: arial;
        padding: 8px 0 5px 40px;
        margin: 6px 0
    }
    .siteSearchInput,
    .siteSearchSubmit {
        font-family: Bitter, serif
    }
    .footerCallout {
        float: left;
        position: relative;
        width: 20%;
        min-height: 280px;
        padding: 10px 0 0
    }
    #footerMenuFour,
    #footerMenuOne,
    #footerMenuThree,
    #footerMenuTwo {
        width: 32%
    }
    .footerCallout ul {
        margin: 22px 0;
        padding: 0;
        list-style: none
    }
    .footerCallout ul li a {
        color: #c52122;
        text-decoration: none;
        text-transform: uppercase
    }
    .footerCallout ul li ul li {
        margin: 8px 0
    }
    .footerCallout ul li ul li a {
        color: #fff;
        text-decoration: none;
        text-transform: capitalize;
        font-size: 13px
    }
    .siteSearchInput {
        width: 160px;
        height: 14px;
        font-size: 13px;
        padding: 7px 25px 7px 18px;
        border: 1px solid #ebeef6;
        color: #6d6d6d;
        text-align: left;
        background: #ebeef6;
        font-style: italic;
        border-radius: 0;
        text-transform: lowercase
    }
    .siteSearchSubmit {
        position: absolute;
        top: 5px;
        right: 0;
        border: none;
        cursor: pointer
    }
    .siteSearchSubmit:hover {
        color: #C52122
    }
    #copyright {
        float: left;
        position: relative;
        width: 100%;
        margin: 20px 0 0;
        padding: 10px 0 0;
        border-top: 1px solid #4b3718
    }
    #copyright p {
        text-transform: uppercase;
        color: #6f5f47;
        font-family: arial;
        font-size: 11px;
        margin: 0;
        padding: 0
    }
    #copyright p a {
        color: #6f5f47;
        text-decoration: none
    }
    .siteSearch {
        width: 100%;
        padding: 30px 0 0
    }
    .siteSearch span {
        font-size: 14px;
        font-weight: 700
    }
    .siteSearch input.fsub {
        float: none;
        border: none;
        width: 60px;
        font-weight: 700;
        margin: 1px 0 9px;
        padding: 3px 5px;
        text-transform: uppercase;
        cursor: pointer
    }
    .siteSearch input.textInput {
        font-size: 16px;
        border: 1px solid #ccc;
        padding: 5px 6px;
        border-radius: 0;
        margin: 0 2px 0 12px
    }
    #searchResultDescription {
        margin: 10px 0
    }
    #searchResultItems .searchResultItem {
        margin: 15px 0 0;
        padding: 0 0 10px;
        border-bottom: 1px solid #ccc
    }
    #searchResultItems .searchResultItem a {
        text-decoration: none
    }
    #searchResultItems .title {
        font-weight: 700;
        margin: 0 0 0 10px;
        font-size: 16px;
        text-transform: none
    }
    #searchResultItems .title:hover {
        color: #AE1E1E
    }
    #searchResultItems .description {
        margin: 8px 0 0 10px;
        padding: 0
    }
    #alertForm,
    #emailForm,
    #registrationForm,
    #subscribeForm,
    #surveyTable {
        float: left;
        width: 100%;
        background: 0 0;
        border: none;
        padding: 0;
        margin: 0 0 30px
    }
    #emailForm #formTable {
        width: 100%;
        background: #fff;
        border: 5px solid #fff;
        padding: 0;
        margin: 30px 0 0;
        border-radius: 3px
    }
    body.iframe #emailForm #formTable {
        margin: 40px 0 0
    }
    #emailForm td {
        padding: 10px 0
    }
    #alertForm td.valueHorizontal .fgroup,
    #emailForm td.valueHorizontal .fgroup,
    #registrationForm td.valueHorizontal .fgroup,
    #subscribeForm td.valueHorizontal .fgroup,
    #surveyTable td.valueHorizontal .fgroup {
        font-size: 14px;
        margin: 8px 0 0 -18px
    }
    span.fieldNumber {
        margin: 0 10px 0 0
    }
    table.ftable td {
        vertical-align: top;
        padding: 4px
    }
    table.ftable td.flabel {
        text-align: right;
        padding-right: 10px
    }
    table.ftable td.fvalue {
        text-align: left
    }
    table.ftable td.fcolumn {
        text-align: center
    }
    input.fdate,
    input.fmtxt,
    input.fstxt,
    input.ftxt,
    textarea.fmtxt {
        font-family: arial, helvetica, sans-serif;
        background: #FFF;
        border: 1px solid #ccc;
        font-size: 14px;
        width: 100%;
        padding: 6px;
        margin: 1px 0 1px -18px;
        border-radius: 0
    }
    body.iframe input.fdate,
    body.iframe input.fmtxt,
    body.iframe input.fstxt,
    body.iframe textarea.fmtxt {
        background: #8e8e8e;
        border: 1px solid #8e8e8e;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0 0 6px 30px;
        color: #fff;
        width: 100%;
        border-radius: 0
    }
    body.iframe textarea.fmtxt {
        height: 70px
    }
    body.iframe td.valueVertical input.fdate,
    body.iframe td.valueVertical input.fmtxt,
    body.iframe td.valueVertical input.fstxt,
    body.iframe td.valueVertical input.ftxt,
    body.iframe td.valueVertical textarea.fmtxt {
        width: 180px;
        background: #8e8e8e;
        border: 1px solid #8e8e8e;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0;
        color: #a7a7a7
    }
    input.fdate:focus,
    input.fdate:hover,
    input.fmtxt:focus,
    input.fmtxt:hover,
    input.fstxt:focus,
    input.fstxt:hover,
    input.ftxt:focus,
    input.ftxt:hover {
        border: 1px solid #A91D1C
    }
    input.fdate {
        width: 150px
    }
    input.fstxt {
        width: 50px
    }
    select.fsel,
    select.fseldate {
        background: #fff;
        border: 1px solid #ccc;
        font-size: 11px;
        width: 100%;
        margin: 0;
        padding: 4px;
        border-radius: 6px
    }
    body.iframe select.fsel,
    body.iframe select.fseldate {
        background: #2e2e2e;
        color: #6b6b6b;
        border: 1px solid #6d6d6d;
        -webkit-box-shadow: 0 0 5px #000;
        -moz-box-shadow: 0 0 5px #000;
        box-shadow: 0 0 4px #000;
        margin: 0 0 0 30px
    }
    body.iframe td.valueVertical select.fsel,
    body.iframe td.valueVertical select.fseldate {
        background: #2e2e2e;
        color: #a8a8a8;
        width: 310px;
        border: 1px solid #6d6d6d;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0
    }
    select.fseldate {
        width: auto
    }
    select.fseldate:focus,
    select.fseldate:hover {
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        border: 1px solid #A91D1C
    }
    #formTable div.buttonPanel {
        display: block
    }
    .buttonBar,
    .buttonPanel {
        text-align: right;
        padding: 15px 0 0
    }
    .buttonBar input,
    .buttonBar input.fsub,
    .buttonPanel input.fsub,
    input.fsub {
        float: right;
        text-transform: uppercase;
        background: #A91D1C;
        border: none;
        font-size: 16px;
        padding: 8px;
        width: 130px;
        cursor: pointer;
        border-radius: 0;
        margin: 10px 0 0;
        color: #fff;
        font-family: Bitter, serif;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s
    }
    .buttonBar input.fsub:hover,
    .buttonBar input:hover,
    .buttonPanel input.fsub:hover,
    input.fsub:hover {
        background: #422C0B;
        color: #fff
    }
    body.iframe .buttonBar input,
    body.iframe input.fsub {
        background: 0 0;
        border: none;
        font-size: 14px;
        padding: 4px;
        text-transform: uppercase;
        width: 70px;
        cursor: pointer;
        border-radius: 2px;
        text-align: center;
        color: #0099e3;
        font-weight: 700
    }
    .msg {
        color: red;
        margin: 10px 0;
        font-style: italic
    }
    #alertForm .reset,
    #emailForm .reset,
    #registrationForm .reset,
    #subscribeForm .reset,
    #surveyTable .reset,
    .finlinehelp {
        display: none
    }
    a.emailLink {
        display: ineline-block;
        padding: 0 0 0 26px;
        text-decoration: none;
        background: url(https://www.buriedvillage.co.nz/images/style/email_icon.jpg) 0 6px no-repeat;
        transition: .1s all
    }
    a.emailLink:hover {
        text-decoration: underline;
        background: url(https://www.buriedvillage.co.nz/images/style/email_icon.jpg) 3px 6px no-repeat
    }
    #faqItems {
        float: left;
        position: relative;
        width: 100%
    }
    .faqItem a.button {
        display: block;
        padding: 10px;
        margin: 0 0 10px;
        color: #432C0C!important;
        text-decoration: none;
        border-radius: 4px;
        background: grey;
        background: -moz-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F2EFEB), color-stop(100%, #efefef));
        background: -webkit-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: -o-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: -ms-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: linear-gradient(to bottom, #F2EFEB 0, #efefef 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F2EFEB ', endColorstr='#efefef', GradientType=0)
    }
    .faqItem a.button:before,
    .faqItem:hover a.button:before {
        margin: 0 10px 0 0;
        width: 20px;
        display: block;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        float: left;
        height: 20px;
        content: " + "
    }
    .faqItem a.button:hover {
        text-decoration: none!important;
        color: #B21E1E!important
    }
    .faqItem a.button:before {
        line-height: 16px;
        background: #fff;
        color: #B21E1E;
        transition: .2s all
    }
    .faqItem:hover a.button:before {
        position: relative;
        background: #B21E1E;
        color: #fff
    }
    .faqItem .answer {
        padding: 0 0 0 10px
    }
    #rssIcon {
        position: absolute;
        top: 14px;
        left: 80px
    }
    #moduleItemCategories .moduleItemsListingItem,
    #moduleItemsListing .moduleItemsListingItem {
        width: 100%;
        margin: 0 0 33px;
        padding: 0 0 33px;
        border-bottom: 1px solid #ccc
    }
    #moduleItemCategories.moduleItemCategoriesBlog .moduleItemsListingItem,
    #moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem {
        padding: 0 0 33px;
        margin: 0 0 33px
    }
    #moduleItemCategories .moduleItemsListingItem a,
    #moduleItemsListing .moduleItemsListingItem a {
        color: #000;
        text-decoration: none
    }
    #moduleItemCategories .moduleItemsListingItem a:hover,
    #moduleItemsListing .moduleItemsListingItem a:hover {
        color: #E4252E
    }
    .moduleItemImage {
        float: left;
        position: relative;
        margin: 0 35px 0 0
    }
    .moduleItemImage a,
    .moduleItemImage a img.listing {
        float: left;
        position: relative
    }
    #moduleItemCategories .moduleItemsListingItem .title,
    #moduleItemsListing .moduleItemsListingItem .title {
        margin: 15px 0;
        color: #000;
        font-size: 40px;
        line-height: 40px;
        font-weight: 400;
        text-transform: none
    }
    #moduleItemsListing .moduleItemsListingItem .date {
        opacity: .5;
        font-size: 13px;
        margin: 5px 0 10px
    }
    #moduleItemCategories.moduleItemNews .moduleItemsListingItem .moduleItemContent,
    #moduleItemCategories.moduleItemsListingBlog .moduleItemsListingItem .moduleItemContent,
    #moduleItemsListing.moduleItemNews .moduleItemsListingItem .moduleItemContent,
    #moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem .moduleItemContent {
        float: left;
        position: relative;
        width: 70%;
        background: #fff
    }
    #moduleItemCategories.moduleListingWithLeftCol .moduleItemsListingItem .moduleItemContent,
    #moduleItemsListing.moduleListingWithLeftCol .moduleItemsListingItem .moduleItemContent {
        float: left;
        position: relative
    }
    .paginator {
        text-align: right
    }
    #authorBiography {
        float: left;
        position: relative;
        background: #F7F7F7;
        padding: 25px;
        margin: 0 0 33px
    }
    #authorBiography .title,
    #pageEditorContent h3.articlesWrittenBy {
        margin: 15px 0;
        color: #000;
        line-height: 45px;
        font-weight: 400;
        text-transform: none;
        font-size: 40px;
        font-family: nexa_lightregular, arial, sans-serif
    }
    #authorBiography .moduleItemImage {
        float: right
    }
    #moduleItemCategories .moduleItemsListingItem .readMore,
    #moduleItemsListing .moduleItemsListingItem .readMore {
        position: relative;
        float: left;
        width: auto;
        bottom: 0;
        right: 0;
        line-height: 25px;
        border-top: none;
        padding: 5px 0 0;
        margin: 0 0 0 10px
    }
    #moduleItemsListing .moduleItemsListingItem .readMore a:hover {
        background: #AC1E1D
    }
    #moduleItemsListing .moduleItemsListingItem .readMore a {
        display: inline-block;
        float: right;
        line-height: 25px;
        text-decoration: none;
        margin: 0 0 0 10px;
        padding: 4px 15px 4px 6px;
        text-transform: lowercase;
        transition: .5s all;
        border-radius: 0;
        color: #fff!important;
        background: #422C0B
    }
    #moduleItemsListing .moduleItemsListingItem .readMore a:before {
        float: left;
        margin: 5px 10px 5px 5px;
        content: " + ";
        width: 20px;
        height: 20px;
        display: block;
        background: #fff;
        color: #422C0B;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        line-height: 16px
    }
    .ratingContainer {
        padding: 20px 0 0 10px
    }
    #comments {
        float: left;
        position: relative;
        width: 100%;
        margin: 30px 0 0
    }
    .commentContainer {
        float: left;
        position: relative;
        width: auto;
        padding: 0 10px 0 0;
        margin: 15px 0 0;
        min-height: auto;
        line-height: 18px;
        background: 0 0;
        border-radius: 0
    }
    .commentContainer a {
        text-decoration: none;
        color: #969696
    }
    #comments .comment .replyLink,
    .thumbsDown,
    .thumbsDownRating,
    .thumbsUp,
    .thumbsUpRating {
        position: relative;
        float: none;
        display: inline-block;
        margin: 0 3px;
        width: auto
    }
    .thumbsDown,
    .thumbsUp {
        width: 15px;
        height: 15px;
        cursor: pointer;
        display: inline-block
    }
    .thumbsUp {
        background: url(http://www.moca.net.nz/LAW2014DEV/images/style/thumbs.png) bottom left no-repeat
    }
    .thumbsDown {
        background: url(http://www.moca.net.nz/LAW2014DEV/images/style/thumbs.png) bottom right no-repeat
    }
    .textModuleItem {
        float: left;
        position: relative;
        width: 100%;
        margin: 0
    }
    #default.marae .textModuleItem {
        float: left;
        position: relative;
        width: 635px;
        margin: 0;
        padding: 0
    }
    .textModuleItem .moduleItemImage {
        float: right;
        position: relative;
        margin: 15px 0 20px 30px;
        box-shadow: none
    }
    .textModuleItem #moduleItemContent {
        float: left;
        position: relative;
        width: 100%;
        padding: 25px 0 0
    }
    .textModuleItem .title {
        margin: 15px 0;
        color: #000;
        font-size: 40px;
        line-height: 45px;
        font-weight: 400;
        text-transform: none;
        font-family: nexa_lightregular, arial, sans-serif
    }
    .textModuleItem .date {
        opacity: .7
    }
    .textModuleItem .readMore {
        text-align: right
    }
    .textModuleItem .readMore a {
        margin: 0 8px 0 0;
        text-decoration: none;
        color: #E4252E
    }
    .textModuleItem .readMore #commentLink {
        float: none;
        position: static;
        margin: 0;
        border-radius: 0;
        padding: 0;
        background: 0 0;
        border: none;
        color: #262626;
        text-decoration: none
    }
    .textModuleItem #blogCommentForm,
    .textModuleItem #newsCommentForm {
        position: relative;
        float: left;
        width: 100%
    }
    #blogCommentForm td.flabel,
    td.fheader {
        text-indent: 0;
        text-align: left
    }
    #blogCommentForm .buttonPanel {
        padding: 0;
        margin: 0 0 15px
    }
    #blogCommentForm td {
        background: #e9e9e9!important;
        padding: 3px 15px
    }
    .textModuleItem .readMore #commentLink:hover {
        background: #fff;
        color: #EB202C;
        border: none
    }
    .textModuleItem .readMore a:hover {
        color: #E4252E
    }
    img.blogTitle {
        float: right;
        margin: -40px 10px 30px 0
    }
    .textModuleItem #moduleItemContentInner {
        float: left;
        position: relative;
        width: 95%;
        margin: 0 0 27px
    }
    .textModuleItem .blogHeader {
        float: left;
        position: relative;
        width: 100%
    }
    .textModuleItem .blogHeaderInner {
        position: absolute;
        top: 0;
        right: 25px;
        width: 350px;
        text-align: right
    }
    .textModuleItem .blogHeaderInner .date {
        float: right;
        position: relative;
        margin-left: 18px;
        padding-left: 18px;
        border-left: 1px solid #5e4314;
        font-weight: 700
    }
    .galleryListItem {
        margin: 15px 15px 0 0
    }
    #authorContainer {
        float: left;
        position: relative;
        width: 92%;
        padding: 1% 4%;
        margin: 50px 0 20px;
        background: #99D4DC;
        color: #fff
    }
    #authorContainer h3 {
        text-transform: lowercase;
        background: 0 0;
        margin: 20px 0 0;
        color: #fff;
        padding: 0;
        font-size: 30px
    }
    #authorContainer a,
    #authorContainer p {
        color: #fff
    }
    #authorContainer .moduleItemImage {
        float: right;
        margin: 10px 0 50px 30px;
        padding: 0
    }
    #authorContainer .content,
    #authorContainer a,
    #comments .comment,
    #comments h3 {
        float: left;
        position: relative
    }
    #authorContainer .moduleItemImage img {
        margin: 0;
        padding: 0;
        border-radius: 100%
    }
    #authorContainer .content {
        font-size: 85%;
        clear: both
    }
    #authorContainer .content p {
        line-height: 130%
    }
    #comments h3 {
        background: 0 0;
        padding: 0
    }
    #comments .comment {
        margin: 0 0 8px;
        border-radius: 0;
        width: 96%;
        padding: 2%
    }
    #comments .comment:nth-child(odd) {
        background: #efefef
    }
    #comments .comment:nth-child(even) {
        background: #f2efeb
    }
    #comments .comment.level1 {
        margin-left: 0;
        width: 96%
    }
    #comments .comment.level2 {
        margin-left: 5%;
        width: 91%
    }
    #comments .comment.level3 {
        margin-left: 10%;
        width: 86%
    }
    #comments .comment.level4 {
        margin-left: 15%;
        width: 81%
    }
    #comments .comment .date {
        position: relative;
        float: right
    }
    #comments .comment .commentLinksContainer,
    .ratingContainer {
        position: relative;
        height: 20px;
        width: 150px;
        float: right
    }
    #commentLink:hover {
        background: #422C0B;
        border: 1px solid #422C0B;
        text-decoration: none!important
    }
    #commentLink {
        display: inline-block;
        float: right;
        line-height: 25px;
        text-decoration: none;
        margin: 0 0 0 10px;
        padding: 4px 15px 4px 6px;
        text-transform: lowercase;
        transition: .5s all;
        border-radius: 0;
        color: #fff!important;
        background: #AC1E1D;
        border: 1px solid #AC1E1D
    }
    #commentLink:before {
        float: left;
        margin: 5px 10px 5px 5px;
        content: " + ";
        width: 20px;
        height: 20px;
        display: block;
        background: #fff;
        color: #422C0B;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        line-height: 17px
    }
    #tagContainer,
    .pinterest {
        display: none
    }
    .comment span.name {
        padding: 0;
        margin: 8px 0;
        color: #c52122;
        text-transform: uppercase;
        font-size: 18px;
        font-family: Bitter, serif;
        background: 0 0
    }
    #comments .comment .replyLink {
        position: relative;
        text-decoration: none;
        float: right
    }
    #facebook,
    #twitter,
    .pinterest {
        float: left;
        margin: 10px 0
    }
    .thumbsUp.clicked {
        background-position: top left
    }
    .thumbsDown.clicked {
        background-position: top right
    }
    .moduleItemBlog #facebook {
        float: left;
        width: 150px;
        margin: 10px 0
    }
    #facebook {
        width: 135px
    }
    #twitter {
        width: 89px
    }
    .pinterest {
        width: 60px
    }
    a.emailIcon,
    a.rssIcon {
        display: inline-block;
        float: left
    }
    #plusone {
        float: left;
        width: 70px;
        margin: 10px 0
    }
    #linkedin {
        float: left;
        width: 72px;
        margin: 10px 0
    }
    a.rssIcon {
        margin: 7px 12px 0 0
    }
    a.emailIcon {
        margin: 7px 8px 0 0
    }
    #editComment {
        width: 100%
    }
    #socialMediaContainer {
        float: left;
        position: relative;
        width: 100%;
        height: 42px;
        margin: 0 0 20px;
        padding: 0;
        border-top: 1px solid #fff;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0
    }
    #commentsContainer {
        float: left;
        position: relative;
        height: auto;
        width: 635px;
        margin: 0 0 15px 24px;
        padding: 15px 0 0
    }
    #commentsContainer h2 a {
        float: right;
        margin: 0 15px 0 0;
        font-size: 12px;
        text-decoration: none;
        color: #ef7c00
    }
    #commentsContainer h2 a:hover {
        text-decoration: underline
    }
    #commentsContainer .rating {
        float: left;
        position: relative;
        width: 100%;
        margin: 0 0 20px;
        padding: 0 0 10px;
        border-bottom: 1px solid #CCC
    }
    #commentsContainer .rating p {
        margin: 0 0 10px;
        padding: 0
    }
    #commentsContainer .rating p.date {
        font-weight: 700;
        margin: 0;
        padding: 0
    }
    #moduleItemBack {
        float: left;
        position: relative;
        line-height: 54px;
        color: #EB202C;
        width: 100%;
        margin: 15px 0 0;
        border-top: 1px solid #ccc
    }
    #moduleItemBack a {
        text-decoration: none;
        color: #EB202C
    }
    #moduleItemBack a:hover {
        color: #E4252E
    }
    #navBar {
        float: right;
        position: relative;
        width: 100%;
        min-height: auto;
        height: auto!important;
        padding: 0;
        margin: 0
    }
    #navBar .navCategoryBlogLinks,
    #navBar .navDateLinks,
    #navBar .navRecentLinks {
        float: left;
        position: relative;
        width: 33.3%
    }
    #navBar ul {
        color: auto;
        margin: 20px 0;
        padding: 0;
        width: 100%;
        min-height: 100px;
        background: url(http://www.moca.net.nz/LAW2014DEV/images/style/right_tile.png) top right repeat-y
    }
    #navBar ul li {
        margin: 3px 0;
        padding: 0
    }
    #navBar ul li a {
        margin: 0;
        color: #000;
        text-transform: none;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        text-decoration: none
    }
    #navBar ul li a:hover {
        color: #EE7A2D
    }
    #navBar span.navheaders {
        display: block;
        padding: 11px 15px;
        text-decoration: none;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 17px;
        margin: 0 0 20px;
        background-color: none;
        background-position: top right, 250px 15px;
        background-repeat: no-repeat;
        transition: .5s all
    }
    #navBar ul li a {
        display: block;
        font-weight: 400;
        padding: 2px 20px
    }
    #navBar .navDateLinks {
        margin: 0
    }
    #navBar a {
        text-decoration: none
    }
    #navBar a:hover {
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        text-decoration: underline
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa {
        margin: 40px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem {
        border: none;
        margin: 0 0 40px;
        padding: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .moduleItemImage {
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .imageContainer {
        float: left;
        position: relative;
        margin: 0 30px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem img.magnifyingGlassIcon {
        position: absolute;
        bottom: 00;
        right: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .moduleItemContent {
        float: right;
        position: relative;
        width: 520px
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .title {
        font-size: 19px;
        font-weight: 700;
        color: #C52122;
        text-transform: uppercase;
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.findOutMoreButton {
        display: inline-block;
        color: #fff;
        background: #2a251e;
        padding: 8px 15px;
        margin: 8px 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.bookNowButton {
        display: inline-block;
        color: #fff;
        background: #4D330E;
        padding: 8px 15px;
        margin: 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.bookNowButton:hover,
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.findOutMoreButton:hover {
        background: #C52122
    }
    .textModuleItem.moduleItemMuseumOfTeWairoa #moduleItemContent {
        padding: 0;
        margin: 0 0 30px
    }
    .textModuleItem.moduleItemMuseumOfTeWairoa .detailImageContainer {
        float: left;
        position: relative;
        width: 100%;
        margin: 0 0 50px
    }
    .textModuleItem.moduleItemMuseumOfTeWairoa .detailImageContainer .galleryListItem {
        float: left;
        position: relative
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips {
        margin: 40px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem {
        border: none;
        margin: 0 0 40px;
        padding: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .moduleItemImage {
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .imageContainer {
        float: left;
        position: relative;
        margin: 0 30px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem img.magnifyingGlassIcon {
        position: absolute;
        bottom: 00;
        right: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .moduleItemContent {
        float: right;
        position: relative;
        width: 520px
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .title {
        font-size: 19px;
        font-weight: 700;
        color: #C52122;
        text-transform: uppercase;
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.findOutMoreButton {
        display: inline-block;
        color: #fff;
        background: #2a251e;
        padding: 8px 15px;
        margin: 8px 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.bookNowButton {
        display: inline-block;
        color: #fff;
        background: #4D330E;
        padding: 8px 15px;
        margin: 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.bookNowButton:hover,
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.findOutMoreButton:hover {
        background: #C52122
    }
    .textModuleItem.moduleItemComboDayTrips #moduleItemContent {
        padding: 0;
        margin: 0 0 30px
    }
    .textModuleItem.moduleItemComboDayTrips .detailImageContainer {
        float: left;
        position: relative;
        width: 100%;
        margin: 0 0 50px
    }
    .textModuleItem.moduleItemComboDayTrips .detailImageContainer .galleryListItem {
        float: left;
        position: relative
    }
    #banner {
        display: none!important
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) {
    #header .bgContainer,
    #header .container,
    .bgContainer,
    .container {
        width: 520px
    }
    #socialMediaIcons,
    .slideoutContent td {
        border-bottom: 2px solid #fff
    }
    #navBar ul,
    ul.left,
    ul.right {
        list-style: none
    }
    body {
        min-width: 520px
    }
    #header {
        height: 80px
    }
    #content {
        width: 100%
    }
    #content .bgContainer,
    #content .container {
        width: 520px
    }
    #slideshowContainer .bgContainer,
    #slideshowContainer .container {
        width: 100%
    }
    #slideshowContainer .moduleComponentContainerslideshow,
    #slideshowContainer .moduleComponentslideshow {
        height: 487px;
        width: 100%!important
    }
    #slideshowContainer .moduleComponentslideshow .bannerImageContainer img.bannerImage {
        width: 100%!important
    }
    #home #calloutsContainer .bgContainer,
    #home #calloutsContainer .container {
        width: 520px
    }
    #footer,
    #slideshowContainer .bannerHtmlContent {
        width: 100%
    }
    #footer .bgContainer,
    #footer .container {
        width: 520px
    }
    #slideshowContainer {
        display: none;
        float: left;
        position: relative;
        width: 100%;
        min-height: 487px;
        background: #f8f8f8
    }
    #header a.logo img {
        width: 135px;
        height: auto
    }
    ul.topLinks {
        display: none
    }
    ul.topLinks li a span {
        padding: 0 15px
    }
    a.tripadvisorIcon img {
        margin: 6px 0 0 14px
    }
    a.facebookIcon img {
        margin: 3px 0 0 10px
    }
    a.youtubeIcon img {
        margin: -1px 0 0 15px
    }
    a.instagramIcon img {
        margin: 5px 0 0 10px
    }
    ul.largeLinks li a {
        display: inline-block;
        padding: 0 0 15px;
        height: 29px
    }
    ul.largeLinks li a span {
        padding: 0 0 15px
    }
    ul.largeLinks li a:hover {
        color: #c52122
    }
    ul.largeLinks li:nth-child(1)>a,
    ul.largeLinks li:nth-child(2)>a {
        background: url(https://www.buriedvillage.co.nz/images/style/navigation_divide.png) right 6px no-repeat
    }
    ul.largeLinks li:nth-child(4)>a {
        padding: 2px 0 15px;
        margin: -2px 0 0;
        font-size: 17px
    }
    ul.largeLinks li .slideoutContainer {
        display: none!important
    }
    ul.largeLinks:hover li .slideoutContainer {
        display: none;
        opacity: 1;
        height: 245px!important;
        z-index: 100
    }
    ul.largeLinks li .slideoutContainer p {
        font-size: 13px;
        padding: 15px 0 0
    }
    ul.largeLinks li#livingHistory .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/living_history_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#seeAndDo .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/see_and_do_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#planYourVisit .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/plan_visit_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#pricesAndBookings .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/prices_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#livingHistory>a {
        width: 150px
    }
    ul.largeLinks li#seeAndDo>a {
        width: 114px
    }
    ul.largeLinks li#planYourVisit>a {
        width: 158px
    }
    ul.largeLinks li#pricesAndBookings>a {
        width: 180px
    }
    ul.largeLinks li#livingHistory .slideoutContainer p {
        width: 193px
    }
    ul.largeLinks li#seeAndDo .slideoutContainer p {
        width: 191px;
        left: 168px
    }
    ul.largeLinks li#planYourVisit .slideoutContainer p {
        width: 191px;
        left: 360px
    }
    ul.largeLinks li#pricesAndBookings .slideoutContainer p {
        color: #fff;
        width: 191px;
        left: 575px
    }
    ul.largeLinks li#livingHistory .slideoutContainer p a,
    ul.largeLinks li#planYourVisit .slideoutContainer p a,
    ul.largeLinks li#seeAndDo .slideoutContainer p a {
        font-size: 17px;
        color: #c52122
    }
    ul.largeLinks li#pricesAndBookings .slideoutContainer p a {
        font-size: 17px;
        color: #fff
    }
    #slideshowContainer .moduleComponentContainerslideshow {
        width: 1102px;
        height: 487px
    }
    #slideshowContainer .moduleComponentslideshow h2.bannerTitle {
        text-transform: uppercase;
        color: #c52122;
        font-size: 40px
    }
    #slideshowContainer .moduleComponentslideshow h2.bannerTitle a {
        color: #c52122
    }
    #slideshowContainer .moduleComponentslideshow .bannerHtmlContent {
        position: absolute;
        bottom: 50px;
        left: 0;
        width: 90%;
        padding: 20px 5% 50px;
        text-align: center;
        background: #fff
    }
    #slideshowContainer .moduleComponentslideshow .bannerHtmlContent a.findOutHowButton {
        position: absolute;
        bottom: 0;
        margin: 0 0 0 -80px;
        padding: 5px 40px
    }
    #default.noHeaderImage #headerImageContainer {
        width: 100%;
        height: 125px;
        background: url(https://www.buriedvillage.co.nz/images/style/header_pattern.jpg) center no-repeat
    }
    #headerImageContainer {
        width: 100%;
        height: 320px;
        background: #fff
    }
    body#default.halfHeightHeader #headerImageContainer {
        height: 238px
    }
    #headerImageContainer .moduleComponentContainerheaderImages {
        width: 100%;
        height: 320px
    }
    body#default.halfHeightHeader #headerImageContainer .moduleComponentContainerheaderImages {
        height: 238px
    }
    #headerImageContainer .moduleComponentContainerheaderImages .moduleComponentheaderImages {
        width: 100%;
        height: 320px;
        background-repeat: no-repeat!important
    }
    body#default.halfHeightHeader #headerImageContainer .moduleComponentContainerheaderImages .moduleComponentheaderImages {
        height: 238px
    }
    .totalCallouts1,
    .totalCallouts2 {
        height: 160px;
        overflow: hidden;
        cursor: pointer
    }
    #headerImageContainer .moduleComponentContainerheaderImages h2.bannerTitle {
        font-size: 40px
    }
    #headerImageContainer .moduleComponentContainerheaderImages h2.bannerTitle a {
        color: #c52122;
        text-decoration: none
    }
    #headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent {
        bottom: 50px;
        left: 0;
        width: 90%;
        padding: 20px 5% 50px
    }
    #headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent p {
        margin: 0;
        padding: 0
    }
    #headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent a.findOutHowButton {
        text-decoration: none;
        position: absolute;
        bottom: 0;
        margin: 0 0 0 -80px;
        padding: 5px 40px;
        color: #fff
    }
    #pageEditorContent {
        width: 98%;
        padding: 0 1%
    }
    #home #pageEditorContent {
        width: 100%;
        padding: 40px 0 55px
    }
    #calloutsContainer a.bannerLink {
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        bottom: -20px;
        left: 0;
        background: 0 0;
        z-index: 1000
    }
    #calloutsContainer {
        padding: 0 0 10px
    }
    #default #calloutsContainer {
        padding: 40px 0 55px
    }
    #calloutsContainer .bgContainer,
    #calloutsContainer .container {
        width: 520px
    }
    #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle {
        width: 86%;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 15px 7%!important;
        background: #2a251e;
        color: #fff;
        font-size: 20px
    }
    #calloutsContainer .moduleComponentContainercallouts .moduleComponent.selected h2.bannerTitle,
    #calloutsContainer .moduleComponentContainercallouts .moduleComponent:hover h2.bannerTitle {
        background: #c52122
    }
    .totalCallouts1 {
        width: 100%;
        margin: 0 0 20px;
        background-repeat: none;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: 100% auto
    }
    .totalCallouts2 {
        width: 48%;
        margin: 0 .3% 20px 0;
        background-repeat: no-repeat;
        background-size: 100% auto
    }
    .totalCallouts3,
    .totalCallouts4 {
        height: 160px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover
    }
    .totalCallouts3 {
        width: 100%;
        overflow: hidden;
        margin: 0 .3% 20px 0;
        cursor: pointer;
        background-size: cover
    }
    .totalCallouts4,
    .totalCallouts5 {
        width: 48%;
        overflow: hidden;
        margin: 0 .3% 20px 0;
        cursor: pointer
    }
    .totalCallouts4 {
        background-size: cover
    }
    #calloutsContainer .totalCallouts4 h2.bannerTitle {
        text-align: center;
        font-size: 16px
    }
    .totalCallouts5 {
        height: 180px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }
    #calloutsContainer .totalCallouts5 h2.bannerTitle {
        text-align: center;
        font-size: 12px
    }
    #home #calloutsContainer {
        padding: 0 0 50px;
        background: #fff
    }
    #home #calloutsContainer .moduleComponentContainercallouts .moduleComponentcallouts {
        width: 30%;
        margin: 0 1.5% 55px;
        overflow: visible
    }
    #home #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle {
        width: 72%;
        bottom: -20px;
        left: 0;
        margin: 0 7%;
        padding: 8px 7%!important;
        background: #4d340e;
        color: #fff;
        font-size: 22px;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .4)
    }
    #home #calloutsContainer div:nth-child(3) h2.bannerTitle {
        background: #c52122
    }
    #home #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle a {
        color: #fff;
        text-decoration: none
    }
    .slideoutContent {
        width: 90%;
        padding: 15px 5%;
        margin: 0;
        background: #f8f7f5
    }
    #redNavigation,
    ul.left,
    ul.right {
        width: 100%
    }
    .slideoutContent p {
        font-size: 90%;
        line-height: 145%
    }
    ul.left li a,
    ul.right li a {
        font-size: 18px;
        line-height: 33px;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none
    }
    #home #footer {
        border-top: none
    }
    #footer {
        bottom: 0;
        left: 0;
        height: 80px
    }
    #footer .footerCallout ul {
        margin: 6px 0
    }
    #footer.stuck .footerCallout ul {
        margin: 22px 0
    }
    #footer #socialMediaIcons {
        margin: -8px 0 0
    }
    #footer.stuck #socialMediaIcons {
        margin: 10px 0 0
    }
    ul.left {
        margin: 50px 0 0;
        padding: 0;
        text-align: left
    }
    ul.left li {
        display: block;
        float: none;
        position: relative;
        margin: 0 10px 0 0;
        padding: 0
    }
    ul.right {
        margin: 0;
        padding: 0;
        text-align: left
    }
    ul.right li {
        display: block;
        margin: 0 0 0 5px;
        padding: 0
    }
    #socialMediaIcons {
        width: 510px;
        height: auto;
        margin: 10px 0 0;
        padding: 30px 0 30px 10px;
        background: 0 0;
        border-top: 2px solid #fff
    }
    #socialMediaIcons p.connectTag {
        color: #fff;
        margin: 0 0 20px;
        padding: 0
    }
    #socialMediaIcons p.connectTag a {
        display: inline;
        text-decoration: none;
        padding: 0;
        margin: 6px 0;
        color: #fff;
        font-size: 20px;
        font-weight: 400;
        font-family: Bitter, serif
    }
    #back-top,
    #formTable div {
        display: none
    }
    #socialMediaIcons a {
        display: block;
        color: #fff;
        font-size: 18px;
        text-decoration: none;
        font-family: arial;
        padding: 8px 0 5px 40px;
        margin: 6px 0
    }
    .siteSearchInput,
    .siteSearchSubmit {
        font-family: Bitter, serif
    }
    .footerCallout {
        float: left;
        position: relative;
        width: 20%;
        min-height: 0;
        padding: 10px 0 0
    }
    #footerMenuFour,
    #footerMenuOne,
    #footerMenuThree,
    #footerMenuTwo {
        width: 100%
    }
    .footerCallout ul {
        margin: 22px 0;
        padding: 0;
        list-style: none
    }
    .footerCallout ul li a {
        color: #c52122;
        text-decoration: none;
        font-size: 24px;
        text-transform: uppercase
    }
    .footerCallout ul li ul li {
        margin: 8px 0
    }
    .footerCallout ul li ul li a {
        color: #fff;
        text-decoration: none;
        text-transform: capitalize;
        font-size: 18px
    }
    .siteSearchInput {
        width: 160px;
        height: 14px;
        font-size: 13px;
        padding: 7px 25px 7px 18px;
        border: 1px solid #ebeef6;
        color: #6d6d6d;
        text-align: left;
        background: #ebeef6;
        font-style: italic;
        border-radius: 0;
        text-transform: lowercase
    }
    .siteSearchSubmit {
        position: absolute;
        top: 5px;
        right: 0;
        border: none;
        cursor: pointer
    }
    .siteSearchSubmit:hover {
        color: #C52122
    }
    #copyright {
        float: left;
        position: relative;
        width: 100%;
        margin: 20px 0 30px;
        padding: 10px 0 0;
        border-top: 1px solid #4b3718
    }
    #copyright p {
        text-transform: uppercase;
        color: #6f5f47;
        font-family: arial;
        font-size: 14px!important;
        margin: 0;
        padding: 0
    }
    #copyright p a {
        color: #6f5f47;
        text-decoration: none
    }
    .siteSearch {
        width: 100%;
        padding: 30px 0 0
    }
    .siteSearch span {
        font-size: 14px;
        font-weight: 700
    }
    .siteSearch input.fsub {
        float: none;
        border: none;
        width: 60px;
        font-weight: 700;
        margin: 1px 0 9px;
        padding: 3px 5px;
        text-transform: uppercase;
        cursor: pointer
    }
    .siteSearch input.textInput {
        font-size: 16px;
        border: 1px solid #ccc;
        padding: 5px 6px;
        border-radius: 0;
        margin: 0 2px 0 12px
    }
    #searchResultDescription {
        margin: 10px 0
    }
    #searchResultItems .searchResultItem {
        margin: 15px 0 0;
        padding: 0 0 10px;
        border-bottom: 1px solid #ccc
    }
    #searchResultItems .searchResultItem a {
        text-decoration: none
    }
    #searchResultItems .title {
        font-weight: 700;
        margin: 0 0 0 10px;
        font-size: 16px;
        text-transform: none
    }
    #searchResultItems .title:hover {
        color: #AE1E1E
    }
    #searchResultItems .description {
        margin: 8px 0 0 10px;
        padding: 0
    }
    #alertForm,
    #emailForm,
    #registrationForm,
    #subscribeForm,
    #surveyTable {
        float: left;
        width: 100%;
        background: 0 0;
        border: none;
        padding: 0;
        margin: 0 0 30px
    }
    #emailForm #formTable {
        width: 100%;
        background: #fff;
        border: 5px solid #fff;
        padding: 0;
        margin: 30px 0 0;
        border-radius: 3px
    }
    body.iframe #emailForm #formTable {
        margin: 40px 0 0
    }
    #emailForm td {
        padding: 10px 0
    }
    #alertForm td.valueHorizontal .fgroup,
    #emailForm td.valueHorizontal .fgroup,
    #registrationForm td.valueHorizontal .fgroup,
    #subscribeForm td.valueHorizontal .fgroup,
    #surveyTable td.valueHorizontal .fgroup {
        font-size: 14px;
        margin: 8px 0 0 -18px
    }
    span.fieldNumber {
        margin: 0 10px 0 0
    }
    table.ftable td {
        vertical-align: top;
        padding: 4px
    }
    table.ftable td.flabel {
        text-align: right;
        padding-right: 10px
    }
    table.ftable td.fvalue {
        text-align: left
    }
    table.ftable td.fcolumn {
        text-align: center
    }
    input.fdate,
    input.fmtxt,
    input.fstxt,
    input.ftxt,
    textarea.fmtxt {
        font-family: arial, helvetica, sans-serif;
        background: #FFF;
        border: 1px solid #ccc;
        font-size: 14px;
        width: 100%;
        padding: 6px;
        margin: 1px 0 1px -18px;
        border-radius: 0
    }
    body.iframe input.fdate,
    body.iframe input.fmtxt,
    body.iframe input.fstxt,
    body.iframe textarea.fmtxt {
        background: #8e8e8e;
        border: 1px solid #8e8e8e;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0 0 6px 30px;
        color: #fff;
        width: 100%;
        border-radius: 0
    }
    body.iframe textarea.fmtxt {
        height: 70px
    }
    body.iframe td.valueVertical input.fdate,
    body.iframe td.valueVertical input.fmtxt,
    body.iframe td.valueVertical input.fstxt,
    body.iframe td.valueVertical input.ftxt,
    body.iframe td.valueVertical textarea.fmtxt {
        width: 180px;
        background: #8e8e8e;
        border: 1px solid #8e8e8e;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0;
        color: #a7a7a7
    }
    input.fdate:focus,
    input.fdate:hover,
    input.fmtxt:focus,
    input.fmtxt:hover,
    input.fstxt:focus,
    input.fstxt:hover,
    input.ftxt:focus,
    input.ftxt:hover {
        border: 1px solid #A91D1C
    }
    input.fdate {
        width: 150px
    }
    input.fstxt {
        width: 50px
    }
    select.fsel,
    select.fseldate {
        background: #fff;
        border: 1px solid #ccc;
        font-size: 11px;
        width: 100%;
        margin: 0;
        padding: 4px;
        border-radius: 6px
    }
    body.iframe select.fsel,
    body.iframe select.fseldate {
        background: #2e2e2e;
        color: #6b6b6b;
        border: 1px solid #6d6d6d;
        -webkit-box-shadow: 0 0 5px #000;
        -moz-box-shadow: 0 0 5px #000;
        box-shadow: 0 0 4px #000;
        margin: 0 0 0 30px
    }
    body.iframe td.valueVertical select.fsel,
    body.iframe td.valueVertical select.fseldate {
        background: #2e2e2e;
        color: #a8a8a8;
        width: 310px;
        border: 1px solid #6d6d6d;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0
    }
    select.fseldate {
        width: auto
    }
    select.fseldate:focus,
    select.fseldate:hover {
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        border: 1px solid #A91D1C
    }
    #formTable div.buttonPanel {
        display: block
    }
    .buttonBar,
    .buttonPanel {
        text-align: right;
        padding: 15px 0 0
    }
    .buttonBar input,
    .buttonBar input.fsub,
    .buttonPanel input.fsub,
    input.fsub {
        float: right;
        text-transform: uppercase;
        background: #A91D1C;
        border: none;
        font-size: 16px;
        padding: 8px;
        width: 130px;
        cursor: pointer;
        border-radius: 0;
        margin: 10px 0 0;
        color: #fff;
        font-family: Bitter, serif;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s
    }
    .buttonBar input.fsub:hover,
    .buttonBar input:hover,
    .buttonPanel input.fsub:hover,
    input.fsub:hover {
        background: #422C0B;
        color: #fff
    }
    body.iframe .buttonBar input,
    body.iframe input.fsub {
        background: 0 0;
        border: none;
        font-size: 14px;
        padding: 4px;
        text-transform: uppercase;
        width: 70px;
        cursor: pointer;
        border-radius: 2px;
        text-align: center;
        color: #0099e3;
        font-weight: 700
    }
    .msg {
        color: red;
        margin: 10px 0;
        font-style: italic
    }
    #alertForm .reset,
    #emailForm .reset,
    #registrationForm .reset,
    #subscribeForm .reset,
    #surveyTable .reset,
    .finlinehelp {
        display: none
    }
    a.emailLink {
        display: ineline-block;
        padding: 0 0 0 26px;
        text-decoration: none;
        background: url(https://www.buriedvillage.co.nz/images/style/email_icon.jpg) 0 6px no-repeat;
        transition: .1s all
    }
    a.emailLink:hover {
        text-decoration: underline;
        background: url(https://www.buriedvillage.co.nz/images/style/email_icon.jpg) 3px 6px no-repeat
    }
    #faqItems {
        float: left;
        position: relative;
        width: 100%
    }
    .faqItem a.button {
        display: block;
        padding: 10px;
        margin: 0 0 10px;
        color: #432C0C!important;
        text-decoration: none;
        border-radius: 4px;
        background: grey;
        background: -moz-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F2EFEB), color-stop(100%, #efefef));
        background: -webkit-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: -o-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: -ms-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: linear-gradient(to bottom, #F2EFEB 0, #efefef 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F2EFEB ', endColorstr='#efefef', GradientType=0)
    }
    .faqItem a.button:before,
    .faqItem:hover a.button:before {
        margin: 0 10px 0 0;
        width: 20px;
        display: block;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        float: left;
        height: 20px;
        content: " + "
    }
    .faqItem a.button:hover {
        text-decoration: none!important;
        color: #B21E1E!important
    }
    .faqItem a.button:before {
        line-height: 16px;
        background: #fff;
        color: #B21E1E;
        transition: .2s all
    }
    .faqItem:hover a.button:before {
        position: relative;
        background: #B21E1E;
        color: #fff
    }
    .faqItem .answer {
        padding: 0 0 0 10px
    }
    #rssIcon {
        position: absolute;
        top: 14px;
        left: 80px
    }
    #moduleItemCategories .moduleItemsListingItem,
    #moduleItemsListing .moduleItemsListingItem {
        width: 100%;
        margin: 0 0 33px;
        padding: 0 0 33px;
        border-bottom: 1px solid #ccc
    }
    #moduleItemCategories.moduleItemCategoriesBlog .moduleItemsListingItem,
    #moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem {
        padding: 0 0 33px;
        margin: 0 0 33px
    }
    #moduleItemCategories .moduleItemsListingItem a,
    #moduleItemsListing .moduleItemsListingItem a {
        color: #000;
        text-decoration: none
    }
    #moduleItemCategories .moduleItemsListingItem a:hover,
    #moduleItemsListing .moduleItemsListingItem a:hover {
        color: #E4252E
    }
    .moduleItemImage {
        float: left;
        position: relative;
        margin: 0 35px 0 0
    }
    .moduleItemImage a,
    .moduleItemImage a img.listing {
        float: left;
        position: relative
    }
    #moduleItemCategories .moduleItemsListingItem .title,
    #moduleItemsListing .moduleItemsListingItem .title {
        margin: 15px 0;
        color: #000;
        font-size: 40px;
        line-height: 40px;
        font-weight: 400;
        text-transform: none
    }
    #moduleItemsListing .moduleItemsListingItem .date {
        opacity: .5;
        font-size: 13px;
        margin: 5px 0 10px
    }
    #moduleItemCategories.moduleItemNews .moduleItemsListingItem .moduleItemContent,
    #moduleItemCategories.moduleItemsListingBlog .moduleItemsListingItem .moduleItemContent,
    #moduleItemsListing.moduleItemNews .moduleItemsListingItem .moduleItemContent,
    #moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem .moduleItemContent {
        float: left;
        position: relative;
        width: 70%;
        background: #fff
    }
    #moduleItemCategories.moduleListingWithLeftCol .moduleItemsListingItem .moduleItemContent,
    #moduleItemsListing.moduleListingWithLeftCol .moduleItemsListingItem .moduleItemContent {
        float: left;
        position: relative
    }
    .paginator {
        text-align: right
    }
    #authorBiography {
        float: left;
        position: relative;
        background: #F7F7F7;
        padding: 25px;
        margin: 0 0 33px
    }
    #authorBiography .title,
    #pageEditorContent h3.articlesWrittenBy {
        margin: 15px 0;
        color: #000;
        line-height: 45px;
        font-weight: 400;
        text-transform: none;
        font-size: 40px;
        font-family: nexa_lightregular, arial, sans-serif
    }
    #authorBiography .moduleItemImage {
        float: right
    }
    #moduleItemCategories .moduleItemsListingItem .readMore,
    #moduleItemsListing .moduleItemsListingItem .readMore {
        position: relative;
        float: left;
        width: auto;
        bottom: 0;
        right: 0;
        line-height: 25px;
        border-top: none;
        padding: 5px 0 0;
        margin: 0 0 0 10px
    }
    #moduleItemsListing .moduleItemsListingItem .readMore a:hover {
        background: #AC1E1D
    }
    #moduleItemsListing .moduleItemsListingItem .readMore a {
        display: inline-block;
        float: right;
        line-height: 25px;
        text-decoration: none;
        margin: 0 0 0 10px;
        padding: 4px 15px 4px 6px;
        text-transform: lowercase;
        transition: .5s all;
        border-radius: 0;
        color: #fff!important;
        background: #422C0B
    }
    #moduleItemsListing .moduleItemsListingItem .readMore a:before {
        float: left;
        margin: 5px 10px 5px 5px;
        content: " + ";
        width: 20px;
        height: 20px;
        display: block;
        background: #fff;
        color: #422C0B;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        line-height: 16px
    }
    .ratingContainer {
        padding: 20px 0 0 10px
    }
    #comments {
        float: left;
        position: relative;
        width: 100%;
        margin: 30px 0 0
    }
    .commentContainer {
        float: left;
        position: relative;
        width: auto;
        padding: 0 10px 0 0;
        margin: 15px 0 0;
        min-height: auto;
        line-height: 18px;
        background: 0 0;
        border-radius: 0
    }
    .commentContainer a {
        text-decoration: none;
        color: #969696
    }
    #comments .comment .replyLink,
    .thumbsDown,
    .thumbsDownRating,
    .thumbsUp,
    .thumbsUpRating {
        position: relative;
        float: none;
        display: inline-block;
        margin: 0 3px;
        width: auto
    }
    .thumbsDown,
    .thumbsUp {
        width: 15px;
        height: 15px;
        cursor: pointer;
        display: inline-block
    }
    .thumbsUp {
        background: url(http://www.moca.net.nz/LAW2014DEV/images/style/thumbs.png) bottom left no-repeat
    }
    .thumbsDown {
        background: url(http://www.moca.net.nz/LAW2014DEV/images/style/thumbs.png) bottom right no-repeat
    }
    .textModuleItem {
        float: left;
        position: relative;
        width: 100%;
        margin: 0
    }
    #default.marae .textModuleItem {
        float: left;
        position: relative;
        width: 635px;
        margin: 0;
        padding: 0
    }
    .textModuleItem .moduleItemImage {
        float: right;
        position: relative;
        margin: 15px 0 20px 30px;
        box-shadow: none
    }
    .textModuleItem #moduleItemContent {
        float: left;
        position: relative;
        width: 100%;
        padding: 25px 0 0
    }
    .textModuleItem .title {
        margin: 15px 0;
        color: #000;
        font-size: 40px;
        line-height: 45px;
        font-weight: 400;
        text-transform: none;
        font-family: nexa_lightregular, arial, sans-serif
    }
    .textModuleItem .date {
        opacity: .7
    }
    .textModuleItem .readMore {
        text-align: right
    }
    .textModuleItem .readMore a {
        margin: 0 8px 0 0;
        text-decoration: none;
        color: #E4252E
    }
    .textModuleItem .readMore #commentLink {
        float: none;
        position: static;
        margin: 0;
        border-radius: 0;
        padding: 0;
        background: 0 0;
        border: none;
        color: #262626;
        text-decoration: none
    }
    .textModuleItem #blogCommentForm,
    .textModuleItem #newsCommentForm {
        position: relative;
        float: left;
        width: 100%
    }
    #blogCommentForm td.flabel,
    td.fheader {
        text-indent: 0;
        text-align: left
    }
    #blogCommentForm .buttonPanel {
        padding: 0;
        margin: 0 0 15px
    }
    #blogCommentForm td {
        background: #e9e9e9!important;
        padding: 3px 15px
    }
    .textModuleItem .readMore #commentLink:hover {
        background: #fff;
        color: #EB202C;
        border: none
    }
    .textModuleItem .readMore a:hover {
        color: #E4252E
    }
    img.blogTitle {
        float: right;
        margin: -40px 10px 30px 0
    }
    .textModuleItem #moduleItemContentInner {
        float: left;
        position: relative;
        width: 95%;
        margin: 0 0 27px
    }
    .textModuleItem .blogHeader {
        float: left;
        position: relative;
        width: 100%
    }
    .textModuleItem .blogHeaderInner {
        position: absolute;
        top: 0;
        right: 25px;
        width: 350px;
        text-align: right
    }
    .textModuleItem .blogHeaderInner .date {
        float: right;
        position: relative;
        margin-left: 18px;
        padding-left: 18px;
        border-left: 1px solid #5e4314;
        font-weight: 700
    }
    .galleryListItem {
        margin: 15px 15px 0 0
    }
    #authorContainer {
        float: left;
        position: relative;
        width: 92%;
        padding: 1% 4%;
        margin: 50px 0 20px;
        background: #99D4DC;
        color: #fff
    }
    #authorContainer h3 {
        text-transform: lowercase;
        background: 0 0;
        margin: 20px 0 0;
        color: #fff;
        padding: 0;
        font-size: 30px
    }
    #authorContainer a,
    #authorContainer p {
        color: #fff
    }
    #authorContainer .moduleItemImage {
        float: right;
        margin: 10px 0 50px 30px;
        padding: 0
    }
    #authorContainer .content,
    #authorContainer a,
    #comments .comment,
    #comments h3 {
        float: left;
        position: relative
    }
    #authorContainer .moduleItemImage img {
        margin: 0;
        padding: 0;
        border-radius: 100%
    }
    #authorContainer .content {
        font-size: 85%;
        clear: both
    }
    #authorContainer .content p {
        line-height: 130%
    }
    #comments h3 {
        background: 0 0;
        padding: 0
    }
    #comments .comment {
        margin: 0 0 8px;
        border-radius: 0;
        width: 96%;
        padding: 2%
    }
    #comments .comment:nth-child(odd) {
        background: #efefef
    }
    #comments .comment:nth-child(even) {
        background: #f2efeb
    }
    #comments .comment.level1 {
        margin-left: 0;
        width: 96%
    }
    #comments .comment.level2 {
        margin-left: 5%;
        width: 91%
    }
    #comments .comment.level3 {
        margin-left: 10%;
        width: 86%
    }
    #comments .comment.level4 {
        margin-left: 15%;
        width: 81%
    }
    #comments .comment .date {
        position: relative;
        float: right
    }
    #comments .comment .commentLinksContainer,
    .ratingContainer {
        position: relative;
        height: 20px;
        width: 150px;
        float: right
    }
    #commentLink:hover {
        background: #422C0B;
        border: 1px solid #422C0B;
        text-decoration: none!important
    }
    #commentLink {
        display: inline-block;
        float: right;
        line-height: 25px;
        text-decoration: none;
        margin: 0 0 0 10px;
        padding: 4px 15px 4px 6px;
        text-transform: lowercase;
        transition: .5s all;
        border-radius: 0;
        color: #fff!important;
        background: #AC1E1D;
        border: 1px solid #AC1E1D
    }
    #commentLink:before {
        float: left;
        margin: 5px 10px 5px 5px;
        content: " + ";
        width: 20px;
        height: 20px;
        display: block;
        background: #fff;
        color: #422C0B;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        line-height: 17px
    }
    #tagContainer,
    .pinterest {
        display: none
    }
    .comment span.name {
        padding: 0;
        margin: 8px 0;
        color: #c52122;
        text-transform: uppercase;
        font-size: 18px;
        font-family: Bitter, serif;
        background: 0 0
    }
    #comments .comment .replyLink {
        position: relative;
        text-decoration: none;
        float: right
    }
    #facebook,
    #twitter,
    .pinterest {
        float: left;
        margin: 10px 0
    }
    .thumbsUp.clicked {
        background-position: top left
    }
    .thumbsDown.clicked {
        background-position: top right
    }
    .moduleItemBlog #facebook {
        float: left;
        width: 150px;
        margin: 10px 0
    }
    #facebook {
        width: 135px
    }
    #twitter {
        width: 89px
    }
    .pinterest {
        width: 60px
    }
    a.emailIcon,
    a.rssIcon {
        display: inline-block;
        float: left
    }
    #plusone {
        float: left;
        width: 70px;
        margin: 10px 0
    }
    #linkedin {
        float: left;
        width: 72px;
        margin: 10px 0
    }
    a.rssIcon {
        margin: 7px 12px 0 0
    }
    a.emailIcon {
        margin: 7px 8px 0 0
    }
    #editComment {
        width: 100%
    }
    #socialMediaContainer {
        float: left;
        position: relative;
        width: 100%;
        height: 42px;
        margin: 0 0 20px;
        padding: 0;
        border-top: 1px solid #fff;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0
    }
    #commentsContainer {
        float: left;
        position: relative;
        height: auto;
        width: 635px;
        margin: 0 0 15px 24px;
        padding: 15px 0 0
    }
    #commentsContainer h2 a {
        float: right;
        margin: 0 15px 0 0;
        font-size: 12px;
        text-decoration: none;
        color: #ef7c00
    }
    #commentsContainer h2 a:hover {
        text-decoration: underline
    }
    #commentsContainer .rating {
        float: left;
        position: relative;
        width: 100%;
        margin: 0 0 20px;
        padding: 0 0 10px;
        border-bottom: 1px solid #CCC
    }
    #commentsContainer .rating p {
        margin: 0 0 10px;
        padding: 0
    }
    #commentsContainer .rating p.date {
        font-weight: 700;
        margin: 0;
        padding: 0
    }
    #moduleItemBack {
        float: left;
        position: relative;
        line-height: 54px;
        color: #EB202C;
        width: 100%;
        margin: 15px 0 0;
        border-top: 1px solid #ccc
    }
    #moduleItemBack a {
        text-decoration: none;
        color: #EB202C
    }
    #moduleItemBack a:hover {
        color: #E4252E
    }
    #navBar {
        float: right;
        position: relative;
        width: 100%;
        min-height: auto;
        height: auto!important;
        padding: 0;
        margin: 0
    }
    #navBar .navCategoryBlogLinks,
    #navBar .navDateLinks,
    #navBar .navRecentLinks {
        float: left;
        position: relative;
        width: 33.3%
    }
    #navBar ul {
        color: auto;
        margin: 20px 0;
        padding: 0;
        width: 100%;
        min-height: 100px;
        background: url(http://www.moca.net.nz/LAW2014DEV/images/style/right_tile.png) top right repeat-y
    }
    #navBar ul li {
        margin: 3px 0;
        padding: 0
    }
    #navBar ul li a {
        margin: 0;
        color: #000;
        text-transform: none;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        text-decoration: none
    }
    #navBar ul li a:hover {
        color: #EE7A2D
    }
    #navBar span.navheaders {
        display: block;
        padding: 11px 15px;
        text-decoration: none;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 17px;
        margin: 0 0 20px;
        background-color: none;
        background-position: top right, 250px 15px;
        background-repeat: no-repeat;
        transition: .5s all
    }
    #navBar ul li a {
        display: block;
        font-weight: 400;
        padding: 2px 20px
    }
    #navBar .navDateLinks {
        margin: 0
    }
    #navBar a {
        text-decoration: none
    }
    #navBar a:hover {
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        text-decoration: underline
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa {
        margin: 40px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem {
        border: none;
        margin: 0 0 40px;
        padding: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .moduleItemImage {
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .imageContainer {
        float: left;
        position: relative;
        margin: 0 30px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem img.magnifyingGlassIcon {
        position: absolute;
        bottom: 00;
        right: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .moduleItemContent {
        float: right;
        position: relative;
        width: 520px
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .title {
        font-size: 19px;
        font-weight: 700;
        color: #C52122;
        text-transform: uppercase;
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.findOutMoreButton {
        display: inline-block;
        color: #fff;
        background: #2a251e;
        padding: 8px 15px;
        margin: 8px 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.bookNowButton {
        display: inline-block;
        color: #fff;
        background: #4D330E;
        padding: 8px 15px;
        margin: 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.bookNowButton:hover,
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.findOutMoreButton:hover {
        background: #C52122
    }
    .textModuleItem.moduleItemMuseumOfTeWairoa #moduleItemContent {
        padding: 0;
        margin: 0 0 30px
    }
    .textModuleItem.moduleItemMuseumOfTeWairoa .detailImageContainer {
        float: left;
        position: relative;
        width: 100%;
        margin: 0 0 50px
    }
    .textModuleItem.moduleItemMuseumOfTeWairoa .detailImageContainer .galleryListItem {
        float: left;
        position: relative
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips {
        margin: 40px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem {
        border: none;
        margin: 0 0 40px;
        padding: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .moduleItemImage {
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .imageContainer {
        float: left;
        position: relative;
        margin: 0 30px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem img.magnifyingGlassIcon {
        position: absolute;
        bottom: 00;
        right: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .moduleItemContent {
        float: right;
        position: relative;
        width: 520px
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .title {
        font-size: 19px;
        font-weight: 700;
        color: #C52122;
        text-transform: uppercase;
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.findOutMoreButton {
        display: inline-block;
        color: #fff;
        background: #2a251e;
        padding: 8px 15px;
        margin: 8px 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.bookNowButton {
        display: inline-block;
        color: #fff;
        background: #4D330E;
        padding: 8px 15px;
        margin: 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.bookNowButton:hover,
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.findOutMoreButton:hover {
        background: #C52122
    }
    .textModuleItem.moduleItemComboDayTrips #moduleItemContent {
        padding: 0;
        margin: 0 0 30px
    }
    .textModuleItem.moduleItemComboDayTrips .detailImageContainer {
        float: left;
        position: relative;
        width: 100%;
        margin: 0 0 50px
    }
    .textModuleItem.moduleItemComboDayTrips .detailImageContainer .galleryListItem {
        float: left;
        position: relative
    }
    #banner {
        display: none!important
    }
    #footer p {
        line-height: 26px;
        font-size: 20px;
        color: #fff
    }
    #footer,
    #footer.stuck,
    .sticky-wrapper {
        float: left;
        position: relative;
        z-index: 1000;
        padding: 0;
        margin: 0;
        border-top: none;
        min-height: 416px;
        width: 100%;
        background: url(https://www.buriedvillage.co.nz/images/style/footer_tile.jpg) top left repeat-x
    }
    ul.largeLinks {
        position: absolute;
        top: 60px;
        right: 0;
        width: 370px;
        border-bottom: 0;
        display: none;
        height: auto;
        padding: 0;
        margin: 0
    }
    ul.largeLinks li {
        border: none!important
    }
    ul.largeLinks li a {
        width: 100%!important;
        line-height: 40px;
        font-size: 20px!important;
        background: 0 0!important;
        border-bottom: 1px solid #646464;
        color: #fff
    }
    a#pull {
        display: block;
        float: right;
        margin: 23px 0 0;
        background-color: #AE1E1D;
        position: relative;
        border-radius: 0;
        color: #fff;
        font-size: 18px;
        padding: 5px 11px 5px 15px;
        text-decoration: none;
        text-transform: uppercase;
        width: 100px
    }
    a#pull:after {
        content: "";
        background: url(https://www.buriedvillage.co.nz/images/style/nav-icon.png) no-repeat;
        background-size: 100% auto;
        width: 18px;
        height: 18px;
        display: inline-block;
        position: absolute;
        right: 7px;
        top: 7px
    }
    ul.largeLinks li {
        display: block;
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
        background: #000!important
    }
    #home #pageEditorContent {
        padding-top: 80px
    }
    p#back-top {
        display: none!important
    }
    .subMenuContainer {
        float: left;
        position: relative;
        width: 100%;
        margin-bottom: 40px
    }
    .subMenuContainer ul {
        opacity: 1
    }
    .subMenuContainer ul li {
        display: block;
        margin: 10px 0
    }
    .subMenuContainer ul li a {
        display: block;
        padding: 10px;
        background: #f0f0f0!important;
        font-size: 22px
    }
    .subMenuContainer ul li a.menuSelected {
        display: block;
        padding: 10px;
        background: #efefef;
        font-size: 22px
    }
}

@media screen and (device-aspect-ratio:40/71) {
    #header .bgContainer,
    #header .container,
    .bgContainer,
    .container {
        width: 520px
    }
    #socialMediaIcons,
    .slideoutContent td {
        border-bottom: 2px solid #fff
    }
    #navBar ul,
    ul.left,
    ul.right {
        list-style: none
    }
    body {
        min-width: 520px
    }
    #header {
        height: 80px
    }
    #content {
        width: 100%
    }
    #content .bgContainer,
    #content .container {
        width: 520px
    }
    #slideshowContainer .bgContainer,
    #slideshowContainer .container {
        width: 100%
    }
    #slideshowContainer .moduleComponentContainerslideshow,
    #slideshowContainer .moduleComponentslideshow {
        height: 487px;
        width: 100%!important
    }
    #slideshowContainer .moduleComponentslideshow .bannerImageContainer img.bannerImage {
        width: 100%!important
    }
    #home #calloutsContainer .bgContainer,
    #home #calloutsContainer .container {
        width: 520px
    }
    #footer,
    #slideshowContainer .bannerHtmlContent {
        width: 100%
    }
    #footer .bgContainer,
    #footer .container {
        width: 520px
    }
    #slideshowContainer {
        display: none;
        float: left;
        position: relative;
        width: 100%;
        min-height: 487px;
        background: #f8f8f8
    }
    #header a.logo img {
        width: 135px;
        height: auto
    }
    ul.topLinks {
        display: none
    }
    ul.topLinks li a span {
        padding: 0 15px
    }
    a.tripadvisorIcon img {
        margin: 6px 0 0 14px
    }
    a.facebookIcon img {
        margin: 3px 0 0 10px
    }
    a.youtubeIcon img {
        margin: -1px 0 0 15px
    }
    a.instagramIcon img {
        margin: 5px 0 0 10px
    }
    ul.largeLinks li a {
        display: inline-block;
        padding: 0 0 15px;
        height: 29px
    }
    ul.largeLinks li a span {
        padding: 0 0 15px
    }
    ul.largeLinks li a:hover {
        color: #c52122
    }
    ul.largeLinks li:nth-child(1)>a,
    ul.largeLinks li:nth-child(2)>a {
        background: url(https://www.buriedvillage.co.nz/images/style/navigation_divide.png) right 6px no-repeat
    }
    ul.largeLinks li:nth-child(4)>a {
        padding: 2px 0 15px;
        margin: -2px 0 0;
        font-size: 17px
    }
    ul.largeLinks li .slideoutContainer {
        display: none!important
    }
    ul.largeLinks:hover li .slideoutContainer {
        display: none;
        opacity: 1;
        height: 245px!important;
        z-index: 100
    }
    ul.largeLinks li .slideoutContainer p {
        font-size: 13px;
        padding: 15px 0 0
    }
    ul.largeLinks li#livingHistory .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/living_history_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#seeAndDo .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/see_and_do_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#planYourVisit .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/plan_visit_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#pricesAndBookings .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/prices_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#livingHistory>a {
        width: 150px
    }
    ul.largeLinks li#seeAndDo>a {
        width: 114px
    }
    ul.largeLinks li#planYourVisit>a {
        width: 158px
    }
    ul.largeLinks li#pricesAndBookings>a {
        width: 180px
    }
    ul.largeLinks li#livingHistory .slideoutContainer p {
        width: 193px
    }
    ul.largeLinks li#seeAndDo .slideoutContainer p {
        width: 191px;
        left: 168px
    }
    ul.largeLinks li#planYourVisit .slideoutContainer p {
        width: 191px;
        left: 360px
    }
    ul.largeLinks li#pricesAndBookings .slideoutContainer p {
        color: #fff;
        width: 191px;
        left: 575px
    }
    ul.largeLinks li#livingHistory .slideoutContainer p a,
    ul.largeLinks li#planYourVisit .slideoutContainer p a,
    ul.largeLinks li#seeAndDo .slideoutContainer p a {
        font-size: 17px;
        color: #c52122
    }
    ul.largeLinks li#pricesAndBookings .slideoutContainer p a {
        font-size: 17px;
        color: #fff
    }
    #slideshowContainer .moduleComponentContainerslideshow {
        width: 1102px;
        height: 487px
    }
    #slideshowContainer .moduleComponentslideshow h2.bannerTitle {
        text-transform: uppercase;
        color: #c52122;
        font-size: 40px
    }
    #slideshowContainer .moduleComponentslideshow h2.bannerTitle a {
        color: #c52122
    }
    #slideshowContainer .moduleComponentslideshow .bannerHtmlContent {
        position: absolute;
        bottom: 50px;
        left: 0;
        width: 90%;
        padding: 20px 5% 50px;
        text-align: center;
        background: #fff
    }
    #slideshowContainer .moduleComponentslideshow .bannerHtmlContent a.findOutHowButton {
        position: absolute;
        bottom: 0;
        margin: 0 0 0 -80px;
        padding: 5px 40px
    }
    #default.noHeaderImage #headerImageContainer {
        width: 100%;
        height: 125px;
        background: url(https://www.buriedvillage.co.nz/images/style/header_pattern.jpg) center no-repeat
    }
    #headerImageContainer {
        width: 100%;
        height: 320px;
        background: #fff
    }
    body#default.halfHeightHeader #headerImageContainer {
        height: 238px
    }
    #headerImageContainer .moduleComponentContainerheaderImages {
        width: 100%;
        height: 320px
    }
    body#default.halfHeightHeader #headerImageContainer .moduleComponentContainerheaderImages {
        height: 238px
    }
    #headerImageContainer .moduleComponentContainerheaderImages .moduleComponentheaderImages {
        width: 100%;
        height: 320px;
        background-repeat: no-repeat!important
    }
    body#default.halfHeightHeader #headerImageContainer .moduleComponentContainerheaderImages .moduleComponentheaderImages {
        height: 238px
    }
    .totalCallouts1,
    .totalCallouts2 {
        height: 160px;
        overflow: hidden;
        cursor: pointer
    }
    #headerImageContainer .moduleComponentContainerheaderImages h2.bannerTitle {
        font-size: 40px
    }
    #headerImageContainer .moduleComponentContainerheaderImages h2.bannerTitle a {
        color: #c52122;
        text-decoration: none
    }
    #headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent {
        bottom: 50px;
        left: 0;
        width: 90%;
        padding: 20px 5% 50px
    }
    #headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent p {
        margin: 0;
        padding: 0
    }
    #headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent a.findOutHowButton {
        text-decoration: none;
        position: absolute;
        bottom: 0;
        margin: 0 0 0 -80px;
        padding: 5px 40px;
        color: #fff
    }
    #pageEditorContent {
        width: 98%;
        padding: 0 1%
    }
    #home #pageEditorContent {
        width: 100%;
        padding: 40px 0 55px
    }
    #calloutsContainer a.bannerLink {
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        bottom: -20px;
        left: 0;
        background: 0 0;
        z-index: 1000
    }
    #calloutsContainer {
        padding: 0 0 10px
    }
    #default #calloutsContainer {
        padding: 40px 0 55px
    }
    #calloutsContainer .bgContainer,
    #calloutsContainer .container {
        width: 520px
    }
    #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle {
        width: 86%;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 15px 7%!important;
        background: #2a251e;
        color: #fff;
        font-size: 20px
    }
    #calloutsContainer .moduleComponentContainercallouts .moduleComponent.selected h2.bannerTitle,
    #calloutsContainer .moduleComponentContainercallouts .moduleComponent:hover h2.bannerTitle {
        background: #c52122
    }
    .totalCallouts1 {
        width: 100%;
        margin: 0 0 20px;
        background-repeat: none;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: 100% auto
    }
    .totalCallouts2 {
        width: 48%;
        margin: 0 .3% 20px 0;
        background-repeat: no-repeat;
        background-size: 100% auto
    }
    .totalCallouts3,
    .totalCallouts4 {
        height: 160px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover
    }
    .totalCallouts3 {
        width: 100%;
        overflow: hidden;
        margin: 0 .3% 20px 0;
        cursor: pointer;
        background-size: cover
    }
    .totalCallouts4,
    .totalCallouts5 {
        width: 48%;
        overflow: hidden;
        margin: 0 .3% 20px 0;
        cursor: pointer
    }
    .totalCallouts4 {
        background-size: cover
    }
    #calloutsContainer .totalCallouts4 h2.bannerTitle {
        text-align: center;
        font-size: 16px
    }
    .totalCallouts5 {
        height: 180px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }
    #calloutsContainer .totalCallouts5 h2.bannerTitle {
        text-align: center;
        font-size: 12px
    }
    #home #calloutsContainer {
        padding: 0 0 50px;
        background: #fff
    }
    #home #calloutsContainer .moduleComponentContainercallouts .moduleComponentcallouts {
        width: 30%;
        margin: 0 1.5% 55px;
        overflow: visible
    }
    #home #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle {
        width: 72%;
        bottom: -20px;
        left: 0;
        margin: 0 7%;
        padding: 8px 7%!important;
        background: #4d340e;
        color: #fff;
        font-size: 22px;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .4)
    }
    #home #calloutsContainer div:nth-child(3) h2.bannerTitle {
        background: #c52122
    }
    #home #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle a {
        color: #fff;
        text-decoration: none
    }
    .slideoutContent {
        width: 90%;
        padding: 15px 5%;
        margin: 0;
        background: #f8f7f5
    }
    #redNavigation,
    ul.left,
    ul.right {
        width: 100%
    }
    .slideoutContent p {
        font-size: 90%;
        line-height: 145%
    }
    ul.left li a,
    ul.right li a {
        font-size: 18px;
        line-height: 33px;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none
    }
    #home #footer {
        border-top: none
    }
    #footer {
        bottom: 0;
        left: 0;
        height: 80px
    }
    #footer .footerCallout ul {
        margin: 6px 0
    }
    #footer.stuck .footerCallout ul {
        margin: 22px 0
    }
    #footer #socialMediaIcons {
        margin: -8px 0 0
    }
    #footer.stuck #socialMediaIcons {
        margin: 10px 0 0
    }
    ul.left {
        margin: 50px 0 0;
        padding: 0;
        text-align: left
    }
    ul.left li {
        display: block;
        float: none;
        position: relative;
        margin: 0 10px 0 0;
        padding: 0
    }
    ul.right {
        margin: 0;
        padding: 0;
        text-align: left
    }
    ul.right li {
        display: block;
        margin: 0 0 0 5px;
        padding: 0
    }
    #socialMediaIcons {
        width: 510px;
        height: auto;
        margin: 10px 0 0;
        padding: 30px 0 30px 10px;
        background: 0 0;
        border-top: 2px solid #fff
    }
    #socialMediaIcons p.connectTag {
        color: #fff;
        margin: 0 0 20px;
        padding: 0
    }
    #socialMediaIcons p.connectTag a {
        display: inline;
        text-decoration: none;
        padding: 0;
        margin: 6px 0;
        color: #fff;
        font-size: 20px;
        font-weight: 400;
        font-family: Bitter, serif
    }
    #back-top,
    #formTable div {
        display: none
    }
    #socialMediaIcons a {
        display: block;
        color: #fff;
        font-size: 18px;
        text-decoration: none;
        font-family: arial;
        padding: 8px 0 5px 40px;
        margin: 6px 0
    }
    .siteSearchInput,
    .siteSearchSubmit {
        font-family: Bitter, serif
    }
    .footerCallout {
        float: left;
        position: relative;
        width: 20%;
        min-height: 0;
        padding: 10px 0 0
    }
    #footerMenuFour,
    #footerMenuOne,
    #footerMenuThree,
    #footerMenuTwo {
        width: 100%
    }
    .footerCallout ul {
        margin: 22px 0;
        padding: 0;
        list-style: none
    }
    .footerCallout ul li a {
        color: #c52122;
        text-decoration: none;
        font-size: 24px;
        text-transform: uppercase
    }
    .footerCallout ul li ul li {
        margin: 8px 0
    }
    .footerCallout ul li ul li a {
        color: #fff;
        text-decoration: none;
        text-transform: capitalize;
        font-size: 18px
    }
    .siteSearchInput {
        width: 160px;
        height: 14px;
        font-size: 13px;
        padding: 7px 25px 7px 18px;
        border: 1px solid #ebeef6;
        color: #6d6d6d;
        text-align: left;
        background: #ebeef6;
        font-style: italic;
        border-radius: 0;
        text-transform: lowercase
    }
    .siteSearchSubmit {
        position: absolute;
        top: 5px;
        right: 0;
        border: none;
        cursor: pointer
    }
    .siteSearchSubmit:hover {
        color: #C52122
    }
    #copyright {
        float: left;
        position: relative;
        width: 100%;
        margin: 20px 0 30px;
        padding: 10px 0 0;
        border-top: 1px solid #4b3718
    }
    #copyright p {
        text-transform: uppercase;
        color: #6f5f47;
        font-family: arial;
        font-size: 14px!important;
        margin: 0;
        padding: 0
    }
    #copyright p a {
        color: #6f5f47;
        text-decoration: none
    }
    .siteSearch {
        width: 100%;
        padding: 30px 0 0
    }
    .siteSearch span {
        font-size: 14px;
        font-weight: 700
    }
    .siteSearch input.fsub {
        float: none;
        border: none;
        width: 60px;
        font-weight: 700;
        margin: 1px 0 9px;
        padding: 3px 5px;
        text-transform: uppercase;
        cursor: pointer
    }
    .siteSearch input.textInput {
        font-size: 16px;
        border: 1px solid #ccc;
        padding: 5px 6px;
        border-radius: 0;
        margin: 0 2px 0 12px
    }
    #searchResultDescription {
        margin: 10px 0
    }
    #searchResultItems .searchResultItem {
        margin: 15px 0 0;
        padding: 0 0 10px;
        border-bottom: 1px solid #ccc
    }
    #searchResultItems .searchResultItem a {
        text-decoration: none
    }
    #searchResultItems .title {
        font-weight: 700;
        margin: 0 0 0 10px;
        font-size: 16px;
        text-transform: none
    }
    #searchResultItems .title:hover {
        color: #AE1E1E
    }
    #searchResultItems .description {
        margin: 8px 0 0 10px;
        padding: 0
    }
    #alertForm,
    #emailForm,
    #registrationForm,
    #subscribeForm,
    #surveyTable {
        float: left;
        width: 100%;
        background: 0 0;
        border: none;
        padding: 0;
        margin: 0 0 30px
    }
    #emailForm #formTable {
        width: 100%;
        background: #fff;
        border: 5px solid #fff;
        padding: 0;
        margin: 30px 0 0;
        border-radius: 3px
    }
    body.iframe #emailForm #formTable {
        margin: 40px 0 0
    }
    #emailForm td {
        padding: 10px 0
    }
    #alertForm td.valueHorizontal .fgroup,
    #emailForm td.valueHorizontal .fgroup,
    #registrationForm td.valueHorizontal .fgroup,
    #subscribeForm td.valueHorizontal .fgroup,
    #surveyTable td.valueHorizontal .fgroup {
        font-size: 14px;
        margin: 8px 0 0 -18px
    }
    span.fieldNumber {
        margin: 0 10px 0 0
    }
    table.ftable td {
        vertical-align: top;
        padding: 4px
    }
    table.ftable td.flabel {
        text-align: right;
        padding-right: 10px
    }
    table.ftable td.fvalue {
        text-align: left
    }
    table.ftable td.fcolumn {
        text-align: center
    }
    input.fdate,
    input.fmtxt,
    input.fstxt,
    input.ftxt,
    textarea.fmtxt {
        font-family: arial, helvetica, sans-serif;
        background: #FFF;
        border: 1px solid #ccc;
        font-size: 14px;
        width: 100%;
        padding: 6px;
        margin: 1px 0 1px -18px;
        border-radius: 0
    }
    body.iframe input.fdate,
    body.iframe input.fmtxt,
    body.iframe input.fstxt,
    body.iframe textarea.fmtxt {
        background: #8e8e8e;
        border: 1px solid #8e8e8e;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0 0 6px 30px;
        color: #fff;
        width: 100%;
        border-radius: 0
    }
    body.iframe textarea.fmtxt {
        height: 70px
    }
    body.iframe td.valueVertical input.fdate,
    body.iframe td.valueVertical input.fmtxt,
    body.iframe td.valueVertical input.fstxt,
    body.iframe td.valueVertical input.ftxt,
    body.iframe td.valueVertical textarea.fmtxt {
        width: 180px;
        background: #8e8e8e;
        border: 1px solid #8e8e8e;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0;
        color: #a7a7a7
    }
    input.fdate:focus,
    input.fdate:hover,
    input.fmtxt:focus,
    input.fmtxt:hover,
    input.fstxt:focus,
    input.fstxt:hover,
    input.ftxt:focus,
    input.ftxt:hover {
        border: 1px solid #A91D1C
    }
    input.fdate {
        width: 150px
    }
    input.fstxt {
        width: 50px
    }
    select.fsel,
    select.fseldate {
        background: #fff;
        border: 1px solid #ccc;
        font-size: 11px;
        width: 100%;
        margin: 0;
        padding: 4px;
        border-radius: 6px
    }
    body.iframe select.fsel,
    body.iframe select.fseldate {
        background: #2e2e2e;
        color: #6b6b6b;
        border: 1px solid #6d6d6d;
        -webkit-box-shadow: 0 0 5px #000;
        -moz-box-shadow: 0 0 5px #000;
        box-shadow: 0 0 4px #000;
        margin: 0 0 0 30px
    }
    body.iframe td.valueVertical select.fsel,
    body.iframe td.valueVertical select.fseldate {
        background: #2e2e2e;
        color: #a8a8a8;
        width: 310px;
        border: 1px solid #6d6d6d;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0
    }
    select.fseldate {
        width: auto
    }
    select.fseldate:focus,
    select.fseldate:hover {
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        border: 1px solid #A91D1C
    }
    #formTable div.buttonPanel {
        display: block
    }
    .buttonBar,
    .buttonPanel {
        text-align: right;
        padding: 15px 0 0
    }
    .buttonBar input,
    .buttonBar input.fsub,
    .buttonPanel input.fsub,
    input.fsub {
        float: right;
        text-transform: uppercase;
        background: #A91D1C;
        border: none;
        font-size: 16px;
        padding: 8px;
        width: 130px;
        cursor: pointer;
        border-radius: 0;
        margin: 10px 0 0;
        color: #fff;
        font-family: Bitter, serif;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s
    }
    .buttonBar input.fsub:hover,
    .buttonBar input:hover,
    .buttonPanel input.fsub:hover,
    input.fsub:hover {
        background: #422C0B;
        color: #fff
    }
    body.iframe .buttonBar input,
    body.iframe input.fsub {
        background: 0 0;
        border: none;
        font-size: 14px;
        padding: 4px;
        text-transform: uppercase;
        width: 70px;
        cursor: pointer;
        border-radius: 2px;
        text-align: center;
        color: #0099e3;
        font-weight: 700
    }
    .msg {
        color: red;
        margin: 10px 0;
        font-style: italic
    }
    #alertForm .reset,
    #emailForm .reset,
    #registrationForm .reset,
    #subscribeForm .reset,
    #surveyTable .reset,
    .finlinehelp {
        display: none
    }
    a.emailLink {
        display: ineline-block;
        padding: 0 0 0 26px;
        text-decoration: none;
        background: url(https://www.buriedvillage.co.nz/images/style/email_icon.jpg) 0 6px no-repeat;
        transition: .1s all
    }
    a.emailLink:hover {
        text-decoration: underline;
        background: url(https://www.buriedvillage.co.nz/images/style/email_icon.jpg) 3px 6px no-repeat
    }
    #faqItems {
        float: left;
        position: relative;
        width: 100%
    }
    .faqItem a.button {
        display: block;
        padding: 10px;
        margin: 0 0 10px;
        color: #432C0C!important;
        text-decoration: none;
        border-radius: 4px;
        background: grey;
        background: -moz-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F2EFEB), color-stop(100%, #efefef));
        background: -webkit-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: -o-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: -ms-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: linear-gradient(to bottom, #F2EFEB 0, #efefef 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F2EFEB ', endColorstr='#efefef', GradientType=0)
    }
    .faqItem a.button:before,
    .faqItem:hover a.button:before {
        margin: 0 10px 0 0;
        width: 20px;
        display: block;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        float: left;
        height: 20px;
        content: " + "
    }
    .faqItem a.button:hover {
        text-decoration: none!important;
        color: #B21E1E!important
    }
    .faqItem a.button:before {
        line-height: 16px;
        background: #fff;
        color: #B21E1E;
        transition: .2s all
    }
    .faqItem:hover a.button:before {
        position: relative;
        background: #B21E1E;
        color: #fff
    }
    .faqItem .answer {
        padding: 0 0 0 10px
    }
    #rssIcon {
        position: absolute;
        top: 14px;
        left: 80px
    }
    #moduleItemCategories .moduleItemsListingItem,
    #moduleItemsListing .moduleItemsListingItem {
        width: 100%;
        margin: 0 0 33px;
        padding: 0 0 33px;
        border-bottom: 1px solid #ccc
    }
    #moduleItemCategories.moduleItemCategoriesBlog .moduleItemsListingItem,
    #moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem {
        padding: 0 0 33px;
        margin: 0 0 33px
    }
    #moduleItemCategories .moduleItemsListingItem a,
    #moduleItemsListing .moduleItemsListingItem a {
        color: #000;
        text-decoration: none
    }
    #moduleItemCategories .moduleItemsListingItem a:hover,
    #moduleItemsListing .moduleItemsListingItem a:hover {
        color: #E4252E
    }
    .moduleItemImage {
        float: left;
        position: relative;
        margin: 0 35px 0 0
    }
    .moduleItemImage a,
    .moduleItemImage a img.listing {
        float: left;
        position: relative
    }
    #moduleItemCategories .moduleItemsListingItem .title,
    #moduleItemsListing .moduleItemsListingItem .title {
        margin: 15px 0;
        color: #000;
        font-size: 40px;
        line-height: 40px;
        font-weight: 400;
        text-transform: none
    }
    #moduleItemsListing .moduleItemsListingItem .date {
        opacity: .5;
        font-size: 13px;
        margin: 5px 0 10px
    }
    #moduleItemCategories.moduleItemNews .moduleItemsListingItem .moduleItemContent,
    #moduleItemCategories.moduleItemsListingBlog .moduleItemsListingItem .moduleItemContent,
    #moduleItemsListing.moduleItemNews .moduleItemsListingItem .moduleItemContent,
    #moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem .moduleItemContent {
        float: left;
        position: relative;
        width: 70%;
        background: #fff
    }
    #moduleItemCategories.moduleListingWithLeftCol .moduleItemsListingItem .moduleItemContent,
    #moduleItemsListing.moduleListingWithLeftCol .moduleItemsListingItem .moduleItemContent {
        float: left;
        position: relative
    }
    .paginator {
        text-align: right
    }
    #authorBiography {
        float: left;
        position: relative;
        background: #F7F7F7;
        padding: 25px;
        margin: 0 0 33px
    }
    #authorBiography .title,
    #pageEditorContent h3.articlesWrittenBy {
        margin: 15px 0;
        color: #000;
        line-height: 45px;
        font-weight: 400;
        text-transform: none;
        font-size: 40px;
        font-family: nexa_lightregular, arial, sans-serif
    }
    #authorBiography .moduleItemImage {
        float: right
    }
    #moduleItemCategories .moduleItemsListingItem .readMore,
    #moduleItemsListing .moduleItemsListingItem .readMore {
        position: relative;
        float: left;
        width: auto;
        bottom: 0;
        right: 0;
        line-height: 25px;
        border-top: none;
        padding: 5px 0 0;
        margin: 0 0 0 10px
    }
    #moduleItemsListing .moduleItemsListingItem .readMore a:hover {
        background: #AC1E1D
    }
    #moduleItemsListing .moduleItemsListingItem .readMore a {
        display: inline-block;
        float: right;
        line-height: 25px;
        text-decoration: none;
        margin: 0 0 0 10px;
        padding: 4px 15px 4px 6px;
        text-transform: lowercase;
        transition: .5s all;
        border-radius: 0;
        color: #fff!important;
        background: #422C0B
    }
    #moduleItemsListing .moduleItemsListingItem .readMore a:before {
        float: left;
        margin: 5px 10px 5px 5px;
        content: " + ";
        width: 20px;
        height: 20px;
        display: block;
        background: #fff;
        color: #422C0B;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        line-height: 16px
    }
    .ratingContainer {
        padding: 20px 0 0 10px
    }
    #comments {
        float: left;
        position: relative;
        width: 100%;
        margin: 30px 0 0
    }
    .commentContainer {
        float: left;
        position: relative;
        width: auto;
        padding: 0 10px 0 0;
        margin: 15px 0 0;
        min-height: auto;
        line-height: 18px;
        background: 0 0;
        border-radius: 0
    }
    .commentContainer a {
        text-decoration: none;
        color: #969696
    }
    #comments .comment .replyLink,
    .thumbsDown,
    .thumbsDownRating,
    .thumbsUp,
    .thumbsUpRating {
        position: relative;
        float: none;
        display: inline-block;
        margin: 0 3px;
        width: auto
    }
    .thumbsDown,
    .thumbsUp {
        width: 15px;
        height: 15px;
        cursor: pointer;
        display: inline-block
    }
    .thumbsUp {
        background: url(http://www.moca.net.nz/LAW2014DEV/images/style/thumbs.png) bottom left no-repeat
    }
    .thumbsDown {
        background: url(http://www.moca.net.nz/LAW2014DEV/images/style/thumbs.png) bottom right no-repeat
    }
    .textModuleItem {
        float: left;
        position: relative;
        width: 100%;
        margin: 0
    }
    #default.marae .textModuleItem {
        float: left;
        position: relative;
        width: 635px;
        margin: 0;
        padding: 0
    }
    .textModuleItem .moduleItemImage {
        float: right;
        position: relative;
        margin: 15px 0 20px 30px;
        box-shadow: none
    }
    .textModuleItem #moduleItemContent {
        float: left;
        position: relative;
        width: 100%;
        padding: 25px 0 0
    }
    .textModuleItem .title {
        margin: 15px 0;
        color: #000;
        font-size: 40px;
        line-height: 45px;
        font-weight: 400;
        text-transform: none;
        font-family: nexa_lightregular, arial, sans-serif
    }
    .textModuleItem .date {
        opacity: .7
    }
    .textModuleItem .readMore {
        text-align: right
    }
    .textModuleItem .readMore a {
        margin: 0 8px 0 0;
        text-decoration: none;
        color: #E4252E
    }
    .textModuleItem .readMore #commentLink {
        float: none;
        position: static;
        margin: 0;
        border-radius: 0;
        padding: 0;
        background: 0 0;
        border: none;
        color: #262626;
        text-decoration: none
    }
    .textModuleItem #blogCommentForm,
    .textModuleItem #newsCommentForm {
        position: relative;
        float: left;
        width: 100%
    }
    #blogCommentForm td.flabel,
    td.fheader {
        text-indent: 0;
        text-align: left
    }
    #blogCommentForm .buttonPanel {
        padding: 0;
        margin: 0 0 15px
    }
    #blogCommentForm td {
        background: #e9e9e9!important;
        padding: 3px 15px
    }
    .textModuleItem .readMore #commentLink:hover {
        background: #fff;
        color: #EB202C;
        border: none
    }
    .textModuleItem .readMore a:hover {
        color: #E4252E
    }
    img.blogTitle {
        float: right;
        margin: -40px 10px 30px 0
    }
    .textModuleItem #moduleItemContentInner {
        float: left;
        position: relative;
        width: 95%;
        margin: 0 0 27px
    }
    .textModuleItem .blogHeader {
        float: left;
        position: relative;
        width: 100%
    }
    .textModuleItem .blogHeaderInner {
        position: absolute;
        top: 0;
        right: 25px;
        width: 350px;
        text-align: right
    }
    .textModuleItem .blogHeaderInner .date {
        float: right;
        position: relative;
        margin-left: 18px;
        padding-left: 18px;
        border-left: 1px solid #5e4314;
        font-weight: 700
    }
    .galleryListItem {
        margin: 15px 15px 0 0
    }
    #authorContainer {
        float: left;
        position: relative;
        width: 92%;
        padding: 1% 4%;
        margin: 50px 0 20px;
        background: #99D4DC;
        color: #fff
    }
    #authorContainer h3 {
        text-transform: lowercase;
        background: 0 0;
        margin: 20px 0 0;
        color: #fff;
        padding: 0;
        font-size: 30px
    }
    #authorContainer a,
    #authorContainer p {
        color: #fff
    }
    #authorContainer .moduleItemImage {
        float: right;
        margin: 10px 0 50px 30px;
        padding: 0
    }
    #authorContainer .content,
    #authorContainer a,
    #comments .comment,
    #comments h3 {
        float: left;
        position: relative
    }
    #authorContainer .moduleItemImage img {
        margin: 0;
        padding: 0;
        border-radius: 100%
    }
    #authorContainer .content {
        font-size: 85%;
        clear: both
    }
    #authorContainer .content p {
        line-height: 130%
    }
    #comments h3 {
        background: 0 0;
        padding: 0
    }
    #comments .comment {
        margin: 0 0 8px;
        border-radius: 0;
        width: 96%;
        padding: 2%
    }
    #comments .comment:nth-child(odd) {
        background: #efefef
    }
    #comments .comment:nth-child(even) {
        background: #f2efeb
    }
    #comments .comment.level1 {
        margin-left: 0;
        width: 96%
    }
    #comments .comment.level2 {
        margin-left: 5%;
        width: 91%
    }
    #comments .comment.level3 {
        margin-left: 10%;
        width: 86%
    }
    #comments .comment.level4 {
        margin-left: 15%;
        width: 81%
    }
    #comments .comment .date {
        position: relative;
        float: right
    }
    #comments .comment .commentLinksContainer,
    .ratingContainer {
        position: relative;
        height: 20px;
        width: 150px;
        float: right
    }
    #commentLink:hover {
        background: #422C0B;
        border: 1px solid #422C0B;
        text-decoration: none!important
    }
    #commentLink {
        display: inline-block;
        float: right;
        line-height: 25px;
        text-decoration: none;
        margin: 0 0 0 10px;
        padding: 4px 15px 4px 6px;
        text-transform: lowercase;
        transition: .5s all;
        border-radius: 0;
        color: #fff!important;
        background: #AC1E1D;
        border: 1px solid #AC1E1D
    }
    #commentLink:before {
        float: left;
        margin: 5px 10px 5px 5px;
        content: " + ";
        width: 20px;
        height: 20px;
        display: block;
        background: #fff;
        color: #422C0B;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        line-height: 17px
    }
    #tagContainer,
    .pinterest {
        display: none
    }
    .comment span.name {
        padding: 0;
        margin: 8px 0;
        color: #c52122;
        text-transform: uppercase;
        font-size: 18px;
        font-family: Bitter, serif;
        background: 0 0
    }
    #comments .comment .replyLink {
        position: relative;
        text-decoration: none;
        float: right
    }
    #facebook,
    #twitter,
    .pinterest {
        float: left;
        margin: 10px 0
    }
    .thumbsUp.clicked {
        background-position: top left
    }
    .thumbsDown.clicked {
        background-position: top right
    }
    .moduleItemBlog #facebook {
        float: left;
        width: 150px;
        margin: 10px 0
    }
    #facebook {
        width: 135px
    }
    #twitter {
        width: 89px
    }
    .pinterest {
        width: 60px
    }
    a.emailIcon,
    a.rssIcon {
        display: inline-block;
        float: left
    }
    #plusone {
        float: left;
        width: 70px;
        margin: 10px 0
    }
    #linkedin {
        float: left;
        width: 72px;
        margin: 10px 0
    }
    a.rssIcon {
        margin: 7px 12px 0 0
    }
    a.emailIcon {
        margin: 7px 8px 0 0
    }
    #editComment {
        width: 100%
    }
    #socialMediaContainer {
        float: left;
        position: relative;
        width: 100%;
        height: 42px;
        margin: 0 0 20px;
        padding: 0;
        border-top: 1px solid #fff;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0
    }
    #commentsContainer {
        float: left;
        position: relative;
        height: auto;
        width: 635px;
        margin: 0 0 15px 24px;
        padding: 15px 0 0
    }
    #commentsContainer h2 a {
        float: right;
        margin: 0 15px 0 0;
        font-size: 12px;
        text-decoration: none;
        color: #ef7c00
    }
    #commentsContainer h2 a:hover {
        text-decoration: underline
    }
    #commentsContainer .rating {
        float: left;
        position: relative;
        width: 100%;
        margin: 0 0 20px;
        padding: 0 0 10px;
        border-bottom: 1px solid #CCC
    }
    #commentsContainer .rating p {
        margin: 0 0 10px;
        padding: 0
    }
    #commentsContainer .rating p.date {
        font-weight: 700;
        margin: 0;
        padding: 0
    }
    #moduleItemBack {
        float: left;
        position: relative;
        line-height: 54px;
        color: #EB202C;
        width: 100%;
        margin: 15px 0 0;
        border-top: 1px solid #ccc
    }
    #moduleItemBack a {
        text-decoration: none;
        color: #EB202C
    }
    #moduleItemBack a:hover {
        color: #E4252E
    }
    #navBar {
        float: right;
        position: relative;
        width: 100%;
        min-height: auto;
        height: auto!important;
        padding: 0;
        margin: 0
    }
    #navBar .navCategoryBlogLinks,
    #navBar .navDateLinks,
    #navBar .navRecentLinks {
        float: left;
        position: relative;
        width: 33.3%
    }
    #navBar ul {
        color: auto;
        margin: 20px 0;
        padding: 0;
        width: 100%;
        min-height: 100px;
        background: url(http://www.moca.net.nz/LAW2014DEV/images/style/right_tile.png) top right repeat-y
    }
    #navBar ul li {
        margin: 3px 0;
        padding: 0
    }
    #navBar ul li a {
        margin: 0;
        color: #000;
        text-transform: none;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        text-decoration: none
    }
    #navBar ul li a:hover {
        color: #EE7A2D
    }
    #navBar span.navheaders {
        display: block;
        padding: 11px 15px;
        text-decoration: none;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 17px;
        margin: 0 0 20px;
        background-color: none;
        background-position: top right, 250px 15px;
        background-repeat: no-repeat;
        transition: .5s all
    }
    #navBar ul li a {
        display: block;
        font-weight: 400;
        padding: 2px 20px
    }
    #navBar .navDateLinks {
        margin: 0
    }
    #navBar a {
        text-decoration: none
    }
    #navBar a:hover {
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        text-decoration: underline
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa {
        margin: 40px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem {
        border: none;
        margin: 0 0 40px;
        padding: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .moduleItemImage {
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .imageContainer {
        float: left;
        position: relative;
        margin: 0 30px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem img.magnifyingGlassIcon {
        position: absolute;
        bottom: 00;
        right: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .moduleItemContent {
        float: right;
        position: relative;
        width: 520px
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .title {
        font-size: 19px;
        font-weight: 700;
        color: #C52122;
        text-transform: uppercase;
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.findOutMoreButton {
        display: inline-block;
        color: #fff;
        background: #2a251e;
        padding: 8px 15px;
        margin: 8px 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.bookNowButton {
        display: inline-block;
        color: #fff;
        background: #4D330E;
        padding: 8px 15px;
        margin: 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.bookNowButton:hover,
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.findOutMoreButton:hover {
        background: #C52122
    }
    .textModuleItem.moduleItemMuseumOfTeWairoa #moduleItemContent {
        padding: 0;
        margin: 0 0 30px
    }
    .textModuleItem.moduleItemMuseumOfTeWairoa .detailImageContainer {
        float: left;
        position: relative;
        width: 100%;
        margin: 0 0 50px
    }
    .textModuleItem.moduleItemMuseumOfTeWairoa .detailImageContainer .galleryListItem {
        float: left;
        position: relative
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips {
        margin: 40px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem {
        border: none;
        margin: 0 0 40px;
        padding: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .moduleItemImage {
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .imageContainer {
        float: left;
        position: relative;
        margin: 0 30px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem img.magnifyingGlassIcon {
        position: absolute;
        bottom: 00;
        right: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .moduleItemContent {
        float: right;
        position: relative;
        width: 520px
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .title {
        font-size: 19px;
        font-weight: 700;
        color: #C52122;
        text-transform: uppercase;
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.findOutMoreButton {
        display: inline-block;
        color: #fff;
        background: #2a251e;
        padding: 8px 15px;
        margin: 8px 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.bookNowButton {
        display: inline-block;
        color: #fff;
        background: #4D330E;
        padding: 8px 15px;
        margin: 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.bookNowButton:hover,
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.findOutMoreButton:hover {
        background: #C52122
    }
    .textModuleItem.moduleItemComboDayTrips #moduleItemContent {
        padding: 0;
        margin: 0 0 30px
    }
    .textModuleItem.moduleItemComboDayTrips .detailImageContainer {
        float: left;
        position: relative;
        width: 100%;
        margin: 0 0 50px
    }
    .textModuleItem.moduleItemComboDayTrips .detailImageContainer .galleryListItem {
        float: left;
        position: relative
    }
    #banner {
        display: none!important
    }
    #footer p {
        line-height: 26px;
        font-size: 20px;
        color: #fff
    }
    #footer,
    #footer.stuck,
    .sticky-wrapper {
        float: left;
        position: relative;
        z-index: 1000;
        padding: 0;
        margin: 0;
        border-top: none;
        min-height: 416px;
        width: 100%;
        background: url(https://www.buriedvillage.co.nz/images/style/footer_tile.jpg) top left repeat-x
    }
    ul.largeLinks {
        position: absolute;
        top: 60px;
        right: 0;
        width: 370px;
        border-bottom: 0;
        display: none;
        height: auto;
        padding: 0;
        margin: 0
    }
    ul.largeLinks li {
        border: none!important
    }
    ul.largeLinks li a {
        width: 100%!important;
        line-height: 40px;
        font-size: 20px!important;
        background: 0 0!important;
        border-bottom: 1px solid #646464;
        color: #fff
    }
    a#pull {
        display: block;
        float: right;
        margin: 23px 0 0;
        background-color: #AE1E1D;
        position: relative;
        border-radius: 0;
        color: #fff;
        font-size: 18px;
        padding: 5px 11px 5px 15px;
        text-decoration: none;
        text-transform: uppercase;
        width: 100px
    }
    a#pull:after {
        content: "";
        background: url(https://www.buriedvillage.co.nz/images/style/nav-icon.png) no-repeat;
        background-size: 100% auto;
        width: 18px;
        height: 18px;
        display: inline-block;
        position: absolute;
        right: 7px;
        top: 7px
    }
    ul.largeLinks li {
        display: block;
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
        background: #000!important
    }
    #home #pageEditorContent {
        padding-top: 80px
    }
    p#back-top {
        display: none!important
    }
    .subMenuContainer {
        float: left;
        position: relative;
        width: 100%;
        margin-bottom: 40px
    }
    .subMenuContainer ul {
        opacity: 1
    }
    .subMenuContainer ul li {
        display: block;
        margin: 10px 0
    }
    .subMenuContainer ul li a {
        display: block;
        padding: 10px;
        background: #f0f0f0!important;
        font-size: 22px
    }
    .subMenuContainer ul li a.menuSelected {
        display: block;
        padding: 10px;
        background: #efefef;
        font-size: 22px
    }
}

@media screen and (max-width:850px) {
    #header .bgContainer,
    #header .container,
    .bgContainer,
    .container {
        width: 320px
    }
    #socialMediaIcons,
    .slideoutContent td {
        border-bottom: 2px solid #fff
    }
    #navBar ul,
    ul.left,
    ul.right {
        list-style: none
    }
    body {
        min-width: 320px
    }
    #header {
        height: 80px
    }
    #content {
        width: 100%
    }
    #content .bgContainer,
    #content .container {
        width: 320px
    }
    #slideshowContainer .bgContainer,
    #slideshowContainer .container {
        width: 100%
    }
    #slideshowContainer .moduleComponentContainerslideshow,
    #slideshowContainer .moduleComponentslideshow {
        height: 487px;
        width: 100%!important
    }
    #slideshowContainer .moduleComponentslideshow .bannerImageContainer img.bannerImage {
        width: 100%!important
    }
    #home #calloutsContainer .bgContainer,
    #home #calloutsContainer .container {
        width: 320px
    }
    #footer,
    #slideshowContainer .bannerHtmlContent {
        width: 100%
    }
    #footer .bgContainer,
    #footer .container {
        width: 320px
    }
    #slideshowContainer {
        display: none;
        float: left;
        position: relative;
        width: 100%;
        min-height: 487px;
        background: #f8f8f8
    }
    #header a.logo img {
        width: 135px;
        height: auto
    }
    ul.topLinks {
        display: none
    }
    ul.topLinks li a span {
        padding: 0 15px
    }
    a.tripadvisorIcon img {
        margin: 6px 0 0 14px
    }
    a.facebookIcon img {
        margin: 3px 0 0 10px
    }
    a.youtubeIcon img {
        margin: -1px 0 0 15px
    }
    a.instagramIcon img {
        margin: 5px 0 0 10px
    }
    ul.largeLinks li a {
        display: inline-block;
        padding: 0 0 15px;
        height: 29px
    }
    ul.largeLinks li a span {
        padding: 0 0 15px
    }
    ul.largeLinks li a:hover {
        color: #c52122
    }
    ul.largeLinks li:nth-child(1)>a,
    ul.largeLinks li:nth-child(2)>a {
        background: url(https://www.buriedvillage.co.nz/images/style/navigation_divide.png) right 6px no-repeat
    }
    ul.largeLinks li:nth-child(4)>a {
        padding: 2px 0 15px;
        margin: -2px 0 0;
        font-size: 17px
    }
    ul.largeLinks li .slideoutContainer {
        display: none!important
    }
    ul.largeLinks:hover li .slideoutContainer {
        display: none;
        opacity: 1;
        height: 245px!important;
        z-index: 100
    }
    ul.largeLinks li .slideoutContainer p {
        font-size: 13px;
        padding: 15px 0 0
    }
    ul.largeLinks li#livingHistory .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/living_history_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#seeAndDo .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/see_and_do_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#planYourVisit .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/plan_visit_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#pricesAndBookings .slideoutContainer {
        width: 770px;
        height: 245px;
        background: url(https://www.buriedvillage.co.nz/images/style/prices_dropdown_image.jpg) top left no-repeat
    }
    ul.largeLinks li#livingHistory>a {
        width: 150px
    }
    ul.largeLinks li#seeAndDo>a {
        width: 114px
    }
    ul.largeLinks li#planYourVisit>a {
        width: 158px
    }
    ul.largeLinks li#pricesAndBookings>a {
        width: 180px
    }
    ul.largeLinks li#livingHistory .slideoutContainer p {
        width: 193px
    }
    ul.largeLinks li#seeAndDo .slideoutContainer p {
        width: 191px;
        left: 168px
    }
    ul.largeLinks li#planYourVisit .slideoutContainer p {
        width: 191px;
        left: 360px
    }
    ul.largeLinks li#pricesAndBookings .slideoutContainer p {
        color: #fff;
        width: 191px;
        left: 575px
    }
    ul.largeLinks li#livingHistory .slideoutContainer p a,
    ul.largeLinks li#planYourVisit .slideoutContainer p a,
    ul.largeLinks li#seeAndDo .slideoutContainer p a {
        font-size: 17px;
        color: #c52122
    }
    ul.largeLinks li#pricesAndBookings .slideoutContainer p a {
        font-size: 17px;
        color: #fff
    }
    #slideshowContainer .moduleComponentContainerslideshow {
        width: 1102px;
        height: 487px
    }
    #slideshowContainer .moduleComponentslideshow h2.bannerTitle {
        text-transform: uppercase;
        color: #c52122;
        font-size: 40px
    }
    #slideshowContainer .moduleComponentslideshow h2.bannerTitle a {
        color: #c52122
    }
    #slideshowContainer .moduleComponentslideshow .bannerHtmlContent {
        position: absolute;
        bottom: 50px;
        left: 0;
        width: 90%;
        padding: 20px 5% 50px;
        text-align: center;
        background: #fff
    }
    #slideshowContainer .moduleComponentslideshow .bannerHtmlContent a.findOutHowButton {
        position: absolute;
        bottom: 0;
        margin: 0 0 0 -80px;
        padding: 5px 40px
    }
    #default.noHeaderImage #headerImageContainer {
        width: 100%;
        height: 125px;
        background: url(https://www.buriedvillage.co.nz/images/style/header_pattern.jpg) center no-repeat
    }
    #headerImageContainer {
        width: 100%;
        height: 320px;
        background: #fff
    }
    body#default.halfHeightHeader #headerImageContainer {
        height: 238px
    }
    #headerImageContainer .moduleComponentContainerheaderImages {
        width: 100%;
        height: 320px
    }
    body#default.halfHeightHeader #headerImageContainer .moduleComponentContainerheaderImages {
        height: 238px
    }
    #headerImageContainer .moduleComponentContainerheaderImages .moduleComponentheaderImages {
        width: 100%;
        height: 320px;
        background-repeat: no-repeat!important
    }
    body#default.halfHeightHeader #headerImageContainer .moduleComponentContainerheaderImages .moduleComponentheaderImages {
        height: 238px
    }
    .totalCallouts1,
    .totalCallouts2 {
        height: 160px;
        overflow: hidden;
        cursor: pointer
    }
    #headerImageContainer .moduleComponentContainerheaderImages h2.bannerTitle {
        font-size: 40px
    }
    #headerImageContainer .moduleComponentContainerheaderImages h2.bannerTitle a {
        color: #c52122;
        text-decoration: none
    }
    #headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent {
        bottom: 50px;
        left: 0;
        width: 90%;
        padding: 20px 5% 50px
    }
    #headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent p {
        margin: 0;
        padding: 0
    }
    #headerImageContainer .moduleComponentContainerheaderImages .bannerHtmlContent a.findOutHowButton {
        text-decoration: none;
        position: absolute;
        bottom: 0;
        margin: 0 0 0 -80px;
        padding: 5px 40px;
        color: #fff
    }
    #pageEditorContent {
        width: 98%;
        padding: 0 1%
    }
    #home #pageEditorContent {
        width: 100%;
        padding: 40px 0 55px
    }
    #calloutsContainer a.bannerLink {
        position: absolute;
        display: block;
        top: 0;
        right: 0;
        bottom: -20px;
        left: 0;
        background: 0 0;
        z-index: 1000
    }
    #calloutsContainer {
        padding: 0 0 10px
    }
    #default #calloutsContainer {
        padding: 40px 0 55px
    }
    #calloutsContainer .bgContainer,
    #calloutsContainer .container {
        width: 320px
    }
    #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle {
        width: 86%;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 15px 7%!important;
        background: #2a251e;
        color: #fff;
        font-size: 20px
    }
    #calloutsContainer .moduleComponentContainercallouts .moduleComponent.selected h2.bannerTitle,
    #calloutsContainer .moduleComponentContainercallouts .moduleComponent:hover h2.bannerTitle {
        background: #c52122
    }
    .totalCallouts1 {
        width: 100%;
        margin: 0 0 20px;
        background-repeat: none;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: 100% auto
    }
    .totalCallouts2 {
        width: 48%;
        margin: 0 .3% 20px 0;
        background-repeat: no-repeat;
        background-size: 100% auto
    }
    .totalCallouts3,
    .totalCallouts4 {
        height: 160px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover
    }
    .totalCallouts3 {
        width: 100%;
        overflow: hidden;
        margin: 0 .3% 20px 0;
        cursor: pointer;
        background-size: cover
    }
    .totalCallouts4,
    .totalCallouts5 {
        width: 48%;
        overflow: hidden;
        margin: 0 .3% 20px 0;
        cursor: pointer
    }
    .totalCallouts4 {
        background-size: cover
    }
    #calloutsContainer .totalCallouts4 h2.bannerTitle {
        text-align: center;
        font-size: 16px
    }
    .totalCallouts5 {
        height: 180px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }
    #calloutsContainer .totalCallouts5 h2.bannerTitle {
        text-align: center;
        font-size: 12px
    }
    #home #calloutsContainer {
        padding: 0 0 50px;
        background: #fff
    }
    #home #calloutsContainer .moduleComponentContainercallouts .moduleComponentcallouts {
        width: 97%;
        margin: 0 1.5% 55px;
        overflow: visible
    }
    #home #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle {
        width: 72%;
        bottom: -20px;
        left: 0;
        margin: 0 7%;
        padding: 8px 7%!important;
        background: #4d340e;
        color: #fff;
        font-size: 22px;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .4)
    }
    #home #calloutsContainer div:nth-child(3) h2.bannerTitle {
        background: #c52122
    }
    #home #calloutsContainer .moduleComponentContainercallouts h2.bannerTitle a {
        color: #fff;
        text-decoration: none
    }
    .slideoutContent {
        width: 90%;
        padding: 15px 5%;
        margin: 0;
        background: #f8f7f5
    }
    .slideoutContent p {
        font-size: 90%;
        line-height: 145%
    }
    ul.left li a,
    ul.right li a {
        font-size: 18px;
        line-height: 33px;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none
    }
    #home #footer {
        border-top: none
    }
    #footer {
        bottom: 0;
        left: 0;
        height: 80px
    }
    #footer .footerCallout ul {
        margin: 6px 0
    }
    #footer.stuck .footerCallout ul {
        margin: 22px 0
    }
    #footer #socialMediaIcons {
        width: 320px;
        margin: -8px 0 0
    }
    #redNavigation,
    ul.left,
    ul.right {
        width: 100%
    }
    #footer.stuck #socialMediaIcons {
        margin: 10px 0 0
    }
    ul.left {
        margin: 50px 0 0;
        padding: 0;
        text-align: left
    }
    ul.left li {
        display: block;
        float: none;
        position: relative;
        margin: 0 10px 0 0;
        padding: 0
    }
    ul.right {
        margin: 0;
        padding: 0;
        text-align: left
    }
    ul.right li {
        display: block;
        margin: 0 0 0 5px;
        padding: 0
    }
    #socialMediaIcons {
        width: 510px;
        height: auto;
        margin: 10px 0 0;
        padding: 30px 0 30px 10px;
        background: 0 0;
        border-top: 2px solid #fff
    }
    #socialMediaIcons p.connectTag {
        color: #fff;
        margin: 0 0 20px;
        padding: 0
    }
    #socialMediaIcons p.connectTag a {
        display: inline;
        text-decoration: none;
        padding: 0;
        margin: 6px 0;
        color: #fff;
        font-size: 20px;
        font-weight: 400;
        font-family: Bitter, serif
    }
    #back-top,
    #formTable div {
        display: none
    }
    #socialMediaIcons a {
        display: block;
        color: #fff;
        font-size: 18px;
        text-decoration: none;
        font-family: arial;
        padding: 8px 0 5px 40px;
        margin: 6px 0
    }
    .siteSearchInput,
    .siteSearchSubmit {
        font-family: Bitter, serif
    }
    .footerCallout {
        float: left;
        position: relative;
        width: 20%;
        min-height: 0;
        padding: 10px 0 0
    }
    #footerMenuFour,
    #footerMenuOne,
    #footerMenuThree,
    #footerMenuTwo {
        width: 100%
    }
    .footerCallout ul {
        margin: 22px 0;
        padding: 0;
        list-style: none
    }
    .footerCallout ul li a {
        color: #c52122;
        text-decoration: none;
        font-size: 24px;
        text-transform: uppercase
    }
    .footerCallout ul li ul li {
        margin: 8px 0
    }
    .footerCallout ul li ul li a {
        color: #fff;
        text-decoration: none;
        text-transform: capitalize;
        font-size: 18px
    }
    .siteSearchInput {
        width: 160px;
        height: 14px;
        font-size: 13px;
        padding: 7px 25px 7px 18px;
        border: 1px solid #ebeef6;
        color: #6d6d6d;
        text-align: left;
        background: #ebeef6;
        font-style: italic;
        border-radius: 0;
        text-transform: lowercase
    }
    .siteSearchSubmit {
        position: absolute;
        top: 5px;
        right: 0;
        border: none;
        cursor: pointer
    }
    .siteSearchSubmit:hover {
        color: #C52122
    }
    #copyright {
        float: left;
        position: relative;
        width: 100%;
        margin: 20px 0 30px;
        padding: 10px 0 0;
        border-top: 1px solid #4b3718
    }
    #copyright p {
        text-transform: uppercase;
        color: #6f5f47;
        font-family: arial;
        font-size: 14px!important;
        margin: 0;
        padding: 0
    }
    #copyright p a {
        color: #6f5f47;
        text-decoration: none
    }
    .siteSearch {
        width: 100%;
        padding: 30px 0 0
    }
    .siteSearch span {
        font-size: 14px;
        font-weight: 700
    }
    .siteSearch input.fsub {
        float: none;
        border: none;
        width: 60px;
        font-weight: 700;
        margin: 1px 0 9px;
        padding: 3px 5px;
        text-transform: uppercase;
        cursor: pointer
    }
    .siteSearch input.textInput {
        font-size: 16px;
        border: 1px solid #ccc;
        padding: 5px 6px;
        border-radius: 0;
        margin: 0 2px 0 12px
    }
    #searchResultDescription {
        margin: 10px 0
    }
    #searchResultItems .searchResultItem {
        margin: 15px 0 0;
        padding: 0 0 10px;
        border-bottom: 1px solid #ccc
    }
    #searchResultItems .searchResultItem a {
        text-decoration: none
    }
    #searchResultItems .title {
        font-weight: 700;
        margin: 0 0 0 10px;
        font-size: 16px;
        text-transform: none
    }
    #searchResultItems .title:hover {
        color: #AE1E1E
    }
    #searchResultItems .description {
        margin: 8px 0 0 10px;
        padding: 0
    }
    #alertForm,
    #emailForm,
    #registrationForm,
    #subscribeForm,
    #surveyTable {
        float: left;
        width: 100%;
        background: 0 0;
        border: none;
        padding: 0;
        margin: 0 0 30px
    }
    #emailForm #formTable {
        width: 100%;
        background: #fff;
        border: 5px solid #fff;
        padding: 0;
        margin: 30px 0 0;
        border-radius: 3px
    }
    body.iframe #emailForm #formTable {
        margin: 40px 0 0
    }
    #emailForm td {
        padding: 10px 0
    }
    #alertForm td.valueHorizontal .fgroup,
    #emailForm td.valueHorizontal .fgroup,
    #registrationForm td.valueHorizontal .fgroup,
    #subscribeForm td.valueHorizontal .fgroup,
    #surveyTable td.valueHorizontal .fgroup {
        font-size: 14px;
        margin: 8px 0 0 -18px
    }
    span.fieldNumber {
        margin: 0 10px 0 0
    }
    table.ftable td {
        vertical-align: top;
        padding: 4px
    }
    table.ftable td.flabel {
        text-align: right;
        padding-right: 10px
    }
    table.ftable td.fvalue {
        text-align: left
    }
    table.ftable td.fcolumn {
        text-align: center
    }
    input.fdate,
    input.fmtxt,
    input.fstxt,
    input.ftxt,
    textarea.fmtxt {
        font-family: arial, helvetica, sans-serif;
        background: #FFF;
        border: 1px solid #ccc;
        font-size: 14px;
        width: 100%;
        padding: 6px;
        margin: 1px 0 1px -18px;
        border-radius: 0
    }
    body.iframe input.fdate,
    body.iframe input.fmtxt,
    body.iframe input.fstxt,
    body.iframe textarea.fmtxt {
        background: #8e8e8e;
        border: 1px solid #8e8e8e;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0 0 6px 30px;
        color: #fff;
        width: 100%;
        border-radius: 0
    }
    body.iframe textarea.fmtxt {
        height: 70px
    }
    body.iframe td.valueVertical input.fdate,
    body.iframe td.valueVertical input.fmtxt,
    body.iframe td.valueVertical input.fstxt,
    body.iframe td.valueVertical input.ftxt,
    body.iframe td.valueVertical textarea.fmtxt {
        width: 180px;
        background: #8e8e8e;
        border: 1px solid #8e8e8e;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0;
        color: #a7a7a7
    }
    input.fdate:focus,
    input.fdate:hover,
    input.fmtxt:focus,
    input.fmtxt:hover,
    input.fstxt:focus,
    input.fstxt:hover,
    input.ftxt:focus,
    input.ftxt:hover {
        border: 1px solid #A91D1C
    }
    input.fdate {
        width: 150px
    }
    input.fstxt {
        width: 50px
    }
    select.fsel,
    select.fseldate {
        background: #fff;
        border: 1px solid #ccc;
        font-size: 11px;
        width: 100%;
        margin: 0;
        padding: 4px;
        border-radius: 6px
    }
    body.iframe select.fsel,
    body.iframe select.fseldate {
        background: #2e2e2e;
        color: #6b6b6b;
        border: 1px solid #6d6d6d;
        -webkit-box-shadow: 0 0 5px #000;
        -moz-box-shadow: 0 0 5px #000;
        box-shadow: 0 0 4px #000;
        margin: 0 0 0 30px
    }
    body.iframe td.valueVertical select.fsel,
    body.iframe td.valueVertical select.fseldate {
        background: #2e2e2e;
        color: #a8a8a8;
        width: 310px;
        border: 1px solid #6d6d6d;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin: 0
    }
    select.fseldate {
        width: auto
    }
    select.fseldate:focus,
    select.fseldate:hover {
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        border: 1px solid #A91D1C
    }
    #formTable div.buttonPanel {
        display: block
    }
    .buttonBar,
    .buttonPanel {
        text-align: right;
        padding: 15px 0 0
    }
    .buttonBar input,
    .buttonBar input.fsub,
    .buttonPanel input.fsub,
    input.fsub {
        float: right;
        text-transform: uppercase;
        background: #A91D1C;
        border: none;
        font-size: 16px;
        padding: 8px;
        width: 130px;
        cursor: pointer;
        border-radius: 0;
        margin: 10px 0 0;
        color: #fff;
        font-family: Bitter, serif;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s
    }
    .buttonBar input.fsub:hover,
    .buttonBar input:hover,
    .buttonPanel input.fsub:hover,
    input.fsub:hover {
        background: #422C0B;
        color: #fff
    }
    body.iframe .buttonBar input,
    body.iframe input.fsub {
        background: 0 0;
        border: none;
        font-size: 14px;
        padding: 4px;
        text-transform: uppercase;
        width: 70px;
        cursor: pointer;
        border-radius: 2px;
        text-align: center;
        color: #0099e3;
        font-weight: 700
    }
    .msg {
        color: red;
        margin: 10px 0;
        font-style: italic
    }
    #alertForm .reset,
    #emailForm .reset,
    #registrationForm .reset,
    #subscribeForm .reset,
    #surveyTable .reset,
    .finlinehelp {
        display: none
    }
    a.emailLink {
        display: ineline-block;
        padding: 0 0 0 26px;
        text-decoration: none;
        background: url(https://www.buriedvillage.co.nz/images/style/email_icon.jpg) 0 6px no-repeat;
        transition: .1s all
    }
    a.emailLink:hover {
        text-decoration: underline;
        background: url(https://www.buriedvillage.co.nz/images/style/email_icon.jpg) 3px 6px no-repeat
    }
    #faqItems {
        float: left;
        position: relative;
        width: 100%
    }
    .faqItem a.button {
        display: block;
        padding: 10px;
        margin: 0 0 10px;
        color: #432C0C!important;
        text-decoration: none;
        border-radius: 4px;
        background: grey;
        background: -moz-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F2EFEB), color-stop(100%, #efefef));
        background: -webkit-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: -o-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: -ms-linear-gradient(top, #F2EFEB 0, #efefef 100%);
        background: linear-gradient(to bottom, #F2EFEB 0, #efefef 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#F2EFEB ', endColorstr='#efefef', GradientType=0)
    }
    .faqItem a.button:before,
    .faqItem:hover a.button:before {
        margin: 0 10px 0 0;
        width: 20px;
        display: block;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        float: left;
        height: 20px;
        content: " + "
    }
    .faqItem a.button:hover {
        text-decoration: none!important;
        color: #B21E1E!important
    }
    .faqItem a.button:before {
        line-height: 16px;
        background: #fff;
        color: #B21E1E;
        transition: .2s all
    }
    .faqItem:hover a.button:before {
        position: relative;
        background: #B21E1E;
        color: #fff
    }
    .faqItem .answer {
        padding: 0 0 0 10px
    }
    #rssIcon {
        position: absolute;
        top: 14px;
        left: 80px
    }
    #moduleItemCategories .moduleItemsListingItem,
    #moduleItemsListing .moduleItemsListingItem {
        width: 100%;
        margin: 0 0 33px;
        padding: 0 0 33px;
        border-bottom: 1px solid #ccc
    }
    #moduleItemCategories.moduleItemCategoriesBlog .moduleItemsListingItem,
    #moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem {
        padding: 0 0 33px;
        margin: 0 0 33px
    }
    #moduleItemCategories .moduleItemsListingItem a,
    #moduleItemsListing .moduleItemsListingItem a {
        color: #000;
        text-decoration: none
    }
    #moduleItemCategories .moduleItemsListingItem a:hover,
    #moduleItemsListing .moduleItemsListingItem a:hover {
        color: #E4252E
    }
    .moduleItemImage {
        float: left;
        position: relative;
        margin: 0 35px 0 0
    }
    .moduleItemImage a,
    .moduleItemImage a img.listing {
        float: left;
        position: relative
    }
    #moduleItemCategories .moduleItemsListingItem .title,
    #moduleItemsListing .moduleItemsListingItem .title {
        margin: 15px 0;
        color: #000;
        font-size: 40px;
        line-height: 40px;
        font-weight: 400;
        text-transform: none
    }
    #moduleItemsListing .moduleItemsListingItem .date {
        opacity: .5;
        font-size: 13px;
        margin: 5px 0 10px
    }
    #moduleItemCategories.moduleItemNews .moduleItemsListingItem .moduleItemContent,
    #moduleItemCategories.moduleItemsListingBlog .moduleItemsListingItem .moduleItemContent,
    #moduleItemsListing.moduleItemNews .moduleItemsListingItem .moduleItemContent,
    #moduleItemsListing.moduleItemsListingBlog .moduleItemsListingItem .moduleItemContent {
        float: left;
        position: relative;
        width: 70%;
        background: #fff
    }
    #moduleItemCategories.moduleListingWithLeftCol .moduleItemsListingItem .moduleItemContent,
    #moduleItemsListing.moduleListingWithLeftCol .moduleItemsListingItem .moduleItemContent {
        float: left;
        position: relative
    }
    .paginator {
        text-align: right
    }
    #authorBiography {
        float: left;
        position: relative;
        background: #F7F7F7;
        padding: 25px;
        margin: 0 0 33px
    }
    #authorBiography .title,
    #pageEditorContent h3.articlesWrittenBy {
        margin: 15px 0;
        color: #000;
        line-height: 45px;
        font-weight: 400;
        text-transform: none;
        font-size: 40px;
        font-family: nexa_lightregular, arial, sans-serif
    }
    #authorBiography .moduleItemImage {
        float: right
    }
    #moduleItemCategories .moduleItemsListingItem .readMore,
    #moduleItemsListing .moduleItemsListingItem .readMore {
        position: relative;
        float: left;
        width: auto;
        bottom: 0;
        right: 0;
        line-height: 25px;
        border-top: none;
        padding: 5px 0 0;
        margin: 0 0 0 10px
    }
    #moduleItemsListing .moduleItemsListingItem .readMore a:hover {
        background: #AC1E1D
    }
    #moduleItemsListing .moduleItemsListingItem .readMore a {
        display: inline-block;
        float: right;
        line-height: 25px;
        text-decoration: none;
        margin: 0 0 0 10px;
        padding: 4px 15px 4px 6px;
        text-transform: lowercase;
        transition: .5s all;
        border-radius: 0;
        color: #fff!important;
        background: #422C0B
    }
    #moduleItemsListing .moduleItemsListingItem .readMore a:before {
        float: left;
        margin: 5px 10px 5px 5px;
        content: " + ";
        width: 20px;
        height: 20px;
        display: block;
        background: #fff;
        color: #422C0B;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        line-height: 16px
    }
    .ratingContainer {
        padding: 20px 0 0 10px
    }
    #comments {
        float: left;
        position: relative;
        width: 100%;
        margin: 30px 0 0
    }
    .commentContainer {
        float: left;
        position: relative;
        width: auto;
        padding: 0 10px 0 0;
        margin: 15px 0 0;
        min-height: auto;
        line-height: 18px;
        background: 0 0;
        border-radius: 0
    }
    .commentContainer a {
        text-decoration: none;
        color: #969696
    }
    #comments .comment .replyLink,
    .thumbsDown,
    .thumbsDownRating,
    .thumbsUp,
    .thumbsUpRating {
        position: relative;
        float: none;
        display: inline-block;
        margin: 0 3px;
        width: auto
    }
    .thumbsDown,
    .thumbsUp {
        width: 15px;
        height: 15px;
        cursor: pointer;
        display: inline-block
    }
    .thumbsUp {
        background: url(http://www.moca.net.nz/LAW2014DEV/images/style/thumbs.png) bottom left no-repeat
    }
    .thumbsDown {
        background: url(http://www.moca.net.nz/LAW2014DEV/images/style/thumbs.png) bottom right no-repeat
    }
    .textModuleItem {
        float: left;
        position: relative;
        width: 100%;
        margin: 0
    }
    #default.marae .textModuleItem {
        float: left;
        position: relative;
        width: 635px;
        margin: 0;
        padding: 0
    }
    .textModuleItem .moduleItemImage {
        float: right;
        position: relative;
        margin: 15px 0 20px 30px;
        box-shadow: none
    }
    .textModuleItem #moduleItemContent {
        float: left;
        position: relative;
        width: 100%;
        padding: 25px 0 0
    }
    .textModuleItem .title {
        margin: 15px 0;
        color: #000;
        font-size: 40px;
        line-height: 45px;
        font-weight: 400;
        text-transform: none;
        font-family: nexa_lightregular, arial, sans-serif
    }
    .textModuleItem .date {
        opacity: .7
    }
    .textModuleItem .readMore {
        text-align: right
    }
    .textModuleItem .readMore a {
        margin: 0 8px 0 0;
        text-decoration: none;
        color: #E4252E
    }
    .textModuleItem .readMore #commentLink {
        float: none;
        position: static;
        margin: 0;
        border-radius: 0;
        padding: 0;
        background: 0 0;
        border: none;
        color: #262626;
        text-decoration: none
    }
    .textModuleItem #blogCommentForm,
    .textModuleItem #newsCommentForm {
        position: relative;
        float: left;
        width: 100%
    }
    #blogCommentForm td.flabel,
    td.fheader {
        text-indent: 0;
        text-align: left
    }
    #blogCommentForm .buttonPanel {
        padding: 0;
        margin: 0 0 15px
    }
    #blogCommentForm td {
        background: #e9e9e9!important;
        padding: 3px 15px
    }
    .textModuleItem .readMore #commentLink:hover {
        background: #fff;
        color: #EB202C;
        border: none
    }
    .textModuleItem .readMore a:hover {
        color: #E4252E
    }
    img.blogTitle {
        float: right;
        margin: -40px 10px 30px 0
    }
    .textModuleItem #moduleItemContentInner {
        float: left;
        position: relative;
        width: 95%;
        margin: 0 0 27px
    }
    .textModuleItem .blogHeader {
        float: left;
        position: relative;
        width: 100%
    }
    .textModuleItem .blogHeaderInner {
        position: absolute;
        top: 0;
        right: 25px;
        width: 350px;
        text-align: right
    }
    .textModuleItem .blogHeaderInner .date {
        float: right;
        position: relative;
        margin-left: 18px;
        padding-left: 18px;
        border-left: 1px solid #5e4314;
        font-weight: 700
    }
    .galleryListItem {
        margin: 15px 15px 0 0
    }
    #authorContainer {
        float: left;
        position: relative;
        width: 92%;
        padding: 1% 4%;
        margin: 50px 0 20px;
        background: #99D4DC;
        color: #fff
    }
    #authorContainer h3 {
        text-transform: lowercase;
        background: 0 0;
        margin: 20px 0 0;
        color: #fff;
        padding: 0;
        font-size: 30px
    }
    #authorContainer a,
    #authorContainer p {
        color: #fff
    }
    #authorContainer .moduleItemImage {
        float: right;
        margin: 10px 0 50px 30px;
        padding: 0
    }
    #authorContainer .content,
    #authorContainer a,
    #comments .comment,
    #comments h3 {
        float: left;
        position: relative
    }
    #authorContainer .moduleItemImage img {
        margin: 0;
        padding: 0;
        border-radius: 100%
    }
    #authorContainer .content {
        font-size: 85%;
        clear: both
    }
    #authorContainer .content p {
        line-height: 130%
    }
    #comments h3 {
        background: 0 0;
        padding: 0
    }
    #comments .comment {
        margin: 0 0 8px;
        border-radius: 0;
        width: 96%;
        padding: 2%
    }
    #comments .comment:nth-child(odd) {
        background: #efefef
    }
    #comments .comment:nth-child(even) {
        background: #f2efeb
    }
    #comments .comment.level1 {
        margin-left: 0;
        width: 96%
    }
    #comments .comment.level2 {
        margin-left: 5%;
        width: 91%
    }
    #comments .comment.level3 {
        margin-left: 10%;
        width: 86%
    }
    #comments .comment.level4 {
        margin-left: 15%;
        width: 81%
    }
    #comments .comment .date {
        position: relative;
        float: right
    }
    #comments .comment .commentLinksContainer,
    .ratingContainer {
        position: relative;
        height: 20px;
        width: 150px;
        float: right
    }
    #commentLink:hover {
        background: #422C0B;
        border: 1px solid #422C0B;
        text-decoration: none!important
    }
    #commentLink {
        display: inline-block;
        float: right;
        line-height: 25px;
        text-decoration: none;
        margin: 0 0 0 10px;
        padding: 4px 15px 4px 6px;
        text-transform: lowercase;
        transition: .5s all;
        border-radius: 0;
        color: #fff!important;
        background: #AC1E1D;
        border: 1px solid #AC1E1D
    }
    #commentLink:before {
        float: left;
        margin: 5px 10px 5px 5px;
        content: " + ";
        width: 20px;
        height: 20px;
        display: block;
        background: #fff;
        color: #422C0B;
        font-weight: 700;
        text-align: center;
        border-radius: 10px;
        line-height: 17px
    }
    #tagContainer,
    .pinterest {
        display: none
    }
    .comment span.name {
        padding: 0;
        margin: 8px 0;
        color: #c52122;
        text-transform: uppercase;
        font-size: 18px;
        font-family: Bitter, serif;
        background: 0 0
    }
    #comments .comment .replyLink {
        position: relative;
        text-decoration: none;
        float: right
    }
    #facebook,
    #twitter,
    .pinterest {
        float: left;
        margin: 10px 0
    }
    .thumbsUp.clicked {
        background-position: top left
    }
    .thumbsDown.clicked {
        background-position: top right
    }
    .moduleItemBlog #facebook {
        float: left;
        width: 150px;
        margin: 10px 0
    }
    #facebook {
        width: 135px
    }
    #twitter {
        width: 89px
    }
    .pinterest {
        width: 60px
    }
    a.emailIcon,
    a.rssIcon {
        display: inline-block;
        float: left
    }
    #plusone {
        float: left;
        width: 70px;
        margin: 10px 0
    }
    #linkedin {
        float: left;
        width: 72px;
        margin: 10px 0
    }
    a.rssIcon {
        margin: 7px 12px 0 0
    }
    a.emailIcon {
        margin: 7px 8px 0 0
    }
    #editComment {
        width: 100%
    }
    #socialMediaContainer {
        float: left;
        position: relative;
        width: 100%;
        height: 42px;
        margin: 0 0 20px;
        padding: 0;
        border-top: 1px solid #fff;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0
    }
    #commentsContainer {
        float: left;
        position: relative;
        height: auto;
        width: 635px;
        margin: 0 0 15px 24px;
        padding: 15px 0 0
    }
    #commentsContainer h2 a {
        float: right;
        margin: 0 15px 0 0;
        font-size: 12px;
        text-decoration: none;
        color: #ef7c00
    }
    #commentsContainer h2 a:hover {
        text-decoration: underline
    }
    #commentsContainer .rating {
        float: left;
        position: relative;
        width: 100%;
        margin: 0 0 20px;
        padding: 0 0 10px;
        border-bottom: 1px solid #CCC
    }
    #commentsContainer .rating p {
        margin: 0 0 10px;
        padding: 0
    }
    #commentsContainer .rating p.date {
        font-weight: 700;
        margin: 0;
        padding: 0
    }
    #moduleItemBack {
        float: left;
        position: relative;
        line-height: 54px;
        color: #EB202C;
        width: 100%;
        margin: 15px 0 0;
        border-top: 1px solid #ccc
    }
    #moduleItemBack a {
        text-decoration: none;
        color: #EB202C
    }
    #moduleItemBack a:hover {
        color: #E4252E
    }
    #navBar {
        float: right;
        position: relative;
        width: 100%;
        min-height: auto;
        height: auto!important;
        padding: 0;
        margin: 0
    }
    #navBar .navCategoryBlogLinks,
    #navBar .navDateLinks,
    #navBar .navRecentLinks {
        float: left;
        position: relative;
        width: 33.3%
    }
    #navBar ul {
        color: auto;
        margin: 20px 0;
        padding: 0;
        width: 100%;
        min-height: 100px;
        background: url(http://www.moca.net.nz/LAW2014DEV/images/style/right_tile.png) top right repeat-y
    }
    #navBar ul li {
        margin: 3px 0;
        padding: 0
    }
    #navBar ul li a {
        margin: 0;
        color: #000;
        text-transform: none;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        text-decoration: none
    }
    #navBar ul li a:hover {
        color: #EE7A2D
    }
    #navBar span.navheaders {
        display: block;
        padding: 11px 15px;
        text-decoration: none;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 17px;
        margin: 0 0 20px;
        background-color: none;
        background-position: top right, 250px 15px;
        background-repeat: no-repeat;
        transition: .5s all
    }
    #navBar ul li a {
        display: block;
        font-weight: 400;
        padding: 2px 20px
    }
    #navBar .navDateLinks {
        margin: 0
    }
    #navBar a {
        text-decoration: none
    }
    #navBar a:hover {
        -webkit-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        text-decoration: underline
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa {
        margin: 40px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem {
        border: none;
        margin: 0 0 40px;
        padding: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .moduleItemImage {
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .imageContainer {
        float: left;
        position: relative;
        margin: 0 30px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem img.magnifyingGlassIcon {
        position: absolute;
        bottom: 00;
        right: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .moduleItemContent {
        float: right;
        position: relative;
        width: 320px
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem .title {
        font-size: 19px;
        font-weight: 700;
        color: #C52122;
        text-transform: uppercase;
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.findOutMoreButton {
        display: inline-block;
        color: #fff;
        background: #2a251e;
        padding: 8px 15px;
        margin: 8px 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.bookNowButton {
        display: inline-block;
        color: #fff;
        background: #4D330E;
        padding: 8px 15px;
        margin: 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.bookNowButton:hover,
    #moduleItemsListing.moduleItemsListingMuseumOfTeWairoa .moduleItemsListingItem p a.findOutMoreButton:hover {
        background: #C52122
    }
    .textModuleItem.moduleItemMuseumOfTeWairoa #moduleItemContent {
        padding: 0;
        margin: 0 0 30px
    }
    .textModuleItem.moduleItemMuseumOfTeWairoa .detailImageContainer {
        float: left;
        position: relative;
        width: 100%;
        margin: 0 0 50px
    }
    .textModuleItem.moduleItemMuseumOfTeWairoa .detailImageContainer .galleryListItem {
        float: left;
        position: relative
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips {
        margin: 40px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem {
        border: none;
        margin: 0 0 40px;
        padding: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .moduleItemImage {
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .imageContainer {
        float: left;
        position: relative;
        margin: 0 30px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem img.magnifyingGlassIcon {
        position: absolute;
        bottom: 00;
        right: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .moduleItemContent {
        float: right;
        position: relative;
        width: 320px
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem .title {
        font-size: 19px;
        font-weight: 700;
        color: #C52122;
        text-transform: uppercase;
        margin: 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.findOutMoreButton {
        display: inline-block;
        color: #fff;
        background: #2a251e;
        padding: 8px 15px;
        margin: 8px 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.bookNowButton {
        display: inline-block;
        color: #fff;
        background: #4D330E;
        padding: 8px 15px;
        margin: 8px 0 0
    }
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.bookNowButton:hover,
    #moduleItemsListing.moduleItemsListingComboDayTrips .moduleItemsListingItem p a.findOutMoreButton:hover {
        background: #C52122
    }
    .textModuleItem.moduleItemComboDayTrips #moduleItemContent {
        padding: 0;
        margin: 0 0 30px
    }
    .textModuleItem.moduleItemComboDayTrips .detailImageContainer {
        float: left;
        position: relative;
        width: 100%;
        margin: 0 0 50px
    }
    .textModuleItem.moduleItemComboDayTrips .detailImageContainer .galleryListItem {
        float: left;
        position: relative
    }
    #banner {
        display: none!important
    }
    #footer p {
        line-height: 26px;
        font-size: 20px;
        color: #fff
    }
    #footer,
    #footer.stuck,
    .sticky-wrapper {
        float: left;
        position: relative;
        z-index: 1000;
        padding: 0;
        margin: 0;
        border-top: none;
        min-height: 416px;
        width: 100%;
        background: url(https://www.buriedvillage.co.nz/images/style/footer_tile.jpg) top left repeat-x
    }
    ul.largeLinks {
        position: absolute;
        top: 60px;
        right: 0;
        width: 370px;
        border-bottom: 0;
        display: none;
        height: auto;
        padding: 0;
        margin: 0
    }
    ul.largeLinks li {
        border: none!important
    }
    ul.largeLinks li a {
        width: 100%!important;
        line-height: 40px;
        font-size: 20px!important;
        background: 0 0!important;
        border-bottom: 1px solid #646464;
        color: #fff
    }
    a#pull {
        display: block;
        float: right;
        margin: 23px 0 0;
        background-color: #AE1E1D;
        position: relative;
        border-radius: 0;
        color: #fff;
        font-size: 18px;
        padding: 5px 11px 5px 15px;
        text-decoration: none;
        text-transform: uppercase;
        width: 100px
    }
    a#pull:after {
        content: "";
        background: url(https://www.buriedvillage.co.nz/images/style/nav-icon.png) no-repeat;
        background-size: 100% auto;
        width: 18px;
        height: 18px;
        display: inline-block;
        position: absolute;
        right: 7px;
        top: 7px
    }
    ul.largeLinks li {
        display: block;
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
        background: #000!important
    }
    #home #pageEditorContent {
        padding-top: 80px
    }
    p#back-top {
        display: none!important
    }
    .subMenuContainer {
        float: left;
        position: relative;
        width: 100%;
        margin-bottom: 40px
    }
    .subMenuContainer ul {
        opacity: 1
    }
    .subMenuContainer ul li {
        display: block;
        margin: 10px 0
    }
    .subMenuContainer ul li a {
        display: block;
        padding: 10px;
        background: #f0f0f0!important;
        font-size: 22px
    }
    .subMenuContainer ul li a.menuSelected {
        display: block;
        padding: 10px;
        background: #efefef;
        font-size: 22px
    }
}

#floatingCalloutInner a,
p.floatingAfter,
p.floatingBefore {
    color: #fff;
    text-decoration: none;
    font-family: Raleway, sans-serif;
    font-weight: 700
}

#floatingMask,
.product-listing #floatingCallout,
.products #floatingCallout {
    display: block
}

#floatingCallout {
    display: none;
    position: fixed;
    height: 165px;
    width: 165px;
    background: #AF1F1E;
    border: 5px solid #fff;
    right: 120px;
    bottom: 114px;
    border-radius: 100%;
    transition: background .5s;
    z-index: 9999
}

@media screen and (min-width:1500px) {
    #floatingCallout {
        display: block;
        right: 47px;
        bottom: 86px
    }
}

@media screen and (min-width:1700px) {
    #floatingCallout {
        display: block;
        right: 100px;
        bottom: 110px
    }
}

.product-listing #floatingCallout #floatingCalloutInner,
.products #floatingCallout #floatingCalloutInner {
    top: 15%
}

#floatingCallout:hover {
    background: #332208;
    transition: background .5s
}

#floatingCalloutInner {
    position: relative;
    width: 100%;
    top: 33%;
    text-align: center;
    font-size: 15px
}

#floatingCalloutInner a {
    font-size: 28px
}

p.floatingBefore {
    margin: 7px 0 0
}

p.floatingAfter {
    margin: 5px 0 0
}

#floatingMask {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 100%
}