/**
 * This file should get overwritten if Method 1 is used. If Method 2 is chosen,
 * remove this comment and start adding your styles to this file.
 */

.main-nav {
    float: right;
}

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

.header-phone {
    display: block-inline;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    margin-top: 8px;
}

.navbar-default .navbar-nav li a {
    border-right: 1px solid #454545;
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -210px;
  /* Pad bottom by footer height */
  padding: 0 0 210px;
}

.homevid {
    width: 370px;
    height: 210px;
    }

.homeimg {
    float: left;
    }


.hometxt {
    float: right;
    text-align: right; 
    min-height:79px; 
    width: 452px;
    padding: 5px;
    background-color: #ffffff;
  }

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-collapse {
        background: #638cd8;
    }

    .main-nav {
        float: left;
        border: none;
        width: 100%;
    }
    .menu, .nav {
        width: 100%;
        border: none;
    }
    .navbar-default .navbar-nav li a {
        border-right: none;
    }
    .header-phone {
        float: right;
        margin-right: 15px;
        color: #cf1f43;
    }
    .header-text {
        float: left;
        text-align: center;
    }
    .header-search {
        float: left;
        text-align: center;
    }
    /* add space to nospace, yea */
    .nospace {
        padding-right: 15px;
        padding-left: 15px;
    }

    #footer-wrap { height: 430px; }

    .region-front-top-left {
        width: 300px;
        overflow: hidden;
        }
    #block-views-homepage-slider-block {
        width: 300px;
        }
    .hometxt {
        text-align: left;
	float: left; 
        width: 300px;
        background-color: #ffffff;
        }
    .homeimg {
        float: left;
        width: 310px;
        }
    .homevid {
        width: 300px;
        }
    .region-front-bottom-right2, .region-front-bottom-right {
        width: 300px;
	padding-left: 10px;
        }
    .region-front-bottom-right {
	padding-left: 10px;
	}	
    .view-small-slider {
	float: left;
	padding-right: 35px;
        }
    #block-views-homepage-slider-block .views-field-title {
        font-size: 10px;
        }
    .region-front-bottom-left{
        width: 300px;
	}

    .views-field-field-product-application, .views-field-field-product-value-plus, .legend { display: none;}
}



.nospace {
    padding-bottom: 20px;
}

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
   font-family: 'Open Sans', sans-serif;
}

a {
    color: #3c6fce;
}


h1, h2, h3, h4, p, td {
   font-family: 'Open Sans', sans-serif;
}

#block-block-14 p {
    margin: 0;
}

.homepage {
  background: url("../images/homebg.jpg") no-repeat center top;
}

.subpage {
  background: url("../images/subbg.jpg") no-repeat center top;
}

.main-container {
    margin-top: 30px;
}

/* Set the fixed height of the footer here */
#footer {
  color: #fff;
  height: 250px;
  background-color: #638cd8;
  padding-top: 10px;
}

#footer-wrap {
    width: 100%;
    background: #638cd8;
}
#footer > .container {
    padding-top: 10px;
}

.clear {
    clear: both;
}

#navbar-wrap {
    width: 100%;
    background-color: none;
    background: url("../topbg.png") repeat-x;
    background-position: center -2px;
}
#navbar {
    border: none;
    background-color: transparent;
}

.navbar {
    border-radius: 0;
 }

#navbar-bottom {
    height: 23px;
    background: #000;
    color: #fff;
}

.main-container {
     max-width: 960px;
     background: #ffffff;
     border-right: 6px solid #638cd8;
     border-left: 6px solid #638cd8;
}

#block-search-form {
    width: 220px;
    margin-top: 10px;
    padding-right: 60px;
}

#block-search-form button {
    height: 26px;
    background: #3c6fce;
    border: none;
    padding: 5px 6px;
}

#edit-search-block-form--2 {
    background: #636363;
    height: 26px;
    border: none;
    color: #fff;
}

.navbar-nav {
    display: block;
    float: right;
    margin-top: 7px;
    text-transform: uppercase;
}

.navbar-default .navbar-nav li {
    height: 20px;
    margin: 0;
    padding: 0;
}

.navbar-default .navbar-nav li a {
    height: 20px;
    margin: 0;
    padding: 0 14px 0 14px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus  {
    color: grey;
}

.navbar-default .navbar-nav>li>a {
    color: #dddddd;
}

.navbar-default .navbar-nav li a.active {
    color: #ffffff;
}

.navbar-default .navbar-nav li .active {
    background-color: #000000;
}

.navbar-default .navbar-nav li a:hover {
    color: #fff;
}

.navbar-default .navbar-nav > li.last a {
    border-right: none;
}

.left {
    float: left;
}

.right {
    float: right;
}

.page-header {
    margin: 0;
    padding: 5px 0 10px 0;
    border-bottom: none;
    color: #3c6fce;
    font-weight: bold;
    font-size: 28px;
}

h2 {
    margin: 10px 0 10px 0;
    padding: 0;
    color: #a0a5a7;
    font-weight: normal;
    font-size: 20px;
}

h3 {
    margin: -10px 0 20px 35px;
    padding: 0;
    color: #a0a5a7;
    font-weight: normal;
    font-size: 20px;
}

.header-text {
    text-align: center;
    font-size: 12px;
    margin-top: 10px;
}
.header-text a {
    color: #fff;
    text-decoration: none;
}

.webform-client-form button {
    float: right;
    margin-top: 10px;
}

#block-block-6 {
    padding: 150px 5px 5px 5px;
}

.shadow-text-1 {
    font-weight: bold;
    font-size: 32px;
    color: #ffffff;
    text-shadow: 2px 2px 4px #000000;
    font-family: 'Open Sans', sans-serif;
}
.shadow-text-2 {
    font-weight: bold;
    font-size: 18px;
    color: #ffffff;
    text-shadow: 2px 2px 4px #000000;
    font-family: 'Open Sans', sans-serif;
    text-align: right;
}

#block-block-7 {
    background: url("../fade.png") repeat;
    padding: 5px;
    color: #000000;
}

#block-block-8 {
    background: #7f7f7f;
    padding: 5px;
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
}

.home {
    background: none;
    border: none;
}

#block-block-11 .row {
    margin-left: 0;
}

.light-blue {
    background: #d6dbe0;
}

/* TODO this shouldn't be a static width */

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

.full .first {
    padding: 3px 0px 3px 0px;
    margin-right: 0px;
}

.full .second {
    margin-left: 0px;
    border-left: 5px solid #fff;
    padding-top: 5px;
    padding-bottom: 0px;
}

.full .second p {
    margin-bottom: 5px;
}

.full .second img {
    float: left;
    padding-right: 10px;
    padding-top: 5px;
}

.home-sm-1 {
    height: 67px;
    width: 130px;
    padding: 0;
}

.home-sm-2 {
    height: 67px;
    width: 235px;
    margin-left: 5px;
}

.home-sm-2 img {
    float: left;
    padding: 5px 5px 0 0;
}

.home-sm-2 a {
    color: #000;
    text-decoration: none;
}

.sub-sm-1 {
    height: 67px;
    width: 130px;
    margin-left: 15px;
    padding-left: 0;
}

.sub-sm-2 {
    height: 67px;
    width: 241px;
    margin-left: 5px;
}

.sub-sm-2 img {
    float: left;
    padding: 5px 5px 0 0;
}

.sub-sm-2 a {
    color: #000;
    text-decoration: none;
}

/* cts */
.cts-header {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #7f7f7f;
    height: 30px;
    padding: 3px 3px 3px 10px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

#block-views-a717cc297f6cb7a4bbf76e6794d28093 {
    margin-bottom: 10px;
}

.view-cleaning-trial-summaries-subpage {
    width: 376px;
    margin-left: 0;
    margin-top: 5px;
}

.view-cleaning-trial-summaries-homepage .view-content {
/*    width: 560px; */
}

.view-cleaning-trial-summaries-homepage .views-row {
    float: left;
    margin-right: 6px;
    padding: 0px;
}

.view-cleaning-trial-summaries-homepage .views-row-last {
    margin-right: 0px;
    padding: 0px;
}

.view-cleaning-trial-summaries-subpage .views-row {
    float: left;
    margin-right: 5px;
    padding: 0px;
}

.view-cleaning-trial-summaries-subpage .views-row-last {
    margin-right: 0px;
    padding: 0px;
}

.view-cleaning-trial-summaries-homepage .views-field-title, .view-cleaning-trial-summaries-subpage .views-field-title {
    background: #101920;
}

.view-cleaning-trial-summaries-homepage .views-field-field-cts-segment, .view-cleaning-trial-summaries-subpage .views-field-field-cts-segment {
    background: #101920;
}

.view-cleaning-trial-summaries-homepage .views-field-field-cts-segment a, .view-cleaning-trial-summaries-subpage .views-field-field-cts-segment a{
    padding-left: 5px;
    color: #fff;
    font-size: 11px;
    text-decoration: none;
}

.view-cleaning-trial-summaries-homepage .views-field-title a, .view-cleaning-trial-summaries-subpage .views-field-title a {
    padding-left: 5px;
    color: #fff;
    font-size: 11px;
    text-decoration: none;
}

.view-cleaning-trial-summaries-by-segement {
    clear: both;
}
.view-cleaning-trial-summaries-by-segement .views-row {
    width: 100%;
    min-height: 100px;
    clear: both;
}
.view-cleaning-trial-summaries-by-segement .views-field-field-segment-image {
    float: left;
    padding: 5px 10px 5px 0;
}
.view-cleaning-trial-summaries-by-segement .views-row a {
    font-weight: bold;
}
.view-cleaning-trial-summaries-by-segement .views-field-description {
    float: left;
    width: 70%;
}

.views-row-1 {
 padding-bottom: 5px;
}

#block-views-news-homepage-block h2, #block-block-21 h2, #block-block-30 h2 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #638cd8;
    width: 100%;
    height: 30px;
    padding: 3px 3px 3px 10px;
    margin: 5px 0 5px 0;
    text-transform: uppercase;
    line-height: 25px;
}

#block-views-news-homepage-block .view-news-homepage, #block-block-30 p {
    color: #fff;
    background: #3c6fce;
    padding: 8px;
    margin-bottom: 5px;
}

#block-views-news-homepage-block .view-news-homepage a, #block-block-30 p a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
}

#front-bottom-right .sales-rep {
    color: #fff;
    background: #cd1041;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

#front-bottom-right a {
    color: #fff;
    text-decoration: none;
}

#front-bottom-right .large {
    display: block;
    font-size: 1.5em;
}

#front-bottom-right .slider {
    text-align: center;
}

#block-block-18 {
  padding: 5px 0 0 10px;
}

.primary-sidebar {
    margin-left: 0;
    padding-left: 0;
}

.primary-sidebar .region {
    margin-left: 0;
    padding-left: 0;
    background: none;
    border: none;
}

#cts {
    margin: 0;
    padding: 0;
}

#cts .cts-left {
    padding-left: 0;
    margin-left: 0;
}

#cts .cts-header {
    font-size: 2.0em;
    color: #cf1f43;
    text-transform: uppercase;
    background: #fff;
    margin: 0 0 10px 0;
    padding: 0;
}

#cts .header {
    padding: 2px 0 2px 15px;
    background: #ccc;
    color: #fff;
}

#cts .cts-row-big {
    font-weight: bold;
    font-size: 1.2em;
}

#cts .cts-row-med {
    font-weight: bold;
}

#cts .cts-row-normal {

}

#cts .cts-sidebar {
    color: #fff;
    background: #cf1f43;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 15px;
    width: 100%;
    margin-bottom: 3px;
}

#cts > .row {
    margin: 0;
    padding: 0;
}

#cts .cts-right .row {
    margin: 0 15px 0 0;
}

#cts .gray {
    color: #aaa;
}

/* cts view */

#block-views-type-block h2,
#block-views-segment-block h2,
#block-views-substrates-block h2,
#block-views-soil-types-block h2 {
    color: #cf1f43;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
}

#block-views-type-block.block-views .view-content,
#block-views-segment-block.block-views .view-content,
#block-views-substrates-block.block-views .view-content,
#block-views-soil-types-block.block-views .view-content {
    line-height: 1.0em;
}
#block-views-type-block.block-views a,
#block-views-segment-block.block-views a,
#block-views-substrates-block.block-views a,
#block-views-soil-types-block.block-views a {
    font-size: 10px;
    color: #777;
}

.view-cleaning-trial-summaries-by-segment .views-row a {
    font-weight: normal;
    color: #cf1f43;
    font-size: 14px;
}

#block-views-type-block.block-views,
#block-views-segment-block.block-views,
#block-views-substrates-block.block-views,
#block-views-soil-types-block.block-views {
    margin: 10px;
}

.view-taxonomy-term .row {
    margin-right: 15px;
    margin-left: 0;
    font-size: 12px;
}
.item-list .taxonomy-header {
    background: #ccc;
    font-weight: bold;
}

.view-taxonomy-term .views-row {
    margin: 5px 15px 5px 0;
    padding: 5px 0 5px 0;
}
.view-taxonomy-term .views-row-even {
    background: #f0f0f0;
}
.view-taxonomy-term .views-row-last {
    margin-bottom: 0;
}
.view-taxonomy-term .taxonomy-footer {
    margin: 0 0 5px 0;
    padding: 0;
    background: #000;
    height: 5px;
}

.pagination {
    display: block;
    border: none;
    min-height: 35px;
    width: 100%;
    margin: 0;
}
.pagination>li:hover {
    background: #fff;
    color: #cf1f43;
}
.pagination>li>a,
.pagination>li>span,
.pagination>li:last-child>a, .pagination>li:last-child>span,
.pagination>li>a:hover {
    background: #fff,
    color: #cf1f43;
    border: none;
    border-radius: 0px;
}

.pagination>.active a,
.pagination>.active>a:hover {
    background: #fff;
    color: #333;
    border: none;
}

#block-views-taxonomy-image-block, #block-views-primary-image-block {
    padding: 0;
    margin: 0;
}

.region-sidebar-first.well {
    margin-top: 0;
    padding-top: 0;
    padding-right: 4px;
}

#block-views-footer-types-block h2 {
    font-weight: normal;
    color: #fff;
    margin-bottom: 5px;
}
#block-views-footer-types-block .view-header {
    font-size: 10px;
    color: #fff;
}
#block-views-footer-types-block .view-header a {
    color: #ddd;
}
#block-views-footer-types-block .view-header a:hover {

}
#block-views-footer-types-block .view-header .view-content {
    margin-bottom: 10px;
}
#block-views-footer-types-block>.view>.view-content {
    display: none;
}

.region-footer-1 .block-title {
    font-size: 1em;
    margin: 0px;
    color: #ffffff;
}
.region-footer-1 a {
    color: #cccccc;
}

/* msds */

.view-msds, .view-msds-archived- {
    margin: 20px 20px 20px 0;
}

.view-msds .views-field-title, .view-msds-archived- .views-field-title {
    padding: 3px 0 3px 10px;
    background: #ddd;
    font-weight: bold;
}

.view-msds thead, .view-msds-archived- thead {
    display: none;
}

.view-msds .table tbody>tr>td, .view-msds-archived- .table tbody>tr>td {
    width: 80%;
}

.obsmsds {
  color: #000099;
  font-weight: bold;
}

/* product */

#msds thead {
    display: none;
}
#msds .content {
    margin: 0 0 0 0;
}
#msds .header {
    background: #ddd;
    margin: 0 15px 0 0;
    padding-left: 5px;
    font-weight: bold;
}
#msds .table tbody>tr>td {
    width: 80%;
}
#msds .body {
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.view-products .views-field-title {
    font-weight: bold;
}

/* webform */
#node-7 {
    margin-bottom: 20px;
}
#node-7 .field-items p {
    margin-top: 10px;
    margin-bottom: 20px;
}
#webform-client-form-7 .form-item {
    margin-bottom: 5px;
}
#webform-client-form-7 .form-control {
    width: 60%;
    display: inline;
}

#webform-client-form-7 label {
    width: 180px;
}

#webform-client-form-7 input {
    width: 50%;
}

#webform-client-form-7 .form-textarea-wrapper {
     display: inline;
     width: 50%;
}
#webform-client-form-7 button {
    margin-right: 35px;
}
.alert {
    margin-right: 25px;
}

.node-page .content, .region-content {
    padding-right: 10px;
}

/* search */

.search-results {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

.search-results .title {
    font-weight: bold;
    font-size: 16px;
    margin-left: 0;
}

.btn-default {
  color: #cccccc;
}

.btn-default:hover {
  color: #ffffff;
}

.draggableviews-processed li.views-row, .view-products li.views-row {
    float: none;
    width: 100%;
    margin-left: 0;
    list-style-type: none;
}

ul.draggableviews-processed, .view-products ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.draggableviews-processed .form-type-select {
    display: none;
}

#block-views-homepage-slider-block {
    width: 100%;
}

#block-views-homepage-slider-block .views-field-title {
    font-size: 300;
    font-weight: bold;
    color: #fff;
    background: #000;
    position: absolute;
    bottom: 30px;
    padding: 3px 0px 3px 5px;
    width: 100%;
}

#block-block-21 .row {
    margin-left: 0;
    margin-right: 0;
}

#block-block-21 .row > div {
    padding-left: 0;
}

#block-block-21 .block-title {
    width: 100%;
}

#block-block-21 a {
    display: block-inline;
}
#block-block-21 span {
    position: absolute;
    z-index: 10;
    font-size: 300;
    font-weight: bold;
    color: #fff;
    background: #000;
    position: absolute;
    bottom: -20px;
    left: 0;
    padding: 3px 0px 3px 5px;
    width: 263px;
}

#block-block-28 {
    /* margin-top: 5px; */
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#block-block-28 .row > div {
    margin-bottom: 5px;
}

#block-block-28 span {
    font-size: 300;
    font-weight: bold;
    color: #fff;
    background: #000;
    position: absolute;
    bottom: 0px;
    left: 15px;
    padding: 3px 0px 3px 5px;
    width: 297px;
}

.front-right {
    padding-left: 0;
}

.highlighted {
    margin-bottom: 15px;
}

#front-bottom-right .left {
    padding-right: 2px;
}
#front-bottom-right .right {
    padding-left: 3px;
}

#front-bottom-right {
    margin-bottom: 20px;
}

#slideshow-nav {
    position: absolute;
    bottom: 5px;
    right: 0;
    float: right;
    z-index: 20;
}

#block-views-homepage-slider-block .slide-block {
    display: inline-block;
    background: rgba(204, 232, 229, 0.5);
    height: 20px;
    width: 30px;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}

#block-views-homepage-slider-block .slide-block a {
    display: block;
}

#block-views-homepage-slider-block .slide-block.active {
    background: rgba(102, 153, 204, 0.8);
}

.homepage {
    padding-left: 0px;
    padding-right: 0px;
}

/* products */

.view-products {
    font-size: 12px;
}

.view-products caption {
    text-align: left;
    font-weight: bold;
    background: #e1e1e1;
    padding: 2px 2px 2px 4px;
}

.view-products .views-field-field-product-application {
    width: 35%;
}
.view-products .views-field-field-title {
    width: 30%;
}

.view-products .views-field-field-product-micron-size {
    width: 5%;
    text-align: center;
}
.view-products .micron-size, .node-product .micron-size {
    color: #00aeef;
}
.view-products .micron-size span, .node-product .micron-size > span {
    border: 2px solid #00aeef;
    border-radius: 5px;
    font-size: 12px;
    padding: 1px 2px 1px 2px;
}
.view-products .views-field-field-product-grit {
    width: 5%;
    text-align: center;
}
.view-products .views-field-field-product-flow-aid {
    width: 5%;
    text-align: center;
}
.view-products .flow-aid, .node-product .flow-aid {
    color: #8f1f6b;
}
.view-products .flow-aid span, .node-product .flow-aid span {
    border-top: 2px solid #8f1f6b;
    border-bottom: 2px solid #8f1f6b;
    font-size: 12px;
    padding: 0 3px;
}

.view-products .views-field-field-product-value-plus {
    width: 25%;
}

.view-products .table>tbody>tr>td {

}

.view-products .legend {
    padding-bottom: 5px;
    padding-right: 5px;
}

.view-products .print-page {
    margin: 0 10px 0 10px; 
}

.view-products .print-page a {
    text-decoration: none;
    color: #000;
}

.node-product {
    margin-bottom: 20px;
}
.node-product .item {
    margin: 10px 0px 10px 0px;
}

.node-product .body {
    padding-bottom: 10px;
}

/* case study */

.node-case-study {
    margin-bottom: 20px;
}

.field-type-taxonomy-term-reference .contextual-links-region {
    display: inline;
}

.node-case-study .item {
    margin: 10px 0px 10px 0px;
}

.node-case-study .body {
    padding-bottom: 10px;
}

.view-portable-systems .sep {
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
    margin-bottom: 10px;
}

.view-portable-systems .view-filters, .view-portable-systems .view-header {
    margin-left: 50px;
}

.view-contained-systems .sep {
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
    margin-bottom: 10px;
}

.view-contained-systems .view-filters, .view-contained-systems .view-header {
    margin-left: 50px;
}

.shift-right {
    margin-left: 30px;
}

.primary-sidebar .well {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.cs-column {
    float: left;
    margin: 0 8px 0 8px;
    display: inline-block;
    width: 18%;
    border: 1px solid red;
}

#product-case-studies .table tbody>tr>td {
    width: 25%;
}

/* Reformat Accordian */

.ui-state-default .ui-icon {
    background-image: none;
}
.ui-widget-content, .ui-state-active, .ui-state-default, 
.ui-widget-content .ui-state-default, .ui-widget-header 
.ui-state-default,  {
    border: none;
    background-image: none;
    background: none;
}

.toggle { cursor:pointer; }