
@import url(font.css);
/*================================================
1. BEGIN Body
================================================*/

.clear {
    clear: both;
}

#Body {
    background: #e7e7e7 !important;
}

#foxboro_body #foxboro_container {
    width: 960px;
    margin: 0 auto;
    padding: 10px 20px 0;
    background: #fff;
}

#foxboro_body #foxboro_container #foxboro_courtesy_links {
    display: none !important;
}

/*================================================
2. BEGIN Header
================================================*/

#logo {
    float: left;
    width: 405px;
    margin: 0 0 30px;
}

#foxboro_header {
    position: absolute;
    width: 960px !important;
}

#foxboro_header .header-right {
    float: right;
    width: 400px;
}

#foxboro_header .header-right li {
    float: left;
    list-style: none;
}

#foxboro_header .header-right ul {
    float: right;
    padding: 0;
    margin: 0;
}

#foxboro_header .top-menu {
    float: right;
    width: 370px;
    margin-right: 2px;
}

#foxboro_header .top-menu li {
    background: url(../images/bg/top-menu-border.png) repeat-y left top;
}

#foxboro_header .top-menu li a {
    color: #5688c7;
    font-size: 12px;
    text-decoration: none;
    padding: 0 10px;
    font-family: Arial,sans-serif !important;
}

#foxboro_header .top-menu li a:hover {
    text-decoration: underline;
}

#foxboro_header  li.phone {
    color: #1c457f;
    font-size: 20px;
    background: url(../images/elem/icon-phone.png) no-repeat  left 2px;
    padding: 0 15px 0 30px;
    font-family: 'Arial';
    font-weight: bold;
}

#foxboro_header .social-box {
    margin: 30px 12px 0 0;
    clear: both;
    min-width: 262px;
    float: right;
}

#foxboro_header .social-box li {
    margin: 0 3px;
}

/*================================================
2. BEGIN Menu
================================================*/

#foxboro_menu {
    background: url(../images/bg/bg-nav.png) center top no-repeat !important;
    background-color: none !important;
    width: 960px;
    top: 97px;
    height: 53px !important;
    position: absolute;
    z-index: 20;
    zoom: 1;
}

#foxboro_menu ul.rootGroup {
    margin: 0 0 0 15px;
    zoom: 1;
}

#foxboro_menu ul li {
    background: none;
    height: 53px;
    margin: 0 !important;
    background: url(../images/elem/nav-border.png) no-repeat right top;
    padding: 0 2px 0 0;
}

#foxboro_menu ul li a {
    background: none;
    font-family: 'HelveticaReg';
    font-size: 12px;
    text-transform: uppercase;
    color: #fff !important;
    display: block;
    height: 41px;
    padding: 12px 0 0 0;
    zoom: 1;
    letter-spacing: 0;
}

#foxboro_menu ul li.last a {
    padding-right: 3px;
    padding-right: 2px\9;
}

#foxboro_menu ul li a span {
    font-family: 'HelveticaBold';
    text-transform: uppercase;
    color: #fff !important;
    font-size: 12px;
    padding: 5px 22px !important;
    font-weight: normal !important;
}

#foxboro_menu ul.horizontal.rootGroup li a:hover, 
#foxboro_menu ul.horizontal.rootGroup li .selectedtab,
#foxboro_menu ul.horizontal.rootGroup li .expanded {
    color: #fff !important;
    background: url(../images/bg/bg-nav-ac.png) repeat-x;
}

#foxboro_menu ul.horizontal.rootGroup li div ul li a:hover {
    background: none !important;
    color: #5e94d8 !important;
}

#foxboro_menu ul.horizontal.rootGroup li div ul li a:hover span {
    color: #5e94d8 !important;
}
/*- here lies my border-radius code: killed by IE. RIP -*/
#foxboro_menu ul.horizontal.rootGroup li.first a:hover, 
#foxboro_menu ul.horizontal.rootGroup li.first a.selectedtab,
 #foxboro_menu ul.horizontal.rootGroup li.first a.expanded {
    background: url(../images/bg/bg-nav-ac-hover.png) left top no-repeat;
}

#foxboro_menu ul.horizontal.rootGroup li.last a:hover, 
#foxboro_menu ul.horizontal.rootGroup li.last a.selectedtab,
#foxboro_menu ul.horizontal.rootGroup li.last a.expanded {
    background: url(../images/bg/bg-nav-ac-hover.png) right top no-repeat;
}

#foxboro_menu ul.horizontal.rootgroup .item ul li a.selectedtab {
    background: none !important;
}

/*================================================
3. BEGIN Content
================================================*/
#foxboro_content {
    padding-top: 110px;
}

#foxboro_content .box-top-title {
    background: url(../images/bg/bg-top-title.jpg) no-repeat;
    width: 920px;
    height: 80px;
    padding: 60px 0 0 40px;
/*    margin: -28px 0 0 0;*/
    position: relative;
    z-index: 10;
}

#foxboro_content .box-top-title h1 {
    font-size: 34px;
    font-weight: bold;
    color: #0b1d35;
    font-family: Arial;
}

#foxboro_content .box-top-title.bridge {
    background: url(../images/bg/title-bridge.jpg) no-repeat;
}

#foxboro_content .box-top-title.bridge h1 {
    color: #fff;
    text-shadow: 2px 2px 6px #111;
}

#foxboro_content .box-top-title.arc {
    background: url(http://www.interlocsolutions.com/Portals/98876/images/email-header-arc-web.png?1357781067.20507) no-repeat;
}

#foxboro_content .box-top-title.arc h1 {
    color: #fff;
    text-shadow: 2px 2px 6px #111;
}

#foxboro_content .box-top-title.informer {
    background: url(http://www.interlocsolutions.com/Portals/98876/images/bg/mobile%20informer%20banner.png?1349286653.11539) no-repeat;
}

#foxboro_content .box-top-title.informer h1 {
    color: #fff;
    text-shadow: 2px 2px 6px #111;
}

#foxboro_content .box-top-title.train {
    background: url(http://www.interlocsolutions.com/Portals/98876/images/bg/train-for-web-page.gif?1356724057.03344) no-repeat;
}

#foxboro_content .box-top-title.train h1 {
    color: #fff;
    text-shadow: 2px 2px 6px #111;
}

#foxboro_content ul.page-nav {
    margin: 22px 0 0px 18px;
    padding: 0 0 7px;
    display: block;
    border-bottom: 1px solid #d3d3d3;
    overflow: hidden;
}

#foxboro_content ul.page-nav li {
    list-style: none;
    padding: 0 15px 0 10px;
    margin: 0;
    float: left;
    color: #557489;
    font-size: 12px;
    font-family: Arial;
    background: url(../images/elem/arrow-right.png) no-repeat right 4px;
}

#foxboro_content ul.page-nav li a {
    color: #5688c7;
    font-size: 12px;
    font-family: Arial;
    padding: 0;
    text-decoration: none;
}

#foxboro_content ul.page-nav li a:hover {
    text-decoration: underline;
}

#foxboro_content .sidebar-left {
    padding-right: 10px;
    margin-top: -5px;
}

#foxboro_content div.sidebar-left ul {
    margin: 0 14px 0px 0px;
    padding: 0;
}

#foxboro_content div.sidebar-left .slide ul {
    margin: 0;
}

#foxboro_content .sidebar-left ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #d3d3d3;
}

#foxboro_content .sidebar-left .slide ul li {
    border: none;
}

#foxboro_content .sidebar-left ul li a {
    display: block;
    padding: 6px 0 6px 5px;
    color: #2f3e52;
    font-size: 14px;
    text-decoration: none;
    line-height: 13px;
    height: auto!important;
}

#foxboro_content .sidebar-left .slide ul li a {
    padding: 5px 0 5px 10px!important;
    width: auto!important;
}

#foxboro_content .sidebar-left ul li a:hover, #foxboro_content .sidebar-left ul li a.selectedtab {
    background: #e2e6f0!important;
    color: #000;
}

/*#foxboro_content .content-main{
    float: left;
    width: 470px;
}*/

#foxboro_content #foxboro_col2  h2 {
    color: #0b1d35;
    font-size: 27px;
    font-family: arial;
    line-height: 38px;
    padding: 0 0 15px;
    border-bottom: 1px solid #d3d3d3;
    margin: -7px 0 15px;
    font-weight: bold !important;
}

#foxboro_content #foxboro_col2  h3 {
    color: #0b1d35;
    font-size: 24px;
    font-family: 'HelveticaBold';
    line-height: 28px;
    padding: 0 0 15px;
    margin: 0;
    font-weight: normal !important;
}

#foxboro_content #foxboro_col2 em {
    color: #2f3e52;
}

#foxboro_content #foxboro_col2  h4 {
    color: #2f3e52;
    font-size: 17px;
    font-family: 'HelveticaBold';
    line-height: 21px;
    padding: 0 0 15px;
    margin: 0;
    font-weight: normal !important;
}

#foxboro_content #foxboro_col2  p, #foxboro_content #foxboro_col2  li {
    color: #2f3e52;
    font-size: 15px;
    font-family: 'HelveticaRRegular';
    line-height: 20px;
    margin: 0;
    padding: 0 0 15px;
}

#foxboro_content #foxboro_col2  p.hk_menu, #foxboro_content #foxboro_col2 a[href^="mailto"] {
    font-family: Helvetica, Arial, sans-serif
}

/*================================================
4. BEGIN Footer
================================================*/

#footer {
    width: 960px;
    margin: 0px auto 0;
    background: #fff;
    padding: 0 20px;
}

#footer .footer {
    background: url(../images/bg/footer.jpg) no-repeat #686868;
    width: 920px;
    text-align: left;
    padding: 20px;
    font-size: 13px;
}

#footer .footer-box {
    float: left;
    margin-right: 37px;
}

#footer .footer-box h3 {
    display: block;
    border-bottom: 1px solid #8d8b87;
    margin: 0 0 5px;
    padding: 0 25px 3px 0;
}

#footer .footer-box h3 a {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

#footer .footer .footer-nav {
    overflow: hidden;
    margin: 0 0 30px;
}

#footer .footer-box ul {
    margin: 0;
    padding: 0;
}

#footer .footer-box ul li {
    padding: 0 0 0 11px;
    list-style: none;
    width: 130px;
    background: url(../images/elem/list-style.png) no-repeat left 7px;
}

#footer .footer-box ul li a {
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

#footer .footer-box a:hover {
    text-decoration: underline;
}

#foxboro_footer {
    display: none !important;
}

#footer .footer-left {
    width: 534px;
    float: left;
}

#footer .footer-right {
    width: 386px;
    float: left;
}

#footer .contact {
    float: left;
    width: 190px;
    margin: 0 25px 0 0;
}

#footer .contact ul {
    margin: 0;
    padding: 0;
}

#footer .contact ul:first-child {
    margin: 0 0 25px;
}

#footer .contact ul li {
    list-style: none;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    color: #fff;
}

#footer .copy {
    padding: 10px;
    margin: -10px 0 0 -10px;
    background: #888;
}

#footer .copy p {
    color: #fff;
    font-size: 11px;
}

#footer .copy img {
    margin: 0 0 10px;
}

#foxboro_two-column-right {
    padding-top: 0px !important;
}

.block .pad > h3 {
/*    display: none !important;*/
}

#foxboro_top {
    margin: 0 0 10px;
    min-height: 50px;
}

#foxboro_content .content {
    margin-right: 25px;
    overflow: hidden;
}

#foxboro_content ul.page-nav li.last-li {
    background: none !important;
}

#foxboro_content ul.page-nav li.first-li {
    padding-left: 0 !important;
}

#foxboro_header .top-menu li.first-li {
    background: none;
}

#foxboro_menu ul li.last {
    background: none !important;
}

#foxboro_top .slider, #foxboro_top .slider img {
    margin-top: -28px;
}

#foxboro_content .italic {
    font-style: italic
}

#foxboro_top .banner-hold h2 {
    color: #2f3e52;
    font-size: 34px;
    line-height: 38px;
    font-family: 'HelveticaBold';
    padding: 0 0 15px;
    margin: 0;
}

#foxboro_top .banner-hold.banner-hold-ins {
    min-height: 375px;
}

#foxboro_top .banner-hold.banner-hold-ins .banner-img {
    float: left;
    margin: 25px 25px 0 0;
    width: 375px;
}

#foxboro_top .banner-hold.banner-hold-ins {
    min-height: 375px;
}

#foxboro_top .banner-hold.banner-hold-ins .banner-img {
    float: left;
    margin: 25px 25px 0 0;
    width: 375px;
}

#foxboro_top .banner-hold.banner-hold-ins .banner-desc .desc-inner {
    margin-top: 0 !important;
}

.banner-img .img-overlap {
    position: absolute;
}

.banner-img .transition1, .banner-img .transition2, .banner-img .transition3 {
    display: none;
}




/*================================================
1. BEGIN Nav grey (after slider)
================================================*/
.main-slider-container {
    position: relative;
}

#sliderBox {
    position: relative;
    top: 0px;
    left: 0px;
    width: 961px !important;
    height: 369px !important;
    overflow: hidden;
}

#sliderBox ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#sliderBox ul {
    position: relative;
    height: 369px;
}

#sliderBox ul li {
    float: left;
    position: relative;
    height: 369px;
}

#sliderBox .pattern-transp {
    position: absolute;
    top: 0px;
    right: 0px;
    background: url("../images/elem/decor-slider.png") no-repeat 0 0;
    width: 257px;
    height: 369px;
}

#sliderBox ul li .descr-slide {
    position: absolute;
    right: 15px;
    bottom: 55px;
    background: url("../images/bg/black-transp.png") repeat 0 0;
    width: 350px;
    padding: 30px 25px 25px;
    min-height: 180px;
}

#sliderBox ul li .descr-slide .descr-txt {
    width: 350px;
    max-height: 92px;
    overflow: hidden;
    font-weight: bold;
}

#sliderBox ul li .descr-slide p,#sliderBox ul li .descr-slide {
    color: #fff;
    font-size: 14px;
    font-family: Arial,sans-serif;
}

#sliderBox ul li .descr-slide p {
    padding: 0px 0px 10px !important;
    margin: 0px !important;
}

#sliderBox ul li .descr-slide h2 {
    font-family: HelveticaBold,sans-serif !important;
    font-size: 32px !important;
    margin: 0px 0px 20px !important;
    padding: 0px !important;
}

#sliderBox .slearn-more {
    color: #fff !important;
    text-decoration: none;
    font-weight: bold;
    font-size: 22px;
    margin-top: 10px;
    font-family: Arial,sans-serif;
    padding-right: 16px;
    display: block;
    bottom: 12px;
    float: left;
    clear: both;
    background: url(../images/elem/white-arrow-big.png) no-repeat 100% 3px;
}
/*controls*/
#controls {
    position: absolute;
    right: 40px;
    bottom: 20px;
}

ol.controls {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.controls li {
    float: left;
    margin: 0 0 0 9px;
    padding: 0;
}

.controls li a {
    background: url("../images/elem/circle-slider.png") no-repeat 100% 0;
    display: block;
    height: 15px;
    width: 15px;
}

.controls li.current a {
    background-position: 0 0;
}

.main-slider-container .controls li a span {
    display: none;
}
/*controls*/ 
/*nav-bottom grey*/
#foxboro_top .nav-bottom {
    background: url(../images/bg/grey-bg.png) repeat-x 0 0;
    height: 33px;
    margin: 11px 0px 0px;
}

#foxboro_top .nav-bottom ul {
    margin: 0px 15px;
    padding: 0px;
    list-style-type: none;
}

#foxboro_top .nav-bottom ul li {
    float: left;
    background: url(../images/elem/separate-grey.png) no-repeat 0 0;
    padding: 0px 15px;
}

#foxboro_top .nav-bottom ul li:first-child {
    background: none;
}

#foxboro_top .nav-bottom ul li a {
    color: #fff !important;
    text-decoration: none;
    font-size: 12px;
    line-height: 32px;
    font-weight: bold;
    padding: 0px 5px;
    font-family: Arial,sans-serif;
}

#foxboro_top .nav-bottom ul li a:hover {
    text-decoration: underline;
}

/*================================================
2. BEGIN Blog (first column)
================================================*/
/*foxboro_col1*/
/*blog-hold*/
#foxboro_content #foxboro_col1 .block {
    margin-bottom: 20px !important;
}

#foxboro_content #foxboro_col1 div.block h3 {
    color: #29313c !important;
    font-size: 17px !important;
    margin: 0px 0px 15px 0px !important;
    padding: 0px;
    font-family: HelveticaBold,sans-serif !important;
}

#foxboro_content #foxboro_col1 .blog-hold, #foxboro_content #foxboro_col3 .blog-hold, .BlogPostList {
    background-color: #f2f2f2;
    padding: 15px 20px 50px;
}

.BlogPostList {
    margin-top: -12px;
}

.blog-hold ul, .BlogPostList ul {
    margin: 0px 0px 20px !important;
    padding: 0px !important;
    list-style-type: none !important;
}

#foxboro_content #foxboro_col1 .blog-hold .Item, #foxboro_content #foxboro_col1 .blog-hold .AltItem, #foxboro_content #foxboro_col3 .blog-hold .Item, #foxboro_content #foxboro_col3 .blog-hold .AltItem, .BlogPostList ul li {
    border-top: 1px solid #e0e0e0;
    padding: 8px 0px 8px !important;
}

#foxboro_content #foxboro_col1 .blog-hold .Item a, #foxboro_content #foxboro_col1 .blog-hold .AltItem a, #foxboro_content #foxboro_col3 .blog-hold .Item a, #foxboro_content #foxboro_col3 .blog-hold .AltItem a, .BlogPostList ul li a {
    color: #5688c7 !important;
    font-size: 12px;
    line-height: 18px !important;
    text-decoration: none;
    font-family: Arial,sans-serif;
}

#foxboro_content #foxboro_col3 .blog-hold {
    margin: 50px 0 0;
}

a.read-more {
    color: #5688c7 !important;
    text-decoration: none;
    font-size: 12px;
    font-family: 'HelveticaBold',sans-serif;
    padding-right: 10px;
    display: block;
    float: left;
    clear: both;
    background: url(../images/elem/arrow-right.png) no-repeat 100% 4px;
    margin-top: 20px;
}

#foxboro_content #foxboro_col1 div.block div.pad {
    margin-left: 0px !important;
    padding: 0px 0px 0px !important;
    background-color: transparent !important;
}

#foxboro_content #foxboro_col3 div.block div.pad {
    margin-right: 0px !important;
}
/*default*/
#foxboro_three-column {
    padding-top: 5px !important;
    padding-bottom: 10px;
}

#foxboro_three-column #foxboro_col1 {
    width: 23.9% !important;
}

#foxboro_three-column #foxboro_col2 {
    width: 53% !important;
}

#foxboro_three-column #foxboro_col3 {
    width: 22.9% !important;
}

/* resources blog */
.resources-blog #bb-container .submissions {
    display: none;
}

.resources-blog .hk_menu {
    display: none;
}

.resources-blog.logged-in .hk_menu {
    display: block;
}

/*================================================
3. BEGIN Product Boxs (second column)
================================================*/
/*foxboro_col2*/
/*product-box*/
#foxboro_col2 {
    padding-top: 0px;
}

#foxboro_col2 h1, .desc-box h1 {
    color: #29313c !important;
    font-size: 17px !important;
    margin: 0px 0px 5px 0px !important;
    padding: 6px 0px 0px 0px !important;
    font-family: 'HelveticaBold',sans-serif !important;
}

#foxboro_col2 div.pad {
    padding: 0px 25px 25px !important
}

.product-box {
    width: 477px;
}

.product-box .desc-box, .product-box .desc-box p, .product-box .desc-box ul li {
    color: #2f3e52 !important;
    font-size: 12px !important;
    font-family: Arial,sans-serif !important;
}

.logo-inner-hold {
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 5px;
    margin-bottom: 12px;
    max-width: 200px;
}

.product-box .desc-box.fleft {
    float: left;
    width: 200px;
    margin: 0px 0px 0px 10px !important;
}

.product-box .image-box.fright {
    float: right;
    width: 260px;
    margin-top: -5px;
}

.product-box .read-more {
    margin-top: 12px;
}


/*================================================
4. BEGIN Red Boxs (third column)
================================================*/
/*foxboro_col3*/
#foxboro_col3 {
}

.red-box-hold {
    margin-bottom: 10px;
    width: 213px;
    float: right;
    position: relative;
}

.red-box-top {
    background: url(../images/bg/top-red-bg.png) no-repeat 0 0;
    padding-top: 4px;
}

.red-box-bot {
    background: url(../images/bg/bottom-learn-more.png) no-repeat 0 100%;
    padding-bottom: 40px;
}

.red-box-hold .text-hold {
    width: 189px;
    background: url(../images/bg/rep-red-bg.png) repeat-y 0 0;
    padding: 2px 8px 0px 16px;
    color: #fff;
}

#foxboro_col3 .red-box-hold .text-hold h3,#foxboro_col3 .red-box-hold .text-hold h4 {
    color: #fff !important;
    padding: 0px 0px 7px 0px !important;
    margin: 0px !important;
}

#foxboro_col3 .red-box-hold .text-hold h4 {
    padding-top: 4px !important;
    font-weight: normal;
}

#foxboro_col3 .red-box-hold .text-hold h3 {
    font-size: 22px !important;
    font-weight: bold !important;
}

#foxboro_col3 .red-box-hold .text-hold h4, #foxboro_col3 .red-box-hold.second h3 {
    font-size: 18px !important;
}

div.pad {
    overflow: visible
}

.learn-more-red {
    color: #fff !important;
    text-decoration: none;
    font-size: 14px;
    font-family: 'HelveticaBold',sans-serif;
    padding-right: 14px;
    display: block;
    bottom: 12px;
    position: absolute;
    float: left;
    clear: both;
    background: url(../images/elem/white-arrow.png) no-repeat 100% 3px;
}

#foxboro_content #foxboro_col3 div.block div.pad {
    margin: 0px !important;
    overflow: visible!important;
}

#foxboro_col3 div.block div.pad {
    padding: 0px !important;
}

#foxboro_col3 div.block div.pad {
    background: none !important;
}

/*================================================
5. BEGIN Clients,Events (bottom boxes)
================================================*/
/*bottom-box*/
/*box-hold*/
.bottom-box {
    border-top: 5px solid #f2f2f2;
    margin-top: 18px;
    overflow: hidden;
}

.bottom-box mobile {
    border-top: 5px solid #f2f2f2;
    margin-top: 18px;
    overflow: scroll;
}

.bottom-box h3 {
    color: #29313c;
    font-size: 17px;
    font-family: 'HelveticaBold',sans-serif;
    float: left;
    width: 200px;
    margin: 0px;
    padding-bottom: 10px;
    line-height: 18px;
}

.bottom-box .read-more {
    float: right;
    clear: none;
    padding-bottom: 10px;
}

.box-hold h4 {
    color: #0b1d35;
    font-size: 19px;
    margin: 0px 0px 10px 0px !important;
    padding: 0px;
    font-family: 'HelveticaBold',sans-serif;
}

.box-hold {
    float: left;
    width: 447px;
    margin-top: 20px;
    min-height: 145px;
    padding-left: 30px;
}

.box-hold mobile {
    float: left;
    width: 50px;
    margin-top: 10px;
    min-height: 645px;
    padding-left: 10px;
}

.box-hold.first {
    border-right: 5px solid #f2f2f2;
    padding: 0px 30px 0px 0px;
}

.box-hold.mobile {
    border-right: 5px solid #f2f2f2;
    padding: 0px 10px 0px 0px;
}

.box-hold .box-hold-inner {
    border-top: 1px solid #d6d6d6;
    padding-top: 13px;
    clear: both;
}

.box-hold .box-hold-inner {
    margin: 0px 0px 10px;
}

.box-hold-inner .text-box {
    float: left;
    width: 280px;
    color: #2f3e52;
}

.box-hold-inner .text-box-mobile {
    float: left;
    width: 150px;
    color: #2f3e52;
}

.fleft {
    float: left;
    margin: 0px 14px 5px 0px;
}

.box-hold .box-hold-inner p.author {
    font-size: 11px !important;
    padding-top: 5px !important;
    clear: both;
}

.box-hold .box-hold-inner p.author a {
    text-decoration: none !important;
}

.box-hold .box-hold-inner p.author a:hover {
    text-decoration: underline;
}

.box-hold .box-hold-inner p {
    font-size: 12px !important;
    color: #2f3e52 !important;
    line-height: 15px !important;
    margin: 0px 0px 12px !important;
    font-family: Arial,sans-serif !important;
}

.box-hold .box-hold-inner .text-box .read-more-edit {
    clear: none;
    float: none;
    padding-bottom: 0px;
    display: inline-block;
}

.blockquote-outer {
    background: url(../images/elem/blockquote-open.png) no-repeat  0 0;
}

.blockquote-outer blockquote {
    background: url(../images/elem/blockquote-close.png) no-repeat  100% 100%;
    font-size: 14px;
    font-family: Arial,sans-serif;
    color: #2f3e52;
    margin: 0px !important;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-style: italic;
    padding-bottom: 0px;
}

.box-hold .box-hold-inner .blockquote-outer blockquote p {
    margin-bottom: 0px !important;
    font-size: 14px !important;
    padding-left: 33px !important;
    padding-right: 1px !important;
    line-height: 18px !important;
}
/*================================================
6. BEGIN Interloc Mobile Informer
================================================*/
.banner-hold {
    background: #b2b5bc url(../images/bg/slider-bg.jpg) no-repeat  0 0;
    width: 914px;
    min-height: 375px;
    position: relative;
    padding: 23px 23px 0px;
/*margin-top: -28px;*/
    z-index: 10;
}

.banner-img {
    width: 375px;
    float: left;
    min-height: 300px;
}

.banner-hold-ins .banner-desc,
.banner-hold-ins .banner-desc-informer {
    width: 455px;
    margin-left: 28px;
}

.banner-desc-informer {
    float: left;
    width: 490px;
    margin-left: 12px;
    margin-top: 40px;
}

.banner-desc {
    float: left;
    width: 490px;
    margin-left: 12px;
    margin-top: 70px;
}

.banner-desc .desc-inner,
.banner-desc-informer .desc-inner {
    background: url(../images/elem/hor-line.png) repeat-x  0 0;
    margin-top: 12px;
    padding-top: 15px;
}

.banner-desc .desc-inner p,
.banner-desc-informer .desc-inner p {
    font-size: 14px;
    color: #2f3e52;
    margin: 0px 0px 10px;
}
/*================================================
7. BEGIN Forms
================================================*/
.ContactFormWrapper {
    margin-bottom: 0px !important;
}

.form-hold, .ContactFormItems {
    background-color: #f2f2f2;
    padding: 15px 13px;
}

.ContactFormItems {
    margin-top: -10px;
/*    border-top: 1px solid #CECECE !important;*/
}

.form-hold,.form-hold  p {
    font-size: 12px !important;
    color: #2f3e52;
    font-family: Arial,sans-serif;
}

.form-hold  p {
    padding-top: 30px;
}

.form-hold .row-hold, .ContactFormItem input, .ContactFormItem textarea {
    background: url(../images/bg/form-bg.png) no-repeat  0 0;
    width: 176px;
    height: 26px;
    margin-bottom: 5px;
    border: 1px solid #c9c9c9;
}

.form-hold .row-hold, .ContactFormItem input[type="checkbox"] {
    background: none;
    border: none;
}

.form-hold .row-hold.textarea, .ContactFormItem.textarea-hold {
    height: 50px !important;
}

.form-hold .row-hold input,.ContactFormItem input {
    padding: 6px 5px !important;
    width: 166px !important;
    margin: 0px !important;
    height: 14px !important;
    font-family: Arial,sans-serif !important;
    color: #797979 !important;
    font-size: 12px!important;
}

.form-hold .row-hold textarea, .ContactFormItem textarea {
    font-family: Arial,sans-serif;
    padding: 3px 5px!important;
    width: 166px !important;
    height: 44px !important;
    color: #797979!important;
    font-size: 12px;
}

.form-hold .red-btn, .ContactFormItems  input.FormSubmitButton {
    font-family: 'HelveticaBold', sans-serif!important;
    font-size: 12px!important;
    color: #fff!important;
    margin-bottom: 0px !important;
    border-style: none!important;
    float: left!important;
    text-align: center;
    cursor: pointer!important;
    width: 152px !important;
    padding: 9px 14px 9px 22px!important;
    margin: 0px !important;
    background: url(../images/elem/white-arrow.png) no-repeat 100% 11px;
}

.ContactFormItems .hs_submit .hs-button {
    height: 33px!important;
}

.form-hold .btn-hold, .ContactFormItems .btn-hold, .ContactFormItems .hs_submit {
    background: url(../images/bg/red-btn-bg.png) repeat-x 0 0;
    width: 178px;
    height: 33px;
    margin-top: 40px;
}

.ContactFormItems .ContactFormItem label {
    margin: 4px 0 4px;
}

#foxboro_content #foxboro_col2 ul li {
    padding-bottom: 10px !important;
    list-style: disc;
}

#foxboro_content #foxboro_col2 ul ul li {
    list-style: square;
}

#foxboro_content #foxboro_col2 li.pdf-download {
    background: url(../images/elem/pdficon.gif) no-repeat;
    padding: 10px 40px;
    min-height: 32px;
    margin: 0 auto;
    width: 500px;
    list-style: none;
}
/*================================================
8. BEGIN News
================================================*/
#foxboro_content #foxboro_col3 div.block {
    margin-bottom: 5px !important
}

#foxboro_col3 div.block {
/*    background-color: #F2F2F2;*/
}
/*news-hold*/
.news-hold {
    background-color: #f2f2f2;
    margin-top: -13px;
    padding: 15px 13px 75px;
}

.news-hold h3, .form-hold h3 {
    color: #c30d2a !important;
    font-size: 17px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #cecece !important;
    font-family: 'HelveticaBold', sans-serif !important;
}

#foxboro_col3 h3 {
    color: #c30d2a !important;
    font-size: 17px !important;
    font-family: 'HelveticaBold', sans-serif !important;
}

#foxboro_col3 h3.title-edit, #foxboro_col1 h3.title-edit {
    background-color: #f2f2f2;
    padding: 15px 13px 15px !important;
    margin-bottom: 0px !important;
}

#foxboro_col3 h3.title-edit span {
    border-bottom: 1px solid #cecece;
    padding-bottom: 10px;
    display: block;
    width: 100%;
}

#foxboro_col1 h3.title-edit {
    color: #29313C !important;
    margin-bottom: 0px !important;
    padding: 15px 20px 0px !important;
}

.list-news .short-news {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-right: 5px;
}

.list-news .short-news .data {
    color: #2f3e52;
    font-size: 12px;
    font-family: Arial,sans-serif;
    margin-bottom: 5px;
}

.list-news .short-news p {
    margin: 0px !important;
}

.list-news .short-news a, .list-news .short-news p {
    color: #5688c7;
    font-size: 12px;
    text-decoration: none;
    font-family: Arial,sans-serif;
    margin-bottom: 5px;
}

.list-news .read-more {
    margin: 24px 0px 0px;
}


/*================================================
9. BEGIN CLEAR
================================================*/
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clear {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clear {
    height: 1%;
}

.clear {
    display: block;
}

.clearfix:before,.clearfix:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:after {
    clear: both
}

.clearfix {
}
/* Clearfix */
.clearfix {
    display: inline-block;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix {
    display: block;
}
/*================================================
9. END CLEAR
================================================*/

/*================================================
DROPDOWN
================================================*/

.slide {
    width: 480px !important;
}

.slide .slide {
    width: auto!important;
}
/*#foxboro_menu .slide .slide {
	width: auto!important;
	position: relative;
	left: 0!important;
	top: 0!important;
	display: block!important;
	float: none;
	overflow: visible!important;
}
#foxboro_menu .slide .slide ul {
	float: none!important;
	display: block!important;
	left: 0!important;
}
#foxboro_menu .slide .slide .text {
	float: none;
	width: auto;
	margin-left: 10px;
}*/
.sidebar-left .slide {
    width: auto!important;
}

.slide ul.group {
    background: url('/Portals/184028/images/bg/bgd_nav.png') 0 bottom repeat-x #173157 !important;
    padding-bottom: 15px !important;
    width: 100% !important;
}

.sidebar-left .slide ul.group {
    width: auto!important;
    background: none!important;
    padding: 0!important;
}

.slide ul.group li {
    background: none !important;
    clear: none !important;
    float: left !important;
    height: auto !important;
    padding: 0 !important;
    width: 50%;
}

.rootGroup > .item.first + .item + .item + .item .slide,
			.rootGroup > .item.first + .item + .item .slide {
    width: auto !important;
}

.rootGroup > .item.first + .item + .item + .item .slide ul.group li,
			.rootGroup > .item.first + .item + .item .slide ul.group li {
    float: none!important;
    width: auto!important;
}

.sidebar-left .slide ul.group li {
    float: none!important;
    width: auto;
}

.slide ul.group li a {
    background: none !important;
    font-size: 11px !important;
    height: 15px !important;
    padding: 5px 0 !important;
    text-transform: none !important;
    width: 100% !important;
}

.slide ul.group li a span {
    font-size: 11px !important;
    padding: 5px !important;
    text-transform: none !important;
}

.sidebar-left .slide ul.group li a span {
    display: block;
}
	
/*---------------------------------------
Definition List
------------------------------------------*/

.dl {
    border: 3px double #ccc;
    padding: 0.5em;
}

.dt {
    float: left;
    clear: left;
    width: 100px;
    text-align: right;
    font-weight: bold;
    color: #29313C;
}

.dt:after {
    content: ":";
}

.dd {
    margin: 0 0 0 110px;
    padding: 0 0 0.5em 0;
} 