﻿#crumbtrail, #nav-content, #pre-header, #contactTop {
    display: none;
}

body {
background:white;
}

    #content {
        background: none;
        border: none;
        margin-bottom: 1.5rem;
        padding: 1em 0;
    }


#main {
    width: 100%;
    max-width: 735px;
    margin: 0 auto;
}

#leftHand, #show-menu-wrapper, .back-to-wrap, #franchiseNewsletter, #suggestedCats, #crumbtrail, #brochureHeader #summary a.audioVideo, #franchiseDetails li#contactTop, #footer {
    display: none!important;
}

/*Header & Summary*/
#brochureHeader {
    clear: both;
    padding: 1em 1.5em 0;
}

    #brochureHeader #brochureLogo {
        margin: 1em auto 1.6em auto;
        display: block;
        float: right;
    }


    #brochureHeader h1 {
        margin: 0 0 0 0;
        color: #2a386e;
        padding-top: 0;
        font-weight: bold;
        font-size: 1.6em;
        line-height: 34px !important;
        padding-right: 7em;
        font-size: 1.7em;
        margin-bottom: .3em;
    }


#brochureHeader #summary p {
    color: #000;
    margin: 8px 0 0 0;
}


#franchiseDetails {
    display: inline-block;
    width: 100%;
    list-style: none;
    position: relative;
    padding: 24px 1em 0 1em;
    margin: 0;
}

#franchiseDetails p#phoneNumber {
    margin: 0.5em 0 0 0;
    color: #000;
    text-decoration: none;
    cursor: text;
}

    #franchiseDetails p#phoneNumber strong a {
        margin: 0.5em 0 0 0;
        color: #000;
        text-decoration: none;
        cursor: text;
    }

        #franchiseDetails p#phoneNumber strong a#secondPhone {
            display: inline-block;
            padding-left: 3.2em;
        }

    #franchiseDetails p#phoneNumber > a {
        margin: 0.1em 0 0 0.313em;
    }

#franchiseDetails div.phoneInfo {
    display: inline-block;
    z-index: 1000;
    background-color: #f5f5f5;
    border: 1px dashed #ebebeb;
    margin-top: 0.5em;
    padding: 0 0.5em;
    border-radius: 0.25em;
}

    #franchiseDetails div.phoneInfo p {
        font-size: 0.8em;
        color: #000;
        margin: 0.313em 0;
        text-align: left;
    }

    #franchiseDetails div.phoneInfo img {
        padding: 0.313em 0 0.313em 3px;
        float: right;
    }

    #franchiseDetails li {
        width: 100%;
        float: left;
        padding: 0;
     
    
    }

#franchiseDetails li#financialInfo {
    border-top: 1px solid #e9e9e9;
    padding: 24px 0;
}

#franchiseDetails dl {
    color: #000;
    margin: 0;
}

    #franchiseDetails dl dt {
        white-space: nowrap;
        font-weight: bold;
        line-height: 1.25em;
        margin-bottom: .3em;
    }

    #franchiseDetails dl dd {
        margin: 0;
        line-height: 1.25em;
        margin-bottom: .3em;
        color: #717171;
        font-size: 0.9em;
    }


#contactBottom {
    display: none;
   
}


/*End of Franchise Details*/
/*Brochure Section ----------------------------------------------*/
#listingContent {
    display: block;
    margin-bottom: 1em;
    width: 100%;
    max-width: 735px;
    margin: 0 auto 1em auto;
    float: none;
    clear: both;
    overflow: hidden;
    padding: 24px 1em 1em;
}

    #listingContent > div:last-of-type {
        border-bottom: 1px solid #e9e9e9;
    }

#listingContent > div > a {
    display: block;
    position: relative;
    padding: 24px 0;
    margin-bottom: -1px;
    display: block;
    color: black;
    text-decoration: none;
    border: solid #e9e9e9;
    border-width: 1px 0 0 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    font-size: 1.2em;
}

    #listingContent > div > a:before {
        display: none
    }

#listingContent .sectionContent {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #ffffff;
    width: 100%;
    margin-bottom: -1px;
}

/*End of Brochure Section*/
/*Tabs ----------------------------------------------*/
.displayAway, ul#sectionTabs {
    display: none;
}

#smaller-disapear {
    display: block;
}

#specialOffer {
    box-sizing: border-box;
    background: #1895a2;
  
    padding: 1em 1.5em;
    color: #ffffff;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    margin-top: 1em;
}

    #specialOffer h3 {
        margin: 0;
        float: left;
        font-weight: normal;
        font-size: 1.263em;
        margin-bottom: .5em;
        width: 100%;
    }

    #specialOffer h4 {
        margin: 0.8em 0 0 0;
    }

    #specialOffer p {
        margin: 0.7em 0;
        font-size: 0.85em;
        margin-top: 0;
    }

    #specialOffer div#offerDetails span {
        font-size: 0.65em;
    }

    #specialOffer a {
        text-decoration: none;
        color: #fff;
        border: 1px solid #fff;
        float: right;
        background: rgba(0, 0, 0, 0.1);
        background-repeat: no-repeat;
        padding: 0.313em 0.5em;
        border-radius: .313em;
    }


.with-padding {
    padding: 10px;
}

.col-wrap {
    float: left;
    width: 100%;
    clear: both;
}

.col-1-2 {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.col-1-3 {
    float: left;
    width: 33.33%;
    box-sizing: border-box;
}

.col-2-3 {
    float: left;
    width: 66.66%;
    box-sizing: border-box;
}

.col-1, .col-1-1, .col-3-3 {
    width: 100%;
}

@media (max-width: 767px) {
    .mobile-hide {
        display: none;
    }

    .column-m-1-2 {
        float: left;
        width: 50%;
        box-sizing: border-box;
    }

    .column-m-1-3 {
        float: left;
        width: 33.33%;
        box-sizing: border-box;
    }

    .column-m-1, .column-m-1-1 {
        width: 100%;
    }

    .column-m-2-3 {
        float: left;
        width: 66.66%;
        box-sizing: border-box;
    }
}

/*# sourceMappingURL=brochure.css.map */

