/* responsive CSS template */



/* mobile CSS */
@media only screen and (min-device-width : 320px) and (max-device-width : 600px), 
       only screen and (max-width: 600px) {
  /* MOBILE HEADER NAVIGATION */
    /* HIDE/MODIFY DESKTOP HEADERS */
    #home {
      BACKGROUND: none;
    }
    #interior.banners {
      BACKGROUND: none;
    }
    #top {
      DISPLAY: none;
    }
    #top_bar {
      DISPLAY: none;
    }
    #interior_nofeat {
      BACKGROUND: none;
    }
    #scrap_bar {
      DISPLAY: none;
    }
    #home_banners {
      DISPLAY: none;
    }
    #banners2 {
      DISPLAY: none;
    }
    #mast {
      FLOAT: none;
      WIDTH: 100%;
      /* BACKGROUND-COLOR: #F3EDD6; */
      HEIGHT: auto;
      MARGIN-TOP: 0px;
      BORDER-BOTTOM: 1px solid #DDDDDD;
    }
      #slide_buttons {
        TOP: 10px;
        RIGHT: 10px;
      }
        #slide_buttons SPAN {
          WIDTH: 35px;
          HEIGHT: 25px;
          PADDING-TOP: 10px;
          FONT-SIZE: 0.8em;
        }
      .slide {
        MARGIN-TOP: 0px;
      }
        .slide_content {
          POSITION: relative;
          WIDTH: -webkit-calc(100% - 20px);
          WIDTH: -moz-calc(100% - 20px);
          WIDTH: calc(100% - 20px);
          PADDING: 10px;
          BACKGROUND: none;
          HEIGHT: auto;
        }
        .slide_background {
          FLOAT: left;
        }
          .slide_background IMG {
            HEIGHT: auto;
            WIDTH: 100%;
          }
    
    /* NEW HEADERS */
    #container {
      PADDING: 0px;
    }
      #container #centeredContainer {
        WIDTH: 100%;
      }
    #content {
      PADDING: 10px !important;
      WIDTH: -webkit-calc(100% - 20px) !important;
      WIDTH: -moz-calc(100% - 20px) !important;
      WIDTH: calc(100% - 20px) !important;
    }
      #content #centerContentCell {
        WIDTH: 100%;
      }
      .AccommodateSideBar {
        WIDTH: -webkit-calc(100% - 30px) !important;
        WIDTH: -moz-calc(100% - 30px) !important;
        WIDTH: calc(100% - 30px) !important;
      }
      #content.homePage {
        WIDTH: -webkit-calc(100% - 15px);
        WIDTH: -moz-calc(100% - 15px);
        WIDTH: calc(100% - 15px);
        PADDING: 5px;
      }
    #top_responsive {
      DISPLAY: block;
      HEIGHT: 60px;
      WIDTH: 100%;
      BACKGROUND-COLOR: #008390;
      CLEAR: both;
      POSITION: fixed;
      TOP: 0;
      LEFT: 0;
      Z-INDEX: 999999;
      transform: translateZ(0);
      -webkit-transform: translateZ(0);
    }
      #top_responsive #logo_responsive {
        FLOAT: left;
        MARGIN-LEFT: 30px;
        MARGIN-TOP: 10px;
      }
        #top_responsive #logo_responsive IMG {
          WIDTH: 50px;
        }
      #NavigationCell_responsive {
        FLOAT: right;
        MARGIN-TOP: 10px;
      }
        #NavigationCell_responsive #Search_responsive {
          FLOAT: left;
          MARGIN-TOP: 8px;
          MARGIN-RIGHT: 15px;
        }
          #NavigationCell_responsive #Search_responsive IMG {
            WIDTH: 25px;
          }
        #NavigationCell_responsive #MyAccount_responsive {
          FLOAT: left;
          MARGIN-RIGHT: 15px;
        }
          #NavigationCell_responsive #MyAccount_responsive IMG {
            WIDTH: 35px;
          }
        #NavigationCell_responsive #Cart_responsive {
          FLOAT: left;
          MARGIN-RIGHT: 15px;
          WIDTH: 40px;
        }
          #NavigationCell_responsive #Cart_responsive .cart_image {
            Z-INDEX: 1;
            POSITION: absolute;
          }
          #NavigationCell_responsive #Cart_responsive .cart_items {
            BACKGROUND-COLOR: #AF006E;
            FONT-SIZE: 12px;
            FLOAT: right;
            MARGIN-RIGHT: -3px;
            FONT-WEIGHT: bold;
            BORDER-RADIUS: 15px;
            PADDING: 2px;
            Z-INDEX: 999;
            POSITION: relative;
            TEXT-ALIGN: center;
            MIN-WIDTH: 15px;
          }
            #NavigationCell_responsive #Cart_responsive .cart_items A {
              COLOR: #FFFFFF;
            }
          #NavigationCell_responsive #Cart_responsive IMG {
            WIDTH: 40px;
          }
        #NavigationCell_responsive #Menu_responsive {
          FLOAT: left;
          MARGIN-TOP: 5px;
          MARGIN-RIGHT: 15px;
        }
          #NavigationCell_responsive #Menu_responsive IMG {
            WIDTH: 30px;
            CURSOR: pointer;
          }
      #SearchResponsiveLink {
        CURSOR: pointer;
      }
      #GoogleSearchResponsiveCell {
        DISPLAY: none;
        HEIGHT: 32px;
        POSITION: relative;
        OVERFLOW: hidden;
        WIDTH: 100%;
      }
        #GoogleSearchResponsiveCell .gsc-control-cse {
          PADDING: 5px;
          BACKGROUND-COLOR: #008390;
          BORDER: none !important; 
        }
        INPUT.gsc-search-button {
          BACKGROUND-COLOR: #FFFFFF !important;
          COLOR: #00788A !important;
        }
    #top_responsive_spacer {
      DISPLAY: block;
      WIDTH: 100%;
      HEIGHT: 60px;
    }
          
    /* HIDE/MODIFY DESKTOP FOOTERS */
      #footer {
        DISPLAY: none;
      }
    /* NEW FOOTERS */
    #footer_responsive {
      DISPLAY: block;
      TEXT-ALIGN: center;
      WIDTH: 100%;
      FLOAT: left;
      HEIGHT: 120px;
      PADDING-TOP: 5px;
      PADDING-BOTTOM: 5px;
      MARGIN-TOP: 10px;
      BACKGROUND-COLOR: #008390;
      COLOR: #fff;
      FONT-SIZE: 0.8em;
    }
      #footer_responsive IMG {
        HEIGHT: 100%;
      }
      #footer_responsive #EmailSignUpCell {
        PADDING-BOTTOM: 5px;
        PADDING-TOP: 5px;
      }
        #footer_responsive #EmailSignUpCell INPUT[type="email"] {
          BACKGROUND-COLOR: #75B6C0;
          BORDER: 1px solid #75B6C0;
        }
      #footer_responsive #SocialMediaCell {
        TEXT-ALIGN: center;
        MARGIN: 0px auto;
        HEIGHT: 38px;
        WIDTH: 195px;
      }
        #footer_responsive #SocialMediaCell .SocialMedia {
          HEIGHT: 35px;
          FLOAT: left
        }
  
  /* HOME PAGE */
  #FeaturedEvent {
    DISPLAY: inline-block;
    WIDTH: calc(100% - 20px);
    BACKGROUND-COLOR: #DFE3E5;
    PADDING: 10px;
  }
    #FeaturedEventHeader {
      FONT-SIZE: 24px;
      COLOR: #00788A;
      TEXT-TRANSFORM: uppercase;
      PADDING-BOTTOM: 10px;
      TEXT-ALIGN: center;
    }
    #FeaturedEventImage {
      WIDTH: 100px;
      FLOAT: left;
    }
      #FeaturedEventImage IMG {
        WIDTH: 100%;
      }
    #FeaturedEventDescription {
      WIDTH: calc(100%);
      FLOAT: left;
      MARGIN-LEFT: 10px;
    }
       #FeaturedEventTitle {
        FONT-WEIGHT: bold;
        FONT-SIZE: 18px;
        FLOAT: left;
        MARGIN-LEFT: 10px;
      }
       #FeaturedEventInfo {
        FONT-WEIGHT: bold;
        FONT-SIZE: 14px;
        FLOAT: left;
        WIDTH: calc(100% - 110px);
        MARGIN-LEFT: 10px;
      }
       #FeaturedEventBody {
        FONT-SIZE: 13px;
        MARGIN-TOP: 2px;
        WIDTH: 100%;
        FLOAT: left;
      }
       #FeaturedEventButton {
        MARGIN-TOP: 10px;
        WIDTH: 100%;
        FLOAT: left;
      }
  #SoupsOfTheDay {
    DISPLAY: inline-block;
    WIDTH: 100%;
    MARGIN-BOTTOM: 25px;
    MARGIN-TOP: 20px;
  }
    #SoupsOfTheDay #SoupsHeader {
      COLOR: #00788A;
      FONT-SIZE: 20px;
      TEXT-TRANSFORM: uppercase;
      MARGIN-BOTTOM: 5px;
    }
    #SoupsOfTheDay #SoupsListings {
      BORDER-TOP: 1px solid #00788A;
      BORDER-BOTTOM: 1px solid #00788A;
      POSITION: relative;
      PADDING-BOTTOM: 10px;
    }
      #SoupsOfTheDay #SoupsListings .StoreCell {
        WIDTH: 100%;
      }
        #SoupsOfTheDay #SoupsListings .StoreCell UL {
          PADDING-LEFT: 10px;
          MARGIN-TOP: 10px;
          MARGIN-BOTTOM: 5px;
        }
          #SoupsOfTheDay #SoupsListings .StoreCell UL LI {
            LIST-STYLE-TYPE: none;
            COLOR: #5C6F7C;
          }
            #SoupsOfTheDay #SoupsListings .StoreCell UL LI.store {
              TEXT-TRANSFORM: uppercase;
              FONT-WEIGHT: bold;
              COLOR: #000000;
              PADDING-BOTTOM: 5px;
            }
        #SoupsOfTheDay #SoupsListings .StoreCell .SeeAllLink {
          PADDING-LEFT: 10px;
        }
  
  .feature {
    WIDTH: 100%;
    BORDER-LEFT: none !important;
    PADDING-TOP: 10px;
    PADDING-LEFT: 0px !important;
  }
    .feature:not(:first-child) {
      BORDER-TOP: 1px solid #DDDDDD;
    }
    .feature .featureImage.border {
      BORDER: none;
    }
  .PageHeaderImage IMG {
    WIDTH: 100%;
  }
  
  /* FORMS */
  .login .labelsize1 .field .input INPUT[type="text"] {
    WIDTH: -webkit-calc(90% - 80px);
    WIDTH: -moz-calc(90% - 80px);
    WIDTH: calc(90% - 80px);
    MIN-WIDTH: 100px;
  }
  .login .labelsize2 .field .input INPUT[type="text"] {
    WIDTH: -webkit-calc(90% - 90px);
    WIDTH: -moz-calc(90% - 90px);
    WIDTH: calc(90% - 90px);
    MIN-WIDTH: 150px;
  }
  .login .labelsize3 .field .input INPUT[type="text"],
  .login .labelsize3 .field .input INPUT[type="password"] {
    WIDTH: -webkit-calc(100%);
    WIDTH: -moz-calc(100%);
    WIDTH: calc(100%);
    MIN-WIDTH: 150px;
  }
  .login .labelsize4 .field .input INPUT[type="text"] {
    WIDTH: -webkit-calc(90% - 150px);
    WIDTH: -moz-calc(90% - 150px);
    WIDTH: calc(90% - 150px);
    MIN-WIDTH: 150px;
  }
  .login .labelsize5 .field .input INPUT[type="text"]:not(.datepicker) {
    WIDTH: -webkit-calc(90% - 170px);
    WIDTH: -moz-calc(90% - 170px);
    WIDTH: calc(90% - 170px);
    MIN-WIDTH: 200px;
  }
  .login .labelsize6 .field .input INPUT[type="text"] {
    WIDTH: -webkit-calc(90% - 185px);
    WIDTH: -moz-calc(90% - 185px);
    WIDTH: calc(90% - 185px);
    MIN-WIDTH: 200px;
  }
  .login .labelsize7 .field .input INPUT[type="text"] {
    WIDTH: -webkit-calc(90% - 200px);
    WIDTH: -moz-calc(90% - 200px);
    WIDTH: calc(90% - 200px);
    MIN-WIDTH: 200px;
  }
  .login .field .label {
    WIDTH: 100% !important;
  }
  .login .input.blank {
    MARGIN-LEFT: 0px !important;
  }
  
  
  /* DEPARTMENT LANDING PAGE */
  #mast.mast_product {
    WIDTH: 100%;
    MARGIN: 0px;
  }
  .list_box {
    HEIGHT: auto;
    PADDING: 5px;
    WIDTH: -webkit-calc(100% - 10px);
    WIDTH: -moz-calc(100% - 10px);
    WIDTH: calc(100% - 10px);
  }
    .list_box .listImage {
      FLOAT: left;
      WIDTH: 100%;
    }
      .list_box .listImage IMG {
        WIDTH: 100%;
        BORDER: none !important;
        PADDING: 0px !important;
        MARGIN: 0px !important;
      }
    .list_box .listContent {
      FLOAT: left;
      WIDTH: 100%;
    }
  
  /* DEPARTMENT DETAIL LANDING PAGE */
  #blog_sidebar {
    DISPLAY: none;
  }
  #content .photo_feature {
    WIDTH: 100%;
    MARGIN: 0px;
  }
  #content #ContentTitle {
    WIDTH: -webkit-calc(100% - 40px);
    WIDTH: -moz-calc(100% - 40px);
    WIDTH: calc(100% - 40px);
    PADDING-LEFT: 20px;
  }
  #content #ContentBody {
    WIDTH: -webkit-calc(100% - 40px);
    WIDTH: -moz-calc(100% - 40px);
    WIDTH: calc(100% - 40px);
    PADDING-LEFT: 10px;
  }
  #content .ContentBody {
    WIDTH: -webkit-calc(100% - 40px);
    WIDTH: -moz-calc(100% - 40px);
    WIDTH: calc(100% - 40px);
    PADDING-LEFT: 10px;
  }
  #content .ContentColumn .image,
  #content .ContentColumn .image.wholeCell {
    WIDTH: 100%;
  }
  #content #left_colm {
    PADDING-LEFT: 10px;
    WIDTH: -webkit-calc(100% - 40px);
    WIDTH: -moz-calc(100% - 40px);
    WIDTH: calc(100% - 40px);
    BORDER: none;
    PADDING-RIGHT: 0px;
  }
  #content #right_colm {
    WIDTH: -webkit-calc(100% - 40px);
    WIDTH: -moz-calc(100% - 40px);
    WIDTH: calc(100% - 40px);
    FLOAT: left;
    PADDING-LEFT: 10px;
    PADDING-RIGHT: 0px;
  }
  #CategoryListResponsive {
    DISPLAY: inline-block;
    WIDTH: -webkit-calc(100% - 35px);
    WIDTH: -mox-calc(100% - 35px);
    WIDTH: calc(100% - 35px);
    PADDING-TOP: 10px;
    PADDING-BOTTOM: 5px;
    MARGIN-TOP: 40px;
    MARGIN-BOTTOM: 20px;
    MARGIN-LEFT: 15px;
    MARGIN-RIGHT: 10px;
    BORDER-TOP: 1px solid #00788A;
    BORDER-BOTTOM: 1px solid #00788A;
  }
    #CategoryListResponsive #CategoryListTitle {
      FONT-SIZE: 20px;
      MARGIN-TOP: -40px;
      PADDING-BOTTOM: 17px;
      COLOR: #00788A;
    }
    #CategoryListResponsive .CategoryList {
      WIDTH: 98%;
      PADDING-LEFT: 2%;
      FLOAT: left;
      PADDING-BOTTOM: 5px;
    }
      #CategoryListResponsive .CategoryList A {
        COLOR: #95A0A9;
      }
  #BioContainer {
    DISPLAY: inline-block;
    WIDTH: -webkit-calc(100% - 40px);
    WIDTH: -moz-calc(100% - 40px);
    WIDTH: calc(100% - 40px);
    BACKGROUND-COLOR: #DFE3E5;
    PADDING: 20px;
  }
    #BioContainer .BioHeader {
      FONT-SIZE: 27px;
      TEXT-TRANSFORM: uppercase;
      COLOR: #00788A;
      MARGIN-BOTTOM: 10px;
    }
    #BioContainer .BioContent {
      WIDTH: 100%;
    }
      #BioContainer .BioContent .BioImage {
        WIDTH: 100px;
        FLOAT: left;
      }
        #BioContainer .BioContent .BioImage IMG {
          WIDTH: 82px;
        }
      #BioContainer .BioContent .BioImage.FullCell {
        WIDTH: 100%;
      }
      #BioContainer .BioContent .BioTitle {
        FLOAT: right;
        WIDTH: calc(100% - 100px);
        FONT-SIZE: 18px;
        FONT-WEIGHT: bold;
        COLOR: #000000;
      }
      #BioContainer .BioContent .Bio {
        FLOAT: left;
        WIDTH: 100%;
        MARGIN-TOP: 10px;
        FONT-SIZE: 13px;
        COLOR: #000000;
      }
  
  /* EVENT PAGE */
  .Event .CalendarCell {
    WIDTH: 80px;
    HEIGHT: 72px;
  }
  .Event .EventAddTo {
    DISPLAY: none;
  }
  .Event .EventDetails {
    MARGIN-LEFT: 0px;
    WIDTH: -webkit-calc(100% - 130px);
    WIDTH: -moz-calc(100% - 130px);
    WIDTH: calc(100% - 130px);
  }
  .Event .EventPhoto {
    FLOAT: left;
    PADDING-TOP: 10px;
    WIDTH: 82px;
  }
  .Event .CalendarImageContainer {
    WIDTH: 90px;
    FLOAT: left;
  }
  .Event .Dash {
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 20px;
  }
  
  /* PHOTO GALLERIES */
  .galleryCell.grid-item {
    WIDTH: 45%;
  }
  
  /* DLM DIFFERENCE */
  .youtubeVideo {
    WIDTH: 100%;
  }
  
  /* LOCATIONS */
  #locations {
    WIDTH: 100%;
  }
    #locations .location {
      FLOAT: left;
      WIDTH: 165px;
      BORDER: none !important;
    }
  #map_canvas {
    WIDTH: 100%;
    HEIGHT: 300px;
    MARGIN-LEFT: 0px;
  }
  
  /* CLUB DEALS */
  #ClubDeals {
    WIDTH: 100%;
  }
    #ClubDeals #header {
      HEIGHT: 100px;
    }
      #ClubDeals #header #header_image {
        HEIGHT: 100px;
        WIDTH: 100%;
      }
        #ClubDeals #header #header_image #date {
          FONT-SIZE: 14px;
        }
      #ClubDeals #header #header_nav {
        WIDTH: 100%;
      }
        #ClubDeals #header #header_nav .header_nav_link {
          HEIGHT: 17px;
          PADDING-TOP: 3px;
          FONT-SIZE: 12px;
        }
    #ClubDeals #deals LI {
      FONT-SIZE: 12px;
    }
    #ClubDeals #deals .left_column {
      WIDTH: 100%;
    }
    #ClubDeals #deals .right_column {
      WIDTH: 100%;
      FLOAT: left;
    }
  
  /* CLUB DEALS 1 */
  #ClubDeals1 {
    WIDTH: 100%;
  }
    #ClubDeals1 #header {
      HEIGHT: 100px;
    }
      #ClubDeals1 #header #header_links {
        HEIGHT: 100px;
        WIDTH: 100%;
        TEXT-ALIGN: center;
      }
      #ClubDeals1 #header #header_image {
        HEIGHT: 100px;
        WIDTH: 100%;
      }
        #ClubDeals1 #header #header_image #date {
          FONT-SIZE: 14px;
        }
      #ClubDeals1 #header #header_nav {
        WIDTH: 100%;
      }
        #ClubDeals1 #header #header_nav .header_nav_link {
          HEIGHT: 17px;
          PADDING-TOP: 3px;
          FONT-SIZE: 12px;
        }
    #ClubDeals1 #deals LI {
      FONT-SIZE: 12px;
    }
    #ClubDeals1 #deals .left_column {
      WIDTH: 100%;
    }
    #ClubDeals1 #deals .right_column {
      WIDTH: 100%;
      FLOAT: left;
    }
  
  /* KIDS CLUB */
  #phone {
    WIDTH: 200px;
  }
  #Email {
    WIDTH: 200px;
  }
  
  /* GIFT CARDS */
  #GiftCardCell .GiftCard {
    WIDTH: 31%;
  }
  
  /* RECIPE DETAIL */
  #RecipeImage {
    WIDTH: 100%;
    TEXT-ALIGN: center;
  }
  
  /* SOUPS */
  .soupCell {
    WIDTH: 100%;
    PADDING: 0px;
  }
    .soupCell:not(:first-child) {
      BORDER: none;
    }
  
  /* CONTACT US */
  #ContactForm {
    WIDTH: 100%;
    MARGIN-LEFT: 0px;
  }
  
  /* MARKET REPORT */
  .blog_box {
    WIDTH: calc(100% - 10px);
    PADDING-TOP: 10px;
    BORDER-TOP: 1px solid #DDDDDD;
  }
    .blog_box:nth-child(n+3) {
      BORDER-LEFT: none;
    }
  #MarketReportLinks {
    DISPLAY: block;
    PADDING-BOTTOM: 15px;
    TEXT-ALIGN: center;
  }
    #MarketReportLinks #report_archive_responsive {
      WIDTH: calc(100% - 70px);
      MAX-WIDTH: 250px;
    }
    #MarketReportLinks #ButtonCell {
      MARGIN-TOP: 5px;
    }
  
  /* NEWSLETTERS */
  .NewsletterSideBar {
    FLOAT: left;
    MARGIN-LEFT: 10px;
    WIDTH: -webkit-calc(100% - 20px);
    WIDTH: -moz-calc(100% - 20px);
    WIDTH: calc(100% - 20px);
  }
    .NewsletterSideBar .categories {
      WIDTH: 100%;
    }
    .NewsletterSideBar .categories_list {
      WIDTH: -webkit-calc(100% - 20px);
      WIDTH: -moz-calc(100% - 20px);
      WIDTH: calc(100% - 20px);
    }
  
  /* MY ACCOUNT */
  #MyAccountContainer #OffersContainer TABLE TD,
  #MyAccountContainer #RecentTransactionContainer TABLE TD,
  #MyAccountContainer #ShopDLMContainer TABLE TD,
  #MyAccountContainer #RecentOnlineOrderContainer TABLE TD {
    FONT-SIZE: 10px;
  }
  #MyAccountContainer #AccountEmailContainer {
    WIDTH: calc(100% - 18px);
  }
  #MyAccountContainer #AddressBookContainer {
    WIDTH: calc(100% - 18px);
  }
  #MyAccountContainer #CreditCardContainer {
    WIDTH: calc(100% - 18px);
  }
  #MyAccountContainer #ClubContainer {
    WIDTH: calc(100% - 18px);
  }
  #MyAccountContainer #ShoppingListContainer {
    WIDTH: calc(100% - 18px);
  }
  #MyAccountContainer #OffersContainer {
    WIDTH: calc(100% - 18px);
    FONT-SIZE: 10px !important;
  }
  #MyAccountContainer #RecentTransactionContainer {
    WIDTH: calc(100% - 18px);
    FONT-SIZE: 11px;
  }
  #MyAccountContainer #ShopDLMContainer {
    WIDTH: calc(100% - 18px);
    FONT-SIZE: 11px;
  }
  #MyAccountContainer #RecentOnlineOrderContainer {
    WIDTH: calc(100% - 18px);
    FONT-SIZE: 11px;
  }
    #MyAccountContainer #RecentOnlineOrderContainer .LastCell {
      WIDTH: 100%;
    }
  
  /* LOGIN */
  DIV.login.loginLeft {
    WIDTH: 100%;
  }
  DIV.login.loginRight {
    WIDTH: 100%;
  }
  DIV.login DIV.forgotPassword {
    MARGIN-RIGHT: 0px;
  }
  DIV.login DIV.form  DIV.field {
    FLOAT: left;
  }
  DIV.login DIV.form SPAN {
    /* FONT-SIZE: 12px; */
    /* this interferes with text rendered on the checkount screen */
  }
  
  /* SHOPPING LISTS */
  #ShoppingListContainer #LeftContainer {
    WIDTH: calc(100% - 40px);
    MARGIN-RIGHT: 0px;
  }
  #ShoppingListContainer #RightContainer {
    WIDTH: calc(100% - 20px);
    MARGIN-TOP: 100px;
  }
  #ShoppingListContainer #RightContainer .ShoppingListItem {
    WIDTH: calc(100% - 10px);
    PADDING: 0px;
    FLOAT: left;
    CLEAR: none;
    MAX-HEIGHT: 100%;
    HEIGHT: auto;
    MARGIN: 0px 5px;
  }
    /* #ShoppingListContainer #RightContainer .ShoppingListItem:not(:nth-child(2)) {
      BORDER-TOP: 1px solid #DDDDDD;
    } */
    #ShoppingListContainer #RightContainer .ShoppingListItem .image {
      WIDTH: auto;
      PADDING-LEFT: 0px;
    }
    #ShoppingListContainer #RightContainer .ShoppingListItem .description {
      MAX-WIDTH: 100%;
      WIDTH: 100%;
      HEIGHT: auto;
    }
    #ShoppingListContainer #RightContainer .ShoppingListItem .PricingContainer {
      WIDTH: 100%;
      FLOAT: left;
    }
    #ShoppingListContainer #RightContainer .ShoppingListItem .PricingContainer .price {
      WIDTH: 50px;
      PADDING: 0px !important;
    }
      #ShoppingListContainer #RightContainer .ShoppingListItem .PricingContainer .price SPAN {
        FONT-SIZE: 14px !important;
      }
    #ShoppingListContainer #RightContainer .ShoppingListItem .PricingContainer .qty {
      PADDING: 0px !important;
    }
    #ShoppingListContainer #RightContainer .ShoppingListItem .PricingContainer .buttons {
      PADDING-BOTTOM: 0px !important;
      PADDING-TOP: 10px !important;
      PADDING-LEFT: 0px !important;
      PADDING-RIGHT: 0px !important;
      FLOAT: left;
      HEIGHT: 30px;
    }
      #ShoppingListContainer #RightContainer .ShoppingListItem .buttons .OutOfStock {
        FONT-SIZE: 12px;
        MARGIN-RIGHT: 5px !important;
        WIDTH: 100px;
      }
  #ShoppingListContainer #AddToListContainer {
    WIDTH: 100% !important;
    PADDING-TOP: 5px !important;
    /* MARGIN-TOP: -41px !important; */
  }
  #ShoppingListContainer #ButtonCell {
    /* MARGIN-TOP: -76px !important; */
    /* MARGIN-BOTTOM: 10px; */
    WIDTH: 100%;
  }
    #ShoppingListContainer #ButtonCell #CheckAll {
      MARGIN-LEFT: calc(100% - 300px);
    }
    #ShoppingListContainer #ButtonCell #RemoveChecked {
      /* MARGIN-TOP: 5px; */
      FLOAT: left !important;
    }
    #ShoppingListContainer #ButtonCell #AddToCartChecked {
      MARGIN-TOP: 5px;
      FLOAT: left !important;
    }
  
  /* CENTRAL ORDERING */
  .OnlineOrderingCell {
    WIDTH: 100%;
  }
    .OnlineOrderingCell:not(:last-child) {
      PADDING-RIGHT: 0px;
      PADDING-BOTTOM: 10px;
      BORDER-BOTTOM: 1px solid #DDDDDD;
    }
    .OnlineOrderingCell .CellImage {
      
    }
      .OnlineOrderingCell .CellImage IMG {
        MAX-HEIGHT: 100%;
      }
  
    /* CATEGORY PAGE */
    #BreadCrumbs #SortByCell {
      WIDTH: 100%;
      HEIGHT: auto;
      TEXT-ALIGN: right;
      MARGIN-TOP: 12px;
    }
    #BreadCrumbs #ResultsPerPageCell {
      WIDTH: 100%;
      HEIGHT: auto;
      PADDING-RIGHT: 0px;
      PADDING-BOTTOM: 3px;
      TEXT-ALIGN: right;
      BORDER-BOTTOM: 1px solid #DDDDDD;
    }
    #CategoryContainer #NarrowContainer {
      BORDER: none;
      WIDTH: 100%;
      PADDING-BOTTOM: 10px;
      PADDING-TOP: 10px;
      PADDING-RIGHT: 10px;
      MAX-WIDTH: 250px;
    }
      #CategoryContainer #NarrowContainer.border {
        BORDER-RIGHT: 1px solid #DDDDDD;
        BORDER-BOTTOM: 1px solid #DDDDDD;
      }
      #CategoryContainer #NarrowContainer #ResultDetails #RefineResults {
        DISPLAY: inline-block;
        MARGIN-TOP: 5px;
      }
        #CategoryContainer #NarrowContainer #ResultDetails #RefineResults #LeftArrow {
          DISPLAY: none;
          FONT-SIZE: 18px;
          LINE-HEIGHT: 0px;
        }
        #CategoryContainer #NarrowContainer #ResultDetails #RefineResults #RightArrow {
          FONT-SIZE: 18px;
          LINE-HEIGHT: 0px;
        }
      #CategoryContainer #NarrowContainer #NarrowOptions {
        DISPLAY: none;
      }
      #CategoryContainer #NarrowContainer #CategoryCell {
        DISPLAY: none;
      }
      #CategoryContainer #NarrowContainer #BrandCell {
        DISPLAY: none;
      }
      #CategoryContainer #NarrowContainer #ShoppingListCell {
        DISPLAY: none;
      }
    #CategoryContainer #ItemContainer {
      BORDER-LEFT: none;
      WIDTH: 100%;
    }
      #CategoryContainer #ItemContainer .ItemCell {
        PADDING-LEFT: 0px;
        WIDTH: 100%;
      }
        #CategoryContainer #ItemContainer .ItemCell .ItemButtonCell {
          MAX-WIDTH: 100%;
        }
          #CategoryContainer #ItemContainer .ItemCell .ItemButtonCell .InputButtonContainer {
            CLEAR: left;
          }
    #CategoryContainer #PageNumberCell {
      WIDTH: 100%;
    }
    
    /* ADD TO CART SCREEN */
    #showItemAddedToCart {
      WIDTH: 100%;
      PADDING: 0px;
      MARGIN: 0px;
    }
      #showItemAddedToCart DIV#image {
        DISPLAY: none;
      }
      #showItemAddedToCart DIV#buttons {
        FLOAT: right;
        WIDTH: 100%;
      }
        #showItemAddedToCart DIV#buttons IMG {
          HEIGHT: 32px;
        }
      #showItemAddedToCart DIV.pagetitle {
        CLEAR: right;
      }
      #showItemAddedToCart DIV#description {
        FLOAT: right;
        WIDTH: 98%;
      }
        #showItemAddedToCart DIV#description #NewSpecialInstructions {
          WIDTH: 100%;
        }
        #showItemAddedToCart #description #ItemFlavorOptionCell {
          MARGIN-BOTTOM: 10px;
          FONT-WEIGHT: bold;
        }
        #showItemAddedToCart #description #ItemHowPreparedCell {
          MARGIN-BOTTOM: 10px;
          FONT-WEIGHT: bold;
        }
        #showItemAddedToCart #description #ItemSizeOptionCell {
          MARGIN-BOTTOM: 10px;
          FONT-WEIGHT: bold;
        }
        #showItemAddedToCart #description #ItemAllowSubstitutions {
          MARGIN-BOTTOM: 10px;
        }
    
    /* DASH ITEM DETAIL PAGE */
    #DashItemContainer #ItemImageCell {
      WIDTH: 100%;
      MAX-WIDTH: 100%;
      MARGIN: 0px;
    }
    #DashItemContainer #ItemDetails {
      WIDTH: 100%;
    }
      #DashItemContainer #ItemDetails #ItemButtons #ButtonCell {
        MAX-WIDTH: 320px;
        MARGIN-TOP: 10px;
      }
      #DashItemContainer #ItemDetails  #RandomWeightDisclaimer {
        WIDTH: 100%;
      }
    #SimilarItemsContainer #ItemContainer .ItemCell {
      WIDTH: 100%;
      PADDING-LEFT: 0px;
    }
      #SimilarItemsContainer #ItemContainer .ItemCell .ItemButtonCell {
        MAX-WIDTH: 100%;
      }
    
    
    /* CART */
    DIV.cart DIV.item {
      WIDTH: 100%;
      PADDING: 0px;
      FLOAT: left;
      CLEAR: none;
      MAX-HEIGHT: 100%;
    }
      DIV.cart DIV.item DIV.image {
        WIDTH: 75px;
      }
        DIV.cart DIV.item DIV.image IMG {
          MAX-WIDTH: 75px !important;
          MAX-HEIGHT: 75px !important;
        }
      DIV.cart DIV.item DIV.description {
        MAX-WIDTH: -webkit-calc(100% - 100px);
        MAX-WIDTH: -moz-calc(100% - 100px);
        MAX-WIDTH: calc(100% - 100px);
        MARGIN-TOP: 5px;
        FLOAT: left;
      }
        DIV.cart DIV.item DIV.description.dash {
          HEIGHT: auto;
        }
      DIV.cart DIV.item DIV.OrderTypeContainer {
        FLOAT: left;
        WIDTH: 100%;
        PADDING-TOP: 0px !important;
      }
      DIV.cart DIV.item DIV.PricingContainer {
        WIDTH: 100%;
        FLOAT: left;
        MIN-WIDTH: 0px;
      }
        DIV.cart DIV.item DIV.PricingContainer SPAN {
          FONT-SIZE: 14px !important;
        }
      DIV.cart DIV.item DIV.points {
        WIDTH: 50px;
        PADDING: 0px !important;
      }
        DIV.cart DIV.item DIV.points P {
          MARGIN-TOP: -1px;
        }
      DIV.cart DIV.item DIV.price {
        WIDTH: 50px;
        PADDING: 0px !important;
      }
      DIV.cart DIV.item DIV.extras {
        WIDTH: 50px;
        PADDING: 0px !important;
      }
      DIV.cart DIV.item DIV.qty {
        PADDING: 0px !important;
      }
      DIV.cart DIV.item DIV.total {
        WIDTH: 50px;
        PADDING: 0px !important;
      }
      DIV.cart DIV.item DIV.buttons {
        PADDING-BOTTOM: 0px !important;
        PADDING-TOP: 10px !important;
        FLOAT: left;
      }
    #CartUnlistedItem #ProductNameCell {
      MARGIN-BOTTOM: 10px;
      WIDTH: 98%;
      HEIGHT: 35px;
    }
    #CartUnlistedItem #SpecialInstructionsCell {
      MARGIN-BOTTOM: 10px;
      WIDTH: 98%;
      HEIGHT: 35px;
    }
    #CartUnlistedItem #ButtonCell {
      MARGIN-BOTTOM: 20px;
    }
    
    /* CHECKOUT SCREENS */
    DIV#checkoutImage {
      WIDTH: 100%;
      MAX-WIDTH: 377px;
    }
    #OrderDetailsContainer #SpecialInstructions {
      WIDTH: 100%;
    }
    DIV.login#DeliveryFieldsCell {
      HEIGHT: auto;
    }
    DIV.login DIV.pagetitle #DeliveryAddressText {
      MARGIN-LEFT: 0%;
    }
    DIV.orderdetail DIV.column3 {
      FLOAT: left;
      WIDTH: -webkit-calc(100% - 25px);
      WIDTH: -moz-calc(100% - 25px);
      WIDTH: calc(100% - 25px);
      MARGIN-BOTTOM: 20px;
    }
    DIV.orderdetail DIV.grid .grid-item {
      MIN-WIDTH: 330px;
      MARGIN-RIGHT: 0px;
      MIN-HEIGHT: 100px;
    }
    DIV.orderdetail DIV.item {
      WIDTH: 100%;
      PADDING: 0px;
      FLOAT: left;
      CLEAR: none;
      MAX-HEIGHT: 100%;
    }
      DIV.orderdetail DIV.item DIV.image {
        WIDTH: 75px;
      }
        DIV.orderdetail DIV.item DIV.image IMG {
          MAX-WIDTH: 75px !important;
          MAX-HEIGHT: 75px !important;
        }
      DIV.orderdetail DIV.item DIV.description {
        MAX-WIDTH: -webkit-calc(100% - 100px);
        MAX-WIDTH: -moz-calc(100% - 100px);
        MAX-WIDTH: calc(100% - 100px);
        MARGIN-TOP: 5px;
        FLOAT: left;
      }
        DIV.orderdetail DIV.item DIV.description.dash {
          HEIGHT: auto;
        }
      DIV.orderdetail DIV.item DIV.OrderTypeContainer {
        FLOAT: left;
        WIDTH: 100%;
        PADDING-TOP: 0px !important;
      }
      DIV.orderdetail DIV.item DIV.PricingContainer {
        WIDTH: 100%;
        FLOAT: left;
        MIN-WIDTH: 0px;
      }
        DIV.orderdetail DIV.item DIV.PricingContainer SPAN {
          FONT-SIZE: 14px !important;
        }
      DIV.orderdetail DIV.item DIV.points {
        WIDTH: 50px;
        PADDING: 0px !important;
      }
        DIV.orderdetail DIV.item DIV.points P {
          MARGIN-TOP: -1px;
        }
      DIV.orderdetail DIV.item DIV.price {
        WIDTH: 50px;
        PADDING: 0px !important;
      }
      DIV.orderdetail DIV.item DIV.extras {
        WIDTH: 50px;
        PADDING: 0px !important;
      }
      DIV.orderdetail DIV.item DIV.qty {
        PADDING: 0px !important;
      }
      DIV.orderdetail DIV.item DIV.total {
        WIDTH: 50px;
        PADDING: 0px !important;
      }

    /* CAKE ORDERING SYSTEM */
    #CakeItemCell { 
      WIDTH: calc(100% - 10px);
    }
    #CakeOptionsCell {
      WIDTH: calc(100% - 10px);
      MARGIN-LEFT: 0px;
    }
      #CakeOptionsCell #CakeColorsContainer {
        MARGIN-LEFT: 0px;
      }
      #CakeOptionsCell #filling {
        MAX-WIDTH: 300px;
      }
      #CakeOptionsCell #message {
        WIDTH: 100%;
      }
      #CakeOptionsCell #special {
        WIDTH: 100%;
      }
      #CakeOptionsCell #DisclaimerCell {
        MARGIN-LEFT: 0px;
      }
    
    /* PREPARED FOODS */
    #OrderDetailCell {
      WIDTH: 100%;
      HEIGHT: auto;
      MIN-HEIGHT: 100px;
      FLOAT: right;
      POSITION: absolute;
      BOTTOM: 0px;
    }
    #CentralOrderingContainer {
      WIDTH: 100%;
      MARGIN-BOTTOM: 430px;
    }
      #CentralOrderingContainer LABEL.ImageLabel {
        WIDTH: 100%;
        FONT-SIZE: 12px;
      }
        #CentralOrderingContainer LABEL.ImageLabel IMG {
          DISPLAY: none;
        }
      #CentralOrderingContainer #ItemContainer {
        HEIGHT: auto;
      }
        #CentralOrderingContainer #ItemContainer #ItemCell {
          FLOAT: left;
          MARGIN-TOP: 0px;
        }
          #CentralOrderingContainer #ItemContainer #ItemCell .ItemCell {
            HEIGHT: auto;
            WIDTH: 100%;
            MARGIN-RIGHT: 0px;
          }
        #CentralOrderingContainer #ItemContainer #ItemHeader {
          MARGIN-RIGHT: 0px;
        }
        #CentralOrderingContainer #ItemContainer #ItemImage {
          WIDTH: 100%;
          HEIGHT: auto;
        }
          #CentralOrderingContainer #ItemContainer #ItemImage IMG {
            WIDTH: 100%;
            HEIGHT: auto;
          }
        #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer {
          FLOAT: left;
          WIDTH: 100%;
          HEIGHT: auto;
          BORDER-BOTTOM: 1px solid #DDDDDD;
        }
          #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer #ItemDescription {
            FLOAT: left;
            WIDTH: 100%;
            MARGIN-LEFT: 0px;
          }
          #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer #ItemServingSize {
            FLOAT: left;
            WIDTH: 100%;
          }
          #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer #ItemHowPreparedCell {
            FLOAT: left;
            WIDTH: 100%;
          }
          #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer #ItemSizeOptionCell {
            FLOAT: left;
            WIDTH: 100%;
          }
          #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer #ItemOrderOptionCell {
            FLOAT: left;
            WIDTH: 100%;
            POSITION: relative;
            BOTTOM: 0px;
            MARGIN-BOTTOM: 20px;
          }
      #CentralOrderingContainer #ItemDetailContainer {
        WIDTH: 100%;
      }
        #CentralOrderingContainer #ItemDetailContainer .header {
          PADDING-BOTTOM: 2px;
        }
    #SidesCell DIV.Side {
      WIDTH: 98%;
    }
    #DessertCell DIV.Dessert {
      WIDTH: 98%;
    }
    #ComplimentarySideCell DIV.ComplimentarySide {
      WIDTH: 98%;
    }
    #ExtrasCell .mainHeader {
      MARGIN-RIGHT: 0px;
    }
    #ExtrasCell .IngredientTypeCell {
      WIDTH: 100%;
      PADDING-RIGHT: 0px;
    }
    #ExtrasCell DIV.Extra .TextContainer {
      WIDTH: calc(100% - 95px);
    }
}

/* tablet CSS */
@media only screen and (max-device-width: 1025px) and (min-device-width: 600px) and (-webkit-min-device-pixel-ratio:1), 
       only screen and (max-width: 1025px) and (min-width: 600px), 
       only screen and (max-device-width: 1025px) and (min-device-width: 600px) {
  /* TABLET HEADER NAVIGATION */
    /* HIDE/MODIFY DESKTOP HEADERS */
    #home {
      BACKGROUND: none;
    }
    #interior.banners {
      BACKGROUND: none;
    }
    #top {
      DISPLAY: none;
    }
    #top_bar {
      DISPLAY: none;
    }
    #interior_nofeat {
      BACKGROUND: none;
    }
    #scrap_bar {
      DISPLAY: none;
    }
    #home_banners {
      DISPLAY: none;
    }
    #banners2 {
      DISPLAY: none;
    }
    #mast {
      FLOAT: none;
      WIDTH: 100%;
      BACKGROUND-COLOR: #F3EDD6;
      MARGIN-TOP: 0px;
      /* BORDER-BOTTOM: 1px solid #DDDDDD; */
    }
      #slide_buttons {
        TOP: 10px;
      }
    
    /* NEW HEADERS */
    #container {
      PADDING: 0px;
      FLOAT: left;
      WIDTH: 100%;
    }
      #content #centerContentCell {
        WIDTH: 100%;
      }
    #top_responsive {
      DISPLAY: block;
      HEIGHT: 75px;
      WIDTH: 100%;
      BACKGROUND-COLOR: #008390;
      CLEAR: both;
      POSITION: fixed;
      TOP: 0px;
      LEFT: 0px;
      Z-INDEX: 999999;
      transform: translateZ(0);
      -webkit-transform: translateZ(0);
    }
      #top_responsive #logo_responsive {
        FLOAT: left;
        MARGIN-LEFT: 30px;
        MARGIN-TOP: 10px;
        WIDTH: 100px;
      }
        #top_responsive #logo_responsive IMG {
          WIDTH: 70px;
        }
      #NavigationCell_responsive {
        FLOAT: right;
        MARGIN-TOP: 12px;
      }
        #NavigationCell_responsive #Search_responsive {
          FLOAT: left;
          MARGIN-RIGHT: 15px;
          MARGIN-TOP: 8px;
        }
          #NavigationCell_responsive #Search_responsive IMG {
            WIDTH: 35px;
          }
        #NavigationCell_responsive #MyAccount_responsive {
          FLOAT: left;
          MARGIN-RIGHT: 15px;
        }
          #NavigationCell_responsive #MyAccount_responsive IMG {
            WIDTH: 50px;
          }
        #NavigationCell_responsive #Cart_responsive {
          FLOAT: left;
          MARGIN-RIGHT: 15px;
          WIDTH: 50px;
        }
          #NavigationCell_responsive #Cart_responsive .cart_image {
            Z-INDEX: 1;
            POSITION: absolute;
          }
          #NavigationCell_responsive #Cart_responsive .cart_items {
            BACKGROUND-COLOR: #AF006E;
            FONT-SIZE: 14px;
            FLOAT: right;
            MARGIN-RIGHT: -4px;
            FONT-WEIGHT: bold;
            BORDER-RADIUS: 12px;
            PADDING: 3px;
            Z-INDEX: 999;
            POSITION: relative;
            TEXT-ALIGN: center;
            MIN-WIDTH: 15px;
          }
            #NavigationCell_responsive #Cart_responsive .cart_items A {
              COLOR: #FFFFFF;
            }
          #NavigationCell_responsive #Cart_responsive IMG {
            WIDTH: 50px;
          }
        #NavigationCell_responsive #Menu_responsive {
          FLOAT: left;
          MARGIN-RIGHT: 15px;
          MARGIN-TOP: 6px;
        }
          #NavigationCell_responsive #Menu_responsive IMG {
            WIDTH: 40px;
            CURSOR: pointer;
          }
      #SearchResponsiveLink {
        CURSOR: pointer;
      }
      #GoogleSearchResponsiveCell {
        DISPLAY: none;
        HEIGHT: 32px;
        POSITION: relative;
        OVERFLOW: hidden;
        WIDTH: 100%;
        BACKGROUND-COLOR: #008390;
      }
        #GoogleSearchResponsiveCell .gsc-control-cse {
          PADDING: 5px;
          BACKGROUND-COLOR: #008390;
          BORDER: none !important; 
        }
        INPUT.gsc-search-button {
          BACKGROUND-COLOR: #FFFFFF !important;
          COLOR: #00788A !important;
        }
    #top_responsive_spacer {
      DISPLAY: block;
      WIDTH: 100%;
      HEIGHT: 75px;
    }
          
    /* HIDE/MODIFY DESKTOP FOOTERS */
      #footer {
        DISPLAY: none;
      }
    /* NEW FOOTERS */
    #footer_responsive {
      DISPLAY: inline-block;
      TEXT-ALIGN: center;
      WIDTH: 100%;
      FLOAT: left;
      HEIGHT: 120px;
      PADDING-TOP: 10px;
      PADDING-BOTTOM: 10px;
      MARGIN-TOP: 10px;
      BACKGROUND-COLOR: #008390;
      COLOR: #fff;
      FONT-SIZE: 0.8em;
      POSITION: relative;
      Z-INDEX: 9999;
    }
      #footer_responsive IMG {
        HEIGHT: 100%;
      }
      #footer_responsive #EmailSignUpCell {
        PADDING-BOTTOM: 10px;
        PADDING-TOP: 5px;
      }
        #footer_responsive #EmailSignUpCell INPUT[type="email"] {
          BACKGROUND-COLOR: #75B6C0;
          BORDER: 1px solid #75B6C0;
          COLOR: #FFFFFF;
        }
      #footer_responsive #SocialMediaCell {
        TEXT-ALIGN: center;
        MARGIN: 0px auto;
        HEIGHT: 50px;
        WIDTH: 225px;
      }
        #footer_responsive #SocialMediaCell .SocialMedia {
          HEIGHT: 40px;
          FLOAT: left
        }
          
  .feature {
    WIDTH: 30%;
    PADDING-LEFT: 0px;
  }
  #container #centeredContainer {
    WIDTH: 100%;
  }
  #content {
    PADDING: 10px !important;
    WIDTH: -webkit-calc(100% - 20px) !important;
    WIDTH: -moz-calc(100% - 20px) !important;
    WIDTH: calc(100% - 20px) !important;
  }
    #content.homePage {
        WIDTH: -webkit-calc(100% - 15px);
        WIDTH: -moz-calc(100% - 15px);
        WIDTH: calc(100% - 15px);
        PADDING: 5px;
      }
  .AccommodateSideBar {
    WIDTH: -webkit-calc(100% - 30px) !important;
    WIDTH: -moz-calc(100% - 30px) !important;
    WIDTH: calc(100% - 30px) !important;
  }
  .PageHeaderImage IMG {
    WIDTH: 60%;
  }
  
  /* HOME PAGE */
  #FeaturedEvent {
    DISPLAY: inline-block;
    WIDTH: calc(100% - 65px);
    BACKGROUND-COLOR: #DFE3E5;
    PADDING: 12px;
    MARGIN-LEFT: 20px;
  }
    #FeaturedEventHeader {
      FONT-SIZE: 28px;
      COLOR: #00788A;
      TEXT-TRANSFORM: uppercase;
      PADDING-BOTTOM: 10px;
      MARGIN-LEFT: 110px;
    }
    #FeaturedEventImage {
      WIDTH: 100px;
      FLOAT: left;
    }
      #FeaturedEventImage IMG {
        WIDTH: 100%;
      }
    #FeaturedEventTitle {
      FONT-WEIGHT: bold;
      FONT-SIZE: 18px;
      FLOAT: left;
      WIDTH: calc(100% - 110px);
      MARGIN-LEFT: 10px;
    }
    #FeaturedEventInfo {
      FONT-WEIGHT: bold;
      FONT-SIZE: 14px;
      FLOAT: left;
      WIDTH: calc(100% - 110px);
      MARGIN-LEFT: 10px;
    }
    #FeaturedEventBody {
      FONT-SIZE: 12px;
      MARGIN-TOP: 2px;
      FLOAT: left;
      WIDTH: calc(100% - 110px);
      MARGIN-LEFT: 10px;
    }
    #FeaturedEventButton {
      MARGIN-TOP: 10px;
      FLOAT: left;
      WIDTH: calc(100% - 110px);
      MARGIN-LEFT: 110px;
    }
  #SoupsOfTheDay {
    DISPLAY: inline-block;
    WIDTH: calc(100% - 45px);
    MARGIN-LEFT: 20px;
    MARGIN-BOTTOM: 25px;
    MARGIN-TOP: 20px;
  }
    #SoupsOfTheDay #SoupsHeader {
      COLOR: #00788A;
      FONT-SIZE: 20px;
      TEXT-TRANSFORM: uppercase;
      MARGIN-BOTTOM: 5px;
    }
    #SoupsOfTheDay #SoupsListings {
      BORDER-TOP: 1px solid #00788A;
      BORDER-BOTTOM: 1px solid #00788A;
      POSITION: relative;
      MIN-HEIGHT: 120px;
      HEIGHT: 100%;
    }
      #SoupsOfTheDay #SoupsListings .StoreCell {
        WIDTH: 33%;
        FLOAT: left;
      }
        #SoupsOfTheDay #SoupsListings .StoreCell UL {
          PADDING-LEFT: 10px;
          MARGIN-TOP: 10px;
        }
          #SoupsOfTheDay #SoupsListings .StoreCell UL LI {
            LIST-STYLE-TYPE: none;
            COLOR: #5C6F7C;
            FONT-SIZE: 14px;
          }
            #SoupsOfTheDay #SoupsListings .StoreCell UL LI.store {
              TEXT-TRANSFORM: uppercase;
              FONT-WEIGHT: bold;
              COLOR: #000000;
              PADDING-BOTTOM: 5px;
            }
        #SoupsOfTheDay #SoupsListings .StoreCell .SeeAllLink {
          PADDING-LEFT: 10px;
          BOTTOM: 7px;
          POSITION: absolute;
        }
  
  /* FORMS */
  .login .labelsize1 .field .input INPUT[type="text"] {
    WIDTH: -webkit-calc(90% - 80px);
    WIDTH: -moz-calc(90% - 80px);
    WIDTH: calc(90% - 80px);
    MIN-WIDTH: 100px;
  }
  .login .labelsize2 .field .input INPUT[type="text"] {
    WIDTH: -webkit-calc(90% - 90px);
    WIDTH: -moz-calc(90% - 90px);
    WIDTH: calc(90% - 90px);
    MIN-WIDTH: 150px;
  }
  .login .labelsize3 .field .input INPUT[type="text"],
  .login .labelsize3 .field .input INPUT[type="password"] {
    WIDTH: -webkit-calc(100%);
    WIDTH: -moz-calc(100%);
    WIDTH: calc(100%);
    MIN-WIDTH: 150px;
  }
  .login .labelsize4 .field .input INPUT[type="text"] {
    WIDTH: -webkit-calc(100%);
    WIDTH: -moz-calc(100%);
    WIDTH: calc(100%);
    MIN-WIDTH: 150px;
  }
  .login .labelsize5 .field .input INPUT[type="text"]:not(.datepicker) {
    WIDTH: -webkit-calc(90% - 170px);
    WIDTH: -moz-calc(90% - 170px);
    WIDTH: calc(90% - 170px);
    MIN-WIDTH: 200px;
  }
  .login .labelsize6 .field .input INPUT[type="text"] {
    WIDTH: -webkit-calc(90% - 185px);
    WIDTH: -moz-calc(90% - 185px);
    WIDTH: calc(90% - 185px);
    MIN-WIDTH: 200px;
  }
  .login .labelsize7 .field .input INPUT[type="text"] {
    WIDTH: -webkit-calc(90% - 200px);
    WIDTH: -moz-calc(90% - 200px);
    WIDTH: calc(90% - 200px);
    MIN-WIDTH: 200px;
  }
  
  /* DEPARTMENT LANDING PAGE */
  #mast.mast_product {
    WIDTH: 100%;
    MARGIN: 0px;
  }
  .list_box {
    HEIGHT: 320px;
    PADDING: 5px;
    WIDTH: -webkit-calc(49% - 10px);
    WIDTH: -moz-calc(49% - 10px);
    WIDTH: calc(49% - 10px);
  }
    .list_box .listImage {
      FLOAT: left;
      MAX-WIDTH: 450px;
      WIDTH: 250px;
    }
      .list_box .listImage IMG {
        WIDTH: 100%;
        BORDER: none !important;
        PADDING: 0px !important;
        MARGIN: 0px !important;
      }
    .list_box .listContent {
      FLOAT: left;
      WIDTH: 100%;
    }
    .list_box.bottom {
      /* MAX-HEIGHT: 400px;
      HEIGHT: 0%; */ /* should force the sell to minimize without collapsing */
      HEIGHT: auto;
    }
  
  /* DEPARTMENT DETAIL LANDING PAGE */
  #blog_sidebar {
    DISPLAY: none;
  }
  #CategoryListResponsive {
    DISPLAY: inline-block;
    WIDTH: -webkit-calc(100% - 40px);
    WIDTH: -mox-calc(100% - 40px);
    WIDTH: calc(100% - 40px);
    PADDING-TOP: 10px;
    PADDING-BOTTOM: 10px;
    MARGIN-TOP: 40px;
    MARGIN-BOTTOM: 20px;
    MARGIN-LEFT: 20px;
    MARGIN-RIGHT: 10px;
    BORDER-TOP: 1px solid #00788A;
    BORDER-BOTTOM: 1px solid #00788A;
  }
    #CategoryListResponsive #CategoryListTitle {
      FONT-SIZE: 20px;
      MARGIN-TOP: -40px;
      PADDING-BOTTOM: 17px;
      COLOR: #00788A;
    }
    #CategoryListResponsive .CategoryList {
      WIDTH: 48%;
      FLOAT: left;
      PADDING-BOTTOM: 5px;
      PADDING-LEFT: 1%;
    }
      #CategoryListResponsive .CategoryList A {
        COLOR: #95A0A9;
      }
  #content .photo_feature {
    WIDTH: 100%;
    MARGIN: 0px;
  }
  #content .ContentColumn .image,
  #content .ContentColumn .image.wholeCell {
    WIDTH: 100%;
  }
  #content #left_colm {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 0px;
    WIDTH: 48%;
    BORDER: none;
    MIN-WIDTH: 270px;
  }
  #content #right_colm {
    WIDTH: 48%;
    FLOAT: left;
    PADDING-LEFT: 0px;
    MIN-WIDTH: 270px;
  }
  #BioContainer {
    DISPLAY: inline-block;
    WIDTH: -webkit-calc(100% - 40px);
    WIDTH: -moz-calc(100% - 40px);
    WIDTH: calc(100% - 40px);
    BACKGROUND-COLOR: #DFE3E5;
    PADDING: 20px;
  }
    #BioContainer .BioHeader {
      FONT-SIZE: 30px;
      TEXT-TRANSFORM: uppercase;
      COLOR: #00788A;
      PADDING-LEFT: 110px;
      MARGIN-BOTTOM: 10px;
    }
    #BioContainer .BioContent {
      WIDTH: 100%;
    }
      #BioContainer .BioContent .BioImage {
        WIDTH: 100px;
        FLOAT: left;
      }
        #BioContainer .BioContent .BioImage IMG:first-child {
          PADDING-BOTTOM: 5px;
        }
      #BioContainer .BioContent .BioTitle {
        FLOAT: right;
        WIDTH: calc(100% - 110px);
        PADDING-BOTTOM: 5px;
        FONT-SIZE: 20px;
        FONT-WEIGHT: bold;
        COLOR: #000000;
      }
      #BioContainer .BioContent .Bio {
        FLOAT: right;
        WIDTH: calc(100% - 110px);
        COLOR: #000000;
      }
  
  
  /* EVENT PAGE */
  .Event .EventDetails {
    WIDTH: -webkit-calc(100% - 255px);
    WIDTH: -moz-calc(100% - 255px);
    WIDTH: calc(100% - 255px);
  }
  .Event .EventAddTo {
    DISPLAY: none;
  }
  
  /* PHOTO GALLERIES */
  .galleryCell.grid-item {
    WIDTH: 30.5%;
  }
  
  /* LOCATIONS */
  #locations {
    WIDTH: 100%;
  }
    #locations .location {
      FLOAT: left;
      WIDTH: 165px;
      BORDER: none !important;
    }
    #locations H2 {
    }
  #map_canvas {
    WIDTH: 100%;
    HEIGHT: 400px;
    MARGIN-LEFT: 0px;
  }
  
  /* CLUB DEALS */
  #ClubDeals {
    WIDTH: 100%;
  }
    #ClubDeals #header {
      HEIGHT: 100px;
    }
      #ClubDeals #header #header_image {
        HEIGHT: 100px;
        WIDTH: 65%;
      }
        #ClubDeals #header #header_image #date {
          FONT-SIZE: 14px;
        }
      #ClubDeals #header #header_nav {
        WIDTH: 35%;
      }
        #ClubDeals #header #header_nav .header_nav_link {
          HEIGHT: 17px;
          PADDING-TOP: 3px;
          FONT-SIZE: 13px;
        }
  
  /* KIDS CLUB */
  #KidsClubForm #phone {
    WIDTH: 200px;
  }
  #KidsClubForm #Email {
    WIDTH: 200px;
  }
  
  /* GIFT CARDS */
  #GiftCardCell .GiftCard {
    WIDTH: 31%;
    MAX-WIDTH: 200px;
  }
  
  /* RECIPE DETAIL */
  #RecipeImage {
    WIDTH: 40%;
    TEXT-ALIGN: right;
  }
  
  /* CONTACT US */
  #ContactForm {
    WIDTH: 100%;
    MARGIN-LEFT: 0px;
  }
  
  /* NEWSLETTERS */
  .NewsletterSideBar {
    FLOAT: left;
    MARGIN-LEFT: 10px;
  }
  
  /* MARKET REPORT */
  #MarketReportLinks {
    DISPLAY: block;
    PADDING-BOTTOM: 15px;
    TEXT-ALIGN: center;
  }
    #MarketReportLinks #report_archive_responsive {
      WIDTH: calc(100% - 70px);
      MAX-WIDTH: 250px;
    }
    #MarketReportLinks #ButtonCell {
      MARGIN-TOP: 5px;
    }
  
  /* MY ACCOUNT */
  #MyAccountContainer #OffersContainer {
    WIDTH: calc(100% - 25px);
    FONT-SIZE: 12px !important;
  }
  #MyAccountContainer #RecentTransactionContainer {
    WIDTH: calc(100% - 25px);
    FONT-SIZE: 12px;
  }
  #MyAccountContainer #ShopDLMContainer {
    WIDTH: calc(100% - 25px);
    FONT-SIZE: 12px;
  }
  #MyAccountContainer #RecentOnlineOrderContainer {
    WIDTH: calc(100% - 25px);
    FONT-SIZE: 12px;
  }
  
  /* SHOPPING LISTS */
  #ShoppingListContainer #LeftContainer {
    WIDTH: 30%;
    MIN-WIDTH: 400px;
  }
  #ShoppingListContainer #RightContainer {
    WIDTH: calc(100% - 10px);
    MARGIN-TOP: 30px;
  }
    /* #ShoppingListContainer #RightContainer .ShoppingListItem:not(:nth-child(n+4)) {
      BORDER-TOP: solid 1px #DDDDDD;
    } */
  
  /* LOGIN */
  DIV.login DIV.forgotPassword {
    MARGIN-RIGHT: 0px;
  }
  DIV.login DIV.form  DIV.field {
    FLOAT: left;
  }
  DIV.login DIV.form SPAN {
    /* FONT-SIZE: 12px; removed because it changed the size of the totals on 1st checkout screen */
  }
  
  /* CENTRAL ORDERING */
  .OnlineOrderingCell {
    WIDTH: 32%;
  }
    .OnlineOrderingCell:not(:last-child) {
      PADDING-RIGHT: 2%;
    }
    .OnlineOrderingCell .CellImage {
      MAX-HEIGHT: 140px;
    }
      .OnlineOrderingCell .CellImage IMG {
        MAX-HEIGHT: 140px;
      }
      
    /* CATEGORY PAGE */
    #BreadCrumbs #SortByCell {
      HEIGHT: auto;
      TEXT-ALIGN: right;
      FLOAT: right;
      POSITION: absolute;
      RIGHT: 0px;
    }
    #BreadCrumbs #ResultsPerPageCell {
      HEIGHT: auto;
      PADDING-RIGHT: 10px;
      PADDING-BOTTOM: 3px;
      TEXT-ALIGN: right;
      FLOAT: right;
      POSITION: absolute;
      RIGHT: 195px;
    }
    #CategoryContainer #NarrowContainer {
      BORDER: none;
      WIDTH: 100%;
      PADDING-BOTTOM: 10px;
      PADDING-TOP: 10px;
      PADDING-RIGHT: 10px;
      MAX-WIDTH: 250px;
    }
      #CategoryContainer #NarrowContainer.border {
        BORDER-RIGHT: 1px solid #DDDDDD;
        BORDER-BOTTOM: 1px solid #DDDDDD;
      }
      #CategoryContainer #NarrowContainer #ResultDetails #RefineResults {
        DISPLAY: inline-block;
        MARGIN-TOP: 5px;
      }
        #CategoryContainer #NarrowContainer #ResultDetails #RefineResults #LeftArrow {
          DISPLAY: none;
          FONT-SIZE: 18px;
          LINE-HEIGHT: 0px;
        }
        #CategoryContainer #NarrowContainer #ResultDetails #RefineResults #RightArrow {
          FONT-SIZE: 18px;
          LINE-HEIGHT: 0px;
        }
      #CategoryContainer #NarrowContainer #NarrowOptions {
        DISPLAY: none;
      }
      #CategoryContainer #NarrowContainer #CategoryCell {
        DISPLAY: none;
      }
      #CategoryContainer #NarrowContainer #BrandCell {
        DISPLAY: none;
      }
      #CategoryContainer #NarrowContainer #ShoppingListCell {
        DISPLAY: none;
      }
    #CategoryContainer #ItemContainer {
      BORDER-LEFT: none;
      WIDTH: 100%;
    }
      #CategoryContainer #ItemContainer .ItemCell {
        WIDTH: 31%;
        MIN-WIDTH: 200px;
        PADDING-TOP: 10px;
        PADDING-BOTTOM: 40px;
        PADDING-LEFT: 15px;
        HEIGHT: 330px;
      }
    #CategoryContainer #PageNumberCell {
      WIDTH: 100%;
      MARGIN-TOP: 10px;
    }

    /* ADD TO CART SCREEN */
    #showItemAddedToCart {
      WIDTH: 100%;
      PADDING: 5px;
    }
      #showItemAddedToCart DIV#image {
        FLOAT: left;
        WIDTH: 25%;
        PADDING-RIGHT: 15px;
      }
        #showItemAddedToCart DIV#image IMG {
          WIDTH: 100%;
        }
      #showItemAddedToCart DIV#buttons {
        WIDTH: -webkit-calc(75% - 15px);
        WIDTH: -moz-calc(75% - 15px);
        WIDTH: calc(75% - 15px);
      }
      #showItemAddedToCart DIV.pagetitle {
        CLEAR: right;
      }
      #showItemAddedToCart DIV#description {
        WIDTH: -webkit-calc(75% - 15px);
        WIDTH: -moz-calc(75% - 15px);
        WIDTH: calc(75% - 15px);
      }

    /* DASH ITEM DETAIL PAGE */
    #DashItemContainer #ItemImageCell IMG {
      MAX-WIDTH: 100%;
    }
    #DashItemContainer #ItemDetails #ItemButtons #ButtonCell {
      MAX-WIDTH: 300px;
      MARGIN-TOP: 10px;
    }
    #DashItemContainer #ItemDetails  #RandomWeightDisclaimer {
      WIDTH: 100%;
    }
    #SimilarItemsContainer #ItemContainer .ItemCell {
      WIDTH: 48%;
    }
    
    /* CART */
    DIV.cart DIV.item {
      WIDTH: 100%;
      PADDING: 0px;
      FLOAT: left;
      CLEAR: none;
      MAX-HEIGHT: 100%;
    }
      DIV.cart DIV.item DIV.image {
        WIDTH: 75px;
        PADDING-BOTTOM: 0px;
      }
        DIV.cart DIV.item DIV.image IMG {
          MAX-WIDTH: 75px !important;
          MAX-HEIGHT: 75px !important;
        }
      DIV.cart DIV.item DIV.description {
        MAX-WIDTH: -webkit-calc(100% - 440px);
        MAX-WIDTH: -moz-calc(100% - 440px);
        MAX-WIDTH: calc(100% - 440px);
        MARGIN-TOP: 5px;
        FLOAT: left;
      }
        DIV.cart DIV.item DIV.description.dash {
          HEIGHT: auto;
        }
      DIV.cart DIV.item DIV.OrderTypeContainer {
        FLOAT: left;
        WIDTH: 100%;
        PADDING-TOP: 0px !important;
        PADDING-BOTTOM: 20px !important;
        PADDING-LEFT: 10px !important;
      }
      DIV.cart DIV.item DIV.PricingContainer {
        /* WIDTH: 100%; */
        /* FLOAT: left; */
        MIN-WIDTH: 0px;
        PADDING-TOP: 20px;
      }
        DIV.cart DIV.item DIV.PricingContainer SPAN {
          FONT-SIZE: 14px !important;
        }
      DIV.cart DIV.item DIV.points {
        WIDTH: 50px;
        PADDING: 0px !important;
      }
        DIV.cart DIV.item DIV.points P {
          MARGIN-TOP: -1px;
        }
      DIV.cart DIV.item DIV.price {
        WIDTH: 50px;
        PADDING: 0px !important;
      }
      DIV.cart DIV.item DIV.extras {
        WIDTH: 50px;
        PADDING: 0px !important;
      }
      DIV.cart DIV.item DIV.qty {
        PADDING: 0px !important;
      }
      DIV.cart DIV.item DIV.total {
        WIDTH: 50px;
        PADDING: 0px !important;
      }
      DIV.cart DIV.item DIV.buttons {
        PADDING-BOTTOM: 0px !important;
        PADDING-TOP: 10px !important;
        FLOAT: left;
      }
    /* these are because safari in osx renders the 30px box a couple px wider than chrome and IE */
    _::-webkit-full-page-media, _:future, :root INPUT[type="text"].number {
      WIDTH: 25px !important;
      MIN-WIDTH: 25px !important;
    }
    _::-webkit-full-page-media, _:future, :root DIV.cart DIV.item DIV.PricingContainer .InputPillContainer {
      WIDTH: 90px;
    }
    
    
    /* CHECKOUT SCREENS */
    DIV.login#DeliveryFieldsCell {
      HEIGHT: auto;
    }
    DIV.orderdetail DIV.item {
      WIDTH: 100%;
      PADDING: 0px;
      FLOAT: left;
      CLEAR: none;
      MAX-HEIGHT: 100%;
    }
      DIV.orderdetail DIV.item DIV.image {
        WIDTH: 75px;
        PADDING-BOTTOM: 0px;
      }
        DIV.orderdetail DIV.item DIV.image IMG {
          MAX-WIDTH: 75px !important;
          MAX-HEIGHT: 75px !important;
        }
      DIV.orderdetail DIV.item DIV.description {
        MAX-WIDTH: -webkit-calc(100% - 440px);
        MAX-WIDTH: -moz-calc(100% - 440px);
        MAX-WIDTH: calc(100% - 440px);
        MARGIN-TOP: 5px;
        FLOAT: left;
      }
        DIV.orderdetail DIV.item DIV.description.dash {
          HEIGHT: auto;
        }
      DIV.orderdetail DIV.item DIV.OrderTypeContainer {
        FLOAT: left;
        WIDTH: 100%;
        PADDING-TOP: 0px !important;
        PADDING-BOTTOM: 20px !important;
        PADDING-LEFT: 10px !important;
      }
      DIV.orderdetail DIV.item DIV.PricingContainer {
        /* WIDTH: 100%;
        FLOAT: left; */
        MIN-WIDTH: 0px;
        PADDING-TOP: 20px;
      }
        DIV.orderdetail DIV.item DIV.PricingContainer SPAN {
          FONT-SIZE: 14px !important;
        }
      DIV.orderdetail DIV.item DIV.points {
        WIDTH: 50px;
        PADDING: 0px !important;
      }
        DIV.orderdetail DIV.item DIV.points P {
          MARGIN-TOP: -1px;
        }
      DIV.orderdetail DIV.item DIV.price {
        WIDTH: 50px;
        PADDING: 0px !important;
      }
      DIV.orderdetail DIV.item DIV.extras {
        WIDTH: 50px;
        PADDING: 0px !important;
      }
      DIV.orderdetail DIV.item DIV.qty {
        PADDING: 0px !important;
      }
      DIV.orderdetail DIV.item DIV.total {
        WIDTH: 50px;
        PADDING: 0px !important;
      }
      
    /* PREPARED FOODS */
      #CentralOrderingContainer LABEL.ImageLabel {
        PADDING-BOTTOM: 3px;
      }
      #CentralOrderingContainer #ItemContainer {
        HEIGHT: auto;
      }
        #CentralOrderingContainer #ItemContainer #ItemCell {
          FLOAT: left;
          MARGIN-TOP: 0px;
        }
        #CentralOrderingContainer #ItemContainer #ItemHeader {
          MARGIN-RIGHT: 0px;
        }
        #CentralOrderingContainer #ItemContainer #ItemImage {
          WIDTH: 38%;
          HEIGHT: auto;
        }
          #CentralOrderingContainer #ItemContainer #ItemImage IMG {
            WIDTH: 100%;
            HEIGHT: auto;
          }
        #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer {
          FLOAT: right;
          WIDTH: 60%;
          HEIGHT: auto;
        }
          #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer #ItemDescription {
            FLOAT: left;
            WIDTH: 100%;
            MARGIN-LEFT: 0px;
          }
          #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer #ItemServingSize {
            FLOAT: left;
            WIDTH: 100%;
          }
          #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer #ItemHowPreparedCell {
            FLOAT: left;
            WIDTH: 100%;
          }
          #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer #ItemSizeOptionCell {
            FLOAT: left;
            WIDTH: 100%;
          }
          #CentralOrderingContainer #ItemContainer #ItemDescriptionContainer #ItemOrderOptionCell {
            FLOAT: left;
            WIDTH: 100%;
            POSITION: relative;
            BOTTOM: 0px;
            MARGIN-BOTTOM: 20px;
          }
      #CentralOrderingContainer #ItemDetailContainer {
        WIDTH: 100%;
      }
        #CentralOrderingContainer #ItemDetailContainer .header {
          PADDING-BOTTOM: 2px;
        }
    #ExtrasCell .mainHeader {
      MARGIN-RIGHT: 0px;
    }
    #ExtrasCell .IngredientTypeCell {
      WIDTH: 49%;
      PADDING-RIGHT: 0px;
    }
    #ExtrasCell DIV.Extra .TextContainer {
      WIDTH: calc(100% - 95px);
    }
    
    
}

/* tablet .ItemCell transition */
@media only screen and (max-device-width: 850px) and (min-device-width: 600px),
       only screen and (max-width: 850px) and (min-width: 600px) {
  #CategoryContainer #ItemContainer .ItemCell {
    WIDTH: 47%;
  }
  
  /* MY ACCOUNT */
  #MyAccountContainer #AccountEmailContainer {
    WIDTH: calc(100% - 25px);
  }
  #MyAccountContainer #AddressBookContainer {
    WIDTH: calc(100% - 25px);
  }
  #MyAccountContainer #CreditCardContainer {
    WIDTH: calc(100% - 25px);
  }
  #MyAccountContainer #ClubContainer {
    WIDTH: calc(100% - 25px);
  }
  #MyAccountContainer #ShoppingListContainer {
    WIDTH: calc(100% - 25px);
  }
  
  /* DLM DIFFERENCE */
  .youtubeVideo {
    WIDTH: 100%;
  }
  
  /* SHOPPING LISTS */
  #ShoppingListContainer #RightContainer .ShoppingListItem {
    WIDTH: calc(50% - 10px);
    PADDING: 0px;
    FLOAT: left;
    CLEAR: none;
    MAX-HEIGHT: 100%;
    HEIGHT: auto;
    MARGIN: 0px 5px;
  }
    /* #ShoppingListContainer #RightContainer .ShoppingListItem:not(:nth-child(1))  {
      BORDER-TOP: none;
    } */
    /* #ShoppingListContainer #RightContainer .ShoppingListItem:nth-child(n+4) {
      BORDER-TOP: 1px solid #DDDDDD;
    } */
    #ShoppingListContainer #RightContainer .ShoppingListItem .image {
      WIDTH: auto;
      PADDING-LEFT: 0px;
    }
    #ShoppingListContainer #RightContainer .ShoppingListItem .description {
      MAX-WIDTH: 100%;
      WIDTH: 100%;
      HEIGHT: auto;
    }
    #ShoppingListContainer #RightContainer .ShoppingListItem .PricingContainer {
      WIDTH: 100%;
      FLOAT: left;
    }
    #ShoppingListContainer #RightContainer .ShoppingListItem .PricingContainer .price {
      WIDTH: 70px;
      PADDING: 0px !important;
    }
      #ShoppingListContainer #RightContainer .ShoppingListItem .PricingContainer .price SPAN {
        FONT-SIZE: 14px !important;
      }
    #ShoppingListContainer #RightContainer .ShoppingListItem .PricingContainer .qty {
      PADDING: 0px !important;
    }
    #ShoppingListContainer #RightContainer .ShoppingListItem .PricingContainer .buttons {
      PADDING-BOTTOM: 0px !important;
      PADDING-TOP: 10px !important;
      PADDING-LEFT: 0px !important;
      PADDING-RIGHT: 0px !important;
      FLOAT: left;
      HEIGHT: 30px;
    }
      #ShoppingListContainer #RightContainer .ShoppingListItem .buttons .OutOfStock {
        FONT-SIZE: 12px;
        MARGIN-RIGHT: 5px !important;
        WIDTH: 120px;
      }
 
  
  /* CAKE ORDERING SYSTEM */
  #addItemForm #message {
    WIDTH: 100%;
  }
  #addItemForm #special {
    WIDTH: 100%;
  }
  
  /* PREPARED FOOD */
  #OrderDetailCell {
    WIDTH: 100%;
    HEIGHT: 440px;
    MIN-HEIGHT: 100px;
    FLOAT: right;
    POSITION: absolute;
    BOTTOM: 0px;
  }
    #OrderDetailCell #GrandTotalCell {
      HEIGHT: 42px;
      MARGIN-BOTTOM: 10px;
    }
      #OrderDetailCell #GrandTotalCell #TotalText {
        FLOAT: left;
        WIDTH: 45%;
        TEXT-ALIGN: left;
        MARGIN-TOP: 6px;
        POSITION: relative;
        HEIGHT: 28px;
        PADDING-LEFT: 10px;
      }
      #OrderDetailCell #GrandTotalCell #GrandTotal {
        FLOAT: right;
        WIDTH: 45%;
        TEXT-ALIGN: right;
        POSITION: relative;
        HEIGHT: 42px;
        PADDING-RIGHT: 10px;
      }
    #OrderDetailCell #ButtonCell {
      MARGIN: 0 auto;
      WIDTH: 460px
    }
      #OrderDetailCell #ButtonCell #ResetButtonCell {
        FLOAT: left;
        WIDTH: 138px;
        TEXT-ALIGN: right;
        PADDING-RIGHT: 12px;
        MARGIN-TOP: 10px;
      }
      #OrderDetailCell #ButtonCell #AddToCartButtonCell {
        FLOAT: left;
        WIDTH: 160px;
      }
      #OrderDetailCell #ButtonCell #SendToFriendButtonCell {
        FLOAT: left;
        WIDTH: 150px;
        MARGIN-TOP: 10px;
      }
  #CentralOrderingContainer {
    WIDTH: 100%;
    MARGIN-BOTTOM: 430px;
  }
  #ExtrasCell .IngredientTypeCell {
    WIDTH: 100%;
    PADDING-RIGHT: 0px;
  }
}

/* full header transition */
@media only screen and (max-device-width: 1375px) and (min-device-width: 1263px), 
       only screen and (max-width: 1375px) and (min-width: 1263px) {
  #content.homepage {
  }
  .feature {
    WIDTH: 28%;
  }
}

@media only screen and (max-device-width: 1263px) and (min-device-width: 1025px), 
       only screen and (max-width: 1263px) and (min-width: 1025px) {
  #main_navi {
    LETTER-SPACING: 0.04em;
  }
  .feature {
    WIDTH: 26%;
  }
  #container #centeredContainer {
    WIDTH: 100%;
  }
  
  
  /* CENTRAL ORDERING */
  #CategoryContainer #ItemContainer .ItemCell {
    WIDTH: 30%;
  }
    #CategoryContainer #ItemContainer .ItemCell:nth-child(1n+4) {
      /* BORDER-TOP: 1px solid #DDDDDD; */
    }
  #CentralOrderingContainer LABEL.ImageLabel {
    WIDTH: 110px;
    FONT-SIZE: 11px;
  }
  #CentralOrderingContainer LABEL IMG {
    WIDTH: 100px;
    HEIGHT: 77px;
  }
}

@media only screen and (max-device-width: 1100px) and (min-device-width: 1025px), 
       only screen and (max-width: 1100px) and (min-width: 1025px) {
  #main_navi {
    LETTER-SPACING: 0em;
    WIDTH: 81%;
  }
    #main_navi A:not(#cart_item_link):not(#cart_icon_link):not(#checkout_link) {
      PADDING-LEFT: 1px; 
      PADDING-RIGHT: 1px; 
    }
  .feature {
    WIDTH: 22.5%;
  }
  #container #centeredContainer {
    WIDTH: 100%;
  }
  
  /* SHOPPING LISTS */
  #ShoppingListContainer #LeftContainer {
    WIDTH: 30%;
    MIN-WIDTH: 400px;
  }
  #ShoppingListContainer #RightContainer {
    WIDTH: calc(100% - 10px);
    MARGIN-TOP: 0px;
  }
  
  /* CENTRAL ORDERING */
  #CategoryContainer #ItemContainer .ItemCell {
    WIDTH: 30%;
  }
    #CategoryContainer #ItemContainer .ItemCell:nth-child(1n+4) {
      BORDER-TOP: 1px solid #DDDDDD;
    }
  #CentralOrderingContainer LABEL.ImageLabel {
    WIDTH: 110px;
    FONT-SIZE: 11px;
  }
  #CentralOrderingContainer LABEL IMG {
    WIDTH: 100px;
    HEIGHT: 77px;
  }
  
   
  /* CART PAGE */
  DIV.cart DIV.item {
    PADDING: 0px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* Safari 7.1+ */
  
}

/* Safari 9.0+ (iOS Only) */
@supports (-webkit-text-size-adjust:none) and (not (-ms-accelerator:true)) {
  INPUT[type="text"].number {
    -webkit-appearance: none;
    APPEARANCE: none;
    WIDTH: 20px !important;
    MIN-WIDTH: 20px !important;
  }
  DIV.cart DIV.item DIV.PricingContainer .InputPillContainer {
    WIDTH: 85px;
  }
  
  A[role=button].Incrementer {
    HEIGHT: 24px;
  }
}