body {
    background: #FFFFFF;
    margin: 0;
    font-size: 12pt;
    font-family: Roboto, arial, sans-serif;
    line-height: 1.2em;
}

h1 {
    font-size: 24pt;
    line-height: 1em
}

h2 {
    font-size: 20pt;
    line-height: 1em
}

h3 {
    font-size: 16pt;
    line-height: 1em
}

h4 {
    font-size: 14pt;
    line-height: 1em
}

header, nav, footer {
    display: block
}

img {
    border: 0
}

a {
    text-decoration: none
}

header {
    color: #FFFFFF;
    min-height: 166px;
    margin-top: 10px;
    position: relative;
}

/*#header {
    width: auto;
    margin: 0 10%;
    min-width: 800px;
    min-height: 166px;
}*/

#headerContact {
    /*float: right;*/
    color: #008E46;
    font-size: 15pt;
    font-weight: bold;
    line-height: 1.2em;
    padding-left: 1em;
    padding-right: 1em;
    text-align: right;
}

#headerContact a {
    color: #008E46;
    text-decoration: none;
}

/*#content:after {
    display: block;
    zoom: 1;
    clear: left;
    height: 0px;
    content: ".";
    visibility: hidden;
    color: #FFFFFF;
}*/

#blogList {
    display: table;
}

.blogTeaser {
    display: table-row;
}

.image-link {
    display: table-cell;
    width: 150px;
    padding-right: 10px;
    padding-bottom: 10px;
    vertical-align: top;
}

.blogIntro {
    display: table-cell;
    vertical-align: top;
    padding-bottom: 10px;
}

.blogIntro h3 {
    margin-top: 0;
    margin-bottom: 0.5em;
}

.blogIntro p:nth-of-type(1) {
    margin-top: 0;
}

#content {
    margin-top: 10px;
    min-height: 600px;
    background: #EEEEEE;
    background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#FFFFFF)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #EEEEEE, #FFFFFF); /* for firefox 3.6+ */
    background: linear-gradient(#EEEEEE, #FFFFFF);
    padding: 20px;
    box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.1) inset;
    border-radius: 10px;
}

.blogSidebar {
    margin: 0;
    padding: 0;
}

.blogSidebar li {
    list-style: none inside;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: smaller;
}

footer {
    background: #008E46;
    box-shadow: 0 20px 50px 10px rgba(0, 0, 0, 0.5);
    margin-top: 2em;
    font-size: 10pt;
    color: #FFFFFF;
    clear: both;
}

#footerContainer {
    background: url(../images/relatebottombar.jpg) right 50% no-repeat;
    width: auto;
    text-align: left;
    white-space: nowrap;
    padding: 5px;
    min-height: 25px;
}

#footerContainer a {
    color: #FFFFFF;
    text-decoration: none
}

#footerContainer p {
    margin: 0;
    line-height: 25px
}

/* Navigation */
nav {
    background: transparent;
    z-index: 20;
    position: relative;
    /* text-align: right;*/
    min-height: 34px;
    line-height: 33px;
    font-family: "Roboto", arial, sans-serif;
    width: auto;
    min-width: 640px;
}

nav ul ul {
    direction: ltr;
}

nav li {
    display: inline-block;
    font-size: 14px;
    text-align: center;
}

nav li a {
    padding: 3px;
    text-decoration: none;
    display: block;
    outline: none;
    margin: 0 7px;
    font-weight: bold;
}

nav li li {
    display: block; /* and, as if by magic....*/
    text-align: left;
    width: 230px;
    border: 0;
    margin: 0;
    line-height: 30px;
    height: 30px;

}

nav li li a {
    font-weight: normal;
    padding: 0 5px;
    width: 220px;
    overflow: hidden;
    white-space: nowrap;
    margin: 0;
}

nav li ul {
    background: #008E46;
    left: -999em;
    margin-top: -2px;
    position: absolute;
    width: 230px;
    padding-left: 0;
    box-shadow: 3px 3px 10px 0px rgba(125, 125, 125, 0.5);
    border: 0;
}

nav li ul ul {
    margin: -26px 0 0 230px;
}

nav > ul > li.nav-path-selected {
}

nav > ul > li:hover, nav > ul > li.sfHover {

}

nav ul > li > a {
    color: #000000;
}

nav ul ul a {
    color: #FFFFFF;
}

nav ul > li > a:hover, nav ul > li.sfHover > a, nav ul > li.nav-path-selected > a {
    color: #FFFFFF;
}

nav li li a.nav-path-selected, nav li li a.nav-path-selected:hover {
    background: #FFFFFF;
    color: #000000;
}

nav ul ul a:hover {
    background: #FFFFFF;
    color: #000000;
}

nav li:hover ul ul, nav li:hover ul ul ul, nav li.sfHover ul ul, nav li.sfHover ul ul ul {
    left: -999em;
}

nav li:hover ul, nav li li:hover ul, nav li li li:hover ul, nav li.sfHover ul, nav li li.sfHover ul, nav li li li.sfHover ul {
    left: auto;
}

/**********End Nav menu*****************/

/* Testimonials */
div.testy {
    font-style: italic;
    padding-left: 80px;
    background: url(../images/66.png) no-repeat;
}

div.testy:after {
    zoom: 1;
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    color: #ffffff;
    font-size: 0px;
    content: ".";
}

.testyimg {
    float: right;
    margin-left: 10px;
}

.testyname {
    float: left;
    text-align: left;
    font-weight: bold;
    font-style: normal;
}

.testimonial {
    background: url(../images/99.png) no-repeat right bottom;
    padding-bottom: 30px;
}

/* End Testimonials */

/* Blog stuff */

.blogParent {
    min-height: 160px;
    margin-right: 250px;
}

.blogParent h2 {
    line-height: 1em
}

p.posted {
    font-size: smaller
}

div.blogimage {
    float: right;
    margin-left: 10px
}

div.blogmain {
}

#pagination, .ccmDateNav,
.ccm-next-previous-wrapper {
    font-size: smaller;
    margin-top: 10px
}

#pagination span {
    margin-right: 3px
}

.ccmDateNav {
    margin-bottom: 10px
}

.ccm-tags-display {
    padding-bottom: 10px;
}

.ccm-tags-display h4 {
    margin: 0;
    font-size: smaller
}

.ccm-tags-display ul.ccm-tag-list {
    margin: 0
}

.ccm-tags-display ul.ccm-tag-list li {
    display: inline;
    /*padding: 5px 8px 6px 8px;*/
    margin: 3px 6px 3px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    float: left;
    line-height: 13px;
    height: 13px;
    font-size: smaller;
}

.ccm-categories-display {
    padding-bottom: 10px;
}

.ccm-categories-display h4 {
    margin: 0;
    font-size: smaller
}

.ccm-categories-display ul.ccm-category-list {
    margin: 0
}

.ccm-categories-display ul.ccm-category-list li {
    display: inline;
    /*padding: 5px 8px 6px 8px;*/
    margin: 3px 6px 3px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    float: left;
    line-height: 13px;
    height: 13px;
    font-size: smaller;
}

/*************** Mailchimp ***********/
#mailchimpDiv {
    border-radius: 5px;
    border: 2px solid #008E46;
    padding: 8px;
    box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.1) inset;
}

.mailchimp-groupselect {
    clear: both;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 235px;
}

.mailchimp-checkbox {
    float: left;
    margin-left: 20px;
    clear: both;
}

.mailchimp-checkbox input {
    width: 20px;
}

.mailchimp-radio {
    float: left;
    margin-left: 20px;
    clear: both;
}

.mailchimp-radio input {
    width: 20px;
}

.mailchimp-select {
    float: left;
    margin-left: 20px;
    clear: both;
}

.mailchimp-list {
    clear: both;
}

.mailchimp-register {
    float: left;
}

#mailchimpwaiting {
    float: left;
    padding-left: 5px;
    margin-top: 3px;
    display: none;
}

.mailchimp input {
    width: 10px;
}

.mailchimp-endblock {
    clear: both;
}

#mailchimp_message {
    color: #D22527;
    font-weight: bold;
}

#mailchimpDiv input[type=button] {
    background: #D22527;
    color: #FFFFFF;
    border-radius: 5px;
    border: 2px solid #008E46;
    font-weight: bold;
    height: 34px;
    width: 100px;
    margin-top: 5px;
    font-size: 12pt;
    text-transform: uppercase;
}

#mailchimpDiv input[type=button]:hover {
    background: #B20507;
}

/***************************************/

.lmem-checkout-product-details {
    margin-left: 1em;
    margin-bottom: 1em;
}

h4.accordionTrigger {
    font-size: 11pt;
}

.slicknav_btn {
    background: #008E46;
}

.slicknav_nav a:hover,
.slicknav_nav .slicknav_row:hover {
    background: #B20507;
    color: #ffffff;
}

.slicknav_menu, #MobMenu {
    display: none;
    background: transparent;
}

@media screen and (max-width: 979px) {
    /* #menu is the original menu */
    nav ul.nav {
        display: none;
    }

    .slicknav_menu {
        display: block;
    }

    header {
        padding-top: 0; /* because the menu sits in there*/
    }
    #footerContainer {
        background: 0;
    }
}

/********* Bootstrap nobble ************/
.nav {
    margin-bottom: 0;
}

input, textarea, .uneditable-input {
    max-width: 206px;
    width: 90%;
}

@media screen and (max-width: 767px) {
    body {
        padding-left: 0;
        padding-right: 0;
    }

    #content {
        margin-left: 10px;
        margin-right: 10px;
    }
}
@media screen and (max-width: 600px) {
   div.testy {
       font-style: italic;
       padding-left: 40px;
       background: url(../images/66.png) no-repeat;
       background-size: 30px 22px;
   }
   .testimonial {
       background-size: 30px 22px;
       margin-bottom:1em;
   }
}