@font-face {
  font-family: "mrsfields-serif";
  src: url('/lib/fonts/Sanchez-Regular.eot');
  src: url('/lib/fonts/Sanchez-Regular.eot?') format('eot'),
  url('/lib/fonts/Sanchez-Regular.woff') format('woff'),
  url('/lib/fonts/Sanchez-Regular.ttf')  format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "mrsfields-sans";
  src: url('/lib/fonts/Quicksand-Medium.eot');
  src: url('/lib/fonts/Quicksand-Medium.eot?') format('eot'),
  url('/lib/fonts/Quicksand-Medium.woff') format('woff'),
  url('/lib/fonts/Quicksand-Medium.ttf')  format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "mrsfields-shop";
  src: url('/lib/fonts/Smoothie-Shoppe.woff');
  url('/lib/fonts/Smoothie-Shoppe.woff') format('woff'),
  url('/lib/fonts/Smoothie-Shoppe.ttf')  format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "mrsfields-myriad-pro";
  src: url('/lib/fonts/Myriad-Pro-Bold.woff'); /* IE9 Compatibility Modes */
  url('/lib/fonts/Myriad-Pro-Bold.woff') format('woff'), /* Modern Browsers */
  url('/lib/fonts/Myriad-Pro-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
  font-weight: 400;
  font-style: normal;
}

/* FONTS */
@font-face {
	font-family: "Oswald Bold";
	src: url("/lib/fonts/Oswald-Bold.ttf") format("truetype");
}

body { position: relative; }

/* --- Overrides of Bootstrap (that couldn't be done in variables.less) ---  */
.btn { text-transform: uppercase; }
h3 { font-family: mrsfields-sans; } .table > thead > tr > th { border-bottom: 1px solid #666; text-transform: uppercase; font-size: 21px; font-weight: 600; color: #666; line-height: 1.05; padding-bottom: 12px; }
.table > tbody > tr > td { padding: 19px 8px; font-size: 19px; line-height: 1.65; }
.table.table-original > tbody > tr > td { padding: inherit; }
.table > thead > tr > th.no-border { border-bottom: none; }
.table > tfoot > tr:first-child > td { border-top: 1px solid #666; }
.table > tfoot > tr:first-child > td.no-border, table.table > tfoot > tr:first-child > td.no-border .second-line { border-top: none; }
.btn { padding: 14px 42px 12px; }
.btn-primary { background-color:#AC1B29; border-color:#AC1B29; }
.btn-primary:hover { background-color:#921723; border-color:#921723; }
.table-bordered th, .table-bordered td { border: 1px solid #ddd !important; }
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px !important; font-size: 13px; }
.btn.btn-submitted-spinner { position: relative !important; background-color: transparent !important; border-color: transparent !important; color: transparent; box-shadow: none !important; }
.btn.btn-sm { font-weight: normal; }
.btn-sm, .btn-group-sm>.btn { padding: 6px 39px 4px; }
.carousel-control.right, .carousel-control.left { background-image:none; }
.input-sm { padding-left: 10px; padding-right: 10px; }
.input-xs { padding: 0px 10px !important; height: 25px; font-size: 12px; }
.home-hero-carousel .static-links-left-nav{ position: absolute; top: 10px; left: 0px; z-index: 15; width: auto; padding-left: 10px; text-align: left; list-style: none; }
.home-hero-carousel .static-links-left-nav a, .home-hero-carousel .static-links-left-nav a:visited{ color: white; text-shadow: 2px 2px 8px #000; text-decoration: none; font-size:22px; }
.home-hero-carousel .carousel-indicators-left-nav{ position: absolute; bottom: 0px; left: 20px; z-index: 15; width: auto; padding-left: 0; text-align: center; list-style: none; min-width: 240px; }
.home-hero-carousel .carousel-indicators-left-nav .hero-left-nav{ background: rgba(196, 18, 48, 1); padding: 15px 15px 15px 15px; margin-bottom: 5px; color:white; text-align:left; }
.home-hero-carousel .carousel-indicators-left-nav li.active .hero-left-nav{ background: rgba(256, 256, 256, 1); color: rgb(196, 18, 48); }
.home-hero-carousel .carousel-indicators-left-nav a { text-decoration:none; }
.home-hero-carousel .hero-nav-title{ font-size:16px; margin-bottom:0px; margin-top:0px; text-transform:uppercase; }
.home-hero-carousel li.active .hero-nav-title { font-size:16px; font-weight: 700; margin-bottom:0px; margin-top:0px; }
label { font-weight: 600; }
a:focus, *:focus { }
.discount-details-modal { padding: 0px 20px; }
.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.grecaptcha-badge { visibility: hidden; }
.hover-underline:hover { text-decoration: underline !important; }
.text-white { color: white !important; }

/* VERTICALLY CENTERED MODAL */
.modal.modal-vertical-center  { text-align: center; }
@media screen and (min-width: 768px) { .modal.modal-vertical-center:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; } }
.modal-vertical-center .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }

/* ---  HTML Placeholder Colors --- */
::-webkit-input-placeholder { color:    #b8b8b8 !important; }
:-moz-placeholder { color: #b8b8b8 !important; opacity:  1; }
::-moz-placeholder { color: #b8b8b8 !important; opacity:  1; }
:-ms-input-placeholder { color: #b8b8b8 !important; }

/* ---  Bootstrap Carousel Fade --- */
.carousel-fade .carousel-inner .item {	opacity: 0;	transition-property: opacity;}
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {left: 0;opacity: 0;z-index: 1;}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-control { z-index: 2; }

/* Really-useful Common Styles */
.mrs-red { color: #c41230 !important; }
.mrs-red-background { background: #c41230; }
.mrs-dark-brown { color: #413000; }
.mrs-light-brown { color: #584E3C; }
.clear { clear: both; }
.serif-italic{ font-family: mrsfields-serif; font-style: italic; }
.smaller { font-size: smaller; }
.italic { font-style: italic; }
.no-bottom-margin { margin-bottom: 0px !important; }
.no-top-margin { margin-top: 0px !important; }
.no-top-padding { padding-top: 0px !important; }
.no-bottom-padding { padding-bottom: 0px !important; }

/* Nav Bar Toggle Styles */
#global-navbar-scrolling { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
button.navbar-toggle{ border-color:#ddd; float: left; margin-left: 30px; }
.navbar-toggle .icon-bar{ background-color:#888; }
.sidr-animating #navbar_scrolled, .sidr-open #global-navbar-scrolling{ left:260px; } 
.navbar-header .logo-small{ float:left;margin:5px 25px; }

/* Header and Nav Styles */
#global-navbar-fixed { margin-bottom: 0px; }
#global-navbar-fixed .container { width: 100%; }
#global-navbar-scrolling .navbar-left  li a, #global-navbar-fixed .navbar-left li a,
#global-navbar-scrolling .navbar-right li a, #global-navbar-fixed .navbar-right li a,
#main-footer .post-footer li a { padding: 4px 0  0 8px; font-size: 14px; }
#global-navbar-scrolling .navbar-left  li > a, #global-navbar-scrolling .navbar-right li > a{ padding: 0 22px; line-height: 100px; }
#main-header { position: relative; width: 100%; min-width: 1000px; padding: 0px; }
#main-header .locator-nav-bar    { position: absolute; top: 5px;  left: 0px;    z-index: 5; }
#main-header .locator-nav-bar li { padding-left: 11px; }
#main-header .account-nav-bar { position: absolute; top: 5px;  right: 29px; z-index: 5; }
#main-header .account-nav-bar .my-account { display: none; }
#main-header .account-nav-bar a  { display: inline-block; }
#main-header .account-nav-bar a:focus  { color:#be1e2d; }
#main-header .account-nav-bar a.header-logout span { color: #9b1d1d; }
#main-header .account-nav-bar .navbar-nav > li { padding-left: 10px; }
#main-header .account-nav-bar .navbar-nav { margin-right: -10px; }
#main-header .cartsearch-nav-bar { position: absolute; top: 43px; right: 29px; z-index: 5; text-align: right; width: 350px; }
.search-bar { float:right; margin-top: 6px; }
.search-bar .holiday-delivery-schedule { margin: 5px 5px 0px 0px; }
#main-header .locator-nav-bar .store-locate-icon { margin-right: 8px; border: 1px solid #ccc; margin-top: -10px; }
#main-header .locator-nav-bar .buy-a-franchise-icon { margin-right: 8px; }
.search-results-container{ display:none; box-shadow: 0 7px 15px rgba(50, 50, 50, 0.5);right: 0px;width: 861px;height: 405px;text-align: right;background-color: #ffffff;position:relative; right: 511px;}
.search-results-container .row { height: 100% } /* Let's us center the spinner...ish */
.search-results-container .suggested-products{width:68%;height:100%}
.search-results-container .search-tile{height:200px;padding: 9px 0 0 9px;text-align: left;}
.search-results-container .search-tile img{display:block;width: 134px; height:134px;border: 1px solid #ccc;}
.search-results-container .search-tile .prod-name{color:#222; font-family: mrsfields-sans; font-size: 15px; line-height: 1em; height: 2em; margin-top:4px; overflow: hidden;}
.search-results-container .search-tile .description{color:#828282; font-family: mrsfields-sans; font-size: 12px}
.search-results-container .search-tile .price{color:#222; font-family: mrsfields-sans; font-size: 13px;}
.search-results-container .search-terms{text-align: left;width:30%;padding:0 0 0 20px;font-family: mrsfields-sans;font-size: 18px;margin-top:17px}
.search-results-container .search-terms ul{list-style: none;padding: 0; line-height: 2.15em;}
.search-results-container .search-terms ul a{color:#413000;}
.search-results-container .search-terms li{padding-left:5px; width:inherit; overflow-x:hidden;}
.search-results-container .search-terms li div{width:1000px; height:inherit;  display:inline-block;}
.search-results-container .search-terms li.hover-on{background-color:#eee;}
.header-checkout { display: inline-block; margin-left: 20px; text-transform: uppercase; font-size: 14px; text-decoration: none; border-bottom: 1px solid black; font-weight: 600; border-bottom-width: 1px; padding-bottom: 0px; line-height: 13px; }
.header-checkout:hover { color: #c41230; text-decoration: none; border-color: #c41230; }
.cart-icon-open { cursor: pointer; }
.cart-icon-open:hover { color: #c41230; }
.order-header { width: 1000px; margin: 0px auto; height: 135px; position: relative; }
.order-header .page-title { position: absolute; bottom: 10px; left: 0px; font-family: mrsfields-serif; font-size: 30px; }
.order-header .header-sub-nav .sep { display: inline-block; padding: 0px 5px; }
.order-header .header-sub-nav .sep::after { content: "|"; }
.order-header .header-sub-nav { position: absolute; bottom: 10px; right: 0px; }
.my-row { margin: 0px; padding: 0px; width: 100%; }
.btn-xs { padding: 2px 20px; font-size: 12px; text-transform: none; font-weight: normal; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.hidden-tracker { width: 1px; height: 1px; display: none; }
.mcafee-secure-trustmark img { border: none; width: 75px; height: auto; }
#top-pencil-banner { display: none; background: #c72032; min-height: 50px; margin: 0px 0px 10px 0px; padding: 13px 20px 0px 20px; box-shadow: 0px 3px 5px #b7b7b7; overflow: hidden; text-align: center; color: white; font-weight: bold; }
#top-pencil-banner.top-pencil-banner-active { display: block; }
#top-pencil-banner .promo-text { display: inline-block; padding-left: 15px; }
#top-pencil-banner .remove-promo { margin-top: 2px; }
#top-pencil-banner a { color: white; }
.text-policy-disclaimer { font-size: 12px; opacity: 0.8; margin-top: 30px; }
.text-policy-disclaimer.top-line { border-top: 1px solid #dfdfdf; padding-top: 10px; }
.text-policy-disclaimer a { opacity: 1; text-decoration: underline; color: black !important; }

/* MOBILE SEARCH RESULTS */
.mobile-top-search-form { position: relative; display: block; overflow: visible; height: 32px; }
.mobile-top-search-form > button.mobile-search-btn { position: absolute; right: 0px; top: 0px; }
.mobile-search-results { clear: both; position: absolute; top: 13px; left: 0px; width: 100%; border: 1px solid #ccc; background: white; margin-top: 20px; text-align: left; box-shadow: 0px 5px 10px gray; padding: 5px; z-index: 100000; }
.mobile-search-results .search-result { margin-bottom: 5px; }
.mobile-search-results .search-result img { width: 100%; height: auto; border: 1px solid #ccc; }
.mobile-search-results .search-result .description { font-size: 0.9em; }
.mobile-search-results .mobile-search-closer { position: absolute; top: 5px; right: 5px; color: #c4122e; }

/* MEDIA CHANNELS */
.header-icon-hear-about-us { position: absolute; right: 10px; z-index: 1; display: block; width: 118px; height: 125px; background: url( '/images/hear-about-us-marquee-tv.png' ) no-repeat; font-size: 11px; padding: 45px 16px 0px 22px; text-align: center; line-height: 12px; top: 25px; outline: none; }
.header-icon-hear-about-us:hover { text-decoration: none; color: inherit; }
.header-icon-hear-about-us b { font-size: 10px; color: #be1e2d; display: block; margin-top: 2px; }
#main-header .with-media-channels-experience .cartsearch-nav-bar { right: 135px; }
#main-header .with-media-channels-experience .account-nav-bar { right: 115px; }
#main-header .with-media-channels-experience .account-nav-bar li { padding-left: 0px; }
#main-header .with-media-channels-experience .account-nav-bar .sep { padding-left: 0px; }
.with-media-channels-experience .header-icon-hear-about-us.with-mini-cart { top: 25px; }
#media-channel-selector { padding: 20px 20px 0px 20px; }
#media-channel-selector h2 { font-size: 18px; padding: 0px; margin: 0px 0px 7px 0px; }
#media-channel-selector h3 { font-size: 15px; padding: 0px; margin: 0px 0px 20px 0px; color: #222; font-weight: normal; }
#media-channel-selector input.form-control { width: 80%; }
#media-channel-selector button.btn { padding-left: 15px; padding-right: 15px; float: right; }
#media-channel-selector .media-page-error { font-size: 12px; color: red; display: none; }
#media-channel-selector.has-error .media-page-error { display: block; }

#main-header .logo-centered { position: absolute; left: 50%; top: 9px; z-index: 0; margin-left: -80px; }
#main-header .logo { outline: none; }
#main-header .logo-centered .logo { display: block; overflow: hidden; margin: 0px 0px 0px 0px; }
#main-header .logo-centered .logo image.svg-logo { width: 155px; height: 85px;}

#main-header .category-nav-bar { position: absolute; top: 120px; left: 0px; width: 100%; padding: 0; }
#global-navbar-scrolling .navbar-collapse.collapse{ position: relative; margin-left: 250px; }
.icon-menu { padding: 0; list-style: none; }
.icon-menu li { display: block; float: left; }
.icon-menu .sprite-icon { padding: 0; margin-right: 20px; height: 20px; width: 20px; display: block; background: transparent url("/images/main-sprites.png") no-repeat; }
.icon-menu a.account-icon { background-position: 0 -82px; }
.icon-menu a.cart-icon { background-position: 0 -102px; }
.icon-menu a.search-icon { background-position: 0 -62px; }
#global-navbar-scrolling .icon-menu { position: absolute; top: 10px; right: 20px; }
#global-navbar-scrolling.navbar-default{ background-color: #fff; }
#main-header .category-nav-bar .inner { margin: 2px 0 2px 0; border-top: 1px solid #666; border-bottom: 1px solid #666; background: white; }
#main-header .category-nav-bar a { padding: 0 15px; line-height: 42px; font-size: 15px; text-transform: uppercase; font-weight: 100; }
#main-header .category-nav-bar a h1.negate-style{ padding: 0 15px; text-transform: uppercase;    position:relative; margin: 0 0 0 0; line-height: 42px; font-size: 15px; font-family: mrsfields-sans, Helvetica, Arial, sans-serif; font-weight: 100 !important; color: #222222; }
.category-nav-bar .dropdown-menu > ul > li { margin-right: -40px; }
#global-navbar-fixed .navbar-nav li a:hover { background-color: #fff; text-decoration: underline; }
#global-navbar-fixed .category-nav-bar li.menu-top { float: left; }
#global-navbar-fixed .category-nav-bar li.menu-top .header-title { color: #c41230; font-weight: bold; }
#global-navbar-fixed .category-nav-bar li.menu-top .header-title:focus { color: #be1e2d; font-weight: bold; }
#global-navbar-fixed .category-nav-bar li.menu-top > a:hover { text-decoration: none; }
#main-header .toggle-child, #main-header .sidr-menu-header { display: none; }
#main-header .dropdown-menu ul { padding: 0; list-style: none; margin-bottom: 14px; }
#main-header .dropdown-menu li { white-space: nowrap; height: 24px; }
#main-header .menu-image { float: right; height: 300px; width: 230px; overflow: hidden; }
#main-header .menu-image.catalog { width: 100px; height: 131px; }
#main-header .menu-image img { border: 1px solid #ccc; }
#global-navbar-scrolling .navbar-left  li a:hover, #global-navbar-fixed .navbar-left li a:hover,
#global-navbar-scrolling .navbar-right li a:hover, #global-navbar-fixed .navbar-right li a:hover { background-color: transparent; text-decoration: underline; }
#global-navbar-scrolling .navbar-left  li .sep, #global-navbar-fixed .navbar-left li .sep,
#global-navbar-scrolling .navbar-right li .sep, #global-navbar-fixed .navbar-right li .sep, #main-footer .post-footer li .sep { display: inline-block; border-right: 1px solid #7c6a55; width: 6px; height: 14px; margin-bottom: -2px; padding-left: 8px; padding-right: 8px; }
#global-navbar-scrolling .dropdown-menu{ width: auto; top: auto; }
#global-navbar-scrolling ul.nav li.dropdown{ line-height: 100px; height: 100px; }
#global-navbar-scrolling ul.nav li.dropdown:hover{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#global-navbar-scrolling ul.nav li.dropdown:hover > a{ background-color: transparent; text-decoration: underline; }
#global-navbar-scrolling ul.dropdown-menu{ padding: 0; }
#global-navbar-scrolling li.menu-child{ height: 45px; }
#global-navbar-scrolling li.menu-child a{ line-height: 45px; border-bottom: 1px solid #eee; padding: 0 20px; }
#global-navbar-fixed { margin: 0px auto; }
#global-navbar-fixed .company-store-header-background { position: absolute; top: 0px; left: 0px; width: 100%; height: 143px; overflow: hidden; z-index: -1; }
#global-navbar-fixed .container { height: 165px; }
#global-navbar-fixed .navbar-header button { z-index: 10; }
#global-navbar-fixed .dropdown-menu { width: 480px; top: 51px; }
#main-header .menu-fudge { background-color: #fff; width: 100%; height: 15px; display: none; -webkit-box-shadow: 0 2px 10px -2px #666; -moz-box-shadow: 0 2px 10px -2px #666; box-shadow: 0 2px 10px -2px #666; }
#main-header .dropdown-menu ul { float: left; }
#main-header .cart-icon .count { display: block; background: #c60b2a; border: 1px solid white; border-radius: 25px; text-align: center; width: 17px; height: 17px; font-size: 10px; line-height: 16px; color: white; position: relative; top: -2px; right: -18px; }

/* Bootstrap Override */
#main-header .dropdown-menu { border-radius: 0; padding: 0 5px 5px; }
#global-navbar-fixed ul.nav li.dropdown { height: 42px; }
#global-navbar-fixed ul.nav li.dropdown > a { height: 43px; }
#global-navbar-fixed ul.nav li.dropdown:hover { -webkit-box-shadow: 0 2px 10px -2px #666; -moz-box-shadow: 0 2px 10px -2px #666; box-shadow: 0 2px 10px -2px #666; }
#global-navbar-fixed ul.nav li.dropdown:hover > a, #global-navbar-fixed ul.nav li.dropdown:hover > a h1.negate-style { color: #c41230; background-color: #fff; z-index: 1; height: 42px; }
#global-navbar-fixed ul.nav li.dropdown:hover .menu-fudge { display: block; }
#main-header ul.nav li.dropdown:hover > .dropdown-menu { display: block; border: 0; margin-top: -10px; padding-top: 5px; }
#main-header .category-nav-bar .dropdown-menu a { border: 0; font-size: 12px; text-transform: none; }
#main-header .nav > li > a:focus{ background-color: #fff; }
#main-header .category-nav-bar .navbar-nav { float:none; margin: 0 auto; display: table; table-layout: fixed; }

/* Sidebar Menu Styles */
.sidr { position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 260px; overflow-x: auto; overflow-y: auto; font-size: 15px; background: #666; color: #fff; }
.sidr.left { left: -260px; right: auto; }
.sidr.right { left: auto; right: -260px; }
.sidr .sidr-menu-header { text-transform: uppercase; line-height: 42px; padding-left: 20px; }
.sidr ul { width: 100%; list-style: none; padding: 0; }
.sidr li { float: none; width: 100%; border-top: 1px solid white; }
.sidr a { display: block; font-size: 14px; color: white; padding-left: 20px; text-decoration: none; line-height: 40px; }
.sidr a h1.negate-style{ display: inline-block; font-family: mrsfields-sans, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 100; color: white; padding: 0 0 0 0; margin: 0 0 0 0; text-decoration: none; line-height: 40px; }
.sidr a:hover { background-color: #989898; color: #000; }
.sidr .menu-top > a { text-transform: uppercase; }
.sidr .menu-top > a.main { color: white; }
.sidr .sidr-toggle { float: right; cursor: pointer; width: 40px; height: 40px; }
.sidr .sidr-toggle.child { background: transparent url("../images/main-sprites.png") no-repeat 0 -460px; }
.sidr .sidr-toggle.child.opened { background: transparent url("../images/main-sprites.png") no-repeat 0 -420px; }
.sidr .sidr-toggle.menu { background: transparent url("../images/main-sprites.png") no-repeat -40px -420px; }
.sidr .sidr-toggle.menu:hover { background-color: #0e0e0e; background-position: -40px -460px; }
.sidr ul ul li { border: 0; }
.sidr ul ul li a { font-size: 12px; margin: 0 0 0 20px; padding: 0 0 0 20px; border-bottom: 1px solid #222; line-height: 40px; color: black; text-transform: none; }
.sidr ul ul li:last-child a { border: 0; }
.sidr ul ul li a:before { content: ">"; display: inline-block; margin-right: 5px; }
.sidr .auth-cnt { padding: 10px; }
.sidr .auth-cnt .btn { padding: 0px; line-height: 30px; }

/* sidr bootstrap overrides */
.sidr .dropdown-menu { display: none; position: static; background-color: #e1e1e1; float: none; }
.sidr .dropdown-menu > li > a:hover { background-color: #999; color: #333; }

/* Global Styles */
.credit-card-icons { background: url(/images/main-sprites.png) 0 -197px no-repeat; display: inline-block; width: 309px; height: 35px; border: none; }
.credit-card-icons-small { background: url(/images/main-sprites.png) 0 -126px no-repeat; display: inline-block; width: 200px; height: 19px; border: none; background-size: 160%; }
.search-icon-red { background: url(/images/main-sprites.png) 0 -28px no-repeat; display: inline-block; width: 19px; height: 19px; border: none; }
.gray-mail-icon { background: url(/images/main-sprites.png) 0 -47px no-repeat; display: inline-block; width: 19px; height: 17px; border: none; vertical-align: top; margin-left: 14px; }
.social-icons { padding: 0px; height: 30px; overflow: hidden; text-align: center; margin: 0px 0px 20px 0px; }
.social-icons a { display: inline-block; }
.social-icon { background: url(/images/main-sprites.png) -30px 0 no-repeat; display: inline-block; width: 43px; height: 42px; border: none; overflow: hidden; padding-top: 42px; transform: scale(0.6); }
.social-icon.facebook  { background-position: -30px 0; }
.social-icon.twitter   { background-position: -73px 0; }
.social-icon.pinterest { background-position: -30px -42px; }
.social-icon.instagram { background-position: -116px -1px; }
.social-icon.g-plus    { background-position: -73px -42px; }
.social-icon:focus  { border: 1px solid #be1e2d; }

/* CUSTOM CHECKBOXES */
.checkbox.custom-checkbox { padding-left: 20px !important; margin: -10px 0px 20px 0px; }
.checkbox.custom-checkbox input[type=checkbox] { position: fixed; left: -9999px; opacity: 0; }
.checkbox.custom-checkbox label { padding-left: 0px; -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; font-size: smaller; }
.checkbox.custom-checkbox label.smaller { font-size: 0.7em; }
.checkbox.custom-checkbox .glyphicon { font-size: 14px; margin-left: -15px; font-weight: normal; }

#main-header .mini-cart-cnt { margin-bottom: 5px; }
#main-header .cart-bar { height: 27px; text-align: right; }
#main-header .company-store-logo { position: absolute; top: 50px; left: 30px; }
#main-header .franchisee-preorder-logo { position: absolute; top: 30px; right: 20px; }
#main-header .franchisee-preorder-user-details { position: absolute; top: 30px; left: 20px; }
#main-header .franchisee-preorder-user-details .logout { font-weight: bold; text-transform: uppercase; font-size: 15px; text-decoration: underline; }
#main-header .franchisee-preorder-user-details .logout:hover { color: #c41230; }
#main-header .cart-bar .cart-icon { background: url(/images/2014-redesign/main-sprites.png) 0 0 no-repeat; display: inline-block; width: 30px; height: 28px; vertical-align: middle; margin: 0 10px 0 0; }
#main-header .cart-bar .checkout-now-btn-cnt{ display:inline-block;   margin-left: 5px; }
#main-header .cart-bar .checkout-now-btn-cnt input.btn-primary{ padding: 3px 10px 2px 10px; font-size: 11px; font-weight: 400; line-height: 15px; }
#main-header .search-bar input { width: 250px; height: 31px; border-radius: 0; padding: 0 0 0 10px; }
#main-header .search-bar .btn { width: 58px; padding: 6px; margin-right: 10px; }
.main-content-container > .row { margin-left: 0; padding: 0 10px; }
.main-content-container.content-body, .main-content-container.top-banner { width: 1000px; margin: 0px auto; }
.main-content-container.top-banner { width: auto !important; margin: 0px auto 0px auto; }
.main-content-container.top-banner .content-body { width: auto !important; }
img.media-page-header { width: 100%; height: auto; }
.main-content { width: 100%; margin-top: 0px; }
#main-content-outer .main-content { margin-top: 0px;}
img.media-page-full-width-header { width: 100vw; position: relative; left: 50%; right: 50%; margin-top: 0px; margin-left: -50vw; margin-right: -50vw; }
@media only screen and (min-width : 220px) and (max-width : 750px) { img.media-page-full-width-header { width: 100vw; margin-left: margin-left: calc(-50vw + 50%); margin-right: 0px; position: none; left: none; right: none; } }

.content-grid > .row, .content-grid > .grid-row { margin-top: 20px; }
.content-grid > .row:first-child, .content-grid > .grid-row:first-child { margin-top: 0;    }

.content-grid .cbox { overflow: hidden; }
.content-grid .cbox-double .cbox { }
.content-grid .cbox.redbanner { background: #c41230; color: white; padding: 15px; text-align: center; }
.content-grid .template-bar .cbox { }
.content-grid .template-bar .cbox img { display: block; width: 100%; }
.main-content-outer:not(.main-content-outer-banner) .content-grid .grid-plain-text { clear: both; width: 100vw; margin-left: calc(-50vw + 50%); padding: 0px 50px; font-size: 15px; }
.top-banner { width: 100%; }
.content-grid .template-hero .cbox { min-height: 2000px; }
h1.basic { padding: 0 10px; }
h1.baker-line, h2.baker-line, div.baker-line { border-top: 1px solid #666; margin: 46px 0px 0px; position: relative; line-height: inherit; }
.content-grid h1.baker-line, .content-grid h2.baker-line { margin-left: -20px; margin-right: -20px; }
h1.baker-line .inner,h2.baker-line .inner, .baker-line h1 { position: absolute; top: -26px; left: 0; text-align: center; width: 100%; }
h1.baker-line.left .inner,h2.baker-line.left .inner { text-align: left; }
h2.baker-line .inner { top: -19px; }
h1.baker-line .header-copy, h2.baker-line .header-copy, .baker-line h1 { display: inline-block; background: white; padding: 0 20px; font-family: "mrsfields-serif"; }
h1.baker-line.left .header-copy,h2.baker-line.left .header-copy { padding-left: 0; }
h1.baker-line.dark .header-copy,h2.baker-line.dark .header-copy, .baker-line h1 { color: #222; font-family: "mrsfields-sans"; font-weight: 600; }
.baker-line h1, .baker-line h2, .secondary-category-title { position: static; color: #666; margin-top: -20px; display: inline-block !important; background: white; font-family: "mrsfields-serif" !important; width: auto; margin-left: auto; }
.baker-line h2 { font-size: 32px; display: inline-block; padding-left: 20px; padding-right: 20px; }
.category-top-header .baker-line { margin-top: 35px; }
.secondary-category-title { font-size: 32px; font-weight: 600; display: block; padding: 0px 20px; }

.content-grid .template-2-section-w-headers-1-1-1-1 .first-column  .template-hr { margin: 46px 0px 29px -20px; }
.content-grid .template-2-section-w-headers-1-1-1-1 .second-column .template-hr { margin: 46px -20px 29px 0px; }
.content-grid .template-2-section-w-headers-1-1-1-1 .first-column  .template-hr .inner { padding-left:  20px; }
.content-grid .template-2-section-w-headers-1-1-1-1 .second-column .template-hr .inner { padding-right: 20px; }
.content-grid .grid-2ndrow { margin-top: 20px; }
.content-grid .template-3-1-arrow-header-search { margin-top: 78px; }
.content-grid .template-3-1-arrow-header-search .arrow-hr { position: relative; height: 40px; }
.content-grid .template-3-1-arrow-header-search .arrow-hr .hr-arrow { background: url(/images/main-sprites.png) 0 -170px no-repeat; width: 256px; height: 10px; display: block; position: absolute; top: 15px; left: 50px; }
.content-grid .template-3-1-arrow-header-search .arrow-hr .hr-arrow-right { background-position: 0 -180px; right: 50px; left: initial; }
.content-grid .template-hr-header .arrow-hr .inner { position: absolute; top: -20px; left: 0; text-align: center; width: 100%; }
.content-grid .template-hr-header .arrow-hr .header-copy { display: inline-block; background: white; padding: 0 20px; font-size: 32px; font-family: mrsfields-serif; }
.content-grid .template-3-1-arrow-header-search .second-column { margin-top: -6px; }
.content-grid .template-3-1-arrow-header-search .search-header { height: 46px; }
.content-grid .template-3-1-arrow-header-search .search-header input.text { border: 1px solid #e1e1e1; height: 31px; margin-left: 9px; margin-left: 3px; width: 240px; font-size: 15px; padding-left: 10px; }
.content-grid .template-3-1-arrow-header-search .cbox { height: 192px; }

.content-grid a:hover {
  color:white;
  text-decoration: underline;
}
.content-grid a:active {
  color:white;
  text-decoration: underline;
}


.main-content-container.footer-body { width: 100%; min-width: 1000px; }
#main-footer { margin-top: 40px; padding: 0px 20px; }
#main-footer .footer-content { margin: 0px auto 0px auto; padding: 0px 20px; max-width: 1500px; }
#main-footer .top-line { width: 100%; background: url(/images/main-sprites.png) 0 -190px repeat-x; height: 7px; margin-right: -10px; margin-bottom: 29px; }
#main-footer h3 { text-transform: uppercase; margin: 10px 0 10px; color: #222; font-size: 14px; }
#main-footer p.copy, #main-footer .cbox i { color: #584E3C; font-size: 14px; line-height: 24px; }
#main-footer p.copy a { color: #584E3C; text-decoration: none; }
#main-footer .info-descriptions p.copy a { color: #AC1B29; text-decoration: underline; }
#main-footer p.copy a:hover {text-decoration: underline; }
#main-footer p.copy a:focus { color:#be1e2d; text-decoration: underline; }
#main-footer .social-column { padding: 0px; width: 100%; }
#main-footer h4 { color: #58595b; font-weight: normal; margin-bottom: 15px; }
#main-footer .social-icon { margin: -7px 0px 0px 0px; }
#main-footer .social-icon:first-child  { margin-left: 0; }
#main-footer .mf-secrets { display: block; width: 100%; margin: 18px 21px 0 0px; text-align: center; text-transform: uppercase; color: black; padding: 17px 0px; font-size: 20px; text-decoration: none; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.25); -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.25); box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.25); }
#main-footer .mf-secrets em { font-style: normal; color: #c41230; }
#main-footer .mf-sign-up-cnt { display: block; background-color: #fbfbfb; line-height: 15px; border: 1px solid #dfdfdf; margin: 20px 31px 0px -30px; font-size: 12px; font-family: serif; padding: 7px 17px; font-style: italic; color: #747474; text-align: center; width: 100%; }
#main-footer input.mf-sign-up-cnt { outline: 0px; }
#main-footer .mf-sign-up-cnt .gray-mail-icon { margin: 0px; }
#main-footer .post-footer { text-align: center; }
#main-footer #bottom-nav { margin: 0px; font-size: 12px; text-align: center; }
#main-footer .bottom-text-nav { list-style: none; font-size: 12px; text-align: center; margin-top: 15px; }
#main-footer .bottom-text-nav > li { display: inline-block; padding: 0px 5px 0px 5px; }
#main-footer .post-footer ul, #main-footer .post-footer li { float: none !important; display: inline-block !important; }
#main-footer .post-footer .icon-container { width: 450px; margin: 30px auto 0px auto; }
#main-footer .post-footer .credit-card-icons { margin-top: 7px; }
#main-footer .post-footer .icon-container .mfes-trustmark { width: 100px; height: 44px; }
#main-footer .footer-content .row .col-sm-4 { float: left; width: 33%; }
#main-footer .footer-content .foot.col-sm-8 { width: 65%; }
#main-footer .footer-content .foot.col-sm-4 { width: 35%; }
#main-footer .footer-column p { margin: 0px; }
#main-footer .content-column a { text-decoration: underline !important; }

#main-footer .mfc-sign-outer { margin: 20px 0px 0px 0px; position: relative; }
#main-footer .mfc-sign-outer .confirm, #main-footer .mfc-sign-outer .no-match { color: #c41230; font-size: 13px; position: absolute; top: 0px; left: 0px; display: none; }
#main-footer .mfc-sign-global { display: block; }
#main-footer .mfc-sign-outer .email-submit-btn { position: absolute; top: 6px; right: 2px; border: none; background: #fbfbfb; display: none; z-index: 20; }
#main-footer .live .email-submit-btn { display: block; display: block; }
#main-footer .global-email { text-align: left; width: 100%; font-size: 13px; line-height: normal; padding: 8px 0px 6px 10px; color: #747474; background: #fbfbfb; border: 1px solid #dfdfdf; vertical-align: center; }
#main-footer .global-email::placeholder { color: #747474 !important; opacity: 1; }
#main-footer .global-email:-ms-input-placeholder { color: #747474 !important; }
#main-footer .global-email::-ms-input-placeholder { color: #747474 !important; }

#main-footer .footer-signup { border: 1px solid #ccc; margin: 0px 0px 20px 0px; padding: 20px 20px; border-radius: 5px; }
#main-footer .footer-signup .signup-title { text-align: center; font-size: 1.5em; font-weight: bold; }
#main-footer .footer-signup .signup-desc { font-size: 14px; }
#main-footer .footer-signup .help-block { margin: -10px 0px 10px 0px; font-size: 0.8em; color: #ac1b29; display: none; font-style: italic; }
#main-footer .footer-signup .terms-statement { font-size: 12px; margin: 15px 0px 0px 0px; }
#main-footer .footer-signup .help-block.help-block-form { margin: 0px 0px -10px 0px; }
#main-footer .footer-signup input { padding: 3px 10px 0px 10px; height: 30px; display: block; border-radius: 4px; margin-bottom: 10px; font-size: 14px; }
#main-footer .footer-signup button { width: 100%; border-radius: 4px; height: 40px; }
#main-footer .footer-signup .registration-successful { display: none; }
#main-footer .footer-signup a { text-decoration: underline; }

/* CMS FOOTER */
.content-with-header p.copy { word-wrap: break-word; }

/* STAR RATINGS */
div.star-rating { width: 84px; height: 14px; background: url( '/images/rating-sprite.png' ) no-repeat; overflow: hidden; display: block; }

/* ---  Flyout Styling (Like the mini-cart) --- */
.self-refresh-spinner { display: none; }
.self-refresh-spinner.force-show, .loading .self-refresh-spinner { display: block; position: absolute; width: 100%; text-align: center; padding-top: 100px; left: 0; top: 0; }
.flyout-outer{ display: none; background: #FFF; position: relative; width: 612px; border: 1px solid #ddd; box-shadow: 1px 7px 8px 3px rgba(50,50,50,4.9); -webkit-box-shadow: 1px 7px 8px 3px rgba(50,50,50,0.49); -moz-box-shadow: 1px 7px 8px 3px rgba(50,50,50,0.49); text-align: left; padding: 0px 0px 10px 0px; overflow: auto; z-index: 11; right: 260px; }
.flyout-outer .mini-cart-items { overflow: auto; padding: 0px 3px; margin-bottom: 5px; max-height: 300px; }
.flyout-outer .mini-cart-items a { color: #222 !important; }
.search-results-container .flyout-close,
.flyout-outer .flyout-close{ font-size: 10px; position: absolute; right: 15px; top: 3px; z-index: 10; cursor: pointer; }
.flyout-outer .flyout-spacer{ line-height: 10px; }
.flyout-outer h2.baker-line { margin-top: 22px; margin-bottom: 17px; }
.flyout-outer h2.baker-line .inner { top: -17px; }
.flyout-outer .product-qty { display: inline-block; vertical-align: middle; float: none; position: relative; top: 50px; font-size: 20px; }

/* --- Mini Cart (which is a flyout-outer, FYI) --- */
#mini-cart { }
#mini-cart .flyout-outer { top: 3px; width: 612px; overflow: auto; }
#mini-cart .shopping-basket img{ margin-top: 10px; }
#mini-cart .item-outer { margin-bottom: 5px; overflow: auto; padding-bottom: 5px; }
#mini-cart .item-outer.mini-cart-added-item { background: #e3e3e3; }
#mini-cart .item-outer-content{ width: 343px; }
#mini-cart .item-image{ width: 122px; height: 122px; background: gray; margin: 5px 10px 0px 10px; border: 1px solid #b9b9b9; }
#mini-cart .item-image img{ width: 120px; height: 120px; background: white; }
#mini-cart .item-name{ font-size: 16px; font-weight: 700; line-height: 20px; padding-top: 1px; }
#mini-cart .item-price{ font-size: 16px; font-weight: 500; line-height: 24px; }
#mini-cart .item-desc{ font-size: 14px; font-weight: 300; line-height: 18px; }
#mini-cart .item-actions{ font-size: 15px; margin-top: 10px; }
#mini-cart .item-qty{ padding-top: 50px; }
#mini-cart .remove-item{ margin-left: 20px; }
#mini-cart .mini-cart-footer { padding: 4px 7px 0; overflow: auto; }
#mini-cart .mini-cart-footer .btn { margin-left: 10px; }
#mini-cart .subtotal{ font-size: 16px; line-height: 20px; width: 250px; height: 14px; position: relative; left: 32px; top: 6px; }
#mini-cart .continue { font-size: 16px; line-height: 20px; position: relative; left: 49px; top: 4px; text-decoration: underline; }
.spinner{ background: transparent url('/images/spinner.gif' ) no-repeat; height: 66px; width: 66px; position: relative; top: 50%; left: 50%; margin-top: -53px; }

/* SERVER ERRORS */
.server-errors { background: #f2dede; border: 1px solid #ebccd1; color: #a94442; border-radius: 8px; padding: 10px; margin: 10px 0px; }
.server-errors ul { margin-bottom: 0px; }

.modals { display: none; }
.generic-modal { padding: 20px 30px; }

.store-link { color: #be1e2d; cursor: pointer; }
.store-link-title { color: black; font-weight: bold; }
.store-link-title:hover { color: #be1e2d; text-decoration: underline; }
.mobile-search-form { display: none; }
.home-mobile { display: none; }
.g-adservices-cnt { padding: 0px; display: none; }

/* EMAIL SIGNUP POPUP (COOKIE) */
#big-cookie-sign-up { display: none; }
#email-cookie-signup-overlay { position: fixed; z-index: 9; background: black; top: 0px; left: 0px; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#email-cookie-signup { width: 566px; height: 556px; background: url( '/images/signup-large-cookie.png?r=1' ) no-repeat; position: fixed; top: 50%; left: 50%; margin: -283px 0px 0px -278px; z-index: 10; }
#email-cookie-signup .window-title { text-align: center; padding-top: 150px; }
#email-cookie-signup h2 { font-family: "mrsfields-serif"; font-size: 50px; margin: 0px; padding: 0px; }
#email-cookie-signup .info { width: 350px; margin: 25px auto 0px auto; text-align: center; }
#email-cookie-signup .desc { text-align: center; }
#email-cookie-signup .desc .no { font-style: italic; text-decoration: underline; }
#email-cookie-signup .signup-fields { overflow: auto; margin-top: 15px; padding-left: 40px; }
#email-cookie-signup .signup-fields input { height: 40px; width: 230px; padding: 3px 10px; font-size: 20px; float: left; text-align: center; }
#email-cookie-signup .signup-fields button { height: 40px; background: #c61d37; border: 1px solid #ac0d27; color: white; text-align: center; width: 40px; float: left; }
#email-cookie-signup .info-done { display: none; }
#email-cookie-signup .info-done .btn { margin-top: 20px; }
#email-cookie-signup .email-fld { color: gray; }
#email-cookie-signup .email-fld.ready { text-align: left; line-height: 20px; font-size: 17px; }

.table-list { border: 1px solid #c41230; }
.table-list > tbody > tr > td { padding: 5px 10px; border-bottom: 1px solid #c41230; }
.table-list thead td { background: #c41230; color: white; }
.table.table-hover tr:hover { background: #f8f8f8; }
.table.table-hover thead tr:hover { background: none; }

/* ###################################### */
/* START * IE 8 HACK */

/*  Home and main container */
.main-outer-container { width: 100%; margin: 0px auto; overflow: hidden; }
#main-footer .col-sm-2 { float: left; width: 205px; }

/* PDP */
.pdp-content .col-sm-4 { width: 33%; float: left; }
/*.pdp-content .col-sm-6 { width: 50%; float: left; }*/ /*Added width because of removed recommendations*/ 
/* If recommendations are enabled comment this out and uncomment above */
/*
.pdp-content .col-sm-6 { width: 65%; float: left; }
.pdp-content .col-sm-2 { width: 17%; float: left; }
*/
body.index-action.modal-view { padding-top: 10px; }
body.modal-view .pdp-content .col-sm-5 { float: left; width: 508px; }

/* Categories page */
#categoriesApp .col-md-3.filters-cnt { width: 25%; }
#categoriesApp .col-md-9.products-cnt { width: 75%; }
#categoriesApp .col-md-9 .product-tile-column { width: 33%; }

#recipient-form #live-cart-main .recip-form .col-md-5 { width: 41%; float: left; position: relative; }
#recipient-form #live-cart-main .recip-form .col-md-7 { width: 59%; float: left; }
#recipient-form #gift-message-cnt .col-md-4 { width: 40%; float: left; padding-left: 90px; margin-left: 0px; }
#recipient-form #gift-message-cnt .col-md-7 { width: 60%; float: left; }
#recipient-form #gift-message-cnt #keep-message-cnt { width: 500px; }

/* END * IE 8 HACK */
/* END * IE 8 HACK */
/* ###################################### */


/* HOME PAGE - BEST SELLERS */
.best_sellers_header { margin: 40px auto 20px auto; }
.best_sellers_title { margin: -50px auto 0px auto; width: 260px; text-align: center; font-size: 28px; font-family: 'mrsfields-serif'; background-color: #FFF; }
.best_sellers_container { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; }
.two-up { width: 480px; overflow: hidden; }
.three-up { width: 300px; overflow: hidden; }
.four-up { width: 230px; overflow: hidden; }
.best_sellers_container .product-tile { vertical-align: top; display: inline-block; }
.stretch { width: 100%; display: inline-block; font-size: 0; line-height: 0; }
.best_sellers_container .product-price .previous-price { text-decoration: line-through; }
.best_sellers_container .product-price .new-from-previous-price { color: #c41131; display: inline-block; margin-left: 5px; }
.best_sellers_container div.caption, .best_sellers_container div.product-description{ text-align:left; }
.best_sellers_container .product-tile .product-description { padding: 0; height: 17px; overflow: hidden; font-family: mrsfields-sans; font-size: 14px; color: #c52945; }
.best_sellers_container .product-tile .product-price .new-from-previous-price { color: #c41131; display: inline; }
.best_sellers_container .product-tile .product-price { font-size: 14px; overflow: hidden; line-height: 18px; margin-top: 5px; }

.visit-phisical-store-nav { clear: both; font-size: 14px; padding-left: 20px; text-align: center; }
.error-page-cnt hr { clear: both; }
.video-modal { padding: 10px; }
.video-modal video { width: 100%; }

/* COLOR DROPBOX */
/* This needs to stay here globally, because it's used in a few different controllers/actions. */
.color-dropdown { margin: 5px 0px 0px 0px; height: 34px; }
.color-dropdown dd, .color-dropdown dt, .color-dropdown ul { margin: 0px; padding: 0px; z-index: 10; }
.color-dropdown dt .glyphicon { margin-top: 2px; }
.color-dropdown dd { position: relative; }
.color-dropdown dt a { 
  background: #303030; 
  display: block; 
  padding: 4px 10px; 
  width: 70px; 
  border: 1px solid #1A1A1A; 
  font-weight: normal; 
  font-size: 15px; 
  width: 100%; 
  color: white; 
}
.color-dropdown dt a:hover { 
  background: #484848;
  color: #fff; 
  border: 1px solid #1A1A1A; 
}
.color-dropdown a, .color-dropdown a:visited { 
  color: #555555; 
  text-decoration: none; 
  outline: none; 
}
.color-dropdown a:hover { color: #212121; } 
.color-dropdown dd ul { background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #999; border-top: none; color: #555555; display: none; left: 0px; padding: 0px 0px; position: absolute; top: 0px; width: 100%; list-style: none; }
.color-dropdown dd ul li a { padding: 5px; display: block; }
.color-dropdown dd ul li a:hover { background: #e8e8e8; }
.color-dropdown span.value { display: none; }
.color-dropdown img.flag { border: none; vertical-align: middle; margin-left: 10px; }
.color-dropdown .color { border:  1px solid silver; vertical-align: middle; margin-right: 5px; min-width:  10px; }

/* HEADER DARK THEME */
/* Only for tablets and larger. */
@media ( min-width: 737px) {
	#global-navbar-fixed.dark-theme { color: white; }
	#global-navbar-fixed.dark-theme .header-containter a { color: white; }
	#global-navbar-fixed.dark-theme .header-containter a:hover {background-color: transparent !important;}
	#global-navbar-fixed.dark-theme .logo-centered .logo { background: url( '/images/main-sprites.png?' ) 100% -500px no-repeat; }
	#global-navbar-fixed.dark-theme .search-bar input { background-position: -260px -312px; color: white; }
}

/* HOLIDAY GIFT GUIDE SLIDER */
.holiday-gift-guide-slider { position: absolute; bottom: 48px; right: 0px; height: 27px; overflow: hidden; width: 260px; }
.holiday-gift-guide-slider .inner { width: 260px; background: #c7202f url( '/images/cookie_gift_basket_guide/banner-back.png' ); padding: 3px 0px 0px 0px; margin-left: 260px; }
.holiday-gift-guide-slider .inner a { color: white; background: #c7202f; }
.holiday-gift-guide-slider .inner img.arrow{ margin-top: -3px; }
.holiday-gift-guide-slider .inner img.gift { margin-top: -3px; display: inline-block; margin-right: 10px; }

/* BOUNCY ARROW EFFECT */
.bouncer { border: 1px solid #c72032; font-size: 20px; color: white; background: #c72032; padding: 10px; border-radius: 25px; width: 42px !important; height: 42px !important; }
.bouncer-blue { border: 1px solid #001489; font-size: 20px; color: white; background: #001489; padding: 10px; border-radius: 25px; width: 42px !important; height: 42px !important; }

/* CSR FOOTER */
.csr-alert { color: #31708f; background: #d9edf7; border: 1px solid #bce8f1; padding: 15px; margin-bottom: 20px; }
footer#csr-footer { position: fixed; bottom: 0px; left: 0px; height: 40px; border: 1px solid ; background: #d5d5d5; border-left: none; border-bottom: none; width: 50%; padding: 5px; z-index: 1000; box-shadow: #ccc 5px -3px 10px; }
footer#csr-footer a { text-decoration: none; }
footer#csr-footer a.blue { color: blue; }
footer#csr-footer .csr-close { position: absolute; top: 12px; right: 5px; }
footer#csr-footer .csr-open { display: none; }
footer#csr-footer.csr-closed { width: 22px; background: #ac1b29; }
footer#csr-footer.csr-closed .content { display: none; }
footer#csr-footer.csr-closed .csr-open { display: block; position: absolute; top: 12px; left: 0px; color: white; }
footer#csr-footer .btn-dashboard { display: inline-block; margin-right: 20px; }

/* HEADER FLY-IN BANNER */
.sliding-banner { margin-top: 5px; clear: both; margin-left: -12px; background: #b92130; color: white; width: 450px; text-align: center; padding: 5px 40px 5px 20px; position: relative; overflow: hidden; visibility: hidden; line-height: 20px; height: 50px; margin-top: 25px; }
.sliding-banner .larger { font-size: 18px; }
.sliding-banner a { color: white; }
.sliding-banner a:hover { text-decoration: none; }
.sliding-banner .triangle-right { position: absolute; top: 0px; right: 0px; width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-right: 25px solid white; }
.sliding-banner.stay-put { visibility: visible; }

/* SIMPLE PAGE LAYOUTS */
.simple-layout .account-nav-bar, .simple-layout .cartsearch-nav-bar, .simple-layout .locator-nav-bar, .simple-layout .header-icon-hear-about-us, .simple-layout .category-nav-bar, .simple-layout .main-banner-cnt, .simple-layout .main-content-container.footer-body { display: none !important; }
.simple-layout .container.header-containter { height: 160px !important; }
.simple-layout #in-store-primary-header .container.header-containter { height: auto !important; }
.simple-layout hr { border-color: #c41230; margin: 10px 0px; }
.simple-layout hr.gray { border-color: #ccc; }
.simple-layout h2, .simple-layout h3 { color: #616361; font-weight: normal; font-size: 30px; text-transform: uppercase; margin: 0px 0px 30px 0px; font-family: mrsfields-sans; }
.simple-layout h2 .standard { text-transform: none; }
.simple-layout h2 a { text-decoration: none !important; }
.simple-layout h3 { font-size: 20px; }
.simple-layout .gray { color: #616361; }
.simple-layout a:not(.btn) { color: #c41230; text-decoration: underline; }
.simple-layout .sub-h { font-size: 18px; }
.footer-discount-notice { font-size: 12px !important; font-style: italic; line-height: 15px !important; }

/* SIMPLE PAGE LAYOUTS : FORMS */
.simple-layout .form-group label a:not(.standard) { font-weight: normal; display: inline-block; margin-left: 15px; font-size: smaller; font-style: italic; }
.field-glyph { display: inline-block; position: absolute; right: 8px; top: 8px; font-size: smaller; text-decoration: none !important; }
.simple-layout .help-error { display: none; }
.simple-layout .has-error .help-error { display: block; }
.custom-qty { display: inline-block; font-size: 12px; line-height: 14px; position: relative; width: 80px; border: none; text-align: left; }
.custom-qty label { border: 1px solid #ccc; border-radius: 3px; padding: 10px 10px; margin: 0px; width: 100%; position: absolute; top: 0px; left: 0px; background: white; pointer-events: none; }
.custom-qty label > .glyphicon { position: absolute; top: 50%; right: 5px; margin-top: -6px; opacity: 0.8; }
.custom-qty select { border: none; width: 100%; padding: 10px 10px; margin: 0px 0px 0px 0px; background: transparent; }
.custom-qty select:focus { outline: none; }

/* PCP GLOBAL STYLES */
.pcp-add-to-cart { display: none; }
.footer-content .italic { font-size: 14px; color: #584E3C; font-style: italic; }

/* HEADER BANNER */
.main-banner-cnt { background: #be1e2d; color: white; text-align: center; padding: 5px 0px; font-size: 23px; vertical-align: middle; opacity: 1.0; font-weight: 600; }
.navbar .main-banner-cnt { margin-top: -4px; }
.main-banner-cnt .smaller { font-size: 0.6em; vertical-align: inherit; }
.main-banner-cnt a { text-decoration: none; font-weight: inherit; color: white; }
.company-store-banner { display: block; background-color: #c72032; color: white !important; padding: 10px; font-family: 'mrsfields-serif'; font-size: 22px; text-align: center; margin: 0px 0px 0px 0px; }
.company-store-banner:hover { color: white !important; }

/* FLOATING LABELS */
/* SOURCE: https://github.com/tonystar/bootstrap-float-label */
.has-float-label { display: block; position: relative; }
.has-float-label label, .has-float-label > span { position: absolute; left: 0; top: 0; cursor: text; font-size: 70%; opacity: 1; -webkit-transition: all .2s; transition: all .2s; top: -.5em; left: 10px; z-index: 3; line-height: 1; padding: 0 1px; }
.has-float-label label::after, .has-float-label > span::after { content: " "; display: block; position: absolute; background: white; height: 2px; top: 50%; left: -.2em; right: -.2em; z-index: -1; }
.has-float-label textarea { margin-top: 0.5px; }
.has-float-label .form-control::-webkit-input-placeholder { opacity: 1; -webkit-transition: all .2s; transition: all .2s; }
.has-float-label .form-control::-moz-placeholder { opacity: 1; transition: all .2s; }
.has-float-label .form-control:-ms-input-placeholder { opacity: 1; transition: all .2s; }
.has-float-label .form-control::placeholder { opacity: 1; -webkit-transition: all .2s; transition: all .2s; }
.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder { opacity: 0; }
.has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder { opacity: 0; }
.has-float-label .form-control:placeholder-shown:not(:focus):-ms-input-placeholder { opacity: 0; }
.has-float-label .form-control:placeholder-shown:not(:focus)::placeholder { opacity: 0; }
.has-float-label .form-control:placeholder-shown:not(:focus) + * { opacity: .5; top: .7em; font-weight: normal; font-size: 80%; color: #808080; }
.input-group .has-float-label { display: table-cell; }
.input-group .has-float-label .form-control { border-radius: 4px; }
.input-group .has-float-label:not(:last-child) .form-control { border-bottom-right-radius: 0; border-top-right-radius: 0; }
.input-group .has-float-label:not(:first-child) .form-control { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -1px; }

/* .logo:focus { border: 1px solid #be1e2d; } */
.focusable:focus { border: 1px solid #be1e2d; }
.ifocusable:focus { text-decoration: underline !important; color: #be1e2d; }
.skip-to-content { display: block; position: fixed; width: 100%; height:auto; text-align: left; top: 0px; left: 0px; z-index: 1000001; }
.skip-to-content a { display: inline-block; position: relative; background: #585858; border: 0; font-size: 0px; font-weight: bold; color: #fff; text-align: center; vertical-align: middle; }
.skip-to-content a:hover, .skip-to-content a:focus { display: inline-block; position: relative; background: #585858; border: 2px solid #D6D6D6; font-size: 18px; top:10px; left:10px; font-weight: bold; color: #fff; text-align: center; vertical-align: middle; width:33%; max-width:256px; padding: 4px 20px 4px 20px; }
.entry-title a:focus { font-weight:bold; }
.media-header-full-width { width:100% !important; margin-top: 0px !important; }

/* CMS HEADER */
#cms-header .cms-links a { color: blue; padding: 0px 0px; }
#cms-header .cms-links .spacer { display: inline-block; padding: 0px 2px; }

._mx-10 { margin: 0 10px; }
body.index-action.promo-codes-index .cbox a:hover { color:#222; }
.full-width-content-body { text-align: center; }

/* IN-STORE/FRANCHISE HEADER */
#in-store-primary-header #main-header { background: #eee; }
#in-store-primary-header .header-containter { margin-bottom: 0px; border: 1px solid transparent; }
#in-store-primary-header { font-size: 13px; color: #24274c; padding: 0px 0px 0px 0px; margin: 0px; overflow: hidden; text-align: left; }
#in-store-primary-header #main-header .store-info { padding-top: 5px; text-align: center; }
#in-store-primary-header #main-header .store-info .store-name { text-transform: uppercase; font-weight: bold; }
#in-store-primary-header .header-options { list-style: none; padding: 0px; margin: 0px; margin-top: 5px; text-align: right; }
#in-store-primary-header .header-options > li { display: inline-block; padding-right: 10px; line-height: 15px; }
#in-store-primary-header .header-options > li > span { display: inline-block; margin: 0px; padding: 0px; overflow: hidden; }
#in-store-primary-header .header-options > li > .users-name { max-width: 160px; white-space: nowrap; text-overflow: ellipsis; }
#in-store-primary-header .header-cart-indicator.has-no-items { display: none; }
#in-store-primary-header .store-breadcrumb > .breadcrumb { max-width: 1020px; margin: 8px auto 0px auto; background: transparent; font-size: 105%; font-style: italic; padding-left: 2px; }
#in-store-primary-header .store-breadcrumb > .breadcrumb a { color: #c72032; text-decoration: underline; }
#in-store-primary-header .store-breadcrumb > .breadcrumb .active { font-weight: bold; font-style: normal; }
#in-store-primary-header .store-breadcrumb > .breadcrumb > li:last-child a { color: #222; text-decoration: none; }

/* FRANCHISE GLOBAL TEXT BANNERS */
.store-text-text-banner { width: 100%; height: auto; text-align: center; font-size: 1.7em; background: #c41230; color: white; padding: 5px 0px; }
.store-text-text-banner a { color: white; }

/* IN-STORE/FRANCHISE MAIN NAV */
#in-store-primary-header .new-instore-nav-outer { border-bottom: 2px solid #c72032; }
#in-store-primary-header .new-instore-nav { max-width: 1180px; margin: 0px auto; padding: 10px 0px; overflow: auto; }
#in-store-primary-header .new-instore-nav > div { float: left; }
#in-store-primary-header .new-instore-nav .header-logo-cnt { margin-left: 0px; }
#in-store-primary-header .new-instore-nav > .store-header-nav-cnt { margin-top: 20px; padding: 0px 0px 0px 0px; float: right; text-align: right; font-size: 17px; }
#in-store-primary-header .new-instore-nav > .store-header-nav-cnt > ul { list-style: none; padding: 0px; margin: 0px; color: #c72032; }
#in-store-primary-header .new-instore-nav > .store-header-nav-cnt > ul > li { display: inline-block; padding: 0px 0px 0px 0px; color: inherit; margin: 0px 0px 0px 5px; text-align: center; }
#in-store-primary-header .new-instore-nav > .store-header-nav-cnt > ul > li a { display: block; color: inherit; padding: 2px 20px; border-radius: 5px; border: 1px solid transparent; text-decoration: none; }
#in-store-primary-header .new-instore-nav .store-header-nav-cnt a:hover { background: #eab4ba; color: white; }
#in-store-primary-header .new-instore-nav > .store-header-nav-cnt > ul > li a.active { background: #c72032; color: white; }

/* CUSTOMER SERVICE */
.basic-breadcrumb { font-size: 14px; text-transform: uppercase; margin-top: 10px; margin-bottom: 10px; padding-left: 10px; color: #c3122f; margin-bottom: 20px; }
.basic-breadcrumb a { color: #c3122f !important; text-decoration: underline; }

@media only screen and (min-width : 220px) and (max-width : 720px) {

    /* HEADER */
    #in-store-primary-header { text-align: center; }
    #in-store-primary-header ul > li { }
    #in-store-primary-header #main-header .header-options > li { padding: 0px 3px; }
    #in-store-primary-header ul .spacer { display: none !important; padding-right: 0px; }
    #in-store-primary-header #main-header .header-containter { height: auto !important; padding: 5px 0px; }
    #in-store-primary-header .new-instore-nav > div { float: none; }
    #in-store-primary-header .new-instore-nav .header-logo-cnt { margin: 0px auto !important; text-align: center; float: none; }
    #in-store-primary-header .new-instore-nav > .store-header-nav-cnt { clear: both; float: none !important; text-align: center; margin-top: 15px; padding: 0px; }
    #in-store-primary-header .new-instore-nav > .store-header-nav-cnt > ul > li a { padding: 0px 5px !important; }
    #in-store-primary-header .state-list-label, .state-list { text-align: center; }
	#in-store-primary-header .breadcrumb li { font-size:12px !important; }
	#in-store-primary-header .breadcrumb > li+li:before { padding:0px !important; }
	#in-store-primary-header .breadcrumb li.store-find-location { display: none; }
	#in-store-primary-header .users-name { max-width: 70px !important; display: inline-block; }
    #in-store-primary-header .header-options { text-align: center !important; }
    #in-store-primary-header .new-instore-nav > .store-header-nav-cnt { text-align: center !important; }
    #in-store-primary-header .store-breadcrumb > .breadcrumb { max-width: none; !important; width: 100%; text-align: center !important; }
}

/* Accessibility Helper Classes */
button.btn-reset {
  border: none;
  background-color: transparent;
}
button.inner-intput-btn--zeroed {
  height: 0;
  width: 0;
  margin-top: 2px;
}
.h-display-none {
  display: none;
}

.icon-flipped {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}