﻿@font-face {
    font-family: "Omnes";
    src: url("/Styles/fonts/omnes.eot?#iefix") format("embedded-opentype"), url("/Styles/fonts/omnes.woff") format("woff"), url("/Styles/fonts/omnes.ttf") format("truetype"), url("/Styles/fonts/omnes.svg#omnes") format("svg");
}
@font-face {
    font-family: "OmnesSemiBold";
    font-style: normal;
    font-weight: normal;
    src: url("/Styles/fonts/omnessemibold.eot?#iefix") format("embedded-opentype"), url("/Styles/fonts/omnessemibold.woff") format("woff"), url("/Styles/fonts/omnessemibold.ttf") format("truetype"), url("/Styles/fonts/omnessemibold.svg#omnesssemibold") format("svg");
}

/****** Override Bootstrap ******/
.form-control
{
    border-radius: 0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 8px;
    padding-left: 8px;
}

.carousel-inner {
    display: inline-block;
}

.carousel {
    margin: 0;
    padding: 0;
    height: 142px;
    overflow: hidden;
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: inline-block;
    }

.carousel-inner > .item {
    margin: 0 auto;
    display: inline-block;
}

.carousel-inner > .item > img{
    display: inline-block;
}

.nav-tabs > li {
    padding: 0;
    width: 50%;
    background:#ebe9ea;
    font-size: 12px;
    text-align: center;
}

.nav-tabs > li > a, .nav-tabs > li > a:hover,  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-radius: 0;
    border-top: 1px solid #bcbabb;
    border-right: none;
    border-bottom: none;
    border-left: none;
    background: none;
}

.nav-tabs > li.active, .tab-content {
    background: #2f2f2f;
    color: #fff;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus {
    border-top: 1px solid #2f2f2f;
    color: #fff;
}

.tab-content {
    padding: 10px 15px;
}

/****** General layout ******/
html,
body
{
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #2f2f2f;
    line-height: 1.1;

}

/* adjust body when menu is open */
body.slide-active {
    overflow-x: hidden
}

a {
    color: #2f2f2f;
}

a:hover
{
    color: #2f2f2f;
    text-decoration: none;
}
h1
{
    color: white;
    font-size: 23px;
    margin:0px;
    margin-top:10px;
    margin-bottom:2px;
}

.page
{
    z-index: 1;
    position: relative;
    background: #fff;
    min-height: 100%;
}

.main-content
{
    background: #e1e1e1;
}

.button-layout, a.button-layout:hover, select.button-layout {
    background: #e4e3e3; /* Old browsers */
    background: -moz-linear-gradient(top,  #e4e3e3 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e3e3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e4e3e3 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e4e3e3 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e4e3e3 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e4e3e3 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e3e3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    border: 1px solid #bbbbbb;
    font-size: 12px;
    padding: 13px 17px;
    color: #434242;
}

.disable-button-layout, a.disable-button-layout:hover {
    background: #e7e7e7 !important;
    border: 1px solid #979797!important;
    color: #a8a8a8!important;
}
.active-button-layout {
    color: #fff;
    background: #5da640;
    border-right: 1px solid #7eb568;
    border-left: 1px solid #7eb568; 
    border-top: 1px solid #5da640; 
    border-bottom: 1px solid #5da640;  
    text-shadow: 1px 1px #49962E;
}

a.active-button-layout:hover {
    color: #d2d2d2;
    background: #487d32;
    border-right: 1px solid #6a8f5b;
    border-left: 1px solid #6a8f5b;
    border-top: 1px solid #487d32;
    border-bottom: 1px solid #487d32;  
}

.purple-text, a.purple-text {
    color: #993399;
}

.omnes {
     font-family: "Omnes";
}

.omnes-bold {
     font-family: "OmnesSemiBold";
}

/****** Header ******/
header, #header, #refine-header
{
    background: #009A3D; 
    border-bottom: 1px solid #74b62d;
}

a.header-menu-button
{
    margin-top: 15px;
    display: block;
    margin-left: 1px;
}

a.header-lists-button
{
    margin-top: 13px;
    display: block;
}

.home-logo {    
    display:block;
    margin:auto;
    margin-top:5px;
}

.header-lists-button
{
    float:right;
}

.product-search-box,
.location-search-box
{
    border: 1px solid #e0e0e0;
    background: url("/Images/Header/icon-small-search.png") 5px 7px no-repeat scroll #fff;
    border-radius: 0;
    font-size: 15px;
    height: 35px;
    margin: 5px 0;
    padding-left: 30px;
    width: 99.5%;
    -moz-box-shadow: inset 1px 1px 3px #e1e1e1;
    -webkit-box-shadow: inset 1px 1px 3px #e1e1e1;
    box-shadow: inset 1px 1px 3px #e1e1e1;
    color: #686868;
}

input[type="search"]:focus, input[type="search"]:active {
    border: 1px solid #e0e0e0;
}

.mobile-top-green-div
{
    height:4px;
    background-color: #055630;
}

.mobile-header
{
    height:44px;
}

#refine-header {
    height: 50px;
}
/****** Footer ******/
footer, #footer
{
    background-color: #2f2f2f;
    color: #FFFFFF;
    height: 226px;
    text-align: left;
}

.footer-gap
{
    height:8px;
    background-color:#e1e1e1;
    border-bottom: 1px solid #9C9C9C;
}
    #footer .container
    {
        padding-top: 8px;
    }

    #footer .col-xs-3 {
        padding: 0;
        margin-right: 2px;
        background-color: #353535;
        height: 74px;
        width: 23%;
    }

    #footer .col-xs-3:first-child  {
        margin-left: 10px;
    }

    #footer .col-xs-3:last-child  {
        margin-right: 8px;
    }

    #footer .social-button
    {
        text-align: center;
        display: inline-block;
        margin: auto;

    }

    #footer .social-button:first-child {
        margin-left: 0;
    }

    #footer a
    {
        color: #fff;
        font-size: 12px;
    }

    #footer .underline div
    {
        border-bottom: 1px solid rgba(238,237,235, 0.1);
        -webkit-box-shadow: 0px 1px 0px 0px rgb(42,42,42);
        -moz-box-shadow: 0px 1px 0px 0px rgb(42,42,42);
        box-shadow: 0px 1px 0px 0px rgb(42,42,42);
        margin-left: 17px;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 12px;
        padding-top: 12px;
        width: 43%;
    }

    #footer .underline.no-underline div {
        border-bottom: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        margin-bottom: -5px;
    }

/****** List style ******/
.list-item
{
    background: -moz-linear-gradient(top, #E8E7E7 0%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E8E7E7), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #E8E7E7 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #E8E7E7 0%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #E8E7E7 0%,#ededed 100%); /* IE10+ */
    background: linear-gradient(to bottom, #E8E7E7 0%,#ededed 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E8E7E7', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #B8B7B5;
    color: #2F2F2F;
    display: block;
    font-size: 16px;
    line-height: 30px;
    overflow: auto;
    padding: 10px;
    text-decoration: none;
}

    .list-item:first-child
    {
        border-top: 1px solid #b8b7b5;
    }

    .list-item:hover
    {
        color: #2F2F2F;
    }

.list-item a {
    display: block;
}

.chevron-left
{
    display: block;
    margin-top: 15px;
}

.chevron-right
{
    display: block;
    margin-top: 15px;
}

.chevron-down
{
    display: inline-block;
    margin-top: 15px;
}

.chevron-up
{
    display: inline-block;
    margin-top: 15px;
}


/****** Left Navigation ******/
.close-menu {
    position: absolute;
    display: none;
    z-index: 2;
}

.mobile-menu
{
    z-index: 0;
    display: none;
    width: 75%;
    position: absolute;
}

    .mobile-menu .list-item
    {
        background: #2f2f2f;
        border-top: 1px solid #484747;
        border-bottom: none;
        width: 90%;
        padding: 0;
    }

        .mobile-menu .list-item .mobile-menu-item-text a,
        .mobile-menu .list-item .mobile-menu-item-text, .mobile-menu p
        {
            color: #fff;
        }

    .mobile-menu .user-name-item p
    {
        font-size: 9px;
        margin-left: 0px;
        font-weight: bold;
    }

    .mobile-menu .list-item.user-name-item
    {
        line-height: 20px;
        padding-top: 20px;
        border-top: none;
        margin-left: 10px;
    }

    .mobile-menu .list-item .mobile-menu-item-text
    {
        display: inline-block;
        float: left;
        line-height: 39px;
        margin-left: 5px;
    }

    .mobile-menu .list-item.user-name-item .mobile-menu-item-text
    {
        display: block;
        float: none;
        line-height: 20px;
        margin-left: 0px;
    }

.menu-home-icon
{
    display: inline-block;
    margin-top: 1px;
    float: left;
}

.menu-shopping-lists-icon
{
    display: inline-block;
    margin-top: 1px;
    float: left;
}

.menu-products-icon
{
    display: inline-block;
    margin-top: 1px;
    float: left;
}

.menu-recipes-icon
{
    display: inline-block;
    margin-top: 1px;
    float: left;
}

.menu-saved-recipes-icon
{
    display: inline-block;
    margin-top: 1px;
    float: left;
}

.menu-specials-icon
{
    display: inline-block;
    margin-top: 1px;
    float: left;
}

.menu-store-locator-icon
{
    display: inline-block;
    margin-top: 1px;
    float: left;
}

.menu-faqs-icon
{
    display: inline-block;
    margin-top: 1px;
    float: left;
}

.menu-log-out-icon
{
    display: inline-block;
    margin-top: 1px;
    float: left;
}

/****** Home ******/
.home-menu-item.list-item:first-child {
    height: 57px;
}
.home-menu-item.list-item
{
    font-size: 20px;
    line-height: 26px;
    padding: 0;
    height: 56px;
}

.home-menu-item .home-menu-item-text
{
    margin-left: 18px;
    margin-top: 3px;
    font-size: 16px;
    font-weight: bold;
    padding: 12px 0;
    float:left;
}

.home-menu-item-icon
{
    
    float:left;
}


.banner-wrapper.col-xs-12
{
    padding: 0;
}

.cycle-slideshow
{
    width: 320px;
    margin: auto;
    height: 142px;
}

.products-icon
{
    display: block;
    margin-top: 1px;
}

.recipes-icon
{
    display: block;
    margin-top: 1px;
}

.specials-icon
{
    display: block;
    margin-top: 1px;
}

.store-locator-icon
{
    display: block;
    margin-top: 1px;
}

.bottom-gap
{
    height:12px;
    padding:0;
    background: #E1E1E1;
}

.home-menu-item .chevron-right
{
    margin-top: 17px;
    float:right;
    margin-right:20px;
}

/****** Selected store ******/
.preferred-store-icon
{
    display: block;
    margin: 5px auto 0;
}

.selected-store
{
    background: #fff;
    font-size: 12px;
    height: 50px;
    padding-top: 10px;
}

.selected-store-text
{
    font-weight: bold;
}

/****** Products sort ******/
.store-sort-div,
.product-sort-div
{
    background: #f9f9f9;
    height: 50px;
}

.store-sort-div div,
.product-sort-div div {
    height: 50px;
}
.store-sort-div .col-xs-2,
.product-sort-div .col-xs-2 {
    width:50px;
    padding: 0;
}

.store-sort-div .col-xs-2 a,
.product-sort-div .col-xs-2 a{
    display: block;
}

    .product-sort-div .selected-layout, .product-sort-div-underline
    {
        background: #e1e1e1;
    }

    .copy-select-items .product-sort-div-underline {
        background: #e1e1e1;
        height: 5px;
    }

    .product-sort-div .sort-by-button-wrapper, .product-sort-div .tick-off-button,
    .product-sort-div .sort-by-button-wrapper, .product-sort-div .refine-button {
        float: right;
        margin: 5px 0 5px 10px;
    }


    .product-sort-div .tick-off-button,
     .product-sort-div .refine-button {
         width: 72px;
    }

    .product-sort-div .sort-by-button-wrapper {
        padding: 0;
        border: 0;
    }

    .product-sort-div .sort-by {
        padding:12px 23px 14px 7px;
        width: 78px;
        -webkit-appearance: none;
        border-radius: 0;
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAANCAYAAABLjFUnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0YTc0MmZhNC0xNTU5LTRhOTYtODI3MS04YTk3MTA4OGJhNzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mjg2RkZCN0I4MkQ2MTFFMzk3MjBDNzVBMTU2RUMwOEUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mjg2RkZCN0E4MkQ2MTFFMzk3MjBDNzVBMTU2RUMwOEUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODkxNTQxZmQtOTZmNC00NjhhLWJhYjMtOWQ3YWMyNzY1ZjlhIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjViNDg1MDg1LTNkYWYtNGQxNC04MzQwLTk5YTdhYTM4ZGZlOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlmcQDwAAAC9SURBVHjaYtTX15dgYGCQZqAcPGMBEmVAXEgFwyYwAYlJQPyBQoNA+ieCDHsAxJkUGgbS/4AJylkBxPPJNGg+VD8DE5JgHhDfItGgW1B9DOiGfQHiKCD+RaRBv6Dqv2AzDATOAnE1kYZVQ9Uz4DIMBHqBeDcBg3ZD1TEQMuw/EMcB8SscBr2Cyv8nxjAQeAHESVg0/IeKv8CmiQmPV7YC8WQ0sclQcayAhUDYlALxdyB2AOIDQFyHTzFAgAEA8q0mOPZ+bVUAAAAASUVORK5CYII=') /*/Images/Shared/icon-sort-arrow.png*/;
        background-position: 55px 16px;
        background-repeat: no-repeat;
        background-size: 10px 6px;
    }


    select.sort-by::-ms-expand {
    display: none;
}

.product-sort-div .col-xs-8 {
    float: right;
}

.product-sort-div-underline
{
    height: 5px;
}

.product-list-layout i,.grid-layout i
{
    display: block;
    margin: 11px auto;
}

.grid-layout i
{
    margin-top: 13px;
}

.products-landing .product-sort-div .sort-by-button-wrapper {
    display:none;
}

/****** Products List ******/
.product-recipe-stamp,
.product-stamp
{
    padding: 0;
}

.product-recipe-stamp .row
{
    background: #e1e1e1;
    padding: 0 5px;
}

.product-stamp .row .row {
    padding: 0;
}

.shopping-list-layout .list-item,
.product-stamp .list-item {
    padding: 0;
    font-size: 14px;
    color: #2f2f2f;
    font-weight: bold;
    line-height: 44px;
    border-top: none;
    height:44px !important;
} 

.product-stamp .list-item .list-item-id {
    display: none;
}  

.product-stamp .list-item .list-item-text {
    padding-left: 10px;
    width: 90%;
    display: inline-block;
    text-transform:capitalize;
}  

.shopping-list-layout .list-item .item-count,
.product-stamp .list-item .item-count {
    color: #747474;
    font-weight: normal;
}

.product-stamp .list-item .chevron-left {
    margin: 15px 0px 0px 15px;
    display: inline-block;
    float: left;
    display:none;
}

.product-stamp .list-item .chevron-right {
    margin: 15px 15px 0 0;
    display: inline-block;
    float: right;
}

.product-stamp .view-all-text {
    line-height: 44px;
    height:44px !important;
    display: block;
    background: #fff;
    font-size: 12px;
    font-weight: bold;
}

.product-stamp .row .product-image
{
    height: 55px;
    float: left;
}

.shopping-list-layout .col-xs-12,
.recipe-list-layout .col-xs-12,
.product-stamp .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
    background: #fff;
    height: 55px;
    overflow: hidden;
    border-bottom: 1px solid #e1e1e1;
}

.category-wrapper .expanded
{
    box-shadow:         0px 6px 3px 0px rgba(0, 0, 0, 0.08);
    border-bottom: 0px;
    z-index:5;
}

.product-stamp .product-wrapper {
    padding-left: 5px;
    padding-right: 0;
    margin-left: 0;
    background: #fff;
    width: 85.4%;
    display: inline-block;
    float: left;
}

.product-stamp .plus-icon-wrapper {
    padding-left: 0;
    padding-right: 0;
    background: #7dc34c;
    width: 45px;
    height:55px;
    display: inline-block;
    text-align: center;
    float: left;
    margin-bottom: 5px;
}

.product-stamp .category-wrapper.specials-category .child-special-product{
    display: none;
}

.product-stamp .special-products-wrapper .child-special-product{
    display: block;
}

.product-details {
    display: block;
    float: left;
    width: 78.8%;
    height: 55px;
}

.product-special-type
{
    line-height: 16px;
    background: #fff400;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
    width: 105%;
    height: 16px;
}

.shopping-list-detail .product-stamp-list .product-wrapper .product-special-type {
    position: absolute;
    bottom: 0;
    left: 60px;
}

.product-grid .product-special-type {
    display: block;
}

.shopping-list-detail .product-stamp .product-wrapper .product-details
{
    width: 80%;
}

.product-details-inner {
    display: block;    
}

.product-name
{
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    float: left;
    padding: 3px 0 0 5px;
    line-height: 12px;
    text-transform: capitalize;
}

.product-plus-icon,
.product-tick-icon
{
    display: block;
    margin: 17px auto;
}

.product-plus-icon img {
    margin:17px auto;
}


.price-container {
    display: inline-block;
    float: right;
    text-align: right;
    margin-right: 4px;
}

.product-grid .price-container {      
    float: none;
}

.product-sales-price {
    font-size: 15px;
    line-height: 17px;
    height: 15px;
    font-weight: bold;
    margin-top: 5px;
    display: block;
}

.product-cup-price {    
    font-size: 10px;
    line-height: 12px;
}

/****** Products Landing Page ******/
.products-view .sort-by
{
    display:none;
}

.products-view .product-stamp .row
{
    padding-left:0;
    padding-right:0;
    margin: 0;
}

.products-view .product-stamp .list-item .list-item-text {
    display: inline-block;
    text-transform:capitalize;
}


.product-stamp .category-aisle .chevron-left,
.product-stamp .aisle-shelf .chevron-left,
.product-stamp .all-categories-wrapper .chevron-left {
    display:inline-block;
}

.products-view .list-layout-row{
    padding: 5px;
}

/****** Products Grid layout ******/
.product-stamp .col-xs-6 {
    border-top: 2px solid #7dc34e;
    padding: 0;
    background: #fff;
    height: 155px;
    width: 48.7%;
    overflow: hidden;
    margin:5px 0 0 0;
    border-bottom: 1px solid #e1e1e1;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.18); 
}


.product-stamp .row.grid-layout-row .grid-layout-row-inner {
    width: 308px;
    margin: auto;
}

.product-stamp .col-xs-6.product-grid {
    width: 150px;
}

.product-stamp .grid-layout-row .col-xs-6:nth-child(even) {
    margin-left: 8px;
}

.product-stamp .product-grid .product-wrapper {
    margin-left: 0;
    width: 100%;
    padding-left: 0;
}

.product-stamp .product-grid .product-details{
    width:72%;
    height: auto;
    min-height: 40px;
}

.product-stamp .product-grid .product-name {
    width: 100%;
    padding-top: 0; 
}

.product-stamp .product-grid .product-name.show-special {
    padding-top: 3px;
    height: 26px;
    overflow: hidden;
}

.product-stamp .product-grid .plus-icon-wrapper {
    float: right;
    height: 40px;
    width: 40px;
}

.product-stamp .product-grid .product-plus-icon,
.product-stamp .product-grid .product-tick-icon {
    margin: 8px auto;
}

.product-stamp .row .product-grid .product-image {
    height: 103px;
    width: 100%;
    float: none;
    display: block;
    margin: auto;
    text-align: center;
    position: relative;
}

.product-stamp .row .product-grid .product-image img {
    margin: 0 auto 2px auto;
}

.product-stamp .row .product-grid .product-special-type {
    position: absolute;
    /*bottom: 0;*/
    text-align: left;
    height: 20px;
    font-weight: normal;
    opacity: 0.9;
}

.product-stamp .row .product-grid .product-special-text {
    line-height: 20px;
    font-size: 12px;
}

.product-stamp .row .product-grid .price-container  {
    width: 38%;
    margin-right: 10px;
}

.product-stamp .row .product-grid .product-sales-price  {
    font-size: 12.5px;
    line-height: 14px;
    height: 9px;
    margin-top: 3px;
}

.grid-product-sales-price  {
    font-size: 12.5px;
    line-height: 14px;
    height: 9px;
    margin-top: 3px;    
}


.product-stamp .row .product-grid .product-cup-price {
    font-size: 9px;
    padding-left: 10px;
}

.grid-product-cup-price {
    font-size: 9px;     
}

.grid-price-container {
    display: block;
    padding-left: 5px;
}

.product-stamp .row.grid-layout-row {
    padding:0px 5px 5px 5px;
}

/****** Refine ******/
.shopping-list-scroller-modal-wrapper
.refine-item, .clear-all {
    background: #F9F9F9;
    padding: 7px 21px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 0;
    font-size: 14px;
}

.shopping-list-scroller-modal-wrapper
.refine-item div{
    display: inline-block;
}


.refine-item.selected-filter-layout {
    border-top: 1px solid #5c5c5c;
    background: #2f2f2f;
    color: #fff;
}


.refine-item .check-icon-container{
    display: none;
}


.refine-item.selected-filter-layout .check-icon-container {
    display: inline-block;
    width: 18px;
    float: left;
    margin-right: 10px;
}


.refine-item.selected-filter-layout .check-icon {
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
}

.shopping-list-scroller-modal-wrapper
.list-item.refine-item:first-child {
    border-top: 1px solid #e1e1e1;
}

.clear-all a, .refine-button-container a, .refine-button-container button, .clear-all a:hover, .refine-button-container a:hover {
    display: inline-block;
    padding: 1px 10px;
}

.refine-button-container {
    background: #e1e1e1;
    /*border: 1px solid #d1d0d0;*/
    /*box-shadow: 0 -6px 3px 0 rgba(0, 0, 0, 0.08);*/ 
    border-top: none;
    height: 58px;
}

.refine-button-container a, .refine-button-container button {
    text-align: center;
    width: 49%;
}

.refine-button-container a.apply-button {
    float: right;
}

.products-refine-modal
#shopping-list-scroller-modal-wrapper {
    padding: 0;
}

.products-refine-modal .modal-footer {
    text-align: inherit;
}

a.list-item.refine-item {
    padding-left: 25px;
}
/****** Product Recipe Grid layout ******/
.recipe-grid-layout .col-xs-6,
.product-recipe-stamp .col-xs-6
{
    padding: 0;
    background: #fff;
    height: 180px;
    width: 145px;
    overflow: hidden;
    margin:5px 0 0 0;
    border-bottom: 1px solid #e1e1e1;
    color:#2f2f2f;
}

.recipe-grid-layout .grid-layout-row .grid-layout-row-inner,
.product-recipe-stamp .grid-layout-row .grid-layout-row-inner
{
    width: 300px;
    margin: auto;
}

.recipe-grid-layout .grid-layout-row .col-xs-6:nth-child(even),
.product-recipe-stamp .grid-layout-row .col-xs-6:nth-child(even)
{
    margin-left: 10px;
}

.recipe-grid-layout  .recipe-title,
.product-recipe-stamp .recipe-title
{
    font-size:15px;
    color:#2f2f2f;
    padding-top:15px;
    padding-bottom:10px;
}

.recipe-grid-layout .recipe-grid .recipe-details-name,
.product-recipe-stamp .recipe-grid .recipe-details-name
{
    width: 80%;
    padding-top:15px;
    font-size:9.5px;
    font-weight: bold;
    height:40px;
    padding-left:20px;
}

.recipe-detail-view .recipe-grid .recipe-detail,
.recipe-grid-layout .recipe-grid .recipe-detail,
.product-recipe-stamp .recipe-grid .recipe-detail{
    width:100%;
}

.recipe-grid-layout .recipe-grid .recipe-detail .recipe-detail-value,
.product-recipe-stamp .recipe-grid .recipe-detail .recipe-detail-value
{
    font-size:24px;
}

.recipe-grid-layout .recipe-grid .recipe-detail .recipe-detail-text,
.product-recipe-stamp .recipe-grid .recipe-detail .recipe-detail-text
{
    font-size:8px;
    display:block;
}

.recipe-detail-view .recipe-grid .recipe-detail .recipe-detail-block,
.recipe-grid-layout .recipe-grid .recipe-detail .recipe-detail-block,
.product-recipe-stamp .recipe-grid .recipe-detail .recipe-detail-block
{
    width:33%;
    float:left;
    text-align:center;
    border-right: 1px solid #e1e1e1;
    padding-left:3px;
    height: 40px;
}

.recipe-grid-layout .recipe-grid .recipe-detail .last-block,
.product-recipe-stamp .recipe-grid .recipe-detail .last-block
{
    border-right: 0;
}

.recipe-grid-layout .recipe-grid .recipe-image ,
.product-recipe-stamp .recipe-grid .recipe-image  {
    height: 84px;    
    z-index: 0;
    height: 84px;
    display: block;
    margin: 0 auto;
}

.recipe-grid-layout .recipe-grid .recipe-image-wrapper,
.product-recipe-stamp .recipe-grid .recipe-image-wrapper
{
    position: relative;
}

.recipe-grid-layout .recipe-grid .recipe-image-top, 
.product-recipe-stamp .recipe-grid .recipe-image-top 
{
     z-index: 1;
     margin-top:-2px;
     position:absolute;
}

.recipe-detail-view .disclaimer-text,
.product-recipe-stamp .disclaimer-text
{
    line-height: 55px;
    display: block;
    font-size: 12px;
    font-weight: bold;
}

/****** Product details nutrition info ******/
.product-ingredients {
    margin-bottom: 15px;
}

.nutritional-information .nutritional-info-container {
    width: 290px;
    font-size: 12px;
    margin: 10px auto 5px;
}

.nutritional-information .nutritional-info-container p {
    width: 290px;
    font-size: 12px;
    margin: 3px 0 2px -15px;
}

.nutritional-information .nutritional-info-container p:last-child {
    margin-bottom: 10px;
}

.nutritional-information .header {
    font-weight: bold;
    margin: auto;
}

.nutritional-information .nutritional-info-line div {
    border-right: 1px solid #474747;
    border-left: 1px solid #252525;
    line-height: 20px;
}

.nutritional-information .nutritional-info-line div:last-child {
    border-right: none;
}

.nutritional-dietary-container {
    width: 300px;
    margin: auto;
}

.recipe-detail-view .nutritional-tag,
.nutritional-information .nutritional-tag {
    font-weight: bold;
    border-radius: 10px;
    height: 30px;
    line-height: 30px;
    width: 135px;
    background: #fff;
    color: #000;
    text-align: center;
    margin: 3px 0 3px 15px;
    display: inline-block;
}

.recipe-detail-view .nutritional-tag:nth-child(odd),
.share-with-information .share-with-tag:nth-child(odd),
.nutritional-information .nutritional-tag:nth-child(odd)
{
    margin-left: 0;
}

.nutritional-information .gluten-free-tag {
    background: #f4ad69;
}

.nutritional-information .dairy-free-tag {
    background: #34c3ff;
}

.nutritional-information .egg-free-tag {
    background: #ffc740;
}

.nutritional-information .wheat-free-tag {
    background: #e578a4;
}

.nutritional-information .lactose-free-tag {
    background: #a89dda;
}

.nutritional-information .low-fat-tag {
    background: #61d5bf;
}

.nutritional-information .vegetarian-tag {
    background: #ceca5d;
}

.nutritional-information .for-kids-tag {
    background: #ef897e;
}

.nutritional-information .organic-tag {
    background: #be7bd9;
}

.nutritional-information .sugar-free-tag {
    background: #cd86a3;
}

.nutritional-information .natural-tag {
    background: #cba487;
}

.nutritional-information .free-range-tag {
    background: #b9d06c;
}

.recipe-nutritional-info-modal .modal-body {
    padding: 10px;
}

.recipe-nutritional-info-modal .nutritional-information {
     margin-bottom: 10px;
     float:left;
}


#modal-nutrition-text {
    padding:10px;
}


/****** Product Details View ******/

.product-navigation-div .button-layout, 
.product-navigation-div  a.button-layout:hover,
.recipe-detail-view .button-layout,
.recipe-detail-view .button-layout:hover,
.product-detail-view .button-layout, 
.product-detail-view  a.button-layout:hover
{
    padding: 10px 15px;
    height:auto;
}


.product-navigation-div .back-button,
.recipe-detail-view .back-button,
.product-detail-view .back-button {
    width: 73px;
    float:left;
    margin-left:10px;
}

.product-navigation-div {
    height: 50px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background: #f9f9f9;
}

.product-navigation-div .aisle-info
{
    float:right;
}

.product-navigation-div .back-button-text
{
    padding-left:5px;
    float:right;
}

.product-navigation-div .col-xs-3 {
    width:80px;
    padding: 0;
    font-size:12px;
    margin-top:7px;
}

.product-navigation-div .back-button .chevron-left,
.recipe-detail-view .back-button .chevron-left,
.product-detail-view .back-button .chevron-left
{
    margin: 0px;
    display:block;
    float:left;
}

.product-detail-view .product-info
{
    background: #fff;
    height:auto;
    padding-bottom:10px;

}

.product-detail-view .product-image
{
    border-bottom: 1px solid #e1e1e1;
}

.product-detail-view .product-image img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 150px;
}

.product-detail-view .product-info .product-info-panel
{
    padding-bottom:10px;
    height:auto;
    float:left;
    width:100%;
}

.product-detail-view .product-info .product-name
{
    font-size:15px;
    line-height:15px;
}

.product-detail-view .product-info .product-volume-size
{
    font-weight:lighter;
    font-family:Helvetica;
}

.product-detail-view .add-to-list
{
    float: right;
    margin-top: 15px;
}

.product-detail-view .add-to-list .quantity-input
{
    text-align: right;
    margin-right: 5px;
    border: 1px solid #e1e1e1;
    width: 30px;
    height: 30px;
    color: #313131;
    text-align: center;
    float: left;
    -moz-box-shadow: inset 1px 1px 3px #e1e1e1;
    -webkit-box-shadow: inset 1px 1px 3px #e1e1e1;
    box-shadow: inset 1px 1px 3px #e1e1e1;
}

.product-detail-view .add-to-list .add-to-list-button
{
    padding: 6px 18px;
    float:left;
}

.product-detail-view .product-info .purple-text
{
    display:block;
    font-size:12.5px;
    padding-left:16px;
    width:83px;
}

.product-detail-view .disclaimer-text {
    line-height: 16px;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 22px;
    padding-top: 16px;
}

/****** Recipe Landing Page/List View ******/
.recipe-list-layout .col-xs-12 {
    padding-left:10px;
}


.recipe-list-layout .recipe-image
{
    float: left;
    padding-top:8px;
    display:block;
    display:table;
}

.recipe-list-layout .recipe-image img
{    
    height: 40.5px;
    float: left;
    display:block;
}

.recipe-list-layout .recipe-image span
{
    display:table-cell;
    vertical-align:middle;
    width: 100px;
    padding-left:5px;
}

.recipe-list-layout .recipe-name
{  
    font-size: 9.5px;
    font-weight: bold;
    color: #2f2f2f;
    line-height:1.1;
}


.recipe-list-layout .recipe-details
{
    float: right;
    height: 100%;
    display:block;
    width:45%;
}

.recipe-list-layout .recipe-details .recipe-detail-block
{
    width:44px;
    float:right;
    text-align:left;
    border-left: 1px solid #d7d6d6;
    height: 43px;
    margin-top:7px;
}

.recipe-list-layout .recipe-details .recipe-detail-value
{
    font-size:21px;
    color:#2f2f2f;
    padding-top:0px;
    display:block;
    padding-left:8px;
}

.recipe-list-layout .recipe-details .recipe-detail-text
{
    font-size:8.5px;
    display:block;
    padding-top:2px;
    padding-left:4px;
}

/****** Recipe Grid View ******/
.recipe-grid-layout .col-xs-6
{
    margin-left:5px;
    border-top: 0;
    box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.18);
}


.grid-recipe-view-all
{
    background:#e1e1e1;
    line-height:44px;
    display: block;
    font-size: 12px;
    font-weight: bold;
}

.recipe-grid-layout
{
    padding-bottom:0px !important;
}



/****** Shopping List ******/
.shopping-list-layout .row
{
    background:#e1e1e1;
    padding: 0 5px;
}

.shopping-list-layout .list-item .list-item-text
{
    padding-left: 10px;
    width: 80%;
    display: inline-block;
    text-transform:capitalize;
}  

.default-shopping-list
{
    height: 95px;
    border-bottom: 0px;
    margin-left:-5px;
    margin-right:-5px;
    background: rgba(0, 0, 0, 0.08);
    margin-bottom:8px;
    padding-left:5px;
    padding-right:5px;
}

.default-shopping-list-text
{
    overflow: hidden;
    color: #2F2F2F;
    display: block;
    line-height: 44px;
    margin-left:5px;
    margin-right:5px;
    padding-left: 5px;
    font-size: 12px;
    font-weight: bold;
    border-top: none;
    height: 44px;
    padding-top:5px;
}

.shopping-list-layout  .delete-icon-horizontal,
.shopping-list-layout .delete-icon-vertical{
    display: none;
    margin-top: 10px;
    margin-left: 7px;
    float: left;
}

.shopping-list-bottom
{
    height:15px !important;
    display: block;
}

.clear-all a, .clear-all a:hover {
    color: #434242;
}

.shopping-list-button-container a, .shopping-list-button-container a:hover {
    color:#fff;
}

.clear-all a, .shopping-list-button-container a, .clear-all a:hover, .shopping-list-button-container a:hover {
    display: inline-block;
    padding: 5px 10px;
    font-weight:bold;
}

.shopping-list-button-container {
    background: #e1e1e1;
    border: 1px solid #d1d0d0;
    box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.08); 
    border-top: none;
    border-top: 0px !important;
    height:58px;
    overflow:hidden;
}

.shopping-list-button-container a {
    text-align: center;
    width: 48%;
    background: #5da640;
    color:#fff;
    font-weight:bold;
}

.add-all-items-button,
.shopping-list-button-container a.new-shopping-list-button 
{
    float: right;
}


.tick-off-button
{
    display:none;
}

.shopping-list-detail a.tick-off-button,
.shopping-list-detail .tick-off-button
{
    display:block;
    height:43px;
    padding:8px 12px;
}
.shopping-list-detail .refine-button
{
    display:none;
}
.shopping-list-detail .child-special-product{
    display: block;
}
.shopping-list-copy .product-qty,
.shopping-list-detail .product-qty {
    display: inline-block;
    float: right;
    height: 38px;
    text-align: right;
    margin-right: 14px;
    font-size: 15px;
    line-height: 17px;
    height: 15px;
    padding-top:11px;
    color:#747474;
}
.shopping-list-detail .product-stamp .product-wrapper
{
    width: 100%;    
}

    
.shopping-list-detail .shopping-list-button-container a
{
    text-align: center;
    width: 32.4%;
    color:#fff;
    font-weight:bold;
}

.shopping-list-parent-category
{
    background: #f9f9f9;
    margin-left: -5px;
    margin-right: -5px;
    font-size: 14px;
    color: #2f2f2f;
    font-weight: bold;
    line-height: 44px;
    border-top: none;
    height: 44px !important;
    border-bottom: 5px solid #e1e1e1;
    padding-left:10px;
}

.shopping-list-detail .category-wrapper  
{
    border-bottom: 5px solid #e1e1e1;
}

.shopping-list-detail .product-name
{
    font-size: 10px;
}

.share-with
{
    padding:10px;
    background: #fff;
    width:100%;
    margin-bottom:5px;
}

.share-with-text
{
    font-size: 11px;
    font-weight: bold;
}

.share-with-container
{
    width: 300px;
    margin: auto;
}

.share-with .tab-content {
    background: #fff;
    padding:10px 0px;
}

.share-with-information .share-with-tag
{
    background: #2f2f2f;
    color:#fff;
    border-radius: 15px;
    width: 145px;
    margin: 3px 0 3px 5px;
    text-align: left;
    padding-left:10px;
    border:1px solid #2f2f2f;
    height: 30px;
    line-height: 26px;
    display: inline-block;
}

.share-with-information .share-with-tag:hover
{
    color:#d2d2d2;
    border:1px solid #2f2f2f;
}

.share-with-information .cross-icon-wrapper {
    margin-left: -5px;
    margin-top: 1px;
    width: 24px;
    height:24px;
    display: inline-block;
    float: right;
}

.circle-plus-icon-selected,
.circle-cross-icon {
    display: block;
    margin: 2px auto;
}

.share-with-information .invite-more
{
    background: #fff;
    color:#2f2f2f;
    border:1px solid #7dc34c;
}

.share-with-information .invite-more:hover
{
    background: #7dc34c;
    color:#d2d2d2;
    border:1px solid #7dc34c;
}

.shopping-list-layout .list-item .delete-icon
{
    display:none;
    float:left;
    margin-top:12px;
    margin-left:10px;
}

.shopping-list-layout .list-item .drag-icon
{
    display:none;
    float:right;
    margin-top:12px;
    margin-right:10px;
}


.shopping-list-layout .list-item .list-item-id
{
    display:none;
}

.shopping-list-item-textbox,
.shopping-list-item-label
{
    border:0;
    height:30px;
    vertical-align:middle;
    line-height: 30px;
    font-weight:bold;
    padding-right:10px;
}

.shopping-list-item-textbox
{
    display:none;
}

.tap-to-share-text {
    font-weight:bold;
    padding:10px;
    width:100%;
    margin-bottom:5px;
}


.share-with-tag-value {
    display:none;
}

/****** Recipe Detail View ******/
.recipe-detail-view .nutritional-information,
.recipe-detail-view .product-info
{
    background: #fff;
}

.recipe-detail-view .product-info .product-image
{
    border-bottom: 1px solid #e1e1e1;
}

.recipe-detail-view .product-info .product-image img
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    height:130px;
}

.recipe-detail-view .product-name
{
    font-size:15px;
    padding-top:15px;
}

.recipe-detail-view .product-info .product-info-panel
{
    padding-bottom:10px;
    height:75px;
    float:left;
    width:100%;
}

.recipe-detail-view .product-info 
{
    border-bottom:1px solid #e1e1e1;
    display:block;
}

.recipe-detail-view .social-buttons
{
    float:right;
    height:100%;
    padding-top: 10px;
    padding-right:15px;
}

.recipe-detail-view .social-buttons a
{
    display: block;
    float:right;
    
}

.recipe-detail-view .heart-icon
{
    margin-right:10px;
}

.heart-icon-select
{
	width: 45px;
    height: 42px;
    background: url(/Images/Shared/MobileBrandSiteSprite1.6.png) -45px -160px  no-repeat;
    background-size: 550px 251px;
    margin-right:10px;
}



.recipe-detail-view .nutritional-tag
{
    border-radius:15px;
}

.recipe-detail-view .recipe-grid .recipe-detail .recipe-detail-block
{
    border-right: 0px;
    height:31px;
    width:auto;
    display:table;
}

.recipe-detail-view .recipe-grid .recipe-detail .recipe-detail-value
{
    font-size:29px;
    height:100%;  
    display:table-cell; 
    vertical-align:bottom;
}

.recipe-detail-view .recipe-grid .recipe-detail .recipe-detail-text
{
    font-size:10.5px;
    text-align:left;
    vertical-align:bottom;
    width:45px;
    padding-left:3px;
    height:100%;
    display:table-cell;
    padding-bottom:3px;
}

.recipe-detail-view .tab-content 
{
    padding: 10px 5px;
}

.recipe-detail-view .nav-tabs > li > a, 
.recipe-detail-view .nav-tabs > li > a:hover
{
    border-top: 1px solid #e1e1e1;
}

.recipe-detail-view .nav-tabs > li.active > a, 
.recipe-detail-view .nav-tabs > li.active > a:hover, 
.recipe-detail-view .nav-tabs > li.active > a:focus
{
    border-top: 1px solid #2f2f2f;
}

.recipe-detail-view .nutritional-dietary-container
{
    padding-top:10px;
    padding-bottom:10px;
}

#Method
{
    font-size:12px;
}
.ingredient-item
{
    background: #fff;
}

.ingredient-item .ingredient-checkbox-content {
    display:table;
    width:100%;
}

.ingredient-item .ingredient-checkbox-content .left-content {
    display:table-cell;
    vertical-align:middle;
    width:10%;
}

.ingredient-item .ingredient-checkbox-content .right-content {
    width:90%;
}

.ingredient-item div{
    display: inline-block;
}

.ingredient-item .check-icon-container{
    width: 25px;
    height: 25px;
    border:1px solid #e1e1e1;
    vertical-align:middle;
}

.ingredient-item.selected-filter-layout .ingredient-tick-icon{
    display: inline-block;
    line-height: 30px;
    margin-left: 3px;
    margin-bottom:2px;
}

.list-item.ingredient-item:first-child {
    border-top: 1px solid #e1e1e1;
}

.ingredient-item .home-menu-item-text
{
    padding-left: 10px;
    font-size:12px;
    font-weight:bold;

    display: inline-block;
}

.ingredient-item .home-menu-item-text .volume-size
{
    font-weight:normal;
}
.recipe-detail-view .shopping-list-button-container
{
    width:104%;
    margin-left:-5px;
}
.recipe-detail-view .shopping-list-button-container .button-layout,
.recipe-detail-view .shopping-list-button-container .button-layout:hover
{
    height:42px;
    display:inline-block;
    line-height: 1;
    margin-top:-2px;
}
.shopping-list-button-container .button-layout:hover
{
    color:#979797;
}


/****** Scroller Style ******/
.scrollable-wrapper {
    transform: translate(0px, 0px);
    overflow: hidden;
    position: relative;
    width: 100%;
}

.scrollable-row .row {
    margin: 0;
}

.scrollable-row .footer-wrapper .row {
    margin: 0 -15px;
}

.footer-wrapper {
    margin-left: 0;
    margin-right: 0;
}

#scroller {
    -webkit-transform-style: preserve-3d;
    transform-style: flat;
}

/****** Store Locator ******/
.store-locator-list-view {
    padding: 10px 0;
}
.locator-item {
    background: #fff;
    padding-top:5px;
    padding-bottom:5px;
    overflow:hidden;
}

.store-list-logo {
    float: left;
    margin-top: 3px;
    margin-left:5px;
    width: 45px;
}

.caltex-list-logo {
    float: left;
    margin-top: 3px;
    margin-left:5px;    
}

.locator-menu-item-text {
    display: block;
    padding-left: 10px;
    font-size: 12px;
}




.directions-link-wrapper {
    background: #fff;
    height: 70px;
    margin-top: -8px;
    margin-bottom: -8px;
    width: 60px;
    border-left: 1px solid #e1e1e1;
    float: right;
}

.preferred-store-pin {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    
}

.distance-small-text {
    text-align:center;
    margin-left: 15px;
    margin-top: 2px;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    color: #993399;
    float:left;
}


.map-icon i
{
    display: block;
    margin: 11px auto;
    margin-top: 8px;
}

.store-sort-div {
    border-bottom: 1px solid #dddddd;
    padding-right: 6px;
    padding-left: 0px;
}
.store-sort-div .selected-layout, .store-sort-div-underline {
    background: #e1e1e1;
}


.store-locator .tab-content {
    background: #2f2f2f;
    padding: 0;
}

.store-locator .tab-content-space {
    height:5px;
    background: #2f2f2f;
}

.store-locator .tab-content-space-preferred {
    height:5px;
    background: #e1e1e1;
}


.store-locator .preferred-tab-content {
     background: #e1e1e1;
}

.store-locator .nav-tabs > li > a, 
.store-locator .nav-tabs > li.active > a, 
.store-locator .nav-tabs > li.active {
    border-top: 0px;
}

.store-locator .list-item  {
    padding-left: 0;
    padding-right: 0;
}

.store-locator .list-item:first-child {
    border-top: 0px;
}

.map-canvas {
    height: 300px;
    margin: 0;
    padding: 0;
    display:block;
    width:100%;

}

.location-button {
    float: right;
    margin: 2.5px 4px 2.5px 5px;
    width: 45px;
    display:block;
    height:45px;
    padding: 0;
    
}

.filter-button {
    display:block;
}


/****** Store Details ******/
.store-details-view {
    padding: 20px 10px;
    background: #fff;
    width: inherit;
    margin: auto;
}

.store-description {
    width: 320px;
    margin: auto;
    padding-left: 5px;
    padding-right: 5px;
}

.store-details-icon {
    height: 70px;
    width: 70px;
    float: left;
}

.store-details-text {
    line-height: 16px;
    font-size: 15px;
    display: inline-block;
    padding-left: 12px;
    padding-bottom: 23px;
}

.store-details-bold {
    font-weight: bold;
    font-size: 15px;
    line-height: 12px;
    vertical-align: text-top;
}

.store-hours-wrapper,
.store-phone-wrapper {
    padding-top: 15px;
    padding-bottom: 14px;
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    
}

.store-phone-label {
    font-weight: bold;
    font-size: 15px;
    line-height: 6px;
    vertical-align:middle;
}

.store-phone-text {
    color: #91399F;
    font-size: 22px;
    padding-left: 44px;
    padding-top: 11px;
    vertical-align:middle;
}

.store-hours-table {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 14px;
    color: #818181;
    width: 320px;
    margin: auto;
}

.store-hours-wrapper{
    padding-top: 5px;
    padding-bottom: 10px;
    width: 320px;
    margin-left: auto;
    margin-right: auto;
    
}

.store-hours-bold
 {
    font-weight: bold;
    color:black;
}


.store-hours-label {
    font-size: 15px;
    line-height: 6px;
    vertical-align: text-top;
    float: left;
    width: 58px;
}

.store-hours-text {
    padding-left: 44px;
    font-size: 15px;
    line-height: 6px;
    vertical-align: text-top;
    float: left;
    font-weight: normal !important;
}

.store-hours-table .table > thead > tr > th, .table > 
tbody > tr > th, .table > tfoot > tr > th,  
.table > tbody > tr > td, .table > tfoot > tr > td {
    
    border-top: none;
    padding: 0;
    line-height: 16px;

}

.store-hours-table .table tr td:first-child {
    width: 99px;
}
.store-hours-table .table > thead > tr > th, .table > 
 thead > tr > td, .table > tbody > tr > td > b, .table > 
 thead > tr > td, .table > tbody > tr > td > span {
    
    border-top: none;
    padding: 0;
    line-height: 16px;
    color: #000;
}

.facility-description  {
    padding-top: 16px;
    font-size: 13px;
    line-height: 20px;
}

.facility-list {
    margin-top: -3px;
    
}

.facility-list-text {
    margin-left: 9px;
    vertical-align: middle;
    line-height: 29px;
}

.facility-icon-placeholder {
    float: left;
    width: 22px;
    height: 22px;
    margin-top: 2px;
    border: 1px solid #000;
}

.facility-icon{
}

.store-details-button-container a:hover.get-directions-button,
.store-details-button-container a.get-directions-button
{
    padding: 12px 11px;
}

.store-details-button-container a.get-directions-button.selected {
    background: #2F2F2F;
}



.save-preferred-button  {
    float: right;
    background: #5DA53F;
}

.save-preferred-button.selected {
    background: #2f2f2f;
}

.store-details-button-container {
    background: #e1e1e1;
    border: 1px solid #d1d0d0;
    box-shadow: 0 -3px 3px 0 rgba(0, 0, 0, 0.08); 
    border-top: none;
    border-top: 0px !important;
    height:58px;
    padding-top: 10px;
    overflow:hidden;
}

.store-details-button-container a, .other-store-details-button-container a {
    text-align: center;
    width: 48%;
    background: #5DA53F;
    color:#fff;
    font-weight:bold;
    height: 42px;
}

.other-store-details-button-container a {
    width: 96%;    
}


    
.clear-all a, .store-details-button-container a, 
.clear-all a:hover, .store-details-button-container a:hover, 
.other-store-details-button-container a, .other-store-details-button-container a:hover{
    display: inline-block;
    padding: 3% 11px;
    font-weight:bold;
}

.store-details-horizontal-line {
    padding: 0;
    margin-left: -10px;
    width: 107%;
    height: 1px;
    border-top: 1px solid #D4D4D4;
}


/************************* Modals Begin************************/

/*General Modal*/
.modal
{
    overflow: hidden;
    overflow-y: hidden;
    top: 30%;
}

.modal-footer{
    padding: 0;
    margin-top: 0;
}

.btn-default,
.btn-default a{
    color: #ffffff;
    background-color: #5DA640;
    border:1px #ffffff;
}

.btn-cancel {
    color: #000000;
    background-color: #CCCCCC;
}

.modal-footer .col-xs-6{
    padding: 0;
    margin: 0;
    padding: 8px;
}

.btn {
    border-radius: 0;
    border: hidden;
    padding: 15px;
    border: 1px #ffffff !important;
    font-weight:bold;
}

.modal-dialog{
    width: 100%;
    margin: 0 auto;
}

.modal-content
{
    border-radius: 0;
}

.btn-block 
{
    margin: 0;
    width:100%;
}

/*Location Modal*/
#location-detail-modal {
    display:none;
}

#location-map {
    position: relative;
}

#location-detail-modal {
    position: absolute;
    bottom: 5px;
    left: 0;
    z-index: 10;
    width:100%;
}

/*Share List Dialog*/
.shopping-list-select-destination-modal,
.selection-copy-select-destination-modal,
.share-list-modal,
.products-refine-modal {
    top:0;
    overflow:visible;
}
.shopping-list-select-destination-modal .modal-dialog,
.selection-copy-select-destination-modal .modal-dialog,
.share-list-modal .modal-dialog, .products-refine-modal .modal-dialog {
    margin: 0;
    width:100%;
    padding-right: 0px;
    padding-left: 0px; 
}

.shopping-list-select-destination-modal .modal-content ,
.selection-copy-select-destination-modal .modal-content,
.share-list-modal .modal-content, .products-refine-modal .modal-content {
    background-color: #e1e1e1;
    border-radius: 0;
    border: none;
}

.shopping-list-select-destination-modal .modal-body,
.selection-copy-select-destination-modal .modal-body,
.share-list-modal .modal-body, .products-refine-modal .modal-body {
    position: relative;
    padding: 0 15px 0 15px;
}

.shopping-list-select-destination-modal .modal-body,
.selection-copy-select-destination-modal .modal-body,
.products-refine-modal .modal-body {
    padding: 0;
}

.shopping-list-select-destination-modal .modal-footer,
.selection-copy-select-destination-modal .modal-footer,
.products-refine-modal .modal-footer {
    padding: 8px;  
}

.shopping-list-select-destination-modal .btn,
.selection-copy-select-destination-modal .btn,
.products-refine-modal .btn {
    padding: 10px;
}

.shopping-list-select-destination-modal,
.selection-copy-select-destination-modal,
.products-refine-modal {
}

.shopping-list-select-destination-modal .copy-to-new,
.selection-copy-select-destination-modal .copy-to-new {
    border:1px solid #5DA640;
    border-top:1px solid #5DA640;
    border-bottom:1px solid #5DA640;
}

.shopping-list-select-destination-modal #copy-to-new-list,
.selection-copy-select-destination-modal #copy-to-new-list {
    color: #5DA640 !important;
}
.share-list-modal .btn
{
    width:100%;
    padding:13px;
}

.share-list-modal .button-layout {
    background: #5da640;
    color: #fff;
    font-weight:bold;
}

.share-list-modal .button-layout:active,
.share-list-modal .button-layout:hover  {
    background:#979797;
    color: #434242;
    background: #e4e3e3;
    font-weight:bold;
    border: 1px solid #bbbbbb;
}

#add-to-share-button {
    
    padding: 0;
    color: #ffffff;
    background-color: #5DA640;
}

.share-list-modal .invite-more {
    display:none;
}

.add-to-share {
    background-color: #487d32;
    padding-top:5px;
    padding-bottom:5px;
}

.add-to-share-box
{
    border: 1px solid #e0e0e0;
    border-radius: 0;
    font-size: 15px;
    height: 35px;
    margin: 5px 0;
    float:left;
}

.add-to-share-button {
    margin-top: 5px;
    height: 35px;
    float:right;
    padding-right: 0px;
}

#add-to-share-button {
    width:100%;
    height: 100%;
}

.share-list-modal  .share-with-information {
    padding-bottom:10px;
    padding-top:10px;
}

/*Share Recipe Dialog*/
.share-recipe-modal .btn {
    width:100%;
}

.share-media-buttons {
    padding-top: 8%;
    padding-bottom: 10px;
}

.share-caption-textbox {
    padding-bottom: 20px;
}

.share-text {
    font-size: 15px;
    color: #2f2f2f;
}

.share-recipe-media-grid {
    width: 238px;
    margin: auto;
    padding-top: 26px;
    padding-bottom: 5px;
}

.social-button-wrapper
{
    width: 252px;
    margin: auto;
}

.addthis_default_style .at300b {
    padding: 0;
}

/************************* Modals End************************/

/* Shopping List Check Off */
.check-off-circle {
    display: none;
    height: 29px;
    width: 29px;
    border: 1px solid #747474;
    -moz-border-radius:75px;
    -webkit-border-radius: 75px;
    float:right;
    margin-right:0;
    margin-top: 5px;

}

.crossed-filter-layout.check-off-circle .black-check-icon,
.product-grid.crossed-filter-layout.check-off-circle .black-check-icon {
    display: inline-block;
    line-height: 30px;
    margin-left: 6px;
    margin-bottom: 6px;
    margin-top: 7px;
}

.shopping-list-detail.tick-off-mode  .product-stamp .product-wrapper {
    width: 100%;
}

.crossed-filter-layout .product-name,
.crossed-filter-layout .product-qty,
.crossed-filter-layout .product-image {
    filter: alpha(opacity=40);
    -moz-opacity:0.4;
    opacity: 0.4;
    text-decoration: line-through;
}

.crossed-filter-layout .product-qty {
    text-decoration: line-through;
}

.shopping-list-detail.tick-off-mode a.tick-off-button,
.shopping-list-detail.tick-off-mode .tick-off-button {
    background: #2F2F2F;
    color: #fff;
}

.empty-list {
    display: none;
    background: #fff;
    padding: 97px 0;
}

.store-locator .check-icon
{
    display: inline-block;
    line-height: 70px;
    margin: 25px auto;
}

.store-locator .check-icon-wrapper {
    padding-left: 0;
    padding-right: 0;
    background: #7dc34c;
    width: 47px;
    height: 66px;
    margin-top:-10px;
    margin-bottom:-10px;
    display: inline-block;
}

.store-locator .check-icon-wrapper.selected {
    background: #2f2f2f;
}


.store-locator .check-icon-wrapper.selected {
    background: #2f2f2f;
}



.store-locator .change-preferred-store-icon {
    color: purple;
    line-height: 40px; /* This vertically centers the icon in the middle */
}

.store-locator .change-preferred-store-icon-wrapper {
    width: 50px;
    height: 66px;
    margin-bottom: -10px;
}

.store-locator .change-preferred-store-icon-wrapper .change-text {
    font-size:11px;
    position:relative;
    top:-5px;
}

.products-view .product-qty {
    display:none;
}

.tick-off-mode .product-stamp .product-grid .plus-icon-wrapper {
    display: none;
}

.tick-off-mode .product-grid .check-off-circle {
    margin-top: 5px;
    margin-right: 6px;
}

.shopping-list-detail .product-stamp .col-xs-6.product-grid {
    width: 145px;
    margin-left: 10px !important;
}

.shopping-list-detail .product-stamp .product-grid .product-wrapper {
    margin-left: 0;
    width: 100%;
    padding-left: 0;
}

.shopping-list-detail .product-stamp .row.grid-layout-row {
    padding: 0px 0px 5px 0px;
}

.shopping-list-detail .product-stamp .row.grid-layout-row .grid-layout-row-inner {
    width: 100%;
}

/****** Shopping Lists Popover ******/
.popover {
    background-color: #E1E1E1;
    border-radius: 0;
    left: 20px !important;
    top: 108px !important;
    max-width: 227px;
    z-index: 9999;
}

.popover-content {
    font-size: 14px;
}

.popover.bottom .arrow {
    left: 18%;
}

.popover.bottom .arrow:after {
    border-bottom-color: #E1E1E1;
}

.popover-title > .close {
    color: #717171;
    opacity: 1;
}
.popover-title {
    background: none;
    color: #717171;
    border-bottom: 0px none;
}

/****** Shopping List Unauthenticated ******/
.shopping-list-detail .shopping-list-button-container 
 a.edit-shopping-product-list-unauthenticated {
    width: 100%;
}

.shopping-list-detail .share-unauthenticated-button-container
 a.unauthenticated-share-button {
    width: 100%;
    color: #9B3299;
    background: #E1E1E1;
    border: 0 none;

}

.share-unauthenticated-button-container {
    background: #e1e1e1;
    border: 0 none;
    box-shadow: none;
    border-top: none;
    border-top: 0px !important;
    overflow:hidden;
    text-align: center;
    font-weight: bold;
    padding-top: 12px;
    padding-bottom: 17px;

}

#refine-scroller-modal-wrapper,
#shopping-list-scroller-modal-wrapper {
    height: 450px;
    overflow: hidden;
    padding: 0 15px;
}


/*Message Box*/
.message-box {
    
    display: table;
    border: 0;
    height:44px;
    background:#e1e1e1;
}

.message-box-content {
    display:table-cell;
    vertical-align:middle; 
     margin:20px auto;
}

.shopping-list-tick-icon,
.information-icon {
    float:left;
    display:block;
    

}

.warning-message{
    display:block;
    float:left;
    width: 85%;
    color: #2F2F2F;
    line-height: 16px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: bold;
}


/****** Shopping List Copy Selection ******/
.copy-selected-info-text {
    font-weight: bold;
    font-size: 12px;
    color: #313131;
    height: 70px;
    margin: auto;
    width: 190px;
    padding-top: 20px;

}

.shopping-list-copy-button-container a {
    width: 49% !important;
}


.select-items-text-container {
    background: #E8E8E8;
    font-size: 12px;
    height: 50px;
    padding-top: 10px;
}

.item-lists .copy-items-check-box {
    margin-left: 10px;
    margin-top: 13px;
    margin-right: 13px;
    width: 28px;
    height: 28px;
    float: left;
    border: 1px solid #727272;
    display: none;
}

.grid-layout-row-inner .copy-items-check-box {
    margin-left: 7px;
    margin-top: 5px;
    width: 28px;
    height: 28px;
    border: 1px solid #727272;
    display: none;
}

.copy-grid-layout .copy-items-check-box {
    margin-left: 7px;
    margin-top: 7px;
    margin-right: 7px;
    width: 28px;
    height: 28px;
    float: left;
    border: 1px solid #727272;
    display: none;
}

.copy-grid-layout .plus-icon-wrapper {
    display: none;
}

.copy-grid-layout .product-details-inner {
    height: 42px;
}

.copy-grid-layout .product-qty,
.tick-off-mode .product-grid .product-qty {
    display: inline;    
}


.shopping-list-copy .product-stamp .plus-icon-wrapper {
    display: none;
}

.shopping-list-copy .product-stamp .product-wrapper {
    width: 100%;
}

.shopping-list-copy .copy-items-check-box{
    display: inline-block;
}

.shopping-list-copy .product-details {
    width: 62.8%;
}

.shopping-list-copy .selected-for-copy .copy-items-check-box .black-check-icon   {
    display: inline-block;
    line-height: 30px;
    margin-left: 6px;
    margin-bottom: 6px;
    margin-top: 7px;
}

.list-item-delete-wrapper .delete-icon-horizontal,
.list-item-delete-wrapper .delete-icon-vertical{
    display: none;
    margin-top: 15px;
    margin-left: 7px;
    margin-right: 15px;
    float: left;
}

 .button-layout.cancel-list-edit-button {
    background: #e4e3e3; /* Old browsers */
    background: -moz-linear-gradient(top,  #e4e3e3 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e3e3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e4e3e3 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e4e3e3 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e4e3e3 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e4e3e3 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e3e3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    border: 1px solid #bbbbbb;
    font-size: 12px;
     font-weight: bold;
    color: #000 !important;
}

 /****** Shopping List Details Edit ******/
 .selected-for-delete .delete-icon-vertical {
     position: relative;
     z-index: 2000;
 }
.shopping-list-detail.editable .shopping-list-button-container a {
    width: 48%;
}

.shopping-list-detail.editable .shopping-list-button-container a.save-list-changes-button {
    margin-left: 2%;
}

.shopping-list-detail.editable .product-stamp .product-details {
    width: 64%;
}

.item-lists .product-qty-textbox {
    display: none;
    width: 55px;
    height: 30px;
    text-align: center;
    margin-top: 5px;
    float: right;
    color: #686868;
    border: 1px solid #727272;
}

.grid-layout-row-inner .product-qty-textbox {
    display: none;
    width: 55px;
    height: 30px;
    text-align: center;
    float: right;
    color: #686868;
    border: 1px solid #727272;
}


.selected-for-delete {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
    background: rgba(245, 245, 245, 0.8) !important;
}

.shopping-list-edit-deleted {
    display: none;
    background: rgba(245, 245, 245, 0.8);
    width: inherit;
    height: inherit;
    position: absolute;
    z-index: 1000;
}

/*FAQs*/
.page-description {
    line-height:16px;
    background:#e1e1e1;
    padding:20px;
}

.faqs-content-question {
    padding:10px;
    font-weight:bold;
}

.faqs-content-answer {
    line-height:12px;
    padding:10px;
}

.faqs-list .col-xs-12 {
    height: auto;
}

.faqs-list {
    padding-bottom: 5px;
}
.faqs-list .category-wrapper .expanded {
    box-shadow: none;
    border-bottom: 0px;
    z-index: 5;
}

/*Login*/
.list-item .login-item a {
   display:inline;
}

.login-email-box,
.register-input-box,
.register-password-box,
.register-email-box,
.login-password-box,
.password-reset-box
{
    border: 1px solid #e0e0e0;
    border-radius: 0;
    font-size: 15px;
    height: 35px;
    margin: 5px 0;
    text-align:center;
    vertical-align:middle;
    color:#686868;
}

.login-email-text {
    font-size:13.5px;
    color:#2f2f2f;
    font-weight:normal;
    height: 35px;
    line-height: 35px;
    text-align:center;
    vertical-align:middle;
}

.login-error-message,
.password-reset-error-message,
.register-error-message,
.storelocator-error-message {
    font-size:15px;
    color:#b02d2a;
    background-color:#fff;
    padding:10px;
    font-weight:bold;
    border-bottom:1px solid #b02d2a;
}

.password-reset-error-message ul,
.register-error-message ul{
    list-style-type: none;
}


.login-email-box-error {
    border:1px solid #b02d2a;
    color:#b02d2a;
}

.register-heading,
.login-heading {
     height:100px;
     line-height: 100px;
     font-size:30px;
     color:#2f2f2f;
}
.login-description {
     height:50px;
     padding:20px;
     padding-top:0;
     font-size:15px;
     color:#2f2f2f;
}

.register-description {
     padding:20px;
     padding-top:0;
     font-size:15px;
     color:#2f2f2f;
}



.forgot-password {
    height:50px;
    padding:20px;
    padding-top:10px;
    font-weight:bold;
    font-size:12.5px;
}

.submit-cancel-buttons {
    padding:10px 20px 20px 20px;
}

.submit-cancel-buttons .btn{
    padding:7px;
}

.header-lists-tick-icon {
    float: right;
    position: absolute;  
    margin-top: 13px;
    display:none;
}

.shopping-list-detail .plus-icon-wrapper {
    display: none;
}


/*************************************/
/*              Search               */
/*************************************/

/*Location Search*/
.suburb-auto-complete {
    max-height: 200px;
    z-index:50000;
    overflow-y: auto;
    overflow-x: hidden;
    
}

.suburb-auto-complete .list-item,
.suburb-auto-complete .ui-menu-item {
    background: #ffffff;
}
.suburb-auto-complete li a {
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #2f2f2f;
}

.suburb-auto-complete li .ui-state-hover {
    color: White;
    text-decoration: none;
    background: none;
    background-color: #39474F;
    border: none;
}

#store-ui-autocomplete {
    z-index: 50000;
    overflow-x: hidden;
    display:none;
    left: -10px !important; 
}

.suburb-auto-complete .store-location-text,
#store-ui-autocomplete .store-location-text {
    padding-top:5px;
    text-align:left;
}
.ui-helper-hidden-accessible {
    display:none;
}

.ui-menu-item {
    overflow-x: hidden;
}

.ui-widget-content {
    left: -10px !important; 
}

/*Product Search*/
.tt-dataset-results .list-item{
    text-align:left;
    background: #ffffff;

}

.twitter-typeahead {
    width: 95% !important;
}


.tt-dropdown-menu {
    max-height: 150px;
    overflow-y: auto;
    z-index: 50000 !important;
    width: 99% !important;
    margin-top: 12px;
    padding: 8px 30px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    text-align: left;
}

.gist {
    text-align: left;
    font-size: 14px;
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #5DA640;
}

.tt-suggestion p {
  margin: 0;
}




/*Shopping List Landing Default*/

#default-shopping-list-selector {
    display:none;
}

/*.tt-dataset-products {
    z-index: 50000 !important;
}*/

/***************** Dynamic Content home ****************/

#BannerPanel {
    /**background: url("/Images/WOWMobile/BackgroundImage/carousel_home_screen_bg.png") repeat-x;**/
    min-height: 100px;
    background: #F3F2EE;
    border: solid 1px #DDDCD9;
    padding-top: 10px;
    width: 100%;
}

#BannerPanel #banner-carousel {
    max-width: 100%;
}

#BannerPanel #banner-carousel, #BannerPanel .banner-pager {
    margin: 0 auto 3px;
    text-align: center;
}

#BannerPanel i {
    color: #ffffff;
    font-size: 11px;
}

#BannerPanel i.active {
        color: #3F3F3F;
}

#BannerPanel #banner-carousel img {
    display: none;
}


/*********** Angular UI Transition Animation ************/
.animate-container {
    position: relative;    
}

.products-slide-animate {
    width: 100%;
    z-index: 1000;
}

.products-slide-animate.ng-enter, .products-slide-animate.ng-leave {
    -webkit-transition: 1.5s ease-out all;
    transition: 1.5s ease-out all;
    position: absolute;
}

.products-slide-animate.ng-enter {
    -webkit-transform:translate3d(100%,0,1px) ;
    transform:translate3d(100%,0,1px) ;
    width: 100%;
 
}
.products-slide-animate.ng-enter.ng-enter-active {
 -webkit-transform:translate3d(0,0,0);
 transform:translate3d(0,0,0) ;
}

.products-slide-animate.ng-leave {
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);

}
.products-slide-animate.ng-leave.ng-leave-active {
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0);

}

/*product details specials styling*/
.product-detail-special {
	background-color: white;
    min-height: 15px;
}

.product-info .right-col {
    text-align: right;
}

.product-detail-price-container .old-price{
	font-family: "Omnes";
    text-decoration: line-through;
}

.product-detail-price-container .sale-price,
.product-detail-price-container .offer-price{
	font-family: "OmnesSemiBold";
	color: red;
}

.tile-price {    
    float: right;
    position: relative;
    z-index: 100;
    margin-right: 5px;    
}

.product-detail-price-container .v-top-offset {
    margin-top: 15px;
}

.product-detail-price-container .cup-price,
.product-detail-price-container .saving-price{
	font-family: "Omnes";
    font-size: 0.8em;
}


.show-more-row {
    height: 40px;
    text-align: center;
    padding-top: 15px;
}

.show-more-row a {
    display: block;
}

.product-detail-name {
    line-height: 12px;
    text-transform: capitalize;
}

.share-with-tag {
    vertical-align: middle;    
}

.share-with-tag-text {
    display: inline-block;
    overflow: hidden;
    max-width: 110px;
}


.sticky-heading, .persistent-heading, .persistent-footer {
    position: relative;
    z-index: 2;
}

.shopping-list-button-container .cancel-button {
    background: #e7e7e7;
    border: 1px solid #979797;
    color: #000000;
}

.refine-button.refined {
    background-color: #000;
    color: #fff;
    background-image: none;
}

.sort-by.shopping-list-sort-by {
    display: none;
}

._ticked-category {
    display: none;
}

.child-product .product-name, .child-special-product .product-name {
    width: 70%;
}
.product-grid .product-qty {    
    float: right;
    margin: 0;
    padding: 0;
    padding-right: 10px;
    margin-bottom: 3px;
}

.product-grid .product-image img {
    display: block;
}

.product-grid .check-off-circle.crossed-filter-layout {
    display: inline-block;
}


/*
/
/
MULTI BUY 
/
/
/
/
*/

.product-image {
    position: relative;
}

.multi-buy-stamp {
    position: absolute;
    background-color: transparent;
    top: 25px;
    right: 25px;
}

.multi-buy-stamp .stamp-circle {
    background-image: url("/Images/ProductStamp/multi-buy-sticker.png");
    background-size: cover;
    font-family: OmnesSemiBold;
    text-align: center;
    width: 100px;
    height: 100px;
    padding-top: 25px;
}

.multi-buy-stamp .stamp-circle .stamp-top-line {
    font-size: 1.3em;
}

.multi-buy-stamp .stamp-circle .dollar-sign {
    font-size: 1.2em;
}
.multi-buy-stamp .stamp-circle .cents-sign {
    font-size: 1.2em;
    vertical-align: top;

}

.multi-buy-stamp .stamp-circle .dollar-amount {
    font-size: 1.7em;
    vertical-align: top;

}
.multi-buy-stamp .stamp-circle .cents-amount {
    font-size: 1.3em;
}

.multi-buy-stamp .stamp-circle .period {
    font-size: 1.2em;
    vertical-align: top;
    margin: -3px;
}

.multi-buy-stamp .cup-description {
    margin-top: 5px;
    text-align: center;
    background-color: white;
}

.store-address-text {
    text-overflow: ellipsis;
    overflow: hidden;
}

.store-location-text {
    overflow: hidden;
    white-space: nowrap;
    line-height: 12px;
    font-size: 12px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 12px;
    text-overflow: ellipsis;
    display: block;
   
}

.locator-list-details {
    display: block;
}
.suburb-auto-complete li.list-item {
    height: 50px;
}

.shopping-list-detail .price-container {
    display: none;
}
.shopping-list-detail.editable .new-list-button.unauthenticated {
    display: inline-block;
}
.new-list-button.unauthenticated {
    display: none;
}

.shopping-list-detail .shopping-list-button-container .edit-shopping-product-list-button.unauthenticated {
    width: 100%;
}
.shopping-list-detail.editable .shopping-list-button-container .edit-shopping-product-list-button.unauthenticated {
    width: 48%;
}