/* -- Font Imports, ABSOLUTE MAY NEED TO BE UPDATED TO RELATIVE IF WE GET THE FONTS -- */

@font-face{
  font-family: 'Conv_ManhattanDarling-Regular';
  src: url('https://s3.amazonaws.com/core_app_assets/production/manual_loaded_images/MSM/msmfonts/ManhattanDarling-Regular.eot');
  src: url('https://s3.amazonaws.com/core_app_assets/production/manual_loaded_images/MSM/msmfonts/ManhattanDarling-Regular.woff') format('woff'),
  url('https://s3.amazonaws.com/core_app_assets/production/manual_loaded_images/MSM/msmfonts/ManhattanDarling-Regular.ttf') format('truetype'),
  url('https://s3.amazonaws.com/core_app_assets/production/manual_loaded_images/MSM/msmfonts/ManhattanDarling-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Veneer';
  
  src: url("https://s3.amazonaws.com/core_app_assets/production/manual_loaded_images/MSM/msmfonts/veneer.eot");
  src: url("https://s3.amazonaws.com/core_app_assets/production/manual_loaded_images/MSM/msmfonts/veneer.eot#iefix") format("embedded-opentype"),
  url("https://s3.amazonaws.com/core_app_assets/production/manual_loaded_images/MSM/msmfonts/veneer.woff") format("woff"),
  url("https://s3.amazonaws.com/core_app_assets/production/manual_loaded_images/MSM/msmfonts/veneer.ttf") format("truetype"),
  url("https://s3.amazonaws.com/core_app_assets/production/manual_loaded_images/MSM/msmfonts/veneer.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'FuturaPTCond-Medium';
  src: url('https://s3.amazonaws.com/core_app_assets/production/manual_loaded_images/MSM/msmfonts/2EDF62_1_0.eot');
  src: url('https://s3.amazonaws.com/core_app_assets/production/manual_loaded_images/MSM/msmfonts/2EDF62_1_0.eot?#iefix') format('embedded-opentype'),
  url('https://s3.amazonaws.com/core_app_assets/production/manual_loaded_images/MSM/msmfonts/2EDF62_1_0.woff2') format('woff2'),
  url('https://s3.amazonaws.com/core_app_assets/production/manual_loaded_images/MSM/msmfonts/2EDF62_1_0.woff') format('woff'),
  url('https://s3.amazonaws.com/core_app_assets/production/manual_loaded_images/MSM/msmfonts/2EDF62_1_0.ttf') format('truetype');
}


/* start: Boostrap primary-brand color overrides */
a, .CMSPage a {
  color: #778379;
  text-decoration: underline;
}

a:hover, a:active, a:focus, .CMSPage a:hover, .CMSPage a:active, .CMSPage a:focus {
  color: #525a53;
}

.nav a,
.btn {
  text-decoration: none;
}

.text-primary {
  color: #778379;
}
.bg-primary {
  background-color: #778379;
}
.btn-primary {
  background-color: #778379;
  border-color: #778379;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
  background-color: #fff;
  color: #778379;
  border-color: #778379;
}

.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #778379;
}
.btn-primary .badge {
  color: #778379;
}
.btn-link {
  color: #778379;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #778379;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  border-color: #778379;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #778379;
}
.pagination > li > a,
.pagination > li > span {
  color: #778379;
}
.pagination > li > a:hover {
  color: #778379;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #778379;
  border-color: #778379;
}
.label-primary {
  background-color: #778379;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #778379;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #778379;
}
.progress-bar {
  background-color: #778379;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #778379;
  border-color: #778379;
}
.panel-primary {
  border-color: #778379;
}
.panel-primary > .panel-heading {
  background-color: #778379;
  border-color: #778379;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #778379;
}
.panel-primary > .panel-heading .badge {
  color: #778379;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #778379;
}
/* end: Boostrap primary-brand color overrides */


/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see https://secure.apache.org/licenses/LICENSE-2.0.
 */

@media (min-width: 768px) and (max-width: 980px;) {

}

/* Global Styles */

html,
body
{
  height: 100%;
}

body
{
  padding-top: 70px;
  background-color: #f9f9f9;
}

#Template,
.site-layout {
  max-width: 980px !important;
  margin-left: auto;
  margin-right: auto;
}

body .container {
  max-width: 980px !important;
}

h1, .CMSPage h1{
  font-family: Conv_ManhattanDarling-Regular, Impact, sans-serif;
  font-size: 84px;
  color: #000;
  text-transform: capitalize;
  margin: 0 auto;
  line-height: 125%;
  text-shadow: -1px -1px 1px #fff;
  text-align: center;
}

h2, .CMSPage h2 {font-family: Veneer, Franklin Gothic Medium, sans-serif;}
h3, .CMSPage h3 {font-family: FuturaPTCond-Medium, Impact, sans-serif;}

form h3 {
  text-transform: uppercase;
}




.anchor {
    display: block;
    position: relative;
    top: -90px;
    visibility: hidden;
}

.footer-msm a
{
  color: #000;
  text-decoration: none;
}
.footer-msm a:active, .footer-msm a:focus
{
  color: #f8f8f8;
}

.footer-msm a:hover, .footer-msm a:link:hover
{
  color: #f8f8f8;
  text-decoration: none;
    /* First we need to help some browsers along for this to work.
   Just because a vendor prefix is there, doesn't mean it will
   work in a browser made by that vendor either, it's just for
   future-proofing purposes I guess. */
   -o-transition:.3s;
   -ms-transition:.3s;
   -moz-transition:.3s;
   -webkit-transition:.3s;
   /* ...and now for the proper property */
   transition:.3s;
}

.img-portfolio
{
  margin-bottom: 30px;
}

.img-hover:hover
{
  opacity: 0.8;
}


/* 404 Page Styles */

.error-404
{
  font-size: 100px;
}

/* Pricing Page Styles */

.price
{
  display: block;
  font-size: 50px;
  line-height: 50px;
}

.price sup
{
  top: -20px;
  left: 2px;
  font-size: 20px;
}

.period
{
  display: block;
  font-style: italic;
}

.hrecipe  h1 {
   font-family: Veneer, Franklin Gothic Medium, sans-serif;
   font-size: 46px;
   line-height: 50px;
   padding-top: 12px;
}

/* Footer Styles */

footer
{
  margin: 50px 0;
}

/* Responsive Styles */

@media (max-width:991px) {
  .customer-img,
  .img-related
  {
    margin-bottom: 30px;
  }
}

@media (max-width:767px) {
  .img-portfolio
  {
    margin-bottom: 15px;
  }
  header.carousel .carousel
  {
    height: 70%;
  }
}

.msm-logo
{
  width: 165px;
  margin-top: -6px;
}

/*
@media (min-width:980px) {
  .msm-logo{
  width: 220px;
  margin-top: -11px;
  }
}
*/

/*@media (min-width:768px)and (max-width:991px) {
  .hidden-sm {
    display: none !important
  }
}*/

.msm-navbar
{
  background-color: #bfad95;
  background-image: url('https://core-secure-graphics.grocerywebsite.com/Customizations/parent_sites/3/retailers/2579/images/wood_2tall_navbar.jpg');
  background-size: 50%;
  border-bottom: 0px;
}

.navbar-msm
{
  color: #000000;
  letter-spacing: 0.5px;
}

.navbar-inverse .navbar-nav>li>a
{
  color: #000000;
}

.Content {
  margin-top: 20px;
}

.block
{
  margin-bottom: 0px;
}

.banner
{
  margin-bottom: 20px;
}

.block-right
{
  float: right;
}

.footer-msm
{
  background-color: #b2a79d;
}

.navbar-nav
{
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav>li
{
  position: relative;
  display: block;
}

.navbar-nav>li>a
{
  position: relative;
  display: block;
  padding: 10px 15px;
  font-family: FuturaPTCond-Medium, Impact, sans-serif;
  font-size: 20px;
  text-shadow: 0px 0px 10px rgb(200, 185, 168);
}

.navbar-nav>li>a:focus, .navbar-nav>li>a:hover
{
  text-decoration: none;
  background-color: #eee;
}

.navbar-nav>li.disabled>a
{
  color: #777;
}

.navbar-nav>li.disabled>a:focus, .navbar-nav>li.disabled>a:hover
{
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}

.navbar-nav .open>a, .navbar-nav .open>a:focus, .navbar-nav .open>a:hover
{
  background-color: #eee;
  border-color: #337ab7;
}

.navbar-nav .nav-divider
{
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.navbar-nav>li>a>img
{
  max-width: none;
}

.nav-tabs
{
  border-bottom: 1px solid #ddd;
}

.nav-tabs>li
{
  float: left;
  margin-bottom: -1px;
}

.nav-tabs>li>a
{
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}

.nav-tabs>li>a:hover
{
  border-color: #eee #eee #ddd;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
{
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.nav-tabs.nav-justified
{
  width: 100%;
  border-bottom: 0;
}

.nav-tabs.nav-justified>li
{
  float: none;
}

.nav-tabs.nav-justified>li>a
{
  margin-bottom: 5px;
  text-align: center;
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu
{
  top: auto;
  left: auto;
}

@media (min-width:768px) {
  .nav-tabs.nav-justified>li
  {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified>li>a
  {
    margin-bottom: 0;
  }
}

.nav-tabs.nav-justified>li>a
{
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover
{
  border: 1px solid #ddd;
}

@media (min-width:768px) {
  .nav-tabs.nav-justified>li>a
  {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover
  {
    border-bottom-color: #fff;
  }
}

.nav-pills>li
{
  float: left;
}

.nav-pills>li>a
{
  border-radius: 4px;
}

.nav-pills>li+li
{
  margin-left: 2px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover
{
  color: #fff;
  background-color: #337ab7;
}

.nav-stacked>li
{
  float: none;
}

.nav-stacked>li+li
{
  margin-top: 2px;
  margin-left: 0;
}

.nav-justified
{
  width: 100%;
}

.nav-justified>li
{
  float: none;
}

.nav-justified>li>a
{
  margin-bottom: 5px;
  text-align: center;
}

.nav-justified>.dropdown .dropdown-menu
{
  top: auto;
  left: auto;
}

@media (min-width:768px) {
  .nav-justified>li
  {
    display: table-cell;
    width: 1%;
  }
  .nav-justified>li>a
  {
    margin-bottom: 0;
  }
}

.nav-tabs-justified
{
  border-bottom: 0;
}

.nav-tabs-justified>li>a
{
  margin-right: 0;
  border-radius: 4px;
}

.nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover
{
  border: 1px solid #ddd;
}

@media (min-width:768px) {
  .nav-tabs-justified>li>a
  {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover
  {
    border-bottom-color: #fff;
  }
}

.tab-content>.tab-pane
{
  display: none;
}

.tab-content>.active
{
  display: block;
}

.nav-tabs .dropdown-menu
{
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar
{
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
}

@media (min-width:768px) {
  .navbar
  {
    border-radius: 4px;
    max-height: 50px;
  }
  .navbar-header
  {
    float: left;
  }
}

.navbar-collapse
{
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}

.navbar-collapse.in
{
  overflow-y: auto;
}

@media (min-width:768px) {
  .navbar-collapse
  {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-collapse.collapse
  {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in
  {
    overflow-y: visible;
  }
  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse
  {
    padding-right: 0;
    padding-left: 0;
  }
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse
{
  max-height: 440px;
}

@media (max-device-width:480px)and (orientation:landscape) {
  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse
  {
    max-height: 200px;
  }
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header,
.container>.navbar-collapse, .container>.navbar-header
{
  margin-right: -15px;
  margin-left: -15px;
}

@media (min-width:768px) {
  .container-fluid>.navbar-collapse, .container-fluid>.navbar-header,
  .container>.navbar-collapse, .container>.navbar-header
  {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-static-top
{
  z-index: 1000;
  border-width: 0 0 1px;
}

@media (min-width:768px)
{
  .navbar-static-top
  {
    border-radius: 0;
  }
}

.navbar-fixed-bottom, .navbar-fixed-top
{
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}

@media (min-width:768px) {
  .navbar-fixed-bottom, .navbar-fixed-top
  {
    border-radius: 0;
  }
}

.navbar-fixed-top
{
  top: 0;
  border-width: 0 0 1px;
}

.navbar-fixed-bottom
{
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}

.navbar-brand
{
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}

.navbar-brand:focus, .navbar-brand:hover
{
  text-decoration: none;
}

.navbar-brand>img
{
  display: block;
}

@media (min-width:768px) {
  .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand
  {
    margin-left: -15px;
  }
}

.navbar-toggle
{
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle:focus
{
  outline: 0;
}

.navbar-toggle .icon-bar
{
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggle .icon-bar+.icon-bar
{
  margin-top: 4px;
}

@media (min-width:768px) {
  .navbar-toggle
  {
    display: none;
  }
}

.navbar-nav
{
  margin: 7.5px -15px;
}

.navbar-nav>li>a
{
  padding-left: 5px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

@media (max-width:767px) {
  .navbar-nav .open .dropdown-menu
  {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a
  {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu>li>a
  {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover
  {
    background-image: none;
  }
}

@media (min-width:768px) {
  .navbar-nav
  {
    float: left;
    margin: 0;
  }
  .navbar-nav>li
  {
    float: left;
  }
  .navbar-nav>li>a
  {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

/*
@media (min-width:980px) {
  .navbar-nav>li>a
  {
    padding-left: 15px;
    padding-right: 15px;
  }
}
*/

.navbar-form
{
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}

@media (min-width:768px) {
  .navbar-form .form-group
  {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control
  {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static
  {
    display: inline-block;
  }
  .navbar-form .input-group
  {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn
  {
    width: auto;
  }
  .navbar-form .input-group>.form-control
  {
    width: 100%;
  }
  .navbar-form .control-label
  {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .checkbox, .navbar-form .radio
  {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .checkbox label, .navbar-form .radio label
  {
    padding-left: 0;
  }
  .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio]
  {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback
  {
    top: 0;
  }
}

@media (max-width:767px) {
  .navbar-form .form-group
  {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child
  {
    margin-bottom: 0;
  }
}

@media (min-width:768px) {
  .navbar-form
  {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.navbar-nav>li>.dropdown-menu
{
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu
{
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn
{
  margin-top: 8px;
  margin-bottom: 8px;
}

.navbar-btn.btn-sm
{
  margin-top: 10px;
  margin-bottom: 10px;
}

.navbar-btn.btn-xs
{
  margin-top: 14px;
  margin-bottom: 14px;
}

.navbar-text
{
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (min-width:768px) {
  .navbar-text
  {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
  .navbar-left
  {
    float: left !important;
  }
  .navbar-right
  {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right~.navbar-right
  {
    margin-right: 0;
  }
}

.navbar-default
{
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand
{
  color: #777;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover
{
  color: #000000;
  background-color: transparent;
}

.navbar-default .navbar-text
{
  color: #777;
}

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

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover
{
  color: #333;
  background-color: transparent;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover
{
  color: #555;
  background-color: transparent;
}

.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover
{
  color: #000000;
  background-color: transparent;
}

.navbar-default .navbar-toggle
{
  border-color: #ddd;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover
{
  background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar
{
  background-color: #888;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form
{
  border-color: #e7e7e7;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover
{
  color: #555;
  background-color: transparent;
}

@media (max-width:767px) {
  .navbar-default .navbar-nav .open .dropdown-menu>li>a
  {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover
  {
    color: #333;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover
  {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover
  {
    color: #ccc;
    background-color: #e7e7e7;
  }
}

.navbar-default .navbar-link
{
  color: #000;
}

.navbar-default .navbar-link:hover
{
  color: #333;
}

.navbar-default .btn-link
{
  color: #777;
}

.navbar-default .btn-link:focus, .navbar-default .btn-link:hover
{
  color: #333;
}

.navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover
{
  color: #000000;
}

.navbar-inverse
{
  background-color: transparent;
  border-color: #CCC;
}

.navbar-inverse .navbar-brand
{
  color: #000000;
}

.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover
{
  color: #000;
  background-color: transparent;
}

.navbar-inverse .navbar-text
{
  color: #000;
}

.navbar-inverse .navbar-nav>li>a
{
  color: #000;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover
{
  color: #000;
  background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover
{
  color: #000;
  background-color: transparent;
}

.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:focus, .navbar-inverse .navbar-nav>.disabled>a:hover
{
  color: #444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle
{
  border-color: #333;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover
{
  background-color: transparent;
}

.navbar-inverse .navbar-toggle .icon-bar
{
  background-color: #000;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover
{
  color: #000;
  background-color: transparent;
}

@media (max-width:767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header
  {
    border-color: #080808;
  }
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form
  {
    border-color: #101010;
    background: #b2a79d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider
  {
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a
  {
    color: #000;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover
  {
    color: #000;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover
  {
    color: #000;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover
  {
    color: #444;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-link
{
  color: #9d9d9d;
}

.navbar-inverse .navbar-link:hover
{
  color: #333;
}

.navbar-inverse .btn-link
{
  color: #9d9d9d;
}

.navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover
{
  color: #333;
}

.navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover
{
  color: #444;
}

.footer-icons-msm
{
  margin-left: 40%;
  padding-bottom: 10px;
}

.footer-list-msm
{
  margin-left: -38px;
  margin-bottom: 30px;
  list-style-type: none;
  font-family: FuturaPTCond-Medium, Impact, sans-serif;
  font-size: 18px;
}

.footer-mobile-padding
{
  padding-left: 1%;
}

@media (max-width:479px) {
  .footer-padding-left
  {
    padding-left: 4%;
  }
  .footer-social-xs
  {
    margin-left: -50%;
    margin-top: 90px;
  }
  .nav>li>a {   
  	padding: 10px 8px; 
  }
}

.banner-temp
{
  margin-bottom: 5px;
}

.post-footer-text
{
  text-align: center;
  font-family: FuturaPTCond-Medium, Impact, sans-serif;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0.5px;
}



.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default
{
  color: #778379;
  background-color: #fff;
  border-color: #778379;
}

.btn-default
{
  color: #333;
  background-color: rgba(255, 255, 255, 0.8);
  border-color: #ccc;
}

#Content .ListIndexContainer .SignUp a {
   display: inline-block;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   background-color: #318959 ;
   color: white;
   text-decoration: none;
   padding: 5px 10px 5px 10px;
}

/* Social Testing */

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

.social ul
{
  margin: 0;
  padding: 5px;
}

.social ul li
{
  margin: 5px;
  list-style: none outside none;
  display: inline-block;
}

.social i
{
  width: 40px;
  height: 40px;
  color: #FFF;
  background-color: #b2a79d;
  font-size: 22px;
  text-align: center;
  padding-top: 12px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
}

.social i:hover
{
  color: #FFF;
  text-decoration: none;
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
}

.social .fa-facebook:hover
{
  background: #4060A5;
}

.social .fa-twitter:hover
{
  background: #00ABE3;
}

.social .fa-google-plus:hover
{
  background: #e64522;
}

.social .fa-pinterest:hover
{
  background: #cb2027;
}

.social .fa-linkedin:hover
{
  background: #0094BC;
}

.social .fa-instagram:hover
{
  background: #375989;
}

.social .fa-youtube:hover
{
  background: #FF1F25;
}

.social .fa-xing:hover
{
  background: #005C5E;
}

.social .fa-youtube-play:hover
{
  background: #DF192A;
}

/*End social test */

.below-footer
{
  margin-top: -25px;
}

.footer-h4-title
{
  font-family: FuturaPTCond-Medium, Impact, sans-serif;
  font-size: 130%;
  letter-spacing: 1px;
  margin-top: 30px;
  display: block;
  text-align: left;
  margin-left: 2px;
  margin-bottom: 10px;
}

#Footer a {
  color: #000000;
  text-decoration: none;
  line-height: 150%;
}

#Footer a:hover {
  color: #f8f8f8;
  text-decoration: none;
    /* First we need to help some browsers along for this to work.
   Just because a vendor prefix is there, doesn't mean it will
   work in a browser made by that vendor either, it's just for
   future-proofing purposes I guess. */
   -o-transition:.3s;
   -ms-transition:.3s;
   -moz-transition:.3s;
   -webkit-transition:.3s;
   /* ...and now for the proper property */
   transition:.3s;
}

#Footer .post-footer-text a {
  color: #000000;
  text-decoration: none;
}

.post-footer-text a:active
{
  color: #b2a79d;
}

#Footer .btn-primary {
	background: #000000;
	border: #000000;
	margin-left: -4px;
}

#Footer .post-footer-text a:hover, #Footer .post-footer-text a:link:hover
{
  color: #000000;
  text-decoration: underline;
    /* First we need to help some browsers along for this to work.
   Just because a vendor prefix is there, doesn't mean it will
   work in a browser made by that vendor either, it's just for
   future-proofing purposes I guess. */
   -o-transition:.3s;
   -ms-transition:.3s;
   -moz-transition:.3s;
   -webkit-transition:.3s;
   /* ...and now for the proper property */
   transition:.3s;
}

.text-capitalize {
  text-transform: uppercase;
}


/* Footer alignment fixes */

@media (max-width:479px) {
  .footer-padding-msm
  {
    display: table; margin: 1px;
  }
}

@media (min-width:479px) {
  .footer-padding-msm
  {
    display: table; margin: 0 auto;
  }
  ul.footer-list-msm
  {
	padding-left: 40px;
  }

}

/* END Footer alignment fixes */

.dept-full-height
{
  height: 120%;
  width: 472px;
}

.dept-padding
{
  padding-right: 28px;
}

.black-hr
{
  background-color: #333;
  background: #333;
}

.dept-icon
{
  float: right;
  margin-top: -10px;
  padding-left: 6px;
  margin-right: 16px;
}

.dept-header {
  font-size: 84px;
  color: #000;
  text-transform: capitalize;
  margin: 0 auto;
  line-height: 69px;
  text-shadow: -1px -1px 1px #FFFFFF;
  text-align: center;
  font-family: Conv_ManhattanDarling-Regular, Impact, sans-serif;
  padding-top: 8px;
}

.dept-navicons {
  display: block;
  padding: 1px;
  margin-bottom: 16px;
  line-height: 1.42857143;
  border: 1px solid #eeeeee;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.dept-navicons > img,
.dept-navicons a > img {
  margin-left: auto;
  margin-right: auto;
}
a.dept-navicons:hover,
a.dept-navicons:focus,
a.dept-navicons.active {
	border: 1px solid #dddddd;
	border-radius: 4px;
}

.ourstoryveneer {
	color: #778379;
  font-weight: 500;
  font-size: 32px;
  text-shadow: 0px 0px 0px rgba(100, 92, 85, 1);
  letter-spacing: 1px;
}

.veneer-black {
	color: #000000;
  font-weight: 500;
  font-size: 32px;
  text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);
  letter-spacing: 1px;
}

div.SearchEntry h1 {
  font-family: FuturaPTCond-Medium, Impact, sans-serif;
  margin-left: 10px;
}
/* setting these to be h2 veneer instead */
/*
.StoreTitle h1 {
    font-family: Conv_ManhattanDarling-Regular, Impact, sans-serif;
    font-size: 57px;
    text-shadow: 1px 0px 0px #ccc;
    padding-left: 10px;
    line-height: 70px;
}

.Titles h1 {
    font-family: Conv_ManhattanDarling-Regular, Impact, sans-serif;
    font-size: 57px;
    text-shadow: 1px 0px 0px #ccc;
    padding-left: 6px;
    line-height: 70px;
}

*/

.StoreTitle h1 {
    font-family: Veneer, Franklin Gothic Medium, sans-serif, Helvetica, Arial;
    font-size: 42px;
    text-shadow: 1px 0px 0px #ccc;
    padding-left: 18px;
    line-height: 42px;
}

.Titles h1 {
    font-family: Veneer, Franklin Gothic Medium, sans-serif, Helvetica, Arial;
    font-size: 42px;
    text-shadow: 1px 0px 0px #ccc;
    padding-left: 6px;
    line-height: 42px;
}

@media (max-width:479px) {
  .caption-glider .promo-box-description
  {
    display: none;
  }
  .caption-glider .promo-block-button
  {
    font-size: 20px;
  }
  .home-banner .home-banner-text {
    font-size: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
    padding-left: 4px;
    }
}

/* Circular */

.page-circular-select-store h1 {
  text-align: left;
}

.page-circular-select-store .heading-title-circular-name-wrapper {
  display: block;
  text-align: center;
  font-family: Conv_ManhattanDarling-Regular, Impact, sans-serif;
  font-size: 84px;
  margin-top: 50px;
  padding-bottom: 10px;
  margin-bottom: -35px;
}

.page-circular-select-store .heading-title-circular-name-wrapper,
.circular-name {
  border-bottom-color: #eee;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.circular-name {
  margin-bottom: 25px;
}


.page-circular-select-store h1 {
  font-family: Veneer, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 35px;
  max-height: 150px;
}

.page-circular-select-store .heading-title-login {
  padding-left: 0;
  text-align: left;
}

.page-circular-select-store .heading-title-or {
  display: none;
}

.page-circular-select-store .heading-title-select-store {
  padding-left: 25px;
}

.page-circular-select-store .heading-title-view-circular {
  display: none;
}

.page-circular-select-store .heading-title-select-store {
    display: none;
}

/* desktop */
@media (min-width: 768px) {
  .page-circular-select-store h1 {
    font-size: 50px;
    max-height: 50px;
    margin-bottom: -135px;
  }
  .page-circular-select-store .heading-title-select-store {
    display: block;
  }
}


.page-circular-select-store .state-heading {
  display: none;
}

.circular-name {
  text-align: center;
}

.circular-mini-search {
  display: none;
}

.circular-item-info-trigger {
  width: 85px;
  padding: 4px;
}

.circular-main-search {
  padding-bottom: 15px;
  width: 100%;
}

.circular-main-search-tips {
  display: none;
}

.popover-title {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.home-banner {
  padding-top: 25px;
  padding-bottom: 0;
}

.home-banner .home-banner-text {
  font-family: FuturaPTCond-Medium, Impact, sans-serif;
  font-size: 24px;
  background-image: url('https://core-secure-graphics.grocerywebsite.com/Customizations/parent_sites/3/retailers/2579/images/wood_2tall_navbar.jpg');
  background-size: 50%;
  padding-top: 15px;
  padding-bottom: 15px;
}

/* Button on employment page */
.op-button {
	font-size: 24px;
	line-height: 26px;
	padding: 8px 30px 6px 30px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #778379;
	border: 1px solid #778379;
	color: #ffffff;
	font-family: 'FuturaPTCond-Medium', Arial Narrow, sans-serif;
}
.op-button:hover {background: #fff; border: 1px solid #778379; color:#778379;}

a.op-button {cursor:pointer; text-transform:uppercase; width:auto; text-decoration:none; color: #fff}



/* Departments page fixes */

@media (max-width:479px) {
  #spirits img
  {
    padding-top: 20px;
  }
}
/* END Dept page fixes */