.btnBrand {
    display: inline-block;
    padding: 6px 12px;
    width:20%;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    text-decoration: none;
    margin-left: 4px;
    color: #fff;
}
.btnBrandTag {
color:#000;
font-size:16px;
}

.mainLogo {
width:20%;
/*border-right: #fff 4px solid;
display: flex;
justify-content: center;*/
}

header-logo {

}

.inner {
/*margin:0 !important;*/
}

.tagLine {
font-size:25px;
font-weight:600;
text-align: center;
}

.btnBrandColor1 {background-color:#DD971A;}
.btnBrandColor2 {background-color:#67963A;}
.btnBrandColor3 {background-color:#5DADE0;}
.btnBrandColor4 {background-color:#00428B;}

#brandBar {margin-bottom:10px;}

.FurnitureSafe {background-color:#c9ebfc;}

#Header {
    background-color: #1e4488;
    /*background-image: linear-gradient(180deg, #80B5DD 0%, #04379B 100%);*/
    margin-bottom:2px;
}
.PageMenu ul {
    background: transparent;
    color:#ffffff;
}
.header-logo {padding: 10px 0;}
.TopMenu {margin:0 0 2px 0;
background-color:#4f82bb;
}

.colorBar {display: flex;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom:10px;
}
.spacer {height:15px;}
.bar1 {background-color:#DD971A; width:25%;}
.bar2 {background-color:#67963A; width:25%;}
.bar3 {background-color:#5DADE0; width:25%;}
.bar4, .bar1, .bar2, .bar3 {background-color:#00428B; width:25%;}

.Left #SideCategoryList li:hover, .Left #SideCategoryList li a:hover {background-color:#00438c; color:#ffffff;}
.Left #SideCategoryList li a.selected {color:#00438c !important; font-weight:bold;}

.ProductImage img {border: solid 1px #cccccc; border-radius:15px; padding:0px; margin:0px;}
.pname {color:#00438c !important; font-weight:bold; font-size:20px;}
.ProductList .p-price {font-size:20px; font-weight:bold; color:#00438c}

.PageMenu .sf-menu li.ActivePage {background:#00438c;}
.PageMenu .sf-menu li {padding:6px;}
.innerImg {border: solid 1px #cccccc; border-radius:15px; padding:0px; margin:0px;}
.photoleft {margin:10px;}

/* Product category pages - makes product names change color when hover */
.ProductList .pname:hover {
    color: #777 !important;
}

/* Speed up link color change fade - original speed was 0.3s */
a { transition: all 0.1s; } 

/* increase product price size (defalut was 16) */
.ProductDetailsGrid .DetailRow .ProductPrice {
    font-size: 22px;
    }

/* makes clearance price strike through light grey */
strike {
    color: #a5a5a5;
    }

/* make "out of stock" and "unable to purhase" messages red with pink background */
.OutOfStockMessage {
    color: #d2143a !important;
    background-color: #fde8ec;
    padding: 10px 10px 10px 10px;
    margin-bottom: 18px;
}

/* make .cart turn blue instead of grey when hovered */
.CartLink:hover {
    background: #00438C;
}

/* changed the thumbnail outlines to light blue */
#ProductDetails .ProductTinyImageList ul li.selected {
    border: 1px solid #a8cde8 !important;
}

/* Remove header title on "category pages because it sometimes interferes with Brand page info at the top - Only reduced opacity cuz removing it messed up the flow of the page */
.TitleHeading h1 {
    /* opacity: 0; */
    color: red;
    }

/* ========== BEGIN Restyle Slider Nav Dots =============  */
/* Style slider control dots - remove theme styling */
.flex-control-paging li a.flex-active, .flex-control-paging li a, .flex-control-paging li a:hover {
    border: none;
    box-shadow: none;
}

/* Style slider control ACTIVE dots */
.flex-control-paging li a.flex-active {
    background: #00468A !important;
}
/* Style slider control dots */
.flex-control-paging li a {
    background: #D9D8D9 !important;
}
/* Style slider control dots hover */
.flex-control-paging li a:hover {
    background: #c3c3c3 !important;
}
/* ========== END Restyle Slider Nav Dots =============  */

/* ========== BEGIN Style "Clearance" in left sidebar =============  */

/* Style "Clearance Items" in Side Bar */
.Left #SideCategoryList .last a {
/*
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .03em; 
*/
}
/* Style"Clearance Items" Hover Effect */
/*
.Left #SideCategoryList .last a:hover {
    color: #6BABD7 !important;
*/
}
/* ========== END Style "Clearance" in left sidebar =============  */


/* ==============  BEGIN Make product names on "What is the difference between Ultimate Superior and Classic" table linkable ============  */

.wysiwyg .ultimate a,.wysiwyg  .superior a,.wysiwyg  .classic a { 
    color: #ffffff !important;
    text-decoration: none;
}

.wysiwyg .ultimate a:hover, .wysiwyg .superior a:hover, .wysiwyg .classic a:hover { 
    transition: all 0.1s;
    text-decoration: none;
}
.wysiwyg .ultimate a:hover { 
    color: #f3e3cb !important; 
}

.wysiwyg .superior a:hover { 
    color: #d4dcc6 !important; 
}

.wysiwyg .classic a:hover { 
    color: #d4dee4 !important; 
}

/* ==============  END Make product names on "What is the difference between Ultimate Superior and Classic" table linkable ============  */
    
/* ================= BEGIN: WYSIWYG editor style tweaks =================== */

.wysiwyg {
    max-width: 1100px;
}

.wysiwyg blockquote {
    display: table;
}

.wysiwyg a { 
    color: #0A488E !important;
    text-decoration: none;
}

.wysiwyg a:hover { 
    color: #6399c1 !important; 
    transition: all 0.1s;
    text-decoration: underline;
}

.wysiwyg sup {
    font-size: 60%;
}

.wysiwyg h4 {
    text-transform: none:
    font-weight: bold;
    font-size: 100%;
    text-align: left;
}

.wysiwyg p, .wysiwyg ul, {
    line-height: 1.6;
}

.wysiwyg ol, {
    line-height: 2.0 !important;
}

.leading li {
    margin-bottom: 8px;
}

.wysiwyg td, table {
    border: 0px;
}

.wysiwyg blockquote {
    font-size: 120%;
    font-style: italic;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 20px 0px;
    color: #0A468A;
    border-style: solid;
    border-width: 0px 0px 0px 5px;
}

/* Captions under photos */
.caption {
    font-size: small;
    font-style: italic;
    line-height: 1.4;
    margin: 0px 0px 10px 0px;
    padding: 0px 5px 5px 5px;
    border-bottom: 2px solid #f0efee;
    color: #00438C;
    width: 300px;

    }

/* Make photos float left and set it up to be responsive */
.photoleft {
    float: left;
    margin-right: 40px;
    width: 100%;
}
.photoleft a {
    color: #ffffff !important;

}

.photoleft img, .photoinline, .photoinline img {
    width: 100%;
}

.photoleft-2 {
    flex: 25%;
    /*width: 280px;
    height: 275px;*/
    border: 5px solid #fff;
}

.container1 {
    margin: auto;
    width: 1200px; 
}

.photoleft-2 a {
    color: #ffffff !important;

}

.photoleft-2 img{
    width: 100%;
    height: 186px;
 
    }

/* make .photosleft responsive */

@media (min-width: 500px) {
.photoinline { width: 100%; }

}

@media (max-width: 500px) {
.wysiwyg .btn, .photoleft .notBtn  {
    width: 100% !important;
}

}
@media (max-width: 767px) {
    .photoleft { width: 100%; }
.photoinline { width: 400px; }

.photoleft .btn, .photoleft .notBtn {
    width: 100% !important;
}
.photoleft .notBtn {
    margin-bottom: 20px;
}
}
@media (min-width: 768px) {
    .photoleft { width: 200px;}
.photoinline { width: 400px; }
.photoleft .btn, .photoleft .notBtn {
    width: 100% !important;
}
}
@media (min-width: 992px) {
    .photoleft { width: 200px; }
.photoinline { width: 400px; }

.photoleft .btn, .photoleft .notBtn {
    width: 100% !important;
}
}
@media (min-width: 1200px) {
    .photoleft { width: 300px; }
.photoinline { width: 400px; }
.photoleft .btn, .photoleft .notBtn {
    width: 100% !important;
}
}

/* ================= END: WYSIWYG editor style tweaks =================== */
    

/* BEGIN: Style the Carousel (slider) button */

/* MAKE RESPONSIVE TEXT FOR SLIDER */

.slide-show .btn {
    background:#D8A54F;
    border-color:#D8A54F;
}

.slide-show .btn:hover {
    color:#D8A54F !important;
}

/* Make slider text white for mobile */

@media (max-width: 767px) {
    .slide-text {
    color: #b4b4b4 !important;
    }
}


/* THIS IS SLIDER TEXT BOX WIDTH - MIGHT NEED TO USE FOR RESPONSIVE TEXT
.slide-show .slide-overlay {
    width: 65%;
    }  */

/* END: Style the Carousel (slider) button */

/* ================== BEGIN BRANDING BANNER CODE ============= */
/* BEGIN: BRANDING BANNER FOR LANDING PAGE  */

.brandingBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.bannerTops a {
    text-decoration:none;
    color:#ffffff;
} 
.bannerTops {
    color:#ffffff; 
    text-align:center;
    margin-bottom: 5px;
    padding:8px;
    font-size:16px;
    font-family: 'PT Sans', Arial, Sans-Serif;
    text-decoration:none;

}

.bedBug, .allergy, .waterproof, .medical {
    display:block; 
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px; 
    text-decoration:none !important;
}
.bedBug {
    background-color: #d8a54f; 
}
.allergy {
    background-color: #7b9c4e; 
}
.waterproof {
    background-color: #6BABD7; 
}
.medical {
    background-color: #06458a; 
}    
 .bedBug:hover, .allergy:hover, .waterproof:hover, .medical:hover, .service-item img:hover    {
    opacity: 0.85;
}

    
.container {
    margin-right:auto;
    margin-left:auto;
    padding-left:15px;
    padding-right:15px;

    }
    
.row{
    margin-left:-15px;
    margin-right:-15px;
    
        }
    
.content-section {
  padding-top: 20px;
}

.col-md-3,.col-sm-3,.col-md-12{
    position:relative;
    min-height:1px;
    padding-left:15px;
    padding-right:15px;
    }
    
.col-md-3 {
    padding-left:2px;
    padding-right:2px;
}

.service-item {
  position: relative;
  color: white;
  text-align: center;
  margin-bottom: 0px;
}

.service-item img {
  width: 100%;
  margin-bottom: 5px;
}

.service-item a {
    color: #ffff66;
    text-decoration: none;
}



.heading-section {
  margin-bottom: 10px;
  font-family: 'PT Sans', Arial, Sans-Serif;

}
.heading-section h2 {
  font-size: 28px;
  display: inline-block;
  color: #06458A;
  margin-bottom: 0px;
}
.heading-section p {
  color: #444444;
  font-size: 16px;
  font-weight: 300;
  margin-top: 10px;
  line-height: 1.5;
}
.text-center {
    text-align: center
}
.content-section#services {
    margin-top: 0px;
    background-color:#E9F2FA;
    display: flex;
}

@media (max-width: 767px) {
    .hidePhoto {
        display: none;
    }
    .bannerTops {
    padding: 20px 8px;
}
.heading-section p {
        text-align:left;
    }
    .bannerTops {
    text-decoration:none;
    color:#ffffff;
    font-size:18px;
}
}
@media (min-width: 768px) {
    .container {
        width: 750px;
    }
     .col-sm-3 {
        float: left;
        width: 25%;
     }
.heading-section p {
        text-align:left;
    }
}
@media (min-width: 992px) {
    .container {
        width: 970px;
    }
.col-md-12 {
        float: left;
        width: 100%;
    }
.col-md-3 {
        float: left;
        width: 25%;
    }
.heading-section p {
        text-align:center;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1185px;
    }
}
/* END: BRANDING BANNER FOR LANDING PAGE */

/* START: STACK BRAND PAGE LOGO IN MOBLE */

@media (min-width: 768px) {
.mobileBrands {
        float: left !important;
    }
.paddingBrands {
    padding: 20px !important;
    }

@media (max-width: 768px) {
    
.mobileBrands {
        display: block;
    }
.paddingBrands {
    padding: 20px !important;
    }
}
/* END: STACK BRAND PAGE LOGO IN MOBLE */

/* ================== END BRANDING BANNER CODE ============= */