/******************************************************************/
/***
/***   Website developed by IsItVivid.com
/***   Author: Michael Grissinger
/***   Version: 1.0.2
/***   Customization by Alt-techserve.com
/***   Author: Angelo Vasta
/***
/******************************************************************/

/** Reset Minimized ***********************************************/
/******************************************************************/
@charset"utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, button {
    margin: 0;
    
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

article, aside, details, figcaption, figure, footer, header, hgroup,
menu, main, nav, section {
    display: block
}

button {
    cursor: pointer
}

hr {
    margin: 0;
    padding: 0
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

:focus {
    outline: 0
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

/** Additional CSS Love - Minimized *******************************/
/******************************************************************/
html {
    overflow-y: scroll
}

ul, ol {
    margin-left: 2em
}

ol {
    list-style-type: decimal
}

nav ul, nav li {
    margin: 0;
    list-style: none;
    list-style-image: none
}

strong, th {
    font-weight: bold
}

label, input[type=button], input[type=submit], button {
    cursor: pointer
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    padding: 15px
}

textarea {
    overflow: auto
}

.ie6 legend, .ie7 legend {
    margin-left: -7px
}

input[type="radio"] {
    vertical-align: text-bottom
}

input[type="checkbox"] {
    vertical-align: bottom
}

.ie7 input[type="checkbox"] {
    vertical-align: baseline
}

.ie6 input {
    vertical-align: text-bottom
}

img, td {
    vertical-align: top;
    
}

/** 1140 Grid - Minimized *****************************************/
/******************************************************************/
img {
    max-width: 100%;
    height: auto !important;
    vertical-align: top;
    
    
}

.container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 320px;
    position: relative;
    width: auto;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px
}

.container:after, .container:before {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

.container {
    *zoom: 1
}

.eightcol, .elevencol, .fivecol, .fourcol, .ninecol, .onecol, .sevencol,
.sixcol, .tencol, .threecol, .twocol {
    min-height: 1px;
    float: left;
    margin-right: 3.8%;
    padding: 0
}

.last {
    margin-right: 0
}

.onecol {
    width: 4.85%
}

.twocol {
    width: 13.45%
}

.threecol {
    width: 22.05%
}

.fourcol {
    width: 30.75%
}

.fivecol {
    width: 39.45%
}

.sixcol {
    width: 48%
}

.sevencol {
    width: 56.75%
}

.eightcol {
    width: 65.4%
}

.ninecol {
    width: 74.05%
}

.tencol {
    width: 82.7%
}

.elevencol {
    width: 91.35%
}

.twelvecol {
    width: 100%
}

[class*=col] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pulleight, .pulleleven, .pullfive, .pullfour, .pullnine, .pullone,
.pullseven, .pullsix, .pullten, .pullthree, .pulltwo, .pusheight, .pusheleven,
.pushfive, .pushfour, .pushnine, .pushone, .pushseven, .pushsix, .pushten,
.pushthree, .pushtwo {
    position: relative
}

.pushone {
    left: 8.65%
}

.pushtwo {
    left: 17.25%
}

.pushthree {
    left: 25.85%
}

.pushfour {
    left: 34.55%
}

.pushfive {
    left: 43.25%
}

.pushsix {
    left: 51.8%
}

.pushseven {
    left: 60.55%
}

.pusheight {
    left: 69.2%
}

.pushnine {
    left: 77.85%
}

.pushten {
    left: 86.5%
}

.pusheleven {
    left: 95.15%
}

.pullone {
    right: 8.65%
}

.pulltwo {
    right: 17.25%
}

.pullthree {
    right: 25.85%
}

.pullfour {
    right: 34.55%
}

.pullfive {
    right: 43.25%
}

.pullsix {
    right: 51.8%
}

.pullseven {
    right: 60.55%
}

.pulleight {
    right: 69.2%
}

.pullnine {
    right: 77.85%
}

.pullten {
    right: 86.5%
}

.pulleleven {
    right: 95.15%
}

.hidden-small, .visible-large, .visible-medium {
    display: none
}

@media only screen and (min-width:768px) {
    .hidden-medium, .visible-small {
        display: none
    }

    .hidden-large, .hidden-small, .visible-medium {
        display: block
    }

    .eightcol-medium, .elevencol-medium, .fivecol-medium, .fourcol-medium,
    .ninecol-medium, .onecol-medium, .sevencol-medium, .sixcol-medium,
    .tencol-medium, .threecol-medium, .twocol-medium {
        min-height: 1px;
        float: left;
        margin-right: 3.8%;
        padding: 0
    }

    .last-medium {
        margin-right: 0
    }

    .onecol-medium {
        width: 4.85%
    }

    .twocol-medium {
        width: 13.45%
    }

    .threecol-medium {
        width: 22.05%
    }

    .fourcol-medium {
        width: 30.75%
    }

    .fivecol-medium {
        width: 39.45%
    }

    .sixcol-medium {
        width: 48%
    }

    .sevencol-medium {
        width: 56.75%
    }

    .eightcol-medium {
        width: 65.4%
    }

    .ninecol-medium {
        width: 74.05%
    }

    .tencol-medium {
        width: 82.7%
    }

    .elevencol-medium {
        width: 91.35%
    }

    .twelvecol-medium {
        width: 100%
    }

    .visible-medium {
        display: block
    }

    .hidden-medium {
        display: none
    }

    .pulleight-medium, .pulleleven-medium, .pullfive-medium, .pullfour-medium,
    .pullnine-medium, .pullone-medium, .pullseven-medium, .pullsix-medium,
    .pullten-medium, .pullthree-medium, .pulltwo-medium, .pusheight-medium,
    .pusheleven-medium, .pushfive-medium, .pushfour-medium, .pushnine-medium,
    .pushone-medium, .pushseven-medium, .pushsix-medium, .pushten-medium,
    .pushthree-medium, .pushtwo-medium {
        position: relative
    }

    .pushone-medium {
        left: 8.65%
    }

    .pushtwo-medium {
        left: 17.25%
    }

    .pushthree-medium {
        left: 25.85%
    }

    .pushfour-medium {
        left: 34.55%
    }

    .pushfive-medium {
        left: 43.25%
    }

    .pushsix-medium {
        left: 51.8%
    }

    .pushseven-medium {
        left: 60.55%
    }

    .pusheight-medium {
        left: 69.2%
    }

    .pushnine-medium {
        left: 77.85%
    }

    .pushten-medium {
        left: 86.5%
    }

    .pusheleven-medium {
        left: 95.15%
    }

    .pullone-medium {
        right: 8.65%
    }

    .pulltwo-medium {
        right: 17.25%
    }

    .pullthree-medium {
        right: 25.85%
    }

    .pullfour-medium {
        right: 34.55%
    }

    .pullfive-medium {
        right: 43.25%
    }

    .pullsix-medium {
        right: 51.8%
    }

    .pullseven-medium {
        right: 60.55%
    }

    .pulleight-medium {
        right: 69.2%
    }

    .pullnine-medium {
        right: 77.85%
    }

    .pullten-medium {
        right: 86.5%
    }

    .pulleleven-medium {
        right: 95.15%
    }
}

@media only screen and (min-width:1024px) {
    .container {
        width: 990px;
        padding-left: 0;
        padding-right: 0
    }

    .visible-medium, .visible-small {
        display: none
    }

    .hidden-large, .hidden-medium, .hidden-small {
        display: block
    }

    .eightcol-large, .elevencol-large, .fivecol-large, .fourcol-large,
    .ninecol-large, .onecol-large, .sevencol-large, .sixcol-large, .tencol-large,
    .threecol-large, .twocol-large {
        min-height: 1px;
        float: left;
        margin-right: 3.8%;
        padding: 0
    }

    .last-large {
        margin-right: 0
    }

    .onecol-large {
        width: 4.85%
    }

    .twocol-large {
        width: 13.45%
    }

    .threecol-large {
        width: 22.05%
    }

    .fourcol-large {
        width: 30.75%
    }

    .fivecol-large {
        width: 39.45%
    }

    .sixcol-large {
        width: 48%
    }

    .sevencol-large {
        width: 56.75%
    }

    .eightcol-large {
        width: 65.4%
    }

    .ninecol-large {
        width: 74.05%
    }

    .tencol-large {
        width: 82.7%
    }

    .elevencol-large {
        width: 91.35%
    }

    .twelvecol-large {
        width: 100%
    }

    .visible-large {
        display: block
    }

    .hidden-large {
        display: none
    }

    .pulleight-large, .pulleleven-large, .pullfive-large, .pullfour-large,
    .pullnine-large, .pullone-large, .pullseven-large, .pullsix-large,
    .pullten-large, .pullthree-large, .pulltwo-large, .pusheight-large,
    .pusheleven-large, .pushfive-large, .pushfour-large, .pushnine-large,
    .pushone-large, .pushseven-large, .pushsix-large, .pushten-large,
    .pushthree-large, .pushtwo-large {
        position: relative
    }

    .pushone-large {
        left: 8.65%
    }

    .pushtwo-large {
        left: 17.25%
    }

    .pushthree-large {
        left: 25.85%
    }

    .pushfour-large {
        left: 34.55%
    }

    .pushfive-large {
        left: 43.25%
    }

    .pushsix-large {
        left: 51.8%
    }

    .pushseven-large {
        left: 60.55%
    }

    .pusheight-large {
        left: 69.2%
    }

    .pushnine-large {
        left: 77.85%
    }

    .pushten-large {
        left: 86.5%
    }

    .pusheleven-large {
        left: 95.15%
    }

    .pullone-large {
        right: 8.65%
    }

    .pulltwo-large {
        right: 17.25%
    }

    .pullthree-large {
        right: 25.85%
    }

    .pullfour-large {
        right: 34.55%
    }

    .pullfive-large {
        right: 43.25%
    }

    .pullsix-large {
        right: 51.8%
    }

    .pullseven-large {
        right: 60.55%
    }

    .pulleight-large {
        right: 69.2%
    }

    .pullnine-large {
        right: 77.85%
    }

    .pullten-large {
        right: 86.5%
    }

    .pulleleven-large {
        right: 95.15%
    }
}

@media only screen and (min-width:1200px) {
    .container {
        width: 1140px
    }
}

/** Global Styles *************************************************/
/******************************************************************/


body {
    font: 16px/1.4 'Source Sans Pro', Arial, sans-serif;
    font-weight: 400;
}

.hidden {
    display: none;
    visibility: hidden;
}

.invisible {
    visibility: hidden;
}

.clearme {
    clear: both;
}

.clearL {
    clear: left;
}

.clearR {
    clear: right;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.justify {
    text-align: justify;
}

.error {
    color: #ff0000;
}

.image_left {
    float: left;
    margin: 0px 20px 20px 0px;
}

.image_right {
    float: right;
    margin: 0px 0px 20px 20px;
}

.condensed {
    font-family: 'Open Sans Condensed', sans-serif;
}

.circleImage img {
    border-radius: 50%;
}

.borderedImage img {
    background: #fff;
    padding: 5px;
    border: 1px solid #eee;
    margin: 20px 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/** Buttons **/
.bttn, .ccm-core-commerce-checkout-button-next,
.ccm-core-commerce-checkout-button-previous,
.guestBook-formBlock .button {
    font-family: 'Open Sans Condensed', sans-serif;
    border: none;
    background: #7c0912;
    font-size: 18px;
    border-radius: 3px;
    color: #fff !important;
    padding: 7px 25px;
    text-decoration: none !important;
    display: inline-block;
    margin: 15px 0;
    position: relative;
    transition: all .2s ease;
}

/* Button Arrow */
.bttn.left:before, .bttn.right:after {
    color: #fff;
    background: #7d8945;
    top: 9px;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    padding: 2px 6px 4px;
    line-height: 1;
    border-radius: 50px;
    transition: all .2s ease;
}

.bttn.left {
    padding-left: 40px;
}

.bttn.right {
    padding-right: 40px;
}

.bttn.left:before {
    left: 7px;
    content: "<";
}

.bttn.right:after {
    right: 7px;
    content: ">";
}

/** Button Hover **/
.bttn:hover, .ccm-core-commerce-checkout-button-next:hover, 
.ccm-core-commerce-checkout-button-previous:hover, .guestBook-formBlock .button:hover {
    background: #FEE0C4;
    color:#000000 !important;
}

.bttn.left:hover:before, .bttn.right:hover:after {
    background: #5a6723;
}

.clearfix:before, .colContainer:before,
.clearfix:after, .colContainer:after {
    content: " ";
    display: table;
}

.clearfix:after, .colContainer:after {
    clear: both;
}

.clearfix, .colContainer {
    *zoom: 1;
}

::-webkit-input-placeholder {
    color: #444444;
}

:-moz-placeholder {
    color: #444444;
}

::-moz-selection {
    background: PINK;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: PINK;
    color: #fff;
    text-shadow: none;
}

a:link {
    -webkit-tap-highlight-color: PINK;
}

.slide {
    position: relative;
    z-index: 2;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slide.slideOver {
    -webkit-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0);
}

/* C5 stuff */
#ccm-highlighter {
    z-index: 20 !important;
}

/** Mobile Nav Styles *********************************************/
/******************************************************************/

#mobileNav {
    width: 200px;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    background: #933638;
    overflow: scroll;
}

#mobileNav ul {
    padding: 30px;
}

#mobileNav ul li {
    margin: 0 0 10px;
}

#mobileNav ul li a {
    font-family: 'Open Sans Condensed', sans-serif;
    color: #fff;
    text-decoration: none;
    font-size: 24px;
}

#mobileNav ul ul {
    padding: 0 0 0 15px;
}

#mobileNav ul ul li a {
    font-size: 18px;
}

/** Header Styles *************************************************/
/******************************************************************/

body>header {
    position: relative;
    background: #7c0912;

    z-index: 15 !important;
}

@media only screen and (min-width:768px) {
    body>header {
        min-height: 92px;
    }
}

#logo {
    padding: 12px 0;
}

#logo a {
    text-decoration: none !important;
}

.simpleLogo {
    line-height: 1;
}

.simpleLogo span {
    display: block;
}

.simpleLogo .logoTitle {
    font-size: 32px;
    color: #fee0c4;
    font-weight: 700;
    text-transform: uppercase;
}

.simpleLogo .logoDesc {
    font-size: 22px;
    color: #fff;
    font-weight: 300;
}

@media only screen and (min-width:1024px) {
    .simpleLogo .logoTitle {
        font-size: 34px;
        color: #fee0c4;
        font-weight: 700;
    }

    .simpleLogo .logoDesc {
        font-size: 24px;
        color: #fff;
        font-weight: 300;
    }
}

#mobileAssets {
    padding: 20px 0 0;
}

body>header nav {
    height: 92px;
    position: relative;
    top: -5px;
}

/* Primary */
body>header nav ul {
    float: right;
    border-top: 5px solid white;
    height: 100%;
}

body>header nav ul li {
    position: relative;
    float: left;
    height: 92px;
    padding: 0 10px;
}

body>header nav ul li:hover {}

body>header nav ul li a {
    transition: .1s ease all;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Open Sans Condensed', sans-serif;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    display: block;
    padding: 30px 0px 2px;
}

body>header nav ul li a:hover {
    color: #f5c36a;
    border-bottom: 5px solid #f5c36a;
}

body>header nav ul li:hover a {}

body>header nav ul li.nav-selected, body>header nav ul li.nav-path-selected {
    background: black;
}

body>header nav ul li.nav-selected a:hover, body>header nav ul li.nav-path-selected a:hover {
    color: #fff;
    border-bottom: 5px solid #fff;
}

@media only screen and (min-width:1024px) {
    body>header nav ul li {
        padding: 0 20px;
    }

    body>header nav ul li a {
        letter-spacing: .5px;
    }
}

/* Secondary */
body>header nav ul ul {
    display: none;
    z-index: 11;
    padding: 15px;
    height: auto;
    background: #4f3d2e;
    border: none;
    position: absolute;
    top: 82px;
    left: 0px;
    width: 140px;
}

body>header nav>ul>li.nav-last ul {
    left: auto;
    right: 0;
}

body>header nav ul li:hover ul {}

body>header nav ul li ul li {
    border: none;
    float: none;
    height: auto;
    padding: 0;
}

body>header nav ul li ul li a {
    padding: 0;
    border: none !important;
}

body>header nav ul li.nav-selected ul li a:hover, body>header nav ul li.nav-path-selected ul li a:hover {
    color: #fee0c4;
}

body>header nav ul li.nav-path-selected ul li.nav-selected {
    background: none !important;
}

body>header nav ul li.nav-path-selected ul li.nav-selected a {
    color: #fee0c4;
}

#cartLinksShell {
    background: none;
}

#cartLinksShell .cc-cart-links {
    text-align: right;
    font-size: 14px;
    color: #fff;
    padding: 3px 0;
}

#cartLinksShell .cc-cart-links a {
    color: #fee0c4;
    text-decoration: none;
}

#sliderShell {
    background: #edeadf;
    border-bottom: 5px solid none;
}

#blockStyle816Header65 {
	padding: 0 0 0px 0 !important;
}

/** CTA Styles ****************************************************/
/******************************************************************/

#ctaShell {
    position: relative;
    background-image: url("http://truecompanionpetsitting.com/files/6014/1634/3433/freeseams-20.jpg");
}

#ctaShell .container {
    padding: 0;
}

/** Body/Content Styles *******************************************/
/******************************************************************/

#mainShell {
    background-image: url("http://truecompanionpetsitting.com/files/6014/1634/3433/freeseams-20.jpg");
    position: relative;
    padding: 70px 0;
    color: #7a6d60;
}

/** General Content Elements ******************************/
/**********************************************************/

#mainShell p {
    margin: 0 0 1.5em;
}

#mainShell a {
    color: #312b25;
    text-decoration: underline;
}

#mainShell #blockStyle181Main58 a {
    color: #ffe0c7;
    text-decoration: underline;
}

#mainShell a:hover {
    text-decoration: none;
}

#mainShell strong {}

#mainShell em {}

#mainShell ul, #mainShell ol {
    margin: 1.5em 0;
    padding: 0 0 0 30px;
}

#mainShell ul ul, #mainShell ol ol {
    margin: .3em 0;
}

#mainShell ul {}

#mainShell ul li {
    list-style: disc;
}

#mainShell ul li a {}

#mainShell ol {}

#mainShell ol li {}

#mainShell dl {
    margin: 1.5em 0;
}

#mainShell dl dt {}

#mainShell dl dd {
    padding: 0 15px;
}

#mainShell hr {}

#mainShell img {}

#mainShell table {
    margin: 1.5em 0;
}

#mainShell td, #mainShell th {
    padding: 0 5px;
}

#mainShell blockquote {
    color: #F5C36A;
    border-left: 5px solid;
    padding-left: 20px;
    padding-right: 20px;
}

#mainShell blockquote p {
    font-size: 22px;
}

#mainShell .external {
    /* padding-right: 15px; background: url(../img/external.png) center right no-repeat */
}

#mainShell .green_subtext {
    font-family: "Source Sans Pro", Arial !important;
    font-style: italic;
    color: #933638 !important;
    font-size: 18px !important;
}

#mainShell .large_body_text {
    font-size: 22px;
    line-height: 1.3;
}

#mainShell .simpleHr {
    height: 1px;
    background: #ddd;
    margin: 60px 0;
}

#mainShell .pageList {
    margin: 0;
    padding: 0;
}

#mainShell .pageList li {
    list-style: none;
}

/** Form Elements ******************************************/
/***********************************************************/

@media only screen and (max-width: 768px) {
	.miniSurveyView table.formBlockSurveyTable td img.ccm-captcha-image{
	width: 60%;
		}
}


#mainShell form {}

#mainShell fieldset {
    border: 1px solid #ccc;
    padding: 20px;
}

#mainShell fieldset legend {
    padding: 0 15px;
}

#mainShell label {
    display: block;
}

#mainShell input[type="text"], #mainShell input[type="password"],
#mainShell input[type="search"],
#mainShell input[type="file"], #mainShell input[type="date"],
#mainShell input[type="datetime"], 
#mainShell input[type="datetime-local"],
#mainShell input[type="email"], #mainShell input[type="month"],
#mainShell input[type="tel"],
#mainShell input[type="time"], #mainShell input[type="url"],
#mainShell input[type="week"],
#mainShell textarea, #mainShell select, #mainShell .field input.ccm-input-date
{
    margin-bottom: 10px;
    border: 1px solid #ccc;
    font-family: "Source Sans Pro", Arial;
    max-width: 60%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    padding: 5px 10px;
    border-radius: 3px;
    -webkit-appearance: none;
}

#mainShell input[type="submit"] {
    margin: 0;
    border: none;
}

#mainShell .ccm-search-block-form input[type="submit"] {
    margin: 0;
}

#mainShell .ccm-input-time-wrapper select {
    width: auto !important;
}

#mainShell textarea {}

#mainShell select {}

@media only screen and (min-width:768px) {
    #mainShell label {
        width: 150px;
        padding-right: 20px;
        display: inline-block;
        text-align: right;
        vertical-align: top;
    }

    #mainShell .ccm-core-commerce-checkout-form label {
        text-align: left;
        width: auto;
    }

    #mainShell .radioPair label, #mainShell .checkboxPair label, #mainShell .guestBook-formBlock label {
        text-align: left;
    }

    #mainShell input[type="text"], #mainShell input[type="password"],
    #mainShell input[type="search"],
    #mainShell input[type="file"], #mainShell input[type="date"],
    #mainShell input[type="datetime"], 
    #mainShell input[type="datetime-local"],
    #mainShell input[type="email"], #mainShell input[type="month"],
    #mainShell input[type="tel"],
    #mainShell input[type="time"], #mainShell input[type="url"],
    #mainShell input[type="week"],
    #mainShell textarea, #mainShell select 
    {}

    #mainShell input {
        margin-bottom: 10px;
    }

    #mainShell .checkboxList, #mainShell .radioList {
        display: inline-block;
    }

    #mainShell .formblock input[type="submit"] {
        margin-left: 175px;
    }
}
@media only screen and (max-width:768px){
  #mainShell label {
        width: 70px;
        padding-right: 10px;
        display: inline-block;
        text-align: right;
        vertical-align: top;
		line-height: 1.0em;
		}
	 #mainShell input {max-width:60px;
	 }
		}

#msg.success, #msg.error {
    padding: 10px 20px;
    background-repeat: no-repeat;
    background-position: 10px center;
    border: 1px solid;
    padding: 15px 10px 15px 50px;
    margin: 15px 0;
}

#msg.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../img/success.png');
}

#msg.error {
    color: #9F6000;
    background-color: #feefb3;
    background-image: url('../img/warning.png');
}

/** VCARD **************************************************/
/***********************************************************/

#mainShell .vcard {}

#mainShell .fn {
    font-weight: bold;
}

#mainShell .adr {}

#mainShell .street-address {}

#mainShell .locality {}

#mainShell .region {}

#mainShell .postal-code {}

#mainShell .tel {}

#mainShell .type {
    font-weight: bold;
}

#mainShell .val {}

/** Main Area ***********************************************/
/************************************************************/

main {
    margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
    main {
        margin-bottom: 50px;
        background: url("../img/bgMainBorder.gif") repeat-y;
        background-color: white;
        border-radius: 24px;
        padding: 50px;
        opacity: 0.95;

    }
}

@media only screen and (min-width:768px) {
    .sidebar main {
        margin-bottom: 0;
        background: url("../img/bgMainBorder.gif") repeat-y;
        background-color: white;
        border-radius: 24px;
        padding: 50px;
        opacity: 0.95;
    }
}

main h1, main h2, main h3, main h4, main h5, main h6 {
    line-height: 1;
    font-family: 'Merienda One', cursive;
    font-weight: 400;
}

main h1, main h3, main h5 {
    color: #933638;
}

main h2, main h4, main h6 {
    color: #d9ad5e;
}

main h1 {
    font-size: 32px;
    margin: 0 0 40px;
}

main h2 {
    font-size: 34px;
    margin: 0 0 30px;
}

main h3 {
    font-size: 24px;
    margin: 0 0 20px;
}

main h4 {
    font-size: 20px;
    margin: 0 0 15px;
}

main h5 {
    font-size: 18px;
    margin: 0 0 15px;
}

main h6 {
    font-size: 16px;
    margin: 0 0 15px;
}

/** Sidebar *************************************************/
/************************************************************/

#sidebar {
    background: #7c0912;
    padding: 10px;
    border: 8px solid #570700;
    border-radius: 25px;
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */
}

#sidebar .text_area {
    color#000;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

#sidebar h1, #sidebar h2, #sidebar h3 {
    line-height: 1;
    margin: 0 0 15px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 400;
}

#sidebar h1 a, #sidebar h2 a, #sidebar h3 a {
    text-decoration: none;
}

#sidebar h1 {
    font-size: 42px;
    color: #fee0c4;
    margin: 0 0 40px;
}

#sidebar h2 {
    font-size: 30px;
    color: #2e2519;
}

#sidebar h3 {
    font-size: 22px;
    color: #2e2519;
}

/** Sidebar *************************************************/
/************************************************************/

#ankle {
    padding-top: 50px;
}

#ankle h1, #ankle h2, #ankle h3 {
    line-height: 1;
    color: #2e2519;
    margin: 0 0 15px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 400;
}

#ankle h2 a, #ankle h3 a {
    text-decoration: none;
}

#ankle h1 {
    font-size: 42px;
    margin: 0 0 40px;
}

#ankle h2 {
    font-size: 30px;
}

#ankle h3 {
    font-size: 22px;
}

/** Footer Styles *************************************************/
/******************************************************************/

body>footer {
    position: relative;
    font-size: 14px;
    color: #fee0c4;
    background: #FEE0C4;
    border-top: 5px solid #daddc3;
    padding: 45px 0;
}

body>footer nav {}

body>footer nav ul {}

body>footer nav ul li {
    float: none;
}

body>footer nav ul li a {
    font-family: 'Open Sans Condensed', sans-serif;
    text-decoration: none;
    color: #4d392e;
    font-size: 18px;
    line-height: 26px;
    font-weight: bold;
}

body>footer nav ul li a:hover {}

body>footer a {
    color: #a8a290;
}

#info {
    margin-bottom: 20px;
}

/** Block Styles **************************************************/
/******************************************************************/

/** Simple Locations ******************************************/
/**************************************************************/

footer .simpleLocationsShell {}

footer .locationsTitle {
    display: block;
    font-size: 26px;
    padding: 0 0 8px;
    border-bottom: 1px solid;
    margin-bottom: 10px;
}

footer .simpleLocationsShell .vcard {
    line-height: 1;
    margin-bottom: 8px;
}

footer .simpleLocationsShell .vcard span {
    display: inline-block;
}

footer .simpleLocationsShell .vcard .fn {
    color: #4d392e;
}

footer .simpleLocationsShell .vcard .adr {
    border-left: 1px solid;
    padding: 0 0 0 7px;
    margin: 0 0 0 5px;
}

footer .simpleLocationsShell .vcard .locality {
    border-left: 1px solid;
    padding: 0 0 0 7px;
    margin: 0 0 0 5px;
}

footer .simpleLocationsShell .vcard .tel {
    border-left: 1px solid;
    padding: 0 0 0 7px;
    margin: 0 0 0 5px;
}

#mainShell .simpleLocationsShell {}

#mainShell .locationsTitle {
    display: block;
    font-size: 26px;
    padding: 0 0 8px;
    border-bottom: 1px solid;
    margin-bottom: 10px;
}

#mainShell .simpleLocationsShell .vcard {
    line-height: 1;
    margin-bottom: 12px;
}

#mainShell .simpleLocationsShell .vcard .fn {
    color: #4d392e;
    display: block;
}

#mainShell .simpleLocationsShell .vcard .adr {}

#mainShell .simpleLocationsShell .vcard .street-address {
    display: block;
}

#mainShell .simpleLocationsShell .vcard .locality {}

#mainShell .simpleLocationsShell .vcard .tel {
    display: block;
}

/** Simple Slider *********************************************/
/**************************************************************/

.simpleSliderShell {
    position: relative;
    max-height: 485px;
}

.simpleSliderContainer {
    max-height: 485px;
    width: 100%;
    opacity: 0;
    position: static !important;
    -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -ms-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;
}

.simpleSliderContainer.ready {
    opacity: 1;
}

.simpleSlide {
    width: 100%;
    min-height: 220px;
    background-position: center center;
}

.simpleSlide img {}

.simpleSlideCaptionContainer {
    position: absolute;
    top: 30px;
    left: 10px;
}

.slideText {
    display: block;
    font-weight: 700;
    color: #fff;
    font-size: 36px;
    line-height: 30px;
    text-shadow: 1px 2px 0 #ab9882;
}

.btnSlide {
    clear: both;
}

@media only screen and (min-width:768px) {
    .simpleSlide {
        background-size: 100% 100%;
        background-position: center top;
    }

    .simpleSlide img {}

    .simpleSlideCaptionContainer {
        top: 50px;
    }

    .slideText {
        font-size: 46px;
        line-height: 50px;
        margin-bottom: 40px;
    }

    .btnSlide {}
}

@media only screen and (min-width:1024px) {
    .simpleSlide {}

    .simpleSlide img {}

    .simpleSlideCaptionContainer {
        top: 50px;
        left: 0;
    }

    .slideText {
        font-size: 66px;
        line-height: 70px;
    }

    .btnSlide {
        font-size: 20px;
    }
}

.simpleSliderPagination {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 11;
}

.simpleSliderPagination.right {
    left: auto;
    right: 30px;
}

@media only screen and (min-width:1024px) {
    .simpleSliderPagination {
        left: 0px;
        bottom: 50px;
    }

    .simpleSliderPagination.right {
        left: auto;
        right: 0;
    }
}

.simpleSliderPagination span {
    transition: .3s ease all;
    cursor: pointer;
    background: #d8c9b9;
    color: #fff;
    display: inline-block;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 10px;
}

.simpleSliderPagination span:hover {
    background: #4f392d;
}

.simpleSliderPagination span.cycle-pager-active {
    background: #fee0c4;
}

/** Homepage CTAs *********************************************/
/**************************************************************/

/** Intro CTA *********************************************/
/**********************************************************/
.ctaIntroShell {
    background: #fee0c4;
    padding: 15px;
}

.introText {
    color: #fff;
    font-size: 24px;
    text-shadow: #7f8946;
}

.introBtnShell {}

.introBtnShell .bttn {
    background: #efefef;
    color: #96A255 !important;
    font-size: 24px;
}

.introBtnShell .bttn:hover {
    background: #dfdfdf;
}

@media only screen and (min-width:768px) {
    .introText {
        width: 80%;
        float: left;
    }

    .introBtnShell {
        width: 20%;
        float: left;
        text-align: right;
    }

    .introBtnShell .bttn {}
}

@media only screen and (min-width:1024px) {
    .ctaIntroShell {
        margin-top: -30px;
        padding: 10px 20px;
    }

    .introText {
        width: 80%;
        float: left;
    }

    .introBtnShell {
        width: 20%;
        float: left;
        text-align: right;
    }

    .introBtnShell .bttn {}
}

@media only screen and (min-width:1200px) {
    .ctaIntroShell {
        padding: 10px 0;
    }

    .introText {
        width: 60%;
        margin: 0 7%;
        float: left;
    }
}

/** CTAs **************************************************/
/**********************************************************/
.homepageCtas {
    padding: 0 10px;
    background-color: white;
    opacity: 1;

    border-radius: 25px;
}

@media only screen and (max-width: 768px) {
	.homepageCtas {background-color: transparent;}
}

@media only screen and (min-width:1024px) {
    .homepageCtas {
        padding: 0;
        margin-top: 30px;
    }
}

.homepageCta {
    padding: 35px 15px;
	margin-bottom: 20px;
        background-color: white;
        opacity: 1;
        border: 2px solid;
        border-radius: 25px;
}

.homepageCta .img {margin-right: 0px}

@media only screen and (min-width:1024px) {
    .homepageCta {
        padding: 25px 10px;
        margin-bottom: 20px;
        background-color: white;
        min-height: 265px;
	height: 300px;
        opacity: 1;
        border: 8px solid #570700;
        border-radius: 25px;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.79);
	-moz-transform:rotate(3deg);
    	-webkit-transform:rotate(3deg);
    	-o-transform:rotate(3deg);
    	-ms-transform:rotate(3deg); 
    	transform:rotate(3deg); 
    }
}

.homepageCta .ctaImg {margin-right:8px;}

.homepageCta .ctaImg img {
    border-radius: 50%;
    padding-left: 0px;
    
}

.homepageCta .ctaTextShell {}

.homepageCta span {
    display: block;
    line-height: 1.3;
}

 .ctaTitle {
    font-family: 'Merienda One', cursive !important;
    color: #7c0912;
    font-size: 18px;
    font-weight: 600;
}

.homepageCta .ctaDesc {
    color: #524839;
    font-size: 14px;
    margin: 10px 0 0;
}

.homepageCta .bttn {
    font-size: 16px;
}

/** AutoNav - Sidebar_Subnav **********************************/
/**************************************************************/

#sidebar .nav {
    background: none;
    padding: 20px;
    margin: 0 0 1.5em;
}

#sidebar .nav li {
    list-style: none;
    padding: 0;
}

#sidebar .nav li a {
    color: #fff;
    text-decoration: none;
    font-size: 24px;
}

#sidebar .nav li a:hover {
	background: #000;
	padding: 0 5px; 
	width:100%;
	border-radius: 20px;
}


#sidebar .nav ul {
    padding: 0 0 0 20px;
}

#sidebar .nav ul li {}

#sidebar .nav ul li a {
    font-size: 18px;
    color: #e6e8d5;
}

#sidebar .nav ul li a:hover {
    color: #fff;
}

/** Expand/Collapse *******************************************/
/**************************************************************/

.ccm-remo-expand {}

.ccm-remo-expand-title {
    margin: 0 0 15px;
    background-position: 10px 9px !important;
    padding: 3px 10px 3px 30px !important;
    background-color: #eee !important;
}

.ccm-remo-expand-content {
    margin: 0;
    padding: 0 0 20px 30px;
    word-wrap: break-word;
}

/** ProBlog List - Grounds_Homepage ***************************/
/**************************************************************/

.blogList.groundsHomepage {}

.blogList.groundsHomepage article.entry {
    margin: 0 0 20px;
}

.blogList.groundsHomepage article.entry time.cal {
    line-height: 1;
    color: #2e2519;
    text-align: center;
}

.blogList.groundsHomepage article.entry time.cal .month {
    display: block;
    font-size: 19px;
}

.blogList.groundsHomepage article.entry time.cal .day {
    display: block;
    font-size: 44px;
}

.blogList.groundsHomepage article.entry .entryContent {}

.blogList.groundsHomepage article.entry h2 a {
    color: #2E2519;
    font-size: 20px;
    line-height: 1.2;
}

.blogList.groundsHomepage article.entry .description {
    color: #a48e71;
    font-size: 14px;
    line-height: 1.5;
}

/** ProBlog List - Grounds_Blog_list **************************/
/**************************************************************/

.blogList.groundsBlogList {}

.blogList.groundsBlogList article.entry {
    border-top: 1px solid #eaeaea;
    padding-top: 20px;
    margin-bottom: 40px;
}

.blogList.groundsBlogList article.entry header {}

.blogList.groundsBlogList article.entry h2 {
    line-height: 26px !important;
}

.blogList.groundsBlogList article.entry h2 a {
    text-decoration: none !important;
    color: #2e2519 !important;
    font-size: 26px !important;
    line-height: 26px !important;
}

.blogList.groundsBlogList article.entry time.cal {
    color: #aaa;
}

.blogList.groundsBlogList article.entry time.cal .day {}

.blogList.groundsBlogList article.entry time.cal .month {}

.blogList.groundsBlogList article.entry .contentShell {}

.blogList.groundsBlogList article.entry .description {}

.blogList.groundsBlogList article.entry .readmore {}

.blogList.groundsBlogList article.entry footer {
    background: #eee;
    padding: 2px 7px;
    margin: 15px 0;
}

.blogList.groundsBlogList article.entry .category {}

.blogList.groundsBlogList article.entry .comments {}

/** Product List - Grounds_Teaser *****************************/
/**************************************************************/
/* This is the product list we have on the home page **********/

.groundsTeaserShell {}

.groundsTeaserProduct {
    margin-bottom: 30px;
}

@media only screen and (min-width:768px) {
    .groundsTeaserProduct {
        margin-bottom: 30px;
    }
}

.groundsTeaserProduct .photo {
    margin: 0 0 30px;
}

.groundsTeaserProduct .fn {
    margin: 0 0 4px;
}

.groundsTeaserProduct .fn a {
    font-size: 26px;
    line-height: 1;
    color: #886869 !important;
    margin: 0 0 10px;
    text-decoration: none !important;
    font-weight: 400;
}

.groundsTeaserProduct .price {
    color: #fee0c4;
    font-size: 22px;
}

.groundsTeaserProduct .price strike {
    display: block;
    font-size: 14px;
}

.groundsTeaserProduct .price strong {
    font-weight: 400;
}

.groundsTeaserProduct .addToCart {}

@media only screen and (min-width:768px) {
    .groundsTeaserProduct .addToCart {
        text-align: right;
    }
}

.groundsTeaserProduct .addToCart input {
    font-family: 'Open Sans Condensed', sans-serif;
    margin-left: 0 !important;
    background: none;
    border: none;
    padding: 0;
    border-bottom: 1px solid #fee0c4;
    color: #fee0c4;
    font-size: 22px;
}

/** Product List - Grounds_Product_List ***********************/
/**************************************************************/
/* This is the product list we have on the shop page **********/

.groundsProductList {}

.groundsProductListProduct {
    margin-bottom: 30px;
    padding: 15px;
    background: #eee;
}

@media only screen and (min-width:768px) {
    .groundsProductListProduct {
        margin-bottom: 30px;
    }
}

.groundsProductListProduct .photo {
    margin: 0 0 20px;
}

.groundsProductListProduct .fn {
    margin: 0 0 4px;
}

.groundsProductListProduct .fn a {
    font-size: 20px;
    line-height: 1;
    color: #886869 !important;
    margin: 0 0 10px;
    text-decoration: none !important;
    font-weight: 700;
}

.groundsProductListProduct .price {
    color: #fee0c4;
    font-size: 22px;
}

.groundsProductListProduct .price strike {
    display: block;
    font-size: 14px;
}

.groundsProductListProduct .price strong {
    font-weight: 400;
}

.groundsProductListProduct .addToCart {}

@media only screen and (min-width:768px) {
    .groundsProductListProduct .addToCart {
        text-align: right;
    }
}

.groundsProductListProduct .addToCart input {
    font-family: 'Open Sans Condensed', sans-serif;
    margin-left: 0 !important;
    padding: 3px 12px;
    background: #fee0c4;
    border: none;
    color: #fff;
    font-size: 18px;
}

/** Product Detail - Grounds_Product_Detail *******************/
/**************************************************************/

.productDetail {}

.productDetail .price {
    color: #fff;
    background: #fee0c4;
    font-size: 28px;
    padding: 5px 15px;
    text-align: center;
}

.productDetail .addToCart input {
    transition: .2s ease all;
    background: #2E2519;
    color: #fff;
    padding: 5px 15px;
    margin: 0 !important;
    display: block;
    width: 100%;
    font-size: 28px;
    font-family: 'Open Sans Condensed', sans-serif;
}

.productDetail .addToCart input:hover {
    background: #4f3d2e;
}

/** Cart Dialog Box *******************************************/
/**************************************************************/

.ccm-core-commerce-cart-dialog {
    font-family: "Source Sans Pro";
    font-size: 16px;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2) !important;
    width: 600px !important;
}

.ccm-core-commerce-cart-dialog .ui-dialog-titlebar {
    border: none;
    border-radius: 0 !important;
    background: #fff;
    font-family: 'Open Sans Condensed', sans-serif;
}

.ccm-core-commerce-cart-dialog .ui-dialog-titlebar .ui-dialog-title {
    font-weight: normal;
    color: #fee0c4;
    font-size: 28px;
}

.ccm-core-commerce-cart-dialog .ccm-core-commerce-cart-buttons {
    overflow: auto;
    margin: 10px 0 20px;
}

.ccm-core-commerce-cart-dialog .ccm-core-commerce-cart-buttons-checkout {
    background: #fee0c4;
    color: #fff;
    font-size: 16px;
    border: none;
    padding: 5px 15px;
    font-family: 'Open Sans Condensed', sans-serif;
}

.ccm-core-commerce-cart-dialog .ccm-core-commerce-cart th {
    font-size: 18px;
}

@media only screen and (max-width:768px) {
    .ccm-core-commerce-cart-dialog {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    .ccm-core-commerce-cart-dialog .ui-dialog-content {
        height: auto !important;
    }
}

/** C5 Cols **/
@media only screen and (max-width:768px) {
    .ccm-layout-col, .ccm-layout-col-spacing {
        width: auto !important;
        margin: 10px 0 !important;
    }
}