body {
  font-family: Lato, sans-serif;
  color: #2d3e4f;
  font-size: 14px;
  line-height: 20px;
}
h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 36px;
  line-height: 40px;
  font-weight: 900;
}
h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  color: #2d3e4f;
  font-size: 30px;
  line-height: 36px;
  font-weight: 900;
}
h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}
h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  color: #bd3930;
  font-size: 22px;
  line-height: 26px;
  font-weight: 300;
}
h5 {
  margin-top: 10px;
  margin-bottom: 5px;
  font-family: Lato, sans-serif;
  color: #2d3e4f;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}
h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #7f8c8c;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
p {
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  color: #2d3e4f;
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
}
.button {
  display: inline-block;
  padding: 10px 15px;
  background-color: #ef9b29;
  color: white;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
}

/* default form styles */
/*
input,
select {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
input:-moz-placeholder,
select:-moz-placeholder {
  color: #999999;
}
input::-moz-placeholder,
select::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
input:-ms-input-placeholder,
select:-ms-input-placeholder {
  color: #999999;
}
input::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: #999999;
}
input:focus,
select:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
}
input[disabled],
select[disabled],
input[readonly],
select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.w-input,
textarea.w-select {
  height: auto;
}
select[multiple] {
  height: auto;
}
*/
.button.slider-button {
  margin-top: 10px;
  padding: 20px;
  background-color: #e44b41;
  font-size: 18px;
  font-style: italic;
  font-weight: 900;
}
.button.category-header-button {
  margin-top: 10px;
  padding: 20px 30px;
  background-color: #e44b41;
  font-size: 18px;
  font-style: italic;
  font-weight: 900;
}
.button.review-button {
  margin-bottom: 10px;
}
.button.read-more {
  margin-left: 10px;
  float: right;
  background-color: #249f85;
  font-style: italic;
}
.button.read-more.featured {
  margin-bottom: 15px;
  float: left;
  background-color: #e44b41;
}
.button.register {
  width: 100%;
  height: 50px;
  padding: 15px 20px;
  background-color: #e44b41;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-size: 18px;
  font-style: italic;
}
.button.register:hover {
  background-color: #bc3a30;
}
.button.my-store {
  background-color: #e44b41;
  font-size: 14px;
  font-style: italic;
}
.button.my-store.my-store-active {
	background-color: #2cbc9c;
}
.button.view-profile {
  padding: 5px 10px;
  background-color: #bd3930;
  font-size: 12px;
}
.button.pay-bill {
  width: 100%;
  margin-top: 10px;
  background-color: #bd3930;
}
.header {
  border-top: 10px solid #bd3930;
}
.primary-nav {
  position: relative;
  padding-right: 0px;
  padding-left: 0px;
}
.left-column {
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
}
.right-column {
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
}
.user-links {
  height: 50px;
  background-color: #ecf0f1;
}
.location-links {
  height: 80px;
  padding: 20px 15px;
  clear: both;
  font-family: Lato, sans-serif;
  color: #2d3e4f;
  font-size: 13px;
  margin-top: 33px; /*21-10-14*/  
}
.search-links {
  clear: both;
}
.shop-products {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 900;
  display: block;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  background-color: #2d3e4f;
  font-family: Lato, sans-serif;
  color: white;
  font-size: 18px;
  font-weight: 900;
}
.logo-home {
  display: block;
  height: 153px; /* 120px; 21-10-14 */
  margin-top: -10px;
  margin-right: auto;
  margin-left: auto;
  background-image: url('../images/tw-perry_logo.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
  text-align: center;
}
.shop-products-icon {
  width: 30px;
  height: 100%;
  margin-right: 0px;
  padding-top: 20px;
  text-align: center;
}
.shop-products-icon:hover {
  background-color: #35495d;
}
.shop-products-icon:focus {
  background-color: #35495d;
}
.category-dropdown-link {
  height: 30px;
  border-bottom: 1px solid #2d3e4f;
  background-color: #35495d;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #ecf0f1;
  font-size: 13px;
  line-height: 12px;
  font-weight: 700;
}
.category-dropdown-link:hover,
.category-dropdown-link.mega-menu-hover {
  background-color: #ecf0f1;
  color: #bd3930;
  text-decoration: none;
}
.category-dropdown-link.w--current {
  color: #ecf0f1;
}
.category-dropdown-link.w--current:hover {
  color: #bd3930;
}
.category-dropdown-link.category-expanded {
  width: 100%;
  padding: 9px 10px 9px 20px;
  font-family: Lato, sans-serif;
  text-decoration: none;
}
.category-dropdown-link.category-view-more {
  width: 100%;
  height: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #2d3e4f;
  font-family: Lato, sans-serif;
  color: #e44b41;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
}
.search {
  height: 50px;
  clear: both;
}
.search-bar {
  width: 75%;
  height: 50px;
  float: left;
  border: 1px solid #bbc3c6;
}
.search-button {
  width: 25%;
  height: 50px;
  float: right;
  background-color: #35495d;
  font-family:'Fontawesome webfont', sans-serif;
  color: #bbc3c6;
  font-size: 24px;
}
#block-search-form input.search-button {
	width: 25%;
}
.search-button.store-search {
  background-color: #e44b41;
  color: white;
}
.search-filter {
  position: relative;
  z-index: 600;
  display: block;
  width: 100%;
  height: 50px;
  background-color: #bbc3c6;
  font-family: Lato, sans-serif;
  color: #2d3e4f;
  font-size: 13px;
  line-height: 12px;
  font-weight: 700;
}
.search-filter.w--open {
  z-index: 1000;
}
.search-all-icon {
  width: 20px;
  height: 100%;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 18px;
  text-align: center;
}
.search-all-icon:hover {
  background-color: #ecf0f1;
}
.search-all-icon:focus {
  background-color: #ecf0f1;
}
.search-right-column {
  height: 50px;
}
.express-button {
  float: left;
  width: 50%;
  height: 50px;
  padding: 15px 10px;
  background-color: #3f99d9;
  font-family: Lato, sans-serif;
  color: white;
  font-size: 16px;
  font-style: italic;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
}
.special-button {
  width: 50%;
  height: 50px;
  padding: 15px 10px;
  background-color: #2cbc9c;
  opacity: 1;
  font-family: Lato, sans-serif;
  color: white;
  font-size: 16px;
  font-style: italic;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
}
.user-links-left {
  height: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  float: left;
  font-family: Lato, sans-serif;
  color: #2d3e4f;
  font-size: 13px;
  font-weight: 400;
}
.user-links-right {
  height: 50px;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  float: right;
  font-family: Lato, sans-serif;
  color: #2d3e4f;
  font-size: 13px;
}
.cart-button {
  width: 100%;
  height: 50px;
  padding: 13px 15px;
  background-color: #bd3930;
  font-family: Lato, sans-serif;
  color: white;
  font-size: 18px;
  font-weight: 300;
  text-decoration: none;
}
.user-link {
  color: #35495d;
  font-weight: 700;
  text-decoration: none;
}
.user-link.red {
  color: #bd3930;
}
.account-dropdown {
  z-index: 1000;
  width: 105px;
  height: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  float: left;
  font-family: Lato, sans-serif;
  color: #2d3e4f;
  font-size: 13px;
  font-weight: 700;
}
.red {
  color: #bd3930;
}
.red-icon {
  width: 20px;
  height: 100%;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 18px;
  color: #bd3930;
  text-align: center;
}
.search-dropdown-link {
  height: 24px;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 6px;
  background-color: #ecf0f1;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #35495d;
  font-size: 12px;
  text-decoration: none;
}
.search-dropdown-link:hover {
  background-color: white;
  color: #bd3930;
}
.my-store-location {
  margin-right: 10px;
  float: left;
  color: #2d3e4f;
  font-size: 16px;
  font-weight: 700;
}
.location-icon {
  margin-right: 5px;
  margin-left: 5px;
  float: left;
  font-family:'Fontawesome webfont', sans-serif;
  color: #bd3930;
  font-size: 20px;
}
.your-location {
  margin-top: 2px;
  margin-bottom: 5px;
  float: left;
  line-height: 16px;
}
.location-nav {
  float: left;
}
.store-info {
  z-index: 0;
  width: 72px;
  padding: 1px 0px;
  color: #35495d;
  font-weight: 700;
}
.store-info-icon {
  width: 15px;
  height: 100%;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 5px;
  color: #bd3930;
  text-align: center;
}
.location-link {
 color: #bd3930;
 font-weight: 700;
 text-decoration: none;
 padding-left: 4px;
}
.sep19 {
  padding: 0px 4px;	
}
.font-icon {
  font-family:'Fontawesome webfont', sans-serif;
  font-size: 18px;
  font-style: normal;
}
.font-icon.cart-icon {
  float: left;
  font-size: 24px;
}
.location-nav-links {
  clear: both;
}
.store-info-link {
  padding: 5px 10px;
  color: #35495d;
  line-height: 20px;
  font-weight: 400;
  text-decoration: none;
}
.store-info-link:hover {
  color: #35495d;
}
.store-info-link.w--current {
  color: #2d3e4f;
}
.store-info-dropdown {
  z-index: 1000;
}
.store-info-dropdown.w--open {
  background-color: #ecf0f1;
  color: #2d3e4f;
}
.mobile-nav {
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: transparent;
}
.section-header {
  position: relative;
  width: 100%;
  height: 395px;
  background-color: #bbc3c6;
}
.section-header.millwork {
  background-color: #e44c41;
}
.section-header.contractor {
  background-color: #2d3e4f;
}
.home-slider {
  padding-right: 0px;
  padding-left: 0px;
}
.home-header-section {
  position: relative;
}
.product-categories {
  position: relative;
  z-index: 20;
  padding-right: 0px;
  padding-left: 0px;
}
.image-slider {
  position: relative;
  z-index: 0;
  height: 395px;
}
.slide-1 {
  background-image: url('../images/176819356.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.slide-2 {
  background-image: url('../images/Millwork.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.slide-nav {
  position: relative;
  top: -40px;
  right: 0px;
  bottom: 0px;
  width: 50%;
  margin-right: 0px;
  margin-left: 0px;
  float: right;
}
.slide-text-area {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
  width: 50%;
  height: 100%;
  padding: 30px 15px 50px;
  float: right;
  background-color: rgba(53, 73, 93, 0.90);
  font-family: Lato, sans-serif;
  color: white;
  text-align: center;
}
.slider-small-headline {
  margin-top: 5px;
  margin-bottom: 5px;
  color: white;
  font-weight: 300;
  text-transform: uppercase;
}
.slider-big-text {
  margin-top: 5px;
  margin-bottom: 5px;
  color: white;
  font-size: 48px;
  text-transform: uppercase;
}
.slider-medium-headline {
  margin-top: 5px;
  margin-bottom: 5px;
  color: #2cbc9c;
}
.slider-em {
  color: #e44b41;
  font-weight: 700;
}
.slider-details {
  margin-top: 20px;
  color: white;
  font-size: 16px;
  line-height: 22px;
}
.account-dropdown-links.w--open {
  margin-top: 50px;
  background-color: #ecf0f1;
}
.account-link {
  height: 24px;
  padding: 6px 10px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-family: Lato, sans-serif;
  color: #bd3930;
  font-size: 13px;
  line-height: 13px;
  font-weight: 700;
  text-decoration: none;
}
.account-link:hover {
  background-color: white;
}
.search-dropdown.w--open {
  position: absolute;
  z-index: 1000;
  background-color: #ecf0f1;
}
.store-info-inline {
  position: relative;
  z-index: 700;
  float: left;
}
.mega-menu {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  display: none;
  width: 100%;
  margin-right: 5px;
  padding: 15px;
  background-color: rgba(236, 240, 241, 0.90);
  font-family: Lato, sans-serif;
  color: #2d3e4f;
  font-size: 13px;
}
.mega-menu.inside-mega-menu {
  position: absolute;
  left: 0px;
  top: auto;
  right: auto;
  display: none;
  float: left;
}
.mega-category-title {
  float: left;
  color: #2d3e4f;
  font-size: 14px;
  margin-bottom:10px;
  font-weight: 700;
  text-decoration: none;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.mega-category-title:hover {
	color:#bd3930;
}
.mega-product-link {
  float: left;
  clear: left;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #2d3e4f;
  text-decoration: none;
}
.mega-product-link:hover {
  color: #bd3930;
}
.mega-product-link.more {
  color: #bd3930;
}
.mega-product-link.more:hover {
  text-decoration: none;
}
.shop-all {
  margin-top: 10px;
  text-align: right;
}
.shop-all-link {
  color: #bd3930;
  text-decoration: none;
  font-weight:normal;
}
.additional-categories {
  display: none;
  margin-top: -35px;
}
.dropdown {
  position: relative;
  z-index: 800;
}
.main-section {
  background-color: white;
}
.sidebar {
  position: relative;
  z-index: 0;
  padding: 10px 20px 20px;
  background-color: #ecf0f1;
}
.main-content {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}
.text-field {
  height: 40px;
  border: 1px solid #bdc3c7;
  font-family: Lato, sans-serif;
}
.text-field.email-field {
  width: 75%;
  float: left;
}
.text-field.first-name,
div.registration-form #webform-component-event-reg-first-name input {
  width: 39%;
  float: left;
}
.text-field.last-name,
div.registration-form #webform-component-event-reg-last-name input {
  width: 59%;
  float: right;
}
.text-field.email-address,
div.registration-form #webform-component-event-reg-email input {
  width: 59%;
  float: left;
}
div.registration-form div.form-wrapper {
  padding: 0px 15px;
}
.text-field.phone,
div.registration-form #webform-component-event-reg-phone input {
  width: 39%;
  float: right;
}
.text-field.quantity-field {
  width: 50px;
  float: right;
}
.select-field.quantity-field {
  width: 65px;
  float: right;
  padding: 8px 0px;
}
.text-field.zip-code {
  width: 25%;
  margin-right: 5px;
  float: left;
  text-align:left;
}
.newsletter-button {
  width: 25%;
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 12px;
  /*float: right;*/
  background-color: #35495d;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-family:'Fontawesome webfont', sans-serif;
  color: white;
  font-size: 28px;
  text-align: center;
}
.newsletter-button:hover {
  background-color: #2d3e4f;
}
.sidebar-banner {
  width: 100%;
  /*border: 1px solid #bbc3c6;
  background-color: #bbc3c6;*/
}
.square-banner-ad {
  width: 100%;
}
.specialty-portals-one {
  margin-top: 20px;
  margin-bottom: 10px;
}
.specialty-portal {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  text-decoration: none;
}
.specialty-portal-icon {
  width: 100px;
  height: 100px;
  margin-top: 20px;
  margin-bottom: 20px;
  float: left;
  border: 3px solid white;
  border-radius: 50px;
  background-color: #e44c41;
}
.specialty-portal-icon.header-block-icon {
  border: 0px;
  border-radius: 0px;
}
.specialty-portal-icon-wrapper {
	padding: 15px; 
	width: 130px;
}
.specialty-portal-icon.doors {
  background-color: #e37d2f;
  background-image: url('../images/doors-hd_ico.png');
  background-position: 50% 50%;
  background-size: 62px;
  background-repeat: no-repeat;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.specialty-portal-icon.doors:hover {
  background-image: url('../images/arrow-hover-hd_ico.png');
  background-position: 50% 50%;
  background-size: 38px;
  background-repeat: no-repeat;
}
.specialty-portal-icon.stairs {
  background-color: #f09b2a;
  background-image: url('../images/stairs-hd_ico.png');
  background-position: 50% 50%;
  background-size: 62px;
  background-repeat: no-repeat;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.specialty-portal-icon.stairs:hover {
  background-image: url('../images/arrow-hover-hd_ico.png');
  background-position: 50% 50%;
  background-size: 38px;
  background-repeat: no-repeat;
}
.specialty-portal-icon.trusses {
  background-color: #31ad63;
  background-image: url('../images/trusses-hd_ico.png');
  background-position: 50% 50%;
  background-size: 62px;
  background-repeat: no-repeat;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.specialty-portal-icon.trusses:hover {
  background-image: url('../images/arrow-hover-hd_ico.png');
  background-position: 50% 50%;
  background-size: 38px;
  background-repeat: no-repeat;
}
.specialty-portal-icon.windows {
  background-color: #3381b7;
  background-image: url('../images/windows-hd_ico.png');
  background-position: 50% 50%;
  background-size: 62px;
  background-repeat: no-repeat;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.specialty-portal-icon.windows:hover {
  background-image: url('../images/arrow-hover-hd_ico.png');
  background-position: 50% 50%;
  background-size: 38px;
  background-repeat: no-repeat;
}
.specialty-portal-icon.architects {
  background-color: #8d47ab;
  background-image: url('../images/architects-hd_ico.png');
  background-position: 50% 50%;
  background-size: 62px;
  background-repeat: no-repeat;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.specialty-portal-icon.architects:hover {
  background-image: url('../images/arrow-hover-hd_ico.png');
  background-position: 50% 50%;
  background-size: 38px;
  background-repeat: no-repeat;
}
.specialty-portal-icon.millwork {
  background-image: url('../images/millwork-hd_ico.png');
  background-position: 50% 50%;
  background-size: 62px;
  background-repeat: no-repeat;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.specialty-portal-icon.millwork:hover {
  background-image: url('../images/arrow-hover-hd_ico.png');
  background-position: 50% 50%;
  background-size: 38px;
  background-repeat: no-repeat;
}
.specialty-portal-icon.stairs.no-hover,
.specialty-portal-icon.trusses.no-hover,
.specialty-portal-icon.architects.no-hover,
.specialty-portal-icon.windows.no-hover, 
.specialty-portal-icon.doors.no-hover, 
.specialty-portal-icon.millwork.no-hover {
  -webkit-transition: none 0ms ease;
  transition: none 0ms ease;
}
.specialty-portal-icon.millwork.no-hover:hover {
  background-image: url('../images/millwork-hd_ico.png');
  background-position: 50% 50%;
  background-size: 62px;
  background-repeat: no-repeat;
}
.specialty-portal-icon.doors.no-hover:hover {
  background-image: url('../images/doors-hd_ico.png');
  background-position: 50% 50%;
  background-size: 62px;
  background-repeat: no-repeat;
}
.specialty-portal-icon.windows.no-hover:hover {
  background-image: url('../images/windows-hd_ico.png');
  background-position: 50% 50%;
  background-size: 62px;
  background-repeat: no-repeat;
}
.specialty-portal-icon.architects.no-hover:hover {
  background-image: url('../images/architects-hd_ico.png');
  background-position: 50% 50%;
  background-size: 62px;
  background-repeat: no-repeat;
}
.specialty-portal-icon.trusses.no-hover:hover {
  background-image: url('../images/trusses-hd_ico.png');
  background-position: 50% 50%;
  background-size: 62px;
  background-repeat: no-repeat;
}
.specialty-portal-icon.stairs.no-hover:hover {
  background-image: url('../images/stairs-hd_ico.png');
  background-position: 50% 50%;
  background-size: 62px;
  background-repeat: no-repeat;
}
.specialty-portal-icon.identifier {
  margin-top: 0px;
  margin-bottom: 0px;
}
.specialty-portal-icon.portal-two {
  position: relative;
  display: block;
  margin: 0px auto;
  float: none;
}
.specialty-portal-icon.portal-three {
  position: relative;
  display: block;
  margin-right: auto;
  margin-left: auto;
  float: none;
}
.specialty-portal-info {
  height: 140px;
  margin-right: 10px;
  margin-left: 50px;
  /* padding: 20px 20px 20px 65px; */
  padding: 15% 20px 20px 65px;
  border-bottom: 5px solid #e44c41;
  background-color: #2d3e4f;
  font-family: Lato, sans-serif;
  color: white;
  text-align: center;
}
.specialty-portal-info.stairs {
  border-bottom-color: #f09b2a;
  background-image: -webkit-linear-gradient(rgba(45, 62, 79, 0.70), rgba(45, 62, 79, 0.70)), url('../images/94788646.jpg');
  background-image: linear-gradient(rgba(45, 62, 79, 0.70), rgba(45, 62, 79, 0.70)), url('../images/94788646.jpg');
  background-position: 0% 0%, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}
.specialty-portal-info.stairs:hover {
  background-image: none;
  background-position: 0% 0%;
  background-size: auto;
  background-repeat: repeat;
}
.specialty-portal-info.doors {
  border-bottom-color: #e37d2f;
  background-image: -webkit-linear-gradient(rgba(45, 62, 79, 0.70), rgba(45, 62, 79, 0.70)), url('../images/139895276.jpg');
  background-image: linear-gradient(rgba(45, 62, 79, 0.70), rgba(45, 62, 79, 0.70)), url('../images/139895276.jpg');
  background-position: 0% 0%, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}
.specialty-portal-info.doors:hover {
  background-image: none;
  background-position: 0% 0%;
  background-size: auto;
  background-repeat: repeat;
}
.specialty-portal-info.trusses {
  border-bottom-color: #31ad63;
  background-image: -webkit-linear-gradient(rgba(45, 62, 79, 0.70), rgba(45, 62, 79, 0.70)), url('../images/177382727.jpg');
  background-image: linear-gradient(rgba(45, 62, 79, 0.70), rgba(45, 62, 79, 0.70)), url('../images/177382727.jpg');
  background-position: 0% 0%, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}
.specialty-portal-info.trusses:hover {
  background-image: none;
  background-position: 0% 0%;
  background-size: auto;
  background-repeat: repeat;
}
.specialty-portal-info.windows {
  border-bottom-color: #3381b7;
  background-image: -webkit-linear-gradient(rgba(45, 62, 79, 0.70), rgba(45, 62, 79, 0.70)), url('../images/176819356.jpg');
  background-image: linear-gradient(rgba(45, 62, 79, 0.70), rgba(45, 62, 79, 0.70)), url('../images/176819356.jpg');
  background-position: 0% 0%, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}
.specialty-portal-info.windows:hover {
  background-image: none;
  background-position: 0% 0%;
  background-size: auto;
  background-repeat: repeat;
}
.specialty-portal-info.architects {
  border-bottom-color: #8d47ab;
  background-image: -webkit-linear-gradient(rgba(45, 62, 79, 0.70), rgba(45, 62, 79, 0.70)), url('../images/454123233.jpg');
  background-image: linear-gradient(rgba(45, 62, 79, 0.70), rgba(45, 62, 79, 0.70)), url('../images/454123233.jpg');
  background-position: 0% 0%, 50% 50%;
  background-size: auto, 465px;
  background-repeat: repeat, no-repeat;
}
.specialty-portal-info.architects:hover {
  background-image: none;
  background-position: 0% 0%;
  background-size: auto;
  background-repeat: repeat;
}
.specialty-portal-info.millwork {
  background-image: -webkit-linear-gradient(rgba(45, 62, 79, 0.70), rgba(45, 62, 79, 0.70)), url('../images/Millwork.jpg');
  background-image: linear-gradient(rgba(45, 62, 79, 0.70), rgba(45, 62, 79, 0.70)), url('../images/Millwork.jpg');
  background-position: 0% 0%, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}
.specialty-portal-info.millwork:hover {
  background-image: none;
  background-position: 0% 0%;
  background-size: auto;
  background-repeat: repeat;
}
.specialty-portal-info.portal-two {
  height: 130px;
  margin-top: -50px;
  margin-left: 10px;
  padding-top: 65px;
  padding-left: 20px;
}
.specialty-portal-headline {
  margin-top: 0px;
  /*line-height: 94px;*/
}
.specialty-portal-description {
  line-height: 18px;
}
.content-section {
  margin-bottom: 20px;
  border-top: 1px solid #bbc3c6;
}
.content-section.add-margin {
  margin-right: 10px;
  margin-left: 10px;
}
.center-text {
  text-align: center;
}
.cart-text {
  float: right;
}
.contact-link.social-icons {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #2d3e4f;
  font-size: 20px;
  text-decoration: none;
}
.contact-link.social-icons:hover {
  color: #bd3930;
}
.highlighted-product {
  position: relative;
  padding: 10px 20px;
  border-right: 1px solid #f0f3f4;
  color: #2d3e4f;
  text-align: center;
}
.w-col-4:last-child div.category-highlight,
.views-row-last div.highlighted-product {
  border-right: 0px;
}

.product-image-link {
  display: block;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
  max-height: 190px;
  max-width: 190px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #bbc3c6;
}
.product-savings {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 80px;
  height: 80px;
  padding: 20px 10px 10px;
  border: 3px solid white;
  border-radius: 40px;
  background-color: #bd3930;
  font-family: Lato, sans-serif;
  color: white;
  font-size: 16px;
  line-height: 17px;
  font-weight: 700;
}
.was-price {
  font-family: Lato, sans-serif;
  color: #bd3930;
  text-decoration: line-through;
}
.review-stars {
  font-family:'Fontawesome webfont', sans-serif;
  color: #ef9b29;
}
.product-headline {
  margin-bottom: 5px;
  text-decoration: none;
}
.sale-price {
  margin-top: 5px;
  margin-bottom: 0px;
  color: #2d3e4f;
  font-weight: 700;
}
.product-thumbnail {
  width: 100%;
}
.content-banner {
  width: 100%;
  margin-top: 20px;
  border: 1px solid #bbc3c6;
}
.rectangle-banner-ad {
  width: 100%;
}
.category-highlight {
  padding: 10px 20px;
  border-right: 1px solid #f0f3f4;
  font-family: Lato, sans-serif;
  color: #2d3e4f;
  text-align: center;
  min-height: 224px;
}
.category-image {
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
  max-height: 140px;
  border: 1px solid #bbc3c6;
}
.category-thumbnail {
  width: 100%;
}
.category-list {
  width: 100%;
  height: 24px;
  padding-top: 3px;
  padding-bottom: 3px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #2d3e4f;
  line-height: 16px;
  text-decoration: none;
  text-align: left;
}
.category-list:hover {
  color: #bd3930;
}
.category-headline {
  margin-bottom: 5px;
  text-decoration: none;
}
.footer {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #ecf0f1;
  font-family: Lato, sans-serif;
  color: #2d3e4f;
}
.need-help {
  margin-top: -20px;
  margin-right: 20px;
  margin-bottom: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #bd3930;
  color: white;
  font-size: 20px;
  font-style: italic;
  font-weight: 900;
  text-align: center;
}
.phone-number {
  color: #bd3930;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}
.sitemap-link {
  margin-bottom: 5px;
  float: left;
  clear: left;
  color: #2d3e4f;
  font-size: 13px;
  line-height: 16px;
  text-decoration: none;
}
.red-link {
  color: #bd3930;
  font-weight: 700;
  text-decoration: none;
}
.copyright {
  position: relative;
  padding: 20px;
  background-color: #2d3e4f;
  font-family: Lato, sans-serif;
  color: #bbc3c6;
  font-size: 12px;
  font-weight: 300;
  text-align: center;
}
.copyright-link {
  color: #ecf0f1;
  text-decoration: none;
}
.mojo-logo {
  width: 50px;
  height: 50px;
  margin-top: 20px;
  background-image: url('../images/mojo-logo.png');
  background-position: 50% 50%;
  background-size: 50px;
  background-repeat: no-repeat;
}
.back-to-top {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 1000;
  width: 45px;
  height: 45px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #35495d;
  color: white;
  font-size: 28px;
  text-decoration: none;
}
.quick-view {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1000;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: rgba(53, 73, 93, 0.8);
}
.product-image {
  position: relative;
  /* width: 100%; */
  max-height: 190px;
}
div.highlighted-product div.product-image {
  padding-left: 0px;
}
.inside-section-header {
  position: relative;
  height: 100%;
}
.inside-slider {
  padding-right: 0px;
  padding-left: 0px;
}
.sidebar-navigation {
  min-height: 395px;
  padding-top: 5px;
  padding-right: 20px;
  padding-left: 20px;
  border-bottom: 1px solid #bbc3c6;
  background-color: #ecf0f1;
}
.sidebar-category {
  width: 100%;
  min-height: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  /* color: #bd3930; */
  color: #2d3e4f;
  font-size: 13px;
  line-height: 14px;
  font-weight: 700;
  text-decoration: none;
}
.sidebar-category:hover {
  /* color: #2d3e4f; */
  color: #bbc3c6;
}
.sidebar-category.active {
  /* color: #bbc3c6; */
  color: #bd3930;
}
.sidebar-category.disabled-link {
   pointer-events: none;
   cursor: default;
   color: #bbb;
}
.left-arrow {
  font-size: 30px;
}
.right-arrow {
  font-size: 30px;
}
.breadcrumbs {
  padding: 10px 20px;
  font-size: 12px;
}
.breadcrumb-link {
  color: #bd3930;
  font-weight: 700;
  text-decoration: none;
}
.page-info-nav {
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  text-align: right;
  text-decoration: none;
}
.favorites-link {
  color: #e44b41;
  text-decoration: none;
}
.print-link {
  color: #7f8c8c;
  text-decoration: none;
}
.content .search-form {
	height: 0px;
}
.search-form {
  height: 50px;
}
.specialty-icon {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100px;
  height: 100px;
  background-color: white;
}
.specialty-portals-two {
  margin-top: 10px;
}
.remove-padding {
  padding-right: 0px;
  padding-left: 0px;
}
.small-paragraph {
  margin-top: 5px;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
}
.small-paragraph.remove-margin-bottom {
  margin-top: 0px;
  margin-bottom: 0px;
}
.small-paragraph.smaller {
  margin-bottom: 5px;
  font-size: 12px;
}
.sidebar .content,
#node-24150 .content {
	padding: 0px;
}
.content {
  padding-right: 10px;
  padding-left: 10px;
}
.content.fac-results {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #bbc3c6;
}
.link {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #bd3930;
  font-weight: 700;
  text-decoration: none;
}
.link:hover {
  text-decoration: underline;
}
.contact-form {
  margin-top: 20px;
  background-color: #2d3e4f;
}
.form-text {
  /* padding: 15px; */
  text-align: center;
}
.form-text-left {
    width: 86%;
    margin-top: 17px;
    margin-left: 8px;
}
.form-wrapper {
  margin-bottom: 0px;
  /*padding: 15px;*/
}
div.registration-form div.form-actions.form-wrapper {
  padding: 0px;
}
form#user-login input.form-text {
  padding: 8px 15px;
}
form#user-login .form-actions input[type="submit"] {
  padding: 10px;
}
.form-wrapper.contractor-form {
  /*margin-right: -20px;*/
  margin-left: -20px;
  /* background-color: #2d3e4f; */
}
.submit-button,
.registration-form .form-submit {
  width: 39%;
  padding: 15px 20px;
  float: right;
  background-color: #e44b41;
  font-size: 18px;
  font-style: italic;
  font-weight: 900;
}
.registration-form .form-submit {
	display: inline-block;
    color: white;
    border: 0;
    line-height: inherit;
    height: auto;
}
.location-select {
  width: 59%;
  height: 40px;
  float: left;
}
.specialty-select {
  width: 39%;
  height: 40px;
  float: right;
}
.comment-area,
div.registration-form textarea {
  width: 59%;
  min-height: 80px;
  float: left;
}
div.registration-form textarea {
  padding: 10px 15px;
}
.footnote {
  width: 39%;
  margin-top: 10px;
  float: right;
  color: #e44b41;
  font-size: 12px;
}
.logo-slide-arrow {
  top: 0px;
  right: -10px;
  bottom: 0px;
  width: 40px;
  margin-bottom: 20px;
  color: #bbc3c6;
  font-size: 30px;
}
.content-slider {
  height: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 30px;
  border-bottom: 1px solid #bbc3c6;
  background-color: white;
}
.content-slider.remove-border-bottom {
  border-bottom: 0px none transparent;
}
.logo-image {
  position: relative;
  width: 100%;
  max-height: 140px;
  margin-bottom: 20px;
  padding-right: 20px;
}
.sidebar-nav {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #bbc3c6;
}
.category-header-image {
  height: 290px;
  padding: 50px 20px;
  background-image: -webkit-linear-gradient(rgba(45, 62, 79, 0.70), rgba(45, 62, 79, 0.70)), url('../images/200345850-001.png');
  background-image: linear-gradient(rgba(45, 62, 79, 0.70), rgba(45, 62, 79, 0.70)), url('../images/200345850-001.png');
  background-position: 0% 0%, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  text-align: center;
}
.category-big-headline {
  color: white;
  font-size: 60px;
  line-height: 50px;
  text-transform: uppercase;
}
.category-small-headline {
  color: white;
  font-size: 30px;
  line-height: 30px;
  text-transform: uppercase;
}
.specialty-portals-three {
  position: relative;
  margin-top: 10px;
}
.all-products-tab {
  padding: 10px 15px;
  float: left;
  background-color: #2d3e4f;
  color: white;
  font-style: italic;
  font-weight: 900;
}
.all-products-tab.w--current {
  background-color: #ecf0f1;
  color: #2d3e4f;
}
.in-store-tab {
  padding: 10px 15px;
  float: left;
  background-color: #bd3930;
  color: white;
  font-style: italic;
  font-weight: 900;
}
.in-store-tab.w--current {
  background-color: #ecf0f1;
  color: #2d3e4f;
}
.fav-folder-tab {
  padding: 10px 15px;
  float: left;
  background-color: #2cbc9c;
  color: white;
  font-style: italic;
  font-weight: 900;
}
.fav-folder-tab.fav-even {
  /* background-color: #2cbcff; */
  background-color: #208771;
}
.fav-folder-tab.w--current {
  background-color: #ecf0f1;
  color: #2d3e4f;
}
.favorites-folders-menu {
    position: absolute;
    right: 0px;
    background-color: white;
    border: 1px solid black;
    z-index: 1000;
    padding: 10px;
    width: 175px;
}
.favorites-folders-menu ul {
	list-style: none;
}
.favorites-folders-menu ul li {
	text-transform: uppercase;
	cursor: pointer;
	padding: 5px;
	margin-left: -40px;
}
.favorites-folders-menu ul li:hover {
	background-color: #444;
	color: white;
}
#favorites-folders-form {
    position: absolute;
    right: 0px;
	top: 155px;
    background-color: white;
    border: 1px solid black;
    z-index: 1200;
    padding: 10px;
    width: 350px;
}
.add-remove-favorites-form-wrapper {
    position: absolute;
    right: 0px;
    background-color: white;
    border: 1px solid black;
    z-index: 1200;
    padding: 10px;
    width: 350px;
}
.add-remove-favorites-form-wrapper img.close-icon {
	cursor: pointer;
}
ul.fav-folders-listing {
	margin: 0px;
	padding: 0px;
}
ul.fav-folders-listing li {
	list-style: none;
	padding: 5px 10px;
	border-radius: 5px;
	background-color: #dedede;
	display: inline-block;
	margin-right: 3px;
	margin-bottom: 3px;
	
}
.express-pickup-tab {
  padding: 10px 15px;
  float: left;
  background-color: #3f99d9;
  color: white;
  font-style: italic;
  font-weight: 900;
}
.express-pickup-tab.w--current {
  background-color: #ecf0f1;
  color: #2d3e4f;
}
.product-sort {
  width: 100%;
  padding: 10px;
  float: left;
  clear: both;
  border-bottom: 1px solid #bbc3c6;
  background-color: #ecf0f1;
}
.sort-by-text {
  font-size: 12px;
}
.sort-by-link {
  color: #bd3930;
  font-weight: 700;
  text-decoration: none;
}
.sort-by-link-active {
  color: #7f8c8c;
  font-weight: 700;
}
.product {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #bbc3c6;
}
.product-description {
  padding-right: 15px;
  padding-left: 15px;
}
.product-description.remove-margin-left {
  padding-left: 0px;
}
.flag.unflag-action,
.flag.flag-action,
.add-to-favorites {
  color: #e44b41;
  font-weight: 700;
  text-decoration: none;
}
.sku {
  font-size: 11px;
  line-height: 22px;
}
.product-pricing {
  text-align: right;
}
.quantity {
  margin-top: 10px;
  margin-right: 5px;
  margin-bottom: 10px;
  float: right;
  color: #7f8c8c;
  font-size: 13px;
  font-weight: 300;
}
.add-to-cart {
  padding-right: 15px;
  padding-left: 15px;
  float: right;
  clear: both;
  background-color: #249f85;
  font-weight: 700;
  position: relative;
  left: 1em;
}
.add-to-cart.mobile-cart-button {
  width: 50px;
  font-family:'Fontawesome webfont', sans-serif;
}
.quick-cart-form {
  margin-top: 10px;
}
.product-name-headline {
  text-decoration: none;
}
.pagination-nav {
  height: 50px;
  background-color: #ecf0f1;
}
.next-page {
  width: 50px;
  height: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  float: right;
  background-color: #35495d;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-family:'Fontawesome webfont', sans-serif;
  color: white;
  font-size: 30px;
  text-align: center;
  text-decoration: none;
}
.next-page:hover {
  background-color: #2d3e4f;
}
.previous-page {
  width: 50px;
  height: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  float: left;
  background-color: #35495d;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-family:'Fontawesome webfont', sans-serif;
  color: white;
  font-size: 30px;
  text-align: center;
  text-decoration: none;
}
.previous-page:hover {
  background-color: #2d3e4f;
}
.previous-page.float-left {
  float: left;
}
.next-page.inactive,
.previous-page.inactive {
  pointer-events: none;
  background-color: #bbc3c6;
  cursor: default;
}
.page-count {
  display: block;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  padding-top: 5px;
  text-align: center;
}
.total-pages {
  display: inline;
  padding: 10px 5px;
}
.current-page {
  display: inline;
  width: 60px;
  margin-bottom: 0px;
}
.page-label {
  display: inline;
  padding: 10px 5px;
  font-weight: 400;
}
.product-details {
  margin-bottom: 20px;
}
.product-details.inside-quickview {
  margin-top: 30px;
  padding: 10px;
  background-color: white;
}
.express-option-button {
  height: 40px;
  padding: 10px 15px;
  float: left;
  background-color: #3f99d9;
  color: white;
  font-size: 16px;
  font-style: italic;
  font-weight: 900;
}
.express-option-button.off {
  background-color: #bbc3c6;
}
.express-option-active {
  margin-top: 10px;
}
.express-option-switch {
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
  font-family:'Fontawesome webfont', sans-serif;
  color: #3f99d9;
  font-size: 30px;
}
.express-option-switch.off {
  color: #bbc3c6;
}
.pickup-time-location {
  font-weight: 700;
}
.change-location-link {
  color: #bd3930;
  font-size: 12px;
  text-decoration: none;
}
.main-image {
  width: 100%;
}
.main-image-fancybox,
.main-image-lightbox {
  position: relative;
  display: block;
  width: 100%;
  max-width: 300px;
  margin-right: auto;
  margin-left: auto;
}
.express-option-inactive {
  display: none;
  margin-top: 10px;
}
.reviews-tab {
  padding: 10px 15px;
  float: left;
  background-color: #ef9b29;
  color: white;
  font-style: italic;
  font-weight: 900;
}
.reviews-tab.w--current {
  background-color: #ecf0f1;
  color: #2d3e4f;
}
.specifications-tab {
  padding: 10px 15px;
  float: left;
  background-color: #7f8c8c;
  color: white;
  font-style: italic;
  font-weight: 900;
}
.specifications-tab.w--current {
  background-color: #ecf0f1;
  color: #2d3e4f;
}
.description-tab {
  padding: 10px 15px;
  float: left;
  background-color: #2d3e4f;
  color: white;
  font-style: italic;
  font-weight: 900;
}
.description-tab.w--current {
  background-color: #ecf0f1;
  color: #2d3e4f;
}
.active-tab-pane {
  padding: 5px 14px;
  background-color: #ecf0f1;
}
.tabs-menu {
  margin-top: 15px;
}
.product-review {
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #bbc3c6;
}
.review-date {
  margin-bottom: 5px;
  color: #7f8c8c;
  font-size: 12px;
  line-height: 14px;
}
.text-area {
  min-height: 80px;
  border: 1px solid #bdc3c7;
}
.submit-review-button {
  padding: 10px 15px;
  float: right;
  background-color: #35495d;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-style: italic;
  font-weight: 900;
}
.submit-review-button:hover {
  background-color: #2d3e4f;
}
.review-form {
  display: none;
  opacity: 0;
}
.magnify {
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding: 10px;
  font-family:'Fontawesome webfont', sans-serif;
  color: rgba(127, 140, 140, 0.6);
  font-size: 25px;
  text-align: center;
  text-decoration: none;
}
.product-image-thumbnails {
  display: block;
  max-width: 300px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
}
.thumbnail {
  width: 100%;
  height: 75px;
  border: 5px solid white;
  background-image: url('../images/example-bg.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.thumbnail.active {
  border-color: #7f8c8c;
}
.social-share {
  display: block;
  min-height: 24px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
}
.social-share.news {
  display: block;
  margin-top: 4px;
  margin-right: 0px;
  margin-left: 5px;
  float: left;
}
.social-share.float-left {
  width: 100%;
  margin-bottom: 10px;
  float: left;
}
.news-header {
  position: relative;
  height: 100%;
  margin-right: -10px;
  margin-left: -10px;
  background-image: url('../images/laptop-mockup.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.news-events-title {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 75%;
  padding: 20px;
  background-color: rgba(45, 62, 79, 0.8);
  text-decoration: none;
}
.latest-news {
  margin-top: 0px;
  margin-bottom: 5px;
  color: #e44b41;
}
.news-events-headline {
  margin-top: 0px;
  margin-bottom: 0px;
  color: white;
}
.news-events-post {
  padding: 10px 10px 15px;
  border-bottom: 1px solid #bbc3c6;
}
.news-events-image-link {
  width: 100%;
  height: 180px;
  margin-top: 10px;
  border: 1px solid #bbc3c6;
  background-image: url('../images/example-bg.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.news-events-post-details {
  padding-left: 10px;
}
.news-events-post-image {
  padding-right: 10px;
}
.news-events-pagination {
  background-color: #ecf0f1;
}
.news-events-post-title-link {
  margin-top: 10px;
  text-decoration: none;
}
.news-events-post-title {
  margin-top: 0px;
  margin-bottom: 0px;
}
.back-button {
  width: 50px;
  height: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #e44b41;
  font-family:'Fontawesome webfont', sans-serif;
  color: white;
  font-size: 30px;
  text-align: center;
  text-decoration: none;
}
.featured-event {
  margin-bottom: 5px;
  color: #2cbc9c;
}
.event-date {
  width: 100px;
  height: 100px;
  margin-right: 15px;
  padding-right: 15px;
  padding-left: 15px;
  float: left;
  border: 3px solid white;
  border-radius: 50px;
  background-color: #2cbc9c;
  color: white;
  text-align: center;
}
.event-day {
  margin-top: 15px;
  margin-bottom: 0px;
}
.event-month {
  font-style: italic;
}
.event-post-date {
  margin-top: 5px;
}
.previous-month {
  padding: 15px 10px;
  float: left;
}
.next-month {
  padding: 15px 10px;
  float: right;
}
.event-details {
  padding-right: 20px;
  padding-bottom: 10px;
}
.event-map {
  max-height: 200px;
}
.calendar {
  margin: -10px -20px 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #bbc3c6;
}
.previous-month-button {
  width: 15%;
  height: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  float: left;
  background-color: #e44b41;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-family:'Fontawesome webfont', sans-serif;
  color: white;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
}
.previous-month-button:hover {
  background-color: #bc3a30;
}
.calendar-month {
  width: 70%;
  height: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  float: left;
  background-color: #bd3930;
  color: white;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}
.next-month-button {
  width: 15%;
  height: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  float: left;
  background-color: #e44b41;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-family:'Fontawesome webfont', sans-serif;
  color: white;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
}
.next-month-button:hover {
  background-color: #bc3a30;
}
.calendar-placeholder {
  width: 100%;
  height: 180px;
  padding: 10px;
  clear: both;
  background-color: #bbc3c6;
  color: #7f8c8c;
  text-align: center;
}
.featured-news-post {
  padding-right: 10px;
  padding-bottom: 15px;
  padding-left: 10px;
  clear: both;
  border-bottom: 1px solid #bbc3c6;
}
.featured-event-post {
  padding: 10px 10px 20px;
  border-bottom: 1px solid #bbc3c6;
}
.events-header {
  position: relative;
  height: 100%;
  margin-right: -10px;
  margin-left: -10px;
  background-image: url('../images/featured-event.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.event-date-block {
  position: absolute;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  background-color: rgba(45, 62, 79, 0.8);
}
.registration-form {
  margin-top: 15px;
  background-color: #2d3e4f;
  padding-bottom: 15px;
  /* padding-right: 15px; */
}
.registration-form.contractor-request-service-form {
  padding-right: 15px;
}
.registration-form .webform-confirmation span {
	color: white !important;  
}
.registration-details {
  color: white;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
}
.left-align {
  text-align: left;
}
.location-phone {
  color: #bd3930;
  text-decoration: none;
}
.store-finder {
  margin-top: -10px;
  margin-right: -19px;
  margin-left: -19px;
  padding: 10px 20px 5px;
  background-color: #2d3e4f;
}
.store-finder-title {
  color: #2cbc9c;
}
.make-store-link {
  color: #bd3930;
  font-size: 12px;
  text-decoration: none;
}
.nearby-location {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #bbc3c6;
}
.location-name {
  color: #bd3930;
  font-weight: 700;
  text-decoration: none;
}
.register-phone-link {
  color: #2cbc9c;
  text-decoration: none;
}
.section-header-map {
  position: absolute;
  width: 100%;
  height: 100%;
}
.color-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(45, 62, 79, 0.8);
}
.contractor-search {
  display: block;
  max-width: 550px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 30px;
  clear: both;
  color: white;
  text-align: center;
}
.search-contractors {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 48px;
  line-height: 44px;
}
.contractor-icon {
  width: 100px;
  height: 100px;
  background-color: white;
  background-image: url('../images/fac-hd_icon.png');
  background-position: 50% 50%;
  background-size: 90px;
  background-repeat: no-repeat;
}
.contractor-button {
  width: 100%;
  /*height: 100px;*/
  padding: 20px 10px;
  background-color: #bd3930;
  color: white;
  text-align: center;
  text-decoration: none;
}
.are-you {
  /*margin-top: 20px;*/
  font-size: 18px;
  font-style: italic;
  font-weight: 900;
}
.claim-page {
  font-style: italic;
  font-weight: 700;
}
.fac-form {
  margin-top: 20px;
}
.type-of-work {
  width: 36%;
  height: 40px;
  margin-right: 5px;
  float: left;
}
form#sprucelink-find-contractor-search-form input#edit-submit,
.go-button {
  width: 10%;
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
  background-color: #e44b41;
  font-family:'Fontawesome webfont', sans-serif;
  font-size: 28px;
  font-weight: 900;
}
.w-section.section-header.find-contractor-header {
	margin-left: -10px;
	margin-right: -10px;
	height: auto;
}
.find-contractor-header .form-item-agree {
	text-align: left;
    font-size: 12px;
    line-height: 15px;
    display: inline-block;
}
.agree-checkbox {
  clear: both;
  text-align: left;
}
.business-link {
  width: 100%;
  margin-top: 20px;
  text-decoration: none;
}
.business-name {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.business-icon-thumbnail {
  margin-right: 10px;
  float: left;
}
.business-phone {
  color: #7f8c8c;
  text-decoration: none;
}
.contractor-header {
  height: 100%;
  margin-right: -10px;
  margin-left: -10px;
  background-image: url('../images/94788646.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}
.contractor-logo {
  min-height: 180px;
  background-image: url('../images/fac-hd_icon.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}
.contractor-logo-column {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: white;
}
.contractor-header-info {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.contractor-business-column {
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding: 20px;
  background-color: rgba(45, 62, 79, 0.8);
}
.business-header-name {
  margin-top: 0px;
  margin-bottom: 0px;
  color: white;
}
.website-link {
  color: #bd3930;
  text-decoration: none;
}
.service-select {
  height: 40px;
}
.recent-projects-slide {
  padding-right: 10px;
  padding-left: 10px;
}
.project-image {
  display: block;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
}
.project-image-container {
  width: 100%;
}
.quickview {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 9000;
  display: none;
  background-color: rgba(45, 62, 79, 0.8);
  opacity: 0;
}
.close-button {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #bd3930;
  font-family:'Fontawesome webfont', sans-serif;
  color: white;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
}
.quickview-container {
  position: relative;
}
.business-info {
  padding: 10px;
}
.dash-category {
  width: 100%;
  padding: 10px 15px;
  border-bottom: 1px solid #ecf0f1;
  background-color: #bbc3c6;
  background-image: url(http://uploads.webflow.com/54fef0c2b8f7c5751cf02494/553fe79daaa8e1022a9ddea8_plus_ico.png);
  background-position: 95% 50%;
  background-size: 10px;
  background-repeat: no-repeat;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #2d3e4f;
  font-weight: 700;
  text-decoration: none;
}
.dash-category:hover {
  background-color: white;
}
.dash-category.open {
  background-color: white;
  background-image: url(http://uploads.webflow.com/54fef0c2b8f7c5751cf02494/553fe7d5aaa8e1022a9ddea9_minus_ico.png);
}
.dash-subcat {
  width: 100%;
  padding: 5px 15px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #2d3e4f;
  text-decoration: none;
}
.dash-subcat:hover {
  background-color: white;
}
.dash-subcat.w--current {
  background-color: white;
  color: #bd3930;
  font-weight: 700;
}
.dash-subcategories-profile,
.dash-subcategories {
  display: none;
  margin-top: 10px;
  margin-bottom: 10px;
}
.update {
  padding: 10px 15px;
  background-color: #e44b41;
  font-weight: 900;
}
.dash-section {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #bbc3c6;
}
html.w-mod-js *[data-ix="show-quick-view"] {
  opacity: 0;
}
html.w-mod-js.w-mod-no-ios *[data-ix="load-on-scroll"] {
  opacity: 0;
}
#views-exposed-form-flag-favorites-page {
	display: none;
}

.hidden {
	display: none;
}
#changeLocationModal select {
	padding: 10px;
	font-size: 14px;
	width: 100%;
	margin-bottom: 15px;
}
#changeLocationModal button,
#findStoreModal button {
	background: #2d3e4f;
	color: white;
	font-weight: bold;
	padding: 8px 15px;
	border: 0px;
	text-transform: uppercase;
}
#findStoreModal input {
	font-size: 14px;
	padding: 10px;
	margin-bottom: 10px;
}

.fancybox-inner {
	overflow-x: hidden !important;
}
.search-form-template-wrapper {
	display: none;
}
#uc-cart-checkout-form #billing-pane {
	display: none;
}
.uc-cart-checkout-form #billing-pane {
	display: none;
}
a.pagination-link {
    padding: 5px 10px;
    font-weight: bold;
    color: #35495d;
}
a.pagination-link.current,
a.pagination-link.w--current {
    color: #bbc3c6;
}
a.first_nav,
a.last_nav {
	padding: 5px 15px;
	color: #35495d;
	font-weight: bold;
}
p.question,
p.question-registered {
	cursor: pointer;
}
p.answer,
p.answer-registered {
	display: none;
	background-color: #f9f9f9;
	padding: 5px;
}
.question-registered,
.answer-registered {
	display: none;
}
.logged-in .question-registered,
.logged-in .answer-registered {
	display: block;
}
.show {
	display: block !important;
}
.hide {
	display: none !important;
}
form#views-exposed-form-twperry-search-page {
	display: none;
}

/* Check inventory */
.check-inventroy-btn {
    text-align: center;
    background-color: #2d3e4f;
    line-height: normal;
    padding: 10px;
    margin: 10px 0 0;
    position: relative;
    left: 1em;
    clear: both;
    float: right;
}
#checkInventoryModal {
	min-width: 300px;
	min-height: 300px;
    padding: 0 10px 20px;
}
#checkInventoryModal h2 {
	color: #2cbc9c;
	margin-bottom: 20px;
    text-align: center;
}
#checkInventoryModal p {
	margin: 0 0 5px;
}
#checkInventoryModal .inventory-row {
    border-bottom: 1px solid #444;
}
#checkInventoryModal .available .font-icon {
    color: #2cbc9c;
}
.node-type-product .product-available {
    position: absolute;
    bottom: 0;
}
.node-type-product .product-available .font-icon {
	color: #2cbc9c;
    margin-right: 5px;
}
.node-type-product .product-available.empty .font-icon {
    font-size: 14px;
    color: #fff;
    background: #bd3930;
    border-radius: 50%;
    padding: 3px 5px;
    margin-right: 5px;
}
@media screen and (max-width: 767px) {
	.node-type-product .check-inventroy-btn {
		left: 0;
	}
}
@media screen and (max-width: 479px) {
	.node-type-product .product-available {
		position: relative;
	}
}

/* change location popup */
.modal-overlay {
	position: fixed;
	overflow: auto;
    z-index: 99999;
    display: none;
    width: 100%;
    height: 100%;
	background-color: rgba(0,0,0,0.7);
    top: 0;
    bottom: 0;
}
.modal-overlay.modal-open {
	display: block;
}
.modal-wrapper {
    width: 85%;
    max-width: 600px;
    margin: 60px auto 20px;
    background-color: #ecf0f1;
    text-align: center;
    overflow: auto;
    display: block;
    padding: 15px;
}
.modal-body {
	background-color: #fff;
    padding: 15px;
}
.modal-close {
    text-align: right;
	margin-bottom: 10px;
}
.modal-close-btn {
    display: inline-block;
    font-size: 16px;
    line-height: normal;
    font-weight: bold;
    text-align: center;
    width: 30px;
}


/* contact store manager modal */
#contactManagerModal {
	width: 300px;
	max-width: 100%;
}

.google-recaptcha-wrapper {
    width: 100%;
    float: right;
    margin: 10px 0 20px;
	transform:scale(0.85);
	-webkit-transform:scale(0.85);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}

.google-recaptcha-wrapper iframe {
	max-width: 100%;
}
#webform-client-form-31805 .form-text {
	text-align: left;
}

@media (max-width: 991px) {
	.category-image {
		max-height: none;
	}
  .category-dropdown-link {
    font-size: 12px;
  }
  .category-dropdown-link.category-expanded {
    font-size: 12px;
  }
  .express-button {
    font-size: 14px;
  }
  .special-button {
    font-size: 14px;
  }
  .search-dropdown-link {
    font-size: 12px;
  }
  .specialty-portal {
    margin-bottom: 15px;
  }
  .specialty-portal-icon {
    position: relative;
    display: block;
    margin: 0px auto;
    float: none;
  }
  .specialty-portal-info {
    height: 130px;
    margin-top: -50px;
    margin-left: 10px;
    padding-top: 65px;
    padding-left: 20px;
  }
  .category-header-image {
    height: 250px;
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .thumbnail {
    height: 60px;
  }
  .are-you {
    margin-top: 8px;
  }
  .contractor-logo {
    min-height: 140px;
  }
  
}
@media (max-width: 767px) {
  .button.slider-button {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin-top: 10px;
    margin-right: 20px;
    margin-left: 20px;
  }
  .primary-nav {
    padding-right: 5px;
    padding-left: 5px;
  }
  .location-links {
    height: 60px;
    padding: 10px 0px;
	margin-top: unset; /* 21-10-14 */
  }
  .logo-home {
    background-position: 0px 50%;
  }
  .search {
    margin-top: 5px;
    margin-bottom: 15px;
  }
  .express-button {
    font-size: 18px;
  }
  .special-button {
    font-size: 18px;
  }
  .font-icon.align-right {
    float: right;
  }
  .font-icon.cart-icon {
    float: none;
    text-align: center;
  }
  .mobile-menu-button {
    position: fixed;
    top: 0px;
    right: 0px;
    width: 45px;
    height: 45px;
    padding: 10px;
    background-color: #bd3930;
    color: white;
  }
  .mobile-menu-button.w--open {
    background-color: #bd3930;
  }
  .mobile-nav-menu {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 1000;
    margin-right: 45px;
    background-color: #bd3930;
  }
  .mobile-nav-link {
    display: block;
    height: 45px;
    padding-top: 13px;
    padding-bottom: 13px;
    clear: left;
    border-bottom: 1px solid #e44b41;
    font-family: Lato, sans-serif;
    color: white;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
  }
  .mobile-nav-link:hover {
    background-color: #e44b41;
    color: white;
  }
  .mobile-nav-link.w--current {
    font-family: Lato, sans-serif;
    color: white;
    font-weight: 700;
  }
  .mobile-nav-link.secondary-nav {
    height: 30px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 30px;
    border-bottom-color: #2d3e4f;
    background-color: #35495d;
    font-size: 12px;
  }
  .mobile-nav-link.home {
    width: 80%;
    float: left;
  }
  .mobile-nav-link.cart {
    width: 20%;
    float: right;
    clear: none;
    background-color: #e44b41;
    text-align: center;
  }
  .section-header {
    height: auto;
  }
  .home-slider {
    height: 250px;
  }
  .image-slider {
    height: 250px;
    margin-right: 10px;
    margin-left: 10px;
  }
  .specialty-portal {
    margin-bottom: 10px;
  }
  .specialty-portal-info {
    height: 125px;
  }
  .specialty-portal-headline {
    font-size: 22px;
    line-height: 22px;
  }
  .center-text {
    font-size: 24px;
    line-height: 30px;
  }
  .my-account-mobile-nav {
    display: none;
  }
  .online-resources-mobile-nav {
    display: none;
  }
  .company-info-mobile-nav {
    display: none;
  }
  .mobile-nav-contact {
    padding: 13px 20px;
    background-color: #35495d;
    font-family: Lato, sans-serif;
    color: white;
    line-height: 22px;
    text-align: left;
  }
  .contact-headline {
    font-size: 18px;
    font-style: italic;
    font-weight: 900;
  }
  .contact-link {
    color: white;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    text-decoration: none;
  }
  .need-help {
    font-size: 16px;
  }
  .phone-number {
    font-size: 16px;
  }
  .inside-section-header {
    padding-right: 10px;
    padding-left: 10px;
  }
  .breadcrumbs {
    padding: 5px 10px;
  }
  .page-info-nav {
    padding-right: 10px;
  }
  .breadcrumb-heading {
    margin-top: 0px;
    margin-bottom: 10px;
  }
  .specialty-icon {
    margin-left: 20px;
  }
  .form-wrapper.contractor-form {
    margin-right: 0px;
    margin-left: 0px;
  }
  .thumbnail {
    height: 75px;
  }
  .news-header {
    margin-right: 0px;
    margin-left: 0px;
  }
  .news-events-title {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
  .latest-news {
    font-size: 20px;
    line-height: 20px;
  }
  .news-events-headline {
    font-size: 30px;
    line-height: 32px;
  }
  .featured-event {
    margin-top: -1px;
  }
  .events-header {
    margin-right: 0px;
    margin-left: 0px;
  }
  .virtual-tour-mobile-landscape {
    height: 100%;
  }
  .location-phone {
    margin-top: 0px;
  }
  .contractor-search {
    padding-right: 10px;
    padding-left: 10px;
  }
  .contractor-header {
    margin-right: 0px;
    margin-left: 0px;
  }
  .contractor-logo {
    min-height: 95px;
  }
  .contractor-header-info {
    padding-right: 10px;
    padding-left: 10px;
  }
  .project-image {
    padding-right: 0px;
  }
}
@media (max-width: 479px) {
  .button.category-header-button {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin-right: 20px;
    margin-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
  }
  .location-links {
    height: 62px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .express-button {
    font-size: 14px;
  }
  .special-button {
    font-size: 14px;
  }
  .section-header {
    height: 200px;
  }
  .home-slider {
    height: 200px;
  }
  .image-slider {
    height: 200px;
  }
  .slide-nav {
    width: 100%;
  }
  .slide-text-area {
    width: 100%;
    padding-top: 10px;
  }
  .text-field.zip-code {
    width: 30%;
  }
  .specialty-portal-icon.identifier {
    width: 80px;
    height: 80px;
  }
  .specialty-portal-headline {
    font-size: 16px;
    line-height: 16px;
  }
  .need-help {
    margin-right: 0px;
    font-size: 20px;
  }
  .contact-info {
    margin-bottom: 10px;
    text-align: center;
  }
  .breadcrumb-heading {
    font-size: 22px;
    line-height: 24px;
  }
  .specialty-icon {
    width: 80px;
    height: 80px;
  }
  .category-header-image {
    position: relative;
    height: 180px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .category-big-headline {
    font-size: 48px;
    line-height: 40px;
  }
  .category-small-headline {
    margin-bottom: 5px;
    font-size: 22px;
    line-height: 20px;
  }
  .product-description {
    margin-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px;
  }
  .product-pricing {
    padding-right: 5px;
    padding-left: 5px;
  }
  .price-column {
    text-align: left;
  }
  .news-events-post {
    padding-top: 5px;
  }
  .news-events-post-details {
    padding-left: 0px;
  }
  .event-details {
    padding-right: 0px;
  }
  .location-info {
    text-align: center;
  }
  .rotate-message {
    margin-top: 10px;
  }
  .search-contractors {
    font-size: 24px;
    line-height: 26px;
  }
  .type-of-work {
    width: 50%;
  }
  .go-button {
    width: 15%;
  }
  .business-header-name {
    font-size: 30px;
    line-height: 30px;
  }
  .grey-box.balance-summary,
  .grey-box.balances-section,
  .grey-box.balance-aging-table,
  .grey-box.payments-summary {
		width: 40%;
  }
  div.highlighted-product div.product-image {
  	float: none;
  	margin: auto;
  	width: 175px;
  }
  .slider-big-text {
  	font-size: 30px;
  }
  .slider-medium-headline {
  	font-size: 18px;
  }
  a.pagination-link {
	font-size: 12px;
	padding: 5px;
  }
  a.first_nav,
  a.last_nav {
	display: none;
  }
}

@font-face {
  font-family: 'Fontawesome webfont';
  src: url('/sites/all/themes/twperry/fonts/fontawesome-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  src: url('/sites/all/themes/twperry/fonts/fa-brands-400.woff') format('woff');
}

.fab {
  font-family: 'Font Awesome 5 Brands' !important;
}

/* search result */
.twperry-search-result {
	margin-top: 25px; 
	padding: 15px; 
	border: 2px solid #ccc; 
	border-radius: 10px;"
}

.twperry-search-results-wrapper {
	margin-top: 10px;
	padding-top: 10px;
}

/* advanced search */
fieldset.search-advanced {
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 10px;
	background-color: #eee;
	box-shadow: 5px 5px 5px #333;
}

div#search-results-content {
	
}
.clear {
	clear: both;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
/* customer info backend */
.personal-info-wrapper {
	width: 45%;
}
.login-info-wrapper {
	width: 50%;
	margin-left: 20px;
}

.required {
	font-weight: bold;
	color: #BD3930;
	/*color: #999;*/
}
.required::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #BD3930;
}
.required:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #BD3930;
   opacity:  1;
}
.required::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #BD3930;
   opacity:  1;
}
.required:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #BD3930;
}
.required::-ms-input-placeholder { /* Microsoft Edge */
   color: #BD3930;
}

.required::placeholder { /* Most modern browsers*/
   color: #BD3930;
}


.twp_select {
	height: 36px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
}
.cb-section-header {
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: Lato, sans-serif;
  color: #b0b0b0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 800;
  
}
.required-info-wrapper {
	width: 100%;
}
.required-info {
	width: 70%;
	text-align: left;
}
form#login-info-form label,
form#personal-info-form label {
	min-width: 30%;
	float: left;
}
form#login-info-form input,
form#personal-info-form input {
	width: 70%;
}
form#login-info-form input.password {
	width: 48%;
}
form#login-info-form label[for="new_password"],
form#login-info-form label[for="confirm_password"] {
	min-width: 52%;
}
form#personal-info-form input[type="submit"],
form#login-info-form input[type="submit"] {
	width: 48%;
}
form#personal-info-form div.w-checkbox {
	padding-left: 30%;
}
form#personal-info-form div.w-checkbox input[type=checkbox] {
	width: inherit;
}

form#personal-info-form div.w-checkbox input[type=checkbox]:not(old),
form#personal-info-form div.w-checkbox input[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

form#personal-info-form div.w-checkbox input[type=checkbox]:not(old) + label,
form#personal-info-form div.w-checkbox input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url('../images/checkbox-radio-images.png') no-repeat 0 0;
  line-height  : 24px;
}

form#personal-info-form div.w-checkbox input[type=checkbox]:not(old):checked + label{
  background-position : 0 -24px;
}

form#personal-info-form div.w-checkbox input[type=radio]:not(old):checked + label{
  background-position : 0 -48px;
}

.reset-password-text {
	padding: 10px 0px 10px 0px;
}
div.reset-password-text h5,
div.reset-password-text span {
	display: inline;
}

progress,        /* All HTML5 progress enabled browsers */
progress[role]     /* polyfill */
{

	/* Turns off styling - not usually needed, but good to know. */
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;

	/* gets rid of default border in Firefox and Opera. */ 
	border: none;

	/* Needs to be in here for Safari polyfill so background images work as expected. */
	background-size: auto;
	
	/* Dimensions */
	width: 400px;
	height: 60px;
	
}

/* Polyfill */
progress[role]:after {
	background-image: none; /* removes default background from polyfill */
}

/* Ensure fallback text doesn't appear in polyfill */
progress[role] strong {
	display: none;
}

progress,                          /* Firefox  */ 
progress[role][aria-valuenow] {    /* Polyfill */
   background: #ccc !important; /* !important is needed by the polyfill */
}

/* Chrome */
progress::-webkit-progress-bar {
    background: #fefefe;
}

/* IE10 */
progress {
    color: #444;
}

/* Firefox */
progress::-moz-progress-bar { 
    background: black;	
}

/* Chrome */
progress::-webkit-progress-value {
    background: black;
}

/* Polyfill */
progress[aria-valuenow]:before  {
    background: black;
}

progress {
    background-color: #fefefe;
    border: 0;
	width: 70%;
    height: 10px;
	overflow: hidden;
	background: -moz-linear-gradient(#dfdfdf, #d8d8d8);
    background: linear-gradient(#cfcfcf, #d8d8d8);
}
progress::-webkit-progress-bar {
	background: -moz-linear-gradient(#dfdfdf, #d8d8d8);
    background: linear-gradient(#cfcfcf, #d8d8d8);
}
progress::-webkit-progress-value {
	background: -moz-linear-gradient(#5dc54c, #17a600);
	background: linear-gradient(#5dc54c, #17a600);
}
progress::-moz-progress-bar {
	background: -moz-linear-gradient(#5dc54c, #17a600);
	background: linear-gradient(#5dc54c, #17a600);
}
/* progress bar - green gradient */
.pwd-strong::-moz-progress-bar {
	background: linear-gradient(#8dce40, #4f9d26);
}
.pwd-strong::-webkit-progress-bar {
    background: linear-gradient(#cfcfcf, #d8d8d8);
}
.pwd-strong::-webkit-progress-value {
	background: linear-gradient(#8dce40, #4f9d26);
}
.pwd-strong {
	background: -moz-linear-gradient(#cfcfcf, #d8d8d8);
    background: linear-gradient(#dfdfdf, #d8d8d8);
	color: linear-gradient(#dfdfdf, #d8d8d8);
}
/*IE10*/
progress.pwd-strong {
	color: #4f9d26;
	background-color: -ms-linear-gradient(top, #8dce40 0%, #4f9d26 100%);
}

/* progress bar - orange gradient */
.pwd-medium::-moz-progress-bar {
	background: linear-gradient(#fac957, #f77220);
}
.pwd-medium::-webkit-progress-bar {
    background: linear-gradient(#cfcfcf, #d8d8d8);
}
.pwd-medium::-webkit-progress-value {
	background: linear-gradient(#fac957, #f77220);
}
.pwd-medium{
	background: -moz-linear-gradient(#dfdfdf, #d8d8d8);
    background: linear-gradient(#cfcfcf, #d8d8d8);
}
/*IE10*/
progress.pwd-medium {
	color: #f77220;
	background: -ms-linear-gradient(top, #fac957 0%, #f77220 100%);
}
/* progress bar - red gradient */
.pwd-weak::-moz-progress-bar {
	background: linear-gradient(#ec4958, #a1051d);
}
.pwd-weak::-webkit-progress-bar {
    background: linear-gradient(#cfcfcf, #d8d8d8);
}
.pwd-weak::-webkit-progress-value {
	background: linear-gradient(#ec4958, #a1051d);
}
.pwd-weak {
	background: -moz-linear-gradient(#dfdfdf, #d8d8d8);
    background: linear-gradient(#cfcfcf, #d8d8d8);
}
/*IE10*/
progress.pwd-weak {
	color: #a1051d;
	background-color: -ms-linear-gradient(top, #ec4958 0%, #a1051d 100%);
}
.progress-bar-text.password-level {
	float: right;
	color: #606060;
	top: 0px;
	left: 0px;
	right: 0px;
}
.progress-bar-container {
	width: 48%;
}
.grey-box {
	background-color: #f6f6f6;
	padding: 20px;
	margin-right: 20px;
}
.grey-box.job-details-section {
	width: 100%;
}
.grey-box.balance-summary,
.grey-box.balances-section,
.grey-box.balance-aging-table,
.grey-box.payments-summary {
	width: 45%;
}
@media (max-width: 479px) {
	.grey-box.balance-summary,
	.grey-box.balances-section,
	.grey-box.balance-aging-table,
	.grey-box.payments-summary {
		width: 42%;
	}
}
.grey-box.balance-aging-table {
	margin-right: 0px;
	margin-left: 20px;
}
.grey-box div.data-label {
	float: left;
	min-width: 45%;
}
.grey-box div.data-value {
	float: right;
	text-align: right;
	font-weight: bold;
}
.grey-box div.data-value-align-left {
	float: left;
	text-align: left;
	font-weight: bold;
}
.grey-box div.data-value-align-right {
	float: right;
	text-align: left;
	font-weight: bold;
}
.total-balance-due {
	color: red;
	font-weight: bold;
}
.main-info-container {
	height: 100%;
	padding-bottom: 20px;
	border-bottom: 1px solid #6e6e6e;
	margin-bottom: 20px;
}

/* table section */
.table-container {
	display: table;
	width: 100%;
}
.t-row {
	display: table-row;
}
.t-row.t-header {
	background-color: #dcdcdc;
	font-weight: 800;
}
.t-row.t-header:hover {
	background-color: #dcdcdc;
	color: black;
}
.t-cell {
	display: table-cell;
	text-align: center;
	min-width: 14.28%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
}
.t-row.t-header div.t-cell {
	border-right: 1px solid white;
}
.table-section-pagination-wrapper div.t-row.t-header div.t-cell:hover {
	background-color: #505050;
	color: white;
	cursor: pointer;
}
.table-section-pagination-wrapper div.t-row.t-header div.t-cell:hover > div.sort-icon {
	display: block;
}
tr.odd {
	background-color: #fefefe;
}
tr.even {
	background-color: #f2f2f2;
}
.t-cell.invoice-no {
	color: red;
	font-weight: 600;
}
.account-table tbody tr.odd td.active:hover,
.account-table tbody tr.odd:hover,
.account-table tbody tr.even td.active:hover,
.account-table tbody tr.even:hover,
.account-table tbody tr.odd:hover > td,
.account-table tbody tr.even:hover > td,
.t-row:hover {
	background-color: #888;
	color: white;
}
/* - end - table styles */

form#personal-info-form input.w-button.update,
form#login-info-form input.w-button.update {
	background-color: #505050;
}
.w-button.view-all,
.w-button.view-more {
	background-color: #c80000;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 40px;
	padding-right: 40px;
	text-decoration: none;
}
.sort-icon {
	background-image: url('../images/sort-icon.png');
	width: 14px;
	height: 12px;
	background-repeat: no-repeat;
	float: right;
	position: relative;
	top: 6px;
	left: -7px;
	display: none;
}
.paginator-panel {
	width: 100%;
	background-color: #dcdcdc;
	padding: 10px;
	text-align: center;
}
.pager-container {
	display: inline;
}
.pager-container div {
	display: inline-block;
	padding: 0px 2px 0px 2px;
	margin: 0px 2px 0px 2px;
}
.pager-container div:hover {
	cursor: pointer;
	color: red;
	font-weight: 800;
}
.refresh-icon {
	background-image: url('../images/refresh-icon.png');
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	cursor: pointer;
}
.to-first a, .to-last a,
.to-prev a, .to-next a,
.to-page a { 
	text-decoration: none;
	color: #0a0a0a;
}
.to-page.active-page a {
	font-weight: 800;
}
.quantity-measure {
	font-size: 10px;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.align-center {
	text-align: center;
}

form[id^="ajax-comments-reply-form"] label {
	display: none;
}
form[id^="ajax-comments-reply-form"] div.form-wrapper {
	padding: 0px;
}

ul.pager li.pager-first,
ul.pager li.pager-last {
	display: none;
}
.total-pages.products-list {
	position: relative;
	top: 10px;
}
/* special orders webform */
form#webform-client-form-24124 input.form-text {
	padding: 10px;
	text-align: left;
}
/* special orders webform - hide webform title and author */
div#node-24124 div.submitted,
div#node-24124 h2 {
	display: none;
}
div#node-24124 div.webform-confirmation {
	color: white;
	font-weight: bold;
}
div#webform-ajax-wrapper-` div.confirm-success,
div#webform-ajax-wrapper-24124 div.webform-confirmation p {
	color: white;
	font-weight: bold;
	padding: 10px;
}
div#webform-ajax-wrapper-24124 div.links a {
	color: white;
	text-decoration: none;
}
.password-match {
	text-transform: uppercase;
	font-weight: bold;
	color: green;
}
.password-mismatch {
	text-transform: uppercase;
	font-weight: bold;
	color: red;
}
#store-footer {
	display: none !important;
}

#webform-client-form-30150 .form-select {
	width: 100%;
}
#webform-client-form-30150 .webform-component-select {
	height: 56px;
}
#webform-client-form-30150 #edit-submit {
	float: right;
    clear: both;
    background-color: #249f85;
    font-weight: 700;
    position: relative;
    left: 1em;
    font-size: 18px;
    font-style: italic;
    color: white;
    border: 0;
    line-height: inherit;
    padding: 15px 30px;
    height: auto;
}
#webform-client-form-30150 #edit-submitted-email-address {
	width: 97%;
}
#webform-client-form-30150 #edit-submitted-address {
	width: 97%;
}

/* Shopping Cart and Checkout */

	.cart-continue-shopping {
	  padding-right: 15px;
	  padding-left: 15px;
	  clear: both;
	  background-color: #2d3e4f;
	  font-weight: 700;
	  text-decoration: none;
	}
	.cart-update {
	  padding-right: 15px;
	  padding-left: 15px;
	  clear: both;
	  background-color: #bd3930;
	  font-weight: 700;
	  margin-right: 10px;
	}
	.cart-checkout {
	  padding-right: 15px;
	  padding-left: 15px;
	  clear: both;
	  background-color: #249f85;
	  font-weight: 700;
	}

	.cart-item-description {
		text-decoration: none;
		font-weight: 700;
		font-size: 18px;
		color: #294258;
	}
	.cart-desc-sku {
	}
	.cart-unit-price {
		text-align: right;
		padding: 5px;
	}
	.cart-total-amt {
		text-align: right;
		padding: 5px;
		font-size: 16px;
	}
	.qty {
		padding-left: 5px;
		padding-right: 5px;
	}
	.cart-qty {
		padding: 5px;
	}
	.remove-btn {
		min-width: 100px;
	}
	.remove-btn input {
	  margin: 0;
	  padding: 0;
	  color: transparent;
	  border: none;
	  background: url('../images/remove-btn.png') no-repeat left top;
	  width:28px;
	  height:28px;
	  cursor: pointer;
	}
	.subtotal {
		background-color: #eee;
	}
	.uc-price {
		margin-left: 10px;
		margin-right: 10px;
		font-size: 18px;
		font-weight: 600;
	}
	#uc-cart-view-form table thead tr {
		background-color: #eee;
	}
	#uc-cart-view-form table thead tr th {
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
		font-weight: 500;
	}
	#uc-cart-view-form table tbody tr { 
		padding-top: 10px;
		border-bottom: 1px solid #888;
		margin-bottom: 10px;
		
		background-color: #ffffff;
	}
	#uc-cart-view-form td {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#uc-cart-view-form td.remove {
		vertical-align: middle;
		text-align: center;
	}
	#uc-cart-view-form td.image {
		width: auto;
		min-width: 115px;
	}

#uc-cart-checkout-form .form-text { padding: 0px 15px; text-align: left; }
.uc-cart-checkout-form .form-text { padding: 0px 15px; text-align: left; }
	
#uc-cart-checkout-form input[type="radio"],
#uc-cart-checkout-form input[type="checkbox"],
#uc-cart-checkout-form input[type="submit"] {
	width: auto;
}
.uc-cart-checkout-form input[type="radio"],
.uc-cart-checkout-form input[type="checkbox"],
.uc-cart-checkout-form input[type="submit"] {
	width: auto;
}
#uc-cart-checkout-form .form-submit,
#uc-cart-checkout-form--2 .form-submit {
	margin: 5px;
}
.uc-cart-checkout-form .form-submit,
.uc-cart-checkout-form--2 .form-submit {
	margin: 5px;
}

#uc-cart-checkout-form,
#uc-cart-checkout-form--2 {
	background-color: #fff;
	color: #000100;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
.uc-cart-checkout-form {
	background-color: #fff;
	color: #000100;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
#uc-cart-checkout-form fieldset,
#uc-cart-checkout-form--2 fieldset {
	padding: 20px;
}
#uc-cart-checkout-form legend,
#uc-cart-checkout-form--2 legend {
	border-bottom: 1px solid #000100;
	color: #5c5c5c;
	font: bold 23px Trebuchet MS;
	padding: 10px 0;
	text-transform: none;
	width: 100%;
	top: 20px;
	position: relative;
}
#uc-cart-checkout-form fieldset#cart-pane,
#uc-cart-checkout-form fieldset#billing-pane,
#uc-cart-checkout-form fieldset#comments-pane,
#uc-cart-checkout-form--2 fieldset#cart-pane,
#uc-cart-checkout-form--2 fieldset#billing-pane,
#uc-cart-checkout-form--2 fieldset#comments-pane {
	background-color: #ecf0f1;
}

.uc-cart-checkout-form fieldset {
	padding: 20px;
}
.uc-cart-checkout-form legend {
	border-bottom: 1px solid #000100;
	color: #5c5c5c;
	font: bold 23px Trebuchet MS;
	padding: 10px 0;
	text-transform: none;
	width: 100%;
	top: 20px;
	position: relative;
}
.uc-cart-checkout-form fieldset#cart-pane,
.uc-cart-checkout-form fieldset#billing-pane,
.uc-cart-checkout-form fieldset#comments-pane,
.uc-cart-checkout-form--2 fieldset#cart-pane,
.uc-cart-checkout-form--2 fieldset#billing-pane,
.uc-cart-checkout-form--2 fieldset#comments-pane {
	background-color: #ecf0f1;
}


/* Cart contents */
table.cart-review {
	border-collapse: separate;
	border-spacing: 0 8px;
	font-weight: bold;
}
	table.cart-review th {
		color: #5c5c5c;
		padding-left: 10px;
		text-align: left;
		text-transform: uppercase;
	}		
	table.cart-review td {
		background-color: #fff;
		padding: 10px;		
	}
	table.cart-review td.products a{
		color: #000100;
	}
	table.cart-review tr.subtotal td {
		background-color: #ecf0f1;
	}
	table.cart-review td.subtotal span#subtotal-title {
		color: #5c5c5c;
	}
	table.cart-review td.subtotal span.uc-price {
		font-size: 15px;
	}

/* Delivery and Billing information */
fieldset#delivery-pane,
fieldset#billing-pane {
	color: #5c5c5c;
	font-size: 14px;
	font-weight: bold;
}
	#delivery-address-pane label,
	#billing-address-pane label {
		color: #000100;
		padding-left: 0;
		text-align: left;
		text-transform: uppercase;
	}
	#delivery-address-pane input,
	#delivery-address-pane select,
	#billing-address-pane input,
	#customer-pane input,
	#billing-address-pane select {
		border: 1px solid #9b9b99;
		color: #5c5c5c;
		height: 40px;
	}
	#delivery-address-pane select,
	#billing-address-pane select {
		text-transform: uppercase;
	}
.form-item-panes-delivery-delivery-last-name,
.form-item-panes-billing-billing-last-name {
	float: right;
	width: 48%;
	clear: none !important;
}
.form-item-panes-delivery-delivery-first-name,
.form-item-panes-billing-billing-first-name {
	float: left;
	width: 48%;
	clear: none !important;
}
.form-item-panes-delivery-delivery-street2,
.form-item-panes-delivery-delivery-postal-code,
.form-item-panes-billing-billing-street2,
.form-item-panes-billing-billing-postal-code {
	float: right;
	width: 30%;
	clear: none !important;
}
.form-item-panes-delivery-delivery-zone,
.form-item-panes-billing-billing-zone {
	float: right;
	width: 25%;
	margin-right: 15px;
	clear: none !important;
}
.form-item-panes-delivery-delivery-city,
.form-item-panes-billing-billing-city {
	float: left;
	width: 38%;
	clear: none !important;
}
.form-item-panes-delivery-delivery-street1,
.form-item-panes-billing-billing-street1 {
	float: left;
	width: 66%;
	clear: none !important;
}
.form-item-panes-billing-billing-country {
	display: none;
}

/* Payment method and Order comments */
fieldset#payment-pane,
fieldset#comments-pane {
	color: #5c5c5c;
	font-size: 14px;
	font-weight: bold;
}
	#payment-details label,
	#comments-pane label {
		color: #000100;
		text-align: left;
		text-transform: uppercase;
	}
	#comments-pane label {
		padding: 15px 0 10px 0;
	}
	#payment-details input,
	#payment-details select {
		border: 1px solid #9b9b99;
		color: #5c5c5c;
		height: 40px;
	}
	#comments-pane textarea {
		border: 1px solid #9b9b99;
		color: #5c5c5c;
	}

.form-item-panes-payment-details-cc-exp-month label {
	width: 100%;
}
.form-item-panes-payment-details-cc-exp-month select#edit-panes-payment-details-cc-exp-month {
	float: left;
	width: 10%;
}
.form-item-panes-payment-details-cc-exp-month select#edit-panes-payment-details-cc-exp-month {
	float: left;
	width: 10%;
}
.form-item-panes-payment-details-cc-exp-year select#edit-panes-payment-details-cc-exp-year {
	float: left;
	margin-left: 15px;
	width: 15%;
}
#payment-details .form-item-panes-payment-details-cc-cvv {
	float: left;
	margin-left: 30px;
	margin-top: -30px;
	width: 10%;	
}

#edit-panes-payment-payment-method-credit {
	width: auto;
}
/*
#edit-panes-quotes-quote-button {
	width: 295px !important;
}
*/
.uc-cart-checkout-form input,
.uc-cart-checkout-form select {
	width: 100%;
}
#uc-cart-checkout-form input,
#uc-cart-checkout-form select,
input#edit-panes-delivery-delivery-company {
	width: 100%;
}
.uc-cart-checkout-form input,
.uc-cart-checkout-form select {
	width: 100%;
}
/* Shopping cart page title */
body.page-cart .main_wrap #shopping_cart_title h2 {
	border-bottom: 1px solid #000100;
	color: #5c5c5c;
	font: bold 25px Trebuchet MS;
	padding-bottom: 10px;
	text-transform: none;
	width: 620px;
}

/* hide specific elements */
#block-user-login .item-list,
#uc-cart-pane-coupon,
#uc-coupon-form label,
#uc-coupon-form div.description,
#uc-coupon-form--2 label,
#uc-coupon-form--2 div.description,
div.uc-credit-cvv-help {
	display: none;
}

#uc-cart-checkout-review-form .form-submit {
	width: 50%;
	float: left;
}
body.page-cart-checkout-review .main_wrap {
	color: #000000;
}

/* Email Newsletter Form */
#node-24150 h2,
#node-24150 div.submitted {
	display: none;
}
#node-24150 input.required {
	font-weight: normal;
}
#webform-client-form-24150 div.form-item {
	margin-bottom: 0px;
}
/* Register Online */
div.registration-form h2,
div.registration-form div.submitted {
	display: none;
}
div.registration-form input.required {
	font-weight: normal;
}
div.registration-form input.form-text {
	text-align: left;
}
div.registration-form div.form-item {
	margin-bottom: 0px;
	margin-top: 0px;
}
/* Request Service */
.webform-request-service-form .form-wrapper.contractor-form {
	padding: 15px 0px;
}
.webform-request-service-form .form-actions {
	margin-top: 0px;
}
.webform-request-service-form h2,
.webform-request-service-form div.submitted,
#node-24148 h2,
#node-24148 div.submitted {
	display: none;
}
.webform-request-service-form input.required,
#node-24148 input.required {
	font-weight: normal;
}
.webform-request-service-form div.field.field-name-field-logo,
#node-24148 div.field.field-name-field-logo {
	display: none;
}
.webform-request-service-form div.form-item,
#webform-client-form-24148 div.form-item {
	margin-bottom: 0px;
}
div.registration-form .form-text { 
	padding: 0px 15px; 
	text-align: left; 
}
div.registration-form.event-registration .form-text h3 { 
	margin-top: 10px;
}
div.registration-form .form-description-text,
.contact-form .form-description-text {
	padding: 15px;
	text-align: center;
}
.webform-request-service-form input.form-text,
#node-24148 input.form-text {
	text-align: left;
}
.webform-request-service-form select.service-select,
#node-24148 select.service-select {
	border-radius: 5px;
}
.webform-request-service-form .ajax-progress.ajax-progress-throbber,
#node-24148 .ajax-progress.ajax-progress-throbber,
#node-24148 .ajax-progress.ajax-progress-throbber {
	float: right;
}
/* hide hyperlinks to go back to form in submission confirmation message */
div.webform-request-service-form div.links a,
div#webform-ajax-wrapper-24147 div.links a,
div#webform-ajax-wrapper-24148 div.links a,
div.registration-form div.links a,
div#webform-ajax-wrapper-24150 div.links a {
	display: none;
}
.webform-request-service-form select#edit-submitted-req-svc-service-type--2 {
	clear: both;
}
div.event-datepicker {
	/* border-bottom: 3px solid #c5c5c5; */
}
.event-datepicker .ui-datepicker {
	padding: 0px;
}
/* event datepicker styles */
.event-datepicker .ui-datepicker-header {
	background: #f0f0f0 !important;
	border: 0px !important;
	border-top: 2px solid #c5c5c5 !important;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright:0px;
	-moz-border-radius-bottomleft:0px;
	-moz-border-radius-bottomright:0px;
	-webkit-border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;	
	font-weight: normal;
}
.event-datepicker table.ui-datepicker-calendar thead {
	display: none;
}
.event-datepicker table.ui-datepicker-calendar td a.ui-state-default {
	text-align: center;
	background: #ccc;
}
.event-datepicker table.ui-datepicker-calendar td.ui-datepicker-unselectable span {
	text-align: center;
	background: #ccc;
	color: #555;
}
.event-datepicker table.ui-datepicker-calendar td a.ui-state-active {
	color: #fff;
	background: #42994C;
	border: 1px solid #42994C;
}
.domain-2 .event-datepicker table.ui-datepicker-calendar td a.ui-state-active {
	background: #92afbe;
	border: 1px solid #568ac8;
}
.domain-3 .event-datepicker table.ui-datepicker-calendar td a.ui-state-active {
	background: #92afbe;
	border: 1px solid #568ac8;
}
.event-datepicker table.ui-datepicker-calendar td.selected-event-date a {
	color: #fff;
	background: #42994C;
	border: 1px solid #42994C;
}
.domain-2 .event-datepicker table.ui-datepicker-calendar td.selected-event-date a {
	color: #fff;
	background: #568ac8;
	border: 1px solid #568ac8;
}
.domain-3 .event-datepicker table.ui-datepicker-calendar td.selected-event-date a {
	color: #fff;
	background: #92afbe;
	border: 1px solid #568ac8;
}
.event-datepicker table.ui-datepicker-calendar td a.ui-state-highlight {
	border: 1px solid #42994C;
}
.domain-2 .event-datepicker table.ui-datepicker-calendar td a.ui-state-highlight {
	border: 1px solid #568ac8;
}
.domain-3 .event-datepicker table.ui-datepicker-calendar td a.ui-state-highlight {
	border: 1px solid #92afbe;
}
#event-datepicker a.ui-state-hover.ui-datepicker-prev-hover,
#event-datepicker a.ui-state-hover.ui-datepicker-next-hover {
	border: 0px;
	background-color: #bc3a30;
	transition: all 100ms ease;
	cursor: pointer;
} 
.event-datepicker .ui-datepicker-header a {
	height: 16px;
	width: 16px;
	top: 9px;
	background-color: #ccc;
	border-radius: 0px;
}
.event-datepicker .ui-widget-header .ui-icon {
	background: none;
}
#event-datepicker .ui-widget-content {
	border: 0px;
}

body.page-products #page-title {
	display: none;
}

.registration-form p {
	color: white;
	padding: 0px 25px;
}

.account-table {
	width: 100%;
}
.account-table td {
	padding: 5px;
	vertical-align: top;
}
.form-item-panes-quotes-pickup-location {
	width: 25%;
	padding: 15px 0px;
}
.form-item-panes-quotes-delivery-date {
	width: 25%;
	display: none;
	padding: 15px 0px;
}
.delivery-disclaimer {
	background: #c8c8c8;
    padding: 10px;
    margin-top: 10px;
}
fieldset#delivery-pane .form-item-panes-delivery-delivery-company {
	display: none;
}
fieldset#quotes-pane,
fieldset#comments-pane,
fieldset#quotes-pane .fieldset-wrapper,
fieldset#comments-pane .fieldset-wrapper {
	position: relative;
}
fieldset#quotes-pane .form-item-panes-quotes-delivery-date,
fieldset#quotes-pane .form-item-panes-quotes-pickup-location {
	position: absolute;
    top: -12px;
    right: 35px;
}
fieldset#comments-pane .form-item-panes-comments-po-number {
	position: absolute;
	right: 6px;
    top: 6px;
}
fieldset#comments-pane .form-item-panes-comments-po-number label,
fieldset#comments-pane .form-item-panes-comments-po-number input {
	float: left;
	max-width: 167px;
    margin-right: 15px;
}
fieldset#comments-pane .form-item-panes-comments-po-number label {
    position: relative;
    top: -7px;	
}
fieldset#comments-pane .form-item-panes-comments-po-number input {
	font-size: 14px;
    height: 34px;
}

@media (max-width: 991px) {
	/* jquery datepicker */
	#event-datepicker div.ui-datepicker {
		width: 10em;
	}
	#event-datepicker div.ui-datepicker table {
		font-size: 8px;
	}
	#event-datepicker.event-datepicker table.ui-datepicker-calendar td {
		padding: 0px;
	}
	.event-datepicker .ui-datepicker .ui-datepicker-title {
		line-height: 27px;
		color: #4d4d4d;
		width: 65%;
		height: 50px;
		padding-top: 15px;
		padding-bottom: 15px;
		float: left;
		background-color: #bd3930;
		color: white;
		font-size: 13px;
		font-weight: 700;
		text-align: center;
	}
	.event-datepicker .ui-datepicker .ui-datepicker-prev {
		background: #ccc url('../images/event-datepicker-prev.png') no-repeat 50% 50%;
		/*left: 9px;*/
		top: 3px;
		width: 20%;
		height: 50px;
		padding-top: 15px;
		padding-bottom: 15px;
		float: left;
		background-color: #e44b41;
		-webkit-transition: all 500ms ease;
		transition: all 500ms ease;
		font-family: 'Fontawesome webfont', sans-serif;
		color: white;
		font-size: 20px;
		text-align: center;
		text-decoration: none;
	}
	.event-datepicker .ui-datepicker .ui-datepicker-next {
		background: #ccc url('../images/event-datepicker-next.png') no-repeat 50% 50%;
		/*right: 9px;*/
		top: 3px;
		width: 15%;
		height: 50px;
		padding-top: 15px;
		padding-bottom: 15px;
		float: left;
		background-color: #e44b41;
		-webkit-transition: all 500ms ease;
		transition: all 500ms ease;
		font-family: 'Fontawesome webfont', sans-serif;
		color: white;
		font-size: 20px;
		text-align: center;
		text-decoration: none;
	}
}
@media (min-width: 992px) {
	#event-datepicker div.ui-datepicker {
		width: 13em;
	}
	#event-datepicker div.ui-datepicker table {
		font-size: 9.5px;
	}
	#event-datepicker.event-datepicker table.ui-datepicker-calendar td {
		padding: 4.4px !important;
	}
	.event-datepicker .ui-datepicker .ui-datepicker-title {
		line-height: 27px;
		color: #4d4d4d;
		width: 70%;
		height: 50px;
		padding-top: 15px;
		padding-bottom: 15px;
		float: left;
		background-color: #bd3930;
		color: white;
		font-size: 13px;
		font-weight: 700;
		text-align: center;
	}
	.event-datepicker .ui-datepicker .ui-datepicker-prev {
		background: #ccc url('../images/event-datepicker-prev.png') no-repeat 50% 50%;
		/*left: 9px;*/
		top: 3px;
		width: 15%;
		height: 50px;
		padding-top: 15px;
		padding-bottom: 15px;
		float: left;
		background-color: #e44b41;
		-webkit-transition: all 500ms ease;
		transition: all 500ms ease;
		font-family: 'Fontawesome webfont', sans-serif;
		color: white;
		font-size: 20px;
		text-align: center;
		text-decoration: none;
	}
	.event-datepicker .ui-datepicker .ui-datepicker-next {
		background: #ccc url('../images/event-datepicker-next.png') no-repeat 50% 50%;
		/*right: 9px;*/
		top: 3px;
		width: 15%;
		height: 50px;
		padding-top: 15px;
		padding-bottom: 15px;
		float: left;
		background-color: #e44b41;
		-webkit-transition: all 500ms ease;
		transition: all 500ms ease;
		font-family: 'Fontawesome webfont', sans-serif;
		color: white;
		font-size: 20px;
		text-align: center;
		text-decoration: none;
	}
}
@media (max-width: 767px) {
	input#edit-keys {
		width: 100px;
		padding: 5px;
	}
}
#search-form fieldset.search-advanced {
	clear: both;
	min-height: 35px;
}
#search-form fieldset legend {
	background: #efefef;
	border: 1px solid #888;
	border-radius: 5px;
}
#search-form fieldset legend a.fieldset-title {
	text-decoration: none;
}

/* Contractor Referral Form */
#node-24193 .content { padding: 0px; }
#webform-client-form-24193 .form-text { padding: 0px 15px; text-align: left; }
#webform-client-form-24193 .col.company-contact-person { display: inline-block; width: 60%; }
#webform-client-form-24193 .col.website-domain { display: inline-block; width: 39%; }
#webform-client-form-24193 .col.zip-code { display: inline-block; width: 18%; }
#webform-client-form-24193 .col.state { display: inline-block; width: 38%; margin-left: 15px; }
#webform-client-form-24193 .col.city { display: inline-block; width: 40%; }
#webform-client-form-24193 .col.phone-number { display: inline-block; width: 60%; font-size: 14px; color: #333; }
#webform-client-form-24193 .col.fax-number { display: inline-block; width: 39%; }

#webform-client-form-24193 .col.reference-name { display: inline-block; width: 50%; }
#webform-client-form-24193 .col.reference-phone { display: inline-block; width: 49%; }

#webform-client-form-24193 .col.license-county { display: inline-block; width: 50%; }
#webform-client-form-24193 .col.license-state { display: inline-block; width: 49%; }
	
#webform-client-form-24193 .col.agreement-name { display: inline-block; width: 70%; }
#webform-client-form-24193 .col.agreement-date { display: inline-block; width: 29%; }
	
	
#webform-client-form-24193 fieldset { padding: 0px; margin: 0px; }
#webform-client-form-24193 fieldset .row .form-item { margin: 0px; }
	
#webform-client-form-24193 .row.company-address-1 {
	margin-bottom: 0px;
}
	
#webform-client-form-24193 div.w-checkbox input[type=checkbox] {
	width: inherit;
}
#webform-client-form-24193 div.w-checkbox {
	padding-left: 28px;
}
#webform-client-form-24193 div.w-checkbox input[type=checkbox]:not(old),
#webform-client-form-24193 div.w-checkbox input[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

#webform-client-form-24193 div.w-checkbox input[type=checkbox]:not(old) + label,
#webform-client-form-24193 div.w-checkbox input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url('../images/checkbox-radio-images.png') no-repeat 0 0;
  line-height  : 24px;
}

#webform-client-form-24193 div.w-checkbox input[type=checkbox]:not(old):checked + label{
  background-position : 0 -24px;
}

#webform-client-form-24193 div.w-checkbox input[type=radio]:not(old):checked + label{
  background-position : 0 -48px;
}
#webform-client-form-24193 .submit-button {
  width: auto;
  padding: 20px 40px;
  margin-right: 20px;
}
#webform-client-form-24193 .badge-question-mark {
	width: 12px;
	height: 12px;
	background: url('../images/question-mark.png');
	background-size: 12px 12px;
}
#webform-client-form-24193 .row.company-motto label,
#webform-client-form-24193 .row.profile-content label { display: inline-block; }
#webform-client-form-24193 a div.badge-question-mark { display: inline-block; }

/* contractor referral - css for medium to mobile devices */
@media (max-width: 767px) {
	#webform-client-form-24193 .col.zip-code { display: inline-block; width: 28%; }
	#webform-client-form-24193 .col.state { display: inline-block; width: 35%; margin-left: 0px; }
	#webform-client-form-24193 .col.city { display: inline-block; width: 35%; }
}

/* extra element in search block - in header - hide for now */
.form-item-custom-search-vocabulary-2 {
	display: none;
}

.mega-menu.customized {
  position: absolute;
  left: 240px;
  top: auto;
  z-index: 1;
  display: none;
  width: 720px;
  margin-right: 5px;
  padding: 15px;
  background-color: rgba(236, 240, 241, 0.90);
  font-family: Lato, sans-serif;
  color: #2d3e4f;
  font-size: 13px;
  float: right;
}
#block-search-form {
	background: #C2C9CC;
}
.search-block-select {
  padding: 14px 15px 15px 15px;
  width: 30%;
  float: left;
  background-color: #C2C9CC;
  color: #2f4050;
  border: 1px solid #ccc;
  height: 50px;
  background-image: url(../images/select-arrow-down.png);
  background-repeat: no-repeat;
  background-position: 96% 50%;
}
.search-block-select
{
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
}
.search-bar-small {
  width: 45%;
  height: 50px;
  float: left;
  border: 1px solid #bbc3c6;
}
.styled-select {
   width: 240px;
   overflow: hidden;
   background: url(../images/search_select_dropdown_arrow.png) no-repeat right #C2C9CC;
   border: 1px solid #ccc;
 }
.project-image {
	/* width: 35%; */
}
.project-title{
	width: 55%;
	display: inline-block;
	float: right;
}
.project-details {
	margin: 10px 0px;
}
.add-project {
	font-weight: bold;
	color: #c03129;
	display: inline-block;
}
.add-project-icon {
  background-image: url(../images/add-icon.png);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  display: inline-block;
}
#contractor-manage-form .form-submit {
	width: auto;
}
.loading-data-animation{
	background-image: url(../images/loading-data-animation.gif);
	background-size: 200px 200px;
	background-position: 70% 45%;
	width: 100px;
	height: 30px;
	display: inline-block;
}
.add-project-form-wrapper {
	border: 1px solid #ddd;
	padding: 10px;
	margin: 10px 0px;
	border-radius: 5px;
}
.delete-project-button {
	background-color: #35495d;
}
.edit-project-button,
.add-new-project-button {
	background-color: #bd3930;
}
.edit-project-button {
	margin-right: 10px;
}
form.edit-project-form-element .form-type-managed-file input[type=file],
form #add-project-form-container .form-type-managed-file input[type=file],
#contractor-manage-form .edit-project-form-wrapper .form-type-managed-file input[type=file],
#contractor-manage-form #add-project-form-container .form-type-managed-file input[type=file] {
	padding: 9px;
	border: 1px solid #ddd;
	border-radius: 10px 0px 0px 10px;
	width: 40%;
}
#contractor-manage-form .edit-project-form-wrapper .form-item-project-name-,
#contractor-manage-form .edit-project-form-wrapper .form-item-project-name {
	width: 42%;
	float: right;
	margin: 15px 0px 0px 0px;
}
#contractor-manage-form #add-project-form-container .form-item-project-name {
	width: 42%;
	float: right;
	margin: 0px 0px 0px 0px;
}
form.edit-project-form-element .edit-project-form-wrapper,
#contractor-manage-form .edit-project-form-wrapper {
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
}
#contractor-manage-form .project-details {
	padding-bottom: 10px;
	border-bottom: 1px solid #999;
}
.uc-cart-checkout-form #payment-pane {
	display: none !important;
}
.form-item-panes-billing-copy-address input {
	display: inline-block;
	margin-top: 8px;
}
.order-review-table .pane-title-row {
	font-size: 14px;
	text-align: left;
}
.order-review-table .pane-title-row td {
	padding: 10px;
	text-align: left;
}
.order-review-table .title-col {
	width: 10%;
}
.order-review-table .title-col,
.order-review-table .data-col {
	padding: 10px;
}
.order-review-table .row-border-top {
	display: none;
}
.order-review-table #edit-back,
.order-review-table #edit-submit {
	padding: 20px;
	display: inline-block;
	font-size: 14px;
	box-sizing: border-box;
	width: 134px;
	height: 45px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.order-review-table #edit-submit {
	float: right;
	margin-right: 10px;
}
.ui-datepicker-title {
	cursor: pointer;
}
.poll-container {
	padding: 0 20px;
}
.page-user-login .content form input {
	text-align: left;
}

body.not-logged-in.page-user-reset .form-item-mail,
body.not-logged-in.page-user-reset #edit-picture,
body.not-logged-in.page-user-reset #edit-timezone,
body.not-logged-in.page-user-reset .field-name-field-email-newsletter {
	display: none;
}
body.not-logged-in.page-user-reset #edit-account input {
	text-align: left;
}
form#views-exposed-form-products-page {
	display: none;
}

@media print {
    * {-webkit-print-color-adjust:exact;}
	div.cart-icon { display: none; }
	a.w-inline-block.special-button {
		position: relative;
		top: 10px;
	}
	a.w-inline-block.cart-button {
		position: relative;
		left: 3px;
	}
	div.w-slider-mask {
		height: 395px;
	}
	.slide-nav {
		display: none;
	}
}

/* cash account form */
#webform-client-form-30150 input {
	height: 36px;
	text-align: left;
	padding: 10px;
	max-width: 100%;
}
#webform-client-form-30150 .row .col {
	width: 48%;
	float: left;
	margin-right: 10px;
}

/* location page phone numbers */
.callText { font-weight:900; }
.phoneNum { display:inline-block; }