/* ---
TEMPLATE
--- */
#foxboro_menu ul.level1 {
    margin-top: 26px;
}
#foxboro_content {
    background: none !important;
    padding-top: 0;
}
#foxboro_top {
    width: 100% !important;
    background: url("style/foxboro-top-home.jpg") no-repeat scroll center top;
    border-top: 2px solid #004667;
    max-width: none;
    min-height: 248px;
}
#foxboro_top .NoContainerContentPane {
    width: 95%;
    max-width: 1015px;
    margin: 0 auto;
}
#foxboro_col2 div[id$="ContentPanel"] {
    margin-bottom: 0;
    padding-bottom: 0;
}

#foxboro_col1, #foxboro_col2, #foxboro_col3 {
    width: 29.2% !important;
}
#foxboro_col1 {
    margin-left: 2.7%;
}
#foxboro_col2  {
    padding: 0;
    margin: 0 3.8%;
}
#foxboro_col3 {
    margin-right: 2.1%;
}
#foxboro_col2 > .pad {
    padding: 0;
}

#foxboro_bottom {
    background: url(style/foxboro-bottom-home.png) no-repeat;
    padding-top: 22px;
}


/* ---
PAGE STYLES
--- */
#buckets {
    overflow: hidden;
    margin: 0 auto;
    width: 95%;
    max-width: 1140px;
}
#buckets .block {
    float: left;
}
#buckets .left {
    float: left;
    width: 31.6%;
    margin-right: 1.7% !important;
}
#buckets .right {
    padding: 0 1.2% 0 1.8%;
    background: url(style/col3-home-alt.png) no-repeat;
    width: 29.5%;
    margin-left: 0.9% !important;
}
#buckets .module-title {
    margin: 0 19px 15px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #e6e6e6;
    font-weight: bold;
}
#buckets .right .module-title {
    color: #4ba3ac !important;
}
#buckets h2 {
    color: #404040 !important;
    font-size: 16px !important;
    line-height: 1.3em;
    margin: 8px 19px !important; 
}
#buckets ul {
    margin-left: 19px !important;
    list-style-position: inside;
}
#buckets li {
    background: url(images/unordered-list.png) no-repeat 0 5px;
    padding: 0 0 0 20px !important;
    margin: 0 0 5px !important;
    list-style-type: none;
}
#buckets a.bucketimage {
    display: block;
    margin: 20px 0 5px;
}
#buckets .hs-cta-wrapper {
    margin-right: 5px;
}

.module-title {
    color: #073855 !important;
    font-size: 26px !important;
    font-family: 'museo-sans', Arial, Helvetica, sans-serif !important;
}
#foxboro_three-eq-column .module-title {
    background: url(images/module-title-home.png) no-repeat 0% 100%;
    padding-bottom: 25px !important;
}
#foxboro_three-eq-column .Normal h2 {
    color: #404040 !important;
    font-size: 16px !important; 
}
#foxboro_three-eq-column .Normal ul {
    list-style-type: none;
    margin-left: 0 !important;
}
#foxboro_three-eq-column .Normal li {
    background: url(images/unordered-list.png) no-repeat 0 5px;
    padding-left: 16px !important;
    margin-bottom: 5px !important;
}
#foxboro_three-eq-column #foxboro_col3 .Normal a {
    margin: 0 0 25px 8px;
    display: block;
}
#foxboro_three-eq-column #foxboro_col1 img {
    max-width: 35%;
}
#foxboro_three-eq-column #foxboro_col1 .hs-cta-img {
    max-width: none !important;
}

.feedreader_box .ItemLink {
    background: url(images/unordered-list.png) no-repeat 0 5px;
    padding: 0 0 0 20px;
}
.feedreader_box .ItemLink a {
    text-decoration: none;
    color: #1291c5;
    font-size: 16px;
}


/* ---
SLIDER
--- */
.flexslider {
    min-height: 265px;
}
.flexslider li.slide {
    font-family: 'museo-sans', Arial, Helvetica, sans-serif;
    font-weight: 300;
    overflow: hidden;
    min-height: 265px;
    line-height: 2.1em;
}
.flexslider li div.left {
    float: left;
    overflow: hidden;
}
.flexslider li div.right {
    float: right;
}
.flexslider img {
    width: auto !important;
}
.flexslider h1 {
    color: #fcac31;
    font-family: 'museo-sans', Arial, Helvetica, sans-serif;
    font-weight: 300 !important;
    font-size: 28px;
    margin: 0 0 12px;
}
.flexslider p {
    color: #fff;
    font-size: 20px;
    margin-top: 0;
}


/* slide one */
.flexslider li.slide.one .left {
    max-width: 50%;
}
.flexslider li.slide.one .right {
    max-width: 40%;
}


/* slide two */
.flexslider li.slide.two .left {
    width: 61%;
}
.flexslider li.slide.two .right {
    width: 39%;
}
.flexslider li.two h1 {
    clear: both;
}
.flexslider li.two ul {
    float: left;
    color: #fff;
    list-style: none;
    font-size: 19px;
    padding-left: 0;
    line-height: 1.8em;
}
.flexslider li.two ul.first {
    margin-right: 5.5%;
}
.flexslider li.two li {
    background: url(images/slide-disc.png) no-repeat 0 50%;
    padding-left: 14px;
}


/* slide three */
.flexslider li.slide.three .left {
    max-width: 47%;
}
.flexslider li.slide.three .right {
    max-width: 40%;
}
.flexslider li.slide.three {
    line-height: 2.7em;
}
.flexslider li.three h1 {
    font-size: 35px;
}
.flexslider li.three p {
    font-size: 25px;
}

/* slide four (uses two) */


.flexslider li.four p.readmore {
    font-size: 18px;
}

.flexslider li.four p.readmore a {
}

/* slider nav */
ol.flex-control-nav li.one a {
    background: url(images/slide-nav-one.png) no-repeat;
}
ol.flex-control-nav li.two a {
    background: url(images/slide-nav-two.png) no-repeat;
}
ol.flex-control-nav li.three a {
    background: url(images/slide-nav-three.png) no-repeat;
}
ol.flex-control-nav li.four a {
    background: url(images/slide-nav-four.png) no-repeat;
}

ol.flex-control-nav a.flex-active {
    background-position: 0 -18px !important;
}


/* ---
TABBED TESTIMONIAL
--- */
.testimonials-container {
    border-bottom: 1px solid #b9b9b9;
    background: url(images/testimonials-container.png) no-repeat center 90px;
    margin: 25px 0 50px;
}
#testimonials {
    width: 95%;
    max-width: 1080px;
    margin: 0 auto;
}
#testimonials h1 {
    font-size: 24px;
    color: #073855;
    text-align: center;
    margin-top: 0;
}

#tabs {
    border-radius: 0;
    background: none;
    border: none;
    color: #000;
    font-family: 'museo-sans', Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 0;
}

ul.ui-tabs-nav {
    padding: 0 !important;
    border-radius: 0px;
    background: none;
    border: none;
    color: #7e7f7f;
    font-size: 18px;
    font-weight: 500;
}
ul.ui-tabs-nav li {
    margin-right: 2px;
    top: 0;
}
ul.ui-tabs-nav li.ui-state-default {
    background: #d3d3d3;
    border-bottom: none;
    border-left: 1px solid #b9b9b9;
    border-top: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
    color: #7e7f7f;
    font-weight: 500;
    border-radius: 0px;
}
.ui-tabs .ui-tabs-nav li.ui-state-active {
    background: url(images/testimonial-bg.png) repeat !important;
}
.ui-tabs .ui-tabs-nav li a {
    padding: 10px 74px 10px 50px;
    background: url(images/tabbed-arrow.png) no-repeat 20px 12px;
    color: #7e7f7f !important;
}
.ui-tabs .ui-tabs-nav li.ui-state-active a {
    background: url(images/tabbed-arrow-active.png) no-repeat 20px 12px;
    color: #0081b4 !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 23px 0;
    border-radius: 0px;
    overflow: hidden;
}

/* 8,000 buyers tab */
.ui-tabs .testimonial {
    float: left;
    width: 28.4%;
    overflow: hidden;
}
.ui-tabs div.two {
    margin: 0 7.4%;
}
.ui-tabs .company {
    float: left;
    max-width: 30%;
}
.ui-tabs img {
    display: block;
    margin-bottom: 10px;
    max-width: 67.4%;
}
.ui-tabs .text {
    float: right;
    width: 67%;
}
.ui-tabs .text p {
    margin: 0;
    font-style: italic;
}
.ui-tabs .text h4 {
    font-weight: normal;
    font-size: 11px;
}
.ui-tabs .text h4 span {
    font-weight: 500;
}
.ui-tabs .text a {
    background: url(images/unordered-list.png) no-repeat 0 45%;
    padding-left: 12px;
    text-decoration: none;
}


/* ---
MEDIA QUERIES
--- */
@media (max-width: 1080px) {
    #foxboro_col1 {
        margin-left: 0;
    }
    #foxboro_col3 {
        margin-right: 0;
    }
    #foxboro_col1, #foxboro_col2, #foxboro_col3 {
        width: 30.8% !important;
    }
    .flexslider li.three h1 {
        font-size: 32px;
    }
    .flexslider li.three p {
        font-size: 25px;
    }

}

@media (max-width: 1060px) {
    .flexslider li.two ul {
        font-size: 16px;
    }
    .flexslider li.four p {
        font-size: 16px;
    }
    .flexslider li.four p.readmore {
        font-size: 14px;
    }


}

@media (max-width: 1040px) {
    .flexslider li.slide.one h1 {
        font-size: 26px;
    }
    .flexslider li.slide.four h1 {
        font-size: 26px;
    }
}

@media (max-width: 980px) {
    .flexslider li.three h1 {
        font-size: 29px;
    }
    .flexslider li.three p {
        font-size: 22px;
    }
}

@media (max-width: 975px) {
    #buckets {
        margin: 0 auto 15px;
    }
    #buckets .block {
        float: none;
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 15px;
    }
    #buckets .block .Normal {
        position: relative;
    }
    #buckets .module-title {
        margin: 0 0 15px !important;
    }
    #buckets h2 {
        margin: 8px 0 !important;
        max-width: 60%;
    }
    #buckets ul {
        margin-left: 0 !important;
        margin-bottom: 12px !important;
        max-width: 63%;
    }
    #buckets a[rel*="prettyPhoto"],
    #buckets a.bucketimage {
        position: absolute;
        margin: 0;
        top: 8px;
        right: 0;   
        max-width: 40%; 
    }
    #buckets .hs-cta-wrapper {
        margin-left: 0 !important;
    }
    #buckets .right {
        background: none;
        margin-left: 0 !important;
        padding: 0;
    }

    #testimonials h1 {
        text-align: left;
    }
}

@media (max-width: 900px) {
    .flexslider li.three h1 {
        font-size: 26px;
    }
    .flexslider li.three p {
        font-size: 19px;
    }
}

@media (max-width: 890px) {
    .flexslider li.slide.one h1 {
        font-size: 22px;
    }
    .flexslider li.slide.two h1 {
        font-size: 22px;
    }
    .flexslider li.slide.one p {
        font-size: 18px;
    }
    .flexslider li.two ul {
        font-size: 14.5px;
    }
    /* slide four (uses two) */
    .flexslider li.slide.four.two h1 {
        font-size: 23px;
    }

}

@media (max-width: 890px) {
    .flexslider li.slide.one h1 {
        font-size: 22px;
    }
    .flexslider li.slide.two h1 {
        font-size: 22px;
    }
    .flexslider li.slide.one p {
        font-size: 18px;
    }
    .flexslider li.two ul {
        font-size: 14.5px;
    }
    .flexslider li.three h1 {
        font-size: 26px;
    }
}

@media (max-width: 880px) {
    .ui-tabs .ui-tabs-nav li a {
        padding: 10px 45px 10px 50px;
    }
}

@media (max-width: 875px) {

}

@media (max-width: 810px) {
    .flexslider li.slide.one h1 {
        font-size: 21px;
    }
    .flexslider li.slide.two h1 {
        font-size: 21px;
    }
    .flexslider li.slide.one p {
        font-size: 17px;
    }
}

@media (max-width: 800px) {
    #foxboro_content {
        background: url(style/foxboro-content.png) no-repeat center top !important;
        padding-top: 50px !important;
    }
    #foxboro_top {
        padding-top: 25px;
        border-top: none !important;
    }
    #foxboro_top {
        background: none;
    }
    #foxboro_top .NoContainerContentPane {
        display: none;
    }
    .testimonials-container {
        display: none;
    }
    #foxboro_col2 {
        margin: 0;
    }
    #foxboro_col2 > .pad {
        padding-bottom: 0 !important;
    }
    #foxboro_col1, #foxboro_col2, #foxboro_col3 {
        width: 100% !important;
    }
    #foxboro_col1 .block, #foxboro_col2 .block, #foxboro_col3 .block {
        margin: 0 0 25px !important;
    }
    /*#foxboro_three-eq-column #foxboro_col1 img {
        float: none;
    }*/
    #foxboro_three-eq-column .module-title {
        background: none;
        border-bottom: 2px solid #E6E6E6;
        margin: 0 0 15px !important;
        padding-bottom: 10px !important;
    }
}